@nori-ui/core 1.5.0 → 1.6.0

package/dist/components/Pagination/index.js

@@ -1,11 +1,12 @@
-export { PAGINATION_COMPACT_BREAKPOINT, Pagination, usePagination } from '../../chunk-76FZF4GM.js';
-import '../../chunk-MJ4AGXS7.js';
-import '../../chunk-6PO2IWB3.js';
-import '../../chunk-UJ5KFRDE.js';
+export { PAGINATION_COMPACT_BREAKPOINT, Pagination } from '../../chunk-5PSC5HT4.js';
+import '../../chunk-GJMHNEQ3.js';
+import '../../chunk-4UFAZLSZ.js';
+import '../../chunk-UZD77M3J.js';
+export { usePagination } from '../../chunk-73CUV7MW.js';
 import '../../chunk-7Z4NMNX6.js';
 import '../../chunk-ZIBNLXIV.js';
-import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-5A2QOOVN.js';
+import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-R5JMDDCB.js';
 import '../../chunk-WCQVDF3K.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Popover/index.js

@@ -1,8 +1,8 @@
 import '../../chunk-ZPUYNM37.js';
-export { Popover, usePopoverContext } from '../../chunk-L5X4SYJ4.js';
+export { Popover, usePopoverContext } from '../../chunk-PZS4A4VQ.js';
 import '../../chunk-ZIBNLXIV.js';
-import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-5A2QOOVN.js';
+import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-R5JMDDCB.js';
 import '../../chunk-WCQVDF3K.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Progress/index.js

@@ -1,6 +1,6 @@
-export { Progress } from '../../chunk-XP55RZ3D.js';
-import '../../chunk-CHXHRJNZ.js';
+export { Progress } from '../../chunk-FEPTH5RV.js';
 import '../../chunk-5A2QOOVN.js';
+import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-R5JMDDCB.js';
 import '../../chunk-WCQVDF3K.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Radio/index.js

@@ -1,6 +1,6 @@
-export { Radio } from '../../chunk-C6TRLHMW.js';
-import '../../chunk-CHXHRJNZ.js';
+export { Radio } from '../../chunk-PABG3IJ6.js';
 import '../../chunk-5A2QOOVN.js';
+import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-R5JMDDCB.js';
 import '../../chunk-WCQVDF3K.js';
 //# sourceMappingURL=index.js.map

package/dist/components/SegmentedControl/index.js

@@ -1,6 +1,6 @@
-export { SegmentedControl } from '../../chunk-WAKKQROH.js';
-import '../../chunk-CHXHRJNZ.js';
+export { SegmentedControl } from '../../chunk-6AD6KCVB.js';
 import '../../chunk-5A2QOOVN.js';
+import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-R5JMDDCB.js';
 import '../../chunk-WCQVDF3K.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Select/index.js

@@ -1,7 +1,7 @@
-export { Select } from '../../chunk-UJ5KFRDE.js';
+export { Select } from '../../chunk-UZD77M3J.js';
 import '../../chunk-7Z4NMNX6.js';
-import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-5A2QOOVN.js';
+import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-R5JMDDCB.js';
 import '../../chunk-WCQVDF3K.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Sheet/index.js

@@ -1,7 +1,7 @@
-export { Drawer, Sheet, SheetBody, SheetClose, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetTitle, SheetTrigger } from '../../chunk-BNDUQNG7.js';
+export { Drawer, Sheet, SheetBody, SheetClose, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetTitle, SheetTrigger } from '../../chunk-3OIWAS2P.js';
 import '../../chunk-ZIBNLXIV.js';
-import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-5A2QOOVN.js';
+import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-R5JMDDCB.js';
 import '../../chunk-WCQVDF3K.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Switch/index.js

@@ -1,9 +1,9 @@
-export { Switch } from '../../chunk-VMAGFYHG.js';
+export { Switch } from '../../chunk-Y5TJ7CAX.js';
 import '../../chunk-RB3YBWQ4.js';
 import '../../chunk-RGJ3NBKE.js';
 import '../../chunk-ZIBNLXIV.js';
-import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-5A2QOOVN.js';
+import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-R5JMDDCB.js';
 import '../../chunk-WCQVDF3K.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Table/index.cjs

