@tosui/react 0.1.0 → 0.1.2

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

@@ -0,0 +1,300 @@
+const base = "_base_1gyoz_2";
+const base_sm = "_base_sm_1gyoz_8";
+const base_md = "_base_md_1gyoz_9";
+const base_lg = "_base_lg_1gyoz_10";
+const base_xl = "_base_xl_1gyoz_11";
+const base_2xl = "_base_2xl_1gyoz_12";
+const behind = "_behind_1gyoz_15";
+const behind_sm = "_behind_sm_1gyoz_21";
+const behind_md = "_behind_md_1gyoz_22";
+const behind_lg = "_behind_lg_1gyoz_23";
+const behind_xl = "_behind_xl_1gyoz_24";
+const behind_2xl = "_behind_2xl_1gyoz_25";
+const dropdown = "_dropdown_1gyoz_28";
+const dropdown_sm = "_dropdown_sm_1gyoz_34";
+const dropdown_md = "_dropdown_md_1gyoz_35";
+const dropdown_lg = "_dropdown_lg_1gyoz_36";
+const dropdown_xl = "_dropdown_xl_1gyoz_37";
+const dropdown_2xl = "_dropdown_2xl_1gyoz_38";
+const sticky = "_sticky_1gyoz_41";
+const sticky_sm = "_sticky_sm_1gyoz_47";
+const sticky_md = "_sticky_md_1gyoz_48";
+const sticky_lg = "_sticky_lg_1gyoz_49";
+const sticky_xl = "_sticky_xl_1gyoz_50";
+const sticky_2xl = "_sticky_2xl_1gyoz_51";
+const modal = "_modal_1gyoz_54";
+const modal_sm = "_modal_sm_1gyoz_60";
+const modal_md = "_modal_md_1gyoz_61";
+const modal_lg = "_modal_lg_1gyoz_62";
+const modal_xl = "_modal_xl_1gyoz_63";
+const modal_2xl = "_modal_2xl_1gyoz_64";
+const toast = "_toast_1gyoz_67";
+const toast_sm = "_toast_sm_1gyoz_73";
+const toast_md = "_toast_md_1gyoz_74";
+const toast_lg = "_toast_lg_1gyoz_75";
+const toast_xl = "_toast_xl_1gyoz_76";
+const toast_2xl = "_toast_2xl_1gyoz_77";
+const tooltip = "_tooltip_1gyoz_80";
+const tooltip_sm = "_tooltip_sm_1gyoz_86";
+const tooltip_md = "_tooltip_md_1gyoz_87";
+const tooltip_lg = "_tooltip_lg_1gyoz_88";
+const tooltip_xl = "_tooltip_xl_1gyoz_89";
+const tooltip_2xl = "_tooltip_2xl_1gyoz_90";
+const styles = {
+  base,
+  "base:h": "_base:h_1gyoz_3",
+  "base:f": "_base:f_1gyoz_4",
+  "base:a": "_base:a_1gyoz_5",
+  "base:d": "_base:d_1gyoz_6",
+  base_sm,
+  "base_sm:h": "_base_sm:h_1gyoz_8",
+  "base_sm:f": "_base_sm:f_1gyoz_8",
+  "base_sm:a": "_base_sm:a_1gyoz_8",
+  "base_sm:d": "_base_sm:d_1gyoz_8",
+  base_md,
+  "base_md:h": "_base_md:h_1gyoz_9",
+  "base_md:f": "_base_md:f_1gyoz_9",
+  "base_md:a": "_base_md:a_1gyoz_9",
+  "base_md:d": "_base_md:d_1gyoz_9",
+  base_lg,
+  "base_lg:h": "_base_lg:h_1gyoz_10",
+  "base_lg:f": "_base_lg:f_1gyoz_10",
+  "base_lg:a": "_base_lg:a_1gyoz_10",
+  "base_lg:d": "_base_lg:d_1gyoz_10",
+  base_xl,
+  "base_xl:h": "_base_xl:h_1gyoz_11",
+  "base_xl:f": "_base_xl:f_1gyoz_11",
+  "base_xl:a": "_base_xl:a_1gyoz_11",
+  "base_xl:d": "_base_xl:d_1gyoz_11",
+  base_2xl,
+  "base_2xl:h": "_base_2xl:h_1gyoz_12",
+  "base_2xl:f": "_base_2xl:f_1gyoz_12",
+  "base_2xl:a": "_base_2xl:a_1gyoz_12",
+  "base_2xl:d": "_base_2xl:d_1gyoz_12",
+  behind,
+  "behind:h": "_behind:h_1gyoz_16",
+  "behind:f": "_behind:f_1gyoz_17",
+  "behind:a": "_behind:a_1gyoz_18",
+  "behind:d": "_behind:d_1gyoz_19",
+  behind_sm,
+  "behind_sm:h": "_behind_sm:h_1gyoz_21",
+  "behind_sm:f": "_behind_sm:f_1gyoz_21",
+  "behind_sm:a": "_behind_sm:a_1gyoz_21",
+  "behind_sm:d": "_behind_sm:d_1gyoz_21",
+  behind_md,
+  "behind_md:h": "_behind_md:h_1gyoz_22",
+  "behind_md:f": "_behind_md:f_1gyoz_22",
+  "behind_md:a": "_behind_md:a_1gyoz_22",
+  "behind_md:d": "_behind_md:d_1gyoz_22",
+  behind_lg,
+  "behind_lg:h": "_behind_lg:h_1gyoz_23",
+  "behind_lg:f": "_behind_lg:f_1gyoz_23",
+  "behind_lg:a": "_behind_lg:a_1gyoz_23",
+  "behind_lg:d": "_behind_lg:d_1gyoz_23",
+  behind_xl,
+  "behind_xl:h": "_behind_xl:h_1gyoz_24",
+  "behind_xl:f": "_behind_xl:f_1gyoz_24",
+  "behind_xl:a": "_behind_xl:a_1gyoz_24",
+  "behind_xl:d": "_behind_xl:d_1gyoz_24",
+  behind_2xl,
+  "behind_2xl:h": "_behind_2xl:h_1gyoz_25",
+  "behind_2xl:f": "_behind_2xl:f_1gyoz_25",
+  "behind_2xl:a": "_behind_2xl:a_1gyoz_25",
+  "behind_2xl:d": "_behind_2xl:d_1gyoz_25",
+  dropdown,
+  "dropdown:h": "_dropdown:h_1gyoz_29",
+  "dropdown:f": "_dropdown:f_1gyoz_30",
+  "dropdown:a": "_dropdown:a_1gyoz_31",
+  "dropdown:d": "_dropdown:d_1gyoz_32",
+  dropdown_sm,
+  "dropdown_sm:h": "_dropdown_sm:h_1gyoz_34",
+  "dropdown_sm:f": "_dropdown_sm:f_1gyoz_34",
+  "dropdown_sm:a": "_dropdown_sm:a_1gyoz_34",
+  "dropdown_sm:d": "_dropdown_sm:d_1gyoz_34",
+  dropdown_md,
+  "dropdown_md:h": "_dropdown_md:h_1gyoz_35",
+  "dropdown_md:f": "_dropdown_md:f_1gyoz_35",
+  "dropdown_md:a": "_dropdown_md:a_1gyoz_35",
+  "dropdown_md:d": "_dropdown_md:d_1gyoz_35",
+  dropdown_lg,
+  "dropdown_lg:h": "_dropdown_lg:h_1gyoz_36",
+  "dropdown_lg:f": "_dropdown_lg:f_1gyoz_36",
+  "dropdown_lg:a": "_dropdown_lg:a_1gyoz_36",
+  "dropdown_lg:d": "_dropdown_lg:d_1gyoz_36",
+  dropdown_xl,
+  "dropdown_xl:h": "_dropdown_xl:h_1gyoz_37",
+  "dropdown_xl:f": "_dropdown_xl:f_1gyoz_37",
+  "dropdown_xl:a": "_dropdown_xl:a_1gyoz_37",
+  "dropdown_xl:d": "_dropdown_xl:d_1gyoz_37",
+  dropdown_2xl,
+  "dropdown_2xl:h": "_dropdown_2xl:h_1gyoz_38",
+  "dropdown_2xl:f": "_dropdown_2xl:f_1gyoz_38",
+  "dropdown_2xl:a": "_dropdown_2xl:a_1gyoz_38",
+  "dropdown_2xl:d": "_dropdown_2xl:d_1gyoz_38",
+  sticky,
+  "sticky:h": "_sticky:h_1gyoz_42",
+  "sticky:f": "_sticky:f_1gyoz_43",
+  "sticky:a": "_sticky:a_1gyoz_44",
+  "sticky:d": "_sticky:d_1gyoz_45",
+  sticky_sm,
+  "sticky_sm:h": "_sticky_sm:h_1gyoz_47",
+  "sticky_sm:f": "_sticky_sm:f_1gyoz_47",
+  "sticky_sm:a": "_sticky_sm:a_1gyoz_47",
+  "sticky_sm:d": "_sticky_sm:d_1gyoz_47",
+  sticky_md,
+  "sticky_md:h": "_sticky_md:h_1gyoz_48",
+  "sticky_md:f": "_sticky_md:f_1gyoz_48",
+  "sticky_md:a": "_sticky_md:a_1gyoz_48",
+  "sticky_md:d": "_sticky_md:d_1gyoz_48",
+  sticky_lg,
+  "sticky_lg:h": "_sticky_lg:h_1gyoz_49",
+  "sticky_lg:f": "_sticky_lg:f_1gyoz_49",
+  "sticky_lg:a": "_sticky_lg:a_1gyoz_49",
+  "sticky_lg:d": "_sticky_lg:d_1gyoz_49",
+  sticky_xl,
+  "sticky_xl:h": "_sticky_xl:h_1gyoz_50",
+  "sticky_xl:f": "_sticky_xl:f_1gyoz_50",
+  "sticky_xl:a": "_sticky_xl:a_1gyoz_50",
+  "sticky_xl:d": "_sticky_xl:d_1gyoz_50",
+  sticky_2xl,
+  "sticky_2xl:h": "_sticky_2xl:h_1gyoz_51",
+  "sticky_2xl:f": "_sticky_2xl:f_1gyoz_51",
+  "sticky_2xl:a": "_sticky_2xl:a_1gyoz_51",
+  "sticky_2xl:d": "_sticky_2xl:d_1gyoz_51",
+  modal,
+  "modal:h": "_modal:h_1gyoz_55",
+  "modal:f": "_modal:f_1gyoz_56",
+  "modal:a": "_modal:a_1gyoz_57",
+  "modal:d": "_modal:d_1gyoz_58",
+  modal_sm,
+  "modal_sm:h": "_modal_sm:h_1gyoz_60",
+  "modal_sm:f": "_modal_sm:f_1gyoz_60",
+  "modal_sm:a": "_modal_sm:a_1gyoz_60",
+  "modal_sm:d": "_modal_sm:d_1gyoz_60",
+  modal_md,
+  "modal_md:h": "_modal_md:h_1gyoz_61",
+  "modal_md:f": "_modal_md:f_1gyoz_61",
+  "modal_md:a": "_modal_md:a_1gyoz_61",
+  "modal_md:d": "_modal_md:d_1gyoz_61",
+  modal_lg,
+  "modal_lg:h": "_modal_lg:h_1gyoz_62",
+  "modal_lg:f": "_modal_lg:f_1gyoz_62",
+  "modal_lg:a": "_modal_lg:a_1gyoz_62",
+  "modal_lg:d": "_modal_lg:d_1gyoz_62",
+  modal_xl,
+  "modal_xl:h": "_modal_xl:h_1gyoz_63",
+  "modal_xl:f": "_modal_xl:f_1gyoz_63",
+  "modal_xl:a": "_modal_xl:a_1gyoz_63",
+  "modal_xl:d": "_modal_xl:d_1gyoz_63",
+  modal_2xl,
+  "modal_2xl:h": "_modal_2xl:h_1gyoz_64",
+  "modal_2xl:f": "_modal_2xl:f_1gyoz_64",
+  "modal_2xl:a": "_modal_2xl:a_1gyoz_64",
+  "modal_2xl:d": "_modal_2xl:d_1gyoz_64",
+  toast,
+  "toast:h": "_toast:h_1gyoz_68",
+  "toast:f": "_toast:f_1gyoz_69",
+  "toast:a": "_toast:a_1gyoz_70",
+  "toast:d": "_toast:d_1gyoz_71",
+  toast_sm,
+  "toast_sm:h": "_toast_sm:h_1gyoz_73",
+  "toast_sm:f": "_toast_sm:f_1gyoz_73",
+  "toast_sm:a": "_toast_sm:a_1gyoz_73",
+  "toast_sm:d": "_toast_sm:d_1gyoz_73",
+  toast_md,
+  "toast_md:h": "_toast_md:h_1gyoz_74",
+  "toast_md:f": "_toast_md:f_1gyoz_74",
+  "toast_md:a": "_toast_md:a_1gyoz_74",
+  "toast_md:d": "_toast_md:d_1gyoz_74",
+  toast_lg,
+  "toast_lg:h": "_toast_lg:h_1gyoz_75",
+  "toast_lg:f": "_toast_lg:f_1gyoz_75",
+  "toast_lg:a": "_toast_lg:a_1gyoz_75",
+  "toast_lg:d": "_toast_lg:d_1gyoz_75",
+  toast_xl,
+  "toast_xl:h": "_toast_xl:h_1gyoz_76",
+  "toast_xl:f": "_toast_xl:f_1gyoz_76",
+  "toast_xl:a": "_toast_xl:a_1gyoz_76",
+  "toast_xl:d": "_toast_xl:d_1gyoz_76",
+  toast_2xl,
+  "toast_2xl:h": "_toast_2xl:h_1gyoz_77",
+  "toast_2xl:f": "_toast_2xl:f_1gyoz_77",
+  "toast_2xl:a": "_toast_2xl:a_1gyoz_77",
+  "toast_2xl:d": "_toast_2xl:d_1gyoz_77",
+  tooltip,
+  "tooltip:h": "_tooltip:h_1gyoz_81",
+  "tooltip:f": "_tooltip:f_1gyoz_82",
+  "tooltip:a": "_tooltip:a_1gyoz_83",
+  "tooltip:d": "_tooltip:d_1gyoz_84",
+  tooltip_sm,
+  "tooltip_sm:h": "_tooltip_sm:h_1gyoz_86",
+  "tooltip_sm:f": "_tooltip_sm:f_1gyoz_86",
+  "tooltip_sm:a": "_tooltip_sm:a_1gyoz_86",
+  "tooltip_sm:d": "_tooltip_sm:d_1gyoz_86",
+  tooltip_md,
+  "tooltip_md:h": "_tooltip_md:h_1gyoz_87",
+  "tooltip_md:f": "_tooltip_md:f_1gyoz_87",
+  "tooltip_md:a": "_tooltip_md:a_1gyoz_87",
+  "tooltip_md:d": "_tooltip_md:d_1gyoz_87",
+  tooltip_lg,
+  "tooltip_lg:h": "_tooltip_lg:h_1gyoz_88",
+  "tooltip_lg:f": "_tooltip_lg:f_1gyoz_88",
+  "tooltip_lg:a": "_tooltip_lg:a_1gyoz_88",
+  "tooltip_lg:d": "_tooltip_lg:d_1gyoz_88",
+  tooltip_xl,
+  "tooltip_xl:h": "_tooltip_xl:h_1gyoz_89",
+  "tooltip_xl:f": "_tooltip_xl:f_1gyoz_89",
+  "tooltip_xl:a": "_tooltip_xl:a_1gyoz_89",
+  "tooltip_xl:d": "_tooltip_xl:d_1gyoz_89",
+  tooltip_2xl,
+  "tooltip_2xl:h": "_tooltip_2xl:h_1gyoz_90",
+  "tooltip_2xl:f": "_tooltip_2xl:f_1gyoz_90",
+  "tooltip_2xl:a": "_tooltip_2xl:a_1gyoz_90",
+  "tooltip_2xl:d": "_tooltip_2xl:d_1gyoz_90"
+};
+export {
+  base,
+  base_2xl,
+  base_lg,
+  base_md,
+  base_sm,
+  base_xl,
+  behind,
+  behind_2xl,
+  behind_lg,
+  behind_md,
+  behind_sm,
+  behind_xl,
+  styles as default,
+  dropdown,
+  dropdown_2xl,
+  dropdown_lg,
+  dropdown_md,
+  dropdown_sm,
+  dropdown_xl,
+  modal,
+  modal_2xl,
+  modal_lg,
+  modal_md,
+  modal_sm,
+  modal_xl,
+  sticky,
+  sticky_2xl,
+  sticky_lg,
+  sticky_md,
+  sticky_sm,
+  sticky_xl,
+  toast,
+  toast_2xl,
+  toast_lg,
+  toast_md,
+  toast_sm,
+  toast_xl,
+  tooltip,
+  tooltip_2xl,
+  tooltip_lg,
+  tooltip_md,
+  tooltip_sm,
+  tooltip_xl
+};
+//# sourceMappingURL=zIndex.module.css.js.map

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

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

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,78 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Children, cloneElement, isValidElement } from "react";
+import clsx from "clsx";
+import { Box } from "../Box/Box.js";
+import styles from "./breadcrumb.module.css.js";
+function Breadcrumb({
+  separator = "/",
+  className,
+  children
+}) {
+  const items = Children.toArray(children);
+  const lastIndex = items.length - 1;
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      as: "nav",
+      "aria-label": "Breadcrumb",
+      className: clsx(styles.breadcrumb, className),
+      children: /* @__PURE__ */ jsx(Box, { as: "ol", display: "flex", alignItems: "center", gap: 2, m: 0, p: 0, children: items.map((child, index) => {
+        const isLast = index === lastIndex;
+        return /* @__PURE__ */ jsxs(Box, { as: "li", display: "flex", alignItems: "center", gap: 2, children: [
+          isValidElement(child) ? cloneElement(
+            child,
+            {
+              isCurrentPage: isLast
+            }
+          ) : child,
+          !isLast && /* @__PURE__ */ jsx(
+            Box,
+            {
+              as: "span",
+              color: "foreground-muted",
+              "aria-hidden": "true",
+              className: styles.separator,
+              children: separator
+            }
+          )
+        ] }, index);
+      }) })
+    }
+  );
+}
+function BreadcrumbItem({
+  href,
+  isCurrentPage = false,
+  className,
+  children
+}) {
+  if (isCurrentPage || !href) {
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        as: "span",
+        color: isCurrentPage ? "foreground" : "foreground-muted",
+        fontSize: "sm",
+        "aria-current": isCurrentPage ? "page" : void 0,
+        className: clsx(styles.item, styles.current, className),
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      as: "a",
+      href,
+      color: "foreground-muted",
+      fontSize: "sm",
+      className: clsx(styles.item, styles.link, className),
+      children
+    }
+  );
+}
+export {
+  Breadcrumb,
+  BreadcrumbItem
+};
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/components/Breadcrumb/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import {\n  type ReactNode,\n  Children,\n  isValidElement,\n  cloneElement,\n} from \"react\";\nimport clsx from \"clsx\";\nimport { Box } from \"@/components/Box/Box\";\nimport styles from \"./breadcrumb.module.css\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type BreadcrumbProps = {\n  /** Separator between items */\n  separator?: ReactNode;\n  /** Additional class name */\n  className?: string;\n  /** Breadcrumb items */\n  children?: ReactNode;\n};\n\nexport type BreadcrumbItemProps = {\n  /** Link href (if not current page) */\n  href?: string;\n  /** Is current page (last item) - set automatically */\n  isCurrentPage?: boolean;\n  /** Additional class name */\n  className?: string;\n  /** Item content */\n  children?: ReactNode;\n};\n\n// ============================================================================\n// Components\n// ============================================================================\n\n/**\n * Breadcrumb - Navigation trail container\n *\n * Renders BreadcrumbItem children with separators between them.\n * Automatically marks the last item as current page.\n */\nexport function Breadcrumb({\n  separator = \"/\",\n  className,\n  children,\n}: BreadcrumbProps) {\n  const items = Children.toArray(children);\n  const lastIndex = items.length - 1;\n\n  return (\n    <Box\n      as=\"nav\"\n      aria-label=\"Breadcrumb\"\n      className={clsx(styles.breadcrumb, className)}\n    >\n      <Box as=\"ol\" display=\"flex\" alignItems=\"center\" gap={2} m={0} p={0}>\n        {items.map((child, index) => {\n          const isLast = index === lastIndex;\n\n          return (\n            <Box as=\"li\" key={index} display=\"flex\" alignItems=\"center\" gap={2}>\n              {isValidElement(child)\n                ? cloneElement(\n                    child as React.ReactElement<BreadcrumbItemProps>,\n                    {\n                      isCurrentPage: isLast,\n                    }\n                  )\n                : child}\n              {!isLast && (\n                <Box\n                  as=\"span\"\n                  color=\"foreground-muted\"\n                  aria-hidden=\"true\"\n                  className={styles.separator}\n                >\n                  {separator}\n                </Box>\n              )}\n            </Box>\n          );\n        })}\n      </Box>\n    </Box>\n  );\n}\n\n/**\n * BreadcrumbItem - Individual breadcrumb link or text\n *\n * Renders as a link if href is provided, otherwise as text.\n * The last item is automatically marked as current page.\n */\nexport function BreadcrumbItem({\n  href,\n  isCurrentPage = false,\n  className,\n  children,\n}: BreadcrumbItemProps) {\n  if (isCurrentPage || !href) {\n    return (\n      <Box\n        as=\"span\"\n        color={isCurrentPage ? \"foreground\" : \"foreground-muted\"}\n        fontSize=\"sm\"\n        aria-current={isCurrentPage ? \"page\" : undefined}\n        className={clsx(styles.item, styles.current, className)}\n      >\n        {children}\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      as=\"a\"\n      href={href}\n      color=\"foreground-muted\"\n      fontSize=\"sm\"\n      className={clsx(styles.item, styles.link, className)}\n    >\n      {children}\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;;;AA4CO,SAAS,WAAW;AAAA,EACzB,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,QAAQ,SAAS,QAAQ,QAAQ;AACvC,QAAM,YAAY,MAAM,SAAS;AAEjC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,cAAW;AAAA,MACX,WAAW,KAAK,OAAO,YAAY,SAAS;AAAA,MAE5C,8BAAC,KAAA,EAAI,IAAG,MAAK,SAAQ,QAAO,YAAW,UAAS,KAAK,GAAG,GAAG,GAAG,GAAG,GAC9D,gBAAM,IAAI,CAAC,OAAO,UAAU;AAC3B,cAAM,SAAS,UAAU;AAEzB,eACE,qBAAC,OAAI,IAAG,MAAiB,SAAQ,QAAO,YAAW,UAAS,KAAK,GAC9D,UAAA;AAAA,UAAA,eAAe,KAAK,IACjB;AAAA,YACE;AAAA,YACA;AAAA,cACE,eAAe;AAAA,YAAA;AAAA,UACjB,IAEF;AAAA,UACH,CAAC,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,OAAM;AAAA,cACN,eAAY;AAAA,cACZ,WAAW,OAAO;AAAA,cAEjB,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,GAjBc,KAmBlB;AAAA,MAEJ,CAAC,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;AAQO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AACF,GAAwB;AACtB,MAAI,iBAAiB,CAAC,MAAM;AAC1B,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,OAAO,gBAAgB,eAAe;AAAA,QACtC,UAAS;AAAA,QACT,gBAAc,gBAAgB,SAAS;AAAA,QACvC,WAAW,KAAK,OAAO,MAAM,OAAO,SAAS,SAAS;AAAA,QAErD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,OAAM;AAAA,MACN,UAAS;AAAA,MACT,WAAW,KAAK,OAAO,MAAM,OAAO,MAAM,SAAS;AAAA,MAElD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/Breadcrumb/breadcrumb.module.css

