@tosui/react 0.1.0 → 0.1.2

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

@@ -0,0 +1,19 @@
+/* justifySelf */
+._justify-self-auto_1s4ho_2 { justify-self: auto; }
+._justify-self-auto\:h_1s4ho_3:hover { justify-self: auto; }
+._justify-self-start_1s4ho_4 { justify-self: start; }
+._justify-self-start\:h_1s4ho_5:hover { justify-self: start; }
+._justify-self-end_1s4ho_6 { justify-self: end; }
+._justify-self-end\:h_1s4ho_7:hover { justify-self: end; }
+._justify-self-center_1s4ho_8 { justify-self: center; }
+._justify-self-center\:h_1s4ho_9:hover { justify-self: center; }
+._justify-self-stretch_1s4ho_10 { justify-self: stretch; }
+._justify-self-stretch\:h_1s4ho_11:hover { justify-self: stretch; }
+
+/* gridTemplateColumns (variable-based) */
+._grid-cols_1s4ho_14 { grid-template-columns: var(--t-grid-cols); }
+._grid-cols\:h_1s4ho_15:hover { grid-template-columns: var(--t-grid-cols-h); }
+
+/* gridTemplateRows (variable-based) */
+._grid-rows_1s4ho_18 { grid-template-rows: var(--t-grid-rows); }
+._grid-rows\:h_1s4ho_19:hover { grid-template-rows: var(--t-grid-rows-h); }

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

@@ -0,0 +1,20 @@
+const styles = {
+  "justify-self-auto": "_justify-self-auto_1s4ho_2",
+  "justify-self-auto:h": "_justify-self-auto:h_1s4ho_3",
+  "justify-self-start": "_justify-self-start_1s4ho_4",
+  "justify-self-start:h": "_justify-self-start:h_1s4ho_5",
+  "justify-self-end": "_justify-self-end_1s4ho_6",
+  "justify-self-end:h": "_justify-self-end:h_1s4ho_7",
+  "justify-self-center": "_justify-self-center_1s4ho_8",
+  "justify-self-center:h": "_justify-self-center:h_1s4ho_9",
+  "justify-self-stretch": "_justify-self-stretch_1s4ho_10",
+  "justify-self-stretch:h": "_justify-self-stretch:h_1s4ho_11",
+  "grid-cols": "_grid-cols_1s4ho_14",
+  "grid-cols:h": "_grid-cols:h_1s4ho_15",
+  "grid-rows": "_grid-rows_1s4ho_18",
+  "grid-rows:h": "_grid-rows:h_1s4ho_19"
+};
+export {
+  styles as default
+};
+//# sourceMappingURL=grid.module.css.js.map

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

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

package/dist/components/Box/inset/inset.js

