@usefragments/ui 1.5.3 → 1.6.0

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

@@ -1,65 +1,74 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const skeleton = "_skeleton_1x5gx_9";
-const skeletonPulse = "_skeleton-pulse_1x5gx_1";
-const fill = "_fill_1x5gx_20";
-const text = "_text_1x5gx_25";
-const heading = "_heading_1x5gx_31";
-const avatar = "_avatar_1x5gx_37";
-const avatarSm = "_avatar-sm_1x5gx_41";
-const avatarMd = "_avatar-md_1x5gx_46";
-const avatarLg = "_avatar-lg_1x5gx_51";
-const button = "_button_1x5gx_56";
-const buttonSm = "_button-sm_1x5gx_60";
-const buttonMd = "_button-md_1x5gx_65";
-const buttonLg = "_button-lg_1x5gx_70";
-const input = "_input_1x5gx_75";
-const radiusNone = "_radius-none_1x5gx_81";
-const radiusSm = "_radius-sm_1x5gx_85";
-const radiusMd = "_radius-md_1x5gx_89";
-const radiusLg = "_radius-lg_1x5gx_93";
-const radiusFull = "_radius-full_1x5gx_97";
-const textContainer = "_textContainer_1x5gx_101";
-const gapSm = "_gap-sm_1x5gx_107";
-const gapMd = "_gap-md_1x5gx_111";
-const textLine = "_textLine_1x5gx_115";
+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 styles = {
   skeleton,
-  "skeleton-pulse": "_skeleton-pulse_1x5gx_1",
+  "skeleton-pulse": "_skeleton-pulse_17wn5_1",
   skeletonPulse,
-  "static": "_static_1x5gx_16",
+  "static": "_static_17wn5_16",
   fill,
   text,
   heading,
   avatar,
-  "avatar-sm": "_avatar-sm_1x5gx_41",
+  "avatar-sm": "_avatar-sm_17wn5_41",
   avatarSm,
-  "avatar-md": "_avatar-md_1x5gx_46",
+  "avatar-md": "_avatar-md_17wn5_46",
   avatarMd,
-  "avatar-lg": "_avatar-lg_1x5gx_51",
+  "avatar-lg": "_avatar-lg_17wn5_51",
   avatarLg,
   button,
-  "button-sm": "_button-sm_1x5gx_60",
+  "button-sm": "_button-sm_17wn5_60",
   buttonSm,
-  "button-md": "_button-md_1x5gx_65",
+  "button-md": "_button-md_17wn5_64",
   buttonMd,
-  "button-lg": "_button-lg_1x5gx_70",
+  "button-lg": "_button-lg_17wn5_68",
   buttonLg,
   input,
-  "radius-none": "_radius-none_1x5gx_81",
+  "input-sm": "_input-sm_17wn5_89",
+  inputSm,
+  "input-md": "_input-md_17wn5_93",
+  inputMd,
+  "input-lg": "_input-lg_17wn5_97",
+  inputLg,
+  "radius-none": "_radius-none_17wn5_101",
   radiusNone,
-  "radius-sm": "_radius-sm_1x5gx_85",
+  "radius-sm": "_radius-sm_17wn5_105",
   radiusSm,
-  "radius-md": "_radius-md_1x5gx_89",
+  "radius-md": "_radius-md_17wn5_109",
   radiusMd,
-  "radius-lg": "_radius-lg_1x5gx_93",
+  "radius-lg": "_radius-lg_17wn5_113",
   radiusLg,
-  "radius-full": "_radius-full_1x5gx_97",
+  "radius-full": "_radius-full_17wn5_117",
   radiusFull,
   textContainer,
-  "gap-sm": "_gap-sm_1x5gx_107",
+  "gap-sm": "_gap-sm_17wn5_127",
   gapSm,
-  "gap-md": "_gap-md_1x5gx_111",
+  "gap-md": "_gap-md_17wn5_131",
   gapMd,
   textLine
 };
@@ -77,6 +86,9 @@ exports.gapMd = gapMd;
 exports.gapSm = gapSm;
 exports.heading = heading;
 exports.input = input;
+exports.inputLg = inputLg;
+exports.inputMd = inputMd;
+exports.inputSm = inputSm;
 exports.radiusFull = radiusFull;
 exports.radiusLg = radiusLg;
 exports.radiusMd = radiusMd;

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

