@tosui/react 0.1.0 → 0.1.2

package/dist/components/Box/display/display.module.css.js

@@ -0,0 +1,318 @@
+const block = "_block_4wi2w_2";
+const block_sm = "_block_sm_4wi2w_9";
+const block_md = "_block_md_4wi2w_17";
+const block_lg = "_block_lg_4wi2w_25";
+const block_xl = "_block_xl_4wi2w_33";
+const block_2xl = "_block_2xl_4wi2w_41";
+const flex = "_flex_4wi2w_49";
+const flex_sm = "_flex_sm_4wi2w_56";
+const flex_md = "_flex_md_4wi2w_64";
+const flex_lg = "_flex_lg_4wi2w_72";
+const flex_xl = "_flex_xl_4wi2w_80";
+const flex_2xl = "_flex_2xl_4wi2w_88";
+const grid = "_grid_4wi2w_143";
+const grid_sm = "_grid_sm_4wi2w_150";
+const grid_md = "_grid_md_4wi2w_158";
+const grid_lg = "_grid_lg_4wi2w_166";
+const grid_xl = "_grid_xl_4wi2w_174";
+const grid_2xl = "_grid_2xl_4wi2w_182";
+const inline = "_inline_4wi2w_96";
+const inline_sm = "_inline_sm_4wi2w_197";
+const inline_md = "_inline_md_4wi2w_205";
+const inline_lg = "_inline_lg_4wi2w_213";
+const inline_xl = "_inline_xl_4wi2w_221";
+const inline_2xl = "_inline_2xl_4wi2w_229";
+const none = "_none_4wi2w_284";
+const none_sm = "_none_sm_4wi2w_291";
+const none_md = "_none_md_4wi2w_299";
+const none_lg = "_none_lg_4wi2w_307";
+const none_xl = "_none_xl_4wi2w_315";
+const none_2xl = "_none_2xl_4wi2w_323";
+const contents = "_contents_4wi2w_331";
+const contents_sm = "_contents_sm_4wi2w_338";
+const contents_md = "_contents_md_4wi2w_346";
+const contents_lg = "_contents_lg_4wi2w_354";
+const contents_xl = "_contents_xl_4wi2w_362";
+const contents_2xl = "_contents_2xl_4wi2w_370";
+const styles = {
+  block,
+  "block:h": "_block:h_4wi2w_3",
+  "block:f": "_block:f_4wi2w_4",
+  "block:a": "_block:a_4wi2w_5",
+  "block:d": "_block:d_4wi2w_6",
+  block_sm,
+  "block_sm:h": "_block_sm:h_4wi2w_10",
+  "block_sm:f": "_block_sm:f_4wi2w_11",
+  "block_sm:a": "_block_sm:a_4wi2w_12",
+  "block_sm:d": "_block_sm:d_4wi2w_13",
+  block_md,
+  "block_md:h": "_block_md:h_4wi2w_18",
+  "block_md:f": "_block_md:f_4wi2w_19",
+  "block_md:a": "_block_md:a_4wi2w_20",
+  "block_md:d": "_block_md:d_4wi2w_21",
+  block_lg,
+  "block_lg:h": "_block_lg:h_4wi2w_26",
+  "block_lg:f": "_block_lg:f_4wi2w_27",
+  "block_lg:a": "_block_lg:a_4wi2w_28",
+  "block_lg:d": "_block_lg:d_4wi2w_29",
+  block_xl,
+  "block_xl:h": "_block_xl:h_4wi2w_34",
+  "block_xl:f": "_block_xl:f_4wi2w_35",
+  "block_xl:a": "_block_xl:a_4wi2w_36",
+  "block_xl:d": "_block_xl:d_4wi2w_37",
+  block_2xl,
+  "block_2xl:h": "_block_2xl:h_4wi2w_42",
+  "block_2xl:f": "_block_2xl:f_4wi2w_43",
+  "block_2xl:a": "_block_2xl:a_4wi2w_44",
+  "block_2xl:d": "_block_2xl:d_4wi2w_45",
+  flex,
+  "flex:h": "_flex:h_4wi2w_50",
+  "flex:f": "_flex:f_4wi2w_51",
+  "flex:a": "_flex:a_4wi2w_52",
+  "flex:d": "_flex:d_4wi2w_53",
+  flex_sm,
+  "flex_sm:h": "_flex_sm:h_4wi2w_57",
+  "flex_sm:f": "_flex_sm:f_4wi2w_58",
+  "flex_sm:a": "_flex_sm:a_4wi2w_59",
+  "flex_sm:d": "_flex_sm:d_4wi2w_60",
+  flex_md,
+  "flex_md:h": "_flex_md:h_4wi2w_65",
+  "flex_md:f": "_flex_md:f_4wi2w_66",
+  "flex_md:a": "_flex_md:a_4wi2w_67",
+  "flex_md:d": "_flex_md:d_4wi2w_68",
+  flex_lg,
+  "flex_lg:h": "_flex_lg:h_4wi2w_73",
+  "flex_lg:f": "_flex_lg:f_4wi2w_74",
+  "flex_lg:a": "_flex_lg:a_4wi2w_75",
+  "flex_lg:d": "_flex_lg:d_4wi2w_76",
+  flex_xl,
+  "flex_xl:h": "_flex_xl:h_4wi2w_81",
+  "flex_xl:f": "_flex_xl:f_4wi2w_82",
+  "flex_xl:a": "_flex_xl:a_4wi2w_83",
+  "flex_xl:d": "_flex_xl:d_4wi2w_84",
+  flex_2xl,
+  "flex_2xl:h": "_flex_2xl:h_4wi2w_89",
+  "flex_2xl:f": "_flex_2xl:f_4wi2w_90",
+  "flex_2xl:a": "_flex_2xl:a_4wi2w_91",
+  "flex_2xl:d": "_flex_2xl:d_4wi2w_92",
+  "inline-flex": "_inline-flex_4wi2w_96",
+  "inline-flex:h": "_inline-flex:h_4wi2w_97",
+  "inline-flex:f": "_inline-flex:f_4wi2w_98",
+  "inline-flex:a": "_inline-flex:a_4wi2w_99",
+  "inline-flex:d": "_inline-flex:d_4wi2w_100",
+  "inline-flex_sm": "_inline-flex_sm_4wi2w_103",
+  "inline-flex_sm:h": "_inline-flex_sm:h_4wi2w_104",
+  "inline-flex_sm:f": "_inline-flex_sm:f_4wi2w_105",
+  "inline-flex_sm:a": "_inline-flex_sm:a_4wi2w_106",
+  "inline-flex_sm:d": "_inline-flex_sm:d_4wi2w_107",
+  "inline-flex_md": "_inline-flex_md_4wi2w_111",
+  "inline-flex_md:h": "_inline-flex_md:h_4wi2w_112",
+  "inline-flex_md:f": "_inline-flex_md:f_4wi2w_113",
+  "inline-flex_md:a": "_inline-flex_md:a_4wi2w_114",
+  "inline-flex_md:d": "_inline-flex_md:d_4wi2w_115",
+  "inline-flex_lg": "_inline-flex_lg_4wi2w_119",
+  "inline-flex_lg:h": "_inline-flex_lg:h_4wi2w_120",
+  "inline-flex_lg:f": "_inline-flex_lg:f_4wi2w_121",
+  "inline-flex_lg:a": "_inline-flex_lg:a_4wi2w_122",
+  "inline-flex_lg:d": "_inline-flex_lg:d_4wi2w_123",
+  "inline-flex_xl": "_inline-flex_xl_4wi2w_127",
+  "inline-flex_xl:h": "_inline-flex_xl:h_4wi2w_128",
+  "inline-flex_xl:f": "_inline-flex_xl:f_4wi2w_129",
+  "inline-flex_xl:a": "_inline-flex_xl:a_4wi2w_130",
+  "inline-flex_xl:d": "_inline-flex_xl:d_4wi2w_131",
+  "inline-flex_2xl": "_inline-flex_2xl_4wi2w_135",
+  "inline-flex_2xl:h": "_inline-flex_2xl:h_4wi2w_136",
+  "inline-flex_2xl:f": "_inline-flex_2xl:f_4wi2w_137",
+  "inline-flex_2xl:a": "_inline-flex_2xl:a_4wi2w_138",
+  "inline-flex_2xl:d": "_inline-flex_2xl:d_4wi2w_139",
+  grid,
+  "grid:h": "_grid:h_4wi2w_144",
+  "grid:f": "_grid:f_4wi2w_145",
+  "grid:a": "_grid:a_4wi2w_146",
+  "grid:d": "_grid:d_4wi2w_147",
+  grid_sm,
+  "grid_sm:h": "_grid_sm:h_4wi2w_151",
+  "grid_sm:f": "_grid_sm:f_4wi2w_152",
+  "grid_sm:a": "_grid_sm:a_4wi2w_153",
+  "grid_sm:d": "_grid_sm:d_4wi2w_154",
+  grid_md,
+  "grid_md:h": "_grid_md:h_4wi2w_159",
+  "grid_md:f": "_grid_md:f_4wi2w_160",
+  "grid_md:a": "_grid_md:a_4wi2w_161",
+  "grid_md:d": "_grid_md:d_4wi2w_162",
+  grid_lg,
+  "grid_lg:h": "_grid_lg:h_4wi2w_167",
+  "grid_lg:f": "_grid_lg:f_4wi2w_168",
+  "grid_lg:a": "_grid_lg:a_4wi2w_169",
+  "grid_lg:d": "_grid_lg:d_4wi2w_170",
+  grid_xl,
+  "grid_xl:h": "_grid_xl:h_4wi2w_175",
+  "grid_xl:f": "_grid_xl:f_4wi2w_176",
+  "grid_xl:a": "_grid_xl:a_4wi2w_177",
+  "grid_xl:d": "_grid_xl:d_4wi2w_178",
+  grid_2xl,
+  "grid_2xl:h": "_grid_2xl:h_4wi2w_183",
+  "grid_2xl:f": "_grid_2xl:f_4wi2w_184",
+  "grid_2xl:a": "_grid_2xl:a_4wi2w_185",
+  "grid_2xl:d": "_grid_2xl:d_4wi2w_186",
+  inline,
+  "inline:h": "_inline:h_4wi2w_191",
+  "inline:f": "_inline:f_4wi2w_192",
+  "inline:a": "_inline:a_4wi2w_193",
+  "inline:d": "_inline:d_4wi2w_194",
+  inline_sm,
+  "inline_sm:h": "_inline_sm:h_4wi2w_198",
+  "inline_sm:f": "_inline_sm:f_4wi2w_199",
+  "inline_sm:a": "_inline_sm:a_4wi2w_200",
+  "inline_sm:d": "_inline_sm:d_4wi2w_201",
+  inline_md,
+  "inline_md:h": "_inline_md:h_4wi2w_206",
+  "inline_md:f": "_inline_md:f_4wi2w_207",
+  "inline_md:a": "_inline_md:a_4wi2w_208",
+  "inline_md:d": "_inline_md:d_4wi2w_209",
+  inline_lg,
+  "inline_lg:h": "_inline_lg:h_4wi2w_214",
+  "inline_lg:f": "_inline_lg:f_4wi2w_215",
+  "inline_lg:a": "_inline_lg:a_4wi2w_216",
+  "inline_lg:d": "_inline_lg:d_4wi2w_217",
+  inline_xl,
+  "inline_xl:h": "_inline_xl:h_4wi2w_222",
+  "inline_xl:f": "_inline_xl:f_4wi2w_223",
+  "inline_xl:a": "_inline_xl:a_4wi2w_224",
+  "inline_xl:d": "_inline_xl:d_4wi2w_225",
+  inline_2xl,
+  "inline_2xl:h": "_inline_2xl:h_4wi2w_230",
+  "inline_2xl:f": "_inline_2xl:f_4wi2w_231",
+  "inline_2xl:a": "_inline_2xl:a_4wi2w_232",
+  "inline_2xl:d": "_inline_2xl:d_4wi2w_233",
+  "inline-block": "_inline-block_4wi2w_237",
+  "inline-block:h": "_inline-block:h_4wi2w_238",
+  "inline-block:f": "_inline-block:f_4wi2w_239",
+  "inline-block:a": "_inline-block:a_4wi2w_240",
+  "inline-block:d": "_inline-block:d_4wi2w_241",
+  "inline-block_sm": "_inline-block_sm_4wi2w_244",
+  "inline-block_sm:h": "_inline-block_sm:h_4wi2w_245",
+  "inline-block_sm:f": "_inline-block_sm:f_4wi2w_246",
+  "inline-block_sm:a": "_inline-block_sm:a_4wi2w_247",
+  "inline-block_sm:d": "_inline-block_sm:d_4wi2w_248",
+  "inline-block_md": "_inline-block_md_4wi2w_252",
+  "inline-block_md:h": "_inline-block_md:h_4wi2w_253",
+  "inline-block_md:f": "_inline-block_md:f_4wi2w_254",
+  "inline-block_md:a": "_inline-block_md:a_4wi2w_255",
+  "inline-block_md:d": "_inline-block_md:d_4wi2w_256",
+  "inline-block_lg": "_inline-block_lg_4wi2w_260",
+  "inline-block_lg:h": "_inline-block_lg:h_4wi2w_261",
+  "inline-block_lg:f": "_inline-block_lg:f_4wi2w_262",
+  "inline-block_lg:a": "_inline-block_lg:a_4wi2w_263",
+  "inline-block_lg:d": "_inline-block_lg:d_4wi2w_264",
+  "inline-block_xl": "_inline-block_xl_4wi2w_268",
+  "inline-block_xl:h": "_inline-block_xl:h_4wi2w_269",
+  "inline-block_xl:f": "_inline-block_xl:f_4wi2w_270",
+  "inline-block_xl:a": "_inline-block_xl:a_4wi2w_271",
+  "inline-block_xl:d": "_inline-block_xl:d_4wi2w_272",
+  "inline-block_2xl": "_inline-block_2xl_4wi2w_276",
+  "inline-block_2xl:h": "_inline-block_2xl:h_4wi2w_277",
+  "inline-block_2xl:f": "_inline-block_2xl:f_4wi2w_278",
+  "inline-block_2xl:a": "_inline-block_2xl:a_4wi2w_279",
+  "inline-block_2xl:d": "_inline-block_2xl:d_4wi2w_280",
+  none,
+  "none:h": "_none:h_4wi2w_285",
+  "none:f": "_none:f_4wi2w_286",
+  "none:a": "_none:a_4wi2w_287",
+  "none:d": "_none:d_4wi2w_288",
+  none_sm,
+  "none_sm:h": "_none_sm:h_4wi2w_292",
+  "none_sm:f": "_none_sm:f_4wi2w_293",
+  "none_sm:a": "_none_sm:a_4wi2w_294",
+  "none_sm:d": "_none_sm:d_4wi2w_295",
+  none_md,
+  "none_md:h": "_none_md:h_4wi2w_300",
+  "none_md:f": "_none_md:f_4wi2w_301",
+  "none_md:a": "_none_md:a_4wi2w_302",
+  "none_md:d": "_none_md:d_4wi2w_303",
+  none_lg,
+  "none_lg:h": "_none_lg:h_4wi2w_308",
+  "none_lg:f": "_none_lg:f_4wi2w_309",
+  "none_lg:a": "_none_lg:a_4wi2w_310",
+  "none_lg:d": "_none_lg:d_4wi2w_311",
+  none_xl,
+  "none_xl:h": "_none_xl:h_4wi2w_316",
+  "none_xl:f": "_none_xl:f_4wi2w_317",
+  "none_xl:a": "_none_xl:a_4wi2w_318",
+  "none_xl:d": "_none_xl:d_4wi2w_319",
+  none_2xl,
+  "none_2xl:h": "_none_2xl:h_4wi2w_324",
+  "none_2xl:f": "_none_2xl:f_4wi2w_325",
+  "none_2xl:a": "_none_2xl:a_4wi2w_326",
+  "none_2xl:d": "_none_2xl:d_4wi2w_327",
+  contents,
+  "contents:h": "_contents:h_4wi2w_332",
+  "contents:f": "_contents:f_4wi2w_333",
+  "contents:a": "_contents:a_4wi2w_334",
+  "contents:d": "_contents:d_4wi2w_335",
+  contents_sm,
+  "contents_sm:h": "_contents_sm:h_4wi2w_339",
+  "contents_sm:f": "_contents_sm:f_4wi2w_340",
+  "contents_sm:a": "_contents_sm:a_4wi2w_341",
+  "contents_sm:d": "_contents_sm:d_4wi2w_342",
+  contents_md,
+  "contents_md:h": "_contents_md:h_4wi2w_347",
+  "contents_md:f": "_contents_md:f_4wi2w_348",
+  "contents_md:a": "_contents_md:a_4wi2w_349",
+  "contents_md:d": "_contents_md:d_4wi2w_350",
+  contents_lg,
+  "contents_lg:h": "_contents_lg:h_4wi2w_355",
+  "contents_lg:f": "_contents_lg:f_4wi2w_356",
+  "contents_lg:a": "_contents_lg:a_4wi2w_357",
+  "contents_lg:d": "_contents_lg:d_4wi2w_358",
+  contents_xl,
+  "contents_xl:h": "_contents_xl:h_4wi2w_363",
+  "contents_xl:f": "_contents_xl:f_4wi2w_364",
+  "contents_xl:a": "_contents_xl:a_4wi2w_365",
+  "contents_xl:d": "_contents_xl:d_4wi2w_366",
+  contents_2xl,
+  "contents_2xl:h": "_contents_2xl:h_4wi2w_371",
+  "contents_2xl:f": "_contents_2xl:f_4wi2w_372",
+  "contents_2xl:a": "_contents_2xl:a_4wi2w_373",
+  "contents_2xl:d": "_contents_2xl:d_4wi2w_374"
+};
+export {
+  block,
+  block_2xl,
+  block_lg,
+  block_md,
+  block_sm,
+  block_xl,
+  contents,
+  contents_2xl,
+  contents_lg,
+  contents_md,
+  contents_sm,
+  contents_xl,
+  styles as default,
+  flex,
+  flex_2xl,
+  flex_lg,
+  flex_md,
+  flex_sm,
+  flex_xl,
+  grid,
+  grid_2xl,
+  grid_lg,
+  grid_md,
+  grid_sm,
+  grid_xl,
+  inline,
+  inline_2xl,
+  inline_lg,
+  inline_md,
+  inline_sm,
+  inline_xl,
+  none,
+  none_2xl,
+  none_lg,
+  none_md,
+  none_sm,
+  none_xl
+};
+//# sourceMappingURL=display.module.css.js.map

