@max-ts/kit 1.4.1 → 1.5.0

package/lib/components/Calendar/Dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAWvD,wBAAgB,QAAQ,CACvB,KAAK,EAAE;IACN,OAAO,CAAC,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;CACvC,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,+BA6C7D"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIvD,wBAAgB,QAAQ,CACvB,KAAK,EAAE;IACN,OAAO,CAAC,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;CACvC,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,+BA6C7D"}

package/lib/components/PeriodPicker/YearsDropdown/YearsDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"YearsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/PeriodPicker/YearsDropdown/YearsDropdown.tsx"],"names":[],"mappings":"AASA,KAAK,kBAAkB,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,IAAI,CAAC;IACd,OAAO,EAAE,IAAI,CAAC;CACd,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC7B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,OAAO,GACP,EAAE,kBAAkB,+BA8BpB"}
+{"version":3,"file":"YearsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/PeriodPicker/YearsDropdown/YearsDropdown.tsx"],"names":[],"mappings":"AAEA,KAAK,kBAAkB,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,IAAI,CAAC;IACd,OAAO,EAAE,IAAI,CAAC;CACd,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC7B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,OAAO,GACP,EAAE,kBAAkB,+BA8BpB"}

package/lib/components/Select/Select.d.ts

@@ -1,27 +1,16 @@
-import { type SelectPositioner, Select as SelectPrimitive, type SelectRoot } from '@base-ui/react/select';
-export type SelectProps<Value = string> = Omit<SelectRoot.Props<Value>, 'onValueChange'> & {
-    onValueChange?: (value: Value, eventDetails: SelectRoot.ChangeEventDetails) => void;
-};
-declare const Select: <Value = string>({ onValueChange, ...props }: SelectProps<Value>) => import("react").JSX.Element;
-declare const SelectGroup: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-declare const SelectValue: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectValueProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-export type SelectTriggerProps = SelectPrimitive.Trigger.Props & {
-    size?: 'small' | 'medium' | 'large';
-};
-declare const SelectTrigger: ({ className, children, size, ...props }: SelectTriggerProps) => import("react").JSX.Element;
-export type ScrollUpButtonProps = SelectPrimitive.ScrollUpArrow.Props;
-declare const SelectScrollUpButton: ({ className, ...props }: ScrollUpButtonProps) => import("react").JSX.Element;
-export type ScrollDownButtonProps = SelectPrimitive.ScrollDownArrow.Props;
-declare const SelectScrollDownButton: ({ className, ...props }: ScrollDownButtonProps) => import("react").JSX.Element;
-export type SelectContentProps = SelectPrimitive.Popup.Props & Pick<SelectPositioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset' | 'alignItemWithTrigger'> & {
-    position?: 'popper' | 'item-aligned';
-};
-declare const SelectContent: ({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, position, ...props }: SelectContentProps) => import("react").JSX.Element;
-export type SelectLabelProps = SelectPrimitive.GroupLabel.Props;
-declare const SelectLabel: ({ className, ...props }: SelectLabelProps) => import("react").JSX.Element;
-export type SelectItemProps = SelectPrimitive.Item.Props;
-declare const SelectItem: ({ className, children, ...props }: SelectItemProps) => import("react").JSX.Element;
-export type SelectSeparatorProps = SelectPrimitive.Separator.Props;
-declare const SelectSeparator: ({ className, ...props }: SelectSeparatorProps) => import("react").JSX.Element;
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
+import type { SelectProps } from './types';
+declare function Select<Value = string, Multiple extends boolean | undefined = false>({ onValueChange, ...props }: SelectProps.Root<Value, Multiple>): import("react").JSX.Element;
+declare namespace Select {
+    var Trigger: ({ className, children, size, ...props }: SelectProps.Trigger) => import("react").JSX.Element;
+    var Value: ({ ...props }: SelectProps.Value) => import("react").JSX.Element;
+    var Content: ({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, position, ...props }: SelectProps.Content) => import("react").JSX.Element;
+    var Group: ({ ...props }: SelectProps.Group) => import("react").JSX.Element;
+    var Label: ({ className, ...props }: SelectProps.Label) => import("react").JSX.Element;
+    var Item: ({ className, children, ...props }: SelectProps.Item) => import("react").JSX.Element;
+    var ScrollDownButton: ({ className, ...props }: SelectProps.ScrollDownButton) => import("react").JSX.Element;
+    var ScrollUpButton: ({ className, ...props }: SelectProps.ScrollUpButton) => import("react").JSX.Element;
+    var Separator: ({ className, ...props }: SelectProps.Separator) => import("react").JSX.Element;
+}
+export type { SelectProps };
+export { Select };
 //# sourceMappingURL=Select.d.ts.map