@@ -1,63 +1,72 @@
-const skeleton = "_skeleton_1x5gx_9";
-const skeletonPulse = "_skeleton-pulse_1x5gx_1";
-const fill = "_fill_1x5gx_20";
-const text = "_text_1x5gx_25";
-const heading = "_heading_1x5gx_31";
-const avatar = "_avatar_1x5gx_37";
-const avatarSm = "_avatar-sm_1x5gx_41";
-const avatarMd = "_avatar-md_1x5gx_46";
-const avatarLg = "_avatar-lg_1x5gx_51";
-const button = "_button_1x5gx_56";
-const buttonSm = "_button-sm_1x5gx_60";
-const buttonMd = "_button-md_1x5gx_65";
-const buttonLg = "_button-lg_1x5gx_70";
-const input = "_input_1x5gx_75";
-const radiusNone = "_radius-none_1x5gx_81";
-const radiusSm = "_radius-sm_1x5gx_85";
-const radiusMd = "_radius-md_1x5gx_89";
-const radiusLg = "_radius-lg_1x5gx_93";
-const radiusFull = "_radius-full_1x5gx_97";
-const textContainer = "_textContainer_1x5gx_101";
-const gapSm = "_gap-sm_1x5gx_107";
-const gapMd = "_gap-md_1x5gx_111";
-const textLine = "_textLine_1x5gx_115";
+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 styles = {
   skeleton,
-  "skeleton-pulse": "_skeleton-pulse_1x5gx_1",
+  "skeleton-pulse": "_skeleton-pulse_17wn5_1",
   skeletonPulse,
-  "static": "_static_1x5gx_16",
+  "static": "_static_17wn5_16",
   fill,
   text,
   heading,
   avatar,
-  "avatar-sm": "_avatar-sm_1x5gx_41",
+  "avatar-sm": "_avatar-sm_17wn5_41",
   avatarSm,
-  "avatar-md": "_avatar-md_1x5gx_46",
+  "avatar-md": "_avatar-md_17wn5_46",
   avatarMd,
-  "avatar-lg": "_avatar-lg_1x5gx_51",
+  "avatar-lg": "_avatar-lg_17wn5_51",
   avatarLg,
   button,
-  "button-sm": "_button-sm_1x5gx_60",
+  "button-sm": "_button-sm_17wn5_60",
   buttonSm,
-  "button-md": "_button-md_1x5gx_65",
+  "button-md": "_button-md_17wn5_64",
   buttonMd,
-  "button-lg": "_button-lg_1x5gx_70",
+  "button-lg": "_button-lg_17wn5_68",
   buttonLg,
   input,
-  "radius-none": "_radius-none_1x5gx_81",
+  "input-sm": "_input-sm_17wn5_89",
+  inputSm,
+  "input-md": "_input-md_17wn5_93",
+  inputMd,
+  "input-lg": "_input-lg_17wn5_97",
+  inputLg,
+  "radius-none": "_radius-none_17wn5_101",
   radiusNone,
-  "radius-sm": "_radius-sm_1x5gx_85",
+  "radius-sm": "_radius-sm_17wn5_105",
   radiusSm,
-  "radius-md": "_radius-md_1x5gx_89",
+  "radius-md": "_radius-md_17wn5_109",
   radiusMd,
-  "radius-lg": "_radius-lg_1x5gx_93",
+  "radius-lg": "_radius-lg_17wn5_113",
   radiusLg,
-  "radius-full": "_radius-full_1x5gx_97",
+  "radius-full": "_radius-full_17wn5_117",
   radiusFull,
   textContainer,
-  "gap-sm": "_gap-sm_1x5gx_107",
+  "gap-sm": "_gap-sm_17wn5_127",
   gapSm,
-  "gap-md": "_gap-md_1x5gx_111",
+  "gap-md": "_gap-md_17wn5_131",
   gapMd,
   textLine
 };