package/dist/components/Box/display/display.module.css.js.map

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

package/dist/components/Box/flexbox/flexbox.js

@@ -0,0 +1,139 @@
+import { STATE_SUFFIXES, STATE_CLASS_SUFFIXES } from "../shared/constants.js";
+import styles from "./flexbox.module.css.js";
+import clsx from "clsx";
+function getFlexDirectionClass(value, state) {
+  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];
+  return stateClassSuffix ? styles[`flex-${value}${stateClassSuffix}`] : styles[`flex-${value}`];
+}
+function getJustifyContentClass(value, state) {
+  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];
+  return stateClassSuffix ? styles[`justify-${value}${stateClassSuffix}`] : styles[`justify-${value}`];
+}
+function getAlignItemsClass(value, state) {
+  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];
+  return stateClassSuffix ? styles[`items-${value}${stateClassSuffix}`] : styles[`items-${value}`];
+}
+function getAlignSelfClass(value, state) {
+  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];
+  return stateClassSuffix ? styles[`self-${value}${stateClassSuffix}`] : styles[`self-${value}`];
+}
+function getFlexWrapClass(value, state) {
+  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];
+  return stateClassSuffix ? styles[`flex-${value}${stateClassSuffix}`] : styles[`flex-${value}`];
+}
+function getSpacingValue(value) {
+  if (value === void 0) return "normal";
+  if (typeof value === "string") return value;
+  if (value === 0) return "0";
+  return `calc(var(--t-spacing-unit) * ${value})`;
+}
+function getFlexboxStylesForState(props, state) {
+  if (!props) return { className: "", style: {} };
+  const {
+    flexDirection,
+    justifyContent,
+    alignItems,
+    alignSelf,
+    flexWrap,
+    gap,
+    gapRow,
+    gapColumn,
+    flex,
+    flexGrow,
+    flexShrink,
+    flexBasis
+  } = props;
+  const classes = [];
+  const style = {};
+  const stateVarSuffix = STATE_SUFFIXES[state];
+  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];
+  if (flexDirection) {
+    const cls = getFlexDirectionClass(flexDirection, state);
+    if (cls) classes.push(cls);
+  }
+  if (justifyContent) {
+    const cls = getJustifyContentClass(justifyContent, state);
+    if (cls) classes.push(cls);
+  }
+  if (alignItems) {
+    const cls = getAlignItemsClass(alignItems, state);
+    if (cls) classes.push(cls);
+  }
+  if (alignSelf) {
+    const cls = getAlignSelfClass(alignSelf, state);
+    if (cls) classes.push(cls);
+  }
+  if (flexWrap) {
+    const cls = getFlexWrapClass(flexWrap, state);
+    if (cls) classes.push(cls);
+  }
+  if (gap !== void 0 || gapRow !== void 0 || gapColumn !== void 0) {
+    const row = gapRow ?? gap;
+    const column = gapColumn ?? gap;
+    const rowValue = getSpacingValue(row);
+    const columnValue = getSpacingValue(column);
+    const gapValue = rowValue === columnValue ? rowValue : `${rowValue} ${columnValue}`;
+    const gapClass = stateClassSuffix ? styles[`gap${stateClassSuffix}`] : styles.gap;
+    if (gapClass) classes.push(gapClass);
+    style[`--t-gap${stateVarSuffix}`] = gapValue;
+  }
+  if (flex !== void 0) {
+    const flexClass = stateClassSuffix ? styles[`flex${stateClassSuffix}`] : styles.flex;
+    if (flexClass) classes.push(flexClass);
+    style[`--t-flex${stateVarSuffix}`] = flex;
+  } else if (flexGrow !== void 0 || flexShrink !== void 0 || flexBasis !== void 0) {
+    const grow = flexGrow ?? 0;
+    const shrink = flexShrink ?? 1;
+    const basis = flexBasis ?? "auto";
+    const flexClass = stateClassSuffix ? styles[`flex${stateClassSuffix}`] : styles.flex;
+    if (flexClass) classes.push(flexClass);
+    style[`--t-flex${stateVarSuffix}`] = `${grow} ${shrink} ${basis}`;
+  }
+  return {
+    className: clsx(...classes),
+    style
+  };
+}
+function getFlexboxStyles(props) {
+  const {
+    flexDirection,
+    justifyContent,
+    alignItems,
+    alignSelf,
+    flexWrap,
+    gap,
+    gapRow,
+    gapColumn,
+    flex,
+    flexGrow,
+    flexShrink,
+    flexBasis,
+    _hover
+  } = props;
+  const baseStyles = getFlexboxStylesForState(
+    {
+      flexDirection,
+      justifyContent,
+      alignItems,
+      alignSelf,
+      flexWrap,
+      gap,
+      gapRow,
+      gapColumn,
+      flex,
+      flexGrow,
+      flexShrink,
+      flexBasis
+    },
+    "base"
+  );
+  const hoverStyles = getFlexboxStylesForState(_hover, "hover");
+  return {
+    className: clsx(baseStyles.className, hoverStyles.className),
+    style: { ...baseStyles.style, ...hoverStyles.style }
+  };
+}
+export {
+  getFlexboxStyles
+};
+//# sourceMappingURL=flexbox.js.map

