@entropix/react-native 0.3.0 → 1.0.1

package/dist/index.cjs

@@ -1,2070 +1,194 @@
 'use strict';
 
-var react = require('react');
-var native = require('@entropix/tokens/native');
-var light = require('@entropix/tokens/native/light');
-var dark = require('@entropix/tokens/native/dark');
-var jsxRuntime = require('react/jsx-runtime');
-var reactNative = require('react-native');
-var core = require('@entropix/core');
+var chunkFQUZIDVS_cjs = require('./chunk-FQUZIDVS.cjs');
+var chunkUYXJHKYK_cjs = require('./chunk-UYXJHKYK.cjs');
+var chunkIRQWSFCZ_cjs = require('./chunk-IRQWSFCZ.cjs');
+var chunkTHX22NZW_cjs = require('./chunk-THX22NZW.cjs');
+var chunkB5YFEA66_cjs = require('./chunk-B5YFEA66.cjs');
+var chunkG7WPUTB6_cjs = require('./chunk-G7WPUTB6.cjs');
+var chunkXND7AIKO_cjs = require('./chunk-XND7AIKO.cjs');
+var chunkOMKUPSHJ_cjs = require('./chunk-OMKUPSHJ.cjs');
+var chunkZPAOLIIG_cjs = require('./chunk-ZPAOLIIG.cjs');
+var chunkPKDXWKLO_cjs = require('./chunk-PKDXWKLO.cjs');
+var chunk2SQB7RNT_cjs = require('./chunk-2SQB7RNT.cjs');
+var chunkQ7TEJ62Q_cjs = require('./chunk-Q7TEJ62Q.cjs');
+var chunkZ2MBHXUQ_cjs = require('./chunk-Z2MBHXUQ.cjs');
+var chunkP5NAXMSC_cjs = require('./chunk-P5NAXMSC.cjs');
+var chunkBOUIB4OY_cjs = require('./chunk-BOUIB4OY.cjs');
 
-// src/theme/theme-context.tsx
-var ThemeContext = react.createContext({
-  mode: "light",
-  tokens: light.tokens,
-  baseTokens: native.tokens
-});
-function EntropixProvider({
-  mode = "light",
-  children
-}) {
-  const value = react.useMemo(
-    () => ({
-      mode,
-      tokens: mode === "dark" ? dark.tokens : light.tokens,
-      baseTokens: native.tokens
-    }),
-    [mode]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value, children });
-}
-function useTheme() {
-  return react.useContext(ThemeContext);
-}
 
