@entropix/react-native 1.0.0 → 1.0.1

package/dist/chunk-OMKUPSHJ.cjs

@@ -0,0 +1,95 @@
+'use strict';
+
+var chunkP5NAXMSC_cjs = require('./chunk-P5NAXMSC.cjs');
+var chunkBOUIB4OY_cjs = require('./chunk-BOUIB4OY.cjs');
+var react = require('react');
+var reactNative = require('react-native');
+var core = require('@entropix/core');
+var jsxRuntime = require('react/jsx-runtime');
+
+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 } = chunkBOUIB4OY_cjs.useTheme();
+  const { isDisabled, getToggleProps } = core.useToggle({
+    checked,
+    defaultChecked,
+    onChange,
+    disabled,
+    role
+  });
+  const propGetterReturn = getToggleProps();
+  const rnAccessibility = chunkP5NAXMSC_cjs.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"
+        }
+      )
+    }
+  );
+}
+
+exports.Toggle = Toggle;
+exports.ToggleInner = ToggleInner;
+//# sourceMappingURL=chunk-OMKUPSHJ.cjs.map
+//# sourceMappingURL=chunk-OMKUPSHJ.cjs.map

package/dist/chunk-P5NAXMSC.cjs

@@ -0,0 +1,91 @@
+'use strict';
+
+// 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;
+}
+
+exports.mapAccessibilityToRN = mapAccessibilityToRN;
+//# sourceMappingURL=chunk-P5NAXMSC.cjs.map
+//# sourceMappingURL=chunk-P5NAXMSC.cjs.map

package/dist/chunk-PKDXWKLO.cjs

@@ -0,0 +1,245 @@
+'use strict';
+
+var chunkP5NAXMSC_cjs = require('./chunk-P5NAXMSC.cjs');
+var chunkBOUIB4OY_cjs = require('./chunk-BOUIB4OY.cjs');
+var core = require('@entropix/core');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var reactNative = require('react-native');
+
+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 = chunkP5NAXMSC_cjs.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 } = chunkBOUIB4OY_cjs.useTheme();
+  const { isOpen, close, ids, getContentProps } = useDialogContext();
+  const propGetterReturn = getContentProps();
+  const rnAccessibility = chunkP5NAXMSC_cjs.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 } = chunkBOUIB4OY_cjs.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 } = chunkBOUIB4OY_cjs.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 } = chunkBOUIB4OY_cjs.useTheme();
+  const { getCloseProps } = useDialogContext();
+  const propGetterReturn = getCloseProps();
+  const rnAccessibility = chunkP5NAXMSC_cjs.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
+      ]
+    }
+  );
+}
+
+exports.Dialog = Dialog;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogOverlay = DialogOverlay;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
+//# sourceMappingURL=chunk-PKDXWKLO.cjs.map
+//# sourceMappingURL=chunk-PKDXWKLO.cjs.map

package/dist/chunk-PVTPOJRU.js

@@ -0,0 +1,155 @@
+import { mapAccessibilityToRN } from './chunk-73BDGPZT.js';
+import { useTheme } from './chunk-ZYOTKLBG.js';
+import { View, Pressable, Text } from 'react-native';
+import { useAccordion } from '@entropix/core';
+import { createContext, useCallback, useContext } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var AccordionContext = createContext(null);
+function useAccordionContext() {
+  const context = useContext(AccordionContext);
+  if (!context) {
+    throw new Error(
+      "Accordion compound components must be used within an <Accordion> provider."
+    );
+  }
+  return context;
+}
+var AccordionItemContext = createContext(null);
+function useAccordionItemContext() {
+  const context = 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 = useAccordion(options);
+  return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: accordion, children: /* @__PURE__ */ jsx(
+    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__ */ jsx(AccordionItemContext.Provider, { value, children: /* @__PURE__ */ jsx(
+    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 = useCallback(() => {
+    propGetterReturn.onAction?.();
+  }, [propGetterReturn.onAction]);
+  return /* @__PURE__ */ jsxs(
+    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__ */ jsx(
+          Text,
+          {
+            style: [
+              {
+                fontSize: bt.entropixFontSizeSm,
+                fontWeight: "500",
+                color: t.entropixColorTextPrimary,
+                flex: 1
+              },
+              textStyle
+            ],
+            children
+          }
+        ) : children,
+        /* @__PURE__ */ jsx(
+          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__ */ jsx(
+    View,
+    {
+      ...rnAccessibility,
+      style: [
+        {
+          paddingHorizontal: bt.entropixSpacing4,
+          paddingBottom: bt.entropixSpacing4
+        },
+        style
+      ],
+      children
+    }
+  );
+}
+
+export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger };
+//# sourceMappingURL=chunk-PVTPOJRU.js.map
+//# sourceMappingURL=chunk-PVTPOJRU.js.map