package/dist/components/Box/flexbox/flexbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flexbox.js","sources":["../../../../src/components/Box/flexbox/flexbox.ts"],"sourcesContent":["import {\n  STATE_SUFFIXES,\n  STATE_CLASS_SUFFIXES,\n  type StateKey,\n  type StyleResult,\n} from \"../shared\";\nimport styles from \"./flexbox.module.css\";\nimport clsx from \"clsx\";\n\nexport type FlexDirectionValue = \"row\" | \"row-reverse\" | \"column\" | \"column-reverse\";\nexport type JustifyContentValue = \"start\" | \"end\" | \"center\" | \"space-between\" | \"space-around\" | \"space-evenly\";\nexport type AlignItemsValue = \"start\" | \"end\" | \"center\" | \"stretch\" | \"baseline\";\nexport type AlignSelfValue = \"auto\" | \"start\" | \"end\" | \"center\" | \"stretch\" | \"baseline\";\nexport type FlexWrapValue = \"nowrap\" | \"wrap\" | \"wrap-reverse\";\nexport type SpacingValue = number | string;\n\nexport type FlexboxProps = {\n  flexDirection?: FlexDirectionValue;\n  justifyContent?: JustifyContentValue;\n  alignItems?: AlignItemsValue;\n  alignSelf?: AlignSelfValue;\n  flexWrap?: FlexWrapValue;\n  gap?: SpacingValue;\n  gapRow?: SpacingValue;\n  gapColumn?: SpacingValue;\n  flex?: string;\n  flexGrow?: number;\n  flexShrink?: number;\n  flexBasis?: string;\n};\n\nexport type FlexboxStateProps = {\n  _hover?: FlexboxProps;\n};\n\nfunction getFlexDirectionClass(value: FlexDirectionValue, state: StateKey): string | undefined {\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n  return stateClassSuffix\n    ? styles[`flex-${value}${stateClassSuffix}`]\n    : styles[`flex-${value}`];\n}\n\nfunction getJustifyContentClass(value: JustifyContentValue, state: StateKey): string | undefined {\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n  return stateClassSuffix\n    ? styles[`justify-${value}${stateClassSuffix}`]\n    : styles[`justify-${value}`];\n}\n\nfunction getAlignItemsClass(value: AlignItemsValue, state: StateKey): string | undefined {\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n  return stateClassSuffix\n    ? styles[`items-${value}${stateClassSuffix}`]\n    : styles[`items-${value}`];\n}\n\nfunction getAlignSelfClass(value: AlignSelfValue, state: StateKey): string | undefined {\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n  return stateClassSuffix\n    ? styles[`self-${value}${stateClassSuffix}`]\n    : styles[`self-${value}`];\n}\n\nfunction getFlexWrapClass(value: FlexWrapValue, state: StateKey): string | undefined {\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n  return stateClassSuffix\n    ? styles[`flex-${value}${stateClassSuffix}`]\n    : styles[`flex-${value}`];\n}\n\nfunction getSpacingValue(value?: SpacingValue): string {\n  if (value === undefined) return \"normal\";\n  if (typeof value === \"string\") return value;\n  if (value === 0) return \"0\";\n  return `calc(var(--t-spacing-unit) * ${value})`;\n}\n\nfunction getFlexboxStylesForState(\n  props: FlexboxProps | undefined,\n  state: StateKey\n): StyleResult {\n  if (!props) return { className: \"\", style: {} };\n\n  const {\n    flexDirection,\n    justifyContent,\n    alignItems,\n    alignSelf,\n    flexWrap,\n    gap,\n    gapRow,\n    gapColumn,\n    flex,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n  } = props;\n\n  const classes: string[] = [];\n  const style: Record<string, string> = {};\n  const stateVarSuffix = STATE_SUFFIXES[state];\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n\n  // Enumerated props\n  if (flexDirection) {\n    const cls = getFlexDirectionClass(flexDirection, state);\n    if (cls) classes.push(cls);\n  }\n\n  if (justifyContent) {\n    const cls = getJustifyContentClass(justifyContent, state);\n    if (cls) classes.push(cls);\n  }\n\n  if (alignItems) {\n    const cls = getAlignItemsClass(alignItems, state);\n    if (cls) classes.push(cls);\n  }\n\n  if (alignSelf) {\n    const cls = getAlignSelfClass(alignSelf, state);\n    if (cls) classes.push(cls);\n  }\n\n  if (flexWrap) {\n    const cls = getFlexWrapClass(flexWrap, state);\n    if (cls) classes.push(cls);\n  }\n\n  // Variable-based props: gap\n  if (gap !== undefined || gapRow !== undefined || gapColumn !== undefined) {\n    const row = gapRow ?? gap;\n    const column = gapColumn ?? gap;\n    const rowValue = getSpacingValue(row);\n    const columnValue = getSpacingValue(column);\n    const gapValue = rowValue === columnValue ? rowValue : `${rowValue} ${columnValue}`;\n\n    const gapClass = stateClassSuffix ? styles[`gap${stateClassSuffix}`] : styles.gap;\n    if (gapClass) classes.push(gapClass);\n    style[`--t-gap${stateVarSuffix}`] = gapValue;\n  }\n\n  // Variable-based props: flex\n  if (flex !== undefined) {\n    const flexClass = stateClassSuffix ? styles[`flex${stateClassSuffix}`] : styles.flex;\n    if (flexClass) classes.push(flexClass);\n    style[`--t-flex${stateVarSuffix}`] = flex;\n  } else if (flexGrow !== undefined || flexShrink !== undefined || flexBasis !== undefined) {\n    const grow = flexGrow ?? 0;\n    const shrink = flexShrink ?? 1;\n    const basis = flexBasis ?? \"auto\";\n    const flexClass = stateClassSuffix ? styles[`flex${stateClassSuffix}`] : styles.flex;\n    if (flexClass) classes.push(flexClass);\n    style[`--t-flex${stateVarSuffix}`] = `${grow} ${shrink} ${basis}`;\n  }\n\n  return {\n    className: clsx(...classes),\n    style,\n  };\n}\n\nexport function getFlexboxStyles(\n  props: FlexboxProps & FlexboxStateProps\n): StyleResult {\n  const {\n    flexDirection,\n    justifyContent,\n    alignItems,\n    alignSelf,\n    flexWrap,\n    gap,\n    gapRow,\n    gapColumn,\n    flex,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n    _hover,\n  } = props;\n\n  const baseStyles = getFlexboxStylesForState(\n    {\n      flexDirection,\n      justifyContent,\n      alignItems,\n      alignSelf,\n      flexWrap,\n      gap,\n      gapRow,\n      gapColumn,\n      flex,\n      flexGrow,\n      flexShrink,\n      flexBasis,\n    },\n    \"base\"\n  );\n  const hoverStyles = getFlexboxStylesForState(_hover, \"hover\");\n\n  return {\n    className: clsx(baseStyles.className, hoverStyles.className),\n    style: { ...baseStyles.style, ...hoverStyles.style } as Record<string, string>,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/components/Box/flexbox/flexbox.module.css

