@klu_dev/ui-klu-green 1.2.17 → 1.2.19

package/dist/index.css

@@ -230,6 +230,10 @@ button,
 .uiklu-left-0{
     left: 0px;
 
+}
+.uiklu-left-2{
+    left: 0.5rem;
+
 }
 .uiklu-left-3{
     left: 0.75rem;
@@ -823,6 +827,10 @@ button,
 .uiklu-w-full{
     width: 100%;
 
+}
+.uiklu-w-px{
+    width: 1px;
+
 }
 .uiklu-min-w-0{
     min-width: 0px;
@@ -975,6 +983,10 @@ button,
 .uiklu-cursor-default{
     cursor: default;
 
+}
+.uiklu-cursor-not-allowed{
+    cursor: not-allowed;
+
 }
 .uiklu-cursor-pointer{
     cursor: pointer;
@@ -1059,6 +1071,10 @@ button,
 .uiklu-gap-1{
     gap: 0.25rem;
 
+}
+.uiklu-gap-1\.5{
+    gap: 0.375rem;
+
 }
 .uiklu-gap-10{
     gap: 2.5rem;
@@ -1299,6 +1315,10 @@ button,
 .uiklu-border-b-\[1px\]{
     border-bottom-width: 1px;
 
+}
+.uiklu-border-r{
+    border-right-width: 1px;
+
 }
 .uiklu-border-t{
     border-top-width: 1px;
@@ -1335,6 +1355,10 @@ button,
     --tw-border-opacity: 1;
     border-color: hsl(var(--uiklu-destructive) / var(--tw-border-opacity, 1));
 
+}
+.uiklu-border-destructive\/40{
+    border-color: hsl(var(--uiklu-destructive) / 0.4);
+
 }
 .uiklu-border-gray-100{
     --tw-border-opacity: 1;
@@ -1805,6 +1829,11 @@ button,
     padding-left: 48px;
     padding-right: 48px;
 
+}
+.uiklu-px-\[8px\]{
+    padding-left: 8px;
+    padding-right: 8px;
+
 }
 .uiklu-py-1{
     padding-top: 0.25rem;
@@ -1859,6 +1888,14 @@ button,
 .uiklu-pl-6{
     padding-left: 1.5rem;
 
+}
+.uiklu-pl-8{
+    padding-left: 2rem;
+
+}
+.uiklu-pl-\[6px\]{
+    padding-left: 6px;
+
 }
 .uiklu-pr-10{
     padding-right: 2.5rem;
@@ -1879,6 +1916,10 @@ button,
 .uiklu-pr-6{
     padding-right: 1.5rem;
 
+}
+.uiklu-pr-\[10px\]{
+    padding-right: 10px;
+
 }
 .uiklu-pt-4{
     padding-top: 1rem;
@@ -2485,6 +2526,18 @@ input.uiklu-flex:not(:placeholder-shown) {
 
 }
 
+.placeholder\:uiklu-text-gray800::-moz-placeholder{
+    --tw-text-opacity: 1;
+    color: hsl(var(--uiklu-gray-800) / var(--tw-text-opacity, 1));
+
+}
+
+.placeholder\:uiklu-text-gray800::placeholder{
+    --tw-text-opacity: 1;
+    color: hsl(var(--uiklu-gray-800) / var(--tw-text-opacity, 1));
+
+}
+
 .placeholder\:uiklu-text-white\/40::-moz-placeholder{
     color: rgb(255 255 255 / 0.4);
 
@@ -2540,6 +2593,12 @@ input.uiklu-flex:not(:placeholder-shown) {
 
 }
 
+.focus-within\:uiklu-bg-white:focus-within{
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+
+}
+
 .focus-within\:uiklu-shadow-\[0_0_0_3px_\#AFD8D8\]:focus-within{
     --tw-shadow: 0 0 0 3px #AFD8D8;
     --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
@@ -2813,6 +2872,12 @@ input.uiklu-flex:not(:placeholder-shown) {
 
 }
 
+.data-\[placeholder\]\:uiklu-text-gray800[data-placeholder]{
+    --tw-text-opacity: 1;
+    color: hsl(var(--uiklu-gray-800) / var(--tw-text-opacity, 1));
+
+}
+
 @media (min-width: 640px){
     .sm\:uiklu-flex-row{
         flex-direction: row;

package/dist/index.d.ts

@@ -6,9 +6,9 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 
-type InputSize$1 = "sm" | "md" | "lg" | "full";
+type InputSize = "sm" | "md" | "lg" | "full";
 interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
-    size?: InputSize$1;
+    size?: InputSize;
     error?: string;
     isSearchable?: boolean;
     onSearchClick?: () => void;
@@ -147,6 +147,7 @@ declare const Icons: {
     TICKET: react_jsx_runtime.JSX.Element;
     CASH: react_jsx_runtime.JSX.Element;
     CHEVRON_RIGHT: react_jsx_runtime.JSX.Element;
+    CHEVRON_DOWN: react_jsx_runtime.JSX.Element;
     SHIELD_CHECK: react_jsx_runtime.JSX.Element;
     CLOSE: react_jsx_runtime.JSX.Element;
     MONEY: react_jsx_runtime.JSX.Element;
@@ -205,13 +206,13 @@ declare const searchSelectTriggerVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "full" | null | undefined;
     error?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface Option {
+interface Option$1 {
     value: string;
     label: string;
     extra?: React.ReactNode;
 }
 interface SearchSelectProps extends VariantProps<typeof searchSelectTriggerVariants> {
-    options: Option[];
+    options: Option$1[];
     value: string;
     onChange: (value: string) => void;
     placeholder?: string;
@@ -245,21 +246,6 @@ interface CheckboxProps {
 }
 declare const Checkbox: React__default.FC<CheckboxProps>;
 
-interface LadaOption {
-    code: string;
-    label: string;
-}
-type InputSize = "sm" | "md" | "lg" | "full";
-interface InputPhoneProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "onChange"> {
-    size?: InputSize;
-    error?: string;
-    value?: string;
-    onChange?: (value: string) => void;
-    ladas?: LadaOption[];
-    defaultLadaIndex?: number;
-}
-declare const InputPhone: React.ForwardRefExoticComponent<InputPhoneProps & React.RefAttributes<HTMLInputElement>>;
-
 type IconBadgeSize = 'sm' | 'md' | 'lg';
 interface IconBadgeProps {
     icon: React.ReactElement<{
@@ -302,4 +288,59 @@ interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement
 }
 declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
 
-export { BackButton, BalanceInfo, Button, Checkbox, type CheckboxProps, DetailCard, type DetailCardItem, type DetailCardProps, GridCard, IconBadge, type IconBadgeProps, Icons, Input, InputCode, InputPhone, type InputPhoneProps, type LadaOption, LoadingScreen, MobileMenuDrawer, Modal, PromoBanner, SearchSelect, Select, SidebarTabs, TextField, type TextFieldProps, ToastAction, Toaster, Typography, useToast };
+type SelectFieldSize = "sm" | "md" | "lg" | "full";
+interface SelectFieldProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root> {
+    label: string;
+    placeholder?: string;
+    size?: SelectFieldSize;
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    labelClassName?: string;
+}
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectField: React.ForwardRefExoticComponent<SelectFieldProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+type SearchSelectFieldSize = "sm" | "md" | "lg" | "full";
+interface Option {
+    value: string;
+    label: string;
+    extra?: React.ReactNode;
+}
+interface SearchSelectFieldProps {
+    options: Option[];
+    value: string;
+    onChange: (value: string) => void;
+    label: string;
+    placeholder?: string;
+    size?: SearchSelectFieldSize;
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    labelClassName?: string;
+}
+declare const SearchSelectField: ({ options, value, onChange, label, placeholder, size, error, required, disabled, className, labelClassName, }: SearchSelectFieldProps) => react_jsx_runtime.JSX.Element;
+
+type PhoneFieldSize = "sm" | "md" | "lg" | "full";
+interface LadaOption {
+    code: string;
+    label: string;
+}
+interface PhoneFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "onChange"> {
+    label: string;
+    size?: PhoneFieldSize;
+    error?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    ladas?: LadaOption[];
+    defaultLadaIndex?: number;
+    labelClassName?: string;
+}
+declare const PhoneField: React.ForwardRefExoticComponent<PhoneFieldProps & React.RefAttributes<HTMLInputElement>>;
+
+export { BackButton, BalanceInfo, Button, Checkbox, type CheckboxProps, DetailCard, type DetailCardItem, type DetailCardProps, GridCard, IconBadge, type IconBadgeProps, Icons, Input, InputCode, type LadaOption, LoadingScreen, MobileMenuDrawer, Modal, PhoneField, type PhoneFieldProps, PromoBanner, SearchSelect, SearchSelectField, type SearchSelectFieldProps, Select, SelectContent, SelectField, type SelectFieldProps, SelectGroup, SelectItem, SelectValue, SidebarTabs, TextField, type TextFieldProps, ToastAction, Toaster, Typography, useToast };