@@ -0,0 +1,25 @@
+._breadcrumb_loj22_1 ol {
+  list-style: none;
+}
+
+._item_loj22_5 {
+  white-space: nowrap;
+}
+
+._link_loj22_9 {
+  text-decoration: none;
+  transition: color 0.15s ease;
+}
+
+._link_loj22_9:hover {
+  color: var(--t-color-primary-default);
+  text-decoration: underline;
+}
+
+._current_loj22_19 {
+  font-weight: 500;
+}
+
+._separator_loj22_23 {
+  user-select: none;
+}

package/dist/components/Breadcrumb/breadcrumb.module.css.js

@@ -0,0 +1,21 @@
+const breadcrumb = "_breadcrumb_loj22_1";
+const item = "_item_loj22_5";
+const link = "_link_loj22_9";
+const current = "_current_loj22_19";
+const separator = "_separator_loj22_23";
+const styles = {
+  breadcrumb,
+  item,
+  link,
+  current,
+  separator
+};
+export {
+  breadcrumb,
+  current,
+  styles as default,
+  item,
+  link,
+  separator
+};
+//# sourceMappingURL=breadcrumb.module.css.js.map

package/dist/components/Breadcrumb/breadcrumb.module.css.js.map

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

package/dist/components/Button/Button.js

