@usefragments/ui 1.5.4 → 1.7.0

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

@@ -1,234 +1,234 @@
-const box = "_box_kzrin_1";
-const pNone = "_p-none_kzrin_5";
-const pXs = "_p-xs_kzrin_9";
-const pSm = "_p-sm_kzrin_13";
-const pMd = "_p-md_kzrin_17";
-const pLg = "_p-lg_kzrin_21";
-const pXl = "_p-xl_kzrin_25";
-const pxNone = "_px-none_kzrin_29";
-const pxXs = "_px-xs_kzrin_34";
-const pxSm = "_px-sm_kzrin_39";
-const pxMd = "_px-md_kzrin_44";
-const pxLg = "_px-lg_kzrin_49";
-const pxXl = "_px-xl_kzrin_54";
-const pyNone = "_py-none_kzrin_59";
-const pyXs = "_py-xs_kzrin_64";
-const pySm = "_py-sm_kzrin_69";
-const pyMd = "_py-md_kzrin_74";
-const pyLg = "_py-lg_kzrin_79";
-const pyXl = "_py-xl_kzrin_84";
-const mNone = "_m-none_kzrin_89";
-const mXs = "_m-xs_kzrin_93";
-const mSm = "_m-sm_kzrin_97";
-const mMd = "_m-md_kzrin_101";
-const mLg = "_m-lg_kzrin_105";
-const mXl = "_m-xl_kzrin_109";
-const mAuto = "_m-auto_kzrin_113";
-const mxNone = "_mx-none_kzrin_117";
-const mxXs = "_mx-xs_kzrin_122";
-const mxSm = "_mx-sm_kzrin_127";
-const mxMd = "_mx-md_kzrin_132";
-const mxLg = "_mx-lg_kzrin_137";
-const mxXl = "_mx-xl_kzrin_142";
-const mxAuto = "_mx-auto_kzrin_147";
-const myNone = "_my-none_kzrin_152";
-const myXs = "_my-xs_kzrin_157";
-const mySm = "_my-sm_kzrin_162";
-const myMd = "_my-md_kzrin_167";
-const myLg = "_my-lg_kzrin_172";
-const myXl = "_my-xl_kzrin_177";
-const myAuto = "_my-auto_kzrin_182";
-const bgNone = "_bg-none_kzrin_187";
-const bgPrimary = "_bg-primary_kzrin_191";
-const bgSecondary = "_bg-secondary_kzrin_195";
-const bgTertiary = "_bg-tertiary_kzrin_199";
-const bgElevated = "_bg-elevated_kzrin_203";
-const roundedNone = "_rounded-none_kzrin_207";
-const roundedSm = "_rounded-sm_kzrin_211";
-const roundedMd = "_rounded-md_kzrin_215";
-const roundedLg = "_rounded-lg_kzrin_219";
-const roundedFull = "_rounded-full_kzrin_223";
-const border = "_border_kzrin_227";
-const borderTop = "_borderTop_kzrin_231";
-const borderBottom = "_borderBottom_kzrin_235";
-const borderLeft = "_borderLeft_kzrin_239";
-const borderRight = "_borderRight_kzrin_243";
-const borderColorDefault = "_borderColor-default_kzrin_247";
-const borderColorStrong = "_borderColor-strong_kzrin_251";
-const borderColorAccent = "_borderColor-accent_kzrin_255";
-const borderColorDanger = "_borderColor-danger_kzrin_259";
-const shadowSm = "_shadow-sm_kzrin_263";
-const shadowMd = "_shadow-md_kzrin_267";
-const shadowLg = "_shadow-lg_kzrin_271";
-const shadowNone = "_shadow-none_kzrin_275";
-const overflowHidden = "_overflow-hidden_kzrin_279";
-const overflowAuto = "_overflow-auto_kzrin_283";
-const overflowScroll = "_overflow-scroll_kzrin_287";
-const overflowVisible = "_overflow-visible_kzrin_291";
-const colorPrimary = "_color-primary_kzrin_295";
-const colorSecondary = "_color-secondary_kzrin_299";
-const colorTertiary = "_color-tertiary_kzrin_303";
-const colorAccent = "_color-accent_kzrin_307";
-const colorInverse = "_color-inverse_kzrin_311";
-const displayBlock = "_display-block_kzrin_315";
-const displayInline = "_display-inline_kzrin_319";
-const displayInlineBlock = "_display-inline-block_kzrin_323";
-const displayFlex = "_display-flex_kzrin_327";
-const displayInlineFlex = "_display-inline-flex_kzrin_331";
-const displayGrid = "_display-grid_kzrin_335";
-const displayNone = "_display-none_kzrin_339";
+const box = "_box_aizhn_1";
+const pNone = "_p-none_aizhn_5";
+const pXs = "_p-xs_aizhn_9";
+const pSm = "_p-sm_aizhn_13";
+const pMd = "_p-md_aizhn_17";
+const pLg = "_p-lg_aizhn_21";
+const pXl = "_p-xl_aizhn_25";
+const pxNone = "_px-none_aizhn_29";
+const pxXs = "_px-xs_aizhn_34";
+const pxSm = "_px-sm_aizhn_39";
+const pxMd = "_px-md_aizhn_44";
+const pxLg = "_px-lg_aizhn_49";
+const pxXl = "_px-xl_aizhn_54";
+const pyNone = "_py-none_aizhn_59";
+const pyXs = "_py-xs_aizhn_64";
+const pySm = "_py-sm_aizhn_69";
+const pyMd = "_py-md_aizhn_74";
+const pyLg = "_py-lg_aizhn_79";
+const pyXl = "_py-xl_aizhn_84";
+const mNone = "_m-none_aizhn_89";
+const mXs = "_m-xs_aizhn_93";
+const mSm = "_m-sm_aizhn_97";
+const mMd = "_m-md_aizhn_101";
+const mLg = "_m-lg_aizhn_105";
+const mXl = "_m-xl_aizhn_109";
+const mAuto = "_m-auto_aizhn_113";
+const mxNone = "_mx-none_aizhn_117";
+const mxXs = "_mx-xs_aizhn_122";
+const mxSm = "_mx-sm_aizhn_127";
+const mxMd = "_mx-md_aizhn_132";
+const mxLg = "_mx-lg_aizhn_137";
+const mxXl = "_mx-xl_aizhn_142";
+const mxAuto = "_mx-auto_aizhn_147";
+const myNone = "_my-none_aizhn_152";
+const myXs = "_my-xs_aizhn_157";
+const mySm = "_my-sm_aizhn_162";
+const myMd = "_my-md_aizhn_167";
+const myLg = "_my-lg_aizhn_172";
+const myXl = "_my-xl_aizhn_177";
+const myAuto = "_my-auto_aizhn_182";
+const bgNone = "_bg-none_aizhn_187";
+const bgPrimary = "_bg-primary_aizhn_191";
+const bgSecondary = "_bg-secondary_aizhn_195";
+const bgTertiary = "_bg-tertiary_aizhn_199";
+const bgElevated = "_bg-elevated_aizhn_203";
+const roundedNone = "_rounded-none_aizhn_207";
+const roundedSm = "_rounded-sm_aizhn_211";
+const roundedMd = "_rounded-md_aizhn_215";
+const roundedLg = "_rounded-lg_aizhn_219";
+const roundedFull = "_rounded-full_aizhn_223";
+const border = "_border_aizhn_227";
+const borderTop = "_borderTop_aizhn_231";
+const borderBottom = "_borderBottom_aizhn_235";
+const borderLeft = "_borderLeft_aizhn_239";
+const borderRight = "_borderRight_aizhn_243";
+const borderColorDefault = "_borderColor-default_aizhn_247";
+const borderColorStrong = "_borderColor-strong_aizhn_251";
+const borderColorAccent = "_borderColor-accent_aizhn_255";
+const borderColorDanger = "_borderColor-danger_aizhn_259";
+const shadowSm = "_shadow-sm_aizhn_263";
+const shadowMd = "_shadow-md_aizhn_267";
+const shadowLg = "_shadow-lg_aizhn_271";
+const shadowNone = "_shadow-none_aizhn_275";
+const overflowHidden = "_overflow-hidden_aizhn_279";
+const overflowAuto = "_overflow-auto_aizhn_283";
+const overflowScroll = "_overflow-scroll_aizhn_287";
+const overflowVisible = "_overflow-visible_aizhn_291";
+const colorPrimary = "_color-primary_aizhn_295";
+const colorSecondary = "_color-secondary_aizhn_299";
+const colorTertiary = "_color-tertiary_aizhn_303";
+const colorAccent = "_color-accent_aizhn_307";
+const colorInverse = "_color-inverse_aizhn_311";
+const displayBlock = "_display-block_aizhn_315";
+const displayInline = "_display-inline_aizhn_319";
+const displayInlineBlock = "_display-inline-block_aizhn_323";
+const displayFlex = "_display-flex_aizhn_327";
+const displayInlineFlex = "_display-inline-flex_aizhn_331";
+const displayGrid = "_display-grid_aizhn_335";
+const displayNone = "_display-none_aizhn_339";
 const styles = {
   box,
-  "p-none": "_p-none_kzrin_5",
+  "p-none": "_p-none_aizhn_5",
   pNone,
-  "p-xs": "_p-xs_kzrin_9",
+  "p-xs": "_p-xs_aizhn_9",
   pXs,
-  "p-sm": "_p-sm_kzrin_13",
+  "p-sm": "_p-sm_aizhn_13",
   pSm,
-  "p-md": "_p-md_kzrin_17",
+  "p-md": "_p-md_aizhn_17",
   pMd,
-  "p-lg": "_p-lg_kzrin_21",
+  "p-lg": "_p-lg_aizhn_21",
   pLg,
-  "p-xl": "_p-xl_kzrin_25",
+  "p-xl": "_p-xl_aizhn_25",
   pXl,
-  "px-none": "_px-none_kzrin_29",
+  "px-none": "_px-none_aizhn_29",
   pxNone,
-  "px-xs": "_px-xs_kzrin_34",
+  "px-xs": "_px-xs_aizhn_34",
   pxXs,
-  "px-sm": "_px-sm_kzrin_39",
+  "px-sm": "_px-sm_aizhn_39",
   pxSm,
-  "px-md": "_px-md_kzrin_44",
+  "px-md": "_px-md_aizhn_44",
   pxMd,
-  "px-lg": "_px-lg_kzrin_49",
+  "px-lg": "_px-lg_aizhn_49",
   pxLg,
-  "px-xl": "_px-xl_kzrin_54",
+  "px-xl": "_px-xl_aizhn_54",
   pxXl,
-  "py-none": "_py-none_kzrin_59",
+  "py-none": "_py-none_aizhn_59",
   pyNone,
-  "py-xs": "_py-xs_kzrin_64",
+  "py-xs": "_py-xs_aizhn_64",
   pyXs,
-  "py-sm": "_py-sm_kzrin_69",
+  "py-sm": "_py-sm_aizhn_69",
   pySm,
-  "py-md": "_py-md_kzrin_74",
+  "py-md": "_py-md_aizhn_74",
   pyMd,
-  "py-lg": "_py-lg_kzrin_79",
+  "py-lg": "_py-lg_aizhn_79",
   pyLg,
-  "py-xl": "_py-xl_kzrin_84",
+  "py-xl": "_py-xl_aizhn_84",
   pyXl,
-  "m-none": "_m-none_kzrin_89",
+  "m-none": "_m-none_aizhn_89",
   mNone,
-  "m-xs": "_m-xs_kzrin_93",
+  "m-xs": "_m-xs_aizhn_93",
   mXs,
-  "m-sm": "_m-sm_kzrin_97",
+  "m-sm": "_m-sm_aizhn_97",
   mSm,
-  "m-md": "_m-md_kzrin_101",
+  "m-md": "_m-md_aizhn_101",
   mMd,
-  "m-lg": "_m-lg_kzrin_105",
+  "m-lg": "_m-lg_aizhn_105",
   mLg,
-  "m-xl": "_m-xl_kzrin_109",
+  "m-xl": "_m-xl_aizhn_109",
   mXl,
-  "m-auto": "_m-auto_kzrin_113",
+  "m-auto": "_m-auto_aizhn_113",
   mAuto,
-  "mx-none": "_mx-none_kzrin_117",
+  "mx-none": "_mx-none_aizhn_117",
   mxNone,
-  "mx-xs": "_mx-xs_kzrin_122",
+  "mx-xs": "_mx-xs_aizhn_122",
   mxXs,
-  "mx-sm": "_mx-sm_kzrin_127",
+  "mx-sm": "_mx-sm_aizhn_127",
   mxSm,
-  "mx-md": "_mx-md_kzrin_132",
+  "mx-md": "_mx-md_aizhn_132",
   mxMd,
-  "mx-lg": "_mx-lg_kzrin_137",
+  "mx-lg": "_mx-lg_aizhn_137",
   mxLg,
-  "mx-xl": "_mx-xl_kzrin_142",
+  "mx-xl": "_mx-xl_aizhn_142",
   mxXl,
-  "mx-auto": "_mx-auto_kzrin_147",
+  "mx-auto": "_mx-auto_aizhn_147",
   mxAuto,
-  "my-none": "_my-none_kzrin_152",
+  "my-none": "_my-none_aizhn_152",
   myNone,
-  "my-xs": "_my-xs_kzrin_157",
+  "my-xs": "_my-xs_aizhn_157",
   myXs,
-  "my-sm": "_my-sm_kzrin_162",
+  "my-sm": "_my-sm_aizhn_162",
   mySm,
-  "my-md": "_my-md_kzrin_167",
+  "my-md": "_my-md_aizhn_167",
   myMd,
-  "my-lg": "_my-lg_kzrin_172",
+  "my-lg": "_my-lg_aizhn_172",
   myLg,
-  "my-xl": "_my-xl_kzrin_177",
+  "my-xl": "_my-xl_aizhn_177",
   myXl,
-  "my-auto": "_my-auto_kzrin_182",
+  "my-auto": "_my-auto_aizhn_182",
   myAuto,
-  "bg-none": "_bg-none_kzrin_187",
+  "bg-none": "_bg-none_aizhn_187",
   bgNone,
-  "bg-primary": "_bg-primary_kzrin_191",
+  "bg-primary": "_bg-primary_aizhn_191",
   bgPrimary,
-  "bg-secondary": "_bg-secondary_kzrin_195",
+  "bg-secondary": "_bg-secondary_aizhn_195",
   bgSecondary,
-  "bg-tertiary": "_bg-tertiary_kzrin_199",
+  "bg-tertiary": "_bg-tertiary_aizhn_199",
   bgTertiary,
-  "bg-elevated": "_bg-elevated_kzrin_203",
+  "bg-elevated": "_bg-elevated_aizhn_203",
   bgElevated,
-  "rounded-none": "_rounded-none_kzrin_207",
+  "rounded-none": "_rounded-none_aizhn_207",
   roundedNone,
-  "rounded-sm": "_rounded-sm_kzrin_211",
+  "rounded-sm": "_rounded-sm_aizhn_211",
   roundedSm,
-  "rounded-md": "_rounded-md_kzrin_215",
+  "rounded-md": "_rounded-md_aizhn_215",
   roundedMd,
-  "rounded-lg": "_rounded-lg_kzrin_219",
+  "rounded-lg": "_rounded-lg_aizhn_219",
   roundedLg,
-  "rounded-full": "_rounded-full_kzrin_223",
+  "rounded-full": "_rounded-full_aizhn_223",
   roundedFull,
   border,
   borderTop,
   borderBottom,
   borderLeft,
   borderRight,
-  "borderColor-default": "_borderColor-default_kzrin_247",
+  "borderColor-default": "_borderColor-default_aizhn_247",
   borderColorDefault,
-  "borderColor-strong": "_borderColor-strong_kzrin_251",
+  "borderColor-strong": "_borderColor-strong_aizhn_251",
   borderColorStrong,
-  "borderColor-accent": "_borderColor-accent_kzrin_255",
+  "borderColor-accent": "_borderColor-accent_aizhn_255",
   borderColorAccent,
-  "borderColor-danger": "_borderColor-danger_kzrin_259",
+  "borderColor-danger": "_borderColor-danger_aizhn_259",
   borderColorDanger,
-  "shadow-sm": "_shadow-sm_kzrin_263",
+  "shadow-sm": "_shadow-sm_aizhn_263",
   shadowSm,
-  "shadow-md": "_shadow-md_kzrin_267",
+  "shadow-md": "_shadow-md_aizhn_267",
   shadowMd,
-  "shadow-lg": "_shadow-lg_kzrin_271",
+  "shadow-lg": "_shadow-lg_aizhn_271",
   shadowLg,
-  "shadow-none": "_shadow-none_kzrin_275",
+  "shadow-none": "_shadow-none_aizhn_275",
   shadowNone,
-  "overflow-hidden": "_overflow-hidden_kzrin_279",
+  "overflow-hidden": "_overflow-hidden_aizhn_279",
   overflowHidden,
-  "overflow-auto": "_overflow-auto_kzrin_283",
+  "overflow-auto": "_overflow-auto_aizhn_283",
   overflowAuto,
-  "overflow-scroll": "_overflow-scroll_kzrin_287",
+  "overflow-scroll": "_overflow-scroll_aizhn_287",
   overflowScroll,
-  "overflow-visible": "_overflow-visible_kzrin_291",
+  "overflow-visible": "_overflow-visible_aizhn_291",
   overflowVisible,
-  "color-primary": "_color-primary_kzrin_295",
+  "color-primary": "_color-primary_aizhn_295",
   colorPrimary,
-  "color-secondary": "_color-secondary_kzrin_299",
+  "color-secondary": "_color-secondary_aizhn_299",
   colorSecondary,
-  "color-tertiary": "_color-tertiary_kzrin_303",
+  "color-tertiary": "_color-tertiary_aizhn_303",
   colorTertiary,
-  "color-accent": "_color-accent_kzrin_307",
+  "color-accent": "_color-accent_aizhn_307",
   colorAccent,
-  "color-inverse": "_color-inverse_kzrin_311",
+  "color-inverse": "_color-inverse_aizhn_311",
   colorInverse,
-  "display-block": "_display-block_kzrin_315",
+  "display-block": "_display-block_aizhn_315",
   displayBlock,
-  "display-inline": "_display-inline_kzrin_319",
+  "display-inline": "_display-inline_aizhn_319",
   displayInline,
-  "display-inline-block": "_display-inline-block_kzrin_323",
+  "display-inline-block": "_display-inline-block_aizhn_323",
   displayInlineBlock,
-  "display-flex": "_display-flex_kzrin_327",
+  "display-flex": "_display-flex_aizhn_327",
   displayFlex,
-  "display-inline-flex": "_display-inline-flex_kzrin_331",
+  "display-inline-flex": "_display-inline-flex_aizhn_331",
   displayInlineFlex,
-  "display-grid": "_display-grid_kzrin_335",
+  "display-grid": "_display-grid_aizhn_335",
   displayGrid,
-  "display-none": "_display-none_kzrin_339",
+  "display-none": "_display-none_aizhn_339",
   displayNone
 };
 export {

package/dist/components/Box/index.cjs

@@ -23,81 +23,70 @@ const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 function toCss(value) {
   return typeof value === "number" ? `${value}px` : value;
 }
-const BoxRoot = React__namespace.forwardRef(
-  function Box2({
-    children,
-    as: Component = "div",
-    padding,
-    paddingX,
-    paddingY,
-    margin,
-    marginX,
-    marginY,
-    background,
-    rounded,
-    border,
-    borderTop,
-    borderBottom,
-    borderLeft,
-    borderRight,
-    borderColor,
-    shadow,
-    overflow,
-    color,
-    display,
-    width,
-    minWidth,
-    maxWidth,
-    height,
-    minHeight,
-    maxHeight,
-    className,
-    style,
-    ...htmlProps
-  }, ref) {
-    const classes = [
-      Box_module.default.box,
-      padding && Box_module.default[`p-${padding}`],
-      paddingX && Box_module.default[`px-${paddingX}`],
-      paddingY && Box_module.default[`py-${paddingY}`],
-      margin && Box_module.default[`m-${margin}`],
-      marginX && Box_module.default[`mx-${marginX}`],
-      marginY && Box_module.default[`my-${marginY}`],
-      background && Box_module.default[`bg-${background}`],
-      rounded && Box_module.default[`rounded-${rounded}`],
-      border && Box_module.default.border,
-      borderTop && Box_module.default.borderTop,
-      borderBottom && Box_module.default.borderBottom,
-      borderLeft && Box_module.default.borderLeft,
-      borderRight && Box_module.default.borderRight,
-      borderColor && Box_module.default[`borderColor-${borderColor}`],
-      shadow && Box_module.default[`shadow-${shadow}`],
-      overflow && Box_module.default[`overflow-${overflow}`],
-      color && Box_module.default[`color-${color}`],
-      display && Box_module.default[`display-${display}`],
-      className
-    ].filter(Boolean).join(" ");
-    const sizingStyle = {};
-    if (width != null) sizingStyle.width = toCss(width);
-    if (minWidth != null) sizingStyle.minWidth = toCss(minWidth);
-    if (maxWidth != null) sizingStyle.maxWidth = toCss(maxWidth);
-    if (height != null) sizingStyle.height = toCss(height);
-    if (minHeight != null) sizingStyle.minHeight = toCss(minHeight);
-    if (maxHeight != null) sizingStyle.maxHeight = toCss(maxHeight);
-    const hasSizing = Object.keys(sizingStyle).length > 0;
-    const mergedStyle = hasSizing ? { ...sizingStyle, ...style } : style;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        ref,
-        ...htmlProps,
-        className: classes,
-        style: mergedStyle,
-        children
-      }
-    );
-  }
-);
+const BoxRoot = React__namespace.forwardRef(function Box2({
+  children,
+  as: Component = "div",
+  padding,
+  paddingX,
+  paddingY,
+  margin,
+  marginX,
+  marginY,
+  background,
+  rounded,
+  border,
+  borderTop,
+  borderBottom,
+  borderLeft,
+  borderRight,
+  borderColor,
+  shadow,
+  overflow,
+  color,
+  display,
+  width,
+  minWidth,
+  maxWidth,
+  height,
+  minHeight,
+  maxHeight,
+  className,
+  style,
+  ...htmlProps
+}, ref) {
+  const classes = [
+    Box_module.default.box,
+    padding && Box_module.default[`p-${padding}`],
+    paddingX && Box_module.default[`px-${paddingX}`],
+    paddingY && Box_module.default[`py-${paddingY}`],
+    margin && Box_module.default[`m-${margin}`],
+    marginX && Box_module.default[`mx-${marginX}`],
+    marginY && Box_module.default[`my-${marginY}`],
+    background && Box_module.default[`bg-${background}`],
+    rounded && Box_module.default[`rounded-${rounded}`],
+    border && Box_module.default.border,
+    borderTop && Box_module.default.borderTop,
+    borderBottom && Box_module.default.borderBottom,
+    borderLeft && Box_module.default.borderLeft,
+    borderRight && Box_module.default.borderRight,
+    borderColor && Box_module.default[`borderColor-${borderColor}`],
+    shadow && Box_module.default[`shadow-${shadow}`],
+    overflow && Box_module.default[`overflow-${overflow}`],
+    color && Box_module.default[`color-${color}`],
+    display && Box_module.default[`display-${display}`],
+    className
+  ].filter(Boolean).join(" ");
+  const sizingStyle = {};
+  if (width != null) sizingStyle.width = toCss(width);
+  if (minWidth != null) sizingStyle.minWidth = toCss(minWidth);
+  if (maxWidth != null) sizingStyle.maxWidth = toCss(maxWidth);
+  if (height != null) sizingStyle.height = toCss(height);
+  if (minHeight != null) sizingStyle.minHeight = toCss(minHeight);
+  if (maxHeight != null) sizingStyle.maxHeight = toCss(maxHeight);
+  const hasSizing = Object.keys(sizingStyle).length > 0;
+  const mergedStyle = hasSizing ? { ...sizingStyle, ...style } : style;
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, ...htmlProps, className: classes, style: mergedStyle, children });
+});
 const Box = Object.assign(BoxRoot, {
   Root: BoxRoot
 });

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

