@bothub-chat/ui 2.28.3-develop-e1b6ebcc-ecf7-49cb-b671-68a17f2df554 → 2.28.3-develop-bec4cbb1-e1ac-43b0-b9f4-32a093d73239

package/dist/components/select-field/option/list/styled.js

@@ -1 +1 @@
-import{styled as e,css as t}from"styled-components";import{Typography as i}from"../../../typography/index.js";const o=e.div.withConfig({displayName:"styled__SelectFieldOptionsStyled",componentId:"sc-sgz69s-0"})(["display:flex;width:100%;flex-direction:column;gap:","px;"],(({$size:e})=>{switch(e){case"small":return 4;case"md":return 6}})),s=e.div.withConfig({displayName:"styled__SelectFieldDivider",componentId:"sc-sgz69s-1"})(["display:flex;flex-shrink:0;width:100%;height:1px;background:",";"],(({theme:e})=>e.colors.grayScale.gray3)),n=e.div.withConfig({displayName:"styled__SelectFieldEmpty",componentId:"sc-sgz69s-2"})(["display:flex;flex-direction:column;align-items:center;width:100%;gap:8px;padding:","px;"],(({$size:e})=>{switch(e){case"small":return 8;case"md":return 12}})),r=e(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldEmptyText",componentId:"sc-sgz69s-3"})(["text-align:center;color:",";"],(({theme:e})=>e.colors.grayScale.gray1)),a=e(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldOptionText",componentId:"sc-sgz69s-4"})(["color:",";",""],(({theme:e,$selected:t})=>t?e.default.colors.base.white:e.colors.base.white),(({$bold:e})=>e&&t(["font-weight:500;"]))),l=e(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldColorOptionText",componentId:"sc-sgz69s-5"})(["color:",";"],(({theme:e,$selected:t})=>t?e.default.colors.base.white:e.colors.base.white)),d=e.div.withConfig({displayName:"styled__SelectFieldOption",componentId:"sc-sgz69s-6"})(["display:flex;justify-content:space-between;align-items:center;padding:","px;border-radius:6px;gap:","px;&:active{background-color:"," !important;",",","{color:",";}svg[d='fill'] path,svg[d='all'] path{fill:"," !important;}svg[d='stroke'] path,svg[d='all'] path{stroke:"," !important;}transition:all 0.2s ease-out;}user-select:none;-moz-user-select:none;-webkit-user-select:none;",""],(({$size:e})=>{switch(e){case"small":return 8;case"md":return 12}}),(({$size:e})=>{switch(e){case"small":return 8;case"md":return 10}}),(({theme:e})=>e.colors.accent.primary),a,l,(({theme:e})=>e.default.colors.base.white),(({theme:e})=>e.default.colors.base.white),(({theme:e})=>e.default.colors.base.white),(({theme:e,$selected:i,$disabled:o,$backgroundHoverColor:s})=>{if(o)return t(["cursor:not-allowed;&:hover{background:",";}> ",":first-child{opacity:0.5;}"],"light"===e.mode?"rgba(0, 0, 0, 0.05)":"rgba(255, 255, 255, 0.05)",c);switch(s){case"gradient":return t(["cursor:pointer;position:relative;overflow:hidden;justify-content:center;padding-top:12px;padding-bottom:12px;&:hover::before{background:",";content:'';opacity:0.2;border:inherit;left:0;top:0;z-index:-1;width:100%;height:100%;position:absolute;}"],e.colors.premiumGradient);case"primary":return t(["cursor:pointer;position:relative;overflow:hidden;justify-content:center;padding-top:12px;padding-bottom:12px;text-align:center;&:hover::before{background:",";content:'';opacity:0.2;border:inherit;left:0;top:0;z-index:-1;width:100%;height:100%;position:absolute;}"],e.colors.accent.primary);default:return t([""," ",""],!i&&`\n            cursor: pointer;\n            &:hover {\n              background: ${"light"===e.mode?"rgba(0, 0, 0, 0.05)":"rgba(255, 255, 255, 0.05)"};\n            }\n          `,i&&`\n            background: ${e.colors.accent.primary};\n            cursor: default;\n          `)}})),c=e.div.withConfig({displayName:"styled__SelectFieldOptionSide",componentId:"sc-sgz69s-7"})(["display:flex;align-items:center;gap:8px;"]),p=e(i).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__SelectFieldOptionLabel",componentId:"sc-sgz69s-8"})(["padding-right:8px;"]),m=e.span.withConfig({displayName:"styled__SelectFieldOptionColor",componentId:"sc-sgz69s-9"})(["display:inline-flex;flex-shrink:0;width:18px;height:18px;border-radius:4px;",""],(({$color:e})=>t(["background:",";"],e)));export{l as SelectFieldColorOptionText,s as SelectFieldDivider,n as SelectFieldEmpty,r as SelectFieldEmptyText,d as SelectFieldOption,m as SelectFieldOptionColor,p as SelectFieldOptionLabel,c as SelectFieldOptionSide,a as SelectFieldOptionText,o as SelectFieldOptionsStyled};
+import{styled as e,css as t}from"styled-components";import{Typography as i}from"../../../typography/index.js";const o=e.div.withConfig({displayName:"styled__SelectFieldOptionsStyled",componentId:"sc-sgz69s-0"})(["display:flex;width:100%;flex-direction:column;gap:","px;"],(({$size:e})=>{switch(e){case"small":return 4;case"md":return 6;case"large":return 8}})),s=e.div.withConfig({displayName:"styled__SelectFieldDivider",componentId:"sc-sgz69s-1"})(["display:flex;flex-shrink:0;width:100%;height:1px;background:",";"],(({theme:e})=>e.colors.grayScale.gray3)),a=e.div.withConfig({displayName:"styled__SelectFieldEmpty",componentId:"sc-sgz69s-2"})(["display:flex;flex-direction:column;align-items:center;width:100%;gap:8px;padding:","px;"],(({$size:e})=>{switch(e){case"small":return 8;case"md":case"large":return 12}})),r=e.div.withConfig({displayName:"styled__SelectFieldRadio",componentId:"sc-sgz69s-3"})(["display:flex;flex-direction:column;gap:10px;padding:10px;cursor:pointer;position:relative;& > *{position:relative;z-index:1;}&:before{content:'';display:block;position:absolute;border-radius:8px;inset:0;opacity:0.2;transition:background 0.2s;",";}&:hover:before{background-color:",";}"],(({$selected:e})=>e&&t(["background:linear-gradient( 90deg,rgba(28,100,242,1) 0%,rgba(212,28,242,1) 100% );"])),(({theme:e})=>e.colors.accent.primary)),n=e.label.withConfig({displayName:"styled__SelectFieldRadioTitleAndRadio",componentId:"sc-sgz69s-4"})(["display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;cursor:inherit;"]),l=e(i).attrs({variant:"body-m-semibold"}).withConfig({displayName:"styled__SelectFieldRadioLabel",componentId:"sc-sgz69s-5"})([""]),d=e(i).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__SelectFieldRadioDescription",componentId:"sc-sgz69s-6"})([""]),c=e(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldEmptyText",componentId:"sc-sgz69s-7"})(["text-align:center;color:",";"],(({theme:e})=>e.colors.grayScale.gray1)),p=e(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldOptionText",componentId:"sc-sgz69s-8"})(["color:",";",""],(({theme:e,$selected:t})=>t?e.default.colors.base.white:e.colors.base.white),(({$bold:e})=>e&&t(["font-weight:500;"]))),g=e(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldColorOptionText",componentId:"sc-sgz69s-9"})(["color:",";"],(({theme:e,$selected:t})=>t?e.default.colors.base.white:e.colors.base.white)),m=e.div.withConfig({displayName:"styled__SelectFieldOption",componentId:"sc-sgz69s-10"})(["display:flex;justify-content:space-between;align-items:center;padding:","px;border-radius:6px;gap:","px;&:active{background-color:"," !important;",",","{color:",";}svg[d='fill'] path,svg[d='all'] path{fill:"," !important;}svg[d='stroke'] path,svg[d='all'] path{stroke:"," !important;}transition:all 0.2s ease-out;}user-select:none;-moz-user-select:none;-webkit-user-select:none;",""],(({$size:e})=>{switch(e){case"small":return 8;case"md":case"large":return 12}}),(({$size:e})=>{switch(e){case"small":return 8;case"md":case"large":return 10}}),(({theme:e})=>e.colors.accent.primary),p,g,(({theme:e})=>e.default.colors.base.white),(({theme:e})=>e.default.colors.base.white),(({theme:e})=>e.default.colors.base.white),(({theme:e,$selected:i,$disabled:o,$backgroundHoverColor:s})=>{if(o)return t(["cursor:not-allowed;&:hover{background:",";}> ",":first-child{opacity:0.5;}"],"light"===e.mode?"rgba(0, 0, 0, 0.05)":"rgba(255, 255, 255, 0.05)",h);switch(s){case"gradient":return t(["cursor:pointer;position:relative;overflow:hidden;justify-content:center;padding-top:12px;padding-bottom:12px;&:hover::before{background:",";content:'';opacity:0.2;border:inherit;left:0;top:0;z-index:-1;width:100%;height:100%;position:absolute;}"],e.colors.premiumGradient);case"primary":return t(["cursor:pointer;position:relative;overflow:hidden;justify-content:center;padding-top:12px;padding-bottom:12px;text-align:center;&:hover::before{background:",";content:'';opacity:0.2;border:inherit;left:0;top:0;z-index:-1;width:100%;height:100%;position:absolute;}"],e.colors.accent.primary);default:return t([""," ",""],!i&&`\n            cursor: pointer;\n            &:hover {\n              background: ${"light"===e.mode?"rgba(0, 0, 0, 0.05)":"rgba(255, 255, 255, 0.05)"};\n            }\n          `,i&&`\n            background: ${e.colors.accent.primary};\n            cursor: default;\n          `)}})),h=e.div.withConfig({displayName:"styled__SelectFieldOptionSide",componentId:"sc-sgz69s-11"})(["display:flex;align-items:center;gap:8px;"]),y=e(i).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__SelectFieldOptionLabel",componentId:"sc-sgz69s-12"})(["padding-right:8px;"]),u=e.span.withConfig({displayName:"styled__SelectFieldOptionColor",componentId:"sc-sgz69s-13"})(["display:inline-flex;flex-shrink:0;width:18px;height:18px;border-radius:4px;",""],(({$color:e})=>t(["background:",";"],e)));export{g as SelectFieldColorOptionText,s as SelectFieldDivider,a as SelectFieldEmpty,c as SelectFieldEmptyText,m as SelectFieldOption,u as SelectFieldOptionColor,y as SelectFieldOptionLabel,h as SelectFieldOptionSide,p as SelectFieldOptionText,o as SelectFieldOptionsStyled,r as SelectFieldRadio,d as SelectFieldRadioDescription,l as SelectFieldRadioLabel,n as SelectFieldRadioTitleAndRadio};

