@nori-ui/core 0.0.1

package/dist/slot/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/slot/compose-refs.ts","../../src/slot/slot.tsx"],"names":["forwardRef","Slot","isValidElement","Children","cloneElement"],"mappings":"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","file":"index.cjs","sourcesContent":["// composeRefs — merges multiple React refs (callback or object) into a single callback.\n// Derived from Radix UI's approach; reimplemented here so we don't take a Radix dependency.\n\nimport type { MutableRefObject, Ref, RefCallback } from 'react';\n\ntype PossibleRef<T> = Ref<T> | undefined;\n\nexport function composeRefs<T>(...refs: Array<PossibleRef<T>>): RefCallback<T> {\n    return (node: T | null) => {\n        for (const ref of refs) {\n            if (ref == null) continue;\n            if (typeof ref === 'function') {\n                ref(node);\n            } else {\n                // React's MutableRefObject typing — we assign .current directly.\n                (ref as MutableRefObject<T | null>).current = node;\n            }\n        }\n    };\n}\n","import type { CSSProperties, ReactElement, Ref } from 'react';\nimport { Children, cloneElement, forwardRef, isValidElement } from 'react';\nimport { composeRefs } from './compose-refs';\n\ntype AnyProps = Record<string, unknown>;\n\nexport type SlotProps = {\n    children?: React.ReactNode;\n} & AnyProps;\n\nexport const Slot = forwardRef<unknown, SlotProps>(function Slot(props, forwardedRef) {\n    const { children, ...slotProps } = props;\n\n    if (!isValidElement(children)) {\n        return null;\n    }\n\n    // Assert that children is a single React element with props — we've narrowed above.\n    const child = Children.only(children) as ReactElement<AnyProps> & { ref?: Ref<unknown> };\n    const merged = mergeProps(slotProps, child.props);\n\n    // Merge refs: Slot's forwarded ref + the child's own ref (if any).\n    const childRef = (child as unknown as { ref?: Ref<unknown> }).ref;\n    if (forwardedRef || childRef) {\n        (merged as AnyProps).ref = composeRefs(forwardedRef, childRef);\n    }\n\n    return cloneElement(child, merged);\n});\nSlot.displayName = 'Slot';\n\nfunction mergeProps(outer: AnyProps, inner: AnyProps): AnyProps {\n    // Inner (child) wins for everything except: className (concatenated), style (merged), and\n    // event handlers (composed — outer runs first, then inner).\n    const merged: AnyProps = { ...outer };\n\n    for (const key of Object.keys(inner)) {\n        const outerValue = outer[key];\n        const innerValue = inner[key];\n\n        if (key === 'className' || key === 'class') {\n            merged[key] = joinClass(outerValue, innerValue);\n            continue;\n        }\n\n        if (key === 'style') {\n            merged[key] = {\n                ...(outerValue as CSSProperties | undefined),\n                ...(innerValue as CSSProperties | undefined),\n            };\n            continue;\n        }\n\n        if (isEventHandler(key, outerValue, innerValue)) {\n            merged[key] = composeHandlers(outerValue as Fn, innerValue as Fn);\n            continue;\n        }\n\n        merged[key] = innerValue;\n    }\n\n    return merged;\n}\n\nfunction joinClass(outer: unknown, inner: unknown): string | undefined {\n    const a = typeof outer === 'string' ? outer : '';\n    const b = typeof inner === 'string' ? inner : '';\n    const joined = [a, b].filter(Boolean).join(' ');\n    return joined.length > 0 ? joined : undefined;\n}\n\ntype Fn = (...args: unknown[]) => unknown;\n\nfunction isEventHandler(key: string, outer: unknown, inner: unknown): boolean {\n    if (!key.startsWith('on') || key.length < 3) return false;\n    if (key[2] !== key[2]?.toUpperCase()) return false;\n    return typeof outer === 'function' && typeof inner === 'function';\n}\n\nfunction composeHandlers(outer: Fn, inner: Fn): Fn {\n    return (...args: unknown[]) => {\n        outer(...args);\n        inner(...args);\n    };\n}\n"]}

package/dist/slot/index.d.cts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { Ref, RefCallback } from 'react';
+
+type PossibleRef<T> = Ref<T> | undefined;
+declare function composeRefs<T>(...refs: Array<PossibleRef<T>>): RefCallback<T>;
+
+type AnyProps = Record<string, unknown>;
+type SlotProps = {
+    children?: React.ReactNode;
+} & AnyProps;
+declare const Slot: react.ForwardRefExoticComponent<Omit<SlotProps, "ref"> & react.RefAttributes<unknown>>;
+
+export { Slot, type SlotProps, composeRefs };

package/dist/slot/index.d.ts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { Ref, RefCallback } from 'react';
+
+type PossibleRef<T> = Ref<T> | undefined;
+declare function composeRefs<T>(...refs: Array<PossibleRef<T>>): RefCallback<T>;
+
+type AnyProps = Record<string, unknown>;
+type SlotProps = {
+    children?: React.ReactNode;
+} & AnyProps;
+declare const Slot: react.ForwardRefExoticComponent<Omit<SlotProps, "ref"> & react.RefAttributes<unknown>>;
+
+export { Slot, type SlotProps, composeRefs };

