@chekinapp/ui 0.0.7 → 0.0.8

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import { ReactNode, ElementType, InputHTMLAttributes, ComponentProps, PropsWithChildren, MouseEvent, SVGProps, FC, ImgHTMLAttributes, ComponentType, AnchorHTMLAttributes, ForwardedRef, ButtonHTMLAttributes, HTMLAttributes, TdHTMLAttributes, ThHTMLAttributes, ComponentPropsWithoutRef, ReactElement, TextareaHTMLAttributes } from 'react';
+import { ReactNode, ElementType, InputHTMLAttributes, ComponentProps, PropsWithChildren, MouseEvent, SVGProps, FC, ImgHTMLAttributes, ComponentType, AnchorHTMLAttributes, ForwardedRef, ButtonHTMLAttributes, HTMLAttributes, TdHTMLAttributes, ThHTMLAttributes, ComponentPropsWithoutRef, ReactElement, TextareaHTMLAttributes, FocusEventHandler } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
@@ -2224,6 +2224,7 @@ type DatePickerProps = {
     value?: DatePickerValue;
     defaultValue?: DatePickerValue;
     onChange: (value: Date | null) => void;
+    onBlur?: React$1.FocusEventHandler<HTMLButtonElement>;
     placeholder?: string;
     disabled?: boolean;
     error?: string;
@@ -2400,6 +2401,7 @@ type PhoneFieldProps = {
     topLabel?: string;
     value?: PhoneFieldValue | null;
     onChange: (value: PhoneFieldValue) => void;
+    onBlur?: React$1.FocusEventHandler<HTMLInputElement>;
     options: PhoneFieldOption[];
     placeholder?: string;
     disabled?: boolean;
@@ -2439,11 +2441,13 @@ type SelectRenderTriggerProps<T = undefined, V extends SelectValue = string, L e
     triggerRef: React$1.Ref<HTMLButtonElement>;
     onClick: () => void;
     onKeyDown: React$1.KeyboardEventHandler<HTMLButtonElement>;
+    onBlur?: React$1.FocusEventHandler<HTMLButtonElement>;
 };
 type AirbnbSelectProps<T = undefined, V extends SelectValue = string, L extends string | number | React$1.ReactNode = string> = {
-    options: SelectOption<T, V, L>[];
+    options?: SelectOption<T, V, L>[];
     value?: SelectOption<T, V, L> | null;
     onChange: (option: SelectOption<T, V, L>) => void;
+    onBlur?: React$1.FocusEventHandler<HTMLButtonElement>;
     variant?: 'default' | 'airbnb';
     label: string;
     topLabel?: string;
@@ -2481,6 +2485,7 @@ type SearchableSelectProps<T = undefined, V extends SearchableSelectValue = stri
     options: SelectOption<T, V, L>[];
     value?: SelectOption<T, V, L> | null;
     onChange: (option: SelectOption<T, V, L>) => void;
+    onBlur?: FocusEventHandler<HTMLButtonElement>;
     onOpenChange?: (open: boolean) => void;
     searchValue?: string;
     onSearchChange?: (value: string) => void;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import { ReactNode, ElementType, InputHTMLAttributes, ComponentProps, PropsWithChildren, MouseEvent, SVGProps, FC, ImgHTMLAttributes, ComponentType, AnchorHTMLAttributes, ForwardedRef, ButtonHTMLAttributes, HTMLAttributes, TdHTMLAttributes, ThHTMLAttributes, ComponentPropsWithoutRef, ReactElement, TextareaHTMLAttributes } from 'react';
+import { ReactNode, ElementType, InputHTMLAttributes, ComponentProps, PropsWithChildren, MouseEvent, SVGProps, FC, ImgHTMLAttributes, ComponentType, AnchorHTMLAttributes, ForwardedRef, ButtonHTMLAttributes, HTMLAttributes, TdHTMLAttributes, ThHTMLAttributes, ComponentPropsWithoutRef, ReactElement, TextareaHTMLAttributes, FocusEventHandler } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
@@ -2224,6 +2224,7 @@ type DatePickerProps = {
     value?: DatePickerValue;
     defaultValue?: DatePickerValue;
     onChange: (value: Date | null) => void;
+    onBlur?: React$1.FocusEventHandler<HTMLButtonElement>;
     placeholder?: string;
     disabled?: boolean;
     error?: string;
@@ -2400,6 +2401,7 @@ type PhoneFieldProps = {
     topLabel?: string;
     value?: PhoneFieldValue | null;
     onChange: (value: PhoneFieldValue) => void;
+    onBlur?: React$1.FocusEventHandler<HTMLInputElement>;
     options: PhoneFieldOption[];
     placeholder?: string;
     disabled?: boolean;
@@ -2439,11 +2441,13 @@ type SelectRenderTriggerProps<T = undefined, V extends SelectValue = string, L e
     triggerRef: React$1.Ref<HTMLButtonElement>;
     onClick: () => void;
     onKeyDown: React$1.KeyboardEventHandler<HTMLButtonElement>;
+    onBlur?: React$1.FocusEventHandler<HTMLButtonElement>;
 };
 type AirbnbSelectProps<T = undefined, V extends SelectValue = string, L extends string | number | React$1.ReactNode = string> = {
-    options: SelectOption<T, V, L>[];
+    options?: SelectOption<T, V, L>[];
     value?: SelectOption<T, V, L> | null;
     onChange: (option: SelectOption<T, V, L>) => void;
+    onBlur?: React$1.FocusEventHandler<HTMLButtonElement>;
     variant?: 'default' | 'airbnb';
     label: string;
     topLabel?: string;
@@ -2481,6 +2485,7 @@ type SearchableSelectProps<T = undefined, V extends SearchableSelectValue = stri
     options: SelectOption<T, V, L>[];
     value?: SelectOption<T, V, L> | null;
     onChange: (option: SelectOption<T, V, L>) => void;
+    onBlur?: FocusEventHandler<HTMLButtonElement>;
     onOpenChange?: (open: boolean) => void;
     searchValue?: string;
     onSearchChange?: (value: string) => void;

package/dist/index.js

@@ -8937,6 +8937,7 @@ var DatePicker = React30.forwardRef(
     value,
     defaultValue,
     onChange,
+    onBlur,
     placeholder = "Select a date",
     disabled,
     error,
@@ -9078,6 +9079,7 @@ var DatePicker = React30.forwardRef(
           "aria-expanded": isOpen,
           onClick: handleTriggerClick,
           onKeyDown: handleTriggerKeyDown,
+          onBlur,
           trailingAdornment: /* @__PURE__ */ jsx121(Calendar2, { className: "h-5 w-5 text-[#1F1F1B]", strokeWidth: 2 })
         }
       ),
@@ -9749,7 +9751,8 @@ var SelectTrigger2 = React32.forwardRef(
     listboxId,
     describedBy,
     onClick,
-    onKeyDown
+    onKeyDown,
+    onBlur
   }, ref) => {
     return /* @__PURE__ */ jsx128(
       FieldTrigger,
@@ -9779,6 +9782,7 @@ var SelectTrigger2 = React32.forwardRef(
         disabled,
         onClick,
         onKeyDown,
+        onBlur,
         trailingAdornment: /* @__PURE__ */ jsx128(
           ChevronDown,
           {
@@ -10195,9 +10199,10 @@ function useOutsideClick(elementRef, onOutsideClick, nested) {
 // src/airbnb/select/Select.tsx
 import { jsx as jsx129, jsxs as jsxs83 } from "react/jsx-runtime";
 var AirbnbSelect = React36.forwardRef(function AirbnbSelect2({
-  options,
+  options = [],
   value,
   onChange,
+  onBlur,
   variant = "default",
   label,
   topLabel,
@@ -10391,7 +10396,8 @@ var AirbnbSelect = React36.forwardRef(function AirbnbSelect2({
           describedBy,
           triggerRef: combinedRef,
           onClick: handleTriggerClick,
-          onKeyDown: handleRootTriggerKeyDown
+          onKeyDown: handleRootTriggerKeyDown,
+          onBlur
         }) : /* @__PURE__ */ jsx129(
           SelectTrigger2,
           {
@@ -10416,7 +10422,8 @@ var AirbnbSelect = React36.forwardRef(function AirbnbSelect2({
             listboxId,
             describedBy,
             onClick: handleTriggerClick,
-            onKeyDown: handleRootTriggerKeyDown
+            onKeyDown: handleRootTriggerKeyDown,
+            onBlur
           }
         ),
         isMobile ? /* @__PURE__ */ jsx129(
@@ -10486,6 +10493,7 @@ var PhoneField = React37.forwardRef(
     topLabel,
     value,
     onChange,
+    onBlur,
     options,
     placeholder = "Phone number",
     disabled,
@@ -10506,7 +10514,7 @@ var PhoneField = React37.forwardRef(
     const codeOptions = React37.useMemo(
       () => options.map((option) => ({
         value: option.value,
-        label: option.label,
+        label: `${option.label} (${option.value})`,
         disabled: option.disabled
       })),
       [options]
@@ -10641,7 +10649,8 @@ var PhoneField = React37.forwardRef(
             onChange: (event) => onChange({
               code: value?.code ?? "",
               number: event.target.value
-            })
+            }),
+            onBlur
           }
         )
       ] }),
@@ -10709,6 +10718,7 @@ var SearchableSelectInternal = ({
   options,
   value,
   onChange,
+  onBlur,
   onOpenChange,
   searchValue,
   onSearchChange,
@@ -10926,6 +10936,7 @@ var SearchableSelectInternal = ({
               openSelect();
             },
             onKeyDown: handleTriggerKeyDown,
+            onBlur,
             trailingAdornment: /* @__PURE__ */ jsx132(
               ChevronDown3,
               {