@epilot/volt-ui 1.1.7-alpha.1 → 1.1.7

package/dist/index.es11.js

@@ -1,318 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "./index.es4.js";
-import { CommandGroup, Command, CommandItem, CommandEmpty, CommandSeparator, CommandInput, CommandList, CommandLoading } from "./index.es35.js";
-import { PopoverTrigger, Popover, PopoverContent } from "./index.es18.js";
-import { useFieldContext } from "./index.es7.js";
-import { Label } from "./index.es13.js";
-import { buttonVariants } from "./index.es5.js";
-const CheckIcon = (props) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    height: "24px",
-    viewBox: "0 -960 960 960",
-    width: "24px",
-    fill: "currentColor",
-    ...props,
-    children: /* @__PURE__ */ jsx("path", { d: "m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z" })
-  }
-);
-const ChevronDownIcon = (props) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    height: "24px",
-    viewBox: "0 -960 960 960",
-    width: "24px",
-    fill: "currentColor",
-    ...props,
-    children: /* @__PURE__ */ jsx("path", { d: "M459-381 314-526q-3-3-4.5-6.5T308-540q0-8 5.5-14t14.5-6h304q9 0 14.5 6t5.5 14q0 2-6 14L501-381q-5 5-10 7t-11 2q-6 0-11-2t-10-7Z" })
-  }
-);
-const XIcon = (props) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    height: "24px",
-    viewBox: "0 -960 960 960",
-    width: "24px",
-    fill: "currentColor",
-    ...props,
-    children: /* @__PURE__ */ jsx("path", { d: "M480-424 284-228q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536-480l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-424Z" })
-  }
-);
-const FieldCombobox = ({ ...props }) => {
-  return /* @__PURE__ */ jsx(Popover, { "data-slot": "combobox", ...props });
-};
-const FieldComboboxGroup = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    CommandGroup,
-    {
-      "data-slot": "combobox-group",
-      className: cn("volt-p-0!", className),
-      ...props
-    }
-  );
-};
-const FieldComboboxGroupLabel = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    Label,
-    {
-      "data-slot": "combobox-group-label",
-      className: cn("volt-text-gray volt-font-semibold volt-px-2 volt-py-2 volt-text-xs", className),
-      ...props
-    }
-  );
-};
-const FieldComboboxValue = ({
-  className,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "combobox-value",
-      className: cn(
-        "volt-text-gray-default volt-w-full volt-text-left volt-flex-wrap volt-flex volt-gap-2 volt-relative",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-};
-const FieldComboboxTrigger = React.forwardRef(({ className, children, ...props }, ref) => {
-  const { inputRef } = useFieldContext();
-  return /* @__PURE__ */ jsxs(
-    PopoverTrigger,
-    {
-      ref: (el) => {
-        if (inputRef) {
-          inputRef.current = el;
-        }
-        if (typeof ref === "function") {
-          ref(el);
-        } else if (ref) {
-          ref.current = el;
-        }
-      },
-      "data-slot": "select-trigger",
-      className: cn(
-        "volt-group volt-data-placeholder:text-gray-a8 volt-w-full volt-flex volt-items-center volt-justify-between volt-gap-2 volt-rounded-lg volt-bg-transparent volt-text-sm volt-whitespace-nowrap volt-transition-[color,box-shadow] volt-outline-none volt-disabled:cursor-not-allowed volt-disabled:opacity-50 volt-*:data-[slot=select-value]:line-clamp-1 volt-*:data-[slot=select-value]:flex volt-*:data-[slot=select-value]:items-center volt-*:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(ChevronDownIcon, { className: "volt-transition-all volt-size-6 volt-group-data-[state=open]:rotate-180 volt-text-gray-light" })
-      ]
-    }
-  );
-});
-const FieldComboboxContent = ({
-  className,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    PopoverContent,
-    {
-      "data-slot": "combobox-content",
-      className: cn(
-        "volt-bg-body volt-p-0! volt-gap-1 volt-text-gray-default volt-data-[selected=open]:animate-in volt-data-[selected=closed]:animate-out volt-data-[selected=closed]:fade-out-0 volt-data-[selected=open]:fade-in-0 volt-data-[selected=closed]:zoom-out-95 volt-data-[selected=open]:zoom-in-95 volt-data-[side=bottom]:slide-in-from-top-2 volt-data-[side=left]:slide-in-from-right-2 volt-data-[side=right]:slide-in-from-left-2 volt-data-[side=top]:slide-in-from-bottom-2 volt-relative volt-z-50 volt-origin-(--radix-select-content-transform-origin) volt-overflow-x-hidden volt-overflow-y-auto volt-rounded-2xl volt-border volt-border-transparent volt-shadow-md",
-        "volt-w-(--radix-popover-trigger-width) volt-max-h-(--radix-popper-available-height)"
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        Command,
-        {
-          "data-slot": "combobox-command",
-          className: cn("volt-w-full volt-rounded-none", className),
-          children
-        }
-      )
-    }
-  );
-};
-const FieldComboboxInput = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    CommandInput,
-    {
-      "data-slot": "combobox-command-input",
-      className: cn("volt-w-full volt-placeholder:text-gray-a8", className),
-      ...props
-    }
-  );
-};
-const FieldComboboxList = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    CommandList,
-    {
-      "data-slot": "combobox-command-list",
-      className: cn("volt-p-2", className),
-      ...props
-    }
-  );
-};
-const FieldComboboxItem = ({
-  className,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    CommandItem,
-    {
-      "data-slot": "combobox-item",
-      className: cn(
-        `volt-pl-3 volt-py-1.5 volt-not-first:mt-0.5 volt-text-gray-default [&_svg:not([class*='volt-text-'])]:text-gray-default volt-relative volt-flex volt-w-full volt-cursor-default volt-items-center volt-gap-2 volt-rounded-md! volt-pr-8 volt-text-sm volt-outline-none volt-select-none volt-data-[disabled=true]:pointer-events-none volt-data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 volt-*:[span]:last:flex volt-*:[span]:last:items-center volt-*:[span]:last:gap-2`,
-        `volt-data-[checked=true]:bg-accent-a3`,
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-};
-const FieldComboboxEmpty = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    CommandEmpty,
-    {
-      "data-slot": "volt-combobox-empty",
-      className: cn("volt-py-6 volt-text-center volt-text-gray-default volt-text-sm", className),
-      ...props
-    }
-  );
-};
-const FieldComboboxSeparator = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    CommandSeparator,
-    {
-      "data-slot": "volt-select-separator",
-      className: cn(
-        "volt-bg-gray-soft volt-pointer-events-none volt--mx-1 volt-my-2 volt-h-px",
-        className
-      ),
-      ...props
-    }
-  );
-};
-const FieldComboboxItemCheckIcon = ({
-  className
-}) => {
-  return /* @__PURE__ */ jsx("span", { className: "volt-absolute volt-right-2 volt-flex volt-size-4 volt-items-center volt-justify-center", children: /* @__PURE__ */ jsx(CheckIcon, { className: cn("volt-size-4 volt-text-gray-default", className) }) });
-};
-const FieldComboboxLoading = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    CommandLoading,
-    {
-      "data-slot": "volt-combobox-command-loading",
-      className: cn("volt-text-gray-light volt-px-3 volt-py-2", className),
-      ...props
-    }
-  );
-};
-const FieldComboboxClear = ({
-  className,
-  onClick,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn(
-        "volt-p-0.5! volt-min-h-auto volt-absolute volt-right-11 volt-cursor-pointer",
-        buttonVariants({ variant: "tertiary" }),
-        className
-      ),
-      role: "button",
-      tabIndex: 0,
-      onPointerDown: (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-      },
-      onClick: (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        onClick == null ? void 0 : onClick(event);
-      },
-      ...props,
-      children: /* @__PURE__ */ jsx(XIcon, { className: "volt-text-accent-solid volt-size-5" })
-    }
-  );
-};
-const FieldComboboxPlaceholder = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx("span", { className: cn("volt-text-gray-a8", className), ...props });
-};
-const FieldComboboxClearValue = ({
-  className,
-  onClick,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      role: "button",
-      tabIndex: 0,
-      className: cn(
-        "volt-cursor-pointer volt-hover:opacity-70 volt-text-current volt-rounded-full volt-focus-visible:outline-2 volt-focus-visible:outline-offset-1 volt-focus-visible:outline-accent-a8",
-        className
-      ),
-      onPointerDown: (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-      },
-      onClick: (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        onClick == null ? void 0 : onClick(event);
-      },
-      ...props,
-      children: /* @__PURE__ */ jsx(XIcon, { className: "volt-size-4 volt-text-current" })
-    }
-  );
-};
-export {
-  FieldCombobox,
-  FieldComboboxClear,
-  FieldComboboxClearValue,
-  FieldComboboxContent,
-  FieldComboboxEmpty,
-  FieldComboboxGroup,
-  FieldComboboxGroupLabel,
-  FieldComboboxInput,
-  FieldComboboxItem,
-  FieldComboboxItemCheckIcon,
-  FieldComboboxList,
-  FieldComboboxLoading,
-  FieldComboboxPlaceholder,
-  FieldComboboxSeparator,
-  FieldComboboxTrigger,
-  FieldComboboxValue
-};
-//# sourceMappingURL=index.es11.js.map

