elseware-ui 2.40.3 → 3.0.0

package/dist/index.native.d.mts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { B as ButtonProps } from './resolveGlobalConfigs-CcaOIQCE.mjs';
+export { a as ButtonIcon, b as ButtonMode, E as EUIComponentDefaults, c as EUIConfigs, d as EUIProvider, e as EUIRoute, r as resolveWithGlobal, u as useEUIConfig } from './resolveGlobalConfigs-CcaOIQCE.mjs';
+
+declare function Button({ icon, text, children, loading, disabled, block, compact, mode, buttonColor, textColor, contentClassName, labelClassName, className, variant, appearance, shape, size, style, contentStyle, labelStyle, accessibilityRole, accessibilityState, type: _type, onClick: _onClick, onMouseMove: _onMouseMove, onPress, ...rest }: ButtonProps): React.JSX.Element;
+
+export { Button, ButtonProps };

package/dist/index.native.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { B as ButtonProps } from './resolveGlobalConfigs-CcaOIQCE.js';
+export { a as ButtonIcon, b as ButtonMode, E as EUIComponentDefaults, c as EUIConfigs, d as EUIProvider, e as EUIRoute, r as resolveWithGlobal, u as useEUIConfig } from './resolveGlobalConfigs-CcaOIQCE.js';
+
+declare function Button({ icon, text, children, loading, disabled, block, compact, mode, buttonColor, textColor, contentClassName, labelClassName, className, variant, appearance, shape, size, style, contentStyle, labelStyle, accessibilityRole, accessibilityState, type: _type, onClick: _onClick, onMouseMove: _onMouseMove, onPress, ...rest }: ButtonProps): React.JSX.Element;
+
+export { Button, ButtonProps };

package/dist/index.native.js