@@ -0,0 +1,96 @@
+import { STATE_SUFFIXES, STATE_CLASS_SUFFIXES, RESPONSIVE_KEYS } from "../shared/constants.js";
+import { getRawValue } from "../shared/spacing.js";
+import styles from "./inset.module.css.js";
+import clsx from "clsx";
+function getInsetProp(key, value, state = "base") {
+  const result = { className: "", style: {} };
+  if (value === void 0) return result;
+  const stateSuffix = STATE_SUFFIXES[state];
+  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];
+  if (typeof value !== "object") {
+    const rawValue = getRawValue(value);
+    if (rawValue !== void 0) {
+      const className = stateClassSuffix ? styles[`${key}${stateClassSuffix}`] : styles[key];
+      result.className = className || "";
+      result.style[`--t-${key}${stateSuffix}`] = rawValue;
+    }
+    return result;
+  }
+  for (const responsiveKey of RESPONSIVE_KEYS) {
+    const rawValue = getRawValue(value[responsiveKey]);
+    if (rawValue === void 0) continue;
+    let className;
+    let varName;
+    if (responsiveKey === "base") {
+      className = stateClassSuffix ? styles[`${key}${stateClassSuffix}`] : styles[key];
+      varName = `--t-${key}${stateSuffix}`;
+    } else {
+      className = stateClassSuffix ? styles[`${key}_${responsiveKey}${stateClassSuffix}`] : styles[`${key}_${responsiveKey}`];
+      varName = `--t-${key}_${responsiveKey}${stateSuffix}`;
+    }
+    if (className) {
+      result.className = clsx(result.className, className);
+    }
+    result.style[varName] = rawValue;
+  }
+  return result;
+}
+function resolveInsetValue(key, props) {
+  const shorthandMap = {
+    top: "insetY",
+    bottom: "insetY",
+    right: "insetX",
+    left: "insetX"
+  };
+  return props[key] ?? props[shorthandMap[key]] ?? props.inset;
+}
+function getInsetStylesForState(props, state) {
+  const result = { className: "", style: {} };
+  if (!props) return result;
+  const insetTop = getInsetProp("top", resolveInsetValue("top", props), state);
+  const insetRight = getInsetProp("right", resolveInsetValue("right", props), state);
+  const insetBottom = getInsetProp("bottom", resolveInsetValue("bottom", props), state);
+  const insetLeft = getInsetProp("left", resolveInsetValue("left", props), state);
+  return {
+    className: clsx(
+      insetTop.className,
+      insetRight.className,
+      insetBottom.className,
+      insetLeft.className
+    ),
+    style: {
+      ...insetTop.style,
+      ...insetRight.style,
+      ...insetBottom.style,
+      ...insetLeft.style
+    }
+  };
+}
+function getInsetStyles(props) {
+  const { _hover, _focus, _active, _disabled, ...baseProps } = props;
+  const baseStyles = getInsetStylesForState(baseProps, "base");
+  const hoverStyles = getInsetStylesForState(_hover, "hover");
+  const focusStyles = getInsetStylesForState(_focus, "focus");
+  const activeStyles = getInsetStylesForState(_active, "active");
+  const disabledStyles = getInsetStylesForState(_disabled, "disabled");
+  return {
+    className: clsx(
+      baseStyles.className,
+      hoverStyles.className,
+      focusStyles.className,
+      activeStyles.className,
+      disabledStyles.className
+    ),
+    style: {
+      ...baseStyles.style,
+      ...hoverStyles.style,
+      ...focusStyles.style,
+      ...activeStyles.style,
+      ...disabledStyles.style
+    }
+  };
+}
+export {
+  getInsetStyles
+};
+//# sourceMappingURL=inset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inset.js","sources":["../../../../src/components/Box/inset/inset.ts"],"sourcesContent":["import type { ResponsiveValue } from \"@/utils/breakpoints\";\nimport {\n  RESPONSIVE_KEYS,\n  STATE_SUFFIXES,\n  STATE_CLASS_SUFFIXES,\n  type StateKey,\n  type StyleResult,\n  getRawValue,\n} from \"../shared\";\nimport styles from \"./inset.module.css\";\nimport clsx from \"clsx\";\n\ntype InsetValue = string | number;\ntype InsetKey = \"top\" | \"right\" | \"bottom\" | \"left\";\ntype InsetShorthandKey = \"inset\" | \"insetX\" | \"insetY\";\n\nexport type InsetProps = {\n  inset?: ResponsiveValue<InsetValue>;\n  insetX?: ResponsiveValue<InsetValue>;\n  insetY?: ResponsiveValue<InsetValue>;\n  top?: ResponsiveValue<InsetValue>;\n  right?: ResponsiveValue<InsetValue>;\n  bottom?: ResponsiveValue<InsetValue>;\n  left?: ResponsiveValue<InsetValue>;\n};\n\nexport type InsetStateProps = {\n  _hover?: InsetProps;\n  _focus?: InsetProps;\n  _active?: InsetProps;\n  _disabled?: InsetProps;\n};\n\nfunction getInsetProp(\n  key: InsetKey,\n  value: ResponsiveValue<InsetValue> | undefined,\n  state: StateKey = \"base\"\n): StyleResult {\n  const result: StyleResult = { className: \"\", style: {} };\n\n  if (value === undefined) return result;\n\n  const stateSuffix = STATE_SUFFIXES[state];\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n\n  if (typeof value !== \"object\") {\n    const rawValue = getRawValue(value);\n    if (rawValue !== undefined) {\n      const className = stateClassSuffix\n        ? styles[`${key}${stateClassSuffix}`]\n        : styles[key];\n      result.className = className || \"\";\n      result.style[`--t-${key}${stateSuffix}`] = rawValue;\n    }\n    return result;\n  }\n\n  for (const responsiveKey of RESPONSIVE_KEYS) {\n    const rawValue = getRawValue(value[responsiveKey]);\n    if (rawValue === undefined) continue;\n\n    let className: string | undefined;\n    let varName: string;\n\n    if (responsiveKey === \"base\") {\n      className = stateClassSuffix\n        ? styles[`${key}${stateClassSuffix}`]\n        : styles[key];\n      varName = `--t-${key}${stateSuffix}`;\n    } else {\n      className = stateClassSuffix\n        ? styles[`${key}_${responsiveKey}${stateClassSuffix}`]\n        : styles[`${key}_${responsiveKey}`];\n      varName = `--t-${key}_${responsiveKey}${stateSuffix}`;\n    }\n\n    if (className) {\n      result.className = clsx(result.className, className);\n    }\n    result.style[varName] = rawValue;\n  }\n\n  return result;\n}\n\nfunction resolveInsetValue(\n  key: InsetKey,\n  props: InsetProps\n): ResponsiveValue<InsetValue> | undefined {\n  const shorthandMap: Record<InsetKey, InsetShorthandKey> = {\n    top: \"insetY\",\n    bottom: \"insetY\",\n    right: \"insetX\",\n    left: \"insetX\",\n  };\n  return props[key] ?? props[shorthandMap[key]] ?? props.inset;\n}\n\nfunction getInsetStylesForState(\n  props: InsetProps | undefined,\n  state: StateKey\n): StyleResult {\n  const result: StyleResult = { className: \"\", style: {} };\n\n  if (!props) return result;\n\n  const insetTop = getInsetProp(\"top\", resolveInsetValue(\"top\", props), state);\n  const insetRight = getInsetProp(\"right\", resolveInsetValue(\"right\", props), state);\n  const insetBottom = getInsetProp(\"bottom\", resolveInsetValue(\"bottom\", props), state);\n  const insetLeft = getInsetProp(\"left\", resolveInsetValue(\"left\", props), state);\n\n  return {\n    className: clsx(\n      insetTop.className,\n      insetRight.className,\n      insetBottom.className,\n      insetLeft.className\n    ),\n    style: {\n      ...insetTop.style,\n      ...insetRight.style,\n      ...insetBottom.style,\n      ...insetLeft.style,\n    },\n  };\n}\n\nexport function getInsetStyles(\n  props: InsetProps & InsetStateProps\n): StyleResult {\n  const { _hover, _focus, _active, _disabled, ...baseProps } = props;\n\n  const baseStyles = getInsetStylesForState(baseProps, \"base\");\n  const hoverStyles = getInsetStylesForState(_hover, \"hover\");\n  const focusStyles = getInsetStylesForState(_focus, \"focus\");\n  const activeStyles = getInsetStylesForState(_active, \"active\");\n  const disabledStyles = getInsetStylesForState(_disabled, \"disabled\");\n\n  return {\n    className: clsx(\n      baseStyles.className,\n      hoverStyles.className,\n      focusStyles.className,\n      activeStyles.className,\n      disabledStyles.className\n    ),\n    style: {\n      ...baseStyles.style,\n      ...hoverStyles.style,\n      ...focusStyles.style,\n      ...activeStyles.style,\n      ...disabledStyles.style,\n    },\n  };\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,187 @@
+/* top */
+._top_1okb2_2 { top: var(--t-top); }
+._top\:h_1okb2_3:hover { top: var(--t-top-h); }
+._top\:f_1okb2_4:focus { top: var(--t-top-f); }
+._top\:a_1okb2_5:active { top: var(--t-top-a); }
+._top\:d_1okb2_6:disabled { top: var(--t-top-d); }
+
+@media (min-width: 640px) {
+  ._top_sm_1okb2_9 { top: var(--t-top_sm); }
+  ._top_sm\:h_1okb2_10:hover { top: var(--t-top_sm-h); }
+  ._top_sm\:f_1okb2_11:focus { top: var(--t-top_sm-f); }
+  ._top_sm\:a_1okb2_12:active { top: var(--t-top_sm-a); }
+  ._top_sm\:d_1okb2_13:disabled { top: var(--t-top_sm-d); }
+}
+
+@media (min-width: 768px) {
+  ._top_md_1okb2_17 { top: var(--t-top_md); }
+  ._top_md\:h_1okb2_18:hover { top: var(--t-top_md-h); }
+  ._top_md\:f_1okb2_19:focus { top: var(--t-top_md-f); }
+  ._top_md\:a_1okb2_20:active { top: var(--t-top_md-a); }
+  ._top_md\:d_1okb2_21:disabled { top: var(--t-top_md-d); }
+}
+
+@media (min-width: 1024px) {
+  ._top_lg_1okb2_25 { top: var(--t-top_lg); }
+  ._top_lg\:h_1okb2_26:hover { top: var(--t-top_lg-h); }
+  ._top_lg\:f_1okb2_27:focus { top: var(--t-top_lg-f); }
+  ._top_lg\:a_1okb2_28:active { top: var(--t-top_lg-a); }
+  ._top_lg\:d_1okb2_29:disabled { top: var(--t-top_lg-d); }
+}
+
+@media (min-width: 1280px) {
+  ._top_xl_1okb2_33 { top: var(--t-top_xl); }
+  ._top_xl\:h_1okb2_34:hover { top: var(--t-top_xl-h); }
+  ._top_xl\:f_1okb2_35:focus { top: var(--t-top_xl-f); }
+  ._top_xl\:a_1okb2_36:active { top: var(--t-top_xl-a); }
+  ._top_xl\:d_1okb2_37:disabled { top: var(--t-top_xl-d); }
+}
+
+@media (min-width: 1536px) {
+  ._top_2xl_1okb2_41 { top: var(--t-top_2xl); }
+  ._top_2xl\:h_1okb2_42:hover { top: var(--t-top_2xl-h); }
+  ._top_2xl\:f_1okb2_43:focus { top: var(--t-top_2xl-f); }
+  ._top_2xl\:a_1okb2_44:active { top: var(--t-top_2xl-a); }
+  ._top_2xl\:d_1okb2_45:disabled { top: var(--t-top_2xl-d); }
+}
+
+/* right */
+._right_1okb2_49 { right: var(--t-right); }
+._right\:h_1okb2_50:hover { right: var(--t-right-h); }
+._right\:f_1okb2_51:focus { right: var(--t-right-f); }
+._right\:a_1okb2_52:active { right: var(--t-right-a); }
+._right\:d_1okb2_53:disabled { right: var(--t-right-d); }
+
+@media (min-width: 640px) {
+  ._right_sm_1okb2_56 { right: var(--t-right_sm); }
+  ._right_sm\:h_1okb2_57:hover { right: var(--t-right_sm-h); }
+  ._right_sm\:f_1okb2_58:focus { right: var(--t-right_sm-f); }
+  ._right_sm\:a_1okb2_59:active { right: var(--t-right_sm-a); }
+  ._right_sm\:d_1okb2_60:disabled { right: var(--t-right_sm-d); }
+}
+
+@media (min-width: 768px) {
+  ._right_md_1okb2_64 { right: var(--t-right_md); }
+  ._right_md\:h_1okb2_65:hover { right: var(--t-right_md-h); }
+  ._right_md\:f_1okb2_66:focus { right: var(--t-right_md-f); }
+  ._right_md\:a_1okb2_67:active { right: var(--t-right_md-a); }
+  ._right_md\:d_1okb2_68:disabled { right: var(--t-right_md-d); }
+}
+
+@media (min-width: 1024px) {
+  ._right_lg_1okb2_72 { right: var(--t-right_lg); }
+  ._right_lg\:h_1okb2_73:hover { right: var(--t-right_lg-h); }
+  ._right_lg\:f_1okb2_74:focus { right: var(--t-right_lg-f); }
+  ._right_lg\:a_1okb2_75:active { right: var(--t-right_lg-a); }
+  ._right_lg\:d_1okb2_76:disabled { right: var(--t-right_lg-d); }
+}
+
+@media (min-width: 1280px) {
+  ._right_xl_1okb2_80 { right: var(--t-right_xl); }
+  ._right_xl\:h_1okb2_81:hover { right: var(--t-right_xl-h); }
+  ._right_xl\:f_1okb2_82:focus { right: var(--t-right_xl-f); }
+  ._right_xl\:a_1okb2_83:active { right: var(--t-right_xl-a); }
+  ._right_xl\:d_1okb2_84:disabled { right: var(--t-right_xl-d); }
+}
+
+@media (min-width: 1536px) {
+  ._right_2xl_1okb2_88 { right: var(--t-right_2xl); }
+  ._right_2xl\:h_1okb2_89:hover { right: var(--t-right_2xl-h); }
+  ._right_2xl\:f_1okb2_90:focus { right: var(--t-right_2xl-f); }
+  ._right_2xl\:a_1okb2_91:active { right: var(--t-right_2xl-a); }
+  ._right_2xl\:d_1okb2_92:disabled { right: var(--t-right_2xl-d); }
+}
+
+/* bottom */
+._bottom_1okb2_96 { bottom: var(--t-bottom); }
+._bottom\:h_1okb2_97:hover { bottom: var(--t-bottom-h); }
+._bottom\:f_1okb2_98:focus { bottom: var(--t-bottom-f); }
+._bottom\:a_1okb2_99:active { bottom: var(--t-bottom-a); }
+._bottom\:d_1okb2_100:disabled { bottom: var(--t-bottom-d); }
+
+@media (min-width: 640px) {
+  ._bottom_sm_1okb2_103 { bottom: var(--t-bottom_sm); }
+  ._bottom_sm\:h_1okb2_104:hover { bottom: var(--t-bottom_sm-h); }
+  ._bottom_sm\:f_1okb2_105:focus { bottom: var(--t-bottom_sm-f); }
+  ._bottom_sm\:a_1okb2_106:active { bottom: var(--t-bottom_sm-a); }
+  ._bottom_sm\:d_1okb2_107:disabled { bottom: var(--t-bottom_sm-d); }
+}
+
+@media (min-width: 768px) {
+  ._bottom_md_1okb2_111 { bottom: var(--t-bottom_md); }
+  ._bottom_md\:h_1okb2_112:hover { bottom: var(--t-bottom_md-h); }
+  ._bottom_md\:f_1okb2_113:focus { bottom: var(--t-bottom_md-f); }
+  ._bottom_md\:a_1okb2_114:active { bottom: var(--t-bottom_md-a); }
+  ._bottom_md\:d_1okb2_115:disabled { bottom: var(--t-bottom_md-d); }
+}
+
+@media (min-width: 1024px) {
+  ._bottom_lg_1okb2_119 { bottom: var(--t-bottom_lg); }
+  ._bottom_lg\:h_1okb2_120:hover { bottom: var(--t-bottom_lg-h); }
+  ._bottom_lg\:f_1okb2_121:focus { bottom: var(--t-bottom_lg-f); }
+  ._bottom_lg\:a_1okb2_122:active { bottom: var(--t-bottom_lg-a); }
+  ._bottom_lg\:d_1okb2_123:disabled { bottom: var(--t-bottom_lg-d); }
+}
+
+@media (min-width: 1280px) {
+  ._bottom_xl_1okb2_127 { bottom: var(--t-bottom_xl); }
+  ._bottom_xl\:h_1okb2_128:hover { bottom: var(--t-bottom_xl-h); }
+  ._bottom_xl\:f_1okb2_129:focus { bottom: var(--t-bottom_xl-f); }
+  ._bottom_xl\:a_1okb2_130:active { bottom: var(--t-bottom_xl-a); }
+  ._bottom_xl\:d_1okb2_131:disabled { bottom: var(--t-bottom_xl-d); }
+}
+
+@media (min-width: 1536px) {
+  ._bottom_2xl_1okb2_135 { bottom: var(--t-bottom_2xl); }
+  ._bottom_2xl\:h_1okb2_136:hover { bottom: var(--t-bottom_2xl-h); }
+  ._bottom_2xl\:f_1okb2_137:focus { bottom: var(--t-bottom_2xl-f); }
+  ._bottom_2xl\:a_1okb2_138:active { bottom: var(--t-bottom_2xl-a); }
+  ._bottom_2xl\:d_1okb2_139:disabled { bottom: var(--t-bottom_2xl-d); }
+}
+
+/* left */
+._left_1okb2_143 { left: var(--t-left); }
+._left\:h_1okb2_144:hover { left: var(--t-left-h); }
+._left\:f_1okb2_145:focus { left: var(--t-left-f); }
+._left\:a_1okb2_146:active { left: var(--t-left-a); }
+._left\:d_1okb2_147:disabled { left: var(--t-left-d); }
+
+@media (min-width: 640px) {
+  ._left_sm_1okb2_150 { left: var(--t-left_sm); }
+  ._left_sm\:h_1okb2_151:hover { left: var(--t-left_sm-h); }
+  ._left_sm\:f_1okb2_152:focus { left: var(--t-left_sm-f); }
+  ._left_sm\:a_1okb2_153:active { left: var(--t-left_sm-a); }
+  ._left_sm\:d_1okb2_154:disabled { left: var(--t-left_sm-d); }
+}
+
+@media (min-width: 768px) {
+  ._left_md_1okb2_158 { left: var(--t-left_md); }
+  ._left_md\:h_1okb2_159:hover { left: var(--t-left_md-h); }
+  ._left_md\:f_1okb2_160:focus { left: var(--t-left_md-f); }
+  ._left_md\:a_1okb2_161:active { left: var(--t-left_md-a); }
+  ._left_md\:d_1okb2_162:disabled { left: var(--t-left_md-d); }
+}
+
+@media (min-width: 1024px) {
+  ._left_lg_1okb2_166 { left: var(--t-left_lg); }
+  ._left_lg\:h_1okb2_167:hover { left: var(--t-left_lg-h); }
+  ._left_lg\:f_1okb2_168:focus { left: var(--t-left_lg-f); }
+  ._left_lg\:a_1okb2_169:active { left: var(--t-left_lg-a); }
+  ._left_lg\:d_1okb2_170:disabled { left: var(--t-left_lg-d); }
+}
+
+@media (min-width: 1280px) {
+  ._left_xl_1okb2_174 { left: var(--t-left_xl); }
+  ._left_xl\:h_1okb2_175:hover { left: var(--t-left_xl-h); }
+  ._left_xl\:f_1okb2_176:focus { left: var(--t-left_xl-f); }
+  ._left_xl\:a_1okb2_177:active { left: var(--t-left_xl-a); }
+  ._left_xl\:d_1okb2_178:disabled { left: var(--t-left_xl-d); }
+}
+
+@media (min-width: 1536px) {
+  ._left_2xl_1okb2_182 { left: var(--t-left_2xl); }
+  ._left_2xl\:h_1okb2_183:hover { left: var(--t-left_2xl-h); }
+  ._left_2xl\:f_1okb2_184:focus { left: var(--t-left_2xl-f); }
+  ._left_2xl\:a_1okb2_185:active { left: var(--t-left_2xl-a); }
+  ._left_2xl\:d_1okb2_186:disabled { left: var(--t-left_2xl-d); }
+}

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

