@wallarm-org/design-system 0.1.0

package/dist/components/Select/SelectClearTrigger.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@ark-ui/react/select";
+import { cn } from "../../utils/cn.js";
+import { linkVariants } from "../Link/index.js";
+const SelectClearTrigger = ({ type = 'default', size = 'sm', weight = 'medium', ...props })=>/*#__PURE__*/ jsx(Select.ClearTrigger, {
+        ...props,
+        className: cn(linkVariants({
+            type,
+            size,
+            weight
+        }))
+    });
+SelectClearTrigger.displayName = 'SelectClearTrigger';
+export { SelectClearTrigger };

package/dist/components/Select/SelectContent.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+import { Select as ArkUiSelect } from '@ark-ui/react/select';
+type SelectContentProps = Omit<ArkUiSelect.ContentProps, 'className'>;
+export declare const SelectContent: FC<SelectContentProps>;
+export {};

package/dist/components/Select/SelectContent.js

@@ -0,0 +1,28 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Children } from "react";
+import { Select } from "@ark-ui/react/select";
+import { cn } from "../../utils/cn.js";
+import { ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaViewport } from "../ScrollArea/index.js";
+import { SelectEmptyState } from "./SelectEmptyState.js";
+const SelectContent = ({ children, ...props })=>{
+    const isEmpty = 0 === Children.count(children);
+    return /*#__PURE__*/ jsx(Select.List, {
+        ...props,
+        className: cn('flex flex-col p-8 overflow-hidden outline-none'),
+        asChild: true,
+        children: /*#__PURE__*/ jsxs(ScrollArea, {
+            children: [
+                /*#__PURE__*/ jsx(ScrollAreaViewport, {
+                    children: /*#__PURE__*/ jsx(ScrollAreaContent, {
+                        className: "flex flex-col gap-1",
+                        children: isEmpty ? /*#__PURE__*/ jsx(SelectEmptyState, {}) : children
+                    })
+                }),
+                /*#__PURE__*/ jsx(ScrollAreaScrollbar, {}),
+                /*#__PURE__*/ jsx(ScrollAreaCorner, {})
+            ]
+        })
+    });
+};
+SelectContent.displayName = 'SelectContent';
+export { SelectContent };

package/dist/components/Select/SelectEmptyState.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from 'react';
+export declare const SelectEmptyState: FC;

package/dist/components/Select/SelectEmptyState.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+import { Text } from "../Text/index.js";
+const SelectEmptyState = ()=>/*#__PURE__*/ jsx("div", {
+        className: cn('p-6 text-center'),
+        children: /*#__PURE__*/ jsx(Text, {
+            size: "sm",
+            color: "secondary",
+            children: "No results"
+        })
+    });
+SelectEmptyState.displayName = 'SelectEmptyState';
+export { SelectEmptyState };

package/dist/components/Select/SelectFooter.d.ts

@@ -0,0 +1,3 @@
+import type { FC, HTMLAttributes } from 'react';
+export type SelectFooterProps = Omit<HTMLAttributes<HTMLDivElement>, 'className'>;
+export declare const SelectFooter: FC<SelectFooterProps>;

package/dist/components/Select/SelectFooter.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+const SelectFooter = (props)=>/*#__PURE__*/ jsx("div", {
+        ...props,
+        className: cn('bg-component-outline-button-bg py-8 px-16 shrink-0 border-t border-border-primary')
+    });
+SelectFooter.displayName = 'SelectFooter';
+export { SelectFooter };

package/dist/components/Select/SelectGroup.d.ts

@@ -0,0 +1,2 @@
+import type { FC, PropsWithChildren } from 'react';
+export declare const SelectGroup: FC<PropsWithChildren>;

package/dist/components/Select/SelectGroup.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@ark-ui/react/select";
+import { cn } from "../../utils/cn.js";
+const SelectGroup = ({ children })=>/*#__PURE__*/ jsx(Select.ItemGroup, {
+        className: cn('flex flex-col gap-1'),
+        children: children
+    });
+SelectGroup.displayName = 'SelectGroup';
+export { SelectGroup };