@@ -0,0 +1,65 @@
+/* flexDirection */
+._flex-row_1d49m_2 { flex-direction: row; }
+._flex-row\:h_1d49m_3:hover { flex-direction: row; }
+._flex-row-reverse_1d49m_4 { flex-direction: row-reverse; }
+._flex-row-reverse\:h_1d49m_5:hover { flex-direction: row-reverse; }
+._flex-column_1d49m_6 { flex-direction: column; }
+._flex-column\:h_1d49m_7:hover { flex-direction: column; }
+._flex-column-reverse_1d49m_8 { flex-direction: column-reverse; }
+._flex-column-reverse\:h_1d49m_9:hover { flex-direction: column-reverse; }
+
+/* justifyContent */
+._justify-start_1d49m_12 { justify-content: start; }
+._justify-start\:h_1d49m_13:hover { justify-content: start; }
+._justify-end_1d49m_14 { justify-content: end; }
+._justify-end\:h_1d49m_15:hover { justify-content: end; }
+._justify-center_1d49m_16 { justify-content: center; }
+._justify-center\:h_1d49m_17:hover { justify-content: center; }
+._justify-space-between_1d49m_18 { justify-content: space-between; }
+._justify-space-between\:h_1d49m_19:hover { justify-content: space-between; }
+._justify-space-around_1d49m_20 { justify-content: space-around; }
+._justify-space-around\:h_1d49m_21:hover { justify-content: space-around; }
+._justify-space-evenly_1d49m_22 { justify-content: space-evenly; }
+._justify-space-evenly\:h_1d49m_23:hover { justify-content: space-evenly; }
+
+/* alignItems */
+._items-start_1d49m_26 { align-items: start; }
+._items-start\:h_1d49m_27:hover { align-items: start; }
+._items-end_1d49m_28 { align-items: end; }
+._items-end\:h_1d49m_29:hover { align-items: end; }
+._items-center_1d49m_30 { align-items: center; }
+._items-center\:h_1d49m_31:hover { align-items: center; }
+._items-stretch_1d49m_32 { align-items: stretch; }
+._items-stretch\:h_1d49m_33:hover { align-items: stretch; }
+._items-baseline_1d49m_34 { align-items: baseline; }
+._items-baseline\:h_1d49m_35:hover { align-items: baseline; }
+
+/* alignSelf */
+._self-auto_1d49m_38 { align-self: auto; }
+._self-auto\:h_1d49m_39:hover { align-self: auto; }
+._self-start_1d49m_40 { align-self: start; }
+._self-start\:h_1d49m_41:hover { align-self: start; }
+._self-end_1d49m_42 { align-self: end; }
+._self-end\:h_1d49m_43:hover { align-self: end; }
+._self-center_1d49m_44 { align-self: center; }
+._self-center\:h_1d49m_45:hover { align-self: center; }
+._self-stretch_1d49m_46 { align-self: stretch; }
+._self-stretch\:h_1d49m_47:hover { align-self: stretch; }
+._self-baseline_1d49m_48 { align-self: baseline; }
+._self-baseline\:h_1d49m_49:hover { align-self: baseline; }
+
+/* flexWrap */
+._flex-nowrap_1d49m_52 { flex-wrap: nowrap; }
+._flex-nowrap\:h_1d49m_53:hover { flex-wrap: nowrap; }
+._flex-wrap_1d49m_54 { flex-wrap: wrap; }
+._flex-wrap\:h_1d49m_55:hover { flex-wrap: wrap; }
+._flex-wrap-reverse_1d49m_56 { flex-wrap: wrap-reverse; }
+._flex-wrap-reverse\:h_1d49m_57:hover { flex-wrap: wrap-reverse; }
+
+/* gap (variable-based) */
+._gap_1d49m_60 { gap: var(--t-gap); }
+._gap\:h_1d49m_61:hover { gap: var(--t-gap-h); }
+
+/* flex (variable-based) */
+._flex_1d49m_2 { flex: var(--t-flex); }
+._flex\:h_1d49m_65:hover { flex: var(--t-flex-h); }