@@ -0,0 +1,174 @@
+const top = "_top_1okb2_2";
+const top_sm = "_top_sm_1okb2_9";
+const top_md = "_top_md_1okb2_17";
+const top_lg = "_top_lg_1okb2_25";
+const top_xl = "_top_xl_1okb2_33";
+const top_2xl = "_top_2xl_1okb2_41";
+const right = "_right_1okb2_49";
+const right_sm = "_right_sm_1okb2_56";
+const right_md = "_right_md_1okb2_64";
+const right_lg = "_right_lg_1okb2_72";
+const right_xl = "_right_xl_1okb2_80";
+const right_2xl = "_right_2xl_1okb2_88";
+const bottom = "_bottom_1okb2_96";
+const bottom_sm = "_bottom_sm_1okb2_103";
+const bottom_md = "_bottom_md_1okb2_111";
+const bottom_lg = "_bottom_lg_1okb2_119";
+const bottom_xl = "_bottom_xl_1okb2_127";
+const bottom_2xl = "_bottom_2xl_1okb2_135";
+const left = "_left_1okb2_143";
+const left_sm = "_left_sm_1okb2_150";
+const left_md = "_left_md_1okb2_158";
+const left_lg = "_left_lg_1okb2_166";
+const left_xl = "_left_xl_1okb2_174";
+const left_2xl = "_left_2xl_1okb2_182";
+const styles = {
+  top,
+  "top:h": "_top:h_1okb2_3",
+  "top:f": "_top:f_1okb2_4",
+  "top:a": "_top:a_1okb2_5",
+  "top:d": "_top:d_1okb2_6",
+  top_sm,
+  "top_sm:h": "_top_sm:h_1okb2_10",
+  "top_sm:f": "_top_sm:f_1okb2_11",
+  "top_sm:a": "_top_sm:a_1okb2_12",
+  "top_sm:d": "_top_sm:d_1okb2_13",
+  top_md,
+  "top_md:h": "_top_md:h_1okb2_18",
+  "top_md:f": "_top_md:f_1okb2_19",
+  "top_md:a": "_top_md:a_1okb2_20",
+  "top_md:d": "_top_md:d_1okb2_21",
+  top_lg,
+  "top_lg:h": "_top_lg:h_1okb2_26",
+  "top_lg:f": "_top_lg:f_1okb2_27",
+  "top_lg:a": "_top_lg:a_1okb2_28",
+  "top_lg:d": "_top_lg:d_1okb2_29",
+  top_xl,
+  "top_xl:h": "_top_xl:h_1okb2_34",
+  "top_xl:f": "_top_xl:f_1okb2_35",
+  "top_xl:a": "_top_xl:a_1okb2_36",
+  "top_xl:d": "_top_xl:d_1okb2_37",
+  top_2xl,
+  "top_2xl:h": "_top_2xl:h_1okb2_42",
+  "top_2xl:f": "_top_2xl:f_1okb2_43",
+  "top_2xl:a": "_top_2xl:a_1okb2_44",
+  "top_2xl:d": "_top_2xl:d_1okb2_45",
+  right,
+  "right:h": "_right:h_1okb2_50",
+  "right:f": "_right:f_1okb2_51",
+  "right:a": "_right:a_1okb2_52",
+  "right:d": "_right:d_1okb2_53",
+  right_sm,
+  "right_sm:h": "_right_sm:h_1okb2_57",
+  "right_sm:f": "_right_sm:f_1okb2_58",
+  "right_sm:a": "_right_sm:a_1okb2_59",
+  "right_sm:d": "_right_sm:d_1okb2_60",
+  right_md,
+  "right_md:h": "_right_md:h_1okb2_65",
+  "right_md:f": "_right_md:f_1okb2_66",
+  "right_md:a": "_right_md:a_1okb2_67",
+  "right_md:d": "_right_md:d_1okb2_68",
+  right_lg,
+  "right_lg:h": "_right_lg:h_1okb2_73",
+  "right_lg:f": "_right_lg:f_1okb2_74",
+  "right_lg:a": "_right_lg:a_1okb2_75",
+  "right_lg:d": "_right_lg:d_1okb2_76",
+  right_xl,
+  "right_xl:h": "_right_xl:h_1okb2_81",
+  "right_xl:f": "_right_xl:f_1okb2_82",
+  "right_xl:a": "_right_xl:a_1okb2_83",
+  "right_xl:d": "_right_xl:d_1okb2_84",
+  right_2xl,
+  "right_2xl:h": "_right_2xl:h_1okb2_89",
+  "right_2xl:f": "_right_2xl:f_1okb2_90",
+  "right_2xl:a": "_right_2xl:a_1okb2_91",
+  "right_2xl:d": "_right_2xl:d_1okb2_92",
+  bottom,
+  "bottom:h": "_bottom:h_1okb2_97",
+  "bottom:f": "_bottom:f_1okb2_98",
+  "bottom:a": "_bottom:a_1okb2_99",
+  "bottom:d": "_bottom:d_1okb2_100",
+  bottom_sm,
+  "bottom_sm:h": "_bottom_sm:h_1okb2_104",
+  "bottom_sm:f": "_bottom_sm:f_1okb2_105",
+  "bottom_sm:a": "_bottom_sm:a_1okb2_106",
+  "bottom_sm:d": "_bottom_sm:d_1okb2_107",
+  bottom_md,
+  "bottom_md:h": "_bottom_md:h_1okb2_112",
+  "bottom_md:f": "_bottom_md:f_1okb2_113",
+  "bottom_md:a": "_bottom_md:a_1okb2_114",
+  "bottom_md:d": "_bottom_md:d_1okb2_115",
+  bottom_lg,
+  "bottom_lg:h": "_bottom_lg:h_1okb2_120",
+  "bottom_lg:f": "_bottom_lg:f_1okb2_121",
+  "bottom_lg:a": "_bottom_lg:a_1okb2_122",
+  "bottom_lg:d": "_bottom_lg:d_1okb2_123",
+  bottom_xl,
+  "bottom_xl:h": "_bottom_xl:h_1okb2_128",
+  "bottom_xl:f": "_bottom_xl:f_1okb2_129",
+  "bottom_xl:a": "_bottom_xl:a_1okb2_130",
+  "bottom_xl:d": "_bottom_xl:d_1okb2_131",
+  bottom_2xl,
+  "bottom_2xl:h": "_bottom_2xl:h_1okb2_136",
+  "bottom_2xl:f": "_bottom_2xl:f_1okb2_137",
+  "bottom_2xl:a": "_bottom_2xl:a_1okb2_138",
+  "bottom_2xl:d": "_bottom_2xl:d_1okb2_139",
+  left,
+  "left:h": "_left:h_1okb2_144",
+  "left:f": "_left:f_1okb2_145",
+  "left:a": "_left:a_1okb2_146",
+  "left:d": "_left:d_1okb2_147",
+  left_sm,
+  "left_sm:h": "_left_sm:h_1okb2_151",
+  "left_sm:f": "_left_sm:f_1okb2_152",
+  "left_sm:a": "_left_sm:a_1okb2_153",
+  "left_sm:d": "_left_sm:d_1okb2_154",
+  left_md,
+  "left_md:h": "_left_md:h_1okb2_159",
+  "left_md:f": "_left_md:f_1okb2_160",
+  "left_md:a": "_left_md:a_1okb2_161",
+  "left_md:d": "_left_md:d_1okb2_162",
+  left_lg,
+  "left_lg:h": "_left_lg:h_1okb2_167",
+  "left_lg:f": "_left_lg:f_1okb2_168",
+  "left_lg:a": "_left_lg:a_1okb2_169",
+  "left_lg:d": "_left_lg:d_1okb2_170",
+  left_xl,
+  "left_xl:h": "_left_xl:h_1okb2_175",
+  "left_xl:f": "_left_xl:f_1okb2_176",
+  "left_xl:a": "_left_xl:a_1okb2_177",
+  "left_xl:d": "_left_xl:d_1okb2_178",
+  left_2xl,
+  "left_2xl:h": "_left_2xl:h_1okb2_183",
+  "left_2xl:f": "_left_2xl:f_1okb2_184",
+  "left_2xl:a": "_left_2xl:a_1okb2_185",
+  "left_2xl:d": "_left_2xl:d_1okb2_186"
+};
+export {
+  bottom,
+  bottom_2xl,
+  bottom_lg,
+  bottom_md,
+  bottom_sm,
+  bottom_xl,
+  styles as default,
+  left,
+  left_2xl,
+  left_lg,
+  left_md,
+  left_sm,
+  left_xl,
+  right,
+  right_2xl,
+  right_lg,
+  right_md,
+  right_sm,
+  right_xl,
+  top,
+  top_2xl,
+  top_lg,
+  top_md,
+  top_sm,
+  top_xl
+};
+//# sourceMappingURL=inset.module.css.js.map

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

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