@@ -76,6 +85,9 @@ export {
   gapSm,
   heading,
   input,
+  inputLg,
+  inputMd,
+  inputSm,
   radiusFull,
   radiusLg,
   radiusMd,

package/dist/components/Skeleton/index.cjs

@@ -20,47 +20,46 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const SkeletonBase = React__namespace.forwardRef(
-  function SkeletonBase2({
-    variant = "rect",
-    size = "md",
-    width,
-    height,
-    fill = false,
-    radius,
-    static: isStatic = false,
-    className,
-    ...htmlProps
-  }, 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}`],
-      fill && Skeleton_module.default.fill,
-      radius && Skeleton_module.default[`radius-${radius}`],
-      isStatic && Skeleton_module.default.static,
-      className
-    ].filter(Boolean).join(" ");
-    const style = {};
-    if (width !== void 0) {
-      style.width = typeof width === "number" ? `${width}px` : width;
-    }
-    if (height !== void 0) {
-      style.height = typeof height === "number" ? `${height}px` : height;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        ...htmlProps,
-        className: classes,
-        style: Object.keys(style).length > 0 ? style : void 0,
-        "aria-hidden": "true"
-      }
-    );
+const SkeletonBase = React__namespace.forwardRef(function SkeletonBase2({
+  variant = "rect",
+  size = "md",
+  width,
+  height,
+  fill = false,
+  radius,
+  static: isStatic = false,
+  className,
+  ...htmlProps
+}, 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}`],
+    fill && Skeleton_module.default.fill,
+    radius && Skeleton_module.default[`radius-${radius}`],
+    isStatic && Skeleton_module.default.static,
+    className
+  ].filter(Boolean).join(" ");
+  const style = {};
+  if (width !== void 0) {
+    style.width = typeof width === "number" ? `${width}px` : width;
+  }
+  if (height !== void 0) {
+    style.height = typeof height === "number" ? `${height}px` : height;
   }