package/dist/components/select-field/styled.js

@@ -28,13 +28,13 @@ import{jsx as e}from"react/jsx-runtime";import{styled as t,css as i}from"styled-
       }
     `)),h=t.div.withConfig({displayName:"styled__SelectFieldInputSide",componentId:"sc-ostlwx-3"})(["display:flex;align-items:center;gap:10px;"]),w=t(h).withConfig({displayName:"styled__SelectFieldInputLeftSide",componentId:"sc-ostlwx-4"})(["width:100%;"]),g=t(d).attrs({size:16}).withConfig({displayName:"styled__SelectFieldSearchIcon",componentId:"sc-ostlwx-5"})(["path{fill:",";}"],(({theme:e,$focus:t})=>t?e.colors.base.white:e.colors.grayScale.gray1)),y=t.input.withConfig({displayName:"styled__SelectFieldInputNative",componentId:"sc-ostlwx-6"})(["display:inline-flex;width:100%;background:none;border:none;outline:none;color:",";font-size:14px;font-weight:400;line-height:18px;padding:0px;&::placeholder{color:",";}&:focus::placeholder{color:",";}&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:",";box-shadow:0 0 0 100px "," inset !important;}&:-webkit-autofill:focus{-webkit-background-clip:text;-webkit-text-fill-color:",";box-shadow:0 0 0 100px "," inset !important;}&::-webkit-search-decoration,&::-webkit-search-cancel-button,&::-webkit-search-results-button,&::-webkit-search-results-decoration{-webkit-appearance:none;}&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}",""],(({theme:e})=>e.colors.base.white),(({theme:e})=>e.colors.grayScale.gray1),(({theme:e})=>"light"===e.mode?e.colors.grayScale.gray1:e.colors.grayScale.gray6),(({theme:e})=>e.colors.base.white),(({theme:e})=>e.colors.grayScale.gray4),(({theme:e})=>e.colors.base.white),(({theme:e})=>e.colors.grayScale.gray4),(({disabled:e})=>e&&i`
       cursor: not-allowed;
-    `)),b=t(n).attrs({variant:"text",iconSize:12,children:e(c,{})}).withConfig({displayName:"styled__SelectFieldClearButton",componentId:"sc-ostlwx-7"})([""]),f=t.span.withConfig({displayName:"styled__SelectFieldValue",componentId:"sc-ostlwx-8"})(["display:inline-flex;align-items:center;gap:10px;"]),u=t(o).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldValueText",componentId:"sc-ostlwx-9"})([""]),_=t.span.withConfig({displayName:"styled__SelectFieldValueColor",componentId:"sc-ostlwx-10"})(["display:inline-flex;width:18px;height:18px;flex-shrink:0;background:",";border-radius:4px;"],(({$color:e})=>e)),S=t(o).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldColorValueText",componentId:"sc-ostlwx-11"})(["color:",";"],(({theme:e})=>e.colors.base.white)),k=t.div.withConfig({displayName:"styled__SelectFieldValues",componentId:"sc-ostlwx-12"})(["display:flex;width:100%;"]),$=t.div.withConfig({displayName:"styled__SelectFieldValueList",componentId:"sc-ostlwx-13"})(["display:flex;gap:8px;flex-wrap:wrap;width:100%;"]),I=t(a).withConfig({displayName:"styled__SelectFieldValueListItem",componentId:"sc-ostlwx-14"})([""]),C=t(o).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldPlaceholder",componentId:"sc-ostlwx-15"})(["color:",";"],(({$open:e,theme:t})=>e?t.colors.grayScale.gray6:t.colors.grayScale.gray1)),v=t(r).withConfig({displayName:"styled__SelectFieldLoader",componentId:"sc-ostlwx-16"})([""]),N=t(l).attrs({size:16}).withConfig({displayName:"styled__SelectFieldArrow",componentId:"sc-ostlwx-17"})(["transition:transform 0.2s ease-in-out;"]),F=t.div.withConfig({displayName:"styled__SelectFieldBlock",componentId:"sc-ostlwx-18"})(["display:flex;position:absolute;z-index:",";width:","px;min-width:200px;width:100%;box-sizing:border-box;"],(({theme:e})=>e.zIndex.select),(({$contentWidth:e})=>e)),z=t.div.withConfig({displayName:"styled__SelectFieldBlockPositionWrapper",componentId:"sc-ostlwx-19"})(["display:flex;position:absolute;width:100%;box-sizing:border-box;padding:6px 8px;padding-right:4px;border:1px solid ",";border-radius:10px;background:",";backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);",""],(({theme:e})=>e.colors.grayScale.gray2),(({theme:e,$blur:t})=>t?"light"===e.mode?"rgba(255, 255, 255, 0.65)":"rgba(18, 24, 37, 0.75)":"light"===e.mode?e.default.colors.base.white:e.colors.grayScale.gray4),(({$placement:e})=>{switch(e){case"bottom-left":return i`
+    `)),b=t(n).attrs({variant:"text",iconSize:12,children:e(c,{})}).withConfig({displayName:"styled__SelectFieldClearButton",componentId:"sc-ostlwx-7"})([""]),f=t.span.withConfig({displayName:"styled__SelectFieldValue",componentId:"sc-ostlwx-8"})(["display:inline-flex;align-items:center;gap:10px;"]),u=t(o).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldValueText",componentId:"sc-ostlwx-9"})([""]),_=t.span.withConfig({displayName:"styled__SelectFieldValueColor",componentId:"sc-ostlwx-10"})(["display:inline-flex;width:18px;height:18px;flex-shrink:0;background:",";border-radius:4px;"],(({$color:e})=>e)),S=t(o).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldColorValueText",componentId:"sc-ostlwx-11"})(["color:",";"],(({theme:e})=>e.colors.base.white)),k=t.div.withConfig({displayName:"styled__SelectFieldValues",componentId:"sc-ostlwx-12"})(["display:flex;width:100%;"]),$=t.div.withConfig({displayName:"styled__SelectFieldValueList",componentId:"sc-ostlwx-13"})(["display:flex;gap:8px;flex-wrap:wrap;width:100%;"]),I=t(a).withConfig({displayName:"styled__SelectFieldValueListItem",componentId:"sc-ostlwx-14"})([""]),C=t(o).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldPlaceholder",componentId:"sc-ostlwx-15"})(["color:",";"],(({$open:e,theme:t})=>e?t.colors.grayScale.gray6:t.colors.grayScale.gray1)),v=t(r).withConfig({displayName:"styled__SelectFieldLoader",componentId:"sc-ostlwx-16"})([""]),N=t(l).attrs({size:16}).withConfig({displayName:"styled__SelectFieldArrow",componentId:"sc-ostlwx-17"})(["transition:transform 0.2s ease-in-out;"]),F=t.div.withConfig({displayName:"styled__SelectFieldBlock",componentId:"sc-ostlwx-18"})(["display:flex;position:absolute;z-index:",";width:","px;min-width:200px;width:100%;box-sizing:border-box;"],(({theme:e})=>e.zIndex.select),(({$contentWidth:e})=>e)),z=t.div.withConfig({displayName:"styled__SelectFieldBlockPositionWrapper",componentId:"sc-ostlwx-19"})(["display:flex;position:absolute;width:100%;box-sizing:border-box;padding:6px 8px;border:1px solid ",";border-radius:10px;background:",";backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);",""],(({theme:e})=>e.colors.grayScale.gray2),(({theme:e,$blur:t})=>t?"light"===e.mode?"rgba(255, 255, 255, 0.65)":"rgba(18, 24, 37, 0.75)":"light"===e.mode?e.default.colors.base.white:e.colors.grayScale.gray4),(({$placement:e})=>{switch(e){case"bottom-left":return i`
           top: 0px;
           margin-top: 10px;
         `;case"top-left":case"top-right":return i`
           bottom: 0px;
           margin-bottom: 10px;
