@usefragments/ui 1.5.4 → 1.7.0

package/dist/components/ThemeToggle/index.js

@@ -0,0 +1,140 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useResolvedControlSize } from "../ComponentDefaults/index.js";
+import { useTheme } from "../Theme/context.js";
+import styles from "./ThemeToggle.module.scss.js";
+function SunIcon({ size = 20 }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 256 256",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M120,40V16a8,8,0,0,1,16,0V40a8,8,0,0,1-16,0Zm72,88a64,64,0,1,1-64-64A64.07,64.07,0,0,1,192,128Zm-16,0a48,48,0,1,0-48,48A48.05,48.05,0,0,0,176,128ZM58.34,69.66A8,8,0,0,0,69.66,58.34l-16-16A8,8,0,0,0,42.34,53.66Zm0,116.68-16,16a8,8,0,0,0,11.32,11.32l16-16a8,8,0,0,0-11.32-11.32ZM192,72a8,8,0,0,0,5.66-2.34l16-16a8,8,0,0,0-11.32-11.32l-16,16A8,8,0,0,0,192,72Zm5.66,114.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32-11.32ZM48,128a8,8,0,0,0-8-8H16a8,8,0,0,0,0,16H40A8,8,0,0,0,48,128Zm80,80a8,8,0,0,0-8,8v24a8,8,0,0,0,16,0V216A8,8,0,0,0,128,208Zm112-88H216a8,8,0,0,0,0,16h24a8,8,0,0,0,0-16Z" })
+    }
+  );
+}
+function MoonIcon({ size = 20 }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 256 256",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M233.54,142.23a8,8,0,0,0-8-2,88.08,88.08,0,0,1-109.8-109.8,8,8,0,0,0-10-10,104.84,104.84,0,0,0-52.91,37A104,104,0,0,0,136,224a103.09,103.09,0,0,0,62.52-20.88,104.84,104.84,0,0,0,37-52.91A8,8,0,0,0,233.54,142.23ZM188.9,190.34A88,88,0,0,1,65.66,67.11a89,89,0,0,1,31.4-26A106,106,0,0,0,96,56,104.11,104.11,0,0,0,200,160a106,106,0,0,0,14.92-1.06A89,89,0,0,1,188.9,190.34Z" })
+    }
+  );
+}
+function MonitorIcon({ size = 20 }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 256 256",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M208,40H48A24,24,0,0,0,24,64V176a24,24,0,0,0,24,24H208a24,24,0,0,0,24-24V64A24,24,0,0,0,208,40Zm8,136a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V64a8,8,0,0,1,8-8H208a8,8,0,0,1,8,8Zm-48,48a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,224Z" })
+    }
+  );
+}
+function ThemeToggle({
+  size: sizeProp,
+  appearance = "group",
+  showSystem = false,
+  value: controlledValue,
+  onValueChange,
+  "aria-label": ariaLabel,
+  className,
+  ...htmlProps
+}) {
+  const size = useResolvedControlSize(sizeProp);
+  const {
+    mode: contextMode,
+    setMode: setContextMode,
+    resolvedMode,
+    toggleMode
+  } = useTheme();
+  const isControlled = controlledValue !== void 0;
+  const currentMode = isControlled ? controlledValue : contextMode;
+  const sizeClass = styles[`size${size.charAt(0).toUpperCase() + size.slice(1)}`];
+  if (appearance === "icon") {
+    const resolved = isControlled ? controlledValue : resolvedMode;
+    const nextMode = resolved === "dark" ? "light" : "dark";
+    const iconClasses = [styles.toggleButton, styles.iconButton, sizeClass, className].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ...htmlProps,
+        type: "button",
+        className: iconClasses,
+        onClick: () => {
+          if (isControlled) {
+            onValueChange == null ? void 0 : onValueChange(nextMode);
+          } else {
+            toggleMode();
+          }
+        },
+        "aria-label": ariaLabel ?? (resolved === "dark" ? "Switch to light mode" : "Switch to dark mode"),
+        children: resolved === "dark" ? /* @__PURE__ */ jsx(MoonIcon, {}) : /* @__PURE__ */ jsx(SunIcon, {})
+      }
+    );
+  }
+  const handleModeChange = (newMode) => {
+    if (isControlled) {
+      onValueChange == null ? void 0 : onValueChange(newMode);
+    } else {
+      setContextMode(newMode);
+    }
+  };
+  const groupClasses = [styles.toggleGroup, sizeClass, className].filter(Boolean).join(" ");
+  const getButtonClasses = (buttonMode) => {
+    return [styles.toggleButton, currentMode === buttonMode && styles.toggleButtonActive].filter(Boolean).join(" ");
+  };
+  const label = ariaLabel || "Theme toggle";
+  return /* @__PURE__ */ jsxs("div", { ...htmlProps, className: groupClasses, role: "group", "aria-label": label, children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: getButtonClasses("light"),
+        onClick: () => handleModeChange("light"),
+        "aria-pressed": currentMode === "light",
+        "aria-label": "Light mode",
+        children: /* @__PURE__ */ jsx(SunIcon, {})
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: getButtonClasses("dark"),
+        onClick: () => handleModeChange("dark"),
+        "aria-pressed": currentMode === "dark",
+        "aria-label": "Dark mode",
+        children: /* @__PURE__ */ jsx(MoonIcon, {})
+      }
+    ),
+    showSystem && !isControlled && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: getButtonClasses("system"),
+        onClick: () => setContextMode("system"),
+        "aria-pressed": contextMode === "system",
+        "aria-label": "System preference",
+        children: /* @__PURE__ */ jsx(MonitorIcon, {})
+      }
+    )
+  ] });
+}
+export {
+  ThemeToggle
+};

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

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-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_1cy0p_1";
+const main = "_main_1cy0p_8";
+const label = "_label_1cy0p_14";
+const elapsed = "_elapsed_1cy0p_23";
+const steps = "_steps_1cy0p_33";
+const step = "_step_1cy0p_33";
+const stepIndicator = "_stepIndicator_1cy0p_54";
+const stepDot = "_stepDot_1cy0p_68";
+const stepLabel = "_stepLabel_1cy0p_76";
+const stepPending = "_stepPending_1cy0p_80";
+const stepActive = "_stepActive_1cy0p_84";
+const stepComplete = "_stepComplete_1cy0p_91";
+const stepError = "_stepError_1cy0p_98";
 const styles = {
   thinkingIndicator,
   main,

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_1cy0p_1";
+const main = "_main_1cy0p_8";
+const label = "_label_1cy0p_14";
+const elapsed = "_elapsed_1cy0p_23";
+const steps = "_steps_1cy0p_33";
+const step = "_step_1cy0p_33";
+const stepIndicator = "_stepIndicator_1cy0p_54";
+const stepDot = "_stepDot_1cy0p_68";
+const stepLabel = "_stepLabel_1cy0p_76";
+const stepPending = "_stepPending_1cy0p_80";
+const stepActive = "_stepActive_1cy0p_84";
+const stepComplete = "_stepComplete_1cy0p_91";
+const stepError = "_stepError_1cy0p_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_11925_1";
+const topleft = "_topleft_11925_14";
+const topcenter = "_topcenter_11925_19";
+const topright = "_topright_11925_25";
+const bottomleft = "_bottomleft_11925_30";
+const bottomcenter = "_bottomcenter_11925_36";
+const bottomright = "_bottomright_11925_43";
+const toast = "_toast_11925_49";
+const toastEnter = "_toastEnter_11925_1";
+const description = "_description_11925_66";
+const icon = "_icon_11925_80";
+const success = "_success_11925_84";
+const title = "_title_11925_88";
+const error = "_error_11925_94";
+const warning = "_warning_11925_104";
+const info = "_info_11925_114";
+const content = "_content_11925_145";
+const action = "_action_11925_170";
+const close = "_close_11925_236";
 const styles = {
   container,
   topleft,
@@ -30,7 +30,7 @@ const styles = {
   toast,
   toastEnter,
   description,
-  "default": "_default_5fwfk_77",
+  "default": "_default_11925_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_11925_1";
+const topleft = "_topleft_11925_14";
+const topcenter = "_topcenter_11925_19";
+const topright = "_topright_11925_25";
+const bottomleft = "_bottomleft_11925_30";
+const bottomcenter = "_bottomcenter_11925_36";
+const bottomright = "_bottomright_11925_43";
+const toast = "_toast_11925_49";
+const toastEnter = "_toastEnter_11925_1";
+const description = "_description_11925_66";
+const icon = "_icon_11925_80";
+const success = "_success_11925_84";
+const title = "_title_11925_88";
+const error = "_error_11925_94";
+const warning = "_warning_11925_104";
+const info = "_info_11925_114";
+const content = "_content_11925_145";
+const action = "_action_11925_170";
+const close = "_close_11925_236";
 const styles = {
   container,
   topleft,
@@ -28,7 +28,7 @@ const styles = {
   toast,
   toastEnter,
   description,
-  "default": "_default_5fwfk_77",
+  "default": "_default_11925_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"}