-// src/utils/map-accessibility-to-rn.ts
-var RN_ROLE_MAP = {
-  button: "button",
-  checkbox: "checkbox",
-  switch: "switch",
-  dialog: "none",
-  // Modal component handles dialog semantics
-  alertdialog: "alert",
-  link: "link",
-  tab: "tab",
-  tablist: "tablist",
-  menu: "menu",
-  menuitem: "menuitem",
-  radio: "radio",
-  radiogroup: "radiogroup",
-  slider: "adjustable",
-  spinbutton: "spinbutton",
-  textbox: "text",
-  combobox: "combobox",
-  progressbar: "progressbar",
-  alert: "alert",
-  status: "text",
-  tooltip: "text",
-  none: "none",
-  presentation: "none"
-};
-function mapAccessibilityToRN(props) {
-  const result = { accessible: true };
-  if (props.role) {
-    result.accessibilityRole = RN_ROLE_MAP[props.role] ?? props.role;
-  }
-  if (props.label) {
-    result.accessibilityLabel = props.label;
-  }
-  if (props.describedBy) {
-    result.accessibilityHint = props.describedBy;
-  }
-  if (props.labelledBy) {
-    result.accessibilityLabelledBy = props.labelledBy;
-  }
-  const state = {};
-  let hasState = false;
-  if (props.disabled !== void 0) {
-    state.disabled = props.disabled;
-    hasState = true;
-  }
-  if (props.expanded !== void 0) {
-    state.expanded = props.expanded;
-    hasState = true;
-  }
-  if (props.selected !== void 0) {
-    state.selected = props.selected;
-    hasState = true;
-  }
-  if (props.checked !== void 0) {
-    state.checked = props.checked;
-    hasState = true;
-  }
-  if (props.busy !== void 0) {
-    state.busy = props.busy;
-    hasState = true;
-  }
-  if (hasState) {
-    result.accessibilityState = state;
-  }
-  if (props.valueNow !== void 0 || props.valueMin !== void 0 || props.valueMax !== void 0 || props.valueText !== void 0) {
-    result.accessibilityValue = {};
-    if (props.valueNow !== void 0)
-      result.accessibilityValue.now = props.valueNow;
-    if (props.valueMin !== void 0)
-      result.accessibilityValue.min = props.valueMin;
-    if (props.valueMax !== void 0)
-      result.accessibilityValue.max = props.valueMax;
-    if (props.valueText !== void 0)
-      result.accessibilityValue.text = props.valueText;
-  }
-  if (props.live) {
-    result.accessibilityLiveRegion = props.live === "off" ? "none" : props.live;
-  }
-  if (props.hidden) {
-    result.accessibilityElementsHidden = true;
-    result.importantForAccessibility = "no-hide-descendants";
-  }
-  return result;
-}
-function Button({
-  onPress,
-  disabled,
-  loading,
-  variant = "primary",
-  size = "md",
-  style,
-  textStyle,
-  children,
-  ...rest
-}) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const { isDisabled, isLoading, getButtonProps } = core.useButton({
-    disabled,
-    loading,
-    onPress,
-    elementType: "div"
-  });
-  const propGetterReturn = getButtonProps();
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  const handlePress = react.useCallback(() => {
-    propGetterReturn.onAction?.();
-  }, [propGetterReturn.onAction]);
-  const sizeStyles = getSizeStyle(size, bt);
-  const variantStyles = getVariantStyle(variant, t);
-  const labelColor = getVariantTextColor(variant, t);
-  const isInactive = isDisabled || isLoading;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.Pressable,
-    {
-      ...rnAccessibility,
-      ...rest,
-      disabled: isInactive,
-      onPress: isInactive ? void 0 : handlePress,
-      style: [
-        baseStyle,
-        sizeStyles.container,
-        variantStyles,
-        isInactive && { opacity: 0.5 },
-        style
-      ],
-      children: typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-        reactNative.Text,
-        {
-          style: [
-            { color: labelColor, fontSize: sizeStyles.fontSize, fontWeight: "500" },
-            textStyle
-          ],
-          children
-        }
-      ) : children
-    }
-  );
-}
-var baseStyle = {
-  flexDirection: "row",
-  alignItems: "center",
-  justifyContent: "center"
-};
-function getSizeStyle(size, bt) {
-  switch (size) {
-    case "sm":
-      return {
-        container: {
-          paddingVertical: bt.entropixSpacing1,
-          paddingHorizontal: bt.entropixSpacing3,
-          borderRadius: bt.entropixRadiusSm,
-          gap: bt.entropixButtonGap
-        },
-        fontSize: bt.entropixFontSizeXs
-      };
-    case "lg":
-      return {
-        container: {
-          paddingVertical: bt.entropixSpacing3,
-          paddingHorizontal: bt.entropixSpacing6,
-          borderRadius: bt.entropixRadiusLg,
-          gap: bt.entropixButtonGap
-        },
-        fontSize: bt.entropixFontSizeBase
-      };
-    default:
-      return {
-        container: {
-          paddingVertical: bt.entropixButtonPaddingY,
-          paddingHorizontal: bt.entropixButtonPaddingX,
-          borderRadius: bt.entropixButtonBorderRadius,
-          gap: bt.entropixButtonGap
-        },
-        fontSize: bt.entropixButtonFontSize
-      };
-  }
-}
-function getVariantStyle(variant, t) {
-  switch (variant) {
-    case "primary":
-      return { backgroundColor: t.entropixButtonPrimaryBg, borderWidth: 1, borderColor: t.entropixButtonPrimaryBorder };
-    case "secondary":
-      return { backgroundColor: t.entropixButtonSecondaryBg, borderWidth: 1, borderColor: t.entropixButtonSecondaryBorder };
-    case "outline":
-      return { backgroundColor: "transparent", borderWidth: 1, borderColor: t.entropixColorBorderDefault };
-    case "ghost":
-      return { backgroundColor: "transparent", borderWidth: 1, borderColor: "transparent" };
-    case "danger":
-      return { backgroundColor: t.entropixButtonDangerBg, borderWidth: 1, borderColor: t.entropixButtonDangerBorder };
-  }
-}
-function getVariantTextColor(variant, t) {
-  switch (variant) {
-    case "primary":
-      return t.entropixButtonPrimaryText;
-    case "secondary":
-      return t.entropixButtonSecondaryText;
-    case "outline":
-    case "ghost":
-      return t.entropixColorTextPrimary;
-    case "danger":
-      return t.entropixButtonDangerText;
-  }
-}
-function Toggle(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(ToggleInner, { ...props, role: "checkbox" });
-}
-function ToggleInner({
-  checked,
-  defaultChecked,
-  onChange,
-  disabled,
-  label,
-  role = "checkbox",
-  style,
-  textStyle,
-  children,
-  ...rest
-}) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const { isDisabled, getToggleProps } = core.useToggle({
-    checked,
-    defaultChecked,
-    onChange,
-    disabled,
-    role
-  });
-  const propGetterReturn = getToggleProps();
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  const isChecked = propGetterReturn.accessibility.checked === true;
-  if (label) {
-    rnAccessibility.accessibilityLabel = label;
-  }
-  const handlePress = react.useCallback(() => {
-    propGetterReturn.onAction?.();
-  }, [propGetterReturn.onAction]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.Pressable,
-    {
-      ...rnAccessibility,
-      ...rest,
-      disabled: isDisabled,
-      onPress: isDisabled ? void 0 : handlePress,
-      style: [
-        {
-          flexDirection: "row",
-          alignItems: "center",
-          justifyContent: "center",
-          paddingVertical: bt.entropixSpacing2,
-          paddingHorizontal: bt.entropixSpacing3,
-          borderWidth: 1,
-          borderColor: isChecked ? "transparent" : t.entropixColorBorderDefault,
-          borderRadius: bt.entropixRadiusMd,
-          backgroundColor: isChecked ? t.entropixColorActionPrimaryDefault : t.entropixColorBgPrimary
-        },
-        isDisabled && { opacity: 0.5 },
-        style
-      ],
-      children: typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-        reactNative.Text,
-        {
-          style: [
-            {
-              fontSize: bt.entropixFontSizeSm,
-              fontWeight: "500",
-              color: isChecked ? t.entropixColorTextInverse : t.entropixColorTextPrimary
-            },
-            textStyle
-          ],
-          children
-        }
-      ) : children != null ? children : /* @__PURE__ */ jsxRuntime.jsx(
-        reactNative.Text,
-        {
-          style: {
-            fontSize: bt.entropixFontSizeSm,
-            fontWeight: "500",
-            color: isChecked ? t.entropixColorTextInverse : t.entropixColorTextPrimary
-          },
-          children: isChecked ? "On" : "Off"
-        }
-      )
-    }
-  );
-}
-var TRACK_WIDTH = 44;
-var TRACK_HEIGHT = 24;
-var TRACK_PADDING = 2;
-var THUMB_SIZE = TRACK_HEIGHT - TRACK_PADDING * 2;
-var THUMB_TRAVEL = TRACK_WIDTH - TRACK_PADDING * 2 - THUMB_SIZE;
-function Switch({
-  checked,
-  defaultChecked,
-  onChange,
-  disabled,
-  label,
-  style,
-  ...rest
-}) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const { isDisabled, getToggleProps } = core.useToggle({
-    checked,
-    defaultChecked,
-    onChange,
-    disabled,
-    role: "switch"
-  });
-  const propGetterReturn = getToggleProps();
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  const isChecked = propGetterReturn.accessibility.checked === true;
-  if (label) {
-    rnAccessibility.accessibilityLabel = label;
-  }
-  const handlePress = react.useCallback(() => {
-    propGetterReturn.onAction?.();
-  }, [propGetterReturn.onAction]);
-  const thumbAnim = react.useRef(
-    new reactNative.Animated.Value(defaultChecked || checked ? THUMB_TRAVEL : 0)
-  ).current;
-  react.useEffect(() => {
-    reactNative.Animated.timing(thumbAnim, {
-      toValue: isChecked ? THUMB_TRAVEL : 0,
-      duration: 150,
-      useNativeDriver: false
-    }).start();
-  }, [isChecked, thumbAnim]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.Pressable,
-    {
-      ...rnAccessibility,
-      ...rest,
-      disabled: isDisabled,
-      onPress: isDisabled ? void 0 : handlePress,
-      style: [
-        {
-          width: TRACK_WIDTH,
-          height: TRACK_HEIGHT,
-          borderRadius: bt.entropixRadiusFull,
-          backgroundColor: isChecked ? t.entropixColorActionPrimaryDefault : t.entropixColorGray300,
-          padding: TRACK_PADDING,
-          justifyContent: "center"
-        },
-        isDisabled && { opacity: 0.5 },
-        style
-      ],
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        reactNative.Animated.View,
-        {
-          style: {
-            width: THUMB_SIZE,
-            height: THUMB_SIZE,
-            borderRadius: bt.entropixRadiusFull,
-            backgroundColor: t.entropixColorWhite,
-            transform: [{ translateX: thumbAnim }]
-          }
-        }
-      )
-    }
-  );
-}
-var DialogContext = react.createContext(null);
-function useDialogContext() {
-  const context = react.useContext(DialogContext);
-  if (!context) {
-    throw new Error(
-      "Dialog compound components must be used within a <Dialog> provider."
-    );
-  }
-  return context;
-}
-function Dialog({
-  children,
-  isOpen,
-  defaultOpen,
-  onOpenChange,
-  closeOnOverlayPress,
-  closeOnEscape,
-  modal,
-  role
-}) {
-  const dialog = core.useDialog({
-    isOpen,
-    defaultOpen,
-    onOpenChange,
-    closeOnOverlayPress,
-    closeOnEscape,
-    modal,
-    role
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogContext.Provider, { value: dialog, children });
-}
-function DialogTrigger({
-  children,
-  style,
-  ...rest
-}) {
-  const { getTriggerProps } = useDialogContext();
-  const propGetterReturn = getTriggerProps();
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  const handlePress = react.useCallback(() => {
-    propGetterReturn.onAction?.();
-  }, [propGetterReturn.onAction]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.Pressable,
-    {
-      ...rnAccessibility,
-      ...rest,
-      onPress: handlePress,
-      style,
-      children
-    }
-  );
-}
-function DialogContent({
-  children,
-  style,
-  cardStyle,
-  animationType = "fade",
-  transparent = true,
-  ...rest
-}) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const { isOpen, close, ids, getContentProps } = useDialogContext();
-  const propGetterReturn = getContentProps();
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.Modal,
-    {
-      visible: isOpen,
-      transparent,
-      animationType,
-      onRequestClose: close,
-      supportedOrientations: ["portrait", "landscape"],
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        reactNative.View,
-        {
-          ...rest,
-          style: [
-            {
-              flex: 1,
-              justifyContent: "center",
-              alignItems: "center",
-              backgroundColor: "rgba(0, 0, 0, 0.5)"
-            },
-            style
-          ],
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            reactNative.View,
-            {
-              ...rnAccessibility,
-              nativeID: ids.content,
-              style: [
-                {
-                  backgroundColor: t.entropixColorBgPrimary,
-                  borderRadius: bt.entropixRadiusLg,
-                  padding: bt.entropixSpacing6,
-                  width: "90%",
-                  maxWidth: 480,
-                  shadowColor: "#000",
-                  shadowOffset: { width: 0, height: 4 },
-                  shadowOpacity: 0.15,
-                  shadowRadius: 12,
-                  elevation: 8
-                },
-                cardStyle
-              ],
-              children
-            }
-          )
-        }
-      )
-    }
-  );
-}
-function DialogTitle({ children, style, ...rest }) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const { ids } = useDialogContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.Text,
-    {
-      ...rest,
-      nativeID: ids.title,
-      style: [
-        {
-          fontSize: 18,
-          fontWeight: "600",
-          color: t.entropixColorTextPrimary,
-          marginBottom: bt.entropixSpacing2
-        },
-        style
-      ],
-      accessibilityRole: "header",
-      children
-    }
-  );
-}
-function DialogDescription({
-  children,
-  style,
-  ...rest
-}) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const { ids } = useDialogContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.Text,
-    {
-      ...rest,
-      nativeID: ids.description,
-      style: [
-        {
-          fontSize: bt.entropixFontSizeSm,
-          color: t.entropixColorTextSecondary,
-          lineHeight: 20,
-          marginBottom: bt.entropixSpacing4
-        },
-        style
-      ],
-      children
-    }
-  );
-}
-function DialogClose({ children, style, ...rest }) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const { getCloseProps } = useDialogContext();
-  const propGetterReturn = getCloseProps();
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  const handlePress = react.useCallback(() => {
-    propGetterReturn.onAction?.();
-  }, [propGetterReturn.onAction]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.Pressable,
-    {
-      ...rnAccessibility,
-      ...rest,
-      onPress: handlePress,
-      style: [
-        {
-          position: "absolute",
-          top: bt.entropixSpacing3,
-          right: bt.entropixSpacing3,
-          width: 32,
-          height: 32,
-          alignItems: "center",
-          justifyContent: "center",
-          borderRadius: bt.entropixRadiusSm
-        },
-        style
-      ],
-      accessibilityRole: "button",
-      children: children ?? /* @__PURE__ */ jsxRuntime.jsx(
-        reactNative.Text,
-        {
-          style: {
-            fontSize: 16,
-            color: t.entropixColorTextSecondary
-          },
-          children: "\u2715"
-        }
-      )
-    }
-  );
-}
-function DialogOverlay({ style, testID }) {
-  const { isOpen, getOverlayProps } = useDialogContext();
-  const propGetterReturn = getOverlayProps();
-  const handlePress = react.useCallback(() => {
-    propGetterReturn.onAction?.();
-  }, [propGetterReturn.onAction]);
-  if (!isOpen) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.Pressable,
-    {
-      testID,
-      accessible: false,
-      importantForAccessibility: "no",
-      onPress: propGetterReturn.onAction ? handlePress : void 0,
-      style: [
-        {
-          ...reactNative.StyleSheet.absoluteFillObject,
-          backgroundColor: "rgba(0, 0, 0, 0.5)"
-        },
-        style
-      ]
-    }
-  );
-}
-var TabsContext = react.createContext(null);
-function useTabsContext() {
-  const context = react.useContext(TabsContext);
-  if (!context) {
-    throw new Error(
-      "Tabs compound components must be used within a <Tabs> provider."
-    );
-  }
-  return context;
-}
-function Tabs({ children, style, ...options }) {
-  const tabs = core.useTabs(options);
-  return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: tabs, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style, children }) });
-}
-function TabList({ children, style }) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const { getTabListProps } = useTabsContext();
-  const propGetterReturn = getTabListProps();
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.View,
-    {
-      ...rnAccessibility,
-      style: [
-        {
-          flexDirection: "row",
-          gap: bt.entropixSpacing1,
-          borderBottomWidth: 1,
-          borderBottomColor: t.entropixColorBorderDefault
-        },
-        style
-      ],
-      children
-    }
-  );
-}
-function Tab({ value, children, style, textStyle, ...rest }) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const { getTabProps, selectedKey } = useTabsContext();
-  const propGetterReturn = getTabProps(value);
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  const isActive = selectedKey === value;
-  const isDisabled = propGetterReturn.accessibility.disabled === true;
-  const handlePress = react.useCallback(() => {
-    propGetterReturn.onAction?.();
-  }, [propGetterReturn.onAction]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.Pressable,
-    {
-      ...rnAccessibility,
-      ...rest,
-      onPress: propGetterReturn.onAction ? handlePress : void 0,
-      style: [
-        {
-          paddingVertical: bt.entropixSpacing2,
-          paddingHorizontal: bt.entropixSpacing4,
-          borderBottomWidth: 2,
-          borderBottomColor: isActive ? t.entropixColorActionPrimaryDefault : "transparent"
-        },
-        isDisabled && { opacity: 0.5 },
-        style
-      ],
-      children: typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-        reactNative.Text,
-        {
-          style: [
-            {
-              fontSize: bt.entropixFontSizeSm,
-              fontWeight: "500",
-              color: isActive ? t.entropixColorActionPrimaryDefault : t.entropixColorTextSecondary
-            },
-            textStyle
-          ],
-          children
-        }
-      ) : children
-    }
-  );
-}
-function TabPanel({ value, children, style }) {
-  const { baseTokens: bt } = useTheme();
-  const { getTabPanelProps, selectedKey } = useTabsContext();
-  const propGetterReturn = getTabPanelProps(value);
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  if (selectedKey !== value) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.View,
-    {
-      ...rnAccessibility,
-      style: [{ padding: bt.entropixSpacing4 }, style],
-      children
-    }
-  );
-}
-var AccordionContext = react.createContext(null);
-function useAccordionContext() {
-  const context = react.useContext(AccordionContext);
-  if (!context) {
-    throw new Error(
-      "Accordion compound components must be used within an <Accordion> provider."
-    );
-  }
-  return context;
-}
-var AccordionItemContext = react.createContext(null);
-function useAccordionItemContext() {
-  const context = react.useContext(AccordionItemContext);
-  if (context === null) {
-    throw new Error(
-      "AccordionTrigger and AccordionPanel must be used within an <AccordionItem>."
-    );
-  }
-  return context;
-}
-function Accordion({ children, style, ...options }) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const accordion = core.useAccordion(options);
-  return /* @__PURE__ */ jsxRuntime.jsx(AccordionContext.Provider, { value: accordion, children: /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.View,
-    {
-      style: [
-        {
-          borderWidth: 1,
-          borderColor: t.entropixColorBorderDefault,
-          borderRadius: bt.entropixRadiusLg,
-          overflow: "hidden"
-        },
-        style
-      ],
-      children
-    }
-  ) });
-}
-function AccordionItem({
-  value,
-  isLast = false,
-  children,
-  style
-}) {
-  const { tokens: t } = useTheme();
-  return /* @__PURE__ */ jsxRuntime.jsx(AccordionItemContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.View,
-    {
-      style: [
-        {
-          borderBottomWidth: isLast ? 0 : 1,
-          borderBottomColor: t.entropixColorBorderDefault
-        },
-        style
-      ],
-      children
-    }
-  ) });
-}
-function AccordionTrigger({
-  children,
-  style,
-  textStyle,
-  ...rest
-}) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const itemKey = useAccordionItemContext();
-  const { getItemTriggerProps, isExpanded } = useAccordionContext();
-  const propGetterReturn = getItemTriggerProps(itemKey);
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  const expanded = isExpanded(itemKey);
-  const handlePress = react.useCallback(() => {
-    propGetterReturn.onAction?.();
-  }, [propGetterReturn.onAction]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    reactNative.Pressable,
-    {
-      ...rnAccessibility,
-      ...rest,
-      onPress: propGetterReturn.onAction ? handlePress : void 0,
-      style: [
-        {
-          flexDirection: "row",
-          alignItems: "center",
-          justifyContent: "space-between",
-          paddingVertical: bt.entropixSpacing4,
-          paddingHorizontal: bt.entropixSpacing4
-        },
-        style
-      ],
-      children: [
-        typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-          reactNative.Text,
-          {
-            style: [
-              {
-                fontSize: bt.entropixFontSizeSm,
-                fontWeight: "500",
-                color: t.entropixColorTextPrimary,
-                flex: 1
-              },
-              textStyle
-            ],
-            children
-          }
-        ) : children,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          reactNative.Text,
-          {
-            style: {
-              fontSize: 12,
-              color: t.entropixColorTextSecondary,
-              marginLeft: bt.entropixSpacing2
-            },
-            children: expanded ? "\u2212" : "+"
-          }
-        )
-      ]
-    }
-  );
-}
-function AccordionPanel({ children, style }) {
-  const { baseTokens: bt } = useTheme();
-  const itemKey = useAccordionItemContext();
-  const { getItemPanelProps, isExpanded } = useAccordionContext();
-  const propGetterReturn = getItemPanelProps(itemKey);
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  if (!isExpanded(itemKey)) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.View,
-    {
-      ...rnAccessibility,
-      style: [
-        {
-          paddingHorizontal: bt.entropixSpacing4,
-          paddingBottom: bt.entropixSpacing4
-        },
-        style
-      ],
-      children
-    }
-  );
-}
-var MenuContext = react.createContext(null);
-function useMenuContext() {
-  const context = react.useContext(MenuContext);
-  if (!context) {
-    throw new Error(
-      "Menu compound components must be used within a <Menu> provider."
-    );
-  }
-  return context;
-}
-function Menu({ children, ...options }) {
-  const menu = core.useMenu(options);
-  return /* @__PURE__ */ jsxRuntime.jsx(MenuContext.Provider, { value: menu, children });
-}
-function MenuTrigger({ children, style, ...rest }) {
-  const { getTriggerProps } = useMenuContext();
-  const propGetterReturn = getTriggerProps();
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  const handlePress = react.useCallback(() => {
-    propGetterReturn.onAction?.();
-  }, [propGetterReturn.onAction]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.Pressable,
-    {
-      ...rnAccessibility,
-      ...rest,
-      onPress: handlePress,
-      style,
-      children
-    }
-  );
-}
-function MenuContent({ children, style, testID }) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const { isOpen, getMenuProps } = useMenuContext();
-  const propGetterReturn = getMenuProps();
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  if (!isOpen) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.View,
-    {
-      ...rnAccessibility,
-      testID,
-      style: [
-        {
-          minWidth: 160,
-          padding: bt.entropixSpacing1,
-          backgroundColor: t.entropixColorBgPrimary,
-          borderWidth: 1,
-          borderColor: t.entropixColorBorderDefault,
-          borderRadius: bt.entropixRadiusMd,
-          shadowColor: "#000",
-          shadowOffset: { width: 0, height: 2 },
-          shadowOpacity: 0.1,
-          shadowRadius: 8,
-          elevation: 4
-        },
-        style
-      ],
-      children
-    }
-  );
-}
-function wrapStringChildren(children, style) {
-  if (typeof children === "string" || typeof children === "number") {
-    return /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style, children });
-  }
-  return children;
-}
-function MenuItem({
-  index,
-  onSelect,
-  disabled,
-  children,
-  style,
-  textStyle,
-  ...rest
-}) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const { getItemProps } = useMenuContext();
-  const propGetterReturn = getItemProps(index, { onSelect, disabled });
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  const handlePress = react.useCallback(() => {
-    propGetterReturn.onAction?.();
-  }, [propGetterReturn.onAction]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.Pressable,
-    {
-      ...rnAccessibility,
-      ...rest,
-      disabled,
-      onPress: propGetterReturn.onAction ? handlePress : void 0,
-      style: [
-        {
-          flexDirection: "row",
-          alignItems: "center",
-          paddingVertical: bt.entropixSpacing2,
-          paddingHorizontal: bt.entropixSpacing3,
-          borderRadius: bt.entropixRadiusSm,
-          opacity: disabled ? 0.5 : 1
-        },
-        style
-      ],
-      children: wrapStringChildren(children, {
-        fontSize: bt.entropixFontSizeSm,
-        color: t.entropixColorTextPrimary,
-        ...textStyle
-      })
-    }
-  );
-}
-var KEYBOARD_TYPE_MAP = {
-  text: "default",
-  email: "email-address",
-  password: "default",
-  number: "numeric",
-  tel: "phone-pad",
-  url: "url",
-  search: "default"
-};
-function Input({
-  value,
-  defaultValue,
-  onChange,
-  disabled,
-  readOnly,
-  required,
-  invalid,
-  label,
-  helperText,
-  errorMessage,
-  placeholder,
-  type = "text",
-  size = "md",
-  style,
-  inputStyle,
-  textStyle,
-  testID
-}) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const {
-    value: inputValue,
-    isDisabled,
-    isReadOnly,
-    isInvalid,
-    setValue,
-    getInputProps
-  } = core.useInput({
-    value,
-    defaultValue,
-    onChange,
-    disabled,
-    readOnly,
-    required,
-    invalid,
-    type,
-    placeholder
-  });
-  const propGetterReturn = getInputProps();
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  const handleChangeText = react.useCallback(
-    (text) => {
-      setValue(text);
-    },
-    [setValue]
-  );
-  const sizeStyles = getSizeStyles(size, bt);
-  const showError = isInvalid && errorMessage;
-  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [{ gap: bt.entropixSpacing1 }, style], children: [
-    label ? /* @__PURE__ */ jsxRuntime.jsxs(
-      reactNative.Text,
-      {
-        style: [
-          {
-            fontSize: sizeStyles.labelFontSize,
-            fontWeight: "500",
-            color: t.entropixColorTextPrimary
-          },
-          textStyle
-        ],
-        children: [
-          label,
-          required ? " *" : ""
-        ]
-      }
-    ) : null,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      reactNative.TextInput,
-      {
-        ...rnAccessibility,
-        testID,
-        value: inputValue,
-        onChangeText: handleChangeText,
-        placeholder,
-        placeholderTextColor: t.entropixColorTextTertiary,
-        editable: !isDisabled && !isReadOnly,
-        secureTextEntry: type === "password",
-        keyboardType: KEYBOARD_TYPE_MAP[type] ?? "default",
-        style: [
-          {
-            paddingVertical: sizeStyles.paddingVertical,
-            paddingHorizontal: sizeStyles.paddingHorizontal,
-            fontSize: sizeStyles.fontSize,
-            borderWidth: 1,
-            borderColor: showError ? t.entropixColorBorderDanger : t.entropixColorBorderDefault,
-            borderRadius: bt.entropixRadiusMd,
-            backgroundColor: t.entropixColorBgPrimary,
-            color: t.entropixColorTextPrimary
-          },
-          isDisabled && { opacity: 0.5 },
-          inputStyle
-        ]
-      }
-    ),
-    showError ? /* @__PURE__ */ jsxRuntime.jsx(
-      reactNative.Text,
-      {
-        style: [
-          {
-            fontSize: sizeStyles.helperFontSize,
-            color: t.entropixColorTextDanger
-          },
-          textStyle
-        ],
-        accessibilityRole: "alert",
-        accessibilityLiveRegion: "polite",
-        children: errorMessage
-      }
-    ) : helperText ? /* @__PURE__ */ jsxRuntime.jsx(
-      reactNative.Text,
-      {
-        style: [
-          {
-            fontSize: sizeStyles.helperFontSize,
-            color: t.entropixColorTextSecondary
-          },
-          textStyle
-        ],
-        children: helperText
-      }
-    ) : null
-  ] });
-}
-function getSizeStyles(size, bt) {
-  switch (size) {
-    case "sm":
-      return {
-        paddingVertical: bt.entropixSpacing1,
-        paddingHorizontal: bt.entropixSpacing2,
-        fontSize: bt.entropixFontSizeXs,
-        labelFontSize: bt.entropixFontSizeXs,
-        helperFontSize: bt.entropixFontSizeXs - 1
-      };
-    case "lg":
-      return {
-        paddingVertical: bt.entropixSpacing3,
-        paddingHorizontal: bt.entropixSpacing4,
-        fontSize: bt.entropixFontSizeBase,
-        labelFontSize: bt.entropixFontSizeBase,
-        helperFontSize: bt.entropixFontSizeSm
-      };
-    default:
-      return {
-        paddingVertical: bt.entropixSpacing2,
-        paddingHorizontal: bt.entropixSpacing3,
-        fontSize: bt.entropixFontSizeSm,
-        labelFontSize: bt.entropixFontSizeSm,
-        helperFontSize: bt.entropixFontSizeXs
-      };
-  }
-}
-function Textarea({
-  value,
-  defaultValue,
-  onChange,
-  disabled,
-  readOnly,
-  required,
-  invalid,
-  label,
-  helperText,
-  errorMessage,
-  placeholder,
-  numberOfLines = 4,
-  size = "md",
-  style,
-  inputStyle,
-  textStyle,
-  testID
-}) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const {
-    value: inputValue,
-    isDisabled,
-    isReadOnly,
-    isInvalid,
-    setValue,
-    getInputProps
-  } = core.useInput({
-    value,
-    defaultValue,
-    onChange,
-    disabled,
-    readOnly,
-    required,
-    invalid,
-    type: "text",
-    placeholder
-  });
-  const propGetterReturn = getInputProps();
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  const handleChangeText = react.useCallback(
-    (text) => {
-      setValue(text);
-    },
-    [setValue]
-  );
-  const sizeStyles = getSizeStyles2(size, bt);
-  const showError = isInvalid && errorMessage;
-  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [{ gap: bt.entropixSpacing1 }, style], children: [
-    label ? /* @__PURE__ */ jsxRuntime.jsxs(
-      reactNative.Text,
-      {
-        style: [
-          {
-            fontSize: sizeStyles.labelFontSize,
-            fontWeight: "500",
-            color: t.entropixColorTextPrimary
-          },
-          textStyle
-        ],
-        children: [
-          label,
-          required ? " *" : ""
-        ]
-      }
-    ) : null,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      reactNative.TextInput,
-      {
-        ...rnAccessibility,
-        testID,
-        value: inputValue,
-        onChangeText: handleChangeText,
-        placeholder,
-        placeholderTextColor: t.entropixColorTextTertiary,
-        editable: !isDisabled && !isReadOnly,
-        multiline: true,
-        numberOfLines,
-        textAlignVertical: "top",
-        style: [
-          {
-            paddingVertical: sizeStyles.paddingVertical,
-            paddingHorizontal: sizeStyles.paddingHorizontal,
-            fontSize: sizeStyles.fontSize,
-            borderWidth: 1,
-            borderColor: showError ? t.entropixColorBorderDanger : t.entropixColorBorderDefault,
-            borderRadius: bt.entropixRadiusMd,
-            backgroundColor: t.entropixColorBgPrimary,
-            color: t.entropixColorTextPrimary,
-            minHeight: numberOfLines * (sizeStyles.fontSize + 8)
-          },
-          isDisabled && { opacity: 0.5 },
-          inputStyle
-        ]
-      }
-    ),
-    showError ? /* @__PURE__ */ jsxRuntime.jsx(
-      reactNative.Text,
-      {
-        style: [
-          {
-            fontSize: sizeStyles.helperFontSize,
-            color: t.entropixColorTextDanger
-          },
-          textStyle
-        ],
-        accessibilityRole: "alert",
-        accessibilityLiveRegion: "polite",
-        children: errorMessage
-      }
-    ) : helperText ? /* @__PURE__ */ jsxRuntime.jsx(
-      reactNative.Text,
-      {
-        style: [
-          {
-            fontSize: sizeStyles.helperFontSize,
-            color: t.entropixColorTextSecondary
-          },
-          textStyle
-        ],
-        children: helperText
-      }
-    ) : null
-  ] });
-}
-function getSizeStyles2(size, bt) {
-  switch (size) {
-    case "sm":
-      return {
-        paddingVertical: bt.entropixSpacing1,
-        paddingHorizontal: bt.entropixSpacing2,
-        fontSize: bt.entropixFontSizeXs,
-        labelFontSize: bt.entropixFontSizeXs,
-        helperFontSize: bt.entropixFontSizeXs - 1
-      };
-    case "lg":
-      return {
-        paddingVertical: bt.entropixSpacing3,
-        paddingHorizontal: bt.entropixSpacing4,
-        fontSize: bt.entropixFontSizeBase,
-        labelFontSize: bt.entropixFontSizeBase,
-        helperFontSize: bt.entropixFontSizeSm
-      };
-    default:
-      return {
-        paddingVertical: bt.entropixSpacing2,
-        paddingHorizontal: bt.entropixSpacing3,
-        fontSize: bt.entropixFontSizeSm,
-        labelFontSize: bt.entropixFontSizeSm,
-        helperFontSize: bt.entropixFontSizeXs
-      };
-  }
-}
-function Checkbox({
-  checked,
-  defaultChecked,
-  onChange,
-  disabled,
-  indeterminate,
-  label,
-  size = "md",
-  style,
-  textStyle,
-  children,
-  ...rest
-}) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const { isChecked, isDisabled, getToggleProps } = core.useToggle({
-    checked,
-    defaultChecked,
-    onChange,
-    disabled,
-    role: "checkbox"
-  });
-  const propGetterReturn = getToggleProps();
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  if (indeterminate) {
-    rnAccessibility.accessibilityState = {
-      ...rnAccessibility.accessibilityState,
-      checked: "mixed"
-    };
-  }
-  if (label) {
-    rnAccessibility.accessibilityLabel = label;
-  }
-  const handlePress = react.useCallback(() => {
-    propGetterReturn.onAction?.();
-  }, [propGetterReturn.onAction]);
-  const sizeStyles = getSizeStyles3(size, bt);
-  const isActive = indeterminate || isChecked;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    reactNative.Pressable,
-    {
-      ...rnAccessibility,
-      ...rest,
-      disabled: isDisabled,
-      onPress: isDisabled ? void 0 : handlePress,
-      style: [
-        {
-          flexDirection: "row",
-          alignItems: "center",
-          gap: bt.entropixSpacing2
-        },
-        isDisabled && { opacity: 0.5 },
-        style
-      ],
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          reactNative.View,
-          {
-            style: {
-              width: sizeStyles.boxSize,
-              height: sizeStyles.boxSize,
-              borderWidth: 2,
-              borderColor: isActive ? t.entropixColorActionPrimaryDefault : t.entropixColorBorderDefault,
-              borderRadius: bt.entropixRadiusSm,
-              backgroundColor: isActive ? t.entropixColorActionPrimaryDefault : "transparent",
-              alignItems: "center",
-              justifyContent: "center"
-            },
-            children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(
-              reactNative.Text,
-              {
-                style: {
-                  fontSize: sizeStyles.indicatorFontSize,
-                  fontWeight: "700",
-                  color: t.entropixColorTextInverse,
-                  lineHeight: sizeStyles.boxSize - 2
-                },
-                children: "\u2013"
-              }
-            ) : isChecked ? /* @__PURE__ */ jsxRuntime.jsx(
-              reactNative.Text,
-              {
-                style: {
-                  fontSize: sizeStyles.indicatorFontSize,
-                  fontWeight: "700",
-                  color: t.entropixColorTextInverse,
-                  lineHeight: sizeStyles.boxSize - 2
-                },
-                children: "\u2713"
-              }
-            ) : null
-          }
-        ),
-        typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-          reactNative.Text,
-          {
-            style: [
-              {
-                fontSize: sizeStyles.fontSize,
-                color: t.entropixColorTextPrimary
-              },
-              textStyle
-            ],
-            children
-          }
-        ) : children != null ? children : label ? /* @__PURE__ */ jsxRuntime.jsx(
-          reactNative.Text,
-          {
-            style: [
-              {
-                fontSize: sizeStyles.fontSize,
-                color: t.entropixColorTextPrimary
-              },
-              textStyle
-            ],
-            children: label
-          }
-        ) : null
-      ]
-    }
-  );
-}
-function getSizeStyles3(size, bt) {
-  switch (size) {
-    case "sm":
-      return {
-        boxSize: 16,
-        indicatorFontSize: 10,
-        fontSize: bt.entropixFontSizeXs
-      };
-    case "lg":
-      return {
-        boxSize: 24,
-        indicatorFontSize: 16,
-        fontSize: bt.entropixFontSizeBase
-      };
-    default:
-      return {
-        boxSize: 20,
-        indicatorFontSize: 13,
-        fontSize: bt.entropixFontSizeSm
-      };
-  }
-}
-var RadioGroupContext = react.createContext(null);
-function useRadioGroupContext() {
-  const context = react.useContext(RadioGroupContext);
-  if (!context) {
-    throw new Error(
-      "Radio compound components must be used within a <RadioGroup> provider."
-    );
-  }
-  return context;
-}
-function RadioGroup({
-  label,
-  style,
-  textStyle,
-  children,
-  testID,
-  ...options
-}) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const radioGroup = core.useRadioGroup(options);
-  const propGetterReturn = radioGroup.getRadioGroupProps();
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  if (label) {
-    rnAccessibility.accessibilityLabel = label;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(RadioGroupContext.Provider, { value: radioGroup, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    reactNative.View,
-    {
-      ...rnAccessibility,
-      testID,
-      style: [
-        {
-          gap: bt.entropixSpacing2
-        },
-        style
-      ],
-      children: [
-        label ? /* @__PURE__ */ jsxRuntime.jsx(
-          reactNative.Text,
-          {
-            style: [
-              {
-                fontSize: bt.entropixFontSizeSm,
-                fontWeight: "500",
-                color: t.entropixColorTextPrimary
-              },
-              textStyle
-            ],
-            children: label
-          }
-        ) : null,
-        children
-      ]
-    }
-  ) });
-}
-function RadioItem({
-  value,
-  disabled,
-  style,
-  textStyle,
-  children,
-  ...rest
-}) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const { getRadioProps } = useRadioGroupContext();
-  const propGetterReturn = getRadioProps(value, { disabled });
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  const isChecked = propGetterReturn.accessibility.checked === true;
-  const isDisabled = propGetterReturn.accessibility.disabled === true;
-  const handlePress = react.useCallback(() => {
-    propGetterReturn.onAction?.();
-  }, [propGetterReturn.onAction]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    reactNative.Pressable,
-    {
-      ...rnAccessibility,
-      ...rest,
-      disabled: isDisabled,
-      onPress: isDisabled ? void 0 : handlePress,
-      style: [
-        {
-          flexDirection: "row",
-          alignItems: "center",
-          gap: bt.entropixSpacing2
-        },
-        isDisabled && { opacity: 0.5 },
-        style
-      ],
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          reactNative.View,
-          {
-            style: {
-              width: 20,
-              height: 20,
-              borderRadius: 10,
-              borderWidth: 2,
-              borderColor: isChecked ? t.entropixColorActionPrimaryDefault : t.entropixColorBorderDefault,
-              alignItems: "center",
-              justifyContent: "center"
-            },
-            children: isChecked ? /* @__PURE__ */ jsxRuntime.jsx(
-              reactNative.View,
-              {
-                style: {
-                  width: 10,
-                  height: 10,
-                  borderRadius: 5,
-                  backgroundColor: t.entropixColorActionPrimaryDefault
-                }
-              }
-            ) : null
-          }
-        ),
-        typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-          reactNative.Text,
-          {
-            style: [
-              {
-                fontSize: bt.entropixFontSizeSm,
-                color: t.entropixColorTextPrimary
-              },
-              textStyle
-            ],
-            children
-          }
-        ) : children
-      ]
-    }
-  );
-}
-var SelectContext = react.createContext(null);
-function useSelectContext() {
-  const context = react.useContext(SelectContext);
-  if (!context) {
-    throw new Error(
-      "Select compound components must be used within a <Select> provider."
-    );
-  }
-  return context;
-}
-function Select({
-  label,
-  style,
-  textStyle,
-  children,
-  testID,
-  ...options
-}) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const select = core.useSelect(options);
-  return /* @__PURE__ */ jsxRuntime.jsx(SelectContext.Provider, { value: select, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    reactNative.View,
-    {
-      testID,
-      style: [{ gap: bt.entropixSpacing1 }, style],
-      children: [
-        label ? /* @__PURE__ */ jsxRuntime.jsx(
-          reactNative.Text,
-          {
-            style: [
-              {
-                fontSize: bt.entropixFontSizeSm,
-                fontWeight: "500",
-                color: t.entropixColorTextPrimary
-              },
-              textStyle
-            ],
-            children: label
-          }
-        ) : null,
-        children
-      ]
-    }
-  ) });
-}
-function SelectTrigger({
-  placeholder = "Select...",
-  displayValue,
-  style,
-  textStyle,
-  ...rest
-}) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const { selectedValue, isDisabled, isOpen, getTriggerProps } = useSelectContext();
-  const propGetterReturn = getTriggerProps();
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  const handlePress = react.useCallback(() => {
-    propGetterReturn.onAction?.();
-  }, [propGetterReturn.onAction]);
-  const hasValue = selectedValue !== "";
-  const label = displayValue ?? (hasValue ? selectedValue : placeholder);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    reactNative.Pressable,
-    {
-      ...rnAccessibility,
-      ...rest,
-      disabled: isDisabled,
-      onPress: isDisabled ? void 0 : handlePress,
-      style: [
-        {
-          flexDirection: "row",
-          alignItems: "center",
-          justifyContent: "space-between",
-          paddingVertical: bt.entropixSpacing2,
-          paddingHorizontal: bt.entropixSpacing3,
-          borderWidth: 1,
-          borderColor: isOpen ? t.entropixColorActionPrimaryDefault : t.entropixColorBorderDefault,
-          borderRadius: bt.entropixRadiusMd,
-          backgroundColor: t.entropixColorBgPrimary
-        },
-        isDisabled && { opacity: 0.5 },
-        style
-      ],
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          reactNative.Text,
-          {
-            style: [
-              {
-                fontSize: bt.entropixFontSizeSm,
-                color: hasValue ? t.entropixColorTextPrimary : t.entropixColorTextTertiary,
-                flex: 1
-              },
-              textStyle
-            ],
-            numberOfLines: 1,
-            children: label
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          reactNative.Text,
-          {
-            style: {
-              fontSize: bt.entropixFontSizeXs,
-              color: t.entropixColorTextSecondary,
-              marginLeft: bt.entropixSpacing2
-            },
-            children: "\u25BC"
-          }
-        )
-      ]
-    }
-  );
-}
-function SelectContent({ children, style, testID }) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const { isOpen, close, getListboxProps } = useSelectContext();
-  const propGetterReturn = getListboxProps();
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  if (!isOpen) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.Modal,
-    {
-      visible: isOpen,
-      transparent: true,
-      animationType: "fade",
-      onRequestClose: close,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        reactNative.Pressable,
-        {
-          style: {
-            flex: 1,
-            justifyContent: "center",
-            alignItems: "center",
-            backgroundColor: "rgba(0,0,0,0.3)"
-          },
-          onPress: close,
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            reactNative.Pressable,
-            {
-              onPress: () => {
-              },
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                reactNative.View,
-                {
-                  ...rnAccessibility,
-                  testID,
-                  style: [
-                    {
-                      minWidth: 240,
-                      maxHeight: 300,
-                      padding: bt.entropixSpacing1,
-                      backgroundColor: t.entropixColorBgPrimary,
-                      borderWidth: 1,
-                      borderColor: t.entropixColorBorderDefault,
-                      borderRadius: bt.entropixRadiusMd,
-                      shadowColor: "#000",
-                      shadowOffset: { width: 0, height: 4 },
-                      shadowOpacity: 0.15,
-                      shadowRadius: 12,
-                      elevation: 8
-                    },
-                    style
-                  ],
-                  children
-                }
-              )
-            }
-          )
-        }
-      )
-    }
-  );
-}
-function SelectOption({
-  value,
-  index,
-  disabled,
-  style,
-  textStyle,
-  children,
-  ...rest
-}) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const { getOptionProps } = useSelectContext();
-  const propGetterReturn = getOptionProps(value, index ?? 0, { disabled });
-  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
-  const isSelected = propGetterReturn.accessibility.selected === true;
-  const handlePress = react.useCallback(() => {
-    propGetterReturn.onAction?.();
-  }, [propGetterReturn.onAction]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.Pressable,
-    {
-      ...rnAccessibility,
-      ...rest,
-      disabled,
-      onPress: propGetterReturn.onAction ? handlePress : void 0,
-      style: [
-        {
-          flexDirection: "row",
-          alignItems: "center",
-          paddingVertical: bt.entropixSpacing2,
-          paddingHorizontal: bt.entropixSpacing3,
-          borderRadius: bt.entropixRadiusSm,
-          backgroundColor: isSelected ? t.entropixColorBgSecondary : "transparent"
-        },
-        disabled && { opacity: 0.5 },
-        style
-      ],
-      children: typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-        reactNative.Text,
-        {
-          style: [
-            {
-              fontSize: bt.entropixFontSizeSm,
-              fontWeight: isSelected ? "600" : "400",
-              color: t.entropixColorTextPrimary
-            },
-            textStyle
-          ],
-          children
-        }
-      ) : children
-    }
-  );
-}
-var BREAKPOINTS = {
-  sm: 640,
-  md: 768,
-  lg: 1024,
-  xl: 1280,
-  "2xl": 1536
-};
-var BREAKPOINT_ORDER = ["base", "sm", "md", "lg", "xl", "2xl"];
-function useBreakpoint() {
-  const getBreakpoint = react.useCallback(() => {
-    const { width } = reactNative.Dimensions.get("window");
-    if (width >= BREAKPOINTS["2xl"]) return "2xl";
-    if (width >= BREAKPOINTS.xl) return "xl";
-    if (width >= BREAKPOINTS.lg) return "lg";
-    if (width >= BREAKPOINTS.md) return "md";
-    if (width >= BREAKPOINTS.sm) return "sm";
-    return "base";
-  }, []);
-  const [breakpoint, setBreakpoint] = react.useState(getBreakpoint);
-  react.useEffect(() => {
-    const subscription = reactNative.Dimensions.addEventListener("change", ({ window }) => {
-      const width = window.width;
-      let next = "base";
-      if (width >= BREAKPOINTS["2xl"]) next = "2xl";
-      else if (width >= BREAKPOINTS.xl) next = "xl";
-      else if (width >= BREAKPOINTS.lg) next = "lg";
-      else if (width >= BREAKPOINTS.md) next = "md";
-      else if (width >= BREAKPOINTS.sm) next = "sm";
-      setBreakpoint((prev) => prev !== next ? next : prev);
-    });
-    return () => subscription.remove();
-  }, []);
-  return breakpoint;
-}
-function useBreakpointValue(breakpoint) {
-  const current = useBreakpoint();
-  const currentIndex = BREAKPOINT_ORDER.indexOf(current);
-  const targetIndex = BREAKPOINT_ORDER.indexOf(breakpoint);
-  return currentIndex >= targetIndex;
-}
-function useScreenDimensions() {
-  const [dimensions, setDimensions] = react.useState(() => reactNative.Dimensions.get("window"));
-  react.useEffect(() => {
-    const subscription = reactNative.Dimensions.addEventListener("change", ({ window }) => {
-      setDimensions(window);
-    });
-    return () => subscription.remove();
-  }, []);
-  return { width: dimensions.width, height: dimensions.height };
-}
-function Stack({
-  gap,
-  align,
-  fullWidth,
-  style,
-  children,
-  ...rest
-}) {
-  const { baseTokens: bt } = useTheme();
-  const gapValue = getGapValue(gap, bt);
-  const alignMap = {
-    start: "flex-start",
-    center: "center",
-    end: "flex-end",
-    stretch: "stretch"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.View,
-    {
-      style: [
-        { flexDirection: "column" },
-        gapValue !== void 0 && { gap: gapValue },
-        gapValue === void 0 && { gap: bt.entropixSpaceLayoutStack },
-        align && { alignItems: alignMap[align] },
-        fullWidth && { width: "100%" },
-        style
-      ],
-      ...rest,
-      children
-    }
-  );
-}
-function getGapValue(gap, bt) {
-  if (!gap) return void 0;
-  switch (gap) {
-    case "none":
-      return 0;
-    case "xs":
-      return bt.entropixSpacing1;
-    case "sm":
-      return bt.entropixSpacing2;
-    case "md":
-      return bt.entropixSpacing4;
-    case "lg":
-      return bt.entropixSpacing6;
-    case "xl":
-      return bt.entropixSpacing8;
-    case "2xl":
-      return bt.entropixSpacing12;
-  }
-}
-function Inline({
-  gap,
-  align,
-  justify,
-  wrap,
-  style,
-  children,
-  ...rest
-}) {
-  const { baseTokens: bt } = useTheme();
-  const gapValue = getGapValue2(gap, bt);
-  const alignMap = {
-    start: "flex-start",
-    center: "center",
-    end: "flex-end",
-    stretch: "stretch",
-    baseline: "baseline"
-  };
-  const justifyMap = {
-    start: "flex-start",
-    center: "center",
-    end: "flex-end",
-    between: "space-between",
-    around: "space-around"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.View,
-    {
-      style: [
-        {
-          flexDirection: "row",
-          alignItems: "center"
-        },
-        gapValue !== void 0 && { gap: gapValue },
-        gapValue === void 0 && { gap: bt.entropixSpaceLayoutInline },
-        align && { alignItems: alignMap[align] },
-        justify && { justifyContent: justifyMap[justify] },
-        wrap && { flexWrap: "wrap" },
-        style
-      ],
-      ...rest,
-      children
-    }
-  );
-}
-function getGapValue2(gap, bt) {
-  if (!gap) return void 0;
-  switch (gap) {
-    case "none":
-      return 0;
-    case "xs":
-      return bt.entropixSpacing1;
-    case "sm":
-      return bt.entropixSpacing2;
-    case "md":
-      return bt.entropixSpacing4;
-    case "lg":
-      return bt.entropixSpacing6;
-    case "xl":
-      return bt.entropixSpacing8;
-    case "2xl":
-      return bt.entropixSpacing12;
-  }
-}
-var maxWidthMap = {
-  xs: 480,
-  sm: 640,
-  md: 768,
-  lg: 1024,
-  xl: 1280,
-  full: void 0
-};
-function Container({
-  maxWidth = "lg",
-  center,
-  style,
-  children,
-  ...rest
-}) {
-  const { baseTokens: bt } = useTheme();
-  const breakpoint = useBreakpoint();
-  const maxW = maxWidthMap[maxWidth];
-  let pageMargin = bt.entropixSpaceLayoutPageMargin;
-  if (breakpoint === "lg" || breakpoint === "xl" || breakpoint === "2xl") {
-    pageMargin = bt.entropixSpaceLayoutPageMarginLg;
-  } else if (breakpoint === "md") {
-    pageMargin = bt.entropixSpaceLayoutPageMarginMd;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.View,
-    {
-      style: [
-        {
-          width: "100%",
-          paddingHorizontal: pageMargin
-        },
-        maxW !== void 0 && { maxWidth: maxW, alignSelf: "center" },
-        center && { alignItems: "center" },
-        style
-      ],
-      ...rest,
-      children
-    }
-  );
-}
-function Divider({
-  orientation = "horizontal",
-  spacing,
-  style,
-  ...rest
-}) {
-  const { tokens: t, baseTokens: bt } = useTheme();
-  const spacingMap = {
-    sm: bt.entropixSpacing2,
-    md: bt.entropixSpacing4,
-    lg: bt.entropixSpacing6
-  };
-  const spacingValue = spacing ? spacingMap[spacing] : 0;
-  const isVertical = orientation === "vertical";
-  const dividerStyle = isVertical ? {
-    width: 1,
-    alignSelf: "stretch",
-    backgroundColor: t.entropixColorBorderDefault,
-    marginHorizontal: spacingValue
-  } : {
-    height: 1,
-    width: "100%",
-    backgroundColor: t.entropixColorBorderDefault,
-    marginVertical: spacingValue
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactNative.View,
-    {
-      accessibilityRole: isVertical ? "none" : void 0,
-      style: [dividerStyle, style],
-      ...rest
-    }
-  );
-}
 
