@usefragments/ui 1.7.0 → 2.0.0

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

@@ -1,46 +1,46 @@
-const root = "_root_17sht_1";
-const mobile = "_mobile_17sht_51";
-const positionRight = "_positionRight_17sht_57";
-const collapsed = "_collapsed_17sht_62";
-const header = "_header_17sht_65";
-const nav = "_nav_17sht_66";
-const footer = "_footer_17sht_67";
-const sectionLabel = "_sectionLabel_17sht_74";
-const itemLabel = "_itemLabel_17sht_85";
-const itemBadge = "_itemBadge_17sht_86";
-const itemChevron = "_itemChevron_17sht_87";
-const item = "_item_17sht_85";
-const itemIcon = "_itemIcon_17sht_95";
-const collapseToggle = "_collapseToggle_17sht_98";
-const collapsedNoIcons = "_collapsedNoIcons_17sht_102";
-const offcanvasCollapsed = "_offcanvasCollapsed_17sht_105";
-const collapseToggleFloating = "_collapseToggleFloating_17sht_111";
-const rail = "_rail_17sht_125";
-const navScrollArea = "_navScrollArea_17sht_166";
-const section = "_section_17sht_74";
-const sectionHeader = "_sectionHeader_17sht_175";
-const sectionTrigger = "_sectionTrigger_17sht_205";
-const sectionActionWrapper = "_sectionActionWrapper_17sht_219";
-const sectionAction = "_sectionAction_17sht_219";
-const sectionList = "_sectionList_17sht_303";
-const submenu = "_submenu_17sht_304";
-const sectionCollapsible = "_sectionCollapsible_17sht_313";
-const itemWrapper = "_itemWrapper_17sht_361";
-const subItemWrapper = "_subItemWrapper_17sht_362";
-const submenuWrapper = "_submenuWrapper_17sht_363";
-const itemDisabled = "_itemDisabled_17sht_436";
-const itemActive = "_itemActive_17sht_445";
-const subItemDisabled = "_subItemDisabled_17sht_530";
-const itemMultiline = "_itemMultiline_17sht_586";
-const itemExpanded = "_itemExpanded_17sht_613";
-const subItem = "_subItem_17sht_362";
-const subItemActive = "_subItemActive_17sht_712";
-const trigger = "_trigger_17sht_730";
-const overlay = "_overlay_17sht_797";
-const railCollapsed = "_railCollapsed_17sht_945";
-const menuSkeleton = "_menuSkeleton_17sht_949";
-const skeletonItem = "_skeletonItem_17sht_956";
-const skeletonLabel = "_skeletonLabel_17sht_985";
+const root = "_root_12q6f_1";
+const mobile = "_mobile_12q6f_37";
+const positionRight = "_positionRight_12q6f_43";
+const collapsed = "_collapsed_12q6f_48";
+const header = "_header_12q6f_51";
+const nav = "_nav_12q6f_52";
+const footer = "_footer_12q6f_53";
+const sectionLabel = "_sectionLabel_12q6f_60";
+const itemLabel = "_itemLabel_12q6f_71";
+const itemBadge = "_itemBadge_12q6f_72";
+const itemChevron = "_itemChevron_12q6f_73";
+const item = "_item_12q6f_71";
+const itemIcon = "_itemIcon_12q6f_81";
+const collapseToggle = "_collapseToggle_12q6f_84";
+const collapsedNoIcons = "_collapsedNoIcons_12q6f_88";
+const offcanvasCollapsed = "_offcanvasCollapsed_12q6f_91";
+const collapseToggleFloating = "_collapseToggleFloating_12q6f_97";
+const rail = "_rail_12q6f_111";
+const navScrollArea = "_navScrollArea_12q6f_151";
+const section = "_section_12q6f_60";
+const sectionHeader = "_sectionHeader_12q6f_160";
+const sectionTrigger = "_sectionTrigger_12q6f_185";
+const sectionActionWrapper = "_sectionActionWrapper_12q6f_200";
+const sectionAction = "_sectionAction_12q6f_200";
+const sectionList = "_sectionList_12q6f_284";
+const submenu = "_submenu_12q6f_285";
+const sectionCollapsible = "_sectionCollapsible_12q6f_294";
+const itemWrapper = "_itemWrapper_12q6f_336";
+const subItemWrapper = "_subItemWrapper_12q6f_337";
+const submenuWrapper = "_submenuWrapper_12q6f_338";
+const itemDisabled = "_itemDisabled_12q6f_404";
+const itemActive = "_itemActive_12q6f_413";
+const subItemDisabled = "_subItemDisabled_12q6f_486";
+const itemMultiline = "_itemMultiline_12q6f_536";
+const itemExpanded = "_itemExpanded_12q6f_563";
+const subItem = "_subItem_12q6f_337";
+const subItemActive = "_subItemActive_12q6f_657";
+const trigger = "_trigger_12q6f_675";
+const overlay = "_overlay_12q6f_743";
+const railCollapsed = "_railCollapsed_12q6f_892";
+const menuSkeleton = "_menuSkeleton_12q6f_896";
+const skeletonItem = "_skeletonItem_12q6f_903";
+const skeletonLabel = "_skeletonLabel_12q6f_926";
 const styles = {
   root,
   mobile,

package/dist/components/Sidebar/index.cjs

@@ -45,7 +45,7 @@ function renderSidebarBadge(badge) {
   if (React__namespace.isValidElement(badge) && (badge.type === index$3.Badge || badge.type === index$3.Badge.Root)) {
     return badge;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(index$3.Badge, { variant: "default", size: "sm", children: badge });
+  return /* @__PURE__ */ jsxRuntime.jsx(index$3.Badge, { tone: "neutral", size: "sm", children: badge });
 }
 function MenuIcon() {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -699,11 +699,11 @@ function SidebarMenuSkeleton({
   const classes = [Sidebar_module.default.menuSkeleton, className].filter(Boolean).join(" ");
   const labelWidths = ["64%", "72%", "68%", "79%", "74%", "66%", "83%", "70%"];
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, "aria-hidden": "true", children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Sidebar_module.default.skeletonItem, children: [
-    showIcon && /* @__PURE__ */ jsxRuntime.jsx(index.Skeleton, { variant: "avatar", size: "sm" }),
+    showIcon && /* @__PURE__ */ jsxRuntime.jsx(index.Skeleton, { shape: "avatar", size: "sm" }),
     !isCollapsed && /* @__PURE__ */ jsxRuntime.jsx(
       index.Skeleton,
       {
-        variant: "text",
+        shape: "text",
         className: Sidebar_module.default.skeletonLabel,
         width: labelWidths[i % labelWidths.length]
       }

package/dist/components/Sidebar/index.js

@@ -26,7 +26,7 @@ function renderSidebarBadge(badge) {
   if (React.isValidElement(badge) && (badge.type === Badge || badge.type === Badge.Root)) {
     return badge;
   }
-  return /* @__PURE__ */ jsx(Badge, { variant: "default", size: "sm", children: badge });
+  return /* @__PURE__ */ jsx(Badge, { tone: "neutral", size: "sm", children: badge });
 }
 function MenuIcon() {
   return /* @__PURE__ */ jsx(
@@ -680,11 +680,11 @@ function SidebarMenuSkeleton({
   const classes = [styles.menuSkeleton, className].filter(Boolean).join(" ");
   const labelWidths = ["64%", "72%", "68%", "79%", "74%", "66%", "83%", "70%"];
   return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, "aria-hidden": "true", children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: styles.skeletonItem, children: [
-    showIcon && /* @__PURE__ */ jsx(Skeleton, { variant: "avatar", size: "sm" }),
+    showIcon && /* @__PURE__ */ jsx(Skeleton, { shape: "avatar", size: "sm" }),
     !isCollapsed && /* @__PURE__ */ jsx(
       Skeleton,
       {
-        variant: "text",
+        shape: "text",
         className: styles.skeletonLabel,
         width: labelWidths[i % labelWidths.length]
       }

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

@@ -1,78 +1,78 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const skeleton = "_skeleton_r1dn3_9";
-const skeletonShimmer = "_skeleton-shimmer_r1dn3_1";
-const fill = "_fill_r1dn3_29";
-const text = "_text_r1dn3_34";
-const heading = "_heading_r1dn3_40";
-const avatar = "_avatar_r1dn3_46";
-const avatarSm = "_avatar-sm_r1dn3_50";
-const avatarMd = "_avatar-md_r1dn3_55";
-const avatarLg = "_avatar-lg_r1dn3_60";
-const button = "_button_r1dn3_65";
-const buttonSm = "_button-sm_r1dn3_69";
-const buttonMd = "_button-md_r1dn3_73";
-const buttonLg = "_button-lg_r1dn3_77";
-const input = "_input_r1dn3_93";
-const inputSm = "_input-sm_r1dn3_98";
-const inputMd = "_input-md_r1dn3_102";
-const inputLg = "_input-lg_r1dn3_106";
-const radiusNone = "_radius-none_r1dn3_110";
-const radiusSm = "_radius-sm_r1dn3_114";
-const radiusMd = "_radius-md_r1dn3_118";
-const radiusLg = "_radius-lg_r1dn3_122";
-const radiusFull = "_radius-full_r1dn3_126";
-const textContainer = "_textContainer_r1dn3_130";
-const gapSm = "_gap-sm_r1dn3_136";
-const gapMd = "_gap-md_r1dn3_140";
-const textLine = "_textLine_r1dn3_144";
-const skeletonPulse = "_skeleton-pulse_r1dn3_1";
+const skeleton = "_skeleton_12tch_9";
+const skeletonShimmer = "_skeleton-shimmer_12tch_1";
+const fill = "_fill_12tch_29";
+const text = "_text_12tch_34";
+const heading = "_heading_12tch_40";
+const avatar = "_avatar_12tch_46";
+const avatarSm = "_avatar-sm_12tch_50";
+const avatarMd = "_avatar-md_12tch_55";
+const avatarLg = "_avatar-lg_12tch_60";
+const button = "_button_12tch_65";
+const buttonSm = "_button-sm_12tch_69";
+const buttonMd = "_button-md_12tch_73";
+const buttonLg = "_button-lg_12tch_77";
+const input = "_input_12tch_93";
+const inputSm = "_input-sm_12tch_98";
+const inputMd = "_input-md_12tch_102";
+const inputLg = "_input-lg_12tch_106";
+const radiusNone = "_radius-none_12tch_110";
+const radiusSm = "_radius-sm_12tch_114";
+const radiusMd = "_radius-md_12tch_118";
+const radiusLg = "_radius-lg_12tch_122";
+const radiusFull = "_radius-full_12tch_126";
+const textContainer = "_textContainer_12tch_130";
+const gapSm = "_gap-sm_12tch_136";
+const gapMd = "_gap-md_12tch_140";
+const textLine = "_textLine_12tch_144";
+const skeletonPulse = "_skeleton-pulse_12tch_1";
 const styles = {
   skeleton,
-  "skeleton-shimmer": "_skeleton-shimmer_r1dn3_1",
+  "skeleton-shimmer": "_skeleton-shimmer_12tch_1",
   skeletonShimmer,
-  "static": "_static_r1dn3_18",
+  "static": "_static_12tch_18",
   fill,
   text,
   heading,
   avatar,
-  "avatar-sm": "_avatar-sm_r1dn3_50",
+  "avatar-sm": "_avatar-sm_12tch_50",
   avatarSm,
-  "avatar-md": "_avatar-md_r1dn3_55",
+  "avatar-md": "_avatar-md_12tch_55",
   avatarMd,
-  "avatar-lg": "_avatar-lg_r1dn3_60",
+  "avatar-lg": "_avatar-lg_12tch_60",
   avatarLg,
   button,
-  "button-sm": "_button-sm_r1dn3_69",
+  "button-sm": "_button-sm_12tch_69",
   buttonSm,
-  "button-md": "_button-md_r1dn3_73",
+  "button-md": "_button-md_12tch_73",
   buttonMd,
-  "button-lg": "_button-lg_r1dn3_77",
+  "button-lg": "_button-lg_12tch_77",
   buttonLg,
   input,
-  "input-sm": "_input-sm_r1dn3_98",
+  "input-sm": "_input-sm_12tch_98",
   inputSm,
-  "input-md": "_input-md_r1dn3_102",
+  "input-md": "_input-md_12tch_102",
   inputMd,
-  "input-lg": "_input-lg_r1dn3_106",
+  "input-lg": "_input-lg_12tch_106",
   inputLg,
-  "radius-none": "_radius-none_r1dn3_110",
+  "radius-none": "_radius-none_12tch_110",
   radiusNone,
-  "radius-sm": "_radius-sm_r1dn3_114",
+  "radius-sm": "_radius-sm_12tch_114",
   radiusSm,
-  "radius-md": "_radius-md_r1dn3_118",
+  "radius-md": "_radius-md_12tch_118",
   radiusMd,
-  "radius-lg": "_radius-lg_r1dn3_122",
+  "radius-lg": "_radius-lg_12tch_122",
   radiusLg,
-  "radius-full": "_radius-full_r1dn3_126",
+  "radius-full": "_radius-full_12tch_126",
   radiusFull,
   textContainer,
-  "gap-sm": "_gap-sm_r1dn3_136",
+  "gap-sm": "_gap-sm_12tch_136",
   gapSm,
-  "gap-md": "_gap-md_r1dn3_140",
+  "gap-md": "_gap-md_12tch_140",
   gapMd,
   textLine,
-  "skeleton-pulse": "_skeleton-pulse_r1dn3_1",
+  "skeleton-pulse": "_skeleton-pulse_12tch_1",
   skeletonPulse
 };
 exports.avatar = avatar;

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

@@ -1,76 +1,76 @@
-const skeleton = "_skeleton_r1dn3_9";
-const skeletonShimmer = "_skeleton-shimmer_r1dn3_1";
-const fill = "_fill_r1dn3_29";
-const text = "_text_r1dn3_34";
-const heading = "_heading_r1dn3_40";
-const avatar = "_avatar_r1dn3_46";
-const avatarSm = "_avatar-sm_r1dn3_50";
-const avatarMd = "_avatar-md_r1dn3_55";
-const avatarLg = "_avatar-lg_r1dn3_60";
-const button = "_button_r1dn3_65";
-const buttonSm = "_button-sm_r1dn3_69";
-const buttonMd = "_button-md_r1dn3_73";
-const buttonLg = "_button-lg_r1dn3_77";
-const input = "_input_r1dn3_93";
-const inputSm = "_input-sm_r1dn3_98";
-const inputMd = "_input-md_r1dn3_102";
-const inputLg = "_input-lg_r1dn3_106";
-const radiusNone = "_radius-none_r1dn3_110";
-const radiusSm = "_radius-sm_r1dn3_114";
-const radiusMd = "_radius-md_r1dn3_118";
-const radiusLg = "_radius-lg_r1dn3_122";
-const radiusFull = "_radius-full_r1dn3_126";
-const textContainer = "_textContainer_r1dn3_130";
-const gapSm = "_gap-sm_r1dn3_136";
-const gapMd = "_gap-md_r1dn3_140";
-const textLine = "_textLine_r1dn3_144";
-const skeletonPulse = "_skeleton-pulse_r1dn3_1";
+const skeleton = "_skeleton_12tch_9";
+const skeletonShimmer = "_skeleton-shimmer_12tch_1";
+const fill = "_fill_12tch_29";
+const text = "_text_12tch_34";
+const heading = "_heading_12tch_40";
+const avatar = "_avatar_12tch_46";
+const avatarSm = "_avatar-sm_12tch_50";
+const avatarMd = "_avatar-md_12tch_55";
+const avatarLg = "_avatar-lg_12tch_60";
+const button = "_button_12tch_65";
+const buttonSm = "_button-sm_12tch_69";
+const buttonMd = "_button-md_12tch_73";
+const buttonLg = "_button-lg_12tch_77";
+const input = "_input_12tch_93";
+const inputSm = "_input-sm_12tch_98";
+const inputMd = "_input-md_12tch_102";
+const inputLg = "_input-lg_12tch_106";
+const radiusNone = "_radius-none_12tch_110";
+const radiusSm = "_radius-sm_12tch_114";
+const radiusMd = "_radius-md_12tch_118";
+const radiusLg = "_radius-lg_12tch_122";
+const radiusFull = "_radius-full_12tch_126";
+const textContainer = "_textContainer_12tch_130";
+const gapSm = "_gap-sm_12tch_136";
+const gapMd = "_gap-md_12tch_140";
+const textLine = "_textLine_12tch_144";
+const skeletonPulse = "_skeleton-pulse_12tch_1";
 const styles = {
   skeleton,
-  "skeleton-shimmer": "_skeleton-shimmer_r1dn3_1",
+  "skeleton-shimmer": "_skeleton-shimmer_12tch_1",
   skeletonShimmer,
-  "static": "_static_r1dn3_18",
+  "static": "_static_12tch_18",
   fill,
   text,
   heading,
   avatar,
-  "avatar-sm": "_avatar-sm_r1dn3_50",
+  "avatar-sm": "_avatar-sm_12tch_50",
   avatarSm,
-  "avatar-md": "_avatar-md_r1dn3_55",
+  "avatar-md": "_avatar-md_12tch_55",
   avatarMd,
-  "avatar-lg": "_avatar-lg_r1dn3_60",
+  "avatar-lg": "_avatar-lg_12tch_60",
   avatarLg,
   button,
-  "button-sm": "_button-sm_r1dn3_69",
+  "button-sm": "_button-sm_12tch_69",
   buttonSm,
-  "button-md": "_button-md_r1dn3_73",
+  "button-md": "_button-md_12tch_73",
   buttonMd,
-  "button-lg": "_button-lg_r1dn3_77",
+  "button-lg": "_button-lg_12tch_77",
   buttonLg,
   input,
-  "input-sm": "_input-sm_r1dn3_98",
+  "input-sm": "_input-sm_12tch_98",
   inputSm,
-  "input-md": "_input-md_r1dn3_102",
+  "input-md": "_input-md_12tch_102",
   inputMd,
-  "input-lg": "_input-lg_r1dn3_106",
+  "input-lg": "_input-lg_12tch_106",
   inputLg,
-  "radius-none": "_radius-none_r1dn3_110",
+  "radius-none": "_radius-none_12tch_110",
   radiusNone,
-  "radius-sm": "_radius-sm_r1dn3_114",
+  "radius-sm": "_radius-sm_12tch_114",
   radiusSm,
-  "radius-md": "_radius-md_r1dn3_118",
+  "radius-md": "_radius-md_12tch_118",
   radiusMd,
-  "radius-lg": "_radius-lg_r1dn3_122",
+  "radius-lg": "_radius-lg_12tch_122",
   radiusLg,
-  "radius-full": "_radius-full_r1dn3_126",
+  "radius-full": "_radius-full_12tch_126",
   radiusFull,
   textContainer,
-  "gap-sm": "_gap-sm_r1dn3_136",
+  "gap-sm": "_gap-sm_12tch_136",
   gapSm,
-  "gap-md": "_gap-md_r1dn3_140",
+  "gap-md": "_gap-md_12tch_140",
   gapMd,
   textLine,
-  "skeleton-pulse": "_skeleton-pulse_r1dn3_1",
+  "skeleton-pulse": "_skeleton-pulse_12tch_1",
   skeletonPulse
 };
 export {

package/dist/components/Skeleton/index.cjs

@@ -21,7 +21,7 @@ function _interopNamespaceDefault(e) {
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 const SkeletonBase = React__namespace.forwardRef(function SkeletonBase2({
-  variant = "rect",
+  shape = "rect",
   size = "md",
   width,
   height,
@@ -33,10 +33,10 @@ const SkeletonBase = React__namespace.forwardRef(function SkeletonBase2({
 }, ref) {
   const classes = [
     Skeleton_module.default.skeleton,
-    Skeleton_module.default[variant],
-    variant === "avatar" && Skeleton_module.default[`avatar-${size}`],
-    variant === "button" && Skeleton_module.default[`button-${size}`],
-    variant === "input" && Skeleton_module.default[`input-${size}`],
+    Skeleton_module.default[shape],
+    shape === "avatar" && Skeleton_module.default[`avatar-${size}`],
+    shape === "button" && Skeleton_module.default[`button-${size}`],
+    shape === "input" && Skeleton_module.default[`input-${size}`],
     fill && Skeleton_module.default.fill,
     radius && Skeleton_module.default[`radius-${radius}`],
     isStatic && Skeleton_module.default.static,
@@ -85,9 +85,9 @@ function SkeletonCircle({
   className
 }) {
   if (typeof size === "number") {
-    return /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { variant: "rect", width: size, height: size, radius: "full", className });
+    return /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { shape: "rect", width: size, height: size, radius: "full", className });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { variant: "avatar", size, className });
+  return /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { shape: "avatar", size, className });
 }
 const Skeleton = Object.assign(SkeletonBase, {
   Text: SkeletonText,

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

@@ -1,23 +1,24 @@
 import * as React from "react";
-export type SkeletonVariant = "text" | "heading" | "avatar" | "button" | "input" | "rect";
+export type SkeletonShape = "text" | "heading" | "avatar" | "button" | "input" | "rect";
 export type SkeletonSize = "sm" | "md" | "lg";
 export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
-     * Semantic variant that auto-sizes based on design tokens.
+     * Semantic shape that auto-sizes from the design tokens. Not chrome, so it
+     * is `shape`, not `variant`.
      * @default 'rect'
      */
-    variant?: SkeletonVariant;
+    shape?: SkeletonShape;
     /**
-     * Size variant for avatar, button, and input placeholders.
+     * Size for the avatar, button, and input shapes.
      * @default 'md'
      */
     size?: SkeletonSize;
     /**
-     * Width in pixels or CSS value. Auto-determined for most variants.
+     * Width in pixels or CSS value. Auto-determined for most shapes.
      */
     width?: number | string;
     /**
-     * Height in pixels or CSS value. Auto-determined for semantic variants.
+     * Height in pixels or CSS value. Auto-determined for semantic shapes.
      */
     height?: number | string;
     /**
@@ -26,7 +27,7 @@ export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     fill?: boolean;
     /**
-     * Border radius override. Auto-determined for most variants.
+     * Border radius override. Auto-determined for most shapes.
      */
     radius?: "none" | "sm" | "md" | "lg" | "full";
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,MAAM,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC/F,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACnB;AA0DD,iBAAS,YAAY,CAAC,EACpB,KAAS,EACT,aAAkB,EAClB,GAAU,EACV,SAAS,EACT,GAAG,SAAS,EACb,EAAE,iBAAiB,2CAmBnB;AAMD,iBAAS,cAAc,CAAC,EACtB,IAAW,EACX,SAAS,GACV,EAAE;IACD,IAAI,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAOA;AAMD,eAAO,MAAM,QAAQ;;;CAGnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,MAAM,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE;;;;OAIG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC/F,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACnB;AA0DD,iBAAS,YAAY,CAAC,EACpB,KAAS,EACT,aAAkB,EAClB,GAAU,EACV,SAAS,EACT,GAAG,SAAS,EACb,EAAE,iBAAiB,2CAmBnB;AAMD,iBAAS,cAAc,CAAC,EACtB,IAAW,EACX,SAAS,GACV,EAAE;IACD,IAAI,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAOA;AAMD,eAAO,MAAM,QAAQ;;;CAGnB,CAAC"}

package/dist/components/Skeleton/index.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import styles from "./Skeleton.module.scss.js";
 const SkeletonBase = React.forwardRef(function SkeletonBase2({
-  variant = "rect",
+  shape = "rect",
   size = "md",
   width,
   height,
@@ -14,10 +14,10 @@ const SkeletonBase = React.forwardRef(function SkeletonBase2({
 }, ref) {
   const classes = [
     styles.skeleton,
-    styles[variant],
-    variant === "avatar" && styles[`avatar-${size}`],
-    variant === "button" && styles[`button-${size}`],
-    variant === "input" && styles[`input-${size}`],
+    styles[shape],
+    shape === "avatar" && styles[`avatar-${size}`],
+    shape === "button" && styles[`button-${size}`],
+    shape === "input" && styles[`input-${size}`],
     fill && styles.fill,
     radius && styles[`radius-${radius}`],
     isStatic && styles.static,
@@ -66,9 +66,9 @@ function SkeletonCircle({
   className
 }) {
   if (typeof size === "number") {
-    return /* @__PURE__ */ jsx(SkeletonBase, { variant: "rect", width: size, height: size, radius: "full", className });
+    return /* @__PURE__ */ jsx(SkeletonBase, { shape: "rect", width: size, height: size, radius: "full", className });
   }
-  return /* @__PURE__ */ jsx(SkeletonBase, { variant: "avatar", size, className });
+  return /* @__PURE__ */ jsx(SkeletonBase, { shape: "avatar", size, className });
 }
 const Skeleton = Object.assign(SkeletonBase, {
   Text: SkeletonText,

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

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const wrapper = "_wrapper_1isbc_1";
-const header = "_header_1isbc_8";
-const label = "_label_1isbc_15";
-const value = "_value_1isbc_23";
-const root = "_root_1isbc_35";
-const control = "_control_1isbc_39";
-const track = "_track_1isbc_45";
-const indicator = "_indicator_1isbc_59";
-const thumb = "_thumb_1isbc_66";
-const helper = "_helper_1isbc_112";
-const helperError = "_helperError_1isbc_122";
-const dragValueBubble = "_dragValueBubble_1isbc_126";
+const wrapper = "_wrapper_iciz7_1";
+const header = "_header_iciz7_8";
+const label = "_label_iciz7_15";
+const value = "_value_iciz7_23";
+const root = "_root_iciz7_35";
+const control = "_control_iciz7_39";
+const track = "_track_iciz7_45";
+const indicator = "_indicator_iciz7_65";
+const thumb = "_thumb_iciz7_72";
+const helper = "_helper_iciz7_123";
+const helperError = "_helperError_iciz7_133";
+const dragValueBubble = "_dragValueBubble_iciz7_137";
 const styles = {
   wrapper,
   header,

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

@@ -1,15 +1,15 @@
-const wrapper = "_wrapper_1isbc_1";
-const header = "_header_1isbc_8";
-const label = "_label_1isbc_15";
-const value = "_value_1isbc_23";
-const root = "_root_1isbc_35";
-const control = "_control_1isbc_39";
-const track = "_track_1isbc_45";
-const indicator = "_indicator_1isbc_59";
-const thumb = "_thumb_1isbc_66";
-const helper = "_helper_1isbc_112";
-const helperError = "_helperError_1isbc_122";
-const dragValueBubble = "_dragValueBubble_1isbc_126";
+const wrapper = "_wrapper_iciz7_1";
+const header = "_header_iciz7_8";
+const label = "_label_iciz7_15";
+const value = "_value_iciz7_23";
+const root = "_root_iciz7_35";
+const control = "_control_iciz7_39";
+const track = "_track_iciz7_45";
+const indicator = "_indicator_iciz7_65";
+const thumb = "_thumb_iciz7_72";
+const helper = "_helper_iciz7_123";
+const helperError = "_helperError_iciz7_133";
+const dragValueBubble = "_dragValueBubble_iciz7_137";
 const styles = {
   wrapper,
   header,

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

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_1g54z_1";
-const track = "_track_1g54z_127";
-const trackSm = "_trackSm_1g54z_158";
-const trackLg = "_trackLg_1g54z_169";
-const trackMd = "_trackMd_1g54z_180";
-const thumb = "_thumb_1g54z_191";
-const content = "_content_1g54z_218";
-const label = "_label_1g54z_222";
-const helper = "_helper_1g54z_227";
+const root = "_root_n37tk_1";
+const track = "_track_n37tk_133";
+const trackSm = "_trackSm_n37tk_172";
+const trackLg = "_trackLg_n37tk_183";
+const trackMd = "_trackMd_n37tk_194";
+const thumb = "_thumb_n37tk_205";
+const content = "_content_n37tk_232";
+const label = "_label_n37tk_236";
+const helper = "_helper_n37tk_241";
 const styles = {
   root,
   track,

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

@@ -1,12 +1,12 @@
-const root = "_root_1g54z_1";
-const track = "_track_1g54z_127";
-const trackSm = "_trackSm_1g54z_158";
-const trackLg = "_trackLg_1g54z_169";
-const trackMd = "_trackMd_1g54z_180";
-const thumb = "_thumb_1g54z_191";
-const content = "_content_1g54z_218";
-const label = "_label_1g54z_222";
-const helper = "_helper_1g54z_227";
+const root = "_root_n37tk_1";
+const track = "_track_n37tk_133";
+const trackSm = "_trackSm_n37tk_172";
+const trackLg = "_trackLg_n37tk_183";
+const trackMd = "_trackMd_n37tk_194";
+const thumb = "_thumb_n37tk_205";
+const content = "_content_n37tk_232";
+const label = "_label_n37tk_236";
+const helper = "_helper_n37tk_241";
 const styles = {
   root,
   track,