@usefragments/ui 1.6.0 → 2.0.0

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

@@ -1,74 +1,77 @@
-const skeleton = "_skeleton_17wn5_9";
-const skeletonPulse = "_skeleton-pulse_17wn5_1";
-const fill = "_fill_17wn5_20";
-const text = "_text_17wn5_25";
-const heading = "_heading_17wn5_31";
-const avatar = "_avatar_17wn5_37";
-const avatarSm = "_avatar-sm_17wn5_41";
-const avatarMd = "_avatar-md_17wn5_46";
-const avatarLg = "_avatar-lg_17wn5_51";
-const button = "_button_17wn5_56";
-const buttonSm = "_button-sm_17wn5_60";
-const buttonMd = "_button-md_17wn5_64";
-const buttonLg = "_button-lg_17wn5_68";
-const input = "_input_17wn5_84";
-const inputSm = "_input-sm_17wn5_89";
-const inputMd = "_input-md_17wn5_93";
-const inputLg = "_input-lg_17wn5_97";
-const radiusNone = "_radius-none_17wn5_101";
-const radiusSm = "_radius-sm_17wn5_105";
-const radiusMd = "_radius-md_17wn5_109";
-const radiusLg = "_radius-lg_17wn5_113";
-const radiusFull = "_radius-full_17wn5_117";
-const textContainer = "_textContainer_17wn5_121";
-const gapSm = "_gap-sm_17wn5_127";
-const gapMd = "_gap-md_17wn5_131";
-const textLine = "_textLine_17wn5_135";
+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-pulse": "_skeleton-pulse_17wn5_1",
-  skeletonPulse,
-  "static": "_static_17wn5_16",
+  "skeleton-shimmer": "_skeleton-shimmer_12tch_1",
+  skeletonShimmer,
+  "static": "_static_12tch_18",
   fill,
   text,
   heading,
   avatar,
-  "avatar-sm": "_avatar-sm_17wn5_41",
+  "avatar-sm": "_avatar-sm_12tch_50",
   avatarSm,
-  "avatar-md": "_avatar-md_17wn5_46",
+  "avatar-md": "_avatar-md_12tch_55",
   avatarMd,
-  "avatar-lg": "_avatar-lg_17wn5_51",
+  "avatar-lg": "_avatar-lg_12tch_60",
   avatarLg,
   button,
-  "button-sm": "_button-sm_17wn5_60",
+  "button-sm": "_button-sm_12tch_69",
   buttonSm,
-  "button-md": "_button-md_17wn5_64",
+  "button-md": "_button-md_12tch_73",
   buttonMd,
-  "button-lg": "_button-lg_17wn5_68",
+  "button-lg": "_button-lg_12tch_77",
   buttonLg,
   input,
-  "input-sm": "_input-sm_17wn5_89",
+  "input-sm": "_input-sm_12tch_98",
   inputSm,
-  "input-md": "_input-md_17wn5_93",
+  "input-md": "_input-md_12tch_102",
   inputMd,
-  "input-lg": "_input-lg_17wn5_97",
+  "input-lg": "_input-lg_12tch_106",
   inputLg,
-  "radius-none": "_radius-none_17wn5_101",
+  "radius-none": "_radius-none_12tch_110",
   radiusNone,
-  "radius-sm": "_radius-sm_17wn5_105",
+  "radius-sm": "_radius-sm_12tch_114",
   radiusSm,
-  "radius-md": "_radius-md_17wn5_109",
+  "radius-md": "_radius-md_12tch_118",
   radiusMd,
-  "radius-lg": "_radius-lg_17wn5_113",
+  "radius-lg": "_radius-lg_12tch_122",
   radiusLg,
-  "radius-full": "_radius-full_17wn5_117",
+  "radius-full": "_radius-full_12tch_126",
   radiusFull,
   textContainer,
-  "gap-sm": "_gap-sm_17wn5_127",
+  "gap-sm": "_gap-sm_12tch_136",
   gapSm,
-  "gap-md": "_gap-md_17wn5_131",
+  "gap-md": "_gap-md_12tch_140",
   gapMd,