@@ -0,0 +1,129 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import "react";
+import clsx from "clsx";
+import { Box } from "../Box/Box.js";
+import { Spinner } from "../Spinner/Spinner.js";
+import styles from "./button.module.css.js";
+const sizeConfig = {
+  sm: { py: 1, px: 3, fontSize: "sm", rounded: "sm" },
+  md: { py: 2, px: 4, fontSize: "md", rounded: "md" },
+  lg: { py: 3, px: 6, fontSize: "lg", rounded: "md" }
+};
+function getColorConfig(variant, colorScheme) {
+  switch (variant) {
+    case "solid":
+      return {
+        bg: `${colorScheme}-default`,
+        color: "foreground-inverted",
+        borderColor: void 0,
+        hoverBg: `var(--t-color-${colorScheme}-emphasis)`
+      };
+    case "outline":
+      return {
+        bg: "transparent",
+        color: colorScheme,
+        borderColor: colorScheme,
+        hoverBg: `var(--t-color-${colorScheme}-subtle)`
+      };
+    case "ghost":
+      return {
+        bg: "transparent",
+        color: colorScheme,
+        borderColor: void 0,
+        hoverBg: `var(--t-color-${colorScheme}-subtle)`
+      };
+  }
+}
+const variantBorderConfig = {
+  solid: "none",
+  outline: "thin",
+  ghost: "none"
+};
+function Button({
+  as,
+  variant = "solid",
+  size = "md",
+  colorScheme = "primary",
+  disabled = false,
+  loading = false,
+  fullWidth = false,
+  leftIcon,
+  rightIcon,
+  children,
+  className,
+  style,
+  // Allow overriding default colors
+  bg,
+  color,
+  borderColor,
+  ...rest
+}) {
+  const Component = as || "button";
+  const isDisabled = disabled || loading;
+  const colorConfig = getColorConfig(variant, colorScheme);
+  const sizeProps = sizeConfig[size];
+  const leftContent = loading ? /* @__PURE__ */ jsx(Spinner, { size: "sm", "aria-hidden": "true" }) : leftIcon ? /* @__PURE__ */ jsx(
+    Box,
+    {
+      as: "span",
+      display: "inline-flex",
+      alignItems: "center",
+      flexShrink: 0,
+      "aria-hidden": "true",
+      children: leftIcon
+    }
+  ) : null;
+  const rightContent = rightIcon ? /* @__PURE__ */ jsx(
+    Box,
+    {
+      as: "span",
+      display: "inline-flex",
+      alignItems: "center",
+      flexShrink: 0,
+      "aria-hidden": "true",
+      children: rightIcon
+    }
+  ) : null;
+  return (
+    // @ts-expect-error - Polymorphic component type forwarding
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        as: Component,
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 2,
+        py: sizeProps.py,
+        px: sizeProps.px,
+        fontSize: sizeProps.fontSize,
+        rounded: sizeProps.rounded,
+        fontWeight: "medium",
+        bg: bg ?? colorConfig.bg,
+        color: color ?? colorConfig.color,
+        border: variantBorderConfig[variant],
+        borderColor: borderColor ?? colorConfig.borderColor,
+        w: fullWidth ? "100%" : void 0,
+        cursor: isDisabled ? "not-allowed" : "pointer",
+        pointerEvents: isDisabled ? "none" : void 0,
+        opacity: isDisabled ? "faint" : void 0,
+        textDecoration: "none",
+        className: clsx(styles.button, styles[variant], className),
+        style: { "--button-hover-bg": colorConfig.hoverBg, ...style },
+        disabled: isDisabled,
+        "aria-disabled": isDisabled,
+        "aria-busy": loading,
+        ...rest,
+        children: [
+          leftContent,
+          children,
+          rightContent
+        ]
+      }
+    )
+  );
+}
+export {
+  Button
+};
+//# sourceMappingURL=Button.js.map

