@usefragments/ui 1.5.3 → 1.6.0

package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.js

@@ -1,16 +1,16 @@
-const thinkingIndicator = "_thinkingIndicator_1ikr9_1";
-const main = "_main_1ikr9_8";
-const label = "_label_1ikr9_14";
-const elapsed = "_elapsed_1ikr9_25";
-const steps = "_steps_1ikr9_34";
-const step = "_step_1ikr9_34";
-const stepIndicator = "_stepIndicator_1ikr9_51";
-const stepDot = "_stepDot_1ikr9_60";
-const stepLabel = "_stepLabel_1ikr9_68";
-const stepPending = "_stepPending_1ikr9_72";
-const stepActive = "_stepActive_1ikr9_76";
-const stepComplete = "_stepComplete_1ikr9_83";
-const stepError = "_stepError_1ikr9_90";
+const thinkingIndicator = "_thinkingIndicator_4ldts_1";
+const main = "_main_4ldts_8";
+const label = "_label_4ldts_14";
+const elapsed = "_elapsed_4ldts_23";
+const steps = "_steps_4ldts_33";
+const step = "_step_4ldts_33";
+const stepIndicator = "_stepIndicator_4ldts_54";
+const stepDot = "_stepDot_4ldts_68";
+const stepLabel = "_stepLabel_4ldts_76";
+const stepPending = "_stepPending_4ldts_80";
+const stepActive = "_stepActive_4ldts_84";
+const stepComplete = "_stepComplete_4ldts_91";
+const stepError = "_stepError_4ldts_98";
 const styles = {
   thinkingIndicator,
   main,

package/dist/components/ThinkingIndicator/index.cjs

@@ -26,7 +26,9 @@ const ThinkingIndicatorContext = React__namespace.createContext(null);
 function useThinkingIndicatorContext() {
   const context = React__namespace.useContext(ThinkingIndicatorContext);
   if (!context) {
-    throw new Error("ThinkingIndicator compound components must be used within a ThinkingIndicator");
+    throw new Error(
+      "ThinkingIndicator compound components must be used within a ThinkingIndicator"
+    );
   }
   return context;
 }
@@ -56,8 +58,6 @@ function CheckIcon() {
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: "12",
-      height: "12",
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: "currentColor",
@@ -74,8 +74,6 @@ function ErrorIcon() {
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: "12",
-      height: "12",
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: "currentColor",
@@ -94,12 +92,7 @@ function ThinkingSteps({ children, className, ...htmlProps }) {
   const classes = [ThinkingIndicator_module.default.steps, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
 }
-function ThinkingStep({
-  label,
-  status = "pending",
-  className,
-  ...htmlProps
-}) {
+function ThinkingStep({ label, status = "pending", className, ...htmlProps }) {
   const classes = [
     ThinkingIndicator_module.default.step,
     ThinkingIndicator_module.default[`step${status.charAt(0).toUpperCase() + status.slice(1)}`],
@@ -109,7 +102,17 @@ function ThinkingStep({
     /* @__PURE__ */ jsxRuntime.jsxs("span", { className: ThinkingIndicator_module.default.stepIndicator, children: [
       status === "complete" && /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}),
       status === "error" && /* @__PURE__ */ jsxRuntime.jsx(ErrorIcon, {}),
-      status === "active" && /* @__PURE__ */ jsxRuntime.jsx(index.Loading, { size: "sm", variant: "spinner", color: "current", label: "" }),
+      status === "active" && /* @__PURE__ */ jsxRuntime.jsx(
+        index.Loading,
+        {
+          size: "sm",
+          variant: "spinner",
+          color: "current",
+          label: "",
+          role: "presentation",
+          "aria-hidden": "true"
+        }
+      ),
       status === "pending" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ThinkingIndicator_module.default.stepDot })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: ThinkingIndicator_module.default.stepLabel, children: label })
@@ -130,36 +133,26 @@ function ThinkingIndicatorRoot({
     variant
   };
   if (!active) return null;
-  const classes = [
-    ThinkingIndicator_module.default.thinkingIndicator,
-    className
-  ].filter(Boolean).join(" ");
+  const classes = [ThinkingIndicator_module.default.thinkingIndicator, className].filter(Boolean).join(" ");
   const loadingVariant = variant === "dots" ? "dots" : variant === "pulse" ? "pulse" : "spinner";
-  return /* @__PURE__ */ jsxRuntime.jsx(ThinkingIndicatorContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ...htmlProps,
-      className: classes,
-      role: "status",
-      "aria-label": label,
-      "aria-live": "polite",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ThinkingIndicator_module.default.main, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(index.Loading, { size: "sm", variant: loadingVariant, color: "muted", label: "" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: ThinkingIndicator_module.default.label, children: label }),
-          showElapsed && elapsedTime && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ThinkingIndicator_module.default.elapsed, children: elapsedTime })
-        ] }),
-        steps && steps.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ThinkingSteps, { children: steps.map((step) => /* @__PURE__ */ jsxRuntime.jsx(
-          ThinkingStep,
-          {
-            label: step.label,
-            status: step.status
-          },
-          step.id
-        )) })
-      ]
-    }
-  ) });
+  return /* @__PURE__ */ jsxRuntime.jsx(ThinkingIndicatorContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ...htmlProps, className: classes, role: "status", "aria-label": label, "aria-live": "polite", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ThinkingIndicator_module.default.main, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        index.Loading,
+        {
+          size: "sm",
+          variant: loadingVariant,
+          color: "muted",
+          label: "",
+          role: "presentation",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: ThinkingIndicator_module.default.label, children: label }),
+      showElapsed && elapsedTime && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ThinkingIndicator_module.default.elapsed, children: elapsedTime })
+    ] }),
+    steps && steps.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ThinkingSteps, { children: steps.map((step) => /* @__PURE__ */ jsxRuntime.jsx(ThinkingStep, { label: step.label, status: step.status }, step.id)) })
+  ] }) });
 }
 const ThinkingIndicator = Object.assign(ThinkingIndicatorRoot, {
   Steps: ThinkingSteps,

package/dist/components/ThinkingIndicator/index.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-export type ThinkingVariant = 'dots' | 'pulse' | 'spinner';
-export type StepStatus = 'pending' | 'active' | 'complete' | 'error';
+import * as React from "react";
+export type ThinkingVariant = "dots" | "pulse" | "spinner";
+export type StepStatus = "pending" | "active" | "complete" | "error";
 export interface ThinkingStep {
     id: string;
     label: string;
@@ -39,6 +39,6 @@ export declare const ThinkingIndicator: typeof ThinkingIndicatorRoot & {
     Steps: typeof ThinkingSteps;
     Step: typeof ThinkingStep;
 };
-export { ThinkingIndicatorRoot, ThinkingSteps, ThinkingStep, };
+export { ThinkingIndicatorRoot, ThinkingSteps, ThinkingStep };
 export { useThinkingIndicatorContext };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ThinkingIndicator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ThinkingIndicator/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAC3D,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAErE,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,wBAAwB;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAMD,UAAU,6BAA6B;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,eAAe,CAAC;CAC1B;AAID,iBAAS,2BAA2B,kCAMnC;AAiFD,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,kBAAkB,2CAQ/E;AAED,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,MAAkB,EAClB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,iBAAiB,2CAkBnB;AAMD,iBAAS,qBAAqB,CAAC,EAC7B,MAAa,EACb,KAAqB,EACrB,OAAgB,EAChB,WAAmB,EACnB,KAAK,EACL,SAAS,EACT,GAAG,SAAS,EACb,EAAE,sBAAsB,kDAmDxB;AAMD,eAAO,MAAM,iBAAiB;;;CAG5B,CAAC;AAEH,OAAO,EACL,qBAAqB,EACrB,aAAa,EACb,YAAY,GACb,CAAC;AAEF,OAAO,EAAE,2BAA2B,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ThinkingIndicator/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAC3D,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAErE,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,wBAAwB;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAMD,UAAU,6BAA6B;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,eAAe,CAAC;CAC1B;AAID,iBAAS,2BAA2B,kCAQnC;AA6ED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,kBAAkB,2CAQ/E;AAED,iBAAS,YAAY,CAAC,EAAE,KAAK,EAAE,MAAkB,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,iBAAiB,2CA6B9F;AAMD,iBAAS,qBAAqB,CAAC,EAC7B,MAAa,EACb,KAAqB,EACrB,OAAgB,EAChB,WAAmB,EACnB,KAAK,EACL,SAAS,EACT,GAAG,SAAS,EACb,EAAE,sBAAsB,kDAyCxB;AAMD,eAAO,MAAM,iBAAiB;;;CAG5B,CAAC;AAEH,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC;AAE9D,OAAO,EAAE,2BAA2B,EAAE,CAAC"}

package/dist/components/ThinkingIndicator/index.js

@@ -7,7 +7,9 @@ const ThinkingIndicatorContext = React.createContext(null);
 function useThinkingIndicatorContext() {
   const context = React.useContext(ThinkingIndicatorContext);
   if (!context) {
-    throw new Error("ThinkingIndicator compound components must be used within a ThinkingIndicator");
+    throw new Error(
+      "ThinkingIndicator compound components must be used within a ThinkingIndicator"
+    );
   }
   return context;
 }
@@ -37,8 +39,6 @@ function CheckIcon() {
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: "12",
-      height: "12",
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: "currentColor",
@@ -55,8 +55,6 @@ function ErrorIcon() {
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: "12",
-      height: "12",
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: "currentColor",
@@ -75,12 +73,7 @@ function ThinkingSteps({ children, className, ...htmlProps }) {
   const classes = [styles.steps, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children });
 }
-function ThinkingStep({
-  label,
-  status = "pending",
-  className,
-  ...htmlProps
-}) {
+function ThinkingStep({ label, status = "pending", className, ...htmlProps }) {
   const classes = [
     styles.step,
     styles[`step${status.charAt(0).toUpperCase() + status.slice(1)}`],
@@ -90,7 +83,17 @@ function ThinkingStep({
     /* @__PURE__ */ jsxs("span", { className: styles.stepIndicator, children: [
       status === "complete" && /* @__PURE__ */ jsx(CheckIcon, {}),
       status === "error" && /* @__PURE__ */ jsx(ErrorIcon, {}),
-      status === "active" && /* @__PURE__ */ jsx(Loading, { size: "sm", variant: "spinner", color: "current", label: "" }),
+      status === "active" && /* @__PURE__ */ jsx(
+        Loading,
+        {
+          size: "sm",
+          variant: "spinner",
+          color: "current",
+          label: "",
+          role: "presentation",
+          "aria-hidden": "true"
+        }
+      ),
       status === "pending" && /* @__PURE__ */ jsx("span", { className: styles.stepDot })
     ] }),
     /* @__PURE__ */ jsx("span", { className: styles.stepLabel, children: label })
@@ -111,36 +114,26 @@ function ThinkingIndicatorRoot({
     variant
   };
   if (!active) return null;
-  const classes = [
-    styles.thinkingIndicator,
-    className
-  ].filter(Boolean).join(" ");
+  const classes = [styles.thinkingIndicator, className].filter(Boolean).join(" ");
   const loadingVariant = variant === "dots" ? "dots" : variant === "pulse" ? "pulse" : "spinner";
-  return /* @__PURE__ */ jsx(ThinkingIndicatorContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...htmlProps,
-      className: classes,
-      role: "status",
-      "aria-label": label,
-      "aria-live": "polite",
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: styles.main, children: [
-          /* @__PURE__ */ jsx(Loading, { size: "sm", variant: loadingVariant, color: "muted", label: "" }),
-          /* @__PURE__ */ jsx("span", { className: styles.label, children: label }),
-          showElapsed && elapsedTime && /* @__PURE__ */ jsx("span", { className: styles.elapsed, children: elapsedTime })
-        ] }),
-        steps && steps.length > 0 && /* @__PURE__ */ jsx(ThinkingSteps, { children: steps.map((step) => /* @__PURE__ */ jsx(
-          ThinkingStep,
-          {
-            label: step.label,
-            status: step.status
-          },
-          step.id
-        )) })
-      ]
-    }
-  ) });
+  return /* @__PURE__ */ jsx(ThinkingIndicatorContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs("div", { ...htmlProps, className: classes, role: "status", "aria-label": label, "aria-live": "polite", children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.main, children: [
+      /* @__PURE__ */ jsx(
+        Loading,
+        {
+          size: "sm",
+          variant: loadingVariant,
+          color: "muted",
+          label: "",
+          role: "presentation",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: styles.label, children: label }),
+      showElapsed && elapsedTime && /* @__PURE__ */ jsx("span", { className: styles.elapsed, children: elapsedTime })
+    ] }),
+    steps && steps.length > 0 && /* @__PURE__ */ jsx(ThinkingSteps, { children: steps.map((step) => /* @__PURE__ */ jsx(ThinkingStep, { label: step.label, status: step.status }, step.id)) })
+  ] }) });
 }
 const ThinkingIndicator = Object.assign(ThinkingIndicatorRoot, {
   Steps: ThinkingSteps,

package/dist/components/Toast/Toast.module.scss.cjs

@@ -1,24 +1,24 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const container = "_container_5fwfk_1";
-const topleft = "_topleft_5fwfk_15";
-const topcenter = "_topcenter_5fwfk_20";
-const topright = "_topright_5fwfk_26";
-const bottomleft = "_bottomleft_5fwfk_31";
-const bottomcenter = "_bottomcenter_5fwfk_37";
-const bottomright = "_bottomright_5fwfk_44";
-const toast = "_toast_5fwfk_50";
-const toastEnter = "_toastEnter_5fwfk_1";
-const description = "_description_5fwfk_63";
-const icon = "_icon_5fwfk_77";
-const success = "_success_5fwfk_81";
-const title = "_title_5fwfk_85";
-const error = "_error_5fwfk_96";
-const warning = "_warning_5fwfk_111";
-const info = "_info_5fwfk_126";
-const content = "_content_5fwfk_155";
-const action = "_action_5fwfk_174";
-const close = "_close_5fwfk_199";
+const container = "_container_1qytp_1";
+const topleft = "_topleft_1qytp_14";
+const topcenter = "_topcenter_1qytp_19";
+const topright = "_topright_1qytp_25";
+const bottomleft = "_bottomleft_1qytp_30";
+const bottomcenter = "_bottomcenter_1qytp_36";
+const bottomright = "_bottomright_1qytp_43";
+const toast = "_toast_1qytp_49";
+const toastEnter = "_toastEnter_1qytp_1";
+const description = "_description_1qytp_66";
+const icon = "_icon_1qytp_80";
+const success = "_success_1qytp_84";
+const title = "_title_1qytp_88";
+const error = "_error_1qytp_94";
+const warning = "_warning_1qytp_104";
+const info = "_info_1qytp_114";
+const content = "_content_1qytp_145";
+const action = "_action_1qytp_170";
+const close = "_close_1qytp_234";
 const styles = {
   container,
   topleft,
@@ -30,7 +30,7 @@ const styles = {
   toast,
   toastEnter,
   description,
-  "default": "_default_5fwfk_77",
+  "default": "_default_1qytp_80",
   icon,
   success,
   title,

package/dist/components/Toast/Toast.module.scss.js

@@ -1,22 +1,22 @@
-const container = "_container_5fwfk_1";
-const topleft = "_topleft_5fwfk_15";
-const topcenter = "_topcenter_5fwfk_20";
-const topright = "_topright_5fwfk_26";
-const bottomleft = "_bottomleft_5fwfk_31";
-const bottomcenter = "_bottomcenter_5fwfk_37";
-const bottomright = "_bottomright_5fwfk_44";
-const toast = "_toast_5fwfk_50";
-const toastEnter = "_toastEnter_5fwfk_1";
-const description = "_description_5fwfk_63";
-const icon = "_icon_5fwfk_77";
-const success = "_success_5fwfk_81";
-const title = "_title_5fwfk_85";
-const error = "_error_5fwfk_96";
-const warning = "_warning_5fwfk_111";
-const info = "_info_5fwfk_126";
-const content = "_content_5fwfk_155";
-const action = "_action_5fwfk_174";
-const close = "_close_5fwfk_199";
+const container = "_container_1qytp_1";
+const topleft = "_topleft_1qytp_14";
+const topcenter = "_topcenter_1qytp_19";
+const topright = "_topright_1qytp_25";
+const bottomleft = "_bottomleft_1qytp_30";
+const bottomcenter = "_bottomcenter_1qytp_36";
+const bottomright = "_bottomright_1qytp_43";
+const toast = "_toast_1qytp_49";
+const toastEnter = "_toastEnter_1qytp_1";
+const description = "_description_1qytp_66";
+const icon = "_icon_1qytp_80";
+const success = "_success_1qytp_84";
+const title = "_title_1qytp_88";
+const error = "_error_1qytp_94";
+const warning = "_warning_1qytp_104";
+const info = "_info_1qytp_114";
+const content = "_content_1qytp_145";
+const action = "_action_1qytp_170";
+const close = "_close_1qytp_234";
 const styles = {
   container,
   topleft,
@@ -28,7 +28,7 @@ const styles = {
   toast,
   toastEnter,
   description,
-  "default": "_default_5fwfk_77",
+  "default": "_default_1qytp_80",
   icon,
   success,
   title,

package/dist/components/Toggle/index.d.ts

@@ -1,43 +1,3 @@
-import * as React from "react";
-/**
- * Binary on/off switch for settings and preferences.
- * @see https://usefragments.com/components/switch
- */
-export interface SwitchProps {
-    /** Whether the switch is on */
-    checked?: boolean;
-    /** Default checked state (uncontrolled) */
-    defaultChecked?: boolean;
-    /** Called when the switch is toggled */
-    onCheckedChange?: (checked: boolean) => void;
-    /** Alias for onCheckedChange */
-    onChange?: (checked: boolean) => void;
-    label?: string;
-    /** Helper text shown below the label */
-    helperText?: string;
-    /** @deprecated Use helperText instead. */
-    description?: string;
-    disabled?: boolean;
-    readOnly?: boolean;
-    required?: boolean;
-    size?: "sm" | "md" | "lg";
-    className?: string;
-    name?: string;
-    form?: string;
-    value?: string;
-    uncheckedValue?: string;
-    inputRef?: React.Ref<HTMLInputElement>;
-    id?: string;
-    "aria-label"?: string;
-    "aria-labelledby"?: string;
-    "aria-describedby"?: string;
-}
-export type ToggleProps = SwitchProps;
-export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>> & {
-    Root: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
-};
-/** @deprecated Use `Switch` instead. */
-export declare const Toggle: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>> & {
-    Root: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
-};
+/** @deprecated Import `Switch` from `../Switch` instead. */
+export { Switch, type SwitchProps, Switch as Toggle, type SwitchProps as ToggleProps, } from "../Switch";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Toggle/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wCAAwC;IACxC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,gCAAgC;IAChC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC;AA4FtC,eAAO,MAAM,MAAM;;CAEjB,CAAC;AAEH,wCAAwC;AACxC,eAAO,MAAM,MAAM;;CAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/index.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,MAAM,IAAI,MAAM,EAChB,KAAK,WAAW,IAAI,WAAW,GAChC,MAAM,WAAW,CAAC"}

package/dist/components/ToggleGroup/ToggleGroup.module.scss.cjs

@@ -1,34 +1,34 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const group = "_group_1nacr_1";
-const gapXs = "_gap-xs_1nacr_8";
-const gapSm = "_gap-sm_1nacr_12";
-const item = "_item_1nacr_25";
-const selected = "_selected_1nacr_30";
-const pills = "_pills_1nacr_36";
-const outline = "_outline_1nacr_51";
-const disabled = "_disabled_1nacr_104";
-const sizeSm = "_size-sm_1nacr_109";
-const sizeMd = "_size-md_1nacr_118";
-const sizeLg = "_size-lg_1nacr_127";
+const group = "_group_8ifhr_1";
+const gapXs = "_gap-xs_8ifhr_7";
+const gapSm = "_gap-sm_8ifhr_11";
+const item = "_item_8ifhr_15";
+const selected = "_selected_8ifhr_47";
+const disabled = "_disabled_8ifhr_53";
+const sizeSm = "_size-sm_8ifhr_58";
+const sizeMd = "_size-md_8ifhr_97";
+const sizeLg = "_size-lg_8ifhr_136";
+const pills = "_pills_8ifhr_195";
+const outline = "_outline_8ifhr_208";
 const styles = {
   group,
-  "gap-xs": "_gap-xs_1nacr_8",
+  "gap-xs": "_gap-xs_8ifhr_7",
   gapXs,
-  "gap-sm": "_gap-sm_1nacr_12",
+  "gap-sm": "_gap-sm_8ifhr_11",
   gapSm,
-  "default": "_default_1nacr_16",
   item,
   selected,
-  pills,
-  outline,
   disabled,
-  "size-sm": "_size-sm_1nacr_109",
+  "size-sm": "_size-sm_8ifhr_58",
   sizeSm,
-  "size-md": "_size-md_1nacr_118",
+  "size-md": "_size-md_8ifhr_97",
   sizeMd,
-  "size-lg": "_size-lg_1nacr_127",
-  sizeLg
+  "size-lg": "_size-lg_8ifhr_136",
+  sizeLg,
+  "default": "_default_8ifhr_175",
+  pills,
+  outline
 };
 exports.default = styles;
 exports.disabled = disabled;

package/dist/components/ToggleGroup/ToggleGroup.module.scss.js

@@ -1,32 +1,32 @@
-const group = "_group_1nacr_1";
-const gapXs = "_gap-xs_1nacr_8";
-const gapSm = "_gap-sm_1nacr_12";
-const item = "_item_1nacr_25";
-const selected = "_selected_1nacr_30";
-const pills = "_pills_1nacr_36";
-const outline = "_outline_1nacr_51";
-const disabled = "_disabled_1nacr_104";
-const sizeSm = "_size-sm_1nacr_109";
-const sizeMd = "_size-md_1nacr_118";
-const sizeLg = "_size-lg_1nacr_127";
+const group = "_group_8ifhr_1";
+const gapXs = "_gap-xs_8ifhr_7";
+const gapSm = "_gap-sm_8ifhr_11";
+const item = "_item_8ifhr_15";
+const selected = "_selected_8ifhr_47";
+const disabled = "_disabled_8ifhr_53";
+const sizeSm = "_size-sm_8ifhr_58";
+const sizeMd = "_size-md_8ifhr_97";
+const sizeLg = "_size-lg_8ifhr_136";
+const pills = "_pills_8ifhr_195";
+const outline = "_outline_8ifhr_208";
 const styles = {
   group,
-  "gap-xs": "_gap-xs_1nacr_8",
+  "gap-xs": "_gap-xs_8ifhr_7",
   gapXs,
-  "gap-sm": "_gap-sm_1nacr_12",
+  "gap-sm": "_gap-sm_8ifhr_11",
   gapSm,
-  "default": "_default_1nacr_16",
   item,
   selected,
-  pills,
-  outline,
   disabled,
-  "size-sm": "_size-sm_1nacr_109",
+  "size-sm": "_size-sm_8ifhr_58",
   sizeSm,
-  "size-md": "_size-md_1nacr_118",
+  "size-md": "_size-md_8ifhr_97",
   sizeMd,
-  "size-lg": "_size-lg_1nacr_127",
-  sizeLg
+  "size-lg": "_size-lg_8ifhr_136",
+  sizeLg,
+  "default": "_default_8ifhr_175",
+  pills,
+  outline
 };
 export {
   styles as default,

package/dist/components/ToggleGroup/index.cjs

@@ -38,7 +38,7 @@ function ToggleGroupRoot({
   children,
   variant = "default",
   size: sizeProp,
-  gap = "xs",
+  gap,
   selectionMode = "single",
   className,
   ...htmlProps
@@ -46,6 +46,7 @@ function ToggleGroupRoot({
   var _a;
   const size = index.useResolvedControlSize(sizeProp);
   const normalizedVariant = variant === "outlined" ? "outline" : variant;
+  const resolvedGap = normalizedVariant === "pills" ? gap ?? "xs" : "none";
   const [internalValue, setInternalValue] = React__namespace.useState(defaultValue ?? "");
   const isControlled = value !== void 0;
   const currentValue = isControlled ? value ?? "" : internalValue;
@@ -63,7 +64,7 @@ function ToggleGroupRoot({
     ToggleGroup_module.default.group,
     ToggleGroup_module.default[normalizedVariant],
     ToggleGroup_module.default[`size-${size}`],
-    gap !== "none" && ToggleGroup_module.default[`gap-${gap}`],
+    resolvedGap !== "none" && ToggleGroup_module.default[`gap-${resolvedGap}`],
     className
   ].filter(Boolean).join(" ");
   const childItems = React__namespace.Children.toArray(children).filter(

package/dist/components/ToggleGroup/index.d.ts

@@ -21,7 +21,8 @@ export interface ToggleGroupProps extends Omit<React.HTMLAttributes<HTMLDivEleme
     /** Size.
      * @default "md" */
     size?: "sm" | "md" | "lg";
-    /** Gap between items (for pills/outline variants) */
+    /** Gap between items in the pills variant. Defaults to `xs` for pills and
+     * is intentionally removed from connected variants. */
     gap?: "none" | "xs" | "sm";
     /** Selection mode for this control. Currently only single-select is supported.
      * @default "single" */

package/dist/components/ToggleGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;;GAGG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9F,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4CAA4C;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;uEAEmE;IACnE,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;IACvD;uBACmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,qDAAqD;IACrD,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3B;2BACuB;IACvB,aAAa,CAAC,EAAE,QAAQ,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EACvC,SAAS,CACV;IACC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACzC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAID,iBAAS,qBAAqB,4BAM7B;AAMD,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,OAAmB,EACnB,IAAI,EAAE,QAAQ,EACd,GAAU,EACV,aAAwB,EACxB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,gBAAgB,2CAsDlB;AAED,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,SAAS,EACT,SAAS,EACT,GAAG,SAAS,EACb,EAAE,oBAAoB,2CAwFtB;AAMD,eAAO,MAAM,WAAW;;CAEtB,CAAC;AAEH,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;;GAGG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9F,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4CAA4C;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;uEAEmE;IACnE,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;IACvD;uBACmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;2DACuD;IACvD,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3B;2BACuB;IACvB,aAAa,CAAC,EAAE,QAAQ,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EACvC,SAAS,CACV;IACC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACzC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAID,iBAAS,qBAAqB,4BAM7B;AAMD,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,OAAmB,EACnB,IAAI,EAAE,QAAQ,EACd,GAAG,EACH,aAAwB,EACxB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,gBAAgB,2CAuDlB;AAED,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,SAAS,EACT,SAAS,EACT,GAAG,SAAS,EACb,EAAE,oBAAoB,2CAwFtB;AAMD,eAAO,MAAM,WAAW;;CAEtB,CAAC;AAEH,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/components/ToggleGroup/index.js

@@ -19,7 +19,7 @@ function ToggleGroupRoot({
   children,
   variant = "default",
   size: sizeProp,
-  gap = "xs",
+  gap,
   selectionMode = "single",
   className,
   ...htmlProps
@@ -27,6 +27,7 @@ function ToggleGroupRoot({
   var _a;
   const size = useResolvedControlSize(sizeProp);
   const normalizedVariant = variant === "outlined" ? "outline" : variant;
+  const resolvedGap = normalizedVariant === "pills" ? gap ?? "xs" : "none";
   const [internalValue, setInternalValue] = React.useState(defaultValue ?? "");
   const isControlled = value !== void 0;
   const currentValue = isControlled ? value ?? "" : internalValue;
@@ -44,7 +45,7 @@ function ToggleGroupRoot({
     styles.group,
     styles[normalizedVariant],
     styles[`size-${size}`],
-    gap !== "none" && styles[`gap-${gap}`],
+    resolvedGap !== "none" && styles[`gap-${resolvedGap}`],
     className
   ].filter(Boolean).join(" ");
   const childItems = React.Children.toArray(children).filter(