package/dist/components/Box/interactions/interactions.js

@@ -0,0 +1,45 @@
+import { STATE_CLASS_SUFFIXES } from "../shared/constants.js";
+import styles from "./interactions.module.css.js";
+import clsx from "clsx";
+function getCursorClass(value, state) {
+  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];
+  return stateClassSuffix ? styles[`cursor-${value}${stateClassSuffix}`] : styles[`cursor-${value}`];
+}
+function getPointerEventsClass(value, state) {
+  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];
+  return stateClassSuffix ? styles[`pointer-${value}${stateClassSuffix}`] : styles[`pointer-${value}`];
+}
+function getUserSelectClass(value, state) {
+  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];
+  return stateClassSuffix ? styles[`select-${value}${stateClassSuffix}`] : styles[`select-${value}`];
+}
+function getInteractionStylesForState(props, state) {
+  if (!props) return { className: "", style: {} };
+  const classes = [];
+  if (props.cursor) {
+    const cls = getCursorClass(props.cursor, state);
+    if (cls) classes.push(cls);
+  }
+  if (props.pointerEvents) {
+    const cls = getPointerEventsClass(props.pointerEvents, state);
+    if (cls) classes.push(cls);
+  }
+  if (props.userSelect) {
+    const cls = getUserSelectClass(props.userSelect, state);
+    if (cls) classes.push(cls);
+  }
+  return { className: clsx(...classes), style: {} };
+}
+function getInteractionStyles(props) {
+  const { cursor, pointerEvents, userSelect, _hover } = props;
+  const baseStyles = getInteractionStylesForState({ cursor, pointerEvents, userSelect }, "base");
+  const hoverStyles = getInteractionStylesForState(_hover, "hover");
+  return {
+    className: clsx(baseStyles.className, hoverStyles.className),
+    style: {}
+  };
+}
+export {
+  getInteractionStyles
+};
+//# sourceMappingURL=interactions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interactions.js","sources":["../../../../src/components/Box/interactions/interactions.ts"],"sourcesContent":["import {\n  STATE_CLASS_SUFFIXES,\n  type StateKey,\n  type StyleResult,\n} from \"../shared\";\nimport styles from \"./interactions.module.css\";\nimport clsx from \"clsx\";\n\nexport type CursorValue =\n  | \"auto\"\n  | \"default\"\n  | \"pointer\"\n  | \"wait\"\n  | \"text\"\n  | \"move\"\n  | \"not-allowed\"\n  | \"grab\"\n  | \"grabbing\"\n  | \"zoom-in\"\n  | \"zoom-out\"\n  | \"crosshair\";\n\nexport type PointerEventsValue = \"auto\" | \"none\" | \"all\";\n\nexport type UserSelectValue = \"auto\" | \"none\" | \"text\" | \"all\";\n\nexport type InteractionProps = {\n  cursor?: CursorValue;\n  pointerEvents?: PointerEventsValue;\n  userSelect?: UserSelectValue;\n};\n\nexport type InteractionStateProps = {\n  _hover?: InteractionProps;\n};\n\nfunction getCursorClass(value: CursorValue, state: StateKey): string | undefined {\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n  return stateClassSuffix\n    ? styles[`cursor-${value}${stateClassSuffix}`]\n    : styles[`cursor-${value}`];\n}\n\nfunction getPointerEventsClass(value: PointerEventsValue, state: StateKey): string | undefined {\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n  return stateClassSuffix\n    ? styles[`pointer-${value}${stateClassSuffix}`]\n    : styles[`pointer-${value}`];\n}\n\nfunction getUserSelectClass(value: UserSelectValue, state: StateKey): string | undefined {\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n  return stateClassSuffix\n    ? styles[`select-${value}${stateClassSuffix}`]\n    : styles[`select-${value}`];\n}\n\nfunction getInteractionStylesForState(\n  props: InteractionProps | undefined,\n  state: StateKey\n): StyleResult {\n  if (!props) return { className: \"\", style: {} };\n\n  const classes: string[] = [];\n\n  if (props.cursor) {\n    const cls = getCursorClass(props.cursor, state);\n    if (cls) classes.push(cls);\n  }\n\n  if (props.pointerEvents) {\n    const cls = getPointerEventsClass(props.pointerEvents, state);\n    if (cls) classes.push(cls);\n  }\n\n  if (props.userSelect) {\n    const cls = getUserSelectClass(props.userSelect, state);\n    if (cls) classes.push(cls);\n  }\n\n  return { className: clsx(...classes), style: {} };\n}\n\nexport function getInteractionStyles(\n  props: InteractionProps & InteractionStateProps\n): StyleResult {\n  const { cursor, pointerEvents, userSelect, _hover } = props;\n\n  const baseStyles = getInteractionStylesForState({ cursor, pointerEvents, userSelect }, \"base\");\n  const hoverStyles = getInteractionStylesForState(_hover, \"hover\");\n\n  return {\n    className: clsx(baseStyles.className, hoverStyles.className),\n    style: {},\n  };\n}\n"],"names":[],"mappings":";;;AAoCA,SAAS,eAAe,OAAoB,OAAqC;AAC/E,QAAM,mBAAmB,qBAAqB,KAAK;AACnD,SAAO,mBACH,OAAO,UAAU,KAAK,GAAG,gBAAgB,EAAE,IAC3C,OAAO,UAAU,KAAK,EAAE;AAC9B;AAEA,SAAS,sBAAsB,OAA2B,OAAqC;AAC7F,QAAM,mBAAmB,qBAAqB,KAAK;AACnD,SAAO,mBACH,OAAO,WAAW,KAAK,GAAG,gBAAgB,EAAE,IAC5C,OAAO,WAAW,KAAK,EAAE;AAC/B;AAEA,SAAS,mBAAmB,OAAwB,OAAqC;AACvF,QAAM,mBAAmB,qBAAqB,KAAK;AACnD,SAAO,mBACH,OAAO,UAAU,KAAK,GAAG,gBAAgB,EAAE,IAC3C,OAAO,UAAU,KAAK,EAAE;AAC9B;AAEA,SAAS,6BACP,OACA,OACa;AACb,MAAI,CAAC,MAAO,QAAO,EAAE,WAAW,IAAI,OAAO,GAAC;AAE5C,QAAM,UAAoB,CAAA;AAE1B,MAAI,MAAM,QAAQ;AAChB,UAAM,MAAM,eAAe,MAAM,QAAQ,KAAK;AAC9C,QAAI,IAAK,SAAQ,KAAK,GAAG;AAAA,EAC3B;AAEA,MAAI,MAAM,eAAe;AACvB,UAAM,MAAM,sBAAsB,MAAM,eAAe,KAAK;AAC5D,QAAI,IAAK,SAAQ,KAAK,GAAG;AAAA,EAC3B;AAEA,MAAI,MAAM,YAAY;AACpB,UAAM,MAAM,mBAAmB,MAAM,YAAY,KAAK;AACtD,QAAI,IAAK,SAAQ,KAAK,GAAG;AAAA,EAC3B;AAEA,SAAO,EAAE,WAAW,KAAK,GAAG,OAAO,GAAG,OAAO,GAAC;AAChD;AAEO,SAAS,qBACd,OACa;AACb,QAAM,EAAE,QAAQ,eAAe,YAAY,WAAW;AAEtD,QAAM,aAAa,6BAA6B,EAAE,QAAQ,eAAe,WAAA,GAAc,MAAM;AAC7F,QAAM,cAAc,6BAA6B,QAAQ,OAAO;AAEhE,SAAO;AAAA,IACL,WAAW,KAAK,WAAW,WAAW,YAAY,SAAS;AAAA,IAC3D,OAAO,CAAA;AAAA,EAAC;AAEZ;"}

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