package/lib/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,gBAAgB,EACrB,MAAM,IAAI,eAAe,EACzB,KAAK,UAAU,EACf,MAAM,uBAAuB,CAAC;AAK/B,MAAM,MAAM,WAAW,CAAC,KAAK,GAAG,MAAM,IAAI,IAAI,CAC7C,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EACvB,eAAe,CACf,GAAG;IACH,aAAa,CAAC,EAAE,CACf,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,UAAU,CAAC,kBAAkB,KACvC,IAAI,CAAC;CACV,CAAC;AAEF,QAAA,MAAM,MAAM,GAAI,KAAK,GAAG,MAAM,EAAE,6BAG7B,WAAW,CAAC,KAAK,CAAC,gCASpB,CAAC;AACF,QAAA,MAAM,WAAW,mJAAwB,CAAC;AAC1C,QAAA,MAAM,WAAW,oJAAwB,CAAC;AAE1C,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG;IAChE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACpC,CAAC;AACF,QAAA,MAAM,aAAa,GAAI,yCAKpB,kBAAkB,gCASpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC,aAAa,CAAC,KAAK,CAAC;AACtE,QAAA,MAAM,oBAAoB,GAAI,yBAAyB,mBAAmB,gCAQzE,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,eAAe,CAAC,eAAe,CAAC,KAAK,CAAC;AAE1E,QAAA,MAAM,sBAAsB,GAAI,yBAG7B,qBAAqB,gCAQvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,GAC3D,IAAI,CACH,gBAAgB,CAAC,KAAK,EACtB,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,sBAAsB,CACxE,GAAG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;CACrC,CAAC;AAEH,QAAA,MAAM,aAAa,GAAI,yGAUpB,kBAAkB,gCAuBpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC;AAChE,QAAA,MAAM,WAAW,GAAI,yBAAyB,gBAAgB,gCAM7D,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;AACzD,QAAA,MAAM,UAAU,GAAI,mCAAmC,eAAe,gCAWrE,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,eAAe,CAAC,SAAS,CAAC,KAAK,CAAC;AAEnE,QAAA,MAAM,eAAe,GAAI,yBAAyB,oBAAoB,gCAMrE,CAAC;AAEF,OAAO,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACX,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,iBAAS,MAAM,CAAC,KAAK,GAAG,MAAM,EAAE,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,EAC7E,aAAa,EACb,GAAG,KAAK,EACR,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,+BAYnC;kBAfQ,MAAM;2DA8BZ,WAAW,CAAC,OAAO;8BATO,WAAW,CAAC,KAAK;2HA+D3C,WAAW,CAAC,OAAO;8BAnEO,WAAW,CAAC,KAAK;yCAoGN,WAAW,CAAC,KAAK;kDAUR,WAAW,CAAC,IAAI;oDAjE9D,WAAW,CAAC,gBAAgB;kDAfkB,WAAW,CAAC,cAAc;6CAoG/B,WAAW,CAAC,SAAS;;AAoBjE,YAAY,EAAE,WAAW,EAAE,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/lib/components/Select/styles.css.d.ts

@@ -1,5 +1,4 @@
 export declare const trigger: string;
-export declare const sizes: Record<"small" | "medium" | "large", string>;
 export declare const scrollButton: string;
 export declare const positioner: string;
 export declare const content: string;