-  textLine
+  textLine,
+  "skeleton-pulse": "_skeleton-pulse_12tch_1",
+  skeletonPulse
 };
 export {
   avatar,
@@ -95,6 +98,7 @@ export {
   radiusSm,
   skeleton,
   skeletonPulse,
+  skeletonShimmer,
   text,
   textContainer,
   textLine

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_1mi2c_1";
-const header = "_header_1mi2c_8";
-const label = "_label_1mi2c_15";
-const value = "_value_1mi2c_23";
-const root = "_root_1mi2c_35";
-const control = "_control_1mi2c_39";
-const track = "_track_1mi2c_45";
-const indicator = "_indicator_1mi2c_59";
-const thumb = "_thumb_1mi2c_66";
-const helper = "_helper_1mi2c_112";
-const helperError = "_helperError_1mi2c_122";
-const dragValueBubble = "_dragValueBubble_1mi2c_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_1mi2c_1";
-const header = "_header_1mi2c_8";
-const label = "_label_1mi2c_15";
-const value = "_value_1mi2c_23";
-const root = "_root_1mi2c_35";
-const control = "_control_1mi2c_39";
-const track = "_track_1mi2c_45";
-const indicator = "_indicator_1mi2c_59";
-const thumb = "_thumb_1mi2c_66";
-const helper = "_helper_1mi2c_112";
-const helperError = "_helperError_1mi2c_122";
-const dragValueBubble = "_dragValueBubble_1mi2c_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/Stack/Stack.module.scss.cjs

@@ -1,44 +1,44 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const stack = "_stack_qpued_1";
-const row = "_row_qpued_6";
-const column = "_column_qpued_10";
-const directionResponsive = "_directionResponsive_qpued_14";
-const gapResponsive = "_gapResponsive_qpued_38";
-const alignStart = "_align-start_qpued_62";
-const alignCenter = "_align-center_qpued_66";
-const alignEnd = "_align-end_qpued_70";
-const alignStretch = "_align-stretch_qpued_74";
-const alignBaseline = "_align-baseline_qpued_78";
-const justifyStart = "_justify-start_qpued_82";
-const justifyCenter = "_justify-center_qpued_86";
-const justifyEnd = "_justify-end_qpued_90";
-const justifyBetween = "_justify-between_qpued_94";
-const wrap = "_wrap_qpued_98";
-const separator = "_separator_qpued_102";
+const stack = "_stack_4n27t_1";
+const row = "_row_4n27t_6";
+const column = "_column_4n27t_10";
+const directionResponsive = "_directionResponsive_4n27t_14";
+const gapResponsive = "_gapResponsive_4n27t_38";
+const alignStart = "_align-start_4n27t_62";
+const alignCenter = "_align-center_4n27t_66";
+const alignEnd = "_align-end_4n27t_70";
+const alignStretch = "_align-stretch_4n27t_74";
+const alignBaseline = "_align-baseline_4n27t_78";
+const justifyStart = "_justify-start_4n27t_82";
+const justifyCenter = "_justify-center_4n27t_86";
+const justifyEnd = "_justify-end_4n27t_90";
+const justifyBetween = "_justify-between_4n27t_94";
+const wrap = "_wrap_4n27t_98";
+const separator = "_separator_4n27t_102";
 const styles = {
   stack,
   row,
   column,
   directionResponsive,
   gapResponsive,
-  "align-start": "_align-start_qpued_62",
+  "align-start": "_align-start_4n27t_62",
   alignStart,
-  "align-center": "_align-center_qpued_66",
+  "align-center": "_align-center_4n27t_66",
   alignCenter,
-  "align-end": "_align-end_qpued_70",
+  "align-end": "_align-end_4n27t_70",
   alignEnd,
-  "align-stretch": "_align-stretch_qpued_74",
+  "align-stretch": "_align-stretch_4n27t_74",
   alignStretch,
-  "align-baseline": "_align-baseline_qpued_78",
+  "align-baseline": "_align-baseline_4n27t_78",
   alignBaseline,
-  "justify-start": "_justify-start_qpued_82",
+  "justify-start": "_justify-start_4n27t_82",
   justifyStart,
-  "justify-center": "_justify-center_qpued_86",
+  "justify-center": "_justify-center_4n27t_86",
   justifyCenter,
-  "justify-end": "_justify-end_qpued_90",
+  "justify-end": "_justify-end_4n27t_90",
   justifyEnd,
-  "justify-between": "_justify-between_qpued_94",
+  "justify-between": "_justify-between_4n27t_94",
   justifyBetween,
   wrap,
   separator

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

@@ -1,42 +1,42 @@
-const stack = "_stack_qpued_1";
-const row = "_row_qpued_6";
-const column = "_column_qpued_10";
-const directionResponsive = "_directionResponsive_qpued_14";
-const gapResponsive = "_gapResponsive_qpued_38";
-const alignStart = "_align-start_qpued_62";
-const alignCenter = "_align-center_qpued_66";
-const alignEnd = "_align-end_qpued_70";
-const alignStretch = "_align-stretch_qpued_74";
-const alignBaseline = "_align-baseline_qpued_78";
-const justifyStart = "_justify-start_qpued_82";
-const justifyCenter = "_justify-center_qpued_86";
-const justifyEnd = "_justify-end_qpued_90";
-const justifyBetween = "_justify-between_qpued_94";
-const wrap = "_wrap_qpued_98";
-const separator = "_separator_qpued_102";
+const stack = "_stack_4n27t_1";
+const row = "_row_4n27t_6";
+const column = "_column_4n27t_10";
+const directionResponsive = "_directionResponsive_4n27t_14";
+const gapResponsive = "_gapResponsive_4n27t_38";
+const alignStart = "_align-start_4n27t_62";
+const alignCenter = "_align-center_4n27t_66";
+const alignEnd = "_align-end_4n27t_70";
+const alignStretch = "_align-stretch_4n27t_74";
+const alignBaseline = "_align-baseline_4n27t_78";
+const justifyStart = "_justify-start_4n27t_82";
+const justifyCenter = "_justify-center_4n27t_86";
+const justifyEnd = "_justify-end_4n27t_90";
+const justifyBetween = "_justify-between_4n27t_94";
+const wrap = "_wrap_4n27t_98";
+const separator = "_separator_4n27t_102";
 const styles = {
   stack,
   row,
   column,
   directionResponsive,
   gapResponsive,
-  "align-start": "_align-start_qpued_62",
+  "align-start": "_align-start_4n27t_62",
   alignStart,
-  "align-center": "_align-center_qpued_66",
+  "align-center": "_align-center_4n27t_66",
   alignCenter,
-  "align-end": "_align-end_qpued_70",
+  "align-end": "_align-end_4n27t_70",
   alignEnd,
-  "align-stretch": "_align-stretch_qpued_74",
+  "align-stretch": "_align-stretch_4n27t_74",
   alignStretch,
-  "align-baseline": "_align-baseline_qpued_78",
+  "align-baseline": "_align-baseline_4n27t_78",
   alignBaseline,
-  "justify-start": "_justify-start_qpued_82",
+  "justify-start": "_justify-start_4n27t_82",
   justifyStart,
-  "justify-center": "_justify-center_qpued_86",
+  "justify-center": "_justify-center_4n27t_86",
   justifyCenter,
-  "justify-end": "_justify-end_qpued_90",
+  "justify-end": "_justify-end_4n27t_90",
   justifyEnd,
-  "justify-between": "_justify-between_qpued_94",
+  "justify-between": "_justify-between_4n27t_94",
   justifyBetween,
   wrap,
   separator

package/dist/components/Stack/index.cjs

@@ -61,7 +61,7 @@ const StackRoot = React__namespace.forwardRef(function Stack2({
     vars["--fui-stack-direction-xl"] = xlDirection;
     inlineStyle = vars;
   } else {
-    directionClass = Stack_module.default[direction];
+    directionClass = Stack_module.default[direction] ?? "";
   }
   if (isResponsiveGap(gap)) {
     gapClass = Stack_module.default.gapResponsive;

package/dist/components/Stack/index.js

@@ -42,7 +42,7 @@ const StackRoot = React.forwardRef(function Stack2({
     vars["--fui-stack-direction-xl"] = xlDirection;
     inlineStyle = vars;
   } else {
-    directionClass = styles[direction];
+    directionClass = styles[direction] ?? "";
   }
   if (isResponsiveGap(gap)) {
     gapClass = styles.gapResponsive;

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_1jchs_1";
-const track = "_track_1jchs_83";
-const trackSm = "_trackSm_1jchs_114";
-const trackLg = "_trackLg_1jchs_130";
-const trackMd = "_trackMd_1jchs_146";
-const thumb = "_thumb_1jchs_162";
-const content = "_content_1jchs_189";
-const label = "_label_1jchs_193";
-const helper = "_helper_1jchs_198";
+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_1jchs_1";
-const track = "_track_1jchs_83";
-const trackSm = "_trackSm_1jchs_114";
-const trackLg = "_trackLg_1jchs_130";
-const trackMd = "_trackMd_1jchs_146";
-const thumb = "_thumb_1jchs_162";
-const content = "_content_1jchs_189";
-const label = "_label_1jchs_193";
-const helper = "_helper_1jchs_198";
+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/Table/Table.module.scss.cjs

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const wrapper = "_wrapper_166hi_1";
-const table = "_table_166hi_8";
-const caption = "_caption_166hi_57";
-const captionHidden = "_captionHidden_166hi_70";
-const tabular = "_tabular_166hi_82";
-const thead = "_thead_166hi_86";
-const th = "_th_166hi_86";
-const headerContent = "_headerContent_166hi_110";
-const row = "_row_166hi_116";
-const td = "_td_166hi_134";
-const selected = "_selected_166hi_141";
-const tfoot = "_tfoot_166hi_154";
-const striped = "_striped_166hi_158";
-const tbody = "_tbody_166hi_158";
-const bordered = "_bordered_166hi_166";
+const wrapper = "_wrapper_1pxsm_1";
+const table = "_table_1pxsm_8";
+const caption = "_caption_1pxsm_62";
+const captionHidden = "_captionHidden_1pxsm_75";
+const tabular = "_tabular_1pxsm_87";
+const thead = "_thead_1pxsm_91";
+const th = "_th_1pxsm_91";
+const headerContent = "_headerContent_1pxsm_121";
+const row = "_row_1pxsm_127";
+const td = "_td_1pxsm_151";
+const bordered = "_bordered_1pxsm_158";
+const tbody = "_tbody_1pxsm_159";
+const tfoot = "_tfoot_1pxsm_160";
+const selected = "_selected_1pxsm_164";
+const striped = "_striped_1pxsm_181";
 const styles = {
   wrapper,
   table,
@@ -26,11 +26,11 @@ const styles = {
   headerContent,
   row,
   td,
-  selected,
-  tfoot,
-  striped,
+  bordered,
   tbody,
-  bordered
+  tfoot,
+  selected,
+  striped
 };
 exports.bordered = bordered;
 exports.caption = caption;

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

@@ -1,18 +1,18 @@
-const wrapper = "_wrapper_166hi_1";
-const table = "_table_166hi_8";
-const caption = "_caption_166hi_57";
-const captionHidden = "_captionHidden_166hi_70";
-const tabular = "_tabular_166hi_82";
-const thead = "_thead_166hi_86";
-const th = "_th_166hi_86";
-const headerContent = "_headerContent_166hi_110";
-const row = "_row_166hi_116";
-const td = "_td_166hi_134";
-const selected = "_selected_166hi_141";
-const tfoot = "_tfoot_166hi_154";
-const striped = "_striped_166hi_158";
-const tbody = "_tbody_166hi_158";
-const bordered = "_bordered_166hi_166";
+const wrapper = "_wrapper_1pxsm_1";
+const table = "_table_1pxsm_8";
+const caption = "_caption_1pxsm_62";
+const captionHidden = "_captionHidden_1pxsm_75";
+const tabular = "_tabular_1pxsm_87";
+const thead = "_thead_1pxsm_91";
+const th = "_th_1pxsm_91";
+const headerContent = "_headerContent_1pxsm_121";
+const row = "_row_1pxsm_127";
+const td = "_td_1pxsm_151";
+const bordered = "_bordered_1pxsm_158";
+const tbody = "_tbody_1pxsm_159";
+const tfoot = "_tfoot_1pxsm_160";
+const selected = "_selected_1pxsm_164";
+const striped = "_striped_1pxsm_181";
 const styles = {
   wrapper,
   table,
@@ -24,11 +24,11 @@ const styles = {
   headerContent,
   row,
   td,
-  selected,
-  tfoot,
-  striped,
+  bordered,
   tbody,
-  bordered
+  tfoot,
+  selected,
+  striped
 };
 export {
   bordered,