@usefragments/ui 1.5.4 → 1.6.0

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

@@ -1,34 +1,34 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const list = "_list_13ive_1";
-const none = "_none_13ive_8";
-const disc = "_disc_13ive_12";
-const decimal = "_decimal_13ive_17";
-const icon = "_icon_13ive_22";
-const gapNone = "_gap-none_13ive_26";
-const gapXs = "_gap-xs_13ive_30";
-const gapSm = "_gap-sm_13ive_34";
-const gapMd = "_gap-md_13ive_38";
-const gapLg = "_gap-lg_13ive_42";
-const item = "_item_13ive_46";
-const iconItem = "_iconItem_13ive_50";
-const iconWrapper = "_iconWrapper_13ive_56";
-const itemContent = "_itemContent_13ive_64";
+const list = "_list_10vux_2";
+const none = "_none_10vux_7";
+const disc = "_disc_10vux_19";
+const decimal = "_decimal_10vux_57";
+const icon = "_icon_10vux_102";
+const gapNone = "_gap-none_10vux_137";
+const gapXs = "_gap-xs_10vux_141";
+const gapSm = "_gap-sm_10vux_145";
+const gapMd = "_gap-md_10vux_149";
+const gapLg = "_gap-lg_10vux_153";
+const item = "_item_10vux_157";
+const iconItem = "_iconItem_10vux_161";
+const iconWrapper = "_iconWrapper_10vux_165";
+const itemContent = "_itemContent_10vux_172";
 const styles = {
   list,
   none,
   disc,
   decimal,
   icon,
-  "gap-none": "_gap-none_13ive_26",
+  "gap-none": "_gap-none_10vux_137",
   gapNone,
-  "gap-xs": "_gap-xs_13ive_30",
+  "gap-xs": "_gap-xs_10vux_141",
   gapXs,
-  "gap-sm": "_gap-sm_13ive_34",
+  "gap-sm": "_gap-sm_10vux_145",
   gapSm,
-  "gap-md": "_gap-md_13ive_38",
+  "gap-md": "_gap-md_10vux_149",
   gapMd,
-  "gap-lg": "_gap-lg_13ive_42",
+  "gap-lg": "_gap-lg_10vux_153",
   gapLg,
   item,
   iconItem,

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

@@ -1,32 +1,32 @@
-const list = "_list_13ive_1";
-const none = "_none_13ive_8";
-const disc = "_disc_13ive_12";
-const decimal = "_decimal_13ive_17";
-const icon = "_icon_13ive_22";
-const gapNone = "_gap-none_13ive_26";
-const gapXs = "_gap-xs_13ive_30";
-const gapSm = "_gap-sm_13ive_34";
-const gapMd = "_gap-md_13ive_38";
-const gapLg = "_gap-lg_13ive_42";
-const item = "_item_13ive_46";
-const iconItem = "_iconItem_13ive_50";
-const iconWrapper = "_iconWrapper_13ive_56";
-const itemContent = "_itemContent_13ive_64";
+const list = "_list_10vux_2";
+const none = "_none_10vux_7";
+const disc = "_disc_10vux_19";
+const decimal = "_decimal_10vux_57";
+const icon = "_icon_10vux_102";
+const gapNone = "_gap-none_10vux_137";
+const gapXs = "_gap-xs_10vux_141";
+const gapSm = "_gap-sm_10vux_145";
+const gapMd = "_gap-md_10vux_149";
+const gapLg = "_gap-lg_10vux_153";
+const item = "_item_10vux_157";
+const iconItem = "_iconItem_10vux_161";
+const iconWrapper = "_iconWrapper_10vux_165";
+const itemContent = "_itemContent_10vux_172";
 const styles = {
   list,
   none,
   disc,
   decimal,
   icon,
-  "gap-none": "_gap-none_13ive_26",
+  "gap-none": "_gap-none_10vux_137",
   gapNone,
-  "gap-xs": "_gap-xs_13ive_30",
+  "gap-xs": "_gap-xs_10vux_141",
   gapXs,
-  "gap-sm": "_gap-sm_13ive_34",
+  "gap-sm": "_gap-sm_10vux_145",
   gapSm,
-  "gap-md": "_gap-md_13ive_38",
+  "gap-md": "_gap-md_10vux_149",
   gapMd,
-  "gap-lg": "_gap-lg_13ive_42",
+  "gap-lg": "_gap-lg_10vux_153",
   gapLg,
   item,
   iconItem,

package/dist/components/List/index.cjs

@@ -49,13 +49,10 @@ function ListItem({ children, icon, className, style, ...htmlProps }) {
     variant === "icon" && List_module.default.iconItem,
     className
   ].filter(Boolean).join(" ");
-  if (variant === "icon" && icon) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("li", { ...htmlProps, className: classes, style, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: List_module.default.iconWrapper, children: icon }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: List_module.default.itemContent, children })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("li", { ...htmlProps, className: classes, style, children });
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { ...htmlProps, className: classes, style, children: [
+    variant === "icon" && icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: List_module.default.iconWrapper, children: icon }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: List_module.default.itemContent, children })
+  ] });
 }
 const List = Object.assign(ListRoot, {
   Item: ListItem

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;IAC1F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB;IAChB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/C,4BAA4B;IAC5B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;IACxE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sDAAsD;IACtD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAMD,UAAU,gBAAgB;IACxB,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;CAC5C;AAID,iBAAS,cAAc,qBAEtB;AAMD,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,EAAE,EAAE,SAAgB,EACpB,OAAgB,EAChB,GAAU,EACV,SAAS,EACT,KAAK,EACL,GAAG,SAAS,EACb,EAAE,SAAS,2CAiBX;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,EAAE,aAAa,2CAyBlF;AAMD,eAAO,MAAM,IAAI;;CAEf,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;IAC1F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB;IAChB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/C,4BAA4B;IAC5B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;IACxE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sDAAsD;IACtD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAMD,UAAU,gBAAgB;IACxB,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;CAC5C;AAID,iBAAS,cAAc,qBAEtB;AAMD,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,EAAE,EAAE,SAAgB,EACpB,OAAgB,EAChB,GAAU,EACV,SAAS,EACT,KAAK,EACL,GAAG,SAAS,EACb,EAAE,SAAS,2CAiBX;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,EAAE,aAAa,2CAmBlF;AAMD,eAAO,MAAM,IAAI;;CAEf,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/List/index.js

@@ -30,13 +30,10 @@ function ListItem({ children, icon, className, style, ...htmlProps }) {
     variant === "icon" && styles.iconItem,
     className
   ].filter(Boolean).join(" ");
-  if (variant === "icon" && icon) {
-    return /* @__PURE__ */ jsxs("li", { ...htmlProps, className: classes, style, children: [
-      /* @__PURE__ */ jsx("span", { className: styles.iconWrapper, children: icon }),
-      /* @__PURE__ */ jsx("span", { className: styles.itemContent, children })
-    ] });
-  }
-  return /* @__PURE__ */ jsx("li", { ...htmlProps, className: classes, style, children });
+  return /* @__PURE__ */ jsxs("li", { ...htmlProps, className: classes, style, children: [
+    variant === "icon" && icon ? /* @__PURE__ */ jsx("span", { className: styles.iconWrapper, children: icon }) : null,
+    /* @__PURE__ */ jsx("span", { className: styles.itemContent, children })
+  ] });
 }
 const List = Object.assign(ListRoot, {
   Item: ListItem

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

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const listbox = "_listbox_1py8r_1";
-const item = "_item_1py8r_31";
-const itemSelected = "_itemSelected_1py8r_72";
-const itemActive = "_itemActive_1py8r_78";
-const itemDisabled = "_itemDisabled_1py8r_89";
-const group = "_group_1py8r_95";
-const groupLabel = "_groupLabel_1py8r_101";
-const empty = "_empty_1py8r_110";
+const listbox = "_listbox_16aw7_1";
+const item = "_item_16aw7_42";
+const itemActive = "_itemActive_16aw7_65";
+const itemSelected = "_itemSelected_16aw7_69";
+const itemDisabled = "_itemDisabled_16aw7_74";
+const group = "_group_16aw7_79";
+const groupLabel = "_groupLabel_16aw7_87";
+const empty = "_empty_16aw7_101";
 const styles = {
   listbox,
   item,
-  itemSelected,
   itemActive,
+  itemSelected,
   itemDisabled,
   group,
   groupLabel,

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

@@ -1,16 +1,16 @@
-const listbox = "_listbox_1py8r_1";
-const item = "_item_1py8r_31";
-const itemSelected = "_itemSelected_1py8r_72";
-const itemActive = "_itemActive_1py8r_78";
-const itemDisabled = "_itemDisabled_1py8r_89";
-const group = "_group_1py8r_95";
-const groupLabel = "_groupLabel_1py8r_101";
-const empty = "_empty_1py8r_110";
+const listbox = "_listbox_16aw7_1";
+const item = "_item_16aw7_42";
+const itemActive = "_itemActive_16aw7_65";
+const itemSelected = "_itemSelected_16aw7_69";
+const itemDisabled = "_itemDisabled_16aw7_74";
+const group = "_group_16aw7_79";
+const groupLabel = "_groupLabel_16aw7_87";
+const empty = "_empty_16aw7_101";
 const styles = {
   listbox,
   item,
-  itemSelected,
   itemActive,
+  itemSelected,
   itemDisabled,
   group,
   groupLabel,

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

@@ -1,41 +1,41 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const loading = "_loading_1janb_1";
-const sm = "_sm_1janb_8";
-const md = "_md_1janb_12";
-const lg = "_lg_1janb_16";
-const xl = "_xl_1janb_20";
-const colorAccent = "_color-accent_1janb_24";
-const colorCurrent = "_color-current_1janb_28";
-const colorMuted = "_color-muted_1janb_32";
-const centered = "_centered_1janb_36";
-const fill = "_fill_1janb_42";
-const spinnerIcon = "_spinnerIcon_1janb_50";
-const spin = "_spin_1janb_50";
-const dots = "_dots_1janb_70";
-const dot = "_dot_1janb_70";
-const bounce = "_bounce_1janb_1";
-const pulse = "_pulse_1janb_109";
-const pulseRing = "_pulseRing_1janb_118";
-const pulseDot = "_pulseDot_1janb_134";
-const overlayBackdrop = "_overlayBackdrop_1janb_152";
-const inline = "_inline_1janb_162";
-const inlineSm = "_inline-sm_1janb_168";
-const inlineMd = "_inline-md_1janb_172";
-const inlineSpinner = "_inlineSpinner_1janb_176";
-const screen = "_screen_1janb_189";
-const screenLabel = "_screenLabel_1janb_201";
+const loading = "_loading_dbqe1_1";
+const sm = "_sm_dbqe1_8";
+const md = "_md_dbqe1_18";
+const lg = "_lg_dbqe1_28";
+const xl = "_xl_dbqe1_38";
+const colorAccent = "_color-accent_dbqe1_48";
+const colorCurrent = "_color-current_dbqe1_52";
+const colorMuted = "_color-muted_dbqe1_56";
+const centered = "_centered_dbqe1_60";
+const fill = "_fill_dbqe1_66";
+const spinnerIcon = "_spinnerIcon_dbqe1_74";
+const spin = "_spin_dbqe1_74";
+const dots = "_dots_dbqe1_94";
+const dot = "_dot_dbqe1_94";
+const bounce = "_bounce_dbqe1_1";
+const pulse = "_pulse_dbqe1_135";
+const pulseRing = "_pulseRing_dbqe1_144";
+const pulseDot = "_pulseDot_dbqe1_160";
+const overlayBackdrop = "_overlayBackdrop_dbqe1_178";
+const inline = "_inline_dbqe1_188";
+const inlineSm = "_inline-sm_dbqe1_194";
+const inlineMd = "_inline-md_dbqe1_198";
+const inlineSpinner = "_inlineSpinner_dbqe1_202";
+const screen = "_screen_dbqe1_215";
+const screenLabel = "_screenLabel_dbqe1_227";
 const styles = {
   loading,
   sm,
   md,
   lg,
   xl,
-  "color-accent": "_color-accent_1janb_24",
+  "color-accent": "_color-accent_dbqe1_48",
   colorAccent,
-  "color-current": "_color-current_1janb_28",
+  "color-current": "_color-current_dbqe1_52",
   colorCurrent,
-  "color-muted": "_color-muted_1janb_32",
+  "color-muted": "_color-muted_dbqe1_56",
   colorMuted,
   centered,
   fill,
@@ -49,9 +49,9 @@ const styles = {
   pulseDot,
   overlayBackdrop,
   inline,
-  "inline-sm": "_inline-sm_1janb_168",
+  "inline-sm": "_inline-sm_dbqe1_194",
   inlineSm,
-  "inline-md": "_inline-md_1janb_172",
+  "inline-md": "_inline-md_dbqe1_198",
   inlineMd,
   inlineSpinner,
   screen,

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

@@ -1,39 +1,39 @@
-const loading = "_loading_1janb_1";
-const sm = "_sm_1janb_8";
-const md = "_md_1janb_12";
-const lg = "_lg_1janb_16";
-const xl = "_xl_1janb_20";
-const colorAccent = "_color-accent_1janb_24";
-const colorCurrent = "_color-current_1janb_28";
-const colorMuted = "_color-muted_1janb_32";
-const centered = "_centered_1janb_36";
-const fill = "_fill_1janb_42";
-const spinnerIcon = "_spinnerIcon_1janb_50";
-const spin = "_spin_1janb_50";
-const dots = "_dots_1janb_70";
-const dot = "_dot_1janb_70";
-const bounce = "_bounce_1janb_1";
-const pulse = "_pulse_1janb_109";
-const pulseRing = "_pulseRing_1janb_118";
-const pulseDot = "_pulseDot_1janb_134";
-const overlayBackdrop = "_overlayBackdrop_1janb_152";
-const inline = "_inline_1janb_162";
-const inlineSm = "_inline-sm_1janb_168";
-const inlineMd = "_inline-md_1janb_172";
-const inlineSpinner = "_inlineSpinner_1janb_176";
-const screen = "_screen_1janb_189";
-const screenLabel = "_screenLabel_1janb_201";
+const loading = "_loading_dbqe1_1";
+const sm = "_sm_dbqe1_8";
+const md = "_md_dbqe1_18";
+const lg = "_lg_dbqe1_28";
+const xl = "_xl_dbqe1_38";
+const colorAccent = "_color-accent_dbqe1_48";
+const colorCurrent = "_color-current_dbqe1_52";
+const colorMuted = "_color-muted_dbqe1_56";
+const centered = "_centered_dbqe1_60";
+const fill = "_fill_dbqe1_66";
+const spinnerIcon = "_spinnerIcon_dbqe1_74";
+const spin = "_spin_dbqe1_74";
+const dots = "_dots_dbqe1_94";
+const dot = "_dot_dbqe1_94";
+const bounce = "_bounce_dbqe1_1";
+const pulse = "_pulse_dbqe1_135";
+const pulseRing = "_pulseRing_dbqe1_144";
+const pulseDot = "_pulseDot_dbqe1_160";
+const overlayBackdrop = "_overlayBackdrop_dbqe1_178";
+const inline = "_inline_dbqe1_188";
+const inlineSm = "_inline-sm_dbqe1_194";
+const inlineMd = "_inline-md_dbqe1_198";
+const inlineSpinner = "_inlineSpinner_dbqe1_202";
+const screen = "_screen_dbqe1_215";
+const screenLabel = "_screenLabel_dbqe1_227";
 const styles = {
   loading,
   sm,
   md,
   lg,
   xl,
-  "color-accent": "_color-accent_1janb_24",
+  "color-accent": "_color-accent_dbqe1_48",
   colorAccent,
-  "color-current": "_color-current_1janb_28",
+  "color-current": "_color-current_dbqe1_52",
   colorCurrent,
-  "color-muted": "_color-muted_1janb_32",
+  "color-muted": "_color-muted_dbqe1_56",
   colorMuted,
   centered,
   fill,
@@ -47,9 +47,9 @@ const styles = {
   pulseDot,
   overlayBackdrop,
   inline,
-  "inline-sm": "_inline-sm_1janb_168",
+  "inline-sm": "_inline-sm_dbqe1_194",
   inlineSm,
-  "inline-md": "_inline-md_1janb_172",
+  "inline-md": "_inline-md_dbqe1_198",
   inlineMd,
   inlineSpinner,
   screen,

package/dist/components/Loading/index.cjs

@@ -51,68 +51,53 @@ function PulseAnimation({ className }) {
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: Loading_module.default.pulseDot })
   ] });
 }
-const LoadingRoot = React__namespace.forwardRef(
-  function LoadingRoot2({
-    size = "md",
-    variant = "spinner",
-    label = "Loading...",
-    centered = false,
-    fill = false,
-    overlay = false,
-    color = "accent",
-    className,
-    ...htmlProps
-  }, ref) {
-    const classes = [
-      Loading_module.default.loading,
-      Loading_module.default[size],
-      Loading_module.default[variant],
-      Loading_module.default[`color-${color}`],
-      centered && Loading_module.default.centered,
-      fill && Loading_module.default.fill,
-      overlay && Loading_module.default.overlay,
-      className
-    ].filter(Boolean).join(" ");
-    const animation = variant === "dots" ? /* @__PURE__ */ jsxRuntime.jsx(DotsAnimation, { className: Loading_module.default.dots }) : variant === "pulse" ? /* @__PURE__ */ jsxRuntime.jsx(PulseAnimation, { className: Loading_module.default.pulse }) : /* @__PURE__ */ jsxRuntime.jsx(SpinnerIcon, { className: Loading_module.default.spinnerIcon });
-    const content = /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: classes,
-        role: "status",
-        "aria-label": label,
-        "aria-live": "polite",
-        ...htmlProps,
-        children: animation
-      }
-    );
-    if (overlay) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: Loading_module.default.overlayBackdrop, children: content });
-    }
-    return content;
-  }
-);
-function LoadingInline({
-  size = "sm",
+const LoadingRoot = React__namespace.forwardRef(function LoadingRoot2({
+  size = "md",
+  variant = "spinner",
   label = "Loading...",
+  centered = false,
+  fill = false,
+  overlay = false,
+  color = "accent",
   className,
   ...htmlProps
-}) {
+}, ref) {
   const classes = [
-    Loading_module.default.inline,
-    Loading_module.default[`inline-${size}`],
+    Loading_module.default.loading,
+    Loading_module.default[size],
+    Loading_module.default[variant],
+    Loading_module.default[`color-${color}`],
+    centered && Loading_module.default.centered,
+    fill && Loading_module.default.fill,
+    overlay && Loading_module.default.overlay,
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
+  const animation = variant === "dots" ? /* @__PURE__ */ jsxRuntime.jsx(DotsAnimation, { className: Loading_module.default.dots }) : variant === "pulse" ? /* @__PURE__ */ jsxRuntime.jsx(PulseAnimation, { className: Loading_module.default.pulse }) : /* @__PURE__ */ jsxRuntime.jsx(SpinnerIcon, { className: Loading_module.default.spinnerIcon });
+  const content = /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
     {
+      ref,
       className: classes,
       role: "status",
       "aria-label": label,
+      "aria-live": "polite",
       ...htmlProps,
-      children: /* @__PURE__ */ jsxRuntime.jsx(SpinnerIcon, { className: Loading_module.default.inlineSpinner })
+      children: animation
     }
   );
+  if (overlay) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: Loading_module.default.overlayBackdrop, children: content });
+  }
+  return content;
+});
+function LoadingInline({
+  size = "sm",
+  label = "Loading...",
+  className,
+  ...htmlProps
+}) {
+  const classes = [Loading_module.default.inline, Loading_module.default[`inline-${size}`], className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes, role: "status", "aria-label": label, ...htmlProps, children: /* @__PURE__ */ jsxRuntime.jsx(SpinnerIcon, { className: Loading_module.default.inlineSpinner }) });
 }
 function LoadingScreen({
   size = "lg",
@@ -122,24 +107,11 @@ function LoadingScreen({
   className,
   ...htmlProps
 }) {
-  const classes = [
-    Loading_module.default.screen,
-    className
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: classes,
-      role: "status",
-      "aria-label": label,
-      "aria-live": "polite",
-      ...htmlProps,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(LoadingRoot, { size, variant, label }),
-        showLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Loading_module.default.screenLabel, children: label })
-      ]
-    }
-  );
+  const classes = [Loading_module.default.screen, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes, role: "status", "aria-label": label, "aria-live": "polite", ...htmlProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(LoadingRoot, { size, variant, label }),
+    showLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Loading_module.default.screenLabel, children: label })
+  ] });
 }
 const Loading = Object.assign(LoadingRoot, {
   Inline: LoadingInline,

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-export type LoadingSize = 'sm' | 'md' | 'lg' | 'xl';
-export type LoadingVariant = 'spinner' | 'dots' | 'pulse';
+import * as React from "react";
+export type LoadingSize = "sm" | "md" | "lg" | "xl";
+export type LoadingVariant = "spinner" | "dots" | "pulse";
 export interface LoadingProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Size of the loading indicator */
     size?: LoadingSize;
@@ -15,11 +15,11 @@ export interface LoadingProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Whether to show the loading indicator with a backdrop overlay */
     overlay?: boolean;
     /** Color variant - uses accent color by default, 'current' inherits text color */
-    color?: 'accent' | 'current' | 'muted';
+    color?: "accent" | "current" | "muted";
 }
 export interface LoadingInlineProps extends React.HTMLAttributes<HTMLSpanElement> {
     /** Size of the loading indicator */
-    size?: 'sm' | 'md';
+    size?: "sm" | "md";
     /** Accessible label */
     label?: string;
 }
@@ -40,5 +40,5 @@ export declare const Loading: React.ForwardRefExoticComponent<LoadingProps & Rea
     Inline: typeof LoadingInline;
     Screen: typeof LoadingScreen;
 };
