@accreditation/ui 1.0.0

package/dist/components/atoms/spinner/components/spinner.mjs

@@ -0,0 +1,89 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cn } from '../../../../lib/utils';
+import { spinnerSizeMap, spinnerColorMap, SPINNER_ROTATE_ANIM, SPINNER_DASH_ANIM, SPINNER_ROTATE_DURATION, SPINNER_DASH_DURATION, spinnerInlineTextColorMap, spinnerInlineBaseClasses } from '../variants';
+
+function Spinner({
+  size = "md",
+  color = "inherit",
+  label = "Carregando",
+  className,
+  style,
+  ...props
+}) {
+  const { size: px, strokeWidth } = spinnerSizeMap[size];
+  const center = px / 2;
+  const radius = center - strokeWidth;
+  const circumference = 2 * Math.PI * radius;
+  const dashMin = circumference * 0.15;
+  const dashMax = circumference * 0.75;
+  const strokeColor = spinnerColorMap[color];
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      role: "status",
+      "aria-label": label,
+      width: px,
+      height: px,
+      viewBox: `0 0 ${px} ${px}`,
+      fill: "none",
+      className: cn("shrink-0", className),
+      style: { color: strokeColor, ...style },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("style", { children: `
+        @keyframes ${SPINNER_ROTATE_ANIM} {
+          100% { transform: rotate(360deg); }
+        }
+        @keyframes ${SPINNER_DASH_ANIM} {
+          0%   { stroke-dasharray: ${dashMin} ${circumference}; stroke-dashoffset: 0; }
+          50%  { stroke-dasharray: ${dashMax} ${circumference}; stroke-dashoffset: ${-circumference * 0.25}; }
+          100% { stroke-dasharray: ${dashMin} ${circumference}; stroke-dashoffset: ${-circumference}; }
+        }
+      ` }),
+        /* @__PURE__ */ jsx(
+          "g",
+          {
+            style: {
+              transformOrigin: `${center}px ${center}px`,
+              animation: `${SPINNER_ROTATE_ANIM} ${SPINNER_ROTATE_DURATION} linear infinite`
+            },
+            children: /* @__PURE__ */ jsx(
+              "circle",
+              {
+                cx: center,
+                cy: center,
+                r: radius,
+                stroke: "currentColor",
+                strokeWidth,
+                strokeLinecap: "square",
+                strokeDasharray: `${dashMin} ${circumference}`,
+                style: {
+                  animation: `${SPINNER_DASH_ANIM} ${SPINNER_DASH_DURATION} ease-in-out infinite`
+                }
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+Spinner.displayName = "Spinner";
+function SpinnerInline({
+  children,
+  size = "md",
+  color = "inherit",
+  label = "Carregando",
+  className,
+  ...props
+}) {
+  const { textClass } = spinnerSizeMap[size];
+  const textColorClass = spinnerInlineTextColorMap[color];
+  return /* @__PURE__ */ jsxs("span", { className: cn(spinnerInlineBaseClasses, className), children: [
+    /* @__PURE__ */ jsx(Spinner, { size, color, label, ...props }),
+    children && /* @__PURE__ */ jsx("span", { className: cn(textClass, textColorClass), children })
+  ] });
+}
+SpinnerInline.displayName = "SpinnerInline";
+
+export { Spinner, SpinnerInline };

package/dist/components/atoms/spinner/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./components/spinner";
+export * from "./types";
+export * from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/spinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/spinner/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/dist/components/atoms/spinner/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var spinner = require('./components/spinner');
+var types = require('./types');
+var variants = require('./variants');
+
+
+
+Object.keys(spinner).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return spinner[k]; }
+	});
+});
+Object.keys(types).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return types[k]; }
+	});
+});
+Object.keys(variants).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return variants[k]; }
+	});
+});

package/dist/components/atoms/spinner/index.mjs

@@ -0,0 +1,3 @@
+export * from './components/spinner';
+export * from './types';
+export * from './variants';

package/dist/components/atoms/spinner/spinner.d.ts

@@ -0,0 +1,2 @@
+export * from "./components/spinner";
+//# sourceMappingURL=spinner.d.ts.map

package/dist/components/atoms/spinner/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/spinner/spinner.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/components/atoms/spinner/spinner.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var spinner = require('./components/spinner');
+
+
+
+Object.keys(spinner).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return spinner[k]; }
+	});
+});

package/dist/components/atoms/spinner/spinner.mjs

@@ -0,0 +1 @@
+export * from './components/spinner';

package/dist/components/atoms/spinner/types.d.ts