package/dist/index.es11.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es11.js","sources":["../src/components/field/field-combobox.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandLoading,\n  CommandSeparator,\n} from \"@/components/command/command\"\n\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n} from \"@/components/popover/popover\"\nimport { useFieldContext } from \"./field\"\nimport { Label } from \"@/components/label/label\"\nimport { Button, buttonVariants } from \"../button/button\"\n\nconst CheckIcon = (props: React.ComponentProps<\"svg\">) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"24px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"24px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z\" />\n  </svg>\n)\n\nconst ChevronDownIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"24px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"24px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M459-381 314-526q-3-3-4.5-6.5T308-540q0-8 5.5-14t14.5-6h304q9 0 14.5 6t5.5 14q0 2-6 14L501-381q-5 5-10 7t-11 2q-6 0-11-2t-10-7Z\" />\n  </svg>\n)\n\nconst XIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"24px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"24px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M480-424 284-228q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536-480l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-424Z\" />\n  </svg>\n)\n\nconst FieldCombobox = ({ ...props }: React.ComponentProps<typeof Popover>) => {\n  return <Popover data-slot=\"combobox\" {...props} />\n}\n\nconst FieldComboboxGroup = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandGroup>) => {\n  return (\n    <CommandGroup\n      data-slot=\"combobox-group\"\n      className={cn(\"p-0!\", className)}\n      {...props}\n    />\n  )\n}\n\nconst FieldComboboxGroupLabel = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof Label>) => {\n  return (\n    <Label\n      data-slot=\"combobox-group-label\"\n      className={cn(\"text-gray font-semibold px-2 py-2 text-xs\", className)}\n      {...props}\n    />\n  )\n}\n\nconst FieldComboboxValue = ({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\">) => {\n  return (\n    <div\n      data-slot=\"combobox-value\"\n      className={cn(\n        \"text-gray-default w-full text-left flex-wrap flex gap-2 relative\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nconst FieldComboboxTrigger = React.forwardRef<\n  React.ComponentRef<typeof PopoverTrigger>,\n  React.ComponentPropsWithoutRef<typeof PopoverTrigger>\n>(({ className, children, ...props }, ref) => {\n  const { inputRef } = useFieldContext()\n\n  return (\n    <PopoverTrigger\n      ref={(el) => {\n        if (inputRef) {\n          inputRef.current = el\n        }\n        if (typeof ref === \"function\") {\n          ref(el)\n        } else if (ref) {\n          ref.current = el\n        }\n      }}\n      data-slot=\"select-trigger\"\n      className={cn(\n        \"group data-placeholder:text-gray-a8 w-full flex items-center justify-between gap-2 rounded-lg bg-transparent text-sm whitespace-nowrap transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDownIcon className=\"transition-all size-6 group-data-[state=open]:rotate-180 text-gray-light\" />\n    </PopoverTrigger>\n  )\n})\n\nconst FieldComboboxContent = ({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof PopoverContent>) => {\n  return (\n    <PopoverContent\n      data-slot=\"combobox-content\"\n      className={cn(\n        \"bg-body p-0! gap-1 text-gray-default data-[selected=open]:animate-in data-[selected=closed]:animate-out data-[selected=closed]:fade-out-0 data-[selected=open]:fade-in-0 data-[selected=closed]:zoom-out-95 data-[selected=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 relative z-50 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-2xl border border-transparent shadow-md\",\n        \"w-(--radix-popover-trigger-width) max-h-(--radix-popper-available-height)\"\n      )}\n      {...props}\n    >\n      <Command\n        data-slot=\"combobox-command\"\n        className={cn(\"w-full rounded-none\", className)}\n      >\n        {children}\n      </Command>\n    </PopoverContent>\n  )\n}\n\nconst FieldComboboxInput = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandInput>) => {\n  return (\n    <CommandInput\n      data-slot=\"combobox-command-input\"\n      className={cn(\"w-full placeholder:text-gray-a8\", className)}\n      {...props}\n    />\n  )\n}\n\nconst FieldComboboxList = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandList>) => {\n  return (\n    <CommandList\n      data-slot=\"combobox-command-list\"\n      className={cn(\"p-2\", className)}\n      {...props}\n    />\n  )\n}\n\nconst FieldComboboxItem = ({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof CommandItem>) => {\n  return (\n    <CommandItem\n      data-slot=\"combobox-item\"\n      className={cn(\n        `pl-3 py-1.5 not-first:mt-0.5 text-gray-default [&_svg:not([class*='text-'])]:text-gray-default relative flex w-full cursor-default items-center gap-2 rounded-md! pr-8 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2`,\n        `data-[checked=true]:bg-accent-a3`,\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </CommandItem>\n  )\n}\n\nconst FieldComboboxEmpty = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandEmpty>) => {\n  return (\n    <CommandEmpty\n      data-slot=\"combobox-empty\"\n      className={cn(\"py-6 text-center text-gray-default text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nconst FieldComboboxSeparator = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandSeparator>) => {\n  return (\n    <CommandSeparator\n      data-slot=\"select-separator\"\n      className={cn(\n        \"bg-gray-soft pointer-events-none -mx-1 my-2 h-px\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst FieldComboboxItemCheckIcon = ({\n  className,\n}: React.ComponentProps<\"span\">) => {\n  return (\n    <span className=\"absolute right-2 flex size-4 items-center justify-center\">\n      <CheckIcon className={cn(\"size-4 text-gray-default\", className)} />\n    </span>\n  )\n}\n\nconst FieldComboboxLoading = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandLoading>) => {\n  return (\n    <CommandLoading\n      data-slot=\"combobox-command-loading\"\n      className={cn(\"text-gray-light px-3 py-2\", className)}\n      {...props}\n    />\n  )\n}\n\nconst FieldComboboxClear = ({\n  className,\n  onClick,\n  ...props\n}: React.ComponentProps<typeof Button>) => {\n  return (\n    <span\n      className={cn(\n        \"p-0.5! min-h-auto absolute right-11 cursor-pointer\",\n        buttonVariants({ variant: \"tertiary\" }),\n        className\n      )}\n      role=\"button\"\n      tabIndex={0}\n      onPointerDown={(event) => {\n        event.preventDefault()\n        event.stopPropagation()\n      }}\n      onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n        event.preventDefault()\n        event.stopPropagation()\n        onClick?.(event)\n      }}\n      {...props}\n    >\n      <XIcon className=\"text-accent-solid size-5\" />\n    </span>\n  )\n}\n\nconst FieldComboboxPlaceholder = ({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) => {\n  return <span className={cn(\"text-gray-a8\", className)} {...props} />\n}\n\nconst FieldComboboxClearValue = ({\n  className,\n  onClick,\n  ...props\n}: React.ComponentProps<\"span\">) => {\n  return (\n    <span\n      role=\"button\"\n      tabIndex={0}\n      className={cn(\n        \"cursor-pointer hover:opacity-70 text-current rounded-full focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-accent-a8\",\n        className\n      )}\n      onPointerDown={(event) => {\n        event.preventDefault()\n        event.stopPropagation()\n      }}\n      onClick={(event: React.MouseEvent<HTMLSpanElement>) => {\n        event.preventDefault()\n        event.stopPropagation()\n        onClick?.(event)\n      }}\n      {...props}\n    >\n      <XIcon className=\"size-4 text-current\" />\n    </span>\n  )\n}\n\nexport {\n  FieldCombobox,\n  FieldComboboxGroup,\n  FieldComboboxGroupLabel,\n  FieldComboboxValue,\n  FieldComboboxTrigger,\n  FieldComboboxContent,\n  FieldComboboxItem,\n  FieldComboboxItemCheckIcon,\n  FieldComboboxEmpty,\n  FieldComboboxSeparator,\n  FieldComboboxInput,\n  FieldComboboxList,\n  FieldComboboxLoading,\n  FieldComboboxClear,\n  FieldComboboxClearValue,\n  FieldComboboxPlaceholder,\n}\n"],"names":[],"mappings":"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"}

