@fragments-sdk/ui 0.9.0 → 0.9.2

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

@@ -0,0 +1,41 @@
+import * as React from 'react';
+type SpanValue = 1 | 2 | 3;
+export interface ResponsiveSpan {
+    /** Default (mobile-first) */
+    base?: SpanValue;
+    /** ≥640px */
+    sm?: SpanValue;
+    /** ≥768px */
+    md?: SpanValue;
+    /** ≥1024px */
+    lg?: SpanValue;
+    /** ≥1280px */
+    xl?: SpanValue;
+}
+export interface BentoGridProps {
+    children?: React.ReactNode;
+    /** Number of columns (default: 3) — auto-collapses responsively */
+    columns?: 2 | 3 | 4;
+    /** Gap between grid items */
+    gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Additional class name */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+export interface BentoGridItemProps {
+    children?: React.ReactNode;
+    /** Columns to span — number for all breakpoints, object for per-breakpoint */
+    colSpan?: SpanValue | ResponsiveSpan;
+    /** Rows to span — number for all breakpoints, object for per-breakpoint */
+    rowSpan?: SpanValue | ResponsiveSpan;
+    /** Additional class name */
+    className?: string;
+}
+export declare const BentoGrid: BentoGridComponent;
+declare const BentoGridItem: React.ForwardRefExoticComponent<BentoGridItemProps & React.RefAttributes<HTMLDivElement>>;
+interface BentoGridComponent extends React.ForwardRefExoticComponent<BentoGridProps & React.RefAttributes<HTMLDivElement>> {
+    Item: typeof BentoGridItem;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BentoGrid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE3B,MAAM,WAAW,cAAc;IAC7B,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,aAAa;IACb,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,aAAa;IACb,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,cAAc;IACd,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,cAAc;IACd,EAAE,CAAC,EAAE,SAAS,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mEAAmE;IACnE,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChD,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8EAA8E;IAC9E,OAAO,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IACrC,2EAA2E;IAC3E,OAAO,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IACrC,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkCD,eAAO,MAAM,SAAS,EA0BjB,kBAAkB,CAAC;AAMxB,QAAA,MAAM,aAAa,2FA4BlB,CAAC;AAMF,UAAU,kBACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7F,IAAI,EAAE,OAAO,aAAa,CAAC;CAC5B"}

package/dist/components/BentoGrid/index.js

@@ -0,0 +1,61 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import styles from "./BentoGrid.module.scss.js";
+const gapClasses = {
+  none: styles.gapNone,
+  xs: styles.gapXs,
+  sm: styles.gapSm,
+  md: styles.gapMd,
+  lg: styles.gapLg,
+  xl: styles.gapXl
+};
+function getSpanVars(span, prefix) {
+  if (!span || span === 1) return {};
+  if (typeof span === "number") return { [`--${prefix}`]: span };
+  const vars = {};
+  if (span.base && span.base > 1) vars[`--${prefix}`] = span.base;
+  if (span.sm) vars[`--${prefix}-sm`] = span.sm;
+  if (span.md) vars[`--${prefix}-md`] = span.md;
+  if (span.lg) vars[`--${prefix}-lg`] = span.lg;
+  if (span.xl) vars[`--${prefix}-xl`] = span.xl;
+  return vars;
+}
+const BentoGrid = React.forwardRef(
+  function BentoGrid2({
+    children,
+    columns = 3,
+    gap = "md",
+    className,
+    style
+  }, ref) {
+    const classes = [
+      styles.grid,
+      styles[`columns${columns}`],
+      gapClasses[gap],
+      className
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsx("div", { ref, className: classes, style, children });
+  }
+);
+const BentoGridItem = React.forwardRef(
+  function BentoGridItem2({
+    children,
+    colSpan,
+    rowSpan,
+    className
+  }, ref) {
+    const spanVars = {
+      ...getSpanVars(colSpan, "bento-col-span"),
+      ...getSpanVars(rowSpan, "bento-row-span")
+    };
+    const hasVars = Object.keys(spanVars).length > 0;
+    const inlineStyle = hasVars ? spanVars : void 0;
+    const classes = [styles.item, className].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsx("div", { ref, className: classes, style: inlineStyle, children });
+  }
+);
+BentoGrid.Item = BentoGridItem;
+export {
+  BentoGrid
+};
+//# sourceMappingURL=index.js.map

package/dist/components/BentoGrid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/BentoGrid/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './BentoGrid.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\ntype SpanValue = 1 | 2 | 3;\n\nexport interface ResponsiveSpan {\n  /** Default (mobile-first) */\n  base?: SpanValue;\n  /** ≥640px */\n  sm?: SpanValue;\n  /** ≥768px */\n  md?: SpanValue;\n  /** ≥1024px */\n  lg?: SpanValue;\n  /** ≥1280px */\n  xl?: SpanValue;\n}\n\nexport interface BentoGridProps {\n  children?: React.ReactNode;\n  /** Number of columns (default: 3) — auto-collapses responsively */\n  columns?: 2 | 3 | 4;\n  /** Gap between grid items */\n  gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  /** Additional class name */\n  className?: string;\n  /** Inline styles */\n  style?: React.CSSProperties;\n}\n\nexport interface BentoGridItemProps {\n  children?: React.ReactNode;\n  /** Columns to span — number for all breakpoints, object for per-breakpoint */\n  colSpan?: SpanValue | ResponsiveSpan;\n  /** Rows to span — number for all breakpoints, object for per-breakpoint */\n  rowSpan?: SpanValue | ResponsiveSpan;\n  /** Additional class name */\n  className?: string;\n}\n\n// ============================================\n// Helpers\n// ============================================\n\nconst gapClasses: Record<NonNullable<BentoGridProps['gap']>, string> = {\n  none: styles.gapNone,\n  xs: styles.gapXs,\n  sm: styles.gapSm,\n  md: styles.gapMd,\n  lg: styles.gapLg,\n  xl: styles.gapXl,\n};\n\nfunction getSpanVars(\n  span: SpanValue | ResponsiveSpan | undefined,\n  prefix: string\n): Record<string, number> {\n  if (!span || span === 1) return {};\n  if (typeof span === 'number') return { [`--${prefix}`]: span };\n  const vars: Record<string, number> = {};\n  if (span.base && span.base > 1) vars[`--${prefix}`] = span.base;\n  if (span.sm) vars[`--${prefix}-sm`] = span.sm;\n  if (span.md) vars[`--${prefix}-md`] = span.md;\n  if (span.lg) vars[`--${prefix}-lg`] = span.lg;\n  if (span.xl) vars[`--${prefix}-xl`] = span.xl;\n  return vars;\n}\n\n// ============================================\n// BentoGrid Component\n// ============================================\n\nexport const BentoGrid = React.forwardRef<HTMLDivElement, BentoGridProps>(\n  function BentoGrid(\n    {\n      children,\n      columns = 3,\n      gap = 'md',\n      className,\n      style,\n    },\n    ref\n  ) {\n    const classes = [\n      styles.grid,\n      styles[`columns${columns}`],\n      gapClasses[gap],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div ref={ref} className={classes} style={style}>\n        {children}\n      </div>\n    );\n  }\n) as BentoGridComponent;\n\n// ============================================\n// BentoGrid.Item Sub-component\n// ============================================\n\nconst BentoGridItem = React.forwardRef<HTMLDivElement, BentoGridItemProps>(\n  function BentoGridItem(\n    {\n      children,\n      colSpan,\n      rowSpan,\n      className,\n    },\n    ref\n  ) {\n    const spanVars = {\n      ...getSpanVars(colSpan, 'bento-col-span'),\n      ...getSpanVars(rowSpan, 'bento-row-span'),\n    };\n\n    const hasVars = Object.keys(spanVars).length > 0;\n    const inlineStyle = hasVars\n      ? (spanVars as unknown as React.CSSProperties)\n      : undefined;\n\n    const classes = [styles.item, className].filter(Boolean).join(' ');\n\n    return (\n      <div ref={ref} className={classes} style={inlineStyle}>\n        {children}\n      </div>\n    );\n  }\n);\n\n// ============================================\n// Compound component type\n// ============================================\n\ninterface BentoGridComponent\n  extends React.ForwardRefExoticComponent<BentoGridProps & React.RefAttributes<HTMLDivElement>> {\n  Item: typeof BentoGridItem;\n}\n\n(BentoGrid as BentoGridComponent).Item = BentoGridItem;\n"],"names":["BentoGrid","BentoGridItem"],"mappings":";;;AAgDA,MAAM,aAAiE;AAAA,EACrE,MAAM,OAAO;AAAA,EACb,IAAI,OAAO;AAAA,EACX,IAAI,OAAO;AAAA,EACX,IAAI,OAAO;AAAA,EACX,IAAI,OAAO;AAAA,EACX,IAAI,OAAO;AACb;AAEA,SAAS,YACP,MACA,QACwB;AACxB,MAAI,CAAC,QAAQ,SAAS,UAAU,CAAA;AAChC,MAAI,OAAO,SAAS,SAAU,QAAO,EAAE,CAAC,KAAK,MAAM,EAAE,GAAG,KAAA;AACxD,QAAM,OAA+B,CAAA;AACrC,MAAI,KAAK,QAAQ,KAAK,OAAO,QAAQ,KAAK,MAAM,EAAE,IAAI,KAAK;AAC3D,MAAI,KAAK,GAAI,MAAK,KAAK,MAAM,KAAK,IAAI,KAAK;AAC3C,MAAI,KAAK,GAAI,MAAK,KAAK,MAAM,KAAK,IAAI,KAAK;AAC3C,MAAI,KAAK,GAAI,MAAK,KAAK,MAAM,KAAK,IAAI,KAAK;AAC3C,MAAI,KAAK,GAAI,MAAK,KAAK,MAAM,KAAK,IAAI,KAAK;AAC3C,SAAO;AACT;AAMO,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WACP;AAAA,IACE;AAAA,IACA,UAAU;AAAA,IACV,MAAM;AAAA,IACN;AAAA,IACA;AAAA,EAAA,GAEF,KACA;AACA,UAAM,UAAU;AAAA,MACd,OAAO;AAAA,MACP,OAAO,UAAU,OAAO,EAAE;AAAA,MAC1B,WAAW,GAAG;AAAA,MACd;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,+BACG,OAAA,EAAI,KAAU,WAAW,SAAS,OAChC,UACH;AAAA,EAEJ;AACF;AAMA,MAAM,gBAAgB,MAAM;AAAA,EAC1B,SAASC,eACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAEF,KACA;AACA,UAAM,WAAW;AAAA,MACf,GAAG,YAAY,SAAS,gBAAgB;AAAA,MACxC,GAAG,YAAY,SAAS,gBAAgB;AAAA,IAAA;AAG1C,UAAM,UAAU,OAAO,KAAK,QAAQ,EAAE,SAAS;AAC/C,UAAM,cAAc,UACf,WACD;AAEJ,UAAM,UAAU,CAAC,OAAO,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEjE,+BACG,OAAA,EAAI,KAAU,WAAW,SAAS,OAAO,aACvC,UACH;AAAA,EAEJ;AACF;AAWC,UAAiC,OAAO;"}

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

@@ -0,0 +1,243 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const box = "_box_18cnf_1";
+const pNone = "_p-none_18cnf_5";
+const pXs = "_p-xs_18cnf_9";
+const pSm = "_p-sm_18cnf_13";
+const pMd = "_p-md_18cnf_17";
+const pLg = "_p-lg_18cnf_21";
+const pXl = "_p-xl_18cnf_25";
+const pxNone = "_px-none_18cnf_29";
+const pxXs = "_px-xs_18cnf_34";
+const pxSm = "_px-sm_18cnf_39";
+const pxMd = "_px-md_18cnf_44";
+const pxLg = "_px-lg_18cnf_49";
+const pxXl = "_px-xl_18cnf_54";
+const pyNone = "_py-none_18cnf_59";
+const pyXs = "_py-xs_18cnf_64";
+const pySm = "_py-sm_18cnf_69";
+const pyMd = "_py-md_18cnf_74";
+const pyLg = "_py-lg_18cnf_79";
+const pyXl = "_py-xl_18cnf_84";
+const mNone = "_m-none_18cnf_89";
+const mXs = "_m-xs_18cnf_93";
+const mSm = "_m-sm_18cnf_97";
+const mMd = "_m-md_18cnf_101";
+const mLg = "_m-lg_18cnf_105";
+const mXl = "_m-xl_18cnf_109";
+const mAuto = "_m-auto_18cnf_113";
+const mxNone = "_mx-none_18cnf_117";
+const mxXs = "_mx-xs_18cnf_122";
+const mxSm = "_mx-sm_18cnf_127";
+const mxMd = "_mx-md_18cnf_132";
+const mxLg = "_mx-lg_18cnf_137";
+const mxXl = "_mx-xl_18cnf_142";
+const mxAuto = "_mx-auto_18cnf_147";
+const myNone = "_my-none_18cnf_152";
+const myXs = "_my-xs_18cnf_157";
+const mySm = "_my-sm_18cnf_162";
+const myMd = "_my-md_18cnf_167";
+const myLg = "_my-lg_18cnf_172";
+const myXl = "_my-xl_18cnf_177";
+const myAuto = "_my-auto_18cnf_182";
+const bgNone = "_bg-none_18cnf_187";
+const bgPrimary = "_bg-primary_18cnf_191";
+const bgSecondary = "_bg-secondary_18cnf_195";
+const bgTertiary = "_bg-tertiary_18cnf_199";
+const bgElevated = "_bg-elevated_18cnf_203";
+const roundedNone = "_rounded-none_18cnf_207";
+const roundedSm = "_rounded-sm_18cnf_211";
+const roundedMd = "_rounded-md_18cnf_215";
+const roundedLg = "_rounded-lg_18cnf_219";
+const roundedFull = "_rounded-full_18cnf_223";
+const border = "_border_18cnf_227";
+const borderTop = "_borderTop_18cnf_231";
+const borderBottom = "_borderBottom_18cnf_235";
+const borderLeft = "_borderLeft_18cnf_239";
+const borderRight = "_borderRight_18cnf_243";
+const borderColorDefault = "_borderColor-default_18cnf_247";
+const borderColorStrong = "_borderColor-strong_18cnf_251";
+const borderColorAccent = "_borderColor-accent_18cnf_255";
+const borderColorDanger = "_borderColor-danger_18cnf_259";
+const shadowSm = "_shadow-sm_18cnf_263";
+const shadowMd = "_shadow-md_18cnf_267";
+const shadowLg = "_shadow-lg_18cnf_271";
+const shadowNone = "_shadow-none_18cnf_275";
+const overflowHidden = "_overflow-hidden_18cnf_279";
+const overflowAuto = "_overflow-auto_18cnf_283";
+const overflowScroll = "_overflow-scroll_18cnf_287";
+const overflowVisible = "_overflow-visible_18cnf_291";
+const colorPrimary = "_color-primary_18cnf_295";
+const colorSecondary = "_color-secondary_18cnf_299";
+const colorTertiary = "_color-tertiary_18cnf_303";
+const colorAccent = "_color-accent_18cnf_307";
+const colorInverse = "_color-inverse_18cnf_311";
+const displayBlock = "_display-block_18cnf_315";
+const displayInline = "_display-inline_18cnf_319";
+const displayInlineBlock = "_display-inline-block_18cnf_323";
+const displayFlex = "_display-flex_18cnf_327";
+const displayInlineFlex = "_display-inline-flex_18cnf_331";
+const displayGrid = "_display-grid_18cnf_335";
+const displayNone = "_display-none_18cnf_339";
+const styles = {
+  box,
+  pNone,
+  pXs,
+  pSm,
+  pMd,
+  pLg,
+  pXl,
+  pxNone,
+  pxXs,
+  pxSm,
+  pxMd,
+  pxLg,
+  pxXl,
+  pyNone,
+  pyXs,
+  pySm,
+  pyMd,
+  pyLg,
+  pyXl,
+  mNone,
+  mXs,
+  mSm,
+  mMd,
+  mLg,
+  mXl,
+  mAuto,
+  mxNone,
+  mxXs,
+  mxSm,
+  mxMd,
+  mxLg,
+  mxXl,
+  mxAuto,
+  myNone,
+  myXs,
+  mySm,
+  myMd,
+  myLg,
+  myXl,
+  myAuto,
+  bgNone,
+  bgPrimary,
+  bgSecondary,
+  bgTertiary,
+  bgElevated,
+  roundedNone,
+  roundedSm,
+  roundedMd,
+  roundedLg,
+  roundedFull,
+  border,
+  borderTop,
+  borderBottom,
+  borderLeft,
+  borderRight,
+  borderColorDefault,
+  borderColorStrong,
+  borderColorAccent,
+  borderColorDanger,
+  shadowSm,
+  shadowMd,
+  shadowLg,
+  shadowNone,
+  overflowHidden,
+  overflowAuto,
+  overflowScroll,
+  overflowVisible,
+  colorPrimary,
+  colorSecondary,
+  colorTertiary,
+  colorAccent,
+  colorInverse,
+  displayBlock,
+  displayInline,
+  displayInlineBlock,
+  displayFlex,
+  displayInlineFlex,
+  displayGrid,
+  displayNone
+};
+exports.bgElevated = bgElevated;
+exports.bgNone = bgNone;
+exports.bgPrimary = bgPrimary;
+exports.bgSecondary = bgSecondary;
+exports.bgTertiary = bgTertiary;
+exports.border = border;
+exports.borderBottom = borderBottom;
+exports.borderColorAccent = borderColorAccent;
+exports.borderColorDanger = borderColorDanger;
+exports.borderColorDefault = borderColorDefault;
+exports.borderColorStrong = borderColorStrong;
+exports.borderLeft = borderLeft;
+exports.borderRight = borderRight;
+exports.borderTop = borderTop;
+exports.box = box;
+exports.colorAccent = colorAccent;
+exports.colorInverse = colorInverse;
+exports.colorPrimary = colorPrimary;
+exports.colorSecondary = colorSecondary;
+exports.colorTertiary = colorTertiary;
+exports.default = styles;
+exports.displayBlock = displayBlock;
+exports.displayFlex = displayFlex;
+exports.displayGrid = displayGrid;
+exports.displayInline = displayInline;
+exports.displayInlineBlock = displayInlineBlock;
+exports.displayInlineFlex = displayInlineFlex;
+exports.displayNone = displayNone;
+exports.mAuto = mAuto;
+exports.mLg = mLg;
+exports.mMd = mMd;
+exports.mNone = mNone;
+exports.mSm = mSm;
+exports.mXl = mXl;
+exports.mXs = mXs;
+exports.mxAuto = mxAuto;
+exports.mxLg = mxLg;
+exports.mxMd = mxMd;
+exports.mxNone = mxNone;
+exports.mxSm = mxSm;
+exports.mxXl = mxXl;
+exports.mxXs = mxXs;
+exports.myAuto = myAuto;
+exports.myLg = myLg;
+exports.myMd = myMd;
+exports.myNone = myNone;
+exports.mySm = mySm;
+exports.myXl = myXl;
+exports.myXs = myXs;
+exports.overflowAuto = overflowAuto;
+exports.overflowHidden = overflowHidden;
+exports.overflowScroll = overflowScroll;
+exports.overflowVisible = overflowVisible;
+exports.pLg = pLg;
+exports.pMd = pMd;
+exports.pNone = pNone;
+exports.pSm = pSm;
+exports.pXl = pXl;
+exports.pXs = pXs;
+exports.pxLg = pxLg;
+exports.pxMd = pxMd;
+exports.pxNone = pxNone;
+exports.pxSm = pxSm;
+exports.pxXl = pxXl;
+exports.pxXs = pxXs;
+exports.pyLg = pyLg;
+exports.pyMd = pyMd;
+exports.pyNone = pyNone;
+exports.pySm = pySm;
+exports.pyXl = pyXl;
+exports.pyXs = pyXs;
+exports.roundedFull = roundedFull;
+exports.roundedLg = roundedLg;
+exports.roundedMd = roundedMd;
+exports.roundedNone = roundedNone;
+exports.roundedSm = roundedSm;
+exports.shadowLg = shadowLg;
+exports.shadowMd = shadowMd;
+exports.shadowNone = shadowNone;
+exports.shadowSm = shadowSm;
+//# sourceMappingURL=Box.module.scss.cjs.map

package/dist/components/Box/Box.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,243 @@
+const box = "_box_18cnf_1";
+const pNone = "_p-none_18cnf_5";
+const pXs = "_p-xs_18cnf_9";
+const pSm = "_p-sm_18cnf_13";
+const pMd = "_p-md_18cnf_17";
+const pLg = "_p-lg_18cnf_21";
+const pXl = "_p-xl_18cnf_25";
+const pxNone = "_px-none_18cnf_29";
+const pxXs = "_px-xs_18cnf_34";
+const pxSm = "_px-sm_18cnf_39";
+const pxMd = "_px-md_18cnf_44";
+const pxLg = "_px-lg_18cnf_49";
+const pxXl = "_px-xl_18cnf_54";
+const pyNone = "_py-none_18cnf_59";
+const pyXs = "_py-xs_18cnf_64";
+const pySm = "_py-sm_18cnf_69";
+const pyMd = "_py-md_18cnf_74";
+const pyLg = "_py-lg_18cnf_79";
+const pyXl = "_py-xl_18cnf_84";
+const mNone = "_m-none_18cnf_89";
+const mXs = "_m-xs_18cnf_93";
+const mSm = "_m-sm_18cnf_97";
+const mMd = "_m-md_18cnf_101";
+const mLg = "_m-lg_18cnf_105";
+const mXl = "_m-xl_18cnf_109";
+const mAuto = "_m-auto_18cnf_113";
+const mxNone = "_mx-none_18cnf_117";
+const mxXs = "_mx-xs_18cnf_122";
+const mxSm = "_mx-sm_18cnf_127";
+const mxMd = "_mx-md_18cnf_132";
+const mxLg = "_mx-lg_18cnf_137";
+const mxXl = "_mx-xl_18cnf_142";
+const mxAuto = "_mx-auto_18cnf_147";
+const myNone = "_my-none_18cnf_152";
+const myXs = "_my-xs_18cnf_157";
+const mySm = "_my-sm_18cnf_162";
+const myMd = "_my-md_18cnf_167";
+const myLg = "_my-lg_18cnf_172";
+const myXl = "_my-xl_18cnf_177";
+const myAuto = "_my-auto_18cnf_182";
+const bgNone = "_bg-none_18cnf_187";
+const bgPrimary = "_bg-primary_18cnf_191";
+const bgSecondary = "_bg-secondary_18cnf_195";
+const bgTertiary = "_bg-tertiary_18cnf_199";
+const bgElevated = "_bg-elevated_18cnf_203";
+const roundedNone = "_rounded-none_18cnf_207";
+const roundedSm = "_rounded-sm_18cnf_211";
+const roundedMd = "_rounded-md_18cnf_215";
+const roundedLg = "_rounded-lg_18cnf_219";
+const roundedFull = "_rounded-full_18cnf_223";
+const border = "_border_18cnf_227";
+const borderTop = "_borderTop_18cnf_231";
+const borderBottom = "_borderBottom_18cnf_235";
+const borderLeft = "_borderLeft_18cnf_239";
+const borderRight = "_borderRight_18cnf_243";
+const borderColorDefault = "_borderColor-default_18cnf_247";
+const borderColorStrong = "_borderColor-strong_18cnf_251";
+const borderColorAccent = "_borderColor-accent_18cnf_255";
+const borderColorDanger = "_borderColor-danger_18cnf_259";
+const shadowSm = "_shadow-sm_18cnf_263";
+const shadowMd = "_shadow-md_18cnf_267";
+const shadowLg = "_shadow-lg_18cnf_271";
+const shadowNone = "_shadow-none_18cnf_275";
+const overflowHidden = "_overflow-hidden_18cnf_279";
+const overflowAuto = "_overflow-auto_18cnf_283";
+const overflowScroll = "_overflow-scroll_18cnf_287";
+const overflowVisible = "_overflow-visible_18cnf_291";
+const colorPrimary = "_color-primary_18cnf_295";
+const colorSecondary = "_color-secondary_18cnf_299";
+const colorTertiary = "_color-tertiary_18cnf_303";
+const colorAccent = "_color-accent_18cnf_307";
+const colorInverse = "_color-inverse_18cnf_311";
+const displayBlock = "_display-block_18cnf_315";
+const displayInline = "_display-inline_18cnf_319";
+const displayInlineBlock = "_display-inline-block_18cnf_323";
+const displayFlex = "_display-flex_18cnf_327";
+const displayInlineFlex = "_display-inline-flex_18cnf_331";
+const displayGrid = "_display-grid_18cnf_335";
+const displayNone = "_display-none_18cnf_339";
+const styles = {
+  box,
+  pNone,
+  pXs,
+  pSm,
+  pMd,
+  pLg,
+  pXl,
+  pxNone,
+  pxXs,
+  pxSm,
+  pxMd,
+  pxLg,
+  pxXl,
+  pyNone,
+  pyXs,
+  pySm,
+  pyMd,
+  pyLg,
+  pyXl,
+  mNone,
+  mXs,
+  mSm,
+  mMd,
+  mLg,
+  mXl,
+  mAuto,
+  mxNone,
+  mxXs,
+  mxSm,
+  mxMd,
+  mxLg,
+  mxXl,
+  mxAuto,
+  myNone,
+  myXs,
+  mySm,
+  myMd,
+  myLg,
+  myXl,
+  myAuto,
+  bgNone,
+  bgPrimary,
+  bgSecondary,
+  bgTertiary,
+  bgElevated,
+  roundedNone,
+  roundedSm,
+  roundedMd,
+  roundedLg,
+  roundedFull,
+  border,
+  borderTop,
+  borderBottom,
+  borderLeft,
+  borderRight,
+  borderColorDefault,
+  borderColorStrong,
+  borderColorAccent,
+  borderColorDanger,
+  shadowSm,
+  shadowMd,
+  shadowLg,
+  shadowNone,
+  overflowHidden,
+  overflowAuto,
+  overflowScroll,
+  overflowVisible,
+  colorPrimary,
+  colorSecondary,
+  colorTertiary,
+  colorAccent,
+  colorInverse,
+  displayBlock,
+  displayInline,
+  displayInlineBlock,
+  displayFlex,
+  displayInlineFlex,
+  displayGrid,
+  displayNone
+};
+export {
+  bgElevated,
+  bgNone,
+  bgPrimary,
+  bgSecondary,
+  bgTertiary,
+  border,
+  borderBottom,
+  borderColorAccent,
+  borderColorDanger,
+  borderColorDefault,
+  borderColorStrong,
+  borderLeft,
+  borderRight,
+  borderTop,
+  box,
+  colorAccent,
+  colorInverse,
+  colorPrimary,
+  colorSecondary,
+  colorTertiary,
+  styles as default,
+  displayBlock,
+  displayFlex,
+  displayGrid,
+  displayInline,
+  displayInlineBlock,
+  displayInlineFlex,
+  displayNone,
+  mAuto,
+  mLg,
+  mMd,
+  mNone,
+  mSm,
+  mXl,
+  mXs,
+  mxAuto,
+  mxLg,
+  mxMd,
+  mxNone,
+  mxSm,
+  mxXl,
+  mxXs,
+  myAuto,
+  myLg,
+  myMd,
+  myNone,
+  mySm,
+  myXl,
+  myXs,
+  overflowAuto,
+  overflowHidden,
+  overflowScroll,
+  overflowVisible,
+  pLg,
+  pMd,
+  pNone,
+  pSm,
+  pXl,
+  pXs,
+  pxLg,
+  pxMd,
+  pxNone,
+  pxSm,
+  pxXl,
+  pxXs,
+  pyLg,
+  pyMd,
+  pyNone,
+  pySm,
+  pyXl,
+  pyXs,
+  roundedFull,
+  roundedLg,
+  roundedMd,
+  roundedNone,
+  roundedSm,
+  shadowLg,
+  shadowMd,
+  shadowNone,
+  shadowSm
+};
+//# sourceMappingURL=Box.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}