@@ -0,0 +1,461 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('nativewind/jsx-runtime');
+var reactNative = require('react-native');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// ../tokens/build/theme.ts
+var theme = {
+  color: {
+    danger: "#ef4444",
+    info: "#3b82f6",
+    neutral: {
+      "100": "#f4f4f5",
+      "200": "#e4e4e7",
+      "300": "#d4d4d8",
+      "400": "#a1a1aa",
+      "50": "#fafafa",
+      "500": "#71717a",
+      "600": "#52525b",
+      "700": "#3f3f46",
+      "800": "#27272a",
+      "900": "#18181b"
+    },
+    primary: {
+      "100": "#ccfbf1",
+      "200": "#99f6e4",
+      "300": "#5eead4",
+      "400": "#2dd4bf",
+      "50": "#f0fdfa",
+      "500": "#14b8a6",
+      "600": "#0d9488",
+      "700": "#0f766e",
+      "800": "#115e59",
+      "900": "#134e4a"
+    },
+    success: "#22c55e",
+    warning: "#f59e0b"
+  },
+  fontFamily: {
+    body: "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+    display: "ui-serif, Georgia, 'Times New Roman', serif",
+    mono: "ui-monospace, 'SF Mono', Menlo, Consolas, 'DejaVu Sans Mono', monospace"
+  },
+  fontSize: {
+    "2xl": "24px",
+    "3xl": "30px",
+    "4xl": "36px",
+    lg: "18px",
+    md: "16px",
+    sm: "14px",
+    xl: "20px",
+    xs: "12px"
+  },
+  fontWeight: {
+    bold: "700",
+    medium: "500",
+    regular: "400",
+    semibold: "600"
+  },
+  lineHeight: {
+    normal: "1.4",
+    relaxed: "1.6",
+    tight: "1.2"
+  },
+  radius: {
+    "2xl": "16px",
+    full: "9999px",
+    lg: "8px",
+    md: "6px",
+    none: "0px",
+    sm: "4px",
+    xl: "12px"
+  },
+  semantic: {
+    background: {
+      default: "#fafafa",
+      elevated: "#ffffff",
+      subtle: "#f4f4f5"
+    },
+    border: {
+      default: "#e4e4e7",
+      strong: "#d4d4d8"
+    },
+    interactive: {
+      destructive: "#ef4444",
+      primary: "#0d9488",
+      primaryHover: "#0f766e",
+      primaryPressed: "#115e59"
+    },
+    text: {
+      default: "#18181b",
+      inverted: "#fafafa",
+      muted: "#52525b"
+    }
+  },
+  shadow: {
+    lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
+    md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
+    sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)"
+  },
+  spacing: {
+    "0": "0px",
+    "1": "4px",
+    "10": "40px",
+    "12": "48px",
+    "16": "64px",
+    "2": "8px",
+    "20": "80px",
+    "24": "96px",
+    "3": "12px",
+    "4": "16px",
+    "5": "20px",
+    "6": "24px",
+    "8": "32px"
+  }
+};
+var themeDark = {
+  color: {
+    danger: "#ef4444",
+    info: "#3b82f6",
+    neutral: {
+      "100": "#f4f4f5",
+      "200": "#e4e4e7",
+      "300": "#d4d4d8",
+      "400": "#a1a1aa",
+      "50": "#fafafa",
+      "500": "#71717a",
+      "600": "#52525b",
+      "700": "#3f3f46",
+      "800": "#27272a",
+      "900": "#18181b"
+    },
+    primary: {
+      "100": "#ccfbf1",
+      "200": "#99f6e4",
+      "300": "#5eead4",
+      "400": "#2dd4bf",
+      "50": "#f0fdfa",
+      "500": "#14b8a6",
+      "600": "#0d9488",
+      "700": "#0f766e",
+      "800": "#115e59",
+      "900": "#134e4a"
+    },
+    success: "#22c55e",
+    warning: "#f59e0b"
+  },
+  fontFamily: {
+    body: "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+    display: "ui-serif, Georgia, 'Times New Roman', serif",
+    mono: "ui-monospace, 'SF Mono', Menlo, Consolas, 'DejaVu Sans Mono', monospace"
+  },
+  fontSize: {
+    "2xl": "24px",
+    "3xl": "30px",
+    "4xl": "36px",
+    lg: "18px",
+    md: "16px",
+    sm: "14px",
+    xl: "20px",
+    xs: "12px"
+  },
+  fontWeight: {
+    bold: "700",
+    medium: "500",
+    regular: "400",
+    semibold: "600"
+  },
+  lineHeight: {
+    normal: "1.4",
+    relaxed: "1.6",
+    tight: "1.2"
+  },
+  radius: {
+    "2xl": "16px",
+    full: "9999px",
+    lg: "8px",
+    md: "6px",
+    none: "0px",
+    sm: "4px",
+    xl: "12px"
+  },
+  semantic: {
+    background: {
+      default: "#18181b",
+      elevated: "#3f3f46",
+      subtle: "#27272a"
+    },
+    border: {
+      default: "#3f3f46",
+      strong: "#52525b"
+    },
+    interactive: {
+      destructive: "#ef4444",
+      primary: "#2dd4bf",
+      primaryHover: "#5eead4",
+      primaryPressed: "#99f6e4"
+    },
+    text: {
+      default: "#fafafa",
+      inverted: "#18181b",
+      muted: "#a1a1aa"
+    }
+  },
+  shadow: {
+    lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
+    md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
+    sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)"
+  },
+  spacing: {
+    "0": "0px",
+    "1": "4px",
+    "10": "40px",
+    "12": "48px",
+    "16": "64px",
+    "2": "8px",
+    "20": "80px",
+    "24": "96px",
+    "3": "12px",
+    "4": "16px",
+    "5": "20px",
+    "6": "24px",
+    "8": "32px"
+  }
+};
+var defaultTheme = {
+  light: theme,
+  dark: themeDark
+};
+var ThemeContext = react.createContext(defaultTheme);
+ThemeContext.displayName = "ThemeContext";
+var ColorSchemeOverrideContext = react.createContext(null);
+ColorSchemeOverrideContext.displayName = "ColorSchemeOverrideContext";
+var isWeb = reactNative.Platform.OS === "web";
+function readWebScheme() {
+  if (typeof document === "undefined") {
+    return "light";
+  }
+  const root = document.documentElement;
+  if (root.classList.contains("dark")) {
+    return "dark";
+  }
+  if (root.getAttribute("data-theme") === "dark") {
+    return "dark";
+  }
+  return "light";
+}
+__name(readWebScheme, "readWebScheme");
+function useColorScheme() {
+  const override = react.useContext(ColorSchemeOverrideContext);
+  const [scheme, setScheme] = react.useState(() => {
+    if (isWeb) {
+      return readWebScheme();
+    }
+    return reactNative.Appearance.getColorScheme() ?? "light";
+  });
+  react.useEffect(() => {
+    if (isWeb) {
+      const root = document.documentElement;
+      const update = /* @__PURE__ */ __name(() => setScheme(readWebScheme()), "update");
+      const observer = new MutationObserver(update);
+      observer.observe(root, { attributes: true, attributeFilter: ["class", "data-theme"] });
+      update();
+      return () => observer.disconnect();
+    }
+    const sub = reactNative.Appearance.addChangeListener(({ colorScheme }) => {
+      setScheme(colorScheme ?? "light");
+    });
+    return () => sub.remove();
+  }, []);
+  return override ?? scheme;
+}
+__name(useColorScheme, "useColorScheme");
+
+// src/theme/use-theme-colors.ts
+function useThemeColors() {
+  const scheme = useColorScheme();
+  const themePair = react.useContext(ThemeContext);
+  return scheme === "dark" ? themePair.dark : themePair.light;
+}
+__name(useThemeColors, "useThemeColors");
+
+// src/utils/cn.ts
+function cn(...inputs) {
+  const out = [];
+  for (const input of inputs) {
+    append(out, input);
+  }
+  return out.join(" ");
+}
+__name(cn, "cn");
+function append(out, input) {
+  if (!input) {
+    return;
+  }
+  if (typeof input === "string") {
+    if (input.length > 0) {
+      out.push(input);
+    }
+    return;
+  }
+  if (typeof input === "number") {
+    return;
+  }
+  if (Array.isArray(input)) {
+    for (const inner of input) {
+      append(out, inner);
+    }
+    return;
+  }
+  if (typeof input === "object") {
+    for (const key of Object.keys(input)) {
+      if (input[key]) {
+        out.push(key);
+      }
+    }
+  }
+}
+__name(append, "append");
+var TableContext = react.createContext({
+  striped: false,
+  compact: false,
+  bordered: false,
+  rowIndex: 0,
+  setRowIndex: /* @__PURE__ */ __name(() => {
+  }, "setRowIndex")
+});
+function buildTableCompound(parts) {
+  return Object.assign(parts.Root, {
+    Header: parts.Header,
+    Body: parts.Body,
+    Footer: parts.Footer,
+    Row: parts.Row,
+    HeaderCell: parts.HeaderCell,
+    Cell: parts.Cell,
+    Caption: parts.Caption
+  });
+}
+__name(buildTableCompound, "buildTableCompound");
+var TableRoot = /* @__PURE__ */ __name(({ striped = false, compact = false, bordered = false, children, className, testID }) => {
+  const [rowIndex, setRowIndex] = react.useState(0);
+  const ctxValue = {
+    striped,
+    compact,
+    bordered,
+    rowIndex,
+    setRowIndex
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(TableContext.Provider, { value: ctxValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full overflow-auto", className), children: /* @__PURE__ */ jsxRuntime.jsx(
+    "table",
+    {
+      className: cn(
+        "w-full caption-bottom text-sm",
+        bordered && "border border-semantic-border-default",
+        className
+      ),
+      ...testID !== void 0 ? { "data-testid": testID } : {},
+      children
+    }
+  ) }) });
+}, "TableRoot");
+var TableHeader = /* @__PURE__ */ __name(({ children, className, testID }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "thead",
+  {
+    className: cn("[&_tr]:border-b [&_tr]:border-semantic-border-default", className),
+    ...testID !== void 0 ? { "data-testid": testID } : {},
+    children
+  }
+), "TableHeader");
+var TableBody = /* @__PURE__ */ __name(({ children, className, testID }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "tbody",
+  {
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...testID !== void 0 ? { "data-testid": testID } : {},
+    children
+  }
+), "TableBody");
+var TableFooter = /* @__PURE__ */ __name(({ children, className, testID }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "tfoot",
+  {
+    className: cn("border-t border-semantic-border-default font-medium", className),
+    ...testID !== void 0 ? { "data-testid": testID } : {},
+    children
+  }
+), "TableFooter");
+var TableRow = /* @__PURE__ */ __name(({ selected = false, onPress, children, className, testID }) => {
+  const colors = useThemeColors();
+  const handleClick = react.useCallback(() => {
+    onPress?.();
+  }, [onPress]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tr",
+    {
+      className: cn(
+        "border-b border-semantic-border-default transition-colors",
+        onPress && "cursor-pointer hover:bg-semantic-background-subtle",
+        selected && "bg-semantic-background-subtle",
+        className
+      ),
+      style: selected ? { backgroundColor: colors.semantic.background.subtle } : void 0,
+      onClick: onPress ? handleClick : void 0,
+      ...testID !== void 0 ? { "data-testid": testID } : {},
+      children
+    }
+  );
+}, "TableRow");
+var TableHeaderCell = /* @__PURE__ */ __name(({ align = "left", colSpan, children, className, testID }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "th",
+  {
+    className: cn(
+      "h-10 px-4 font-medium text-semantic-text-secondary",
+      align === "right" && "text-right",
+      align === "center" && "text-center",
+      align === "left" && "text-left",
+      className
+    ),
+    colSpan,
+    ...testID !== void 0 ? { "data-testid": testID } : {},
+    children
+  }
+), "TableHeaderCell");
+var TableCell = /* @__PURE__ */ __name(({ align = "left", colSpan, children, className, testID }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "td",
+  {
+    className: cn(
+      "p-4 align-middle",
+      align === "right" && "text-right",
+      align === "center" && "text-center",
+      align === "left" && "text-left",
+      className
+    ),
+    colSpan,
+    ...testID !== void 0 ? { "data-testid": testID } : {},
+    children
+  }
+), "TableCell");
+var TableCaption = /* @__PURE__ */ __name(({ children, className, testID }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "caption",
+  {
+    className: cn("mt-4 text-sm text-semantic-text-secondary", className),
+    ...testID !== void 0 ? { "data-testid": testID } : {},
+    children
+  }
+), "TableCaption");
+var Table = buildTableCompound({
+  Root: TableRoot,
+  Header: TableHeader,
+  Body: TableBody,
+  Footer: TableFooter,
+  Row: TableRow,
+  HeaderCell: TableHeaderCell,
+  Cell: TableCell,
+  Caption: TableCaption
+});
+
+exports.Table = Table;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/Table/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../tokens/build/theme.ts","../../../src/theme/context.tsx","../../../src/theme/use-color-scheme.tsx","../../../src/theme/use-theme-colors.ts","../../../src/utils/cn.ts","../../../src/components/Table/Table.shared.tsx","../../../src/components/Table/Table.web.tsx"],"names":["createContext","Platform","useContext","useState","Appearance","useEffect","jsx","useCallback"],"mappings":"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","file":"index.cjs","sourcesContent":["// GENERATED by @nori-ui/tokens — DO NOT EDIT.\n// Run `yarn build:tokens` to regenerate.\n\n// Generated for light mode.\n// Do not edit — run `yarn build:tokens`.\n\nexport const theme = {\n    color: {\n        danger: \"#ef4444\",\n        info: \"#3b82f6\",\n        neutral: {\n            \"100\": \"#f4f4f5\",\n            \"200\": \"#e4e4e7\",\n            \"300\": \"#d4d4d8\",\n            \"400\": \"#a1a1aa\",\n            \"50\": \"#fafafa\",\n            \"500\": \"#71717a\",\n            \"600\": \"#52525b\",\n            \"700\": \"#3f3f46\",\n            \"800\": \"#27272a\",\n            \"900\": \"#18181b\",\n        },\n        primary: {\n            \"100\": \"#ccfbf1\",\n            \"200\": \"#99f6e4\",\n            \"300\": \"#5eead4\",\n            \"400\": \"#2dd4bf\",\n            \"50\": \"#f0fdfa\",\n            \"500\": \"#14b8a6\",\n            \"600\": \"#0d9488\",\n            \"700\": \"#0f766e\",\n            \"800\": \"#115e59\",\n            \"900\": \"#134e4a\",\n        },\n        success: \"#22c55e\",\n        warning: \"#f59e0b\",\n    },\n    fontFamily: {\n        body: \"system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\",\n        display: \"ui-serif, Georgia, 'Times New Roman', serif\",\n        mono: \"ui-monospace, 'SF Mono', Menlo, Consolas, 'DejaVu Sans Mono', monospace\",\n    },\n    fontSize: {\n        \"2xl\": \"24px\",\n        \"3xl\": \"30px\",\n        \"4xl\": \"36px\",\n        lg: \"18px\",\n        md: \"16px\",\n        sm: \"14px\",\n        xl: \"20px\",\n        xs: \"12px\",\n    },\n    fontWeight: {\n        bold: \"700\",\n        medium: \"500\",\n        regular: \"400\",\n        semibold: \"600\",\n    },\n    lineHeight: {\n        normal: \"1.4\",\n        relaxed: \"1.6\",\n        tight: \"1.2\",\n    },\n    radius: {\n        \"2xl\": \"16px\",\n        full: \"9999px\",\n        lg: \"8px\",\n        md: \"6px\",\n        none: \"0px\",\n        sm: \"4px\",\n        xl: \"12px\",\n    },\n    semantic: {\n        background: {\n            default: \"#fafafa\",\n            elevated: \"#ffffff\",\n            subtle: \"#f4f4f5\",\n        },\n        border: {\n            default: \"#e4e4e7\",\n            strong: \"#d4d4d8\",\n        },\n        interactive: {\n            destructive: \"#ef4444\",\n            primary: \"#0d9488\",\n            primaryHover: \"#0f766e\",\n            primaryPressed: \"#115e59\",\n        },\n        text: {\n            default: \"#18181b\",\n            inverted: \"#fafafa\",\n            muted: \"#52525b\",\n        },\n    },\n    shadow: {\n        lg: \"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)\",\n        md: \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)\",\n        sm: \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\",\n    },\n    spacing: {\n        \"0\": \"0px\",\n        \"1\": \"4px\",\n        \"10\": \"40px\",\n        \"12\": \"48px\",\n        \"16\": \"64px\",\n        \"2\": \"8px\",\n        \"20\": \"80px\",\n        \"24\": \"96px\",\n        \"3\": \"12px\",\n        \"4\": \"16px\",\n        \"5\": \"20px\",\n        \"6\": \"24px\",\n        \"8\": \"32px\",\n    },\n} as const;\n\nexport type Theme = typeof theme;\n\n\n// Dark mode overrides\n// Generated for dark mode.\n// Do not edit — run `yarn build:tokens`.\n\nexport const themeDark = {\n    color: {\n        danger: \"#ef4444\",\n        info: \"#3b82f6\",\n        neutral: {\n            \"100\": \"#f4f4f5\",\n            \"200\": \"#e4e4e7\",\n            \"300\": \"#d4d4d8\",\n            \"400\": \"#a1a1aa\",\n            \"50\": \"#fafafa\",\n            \"500\": \"#71717a\",\n            \"600\": \"#52525b\",\n            \"700\": \"#3f3f46\",\n            \"800\": \"#27272a\",\n            \"900\": \"#18181b\",\n        },\n        primary: {\n            \"100\": \"#ccfbf1\",\n            \"200\": \"#99f6e4\",\n            \"300\": \"#5eead4\",\n            \"400\": \"#2dd4bf\",\n            \"50\": \"#f0fdfa\",\n            \"500\": \"#14b8a6\",\n            \"600\": \"#0d9488\",\n            \"700\": \"#0f766e\",\n            \"800\": \"#115e59\",\n            \"900\": \"#134e4a\",\n        },\n        success: \"#22c55e\",\n        warning: \"#f59e0b\",\n    },\n    fontFamily: {\n        body: \"system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\",\n        display: \"ui-serif, Georgia, 'Times New Roman', serif\",\n        mono: \"ui-monospace, 'SF Mono', Menlo, Consolas, 'DejaVu Sans Mono', monospace\",\n    },\n    fontSize: {\n        \"2xl\": \"24px\",\n        \"3xl\": \"30px\",\n        \"4xl\": \"36px\",\n        lg: \"18px\",\n        md: \"16px\",\n        sm: \"14px\",\n        xl: \"20px\",\n        xs: \"12px\",\n    },\n    fontWeight: {\n        bold: \"700\",\n        medium: \"500\",\n        regular: \"400\",\n        semibold: \"600\",\n    },\n    lineHeight: {\n        normal: \"1.4\",\n        relaxed: \"1.6\",\n        tight: \"1.2\",\n    },\n    radius: {\n        \"2xl\": \"16px\",\n        full: \"9999px\",\n        lg: \"8px\",\n        md: \"6px\",\n        none: \"0px\",\n        sm: \"4px\",\n        xl: \"12px\",\n    },\n    semantic: {\n        background: {\n            default: \"#18181b\",\n            elevated: \"#3f3f46\",\n            subtle: \"#27272a\",\n        },\n        border: {\n            default: \"#3f3f46\",\n            strong: \"#52525b\",\n        },\n        interactive: {\n            destructive: \"#ef4444\",\n            primary: \"#2dd4bf\",\n            primaryHover: \"#5eead4\",\n            primaryPressed: \"#99f6e4\",\n        },\n        text: {\n            default: \"#fafafa\",\n            inverted: \"#18181b\",\n            muted: \"#a1a1aa\",\n        },\n    },\n    shadow: {\n        lg: \"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)\",\n        md: \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)\",\n        sm: \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\",\n    },\n    spacing: {\n        \"0\": \"0px\",\n        \"1\": \"4px\",\n        \"10\": \"40px\",\n        \"12\": \"48px\",\n        \"16\": \"64px\",\n        \"2\": \"8px\",\n        \"20\": \"80px\",\n        \"24\": \"96px\",\n        \"3\": \"12px\",\n        \"4\": \"16px\",\n        \"5\": \"20px\",\n        \"6\": \"24px\",\n        \"8\": \"32px\",\n    },\n} as const;\n\n","'use client';\n\nimport { themeDark as defaultDark, theme as defaultLight, type Theme } from '@nori-ui/tokens';\nimport type { ReactNode } from 'react';\nimport { createContext } from 'react';\n\n/**\n * A `NoriTheme` is a paired light/dark palette. The active half is picked\n * by `useColorScheme()` so the same theme object covers both schemes.\n *\n * Build one yourself by spreading the defaults and overriding the colors\n * you care about, or pick a preset from `@nori-ui/core/themes` (see the\n * Theming docs for examples).\n */\nexport type NoriTheme = {\n    light: Theme;\n    dark: Theme;\n};\n\n/**\n * Default Nori palette — teal primary on a warm-paper light surface, and\n * teal-400 primary on a deep-zinc dark surface. Mirrors the `theme` /\n * `themeDark` exports from @nori-ui/tokens.\n */\nexport const defaultTheme: NoriTheme = {\n    light: defaultLight,\n    dark: defaultDark as unknown as Theme,\n};\n\n// Context value is the FULL pair, not the active half. `useThemeColors`\n// (the hook components reach for) resolves it to the right one based on\n// the current color scheme. Storing the pair means a parent only has to\n// declare the theme once — switching scheme is a separate concern.\nexport const ThemeContext = createContext<NoriTheme>(defaultTheme);\nThemeContext.displayName = 'ThemeContext';\n\nexport type ThemeProviderProps = {\n    /**\n     * The theme to apply to descendants. Pass either:\n     *   - a full `NoriTheme` (`{ light, dark }`) — both schemes covered\n     *   - a single `Theme` — used for both light and dark (rare; mostly\n     *     useful when you ONLY ever render in one scheme)\n     *   - omit — falls back to the Nori default (teal palette)\n     */\n    theme?: NoriTheme | Theme;\n    children?: ReactNode;\n};\n\nconst isFullTheme = (t: NoriTheme | Theme): t is NoriTheme => 'light' in t && 'dark' in t;\n\nexport function ThemeProvider({ theme, children }: ThemeProviderProps) {\n    const value: NoriTheme =\n        theme === undefined ? defaultTheme : isFullTheme(theme) ? theme : { light: theme, dark: theme };\n    return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n","'use client';\n\nimport { createContext, type ReactNode, useContext, useEffect, useState } from 'react';\nimport { Appearance, Platform } from 'react-native';\n\nexport type ColorScheme = 'light' | 'dark';\n\n// Override channel so a parent can force a scheme (e.g. an app shell with\n// hard-coded dark chrome that wants nested components to render against\n// the dark token half regardless of the OS Appearance). `null` means\n// \"no override — use the system signal\".\nconst ColorSchemeOverrideContext = createContext<ColorScheme | null>(null);\nColorSchemeOverrideContext.displayName = 'ColorSchemeOverrideContext';\n\nexport type ColorSchemeProviderProps = {\n    /** Force a specific scheme for descendants. */\n    value: ColorScheme;\n    children?: ReactNode;\n};\n\n/**\n * Forces a color scheme for all descendants. Useful when a screen's chrome\n * is hard-coded to one scheme (e.g. a forced-dark editorial surface) and\n * you want library components inside it to follow that, not the OS.\n */\nexport function ColorSchemeProvider({ value, children }: ColorSchemeProviderProps) {\n    return <ColorSchemeOverrideContext.Provider value={value}>{children}</ColorSchemeOverrideContext.Provider>;\n}\n\nconst isWeb = Platform.OS === 'web';\n\n// Web: a document is \"in dark mode\" when the root <html> element carries\n// the `dark` class (Tailwind / Fumadocs convention) OR a `data-theme=\"dark\"`\n// attribute (matches the `darkMode` selectors in our Tailwind preset).\n// We deliberately don't fall back to `prefers-color-scheme` — the app\n// usually owns that decision and writes it onto <html>; tracking the system\n// preference too would fight the app's chosen value.\nfunction readWebScheme(): ColorScheme {\n    if (typeof document === 'undefined') {\n        return 'light';\n    }\n    const root = document.documentElement;\n    if (root.classList.contains('dark')) {\n        return 'dark';\n    }\n    if (root.getAttribute('data-theme') === 'dark') {\n        return 'dark';\n    }\n    return 'light';\n}\n\n/**\n * Returns the current color scheme — `'light'` or `'dark'`.\n *\n * On web: observes the root `<html>` element's `class=\"dark\"` and\n * `data-theme=\"dark\"` attribute (the same signals our Tailwind preset\n * keys on). Updates live as those flip.\n *\n * On native: delegates to `react-native`'s `Appearance` API so the hook\n * tracks the OS preference without extra wiring.\n *\n * Components consume this indirectly via `useThemeColors()`; reach for\n * this directly when you need the raw scheme (e.g. to swap an icon).\n */\nexport function useColorScheme(): ColorScheme {\n    // A `<ColorSchemeProvider value=\"dark\">` ancestor (or NoriProvider's\n    // `colorScheme` prop, which mounts one) wins over the OS signal — the\n    // app shell knows which scheme its chrome is locked to.\n    const override = useContext(ColorSchemeOverrideContext);\n\n    const [scheme, setScheme] = useState<ColorScheme>(() => {\n        if (isWeb) {\n            return readWebScheme();\n        }\n        return (Appearance.getColorScheme() ?? 'light') as ColorScheme;\n    });\n\n    useEffect(() => {\n        if (isWeb) {\n            const root = document.documentElement;\n            const update = () => setScheme(readWebScheme());\n            const observer = new MutationObserver(update);\n            observer.observe(root, { attributes: true, attributeFilter: ['class', 'data-theme'] });\n            // Sync once after mount in case SSR shipped a different value.\n            update();\n            return () => observer.disconnect();\n        }\n\n        const sub = Appearance.addChangeListener(({ colorScheme }) => {\n            setScheme((colorScheme ?? 'light') as ColorScheme);\n        });\n        return () => sub.remove();\n    }, []);\n\n    return override ?? scheme;\n}\n","'use client';\n\nimport type { Theme } from '@nori-ui/tokens';\nimport { useContext } from 'react';\nimport { ThemeContext } from './context';\nimport { useColorScheme } from './use-color-scheme';\n\n/**\n * Returns the active token palette — `theme.light` in light mode,\n * `theme.dark` in dark mode. Resolves the theme via `ThemeContext` so\n * any ancestor `<ThemeProvider theme={...}>` flows through. With no\n * provider in the tree, the default Nori palette (teal) is used.\n *\n * Use this **inside a component** when you need a hex value for a React\n * Native `style` prop (`backgroundColor`, `borderColor`, etc.).\n *\n * Note: className-based styles (e.g. `bg-semantic-interactive-primary`)\n * compile against the @nori-ui/tokens palette at build time and don't\n * follow `<ThemeProvider>` overrides today. Inline styles via this hook\n * always do — and inline beats class on CSS specificity, so the visible\n * color you see is whatever the hook resolves to. CSS-variable theming\n * for the className path is a planned follow-up.\n */\nexport function useThemeColors(): Theme {\n    const scheme = useColorScheme();\n    const themePair = useContext(ThemeContext);\n    return scheme === 'dark' ? themePair.dark : themePair.light;\n}\n","// cn — class-name merger. clsx-compatible shape.\n//\n// Intentionally does NOT deduplicate Tailwind conflicts (e.g. \"text-sm text-lg\").\n// That's `tailwind-merge`'s job; we defer adding it until a component actually\n// needs it, to keep the core tree-shakable and the runtime zero-dep.\n\nexport type ClassInput =\n    | string\n    | number\n    | boolean\n    | null\n    | undefined\n    | ClassInput[]\n    | Record<string, boolean | number | null | undefined>;\n\nexport function cn(...inputs: ClassInput[]): string {\n    const out: string[] = [];\n    for (const input of inputs) {\n        append(out, input);\n    }\n    return out.join(' ');\n}\n\nfunction append(out: string[], input: ClassInput): void {\n    if (!input) {\n        return;\n    }\n    if (typeof input === 'string') {\n        if (input.length > 0) {\n            out.push(input);\n        }\n        return;\n    }\n    if (typeof input === 'number') {\n        return; // numbers are never class names\n    }\n    if (Array.isArray(input)) {\n        for (const inner of input) {\n            append(out, inner);\n        }\n        return;\n    }\n    if (typeof input === 'object') {\n        for (const key of Object.keys(input)) {\n            if (input[key]) {\n                out.push(key);\n            }\n        }\n    }\n}\n","'use client';\n\n/**\n * Shared Table internals — context, types, and compound assembly.\n *\n * Imported by both `Table.web.tsx` and `Table.native.tsx`. The actual\n * render elements (semantic HTML vs. View grid) live in those platform\n * files. This module exports only types, context, and the Object.assign\n * compound builder so both platforms ship an identical API surface.\n */\n\nimport type { ReactNode } from 'react';\nimport { createContext, useContext } from 'react';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type TableAlign = 'left' | 'center' | 'right';\n\nexport type TableProps = {\n    /** Alternating row background tinting. */\n    striped?: boolean;\n    /** Reduced cell padding for dense layouts. */\n    compact?: boolean;\n    /** Draw borders around all cells. */\n    bordered?: boolean;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nexport type TableRowProps = {\n    /** Visually highlight this row as selected. */\n    selected?: boolean;\n    /** Press handler — makes the row interactive on both platforms. */\n    onPress?: () => void;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nexport type TableCellProps = {\n    /** Horizontal alignment of cell content. @defaultValue 'left' */\n    align?: TableAlign;\n    /** HTML colspan / native column span (visual only on native). */\n    colSpan?: number;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nexport type TableHeaderCellProps = TableCellProps;\n\nexport type TableSectionProps = {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nexport type TableCaptionProps = {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n// ─── Context ──────────────────────────────────────────────────────────────────\n\nexport type TableContextValue = {\n    striped: boolean;\n    compact: boolean;\n    bordered: boolean;\n    /** Zero-based row index for striped row coloring — incremented per Body row */\n    rowIndex: number;\n    setRowIndex: (n: number) => void;\n};\n\nexport const TableContext = createContext<TableContextValue>({\n    striped: false,\n    compact: false,\n    bordered: false,\n    rowIndex: 0,\n    setRowIndex: () => {},\n});\n\nexport const useTableContext = (): TableContextValue => useContext(TableContext);\n\n// ─── Compound builder ─────────────────────────────────────────────────────────\n\n/**\n * Attach sub-components to a Root component via `Object.assign` and return\n * the compound. Both `.web.tsx` and `.native.tsx` call this with their\n * platform-specific implementations so consumers get the same dot-notation API.\n */\nexport function buildTableCompound<\n    Root extends React.ComponentType<TableProps>,\n    Header extends React.ComponentType<TableSectionProps>,\n    Body extends React.ComponentType<TableSectionProps>,\n    Footer extends React.ComponentType<TableSectionProps>,\n    Row extends React.ComponentType<TableRowProps>,\n    HeaderCell extends React.ComponentType<TableHeaderCellProps>,\n    Cell extends React.ComponentType<TableCellProps>,\n    Caption extends React.ComponentType<TableCaptionProps>,\n>(parts: {\n    Root: Root;\n    Header: Header;\n    Body: Body;\n    Footer: Footer;\n    Row: Row;\n    HeaderCell: HeaderCell;\n    Cell: Cell;\n    Caption: Caption;\n}) {\n    return Object.assign(parts.Root, {\n        Header: parts.Header,\n        Body: parts.Body,\n        Footer: parts.Footer,\n        Row: parts.Row,\n        HeaderCell: parts.HeaderCell,\n        Cell: parts.Cell,\n        Caption: parts.Caption,\n    });\n}\n\n// needed for the generic parameter above\nimport type React from 'react';\n","'use client';\n\n/**\n * Web Table implementation — uses semantic HTML table elements for full\n * accessibility. Metro never resolves this file; Vite / Next.js pick it up\n * via the `.web.tsx` extension.\n */\n\nimport { useCallback, useState } from 'react';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\nimport {\n    buildTableCompound,\n    type TableCaptionProps,\n    type TableCellProps,\n    TableContext,\n    type TableContextValue,\n    type TableHeaderCellProps,\n    type TableProps,\n    type TableRowProps,\n    type TableSectionProps,\n} from './Table.shared';\n\n// ─── Root ─────────────────────────────────────────────────────────────────────\n\nconst TableRoot = ({ striped = false, compact = false, bordered = false, children, className, testID }: TableProps) => {\n    const [rowIndex, setRowIndex] = useState(0);\n    const ctxValue: TableContextValue = {\n        striped,\n        compact,\n        bordered,\n        rowIndex,\n        setRowIndex,\n    };\n    return (\n        <TableContext.Provider value={ctxValue}>\n            <div className={cn('w-full overflow-auto', className)}>\n                <table\n                    className={cn(\n                        'w-full caption-bottom text-sm',\n                        bordered && 'border border-semantic-border-default',\n                        className\n                    )}\n                    {...(testID !== undefined ? { 'data-testid': testID } : {})}\n                >\n                    {children}\n                </table>\n            </div>\n        </TableContext.Provider>\n    );\n};\n\n// ─── Header ───────────────────────────────────────────────────────────────────\n\nconst TableHeader = ({ children, className, testID }: TableSectionProps) => (\n    <thead\n        className={cn('[&_tr]:border-b [&_tr]:border-semantic-border-default', className)}\n        {...(testID !== undefined ? { 'data-testid': testID } : {})}\n    >\n        {children}\n    </thead>\n);\n\n// ─── Body ─────────────────────────────────────────────────────────────────────\n\nconst TableBody = ({ children, className, testID }: TableSectionProps) => (\n    <tbody\n        className={cn('[&_tr:last-child]:border-0', className)}\n        {...(testID !== undefined ? { 'data-testid': testID } : {})}\n    >\n        {children}\n    </tbody>\n);\n\n// ─── Footer ───────────────────────────────────────────────────────────────────\n\nconst TableFooter = ({ children, className, testID }: TableSectionProps) => (\n    <tfoot\n        className={cn('border-t border-semantic-border-default font-medium', className)}\n        {...(testID !== undefined ? { 'data-testid': testID } : {})}\n    >\n        {children}\n    </tfoot>\n);\n\n// ─── Row ──────────────────────────────────────────────────────────────────────\n\nconst TableRow = ({ selected = false, onPress, children, className, testID }: TableRowProps) => {\n    const colors = useThemeColors();\n    const handleClick = useCallback(() => {\n        onPress?.();\n    }, [onPress]);\n\n    return (\n        <tr\n            className={cn(\n                'border-b border-semantic-border-default transition-colors',\n                onPress && 'cursor-pointer hover:bg-semantic-background-subtle',\n                selected && 'bg-semantic-background-subtle',\n                className\n            )}\n            style={selected ? { backgroundColor: colors.semantic.background.subtle } : undefined}\n            onClick={onPress ? handleClick : undefined}\n            {...(testID !== undefined ? { 'data-testid': testID } : {})}\n        >\n            {children}\n        </tr>\n    );\n};\n\n// ─── HeaderCell ───────────────────────────────────────────────────────────────\n\nconst TableHeaderCell = ({ align = 'left', colSpan, children, className, testID }: TableHeaderCellProps) => (\n    <th\n        className={cn(\n            'h-10 px-4 font-medium text-semantic-text-secondary',\n            align === 'right' && 'text-right',\n            align === 'center' && 'text-center',\n            align === 'left' && 'text-left',\n            className\n        )}\n        colSpan={colSpan}\n        {...(testID !== undefined ? { 'data-testid': testID } : {})}\n    >\n        {children}\n    </th>\n);\n\n// ─── Cell ─────────────────────────────────────────────────────────────────────\n\nconst TableCell = ({ align = 'left', colSpan, children, className, testID }: TableCellProps) => (\n    <td\n        className={cn(\n            'p-4 align-middle',\n            align === 'right' && 'text-right',\n            align === 'center' && 'text-center',\n            align === 'left' && 'text-left',\n            className\n        )}\n        colSpan={colSpan}\n        {...(testID !== undefined ? { 'data-testid': testID } : {})}\n    >\n        {children}\n    </td>\n);\n\n// ─── Caption ──────────────────────────────────────────────────────────────────\n\nconst TableCaption = ({ children, className, testID }: TableCaptionProps) => (\n    <caption\n        className={cn('mt-4 text-sm text-semantic-text-secondary', className)}\n        {...(testID !== undefined ? { 'data-testid': testID } : {})}\n    >\n        {children}\n    </caption>\n);\n\n// ─── Compound export ──────────────────────────────────────────────────────────\n\nexport const Table = buildTableCompound({\n    Root: TableRoot,\n    Header: TableHeader,\n    Body: TableBody,\n    Footer: TableFooter,\n    Row: TableRow,\n    HeaderCell: TableHeaderCell,\n    Cell: TableCell,\n    Caption: TableCaption,\n});\n\nexport type {\n    TableAlign,\n    TableCaptionProps,\n    TableCellProps,\n    TableHeaderCellProps,\n    TableProps,\n    TableRowProps,\n    TableSectionProps,\n} from './Table.shared';\n"]}

