@shipfox/react-ui 0.13.0 → 0.15.0

package/dist/components/search/search.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/search/search.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {useState} from 'react';\nimport {Icon} from '../icon';\nimport {\n  Search,\n  SearchContent,\n  SearchEmpty,\n  SearchFooter,\n  SearchGroup,\n  SearchInline,\n  SearchInput,\n  SearchItem,\n  SearchList,\n  SearchSeparator,\n  SearchTrigger,\n} from './index';\n\nconst meta: Meta = {\n  title: 'Components/Search',\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          'A search component with two types: inline (input-style) and modal (trigger + overlay). Supports primary/secondary variants, base/small sizes, and squared/rounded radius options.',\n      },\n    },\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj;\n\nexport const Inline: Story = {\n  render: () => {\n    function InlineDemo() {\n      const [value, setValue] = useState('');\n\n      return (\n        <div className=\"flex flex-col gap-16 max-w-400\">\n          <SearchInline\n            placeholder=\"Search...\"\n            value={value}\n            onChange={(e) => setValue(e.target.value)}\n            onClear={() => setValue('')}\n          />\n          {value && (\n            <p className=\"text-sm text-foreground-neutral-muted\">Searching for: \"{value}\"</p>\n          )}\n        </div>\n      );\n    }\n    return <InlineDemo />;\n  },\n};\n\nexport const InlineVariants: Story = {\n  render: () => (\n    <div className=\"flex flex-col gap-16\">\n      <div className=\"flex flex-col gap-8\">\n        <span className=\"text-xs text-foreground-neutral-muted\">Primary (default)</span>\n        <div className=\"flex gap-8\">\n          <SearchInline\n            variant=\"primary\"\n            radius=\"squared\"\n            placeholder=\"Search...\"\n            defaultValue=\"random\"\n            className=\"w-200\"\n          />\n          <SearchInline\n            variant=\"primary\"\n            radius=\"rounded\"\n            placeholder=\"Search...\"\n            defaultValue=\"random\"\n            className=\"w-200\"\n          />\n        </div>\n      </div>\n      <div className=\"flex flex-col gap-8\">\n        <span className=\"text-xs text-foreground-neutral-muted\">Secondary</span>\n        <div className=\"flex gap-8\">\n          <SearchInline\n            variant=\"secondary\"\n            radius=\"squared\"\n            placeholder=\"Search...\"\n            defaultValue=\"random\"\n            className=\"w-200\"\n          />\n          <SearchInline\n            variant=\"secondary\"\n            radius=\"rounded\"\n            placeholder=\"Search...\"\n            defaultValue=\"random\"\n            className=\"w-200\"\n          />\n        </div>\n      </div>\n    </div>\n  ),\n};\n\nexport const InlineSizes: Story = {\n  render: () => (\n    <div className=\"flex flex-col gap-16\">\n      <div className=\"flex flex-col gap-8\">\n        <span className=\"text-xs text-foreground-neutral-muted\">Base (32px)</span>\n        <div className=\"flex gap-8\">\n          <SearchInline\n            size=\"base\"\n            placeholder=\"Search...\"\n            defaultValue=\"random\"\n            className=\"w-200\"\n          />\n        </div>\n      </div>\n      <div className=\"flex flex-col gap-8\">\n        <span className=\"text-xs text-foreground-neutral-muted\">Small (28px)</span>\n        <div className=\"flex gap-8\">\n          <SearchInline\n            size=\"small\"\n            placeholder=\"Search...\"\n            defaultValue=\"random\"\n            className=\"w-200\"\n          />\n        </div>\n      </div>\n    </div>\n  ),\n};\n\nfunction ModalSearchDemo() {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Search open={open} onOpenChange={setOpen} shortcutKey=\"meta+k\">\n      <SearchTrigger placeholder=\"Find...\" className=\"w-full max-w-280\" />\n      <SearchContent aria-describedby={undefined}>\n        <SearchInput placeholder=\"Search for anything...\" />\n        <SearchList>\n          <SearchEmpty>No results found.</SearchEmpty>\n          <SearchGroup heading=\"Recent\">\n            <SearchItem\n              icon={\n                <Icon name=\"gitBranchLine\" className=\"size-16 text-foreground-neutral-subtle\" />\n              }\n              description=\"qr-attendance\"\n            >\n              feat/data-processing\n            </SearchItem>\n            <SearchItem\n              icon={\n                <Icon name=\"gitBranchLine\" className=\"size-16 text-foreground-neutral-subtle\" />\n              }\n              description=\"qr-attendance\"\n            >\n              feat/pagination-polling\n            </SearchItem>\n          </SearchGroup>\n          <SearchSeparator />\n          <SearchGroup heading=\"Team\">\n            <SearchItem\n              icon={<Icon name=\"rocketLine\" className=\"size-16 text-foreground-neutral-subtle\" />}\n              description=\"Team\"\n            >\n              Deployments\n            </SearchItem>\n            <SearchItem\n              icon={<Icon name=\"linksLine\" className=\"size-16 text-foreground-neutral-subtle\" />}\n              description=\"Team\"\n            >\n              Integrations\n            </SearchItem>\n          </SearchGroup>\n        </SearchList>\n        <SearchFooter />\n      </SearchContent>\n    </Search>\n  );\n}\n\nexport const Modal: Story = {\n  render: () => <ModalSearchDemo />,\n};\n\nfunction TriggerPreview({\n  variant,\n  size,\n  radius,\n  className,\n}: {\n  variant?: 'primary' | 'secondary';\n  size?: 'base' | 'small';\n  radius?: 'squared' | 'rounded';\n  className?: string;\n}) {\n  return (\n    <Search>\n      <SearchTrigger variant={variant} size={size} radius={radius} className={className} />\n    </Search>\n  );\n}\n\nexport const ModalTriggerVariants: Story = {\n  render: () => (\n    <div className=\"flex flex-col gap-16\">\n      <div className=\"flex flex-col gap-8\">\n        <span className=\"text-xs text-foreground-neutral-muted\">Primary (default)</span>\n        <div className=\"flex gap-8\">\n          <TriggerPreview variant=\"primary\" radius=\"squared\" className=\"w-200\" />\n          <TriggerPreview variant=\"primary\" radius=\"rounded\" className=\"w-200\" />\n        </div>\n      </div>\n      <div className=\"flex flex-col gap-8\">\n        <span className=\"text-xs text-foreground-neutral-muted\">Secondary</span>\n        <div className=\"flex gap-8\">\n          <TriggerPreview variant=\"secondary\" radius=\"squared\" className=\"w-200\" />\n          <TriggerPreview variant=\"secondary\" radius=\"rounded\" className=\"w-200\" />\n        </div>\n      </div>\n    </div>\n  ),\n};\n\nexport const ModalTriggerSizes: Story = {\n  render: () => (\n    <div className=\"flex flex-col gap-16\">\n      <div className=\"flex flex-col gap-8\">\n        <span className=\"text-xs text-foreground-neutral-muted\">Base (32px)</span>\n        <div className=\"flex gap-8\">\n          <TriggerPreview size=\"base\" variant=\"primary\" className=\"w-200\" />\n          <TriggerPreview size=\"base\" variant=\"secondary\" className=\"w-200\" />\n        </div>\n      </div>\n      <div className=\"flex flex-col gap-8\">\n        <span className=\"text-xs text-foreground-neutral-muted\">Small (28px)</span>\n        <div className=\"flex gap-8\">\n          <TriggerPreview size=\"small\" variant=\"primary\" className=\"w-200\" />\n          <TriggerPreview size=\"small\" variant=\"secondary\" className=\"w-200\" />\n        </div>\n      </div>\n    </div>\n  ),\n};\n\nexport const AllCombinations: Story = {\n  render: () => (\n    <div className=\"flex flex-col gap-24\">\n      <div>\n        <h3 className=\"text-sm font-medium text-foreground-neutral-base mb-12\">Inline Search</h3>\n        <div className=\"grid grid-cols-4 gap-12\">\n          <div className=\"flex flex-col gap-4\">\n            <span className=\"text-xs text-foreground-neutral-muted\">Primary / Squared / Base</span>\n            <SearchInline\n              variant=\"primary\"\n              radius=\"squared\"\n              size=\"base\"\n              placeholder=\"Search...\"\n              className=\"w-full\"\n            />\n          </div>\n          <div className=\"flex flex-col gap-4\">\n            <span className=\"text-xs text-foreground-neutral-muted\">Primary / Squared / Small</span>\n            <SearchInline\n              variant=\"primary\"\n              radius=\"squared\"\n              size=\"small\"\n              placeholder=\"Search...\"\n              className=\"w-full\"\n            />\n          </div>\n          <div className=\"flex flex-col gap-4\">\n            <span className=\"text-xs text-foreground-neutral-muted\">Primary / Rounded / Base</span>\n            <SearchInline\n              variant=\"primary\"\n              radius=\"rounded\"\n              size=\"base\"\n              placeholder=\"Search...\"\n              className=\"w-full\"\n            />\n          </div>\n          <div className=\"flex flex-col gap-4\">\n            <span className=\"text-xs text-foreground-neutral-muted\">Primary / Rounded / Small</span>\n            <SearchInline\n              variant=\"primary\"\n              radius=\"rounded\"\n              size=\"small\"\n              placeholder=\"Search...\"\n              className=\"w-full\"\n            />\n          </div>\n          <div className=\"flex flex-col gap-4\">\n            <span className=\"text-xs text-foreground-neutral-muted\">\n              Secondary / Squared / Base\n            </span>\n            <SearchInline\n              variant=\"secondary\"\n              radius=\"squared\"\n              size=\"base\"\n              placeholder=\"Search...\"\n              className=\"w-full\"\n            />\n          </div>\n          <div className=\"flex flex-col gap-4\">\n            <span className=\"text-xs text-foreground-neutral-muted\">\n              Secondary / Squared / Small\n            </span>\n            <SearchInline\n              variant=\"secondary\"\n              radius=\"squared\"\n              size=\"small\"\n              placeholder=\"Search...\"\n              className=\"w-full\"\n            />\n          </div>\n          <div className=\"flex flex-col gap-4\">\n            <span className=\"text-xs text-foreground-neutral-muted\">\n              Secondary / Rounded / Base\n            </span>\n            <SearchInline\n              variant=\"secondary\"\n              radius=\"rounded\"\n              size=\"base\"\n              placeholder=\"Search...\"\n              className=\"w-full\"\n            />\n          </div>\n          <div className=\"flex flex-col gap-4\">\n            <span className=\"text-xs text-foreground-neutral-muted\">\n              Secondary / Rounded / Small\n            </span>\n            <SearchInline\n              variant=\"secondary\"\n              radius=\"rounded\"\n              size=\"small\"\n              placeholder=\"Search...\"\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-sm font-medium text-foreground-neutral-base mb-12\">\n          Modal Search Triggers\n        </h3>\n        <div className=\"grid grid-cols-4 gap-12\">\n          <div className=\"flex flex-col gap-4\">\n            <span className=\"text-xs text-foreground-neutral-muted\">Primary / Squared / Base</span>\n            <TriggerPreview variant=\"primary\" radius=\"squared\" size=\"base\" className=\"w-full\" />\n          </div>\n          <div className=\"flex flex-col gap-4\">\n            <span className=\"text-xs text-foreground-neutral-muted\">Primary / Squared / Small</span>\n            <TriggerPreview variant=\"primary\" radius=\"squared\" size=\"small\" className=\"w-full\" />\n          </div>\n          <div className=\"flex flex-col gap-4\">\n            <span className=\"text-xs text-foreground-neutral-muted\">Primary / Rounded / Base</span>\n            <TriggerPreview variant=\"primary\" radius=\"rounded\" size=\"base\" className=\"w-full\" />\n          </div>\n          <div className=\"flex flex-col gap-4\">\n            <span className=\"text-xs text-foreground-neutral-muted\">Primary / Rounded / Small</span>\n            <TriggerPreview variant=\"primary\" radius=\"rounded\" size=\"small\" className=\"w-full\" />\n          </div>\n          <div className=\"flex flex-col gap-4\">\n            <span className=\"text-xs text-foreground-neutral-muted\">\n              Secondary / Squared / Base\n            </span>\n            <TriggerPreview variant=\"secondary\" radius=\"squared\" size=\"base\" className=\"w-full\" />\n          </div>\n          <div className=\"flex flex-col gap-4\">\n            <span className=\"text-xs text-foreground-neutral-muted\">\n              Secondary / Squared / Small\n            </span>\n            <TriggerPreview variant=\"secondary\" radius=\"squared\" size=\"small\" className=\"w-full\" />\n          </div>\n          <div className=\"flex flex-col gap-4\">\n            <span className=\"text-xs text-foreground-neutral-muted\">\n              Secondary / Rounded / Base\n            </span>\n            <TriggerPreview variant=\"secondary\" radius=\"rounded\" size=\"base\" className=\"w-full\" />\n          </div>\n          <div className=\"flex flex-col gap-4\">\n            <span className=\"text-xs text-foreground-neutral-muted\">\n              Secondary / Rounded / Small\n            </span>\n            <TriggerPreview variant=\"secondary\" radius=\"rounded\" size=\"small\" className=\"w-full\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  ),\n};\n"],"names":["useState","Icon","Search","SearchContent","SearchEmpty","SearchFooter","SearchGroup","SearchInline","SearchInput","SearchItem","SearchList","SearchSeparator","SearchTrigger","meta","title","tags","parameters","docs","description","component","Inline","render","InlineDemo","value","setValue","div","className","placeholder","onChange","e","target","onClear","p","InlineVariants","span","variant","radius","defaultValue","InlineSizes","size","ModalSearchDemo","open","setOpen","onOpenChange","shortcutKey","aria-describedby","undefined","heading","icon","name","Modal","TriggerPreview","ModalTriggerVariants","ModalTriggerSizes","AllCombinations","h3"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export * from './select';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/components/select/index.js

@@ -0,0 +1,3 @@
+export * from './select.js';
+
+//# sourceMappingURL=index.js.map

package/dist/components/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/select/index.ts"],"sourcesContent":["export * from './select';\n"],"names":[],"mappings":"AAAA,cAAc,WAAW"}

package/dist/components/select/select.d.ts

@@ -0,0 +1,25 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { type VariantProps } from 'class-variance-authority';
+import type { ComponentProps } from 'react';
+import { type IconName } from '../icon';
+declare function Select({ ...props }: ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SelectGroup({ ...props }: ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function SelectValue({ ...props }: ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
+declare const selectTriggerVariants: (props?: ({
+    variant?: "base" | "component" | null | undefined;
+    size?: "base" | "small" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type SelectTriggerProps = ComponentProps<typeof SelectPrimitive.Trigger> & VariantProps<typeof selectTriggerVariants>;
+declare function SelectTrigger({ className, variant, size, children, ...props }: SelectTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent({ className, children, position, sideOffset, align, ...props }: ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function SelectLabel({ className, ...props }: ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+type SelectItemProps = ComponentProps<typeof SelectPrimitive.Item> & {
+    icon?: IconName;
+};
+declare function SelectItem({ className, children, icon, ...props }: SelectItemProps): import("react/jsx-runtime").JSX.Element;
+declare function SelectSeparator({ className, ...props }: ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, selectTriggerVariants, };
+export type { SelectTriggerProps, SelectItemProps };
+//# sourceMappingURL=select.d.ts.map

package/dist/components/select/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAO,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AAE5C,iBAAS,MAAM,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEtE;AAED,iBAAS,WAAW,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAE5E;AAED,iBAAS,WAAW,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAE5E;AAED,QAAA,MAAM,qBAAqB;;;8EA2B1B,CAAC;AAEF,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GACtE,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAE7C,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,kBAAkB,2CAaxF;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,2CAUvD;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,2CAUzD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,UAAc,EACd,KAAgB,EAChB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAqChD;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAWvF;AAED,KAAK,eAAe,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACnE,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC;AAEF,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,eAAe,2CA6BzE;AAED,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,2CAc/F;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,GACtB,CAAC;AAEF,YAAY,EAAC,kBAAkB,EAAE,eAAe,EAAC,CAAC"}

package/dist/components/select/select.js

@@ -0,0 +1,153 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils/cn.js';
+import { Icon } from '../icon/index.js';
+function Select({ ...props }) {
+    return /*#__PURE__*/ _jsx(SelectPrimitive.Root, {
+        "data-slot": "select",
+        ...props
+    });
+}
+function SelectGroup({ ...props }) {
+    return /*#__PURE__*/ _jsx(SelectPrimitive.Group, {
+        "data-slot": "select-group",
+        ...props
+    });
+}
+function SelectValue({ ...props }) {
+    return /*#__PURE__*/ _jsx(SelectPrimitive.Value, {
+        "data-slot": "select-value",
+        ...props
+    });
+}
+const selectTriggerVariants = cva([
+    'flex items-center justify-between gap-8',
+    'w-full rounded-6 px-8 text-sm leading-20',
+    'bg-background-field-base text-foreground-neutral-subtle',
+    'shadow-button-neutral transition-[color,box-shadow] outline-none',
+    'hover:bg-background-field-hover',
+    'focus-visible:shadow-border-interactive-with-active',
+    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-background-neutral-disabled disabled:shadow-none disabled:text-foreground-neutral-disabled',
+    'data-[placeholder]:text-foreground-neutral-muted'
+], {
+    variants: {
+        variant: {
+            base: 'bg-background-field-base',
+            component: 'bg-background-field-component'
+        },
+        size: {
+            small: 'h-28 py-4',
+            base: 'h-32 py-6'
+        }
+    },
+    defaultVariants: {
+        variant: 'base',
+        size: 'base'
+    }
+});
+function SelectTrigger({ className, variant, size, children, ...props }) {
+    return /*#__PURE__*/ _jsxs(SelectPrimitive.Trigger, {
+        "data-slot": "select-trigger",
+        className: cn(selectTriggerVariants({
+            variant,
+            size
+        }), className),
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ _jsx(SelectPrimitive.Icon, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx(Icon, {
+                    name: "expandUpDownLine",
+                    className: "size-16 text-foreground-neutral-muted shrink-0"
+                })
+            })
+        ]
+    });
+}
+function SelectScrollUpButton({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(SelectPrimitive.ScrollUpButton, {
+        "data-slot": "select-scroll-up-button",
+        className: cn('flex cursor-default items-center justify-center py-4', className),
+        ...props,
+        children: /*#__PURE__*/ _jsx(Icon, {
+            name: "arrowUpSLine",
+            className: "size-16 text-foreground-neutral-muted"
+        })
+    });
+}
+function SelectScrollDownButton({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(SelectPrimitive.ScrollDownButton, {
+        "data-slot": "select-scroll-down-button",
+        className: cn('flex cursor-default items-center justify-center py-4', className),
+        ...props,
+        children: /*#__PURE__*/ _jsx(Icon, {
+            name: "arrowDownSLine",
+            className: "size-16 text-foreground-neutral-muted"
+        })
+    });
+}
+function SelectContent({ className, children, position = 'popper', sideOffset = 4, align = 'center', ...props }) {
+    return /*#__PURE__*/ _jsx(SelectPrimitive.Portal, {
+        children: /*#__PURE__*/ _jsxs(SelectPrimitive.Content, {
+            "data-slot": "select-content",
+            className: cn('relative z-50 max-h-300 min-w-180 overflow-hidden rounded-10 p-4', 'bg-background-neutral-overlay shadow-tooltip', 'data-[state=open]:animate-in data-[state=closed]:animate-out', 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', 'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95', 'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2', 'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', position === 'popper' && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className),
+            position: position,
+            sideOffset: sideOffset,
+            align: align,
+            ...props,
+            children: [
+                /*#__PURE__*/ _jsx(SelectScrollUpButton, {}),
+                /*#__PURE__*/ _jsx(SelectPrimitive.Viewport, {
+                    "data-slot": "select-viewport",
+                    className: cn('p-0', position === 'popper' && 'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'),
+                    children: children
+                }),
+                /*#__PURE__*/ _jsx(SelectScrollDownButton, {})
+            ]
+        })
+    });
+}
+function SelectLabel({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(SelectPrimitive.Label, {
+        "data-slot": "select-label",
+        className: cn('px-8 py-4 text-xs leading-20 text-foreground-neutral-subtle select-none', className),
+        ...props
+    });
+}
+function SelectItem({ className, children, icon, ...props }) {
+    return /*#__PURE__*/ _jsxs(SelectPrimitive.Item, {
+        "data-slot": "select-item",
+        className: cn('relative flex cursor-pointer select-none items-center gap-8 rounded-6 py-6 pl-32 pr-8', 'text-sm leading-20 text-foreground-neutral-subtle outline-none transition-colors', 'focus:bg-background-components-hover', 'data-disabled:pointer-events-none data-disabled:text-foreground-neutral-disabled', 'data-[state=checked]:text-foreground-neutral-base', icon && 'pl-56', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx("span", {
+                className: "absolute left-8 flex size-16 items-center justify-center",
+                children: /*#__PURE__*/ _jsx(SelectPrimitive.ItemIndicator, {
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        name: "check",
+                        className: "size-14 text-foreground-neutral-base"
+                    })
+                })
+            }),
+            icon && /*#__PURE__*/ _jsx(Icon, {
+                name: icon,
+                className: "size-16 shrink-0 text-foreground-neutral-subtle absolute left-32"
+            }),
+            /*#__PURE__*/ _jsx(SelectPrimitive.ItemText, {
+                children: children
+            })
+        ]
+    });
+}
+function SelectSeparator({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(SelectPrimitive.Separator, {
+        "data-slot": "select-separator",
+        className: cn('relative -mx-4 my-4 h-px', 'bg-border-neutral-menu-top', 'after:absolute after:inset-x-0 after:top-px after:h-px', 'after:bg-border-neutral-menu-bottom', className),
+        ...props
+    });
+}
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, selectTriggerVariants };
+
+//# sourceMappingURL=select.js.map

package/dist/components/select/select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/select/select.tsx"],"sourcesContent":["import * as SelectPrimitive from '@radix-ui/react-select';\nimport {cva, type VariantProps} from 'class-variance-authority';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\nimport {Icon, type IconName} from '../icon';\n\nfunction Select({...props}: ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({...props}: ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({...props}: ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nconst selectTriggerVariants = cva(\n  [\n    'flex items-center justify-between gap-8',\n    'w-full rounded-6 px-8 text-sm leading-20',\n    'bg-background-field-base text-foreground-neutral-subtle',\n    'shadow-button-neutral transition-[color,box-shadow] outline-none',\n    'hover:bg-background-field-hover',\n    'focus-visible:shadow-border-interactive-with-active',\n    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-background-neutral-disabled disabled:shadow-none disabled:text-foreground-neutral-disabled',\n    'data-[placeholder]:text-foreground-neutral-muted',\n  ],\n  {\n    variants: {\n      variant: {\n        base: 'bg-background-field-base',\n        component: 'bg-background-field-component',\n      },\n      size: {\n        small: 'h-28 py-4',\n        base: 'h-32 py-6',\n      },\n    },\n    defaultVariants: {\n      variant: 'base',\n      size: 'base',\n    },\n  },\n);\n\ntype SelectTriggerProps = ComponentProps<typeof SelectPrimitive.Trigger> &\n  VariantProps<typeof selectTriggerVariants>;\n\nfunction SelectTrigger({className, variant, size, children, ...props}: SelectTriggerProps) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      className={cn(selectTriggerVariants({variant, size}), className)}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <Icon name=\"expandUpDownLine\" className=\"size-16 text-foreground-neutral-muted shrink-0\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn('flex cursor-default items-center justify-center py-4', className)}\n      {...props}\n    >\n      <Icon name=\"arrowUpSLine\" className=\"size-16 text-foreground-neutral-muted\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn('flex cursor-default items-center justify-center py-4', className)}\n      {...props}\n    >\n      <Icon name=\"arrowDownSLine\" className=\"size-16 text-foreground-neutral-muted\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'popper',\n  sideOffset = 4,\n  align = 'center',\n  ...props\n}: ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'relative z-50 max-h-300 min-w-180 overflow-hidden rounded-10 p-4',\n          'bg-background-neutral-overlay shadow-tooltip',\n          'data-[state=open]:animate-in data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n          'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n          'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2',\n          'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n          className,\n        )}\n        position={position}\n        sideOffset={sideOffset}\n        align={align}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          data-slot=\"select-viewport\"\n          className={cn(\n            'p-0',\n            position === 'popper' &&\n              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({className, ...props}: ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn(\n        'px-8 py-4 text-xs leading-20 text-foreground-neutral-subtle select-none',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype SelectItemProps = ComponentProps<typeof SelectPrimitive.Item> & {\n  icon?: IconName;\n};\n\nfunction SelectItem({className, children, icon, ...props}: SelectItemProps) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        'relative flex cursor-pointer select-none items-center gap-8 rounded-6 py-6 pl-32 pr-8',\n        'text-sm leading-20 text-foreground-neutral-subtle outline-none transition-colors',\n        'focus:bg-background-components-hover',\n        'data-disabled:pointer-events-none data-disabled:text-foreground-neutral-disabled',\n        'data-[state=checked]:text-foreground-neutral-base',\n        icon && 'pl-56',\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute left-8 flex size-16 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <Icon name=\"check\" className=\"size-14 text-foreground-neutral-base\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      {icon && (\n        <Icon\n          name={icon}\n          className=\"size-16 shrink-0 text-foreground-neutral-subtle absolute left-32\"\n        />\n      )}\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({className, ...props}: ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\n        'relative -mx-4 my-4 h-px',\n        'bg-border-neutral-menu-top',\n        'after:absolute after:inset-x-0 after:top-px after:h-px',\n        'after:bg-border-neutral-menu-bottom',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton,\n  selectTriggerVariants,\n};\n\nexport type {SelectTriggerProps, SelectItemProps};\n"],"names":["SelectPrimitive","cva","cn","Icon","Select","props","Root","data-slot","SelectGroup","Group","SelectValue","Value","selectTriggerVariants","variants","variant","base","component","size","small","defaultVariants","SelectTrigger","className","children","Trigger","asChild","name","SelectScrollUpButton","ScrollUpButton","SelectScrollDownButton","ScrollDownButton","SelectContent","position","sideOffset","align","Portal","Content","Viewport","SelectLabel","Label","SelectItem","icon","Item","span","ItemIndicator","ItemText","SelectSeparator","Separator"],"mappings":";AAAA,YAAYA,qBAAqB,yBAAyB;AAC1D,SAAQC,GAAG,QAA0B,2BAA2B;AAEhE,SAAQC,EAAE,QAAO,WAAW;AAC5B,SAAQC,IAAI,QAAsB,UAAU;AAE5C,SAASC,OAAO,EAAC,GAAGC,OAAmD;IACrE,qBAAO,KAACL,gBAAgBM,IAAI;QAACC,aAAU;QAAU,GAAGF,KAAK;;AAC3D;AAEA,SAASG,YAAY,EAAC,GAAGH,OAAoD;IAC3E,qBAAO,KAACL,gBAAgBS,KAAK;QAACF,aAAU;QAAgB,GAAGF,KAAK;;AAClE;AAEA,SAASK,YAAY,EAAC,GAAGL,OAAoD;IAC3E,qBAAO,KAACL,gBAAgBW,KAAK;QAACJ,aAAU;QAAgB,GAAGF,KAAK;;AAClE;AAEA,MAAMO,wBAAwBX,IAC5B;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD,EACD;IACEY,UAAU;QACRC,SAAS;YACPC,MAAM;YACNC,WAAW;QACb;QACAC,MAAM;YACJC,OAAO;YACPH,MAAM;QACR;IACF;IACAI,iBAAiB;QACfL,SAAS;QACTG,MAAM;IACR;AACF;AAMF,SAASG,cAAc,EAACC,SAAS,EAAEP,OAAO,EAAEG,IAAI,EAAEK,QAAQ,EAAE,GAAGjB,OAA0B;IACvF,qBACE,MAACL,gBAAgBuB,OAAO;QACtBhB,aAAU;QACVc,WAAWnB,GAAGU,sBAAsB;YAACE;YAASG;QAAI,IAAII;QACrD,GAAGhB,KAAK;;YAERiB;0BACD,KAACtB,gBAAgBG,IAAI;gBAACqB,OAAO;0BAC3B,cAAA,KAACrB;oBAAKsB,MAAK;oBAAmBJ,WAAU;;;;;AAIhD;AAEA,SAASK,qBAAqB,EAC5BL,SAAS,EACT,GAAGhB,OACmD;IACtD,qBACE,KAACL,gBAAgB2B,cAAc;QAC7BpB,aAAU;QACVc,WAAWnB,GAAG,wDAAwDmB;QACrE,GAAGhB,KAAK;kBAET,cAAA,KAACF;YAAKsB,MAAK;YAAeJ,WAAU;;;AAG1C;AAEA,SAASO,uBAAuB,EAC9BP,SAAS,EACT,GAAGhB,OACqD;IACxD,qBACE,KAACL,gBAAgB6B,gBAAgB;QAC/BtB,aAAU;QACVc,WAAWnB,GAAG,wDAAwDmB;QACrE,GAAGhB,KAAK;kBAET,cAAA,KAACF;YAAKsB,MAAK;YAAiBJ,WAAU;;;AAG5C;AAEA,SAASS,cAAc,EACrBT,SAAS,EACTC,QAAQ,EACRS,WAAW,QAAQ,EACnBC,aAAa,CAAC,EACdC,QAAQ,QAAQ,EAChB,GAAG5B,OAC4C;IAC/C,qBACE,KAACL,gBAAgBkC,MAAM;kBACrB,cAAA,MAAClC,gBAAgBmC,OAAO;YACtB5B,aAAU;YACVc,WAAWnB,GACT,oEACA,gDACA,gEACA,8DACA,gEACA,iFACA,iFACA6B,aAAa,YACX,mIACFV;YAEFU,UAAUA;YACVC,YAAYA;YACZC,OAAOA;YACN,GAAG5B,KAAK;;8BAET,KAACqB;8BACD,KAAC1B,gBAAgBoC,QAAQ;oBACvB7B,aAAU;oBACVc,WAAWnB,GACT,OACA6B,aAAa,YACX;8BAGHT;;8BAEH,KAACM;;;;AAIT;AAEA,SAASS,YAAY,EAAChB,SAAS,EAAE,GAAGhB,OAAoD;IACtF,qBACE,KAACL,gBAAgBsC,KAAK;QACpB/B,aAAU;QACVc,WAAWnB,GACT,2EACAmB;QAED,GAAGhB,KAAK;;AAGf;AAMA,SAASkC,WAAW,EAAClB,SAAS,EAAEC,QAAQ,EAAEkB,IAAI,EAAE,GAAGnC,OAAuB;IACxE,qBACE,MAACL,gBAAgByC,IAAI;QACnBlC,aAAU;QACVc,WAAWnB,GACT,yFACA,oFACA,wCACA,oFACA,qDACAsC,QAAQ,SACRnB;QAED,GAAGhB,KAAK;;0BAET,KAACqC;gBAAKrB,WAAU;0BACd,cAAA,KAACrB,gBAAgB2C,aAAa;8BAC5B,cAAA,KAACxC;wBAAKsB,MAAK;wBAAQJ,WAAU;;;;YAGhCmB,sBACC,KAACrC;gBACCsB,MAAMe;gBACNnB,WAAU;;0BAGd,KAACrB,gBAAgB4C,QAAQ;0BAAEtB;;;;AAGjC;AAEA,SAASuB,gBAAgB,EAACxB,SAAS,EAAE,GAAGhB,OAAwD;IAC9F,qBACE,KAACL,gBAAgB8C,SAAS;QACxBvC,aAAU;QACVc,WAAWnB,GACT,4BACA,8BACA,0DACA,uCACAmB;QAED,GAAGhB,KAAK;;AAGf;AAEA,SACED,MAAM,EACNI,WAAW,EACXE,WAAW,EACXU,aAAa,EACbU,aAAa,EACbO,WAAW,EACXE,UAAU,EACVM,eAAe,EACfnB,oBAAoB,EACpBE,sBAAsB,EACtBhB,qBAAqB,GACrB"}