elseware-ui 3.3.0 → 3.5.0

package/dist/index.native.d.ts

@@ -1,3 +1,4 @@
 export * from "./components/index.native";
-export * from "./components/eui";
+export * from "./providers/eui";
+export * from "./data/z-order";
 //# sourceMappingURL=index.native.d.ts.map

package/dist/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../src/index.native.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../src/index.native.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC"}

package/dist/index.native.mjs

@@ -1,15 +1,12 @@
 import { createContext, forwardRef, useContext, useState, useRef, useEffect } from 'react';
+import { jsx as jsx$1 } from 'react/jsx-runtime';
 import { View, ActivityIndicator, Text, Pressable, Animated, Easing, TextInput, Modal, ScrollView } from 'react-native';
 import clsx from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { jsx as jsx$1 } from 'react/jsx-runtime';
 import { jsx, jsxs } from 'nativewind/jsx-runtime';
-import { Formik, ErrorMessage, useField } from 'formik';
+import { useField, Formik, ErrorMessage } from 'formik';
 
-// src/components/data-entry/button/native/Button.native.tsx
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
+// src/providers/eui/EUIProvider.tsx
 var EUIContext = createContext(null);
 var EUIProvider = ({
   config,
@@ -26,7 +23,7 @@ var useEUIConfig = () => {
   return ctx;
 };
 
-// src/components/eui/resolveGlobalConfigs.tsx
+// src/providers/eui/resolveGlobalConfigs.ts
 function resolveWithGlobal(config, props, defaults) {
   return {
     ...defaults,
@@ -60,7 +57,7 @@ function useResolvedButtonConfig({
   };
 }
 
-// src/data/styles.tsx
+// src/data/styles.ts
 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-eui-primary-500 text-white hover:bg-eui-primary-600",
@@ -271,6 +268,9 @@ function useButton(props) {
     rootRest
   };
 }
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
 var NATIVE_ROOT = "relative items-center justify-center overflow-hidden";
 var nativeLabelBaseStyle = {
   includeFontPadding: false,
@@ -414,6 +414,7 @@ var checkboxShapes = shapes;
 var checkboxGroupClassName = "flex flex-col gap-2";
 var checkboxOptionRowClassName = "flex flex-row items-start gap-3";
 var checkboxLabelClassName = "cursor-pointer select-none text-sm leading-relaxed text-gray-800 dark:text-gray-200";
+var checkboxIndicatorBaseClassName = "relative h-5 w-5 min-h-[1.25rem] min-w-[1.25rem] shrink-0 appearance-none border-2 border-gray-300 bg-white transition-all duration-300 hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-eui-primary-500/30 dark:border-neutral-600 dark:bg-neutral-900 dark:hover:border-neutral-500";
 var checkboxIndicatorDisabledClassName = "cursor-not-allowed opacity-50";
 
 // src/components/data-entry/checkbox/native/Checkbox.native.styles.ts
@@ -636,8 +637,27 @@ function Checkbox(checkboxProps) {
     errorText ? /* @__PURE__ */ jsx(Text, { className: "px-2 py-1 text-sm font-medium text-eui-danger-500", children: errorText }) : null
   ] });
 }
+function useResolvedDateSelectorConfig({
+  label,
+  placeholder,
+  shape
+}) {
+  const eui = useEUIConfig();
+  return {
+    label: label ?? placeholder,
+    shape: shape ?? eui?.config?.global?.shape ?? "square"
+  };
+}
+function useDateSelectorFieldState(props) {
+  const [field, meta, helpers] = useField(props);
+  return {
+    field,
+    helpers,
+    meta
+  };
+}
 
-// src/data/styles/shared.styles.tsx
+// src/data/styles/shared.styles.ts
 var inputShapes = shapes;
 var inputInlineInsetPx = 12;
 var inputInlineInsetClassName = "left-3";
@@ -653,6 +673,9 @@ var inputControlClassName = "w-full bg-transparent pt-5 pb-2 text-base font-norm
 // src/components/data-entry/input/input-label/base/InputLabel.styles.ts
 var inputLabelStaticClassName = "pointer-events-none select-none px-0 text-[13.5px] leading-none text-[#6B7280]";
 var inputLabelBaseClassName = `pointer-events-none absolute ${inputInlineInsetClassName} z-10 select-none bg-transparent px-0 font-medium leading-none`;
+var inputLabelTransitionClassName = "transition-all duration-200 ease-out";
+var inputLabelRestingClassName = "top-[18px] translate-y-0 text-base leading-none text-[#6B7280]";
+var inputLabelFloatingClassName = "top-1.5 translate-y-0 text-xs leading-none text-[#6B7280]";
 var inputLabelErrorClassName = "text-[#6B7280]";
 var inputLabelDisabledClassName = "opacity-60";
 var nativeInputLabelColors = {
@@ -807,25 +830,6 @@ var nativeInputControlStyle = {
   outlineColor: "transparent",
   textAlignVertical: "center"
 };
-function useResolvedDateSelectorConfig({
-  label,
-  placeholder,
-  shape
-}) {
-  const eui = useEUIConfig();
-  return {
-    label: label ?? placeholder,
-    shape: shape ?? eui?.config?.global?.shape ?? "square"
-  };
-}
-function useDateSelectorFieldState(props) {
-  const [field, meta, helpers] = useField(props);
-  return {
-    field,
-    helpers,
-    meta
-  };
-}
 function DateSelector(dateSelectorProps) {
   const {
     disabled = false,
@@ -1241,6 +1245,23 @@ function getInputFileName(file) {
   }
   return "";
 }
+function isAcceptedInputFile(file, accept) {
+  if (!accept) {
+    return true;
+  }
+  const acceptedTypes = accept.split(",").map((acceptedType) => acceptedType.trim().toLowerCase()).filter(Boolean);
+  const fileName = file.name.toLowerCase();
+  const fileType = file.type.toLowerCase();
+  return acceptedTypes.some((acceptedType) => {
+    if (acceptedType.startsWith(".")) {
+      return fileName.endsWith(acceptedType);
+    }
+    if (acceptedType.endsWith("/*")) {
+      return fileType.startsWith(acceptedType.replace("/*", "/"));
+    }
+    return fileType === acceptedType;
+  });
+}
 function InputFile(inputFileProps) {
   const {
     disabled = false,
@@ -1883,6 +1904,28 @@ function TextArea(textAreaProps) {
   ] });
 }
 
-export { Button_native_default as Button, Checkbox, DateSelector, EUIProvider, Form, FormResponse, Input, InputFile, InputLabel, InputResponse, Select, Tags, TextArea, resolveWithGlobal, useEUIConfig };
+// src/data/z-order.ts
+var Z_INDEX = Object.freeze({
+  base: 0,
+  raisedContent: 10,
+  localOverlay: 20,
+  stickyContent: 100,
+  select: 200,
+  header: 300,
+  sidebar: 310,
+  dropdown: 400,
+  backdrop: 500,
+  drawerBackdrop: 510,
+  drawer: 520,
+  cookieBanner: 600,
+  loadingOverlay: 650,
+  toast: 700,
+  modalBackdrop: 800,
+  modal: 810,
+  tooltip: 900,
+  windowTitleBar: 1e3
+});
+
+export { Button_native_default as Button, Checkbox, DateSelector, EUIProvider, Form, FormObservers, FormResponse, Input, InputFile, InputLabel, InputResponse, Select, Tags, TextArea, Z_INDEX, addTagToList, buttonModeAppearance, buttonShapes, buttonSizeTokens, buttonTextModeClassName, checkboxGroupClassName, checkboxIndicatorBaseClassName, checkboxIndicatorDisabledClassName, checkboxLabelClassName, checkboxOptionRowClassName, checkboxShapes, chunkCheckboxOptions, formResponseSizeStyles, getInputFileName, getSelectOptionLabel, getTagsValue, getTextAreaCharacterCount, inputLabelBaseClassName, inputLabelDisabledClassName, inputLabelErrorClassName, inputLabelFloatingClassName, inputLabelRestingClassName, inputLabelStaticClassName, inputLabelTransitionClassName, inputResponseBaseClassName, inputResponseVariants, isAcceptedInputFile, isMultiCheckbox, nativeInputLabelColors, nativeInputLabelMetrics, nativeInputLabelStyle, removeTagFromList, renderFormChildren, resolveButtonVariantStyles, resolveCheckboxColumns, resolveFormResponseStyles, resolveInputType, resolveWithGlobal, useButton, useCheckboxFieldState, useDateSelectorFieldState, useEUIConfig, useInputFieldState, useInputFileFieldState, useResolvedButtonConfig, useResolvedCheckboxConfig, useResolvedDateSelectorConfig, useResolvedInputConfig, useResolvedInputFileConfig, useResolvedSelectConfig, useResolvedTagsConfig, useResolvedTextAreaConfig, useSelectFieldState, useTagsFieldState, useTextAreaFieldState };
 //# sourceMappingURL=index.native.mjs.map
 //# sourceMappingURL=index.native.mjs.map