package/dist/index.es12.js

@@ -1,274 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { Trigger, Icon, Root as Root2, Portal, Content as Content2, Viewport, Group, Item, ItemIndicator, ItemText, Label, ScrollDownButton, ScrollUpButton, Separator, Value } from "./index.es36.js";
-import { cn } from "./index.es4.js";
-import { useFieldContext } from "./index.es7.js";
-import { buttonVariants } from "./index.es5.js";
-const XIcon = (props) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    height: "24px",
-    viewBox: "0 -960 960 960",
-    width: "24px",
-    fill: "currentColor",
-    ...props,
-    children: /* @__PURE__ */ jsx("path", { d: "M480-424 284-228q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536-480l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-424Z" })
-  }
-);
-const CheckIcon = (props) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    height: "24px",
-    viewBox: "0 -960 960 960",
-    width: "24px",
-    fill: "currentColor",
-    ...props,
-    children: /* @__PURE__ */ jsx("path", { d: "m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z" })
-  }
-);
-const ChevronDownIcon = (props) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    height: "24px",
-    viewBox: "0 -960 960 960",
-    width: "24px",
-    fill: "currentColor",
-    ...props,
-    children: /* @__PURE__ */ jsx("path", { d: "M459-381 314-526q-3-3-4.5-6.5T308-540q0-8 5.5-14t14.5-6h304q9 0 14.5 6t5.5 14q0 2-6 14L501-381q-5 5-10 7t-11 2q-6 0-11-2t-10-7Z" })
-  }
-);
-const ChevronUpIcon = (props) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    height: "24px",
-    viewBox: "0 -960 960 960",
-    width: "24px",
-    fill: "currentColor",
-    ...props,
-    children: /* @__PURE__ */ jsx("path", { d: "M480-528 324-372q-11 11-28 11t-28-11q-11-11-11-28t11-28l184-184q12-12 28-12t28 12l184 184q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-528Z" })
-  }
-);
-const Select = ({
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(Root2, { "data-slot": "select", ...props });
-};
-const SelectGroup = ({
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(Group, { "data-slot": "select-group", ...props });
-};
-const SelectValue = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    Value,
-    {
-      "data-slot": "select-value",
-      className: cn(className),
-      ...props
-    }
-  );
-};
-const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => {
-  const { inputRef } = useFieldContext();
-  return /* @__PURE__ */ jsxs(
-    Trigger,
-    {
-      ref: (el) => {
-        if (inputRef) {
-          inputRef.current = el;
-        }
-        if (typeof ref === "function") {
-          ref(el);
-        } else if (ref) {
-          ref.current = el;
-        }
-      },
-      "data-slot": "select-trigger",
-      className: cn(
-        "volt-group volt-data-placeholder:text-gray-a8 volt-w-full volt-flex volt-items-center volt-justify-between volt-gap-2 volt-rounded-lg volt-bg-transparent volt-text-sm volt-whitespace-nowrap volt-transition-[color,box-shadow] volt-outline-none volt-disabled:cursor-not-allowed volt-disabled:opacity-50 volt-*:data-[slot=select-value]:line-clamp-1 volt-*:data-[slot=select-value]:flex volt-*:data-[slot=select-value]:items-center volt-*:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "volt-transition-all volt-size-6 volt-group-data-[state=open]:rotate-180 volt-text-gray-light" }) })
-      ]
-    }
-  );
-});
-SelectTrigger.displayName = "SelectTrigger";
-const SelectTriggerClear = ({
-  className,
-  onClick,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn(
-        "volt-p-0.5! volt-min-h-auto volt-absolute volt-right-11",
-        buttonVariants({ variant: "tertiary" }),
-        className
-      ),
-      role: "button",
-      tabIndex: 0,
-      onPointerDown: (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-      },
-      onClick: (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        onClick == null ? void 0 : onClick(event);
-      },
-      ...props,
-      children: /* @__PURE__ */ jsx(XIcon, { className: "volt-text-accent-solid volt-size-5" })
-    }
-  );
-};
-SelectTriggerClear.displayName = "SelectTriggerClear";
-const SelectContent = ({
-  className,
-  children,
-  position = "popper",
-  align = "center",
-  container,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(Portal, { container, children: /* @__PURE__ */ jsxs(
-    Content2,
-    {
-      "data-slot": "select-content",
-      className: cn(
-        "volt-bg-body volt-p-2 volt-gap-1 volt-text-gray-default volt-data-[state=open]:animate-in volt-data-[state=closed]:animate-out volt-data-[state=closed]:fade-out-0 volt-data-[state=open]:fade-in-0 volt-data-[state=closed]:zoom-out-95 volt-data-[state=open]:zoom-in-95 volt-data-[side=bottom]:slide-in-from-top-2 volt-data-[side=left]:slide-in-from-right-2 volt-data-[side=right]:slide-in-from-left-2 volt-data-[side=top]:slide-in-from-bottom-2 volt-relative volt-z-50 volt-origin-(--radix-select-content-transform-origin) volt-overflow-x-hidden volt-overflow-y-auto volt-rounded-2xl volt-border volt-border-transparent volt-shadow-md",
-        "volt-max-h-(--radix-popper-available-height)",
-        {
-          "volt-data-[side=bottom]:translate-y-1 volt-data-[side=left]:-translate-x-1 volt-data-[side=right]:translate-x-1 volt-data-[side=top]:-translate-y-1": position === "popper"
-        },
-        className
-      ),
-      position,
-      align,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx(
-          Viewport,
-          {
-            className: cn({
-              "volt-h-(--radix-select-trigger-height) volt-w-full volt-min-w-(--radix-select-trigger-width) volt-scroll-my-1": position === "popper"
-            }),
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
-      ]
-    }
-  ) });
-};
-const SelectLabel = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    Label,
-    {
-      "data-slot": "select-label",
-      className: cn("volt-text-gray volt-font-semibold volt-px-2 volt-py-1.5 volt-text-xs", className),
-      ...props
-    }
-  );
-};
-const SelectItem = ({
-  className,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs(
-    Item,
-    {
-      "data-slot": "select-item",
-      className: cn(
-        `volt-pl-3 volt-py-1.5 volt-not-first:mt-0.5 volt-text-gray-default [&_svg:not([class*='volt-text-'])]:text-gray-light volt-relative volt-flex volt-w-full volt-cursor-default volt-items-center volt-gap-2 volt-rounded-md volt-pr-8 volt-text-sm volt-outline-none volt-select-none volt-data-disabled:pointer-events-none volt-data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 volt-*:[span]:last:flex volt-*:[span]:last:items-center volt-*:[span]:last:gap-2`,
-        `volt-focus:bg-accent-a3 volt-data-[state=checked]:bg-accent-a3`,
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "volt-absolute volt-right-2 volt-flex volt-size-4 volt-items-center volt-justify-center", children: /* @__PURE__ */ jsx(ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "volt-size-4 volt-text-gray-light" }) }) }),
-        /* @__PURE__ */ jsx(ItemText, { children })
-      ]
-    }
-  );
-};
-const SelectSeparator = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    Separator,
-    {
-      "data-slot": "volt-select-separator",
-      className: cn(
-        "volt-bg-gray-soft volt-pointer-events-none volt--mx-1 volt-my-1 volt-h-px",
-        className
-      ),
-      ...props
-    }
-  );
-};
-const SelectScrollUpButton = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    ScrollUpButton,
-    {
-      "data-slot": "volt-select-scroll-up-button",
-      className: cn(
-        "volt-flex volt-cursor-default volt-items-center volt-justify-center volt-pb-1",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "volt-size-6" })
-    }
-  );
-};
-const SelectScrollDownButton = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    ScrollDownButton,
-    {
-      "data-slot": "volt-select-scroll-down-button",
-      className: cn(
-        "volt-flex volt-cursor-default volt-items-center volt-justify-center volt-pt-1",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "volt-size-6 volt-rotate-180" })
-    }
-  );
-};
-export {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectLabel,
-  SelectScrollDownButton,
-  SelectScrollUpButton,
-  SelectSeparator,
-  SelectTrigger,
-  SelectTriggerClear,
-  SelectValue
-};
-//# sourceMappingURL=index.es12.js.map