@@ -1,24 +1,24 @@
-import * as React from 'react';
-export interface BoxProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'> {
+import * as React from "react";
+export interface BoxProps extends Omit<React.HTMLAttributes<HTMLElement>, "color"> {
     children?: React.ReactNode;
     /** HTML element to render */
-    as?: 'div' | 'section' | 'article' | 'aside' | 'main' | 'header' | 'footer' | 'nav' | 'span';
+    as?: "div" | "section" | "article" | "aside" | "main" | "header" | "footer" | "nav" | "span";
     /** Padding on all sides */
-    padding?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    padding?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
     /** Horizontal padding (overrides padding) */
-    paddingX?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    paddingX?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
     /** Vertical padding (overrides padding) */
-    paddingY?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    paddingY?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
     /** Margin on all sides */
-    margin?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';
+    margin?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "auto";
     /** Horizontal margin (overrides margin) */
-    marginX?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';
+    marginX?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "auto";
     /** Vertical margin (overrides margin) */
-    marginY?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';
+    marginY?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "auto";
     /** Background color */
-    background?: 'none' | 'primary' | 'secondary' | 'tertiary' | 'elevated';
+    background?: "none" | "primary" | "secondary" | "tertiary" | "elevated";
     /** Border radius */
-    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    rounded?: "none" | "sm" | "md" | "lg" | "full";
     /** Border */
     border?: boolean;
     /** Top border */
@@ -30,15 +30,15 @@ export interface BoxProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color
     /** Right border */
     borderRight?: boolean;
     /** Border color variant */
-    borderColor?: 'default' | 'strong' | 'accent' | 'danger';
+    borderColor?: "default" | "strong" | "accent" | "danger";
     /** Box shadow */
-    shadow?: 'sm' | 'md' | 'lg' | 'none';
+    shadow?: "sm" | "md" | "lg" | "none";
     /** Overflow behavior */
-    overflow?: 'hidden' | 'auto' | 'scroll' | 'visible';
+    overflow?: "hidden" | "auto" | "scroll" | "visible";
     /** Text color */
-    color?: 'primary' | 'secondary' | 'tertiary' | 'accent' | 'inverse';
+    color?: "primary" | "secondary" | "tertiary" | "accent" | "inverse";
     /** Display type */
-    display?: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'none';
+    display?: "block" | "inline" | "inline-block" | "flex" | "inline-flex" | "grid" | "none";
     /** Width (CSS value, e.g. "100%", "300px", 200) */
     width?: string | number;
     /** Min width */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Box/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Box/index.tsx"],"names":[],"mappings":"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"}