package/lib/components/Select/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Select/styles.css.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,OAAO,QAyBlB,CAAC;AAGH,eAAO,MAAM,KAAK,8CAgBhB,CAAC;AAQH,eAAO,MAAM,YAAY,QAMvB,CAAC;AAEH,eAAO,MAAM,UAAU,QAGrB,CAAC;AAEH,eAAO,MAAM,OAAO,QAgClB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAInB,CAAC;AAEH,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,IAAI,QAsBf,CAAC;AAEH,eAAO,MAAM,oBAAoB,QAQ/B,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,IAAI,QAGf,CAAC;AAEH,eAAO,MAAM,OAAO,QAIlB,CAAC"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Select/styles.css.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,OAAO,QAwClB,CAAC;AAQH,eAAO,MAAM,YAAY,QAMvB,CAAC;AAEH,eAAO,MAAM,UAAU,QAGrB,CAAC;AAEH,eAAO,MAAM,OAAO,QAgClB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAInB,CAAC;AAEH,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,IAAI,QAsBf,CAAC;AAEH,eAAO,MAAM,oBAAoB,QAQ/B,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,IAAI,QAGf,CAAC;AAEH,eAAO,MAAM,OAAO,QAIlB,CAAC"}

package/lib/components/Select/types.d.ts

@@ -0,0 +1,23 @@
+import type { Select as SelectPrimitive } from '@base-ui/react/select';
+export type SelectSize = 'small' | 'medium' | 'large';
+type SelectValue<Value, Multiple extends boolean | undefined> = Multiple extends true ? Value[] : Value;
+export declare namespace SelectProps {
+    type Root<Value = string, Multiple extends boolean | undefined = false> = Omit<SelectPrimitive.Root.Props<Value, Multiple>, 'onValueChange'> & {
+        onValueChange?: (value: SelectValue<Value, Multiple>, eventDetails: SelectPrimitive.Root.ChangeEventDetails) => void;
+    };
+    type Trigger = SelectPrimitive.Trigger.Props & {
+        size?: SelectSize;
+    };
+    type ScrollUpButton = SelectPrimitive.ScrollUpArrow.Props;
+    type ScrollDownButton = SelectPrimitive.ScrollDownArrow.Props;
+    type Content = SelectPrimitive.Popup.Props & Pick<SelectPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset' | 'alignItemWithTrigger'> & {
+        position?: 'popper' | 'item-aligned';
+    };
+    type Group = SelectPrimitive.Group.Props;
+    type Value = SelectPrimitive.Value.Props;
+    type Label = SelectPrimitive.GroupLabel.Props;
+    type Item = SelectPrimitive.Item.Props;
+    type Separator = SelectPrimitive.Separator.Props;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/lib/components/Select/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAEvE,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,KAAK,WAAW,CACf,KAAK,EACL,QAAQ,SAAS,OAAO,GAAG,SAAS,IACjC,QAAQ,SAAS,IAAI,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;AAE5C,yBAAiB,WAAW,CAAC;IAC5B,KAAY,IAAI,CACf,KAAK,GAAG,MAAM,EACd,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,IACzC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,eAAe,CAAC,GAAG;QACxE,aAAa,CAAC,EAAE,CACf,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,EACnC,YAAY,EAAE,eAAe,CAAC,IAAI,CAAC,kBAAkB,KACjD,IAAI,CAAC;KACV,CAAC;IAEF,KAAY,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG;QACrD,IAAI,CAAC,EAAE,UAAU,CAAC;KAClB,CAAC;IAEF,KAAY,cAAc,GAAG,eAAe,CAAC,aAAa,CAAC,KAAK,CAAC;IAEjE,KAAY,gBAAgB,GAAG,eAAe,CAAC,eAAe,CAAC,KAAK,CAAC;IAErE,KAAY,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,GAChD,IAAI,CACH,eAAe,CAAC,UAAU,CAAC,KAAK,EAChC,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,sBAAsB,CACxE,GAAG;QACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;KACrC,CAAC;IAEH,KAAY,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;IAEhD,KAAY,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;IAEhD,KAAY,KAAK,GAAG,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC;IAErD,KAAY,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;IAE9C,KAAY,SAAS,GAAG,eAAe,CAAC,SAAS,CAAC,KAAK,CAAC;CACxD"}