package/dist/index.es12.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es12.js","sources":["../src/components/field/field-select.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { cn } from \"@/lib/utils\"\nimport { useFieldContext } from \"@/components/field/field\"\nimport { Button, buttonVariants } from \"../button/button\"\n\nconst XIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"24px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"24px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M480-424 284-228q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536-480l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-424Z\" />\n  </svg>\n)\n\nconst CheckIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"24px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"24px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z\" />\n  </svg>\n)\n\nconst ChevronDownIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"24px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"24px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M459-381 314-526q-3-3-4.5-6.5T308-540q0-8 5.5-14t14.5-6h304q9 0 14.5 6t5.5 14q0 2-6 14L501-381q-5 5-10 7t-11 2q-6 0-11-2t-10-7Z\" />\n  </svg>\n)\n\nconst ChevronUpIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"24px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"24px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M480-528 324-372q-11 11-28 11t-28-11q-11-11-11-28t11-28l184-184q12-12 28-12t28 12l184 184q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-528Z\" />\n  </svg>\n)\n\nconst Select = ({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) => {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nconst SelectGroup = ({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) => {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nconst SelectValue = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) => {\n  return (\n    <SelectPrimitive.Value\n      data-slot=\"select-value\"\n      className={cn(className)}\n      {...props}\n    />\n  )\n}\n\nconst SelectTrigger = React.forwardRef<\n  React.ComponentRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => {\n  const { inputRef } = useFieldContext()\n\n  return (\n    <SelectPrimitive.Trigger\n      ref={(el) => {\n        if (inputRef) {\n          inputRef.current = el\n        }\n        if (typeof ref === \"function\") {\n          ref(el)\n        } else if (ref) {\n          ref.current = el\n        }\n      }}\n      data-slot=\"select-trigger\"\n      className={cn(\n        \"group data-placeholder:text-gray-a8 w-full flex items-center justify-between gap-2 rounded-lg bg-transparent text-sm whitespace-nowrap transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"transition-all size-6 group-data-[state=open]:rotate-180 text-gray-light\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n})\n\nSelectTrigger.displayName = \"SelectTrigger\"\n\nconst SelectTriggerClear = ({\n  className,\n  onClick,\n  ...props\n}: React.ComponentProps<typeof Button>) => {\n  return (\n    <span\n      className={cn(\n        \"p-0.5! min-h-auto absolute right-11\",\n        buttonVariants({ variant: \"tertiary\" }),\n        className\n      )}\n      role=\"button\"\n      tabIndex={0}\n      onPointerDown={(event) => {\n        event.preventDefault()\n        event.stopPropagation()\n      }}\n      onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n        event.preventDefault()\n        event.stopPropagation()\n        onClick?.(event)\n      }}\n      {...props}\n    >\n      <XIcon className=\"text-accent-solid size-5\" />\n    </span>\n  )\n}\n\nSelectTriggerClear.displayName = \"SelectTriggerClear\"\n\ntype SelectContentProps = React.ComponentProps<\n  typeof SelectPrimitive.Content\n> & {\n  container?: React.ComponentProps<typeof SelectPrimitive.Portal>[\"container\"]\n}\n\nconst SelectContent = ({\n  className,\n  children,\n  position = \"popper\",\n  align = \"center\",\n  container,\n  ...props\n}: SelectContentProps) => {\n  return (\n    <SelectPrimitive.Portal container={container}>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          \"bg-body p-2 gap-1 text-gray-default 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 relative z-50 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-2xl border border-transparent shadow-md\",\n          \"max-h-(--radix-popper-available-height)\",\n          {\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              position === \"popper\",\n          },\n          className\n        )}\n        position={position}\n        align={align}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn({\n            \"h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1\":\n              position === \"popper\",\n          })}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nconst SelectLabel = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) => {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn(\"text-gray font-semibold px-2 py-1.5 text-xs\", className)}\n      {...props}\n    />\n  )\n}\n\nconst SelectItem = ({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) => {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        `pl-3 py-1.5 not-first:mt-0.5 text-gray-default [&_svg:not([class*='text-'])]:text-gray-light relative flex w-full cursor-default items-center gap-2 rounded-md pr-8 text-sm outline-none select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2`,\n        `focus:bg-accent-a3 data-[state=checked]:bg-accent-a3`,\n        className\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-4 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4 text-gray-light\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nconst SelectSeparator = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) => {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\n        \"bg-gray-soft pointer-events-none -mx-1 my-1 h-px\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst SelectScrollUpButton = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) => {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center pb-1\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-6\" />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nconst SelectScrollDownButton = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) => {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center pt-1\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-6 rotate-180\" />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectTriggerClear,\n  SelectValue,\n}\n"],"names":["SelectPrimitive.Root","SelectPrimitive.Group","SelectPrimitive.Value","SelectPrimitive.Trigger","SelectPrimitive.Icon","SelectPrimitive.Portal","SelectPrimitive.Content","SelectPrimitive.Viewport","SelectPrimitive.Label","SelectPrimitive.Item","SelectPrimitive.ItemIndicator","SelectPrimitive.ItemText","SelectPrimitive.Separator","SelectPrimitive.ScrollUpButton","SelectPrimitive.ScrollDownButton"],"mappings":"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"}