@@ -0,0 +1,43 @@
+/* cursor values */
+._cursor-auto_pbiyt_2 { cursor: auto; }
+._cursor-auto\:h_pbiyt_3:hover { cursor: auto; }
+._cursor-pointer_pbiyt_4 { cursor: pointer; }
+._cursor-pointer\:h_pbiyt_5:hover { cursor: pointer; }
+._cursor-wait_pbiyt_6 { cursor: wait; }
+._cursor-wait\:h_pbiyt_7:hover { cursor: wait; }
+._cursor-text_pbiyt_8 { cursor: text; }
+._cursor-text\:h_pbiyt_9:hover { cursor: text; }
+._cursor-move_pbiyt_10 { cursor: move; }
+._cursor-move\:h_pbiyt_11:hover { cursor: move; }
+._cursor-not-allowed_pbiyt_12 { cursor: not-allowed; }
+._cursor-not-allowed\:h_pbiyt_13:hover { cursor: not-allowed; }
+._cursor-grab_pbiyt_14 { cursor: grab; }
+._cursor-grab\:h_pbiyt_15:hover { cursor: grab; }
+._cursor-grabbing_pbiyt_16 { cursor: grabbing; }
+._cursor-grabbing\:h_pbiyt_17:hover { cursor: grabbing; }
+._cursor-zoom-in_pbiyt_18 { cursor: zoom-in; }
+._cursor-zoom-in\:h_pbiyt_19:hover { cursor: zoom-in; }
+._cursor-zoom-out_pbiyt_20 { cursor: zoom-out; }
+._cursor-zoom-out\:h_pbiyt_21:hover { cursor: zoom-out; }
+._cursor-crosshair_pbiyt_22 { cursor: crosshair; }
+._cursor-crosshair\:h_pbiyt_23:hover { cursor: crosshair; }
+._cursor-default_pbiyt_24 { cursor: default; }
+._cursor-default\:h_pbiyt_25:hover { cursor: default; }
+
+/* pointerEvents values */
+._pointer-auto_pbiyt_28 { pointer-events: auto; }
+._pointer-auto\:h_pbiyt_29:hover { pointer-events: auto; }
+._pointer-none_pbiyt_30 { pointer-events: none; }
+._pointer-none\:h_pbiyt_31:hover { pointer-events: none; }
+._pointer-all_pbiyt_32 { pointer-events: all; }
+._pointer-all\:h_pbiyt_33:hover { pointer-events: all; }
+
+/* userSelect values */
+._select-auto_pbiyt_36 { user-select: auto; }
+._select-auto\:h_pbiyt_37:hover { user-select: auto; }
+._select-none_pbiyt_38 { user-select: none; }
+._select-none\:h_pbiyt_39:hover { user-select: none; }
+._select-text_pbiyt_40 { user-select: text; }
+._select-text\:h_pbiyt_41:hover { user-select: text; }
+._select-all_pbiyt_42 { user-select: all; }
+._select-all\:h_pbiyt_43:hover { user-select: all; }

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