@@ -0,0 +1,351 @@
+'use strict';
+
+var reactNative = require('react-native');
+var tailwindMerge = require('tailwind-merge');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var jsxRuntime$1 = require('nativewind/jsx-runtime');
+
+// src/components/data-entry/button/native/Button.native.tsx
+
+// node_modules/clsx/dist/clsx.mjs
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+var clsx_default = clsx;
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx_default(inputs));
+}
+
+// src/utils/styles.ts
+function resolveAppearanceStyles({
+  appearance = "solid",
+  variant = "default",
+  solid,
+  lite,
+  ghost
+}) {
+  switch (appearance) {
+    case "ghost":
+      return ghost[variant];
+    case "lite":
+      return lite[variant];
+    default:
+      return solid[variant];
+  }
+}
+var EUIContext = react.createContext(null);
+var EUIProvider = ({
+  config,
+  children
+}) => {
+  const [state, setState] = react.useState(config);
+  return /* @__PURE__ */ jsxRuntime.jsx(EUIContext.Provider, { value: { config: state, setConfig: setState }, children });
+};
+var useEUIConfig = () => {
+  const ctx = react.useContext(EUIContext);
+  if (!ctx) {
+    throw new Error("useEUIConfig must be used inside EUIProvider");
+  }
+  return ctx;
+};
+
+// src/components/eui/resolveGlobalConfigs.tsx
+function resolveWithGlobal(config, props, defaults) {
+  return {
+    ...defaults,
+    ...config?.global ?? {},
+    ...props
+  };
+}
+
+// src/components/data-entry/button/base/Button.config.ts
+var buttonModeAppearance = {
+  contained: "solid",
+  "contained-tonal": "lite",
+  outlined: "ghost",
+  text: "ghost"
+};
+function useResolvedButtonConfig({
+  compact = false,
+  mode,
+  variant,
+  appearance,
+  shape,
+  size
+}) {
+  const eui = useEUIConfig();
+  const configuredSize = size ?? eui?.config?.global?.size ?? "md";
+  return {
+    shape: shape ?? eui?.config?.global?.shape ?? "square",
+    size: compact && configuredSize === "md" ? "sm" : configuredSize,
+    variant: variant ?? eui?.config?.global?.variant ?? "success",
+    appearance: appearance ?? (mode ? buttonModeAppearance[mode] : "solid")
+  };
+}
+
+// src/data/styles.tsx
+var variantsSolid = {
+  ["default" /* default */]: "bg-gray-300 text-gray-900 hover:bg-gray-200 dark:bg-gray-700 dark:text-gray-100 dark:hover:bg-gray-600",
+  ["primary" /* primary */]: "bg-gradient-to-r from-eui-primary-500 to-eui-primary-600 text-white hover:brightness-110",
+  ["secondary" /* secondary */]: "bg-gradient-to-r from-eui-secondary-600 to-eui-secondary-500 text-white hover:brightness-110",
+  ["success" /* success */]: "bg-gradient-to-r from-eui-success-600 to-eui-success-500 text-white hover:brightness-110",
+  ["danger" /* danger */]: "bg-gradient-to-r from-eui-danger-600 to-eui-danger-500 text-white hover:brightness-110",
+  ["warning" /* warning */]: "bg-gradient-to-r from-eui-warning-500 to-eui-warning-400 text-black hover:brightness-105",
+  ["info" /* info */]: "bg-gradient-to-r from-eui-info-600 to-eui-info-500 text-white hover:brightness-110",
+  ["light" /* light */]: "bg-gradient-to-r from-eui-light-400 to-eui-light-300 text-gray-900 hover:brightness-105 dark:from-gray-200 dark:to-gray-100 dark:text-gray-900",
+  ["dark" /* dark */]: "bg-gradient-to-r from-eui-dark-400 to-eui-dark-500 text-white hover:brightness-110 dark:from-eui-dark-300 dark:to-eui-dark-400"
+};
+var variantsLite = {
+  ["default" /* default */]: "bg-gray-500/10 border border-gray-300 text-gray-700 dark:bg-gray-400/10 dark:border-gray-700 dark:text-gray-200",
+  ["primary" /* primary */]: "bg-eui-primary-500/10 border border-eui-primary-500/30 text-eui-primary-400 dark:text-eui-primary-300",
+  ["secondary" /* secondary */]: "bg-eui-secondary-500/10 border border-eui-secondary-500/30 text-eui-secondary-500 dark:text-eui-secondary-400",
+  ["success" /* success */]: "bg-eui-success-500/10 border border-eui-success-500/30 text-eui-success-500 dark:text-eui-success-400",
+  ["danger" /* danger */]: "bg-eui-danger-500/10 border border-eui-danger-500/30 text-eui-danger-500 dark:text-eui-danger-400",
+  ["warning" /* warning */]: "bg-eui-warning-500/10 border border-eui-warning-500/30 text-eui-warning-600 dark:text-eui-warning-400",
+  ["info" /* info */]: "bg-eui-info-500/10 border border-eui-info-500/30 text-eui-info-500 dark:text-eui-info-400",
+  ["light" /* light */]: "bg-white/40 border border-white/30 text-gray-800 dark:bg-white/10 dark:border-white/10 dark:text-gray-100",
+  ["dark" /* dark */]: "bg-eui-dark-500/10 border border-eui-dark-500/30 text-eui-dark-500 dark:text-eui-dark-300"
+};
+var variantsGhost = {
+  ["default" /* default */]: "bg-transparent border border-gray-300 text-gray-700 hover:bg-gray-100 dark:border-gray-700 dark:text-gray-200 dark:hover:bg-gray-800",
+  ["primary" /* primary */]: "bg-transparent border border-eui-primary-500 text-eui-primary-500 hover:bg-eui-primary-500/10 dark:text-eui-primary-300 dark:border-eui-primary-400",
+  ["secondary" /* secondary */]: "bg-transparent border border-eui-secondary-500 text-eui-secondary-500 hover:bg-eui-secondary-500/10 dark:text-eui-secondary-400 dark:border-eui-secondary-400",
+  ["success" /* success */]: "bg-transparent border border-eui-success-500 text-eui-success-500 hover:bg-eui-success-500/10 dark:text-eui-success-400 dark:border-eui-success-400",
+  ["danger" /* danger */]: "bg-transparent border border-eui-danger-500 text-eui-danger-500 hover:bg-eui-danger-500/10 dark:text-eui-danger-400 dark:border-eui-danger-400",
+  ["warning" /* warning */]: "bg-transparent border border-eui-warning-500 text-eui-warning-600 hover:bg-eui-warning-500/10 dark:text-eui-warning-400 dark:border-eui-warning-400",
+  ["info" /* info */]: "bg-transparent border border-eui-info-500 text-eui-info-500 hover:bg-eui-info-500/10 dark:text-eui-info-400 dark:border-eui-info-400",
+  ["light" /* light */]: "bg-transparent border border-gray-300 text-gray-700 hover:bg-white/10 dark:border-gray-500 dark:text-gray-100 dark:hover:bg-white/5",
+  ["dark" /* dark */]: "bg-transparent border border-eui-dark-500 text-eui-dark-500 hover:bg-eui-dark-500/10 dark:text-eui-dark-300 dark:border-eui-dark-300"
+};
+var shapes = {
+  ["square" /* square */]: "rounded-none",
+  ["roundedSquare" /* roundedSquare */]: "rounded-md",
+  ["softRoundedSquare" /* softRoundedSquare */]: "rounded-lg",
+  ["circle" /* circle */]: "rounded-full"
+};
+
+// src/components/data-entry/button/base/Button.styles.ts
+var buttonShapes = shapes;
+var buttonIconSizes = {
+  xs: 14,
+  sm: 16,
+  md: 18,
+  lg: 20,
+  xl: 22
+};
+function resolveButtonVariantStyles({
+  appearance,
+  variant
+}) {
+  return resolveAppearanceStyles({
+    appearance,
+    variant,
+    solid: variantsSolid,
+    lite: variantsLite,
+    ghost: variantsGhost
+  });
+}
+function getButtonTextColorClassName(className) {
+  return className.split(/\s+/).filter(
+    (token) => token.startsWith("text-") || token.startsWith("dark:text-") || token.startsWith("disabled:text-")
+  ).join(" ");
+}
+
+// src/components/data-entry/button/native/Button.native.styles.ts
+var nativeButtonSizes = {
+  xs: {
+    rootClassName: "min-h-[30px] px-2.5 py-1",
+    labelClassName: "text-xs leading-[14px]",
+    slotClassName: "h-[14px] w-[14px]"
+  },
+  sm: {
+    rootClassName: "min-h-9 px-3 py-1.5",
+    labelClassName: "text-sm leading-4",
+    slotClassName: "h-4 w-4"
+  },
+  md: {
+    rootClassName: "min-h-11 px-4 py-2",
+    labelClassName: "text-[15px] leading-[18px]",
+    slotClassName: "h-[18px] w-[18px]"
+  },
+  lg: {
+    rootClassName: "min-h-[50px] px-[18px] py-3",
+    labelClassName: "text-[17px] leading-5",
+    slotClassName: "h-5 w-5"
+  },
+  xl: {
+    rootClassName: "min-h-14 px-[22px] py-4",
+    labelClassName: "text-[19px] leading-[22px]",
+    slotClassName: "h-[22px] w-[22px]"
+  }
+};
+var nativeLabelBaseStyle = {
+  includeFontPadding: false,
+  textAlignVertical: "center"
+};
+function Button({
+  icon,
+  text,
+  children,
+  loading = false,
+  disabled = false,
+  block = false,
+  compact = false,
+  mode,
+  buttonColor,
+  textColor,
+  contentClassName,
+  labelClassName,
+  className,
+  variant,
+  appearance,
+  shape,
+  size,
+  style,
+  contentStyle,
+  labelStyle,
+  accessibilityRole = "button",
+  accessibilityState,
+  type: _type,
+  onClick: _onClick,
+  onMouseMove: _onMouseMove,
+  onPress,
+  ...rest
+}) {
+  const {
+    shape: resolvedShape,
+    size: resolvedSize,
+    variant: resolvedVariant,
+    appearance: resolvedAppearance
+  } = useResolvedButtonConfig({
+    compact,
+    mode,
+    variant,
+    appearance,
+    shape,
+    size
+  });
+  const metrics = nativeButtonSizes[resolvedSize];
+  const iconSize = buttonIconSizes[resolvedSize];
+  const variantStyles = resolveButtonVariantStyles({
+    appearance: resolvedAppearance,
+    variant: resolvedVariant
+  });
+  const textColorClassName = getButtonTextColorClassName(variantStyles);
+  const rootStyle = {
+    ...mode === "text" ? {
+      backgroundColor: "transparent",
+      borderColor: "transparent"
+    } : null,
+    ...buttonColor && mode !== "text" ? {
+      backgroundColor: buttonColor,
+      borderColor: buttonColor
+    } : null,
+    ...!buttonColor && textColor && resolvedAppearance !== "solid" ? { borderColor: textColor } : null
+  };
+  const labelTextStyle = textColor ? { color: textColor } : null;
+  const content = text ?? children;
+  const resolvedIcon = typeof icon === "function" ? icon({ color: textColor ?? "currentColor", size: iconSize }) : icon;
+  return /* @__PURE__ */ jsxRuntime$1.jsx(
+    reactNative.Pressable,
+    {
+      ...rest,
+      accessibilityRole,
+      accessibilityState: {
+        disabled: disabled || loading,
+        ...accessibilityState
+      },
+      className: cn(
+        "relative items-center justify-center overflow-hidden",
+        variantStyles,
+        buttonShapes[resolvedShape],
+        metrics.rootClassName,
+        block && "w-full",
+        mode === "text" && "border-transparent bg-transparent",
+        (disabled || loading) && "opacity-55",
+        !disabled && !loading && "active:opacity-80",
+        className
+      ),
+      disabled: disabled || loading,
+      onPress,
+      style: ({ pressed }) => [
+        rootStyle,
+        pressed && !disabled && !loading ? { opacity: 0.82 } : null,
+        disabled || loading ? { opacity: 0.55 } : null,
+        style
+      ],
+      children: /* @__PURE__ */ jsxRuntime$1.jsxs(
+        reactNative.View,
+        {
+          className: cn(
+            "z-10 flex-row items-center justify-center gap-2",
+            contentClassName
+          ),
+          style: contentStyle,
+          children: [
+            loading ? /* @__PURE__ */ jsxRuntime$1.jsx(
+              reactNative.View,
+              {
+                className: cn(
+                  "shrink-0 items-center justify-center",
+                  metrics.slotClassName
+                ),
+                children: /* @__PURE__ */ jsxRuntime$1.jsx(
+                  reactNative.ActivityIndicator,
+                  {
+                    className: textColorClassName,
+                    color: textColor,
+                    size: "small"
+                  }
+                )
+              }
+            ) : null,
+            !loading && resolvedIcon ? /* @__PURE__ */ jsxRuntime$1.jsx(
+              reactNative.View,
+              {
+                className: cn(
+                  "shrink-0 items-center justify-center",
+                  metrics.slotClassName
+                ),
+                children: resolvedIcon
+              }
+            ) : null,
+            typeof content === "string" || typeof content === "number" ? /* @__PURE__ */ jsxRuntime$1.jsx(reactNative.View, { className: "items-center justify-center", children: /* @__PURE__ */ jsxRuntime$1.jsx(
+              reactNative.Text,
+              {
+                className: cn(
+                  "font-bold",
+                  metrics.labelClassName,
+                  textColorClassName,
+                  labelClassName
+                ),
+                numberOfLines: 1,
+                style: [nativeLabelBaseStyle, labelTextStyle, labelStyle],
+                children: content
+              }
+            ) }) : content
+          ]
+        }
+      )
+    }
+  );
+}
+var Button_native_default = Button;
+
+exports.Button = Button_native_default;
+exports.EUIProvider = EUIProvider;
+exports.resolveWithGlobal = resolveWithGlobal;
+exports.useEUIConfig = useEUIConfig;
+//# sourceMappingURL=index.native.js.map
+//# sourceMappingURL=index.native.js.map