package/dist/components/Select/SelectGroupLabel.d.ts

@@ -0,0 +1,5 @@
+import type { FC } from 'react';
+import { Select as ArkUiSelect } from '@ark-ui/react/select';
+type SelectGroupLabelProps = ArkUiSelect.ItemGroupLabelProps;
+export declare const SelectGroupLabel: FC<SelectGroupLabelProps>;
+export {};

package/dist/components/Select/SelectGroupLabel.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@ark-ui/react/select";
+import { cn } from "../../utils/cn.js";
+import { dropdownMenuLabelVariants } from "../DropdownMenu/index.js";
+const SelectGroupLabel = (props)=>/*#__PURE__*/ jsx(Select.ItemGroupLabel, {
+        ...props,
+        className: cn(dropdownMenuLabelVariants({
+            inset: false
+        }))
+    });
+SelectGroupLabel.displayName = 'SelectGroupLabel';
+export { SelectGroupLabel };

package/dist/components/Select/SelectHeader.d.ts

@@ -0,0 +1,3 @@
+import type { FC, HTMLAttributes } from 'react';
+export type SelectHeaderProps = Omit<HTMLAttributes<HTMLDivElement>, 'className'>;
+export declare const SelectHeader: FC<SelectHeaderProps>;

package/dist/components/Select/SelectHeader.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+const SelectHeader = (props)=>/*#__PURE__*/ jsx("div", {
+        ...props,
+        className: cn('bg-component-outline-button-bg pt-8 px-8 shrink-0')
+    });
+SelectHeader.displayName = 'SelectHeader';
+export { SelectHeader };

package/dist/components/Select/SelectInput/SelectInput.d.ts

@@ -0,0 +1,5 @@
+import type { FC } from 'react';
+import { type SelectValueTextProps } from '../SelectValueText';
+type SelectInputProps = Pick<SelectValueTextProps, 'placeholder'>;
+export declare const SelectInput: FC<SelectInputProps>;
+export {};

package/dist/components/Select/SelectInput/SelectInput.js