package/dist/components/Table/index.d.cts

@@ -0,0 +1,16 @@
+import { d as TableProps, f as TableSectionProps, e as TableRowProps, c as TableHeaderCellProps, b as TableCellProps, a as TableCaptionProps } from '../../Table.shared-BymRgTnY.cjs';
+export { T as TableAlign } from '../../Table.shared-BymRgTnY.cjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import 'react';
+
+declare const Table: (({ striped, compact, bordered, children, className, testID }: TableProps) => react_jsx_runtime.JSX.Element) & {
+    Header: ({ children, className, testID }: TableSectionProps) => react_jsx_runtime.JSX.Element;
+    Body: ({ children, className, testID }: TableSectionProps) => react_jsx_runtime.JSX.Element;
+    Footer: ({ children, className, testID }: TableSectionProps) => react_jsx_runtime.JSX.Element;
+    Row: ({ selected, onPress, children, className, testID }: TableRowProps) => react_jsx_runtime.JSX.Element;
+    HeaderCell: ({ align, colSpan, children, className, testID }: TableHeaderCellProps) => react_jsx_runtime.JSX.Element;
+    Cell: ({ align, colSpan, children, className, testID }: TableCellProps) => react_jsx_runtime.JSX.Element;
+    Caption: ({ children, className, testID }: TableCaptionProps) => react_jsx_runtime.JSX.Element;
+};
+
+export { Table, TableCaptionProps, TableCellProps, TableHeaderCellProps, TableProps, TableRowProps, TableSectionProps };