package/dist/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { type ElementType, type ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { type Polymorphic } from \"@/types/Polymorphic\";\nimport { Box, type BoxOwnProps } from \"@/components/Box/Box\";\nimport { Spinner } from \"@/components/Spinner/Spinner\";\nimport styles from \"./button.module.css\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type ButtonVariant = \"solid\" | \"outline\" | \"ghost\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\nexport type ButtonColorScheme =\n  | \"primary\"\n  | \"accent\"\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\";\n\nexport type ButtonOwnProps = Omit<BoxOwnProps, \"as\"> & {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  colorScheme?: ButtonColorScheme;\n  disabled?: boolean;\n  loading?: boolean;\n  fullWidth?: boolean;\n  leftIcon?: ReactNode;\n  rightIcon?: ReactNode;\n};\n\nexport type ButtonProps<T extends ElementType = \"button\"> = Polymorphic<\n  T,\n  ButtonOwnProps\n>;\n\n// ============================================================================\n// Size configurations using Box props\n// ============================================================================\n\nconst sizeConfig = {\n  sm: { py: 1, px: 3, fontSize: \"sm\", rounded: \"sm\" },\n  md: { py: 2, px: 4, fontSize: \"md\", rounded: \"md\" },\n  lg: { py: 3, px: 6, fontSize: \"lg\", rounded: \"md\" },\n} as const;\n\n// ============================================================================\n// Color configurations\n// ============================================================================\n\ntype ColorConfig = {\n  bg: string;\n  color: string;\n  borderColor: string | undefined;\n  hoverBg: string;\n};\n\nfunction getColorConfig(\n  variant: ButtonVariant,\n  colorScheme: ButtonColorScheme\n): ColorConfig {\n  switch (variant) {\n    case \"solid\":\n      return {\n        bg: `${colorScheme}-default`,\n        color: \"foreground-inverted\",\n        borderColor: undefined,\n        hoverBg: `var(--t-color-${colorScheme}-emphasis)`,\n      };\n    case \"outline\":\n      return {\n        bg: \"transparent\",\n        color: colorScheme,\n        borderColor: colorScheme,\n        hoverBg: `var(--t-color-${colorScheme}-subtle)`,\n      };\n    case \"ghost\":\n      return {\n        bg: \"transparent\",\n        color: colorScheme,\n        borderColor: undefined,\n        hoverBg: `var(--t-color-${colorScheme}-subtle)`,\n      };\n  }\n}\n\n// ============================================================================\n// Variant border configurations\n// ============================================================================\n\nconst variantBorderConfig = {\n  solid: \"none\",\n  outline: \"thin\",\n  ghost: \"none\",\n} as const;\n\n// ============================================================================\n// Component\n// ============================================================================\n\n/**\n * Button - Interactive button component\n *\n * A polymorphic button component that provides:\n * - Default element: <button>\n * - Variants: solid (default), outline, ghost\n * - Sizes: sm, md (default), lg\n * - Loading state with spinner\n * - Icon support (left and right)\n * - Full width option\n */\nexport function Button<T extends ElementType = \"button\">({\n  as,\n  variant = \"solid\",\n  size = \"md\",\n  colorScheme = \"primary\",\n  disabled = false,\n  loading = false,\n  fullWidth = false,\n  leftIcon,\n  rightIcon,\n  children,\n  className,\n  style,\n  // Allow overriding default colors\n  bg,\n  color,\n  borderColor,\n  ...rest\n}: ButtonProps<T>) {\n  const Component = as || \"button\";\n  const isDisabled = disabled || loading;\n\n  // Get config for variant, size, and color\n  const colorConfig = getColorConfig(variant, colorScheme);\n  const sizeProps = sizeConfig[size];\n\n  // Determine what to show for left icon slot\n  const leftContent = loading ? (\n    <Spinner size=\"sm\" aria-hidden=\"true\" />\n  ) : leftIcon ? (\n    <Box\n      as=\"span\"\n      display=\"inline-flex\"\n      alignItems=\"center\"\n      flexShrink={0}\n      aria-hidden=\"true\"\n    >\n      {leftIcon}\n    </Box>\n  ) : null;\n\n  // Right icon (never replaced by spinner)\n  const rightContent = rightIcon ? (\n    <Box\n      as=\"span\"\n      display=\"inline-flex\"\n      alignItems=\"center\"\n      flexShrink={0}\n      aria-hidden=\"true\"\n    >\n      {rightIcon}\n    </Box>\n  ) : null;\n\n  return (\n    // @ts-expect-error - Polymorphic component type forwarding\n    <Box\n      as={Component}\n      // Layout\n      display=\"inline-flex\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      gap={2}\n      // Size props\n      py={sizeProps.py}\n      px={sizeProps.px}\n      fontSize={sizeProps.fontSize}\n      rounded={sizeProps.rounded}\n      fontWeight=\"medium\"\n      // Color props (allow user overrides)\n      bg={bg ?? colorConfig.bg}\n      color={color ?? colorConfig.color}\n      border={variantBorderConfig[variant]}\n      borderColor={borderColor ?? colorConfig.borderColor}\n      // Width\n      w={fullWidth ? \"100%\" : undefined}\n      // Interaction states\n      cursor={isDisabled ? \"not-allowed\" : \"pointer\"}\n      pointerEvents={isDisabled ? \"none\" : undefined}\n      opacity={isDisabled ? \"faint\" : undefined}\n      // Text decoration for links\n      textDecoration=\"none\"\n      // CSS module styles (transitions + hover)\n      className={clsx(styles.button, styles[variant], className)}\n      // Set hover color via CSS variable\n      style={{ \"--button-hover-bg\": colorConfig.hoverBg, ...style }}\n      // Accessibility\n      disabled={isDisabled}\n      aria-disabled={isDisabled}\n      aria-busy={loading}\n      {...rest}\n    >\n      {leftContent}\n      {children}\n      {rightContent}\n    </Box>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/Button/button.module.css

@@ -0,0 +1,17 @@
+._button_n7ts8_1 {
+  transition-duration: 150ms;
+  transition-property: background-color, border-color, opacity;
+  transition-timing-function: ease-in-out;
+}
+
+._solid_n7ts8_7:hover:not(:disabled) {
+  background-color: var(--button-hover-bg);
+}
+
+._outline_n7ts8_11:hover:not(:disabled) {
+  background-color: var(--button-hover-bg);
+}
+
+._ghost_n7ts8_15:hover:not(:disabled) {
+  background-color: var(--button-hover-bg);
+}

package/dist/components/Button/button.module.css.js

@@ -0,0 +1,18 @@
+const button = "_button_n7ts8_1";
+const solid = "_solid_n7ts8_7";
+const outline = "_outline_n7ts8_11";
+const ghost = "_ghost_n7ts8_15";
+const styles = {
+  button,
+  solid,
+  outline,
+  ghost
+};
+export {
+  button,
+  styles as default,
+  ghost,
+  outline,
+  solid
+};
+//# sourceMappingURL=button.module.css.js.map

package/dist/components/Button/button.module.css.js.map

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