-export { LoadingRoot, LoadingInline, LoadingScreen, };
+export { LoadingRoot, LoadingInline, LoadingScreen };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,oCAAoC;IACpC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kFAAkF;IAClF,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;CACxC;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC/E,oCAAoC;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,6BAA6B;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,gCAAgC;IAChC,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA+CD,QAAA,MAAM,WAAW,qFAyDhB,CAAC;AAMF,iBAAS,aAAa,CAAC,EACrB,IAAW,EACX,KAAoB,EACpB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAmBpB;AAMD,iBAAS,aAAa,CAAC,EACrB,IAAW,EACX,OAAmB,EACnB,KAAoB,EACpB,SAAiB,EACjB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAoBpB;AAMD,eAAO,MAAM,OAAO;;;CAGlB,CAAC;AAGH,OAAO,EACL,WAAW,EACX,aAAa,EACb,aAAa,GACd,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,oCAAoC;IACpC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kFAAkF;IAClF,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;CACxC;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC/E,oCAAoC;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,6BAA6B;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,gCAAgC;IAChC,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA+CD,QAAA,MAAM,WAAW,qFAsDf,CAAC;AAMH,iBAAS,aAAa,CAAC,EACrB,IAAW,EACX,KAAoB,EACpB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAQpB;AAMD,iBAAS,aAAa,CAAC,EACrB,IAAW,EACX,OAAmB,EACnB,KAAoB,EACpB,SAAiB,EACjB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CASpB;AAMD,eAAO,MAAM,OAAO;;;CAGlB,CAAC;AAGH,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC"}