@@ -0,0 +1,44 @@
+const styles = {
+  "cursor-auto": "_cursor-auto_pbiyt_2",
+  "cursor-auto:h": "_cursor-auto:h_pbiyt_3",
+  "cursor-pointer": "_cursor-pointer_pbiyt_4",
+  "cursor-pointer:h": "_cursor-pointer:h_pbiyt_5",
+  "cursor-wait": "_cursor-wait_pbiyt_6",
+  "cursor-wait:h": "_cursor-wait:h_pbiyt_7",
+  "cursor-text": "_cursor-text_pbiyt_8",
+  "cursor-text:h": "_cursor-text:h_pbiyt_9",
+  "cursor-move": "_cursor-move_pbiyt_10",
+  "cursor-move:h": "_cursor-move:h_pbiyt_11",
+  "cursor-not-allowed": "_cursor-not-allowed_pbiyt_12",
+  "cursor-not-allowed:h": "_cursor-not-allowed:h_pbiyt_13",
+  "cursor-grab": "_cursor-grab_pbiyt_14",
+  "cursor-grab:h": "_cursor-grab:h_pbiyt_15",
+  "cursor-grabbing": "_cursor-grabbing_pbiyt_16",
+  "cursor-grabbing:h": "_cursor-grabbing:h_pbiyt_17",
+  "cursor-zoom-in": "_cursor-zoom-in_pbiyt_18",
+  "cursor-zoom-in:h": "_cursor-zoom-in:h_pbiyt_19",
+  "cursor-zoom-out": "_cursor-zoom-out_pbiyt_20",
+  "cursor-zoom-out:h": "_cursor-zoom-out:h_pbiyt_21",
+  "cursor-crosshair": "_cursor-crosshair_pbiyt_22",
+  "cursor-crosshair:h": "_cursor-crosshair:h_pbiyt_23",
+  "cursor-default": "_cursor-default_pbiyt_24",
+  "cursor-default:h": "_cursor-default:h_pbiyt_25",
+  "pointer-auto": "_pointer-auto_pbiyt_28",
+  "pointer-auto:h": "_pointer-auto:h_pbiyt_29",
+  "pointer-none": "_pointer-none_pbiyt_30",
+  "pointer-none:h": "_pointer-none:h_pbiyt_31",
+  "pointer-all": "_pointer-all_pbiyt_32",
+  "pointer-all:h": "_pointer-all:h_pbiyt_33",
+  "select-auto": "_select-auto_pbiyt_36",
+  "select-auto:h": "_select-auto:h_pbiyt_37",
+  "select-none": "_select-none_pbiyt_38",
+  "select-none:h": "_select-none:h_pbiyt_39",
+  "select-text": "_select-text_pbiyt_40",
+  "select-text:h": "_select-text:h_pbiyt_41",
+  "select-all": "_select-all_pbiyt_42",
+  "select-all:h": "_select-all:h_pbiyt_43"
+};
+export {
+  styles as default
+};
+//# sourceMappingURL=interactions.module.css.js.map

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

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