@usefragments/ui 1.6.0 → 2.0.0

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

@@ -1,234 +1,234 @@
-const box = "_box_e45h8_1";
-const pNone = "_p-none_e45h8_5";
-const pXs = "_p-xs_e45h8_9";
-const pSm = "_p-sm_e45h8_13";
-const pMd = "_p-md_e45h8_17";
-const pLg = "_p-lg_e45h8_21";
-const pXl = "_p-xl_e45h8_25";
-const pxNone = "_px-none_e45h8_29";
-const pxXs = "_px-xs_e45h8_34";
-const pxSm = "_px-sm_e45h8_39";
-const pxMd = "_px-md_e45h8_44";
-const pxLg = "_px-lg_e45h8_49";
-const pxXl = "_px-xl_e45h8_54";
-const pyNone = "_py-none_e45h8_59";
-const pyXs = "_py-xs_e45h8_64";
-const pySm = "_py-sm_e45h8_69";
-const pyMd = "_py-md_e45h8_74";
-const pyLg = "_py-lg_e45h8_79";
-const pyXl = "_py-xl_e45h8_84";
-const mNone = "_m-none_e45h8_89";
-const mXs = "_m-xs_e45h8_93";
-const mSm = "_m-sm_e45h8_97";
-const mMd = "_m-md_e45h8_101";
-const mLg = "_m-lg_e45h8_105";
-const mXl = "_m-xl_e45h8_109";
-const mAuto = "_m-auto_e45h8_113";
-const mxNone = "_mx-none_e45h8_117";
-const mxXs = "_mx-xs_e45h8_122";
-const mxSm = "_mx-sm_e45h8_127";
-const mxMd = "_mx-md_e45h8_132";
-const mxLg = "_mx-lg_e45h8_137";
-const mxXl = "_mx-xl_e45h8_142";
-const mxAuto = "_mx-auto_e45h8_147";
-const myNone = "_my-none_e45h8_152";
-const myXs = "_my-xs_e45h8_157";
-const mySm = "_my-sm_e45h8_162";
-const myMd = "_my-md_e45h8_167";
-const myLg = "_my-lg_e45h8_172";
-const myXl = "_my-xl_e45h8_177";
-const myAuto = "_my-auto_e45h8_182";
-const bgNone = "_bg-none_e45h8_187";
-const bgPrimary = "_bg-primary_e45h8_191";
-const bgSecondary = "_bg-secondary_e45h8_195";
-const bgTertiary = "_bg-tertiary_e45h8_199";
-const bgElevated = "_bg-elevated_e45h8_203";
-const roundedNone = "_rounded-none_e45h8_207";
-const roundedSm = "_rounded-sm_e45h8_211";
-const roundedMd = "_rounded-md_e45h8_215";
-const roundedLg = "_rounded-lg_e45h8_219";
-const roundedFull = "_rounded-full_e45h8_223";
-const border = "_border_e45h8_227";
-const borderTop = "_borderTop_e45h8_231";
-const borderBottom = "_borderBottom_e45h8_235";
-const borderLeft = "_borderLeft_e45h8_239";
-const borderRight = "_borderRight_e45h8_243";
-const borderColorDefault = "_borderColor-default_e45h8_247";
-const borderColorStrong = "_borderColor-strong_e45h8_251";
-const borderColorAccent = "_borderColor-accent_e45h8_255";
-const borderColorDanger = "_borderColor-danger_e45h8_259";
-const shadowSm = "_shadow-sm_e45h8_263";
-const shadowMd = "_shadow-md_e45h8_267";
-const shadowLg = "_shadow-lg_e45h8_271";
-const shadowNone = "_shadow-none_e45h8_275";
-const overflowHidden = "_overflow-hidden_e45h8_279";
-const overflowAuto = "_overflow-auto_e45h8_283";
-const overflowScroll = "_overflow-scroll_e45h8_287";
-const overflowVisible = "_overflow-visible_e45h8_291";
-const colorPrimary = "_color-primary_e45h8_295";
-const colorSecondary = "_color-secondary_e45h8_299";
-const colorTertiary = "_color-tertiary_e45h8_303";
-const colorAccent = "_color-accent_e45h8_307";
-const colorInverse = "_color-inverse_e45h8_311";
-const displayBlock = "_display-block_e45h8_315";
-const displayInline = "_display-inline_e45h8_319";
-const displayInlineBlock = "_display-inline-block_e45h8_323";
-const displayFlex = "_display-flex_e45h8_327";
-const displayInlineFlex = "_display-inline-flex_e45h8_331";
-const displayGrid = "_display-grid_e45h8_335";
-const displayNone = "_display-none_e45h8_339";
+const box = "_box_8ijdx_1";
+const pNone = "_p-none_8ijdx_5";
+const pXs = "_p-xs_8ijdx_9";
+const pSm = "_p-sm_8ijdx_13";
+const pMd = "_p-md_8ijdx_17";
+const pLg = "_p-lg_8ijdx_21";
+const pXl = "_p-xl_8ijdx_25";
+const pxNone = "_px-none_8ijdx_29";
+const pxXs = "_px-xs_8ijdx_34";
+const pxSm = "_px-sm_8ijdx_39";
+const pxMd = "_px-md_8ijdx_44";
+const pxLg = "_px-lg_8ijdx_49";
+const pxXl = "_px-xl_8ijdx_54";
+const pyNone = "_py-none_8ijdx_59";
+const pyXs = "_py-xs_8ijdx_64";
+const pySm = "_py-sm_8ijdx_69";
+const pyMd = "_py-md_8ijdx_74";
+const pyLg = "_py-lg_8ijdx_79";
+const pyXl = "_py-xl_8ijdx_84";
+const mNone = "_m-none_8ijdx_89";
+const mXs = "_m-xs_8ijdx_93";
+const mSm = "_m-sm_8ijdx_97";
+const mMd = "_m-md_8ijdx_101";
+const mLg = "_m-lg_8ijdx_105";
+const mXl = "_m-xl_8ijdx_109";
+const mAuto = "_m-auto_8ijdx_113";
+const mxNone = "_mx-none_8ijdx_117";
+const mxXs = "_mx-xs_8ijdx_122";
+const mxSm = "_mx-sm_8ijdx_127";
+const mxMd = "_mx-md_8ijdx_132";
+const mxLg = "_mx-lg_8ijdx_137";
+const mxXl = "_mx-xl_8ijdx_142";
+const mxAuto = "_mx-auto_8ijdx_147";
+const myNone = "_my-none_8ijdx_152";
+const myXs = "_my-xs_8ijdx_157";
+const mySm = "_my-sm_8ijdx_162";
+const myMd = "_my-md_8ijdx_167";
+const myLg = "_my-lg_8ijdx_172";
+const myXl = "_my-xl_8ijdx_177";
+const myAuto = "_my-auto_8ijdx_182";
+const bgNone = "_bg-none_8ijdx_187";
+const bgPrimary = "_bg-primary_8ijdx_191";
+const bgSecondary = "_bg-secondary_8ijdx_195";
+const bgTertiary = "_bg-tertiary_8ijdx_199";
+const bgElevated = "_bg-elevated_8ijdx_203";
+const roundedNone = "_rounded-none_8ijdx_207";
+const roundedSm = "_rounded-sm_8ijdx_211";
+const roundedMd = "_rounded-md_8ijdx_215";
+const roundedLg = "_rounded-lg_8ijdx_219";
+const roundedFull = "_rounded-full_8ijdx_223";
+const border = "_border_8ijdx_227";
+const borderTop = "_borderTop_8ijdx_231";
+const borderBottom = "_borderBottom_8ijdx_235";
+const borderLeft = "_borderLeft_8ijdx_239";
+const borderRight = "_borderRight_8ijdx_243";
+const borderColorDefault = "_borderColor-default_8ijdx_247";
+const borderColorStrong = "_borderColor-strong_8ijdx_251";
+const borderColorAccent = "_borderColor-accent_8ijdx_255";
+const borderColorDanger = "_borderColor-danger_8ijdx_259";
+const shadowSm = "_shadow-sm_8ijdx_263";
+const shadowMd = "_shadow-md_8ijdx_267";
+const shadowLg = "_shadow-lg_8ijdx_271";
+const shadowNone = "_shadow-none_8ijdx_275";
+const overflowHidden = "_overflow-hidden_8ijdx_279";
+const overflowAuto = "_overflow-auto_8ijdx_283";
+const overflowScroll = "_overflow-scroll_8ijdx_287";
+const overflowVisible = "_overflow-visible_8ijdx_291";
+const colorPrimary = "_color-primary_8ijdx_295";
+const colorSecondary = "_color-secondary_8ijdx_299";
+const colorTertiary = "_color-tertiary_8ijdx_303";
+const colorAccent = "_color-accent_8ijdx_307";
+const colorInverse = "_color-inverse_8ijdx_311";
+const displayBlock = "_display-block_8ijdx_315";
+const displayInline = "_display-inline_8ijdx_319";
+const displayInlineBlock = "_display-inline-block_8ijdx_323";
+const displayFlex = "_display-flex_8ijdx_327";
+const displayInlineFlex = "_display-inline-flex_8ijdx_331";
+const displayGrid = "_display-grid_8ijdx_335";
+const displayNone = "_display-none_8ijdx_339";
 const styles = {
   box,
-  "p-none": "_p-none_e45h8_5",
+  "p-none": "_p-none_8ijdx_5",
   pNone,
-  "p-xs": "_p-xs_e45h8_9",
+  "p-xs": "_p-xs_8ijdx_9",
   pXs,
-  "p-sm": "_p-sm_e45h8_13",
+  "p-sm": "_p-sm_8ijdx_13",
   pSm,
-  "p-md": "_p-md_e45h8_17",
+  "p-md": "_p-md_8ijdx_17",
   pMd,
-  "p-lg": "_p-lg_e45h8_21",
+  "p-lg": "_p-lg_8ijdx_21",
   pLg,
-  "p-xl": "_p-xl_e45h8_25",
+  "p-xl": "_p-xl_8ijdx_25",
   pXl,
-  "px-none": "_px-none_e45h8_29",
+  "px-none": "_px-none_8ijdx_29",
   pxNone,
-  "px-xs": "_px-xs_e45h8_34",
+  "px-xs": "_px-xs_8ijdx_34",
   pxXs,
-  "px-sm": "_px-sm_e45h8_39",
+  "px-sm": "_px-sm_8ijdx_39",
   pxSm,
-  "px-md": "_px-md_e45h8_44",
+  "px-md": "_px-md_8ijdx_44",
   pxMd,
-  "px-lg": "_px-lg_e45h8_49",
+  "px-lg": "_px-lg_8ijdx_49",
   pxLg,
-  "px-xl": "_px-xl_e45h8_54",
+  "px-xl": "_px-xl_8ijdx_54",
   pxXl,
-  "py-none": "_py-none_e45h8_59",
+  "py-none": "_py-none_8ijdx_59",
   pyNone,
-  "py-xs": "_py-xs_e45h8_64",
+  "py-xs": "_py-xs_8ijdx_64",
   pyXs,
-  "py-sm": "_py-sm_e45h8_69",
+  "py-sm": "_py-sm_8ijdx_69",
   pySm,
-  "py-md": "_py-md_e45h8_74",
+  "py-md": "_py-md_8ijdx_74",
   pyMd,
-  "py-lg": "_py-lg_e45h8_79",
+  "py-lg": "_py-lg_8ijdx_79",
   pyLg,
-  "py-xl": "_py-xl_e45h8_84",
+  "py-xl": "_py-xl_8ijdx_84",
   pyXl,
-  "m-none": "_m-none_e45h8_89",
+  "m-none": "_m-none_8ijdx_89",
   mNone,
-  "m-xs": "_m-xs_e45h8_93",
+  "m-xs": "_m-xs_8ijdx_93",
   mXs,
-  "m-sm": "_m-sm_e45h8_97",
+  "m-sm": "_m-sm_8ijdx_97",
   mSm,
-  "m-md": "_m-md_e45h8_101",
+  "m-md": "_m-md_8ijdx_101",
   mMd,
-  "m-lg": "_m-lg_e45h8_105",
+  "m-lg": "_m-lg_8ijdx_105",
   mLg,
-  "m-xl": "_m-xl_e45h8_109",
+  "m-xl": "_m-xl_8ijdx_109",
   mXl,
-  "m-auto": "_m-auto_e45h8_113",
+  "m-auto": "_m-auto_8ijdx_113",
   mAuto,
-  "mx-none": "_mx-none_e45h8_117",
+  "mx-none": "_mx-none_8ijdx_117",
   mxNone,
-  "mx-xs": "_mx-xs_e45h8_122",
+  "mx-xs": "_mx-xs_8ijdx_122",
   mxXs,
-  "mx-sm": "_mx-sm_e45h8_127",
+  "mx-sm": "_mx-sm_8ijdx_127",
   mxSm,
-  "mx-md": "_mx-md_e45h8_132",
+  "mx-md": "_mx-md_8ijdx_132",
   mxMd,
-  "mx-lg": "_mx-lg_e45h8_137",
+  "mx-lg": "_mx-lg_8ijdx_137",
   mxLg,
-  "mx-xl": "_mx-xl_e45h8_142",
+  "mx-xl": "_mx-xl_8ijdx_142",
   mxXl,
-  "mx-auto": "_mx-auto_e45h8_147",
+  "mx-auto": "_mx-auto_8ijdx_147",
   mxAuto,
-  "my-none": "_my-none_e45h8_152",
+  "my-none": "_my-none_8ijdx_152",
   myNone,
-  "my-xs": "_my-xs_e45h8_157",
+  "my-xs": "_my-xs_8ijdx_157",
   myXs,
-  "my-sm": "_my-sm_e45h8_162",
+  "my-sm": "_my-sm_8ijdx_162",
   mySm,
-  "my-md": "_my-md_e45h8_167",
+  "my-md": "_my-md_8ijdx_167",
   myMd,
-  "my-lg": "_my-lg_e45h8_172",
+  "my-lg": "_my-lg_8ijdx_172",
   myLg,
-  "my-xl": "_my-xl_e45h8_177",
+  "my-xl": "_my-xl_8ijdx_177",
   myXl,
-  "my-auto": "_my-auto_e45h8_182",
+  "my-auto": "_my-auto_8ijdx_182",
   myAuto,
-  "bg-none": "_bg-none_e45h8_187",
+  "bg-none": "_bg-none_8ijdx_187",
   bgNone,
-  "bg-primary": "_bg-primary_e45h8_191",
+  "bg-primary": "_bg-primary_8ijdx_191",
   bgPrimary,
-  "bg-secondary": "_bg-secondary_e45h8_195",
+  "bg-secondary": "_bg-secondary_8ijdx_195",
   bgSecondary,
-  "bg-tertiary": "_bg-tertiary_e45h8_199",
+  "bg-tertiary": "_bg-tertiary_8ijdx_199",
   bgTertiary,
-  "bg-elevated": "_bg-elevated_e45h8_203",
+  "bg-elevated": "_bg-elevated_8ijdx_203",
   bgElevated,
-  "rounded-none": "_rounded-none_e45h8_207",
+  "rounded-none": "_rounded-none_8ijdx_207",
   roundedNone,
-  "rounded-sm": "_rounded-sm_e45h8_211",
+  "rounded-sm": "_rounded-sm_8ijdx_211",
   roundedSm,
-  "rounded-md": "_rounded-md_e45h8_215",
+  "rounded-md": "_rounded-md_8ijdx_215",
   roundedMd,
-  "rounded-lg": "_rounded-lg_e45h8_219",
+  "rounded-lg": "_rounded-lg_8ijdx_219",
   roundedLg,
-  "rounded-full": "_rounded-full_e45h8_223",
+  "rounded-full": "_rounded-full_8ijdx_223",
   roundedFull,
   border,
   borderTop,
   borderBottom,
   borderLeft,
   borderRight,
-  "borderColor-default": "_borderColor-default_e45h8_247",
+  "borderColor-default": "_borderColor-default_8ijdx_247",
   borderColorDefault,
-  "borderColor-strong": "_borderColor-strong_e45h8_251",
+  "borderColor-strong": "_borderColor-strong_8ijdx_251",
   borderColorStrong,
-  "borderColor-accent": "_borderColor-accent_e45h8_255",
+  "borderColor-accent": "_borderColor-accent_8ijdx_255",
   borderColorAccent,
-  "borderColor-danger": "_borderColor-danger_e45h8_259",
+  "borderColor-danger": "_borderColor-danger_8ijdx_259",
   borderColorDanger,
-  "shadow-sm": "_shadow-sm_e45h8_263",
+  "shadow-sm": "_shadow-sm_8ijdx_263",
   shadowSm,
-  "shadow-md": "_shadow-md_e45h8_267",
+  "shadow-md": "_shadow-md_8ijdx_267",
   shadowMd,
-  "shadow-lg": "_shadow-lg_e45h8_271",
+  "shadow-lg": "_shadow-lg_8ijdx_271",
   shadowLg,
-  "shadow-none": "_shadow-none_e45h8_275",
+  "shadow-none": "_shadow-none_8ijdx_275",
   shadowNone,
-  "overflow-hidden": "_overflow-hidden_e45h8_279",
+  "overflow-hidden": "_overflow-hidden_8ijdx_279",
   overflowHidden,
-  "overflow-auto": "_overflow-auto_e45h8_283",
+  "overflow-auto": "_overflow-auto_8ijdx_283",
   overflowAuto,
-  "overflow-scroll": "_overflow-scroll_e45h8_287",
+  "overflow-scroll": "_overflow-scroll_8ijdx_287",
   overflowScroll,
-  "overflow-visible": "_overflow-visible_e45h8_291",
+  "overflow-visible": "_overflow-visible_8ijdx_291",
   overflowVisible,
-  "color-primary": "_color-primary_e45h8_295",
+  "color-primary": "_color-primary_8ijdx_295",
   colorPrimary,
-  "color-secondary": "_color-secondary_e45h8_299",
+  "color-secondary": "_color-secondary_8ijdx_299",
   colorSecondary,
-  "color-tertiary": "_color-tertiary_e45h8_303",
+  "color-tertiary": "_color-tertiary_8ijdx_303",
   colorTertiary,
-  "color-accent": "_color-accent_e45h8_307",
+  "color-accent": "_color-accent_8ijdx_307",
   colorAccent,
-  "color-inverse": "_color-inverse_e45h8_311",
+  "color-inverse": "_color-inverse_8ijdx_311",
   colorInverse,
-  "display-block": "_display-block_e45h8_315",
+  "display-block": "_display-block_8ijdx_315",
   displayBlock,
-  "display-inline": "_display-inline_e45h8_319",
+  "display-inline": "_display-inline_8ijdx_319",
   displayInline,
-  "display-inline-block": "_display-inline-block_e45h8_323",
+  "display-inline-block": "_display-inline-block_8ijdx_323",
   displayInlineBlock,
-  "display-flex": "_display-flex_e45h8_327",
+  "display-flex": "_display-flex_8ijdx_327",
   displayFlex,
-  "display-inline-flex": "_display-inline-flex_e45h8_331",
+  "display-inline-flex": "_display-inline-flex_8ijdx_331",
   displayInlineFlex,
-  "display-grid": "_display-grid_e45h8_335",
+  "display-grid": "_display-grid_8ijdx_335",
   displayGrid,
-  "display-none": "_display-none_e45h8_339",
+  "display-none": "_display-none_8ijdx_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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"}