@@ -0,0 +1,29 @@
+import type * as React from "react";
+export type SpinnerSize = "xs" | "sm" | "md" | "lg" | "xl";
+/**
+ * `inherit` — usa currentColor do elemento pai (default).
+ * Os outros mapeiam para os tokens CSS do DS.
+ */
+export type SpinnerColor = "inherit" | "primary" | "muted" | "destructive" | "success" | "warning";
+export interface SpinnerProps extends Omit<React.ComponentProps<"svg">, "color"> {
+    /** @default "md" */
+    size?: SpinnerSize;
+    /**
+     * Cor do arco. `inherit` usa currentColor do pai.
+     * @default "inherit"
+     */
+    color?: SpinnerColor;
+    /**
+     * Texto lido por screen readers.
+     * @default "Carregando"
+     */
+    label?: string;
+}
+export interface SpinnerInlineProps extends SpinnerProps {
+    /**
+     * Texto exibido ao lado do spinner.
+     * Ex: "Salvando...", "Carregando dados"
+     */
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/atoms/spinner/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/spinner/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAI3D;;;GAGG;AACH,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,SAAS,GACT,OAAO,GACP,aAAa,GACb,SAAS,GACT,SAAS,CAAC;AAId,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAC9E,oBAAoB;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAID,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/dist/components/atoms/spinner/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/components/atoms/spinner/types.mjs

@@ -0,0 +1 @@
+

package/dist/components/atoms/spinner/variants.d.ts

@@ -0,0 +1,31 @@
+import type { SpinnerColor, SpinnerSize } from "./types";
+export interface SpinnerSizeConfig {
+    /** Diâmetro total do SVG em px. */
+    size: number;
+    /** Espessura do arco relativa ao diâmetro. */
+    strokeWidth: number;
+    /** Tamanho da fonte do label inline. */
+    textClass: string;
+}
+export declare const spinnerSizeMap: Record<SpinnerSize, SpinnerSizeConfig>;
+/**
+ * Mapeia SpinnerColor → CSS color value.
+ * `inherit` retorna "currentColor" — herda do elemento pai sem forçar.
+ */
+export declare const spinnerColorMap: Record<SpinnerColor, string>;
+/**
+ * IDs únicos dos @keyframes — ficam dentro do SVG via <style> inline.
+ * Não poluem o CSS global e funcionam com SSR/shadow DOM.
+ */
+export declare const SPINNER_ROTATE_ANIM = "spinner-rotate";
+export declare const SPINNER_DASH_ANIM = "spinner-dash";
+/**
+ * Duração e timing das animações.
+ * O rotate e o dash têm durações diferentes para criar o efeito
+ * de arco pulsante enquanto gira — mesma técnica do Material Design.
+ */
+export declare const SPINNER_ROTATE_DURATION = "1.4s";
+export declare const SPINNER_DASH_DURATION = "1.4s";
+export declare const spinnerInlineBaseClasses = "inline-flex items-center gap-2";
+export declare const spinnerInlineTextColorMap: Record<SpinnerColor, string>;
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/atoms/spinner/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/spinner/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAIzD,MAAM,WAAW,iBAAiB;IAChC,mCAAmC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,8CAA8C;IAC9C,WAAW,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,WAAW,EAAE,iBAAiB,CAMjE,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAOxD,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,mBAAmB,CAAC;AACpD,eAAO,MAAM,iBAAiB,iBAAiB,CAAC;AAEhD;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,SAAS,CAAC;AAC9C,eAAO,MAAM,qBAAqB,SAAS,CAAC;AAI5C,eAAO,MAAM,wBAAwB,mCACH,CAAC;AAEnC,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAOlE,CAAC"}

package/dist/components/atoms/spinner/variants.js

@@ -0,0 +1,39 @@
+'use strict';
+
+const spinnerSizeMap = {
+  xs: { size: 12, strokeWidth: 1.5, textClass: "text-xs" },
+  sm: { size: 16, strokeWidth: 2, textClass: "text-xs" },
+  md: { size: 20, strokeWidth: 2.5, textClass: "text-sm" },
+  lg: { size: 24, strokeWidth: 3, textClass: "text-sm" },
+  xl: { size: 32, strokeWidth: 3.5, textClass: "text-base" }
+};
+const spinnerColorMap = {
+  inherit: "currentColor",
+  primary: "var(--primary)",
+  muted: "var(--muted-foreground)",
+  destructive: "var(--destructive)",
+  success: "var(--success)",
+  warning: "var(--warning)"
+};
+const SPINNER_ROTATE_ANIM = "spinner-rotate";
+const SPINNER_DASH_ANIM = "spinner-dash";
+const SPINNER_ROTATE_DURATION = "1.4s";
+const SPINNER_DASH_DURATION = "1.4s";
+const spinnerInlineBaseClasses = "inline-flex items-center gap-2";
+const spinnerInlineTextColorMap = {
+  inherit: "text-current",
+  primary: "text-primary",
+  muted: "text-muted-foreground",
+  destructive: "text-destructive",
+  success: "text-success",
+  warning: "text-warning"
+};
+
+exports.SPINNER_DASH_ANIM = SPINNER_DASH_ANIM;
+exports.SPINNER_DASH_DURATION = SPINNER_DASH_DURATION;
+exports.SPINNER_ROTATE_ANIM = SPINNER_ROTATE_ANIM;
+exports.SPINNER_ROTATE_DURATION = SPINNER_ROTATE_DURATION;
+exports.spinnerColorMap = spinnerColorMap;
+exports.spinnerInlineBaseClasses = spinnerInlineBaseClasses;
+exports.spinnerInlineTextColorMap = spinnerInlineTextColorMap;
+exports.spinnerSizeMap = spinnerSizeMap;

package/dist/components/atoms/spinner/variants.mjs

@@ -0,0 +1,30 @@
+const spinnerSizeMap = {
+  xs: { size: 12, strokeWidth: 1.5, textClass: "text-xs" },
+  sm: { size: 16, strokeWidth: 2, textClass: "text-xs" },
+  md: { size: 20, strokeWidth: 2.5, textClass: "text-sm" },
+  lg: { size: 24, strokeWidth: 3, textClass: "text-sm" },
+  xl: { size: 32, strokeWidth: 3.5, textClass: "text-base" }
+};
+const spinnerColorMap = {
+  inherit: "currentColor",
+  primary: "var(--primary)",
+  muted: "var(--muted-foreground)",
+  destructive: "var(--destructive)",
+  success: "var(--success)",
+  warning: "var(--warning)"
+};
+const SPINNER_ROTATE_ANIM = "spinner-rotate";
+const SPINNER_DASH_ANIM = "spinner-dash";
+const SPINNER_ROTATE_DURATION = "1.4s";
+const SPINNER_DASH_DURATION = "1.4s";
+const spinnerInlineBaseClasses = "inline-flex items-center gap-2";
+const spinnerInlineTextColorMap = {
+  inherit: "text-current",
+  primary: "text-primary",
+  muted: "text-muted-foreground",
+  destructive: "text-destructive",
+  success: "text-success",
+  warning: "text-warning"
+};
+
+export { SPINNER_DASH_ANIM, SPINNER_DASH_DURATION, SPINNER_ROTATE_ANIM, SPINNER_ROTATE_DURATION, spinnerColorMap, spinnerInlineBaseClasses, spinnerInlineTextColorMap, spinnerSizeMap };

package/dist/components/atoms/switch/components/switch.d.ts

@@ -0,0 +1,49 @@
+import * as React from "react";
+import type { SwitchFieldProps, SwitchProps } from "../types";
+/**
+ * Switch — interruptor on/off.
+ *
+ * Implementado como `input[type=checkbox]` visualmente oculto + spans visuais.
+ * Semântica nativa: funciona com form libraries (RHF, Formik), Tab/Space,
+ * screen readers e autofill sem nenhuma gestão extra de estado no form.
+ *
+ * Controlado:     `checked` + `onCheckedChange` (ou `onChange`)
+ * Não-controlado: `defaultChecked`
+ *
+ * @example Simples:
+ * <Switch onCheckedChange={setEnabled}>Ativar notificações</Switch>
+ *
+ * @example Com descrição e label à esquerda:
+ * <Switch labelPosition="left" description="Receba emails semanais">
+ *   Newsletter
+ * </Switch>
+ *
+ * @example Controlado:
+ * <Switch checked={enabled} onCheckedChange={setEnabled} size="lg" />
+ */
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+/**
+ * SwitchField — wrapper com `fieldLabel` acima e `hint` abaixo.
+ * Análogo ao SelectField, SliderField e Input do DS.
+ *
+ * Use quando o switch faz parte de um formulário com layout de campos
+ * (label acima, hint de validação abaixo).
+ *
+ * Para listas de preferências simples, use `Switch` com `children` diretamente.
+ *
+ * @example
+ * <SwitchField
+ *   fieldLabel="Notificações por email"
+ *   hint="Você receberá um email a cada novo comentário"
+ *   required
+ *   onCheckedChange={setEmailNotif}
+ * >
+ *   Ativar
+ * </SwitchField>
+ */
+declare function SwitchField({ fieldLabel, hint, required, wrapperClassName, ...switchProps }: SwitchFieldProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SwitchField {
+    var displayName: string;
+}
+export { Switch, SwitchField };
+//# sourceMappingURL=switch.d.ts.map

package/dist/components/atoms/switch/components/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/switch/components/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAI9D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,MAAM,sFAoHX,CAAC;AAMF;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,WAAW,CAAC,EACnB,UAAU,EACV,IAAI,EACJ,QAAgB,EAChB,gBAAgB,EAChB,GAAG,WAAW,EACf,EAAE,gBAAgB,2CAqBlB;kBA3BQ,WAAW;;;AA+BpB,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/atoms/switch/components/switch.js

@@ -0,0 +1,142 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('../../../../lib/utils');
+var variants = require('../variants');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const Switch = React__namespace.forwardRef(
+  function Switch2({
+    children,
+    size = "md",
+    disabled,
+    checked,
+    defaultChecked,
+    className,
+    onCheckedChange,
+    onChange,
+    labelPosition = "right",
+    description,
+    id: idProp,
+    ...other
+  }, ref) {
+    const isControlled = checked !== void 0;
+    const [internalChecked, setInternalChecked] = React__namespace.useState(
+      // Initializer roda apenas uma vez — defaultChecked ou false
+      () => defaultChecked ?? false
+    );
+    const currentChecked = isControlled ? checked : internalChecked;
+    const prevCheckedRef = React__namespace.useRef(checked);
+    if (isControlled && checked !== prevCheckedRef.current) {
+      prevCheckedRef.current = checked;
+      if (internalChecked !== checked) setInternalChecked(checked);
+    }
+    const uid = React__namespace.useId();
+    const inputId = idProp ?? uid;
+    const sizes = variants.switchSizeClasses[size];
+    const handleChange = (e) => {
+      if (disabled) return;
+      const next = e.target.checked;
+      if (!isControlled) setInternalChecked(next);
+      onChange?.(e);
+      onCheckedChange?.(next);
+    };
+    const trackEl = /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        className: utils.cn(
+          variants.switchTrackBaseClasses,
+          sizes.track,
+          currentChecked ? variants.switchTrackCheckedClasses : variants.switchTrackUncheckedClasses
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: utils.cn(
+              variants.switchThumbBaseClasses,
+              sizes.thumb,
+              currentChecked ? sizes.thumbTranslate : variants.switchThumbUncheckedTranslate
+            )
+          }
+        )
+      }
+    );
+    const labelTextEl = children != null ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-col", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: variants.switchLabelTextClasses, children }),
+      description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: variants.switchDescriptionClasses, children: description })
+    ] }) : null;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "label",
+      {
+        htmlFor: inputId,
+        className: utils.cn(
+          variants.switchLabelBaseClasses,
+          disabled && variants.switchLabelDisabledClasses,
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref,
+              id: inputId,
+              type: "checkbox",
+              role: "switch",
+              "aria-checked": currentChecked,
+              disabled,
+              checked: currentChecked,
+              className: variants.switchVisuallyHiddenClasses,
+              onChange: handleChange,
+              ...other
+            }
+          ),
+          labelPosition === "left" && labelTextEl,
+          trackEl,
+          labelPosition === "right" && labelTextEl
+        ]
+      }
+    );
+  }
+);
+Switch.displayName = "Switch";
+function SwitchField({
+  fieldLabel,
+  hint,
+  required = false,
+  wrapperClassName,
+  ...switchProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn(variants.switchFieldWrapperClasses, wrapperClassName), children: [
+    fieldLabel && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: variants.switchFieldLabelClasses, children: [
+      fieldLabel,
+      required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: variants.switchFieldRequiredClasses, "aria-hidden": true, children: " *" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(Switch, { ...switchProps }),
+    hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: variants.switchFieldHintClasses, children: hint })
+  ] });
+}
+SwitchField.displayName = "SwitchField";
+
+exports.Switch = Switch;
+exports.SwitchField = SwitchField;

