@konstructio/ui 0.1.2-alpha.27 → 0.1.2-alpha.29

package/dist/index.d.ts

@@ -21,6 +21,7 @@ import { ReactNode } from 'react';
 import * as ReactTabs from '@radix-ui/react-tabs';
 import { Ref } from 'react';
 import { RefAttributes } from 'react';
+import { RegionCode } from 'google-libphonenumber';
 import { RowData as RowData_2 } from '@tanstack/react-table';
 import { SliderProps } from '@radix-ui/react-slider';
 import { TabsContentProps } from '@radix-ui/react-tabs';
@@ -312,13 +313,13 @@ export declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes
 
 declare interface InputProps extends InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
     error?: string;
+    helperText?: string;
+    helperTextClassName?: string;
+    isRequired?: boolean;
+    isSearch?: boolean;
     label?: string | ReactNode;
     labelClassName?: string;
     theme?: Theme;
-    isRequired?: boolean;
-    isSearch?: boolean;
-    helperText?: string;
-    helperTextClassName?: string;
 }
 
 declare const inputVariants: (props?: ({
@@ -487,7 +488,9 @@ declare type Option_5 = {
     variant?: BadgeProps['variant'];
 };
 
-export declare const PieChart: FC<Props_2>;
+export declare const PhoneNumberInput: FC<Props_2>;
+
+export declare const PieChart: FC<Props_3>;
 
 export declare const ProgressBar: FC<ProgressBarProps>;
 
@@ -515,10 +518,26 @@ declare type Props = {
     options: Option_4[];
 };
 
+declare type Props_2 = InputHTMLAttributes<HTMLInputElement> & {
+    name?: string;
+    label?: string;
+    isRequired?: boolean;
+    wrapperClassName?: string;
+    defaultCountryCode?: RegionCode;
+    showNameOnSearch?: boolean;
+    showFlagOnSearch?: boolean;
+    showInputFilter?: boolean;
+    disabled?: boolean;
+    labelClassName?: string;
+    helperText?: string;
+    helperTextClassName?: string;
+    error?: string;
+};
+
 /**
  * Props for the PieChart component
  */
-declare type Props_2 = {
+declare type Props_3 = {
     /**
      * Array of hexadecimal colors for the borders of the pie chart segments
      * @default ['#FFFFFF', '#FFFFFF']
@@ -593,11 +612,11 @@ declare type Props_2 = {
     subtitle?: string;
 });
 
-declare type Props_3<TData extends RowData> = CellContext<TData, string> & {
+declare type Props_4<TData extends RowData> = CellContext<TData, string> & {
     value?: string;
 };
 
-declare type Props_4<TData extends RowData_2> = VariantProps<typeof virtualizeTableVariants> & {
+declare type Props_5<TData extends RowData_2> = VariantProps<typeof virtualizeTableVariants> & {
     id: string | string[];
     ariaLabel?: string;
     columns: ColumnDef_2<TData, string>[];
@@ -646,7 +665,7 @@ declare type Props_4<TData extends RowData_2> = VariantProps<typeof virtualizeTa
     showResetButton?: never;
 });
 
-declare type Props_5<TData extends RowData> = CellContext<TData, unknown> & {
+declare type Props_6<TData extends RowData> = CellContext<TData, unknown> & {
     actions: Action<TData>[];
     iconTriggerButtonClassName?: string;
     triggerButtonClassName?: string;
@@ -937,7 +956,7 @@ declare interface TooltipProps extends PropsWithChildren, VariantProps<typeof to
 }
 
 declare const tooltipVariants: (props?: ({
-    position?: "left" | "right" | "bottom" | "top" | null | undefined;
+    position?: "left" | "right" | "top" | "bottom" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const Trigger: FC<TriggerProps>;
@@ -952,7 +971,7 @@ declare const triggerVariants: (props?: ({
     variant?: "default" | "active" | "inactive" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare const TruncateText: <TData>({ getValue, value }: Props_3<TData>) => JSX.Element;
+export declare const TruncateText: <TData>({ getValue, value }: Props_4<TData>) => JSX.Element;
 
 export declare const Typography: ForwardRefExoticComponent<Omit<TypographyProps, 'ref'> & RefAttributes<HTMLParagraphElement | HTMLHeadingElement>>;
 
@@ -973,9 +992,9 @@ export declare const useToggle: (initialState?: boolean) => [boolean, (value?: b
 
 export declare const VirtualizedTable: VirtualizedTableCompound;
 
-declare type VirtualizedTableCompound = (<TData extends RowData>(props: Props_4<TData>) => JSX_2.Element) & {
+declare type VirtualizedTableCompound = (<TData extends RowData>(props: Props_5<TData>) => JSX_2.Element) & {
     TruncateText: typeof TruncateText;
-    Actions: <TData extends RowData>(props: Props_5<TData>) => JSX_2.Element | null;
+    Actions: <TData extends RowData>(props: Props_6<TData>) => JSX_2.Element | null;
     displayName?: string;
 };
 

package/dist/index.js

@@ -2,109 +2,111 @@ import { cn as e } from "./utils/index.js";
 import { Alert as p } from "./components/Alert/Alert.js";
 import { AlertDialog as x } from "./components/AlertDialog/AlertDialog.js";
 import { Autocomplete as a } from "./components/Autocomplete/Autocomplete.js";
-import { Badge as d } from "./components/Badge/Badge.js";
+import { Badge as n } from "./components/Badge/Badge.js";
 import { Breadcrumb as g } from "./components/Breadcrumb/Breadcrumb.js";
-import { Button as l } from "./components/Button/Button.js";
+import { Button as T } from "./components/Button/Button.js";
 import { Card as c } from "./components/Card/Card.js";
-import { Checkbox as b } from "./components/Checkbox/Checkbox.js";
+import { Checkbox as h } from "./components/Checkbox/Checkbox.js";
 import { DatePicker as C } from "./components/Datepicker/DatePicker.js";
 import { Divider as v } from "./components/Divider/Divider.js";
-import { Dropdown as S } from "./components/Dropdown/Dropdown.js";
-import { DropdownButton as P } from "./components/DropdownButton/DropdownButton.js";
+import { Dropdown as N } from "./components/Dropdown/Dropdown.js";
+import { DropdownButton as S } from "./components/DropdownButton/DropdownButton.js";
 import { Filter as w } from "./components/Filter/Filter.js";
 import { BadgeMultiSelect as k } from "./components/Filter/components/BadgeDropdown/BadgeMultiSelect.js";
 import { DateFilterDropdown as G } from "./components/Filter/components/DateFilterDropdown/DateFilterDropdown.js";
-import { Input as M } from "./components/Input/Input.js";
-import { Loading as I } from "./components/Loading/Loading.js";
+import { Input as L } from "./components/Input/Input.js";
+import { Loading as y } from "./components/Loading/Loading.js";
 import { M as O } from "./Modal-Dpk-1N9W.js";
 import { NumberInput as j } from "./components/NumberInput/NumberInput.js";
-import { PieChart as E } from "./components/PieChart/PieChart.js";
-import { ProgressBar as J } from "./components/ProgressBar/ProgressBar.js";
-import { Radio as Q } from "./components/Radio/Radio.js";
-import { RadioCard as W } from "./components/RadioCard/RadioCard.js";
-import { RadioCardGroup as Y } from "./components/RadioCardGroup/RadioCardGroup.js";
-import { RadioGroup as _ } from "./components/RadioGroup/RadioGroup.js";
-import { Range as oo } from "./components/Range/Range.js";
-import { Footer as eo } from "./components/Sidebar/components/Footer/Footer.js";
-import { Logo as po } from "./components/Sidebar/components/Logo/Logo.js";
-import { Navigation as xo } from "./components/Sidebar/components/Navigation/Navigation.js";
-import { NavigationGroup as ao } from "./components/Sidebar/components/NavigationGroup/NavigationGroup.js";
-import { NavigationOption as no } from "./components/Sidebar/components/NavigationOption/NavigationOption.js";
-import { NavigationSeparator as To } from "./components/Sidebar/components/NavigationSeparator/NavigationSeparator.js";
-import { Sidebar as uo } from "./components/Sidebar/Sidebar.js";
+import { PhoneNumberInput as E } from "./components/PhoneNumberInput/PhoneNumberInput.js";
+import { PieChart as J } from "./components/PieChart/PieChart.js";
+import { ProgressBar as Q } from "./components/ProgressBar/ProgressBar.js";
+import { Radio as W } from "./components/Radio/Radio.js";
+import { RadioCard as Y } from "./components/RadioCard/RadioCard.js";
+import { RadioCardGroup as _ } from "./components/RadioCardGroup/RadioCardGroup.js";
+import { RadioGroup as oo } from "./components/RadioGroup/RadioGroup.js";
+import { Range as eo } from "./components/Range/Range.js";
+import { Footer as po } from "./components/Sidebar/components/Footer/Footer.js";
+import { Logo as xo } from "./components/Sidebar/components/Logo/Logo.js";
+import { Navigation as ao } from "./components/Sidebar/components/Navigation/Navigation.js";
+import { NavigationGroup as no } from "./components/Sidebar/components/NavigationGroup/NavigationGroup.js";
+import { NavigationOption as uo } from "./components/Sidebar/components/NavigationOption/NavigationOption.js";
+import { NavigationSeparator as lo } from "./components/Sidebar/components/NavigationSeparator/NavigationSeparator.js";
+import { Sidebar as bo } from "./components/Sidebar/Sidebar.js";
 import { Slider as so } from "./components/Slider/Slider.js";
-import { Switch as ho } from "./components/Switch/Switch.js";
-import { Table as Do } from "./components/Table/Table.js";
-import { Content as Bo } from "./components/Tabs/components/Content.js";
-import { List as No } from "./components/Tabs/components/List.js";
-import { Tabs as Ro } from "./components/Tabs/Tabs.js";
-import { Trigger as Ao } from "./components/Tabs/components/Trigger.js";
-import { Tag as Fo } from "./components/Tag/Tag.js";
-import { TagSelect as Lo } from "./components/TagSelect/TagSelect.js";
-import { TextArea as yo } from "./components/TextArea/TextArea.js";
-import { TimePicker as zo } from "./components/TimePicker/TimePicker.js";
-import { Toast as Vo } from "./components/Toast/Toast.js";
-import { Tooltip as qo } from "./components/Tooltip/Tooltip.js";
-import { Typography as Ho } from "./components/Typography/Typography.js";
-import { TruncateText as Ko } from "./components/VirtualizedTable/components/TruncateText/TruncateText.js";
-import { VirtualizedTable as Uo } from "./components/VirtualizedTable/VirtualizedTable.js";
-import { ThemeContext as Xo } from "./contexts/theme.context.js";
-import { useTheme as Zo } from "./contexts/theme.hook.js";
-import { ThemeProvider as $o } from "./contexts/theme.provider.js";
-import { useToggle as rr } from "./hooks/useToggle.js";
+import { Switch as Do } from "./components/Switch/Switch.js";
+import { Table as Bo } from "./components/Table/Table.js";
+import { Content as Po } from "./components/Tabs/components/Content.js";
+import { List as Ro } from "./components/Tabs/components/List.js";
+import { Tabs as Ao } from "./components/Tabs/Tabs.js";
+import { Trigger as Fo } from "./components/Tabs/components/Trigger.js";
+import { Tag as Io } from "./components/Tag/Tag.js";
+import { TagSelect as Mo } from "./components/TagSelect/TagSelect.js";
+import { TextArea as zo } from "./components/TextArea/TextArea.js";
+import { TimePicker as Vo } from "./components/TimePicker/TimePicker.js";
+import { Toast as qo } from "./components/Toast/Toast.js";
+import { Tooltip as Ho } from "./components/Tooltip/Tooltip.js";
+import { Typography as Ko } from "./components/Typography/Typography.js";
+import { TruncateText as Uo } from "./components/VirtualizedTable/components/TruncateText/TruncateText.js";
+import { VirtualizedTable as Xo } from "./components/VirtualizedTable/VirtualizedTable.js";
+import { ThemeContext as Zo } from "./contexts/theme.context.js";
+import { useTheme as $o } from "./contexts/theme.hook.js";
+import { ThemeProvider as rr } from "./contexts/theme.provider.js";
+import { useToggle as tr } from "./hooks/useToggle.js";
 export {
   p as Alert,
   x as AlertDialog,
   a as Autocomplete,
-  d as Badge,
+  n as Badge,
   k as BadgeMultiSelect,
   g as Breadcrumb,
-  l as Button,
+  T as Button,
   c as Card,
-  b as Checkbox,
-  Bo as Content,
+  h as Checkbox,
+  Po as Content,
   G as DateFilterDropdown,
   C as DatePicker,
   v as Divider,
-  S as Dropdown,
-  P as DropdownButton,
+  N as Dropdown,
+  S as DropdownButton,
   w as Filter,
-  eo as Footer,
-  M as Input,
-  No as List,
-  I as Loading,
-  po as Logo,
+  po as Footer,
+  L as Input,
+  Ro as List,
+  y as Loading,
+  xo as Logo,
   O as Modal,
-  xo as Navigation,
-  ao as NavigationGroup,
-  no as NavigationOption,
-  To as NavigationSeparator,
+  ao as Navigation,
+  no as NavigationGroup,
+  uo as NavigationOption,
+  lo as NavigationSeparator,
   j as NumberInput,
-  E as PieChart,
-  J as ProgressBar,
-  Q as Radio,
-  W as RadioCard,
-  Y as RadioCardGroup,
-  _ as RadioGroup,
-  oo as Range,
-  uo as Sidebar,
+  E as PhoneNumberInput,
+  J as PieChart,
+  Q as ProgressBar,
+  W as Radio,
+  Y as RadioCard,
+  _ as RadioCardGroup,
+  oo as RadioGroup,
+  eo as Range,
+  bo as Sidebar,
   so as Slider,
-  ho as Switch,
-  Do as Table,
-  Ro as Tabs,
-  Fo as Tag,
-  Lo as TagSelect,
-  yo as TextArea,
-  Xo as ThemeContext,
-  $o as ThemeProvider,
-  zo as TimePicker,
-  Vo as Toast,
-  qo as Tooltip,
-  Ao as Trigger,
-  Ko as TruncateText,
-  Ho as Typography,
-  Uo as VirtualizedTable,
+  Do as Switch,
+  Bo as Table,
+  Ao as Tabs,
+  Io as Tag,
+  Mo as TagSelect,
+  zo as TextArea,
+  Zo as ThemeContext,
+  rr as ThemeProvider,
+  Vo as TimePicker,
+  qo as Toast,
+  Ho as Tooltip,
+  Fo as Trigger,
+  Uo as TruncateText,
+  Ko as Typography,
+  Xo as VirtualizedTable,
   e as cn,
-  Zo as useTheme,
-  rr as useToggle
+  $o as useTheme,
+  tr as useToggle
 };