@@ -0,0 +1,85 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Select, useSelectContext } from "@ark-ui/react/select";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../utils/cn.js";
+import { OverflowList } from "../../OverflowList/index.js";
+import { SelectArrow } from "../SelectArrow.js";
+import { SelectValueText } from "../SelectValueText.js";
+import { SelectInputClear } from "./SelectInputClear.js";
+import { SelectInputItemRenderer } from "./SelectInputItemRenderer.js";
+import { SelectInputOverflowRenderer } from "./SelectInputOverflowRenderer.js";
+const selectInputVariants = cva([
+    'flex items-center gap-4 w-fit h-36 pr-12 rounded-8 border bg-component-input-bg shadow-xs transition-[colors,border,box-shadow]',
+    'font-sans text-sm text-text-primary placeholder:text-text-secondary',
+    'focus-visible:outline-none focus-visible:ring-3',
+    'data-disabled:cursor-not-allowed',
+    'data-disabled:opacity-50',
+    'data-disabled:[&_*]:pointer-events-none',
+    'data-disabled:[&_*]:focus:outline-none',
+    'data-disabled:[&_*]:focus-visible:outline-none',
+    'data-disabled:[&_*]:focus-within:outline-none',
+    'data-disabled:[&_*]:ring-0',
+    'border-border-primary not-focus-visible:hover:[&:not([data-disabled])]:border-component-border-input-hover',
+    'focus-visible:[&:not([data-disabled]):not([data-invalid])]:ring-focus-primary',
+    'focus-visible:[&:not([data-disabled]):not([data-invalid])]:border-border-strong-primary',
+    '[&[data-state=open]:not([data-disabled])]:ring-3',
+    '[&[data-state=open]:not([data-disabled])]:ring-focus-primary',
+    '[&[data-state=open]:not([data-disabled])]:border-border-strong-primary',
+    '[&[data-state=open][data-invalid]:not([data-disabled])]:ring-focus-destructive',
+    '[&[data-state=open][data-invalid]:not([data-disabled])]:border-border-strong-danger',
+    'data-invalid:border-border-strong-danger',
+    'data-invalid:hover:[&:not([data-disabled])]:border-border-strong-danger',
+    'data-invalid:hover:[&:not([data-disabled])]:ring-3',
+    'data-invalid:hover:[&:not([data-disabled])]:ring-focus-destructive-hover',
+    'data-invalid:focus-within:ring-focus-destructive'
+], {
+    variants: {
+        multiple: {
+            true: 'text-text-secondary',
+            false: 'pl-12'
+        },
+        empty: {
+            true: 'text-text-secondary'
+        }
+    },
+    compoundVariants: [
+        {
+            multiple: true,
+            empty: true,
+            className: 'pl-12'
+        }
+    ]
+});
+const SelectInput = ({ placeholder = 'Choose...' })=>{
+    const { selectedItems, disabled, multiple } = useSelectContext();
+    const isEmpty = selectedItems.length <= 0;
+    return /*#__PURE__*/ jsx(Select.Control, {
+        className: "w-full max-w-full",
+        children: /*#__PURE__*/ jsx(Select.Trigger, {
+            asChild: true,
+            children: /*#__PURE__*/ jsxs("div", {
+                className: cn(selectInputVariants({
+                    empty: isEmpty,
+                    multiple
+                }), 'w-full max-w-full gap-8'),
+                tabIndex: disabled ? -1 : 0,
+                children: [
+                    multiple && !isEmpty ? /*#__PURE__*/ jsx(OverflowList, {
+                        className: "flex items-center gap-4 flex-1 h-full pl-6 overflow-hidden",
+                        items: selectedItems,
+                        itemRenderer: SelectInputItemRenderer,
+                        overflowRenderer: SelectInputOverflowRenderer
+                    }) : /*#__PURE__*/ jsx(SelectValueText, {
+                        placeholder: placeholder
+                    }),
+                    /*#__PURE__*/ jsx(SelectInputClear, {}),
+                    /*#__PURE__*/ jsx(SelectArrow, {
+                        className: "text-icon-secondary"
+                    })
+                ]
+            })
+        })
+    });
+};
+SelectInput.displayName = 'SelectInput';
+export { SelectInput };

package/dist/components/Select/SelectInput/SelectInputClear.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from 'react';
+export declare const SelectInputClear: FC;

package/dist/components/Select/SelectInput/SelectInputClear.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { Select, useSelectContext } from "@ark-ui/react/select";
+import { X } from "../../../icons/index.js";
+import { cn } from "../../../utils/cn.js";
+const SelectInputClear = ()=>{
+    const { selectedItems, multiple } = useSelectContext();
+    const isEmpty = selectedItems.length <= 0;
+    const handleClear = (event)=>{
+        event.stopPropagation();
+    };
+    if (isEmpty || !multiple) return null;
+    return /*#__PURE__*/ jsx(Select.ClearTrigger, {
+        className: cn('icon-md text-icon-secondary cursor-pointer'),
+        onClick: handleClear,
+        asChild: true,
+        children: /*#__PURE__*/ jsx(X, {})
+    });
+};
+export { SelectInputClear };

package/dist/components/Select/SelectInput/SelectInputItemRenderer.d.ts

@@ -0,0 +1,2 @@
+import type { SelectDataItem } from '../types';
+export declare const SelectInputItemRenderer: (item: SelectDataItem) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Select/SelectInput/SelectInputItemRenderer.js

@@ -0,0 +1,22 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useSelectContext } from "@ark-ui/react/select";
+import { Tag, TagClose } from "../../Tag/index.js";
+const SelectInputItemRenderer = (item)=>{
+    const { value, setValue } = useSelectContext();
+    const handleRemove = ()=>{
+        const nextValue = value.filter((v)=>v !== item.value);
+        setValue(nextValue);
+    };
+    const Icon = item.icon;
+    return /*#__PURE__*/ jsxs(Tag, {
+        size: "large",
+        children: [
+            Icon && /*#__PURE__*/ jsx(Icon, {}),
+            item.label,
+            /*#__PURE__*/ jsx(TagClose, {
+                onClick: handleRemove
+            })
+        ]
+    }, item.value);
+};
+export { SelectInputItemRenderer };