package/dist/components/atoms/switch/components/switch.mjs

@@ -0,0 +1,119 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '../../../../lib/utils';
+import { switchSizeClasses, switchThumbBaseClasses, switchThumbUncheckedTranslate, switchTrackBaseClasses, switchTrackCheckedClasses, switchTrackUncheckedClasses, switchVisuallyHiddenClasses, switchLabelBaseClasses, switchLabelDisabledClasses, switchLabelTextClasses, switchDescriptionClasses, switchFieldLabelClasses, switchFieldRequiredClasses, switchFieldHintClasses, switchFieldWrapperClasses } from '../variants';
+
+const Switch = React.forwardRef(
+  function Switch2({
+    children,
+    size = "md",
+    disabled,
+    checked,
+    defaultChecked,
+    className,
+    onCheckedChange,
+    onChange,
+    labelPosition = "right",
+    description,
+    id: idProp,
+    ...other
+  }, ref) {
+    const isControlled = checked !== void 0;
+    const [internalChecked, setInternalChecked] = React.useState(
+      // Initializer roda apenas uma vez — defaultChecked ou false
+      () => defaultChecked ?? false
+    );
+    const currentChecked = isControlled ? checked : internalChecked;
+    const prevCheckedRef = React.useRef(checked);
+    if (isControlled && checked !== prevCheckedRef.current) {
+      prevCheckedRef.current = checked;
+      if (internalChecked !== checked) setInternalChecked(checked);
+    }
+    const uid = React.useId();
+    const inputId = idProp ?? uid;
+    const sizes = switchSizeClasses[size];
+    const handleChange = (e) => {
+      if (disabled) return;
+      const next = e.target.checked;
+      if (!isControlled) setInternalChecked(next);
+      onChange?.(e);
+      onCheckedChange?.(next);
+    };
+    const trackEl = /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        className: cn(
+          switchTrackBaseClasses,
+          sizes.track,
+          currentChecked ? switchTrackCheckedClasses : switchTrackUncheckedClasses
+        ),
+        children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              switchThumbBaseClasses,
+              sizes.thumb,
+              currentChecked ? sizes.thumbTranslate : switchThumbUncheckedTranslate
+            )
+          }
+        )
+      }
+    );
+    const labelTextEl = children != null ? /* @__PURE__ */ jsxs("span", { className: "flex flex-col", children: [
+      /* @__PURE__ */ jsx("span", { className: switchLabelTextClasses, children }),
+      description && /* @__PURE__ */ jsx("span", { className: switchDescriptionClasses, children: description })
+    ] }) : null;
+    return /* @__PURE__ */ jsxs(
+      "label",
+      {
+        htmlFor: inputId,
+        className: cn(
+          switchLabelBaseClasses,
+          disabled && switchLabelDisabledClasses,
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref,
+              id: inputId,
+              type: "checkbox",
+              role: "switch",
+              "aria-checked": currentChecked,
+              disabled,
+              checked: currentChecked,
+              className: switchVisuallyHiddenClasses,
+              onChange: handleChange,
+              ...other
+            }
+          ),
+          labelPosition === "left" && labelTextEl,
+          trackEl,
+          labelPosition === "right" && labelTextEl
+        ]
+      }
+    );
+  }
+);
+Switch.displayName = "Switch";
+function SwitchField({
+  fieldLabel,
+  hint,
+  required = false,
+  wrapperClassName,
+  ...switchProps
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn(switchFieldWrapperClasses, wrapperClassName), children: [
+    fieldLabel && /* @__PURE__ */ jsxs("span", { className: switchFieldLabelClasses, children: [
+      fieldLabel,
+      required && /* @__PURE__ */ jsx("span", { className: switchFieldRequiredClasses, "aria-hidden": true, children: " *" })
+    ] }),
+    /* @__PURE__ */ jsx(Switch, { ...switchProps }),
+    hint && /* @__PURE__ */ jsx("span", { className: switchFieldHintClasses, children: hint })
+  ] });
+}
+SwitchField.displayName = "SwitchField";
+
+export { Switch, SwitchField };

package/dist/components/atoms/switch/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./components/switch";
+export * from "./types";
+export * from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/dist/components/atoms/switch/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var _switch = require('./components/switch');
+var types = require('./types');
+var variants = require('./variants');
+
+
+
+Object.keys(_switch).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return _switch[k]; }
+	});
+});
+Object.keys(types).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return types[k]; }
+	});
+});
+Object.keys(variants).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return variants[k]; }
+	});
+});

package/dist/components/atoms/switch/index.mjs

@@ -0,0 +1,3 @@
+export * from './components/switch';
+export * from './types';
+export * from './variants';

package/dist/components/atoms/switch/switch.d.ts

@@ -0,0 +1,2 @@
+export * from "./components/switch";
+//# sourceMappingURL=switch.d.ts.map

package/dist/components/atoms/switch/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/switch/switch.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}