package/dist/slot/index.js

@@ -0,0 +1,4 @@
+export { Slot, composeRefs } from '../chunk-FXKIWONG.js';
+import '../chunk-7QVYU63E.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/slot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/stories/story-registry.cjs

@@ -0,0 +1,612 @@
+'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");
+var stories = [
+  {
+    id: "text.body-md",
+    title: "Text \xB7 body-md",
+    render: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxRuntime.jsx(Text, { testID: "story-text-body-md", children: "Hello world" }), "render")
+  },
+  {
+    id: "text.heading-1",
+    title: "Text \xB7 heading-1",
+    render: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "heading-1", testID: "story-text-heading-1", children: "Heading" }), "render")
+  },
+  {
+    id: "box.default",
+    title: "Box \xB7 default",
+    render: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxRuntime.jsx(Box, { testID: "story-box-default", className: "p-4 bg-primary-50 rounded-md", children: /* @__PURE__ */ jsxRuntime.jsx(Text, { children: "Box content" }) }), "render")
+  },
+  {
+    id: "hstack.gap-4",
+    title: "HStack \xB7 gap 4",
+    render: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxRuntime.jsxs(HStack, { testID: "story-hstack-gap-4", gap: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { testID: "story-hstack-a", style: { padding: 8, backgroundColor: "#dbeafe" }, children: /* @__PURE__ */ jsxRuntime.jsx(Text, { children: "A" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { testID: "story-hstack-b", style: { padding: 8, backgroundColor: "#bfdbfe" }, children: /* @__PURE__ */ jsxRuntime.jsx(Text, { children: "B" }) })
+    ] }), "render")
+  },
+  {
+    id: "vstack.gap-4",
+    title: "VStack \xB7 gap 4",
+    render: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxRuntime.jsxs(VStack, { testID: "story-vstack-gap-4", gap: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { testID: "story-vstack-a", style: { padding: 8, backgroundColor: "#dbeafe" }, children: /* @__PURE__ */ jsxRuntime.jsx(Text, { children: "A" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { testID: "story-vstack-b", style: { padding: 8, backgroundColor: "#bfdbfe" }, children: /* @__PURE__ */ jsxRuntime.jsx(Text, { children: "B" }) })
+    ] }), "render")
+  },
+  {
+    id: "spinner.md",
+    title: "Spinner \xB7 md",
+    render: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxRuntime.jsx(Spinner, { testID: "story-spinner-md", size: "md" }), "render")
+  },
+  {
+    id: "spinner.lg",
+    title: "Spinner \xB7 lg",
+    render: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxRuntime.jsx(Spinner, { testID: "story-spinner-lg", size: "lg" }), "render")
+  },
+  {
+    id: "button.primary",
+    title: "Button \xB7 primary",
+    render: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxRuntime.jsx(Button, { testID: "story-button-primary", children: "Click me" }), "render")
+  },
+  {
+    id: "button.destructive",
+    title: "Button \xB7 destructive",
+    render: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxRuntime.jsx(Button, { testID: "story-button-destructive", variant: "destructive", children: "Delete" }), "render")
+  },
+  {
+    id: "button.loading",
+    title: "Button \xB7 loading",
+    render: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxRuntime.jsx(Button, { testID: "story-button-loading", loading: true, children: "Saving" }), "render")
+  },
+  {
+    id: "text-input.default",
+    title: "TextInput \xB7 default",
+    render: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxRuntime.jsx(TextInput, { testID: "story-text-input-default", label: "Email", placeholder: "you@example.com" }), "render")
+  },
+  {
+    id: "text-input.error",
+    title: "TextInput \xB7 error",
+    render: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxRuntime.jsx(TextInput, { testID: "story-text-input-error", label: "Email", error: "Required" }), "render")
+  },
+  {
+    id: "text-area.default",
+    title: "TextArea \xB7 default",
+    render: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxRuntime.jsx(TextArea, { testID: "story-text-area-default", label: "Bio", numberOfLines: 3 }), "render")
+  },
+  {
+    id: "checkbox.default",
+    title: "Checkbox \xB7 default",
+    render: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxRuntime.jsx(Checkbox, { testID: "story-checkbox-default", label: "Accept" }), "render")
+  },
+  {
+    id: "checkbox.checked",
+    title: "Checkbox \xB7 checked",
+    render: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxRuntime.jsx(Checkbox, { testID: "story-checkbox-checked", label: "Accept", defaultChecked: true }), "render")
+  },
+  {
+    id: "switch.default",
+    title: "Switch \xB7 default",
+    render: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxRuntime.jsx(Switch, { testID: "story-switch-default", label: "Dark mode" }), "render")
+  },
+  {
+    id: "switch.on",
+    title: "Switch \xB7 on",
+    render: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxRuntime.jsx(Switch, { testID: "story-switch-on", label: "Dark mode", defaultChecked: true }), "render")
+  }
+];
+
+exports.stories = stories;
+//# sourceMappingURL=story-registry.cjs.map
+//# sourceMappingURL=story-registry.cjs.map