package/lib/index.mjs

@@ -1025,14 +1025,14 @@ function Dropdown(props) {
         onValueChange: handleChange,
         items: items,
         children: [
-            /*#__PURE__*/ jsx(SelectTrigger, {
+            /*#__PURE__*/ jsx(Select_Select.Trigger, {
                 className: Dropdown_styles_css_trigger,
-                children: /*#__PURE__*/ jsx(SelectValue, {
+                children: /*#__PURE__*/ jsx(Select_Select.Value, {
                     placeholder: selectedOption?.label
                 })
             }),
-            /*#__PURE__*/ jsx(SelectContent, {
-                children: options?.map(({ value, label, disabled })=>/*#__PURE__*/ jsx(SelectItem, {
+            /*#__PURE__*/ jsx(Select_Select.Content, {
+                children: options?.map(({ value, label, disabled })=>/*#__PURE__*/ jsx(Select_Select.Item, {
                         value: value.toString(),
                         disabled: disabled,
                         children: /*#__PURE__*/ jsx(Typography, {
@@ -3917,13 +3917,13 @@ function YearsDropdown({ year, onSelect, minDate, maxDate }) {
         onValueChange: onChange,
         value: year.toString(),
         children: [
-            /*#__PURE__*/ jsx(SelectTrigger, {
-                children: /*#__PURE__*/ jsx(SelectValue, {
+            /*#__PURE__*/ jsx(Select_Select.Trigger, {
+                children: /*#__PURE__*/ jsx(Select_Select.Value, {
                     placeholder: year.toString()
                 })
             }),
-            /*#__PURE__*/ jsx(SelectContent, {
-                children: years.map((value)=>/*#__PURE__*/ jsx(SelectItem, {
+            /*#__PURE__*/ jsx(Select_Select.Content, {
+                children: years.map((value)=>/*#__PURE__*/ jsx(Select_Select.Item, {
                         value: value.toString(),
                         children: /*#__PURE__*/ jsx(Typography, {
                             align: "center",
@@ -4274,44 +4274,57 @@ function ScrollTopButton({ onClick, variant = 'outline', ...props }) {
         children: /*#__PURE__*/ jsx(ChevronUp, {})
     });
 }
-var chevron = 'style__5ilg7of';
-var Select_styles_css_content = 'style__5ilg7o8';
-var Select_styles_css_icon = 'style__5ilg7oe';
-var Select_styles_css_item = 'style__5ilg7ob';
-var itemIndicatorWrapper = 'style__5ilg7oc';
-var Select_styles_css_label = 'style__5ilg7oa';
-var Select_styles_css_positioner = 'style__5ilg7o7';
-var scrollButton = 'style__5ilg7o6';
-var Select_styles_css_separator = 'style__5ilg7od';
-var Select_styles_css_sizes = {
-    small: 'small__5ilg7o3',
-    medium: 'medium__5ilg7o4',
-    large: 'large__5ilg7o5'
-};
+var chevron = 'style__5ilg7oc';
+var Select_styles_css_content = 'style__5ilg7o5';
+var Select_styles_css_icon = 'style__5ilg7ob';
+var Select_styles_css_item = 'style__5ilg7o8';
+var itemIndicatorWrapper = 'style__5ilg7o9';
+var Select_styles_css_label = 'style__5ilg7o7';
+var Select_styles_css_positioner = 'style__5ilg7o4';
+var scrollButton = 'style__5ilg7o3';
+var Select_styles_css_separator = 'style__5ilg7oa';
 var Select_styles_css_trigger = 'style__5ilg7o2';
-var Select_styles_css_viewport = 'style__5ilg7o9';
-const Select_Select = ({ onValueChange, ...props })=>/*#__PURE__*/ jsx(Select.Root, {
+var Select_styles_css_viewport = 'style__5ilg7o6';
+function Select_Select({ onValueChange, ...props }) {
+    return /*#__PURE__*/ jsx(Select.Root, {
+        "data-slot": "select",
         ...props,
         onValueChange: (value, eventDetails)=>{
             if (null !== value) onValueChange?.(value, eventDetails);
         }
     });
-const SelectGroup = Select.Group;
-const SelectValue = Select.Value;
-const SelectTrigger = ({ className, children, size = 'medium', ...props })=>/*#__PURE__*/ jsxs(Select.Trigger, {
+}
+function Select_Group({ ...props }) {
+    return /*#__PURE__*/ jsx(Select.Group, {
+        "data-slot": "select-group",
+        ...props
+    });
+}
+function Select_Value({ ...props }) {
+    return /*#__PURE__*/ jsx(Select.Value, {
+        "data-slot": "select-value",
+        ...props
+    });
+}
+function Select_Trigger({ className, children, size = 'medium', ...props }) {
+    return /*#__PURE__*/ jsxs(Select.Trigger, {
         "data-slot": "select-trigger",
-        className: clsx(Select_styles_css_trigger, Select_styles_css_sizes[size], className),
+        "data-size": size,
+        className: clsx(Select_styles_css_trigger, className),
         ...props,
         children: [
             children,
             /*#__PURE__*/ jsx(Select.Icon, {
+                "data-slot": "select-icon",
                 render: /*#__PURE__*/ jsx(ChevronDown, {
                     className: chevron
                 })
             })
         ]
     });
-const SelectScrollUpButton = ({ className, ...props })=>/*#__PURE__*/ jsx(Select.ScrollUpArrow, {
+}
+function ScrollUpButton({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Select.ScrollUpArrow, {
         "data-slot": "select-scroll-up-button",
         className: clsx(scrollButton, className),
         ...props,
@@ -4319,7 +4332,9 @@ const SelectScrollUpButton = ({ className, ...props })=>/*#__PURE__*/ jsx(Select
             className: Select_styles_css_icon
         })
     });
-const SelectScrollDownButton = ({ className, ...props })=>/*#__PURE__*/ jsx(Select.ScrollDownArrow, {
+}
+function ScrollDownButton({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Select.ScrollDownArrow, {
         "data-slot": "select-scroll-down-button",
         className: clsx(scrollButton, className),
         ...props,
@@ -4327,8 +4342,12 @@ const SelectScrollDownButton = ({ className, ...props })=>/*#__PURE__*/ jsx(Sele
             className: Select_styles_css_icon
         })
     });
-const SelectContent = ({ className, children, side = 'bottom', sideOffset = 4, align = 'center', alignOffset = 0, alignItemWithTrigger, position = 'popper', ...props })=>/*#__PURE__*/ jsx(Select.Portal, {
+}
+function Select_Content({ className, children, side = 'bottom', sideOffset = 4, align = 'center', alignOffset = 0, alignItemWithTrigger, position = 'popper', ...props }) {
+    return /*#__PURE__*/ jsx(Select.Portal, {
+        "data-slot": "select-portal",
         children: /*#__PURE__*/ jsx(Select.Positioner, {
+            "data-slot": "select-positioner",
             side: side,
             sideOffset: sideOffset,
             align: align,
@@ -4340,42 +4359,61 @@ const SelectContent = ({ className, children, side = 'bottom', sideOffset = 4, a
                 className: clsx(Select_styles_css_content, className),
                 ...props,
                 children: [
-                    /*#__PURE__*/ jsx(SelectScrollUpButton, {}),
+                    /*#__PURE__*/ jsx(ScrollUpButton, {}),
                     /*#__PURE__*/ jsx(Select.List, {
+                        "data-slot": "select-list",
                         className: Select_styles_css_viewport,
                         children: children
                     }),
-                    /*#__PURE__*/ jsx(SelectScrollDownButton, {})
+                    /*#__PURE__*/ jsx(ScrollDownButton, {})
                 ]
             })
         })
     });
-const SelectLabel = ({ className, ...props })=>/*#__PURE__*/ jsx(Select.GroupLabel, {
+}
+function Select_Label({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Select.GroupLabel, {
         "data-slot": "select-label",
         className: clsx(Select_styles_css_label, className),
         ...props
     });
-const SelectItem = ({ className, children, ...props })=>/*#__PURE__*/ jsxs(Select.Item, {
+}
+function Select_Item({ className, children, ...props }) {
+    return /*#__PURE__*/ jsxs(Select.Item, {
         "data-slot": "select-item",
         className: clsx(Select_styles_css_item, className),
         ...props,
         children: [
             /*#__PURE__*/ jsx(Select.ItemIndicator, {
+                "data-slot": "select-item-indicator",
                 className: itemIndicatorWrapper,
                 children: /*#__PURE__*/ jsx(Check, {
                     className: Select_styles_css_icon
                 })
             }),
             /*#__PURE__*/ jsx(Select.ItemText, {
+                "data-slot": "select-item-text",
                 children: children
             })
         ]
     });
-const SelectSeparator = ({ className, ...props })=>/*#__PURE__*/ jsx(Select.Separator, {
+}
+function Select_Separator({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Select.Separator, {
         "data-slot": "select-separator",
         className: clsx(Select_styles_css_separator, className),
         ...props
     });
+}
+Select_Select.Trigger = Select_Trigger;
+Select_Select.Value = Select_Value;
+Select_Select.Content = Select_Content;
+Select_Select.Group = Select_Group;
+Select_Select.Label = Select_Label;
+Select_Select.Item = Select_Item;
+Select_Select.ScrollDownButton = ScrollDownButton;
+Select_Select.ScrollUpButton = ScrollUpButton;
+Select_Select.Separator = Select_Separator;
 var Sheet_styles_css_closeButton = 'style__5dkj2fc';
 var styles_css_closeText = 'style__5dkj2fd';
 var Sheet_styles_css_content = 'style__5dkj2fb';
@@ -5023,4 +5061,4 @@ const ToggleGroup = ({ value, onChange, options, size, className, label, multipl
         ]
     });
 };
-export { Accordion_Accordion as Accordion, AlertDialog_AlertDialog as AlertDialog, Autocomplete, Avatar_Avatar as Avatar, Badge_Badge as Badge, Breadcrumb, ButtonGroup, Button_Button as Button, Button_buttonSizes as buttonSizes, Button_buttonVariants as buttonVariants, Calendar, Card, Carousel, Checkbox_Checkbox as Checkbox, CircularProgress, Collapsible_Collapsible as Collapsible, Combobox_Combobox as Combobox, ConfirmAction, ContentState, CopyTypography, DEFAULT_SEPARATOR, DEFAULT_SYMBOL, DESCRIPTION_ROOT_CLASSNAME, DashboardLayout, DataGrid, DataGridActionCell, DataGridSortHeader, DataList, DatePicker, Description_Description as Description, Dialog_Dialog as Dialog, Drawer_Drawer as Drawer, DropdownMenu, Empty_Empty as Empty, ImageCarousel, Image_Image as Image, InputGroup, InputOTP, Input_Input as Input, Label, MaskField, NOTIFICATION_POSITIONS, NOTIFY_CLASSNAME, Notification, NotificationContainer, OverflowTypography, PageLayout, Pagination, PeriodPicker, Placeholder, Popover_Popover as Popover, RadioGroupItem, RadioGroup_RadioGroup as RadioGroup, RangeInput, ScrollTopButton, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Select_Select as Select, Sheet, Sidebar_Sidebar as Sidebar, Slider_Slider as Slider, Tabs_Tabs as Tabs, TextField, Textarea_Textarea as Textarea, ToggleGroup, Tooltip_Tooltip as Tooltip, Typography, alignments, badgeVariants, calculateSize, constants_NotificationVariantTypes as NotificationVariantTypes, createHandle, displays, negativeSpacing, notification, spacing, styles_css_colors as colors, styles_css_variants as variants, theme, transforms, useComboboxAnchor, useDashboard, useIsMobile, useOverflowed, useSidebar, weights };
+export { Accordion_Accordion as Accordion, AlertDialog_AlertDialog as AlertDialog, Autocomplete, Avatar_Avatar as Avatar, Badge_Badge as Badge, Breadcrumb, ButtonGroup, Button_Button as Button, Button_buttonSizes as buttonSizes, Button_buttonVariants as buttonVariants, Calendar, Card, Carousel, Checkbox_Checkbox as Checkbox, CircularProgress, Collapsible_Collapsible as Collapsible, Combobox_Combobox as Combobox, ConfirmAction, ContentState, CopyTypography, DEFAULT_SEPARATOR, DEFAULT_SYMBOL, DESCRIPTION_ROOT_CLASSNAME, DashboardLayout, DataGrid, DataGridActionCell, DataGridSortHeader, DataList, DatePicker, Description_Description as Description, Dialog_Dialog as Dialog, Drawer_Drawer as Drawer, DropdownMenu, Empty_Empty as Empty, ImageCarousel, Image_Image as Image, InputGroup, InputOTP, Input_Input as Input, Label, MaskField, NOTIFICATION_POSITIONS, NOTIFY_CLASSNAME, Notification, NotificationContainer, OverflowTypography, PageLayout, Pagination, PeriodPicker, Placeholder, Popover_Popover as Popover, RadioGroupItem, RadioGroup_RadioGroup as RadioGroup, RangeInput, ScrollTopButton, Select_Select as Select, Sheet, Sidebar_Sidebar as Sidebar, Slider_Slider as Slider, Tabs_Tabs as Tabs, TextField, Textarea_Textarea as Textarea, ToggleGroup, Tooltip_Tooltip as Tooltip, Typography, alignments, badgeVariants, calculateSize, constants_NotificationVariantTypes as NotificationVariantTypes, createHandle, displays, negativeSpacing, notification, spacing, styles_css_colors as colors, styles_css_variants as variants, theme, transforms, useComboboxAnchor, useDashboard, useIsMobile, useOverflowed, useSidebar, weights };

package/lib/stories/Select.stories.d.ts

@@ -1,8 +1,16 @@
-import type { Meta } from 'storybook-react-rsbuild';
 import { Select } from '../components/index.ts';
-declare const _default: Meta<typeof Select>;
+declare const _default: {
+    title: string;
+    component: typeof Select;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
 export default _default;
-export declare function SelectDemo(): import("react").JSX.Element;
+export declare function Demo(): import("react").JSX.Element;
 export declare function Sizes(): import("react").JSX.Element;
-export declare function SelectScrollable(): import("react").JSX.Element;
+export declare function Multiple(): import("react").JSX.Element;
+export declare function MultipleControlled(): import("react").JSX.Element;
+export declare function Scrollable(): import("react").JSX.Element;
 //# sourceMappingURL=Select.stories.d.ts.map

package/lib/stories/Select.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EACN,MAAM,EAON,MAAM,cAAc,CAAC;wBASjB,IAAI,CAAC,OAAO,MAAM,CAAC;AAPxB,wBAOyB;AAEzB,wBAAgB,UAAU,gCAkBzB;AAED,wBAAgB,KAAK,gCAmCpB;AAED,wBAAgB,gBAAgB,gCA8D/B"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Select.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;;;;;;;;;AAsBtC,wBAOgC;AAehC,wBAAgB,IAAI,gCAWnB;AAED,wBAAgB,KAAK,gCAepB;AAED,wBAAgB,QAAQ,gCAiBvB;AAED,wBAAgB,kBAAkB,gCA4BjC;AAED,wBAAgB,UAAU,gCAgEzB"}

package/lib/styles.css

@@ -4267,20 +4267,20 @@ a.outline__1af895x4:hover {
   opacity: .5;
 }
 
-.small__5ilg7o3 {
-  height: 28px;
+.style__5ilg7o2[data-size="small"] {
+  height: calc(var(--spacing-6) + var(--spacing-1));
   font-size: var(--fontSize-sm);
   padding: var(--spacing-1) var(--spacing-2);
 }
 
-.medium__5ilg7o4 {
+.style__5ilg7o2[data-size="medium"] {
   height: var(--spacing-8);
   font-size: var(--fontSize-base);
   padding: var(--spacing-2) var(--spacing-2);
 }
 
-.large__5ilg7o5 {
-  height: 36px;
+.style__5ilg7o2[data-size="large"] {
+  height: calc(var(--spacing-8) + var(--spacing-1));
   font-size: var(--fontSize-base);
   padding: var(--spacing-2) var(--spacing-2);
 }
@@ -4291,7 +4291,7 @@ a.outline__1af895x4:hover {
   overflow: hidden;
 }
 
-.style__5ilg7o6 {
+.style__5ilg7o3 {
   cursor: default;
   padding: var(--spacing-1) 0;
   justify-content: center;
@@ -4299,12 +4299,12 @@ a.outline__1af895x4:hover {
   display: flex;
 }
 
-.style__5ilg7o7 {
+.style__5ilg7o4 {
   isolation: isolate;
   z-index: 5000;
 }
 
-.style__5ilg7o8 {
+.style__5ilg7o5 {
   z-index: 5000;
   max-height: var(--available-height, 24rem);
   border-radius: var(--borderRadius-md);
@@ -4317,43 +4317,43 @@ a.outline__1af895x4:hover {
   box-shadow: 0 2px 4px #0000001a;
 }
 
-.style__5ilg7o8[data-open] {
+.style__5ilg7o5[data-open] {
   animation: .15s ease-out style__5ilg7o0;
 }
 
-.style__5ilg7o8[data-closed] {
+.style__5ilg7o5[data-closed] {
   animation: .15s ease-in style__5ilg7o1;
 }
 
-.style__5ilg7o8[data-side="bottom"] {
+.style__5ilg7o5[data-side="bottom"] {
   transform: translateY(4px);
 }
 
-.style__5ilg7o8[data-side="top"] {
+.style__5ilg7o5[data-side="top"] {
   transform: translateY(-4px);
 }
 
-.style__5ilg7o8[data-side="left"] {
+.style__5ilg7o5[data-side="left"] {
   transform: translateX(-4px);
 }
 
-.style__5ilg7o8[data-side="right"] {
+.style__5ilg7o5[data-side="right"] {
   transform: translateX(4px);
 }
 
-.style__5ilg7o9 {
+.style__5ilg7o6 {
   padding: var(--spacing-1);
   width: 100%;
   min-width: var(--anchor-width, 100%);
 }
 
-.style__5ilg7oa {
+.style__5ilg7o7 {
   padding: var(--spacing-1) var(--spacing-2) var(--spacing-1) var(--spacing-8);
   font-size: var(--fontSize-sm);
   font-weight: var(--fontWeight-semibold);
 }
 
-.style__5ilg7ob {
+.style__5ilg7o8 {
   cursor: default;
   -webkit-user-select: none;
   user-select: none;
@@ -4367,17 +4367,17 @@ a.outline__1af895x4:hover {
   position: relative;
 }
 
-.style__5ilg7ob[data-highlighted] {
+.style__5ilg7o8[data-highlighted] {
   background-color: var(--colors-background-elementHover);
   color: var(--colors-text-primary);
 }
 
-.style__5ilg7ob[data-disabled] {
+.style__5ilg7o8[data-disabled] {
   pointer-events: none;
   opacity: .5;
 }
 
-.style__5ilg7oc {
+.style__5ilg7o9 {
   left: var(--spacing-2);
   justify-content: center;
   align-items: center;
@@ -4387,18 +4387,18 @@ a.outline__1af895x4:hover {
   position: absolute;
 }
 
-.style__5ilg7od {
+.style__5ilg7oa {
   margin: var(--spacing-1) calc(-1 * var(--spacing-1));
   background-color: var(--colors-background-element);
   height: 1px;
 }
 
-.style__5ilg7oe {
+.style__5ilg7ob {
   width: 1rem;
   height: 1rem;
 }
 
-.style__5ilg7of {
+.style__5ilg7oc {
   opacity: .5;
   width: 1rem;
   height: 1rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/kit",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "main": "./lib/index.js",
   "module": "./lib/index.mjs",
   "types": "./lib/index.d.ts",