-        `}})),j=t.div.withConfig({displayName:"styled__SelectFieldBlockContent",componentId:"sc-ostlwx-20"})(["display:flex;width:100%;"]),V=t(o).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldErrorText",componentId:"sc-ostlwx-21"})(["display:inline-flex;margin-top:8px;color:",";"],(({theme:e})=>e.colors.critic)),L=t(s).withConfig({displayName:"styled__SelectFieldSkeleton",componentId:"sc-ostlwx-22"})(["width:100%;height:18px;"]),B=t.div.withConfig({displayName:"styled__SelectFieldGroups",componentId:"sc-ostlwx-23"})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:","px;"],(({$size:e})=>{switch(e){case"small":return 4;case"md":return 6}})),T=t.div.withConfig({displayName:"styled__SelectFieldGroup",componentId:"sc-ostlwx-24"})(["display:flex;width:inherit;overflow-x:hidden;overflow-y:auto;padding-right:4px;width:100%;",""],(({$disableScrollbar:e,$size:t})=>!e&&i`
+        `}})),j=t.div.withConfig({displayName:"styled__SelectFieldBlockContent",componentId:"sc-ostlwx-20"})(["display:flex;width:100%;"]),V=t(o).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldErrorText",componentId:"sc-ostlwx-21"})(["display:inline-flex;margin-top:8px;color:",";"],(({theme:e})=>e.colors.critic)),L=t(s).withConfig({displayName:"styled__SelectFieldSkeleton",componentId:"sc-ostlwx-22"})(["width:100%;height:18px;"]),B=t.div.withConfig({displayName:"styled__SelectFieldGroups",componentId:"sc-ostlwx-23"})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:","px;"],(({$size:e})=>{switch(e){case"small":return 4;case"md":return 6;case"large":return 8}})),T=t.div.withConfig({displayName:"styled__SelectFieldGroup",componentId:"sc-ostlwx-24"})(["display:flex;width:inherit;overflow-x:hidden;overflow-y:auto;padding-right:4px;width:100%;",""],(({$disableScrollbar:e,$size:t})=>!e&&i`
       &::-webkit-scrollbar {
         width: 4px;
       }
@@ -45,5 +45,5 @@ import{jsx as e}from"react/jsx-runtime";import{styled as t,css as i}from"styled-
       &::-webkit-scrollbar-corner {
         display: none;
       }