package/dist/components/Box/flexbox/flexbox.module.css.js

@@ -0,0 +1,62 @@
+const gap = "_gap_1d49m_60";
+const flex = "_flex_1d49m_2";
+const styles = {
+  "flex-row": "_flex-row_1d49m_2",
+  "flex-row:h": "_flex-row:h_1d49m_3",
+  "flex-row-reverse": "_flex-row-reverse_1d49m_4",
+  "flex-row-reverse:h": "_flex-row-reverse:h_1d49m_5",
+  "flex-column": "_flex-column_1d49m_6",
+  "flex-column:h": "_flex-column:h_1d49m_7",
+  "flex-column-reverse": "_flex-column-reverse_1d49m_8",
+  "flex-column-reverse:h": "_flex-column-reverse:h_1d49m_9",
+  "justify-start": "_justify-start_1d49m_12",
+  "justify-start:h": "_justify-start:h_1d49m_13",
+  "justify-end": "_justify-end_1d49m_14",
+  "justify-end:h": "_justify-end:h_1d49m_15",
+  "justify-center": "_justify-center_1d49m_16",
+  "justify-center:h": "_justify-center:h_1d49m_17",
+  "justify-space-between": "_justify-space-between_1d49m_18",
+  "justify-space-between:h": "_justify-space-between:h_1d49m_19",
+  "justify-space-around": "_justify-space-around_1d49m_20",
+  "justify-space-around:h": "_justify-space-around:h_1d49m_21",
+  "justify-space-evenly": "_justify-space-evenly_1d49m_22",
+  "justify-space-evenly:h": "_justify-space-evenly:h_1d49m_23",
+  "items-start": "_items-start_1d49m_26",
+  "items-start:h": "_items-start:h_1d49m_27",
+  "items-end": "_items-end_1d49m_28",
+  "items-end:h": "_items-end:h_1d49m_29",
+  "items-center": "_items-center_1d49m_30",
+  "items-center:h": "_items-center:h_1d49m_31",
+  "items-stretch": "_items-stretch_1d49m_32",
+  "items-stretch:h": "_items-stretch:h_1d49m_33",
+  "items-baseline": "_items-baseline_1d49m_34",
+  "items-baseline:h": "_items-baseline:h_1d49m_35",
+  "self-auto": "_self-auto_1d49m_38",
+  "self-auto:h": "_self-auto:h_1d49m_39",
+  "self-start": "_self-start_1d49m_40",
+  "self-start:h": "_self-start:h_1d49m_41",
+  "self-end": "_self-end_1d49m_42",
+  "self-end:h": "_self-end:h_1d49m_43",
+  "self-center": "_self-center_1d49m_44",
+  "self-center:h": "_self-center:h_1d49m_45",
+  "self-stretch": "_self-stretch_1d49m_46",
+  "self-stretch:h": "_self-stretch:h_1d49m_47",
+  "self-baseline": "_self-baseline_1d49m_48",
+  "self-baseline:h": "_self-baseline:h_1d49m_49",
+  "flex-nowrap": "_flex-nowrap_1d49m_52",
+  "flex-nowrap:h": "_flex-nowrap:h_1d49m_53",
+  "flex-wrap": "_flex-wrap_1d49m_54",
+  "flex-wrap:h": "_flex-wrap:h_1d49m_55",
+  "flex-wrap-reverse": "_flex-wrap-reverse_1d49m_56",
+  "flex-wrap-reverse:h": "_flex-wrap-reverse:h_1d49m_57",
+  gap,
+  "gap:h": "_gap:h_1d49m_61",
+  flex,
+  "flex:h": "_flex:h_1d49m_65"
+};
+export {
+  styles as default,
+  flex,
+  gap
+};
+//# sourceMappingURL=flexbox.module.css.js.map

