@entropix/react-native 0.3.0 → 1.0.1

package/dist/accordion.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var chunkQ7TEJ62Q_cjs = require('./chunk-Q7TEJ62Q.cjs');
+require('./chunk-P5NAXMSC.cjs');
+require('./chunk-BOUIB4OY.cjs');
+
+
+
+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; }
+});
+//# sourceMappingURL=accordion.cjs.map
+//# sourceMappingURL=accordion.cjs.map

package/dist/accordion.d.cts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { StyleProp, ViewStyle, PressableProps, TextStyle } from 'react-native';
+import { UseAccordionOptions } from '@entropix/core';
+
+interface AccordionProps extends UseAccordionOptions {
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+declare function Accordion({ children, style, ...options }: AccordionProps): react_jsx_runtime.JSX.Element;
+
+interface AccordionItemProps {
+    value: string;
+    /** Whether this is the last item (hides bottom border). Auto-detected if omitted. */
+    isLast?: boolean;
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+declare function AccordionItem({ value, isLast, children, style, }: AccordionItemProps): react_jsx_runtime.JSX.Element;
+
+interface AccordionTriggerProps extends Omit<PressableProps, "onPress" | "style" | "children"> {
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    textStyle?: TextStyle;
+}
+declare function AccordionTrigger({ children, style, textStyle, ...rest }: AccordionTriggerProps): react_jsx_runtime.JSX.Element;
+
+interface AccordionPanelProps {
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+declare function AccordionPanel({ children, style }: AccordionPanelProps): react_jsx_runtime.JSX.Element | null;
+
+export { Accordion, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };

package/dist/accordion.d.ts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { StyleProp, ViewStyle, PressableProps, TextStyle } from 'react-native';
+import { UseAccordionOptions } from '@entropix/core';
+
+interface AccordionProps extends UseAccordionOptions {
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+declare function Accordion({ children, style, ...options }: AccordionProps): react_jsx_runtime.JSX.Element;
+
+interface AccordionItemProps {
+    value: string;
+    /** Whether this is the last item (hides bottom border). Auto-detected if omitted. */
+    isLast?: boolean;
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+declare function AccordionItem({ value, isLast, children, style, }: AccordionItemProps): react_jsx_runtime.JSX.Element;
+
+interface AccordionTriggerProps extends Omit<PressableProps, "onPress" | "style" | "children"> {
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    textStyle?: TextStyle;
+}
+declare function AccordionTrigger({ children, style, textStyle, ...rest }: AccordionTriggerProps): react_jsx_runtime.JSX.Element;
+
+interface AccordionPanelProps {
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+declare function AccordionPanel({ children, style }: AccordionPanelProps): react_jsx_runtime.JSX.Element | null;
+
+export { Accordion, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };

package/dist/accordion.js

@@ -0,0 +1,5 @@
+export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger } from './chunk-PVTPOJRU.js';
+import './chunk-73BDGPZT.js';
+import './chunk-ZYOTKLBG.js';
+//# sourceMappingURL=accordion.js.map
+//# sourceMappingURL=accordion.js.map

package/dist/button.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunkXND7AIKO_cjs = require('./chunk-XND7AIKO.cjs');
+require('./chunk-P5NAXMSC.cjs');
+require('./chunk-BOUIB4OY.cjs');
+
+
+
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () { return chunkXND7AIKO_cjs.Button; }
+});
+//# sourceMappingURL=button.cjs.map
+//# sourceMappingURL=button.cjs.map

package/dist/button.d.cts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { PressableProps, StyleProp, ViewStyle, TextStyle } from 'react-native';
+
+type ButtonVariant = "primary" | "secondary" | "outline" | "ghost" | "danger";
+type ButtonSize = "sm" | "md" | "lg";
+interface ButtonProps extends Omit<PressableProps, "disabled" | "onPress" | "style" | "children"> {
+    /** Called when the button is pressed */
+    onPress?: () => void;
+    /** Whether the button is disabled */
+    disabled?: boolean;
+    /** Whether the button is in a loading state */
+    loading?: boolean;
+    /** Visual variant. Default: "primary" */
+    variant?: ButtonVariant;
+    /** Size. Default: "md" */
+    size?: ButtonSize;
+    /** Override container style */
+    style?: StyleProp<ViewStyle>;
+    /** Override label text style */
+    textStyle?: TextStyle;
+    children?: React.ReactNode;
+}
+/**
+ * Button — styled React Native button with variant and size support.
+ *
+ * ```tsx
+ * <Button variant="primary" size="md" onPress={handlePress}>
+ *   Save Changes
+ * </Button>
+ * ```
+ */
+declare function Button({ onPress, disabled, loading, variant, size, style, textStyle, children, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+export { Button, type ButtonProps, type ButtonSize, type ButtonVariant };

package/dist/button.d.ts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { PressableProps, StyleProp, ViewStyle, TextStyle } from 'react-native';
+
+type ButtonVariant = "primary" | "secondary" | "outline" | "ghost" | "danger";
+type ButtonSize = "sm" | "md" | "lg";
+interface ButtonProps extends Omit<PressableProps, "disabled" | "onPress" | "style" | "children"> {
+    /** Called when the button is pressed */
+    onPress?: () => void;
+    /** Whether the button is disabled */
+    disabled?: boolean;
+    /** Whether the button is in a loading state */
+    loading?: boolean;
+    /** Visual variant. Default: "primary" */
+    variant?: ButtonVariant;
+    /** Size. Default: "md" */
+    size?: ButtonSize;
+    /** Override container style */
+    style?: StyleProp<ViewStyle>;
+    /** Override label text style */
+    textStyle?: TextStyle;
+    children?: React.ReactNode;
+}
+/**
+ * Button — styled React Native button with variant and size support.
+ *
+ * ```tsx
+ * <Button variant="primary" size="md" onPress={handlePress}>
+ *   Save Changes
+ * </Button>
+ * ```
+ */
+declare function Button({ onPress, disabled, loading, variant, size, style, textStyle, children, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+export { Button, type ButtonProps, type ButtonSize, type ButtonVariant };

package/dist/button.js

@@ -0,0 +1,5 @@
+export { Button } from './chunk-45KMMZUT.js';
+import './chunk-73BDGPZT.js';
+import './chunk-ZYOTKLBG.js';
+//# sourceMappingURL=button.js.map
+//# sourceMappingURL=button.js.map

package/dist/checkbox.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunkIRQWSFCZ_cjs = require('./chunk-IRQWSFCZ.cjs');
+require('./chunk-P5NAXMSC.cjs');
+require('./chunk-BOUIB4OY.cjs');
+
+
+
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () { return chunkIRQWSFCZ_cjs.Checkbox; }
+});
+//# sourceMappingURL=checkbox.cjs.map
+//# sourceMappingURL=checkbox.cjs.map

package/dist/checkbox.d.cts

@@ -0,0 +1,41 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { PressableProps, StyleProp, ViewStyle, TextStyle } from 'react-native';
+
+type CheckboxSize = "sm" | "md" | "lg";
+interface CheckboxProps extends Omit<PressableProps, "disabled" | "onPress" | "style" | "children"> {
+    /** Controlled checked state */
+    checked?: boolean;
+    /** Default checked state for uncontrolled mode */
+    defaultChecked?: boolean;
+    /** Called when checked state changes */
+    onChange?: (checked: boolean) => void;
+    /** Whether the checkbox is disabled */
+    disabled?: boolean;
+    /** Whether the checkbox is in an indeterminate state */
+    indeterminate?: boolean;
+    /** Accessible label */
+    label?: string;
+    /** Size variant. Default: "md" */
+    size?: CheckboxSize;
+    /** Override container style */
+    style?: StyleProp<ViewStyle>;
+    /** Override label text style */
+    textStyle?: TextStyle;
+    children?: React.ReactNode;
+}
+/**
+ * Checkbox -- styled checkbox with indicator box and label.
+ *
+ * Renders a row with a square indicator (filled when checked with
+ * a checkmark, dash when indeterminate) and a text label.
+ *
+ * ```tsx
+ * <Checkbox onChange={setAccepted} label="Accept Terms">
+ *   I agree to the terms and conditions
+ * </Checkbox>
+ * ```
+ */
+declare function Checkbox({ checked, defaultChecked, onChange, disabled, indeterminate, label, size, style, textStyle, children, ...rest }: CheckboxProps): react_jsx_runtime.JSX.Element;
+
+export { Checkbox, type CheckboxProps, type CheckboxSize };

package/dist/checkbox.d.ts

@@ -0,0 +1,41 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { PressableProps, StyleProp, ViewStyle, TextStyle } from 'react-native';
+
+type CheckboxSize = "sm" | "md" | "lg";
+interface CheckboxProps extends Omit<PressableProps, "disabled" | "onPress" | "style" | "children"> {
+    /** Controlled checked state */
+    checked?: boolean;
+    /** Default checked state for uncontrolled mode */
+    defaultChecked?: boolean;
+    /** Called when checked state changes */
+    onChange?: (checked: boolean) => void;
+    /** Whether the checkbox is disabled */
+    disabled?: boolean;
+    /** Whether the checkbox is in an indeterminate state */
+    indeterminate?: boolean;
+    /** Accessible label */
+    label?: string;
+    /** Size variant. Default: "md" */
+    size?: CheckboxSize;
+    /** Override container style */
+    style?: StyleProp<ViewStyle>;
+    /** Override label text style */
+    textStyle?: TextStyle;
+    children?: React.ReactNode;
+}
+/**
+ * Checkbox -- styled checkbox with indicator box and label.
+ *
+ * Renders a row with a square indicator (filled when checked with
+ * a checkmark, dash when indeterminate) and a text label.
+ *
+ * ```tsx
+ * <Checkbox onChange={setAccepted} label="Accept Terms">
+ *   I agree to the terms and conditions
+ * </Checkbox>
+ * ```
+ */
+declare function Checkbox({ checked, defaultChecked, onChange, disabled, indeterminate, label, size, style, textStyle, children, ...rest }: CheckboxProps): react_jsx_runtime.JSX.Element;
+
+export { Checkbox, type CheckboxProps, type CheckboxSize };

package/dist/checkbox.js

@@ -0,0 +1,5 @@
+export { Checkbox } from './chunk-C6HF6QXK.js';
+import './chunk-73BDGPZT.js';
+import './chunk-ZYOTKLBG.js';
+//# sourceMappingURL=checkbox.js.map
+//# sourceMappingURL=checkbox.js.map

package/dist/chunk-2SQB7RNT.cjs

@@ -0,0 +1,110 @@
+'use strict';
+
+var chunkP5NAXMSC_cjs = require('./chunk-P5NAXMSC.cjs');
+var chunkBOUIB4OY_cjs = require('./chunk-BOUIB4OY.cjs');
+var reactNative = require('react-native');
+var core = require('@entropix/core');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+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 } = chunkBOUIB4OY_cjs.useTheme();
+  const { getTabListProps } = useTabsContext();
+  const propGetterReturn = getTabListProps();
+  const rnAccessibility = chunkP5NAXMSC_cjs.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 } = chunkBOUIB4OY_cjs.useTheme();
+  const { getTabProps, selectedKey } = useTabsContext();
+  const propGetterReturn = getTabProps(value);
+  const rnAccessibility = chunkP5NAXMSC_cjs.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 } = chunkBOUIB4OY_cjs.useTheme();
+  const { getTabPanelProps, selectedKey } = useTabsContext();
+  const propGetterReturn = getTabPanelProps(value);
+  const rnAccessibility = chunkP5NAXMSC_cjs.mapAccessibilityToRN(propGetterReturn.accessibility);
+  if (selectedKey !== value) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.View,
+    {
+      ...rnAccessibility,
+      style: [{ padding: bt.entropixSpacing4 }, style],
+      children
+    }
+  );
+}
+
+exports.Tab = Tab;
+exports.TabList = TabList;
+exports.TabPanel = TabPanel;
+exports.Tabs = Tabs;
+//# sourceMappingURL=chunk-2SQB7RNT.cjs.map
+//# sourceMappingURL=chunk-2SQB7RNT.cjs.map

