// src/presets/nora/toggleswitch/index.ts
var toggleswitch_default = {
  root: {
    width: "2.5rem",
    height: "1.5rem",
    borderRadius: "30px",
    gap: "0.25rem",
    shadow: "{form.field.shadow}",
    focusRing: {
      width: "{focus.ring.width}",
      style: "{focus.ring.style}",
      color: "{focus.ring.color}",
      offset: "{focus.ring.offset}",
      shadow: "{focus.ring.shadow}"
    },
    borderWidth: "1px",
    borderColor: "{form.field.border.color}",
    hoverBorderColor: "{form.field.border.color}",
    checkedBorderColor: "{primary.color}",
    checkedHoverBorderColor: "{primary.color}",
    invalidBorderColor: "{form.field.invalid.border.color}",
    background: "{form.field.background}",
    hoverBackground: "{form.field.background}",
    checkedBackground: "{primary.color}",
    checkedHoverBackground: "{primary.color}",
    transitionDuration: "{form.field.transition.duration}",
    slideDuration: "0.1s",
    disabledBackground: "{form.field.disabled.background}"
  },
  handle: {
    borderRadius: "50%",
    size: "1rem",
    background: "{form.field.border.color}",
    hoverBackground: "{form.field.border.color}",
    checkedBackground: "{primary.contrast.color}",
    checkedHoverBackground: "{primary.contrast.color}",
    disabledBackground: "{form.field.disabled.color}",
    color: "{surface.0}",
    hoverColor: "{surface.0}",
    checkedColor: "{primary.color}",
    checkedHoverColor: "{primary.color}"
  }
};
export {
  toggleswitch_default as default
};
//# sourceMappingURL=index.mjs.map