-exports.Accordion = Accordion;
-exports.AccordionItem = AccordionItem;
-exports.AccordionPanel = AccordionPanel;
-exports.AccordionTrigger = AccordionTrigger;
-exports.BREAKPOINTS = BREAKPOINTS;
-exports.Button = Button;
-exports.Checkbox = Checkbox;
-exports.Container = Container;
-exports.Dialog = Dialog;
-exports.DialogClose = DialogClose;
-exports.DialogContent = DialogContent;
-exports.DialogDescription = DialogDescription;
-exports.DialogOverlay = DialogOverlay;
-exports.DialogTitle = DialogTitle;
-exports.DialogTrigger = DialogTrigger;
-exports.Divider = Divider;
-exports.EntropixProvider = EntropixProvider;
-exports.Inline = Inline;
-exports.Input = Input;
-exports.Menu = Menu;
-exports.MenuContent = MenuContent;
-exports.MenuItem = MenuItem;
-exports.MenuTrigger = MenuTrigger;
-exports.RadioGroup = RadioGroup;
-exports.RadioItem = RadioItem;
-exports.Select = Select;
-exports.SelectContent = SelectContent;
-exports.SelectOption = SelectOption;
-exports.SelectTrigger = SelectTrigger;
-exports.Stack = Stack;
-exports.Switch = Switch;
-exports.Tab = Tab;
-exports.TabList = TabList;
-exports.TabPanel = TabPanel;
-exports.Tabs = Tabs;
-exports.Textarea = Textarea;
-exports.Toggle = Toggle;
-exports.mapAccessibilityToRN = mapAccessibilityToRN;
-exports.useBreakpoint = useBreakpoint;
-exports.useBreakpointValue = useBreakpointValue;
-exports.useScreenDimensions = useScreenDimensions;
-exports.useTheme = useTheme;
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function () { return chunkFQUZIDVS_cjs.Input; }
+});
+Object.defineProperty(exports, "Textarea", {
+  enumerable: true,
+  get: function () { return chunkUYXJHKYK_cjs.Textarea; }
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () { return chunkIRQWSFCZ_cjs.Checkbox; }
+});
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function () { return chunkTHX22NZW_cjs.RadioGroup; }
+});
+Object.defineProperty(exports, "RadioItem", {
+  enumerable: true,
+  get: function () { return chunkTHX22NZW_cjs.RadioItem; }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function () { return chunkB5YFEA66_cjs.Select; }
+});
+Object.defineProperty(exports, "SelectContent", {
+  enumerable: true,
+  get: function () { return chunkB5YFEA66_cjs.SelectContent; }
+});
+Object.defineProperty(exports, "SelectOption", {
+  enumerable: true,
+  get: function () { return chunkB5YFEA66_cjs.SelectOption; }
+});
+Object.defineProperty(exports, "SelectTrigger", {
+  enumerable: true,
+  get: function () { return chunkB5YFEA66_cjs.SelectTrigger; }
+});
+Object.defineProperty(exports, "BREAKPOINTS", {
+  enumerable: true,
+  get: function () { return chunkG7WPUTB6_cjs.BREAKPOINTS; }
+});
+Object.defineProperty(exports, "Container", {
+  enumerable: true,
+  get: function () { return chunkG7WPUTB6_cjs.Container; }
+});
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: function () { return chunkG7WPUTB6_cjs.Divider; }
+});
+Object.defineProperty(exports, "Inline", {
+  enumerable: true,
+  get: function () { return chunkG7WPUTB6_cjs.Inline; }
+});
+Object.defineProperty(exports, "Stack", {
+  enumerable: true,
+  get: function () { return chunkG7WPUTB6_cjs.Stack; }
+});
+Object.defineProperty(exports, "useBreakpoint", {
+  enumerable: true,
+  get: function () { return chunkG7WPUTB6_cjs.useBreakpoint; }
+});
+Object.defineProperty(exports, "useBreakpointValue", {
+  enumerable: true,
+  get: function () { return chunkG7WPUTB6_cjs.useBreakpointValue; }
+});
+Object.defineProperty(exports, "useScreenDimensions", {
+  enumerable: true,
+  get: function () { return chunkG7WPUTB6_cjs.useScreenDimensions; }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () { return chunkXND7AIKO_cjs.Button; }
+});
+Object.defineProperty(exports, "Toggle", {
+  enumerable: true,
+  get: function () { return chunkOMKUPSHJ_cjs.Toggle; }
+});
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function () { return chunkZPAOLIIG_cjs.Switch; }
+});
+Object.defineProperty(exports, "Dialog", {
+  enumerable: true,
+  get: function () { return chunkPKDXWKLO_cjs.Dialog; }
+});
+Object.defineProperty(exports, "DialogClose", {
+  enumerable: true,
+  get: function () { return chunkPKDXWKLO_cjs.DialogClose; }
+});
+Object.defineProperty(exports, "DialogContent", {
+  enumerable: true,
+  get: function () { return chunkPKDXWKLO_cjs.DialogContent; }
+});
+Object.defineProperty(exports, "DialogDescription", {
+  enumerable: true,
+  get: function () { return chunkPKDXWKLO_cjs.DialogDescription; }
+});
+Object.defineProperty(exports, "DialogOverlay", {
+  enumerable: true,
+  get: function () { return chunkPKDXWKLO_cjs.DialogOverlay; }
+});
+Object.defineProperty(exports, "DialogTitle", {
+  enumerable: true,
+  get: function () { return chunkPKDXWKLO_cjs.DialogTitle; }
+});
+Object.defineProperty(exports, "DialogTrigger", {
+  enumerable: true,
+  get: function () { return chunkPKDXWKLO_cjs.DialogTrigger; }
+});
+Object.defineProperty(exports, "Tab", {
+  enumerable: true,
+  get: function () { return chunk2SQB7RNT_cjs.Tab; }
+});
+Object.defineProperty(exports, "TabList", {
+  enumerable: true,
+  get: function () { return chunk2SQB7RNT_cjs.TabList; }
+});
+Object.defineProperty(exports, "TabPanel", {
+  enumerable: true,
+  get: function () { return chunk2SQB7RNT_cjs.TabPanel; }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function () { return chunk2SQB7RNT_cjs.Tabs; }
+});
+Object.defineProperty(exports, "Accordion", {
+  enumerable: true,
+  get: function () { return chunkQ7TEJ62Q_cjs.Accordion; }
+});
+Object.defineProperty(exports, "AccordionItem", {
+  enumerable: true,
+  get: function () { return chunkQ7TEJ62Q_cjs.AccordionItem; }
+});
+Object.defineProperty(exports, "AccordionPanel", {
+  enumerable: true,
+  get: function () { return chunkQ7TEJ62Q_cjs.AccordionPanel; }
+});
+Object.defineProperty(exports, "AccordionTrigger", {
+  enumerable: true,
+  get: function () { return chunkQ7TEJ62Q_cjs.AccordionTrigger; }
+});
+Object.defineProperty(exports, "Menu", {
+  enumerable: true,
+  get: function () { return chunkZ2MBHXUQ_cjs.Menu; }
+});
+Object.defineProperty(exports, "MenuContent", {
+  enumerable: true,
+  get: function () { return chunkZ2MBHXUQ_cjs.MenuContent; }
+});
+Object.defineProperty(exports, "MenuItem", {
+  enumerable: true,
+  get: function () { return chunkZ2MBHXUQ_cjs.MenuItem; }
+});
+Object.defineProperty(exports, "MenuTrigger", {
+  enumerable: true,
+  get: function () { return chunkZ2MBHXUQ_cjs.MenuTrigger; }
+});
+Object.defineProperty(exports, "mapAccessibilityToRN", {
+  enumerable: true,
+  get: function () { return chunkP5NAXMSC_cjs.mapAccessibilityToRN; }
+});
+Object.defineProperty(exports, "EntropixProvider", {
+  enumerable: true,
+  get: function () { return chunkBOUIB4OY_cjs.EntropixProvider; }
+});
+Object.defineProperty(exports, "registerBrand", {
+  enumerable: true,
+  get: function () { return chunkBOUIB4OY_cjs.registerBrand; }
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function () { return chunkBOUIB4OY_cjs.useTheme; }
+});
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map