@nori-ui/core 0.0.1

package/dist/index.cjs

@@ -0,0 +1,820 @@
+'use strict';
+
+var reactNative = require('react-native');
+var jsxRuntime = require('nativewind/jsx-runtime');
+var react = require('react');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// 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");
+function Box({ className, children, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { ...rest, className: cn(className), children });
+}
+__name(Box, "Box");
+
+// src/slot/compose-refs.ts
+function composeRefs(...refs) {
+  return (node) => {
+    for (const ref of refs) {
+      if (ref == null) continue;
+      if (typeof ref === "function") {
+        ref(node);
+      } else {
+        ref.current = node;
+      }
+    }
+  };
+}
+__name(composeRefs, "composeRefs");
+var Slot = react.forwardRef(/* @__PURE__ */ __name(function Slot2(props, forwardedRef) {
+  const { children, ...slotProps } = props;
+  if (!react.isValidElement(children)) {
+    return null;
+  }
+  const child = react.Children.only(children);
+  const merged = mergeProps(slotProps, child.props);
+  const childRef = child.ref;
+  if (forwardedRef || childRef) {
+    merged.ref = composeRefs(forwardedRef, childRef);
+  }
+  return react.cloneElement(child, merged);
+}, "Slot"));
+Slot.displayName = "Slot";
+function mergeProps(outer, inner) {
+  const merged = { ...outer };
+  for (const key of Object.keys(inner)) {
+    const outerValue = outer[key];
+    const innerValue = inner[key];
+    if (key === "className" || key === "class") {
+      merged[key] = joinClass(outerValue, innerValue);
+      continue;
+    }
+    if (key === "style") {
+      merged[key] = {
+        ...outerValue,
+        ...innerValue
+      };
+      continue;
+    }
+    if (isEventHandler(key, outerValue, innerValue)) {
+      merged[key] = composeHandlers(outerValue, innerValue);
+      continue;
+    }
+    merged[key] = innerValue;
+  }
+  return merged;
+}
+__name(mergeProps, "mergeProps");
+function joinClass(outer, inner) {
+  const a = typeof outer === "string" ? outer : "";
+  const b = typeof inner === "string" ? inner : "";
+  const joined = [a, b].filter(Boolean).join(" ");
+  return joined.length > 0 ? joined : void 0;
+}
+__name(joinClass, "joinClass");
+function isEventHandler(key, outer, inner) {
+  if (!key.startsWith("on") || key.length < 3) return false;
+  if (key[2] !== key[2]?.toUpperCase()) return false;
+  return typeof outer === "function" && typeof inner === "function";
+}
+__name(isEventHandler, "isEventHandler");
+function composeHandlers(outer, inner) {
+  return (...args) => {
+    outer(...args);
+    inner(...args);
+  };
+}
+__name(composeHandlers, "composeHandlers");
+var SIZE_MAP = {
+  sm: 12,
+  md: 16,
+  lg: 24,
+  xl: 32
+};
+function Spinner({ label = "Loading", size = "md", testID, color, style, ...rest }) {
+  const px = typeof size === "number" ? size : SIZE_MAP[size];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.ActivityIndicator,
+    {
+      ...rest,
+      ...testID !== void 0 ? { testID } : {},
+      accessibilityRole: "progressbar",
+      accessibilityLabel: label,
+      ...color !== void 0 ? { color } : {},
+      size: px,
+      style: [{ width: px, height: px }, style]
+    }
+  );
+}
+__name(Spinner, "Spinner");
+var VARIANT_CLASSES = {
+  primary: "bg-semantic-interactive-primary hover:bg-semantic-interactive-primaryHover active:bg-semantic-interactive-primaryPressed",
+  secondary: "bg-neutral-100 hover:bg-neutral-200 active:bg-neutral-300",
+  ghost: "bg-transparent hover:bg-neutral-100 active:bg-neutral-200",
+  destructive: "bg-semantic-interactive-destructive hover:opacity-90 active:opacity-80"
+};
+var SIZE_CLASSES = {
+  sm: "h-8 px-3 text-sm",
+  md: "h-10 px-4 text-md",
+  lg: "h-12 px-5 text-lg"
+};
+var ICON_SIZE = { sm: 14, md: 16, lg: 20 };
+var BASE_CLASSES = "inline-flex flex-row items-center justify-center gap-2 rounded-md select-none";
+var Button = react.forwardRef(/* @__PURE__ */ __name(function Button2({
+  children,
+  variant = "primary",
+  size = "md",
+  disabled,
+  loading,
+  leadingIcon: LeadingIcon,
+  trailingIcon: TrailingIcon,
+  asChild,
+  className,
+  onPress,
+  testID,
+  ...rest
+}, forwardedRef) {
+  const isInoperative = Boolean(disabled) || Boolean(loading);
+  const classes = cn(
+    BASE_CLASSES,
+    VARIANT_CLASSES[variant],
+    SIZE_CLASSES[size],
+    isInoperative ? "opacity-60" : void 0,
+    className
+  );
+  const handlePress = /* @__PURE__ */ __name((ev) => {
+    if (isInoperative) return;
+    onPress?.(ev);
+  }, "handlePress");
+  if (asChild) {
+    const slotProps = {
+      ref: forwardedRef,
+      className: classes,
+      onClick: handlePress,
+      ...rest
+    };
+    if (isInoperative) slotProps["aria-disabled"] = true;
+    if (loading) slotProps["aria-busy"] = true;
+    if (testID !== void 0) slotProps["data-testid"] = testID;
+    return /* @__PURE__ */ jsxRuntime.jsx(Slot, { ...slotProps, children });
+  }
+  const pressableExtra = {};
+  if (isInoperative) pressableExtra["aria-disabled"] = true;
+  if (loading) pressableExtra["aria-busy"] = true;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    reactNative.Pressable,
+    {
+      ref: forwardedRef,
+      ...testID !== void 0 ? { testID } : {},
+      role: "button",
+      accessibilityRole: "button",
+      accessibilityState: { disabled: isInoperative, busy: Boolean(loading) },
+      disabled: isInoperative,
+      onPress: handlePress,
+      className: classes,
+      ...pressableExtra,
+      ...rest,
+      children: [
+        loading ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: ICON_SIZE[size], label: "Loading" }) : LeadingIcon ? /* @__PURE__ */ jsxRuntime.jsx(LeadingIcon, { size: ICON_SIZE[size] }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { className: cn("font-medium", SIZE_CLASSES[size].includes("text-") ? void 0 : "text-md"), children }),
+        TrailingIcon ? /* @__PURE__ */ jsxRuntime.jsx(TrailingIcon, { size: ICON_SIZE[size] }) : null
+      ]
+    }
+  );
+}, "Button"));
+Button.displayName = "Button";
+var make = /* @__PURE__ */ __name((path) => /* @__PURE__ */ __name(function PlaceholderIcon({ size = 20, color = "currentColor" }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color,
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: path })
+    }
+  );
+}, "PlaceholderIcon"), "make");
+var defaultSemanticIcons = {
+  checkmark: make("M20 6 9 17l-5-5"),
+  close: make("M18 6 6 18 M6 6l12 12"),
+  eye: make("M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6z"),
+  eyeOff: make("M17.94 17.94A10 10 0 0 1 2 12s3.5-7 10-7c2 0 3.8.6 5.4 1.5 M1 1l22 22"),
+  chevronDown: make("m6 9 6 6 6-6"),
+  chevronUp: make("m18 15-6-6-6 6"),
+  alertTriangle: make(
+    "M12 9v4 M12 17h.01 M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"
+  ),
+  info: make(
+    "M12 8h.01 M11 12h1v4h1 M12 22C6.48 22 2 17.52 2 12 2 6.48 6.48 2 12 2c5.52 0 10 4.48 10 10 0 5.52-4.48 10-10 10z"
+  ),
+  check: make("M20 6 9 17l-5-5"),
+  x: make("M18 6 6 18 M6 6l12 12")
+};
+var SemanticIconsContext = react.createContext(defaultSemanticIcons);
+SemanticIconsContext.displayName = "SemanticIconsContext";
+
+// src/icons/use-semantic-icon.ts
+function useSemanticIcon(name) {
+  const icons = react.useContext(SemanticIconsContext);
+  return icons[name];
+}
+__name(useSemanticIcon, "useSemanticIcon");
+function Checkbox({
+  checked,
+  defaultChecked = false,
+  indeterminate,
+  disabled,
+  onChange,
+  label,
+  className,
+  testID,
+  asChild,
+  children
+}) {
+  const [inner, setInner] = react.useState(defaultChecked);
+  const isControlled = checked !== void 0;
+  const value = isControlled ? Boolean(checked) : inner;
+  const ariaChecked = indeterminate ? "mixed" : value ? "true" : "false";
+  const toggle = react.useCallback(() => {
+    if (disabled) return;
+    const next = !value;
+    if (!isControlled) setInner(next);
+    onChange?.(next);
+  }, [disabled, value, isControlled, onChange]);
+  const Check = useSemanticIcon("checkmark");
+  const commonProps = {
+    role: "checkbox",
+    "aria-checked": ariaChecked,
+    accessibilityRole: "checkbox",
+    accessibilityState: { checked: value, disabled: Boolean(disabled) },
+    testID
+  };
+  if (disabled) commonProps["aria-disabled"] = true;
+  if (label !== void 0) {
+    commonProps["aria-label"] = label;
+    commonProps.accessibilityLabel = label;
+  }
+  if (asChild) {
+    const slotProps = {
+      role: "checkbox",
+      "aria-checked": ariaChecked,
+      onClick: toggle
+    };
+    if (disabled) slotProps["aria-disabled"] = true;
+    if (label !== void 0) slotProps["aria-label"] = label;
+    if (testID !== void 0) slotProps["data-testid"] = testID;
+    if (className !== void 0) slotProps.className = className;
+    return /* @__PURE__ */ jsxRuntime.jsx(Slot, { ...slotProps, children });
+  }
+  const boxClasses = cn("w-5 h-5 rounded-sm border border-semantic-border-strong items-center justify-center");
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { className: cn("flex-row items-center gap-2", disabled ? "opacity-60" : void 0, className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: toggle, ...commonProps, className: boxClasses, children: (value || indeterminate) && !disabled ? /* @__PURE__ */ jsxRuntime.jsx(Check, { size: 14, color: "currentColor" }) : null }),
+    children ?? (label !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { children: label }) : null)
+  ] });
+}
+__name(Checkbox, "Checkbox");
+var ALIGN_CLASS = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end",
+  stretch: "items-stretch",
+  baseline: "items-baseline"
+};
+var JUSTIFY_CLASS = {
+  start: "justify-start",
+  center: "justify-center",
+  end: "justify-end",
+  between: "justify-between",
+  around: "justify-around",
+  evenly: "justify-evenly"
+};
+function HStack({ gap, align, justify, className, children, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.View,
+    {
+      ...rest,
+      className: cn(
+        "flex-row",
+        gap !== void 0 && gap !== 0 ? `gap-${gap}` : void 0,
+        align !== void 0 ? ALIGN_CLASS[align] : void 0,
+        justify !== void 0 ? JUSTIFY_CLASS[justify] : void 0,
+        className
+      ),
+      children
+    }
+  );
+}
+__name(HStack, "HStack");
+function Switch({
+  checked,
+  defaultChecked = false,
+  disabled,
+  onChange,
+  label,
+  className,
+  testID,
+  asChild,
+  children
+}) {
+  const [inner, setInner] = react.useState(defaultChecked);
+  const isControlled = checked !== void 0;
+  const value = isControlled ? Boolean(checked) : inner;
+  const toggle = react.useCallback(() => {
+    if (disabled) return;
+    const next = !value;
+    if (!isControlled) setInner(next);
+    onChange?.(next);
+  }, [disabled, value, isControlled, onChange]);
+  const ariaChecked = value ? "true" : "false";
+  const commonProps = {
+    role: "switch",
+    "aria-checked": ariaChecked,
+    accessibilityRole: "switch",
+    accessibilityState: { checked: value, disabled: Boolean(disabled) },
+    testID
+  };
+  if (disabled) commonProps["aria-disabled"] = true;
+  if (label !== void 0) {
+    commonProps["aria-label"] = label;
+    commonProps.accessibilityLabel = label;
+  }
+  if (asChild) {
+    const slotProps = {
+      role: "switch",
+      "aria-checked": ariaChecked,
+      onClick: toggle
+    };
+    if (disabled) slotProps["aria-disabled"] = true;
+    if (label !== void 0) slotProps["aria-label"] = label;
+    if (testID !== void 0) slotProps["data-testid"] = testID;
+    if (className !== void 0) slotProps.className = className;
+    return /* @__PURE__ */ jsxRuntime.jsx(Slot, { ...slotProps, children });
+  }
+  const trackClasses = cn(
+    "w-10 h-6 rounded-full justify-center px-0.5 transition-colors",
+    value ? "bg-semantic-interactive-primary" : "bg-neutral-300",
+    disabled ? "opacity-60" : void 0
+  );
+  const thumbClasses = cn("w-5 h-5 rounded-full bg-white shadow-sm", value ? "self-end" : "self-start");
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { className: cn("flex-row items-center gap-2", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: toggle, ...commonProps, className: trackClasses, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { className: thumbClasses }) }),
+    label ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { className: "text-md text-semantic-text-default", children: label }) : null,
+    children
+  ] });
+}
+__name(Switch, "Switch");
+var VARIANT_CLASSES2 = {
+  "body-xs": "text-xs leading-normal",
+  "body-sm": "text-sm leading-normal",
+  "body-md": "text-md leading-normal",
+  "body-lg": "text-lg leading-relaxed",
+  "heading-1": "text-4xl leading-tight font-bold",
+  "heading-2": "text-3xl leading-tight font-semibold",
+  "heading-3": "text-2xl leading-tight font-semibold"
+};
+var HEADING_VARIANTS = /* @__PURE__ */ new Set(["heading-1", "heading-2", "heading-3"]);
+function Text({ variant = "body-md", className, testID, children, ...rest }) {
+  const isHeading = HEADING_VARIANTS.has(variant);
+  const role = isHeading ? "header" : rest.accessibilityRole;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.Text,
+    {
+      testID,
+      ...rest,
+      ...role !== void 0 ? { accessibilityRole: role } : {},
+      className: cn(VARIANT_CLASSES2[variant], className),
+      children
+    }
+  );
+}
+__name(Text, "Text");
+function TextInput({
+  label,
+  helperText,
+  error,
+  disabled,
+  leading,
+  trailing,
+  containerClassName,
+  className,
+  testID,
+  onChangeText,
+  multiline,
+  numberOfLines,
+  ...rest
+}) {
+  const reactId = react.useId();
+  const inputId = testID ?? `nori-ui-input-${reactId}`;
+  const describeId = `${inputId}-describe`;
+  const hasError = Boolean(error);
+  const describedBy = error || helperText ? describeId : void 0;
+  const inputExtras = {};
+  if (testID !== void 0) inputExtras.testID = testID;
+  if (label !== void 0) inputExtras.accessibilityLabel = label;
+  if (hasError) inputExtras["aria-invalid"] = true;
+  if (describedBy !== void 0) inputExtras["aria-describedby"] = describedBy;
+  if (multiline !== void 0) inputExtras.multiline = multiline;
+  if (numberOfLines !== void 0) inputExtras.numberOfLines = numberOfLines;
+  if (onChangeText !== void 0) inputExtras.onChangeText = onChangeText;
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { className: cn("flex flex-col gap-1", containerClassName), children: [
+    label !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: inputId, className: "text-sm font-medium text-semantic-text-default", children: label }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      reactNative.View,
+      {
+        className: cn(
+          "flex-row items-center rounded-md border px-3",
+          hasError ? "border-semantic-interactive-destructive" : "border-semantic-border-default",
+          disabled ? "opacity-60" : void 0
+        ),
+        children: [
+          leading ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { className: "mr-2", children: leading }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactNative.TextInput,
+            {
+              nativeID: inputId,
+              editable: !disabled,
+              className: cn("flex-1 py-2 text-md text-semantic-text-default outline-none", className),
+              ...inputExtras,
+              ...rest
+            }
+          ),
+          trailing ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { className: "ml-2", children: trailing }) : null
+        ]
+      }
+    ),
+    error ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { nativeID: describeId, className: "text-sm text-semantic-interactive-destructive", children: error }) : helperText ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { nativeID: describeId, className: "text-sm text-semantic-text-muted", children: helperText }) : null
+  ] });
+}
+__name(TextInput, "TextInput");
+function TextArea({ numberOfLines = 4, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TextInput, { multiline: true, numberOfLines, ...rest });
+}
+__name(TextArea, "TextArea");
+var ALIGN_CLASS2 = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end",
+  stretch: "items-stretch",
+  baseline: "items-baseline"
+};
+var JUSTIFY_CLASS2 = {
+  start: "justify-start",
+  center: "justify-center",
+  end: "justify-end",
+  between: "justify-between",
+  around: "justify-around",
+  evenly: "justify-evenly"
+};
+function VStack({ gap, align, justify, className, children, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.View,
+    {
+      ...rest,
+      className: cn(
+        "flex-col",
+        gap !== void 0 && gap !== 0 ? `gap-${gap}` : void 0,
+        align !== void 0 ? ALIGN_CLASS2[align] : void 0,
+        justify !== void 0 ? JUSTIFY_CLASS2[justify] : void 0,
+        className
+      ),
+      children
+    }
+  );
+}
+__name(VStack, "VStack");
+
+// src/i18n/default-dictionary.ts
+var defaultDictionary = {
+  // generic / shared
+  "common.cancel": "Cancel",
+  "common.confirm": "Confirm",
+  "common.close": "Close",
+  "common.back": "Back",
+  "common.loading": "Loading",
+  "common.error": "Something went wrong",
+  "common.retry": "Try again",
+  // button
+  "button.loadingLabel": "Loading",
+  // input
+  "input.clear": "Clear",
+  "input.passwordShow": "Show password",
+  "input.passwordHide": "Hide password",
+  // checkbox / switch
+  "checkbox.checked": "Checked",
+  "checkbox.unchecked": "Unchecked",
+  "switch.on": "On",
+  "switch.off": "Off"
+};
+
+// src/i18n/resolve.ts
+function resolveI18n(input, defaults) {
+  if (typeof input === "function") {
+    return (keyOrKeys, options) => input(keyOrKeys, options);
+  }
+  const dict = input ?? {};
+  return (keyOrKeys, options) => {
+    const keys = Array.isArray(keyOrKeys) ? keyOrKeys : [keyOrKeys];
+    for (const rawKey of keys) {
+      const key = pluralize(rawKey, options?.count);
+      const template = dict[key] ?? defaults[key];
+      if (template !== void 0) {
+        return interpolate(template, options);
+      }
+    }
+    const lastKey = keys[keys.length - 1];
+    if (options?.defaultValue !== void 0) {
+      return interpolate(options.defaultValue, options);
+    }
+    return lastKey ?? "";
+  };
+}
+__name(resolveI18n, "resolveI18n");
+function pluralize(key, count) {
+  if (count === void 0) return key;
+  if (count === 1) return `${key}_one`;
+  return `${key}_other`;
+}
+__name(pluralize, "pluralize");
+function interpolate(template, options) {
+  if (!options) return template;
+  return template.replace(/\{\{\s*([A-Za-z0-9_.-]+)\s*\}\}/g, (_match, name) => {
+    const value = options[name];
+    return value === void 0 || value === null ? "" : String(value);
+  });
+}
+__name(interpolate, "interpolate");
+var SIZE_MAP2 = {
+  sm: 16,
+  md: 20,
+  lg: 24,
+  xl: 32
+};
+function Icon({ as: IconComponent, size = "md", color }) {
+  const numericSize = typeof size === "number" ? size : SIZE_MAP2[size];
+  const colorProps = color === void 0 ? {} : { color };
+  return /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { size: numericSize, ...colorProps });
+}
+__name(Icon, "Icon");
+
+// ../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": "#dbeafe",
+      "200": "#bfdbfe",
+      "300": "#93c5fd",
+      "400": "#60a5fa",
+      "50": "#f0f7ff",
+      "500": "#3b82f6",
+      "600": "#2563eb",
+      "700": "#1d4ed8",
+      "800": "#1e40af",
+      "900": "#1e3a8a"
+    },
+    success: "#22c55e",
+    warning: "#f59e0b"
+  },
+  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: "#2563eb",
+      primaryHover: "#1d4ed8",
+      primaryPressed: "#1e40af"
+    },
+    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": "#dbeafe",
+      "200": "#bfdbfe",
+      "300": "#93c5fd",
+      "400": "#60a5fa",
+      "50": "#f0f7ff",
+      "500": "#3b82f6",
+      "600": "#2563eb",
+      "700": "#1d4ed8",
+      "800": "#1e40af",
+      "900": "#1e3a8a"
+    },
+    success: "#22c55e",
+    warning: "#f59e0b"
+  },
+  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: "#60a5fa",
+      primaryHover: "#93c5fd",
+      primaryPressed: "#bfdbfe"
+    },
+    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"
+  }
+};
+
+exports.Box = Box;
+exports.Button = Button;
+exports.Checkbox = Checkbox;
+exports.HStack = HStack;
+exports.Icon = Icon;
+exports.Slot = Slot;
+exports.Spinner = Spinner;
+exports.Switch = Switch;
+exports.Text = Text;
+exports.TextArea = TextArea;
+exports.TextInput = TextInput;
+exports.VStack = VStack;
+exports.cn = cn;
+exports.composeRefs = composeRefs;
+exports.defaultDictionary = defaultDictionary;
+exports.defaultSemanticIcons = defaultSemanticIcons;
+exports.resolveI18n = resolveI18n;
+exports.theme = theme;
+exports.themeDark = themeDark;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map