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

package/dist/index.es35.js

@@ -0,0 +1,151 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Command as _e } from "./index.es78.js";
+import { cn } from "./index.es4.js";
+const SearchIcon = (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: "M380-320q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l224 224q11 11 11 28t-11 28q-11 11-28 11t-28-11L532-372q-30 24-69 38t-83 14Zm0-80q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z" })
+  }
+);
+const Command = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    _e,
+    {
+      "data-slot": "command",
+      className: cn(
+        "volt-bg-body volt-text-gray-default volt-flex volt-h-full volt-w-full volt-flex-col volt-overflow-hidden volt-rounded-md",
+        className
+      ),
+      ...props
+    }
+  );
+};
+const CommandInput = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "command-input-wrapper",
+      className: "volt-flex volt-items-center volt-gap-2 volt-border-b volt-border-gray-a3 volt-px-3",
+      children: [
+        /* @__PURE__ */ jsx(SearchIcon, { className: "volt-size-5 volt-shrink-0 volt-opacity-50" }),
+        /* @__PURE__ */ jsx(
+          _e.Input,
+          {
+            "data-slot": "command-input",
+            className: cn(
+              "volt-placeholder:text-gray-light volt-h-12 volt-flex volt-w-full volt-rounded-md volt-bg-transparent volt-py-3 volt-text-sm volt-outline-hidden volt-disabled:cursor-not-allowed volt-disabled:opacity-50",
+              className
+            ),
+            ...props
+          }
+        )
+      ]
+    }
+  );
+};
+const CommandList = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    _e.List,
+    {
+      "data-slot": "command-list",
+      className: cn("volt-scroll-py-1 volt-overflow-x-hidden volt-overflow-y-auto", className),
+      ...props
+    }
+  );
+};
+const CommandEmpty = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    _e.Empty,
+    {
+      "data-slot": "command-empty",
+      className: "volt-py-6 volt-text-center volt-text-sm",
+      ...props
+    }
+  );
+};
+const CommandGroup = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    _e.Group,
+    {
+      "data-slot": "command-group",
+      className: cn(
+        "volt-text-foreground volt-**:[[cmdk-group-heading]]:text-gray-light volt-overflow-hidden volt-p-1 volt-**:[[cmdk-group-heading]]:px-2 volt-**:[[cmdk-group-heading]]:py-1.5 volt-**:[[cmdk-group-heading]]:text-xs volt-**:[[cmdk-group-heading]]:font-medium",
+        className
+      ),
+      ...props
+    }
+  );
+};
+const CommandSeparator = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    _e.Separator,
+    {
+      "data-slot": "command-separator",
+      className: cn("volt-bg-gray-soft volt--mx-1 volt-h-px", className),
+      ...props
+    }
+  );
+};
+const CommandItem = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    _e.Item,
+    {
+      "data-slot": "command-item",
+      className: cn(
+        "volt-hover:bg-accent-a3 volt-focus-visible:bg-accent-a3 volt-text-gray-default [&_svg:not([class*='volt-text-'])]:text-gray-light volt-relative volt-flex volt-cursor-default volt-items-center volt-gap-2 volt-rounded-sm volt-px-2 volt-py-1.5 volt-text-sm volt-outline-hidden volt-select-none volt-data-[disabled=true]:pointer-events-none volt-data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='volt-size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+};
+const CommandLoading = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    _e.Loading,
+    {
+      "data-slot": "volt-command-loading",
+      className: cn("volt-text-gray-light", className),
+      ...props
+    }
+  );
+};
+export {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandLoading,
+  CommandSeparator
+};
+//# sourceMappingURL=index.es35.js.map

package/dist/index.es35.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es35.js","sources":["../src/components/command/command.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Command as CommandPrimitive } from \"cmdk\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"@/components/dialog/dialog\"\n\nconst SearchIcon = (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=\"M380-320q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l224 224q11 11 11 28t-11 28q-11 11-28 11t-28-11L532-372q-30 24-69 38t-83 14Zm0-80q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z\" />\n  </svg>\n)\n\nconst Command = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) => {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"bg-body text-gray-default flex h-full w-full flex-col overflow-hidden rounded-md\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst CommandDialog = ({\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n}) => {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn(\"overflow-hidden p-0\", className)}\n        showCloseButton={showCloseButton}\n      >\n        <Command className=\"**:[[cmdk-group-heading]]:text-gray-light **:data-[slot=command-input-wrapper]:h-12 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 **:[[cmdk-input]]:h-12 **:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nconst CommandInput = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) => {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className=\"flex items-center gap-2 border-b border-gray-a3 px-3\"\n    >\n      <SearchIcon className=\"size-5 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          \"placeholder:text-gray-light h-12 flex w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nconst CommandList = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) => {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\"scroll-py-1 overflow-x-hidden overflow-y-auto\", className)}\n      {...props}\n    />\n  )\n}\n\nconst CommandEmpty = ({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) => {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-6 text-center text-sm\"\n      {...props}\n    />\n  )\n}\n\nconst CommandGroup = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) => {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        \"text-foreground **:[[cmdk-group-heading]]:text-gray-light overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst CommandSeparator = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) => {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(\"bg-gray-soft -mx-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nconst CommandItem = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) => {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"hover:bg-accent-a3 focus-visible:bg-accent-a3 text-gray-default [&_svg:not([class*='text-'])]:text-gray-light relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst CommandShortcut = ({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) => {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        \"text-gray-light ml-auto text-xs tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst CommandLoading = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Loading>) => {\n  return (\n    <CommandPrimitive.Loading\n      data-slot=\"command-loading\"\n      className={cn(\"text-gray-light\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n  CommandLoading,\n}\n"],"names":["CommandPrimitive"],"mappings":";;;AAYA,MAAM,aAAa,CAAC,UAClB;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,GAAG;AAAA,IAEJ,UAAA,oBAAC,QAAA,EAAK,GAAE,4RAAA,CAA4R;AAAA,EAAA;AACtS;AAGF,MAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,GAAG;AACL,MAAqD;AACnD,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAiCA,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA,GAAG;AACL,MAA2D;AACzD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,YAAA,EAAW,WAAU,4CAAA,CAA4C;AAAA,QAClE;AAAA,UAACA,GAAiB;AAAA,UAAjB;AAAA,YACC,aAAU;AAAA,YACV,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,YAED,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA,GAAG;AACL,MAA0D;AACxD,SACE;AAAA,IAACA,GAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,gEAAgE,SAAS;AAAA,MACtF,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB,GAAG;AACL,MAA2D;AACzD,SACE;AAAA,IAACA,GAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA,GAAG;AACL,MAA2D;AACzD,SACE;AAAA,IAACA,GAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAA+D;AAC7D,SACE;AAAA,IAACA,GAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,0CAA0C,SAAS;AAAA,MAChE,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA,GAAG;AACL,MAA0D;AACxD,SACE;AAAA,IAACA,GAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAkBA,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA,GAAG;AACL,MAA6D;AAC3D,SACE;AAAA,IAACA,GAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,wBAAwB,SAAS;AAAA,MAC9C,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}