package/dist/components/Box/flexbox/flexbox.module.css.js.map

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

package/dist/components/Box/grid/grid.js

@@ -0,0 +1,49 @@
+import { STATE_SUFFIXES, STATE_CLASS_SUFFIXES } from "../shared/constants.js";
+import styles from "./grid.module.css.js";
+import clsx from "clsx";
+function getJustifySelfClass(value, state) {
+  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];
+  return stateClassSuffix ? styles[`justify-self-${value}${stateClassSuffix}`] : styles[`justify-self-${value}`];
+}
+function getGridStylesForState(props, state) {
+  if (!props) return { className: "", style: {} };
+  const { justifySelf, gridTemplateColumns, gridTemplateRows } = props;
+  const classes = [];
+  const style = {};
+  const stateVarSuffix = STATE_SUFFIXES[state];
+  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];
+  if (justifySelf) {
+    const cls = getJustifySelfClass(justifySelf, state);
+    if (cls) classes.push(cls);
+  }
+  if (gridTemplateColumns !== void 0) {
+    const gridColsClass = stateClassSuffix ? styles[`grid-cols${stateClassSuffix}`] : styles["grid-cols"];
+    if (gridColsClass) classes.push(gridColsClass);
+    style[`--t-grid-cols${stateVarSuffix}`] = gridTemplateColumns;
+  }
+  if (gridTemplateRows !== void 0) {
+    const gridRowsClass = stateClassSuffix ? styles[`grid-rows${stateClassSuffix}`] : styles["grid-rows"];
+    if (gridRowsClass) classes.push(gridRowsClass);
+    style[`--t-grid-rows${stateVarSuffix}`] = gridTemplateRows;
+  }
+  return {
+    className: clsx(...classes),
+    style
+  };
+}
+function getGridStyles(props) {
+  const { justifySelf, gridTemplateColumns, gridTemplateRows, _hover } = props;
+  const baseStyles = getGridStylesForState(
+    { justifySelf, gridTemplateColumns, gridTemplateRows },
+    "base"
+  );
+  const hoverStyles = getGridStylesForState(_hover, "hover");
+  return {
+    className: clsx(baseStyles.className, hoverStyles.className),
+    style: { ...baseStyles.style, ...hoverStyles.style }
+  };
+}
+export {
+  getGridStyles
+};
+//# sourceMappingURL=grid.js.map