-      max-height: ${()=>{switch(t){case"small":case"md":return 186}}}px;
+      max-height: ${()=>{switch(t){case"small":case"md":return 186;case"large":return 400}}}px;
     `));export{N as SelectFieldArrow,F as SelectFieldBlock,j as SelectFieldBlockContent,z as SelectFieldBlockPositionWrapper,b as SelectFieldClearButton,S as SelectFieldColorValueText,V as SelectFieldErrorText,T as SelectFieldGroup,B as SelectFieldGroups,x as SelectFieldInput,w as SelectFieldInputLeftSide,y as SelectFieldInputNative,h as SelectFieldInputSide,m as SelectFieldLabel,v as SelectFieldLoader,C as SelectFieldPlaceholder,g as SelectFieldSearchIcon,L as SelectFieldSkeleton,p as SelectFieldStyled,f as SelectFieldValue,_ as SelectFieldValueColor,$ as SelectFieldValueList,I as SelectFieldValueListItem,u as SelectFieldValueText,k as SelectFieldValues};

package/dist/components/select-field/types.d.ts

@@ -6,7 +6,7 @@ export type SelectFieldMultiChangeEventHandler = (items: SelectFieldDataItem[])
 export type SelectFieldMultiValueChangeEventHandler = (value: string[]) => unknown;
 export type SelectFieldOptionClickEventHandler = (item: SelectFieldDataItem) => unknown;
 export type SelectFieldInputChangeEventHandler = (value: string) => unknown;
-export type SelectFieldItemType = 'item' | 'divider' | 'collapse' | 'empty' | 'label';
+export type SelectFieldItemType = 'item' | 'divider' | 'collapse' | 'empty' | 'label' | 'radio';
 export type SelectFieldDataItemSimple = string;
 export type SelectFieldDataItemComplex = {
     id?: number | string;
@@ -23,10 +23,13 @@ export type SelectFieldDataItemComplex = {
     backgroundHoverColor?: 'gradient' | 'primary';
     data?: SelectFieldDataItem[];
     noSelect?: boolean;
+    description?: string;
+    selected?: boolean;
+    radioName?: string;
     onClick?: SelectFieldOptionClickEventHandler;
 };
 export type SelectFieldDataItem = string | SelectFieldDataItemComplex;
 export type SelectFieldData = SelectFieldDataItem[];
-export type SelectFieldSize = 'small' | 'md';
+export type SelectFieldSize = 'small' | 'md' | 'large';
 export type SelectFieldPlacement = 'bottom-left' | 'top-left' | 'top-right';
 export type SelectFieldInputType = 'text' | 'search';

package/dist/components/sidebar/styled.d.ts

@@ -1110,6 +1110,7 @@ export declare const SidebarStyled: import("styled-components").IStyledComponent
 export declare const SidebarTextField: import("styled-components").IStyledComponent<"web", {
     value?: string | undefined;
     children?: import("react").ReactNode;
+    variant?: import("../text-field").Variant | undefined;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
@@ -1122,7 +1123,7 @@ export declare const SidebarTextField: import("styled-components").IStyledCompon
     suppressHydrationWarning?: boolean | undefined | undefined;
     accessKey?: string | undefined | undefined;
     autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-    autoFocus?: boolean | undefined | undefined;
+    autoFocus?: boolean | undefined;
     className?: string | undefined | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;

package/dist/components/slider/index.d.ts

@@ -1,6 +1,8 @@
 import { PropsWithChildren } from 'react';
+import { ArrowsSize } from './types';
 type SliderProps = {
+    arrowsSize?: ArrowsSize;
     gap?: number;
 } & PropsWithChildren;
-export declare const Slider: ({ gap, children }: SliderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Slider: ({ arrowsSize, gap, children }: SliderProps) => import("react/jsx-runtime").JSX.Element;
 export * from './useSlider';

package/dist/components/slider/index.js

@@ -1 +1 @@
-import{jsxs as i,jsx as o}from"react/jsx-runtime";import{SliderContainer as s,SliderLeftArrow as n,SliderIconContainer as e,SliderWrapper as r,SliderRightArrow as t}from"./styled.js";import{ArrowDownIcon as c}from"../../icons/arrow-down/index.js";import"../../icons/arrow-narrow-left/index.js";import"../../icons/arrow-narrow-right/index.js";import"../../icons/arrow-up/index.js";import"../../icons/bitcoin/index.js";import"../../icons/bot-circle/index.js";import"../../icons/bothub-agg/index.js";import"../../icons/business-colored/index.js";import"../../icons/check-circle/index.js";import"../../icons/close/index.js";import"../../icons/email-circle/index.js";import"../../icons/language/index.js";import"../../icons/lock-circle/index.js";import"../../icons/menu/index.js";import"../../icons/medium-circle/index.js";import"../../icons/tg-circle/index.js";import"../../icons/tg-colored/index.js";import"../../icons/youcassa/index.js";import"../../icons/dashboard/index.js";import"../../icons/user-profile/index.js";import"../../icons/logout/index.js";import"tslib";import"../../icons/habr-2/index.js";import"../../icons/arrow-2-down/index.js";import"../../icons/links/index.js";import"../../icons/free/index.js";import"../../icons/hotness/index.js";import"../../icons/checked/index.js";import"../../icons/ai/index.js";import"../../icons/bookmarks/index.js";import"../../icons/bookmarks-big/index.js";import"../../icons/chat/index.js";import"../../icons/chats/index.js";import"../../icons/coder/index.js";import"../../icons/copy/index.js";import"../../icons/edit/index.js";import"../../icons/minimize/index.js";import"../../icons/presets-big/index.js";import"../../icons/referal/index.js";import"../../icons/restore/index.js";import"../../icons/tariff/index.js";import"../../icons/trash/index.js";import"../../icons/unminimize/index.js";import"../../icons/update/index.js";import"../../icons/menu-dot/index.js";import"../../icons/plus-2/index.js";import"../../icons/plus-1/index.js";import"../../icons/send/index.js";import"../../icons/settings/index.js";import"../../icons/habr/index.js";import"../../icons/check-small/index.js";import"../../icons/stop/index.js";import"../../icons/thumb-up/index.js";import"../../icons/thumb-down/index.js";import"../../icons/star/index.js";import"../../icons/info-big/index.js";import"../../icons/warning-big/index.js";import"../../icons/error-big/index.js";import"../../icons/success-big/index.js";import"../../icons/mj/index.js";import"../../icons/card/index.js";import"../../icons/arrow-narrow-up/index.js";import"../../icons/arrow-narrow-down/index.js";import"../../icons/filters/index.js";import"../../icons/info/index.js";import"../../icons/search-circle/index.js";import"../../icons/save/index.js";import"../../icons/light/index.js";import"../../icons/dark/index.js";import"../../icons/email-colored/index.js";import"../../icons/action-chat/index.js";import"../../icons/attach/index.js";import"../../icons/avatar-add/index.js";import"../../icons/brush/index.js";import"../../icons/calendar/index.js";import"../../icons/claude/index.js";import"../../icons/cookie/index.js";import"../../icons/dalle/index.js";import"../../icons/download-img/index.js";import"../../icons/error/index.js";import"../../icons/expand/index.js";import"../../icons/eye/index.js";import"../../icons/face/index.js";import"../../icons/gear/index.js";import"../../icons/gear-min/index.js";import"../../icons/generation/index.js";import"../../icons/gpt-3_5/index.js";import"../../icons/gpt-4/index.js";import"../../icons/imagine/index.js";import"../../icons/imagine-2/index.js";import"../../icons/loader/index.js";import"../../icons/loader-circular/index.js";import"../../icons/loader-circular-gradient/index.js";import"../../icons/loader-circular-gradient-2/index.js";import"../../icons/minus/index.js";import"../../icons/mj-white/index.js";import"../../icons/prompt/index.js";import"../../icons/rabbit/index.js";import"../../icons/ratio-1x1/index.js";import"../../icons/ratio-2x3/index.js";import"../../icons/ratio-3x2/index.js";import"../../icons/ratio-4x5/index.js";import"../../icons/ratio-4x7/index.js";import"../../icons/ratio-5x4/index.js";import"../../icons/ratio-7x4/index.js";import"../../icons/ratio-16x9/index.js";import"../../icons/ratio-9x16/index.js";import"../../icons/ratio-21x9/index.js";import"../../icons/ratio-9x21/index.js";import"../../icons/refferal-min/index.js";import"../../icons/search-data/index.js";import"../../icons/square/index.js";import"../../icons/turtle/index.js";import"../../icons/upscale/index.js";import"../../icons/withdraw/index.js";import"../../icons/search-plus/index.js";import"../../icons/lightning/index.js";import"../../icons/blog-circle/index.js";import"../../icons/stripe/index.js";import"../../icons/corporate/index.js";import"../../icons/public/index.js";import"../../icons/private/index.js";import"../../icons/mistral/index.js";import"../../icons/gemini/index.js";import"../../icons/search-simple/index.js";import"../../icons/sad-robot/index.js";import"../../icons/model/index.js";import"../../icons/phone-colored/index.js";import"../../icons/questions/index.js";import"../../icons/pdf-big/index.js";import"../../icons/xls-big/index.js";import"../../icons/word-big/index.js";import"../../icons/txt-big/index.js";import"../../icons/pdf/index.js";import"../../icons/xls/index.js";import"../../icons/word/index.js";import"../../icons/txt/index.js";import"../../icons/bothub-logo-gradient/index.js";import"../../icons/telegram-logo-gradient/index.js";import"../../icons/decline-circle/index.js";import"../../icons/simple-gear-bg/index.js";import"../../icons/advanced-filter/index.js";import"../../icons/big-corporate/index.js";import"../../icons/big-mj/index.js";import"../../icons/big-models/index.js";import"../../icons/big-stats/index.js";import"../../icons/big-success/index.js";import"../../icons/big-users/index.js";import"../../icons/optional-presets/index.js";import"../../icons/wallet-withdraw/index.js";import"../../icons/big-presets/index.js";import"../../icons/big-favorite/index.js";import"../../icons/big-referal/index.js";import"../../icons/attach-file/index.js";import"../../icons/attach-file-big/index.js";import"../../icons/voice/index.js";import"../../icons/play-button/index.js";import"../../icons/pause-button/index.js";import"../../icons/text-read/index.js";import"../../icons/text-hide/index.js";import"../../icons/best-chat-bots/index.js";import"../../icons/upload/index.js";import"../../icons/enter/index.js";import"../../icons/discord/index.js";import"../../icons/discord-circle/index.js";import"../../icons/black-forest-labs/index.js";import"../../icons/flux/index.js";import"../../icons/stable-diffusion/index.js";import"../../icons/stability-ai/index.js";import"../../icons/article-generator/index.js";import"../../icons/success/index.js";import"../../icons/google/index.js";import"../../icons/yandex/index.js";import"../../icons/vk/index.js";import"../../icons/resend/index.js";import"../../icons/big-article/index.js";import"../../icons/add-chat/index.js";import"../../icons/add-group/index.js";import"../../icons/drag-dot/index.js";import"../../icons/add-folder/index.js";import"../../icons/temp-chat/index.js";import"../../icons/delete-chat/index.js";import"../../icons/sidebar-chat/index.js";import"../../icons/organization/index.js";import"../../icons/simple-gear/index.js";import"../../icons/text-bold/index.js";import"../../icons/text-italic/index.js";import"../../icons/text-underline/index.js";import"../../icons/text-strikethrough/index.js";import"../../icons/refresh/index.js";import"../../icons/copy-variants/index.js";import"../../icons/sort-ascending/index.js";import"../../icons/sort-descending/index.js";import"../../icons/quote/index.js";import"../../icons/url-circle/index.js";import"../../icons/show-ui/index.js";import"../../icons/hide-ui/index.js";import"../../icons/sort-user/index.js";import"../../icons/happy-robot/index.js";import"../../icons/happy-robot-gradient/index.js";import"../../icons/min-window/index.js";import"../../icons/max-window/index.js";import"../../icons/manage-chat/index.js";import"../../icons/analyze-urls/index.js";import"../../icons/web-search/index.js";import"../../icons/include-context/index.js";import"../../icons/queue/index.js";import"../../icons/sort-alphabet-ascending/index.js";import"../../icons/sort-alphabet-descending/index.js";import"../../icons/sort-date-ascending/index.js";import"../../icons/sort-date-descending/index.js";import"../../icons/cot-r1/index.js";import"../../icons/news/index.js";import"../../icons/volume/index.js";import"../../icons/flag-ru/index.js";import"../../icons/flag-kz/index.js";import"../../icons/print/index.js";import"../../icons/pc-icon-1/index.js";import"../../icons/pc-icon-2/index.js";import"../../icons/pc-icon-3/index.js";import"../../icons/star-unfilled/index.js";import"../../icons/image-generation/index.js";import"../../icons/speech-synthesys/index.js";import"../../icons/transcription/index.js";import"../../icons/text-rewrite/index.js";import"../../icons/code-generation/index.js";import"../../icons/essay-generation/index.js";import"../../icons/spelling/index.js";import"../../icons/text-generation/index.js";import"../../icons/traffic-analisys/index.js";import"../../icons/fav-profile/index.js";import"../../icons/exclamation/index.js";import{useSlider as d}from"./useSlider.js";const p=({gap:p,children:m})=>{const{isLeftDisabled:x,isRightDisabled:j,onScrollLeft:a,onScrollRight:l,scrollbarRef:g}=d();return i(s,{children:[o(n,{$hidden:x,children:o(e,{onClick:a,children:o(c,{})})}),o(r,{ref:g,$gap:p,children:m}),o(t,{$hidden:j,children:o(e,{onClick:l,children:o(c,{})})})]})};export{p as Slider,d as useSlider};
+import{jsxs as i,jsx as o}from"react/jsx-runtime";import{SliderContainer as s,SliderArrow as n,SliderIconContainer as e,SliderWrapper as r}from"./styled.js";import{ArrowDownIcon as t}from"../../icons/arrow-down/index.js";import"../../icons/arrow-narrow-left/index.js";import"../../icons/arrow-narrow-right/index.js";import"../../icons/arrow-up/index.js";import"../../icons/bitcoin/index.js";import"../../icons/bot-circle/index.js";import"../../icons/bothub-agg/index.js";import"../../icons/business-colored/index.js";import"../../icons/check-circle/index.js";import"../../icons/close/index.js";import"../../icons/email-circle/index.js";import"../../icons/language/index.js";import"../../icons/lock-circle/index.js";import"../../icons/menu/index.js";import"../../icons/medium-circle/index.js";import"../../icons/tg-circle/index.js";import"../../icons/tg-colored/index.js";import"../../icons/youcassa/index.js";import"../../icons/dashboard/index.js";import"../../icons/user-profile/index.js";import"../../icons/logout/index.js";import"tslib";import"../../icons/habr-2/index.js";import"../../icons/arrow-2-down/index.js";import"../../icons/links/index.js";import"../../icons/free/index.js";import"../../icons/hotness/index.js";import"../../icons/checked/index.js";import"../../icons/ai/index.js";import"../../icons/bookmarks/index.js";import"../../icons/bookmarks-big/index.js";import"../../icons/chat/index.js";import"../../icons/chats/index.js";import"../../icons/coder/index.js";import"../../icons/copy/index.js";import"../../icons/edit/index.js";import"../../icons/minimize/index.js";import"../../icons/presets-big/index.js";import"../../icons/referal/index.js";import"../../icons/restore/index.js";import"../../icons/tariff/index.js";import"../../icons/trash/index.js";import"../../icons/unminimize/index.js";import"../../icons/update/index.js";import"../../icons/menu-dot/index.js";import"../../icons/plus-2/index.js";import"../../icons/plus-1/index.js";import"../../icons/send/index.js";import"../../icons/settings/index.js";import"../../icons/habr/index.js";import"../../icons/check-small/index.js";import"../../icons/stop/index.js";import"../../icons/thumb-up/index.js";import"../../icons/thumb-down/index.js";import"../../icons/star/index.js";import"../../icons/info-big/index.js";import"../../icons/warning-big/index.js";import"../../icons/error-big/index.js";import"../../icons/success-big/index.js";import"../../icons/mj/index.js";import"../../icons/card/index.js";import"../../icons/arrow-narrow-up/index.js";import"../../icons/arrow-narrow-down/index.js";import"../../icons/filters/index.js";import"../../icons/info/index.js";import"../../icons/search-circle/index.js";import"../../icons/save/index.js";import"../../icons/light/index.js";import"../../icons/dark/index.js";import"../../icons/email-colored/index.js";import"../../icons/action-chat/index.js";import"../../icons/attach/index.js";import"../../icons/avatar-add/index.js";import"../../icons/brush/index.js";import"../../icons/calendar/index.js";import"../../icons/claude/index.js";import"../../icons/cookie/index.js";import"../../icons/dalle/index.js";import"../../icons/download-img/index.js";import"../../icons/error/index.js";import"../../icons/expand/index.js";import"../../icons/eye/index.js";import"../../icons/face/index.js";import"../../icons/gear/index.js";import"../../icons/gear-min/index.js";import"../../icons/generation/index.js";import"../../icons/gpt-3_5/index.js";import"../../icons/gpt-4/index.js";import"../../icons/imagine/index.js";import"../../icons/imagine-2/index.js";import"../../icons/loader/index.js";import"../../icons/loader-circular/index.js";import"../../icons/loader-circular-gradient/index.js";import"../../icons/loader-circular-gradient-2/index.js";import"../../icons/minus/index.js";import"../../icons/mj-white/index.js";import"../../icons/prompt/index.js";import"../../icons/rabbit/index.js";import"../../icons/ratio-1x1/index.js";import"../../icons/ratio-2x3/index.js";import"../../icons/ratio-3x2/index.js";import"../../icons/ratio-4x5/index.js";import"../../icons/ratio-4x7/index.js";import"../../icons/ratio-5x4/index.js";import"../../icons/ratio-7x4/index.js";import"../../icons/ratio-16x9/index.js";import"../../icons/ratio-9x16/index.js";import"../../icons/ratio-21x9/index.js";import"../../icons/ratio-9x21/index.js";import"../../icons/refferal-min/index.js";import"../../icons/search-data/index.js";import"../../icons/square/index.js";import"../../icons/turtle/index.js";import"../../icons/upscale/index.js";import"../../icons/withdraw/index.js";import"../../icons/search-plus/index.js";import"../../icons/lightning/index.js";import"../../icons/blog-circle/index.js";import"../../icons/stripe/index.js";import"../../icons/corporate/index.js";import"../../icons/public/index.js";import"../../icons/private/index.js";import"../../icons/mistral/index.js";import"../../icons/gemini/index.js";import"../../icons/search-simple/index.js";import"../../icons/sad-robot/index.js";import"../../icons/model/index.js";import"../../icons/phone-colored/index.js";import"../../icons/questions/index.js";import"../../icons/pdf-big/index.js";import"../../icons/xls-big/index.js";import"../../icons/word-big/index.js";import"../../icons/txt-big/index.js";import"../../icons/pdf/index.js";import"../../icons/xls/index.js";import"../../icons/word/index.js";import"../../icons/txt/index.js";import"../../icons/bothub-logo-gradient/index.js";import"../../icons/telegram-logo-gradient/index.js";import"../../icons/decline-circle/index.js";import"../../icons/simple-gear-bg/index.js";import"../../icons/advanced-filter/index.js";import"../../icons/big-corporate/index.js";import"../../icons/big-mj/index.js";import"../../icons/big-models/index.js";import"../../icons/big-stats/index.js";import"../../icons/big-success/index.js";import"../../icons/big-users/index.js";import"../../icons/optional-presets/index.js";import"../../icons/wallet-withdraw/index.js";import"../../icons/big-presets/index.js";import"../../icons/big-favorite/index.js";import"../../icons/big-referal/index.js";import"../../icons/attach-file/index.js";import"../../icons/attach-file-big/index.js";import"../../icons/voice/index.js";import"../../icons/play-button/index.js";import"../../icons/pause-button/index.js";import"../../icons/text-read/index.js";import"../../icons/text-hide/index.js";import"../../icons/best-chat-bots/index.js";import"../../icons/upload/index.js";import"../../icons/enter/index.js";import"../../icons/discord/index.js";import"../../icons/discord-circle/index.js";import"../../icons/black-forest-labs/index.js";import"../../icons/flux/index.js";import"../../icons/stable-diffusion/index.js";import"../../icons/stability-ai/index.js";import"../../icons/article-generator/index.js";import"../../icons/success/index.js";import"../../icons/google/index.js";import"../../icons/yandex/index.js";import"../../icons/vk/index.js";import"../../icons/resend/index.js";import"../../icons/big-article/index.js";import"../../icons/add-chat/index.js";import"../../icons/add-group/index.js";import"../../icons/drag-dot/index.js";import"../../icons/add-folder/index.js";import"../../icons/temp-chat/index.js";import"../../icons/delete-chat/index.js";import"../../icons/sidebar-chat/index.js";import"../../icons/organization/index.js";import"../../icons/simple-gear/index.js";import"../../icons/text-bold/index.js";import"../../icons/text-italic/index.js";import"../../icons/text-underline/index.js";import"../../icons/text-strikethrough/index.js";import"../../icons/refresh/index.js";import"../../icons/copy-variants/index.js";import"../../icons/sort-ascending/index.js";import"../../icons/sort-descending/index.js";import"../../icons/quote/index.js";import"../../icons/url-circle/index.js";import"../../icons/show-ui/index.js";import"../../icons/hide-ui/index.js";import"../../icons/sort-user/index.js";import"../../icons/happy-robot/index.js";import"../../icons/happy-robot-gradient/index.js";import"../../icons/min-window/index.js";import"../../icons/max-window/index.js";import"../../icons/manage-chat/index.js";import"../../icons/analyze-urls/index.js";import"../../icons/web-search/index.js";import"../../icons/include-context/index.js";import"../../icons/queue/index.js";import"../../icons/sort-alphabet-ascending/index.js";import"../../icons/sort-alphabet-descending/index.js";import"../../icons/sort-date-ascending/index.js";import"../../icons/sort-date-descending/index.js";import"../../icons/cot-r1/index.js";import"../../icons/news/index.js";import"../../icons/volume/index.js";import"../../icons/flag-ru/index.js";import"../../icons/flag-kz/index.js";import"../../icons/print/index.js";import"../../icons/pc-icon-1/index.js";import"../../icons/pc-icon-2/index.js";import"../../icons/pc-icon-3/index.js";import"../../icons/star-unfilled/index.js";import"../../icons/image-generation/index.js";import"../../icons/speech-synthesys/index.js";import"../../icons/transcription/index.js";import"../../icons/text-rewrite/index.js";import"../../icons/code-generation/index.js";import"../../icons/essay-generation/index.js";import"../../icons/spelling/index.js";import"../../icons/text-generation/index.js";import"../../icons/traffic-analisys/index.js";import"../../icons/fav-profile/index.js";import"../../icons/exclamation/index.js";import{useSlider as c}from"./useSlider.js";const d=({arrowsSize:d="md",gap:p=10,children:m})=>{const{isLeftDisabled:x,isRightDisabled:j,onScrollLeft:a,onScrollRight:l,scrollbarRef:g}=c();return i(s,{children:[o(n,{$hidden:x,$arrowsSize:d,children:o(e,{onClick:a,children:o(t,{})})}),o(r,{ref:g,$gap:p,children:m}),o(n,{$hidden:j,$arrowsSize:d,$isLeftArrow:!1,children:o(e,{onClick:l,children:o(t,{})})})]})};export{d as Slider,c as useSlider};

package/dist/components/slider/styled.d.ts

@@ -1,3 +1,4 @@
+import { ArrowsSize } from './types';
 export declare const SliderContainer: import("styled-components").IStyledComponent<"web", {
     ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
@@ -271,282 +272,13 @@ export declare const SliderContainer: import("styled-components").IStyledCompone
 export declare const SliderWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("../scrollbar").ScrollbarProps & import("react").RefAttributes<import("../scrollbar").ScrollbarRef>, "ref"> & {
     ref?: ((instance: import("../scrollbar").ScrollbarRef | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("../scrollbar").ScrollbarRef> | null | undefined;
 }, {
-    $gap?: number;
+    $gap: number;
 }>>;
-export declare const SliderLeftArrow: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const SliderArrow: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $hidden: boolean;
+    $arrowsSize: ArrowsSize;
+    $isLeftArrow?: boolean;
 }>>;
-export declare const SliderRightArrow: import("styled-components").IStyledComponent<"web", {
-    children?: import("react").ReactNode;
-    hidden?: boolean | undefined | undefined;
-    color?: string | undefined | undefined;
-    content?: string | undefined | undefined;
-    style?: import("react").CSSProperties | undefined;
-    key?: import("react").Key | null | undefined;
-    defaultChecked?: boolean | undefined | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined | undefined;
-    suppressHydrationWarning?: boolean | undefined | undefined;
-    accessKey?: string | undefined | undefined;
-    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-    autoFocus?: boolean | undefined | undefined;
-    className?: string | undefined | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    id?: string | undefined | undefined;
-    lang?: string | undefined | undefined;
-    nonce?: string | undefined | undefined;
-    slot?: string | undefined | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
-    tabIndex?: number | undefined | undefined;
-    title?: string | undefined | undefined;
-    translate?: "yes" | "no" | undefined | undefined;
-    radioGroup?: string | undefined | undefined;
-    role?: import("react").AriaRole | undefined;
-    about?: string | undefined | undefined;
-    datatype?: string | undefined | undefined;
-    inlist?: any;
-    prefix?: string | undefined | undefined;
-    property?: string | undefined | undefined;
-    rel?: string | undefined | undefined;
-    resource?: string | undefined | undefined;
-    rev?: string | undefined | undefined;
-    typeof?: string | undefined | undefined;
-    vocab?: string | undefined | undefined;
-    autoCorrect?: string | undefined | undefined;
-    autoSave?: string | undefined | undefined;
-    itemProp?: string | undefined | undefined;
-    itemScope?: boolean | undefined | undefined;
-    itemType?: string | undefined | undefined;
-    itemID?: string | undefined | undefined;
-    itemRef?: string | undefined | undefined;
-    results?: number | undefined | undefined;
-    security?: string | undefined | undefined;
-    unselectable?: "on" | "off" | undefined | undefined;
-    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-    is?: string | undefined | undefined;
-    "aria-activedescendant"?: string | undefined | undefined;
-    "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
-    "aria-braillelabel"?: string | undefined | undefined;
-    "aria-brailleroledescription"?: string | undefined | undefined;
-    "aria-busy"?: (boolean | "false" | "true") | undefined;
-    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    "aria-colcount"?: number | undefined | undefined;
-    "aria-colindex"?: number | undefined | undefined;
-    "aria-colindextext"?: string | undefined | undefined;
-    "aria-colspan"?: number | undefined | undefined;
-    "aria-controls"?: string | undefined | undefined;
-    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-    "aria-describedby"?: string | undefined | undefined;
-    "aria-description"?: string | undefined | undefined;
-    "aria-details"?: string | undefined | undefined;
-    "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-    "aria-errormessage"?: string | undefined | undefined;
-    "aria-expanded"?: (boolean | "false" | "true") | undefined;
-    "aria-flowto"?: string | undefined | undefined;
-    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-    "aria-hidden"?: (boolean | "false" | "true") | undefined;
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-    "aria-keyshortcuts"?: string | undefined | undefined;
-    "aria-label"?: string | undefined | undefined;
-    "aria-labelledby"?: string | undefined | undefined;
-    "aria-level"?: number | undefined | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
-    "aria-modal"?: (boolean | "false" | "true") | undefined;
-    "aria-multiline"?: (boolean | "false" | "true") | undefined;
-    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
-    "aria-owns"?: string | undefined | undefined;
-    "aria-placeholder"?: string | undefined | undefined;
-    "aria-posinset"?: number | undefined | undefined;
-    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-    "aria-required"?: (boolean | "false" | "true") | undefined;
-    "aria-roledescription"?: string | undefined | undefined;
-    "aria-rowcount"?: number | undefined | undefined;
-    "aria-rowindex"?: number | undefined | undefined;
-    "aria-rowindextext"?: string | undefined | undefined;
-    "aria-rowspan"?: number | undefined | undefined;
-    "aria-selected"?: (boolean | "false" | "true") | undefined;
-    "aria-setsize"?: number | undefined | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-    "aria-valuemax"?: number | undefined | undefined;
-    "aria-valuemin"?: number | undefined | undefined;
-    "aria-valuenow"?: number | undefined | undefined;
-    "aria-valuetext"?: string | undefined | undefined;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined | undefined;
-    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
-    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
-    onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    $hidden: boolean;
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>;
 export declare const SliderIconContainer: import("styled-components").IStyledComponent<"web", {
     ref?: import("react").LegacyRef<HTMLButtonElement> | undefined;
     key?: import("react").Key | null | undefined;

package/dist/components/slider/styled.js

@@ -1 +1 @@
-import{styled as t,css as e}from"styled-components";import{Scrollbar as o}from"../scrollbar/index.js";const i=t.div.withConfig({displayName:"styled__SliderContainer",componentId:"sc-5w9m4p-0"})(["width:100%;position:relative;"]),n=t(o).withConfig({displayName:"styled__SliderWrapper",componentId:"sc-5w9m4p-1"})(["display:flex;gap:","px;scrollbar-width:none;"],(({$gap:t})=>t||0)),r=t.div.withConfig({displayName:"styled__SliderLeftArrow",componentId:"sc-5w9m4p-2"})(["width:80px;height:100%;background:linear-gradient( -90deg,rgba(14,12,21,0) 0%,rgba(14,12,21,1) 100% );position:absolute;z-index:2;top:0;left:0;transition:opacity 0.2s;",";svg{width:24px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%) rotate(90deg);}"],(({$hidden:t})=>t&&e(["opacity:0;pointer-events:none;"]))),d=t(r).withConfig({displayName:"styled__SliderRightArrow",componentId:"sc-5w9m4p-3"})(["left:unset;right:0;transform:rotate(180deg);"]),p=t.button.withConfig({displayName:"styled__SliderIconContainer",componentId:"sc-5w9m4p-4"})(["all:unset;cursor:pointer;"]);export{i as SliderContainer,p as SliderIconContainer,r as SliderLeftArrow,d as SliderRightArrow,n as SliderWrapper};
+import{styled as e,css as t}from"styled-components";import{Scrollbar as i}from"../scrollbar/index.js";const r=e.div.withConfig({displayName:"styled__SliderContainer",componentId:"sc-5w9m4p-0"})(["width:100%;position:relative;"]),o=e(i).withConfig({displayName:"styled__SliderWrapper",componentId:"sc-5w9m4p-1"})(["display:flex;gap:","px;scrollbar-width:none;"],(({$gap:e})=>e)),n=e.div.withConfig({displayName:"styled__SliderArrow",componentId:"sc-5w9m4p-2"})(["height:100%;position:absolute;z-index:2;top:0;transition:opacity 0.2s;",";",";",";svg{position:absolute;top:50%;left:0;transform:translateY(-50%) rotate(90deg);",";",";}"],(({$isLeftArrow:e=!0})=>t(e?["left:0;"]:["right:-0.5px;transform:rotate(180deg);"])),(({$arrowsSize:e})=>{switch(e){case"sm":return t(["width:40px;background:",";"],(({theme:e})=>"light"===e.mode?"linear-gradient(-90deg, #F5F6F700 0%, #F5F6F7 100%)":"linear-gradient(-90deg, #12182500 0%, #121825 100%)"));case"md":return t(["width:48px;background:",";"],(({theme:e})=>"light"===e.mode?"linear-gradient(-90deg, #F5F6F700 0%, #F5F6F7 100%)":"linear-gradient(-90deg, #0e0c1500 0%, #0e0c15 100%)"))}}),(({$hidden:e})=>e&&t(["opacity:0;pointer-events:none;"])),(({$arrowsSize:e})=>{switch(e){case"sm":return t(["width:18px;height:18px;"]);case"md":return t(["width:24px;height:24px;"])}}),(({theme:e})=>"light"===e.mode&&t(["path{stroke:",";}"],(({theme:e})=>e.colors.grayScale.gray1)))),a=e.button.withConfig({displayName:"styled__SliderIconContainer",componentId:"sc-5w9m4p-3"})(["all:unset;cursor:pointer;"]);export{n as SliderArrow,r as SliderContainer,a as SliderIconContainer,o as SliderWrapper};

package/dist/components/slider/types.d.ts

@@ -0,0 +1 @@
+export type ArrowsSize = 'sm' | 'md';

package/dist/components/slider/useSlider.js

@@ -1 +1 @@
-import{useState as e,useRef as t,useEffect as l}from"react";const n=()=>{const[n,o]=e(!0),[r,i]=e(!1),c=t(null);return l((()=>{const e=c.current,t=()=>{var e;const t=null===(e=c.current)||void 0===e?void 0:e.element;if(!t)return;if(!(t.scrollWidth>t.clientWidth))return o(!0),void i(!0);t.scrollWidth-t.scrollLeft<=t.clientWidth+1?i(!0):i(!1),t.scrollLeft<=0?o(!0):o(!1)};if(e&&e.element)return e.element.addEventListener("scroll",t),t(),()=>{e&&e.element&&e.element.removeEventListener("scroll",t)}}),[]),{isLeftDisabled:n,isRightDisabled:r,onScrollLeft:()=>{var e,t;const l=null===(t=null===(e=c.current)||void 0===e?void 0:e.element)||void 0===t?void 0:t.children;if(!l)return;let n=0,o=-9999;for(let e=0;e<l.length;e+=1){const t=l[e].getBoundingClientRect();t.x+1<0&&t.x>o&&(o=Math.floor(t.x),n=e)}-9999===o&&0===n||l[n].scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})},onScrollRight:()=>{var e,t,l,n;const o=null===(t=null===(e=c.current)||void 0===e?void 0:e.element)||void 0===t?void 0:t.children;if(!o)return;let r=0,i=9999;const d=null===(n=null===(l=c.current)||void 0===l?void 0:l.element)||void 0===n?void 0:n.getBoundingClientRect().width;if(d){for(let e=0;e<o.length;e+=1){const t=o[e].getBoundingClientRect();t.right-1>d&&t.right<i&&(i=Math.floor(t.right),r=e)}9999===i&&0===r||o[r].scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}},scrollbarRef:c}};export{n as useSlider};
+import{useState as e,useRef as t,useEffect as n}from"react";const l=()=>{const[l,o]=e(!0),[r,i]=e(!1),c=t(null);return n((()=>{const e=c.current,t=()=>{var e;const t=null===(e=c.current)||void 0===e?void 0:e.element;if(!t)return;if(!(t.scrollWidth>t.clientWidth))return o(!0),void i(!0);t.scrollWidth-t.scrollLeft<=t.clientWidth+1?i(!0):i(!1),t.scrollLeft<=0?o(!0):o(!1)};if(e&&e.element)return e.element.addEventListener("scroll",t),t(),()=>{e&&e.element&&e.element.removeEventListener("scroll",t)}}),[]),{isLeftDisabled:l,isRightDisabled:r,onScrollLeft:()=>{var e;const t=null===(e=c.current)||void 0===e?void 0:e.element,n=null==t?void 0:t.children;if(!n||!t)return;const l=t.getBoundingClientRect();let o=0,r=-9999;for(let e=0;e<n.length;e+=1){const t=n[e].getBoundingClientRect().left-l.left;t+1<0&&t>r&&(r=Math.floor(t),o=e)}-9999===r&&0===o||n[o].scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})},onScrollRight:()=>{var e;const t=null===(e=c.current)||void 0===e?void 0:e.element,n=null==t?void 0:t.children;if(!n||!t)return;const l=t.getBoundingClientRect();let o=0,r=9999;const i=t.clientWidth;if(i){for(let e=0;e<n.length;e+=1){const t=n[e].getBoundingClientRect().right-l.left;t-1>i&&t<r&&(r=Math.floor(t),o=e)}9999===r&&0===o||n[o].scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}},scrollbarRef:c}};export{l as useSlider};

package/dist/components/text-field/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { TextFieldStyled } from './styled';
-import { TextFieldType } from './types';
+import { TextFieldType, Variant } from './types';
 export type TextFieldValueChangeEventHandler = (value: string) => unknown;
-export interface TextFieldProps extends Omit<React.ComponentProps<typeof TextFieldStyled>, 'onChange' | 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | '$fullWidth' | '$disabled'> {
+export interface TextFieldProps extends Omit<React.ComponentProps<typeof TextFieldStyled>, 'onChange' | 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | '$fullWidth' | '$disabled' | 'autoFocus'> {
     label?: string | boolean | React.ReactNode;
     placeholder?: string;
     value?: string;
@@ -16,6 +16,8 @@ export interface TextFieldProps extends Omit<React.ComponentProps<typeof TextFie
     disabled?: boolean;
     skeleton?: boolean;
     readonly?: boolean;
+    variant?: Variant;
+    autoFocus?: boolean;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     onFocus?: React.FocusEventHandler<HTMLInputElement>;
     onBlur?: React.FocusEventHandler<HTMLInputElement>;

package/dist/components/text-field/index.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsxs as o,jsx as l}from"react/jsx-runtime";import{useRef as r,useState as n,useCallback as t}from"react";import{TextFieldStyled as s,TextFieldLabel as a,TextFieldBlock as i,TextFieldColor as c,TextFieldColorInput as u,TextFieldColorPreview as d,TextFieldInput as p,TextFieldClearButton as h,TextFieldSkeleton as m,TextFieldErrorText as f}from"./styled.js";import{IconProvider as g}from"../icon/context.js";import"../icon/styled.js";import"@react-spring/web";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../../theme/index.js";import"../tooltip/context.js";import{SearchCircleIcon as b}from"../../icons/search-circle/index.js";import{Skeleton as j}from"../skeleton/index.js";import{useTheme as y}from"../../theme/hook.js";const $=$=>{var{label:v,placeholder:C,value:k,defaultValue:x,error:O,name:S,type:M,fullWidth:V=!1,disabled:w=!1,startIcon:I,endIcon:B,skeleton:E=!1,onChange:F,onFocus:L,onBlur:W,onMouseEnter:z,onMouseLeave:q,onValueChange:A,readonly:D=!1}=$,G=e($,["label","placeholder","value","defaultValue","error","name","type","fullWidth","disabled","startIcon","endIcon","skeleton","onChange","onFocus","onBlur","onMouseEnter","onMouseLeave","onValueChange","readonly"]);const H=y(),J=r(null),[K,N]=n(!1),[P,Q]=n(!1),R=t((e=>{null==L||L(e),N(!0)}),[L]),T=t((e=>{null==W||W(e),N(!1)}),[W]),U=t((e=>{null==z||z(e),Q(!0)}),[z]),X=t((e=>{null==q||q(e),Q(!1)}),[q]),Y=t((e=>{null==F||F(e),null==A||A(e.target.value)}),[F,A]),Z=t((()=>{const e=J.current;null!==e&&(e.value="",null==A||A(""))}),[F]),_=Object.assign(Object.assign({size:16},w&&{fill:H.colors.grayScale.gray1}),!w&&{fill:"light"===H.mode?H.default.colors.accent.primary:H.colors.base.white});return o(s,Object.assign({},G,{$fullWidth:V,$disabled:w,children:[v&&E&&l(a,{children:l(j,{width:100})}),"string"==typeof v&&!E&&l(a,{children:v}),"string"!=typeof v&&!E&&v,!E&&o(i,{$error:!!O,$hover:P,$focus:K,$disabled:w,$skeleton:!1,children:[("search"===M||I)&&o(g,Object.assign({},_,{children:[I,"search"===M&&l(b,{})]})),"color"===M&&"object"==typeof CSS&&"function"==typeof CSS.supports&&CSS.supports("background",null!=k?k:"#000")&&o(c,{children:[l(u,{value:null!=k?k:"#000",onChange:Y}),l(d,{$color:null!=k?k:"#000"})]}),l(p,Object.assign({ref:J,value:k},"color"===M&&{type:"text"},"color"!==M&&{type:M},{name:S,readOnly:D,defaultValue:x,placeholder:C,disabled:w,onChange:Y,onFocus:R,onBlur:T,onMouseEnter:U,onMouseLeave:X})),"search"===M&&k&&l(h,{onClick:Z}),"search"!==M&&B&&l(g,Object.assign({},_,{children:B}))]}),E&&l(i,{$error:!1,$hover:!1,$focus:!1,$disabled:!1,$skeleton:!0,children:l(m,{})}),O&&l(f,{children:O})]}))};export{$ as TextField,i as TextFieldBlock,h as TextFieldClearButton,c as TextFieldColor,u as TextFieldColorInput,d as TextFieldColorPreview,f as TextFieldErrorText,p as TextFieldInput,a as TextFieldLabel,m as TextFieldSkeleton,s as TextFieldStyled};
+import{__rest as e}from"tslib";import{jsxs as o,jsx as r}from"react/jsx-runtime";import{useRef as l,useState as t,useCallback as n}from"react";import{TextFieldStyled as a,TextFieldLabel as s,TextFieldBlock as i,TextFieldColor as c,TextFieldColorInput as u,TextFieldColorPreview as d,TextFieldInput as p,TextFieldClearButton as h,TextFieldSkeleton as m,TextFieldErrorText as f}from"./styled.js";import{IconProvider as g}from"../icon/context.js";import"../icon/styled.js";import"@react-spring/web";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../../theme/index.js";import"../tooltip/context.js";import{SearchCircleIcon as y}from"../../icons/search-circle/index.js";import{Skeleton as b}from"../skeleton/index.js";import{useTheme as j}from"../../theme/hook.js";const v=v=>{var{label:$,placeholder:C,value:k,defaultValue:x,error:O,name:S,type:F,fullWidth:M=!1,disabled:V=!1,startIcon:w,endIcon:I,skeleton:B=!1,onChange:E,onFocus:L,onBlur:W,onMouseEnter:z,onMouseLeave:q,onValueChange:A,readonly:D=!1,variant:G="primary",autoFocus:H}=v,J=e(v,["label","placeholder","value","defaultValue","error","name","type","fullWidth","disabled","startIcon","endIcon","skeleton","onChange","onFocus","onBlur","onMouseEnter","onMouseLeave","onValueChange","readonly","variant","autoFocus"]);const K=j(),N=l(null),[P,Q]=t(!1),[R,T]=t(!1),U=n((e=>{null==L||L(e),Q(!0)}),[L]),X=n((e=>{null==W||W(e),Q(!1)}),[W]),Y=n((e=>{null==z||z(e),T(!0)}),[z]),Z=n((e=>{null==q||q(e),T(!1)}),[q]),_=n((e=>{null==E||E(e),null==A||A(e.target.value)}),[E,A]),ee=n((()=>{const e=N.current;null!==e&&(e.value="",null==A||A(""))}),[E]),oe=Object.assign(Object.assign({size:16},V&&{fill:K.colors.grayScale.gray1}),!V&&{fill:"light"===K.mode?K.default.colors.accent.primary:K.colors.base.white});return o(a,Object.assign({},J,{$fullWidth:M,$disabled:V,children:[$&&B&&r(s,{children:r(b,{width:100})}),"string"==typeof $&&!B&&r(s,{children:$}),"string"!=typeof $&&!B&&$,!B&&o(i,{$error:!!O,$hover:R,$focus:P,$disabled:V,$skeleton:!1,$variant:G,children:[("search"===F||w)&&o(g,Object.assign({},oe,{children:[w,"search"===F&&r(y,{})]})),"color"===F&&"object"==typeof CSS&&"function"==typeof CSS.supports&&CSS.supports("background",null!=k?k:"#000")&&o(c,{children:[r(u,{value:null!=k?k:"#000",onChange:_}),r(d,{$color:null!=k?k:"#000"})]}),r(p,Object.assign({ref:N,value:k},"color"===F&&{type:"text"},"color"!==F&&{type:F},{name:S,readOnly:D,defaultValue:x,placeholder:C,disabled:V,onChange:_,onFocus:U,onBlur:X,onMouseEnter:Y,onMouseLeave:Z,$variant:G,autoFocus:H})),"search"===F&&k&&r(h,{onClick:ee}),"search"!==F&&I&&r(g,Object.assign({},oe,{children:I}))]}),B&&r(i,{$error:!1,$hover:!1,$focus:!1,$disabled:!1,$skeleton:!0,$variant:G,children:r(m,{})}),O&&r(f,{children:O})]}))};export{v as TextField,i as TextFieldBlock,h as TextFieldClearButton,c as TextFieldColor,u as TextFieldColorInput,d as TextFieldColorPreview,f as TextFieldErrorText,p as TextFieldInput,s as TextFieldLabel,m as TextFieldSkeleton,a as TextFieldStyled};