package/dist/components/Select/SelectInput/SelectInputOverflowRenderer.d.ts

@@ -0,0 +1,2 @@
+import type { SelectDataItem } from '../types';
+export declare const SelectInputOverflowRenderer: (items: SelectDataItem[]) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Select/SelectInput/SelectInputOverflowRenderer.js

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../utils/cn.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../../Popover/index.js";
+import { HStack } from "../../Stack/index.js";
+import { Tag } from "../../Tag/index.js";
+const POPOVER_MAX_WIDTH = '256px';
+const SelectInputOverflowRenderer = (items)=>/*#__PURE__*/ jsxs(Popover, {
+        children: [
+            /*#__PURE__*/ jsx(PopoverTrigger, {
+                className: cn('**:data-[slot=tag]:cursor-help'),
+                asChild: true,
+                children: /*#__PURE__*/ jsxs(Tag, {
+                    size: "large",
+                    children: [
+                        "+",
+                        items.length
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(PopoverContent, {
+                minHeight: "auto",
+                maxWidth: POPOVER_MAX_WIDTH,
+                children: /*#__PURE__*/ jsx(HStack, {
+                    spacing: 4,
+                    wrap: "wrap",
+                    children: items.map((item)=>/*#__PURE__*/ jsx(Tag, {
+                            size: "large",
+                            children: item.label
+                        }, item.value))
+                })
+            })
+        ]
+    });
+export { SelectInputOverflowRenderer };

package/dist/components/Select/SelectInput/index.d.ts

@@ -0,0 +1 @@
+export { SelectInput } from './SelectInput';

package/dist/components/Select/SelectInput/index.js

@@ -0,0 +1,2 @@
+import { SelectInput } from "./SelectInput.js";
+export { SelectInput };

package/dist/components/Select/SelectOption.d.ts

@@ -0,0 +1,12 @@
+import type { FC } from 'react';
+import { Select as ArkUiSelect, type CollectionItem } from '@ark-ui/react/select';
+import type { VariantProps } from 'class-variance-authority';
+import { dropdownMenuItemVariants } from '../DropdownMenu';
+type SelectOptionNativeProps = Omit<ArkUiSelect.ItemProps, 'className'>;
+type SelectOptionVariantsProps = VariantProps<typeof dropdownMenuItemVariants>;
+interface SelectOptionBaseProps {
+    item: CollectionItem;
+}
+type SelectOptionProps = SelectOptionNativeProps & SelectOptionVariantsProps & SelectOptionBaseProps;
+export declare const SelectOption: FC<SelectOptionProps>;
+export {};

package/dist/components/Select/SelectOption.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@ark-ui/react/select";
+import { cn } from "../../utils/cn.js";
+import { dropdownMenuItemVariants } from "../DropdownMenu/index.js";
+const SelectOption = ({ variant = 'default', ...props })=>/*#__PURE__*/ jsx(Select.Item, {
+        ...props,
+        persistFocus: true,
+        className: cn(dropdownMenuItemVariants({
+            variant,
+            inset: false
+        }), 'flex-wrap relative gap-y-0 gap-x-8 pr-32', 'data-[state=checked]:bg-states-primary-active', 'data-highlighted:bg-states-primary-hover')
+    });
+SelectOption.displayName = 'SelectOption';
+export { SelectOption };

package/dist/components/Select/SelectOptionDescription.d.ts

@@ -0,0 +1,5 @@
+import type { FC } from 'react';
+import { Select as ArkUiSelect } from '@ark-ui/react/select';
+type SelectOptionDescriptionProps = Omit<ArkUiSelect.ItemTextProps, 'className'>;
+export declare const SelectOptionDescription: FC<SelectOptionDescriptionProps>;
+export {};

package/dist/components/Select/SelectOptionDescription.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@ark-ui/react/select";
+const SelectOptionDescription = (props)=>/*#__PURE__*/ jsx(Select.ItemText, {
+        ...props,
+        className: "grow basis-full font-sans text-xs text-text-secondary"
+    });
+SelectOptionDescription.displayName = "SelectOptionDescription";
+export { SelectOptionDescription };

package/dist/components/Select/SelectOptionIndicator.d.ts

@@ -0,0 +1,5 @@
+import type { FC } from 'react';
+import { Select as ArkUiSelect } from '@ark-ui/react/select';
+type SelectOptionIndicatorProps = Omit<ArkUiSelect.ItemIndicatorProps, 'className'>;
+export declare const SelectOptionIndicator: FC<SelectOptionIndicatorProps>;
+export {};

package/dist/components/Select/SelectOptionIndicator.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { Select, useSelectContext, useSelectItemContext } from "@ark-ui/react/select";
+import { Check } from "../../icons/index.js";
+import { Checkmark } from "../Checkmark/index.js";
+const SelectOptionIndicator = (props)=>{
+    const { multiple } = useSelectContext();
+    const { selected } = useSelectItemContext();
+    return /*#__PURE__*/ jsx("div", {
+        className: "flex items-center justify-end h-20 absolute top-6 right-8",
+        children: /*#__PURE__*/ jsx(Select.ItemIndicator, {
+            ...props,
+            className: "flex items-center pointer-events-none",
+            hidden: multiple ? false : void 0,
+            children: multiple ? /*#__PURE__*/ jsx(Checkmark, {
+                checkedState: selected
+            }) : /*#__PURE__*/ jsx(Check, {
+                className: "icon-md"
+            })
+        })
+    });
+};
+SelectOptionIndicator.displayName = 'SelectOptionIndicator';
+export { SelectOptionIndicator };

package/dist/components/Select/SelectOptionText.d.ts

@@ -0,0 +1,5 @@
+import type { FC } from 'react';
+import { Select as ArkUiSelect } from '@ark-ui/react/select';
+type SelectOptionTextProps = Omit<ArkUiSelect.ItemTextProps, 'className'>;
+export declare const SelectOptionText: FC<SelectOptionTextProps>;
+export {};

package/dist/components/Select/SelectOptionText.js

@@ -0,0 +1,7 @@
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@ark-ui/react/select";
+const SelectOptionText = (props)=>/*#__PURE__*/ jsx(Select.ItemText, {
+        ...props
+    });
+SelectOptionText.displayName = 'SelectOptionText';
+export { SelectOptionText };

package/dist/components/Select/SelectPositioner.d.ts

@@ -0,0 +1,5 @@
+import type { FC } from 'react';
+import { Select as ArkUiSelect } from '@ark-ui/react/select';
+type SelectPositionerProps = ArkUiSelect.PositionerProps;
+export declare const SelectPositioner: FC<SelectPositionerProps>;
+export {};

package/dist/components/Select/SelectPositioner.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { Portal } from "@ark-ui/react/portal";
+import { Select } from "@ark-ui/react/select";
+import { cn } from "../../utils/cn.js";
+import { dropdownMenuClassNames } from "../DropdownMenu/index.js";
+const SelectPositioner = ({ className, children, ...props })=>/*#__PURE__*/ jsx(Portal, {
+        children: /*#__PURE__*/ jsx(Select.Positioner, {
+            ...props,
+            className: "outline-none",
+            children: /*#__PURE__*/ jsx(Select.Content, {
+                className: cn(dropdownMenuClassNames, 'flex flex-col', 'h-full', 'min-w-280', 'max-w-320', 'max-h-(--available-height)', 'p-0', 'origin-[--transform-origin]', className),
+                children: children
+            })
+        })
+    });
+SelectPositioner.displayName = 'SelectPositioner';
+export { SelectPositioner };

package/dist/components/Select/SelectSearchInput.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+interface SelectSearchInputProps {
+    value: string;
+    onChange: (value: string) => void;
+}
+export declare const SelectSearchInput: FC<SelectSearchInputProps>;
+export {};

package/dist/components/Select/SelectSearchInput.js

@@ -0,0 +1,22 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Search } from "../../icons/index.js";
+import { InputGroup, InputGroupAddon, InputGroupInput } from "../InputGroup/index.js";
+const SelectSearchInput = ({ value, onChange })=>{
+    const handleChange = (event)=>{
+        onChange(event.target.value);
+    };
+    return /*#__PURE__*/ jsxs(InputGroup, {
+        children: [
+            /*#__PURE__*/ jsx(InputGroupAddon, {
+                children: /*#__PURE__*/ jsx(Search, {})
+            }),
+            /*#__PURE__*/ jsx(InputGroupInput, {
+                placeholder: "Search",
+                value: value,
+                onChange: handleChange
+            })
+        ]
+    });
+};
+SelectSearchInput.displayName = 'SelectSearchInput';
+export { SelectSearchInput };

package/dist/components/Select/SelectSeparator.d.ts

@@ -0,0 +1 @@
+export declare const SelectSeparator: import("react").FC<import("../DropdownMenu/DropdownMenuSeparator").DropdownMenuSeparatorProps>;

package/dist/components/Select/SelectSeparator.js

@@ -0,0 +1,4 @@
+import { DropdownMenuSeparator } from "../DropdownMenu/index.js";
+const SelectSeparator = DropdownMenuSeparator;
+SelectSeparator.displayName = 'SelectSeparator';
+export { SelectSeparator };

package/dist/components/Select/SelectSharedContext/SelectSharedContext.d.ts

@@ -0,0 +1,4 @@
+export interface SelectSharedContextValue {
+    loading?: boolean;
+}
+export declare const SelectSharedContext: import("react").Context<SelectSharedContextValue>;

package/dist/components/Select/SelectSharedContext/SelectSharedContext.js

@@ -0,0 +1,3 @@
+import { createContext } from "react";
+const SelectSharedContext = createContext({});
+export { SelectSharedContext };

package/dist/components/Select/SelectSharedContext/SelectSharedContextProvider.d.ts

@@ -0,0 +1,7 @@
+import type { FC, PropsWithChildren } from 'react';
+import { type SelectSharedContextValue } from './SelectSharedContext';
+interface SelectSharedProviderProps {
+    value: SelectSharedContextValue;
+}
+export declare const SelectSharedProvider: FC<PropsWithChildren<SelectSharedProviderProps>>;
+export {};

package/dist/components/Select/SelectSharedContext/SelectSharedContextProvider.js

@@ -0,0 +1,7 @@
+import { jsx } from "react/jsx-runtime";
+import { SelectSharedContext } from "./SelectSharedContext.js";
+const SelectSharedProvider = ({ children, value })=>/*#__PURE__*/ jsx(SelectSharedContext.Provider, {
+        value: value,
+        children: children
+    });
+export { SelectSharedProvider };

package/dist/components/Select/SelectSharedContext/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectSharedProvider } from './SelectSharedContextProvider';
+export { useSelectSharedContext } from './useSelectSharedContext';

package/dist/components/Select/SelectSharedContext/index.js

@@ -0,0 +1,3 @@
+import { SelectSharedProvider } from "./SelectSharedContextProvider.js";
+import { useSelectSharedContext } from "./useSelectSharedContext.js";
+export { SelectSharedProvider, useSelectSharedContext };

package/dist/components/Select/SelectSharedContext/useSelectSharedContext.d.ts

@@ -0,0 +1,2 @@
+import { type SelectSharedContextValue } from './SelectSharedContext';
+export declare const useSelectSharedContext: () => SelectSharedContextValue;

package/dist/components/Select/SelectSharedContext/useSelectSharedContext.js

@@ -0,0 +1,8 @@
+import { useContext } from "react";
+import { SelectSharedContext } from "./SelectSharedContext.js";
+const useSelectSharedContext = ()=>{
+    const context = useContext(SelectSharedContext);
+    if (!context) throw new Error('useSelectSharedContext must be used within a SelectSharedProvider');
+    return context;
+};
+export { useSelectSharedContext };

package/dist/components/Select/SelectValueIcon.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+interface SelectValueIconProps {
+    index?: number;
+}
+export declare const SelectValueIcon: FC<SelectValueIconProps>;
+export {};

package/dist/components/Select/SelectValueIcon.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { useSelectContext } from "@ark-ui/react/select";
+const SelectValueIcon = ({ index = 0 })=>{
+    const { selectedItems } = useSelectContext();
+    const Icon = selectedItems.length ? selectedItems[index].icon : null;
+    if (!Icon) return null;
+    return /*#__PURE__*/ jsx(Icon, {});
+};
+export { SelectValueIcon };

package/dist/components/Select/SelectValueText.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import { Select as ArkUiSelect } from '@ark-ui/react/select';
+export type SelectValueTextProps = Omit<ArkUiSelect.ValueTextProps, 'className'>;
+export declare const SelectValueText: FC<SelectValueTextProps>;

package/dist/components/Select/SelectValueText.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@ark-ui/react/select";
+import { cn } from "../../utils/cn.js";
+const SelectValueText = (props)=>/*#__PURE__*/ jsx(Select.ValueText, {
+        ...props,
+        className: cn('truncate')
+    });
+SelectValueText.displayName = 'SelectValueText';
+export { SelectValueText };

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

@@ -0,0 +1,18 @@
+export { Select } from './Select';
+export { SelectButton } from './SelectButton';
+export { SelectButtonTag, SelectButtonTagValue } from './SelectButtonTag';
+export { SelectClearTrigger } from './SelectClearTrigger';
+export { SelectContent } from './SelectContent';
+export { SelectFooter } from './SelectFooter';
+export { SelectGroup } from './SelectGroup';
+export { SelectGroupLabel } from './SelectGroupLabel';
+export { SelectHeader } from './SelectHeader';
+export { SelectInput } from './SelectInput';
+export { SelectOption } from './SelectOption';
+export { SelectOptionDescription } from './SelectOptionDescription';
+export { SelectOptionIndicator } from './SelectOptionIndicator';
+export { SelectOptionText } from './SelectOptionText';
+export { SelectPositioner } from './SelectPositioner';
+export { SelectSearchInput } from './SelectSearchInput';
+export { SelectSeparator } from './SelectSeparator';
+export type { SelectDataItem } from './types';

package/dist/components/Select/index.js

@@ -0,0 +1,18 @@
+import { Select } from "./Select.js";
+import { SelectButton } from "./SelectButton.js";
+import { SelectButtonTag, SelectButtonTagValue } from "./SelectButtonTag/index.js";
+import { SelectClearTrigger } from "./SelectClearTrigger.js";
+import { SelectContent } from "./SelectContent.js";
+import { SelectFooter } from "./SelectFooter.js";
+import { SelectGroup } from "./SelectGroup.js";
+import { SelectGroupLabel } from "./SelectGroupLabel.js";
+import { SelectHeader } from "./SelectHeader.js";
+import { SelectInput } from "./SelectInput/index.js";
+import { SelectOption } from "./SelectOption.js";
+import { SelectOptionDescription } from "./SelectOptionDescription.js";
+import { SelectOptionIndicator } from "./SelectOptionIndicator.js";
+import { SelectOptionText } from "./SelectOptionText.js";
+import { SelectPositioner } from "./SelectPositioner.js";
+import { SelectSearchInput } from "./SelectSearchInput.js";
+import { SelectSeparator } from "./SelectSeparator.js";
+export { Select, SelectButton, SelectButtonTag, SelectButtonTagValue, SelectClearTrigger, SelectContent, SelectFooter, SelectGroup, SelectGroupLabel, SelectHeader, SelectInput, SelectOption, SelectOptionDescription, SelectOptionIndicator, SelectOptionText, SelectPositioner, SelectSearchInput, SelectSeparator };

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

@@ -0,0 +1,10 @@
+import type { FC } from 'react';
+import type { SvgIconProps } from '../../icons';
+export interface SelectDataItem {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    description?: string;
+    category?: string;
+    icon?: FC<SvgIconProps>;
+}