package/dist/chunk-3MHE2C74.js

@@ -0,0 +1,143 @@
+import { mapAccessibilityToRN } from './chunk-73BDGPZT.js';
+import { useTheme } from './chunk-ZYOTKLBG.js';
+import { View, Text, Pressable } from 'react-native';
+import { useRadioGroup } from '@entropix/core';
+import { createContext, useCallback, useContext } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var RadioGroupContext = createContext(null);
+function useRadioGroupContext() {
+  const context = 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 = useRadioGroup(options);
+  const propGetterReturn = radioGroup.getRadioGroupProps();
+  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
+  if (label) {
+    rnAccessibility.accessibilityLabel = label;
+  }
+  return /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: radioGroup, children: /* @__PURE__ */ jsxs(
+    View,
+    {
+      ...rnAccessibility,
+      testID,
+      style: [
+        {
+          gap: bt.entropixSpacing2
+        },
+        style
+      ],
+      children: [
+        label ? /* @__PURE__ */ jsx(
+          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 = useCallback(() => {
+    propGetterReturn.onAction?.();
+  }, [propGetterReturn.onAction]);
+  return /* @__PURE__ */ jsxs(
+    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__ */ jsx(
+          View,
+          {
+            style: {
+              width: 20,
+              height: 20,
+              borderRadius: 10,
+              borderWidth: 2,
+              borderColor: isChecked ? t.entropixColorActionPrimaryDefault : t.entropixColorBorderDefault,
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            children: isChecked ? /* @__PURE__ */ jsx(
+              View,
+              {
+                style: {
+                  width: 10,
+                  height: 10,
+                  borderRadius: 5,
+                  backgroundColor: t.entropixColorActionPrimaryDefault
+                }
+              }
+            ) : null
+          }
+        ),
+        typeof children === "string" ? /* @__PURE__ */ jsx(
+          Text,
+          {
+            style: [
+              {
+                fontSize: bt.entropixFontSizeSm,
+                color: t.entropixColorTextPrimary
+              },
+              textStyle
+            ],
+            children
+          }
+        ) : children
+      ]
+    }
+  );
+}
+
+export { RadioGroup, RadioItem };
+//# sourceMappingURL=chunk-3MHE2C74.js.map
+//# sourceMappingURL=chunk-3MHE2C74.js.map

package/dist/chunk-45KMMZUT.js

@@ -0,0 +1,131 @@
+import { mapAccessibilityToRN } from './chunk-73BDGPZT.js';
+import { useTheme } from './chunk-ZYOTKLBG.js';
+import { useCallback } from 'react';
+import { Pressable, Text } from 'react-native';
+import { useButton } from '@entropix/core';
+import { jsx } from 'react/jsx-runtime';
+
+function Button({
+  onPress,
+  disabled,
+  loading,
+  variant = "primary",
+  size = "md",
+  style,
+  textStyle,
+  children,
+  ...rest
+}) {
+  const { tokens: t, baseTokens: bt } = useTheme();
+  const { isDisabled, isLoading, getButtonProps } = useButton({
+    disabled,
+    loading,
+    onPress,
+    elementType: "div"
+  });
+  const propGetterReturn = getButtonProps();
+  const rnAccessibility = mapAccessibilityToRN(propGetterReturn.accessibility);
+  const handlePress = 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__ */ jsx(
+    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__ */ jsx(
+        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;
+  }
+}
+
+export { Button };
+//# sourceMappingURL=chunk-45KMMZUT.js.map
+//# sourceMappingURL=chunk-45KMMZUT.js.map