package/dist/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../node_modules/clsx/dist/clsx.mjs","../src/utils/cn.ts","../src/utils/styles.ts","../src/components/eui/EUIProvider.tsx","../src/components/eui/resolveGlobalConfigs.tsx","../src/components/data-entry/button/base/Button.config.ts","../src/data/styles.tsx","../src/components/data-entry/button/base/Button.styles.ts","../src/components/data-entry/button/native/Button.native.styles.ts","../src/components/data-entry/button/native/Button.native.tsx"],"names":["twMerge","createContext","useState","jsx","useContext","Pressable","jsxs","View","ActivityIndicator","Text"],"mappings":"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","file":"index.native.js","sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import { ClassValue } from \"clsx\";\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import { Appearance, Variant } from \"../types\";\n\ninterface ResolveAppearanceStylesProps<T> {\n  appearance?: Appearance;\n  variant: Variant;\n  solid: Record<Variant, T>;\n  lite: Record<Variant, T>;\n  ghost: Record<Variant, T>;\n}\n\nexport function resolveAppearanceStyles<T = string>({\n  appearance = \"solid\",\n  variant = \"default\",\n  solid,\n  lite,\n  ghost,\n}: ResolveAppearanceStylesProps<T>): T {\n  switch (appearance) {\n    case \"ghost\":\n      return ghost[variant];\n\n    case \"lite\":\n      return lite[variant];\n\n    default:\n      return solid[variant];\n  }\n}\n","import React, { createContext, useContext, useState } from \"react\";\nimport { EUIConfigs } from \"./EUITypes\";\n\ninterface EUIContextValue {\n  config: EUIConfigs;\n  setConfig: React.Dispatch<React.SetStateAction<EUIConfigs>>;\n}\n\nconst EUIContext = createContext<EUIContextValue | null>(null);\n\nexport const EUIProvider = ({\n  config,\n  children,\n}: {\n  config: EUIConfigs;\n  children: React.ReactNode;\n}) => {\n  const [state, setState] = useState<EUIConfigs>(config);\n\n  return (\n    <EUIContext.Provider value={{ config: state, setConfig: setState }}>\n      {children}\n    </EUIContext.Provider>\n  );\n};\n\nexport const useEUIConfig = () => {\n  const ctx = useContext(EUIContext);\n  if (!ctx) {\n    throw new Error(\"useEUIConfig must be used inside EUIProvider\");\n  }\n  return ctx;\n};\n","import { EUIConfigs } from \"./EUITypes\";\n\nexport function resolveWithGlobal<T>(\n  config: EUIConfigs | null,\n  props: T,\n  defaults: Partial<T>,\n): T {\n  return {\n    ...defaults,\n    ...(config?.global ?? {}),\n    ...props,\n  } as T;\n}\n","import { useEUIConfig } from \"../../../eui\";\n\nimport type { Appearance, Shape, Size, Variant } from \"../../../../types\";\nimport type { ButtonMode, ButtonProps } from \"./Button.types\";\n\nexport const buttonModeAppearance: Record<ButtonMode, Appearance> = {\n  contained: \"solid\",\n  \"contained-tonal\": \"lite\",\n  outlined: \"ghost\",\n  text: \"ghost\",\n};\n\nexport interface ResolvedButtonConfig {\n  shape: Shape;\n  size: Size;\n  variant: Variant;\n  appearance: Appearance;\n}\n\nexport function useResolvedButtonConfig({\n  compact = false,\n  mode,\n  variant,\n  appearance,\n  shape,\n  size,\n}: Pick<\n  ButtonProps,\n  \"compact\" | \"mode\" | \"variant\" | \"appearance\" | \"shape\" | \"size\"\n>): ResolvedButtonConfig {\n  const eui = useEUIConfig();\n  const configuredSize = size ?? eui?.config?.global?.size ?? \"md\";\n\n  return {\n    shape: shape ?? eui?.config?.global?.shape ?? \"square\",\n    size: compact && configuredSize === \"md\" ? \"sm\" : configuredSize,\n    variant: variant ?? eui?.config?.global?.variant ?? \"success\",\n    appearance: appearance ?? (mode ? buttonModeAppearance[mode] : \"solid\"),\n  };\n}\n","import {\n  Decoration,\n  Shape,\n  Target,\n  ToastPosition,\n  ToastStatus,\n  Variant,\n} from \"./enums\";\n\nexport const variantsSolid: Record<Variant, string> = {\n  [Variant.default]:\n    \"bg-gray-300 text-gray-900 hover:bg-gray-200 dark:bg-gray-700 dark:text-gray-100 dark:hover:bg-gray-600\",\n  [Variant.primary]:\n    \"bg-gradient-to-r from-eui-primary-500 to-eui-primary-600 text-white hover:brightness-110\",\n  [Variant.secondary]:\n    \"bg-gradient-to-r from-eui-secondary-600 to-eui-secondary-500 text-white hover:brightness-110\",\n  [Variant.success]:\n    \"bg-gradient-to-r from-eui-success-600 to-eui-success-500 text-white hover:brightness-110\",\n  [Variant.danger]:\n    \"bg-gradient-to-r from-eui-danger-600 to-eui-danger-500 text-white hover:brightness-110\",\n  [Variant.warning]:\n    \"bg-gradient-to-r from-eui-warning-500 to-eui-warning-400 text-black hover:brightness-105\",\n  [Variant.info]:\n    \"bg-gradient-to-r from-eui-info-600 to-eui-info-500 text-white hover:brightness-110\",\n  [Variant.light]:\n    \"bg-gradient-to-r from-eui-light-400 to-eui-light-300 text-gray-900 hover:brightness-105 dark:from-gray-200 dark:to-gray-100 dark:text-gray-900\",\n  [Variant.dark]:\n    \"bg-gradient-to-r from-eui-dark-400 to-eui-dark-500 text-white hover:brightness-110 dark:from-eui-dark-300 dark:to-eui-dark-400\",\n};\n\nexport const variantsLite: Record<Variant, string> = {\n  [Variant.default]:\n    \"bg-gray-500/10 border border-gray-300 text-gray-700 dark:bg-gray-400/10 dark:border-gray-700 dark:text-gray-200\",\n  [Variant.primary]:\n    \"bg-eui-primary-500/10 border border-eui-primary-500/30 text-eui-primary-400 dark:text-eui-primary-300\",\n  [Variant.secondary]:\n    \"bg-eui-secondary-500/10 border border-eui-secondary-500/30 text-eui-secondary-500 dark:text-eui-secondary-400\",\n  [Variant.success]:\n    \"bg-eui-success-500/10 border border-eui-success-500/30 text-eui-success-500 dark:text-eui-success-400\",\n  [Variant.danger]:\n    \"bg-eui-danger-500/10 border border-eui-danger-500/30 text-eui-danger-500 dark:text-eui-danger-400\",\n  [Variant.warning]:\n    \"bg-eui-warning-500/10 border border-eui-warning-500/30 text-eui-warning-600 dark:text-eui-warning-400\",\n  [Variant.info]:\n    \"bg-eui-info-500/10 border border-eui-info-500/30 text-eui-info-500 dark:text-eui-info-400\",\n  [Variant.light]:\n    \"bg-white/40 border border-white/30 text-gray-800 dark:bg-white/10 dark:border-white/10 dark:text-gray-100\",\n  [Variant.dark]:\n    \"bg-eui-dark-500/10 border border-eui-dark-500/30 text-eui-dark-500 dark:text-eui-dark-300\",\n};\n\nexport const variantsGhost: Record<Variant, string> = {\n  [Variant.default]:\n    \"bg-transparent border border-gray-300 text-gray-700 hover:bg-gray-100 dark:border-gray-700 dark:text-gray-200 dark:hover:bg-gray-800\",\n  [Variant.primary]:\n    \"bg-transparent border border-eui-primary-500 text-eui-primary-500 hover:bg-eui-primary-500/10 dark:text-eui-primary-300 dark:border-eui-primary-400\",\n  [Variant.secondary]:\n    \"bg-transparent border border-eui-secondary-500 text-eui-secondary-500 hover:bg-eui-secondary-500/10 dark:text-eui-secondary-400 dark:border-eui-secondary-400\",\n  [Variant.success]:\n    \"bg-transparent border border-eui-success-500 text-eui-success-500 hover:bg-eui-success-500/10 dark:text-eui-success-400 dark:border-eui-success-400\",\n  [Variant.danger]:\n    \"bg-transparent border border-eui-danger-500 text-eui-danger-500 hover:bg-eui-danger-500/10 dark:text-eui-danger-400 dark:border-eui-danger-400\",\n  [Variant.warning]:\n    \"bg-transparent border border-eui-warning-500 text-eui-warning-600 hover:bg-eui-warning-500/10 dark:text-eui-warning-400 dark:border-eui-warning-400\",\n  [Variant.info]:\n    \"bg-transparent border border-eui-info-500 text-eui-info-500 hover:bg-eui-info-500/10 dark:text-eui-info-400 dark:border-eui-info-400\",\n  [Variant.light]:\n    \"bg-transparent border border-gray-300 text-gray-700 hover:bg-white/10 dark:border-gray-500 dark:text-gray-100 dark:hover:bg-white/5\",\n  [Variant.dark]:\n    \"bg-transparent border border-eui-dark-500 text-eui-dark-500 hover:bg-eui-dark-500/10 dark:text-eui-dark-300 dark:border-eui-dark-300\",\n};\n\nexport const textVariants: Record<Variant, string> = {\n  [Variant.default]: \"eui-text-md\",\n  [Variant.primary]: \"text-blue-500\",\n  [Variant.secondary]: \"text-gray-500\",\n  [Variant.success]: \"text-green-500\",\n  [Variant.danger]: \"text-red-500\",\n  [Variant.warning]: \"text-yellow-500\",\n  [Variant.info]: \"text-blue-400\",\n  [Variant.light]: \"text-gray-300\",\n  [Variant.dark]: \"text-gray-900\",\n};\n\nexport const borderVariants: Record<Variant, string> = {\n  [Variant.default]: \"border-gray-300\",\n  [Variant.primary]: \"border-eui-primary-500\",\n  [Variant.secondary]: \"border-eui-secondary-500\",\n  [Variant.success]: \"border-eui-success-500\",\n  [Variant.danger]: \"border-eui-danger-500\",\n  [Variant.warning]: \"border-eui-warning-500\",\n  [Variant.info]: \"border-eui-info-500\",\n  [Variant.light]: \"border-eui-light-500\",\n  [Variant.dark]: \"border-eui-dark-500\",\n};\n\nexport const decorations: Record<Decoration, string> = {\n  [Decoration.underline]: \"underline\",\n  [Decoration.overline]: \"overline\",\n  [Decoration.lineThrough]: \"line-through\",\n  [Decoration.noUnderline]: \"no-underline\",\n};\n\nexport const targets: Record<Target, string> = {\n  [Target.blank]: \"_blank\",\n  [Target.self]: \"_self\",\n  [Target.parent]: \"_parent\",\n  [Target.top]: \"_top\",\n};\n\nexport const shapes: Record<Shape, string> = {\n  [Shape.square]: \"rounded-none\",\n  [Shape.roundedSquare]: \"rounded-md\",\n  [Shape.softRoundedSquare]: \"rounded-lg\",\n  [Shape.circle]: \"rounded-full\",\n};\n\nexport const cardBorderVariants: Record<Variant, string> = {\n  [Variant.default]: \"border-white/10\",\n  [Variant.primary]: \"border-eui-primary-500/30\",\n  [Variant.secondary]: \"border-eui-secondary-500/30\",\n  [Variant.success]: \"border-eui-success-500/30\",\n  [Variant.danger]: \"border-eui-danger-500/30\",\n  [Variant.warning]: \"border-eui-warning-500/30\",\n  [Variant.info]: \"border-eui-info-500/30\",\n  [Variant.light]: \"border-eui-light-500/30\",\n  [Variant.dark]: \"border-eui-dark-500/30\",\n};\n\nexport const cardHoverBorderVariants: Record<Variant, string> = {\n  [Variant.default]: \"hover:border-white/20\",\n  [Variant.primary]: \"hover:border-eui-primary-500\",\n  [Variant.secondary]: \"hover:border-eui-secondary-500\",\n  [Variant.success]: \"hover:border-eui-success-500\",\n  [Variant.danger]: \"hover:border-eui-danger-500\",\n  [Variant.warning]: \"hover:border-eui-warning-500\",\n  [Variant.info]: \"hover:border-eui-info-500\",\n  [Variant.light]: \"hover:border-eui-light-500\",\n  [Variant.dark]: \"hover:border-eui-dark-500\",\n};\n\nexport const cardBgVariants: Record<Variant, string> = {\n  [Variant.default]: \"bg-white/5\",\n  [Variant.primary]: \"bg-eui-primary-500/10\",\n  [Variant.secondary]: \"bg-eui-secondary-500/10\",\n  [Variant.success]: \"bg-eui-success-500/10\",\n  [Variant.danger]: \"bg-eui-danger-500/10\",\n  [Variant.warning]: \"bg-eui-warning-500/10\",\n  [Variant.info]: \"bg-eui-info-500/10\",\n  [Variant.light]: \"bg-eui-light-500/10\",\n  [Variant.dark]: \"bg-eui-dark-500/20\",\n};\n\nexport const checkboxVariants: Record<Variant, string> = {\n  [Variant.default]:\n    \"checked:bg-gray-600 checked:border-gray-600 dark:checked:bg-gray-500 dark:checked:border-gray-500\",\n\n  [Variant.primary]:\n    \"checked:bg-eui-primary-600 checked:border-eui-primary-600 dark:checked:bg-eui-primary-500 dark:checked:border-eui-primary-500\",\n\n  [Variant.secondary]:\n    \"checked:bg-eui-secondary-600 checked:border-eui-secondary-600 dark:checked:bg-eui-secondary-500 dark:checked:border-eui-secondary-500\",\n\n  [Variant.success]:\n    \"checked:bg-eui-success-600 checked:border-eui-success-600 dark:checked:bg-eui-success-500 dark:checked:border-eui-success-500\",\n\n  [Variant.danger]:\n    \"checked:bg-eui-danger-600 checked:border-eui-danger-600 dark:checked:bg-eui-danger-500 dark:checked:border-eui-danger-500\",\n\n  [Variant.warning]:\n    \"checked:bg-eui-warning-500 checked:border-eui-warning-500 dark:checked:bg-eui-warning-400 dark:checked:border-eui-warning-400\",\n\n  [Variant.info]:\n    \"checked:bg-eui-info-600 checked:border-eui-info-600 dark:checked:bg-eui-info-500 dark:checked:border-eui-info-500\",\n\n  [Variant.light]:\n    \"checked:bg-eui-light-400 checked:border-eui-light-400 dark:checked:bg-gray-200 dark:checked:border-gray-200\",\n\n  [Variant.dark]:\n    \"checked:bg-eui-dark-500 checked:border-eui-dark-500 dark:checked:bg-eui-dark-300 dark:checked:border-eui-dark-300\",\n};\n\nexport const toastPositionStyles: Record<ToastPosition, string> = {\n  [ToastPosition.topLeft]: \"top-4 left-4 items-start\",\n  [ToastPosition.topCenter]: \"top-4 left-1/2 -translate-x-1/2 items-center\",\n  [ToastPosition.topRight]: \"top-4 right-4 items-end\",\n\n  [ToastPosition.bottomLeft]: \"bottom-4 left-4 items-start\",\n  [ToastPosition.bottomCenter]:\n    \"bottom-4 left-1/2 -translate-x-1/2 items-center\",\n  [ToastPosition.bottomRight]: \"bottom-4 right-4 items-end\",\n};\n\nexport type ToastDisplayVariant =\n  | Variant.default\n  | Variant.success\n  | Variant.warning\n  | Variant.danger\n  | Variant.info;\n\nexport interface ToastVariantStyle {\n  root: string;\n  icon: string;\n  progress: string;\n  title: string;\n  message: string;\n}\n\nexport const toastStatusVariantMap: Record<ToastStatus, ToastDisplayVariant> = {\n  [ToastStatus.default]: Variant.default,\n  [ToastStatus.success]: Variant.success,\n  [ToastStatus.warning]: Variant.warning,\n  [ToastStatus.error]: Variant.danger,\n  [ToastStatus.danger]: Variant.danger,\n  [ToastStatus.info]: Variant.info,\n};\n\nexport const toastVariantStyles: Record<\n  ToastDisplayVariant,\n  ToastVariantStyle\n> = {\n  [Variant.default]: {\n    root: \"border-gray-200 bg-white text-gray-900 shadow-xl dark:border-gray-700 dark:bg-gray-900 dark:text-white\",\n    icon: \"bg-gray-100 text-gray-700 dark:bg-gray-800 dark:text-gray-200\",\n    progress: \"bg-gray-500\",\n    title: \"text-gray-950 dark:text-white\",\n    message: \"text-gray-600 dark:text-gray-300\",\n  },\n\n  [Variant.success]: {\n    root: \"border-eui-success-500/30 bg-eui-success-500/10 text-eui-success-700 shadow-xl dark:border-eui-success-400/40 dark:bg-eui-success-500/15 dark:text-eui-success-300\",\n    icon: \"bg-eui-success-500/15 text-eui-success-600 dark:bg-eui-success-500/20 dark:text-eui-success-300\",\n    progress: \"bg-eui-success-500\",\n    title: \"text-eui-success-700 dark:text-eui-success-300\",\n    message: \"text-eui-success-600 dark:text-eui-success-300/80\",\n  },\n\n  [Variant.warning]: {\n    root: \"border-eui-warning-500/30 bg-eui-warning-500/10 text-eui-warning-700 shadow-xl dark:border-eui-warning-400/40 dark:bg-eui-warning-500/15 dark:text-eui-warning-300\",\n    icon: \"bg-eui-warning-500/15 text-eui-warning-600 dark:bg-eui-warning-500/20 dark:text-eui-warning-300\",\n    progress: \"bg-eui-warning-500\",\n    title: \"text-eui-warning-700 dark:text-eui-warning-300\",\n    message: \"text-eui-warning-600 dark:text-eui-warning-300/80\",\n  },\n\n  [Variant.danger]: {\n    root: \"border-eui-danger-500/30 bg-eui-danger-500/10 text-eui-danger-700 shadow-xl dark:border-eui-danger-400/40 dark:bg-eui-danger-500/15 dark:text-eui-danger-300\",\n    icon: \"bg-eui-danger-500/15 text-eui-danger-600 dark:bg-eui-danger-500/20 dark:text-eui-danger-300\",\n    progress: \"bg-eui-danger-500\",\n    title: \"text-eui-danger-700 dark:text-eui-danger-300\",\n    message: \"text-eui-danger-600 dark:text-eui-danger-300/80\",\n  },\n\n  [Variant.info]: {\n    root: \"border-eui-info-500/30 bg-eui-info-500/10 text-eui-info-700 shadow-xl dark:border-eui-info-400/40 dark:bg-eui-info-500/15 dark:text-eui-info-300\",\n    icon: \"bg-eui-info-500/15 text-eui-info-600 dark:bg-eui-info-500/20 dark:text-eui-info-300\",\n    progress: \"bg-eui-info-500\",\n    title: \"text-eui-info-700 dark:text-eui-info-300\",\n    message: \"text-eui-info-600 dark:text-eui-info-300/80\",\n  },\n};\n\nexport const toastShapeStyles: Record<Shape, string> = {\n  [Shape.circle]: \"!rounded-3xl\",\n  [Shape.roundedSquare]: \"!rounded-lg\",\n  [Shape.softRoundedSquare]: \"!rounded-3xl\",\n  [Shape.square]: \"!rounded-none\",\n};\n","import {\n  shapes,\n  variantsGhost,\n  variantsLite,\n  variantsSolid,\n} from \"../../../../data/styles\";\nimport type { Shape, Size } from \"../../../../types\";\nimport { resolveAppearanceStyles } from \"../../../../utils\";\nimport type { ResolvedButtonConfig } from \"./Button.config\";\n\nexport const buttonShapes: Record<Shape, string> = shapes;\n\nexport const buttonIconSizes: Record<Size, number> = {\n  xs: 14,\n  sm: 16,\n  md: 18,\n  lg: 20,\n  xl: 22,\n};\n\nexport function resolveButtonVariantStyles({\n  appearance,\n  variant,\n}: Pick<ResolvedButtonConfig, \"appearance\" | \"variant\">): string {\n  return resolveAppearanceStyles({\n    appearance,\n    variant,\n    solid: variantsSolid,\n    lite: variantsLite,\n    ghost: variantsGhost,\n  });\n}\n\nexport function getButtonTextColorClassName(className: string): string {\n  return className\n    .split(/\\s+/)\n    .filter(\n      (token) =>\n        token.startsWith(\"text-\") ||\n        token.startsWith(\"dark:text-\") ||\n        token.startsWith(\"disabled:text-\"),\n    )\n    .join(\" \");\n}\n","import type { Size } from \"../../../../types\";\n\nexport const nativeButtonSizes: Record<\n  Size,\n  {\n    rootClassName: string;\n    labelClassName: string;\n    slotClassName: string;\n  }\n> = {\n  xs: {\n    rootClassName: \"min-h-[30px] px-2.5 py-1\",\n    labelClassName: \"text-xs leading-[14px]\",\n    slotClassName: \"h-[14px] w-[14px]\",\n  },\n  sm: {\n    rootClassName: \"min-h-9 px-3 py-1.5\",\n    labelClassName: \"text-sm leading-4\",\n    slotClassName: \"h-4 w-4\",\n  },\n  md: {\n    rootClassName: \"min-h-11 px-4 py-2\",\n    labelClassName: \"text-[15px] leading-[18px]\",\n    slotClassName: \"h-[18px] w-[18px]\",\n  },\n  lg: {\n    rootClassName: \"min-h-[50px] px-[18px] py-3\",\n    labelClassName: \"text-[17px] leading-5\",\n    slotClassName: \"h-5 w-5\",\n  },\n  xl: {\n    rootClassName: \"min-h-14 px-[22px] py-4\",\n    labelClassName: \"text-[19px] leading-[22px]\",\n    slotClassName: \"h-[22px] w-[22px]\",\n  },\n};\n","/** @jsxImportSource nativewind */\n// External\nimport { ActivityIndicator, Pressable, Text, View } from \"react-native\";\n\n// Internal\nimport { cn } from \"../../../../utils\";\nimport {\n  getButtonTextColorClassName,\n  resolveButtonVariantStyles,\n  useResolvedButtonConfig,\n} from \"../base\";\n\n// Types\nimport type { ButtonProps } from \"../base\";\n\n// Data\nimport { buttonIconSizes, buttonShapes } from \"../base\";\nimport { nativeButtonSizes } from \"./Button.native.styles\";\n\nconst nativeLabelBaseStyle = {\n  includeFontPadding: false,\n  textAlignVertical: \"center\",\n} as const;\n\nfunction Button({\n  icon,\n  text,\n  children,\n  loading = false,\n  disabled = false,\n  block = false,\n  compact = false,\n  mode,\n  buttonColor,\n  textColor,\n  contentClassName,\n  labelClassName,\n  className,\n  variant,\n  appearance,\n  shape,\n  size,\n  style,\n  contentStyle,\n  labelStyle,\n  accessibilityRole = \"button\",\n  accessibilityState,\n  type: _type,\n  onClick: _onClick,\n  onMouseMove: _onMouseMove,\n  onPress,\n  ...rest\n}: ButtonProps) {\n  const {\n    shape: resolvedShape,\n    size: resolvedSize,\n    variant: resolvedVariant,\n    appearance: resolvedAppearance,\n  } = useResolvedButtonConfig({\n    compact,\n    mode,\n    variant,\n    appearance,\n    shape,\n    size,\n  });\n\n  const metrics = nativeButtonSizes[resolvedSize];\n  const iconSize = buttonIconSizes[resolvedSize];\n  const variantStyles = resolveButtonVariantStyles({\n    appearance: resolvedAppearance,\n    variant: resolvedVariant,\n  });\n  const textColorClassName = getButtonTextColorClassName(variantStyles);\n  const rootStyle = {\n    ...(mode === \"text\"\n      ? {\n          backgroundColor: \"transparent\",\n          borderColor: \"transparent\",\n        }\n      : null),\n    ...(buttonColor && mode !== \"text\"\n      ? {\n          backgroundColor: buttonColor,\n          borderColor: buttonColor,\n        }\n      : null),\n    ...(!buttonColor && textColor && resolvedAppearance !== \"solid\"\n      ? { borderColor: textColor }\n      : null),\n  };\n  const labelTextStyle = textColor ? { color: textColor } : null;\n  const content = text ?? children;\n  const resolvedIcon =\n    typeof icon === \"function\"\n      ? icon({ color: textColor ?? \"currentColor\", size: iconSize })\n      : icon;\n\n  return (\n    <Pressable\n      {...rest}\n      accessibilityRole={accessibilityRole}\n      accessibilityState={{\n        disabled: disabled || loading,\n        ...(accessibilityState as object),\n      }}\n      className={cn(\n        \"relative items-center justify-center overflow-hidden\",\n        variantStyles,\n        buttonShapes[resolvedShape],\n        metrics.rootClassName,\n        block && \"w-full\",\n        mode === \"text\" && \"border-transparent bg-transparent\",\n        (disabled || loading) && \"opacity-55\",\n        !disabled && !loading && \"active:opacity-80\",\n        className,\n      )}\n      disabled={disabled || loading}\n      onPress={onPress}\n      style={({ pressed }: { pressed: boolean }) => [\n        rootStyle,\n        pressed && !disabled && !loading ? { opacity: 0.82 } : null,\n        disabled || loading ? { opacity: 0.55 } : null,\n        style,\n      ]}\n    >\n      <View\n        className={cn(\n          \"z-10 flex-row items-center justify-center gap-2\",\n          contentClassName,\n        )}\n        style={contentStyle}\n      >\n        {loading ? (\n          <View\n            className={cn(\n              \"shrink-0 items-center justify-center\",\n              metrics.slotClassName,\n            )}\n          >\n            <ActivityIndicator\n              className={textColorClassName}\n              color={textColor}\n              size=\"small\"\n            />\n          </View>\n        ) : null}\n        {!loading && resolvedIcon ? (\n          <View\n            className={cn(\n              \"shrink-0 items-center justify-center\",\n              metrics.slotClassName,\n            )}\n          >\n            {resolvedIcon}\n          </View>\n        ) : null}\n        {typeof content === \"string\" || typeof content === \"number\" ? (\n          <View className=\"items-center justify-center\">\n            <Text\n              className={cn(\n                \"font-bold\",\n                metrics.labelClassName,\n                textColorClassName,\n                labelClassName,\n              )}\n              numberOfLines={1}\n              style={[nativeLabelBaseStyle, labelTextStyle, labelStyle]}\n            >\n              {content}\n            </Text>\n          </View>\n        ) : (\n          content\n        )}\n      </View>\n    </Pressable>\n  );\n}\n\nexport default Button;\n"]}