package/dist/components/Box/grid/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sources":["../../../../src/components/Box/grid/grid.ts"],"sourcesContent":["import {\n  STATE_SUFFIXES,\n  STATE_CLASS_SUFFIXES,\n  type StateKey,\n  type StyleResult,\n} from \"../shared\";\nimport styles from \"./grid.module.css\";\nimport clsx from \"clsx\";\n\nexport type JustifySelfValue = \"auto\" | \"start\" | \"end\" | \"center\" | \"stretch\";\n\nexport type GridProps = {\n  justifySelf?: JustifySelfValue;\n  gridTemplateColumns?: string;\n  gridTemplateRows?: string;\n};\n\nexport type GridStateProps = {\n  _hover?: GridProps;\n};\n\nfunction getJustifySelfClass(value: JustifySelfValue, state: StateKey): string | undefined {\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n  return stateClassSuffix\n    ? styles[`justify-self-${value}${stateClassSuffix}`]\n    : styles[`justify-self-${value}`];\n}\n\nfunction getGridStylesForState(\n  props: GridProps | undefined,\n  state: StateKey\n): StyleResult {\n  if (!props) return { className: \"\", style: {} };\n\n  const { justifySelf, gridTemplateColumns, gridTemplateRows } = props;\n\n  const classes: string[] = [];\n  const style: Record<string, string> = {};\n  const stateVarSuffix = STATE_SUFFIXES[state];\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n\n  // Enumerated prop\n  if (justifySelf) {\n    const cls = getJustifySelfClass(justifySelf, state);\n    if (cls) classes.push(cls);\n  }\n\n  // Variable-based props\n  if (gridTemplateColumns !== undefined) {\n    const gridColsClass = stateClassSuffix ? styles[`grid-cols${stateClassSuffix}`] : styles[\"grid-cols\"];\n    if (gridColsClass) classes.push(gridColsClass);\n    style[`--t-grid-cols${stateVarSuffix}`] = gridTemplateColumns;\n  }\n\n  if (gridTemplateRows !== undefined) {\n    const gridRowsClass = stateClassSuffix ? styles[`grid-rows${stateClassSuffix}`] : styles[\"grid-rows\"];\n    if (gridRowsClass) classes.push(gridRowsClass);\n    style[`--t-grid-rows${stateVarSuffix}`] = gridTemplateRows;\n  }\n\n  return {\n    className: clsx(...classes),\n    style,\n  };\n}\n\nexport function getGridStyles(\n  props: GridProps & GridStateProps\n): StyleResult {\n  const { justifySelf, gridTemplateColumns, gridTemplateRows, _hover } = props;\n\n  const baseStyles = getGridStylesForState(\n    { justifySelf, gridTemplateColumns, gridTemplateRows },\n    \"base\"\n  );\n  const hoverStyles = getGridStylesForState(_hover, \"hover\");\n\n  return {\n    className: clsx(baseStyles.className, hoverStyles.className),\n    style: { ...baseStyles.style, ...hoverStyles.style } as Record<string, string>,\n  };\n}\n"],"names":[],"mappings":";;;AAqBA,SAAS,oBAAoB,OAAyB,OAAqC;AACzF,QAAM,mBAAmB,qBAAqB,KAAK;AACnD,SAAO,mBACH,OAAO,gBAAgB,KAAK,GAAG,gBAAgB,EAAE,IACjD,OAAO,gBAAgB,KAAK,EAAE;AACpC;AAEA,SAAS,sBACP,OACA,OACa;AACb,MAAI,CAAC,MAAO,QAAO,EAAE,WAAW,IAAI,OAAO,GAAC;AAE5C,QAAM,EAAE,aAAa,qBAAqB,iBAAA,IAAqB;AAE/D,QAAM,UAAoB,CAAA;AAC1B,QAAM,QAAgC,CAAA;AACtC,QAAM,iBAAiB,eAAe,KAAK;AAC3C,QAAM,mBAAmB,qBAAqB,KAAK;AAGnD,MAAI,aAAa;AACf,UAAM,MAAM,oBAAoB,aAAa,KAAK;AAClD,QAAI,IAAK,SAAQ,KAAK,GAAG;AAAA,EAC3B;AAGA,MAAI,wBAAwB,QAAW;AACrC,UAAM,gBAAgB,mBAAmB,OAAO,YAAY,gBAAgB,EAAE,IAAI,OAAO,WAAW;AACpG,QAAI,cAAe,SAAQ,KAAK,aAAa;AAC7C,UAAM,gBAAgB,cAAc,EAAE,IAAI;AAAA,EAC5C;AAEA,MAAI,qBAAqB,QAAW;AAClC,UAAM,gBAAgB,mBAAmB,OAAO,YAAY,gBAAgB,EAAE,IAAI,OAAO,WAAW;AACpG,QAAI,cAAe,SAAQ,KAAK,aAAa;AAC7C,UAAM,gBAAgB,cAAc,EAAE,IAAI;AAAA,EAC5C;AAEA,SAAO;AAAA,IACL,WAAW,KAAK,GAAG,OAAO;AAAA,IAC1B;AAAA,EAAA;AAEJ;AAEO,SAAS,cACd,OACa;AACb,QAAM,EAAE,aAAa,qBAAqB,kBAAkB,WAAW;AAEvE,QAAM,aAAa;AAAA,IACjB,EAAE,aAAa,qBAAqB,iBAAA;AAAA,IACpC;AAAA,EAAA;AAEF,QAAM,cAAc,sBAAsB,QAAQ,OAAO;AAEzD,SAAO;AAAA,IACL,WAAW,KAAK,WAAW,WAAW,YAAY,SAAS;AAAA,IAC3D,OAAO,EAAE,GAAG,WAAW,OAAO,GAAG,YAAY,MAAA;AAAA,EAAM;AAEvD;"}