@nori-ui/core 1.0.6 → 1.2.0

package/dist/{chunk-QJNV7YQP.js → chunk-WTNDPO2V.js}

@@ -1,7 +1,7 @@
 import { defaultSemanticIcons } from './chunk-7Z4NMNX6.js';
 import { Slot } from './chunk-ZIBNLXIV.js';
-import { px } from './chunk-5A2QOOVN.js';
 import { cn } from './chunk-CHXHRJNZ.js';
+import { px } from './chunk-5A2QOOVN.js';
 import { useThemeColors } from './chunk-R5JMDDCB.js';
 import { __name } from './chunk-WCQVDF3K.js';
 import { createContext, useContext, useState, useCallback } from 'react';
@@ -41,7 +41,15 @@ var Checkbox = /* @__PURE__ */ __name(({
   className,
   testID,
   asChild,
-  children
+  children,
+  id,
+  name,
+  "aria-labelledby": ariaLabelledBy,
+  accessibilityLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  accessibilityDescribedBy,
+  "aria-invalid": ariaInvalid,
+  "aria-required": ariaRequired
 }) => {
   const colors = useThemeColors();
   const [inner, setInner] = useState(defaultChecked);
@@ -69,6 +77,13 @@ var Checkbox = /* @__PURE__ */ __name(({
     accessibilityState: { checked: value, disabled: Boolean(disabled) },
     testID
   };
+  if (id !== void 0) {
+    commonProps.id = id;
+    commonProps.nativeID = id;
+  }
+  if (name !== void 0) {
+    commonProps.name = name;
+  }
   if (disabled) {
     commonProps["aria-disabled"] = true;
   }
@@ -76,6 +91,26 @@ var Checkbox = /* @__PURE__ */ __name(({
     commonProps["aria-label"] = label;
     commonProps.accessibilityLabel = label;
   }
+  if (ariaLabelledBy !== void 0) {
+    commonProps["aria-labelledby"] = ariaLabelledBy;
+    commonProps.accessibilityLabelledBy = ariaLabelledBy;
+  }
+  if (accessibilityLabelledBy !== void 0) {
+    commonProps.accessibilityLabelledBy = accessibilityLabelledBy;
+  }
+  if (ariaDescribedBy !== void 0) {
+    commonProps["aria-describedby"] = ariaDescribedBy;
+    commonProps.accessibilityDescribedBy = ariaDescribedBy;
+  }
+  if (accessibilityDescribedBy !== void 0) {
+    commonProps.accessibilityDescribedBy = accessibilityDescribedBy;
+  }
+  if (ariaInvalid) {
+    commonProps["aria-invalid"] = true;
+  }
+  if (ariaRequired) {
+    commonProps["aria-required"] = true;
+  }
   if (asChild) {
     const slotProps = {
       role: "checkbox",
@@ -134,5 +169,5 @@ var Checkbox = /* @__PURE__ */ __name(({
 }, "Checkbox");
 
 export { Checkbox, SemanticIconsProvider, useSemanticIcon };
-//# sourceMappingURL=chunk-QJNV7YQP.js.map
-//# sourceMappingURL=chunk-QJNV7YQP.js.map
+//# sourceMappingURL=chunk-WTNDPO2V.js.map
+//# sourceMappingURL=chunk-WTNDPO2V.js.map

package/dist/chunk-WTNDPO2V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/semantic-context.tsx","../src/icons/use-semantic-icon.ts","../src/components/Checkbox/Checkbox.tsx"],"names":["jsx","RNText"],"mappings":"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","file":"chunk-WTNDPO2V.js","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { createContext } from 'react';\nimport { defaultSemanticIcons, type SemanticIcons } from './default-semantic-icons';\n\nexport const SemanticIconsContext = createContext<SemanticIcons>(defaultSemanticIcons);\nSemanticIconsContext.displayName = 'SemanticIconsContext';\n\nexport type SemanticIconsProviderProps = {\n    icons?: Partial<SemanticIcons>;\n    children?: ReactNode;\n};\n\nexport function SemanticIconsProvider({ icons, children }: SemanticIconsProviderProps) {\n    const merged: SemanticIcons = icons ? { ...defaultSemanticIcons, ...icons } : defaultSemanticIcons;\n    return <SemanticIconsContext.Provider value={merged}>{children}</SemanticIconsContext.Provider>;\n}\n","'use client';\n\nimport { useContext } from 'react';\nimport type { SemanticIcons } from './default-semantic-icons';\nimport { SemanticIconsContext } from './semantic-context';\n\nexport function useSemanticIcon<K extends keyof SemanticIcons>(name: K): SemanticIcons[K] {\n    const icons = useContext(SemanticIconsContext);\n    return icons[name];\n}\n","'use client';\n\nimport type { ReactNode } from 'react';\nimport { useCallback, useState } from 'react';\nimport type { ViewStyle } from 'react-native';\nimport { Pressable, Text as RNText, View } from 'react-native';\nimport { useSemanticIcon } from '../../icons/use-semantic-icon';\nimport { Slot } from '../../slot';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type CheckboxProps = {\n    checked?: boolean;\n    defaultChecked?: boolean;\n    indeterminate?: boolean;\n    disabled?: boolean;\n    onChange?: (next: boolean) => void;\n    label?: string;\n    className?: string;\n    testID?: string;\n    asChild?: boolean;\n    children?: ReactNode;\n    /** DOM id / nativeID forwarded to the Pressable — used by Field.Control */\n    id?: string;\n    /** HTML name attribute (web only) */\n    name?: string;\n    /** aria-labelledby forwarded to the Pressable */\n    'aria-labelledby'?: string;\n    /** React Native accessibilityLabelledBy forwarded to the Pressable */\n    accessibilityLabelledBy?: string;\n    /** aria-describedby forwarded to the Pressable */\n    'aria-describedby'?: string;\n    /** React Native accessibilityDescribedBy forwarded to the Pressable */\n    accessibilityDescribedBy?: string;\n    /** Marks the control as invalid — set by Field.Control when there is an error */\n    'aria-invalid'?: boolean;\n    /** Marks the control as required — set by Field.Control */\n    'aria-required'?: boolean;\n};\n\n// Layout-only base; theme-driven dimensions are merged inside the component.\nconst ROW_LAYOUT_BASE: ViewStyle = { flexDirection: 'row', alignItems: 'center' };\nconst BOX_LAYOUT_BASE: ViewStyle = {\n    // 20×20 box — component-density literal — not from theme\n    width: 20,\n    height: 20,\n    borderWidth: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n};\n\n/**\n * Checkbox — supports controlled + uncontrolled state, indeterminate (aria-checked=\"mixed\"),\n * asChild (via Slot), and a visible label that doubles as the accessibility label.\n */\nexport const Checkbox = ({\n    checked,\n    defaultChecked = false,\n    indeterminate,\n    disabled,\n    onChange,\n    label,\n    className,\n    testID,\n    asChild,\n    children,\n    id,\n    name,\n    'aria-labelledby': ariaLabelledBy,\n    accessibilityLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    accessibilityDescribedBy,\n    'aria-invalid': ariaInvalid,\n    'aria-required': ariaRequired,\n}: CheckboxProps) => {\n    const colors = useThemeColors();\n    const [inner, setInner] = useState<boolean>(defaultChecked);\n    const isControlled = checked !== undefined;\n    const value = isControlled ? Boolean(checked) : inner;\n\n    const ariaChecked: 'true' | 'false' | 'mixed' = indeterminate ? 'mixed' : value ? 'true' : 'false';\n    const isMarked = value || Boolean(indeterminate);\n\n    const toggle = useCallback(() => {\n        if (disabled) {\n            return;\n        }\n        const next = !value;\n        if (!isControlled) {\n            setInner(next);\n        }\n        onChange?.(next);\n    }, [disabled, value, isControlled, onChange]);\n\n    const Check = useSemanticIcon('checkmark');\n\n    const rowStyle: ViewStyle = { ...ROW_LAYOUT_BASE, gap: px(colors.spacing['2']) };\n    const boxBaseStyle: ViewStyle = { ...BOX_LAYOUT_BASE, borderRadius: px(colors.radius.sm) };\n\n    const commonProps: Record<string, unknown> = {\n        role: 'checkbox',\n        'aria-checked': ariaChecked,\n        accessibilityRole: 'checkbox' as const,\n        accessibilityState: { checked: value, disabled: Boolean(disabled) },\n        testID,\n    };\n    if (id !== undefined) {\n        commonProps.id = id;\n        commonProps.nativeID = id;\n    }\n    if (name !== undefined) {\n        commonProps.name = name;\n    }\n    if (disabled) {\n        commonProps['aria-disabled'] = true;\n    }\n    if (label !== undefined) {\n        commonProps['aria-label'] = label;\n        commonProps.accessibilityLabel = label;\n    }\n    if (ariaLabelledBy !== undefined) {\n        commonProps['aria-labelledby'] = ariaLabelledBy;\n        commonProps.accessibilityLabelledBy = ariaLabelledBy;\n    }\n    if (accessibilityLabelledBy !== undefined) {\n        commonProps.accessibilityLabelledBy = accessibilityLabelledBy;\n    }\n    if (ariaDescribedBy !== undefined) {\n        commonProps['aria-describedby'] = ariaDescribedBy;\n        commonProps.accessibilityDescribedBy = ariaDescribedBy;\n    }\n    if (accessibilityDescribedBy !== undefined) {\n        commonProps.accessibilityDescribedBy = accessibilityDescribedBy;\n    }\n    if (ariaInvalid) {\n        commonProps['aria-invalid'] = true;\n    }\n    if (ariaRequired) {\n        commonProps['aria-required'] = true;\n    }\n\n    if (asChild) {\n        const slotProps: Record<string, unknown> = {\n            role: 'checkbox',\n            'aria-checked': ariaChecked,\n            onClick: toggle,\n        };\n        if (disabled) {\n            slotProps['aria-disabled'] = true;\n        }\n        if (label !== undefined) {\n            slotProps['aria-label'] = label;\n        }\n        if (testID !== undefined) {\n            slotProps['data-testid'] = testID;\n        }\n        if (className !== undefined) {\n            slotProps.className = className;\n        }\n        return <Slot {...slotProps}>{children}</Slot>;\n    }\n\n    const boxClasses = cn(\n        'w-5 h-5 rounded-sm border items-center justify-center',\n        isMarked && !disabled\n            ? 'bg-semantic-interactive-primary border-semantic-interactive-primary'\n            : 'bg-semantic-background-elevated border-semantic-border-strong'\n    );\n    const boxFill: ViewStyle =\n        isMarked && !disabled\n            ? {\n                  backgroundColor: colors.semantic.interactive.primary,\n                  borderColor: colors.semantic.interactive.primary,\n              }\n            : {\n                  backgroundColor: colors.semantic.background.elevated,\n                  borderColor: colors.semantic.border.strong,\n              };\n\n    // The whole row is the interactive element so clicking the label text\n    // toggles the checkbox. The visual box is a non-interactive View — one\n    // role=\"checkbox\" per logical control, not two competing hit-areas.\n    // Indeterminate uses a horizontal dash (the W3C convention) rather than\n    // a checkmark, so the user can tell at a glance that the state is\n    // \"partial / mixed\", not \"fully checked.\" Clicking still fires onChange\n    // — consumers typically toggle indeterminate off and set checked=true\n    // in their handler.\n    const inverted = colors.semantic.text.inverted;\n    return (\n        <Pressable\n            onPress={toggle}\n            {...commonProps}\n            className={cn('flex-row items-center gap-2', disabled ? 'opacity-60' : undefined, className)}\n            style={[rowStyle, disabled ? { opacity: 0.6 } : null]}\n        >\n            <View className={boxClasses} style={[boxBaseStyle, boxFill]}>\n                {indeterminate && !disabled ? (\n                    <View style={{ width: 10, height: 2, borderRadius: 1, backgroundColor: inverted }} />\n                ) : value && !disabled ? (\n                    <Check size={14} color={inverted} />\n                ) : null}\n            </View>\n            {children ??\n                (label !== undefined ? (\n                    <RNText\n                        style={{\n                            color: colors.semantic.text.default,\n                            fontFamily: colors.fontFamily.body,\n                            fontSize: px(colors.fontSize.md),\n                        }}\n                    >\n                        {label}\n                    </RNText>\n                ) : null)}\n        </Pressable>\n    );\n};\n"]}

package/dist/chunk-XBNVKPJN.js

@@ -0,0 +1,343 @@
+import { Popover } from './chunk-7D2BHQ6M.js';
+import { useLocale, Calendar } from './chunk-HZKXPN6B.js';
+import { cn } from './chunk-CHXHRJNZ.js';
+import { px } from './chunk-5A2QOOVN.js';
+import { useThemeColors } from './chunk-R5JMDDCB.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { getLocalTimeZone } from '@internationalized/date';
+import { useState, useCallback } from 'react';
+import { Platform, Text, Pressable, View } from 'react-native';
+import { jsx, jsxs } from 'nativewind/jsx-runtime';
+
+function formatDate(date, locale) {
+  try {
+    return new Intl.DateTimeFormat(locale, { dateStyle: "medium" }).format(date.toDate(getLocalTimeZone()));
+  } catch {
+    return `${date.year}-${String(date.month).padStart(2, "0")}-${String(date.day).padStart(2, "0")}`;
+  }
+}
+__name(formatDate, "formatDate");
+function CalendarIcon({ size = 16, color = "currentColor" }) {
+  const colors = useThemeColors();
+  if (Platform.OS === "web") {
+    return /* @__PURE__ */ 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__ */ jsx("path", { d: "M8 2v4M16 2v4M3 10h18M5 4h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" })
+      }
+    );
+  }
+  const resolvedColor = color === "currentColor" ? colors.semantic.text.muted : color;
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      style: { fontSize: size, lineHeight: size, color: resolvedColor },
+      children: "\u{1F4C5}"
+    }
+  );
+}
+__name(CalendarIcon, "CalendarIcon");
+function buildCalendarOptional(minValue, maxValue, isDateUnavailable, firstDayOfWeek) {
+  const out = {};
+  if (minValue !== void 0) {
+    out.minValue = minValue;
+  }
+  if (maxValue !== void 0) {
+    out.maxValue = maxValue;
+  }
+  if (isDateUnavailable !== void 0) {
+    out.isDateUnavailable = isDateUnavailable;
+  }
+  if (firstDayOfWeek !== void 0) {
+    out.firstDayOfWeek = firstDayOfWeek;
+  }
+  return out;
+}
+__name(buildCalendarOptional, "buildCalendarOptional");
+function buildTriggerAriaProps(ariaProps) {
+  const out = {};
+  if (ariaProps["aria-labelledby"] !== void 0) {
+    out["aria-labelledby"] = ariaProps["aria-labelledby"];
+  }
+  if (ariaProps["aria-describedby"] !== void 0) {
+    out["aria-describedby"] = ariaProps["aria-describedby"];
+  }
+  if (ariaProps["aria-invalid"] !== void 0) {
+    out["aria-invalid"] = ariaProps["aria-invalid"];
+  }
+  if (ariaProps["aria-required"] !== void 0) {
+    out["aria-required"] = ariaProps["aria-required"];
+  }
+  return out;
+}
+__name(buildTriggerAriaProps, "buildTriggerAriaProps");
+var DatePickerRoot = /* @__PURE__ */ __name(({
+  value,
+  defaultValue,
+  onChange,
+  locale: localeProp,
+  minValue,
+  maxValue,
+  isDateUnavailable,
+  firstDayOfWeek,
+  placeholder,
+  disabled = false,
+  id,
+  name: _name,
+  className,
+  testID,
+  ...ariaProps
+}) => {
+  const providerLocale = useLocale();
+  const locale = localeProp ?? providerLocale;
+  const [open, setOpen] = useState(false);
+  const isControlled = value !== void 0;
+  const [inner, setInner] = useState(defaultValue ?? null);
+  const current = isControlled ? value ?? null : inner;
+  const handleChange = useCallback(
+    (date) => {
+      if (!isControlled) {
+        setInner(date);
+      }
+      onChange?.(date);
+      setOpen(false);
+    },
+    [isControlled, onChange]
+  );
+  const handleOpenChange = useCallback(
+    (next) => {
+      if (!disabled) {
+        setOpen(next);
+      }
+    },
+    [disabled]
+  );
+  const displayValue = current ? formatDate(current, locale) : null;
+  const calendarOptional = buildCalendarOptional(minValue, maxValue, isDateUnavailable, firstDayOfWeek);
+  const triggerAriaProps = buildTriggerAriaProps(ariaProps);
+  const colors = useThemeColors();
+  const hasError = ariaProps["aria-invalid"] === true || ariaProps["aria-invalid"] === "true";
+  const pressableStyle = {
+    flexDirection: "row",
+    alignItems: "center",
+    borderWidth: 1,
+    borderRadius: px(colors.radius.md),
+    paddingHorizontal: px(colors.spacing["3"]),
+    paddingVertical: px(colors.spacing["2"]),
+    backgroundColor: colors.semantic.background.elevated,
+    borderColor: hasError ? colors.color.danger : colors.semantic.border.default,
+    opacity: disabled ? 0.6 : 1
+  };
+  const textStyle = {
+    flex: 1,
+    fontFamily: colors.fontFamily.body,
+    fontSize: px(colors.fontSize.md),
+    color: displayValue ? colors.semantic.text.default : colors.semantic.text.muted
+  };
+  const triggerExtraProps = {
+    role: "combobox",
+    accessibilityRole: "button",
+    "aria-haspopup": "dialog",
+    "aria-expanded": open,
+    ...triggerAriaProps
+  };
+  if (id !== void 0) {
+    triggerExtraProps.id = id;
+    triggerExtraProps.nativeID = id;
+  }
+  if (testID !== void 0) {
+    triggerExtraProps.testID = testID;
+  }
+  if (hasError) {
+    triggerExtraProps["aria-invalid"] = true;
+  }
+  if (ariaProps["aria-required"]) {
+    triggerExtraProps["aria-required"] = true;
+  }
+  if (disabled) {
+    triggerExtraProps["aria-disabled"] = true;
+  }
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: false, className: cn(className), children: /* @__PURE__ */ jsxs(
+      Pressable,
+      {
+        onPress: disabled ? void 0 : () => setOpen(!open),
+        disabled,
+        className: cn(
+          "flex-row items-center rounded-md border px-3 py-2",
+          hasError ? "border-semantic-interactive-destructive" : "border-semantic-border-default",
+          disabled ? "opacity-60" : void 0,
+          className
+        ),
+        style: pressableStyle,
+        ...triggerExtraProps,
+        children: [
+          /* @__PURE__ */ jsx(Text, { style: textStyle, numberOfLines: 1, children: displayValue ?? placeholder ?? "" }),
+          /* @__PURE__ */ jsx(View, { style: { marginLeft: px(colors.spacing["2"]) }, children: /* @__PURE__ */ jsx(CalendarIcon, { size: 16, color: colors.semantic.text.muted }) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Popover.Content, { "aria-label": "Date picker", side: "bottom", align: "start", children: /* @__PURE__ */ jsx(
+      Calendar,
+      {
+        mode: "single",
+        value: current,
+        onChange: (date) => {
+          handleChange(date);
+        },
+        locale,
+        ...calendarOptional
+      }
+    ) })
+  ] });
+}, "DatePickerRoot");
+var DatePickerRange = /* @__PURE__ */ __name(({
+  value,
+  defaultValue,
+  onChange,
+  locale: localeProp,
+  minValue,
+  maxValue,
+  isDateUnavailable,
+  firstDayOfWeek,
+  placeholder,
+  disabled = false,
+  id,
+  name: _name,
+  className,
+  testID,
+  ...ariaProps
+}) => {
+  const providerLocale = useLocale();
+  const locale = localeProp ?? providerLocale;
+  const [open, setOpen] = useState(false);
+  const isControlled = value !== void 0;
+  const [inner, setInner] = useState(defaultValue ?? { start: null, end: null });
+  const current = isControlled ? value ?? { start: null, end: null } : inner;
+  const calendarValue = current.start !== null ? { start: current.start, end: current.end } : null;
+  const handleChange = useCallback(
+    (calRange) => {
+      const next = {
+        start: calRange?.start ?? null,
+        end: calRange?.end ?? null
+      };
+      if (!isControlled) {
+        setInner(next);
+      }
+      onChange?.(next);
+      if (next.start !== null && next.end !== null) {
+        setOpen(false);
+      }
+    },
+    [isControlled, onChange]
+  );
+  const handleOpenChange = useCallback(
+    (next) => {
+      if (!disabled) {
+        setOpen(next);
+      }
+    },
+    [disabled]
+  );
+  let displayValue = null;
+  if (current.start !== null) {
+    const startStr = formatDate(current.start, locale);
+    const endStr = current.end !== null ? formatDate(current.end, locale) : "";
+    displayValue = `${startStr} \u2013 ${endStr}`;
+  }
+  const calendarOptional = buildCalendarOptional(minValue, maxValue, isDateUnavailable, firstDayOfWeek);
+  const triggerAriaProps = buildTriggerAriaProps(ariaProps);
+  const colors = useThemeColors();
+  const hasError = ariaProps["aria-invalid"] === true || ariaProps["aria-invalid"] === "true";
+  const pressableStyle = {
+    flexDirection: "row",
+    alignItems: "center",
+    borderWidth: 1,
+    borderRadius: px(colors.radius.md),
+    paddingHorizontal: px(colors.spacing["3"]),
+    paddingVertical: px(colors.spacing["2"]),
+    backgroundColor: colors.semantic.background.elevated,
+    borderColor: hasError ? colors.color.danger : colors.semantic.border.default,
+    opacity: disabled ? 0.6 : 1
+  };
+  const textStyle = {
+    flex: 1,
+    fontFamily: colors.fontFamily.body,
+    fontSize: px(colors.fontSize.md),
+    color: displayValue ? colors.semantic.text.default : colors.semantic.text.muted
+  };
+  const triggerExtraProps = {
+    role: "combobox",
+    accessibilityRole: "button",
+    "aria-haspopup": "dialog",
+    "aria-expanded": open,
+    ...triggerAriaProps
+  };
+  if (id !== void 0) {
+    triggerExtraProps.id = id;
+    triggerExtraProps.nativeID = id;
+  }
+  if (testID !== void 0) {
+    triggerExtraProps.testID = testID;
+  }
+  if (hasError) {
+    triggerExtraProps["aria-invalid"] = true;
+  }
+  if (ariaProps["aria-required"]) {
+    triggerExtraProps["aria-required"] = true;
+  }
+  if (disabled) {
+    triggerExtraProps["aria-disabled"] = true;
+  }
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: false, className: cn(className), children: /* @__PURE__ */ jsxs(
+      Pressable,
+      {
+        onPress: disabled ? void 0 : () => setOpen(!open),
+        disabled,
+        className: cn(
+          "flex-row items-center rounded-md border px-3 py-2",
+          hasError ? "border-semantic-interactive-destructive" : "border-semantic-border-default",
+          disabled ? "opacity-60" : void 0,
+          className
+        ),
+        style: pressableStyle,
+        ...triggerExtraProps,
+        children: [
+          /* @__PURE__ */ jsx(Text, { style: textStyle, numberOfLines: 1, children: displayValue ?? placeholder ?? "" }),
+          /* @__PURE__ */ jsx(View, { style: { marginLeft: px(colors.spacing["2"]) }, children: /* @__PURE__ */ jsx(CalendarIcon, { size: 16, color: colors.semantic.text.muted }) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Popover.Content, { "aria-label": "Date range picker", side: "bottom", align: "start", children: /* @__PURE__ */ jsx(
+      Calendar,
+      {
+        mode: "range",
+        value: calendarValue,
+        onChange: (range) => {
+          handleChange(range);
+        },
+        locale,
+        ...calendarOptional
+      }
+    ) })
+  ] });
+}, "DatePickerRange");
+var DatePicker = Object.assign(DatePickerRoot, {
+  Range: DatePickerRange
+});
+
+export { DatePicker };
+//# sourceMappingURL=chunk-XBNVKPJN.js.map
+//# sourceMappingURL=chunk-XBNVKPJN.js.map

package/dist/chunk-XBNVKPJN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DatePicker/DatePicker.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-XBNVKPJN.js","sourcesContent":["'use client';\n\nimport type { CalendarDate } from '@internationalized/date';\nimport { getLocalTimeZone } from '@internationalized/date';\nimport { useCallback, useState } from 'react';\nimport { Platform, Pressable, Text as RNText, View } from 'react-native';\nimport { useLocale } from '../../i18n/locale';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\nimport type { DateRange } from '../Calendar';\nimport { Calendar } from '../Calendar';\nimport { Popover } from '../Popover';\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\n/** Format a single CalendarDate for display using Intl. */\nfunction formatDate(date: CalendarDate, locale: string): string {\n    try {\n        return new Intl.DateTimeFormat(locale, { dateStyle: 'medium' }).format(date.toDate(getLocalTimeZone()));\n    } catch {\n        return `${date.year}-${String(date.month).padStart(2, '0')}-${String(date.day).padStart(2, '0')}`;\n    }\n}\n\n// ---------------------------------------------------------------------------\n// Calendar icon\n// ---------------------------------------------------------------------------\n\nfunction CalendarIcon({ size = 16, color = 'currentColor' }: { size?: number; color?: string }) {\n    const colors = useThemeColors();\n\n    if (Platform.OS === 'web') {\n        return (\n            <svg\n                width={size}\n                height={size}\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke={color}\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                aria-hidden=\"true\"\n            >\n                <path d=\"M8 2v4M16 2v4M3 10h18M5 4h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\" />\n            </svg>\n        );\n    }\n\n    const resolvedColor = color === 'currentColor' ? colors.semantic.text.muted : color;\n    return (\n        <RNText\n            accessibilityElementsHidden\n            importantForAccessibility=\"no-hide-descendants\"\n            style={{ fontSize: size, lineHeight: size, color: resolvedColor }}\n        >\n            {'📅'}\n        </RNText>\n    );\n}\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport type DatePickerProps = {\n    value?: CalendarDate | null;\n    defaultValue?: CalendarDate | null;\n    onChange?: (date: CalendarDate | null) => void;\n\n    /** BCP 47 locale; defaults from NoriProvider's i18n context. */\n    locale?: string;\n\n    /** Min/max selectable date. */\n    minValue?: CalendarDate;\n    maxValue?: CalendarDate;\n\n    /** Custom unavailable predicate. */\n    isDateUnavailable?: (date: CalendarDate) => boolean;\n\n    /** First day of week override (0=Sun, 1=Mon, ...). Defaults from locale. */\n    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\n    /** Placeholder text shown when no value. */\n    placeholder?: string;\n\n    /** Disable the whole picker. */\n    disabled?: boolean;\n\n    // A11y / Field.Control hook props\n    id?: string;\n    name?: string;\n    'aria-labelledby'?: string;\n    'aria-describedby'?: string;\n    'aria-invalid'?: boolean;\n    'aria-required'?: boolean;\n\n    testID?: string;\n    className?: string;\n};\n\nexport type DateRangeValue = { start: CalendarDate | null; end: CalendarDate | null };\n\nexport type DatePickerRangeProps = {\n    value?: DateRangeValue;\n    defaultValue?: DateRangeValue;\n    onChange?: (range: DateRangeValue) => void;\n\n    locale?: string;\n    minValue?: CalendarDate;\n    maxValue?: CalendarDate;\n    isDateUnavailable?: (date: CalendarDate) => boolean;\n    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n    placeholder?: string;\n    disabled?: boolean;\n\n    id?: string;\n    name?: string;\n    'aria-labelledby'?: string;\n    'aria-describedby'?: string;\n    'aria-invalid'?: boolean;\n    'aria-required'?: boolean;\n\n    testID?: string;\n    className?: string;\n};\n\n// ---------------------------------------------------------------------------\n// Shared Calendar optional props builder\n// ---------------------------------------------------------------------------\n\ntype CalendarOptional = {\n    minValue?: CalendarDate;\n    maxValue?: CalendarDate;\n    isDateUnavailable?: (date: CalendarDate) => boolean;\n    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n};\n\nfunction buildCalendarOptional(\n    minValue: CalendarDate | undefined,\n    maxValue: CalendarDate | undefined,\n    isDateUnavailable: ((date: CalendarDate) => boolean) | undefined,\n    firstDayOfWeek: (0 | 1 | 2 | 3 | 4 | 5 | 6) | undefined\n): CalendarOptional {\n    const out: CalendarOptional = {};\n    if (minValue !== undefined) {\n        out.minValue = minValue;\n    }\n    if (maxValue !== undefined) {\n        out.maxValue = maxValue;\n    }\n    if (isDateUnavailable !== undefined) {\n        out.isDateUnavailable = isDateUnavailable;\n    }\n    if (firstDayOfWeek !== undefined) {\n        out.firstDayOfWeek = firstDayOfWeek;\n    }\n    return out;\n}\n\nfunction buildTriggerAriaProps(ariaProps: {\n    'aria-labelledby'?: string;\n    'aria-describedby'?: string;\n    'aria-invalid'?: boolean;\n    'aria-required'?: boolean;\n}): Record<string, unknown> {\n    const out: Record<string, unknown> = {};\n    if (ariaProps['aria-labelledby'] !== undefined) {\n        out['aria-labelledby'] = ariaProps['aria-labelledby'];\n    }\n    if (ariaProps['aria-describedby'] !== undefined) {\n        out['aria-describedby'] = ariaProps['aria-describedby'];\n    }\n    if (ariaProps['aria-invalid'] !== undefined) {\n        out['aria-invalid'] = ariaProps['aria-invalid'];\n    }\n    if (ariaProps['aria-required'] !== undefined) {\n        out['aria-required'] = ariaProps['aria-required'];\n    }\n    return out;\n}\n\n// ---------------------------------------------------------------------------\n// DatePicker (single)\n//\n// Uses Popover.Trigger + asChild so the Popover correctly sets the trigger\n// ref for web positioning and handles outside-click dismissal.\n// The trigger renders as a Pressable (via Popover.Trigger asChild pattern).\n// ---------------------------------------------------------------------------\n\nconst DatePickerRoot = ({\n    value,\n    defaultValue,\n    onChange,\n    locale: localeProp,\n    minValue,\n    maxValue,\n    isDateUnavailable,\n    firstDayOfWeek,\n    placeholder,\n    disabled = false,\n    id,\n    name: _name,\n    className,\n    testID,\n    ...ariaProps\n}: DatePickerProps) => {\n    const providerLocale = useLocale();\n    const locale = localeProp ?? providerLocale;\n\n    const [open, setOpen] = useState(false);\n\n    const isControlled = value !== undefined;\n    const [inner, setInner] = useState<CalendarDate | null>(defaultValue ?? null);\n    const current = isControlled ? (value ?? null) : inner;\n\n    const handleChange = useCallback(\n        (date: CalendarDate | null) => {\n            if (!isControlled) {\n                setInner(date);\n            }\n            onChange?.(date);\n            setOpen(false);\n        },\n        [isControlled, onChange]\n    );\n\n    const handleOpenChange = useCallback(\n        (next: boolean) => {\n            if (!disabled) {\n                setOpen(next);\n            }\n        },\n        [disabled]\n    );\n\n    const displayValue = current ? formatDate(current, locale) : null;\n    const calendarOptional = buildCalendarOptional(minValue, maxValue, isDateUnavailable, firstDayOfWeek);\n    const triggerAriaProps = buildTriggerAriaProps(ariaProps);\n\n    const colors = useThemeColors();\n    const hasError = ariaProps['aria-invalid'] === true || (ariaProps['aria-invalid'] as unknown as string) === 'true';\n\n    const pressableStyle = {\n        flexDirection: 'row' as const,\n        alignItems: 'center' as const,\n        borderWidth: 1,\n        borderRadius: px(colors.radius.md),\n        paddingHorizontal: px(colors.spacing['3']),\n        paddingVertical: px(colors.spacing['2']),\n        backgroundColor: colors.semantic.background.elevated,\n        borderColor: hasError ? colors.color.danger : colors.semantic.border.default,\n        opacity: disabled ? 0.6 : 1,\n    };\n\n    const textStyle = {\n        flex: 1,\n        fontFamily: colors.fontFamily.body,\n        fontSize: px(colors.fontSize.md),\n        color: displayValue ? colors.semantic.text.default : colors.semantic.text.muted,\n    };\n\n    // Extra a11y props for the trigger\n    const triggerExtraProps: Record<string, unknown> = {\n        role: 'combobox',\n        accessibilityRole: 'button',\n        'aria-haspopup': 'dialog',\n        'aria-expanded': open,\n        ...triggerAriaProps,\n    };\n    if (id !== undefined) {\n        triggerExtraProps.id = id;\n        triggerExtraProps.nativeID = id;\n    }\n    if (testID !== undefined) {\n        triggerExtraProps.testID = testID;\n    }\n    if (hasError) {\n        triggerExtraProps['aria-invalid'] = true;\n    }\n    if (ariaProps['aria-required']) {\n        triggerExtraProps['aria-required'] = true;\n    }\n    if (disabled) {\n        triggerExtraProps['aria-disabled'] = true;\n    }\n\n    return (\n        <Popover open={open} onOpenChange={handleOpenChange}>\n            <Popover.Trigger asChild={false} className={cn(className)}>\n                <Pressable\n                    onPress={disabled ? undefined : () => setOpen(!open)}\n                    disabled={disabled}\n                    className={cn(\n                        'flex-row items-center rounded-md border px-3 py-2',\n                        hasError ? 'border-semantic-interactive-destructive' : 'border-semantic-border-default',\n                        disabled ? 'opacity-60' : undefined,\n                        className\n                    )}\n                    style={pressableStyle}\n                    {...(triggerExtraProps as Record<string, unknown>)}\n                >\n                    <RNText style={textStyle} numberOfLines={1}>\n                        {displayValue ?? placeholder ?? ''}\n                    </RNText>\n                    <View style={{ marginLeft: px(colors.spacing['2']) }}>\n                        <CalendarIcon size={16} color={colors.semantic.text.muted} />\n                    </View>\n                </Pressable>\n            </Popover.Trigger>\n            <Popover.Content aria-label=\"Date picker\" side=\"bottom\" align=\"start\">\n                <Calendar\n                    mode=\"single\"\n                    value={current}\n                    onChange={(date) => {\n                        handleChange(date as CalendarDate | null);\n                    }}\n                    locale={locale}\n                    {...calendarOptional}\n                />\n            </Popover.Content>\n        </Popover>\n    );\n};\n\n// ---------------------------------------------------------------------------\n// DatePicker.Range\n// ---------------------------------------------------------------------------\n\nconst DatePickerRange = ({\n    value,\n    defaultValue,\n    onChange,\n    locale: localeProp,\n    minValue,\n    maxValue,\n    isDateUnavailable,\n    firstDayOfWeek,\n    placeholder,\n    disabled = false,\n    id,\n    name: _name,\n    className,\n    testID,\n    ...ariaProps\n}: DatePickerRangeProps) => {\n    const providerLocale = useLocale();\n    const locale = localeProp ?? providerLocale;\n\n    const [open, setOpen] = useState(false);\n\n    const isControlled = value !== undefined;\n    const [inner, setInner] = useState<DateRangeValue>(defaultValue ?? { start: null, end: null });\n    const current = isControlled ? (value ?? { start: null, end: null }) : inner;\n\n    const calendarValue: DateRange | null = current.start !== null ? { start: current.start, end: current.end } : null;\n\n    const handleChange = useCallback(\n        (calRange: DateRange | null) => {\n            const next: DateRangeValue = {\n                start: calRange?.start ?? null,\n                end: calRange?.end ?? null,\n            };\n            if (!isControlled) {\n                setInner(next);\n            }\n            onChange?.(next);\n            if (next.start !== null && next.end !== null) {\n                setOpen(false);\n            }\n        },\n        [isControlled, onChange]\n    );\n\n    const handleOpenChange = useCallback(\n        (next: boolean) => {\n            if (!disabled) {\n                setOpen(next);\n            }\n        },\n        [disabled]\n    );\n\n    let displayValue: string | null = null;\n    if (current.start !== null) {\n        const startStr = formatDate(current.start, locale);\n        const endStr = current.end !== null ? formatDate(current.end, locale) : '';\n        displayValue = `${startStr} – ${endStr}`;\n    }\n\n    const calendarOptional = buildCalendarOptional(minValue, maxValue, isDateUnavailable, firstDayOfWeek);\n    const triggerAriaProps = buildTriggerAriaProps(ariaProps);\n\n    const colors = useThemeColors();\n    const hasError = ariaProps['aria-invalid'] === true || (ariaProps['aria-invalid'] as unknown as string) === 'true';\n\n    const pressableStyle = {\n        flexDirection: 'row' as const,\n        alignItems: 'center' as const,\n        borderWidth: 1,\n        borderRadius: px(colors.radius.md),\n        paddingHorizontal: px(colors.spacing['3']),\n        paddingVertical: px(colors.spacing['2']),\n        backgroundColor: colors.semantic.background.elevated,\n        borderColor: hasError ? colors.color.danger : colors.semantic.border.default,\n        opacity: disabled ? 0.6 : 1,\n    };\n\n    const textStyle = {\n        flex: 1,\n        fontFamily: colors.fontFamily.body,\n        fontSize: px(colors.fontSize.md),\n        color: displayValue ? colors.semantic.text.default : colors.semantic.text.muted,\n    };\n\n    const triggerExtraProps: Record<string, unknown> = {\n        role: 'combobox',\n        accessibilityRole: 'button',\n        'aria-haspopup': 'dialog',\n        'aria-expanded': open,\n        ...triggerAriaProps,\n    };\n    if (id !== undefined) {\n        triggerExtraProps.id = id;\n        triggerExtraProps.nativeID = id;\n    }\n    if (testID !== undefined) {\n        triggerExtraProps.testID = testID;\n    }\n    if (hasError) {\n        triggerExtraProps['aria-invalid'] = true;\n    }\n    if (ariaProps['aria-required']) {\n        triggerExtraProps['aria-required'] = true;\n    }\n    if (disabled) {\n        triggerExtraProps['aria-disabled'] = true;\n    }\n\n    return (\n        <Popover open={open} onOpenChange={handleOpenChange}>\n            <Popover.Trigger asChild={false} className={cn(className)}>\n                <Pressable\n                    onPress={disabled ? undefined : () => setOpen(!open)}\n                    disabled={disabled}\n                    className={cn(\n                        'flex-row items-center rounded-md border px-3 py-2',\n                        hasError ? 'border-semantic-interactive-destructive' : 'border-semantic-border-default',\n                        disabled ? 'opacity-60' : undefined,\n                        className\n                    )}\n                    style={pressableStyle}\n                    {...(triggerExtraProps as Record<string, unknown>)}\n                >\n                    <RNText style={textStyle} numberOfLines={1}>\n                        {displayValue ?? placeholder ?? ''}\n                    </RNText>\n                    <View style={{ marginLeft: px(colors.spacing['2']) }}>\n                        <CalendarIcon size={16} color={colors.semantic.text.muted} />\n                    </View>\n                </Pressable>\n            </Popover.Trigger>\n            <Popover.Content aria-label=\"Date range picker\" side=\"bottom\" align=\"start\">\n                <Calendar\n                    mode=\"range\"\n                    value={calendarValue}\n                    onChange={(range) => {\n                        handleChange(range as DateRange | null);\n                    }}\n                    locale={locale}\n                    {...calendarOptional}\n                />\n            </Popover.Content>\n        </Popover>\n    );\n};\n\n// ---------------------------------------------------------------------------\n// Public export\n// ---------------------------------------------------------------------------\n\nexport const DatePicker = Object.assign(DatePickerRoot, {\n    Range: DatePickerRange,\n});\n"]}

package/dist/{chunk-FEPTH5RV.js → chunk-XP55RZ3D.js}

@@ -1,5 +1,5 @@
-import { px } from './chunk-5A2QOOVN.js';
 import { cn } from './chunk-CHXHRJNZ.js';
+import { px } from './chunk-5A2QOOVN.js';
 import { useThemeColors } from './chunk-R5JMDDCB.js';
 import { __name } from './chunk-WCQVDF3K.js';
 import { useRef, useEffect } from 'react';
@@ -165,5 +165,5 @@ var Progress = /* @__PURE__ */ __name(({
 }, "Progress");
 
 export { Progress };
-//# sourceMappingURL=chunk-FEPTH5RV.js.map
-//# sourceMappingURL=chunk-FEPTH5RV.js.map
+//# sourceMappingURL=chunk-XP55RZ3D.js.map
+//# sourceMappingURL=chunk-XP55RZ3D.js.map

package/dist/{chunk-FEPTH5RV.js.map → chunk-XP55RZ3D.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Progress/Progress.tsx"],"names":["RNText"],"mappings":";;;;;;;;AAmDA,IAAM,OAAA,GAAwC;AAAA,EAC1C,EAAA,EAAI,CAAA;AAAA,EACJ,EAAA,EAAI,CAAA;AAAA,EACJ,EAAA,EAAI;AACR,CAAA;AAEA,IAAM,yBAAA,GAA4B,IAAA;AAClC,IAAM,iBAAA,GAAoB,EAAA;AAmBnB,IAAM,2BAAW,MAAA,CAAA,CAAC;AAAA,EACrB,KAAA;AAAA,EACA,GAAA,GAAM,GAAA;AAAA,EACN,IAAA,GAAO,SAAA;AAAA,EACP,IAAA,GAAO,IAAA;AAAA,EACP,KAAA;AAAA,EACA,cAAA,GAAiB,KAAA;AAAA,EACjB,SAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAG;AACP,CAAA,KAAqB;AACjB,EAAA,MAAM,SAAS,cAAA,EAAe;AAC9B,EAAA,MAAM,SAAA,GAAY,KAAK,YAAY,CAAA;AACnC,EAAA,MAAM,cAAA,GAAiB,KAAK,iBAAiB,CAAA;AAE7C,EAAA,MAAM,kBAAkB,KAAA,KAAU,MAAA;AAClC,EAAA,MAAM,OAAA,GAAU,GAAA,IAAO,CAAA,GAAI,GAAA,GAAM,GAAA;AACjC,EAAA,MAAM,OAAA,GAAU,eAAA,GAAkB,CAAA,GAAI,IAAA,CAAK,GAAA,CAAI,SAAS,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,KAAK,CAAC,CAAA;AAC1E,EAAA,MAAM,GAAA,GAAM,eAAA,GAAkB,CAAA,GAAK,OAAA,GAAU,OAAA,GAAW,GAAA;AAExD,EAAA,MAAM,MAAA,GAAS,QAAQ,IAAI,CAAA;AAE3B,EAAA,MAAM,SAAA,GACF,SAAS,SAAA,GACH,MAAA,CAAO,SAAS,WAAA,CAAY,OAAA,GAC5B,IAAA,KAAS,SAAA,GACP,MAAA,CAAO,KAAA,CAAM,UACb,IAAA,KAAS,SAAA,GACP,MAAA,CAAO,KAAA,CAAM,OAAA,GACb,IAAA,KAAS,WACP,MAAA,CAAO,KAAA,CAAM,MAAA,GACb,MAAA,CAAO,KAAA,CAAM,IAAA;AAM7B,EAAA,MAAM,UAAU,MAAA,CAAO,IAAI,SAAS,KAAA,CAAM,CAAC,CAAC,CAAA,CAAE,OAAA;AAC9C,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,CAAC,eAAA,EAAiB;AAClB,MAAA;AAAA,IACJ;AACA,IAAA,MAAM,OAAO,QAAA,CAAS,IAAA;AAAA,MAClB,QAAA,CAAS,OAAO,OAAA,EAAS;AAAA,QACrB,OAAA,EAAS,CAAA;AAAA,QACT,QAAA,EAAU,yBAAA;AAAA,QACV,MAAA,EAAQ,MAAA,CAAO,KAAA,CAAM,MAAA,CAAO,IAAI,CAAA;AAAA;AAAA;AAAA,QAGhC,eAAA,EAAiB;AAAA,OACpB;AAAA,KACL;AACA,IAAA,IAAA,CAAK,KAAA,EAAM;AACX,IAAA,OAAO,MAAM;AACT,MAAA,IAAA,CAAK,IAAA,EAAK;AAAA,IACd,CAAA;AAAA,EACJ,CAAA,EAAG,CAAC,eAAA,EAAiB,OAAO,CAAC,CAAA;AAE7B,EAAA,MAAM,UAAA,GAAwB;AAAA,IAC1B,KAAA,EAAO,MAAA;AAAA,IACP,MAAA;AAAA,IACA,eAAA,EAAiB,MAAA,CAAO,QAAA,CAAS,UAAA,CAAW,MAAA;AAAA,IAC5C,cAAc,MAAA,GAAS,CAAA;AAAA,IACvB,QAAA,EAAU,QAAA;AAAA,IACV,QAAA,EAAU;AAAA,GACd;AAEA,EAAA,MAAM,oBAAA,GAAkC;AAAA,IACpC,QAAA,EAAU,UAAA;AAAA,IACV,IAAA,EAAM,CAAA;AAAA,IACN,GAAA,EAAK,CAAA;AAAA,IACL,MAAA,EAAQ,CAAA;AAAA;AAAA;AAAA,IAGR,KAAA,EAAO,GAAG,GAAG,CAAA,CAAA,CAAA;AAAA,IACb,eAAA,EAAiB,SAAA;AAAA,IACjB,cAAc,MAAA,GAAS;AAAA,GAC3B;AAMA,EAAA,MAAM,0CAA0B,MAAA,CAAA,MAAM;AAClC,IAAA,MAAM,OACF,OAAO,OAAA,CAAQ,WAAA,KAAgB,UAAA,GACzB,QAAQ,WAAA,CAAY;AAAA,MAChB,UAAA,EAAY,CAAC,CAAA,EAAG,CAAC,CAAA;AAAA,MACjB,WAAA,EAAa,CAAC,CAAA,CAAA,EAAI,iBAAiB,KAAK,MAAM;AAAA,KACjD,CAAA,GACA,CAAA,CAAA,EAAI,iBAAiB,CAAA,CAAA,CAAA;AAChC,IAAA,OAAO;AAAA,MACH,QAAA,EAAU,UAAA;AAAA,MACV,GAAA,EAAK,CAAA;AAAA,MACL,MAAA,EAAQ,CAAA;AAAA,MACR,IAAA;AAAA,MACA,KAAA,EAAO,GAAG,iBAAiB,CAAA,CAAA,CAAA;AAAA,MAC3B,eAAA,EAAiB,SAAA;AAAA,MACjB,cAAc,MAAA,GAAS;AAAA,KAC3B;AAAA,EACJ,CAAA,EAjBgC,yBAAA,CAAA;AAqBhC,EAAA,MAAM,SAAA,GAAqC;AAAA,IACvC,IAAA,EAAM,aAAA;AAAA,IACN,iBAAA,EAAmB,aAAA;AAAA,IACnB,eAAA,EAAiB,CAAA;AAAA,IACjB,eAAA,EAAiB;AAAA,GACrB;AACA,EAAA,IAAI,CAAC,eAAA,EAAiB;AAClB,IAAA,SAAA,CAAU,eAAe,CAAA,GAAI,OAAA;AAC7B,IAAA,SAAA,CAAU,qBAAqB,EAAE,GAAA,EAAK,GAAG,GAAA,EAAK,OAAA,EAAS,KAAK,OAAA,EAAQ;AAAA,EACxE;AACA,EAAA,IAAI,cAAc,MAAA,EAAW;AACzB,IAAA,SAAA,CAAU,YAAY,CAAA,GAAI,SAAA;AAC1B,IAAA,SAAA,CAAU,kBAAA,GAAqB,SAAA;AAAA,EACnC,CAAA,MAAA,IAAW,UAAU,MAAA,EAAW;AAC5B,IAAA,SAAA,CAAU,YAAY,CAAA,GAAI,KAAA;AAC1B,IAAA,SAAA,CAAU,kBAAA,GAAqB,KAAA;AAAA,EACnC;AACA,EAAA,IAAI,mBAAmB,MAAA,EAAW;AAC9B,IAAA,SAAA,CAAU,iBAAiB,CAAA,GAAI,cAAA;AAAA,EACnC;AAEA,EAAA,MAAM,aAAa,KAAA,KAAU,MAAA;AAC7B,EAAA,MAAM,cAAA,GAAiB,UAAA,IAAc,CAAC,cAAA,IAAkB,CAAC,eAAA;AAEzD,EAAA,uBACI,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACI,GAAI,MAAA,KAAW,MAAA,GAAY,EAAE,MAAA,KAAW,EAAC;AAAA,MAC1C,SAAA,EAAW,EAAA,CAAG,QAAA,EAAU,SAAS,CAAA;AAAA,MACjC,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAO;AAAA,MAEtB,QAAA,EAAA;AAAA,QAAA,UAAA,mBACG,IAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACG,KAAA,EAAO;AAAA,cACH,aAAA,EAAe,KAAA;AAAA,cACf,UAAA,EAAY,QAAA;AAAA,cACZ,cAAA,EAAgB,eAAA;AAAA,cAChB,cAAc,EAAA,CAAG,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC,CAAA,GAAI;AAAA;AAAA,aAC5C;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAACA,IAAA;AAAA,gBAAA;AAAA,kBACG,KAAA,EAAO;AAAA,oBACH,UAAA,EAAY,OAAO,UAAA,CAAW,IAAA;AAAA,oBAC9B,QAAA,EAAU,EAAA,CAAG,MAAA,CAAO,QAAA,CAAS,EAAE,CAAA;AAAA,oBAC/B,KAAA,EAAO,MAAA,CAAO,QAAA,CAAS,IAAA,CAAK;AAAA,mBAChC;AAAA,kBAEC,QAAA,EAAA;AAAA;AAAA,eACL;AAAA,cACC,cAAA,mBACG,IAAA;AAAA,gBAACA,IAAA;AAAA,gBAAA;AAAA,kBACG,KAAA,EAAO;AAAA,oBACH,UAAA,EAAY,OAAO,UAAA,CAAW,IAAA;AAAA,oBAC9B,QAAA,EAAU,EAAA,CAAG,MAAA,CAAO,QAAA,CAAS,EAAE,CAAA;AAAA,oBAC/B,KAAA,EAAO,MAAA,CAAO,QAAA,CAAS,IAAA,CAAK,KAAA;AAAA;AAAA;AAAA,oBAG5B,WAAA,EAAa,CAAC,cAAc;AAAA,mBAChC;AAAA,kBAEC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAK,MAAM,GAAG,CAAA;AAAA,oBAAE;AAAA;AAAA;AAAA,eACrB,GACA;AAAA;AAAA;AAAA,SACR,GACA,IAAA;AAAA,4BACH,IAAA,EAAA,EAAM,GAAG,WAAW,KAAA,EAAO,UAAA,EACvB,4CACG,GAAA,CAAC,QAAA,CAAS,MAAT,EAAc,KAAA,EAAO,yBAAwB,EAAG,CAAA,uBAEhD,IAAA,EAAA,EAAK,KAAA,EAAO,sBAAsB,CAAA,EAE3C;AAAA;AAAA;AAAA,GACJ;AAER,CAAA,EAjLwB,UAAA","file":"chunk-FEPTH5RV.js","sourcesContent":["'use client';\n\nimport { useEffect, useRef } from 'react';\nimport { Animated, Easing, Text as RNText, View, type ViewStyle } from 'react-native';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type ProgressTone = 'primary' | 'info' | 'success' | 'warning' | 'danger';\nexport type ProgressSize = 'sm' | 'md' | 'lg';\n\nexport type ProgressProps = {\n    /**\n     * Current progress value (`0..max`). Omit to render the indeterminate\n     * marquee variant (use this when you don't know how long the work\n     * will take, e.g. an initial load before headers come back).\n     */\n    value?: number;\n    /** Upper bound for `value`. @defaultValue 100 */\n    max?: number;\n    /**\n     * Color of the fill / shuttle. `primary` follows the theme's interactive\n     * color (matches buttons + sliders); the rest map to semantic status colors.\n     * @defaultValue 'primary'\n     */\n    tone?: ProgressTone;\n    /**\n     * Bar height — `sm` 4px, `md` 8px (default), `lg` 12px. The track is\n     * always pill-shaped (border-radius = height/2).\n     * @defaultValue 'md'\n     */\n    size?: ProgressSize;\n    /**\n     * Optional label rendered above the bar. When set, also enables a\n     * percentage readout on the right side for determinate progress.\n     */\n    label?: string;\n    /**\n     * Hide the auto-rendered percentage when a `label` is provided. Useful\n     * when the label itself already conveys the number (e.g. \"Step 3 of 5\").\n     * @defaultValue false\n     */\n    hidePercentage?: boolean;\n    /** Accessibility label when no visible `label` is provided. */\n    'aria-label'?: string;\n    /** Reference to a labeling element by id. */\n    'aria-labelledby'?: string;\n    className?: string;\n    testID?: string;\n};\n\nconst SIZE_PX: Record<ProgressSize, number> = {\n    sm: 4,\n    md: 8,\n    lg: 12,\n};\n\nconst INDETERMINATE_DURATION_MS = 1500;\nconst SHUTTLE_WIDTH_PCT = 30;\n\n/**\n * Linear progress indicator. Use the determinate form (`value` set) to\n * communicate \"we're 42% done\"; use the indeterminate form (`value`\n * omitted) for \"we're working, no ETA\". The track is always pill-shaped\n * and the fill animates smoothly between renders for the determinate\n * variant — keep updates throttled to ~10/s in the parent to avoid\n * jitter.\n *\n * Cross-platform: built on `View` + `Animated.View` so it renders\n * identically on web (rn-web) and native. Uses `useThemeColors()` to\n * pick up dark-mode flips automatically.\n *\n * Accessibility: maps to `role=\"progressbar\"` with `aria-valuemin`,\n * `aria-valuemax`, and (for determinate) `aria-valuenow`. Provide an\n * `aria-label`, `aria-labelledby`, or visible `label` so the bar is\n * named.\n */\nexport const Progress = ({\n    value,\n    max = 100,\n    tone = 'primary',\n    size = 'md',\n    label,\n    hidePercentage = false,\n    className,\n    testID,\n    ...rest\n}: ProgressProps) => {\n    const colors = useThemeColors();\n    const ariaLabel = rest['aria-label'];\n    const ariaLabelledBy = rest['aria-labelledby'];\n\n    const isIndeterminate = value === undefined;\n    const safeMax = max <= 0 ? 100 : max;\n    const clamped = isIndeterminate ? 0 : Math.min(safeMax, Math.max(0, value));\n    const pct = isIndeterminate ? 0 : (clamped / safeMax) * 100;\n\n    const height = SIZE_PX[size];\n\n    const fillColor =\n        tone === 'primary'\n            ? colors.semantic.interactive.primary\n            : tone === 'success'\n              ? colors.color.success\n              : tone === 'warning'\n                ? colors.color.warning\n                : tone === 'danger'\n                  ? colors.color.danger\n                  : colors.color.info;\n\n    // Indeterminate marquee — a 30%-wide shuttle that slides from -30% to\n    // 100% on a continuous loop. Driven by `Animated.Value` (0..1) which we\n    // interpolate to a percent string for `left`. ease-in-out keeps the\n    // motion subtle so the bar never feels frantic.\n    const shuttle = useRef(new Animated.Value(0)).current;\n    useEffect(() => {\n        if (!isIndeterminate) {\n            return;\n        }\n        const loop = Animated.loop(\n            Animated.timing(shuttle, {\n                toValue: 1,\n                duration: INDETERMINATE_DURATION_MS,\n                easing: Easing.inOut(Easing.ease),\n                // We animate `left` (a layout property), so the native driver\n                // can't be used. Web (rn-web) ignores `useNativeDriver`.\n                useNativeDriver: false,\n            })\n        );\n        loop.start();\n        return () => {\n            loop.stop();\n        };\n    }, [isIndeterminate, shuttle]);\n\n    const trackStyle: ViewStyle = {\n        width: '100%',\n        height,\n        backgroundColor: colors.semantic.background.subtle,\n        borderRadius: height / 2,\n        overflow: 'hidden',\n        position: 'relative',\n    };\n\n    const determinateFillStyle: ViewStyle = {\n        position: 'absolute',\n        left: 0,\n        top: 0,\n        bottom: 0,\n        // Cast at the boundary — RN's typed DimensionValue is narrower than\n        // the percentage strings rn-web actually accepts.\n        width: `${pct}%` as unknown as number,\n        backgroundColor: fillColor,\n        borderRadius: height / 2,\n    };\n\n    // Build the indeterminate style only when needed — `Animated.Value.interpolate`\n    // returns an animated node that RN reads at render; we keep the call inside\n    // the branch so determinate renders never hit it (and so test envs that\n    // stub `Animated.Value` don't choke on a missing `interpolate`).\n    const buildIndeterminateStyle = () => {\n        const left =\n            typeof shuttle.interpolate === 'function'\n                ? shuttle.interpolate({\n                      inputRange: [0, 1],\n                      outputRange: [`-${SHUTTLE_WIDTH_PCT}%`, '100%'],\n                  })\n                : (`-${SHUTTLE_WIDTH_PCT}%` as unknown as number);\n        return {\n            position: 'absolute' as const,\n            top: 0,\n            bottom: 0,\n            left: left as unknown as number,\n            width: `${SHUTTLE_WIDTH_PCT}%` as unknown as number,\n            backgroundColor: fillColor,\n            borderRadius: height / 2,\n        };\n    };\n\n    // ARIA: only emit aria-valuenow when determinate so AT announces\n    // \"in progress\" rather than \"0%\" while indeterminate.\n    const ariaProps: Record<string, unknown> = {\n        role: 'progressbar',\n        accessibilityRole: 'progressbar',\n        'aria-valuemin': 0,\n        'aria-valuemax': safeMax,\n    };\n    if (!isIndeterminate) {\n        ariaProps['aria-valuenow'] = clamped;\n        ariaProps.accessibilityValue = { min: 0, max: safeMax, now: clamped };\n    }\n    if (ariaLabel !== undefined) {\n        ariaProps['aria-label'] = ariaLabel;\n        ariaProps.accessibilityLabel = ariaLabel;\n    } else if (label !== undefined) {\n        ariaProps['aria-label'] = label;\n        ariaProps.accessibilityLabel = label;\n    }\n    if (ariaLabelledBy !== undefined) {\n        ariaProps['aria-labelledby'] = ariaLabelledBy;\n    }\n\n    const showHeader = label !== undefined;\n    const showPercentage = showHeader && !hidePercentage && !isIndeterminate;\n\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn('w-full', className)}\n            style={{ width: '100%' }}\n        >\n            {showHeader ? (\n                <View\n                    style={{\n                        flexDirection: 'row',\n                        alignItems: 'center',\n                        justifyContent: 'space-between',\n                        marginBottom: px(colors.spacing['2']) - 2, // closest to legacy 6\n                    }}\n                >\n                    <RNText\n                        style={{\n                            fontFamily: colors.fontFamily.body,\n                            fontSize: px(colors.fontSize.sm),\n                            color: colors.semantic.text.muted,\n                        }}\n                    >\n                        {label}\n                    </RNText>\n                    {showPercentage ? (\n                        <RNText\n                            style={{\n                                fontFamily: colors.fontFamily.body,\n                                fontSize: px(colors.fontSize.sm),\n                                color: colors.semantic.text.muted,\n                                // Tabular numerals keep the percentage from\n                                // jittering as digits change width.\n                                fontVariant: ['tabular-nums'],\n                            }}\n                        >\n                            {Math.round(pct)}%\n                        </RNText>\n                    ) : null}\n                </View>\n            ) : null}\n            <View {...ariaProps} style={trackStyle}>\n                {isIndeterminate ? (\n                    <Animated.View style={buildIndeterminateStyle()} />\n                ) : (\n                    <View style={determinateFillStyle} />\n                )}\n            </View>\n        </View>\n    );\n};\n"]}
+{"version":3,"sources":["../src/components/Progress/Progress.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-XP55RZ3D.js","sourcesContent":["'use client';\n\nimport { useEffect, useRef } from 'react';\nimport { Animated, Easing, Text as RNText, View, type ViewStyle } from 'react-native';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type ProgressTone = 'primary' | 'info' | 'success' | 'warning' | 'danger';\nexport type ProgressSize = 'sm' | 'md' | 'lg';\n\nexport type ProgressProps = {\n    /**\n     * Current progress value (`0..max`). Omit to render the indeterminate\n     * marquee variant (use this when you don't know how long the work\n     * will take, e.g. an initial load before headers come back).\n     */\n    value?: number;\n    /** Upper bound for `value`. @defaultValue 100 */\n    max?: number;\n    /**\n     * Color of the fill / shuttle. `primary` follows the theme's interactive\n     * color (matches buttons + sliders); the rest map to semantic status colors.\n     * @defaultValue 'primary'\n     */\n    tone?: ProgressTone;\n    /**\n     * Bar height — `sm` 4px, `md` 8px (default), `lg` 12px. The track is\n     * always pill-shaped (border-radius = height/2).\n     * @defaultValue 'md'\n     */\n    size?: ProgressSize;\n    /**\n     * Optional label rendered above the bar. When set, also enables a\n     * percentage readout on the right side for determinate progress.\n     */\n    label?: string;\n    /**\n     * Hide the auto-rendered percentage when a `label` is provided. Useful\n     * when the label itself already conveys the number (e.g. \"Step 3 of 5\").\n     * @defaultValue false\n     */\n    hidePercentage?: boolean;\n    /** Accessibility label when no visible `label` is provided. */\n    'aria-label'?: string;\n    /** Reference to a labeling element by id. */\n    'aria-labelledby'?: string;\n    className?: string;\n    testID?: string;\n};\n\nconst SIZE_PX: Record<ProgressSize, number> = {\n    sm: 4,\n    md: 8,\n    lg: 12,\n};\n\nconst INDETERMINATE_DURATION_MS = 1500;\nconst SHUTTLE_WIDTH_PCT = 30;\n\n/**\n * Linear progress indicator. Use the determinate form (`value` set) to\n * communicate \"we're 42% done\"; use the indeterminate form (`value`\n * omitted) for \"we're working, no ETA\". The track is always pill-shaped\n * and the fill animates smoothly between renders for the determinate\n * variant — keep updates throttled to ~10/s in the parent to avoid\n * jitter.\n *\n * Cross-platform: built on `View` + `Animated.View` so it renders\n * identically on web (rn-web) and native. Uses `useThemeColors()` to\n * pick up dark-mode flips automatically.\n *\n * Accessibility: maps to `role=\"progressbar\"` with `aria-valuemin`,\n * `aria-valuemax`, and (for determinate) `aria-valuenow`. Provide an\n * `aria-label`, `aria-labelledby`, or visible `label` so the bar is\n * named.\n */\nexport const Progress = ({\n    value,\n    max = 100,\n    tone = 'primary',\n    size = 'md',\n    label,\n    hidePercentage = false,\n    className,\n    testID,\n    ...rest\n}: ProgressProps) => {\n    const colors = useThemeColors();\n    const ariaLabel = rest['aria-label'];\n    const ariaLabelledBy = rest['aria-labelledby'];\n\n    const isIndeterminate = value === undefined;\n    const safeMax = max <= 0 ? 100 : max;\n    const clamped = isIndeterminate ? 0 : Math.min(safeMax, Math.max(0, value));\n    const pct = isIndeterminate ? 0 : (clamped / safeMax) * 100;\n\n    const height = SIZE_PX[size];\n\n    const fillColor =\n        tone === 'primary'\n            ? colors.semantic.interactive.primary\n            : tone === 'success'\n              ? colors.color.success\n              : tone === 'warning'\n                ? colors.color.warning\n                : tone === 'danger'\n                  ? colors.color.danger\n                  : colors.color.info;\n\n    // Indeterminate marquee — a 30%-wide shuttle that slides from -30% to\n    // 100% on a continuous loop. Driven by `Animated.Value` (0..1) which we\n    // interpolate to a percent string for `left`. ease-in-out keeps the\n    // motion subtle so the bar never feels frantic.\n    const shuttle = useRef(new Animated.Value(0)).current;\n    useEffect(() => {\n        if (!isIndeterminate) {\n            return;\n        }\n        const loop = Animated.loop(\n            Animated.timing(shuttle, {\n                toValue: 1,\n                duration: INDETERMINATE_DURATION_MS,\n                easing: Easing.inOut(Easing.ease),\n                // We animate `left` (a layout property), so the native driver\n                // can't be used. Web (rn-web) ignores `useNativeDriver`.\n                useNativeDriver: false,\n            })\n        );\n        loop.start();\n        return () => {\n            loop.stop();\n        };\n    }, [isIndeterminate, shuttle]);\n\n    const trackStyle: ViewStyle = {\n        width: '100%',\n        height,\n        backgroundColor: colors.semantic.background.subtle,\n        borderRadius: height / 2,\n        overflow: 'hidden',\n        position: 'relative',\n    };\n\n    const determinateFillStyle: ViewStyle = {\n        position: 'absolute',\n        left: 0,\n        top: 0,\n        bottom: 0,\n        // Cast at the boundary — RN's typed DimensionValue is narrower than\n        // the percentage strings rn-web actually accepts.\n        width: `${pct}%` as unknown as number,\n        backgroundColor: fillColor,\n        borderRadius: height / 2,\n    };\n\n    // Build the indeterminate style only when needed — `Animated.Value.interpolate`\n    // returns an animated node that RN reads at render; we keep the call inside\n    // the branch so determinate renders never hit it (and so test envs that\n    // stub `Animated.Value` don't choke on a missing `interpolate`).\n    const buildIndeterminateStyle = () => {\n        const left =\n            typeof shuttle.interpolate === 'function'\n                ? shuttle.interpolate({\n                      inputRange: [0, 1],\n                      outputRange: [`-${SHUTTLE_WIDTH_PCT}%`, '100%'],\n                  })\n                : (`-${SHUTTLE_WIDTH_PCT}%` as unknown as number);\n        return {\n            position: 'absolute' as const,\n            top: 0,\n            bottom: 0,\n            left: left as unknown as number,\n            width: `${SHUTTLE_WIDTH_PCT}%` as unknown as number,\n            backgroundColor: fillColor,\n            borderRadius: height / 2,\n        };\n    };\n\n    // ARIA: only emit aria-valuenow when determinate so AT announces\n    // \"in progress\" rather than \"0%\" while indeterminate.\n    const ariaProps: Record<string, unknown> = {\n        role: 'progressbar',\n        accessibilityRole: 'progressbar',\n        'aria-valuemin': 0,\n        'aria-valuemax': safeMax,\n    };\n    if (!isIndeterminate) {\n        ariaProps['aria-valuenow'] = clamped;\n        ariaProps.accessibilityValue = { min: 0, max: safeMax, now: clamped };\n    }\n    if (ariaLabel !== undefined) {\n        ariaProps['aria-label'] = ariaLabel;\n        ariaProps.accessibilityLabel = ariaLabel;\n    } else if (label !== undefined) {\n        ariaProps['aria-label'] = label;\n        ariaProps.accessibilityLabel = label;\n    }\n    if (ariaLabelledBy !== undefined) {\n        ariaProps['aria-labelledby'] = ariaLabelledBy;\n    }\n\n    const showHeader = label !== undefined;\n    const showPercentage = showHeader && !hidePercentage && !isIndeterminate;\n\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn('w-full', className)}\n            style={{ width: '100%' }}\n        >\n            {showHeader ? (\n                <View\n                    style={{\n                        flexDirection: 'row',\n                        alignItems: 'center',\n                        justifyContent: 'space-between',\n                        marginBottom: px(colors.spacing['2']) - 2, // closest to legacy 6\n                    }}\n                >\n                    <RNText\n                        style={{\n                            fontFamily: colors.fontFamily.body,\n                            fontSize: px(colors.fontSize.sm),\n                            color: colors.semantic.text.muted,\n                        }}\n                    >\n                        {label}\n                    </RNText>\n                    {showPercentage ? (\n                        <RNText\n                            style={{\n                                fontFamily: colors.fontFamily.body,\n                                fontSize: px(colors.fontSize.sm),\n                                color: colors.semantic.text.muted,\n                                // Tabular numerals keep the percentage from\n                                // jittering as digits change width.\n                                fontVariant: ['tabular-nums'],\n                            }}\n                        >\n                            {Math.round(pct)}%\n                        </RNText>\n                    ) : null}\n                </View>\n            ) : null}\n            <View {...ariaProps} style={trackStyle}>\n                {isIndeterminate ? (\n                    <Animated.View style={buildIndeterminateStyle()} />\n                ) : (\n                    <View style={determinateFillStyle} />\n                )}\n            </View>\n        </View>\n    );\n};\n"]}

package/dist/{chunk-CCUXO2HN.js → chunk-Y4ZRSW35.js}

@@ -1,8 +1,8 @@
 import { useAnimatedNumber } from './chunk-RB3YBWQ4.js';
 import { AnimatedView } from './chunk-RGJ3NBKE.js';
 import { defaultSemanticIcons } from './chunk-7Z4NMNX6.js';
-import { px } from './chunk-5A2QOOVN.js';
 import { cn } from './chunk-CHXHRJNZ.js';
+import { px } from './chunk-5A2QOOVN.js';
 import { useThemeColors } from './chunk-R5JMDDCB.js';
 import { __name } from './chunk-WCQVDF3K.js';
 import { createContext, useId, useRef, useState, useCallback, useMemo, useEffect, useContext } from 'react';
@@ -446,5 +446,5 @@ var Accordion = Object.assign(AccordionRoot, {
 });
 
 export { Accordion };
-//# sourceMappingURL=chunk-CCUXO2HN.js.map
-//# sourceMappingURL=chunk-CCUXO2HN.js.map
+//# sourceMappingURL=chunk-Y4ZRSW35.js.map
+//# sourceMappingURL=chunk-Y4ZRSW35.js.map