-);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      ...htmlProps,
+      className: classes,
+      style: Object.keys(style).length > 0 ? style : void 0,
+      "aria-hidden": "true"
+    }
+  );
+});
 function SkeletonText({
   lines = 3,
   lastLineWidth = 80,
@@ -68,11 +67,7 @@ function SkeletonText({
   className,
   ...htmlProps
 }) {
-  const containerClasses = [
-    Skeleton_module.default.textContainer,
-    Skeleton_module.default[`gap-${gap}`],
-    className
-  ].filter(Boolean).join(" ");
+  const containerClasses = [Skeleton_module.default.textContainer, Skeleton_module.default[`gap-${gap}`], className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: containerClasses, "aria-hidden": "true", children: Array.from({ length: lines }, (_, lineIdx) => {
     const isLast = lineIdx === lines - 1;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -90,16 +85,7 @@ 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, { variant: "rect", width: size, height: size, radius: "full", className });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { variant: "avatar", size, className });
 }

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-export type SkeletonVariant = 'text' | 'heading' | 'avatar' | 'button' | 'input' | 'rect';
-export type SkeletonSize = 'sm' | 'md' | 'lg';
+import * as React from "react";
+export type SkeletonVariant = "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.
@@ -8,7 +8,7 @@ export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     variant?: SkeletonVariant;
     /**
-     * Size variant for avatar/button. Ignored for text/heading/input.
+     * Size variant for avatar, button, and input placeholders.
      * @default 'md'
      */
     size?: SkeletonSize;
@@ -28,14 +28,14 @@ export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Border radius override. Auto-determined for most variants.
      */
-    radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    radius?: "none" | "sm" | "md" | "lg" | "full";
     /**
      * Disable animation for reduced motion preference.
      * @default false
      */
     static?: boolean;
 }
-export interface SkeletonTextProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+export interface SkeletonTextProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
     /** Number of text lines to render */
     lines?: number;
     /**
@@ -45,7 +45,7 @@ export interface SkeletonTextProps extends Omit<React.HTMLAttributes<HTMLDivElem
      */
     lastLineWidth?: number;
     /** Gap between lines. Uses spacing tokens. */
-    gap?: 'sm' | 'md';
+    gap?: "sm" | "md";
 }
 declare function SkeletonText({ lines, lastLineWidth, gap, className, ...htmlProps }: SkeletonTextProps): import("react/jsx-runtime").JSX.Element;
 declare function SkeletonCircle({ size, className, }: {

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;AAyDD,iBAAS,YAAY,CAAC,EACpB,KAAS,EACT,aAAkB,EAClB,GAAU,EACV,SAAS,EACT,GAAG,SAAS,EACb,EAAE,iBAAiB,2CAqBnB;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,2CAaA;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,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"}

package/dist/components/Skeleton/index.js

@@ -1,47 +1,46 @@
 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",
-    size = "md",
-    width,
-    height,
-    fill = false,
-    radius,
-    static: isStatic = false,
-    className,
-    ...htmlProps
-  }, ref) {
-    const classes = [
-      styles.skeleton,
-      styles[variant],
-      variant === "avatar" && styles[`avatar-${size}`],
-      variant === "button" && styles[`button-${size}`],
-      fill && styles.fill,
-      radius && styles[`radius-${radius}`],
-      isStatic && styles.static,
-      className
-    ].filter(Boolean).join(" ");
-    const style = {};
-    if (width !== void 0) {
-      style.width = typeof width === "number" ? `${width}px` : width;
-    }
-    if (height !== void 0) {
-      style.height = typeof height === "number" ? `${height}px` : height;
-    }
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        ...htmlProps,
-        className: classes,
-        style: Object.keys(style).length > 0 ? style : void 0,
-        "aria-hidden": "true"
-      }
-    );
+const SkeletonBase = React.forwardRef(function SkeletonBase2({
+  variant = "rect",
+  size = "md",
+  width,
+  height,
+  fill = false,
+  radius,
+  static: isStatic = false,
+  className,
+  ...htmlProps
+}, ref) {
+  const classes = [
+    styles.skeleton,
+    styles[variant],
+    variant === "avatar" && styles[`avatar-${size}`],
+    variant === "button" && styles[`button-${size}`],
+    variant === "input" && styles[`input-${size}`],
+    fill && styles.fill,
+    radius && styles[`radius-${radius}`],
+    isStatic && styles.static,
+    className
+  ].filter(Boolean).join(" ");
+  const style = {};
+  if (width !== void 0) {
+    style.width = typeof width === "number" ? `${width}px` : width;
+  }
+  if (height !== void 0) {
+    style.height = typeof height === "number" ? `${height}px` : height;
   }
-);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      ...htmlProps,
+      className: classes,
+      style: Object.keys(style).length > 0 ? style : void 0,
+      "aria-hidden": "true"
+    }
+  );
+});
 function SkeletonText({
   lines = 3,
   lastLineWidth = 80,
@@ -49,11 +48,7 @@ function SkeletonText({
   className,
   ...htmlProps
 }) {
-  const containerClasses = [
-    styles.textContainer,
-    styles[`gap-${gap}`],
-    className
-  ].filter(Boolean).join(" ");
+  const containerClasses = [styles.textContainer, styles[`gap-${gap}`], className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx("div", { ...htmlProps, className: containerClasses, "aria-hidden": "true", children: Array.from({ length: lines }, (_, lineIdx) => {
     const isLast = lineIdx === lines - 1;
     return /* @__PURE__ */ jsx(
@@ -71,16 +66,7 @@ function SkeletonCircle({
   className
 }) {
   if (typeof size === "number") {
-    return /* @__PURE__ */ jsx(
-      SkeletonBase,
-      {
-        variant: "rect",
-        width: size,
-        height: size,
-        radius: "full",
-        className
-      }
-    );
+    return /* @__PURE__ */ jsx(SkeletonBase, { variant: "rect", width: size, height: size, radius: "full", className });
   }
   return /* @__PURE__ */ jsx(SkeletonBase, { variant: "avatar", size, className });
 }

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_1wpsc_1";
-const header = "_header_1wpsc_6";
-const label = "_label_1wpsc_13";
-const value = "_value_1wpsc_20";
-const root = "_root_1wpsc_28";
-const control = "_control_1wpsc_32";
-const track = "_track_1wpsc_38";
-const indicator = "_indicator_1wpsc_52";
-const thumb = "_thumb_1wpsc_59";
-const helper = "_helper_1wpsc_88";
-const helperError = "_helperError_1wpsc_95";
-const dragValueBubble = "_dragValueBubble_1wpsc_99";
+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 styles = {
   wrapper,
   header,

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

@@ -1,15 +1,15 @@
-const wrapper = "_wrapper_1wpsc_1";
-const header = "_header_1wpsc_6";
-const label = "_label_1wpsc_13";
-const value = "_value_1wpsc_20";
-const root = "_root_1wpsc_28";
-const control = "_control_1wpsc_32";
-const track = "_track_1wpsc_38";
-const indicator = "_indicator_1wpsc_52";
-const thumb = "_thumb_1wpsc_59";
-const helper = "_helper_1wpsc_88";
-const helperError = "_helperError_1wpsc_95";
-const dragValueBubble = "_dragValueBubble_1wpsc_99";
+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 styles = {
   wrapper,
   header,