@nergora/ui 0.0.0-stage → 1.0.8

package/dist/cjs/components/command/command.js

@@ -0,0 +1,143 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommandShortcut = exports.CommandSeparator = exports.CommandList = exports.CommandLoading = exports.CommandItem = exports.CommandInput = exports.CommandGroup = exports.CommandEmpty = exports.CommandDialog = exports.Command = void 0;
+const tslib_1 = require("tslib");
+const icons_1 = require("@nergora/icons");
+const cmdk_1 = require("cmdk");
+const radix_ui_1 = require("radix-ui");
+const React = tslib_1.__importStar(require("react"));
+const badge_1 = require("../badge/index.js");
+const button_1 = require("../button/index.js");
+const dropdown_menu_1 = require("../dropdown-menu/index.js");
+const icon_button_1 = require("../icon-button/index.js");
+const kbd_1 = require("../kbd/index.js");
+const skeleton_1 = require("../skeleton/index.js");
+const clx_1 = require("../../utils/clx.js");
+const CommandRoot = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(cmdk_1.Command, { ref: ref, "data-slot": "command", className: (0, clx_1.clx)("bg-ui-bg-base text-ui-fg-base flex size-full flex-col overflow-hidden rounded-lg p-1", className), ...props }));
+});
+CommandRoot.displayName = "Command";
+const CommandDialog = ({ title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = false, isLoading = false, showFooter = true, commandProps, contentProps, overlayProps, portalProps, ...props }) => {
+    const { className: contentClassName, ...contentRest } = contentProps !== null && contentProps !== void 0 ? contentProps : {};
+    const { className: overlayClassName, ...overlayRest } = overlayProps !== null && overlayProps !== void 0 ? overlayProps : {};
+    const { className: commandClassName, ...commandRest } = commandProps !== null && commandProps !== void 0 ? commandProps : {};
+    const preserveHeight = isLoading && React.Children.count(children) === 0;
+    return (React.createElement(radix_ui_1.Dialog.Root, { ...props },
+        React.createElement(radix_ui_1.Dialog.Portal, { ...portalProps },
+            React.createElement(radix_ui_1.Dialog.Overlay, { className: (0, clx_1.clx)("z-admin-overlay bg-ui-bg-overlay fixed inset-0", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", overlayClassName), ...overlayRest }),
+            React.createElement(radix_ui_1.Dialog.Content, { className: (0, clx_1.clx)("z-admin-dialog bg-ui-bg-base shadow-elevation-modal fixed left-1/2 top-1/2 flex max-h-[calc(100%-16px)] w-[calc(100%-16px)] max-w-2xl -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-xl p-0 outline-none", "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 duration-200", preserveHeight && "h-[300px]", className, contentClassName), ...contentRest },
+                React.createElement(radix_ui_1.Dialog.Title, { className: "sr-only" }, title),
+                React.createElement(radix_ui_1.Dialog.Description, { className: "sr-only" }, description),
+                showCloseButton ? (React.createElement(radix_ui_1.Dialog.Close, { asChild: true },
+                    React.createElement(icon_button_1.IconButton, { className: "absolute right-2 top-2 z-10", size: "small", type: "button", variant: "transparent" },
+                        React.createElement(icons_1.XMark, null)))) : null,
+                React.createElement(CommandRoot, { className: (0, clx_1.clx)("flex h-full flex-col overflow-hidden rounded-none p-0", "[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0", commandClassName), shouldFilter: false, ...commandRest }, children),
+                showFooter ? (React.createElement("div", { className: "bg-ui-bg-field text-ui-fg-subtle flex items-center justify-end border-t px-4 py-3" },
+                    React.createElement("div", { className: "flex items-center gap-x-3" },
+                        React.createElement("div", { className: "flex items-center gap-x-2" },
+                            React.createElement("span", { className: "txt-compact-xsmall" }, "Navigate"),
+                            React.createElement("div", { className: "flex items-center gap-x-1" },
+                                React.createElement(kbd_1.Kbd, { className: "bg-ui-bg-field-component" }, "\u2193"),
+                                React.createElement(kbd_1.Kbd, { className: "bg-ui-bg-field-component" }, "\u2191"))),
+                        React.createElement("div", { className: "bg-ui-border-strong h-3 w-px" }),
+                        React.createElement("div", { className: "flex items-center gap-x-2" },
+                            React.createElement("span", { className: "txt-compact-xsmall" }, "Open result"),
+                            React.createElement(kbd_1.Kbd, { className: "bg-ui-bg-field-component" }, "\u21B5"))))) : null))));
+};
+exports.CommandDialog = CommandDialog;
+CommandDialog.displayName = "Command.Dialog";
+const CommandInput = React.forwardRef(({ className, value, onValueChange, isFetching = false, onBack, clearable = true, clearLabel = "Clear", area, areas, onAreaChange, areaSeparatorAfter = ["all"], areaSeparatorBefore = ["command"], ...props }, ref) => {
+    var _a;
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current);
+    const hasValue = typeof value === "string" && value.length > 0;
+    const selectedArea = areas === null || areas === void 0 ? void 0 : areas.find((option) => option.value === area);
+    const showAreaSelect = Boolean(area && (areas === null || areas === void 0 ? void 0 : areas.length) && onAreaChange);
+    return (React.createElement("div", { className: "flex flex-col border-b" },
+        showAreaSelect ? (React.createElement("div", { className: "px-4 pt-4" },
+            React.createElement(dropdown_menu_1.DropdownMenu, null,
+                React.createElement(dropdown_menu_1.DropdownMenu.Trigger, { asChild: true },
+                    React.createElement(badge_1.Badge, { size: "2xsmall", className: "hover:bg-ui-bg-base-pressed transition-fg cursor-pointer" }, (_a = selectedArea === null || selectedArea === void 0 ? void 0 : selectedArea.label) !== null && _a !== void 0 ? _a : area,
+                        React.createElement(icons_1.TriangleDownMini, { className: "text-ui-fg-muted" }))),
+                React.createElement(dropdown_menu_1.DropdownMenu.Content, { align: "start", className: "h-full max-h-[360px] overflow-auto", onCloseAutoFocus: (event) => {
+                        var _a;
+                        event.preventDefault();
+                        (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                    } },
+                    React.createElement(dropdown_menu_1.DropdownMenu.RadioGroup, { value: area, onValueChange: onAreaChange }, areas === null || areas === void 0 ? void 0 : areas.map((option) => (React.createElement(React.Fragment, { key: option.value },
+                        areaSeparatorBefore.includes(option.value) ? (React.createElement(dropdown_menu_1.DropdownMenu.Separator, null)) : null,
+                        React.createElement(dropdown_menu_1.DropdownMenu.RadioItem, { value: option.value }, option.label),
+                        areaSeparatorAfter.includes(option.value) ? (React.createElement(dropdown_menu_1.DropdownMenu.Separator, null)) : null)))))))) : null,
+        React.createElement("div", { className: "relative flex items-center gap-x-2 px-4 py-3" },
+            onBack ? (React.createElement(icon_button_1.IconButton, { type: "button", size: "small", variant: "transparent", onClick: onBack },
+                React.createElement(icons_1.ArrowUturnLeft, { className: "text-ui-fg-muted" }))) : null,
+            React.createElement(cmdk_1.Command.Input, { ref: innerRef, "data-slot": "command-input", value: value, onValueChange: onValueChange, className: (0, clx_1.clx)("placeholder:text-ui-fg-muted flex !h-6 w-full rounded-md bg-transparent text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50", (isFetching || (clearable && hasValue)) && "pr-20", className), ...props }),
+            React.createElement("div", { className: "absolute end-4 top-1/2 flex -translate-y-1/2 items-center justify-end gap-x-2" },
+                isFetching ? (React.createElement(icons_1.Spinner, { className: "text-ui-fg-muted size-4 animate-spin" })) : null,
+                clearable && hasValue ? (React.createElement(button_1.Button, { variant: "transparent", size: "small", className: "text-ui-fg-muted hover:text-ui-fg-subtle", type: "button", onClick: () => {
+                        var _a;
+                        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange("");
+                        (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                    } }, clearLabel)) : null))));
+});
+exports.CommandInput = CommandInput;
+CommandInput.displayName = "Command.Input";
+const CommandList = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(cmdk_1.Command.List, { ref: ref, "data-slot": "command-list", className: (0, clx_1.clx)("max-h-[300px] flex-1 overflow-y-auto overflow-x-hidden px-2 pb-4 outline-none", className), ...props }));
+});
+exports.CommandList = CommandList;
+CommandList.displayName = "Command.List";
+const CommandEmpty = React.forwardRef(({ className, children, q, title = q ? "No results found" : "Start searching", description = q
+    ? "Try changing your query or search scope."
+    : "Type to search across commands and results.", ...props }, ref) => {
+    return (React.createElement(cmdk_1.Command.Empty, { ref: ref, "data-slot": "command-empty", className: (0, clx_1.clx)("py-6 text-center text-sm", className), ...props }, children !== null && children !== void 0 ? children : (React.createElement("div", { className: "text-ui-fg-subtle flex min-h-[236px] flex-col items-center justify-center gap-y-3" },
+        React.createElement(icons_1.MagnifyingGlass, { className: "text-ui-fg-subtle" }),
+        React.createElement("div", { className: "flex flex-col items-center justify-center gap-y-1" },
+            React.createElement("span", { className: "txt-compact-small-plus text-ui-fg-subtle" }, title),
+            React.createElement("span", { className: "txt-small text-ui-fg-muted" }, description))))));
+});
+exports.CommandEmpty = CommandEmpty;
+CommandEmpty.displayName = "Command.Empty";
+const CommandLoading = React.forwardRef(({ className, children, ...props }, ref) => {
+    return (React.createElement(cmdk_1.Command.Loading, { ref: ref, "data-slot": "command-loading", className: (0, clx_1.clx)("bg-ui-bg-base flex flex-col", className), ...props }, children !== null && children !== void 0 ? children : (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "w-full px-2 pb-1 pt-3" },
+            React.createElement(skeleton_1.Skeleton, { className: "h-5 w-10" })),
+        Array.from({ length: 7 }).map((_, index) => (React.createElement("div", { key: index, className: "w-full p-2" },
+            React.createElement(skeleton_1.Skeleton, { className: "h-5 w-full" }))))))));
+});
+exports.CommandLoading = CommandLoading;
+CommandLoading.displayName = "Command.Loading";
+const CommandGroup = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(cmdk_1.Command.Group, { ref: ref, "data-slot": "command-group", className: (0, clx_1.clx)("text-ui-fg-base overflow-hidden [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:pb-1 [&_[cmdk-group-heading]]:pt-3 [&_[cmdk-group-heading]]:txt-compact-xsmall-plus [&_[cmdk-group-heading]]:text-ui-fg-muted [&_[cmdk-item]]:py-2", className), ...props }));
+});
+exports.CommandGroup = CommandGroup;
+CommandGroup.displayName = "Command.Group";
+const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(cmdk_1.Command.Separator, { ref: ref, "data-slot": "command-separator", className: (0, clx_1.clx)("bg-ui-border-base -mx-1 h-px", className), ...props }));
+});
+exports.CommandSeparator = CommandSeparator;
+CommandSeparator.displayName = "Command.Separator";
+const CommandItem = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(cmdk_1.Command.Item, { ref: ref, "data-slot": "command-item", className: (0, clx_1.clx)("group/command-item aria-selected:bg-ui-bg-base-hover focus-visible:bg-ui-bg-base-hover txt-compact-small text-ui-fg-base [&>svg]:text-ui-fg-subtle relative flex cursor-pointer select-none items-center gap-x-3 rounded-md p-2 outline-none transition-fg", "aria-selected:bg-ui-bg-base-hover focus-visible:bg-ui-bg-base-hover data-[disabled=true]:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[selected=true]:bg-ui-bg-base-hover data-[selected=true]:text-ui-fg-base", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+});
+exports.CommandItem = CommandItem;
+CommandItem.displayName = "Command.Item";
+const CommandShortcut = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(kbd_1.Kbd, { ref: ref, "data-slot": "command-shortcut", className: (0, clx_1.clx)("ml-auto group-data-[selected=true]/command-item:text-ui-fg-subtle", className), ...props }));
+});
+exports.CommandShortcut = CommandShortcut;
+CommandShortcut.displayName = "Command.Shortcut";
+const Command = Object.assign(CommandRoot, {
+    Dialog: CommandDialog,
+    Input: CommandInput,
+    List: CommandList,
+    Empty: CommandEmpty,
+    Loading: CommandLoading,
+    Group: CommandGroup,
+    Item: CommandItem,
+    Shortcut: CommandShortcut,
+    Separator: CommandSeparator,
+});
+exports.Command = Command;
+//# sourceMappingURL=command.js.map

package/dist/cjs/components/command/command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.js","sourceRoot":"","sources":["../../../../src/components/command/command.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n  ArrowUturnLeft,\n  MagnifyingGlass,\n  Spinner as SpinnerIcon,\n  TriangleDownMini,\n  XMark,\n} from \"@nergora/icons\"\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { Dialog as RadixDialog } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { Badge } from \"@/components/badge\"\nimport { Button } from \"@/components/button\"\nimport { DropdownMenu } from \"@/components/dropdown-menu\"\nimport { IconButton } from \"@/components/icon-button\"\nimport { Kbd } from \"@/components/kbd\"\nimport { Skeleton } from \"@/components/skeleton\"\nimport { clx } from \"@/utils/clx\"\n\nconst CommandRoot = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <CommandPrimitive\n      ref={ref}\n      data-slot=\"command\"\n      className={clx(\n        \"bg-ui-bg-base text-ui-fg-base flex size-full flex-col overflow-hidden rounded-lg p-1\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nCommandRoot.displayName = \"Command\"\n\ninterface CommandDialogProps extends React.ComponentPropsWithoutRef<\n  typeof RadixDialog.Root\n> {\n  title?: string\n  description?: string\n  className?: string\n  children?: React.ReactNode\n  showCloseButton?: boolean\n  isLoading?: boolean\n  showFooter?: boolean\n  commandProps?: React.ComponentPropsWithoutRef<typeof CommandRoot>\n  contentProps?: Omit<\n    React.ComponentPropsWithoutRef<typeof RadixDialog.Content>,\n    \"children\"\n  >\n  overlayProps?: React.ComponentPropsWithoutRef<typeof RadixDialog.Overlay>\n  portalProps?: React.ComponentPropsWithoutRef<typeof RadixDialog.Portal>\n}\n\nconst CommandDialog = ({\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  children,\n  className,\n  showCloseButton = false,\n  isLoading = false,\n  showFooter = true,\n  commandProps,\n  contentProps,\n  overlayProps,\n  portalProps,\n  ...props\n}: CommandDialogProps) => {\n  const { className: contentClassName, ...contentRest } = contentProps ?? {}\n  const { className: overlayClassName, ...overlayRest } = overlayProps ?? {}\n  const { className: commandClassName, ...commandRest } = commandProps ?? {}\n  const preserveHeight = isLoading && React.Children.count(children) === 0\n\n  return (\n    <RadixDialog.Root {...props}>\n      <RadixDialog.Portal {...portalProps}>\n        <RadixDialog.Overlay\n          className={clx(\n            \"z-admin-overlay bg-ui-bg-overlay fixed inset-0\",\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n            overlayClassName\n          )}\n          {...overlayRest}\n        />\n        <RadixDialog.Content\n          className={clx(\n            \"z-admin-dialog bg-ui-bg-base shadow-elevation-modal fixed left-1/2 top-1/2 flex max-h-[calc(100%-16px)] w-[calc(100%-16px)] max-w-2xl -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-xl p-0 outline-none\",\n            \"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 duration-200\",\n            preserveHeight && \"h-[300px]\",\n            className,\n            contentClassName\n          )}\n          {...contentRest}\n        >\n          <RadixDialog.Title className=\"sr-only\">{title}</RadixDialog.Title>\n          <RadixDialog.Description className=\"sr-only\">\n            {description}\n          </RadixDialog.Description>\n          {showCloseButton ? (\n            <RadixDialog.Close asChild>\n              <IconButton\n                className=\"absolute right-2 top-2 z-10\"\n                size=\"small\"\n                type=\"button\"\n                variant=\"transparent\"\n              >\n                <XMark />\n              </IconButton>\n            </RadixDialog.Close>\n          ) : null}\n          <CommandRoot\n            className={clx(\n              \"flex h-full flex-col overflow-hidden rounded-none p-0\",\n              \"[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0\",\n              commandClassName\n            )}\n            shouldFilter={false}\n            {...commandRest}\n          >\n            {children}\n          </CommandRoot>\n          {showFooter ? (\n            <div className=\"bg-ui-bg-field text-ui-fg-subtle flex items-center justify-end border-t px-4 py-3\">\n              <div className=\"flex items-center gap-x-3\">\n                <div className=\"flex items-center gap-x-2\">\n                  <span className=\"txt-compact-xsmall\">Navigate</span>\n                  <div className=\"flex items-center gap-x-1\">\n                    <Kbd className=\"bg-ui-bg-field-component\">↓</Kbd>\n                    <Kbd className=\"bg-ui-bg-field-component\">↑</Kbd>\n                  </div>\n                </div>\n                <div className=\"bg-ui-border-strong h-3 w-px\" />\n                <div className=\"flex items-center gap-x-2\">\n                  <span className=\"txt-compact-xsmall\">Open result</span>\n                  <Kbd className=\"bg-ui-bg-field-component\">↵</Kbd>\n                </div>\n              </div>\n            </div>\n          ) : null}\n        </RadixDialog.Content>\n      </RadixDialog.Portal>\n    </RadixDialog.Root>\n  )\n}\nCommandDialog.displayName = \"Command.Dialog\"\n\ntype CommandAreaOption = {\n  value: string\n  label: React.ReactNode\n}\n\ninterface CommandInputProps extends React.ComponentPropsWithoutRef<\n  typeof CommandPrimitive.Input\n> {\n  isFetching?: boolean\n  onBack?: () => void\n  clearable?: boolean\n  clearLabel?: string\n  area?: string\n  areas?: CommandAreaOption[]\n  onAreaChange?: (area: string) => void\n  areaSeparatorAfter?: string[]\n  areaSeparatorBefore?: string[]\n}\n\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  CommandInputProps\n>(\n  (\n    {\n      className,\n      value,\n      onValueChange,\n      isFetching = false,\n      onBack,\n      clearable = true,\n      clearLabel = \"Clear\",\n      area,\n      areas,\n      onAreaChange,\n      areaSeparatorAfter = [\"all\"],\n      areaSeparatorBefore = [\"command\"],\n      ...props\n    },\n    ref\n  ) => {\n    const innerRef = React.useRef<HTMLInputElement>(null)\n\n    React.useImperativeHandle(ref, () => innerRef.current as HTMLInputElement)\n\n    const hasValue = typeof value === \"string\" && value.length > 0\n    const selectedArea = areas?.find((option) => option.value === area)\n    const showAreaSelect = Boolean(area && areas?.length && onAreaChange)\n\n    return (\n      <div className=\"flex flex-col border-b\">\n        {showAreaSelect ? (\n          <div className=\"px-4 pt-4\">\n            <DropdownMenu>\n              <DropdownMenu.Trigger asChild>\n                <Badge\n                  size=\"2xsmall\"\n                  className=\"hover:bg-ui-bg-base-pressed transition-fg cursor-pointer\"\n                >\n                  {selectedArea?.label ?? area}\n                  <TriangleDownMini className=\"text-ui-fg-muted\" />\n                </Badge>\n              </DropdownMenu.Trigger>\n              <DropdownMenu.Content\n                align=\"start\"\n                className=\"h-full max-h-[360px] overflow-auto\"\n                onCloseAutoFocus={(event) => {\n                  event.preventDefault()\n                  innerRef.current?.focus()\n                }}\n              >\n                <DropdownMenu.RadioGroup\n                  value={area}\n                  onValueChange={onAreaChange}\n                >\n                  {areas?.map((option) => (\n                    <React.Fragment key={option.value}>\n                      {areaSeparatorBefore.includes(option.value) ? (\n                        <DropdownMenu.Separator />\n                      ) : null}\n                      <DropdownMenu.RadioItem value={option.value}>\n                        {option.label}\n                      </DropdownMenu.RadioItem>\n                      {areaSeparatorAfter.includes(option.value) ? (\n                        <DropdownMenu.Separator />\n                      ) : null}\n                    </React.Fragment>\n                  ))}\n                </DropdownMenu.RadioGroup>\n              </DropdownMenu.Content>\n            </DropdownMenu>\n          </div>\n        ) : null}\n        <div className=\"relative flex items-center gap-x-2 px-4 py-3\">\n          {onBack ? (\n            <IconButton\n              type=\"button\"\n              size=\"small\"\n              variant=\"transparent\"\n              onClick={onBack}\n            >\n              <ArrowUturnLeft className=\"text-ui-fg-muted\" />\n            </IconButton>\n          ) : null}\n          <CommandPrimitive.Input\n            ref={innerRef}\n            data-slot=\"command-input\"\n            value={value}\n            onValueChange={onValueChange}\n            className={clx(\n              \"placeholder:text-ui-fg-muted flex !h-6 w-full rounded-md bg-transparent text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50\",\n              (isFetching || (clearable && hasValue)) && \"pr-20\",\n              className\n            )}\n            {...props}\n          />\n          <div className=\"absolute end-4 top-1/2 flex -translate-y-1/2 items-center justify-end gap-x-2\">\n            {isFetching ? (\n              <SpinnerIcon className=\"text-ui-fg-muted size-4 animate-spin\" />\n            ) : null}\n            {clearable && hasValue ? (\n              <Button\n                variant=\"transparent\"\n                size=\"small\"\n                className=\"text-ui-fg-muted hover:text-ui-fg-subtle\"\n                type=\"button\"\n                onClick={() => {\n                  onValueChange?.(\"\")\n                  innerRef.current?.focus()\n                }}\n              >\n                {clearLabel}\n              </Button>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\nCommandInput.displayName = \"Command.Input\"\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => {\n  return (\n    <CommandPrimitive.List\n      ref={ref}\n      data-slot=\"command-list\"\n      className={clx(\n        \"max-h-[300px] flex-1 overflow-y-auto overflow-x-hidden px-2 pb-4 outline-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nCommandList.displayName = \"Command.List\"\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> & {\n    q?: string\n    title?: string\n    description?: string\n  }\n>(\n  (\n    {\n      className,\n      children,\n      q,\n      title = q ? \"No results found\" : \"Start searching\",\n      description = q\n        ? \"Try changing your query or search scope.\"\n        : \"Type to search across commands and results.\",\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <CommandPrimitive.Empty\n        ref={ref}\n        data-slot=\"command-empty\"\n        className={clx(\"py-6 text-center text-sm\", className)}\n        {...props}\n      >\n        {children ?? (\n          <div className=\"text-ui-fg-subtle flex min-h-[236px] flex-col items-center justify-center gap-y-3\">\n            <MagnifyingGlass className=\"text-ui-fg-subtle\" />\n            <div className=\"flex flex-col items-center justify-center gap-y-1\">\n              <span className=\"txt-compact-small-plus text-ui-fg-subtle\">\n                {title}\n              </span>\n              <span className=\"txt-small text-ui-fg-muted\">{description}</span>\n            </div>\n          </div>\n        )}\n      </CommandPrimitive.Empty>\n    )\n  }\n)\nCommandEmpty.displayName = \"Command.Empty\"\n\nconst CommandLoading = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Loading>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Loading>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <CommandPrimitive.Loading\n      ref={ref}\n      data-slot=\"command-loading\"\n      className={clx(\"bg-ui-bg-base flex flex-col\", className)}\n      {...props}\n    >\n      {children ?? (\n        <>\n          <div className=\"w-full px-2 pb-1 pt-3\">\n            <Skeleton className=\"h-5 w-10\" />\n          </div>\n          {Array.from({ length: 7 }).map((_, index) => (\n            <div key={index} className=\"w-full p-2\">\n              <Skeleton className=\"h-5 w-full\" />\n            </div>\n          ))}\n        </>\n      )}\n    </CommandPrimitive.Loading>\n  )\n})\nCommandLoading.displayName = \"Command.Loading\"\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => {\n  return (\n    <CommandPrimitive.Group\n      ref={ref}\n      data-slot=\"command-group\"\n      className={clx(\n        \"text-ui-fg-base overflow-hidden [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:pb-1 [&_[cmdk-group-heading]]:pt-3 [&_[cmdk-group-heading]]:txt-compact-xsmall-plus [&_[cmdk-group-heading]]:text-ui-fg-muted [&_[cmdk-item]]:py-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nCommandGroup.displayName = \"Command.Group\"\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => {\n  return (\n    <CommandPrimitive.Separator\n      ref={ref}\n      data-slot=\"command-separator\"\n      className={clx(\"bg-ui-border-base -mx-1 h-px\", className)}\n      {...props}\n    />\n  )\n})\nCommandSeparator.displayName = \"Command.Separator\"\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <CommandPrimitive.Item\n      ref={ref}\n      data-slot=\"command-item\"\n      className={clx(\n        \"group/command-item aria-selected:bg-ui-bg-base-hover focus-visible:bg-ui-bg-base-hover txt-compact-small text-ui-fg-base [&>svg]:text-ui-fg-subtle relative flex cursor-pointer select-none items-center gap-x-3 rounded-md p-2 outline-none transition-fg\",\n        \"aria-selected:bg-ui-bg-base-hover focus-visible:bg-ui-bg-base-hover data-[disabled=true]:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[selected=true]:bg-ui-bg-base-hover data-[selected=true]:text-ui-fg-base\",\n        \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nCommandItem.displayName = \"Command.Item\"\n\nconst CommandShortcut = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<typeof Kbd>\n>(({ className, ...props }, ref) => {\n  return (\n    <Kbd\n      ref={ref}\n      data-slot=\"command-shortcut\"\n      className={clx(\n        \"ml-auto group-data-[selected=true]/command-item:text-ui-fg-subtle\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nCommandShortcut.displayName = \"Command.Shortcut\"\n\nconst Command = Object.assign(CommandRoot, {\n  Dialog: CommandDialog,\n  Input: CommandInput,\n  List: CommandList,\n  Empty: CommandEmpty,\n  Loading: CommandLoading,\n  Group: CommandGroup,\n  Item: CommandItem,\n  Shortcut: CommandShortcut,\n  Separator: CommandSeparator,\n})\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandLoading,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n  type CommandAreaOption,\n}\n"]}

package/dist/cjs/components/command/index.d.ts

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

package/dist/cjs/components/command/index.d.ts.map

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

package/dist/cjs/components/command/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./command"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/command/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/command/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB","sourcesContent":["export * from \"./command\"\n"]}

package/dist/cjs/components/command-bar/command-bar.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+interface CommandBarProps extends React.PropsWithChildren {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    disableAutoFocus?: boolean;
+}
+interface CommandProps extends Omit<React.ComponentPropsWithoutRef<"button">, "children" | "onClick"> {
+    action: () => void | Promise<void>;
+    label: string;
+    shortcut?: string;
+}
+declare const CommandBar: {
+    ({ open, onOpenChange, defaultOpen, disableAutoFocus, children, }: CommandBarProps): React.JSX.Element;
+    displayName: string;
+} & {
+    Command: React.ForwardRefExoticComponent<CommandProps & React.RefAttributes<HTMLButtonElement>>;
+    Value: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Bar: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Seperator: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & React.RefAttributes<HTMLDivElement>>;
+};
+export { CommandBar };
+//# sourceMappingURL=command-bar.d.ts.map

package/dist/cjs/components/command-bar/command-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/command-bar/command-bar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,eAAgB,SAAQ,KAAK,CAAC,iBAAiB;IACvD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAmHD,UAAU,YACR,SAAQ,IAAI,CACV,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EACxC,UAAU,GAAG,SAAS,CACvB;IACD,MAAM,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AA6ED,QAAA,MAAM,UAAU;uEAjLb,eAAe;;;;;;;CAsLhB,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/cjs/components/command-bar/command-bar.js

@@ -0,0 +1,114 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommandBar = void 0;
+const tslib_1 = require("tslib");
+const radix_ui_1 = require("radix-ui");
+const React = tslib_1.__importStar(require("react"));
+const kbd_1 = require("../kbd/index.js");
+const clx_1 = require("../../utils/clx.js");
+const is_input_element_1 = require("../../utils/is-input-element.js");
+/**
+ * The root component of the command bar. This component manages the state of the command bar.
+ */
+const Root = ({ 
+/**
+ * Whether to open (show) the command bar.
+ */
+open = false, 
+/**
+ * Specify a function to handle the change of `open`'s value.
+ */
+onOpenChange, 
+/**
+ * Whether the command bar is open by default.
+ */
+defaultOpen = false, 
+/**
+ * Whether to disable focusing automatically on the command bar when it's opened.
+ */
+disableAutoFocus = true, children, }) => {
+    return (React.createElement(radix_ui_1.Popover.Root, { open: open, onOpenChange: onOpenChange, defaultOpen: defaultOpen },
+        React.createElement(radix_ui_1.Portal.Root, null,
+            React.createElement(radix_ui_1.Popover.Anchor, { className: (0, clx_1.clx)("fixed bottom-8 left-1/2 h-px w-px -translate-x-1/2") })),
+        React.createElement(radix_ui_1.Popover.Portal, null,
+            React.createElement(radix_ui_1.Popover.Content, { side: "top", sideOffset: 0, onOpenAutoFocus: (e) => {
+                    if (disableAutoFocus) {
+                        e.preventDefault();
+                    }
+                }, className: (0, clx_1.clx)("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") }, children))));
+};
+Root.displayName = "CommandBar";
+/**
+ * The value component of the command bar. This component is used to display a value,
+ * such as the number of selected items which the commands will act on.
+ */
+const Value = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, className: (0, clx_1.clx)("txt-compact-small-plus text-ui-contrast-fg-secondary px-3 py-2.5", className), ...props }));
+});
+Value.displayName = "CommandBar.Value";
+/**
+ * The bar component of the command bar. This component is used to display the commands.
+ */
+const Bar = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, className: (0, clx_1.clx)("bg-ui-contrast-bg-base relative flex items-center overflow-hidden rounded-full px-1", "after:shadow-elevation-flyout after:pointer-events-none after:absolute after:inset-0 after:rounded-full after:content-['']", className), ...props }));
+});
+Bar.displayName = "CommandBar.Bar";
+/**
+ * The seperator component of the command bar. This component is used to display a seperator between commands.
+ */
+const Seperator = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, className: (0, clx_1.clx)("bg-ui-contrast-border-base h-10 w-px", className), ...props }));
+});
+Seperator.displayName = "CommandBar.Seperator";
+/**
+ * The command component of the command bar. This component is used to display a command, as well as registering the keyboad shortcut.
+ */
+const Command = React.forwardRef(({ className, 
+/**
+ * @ignore
+ */
+type = "button", 
+/**
+ * The command's label.
+ */
+label, 
+/**
+ * The function to execute when the command is triggered.
+ */
+action, 
+/**
+ * The command's shortcut
+ */
+shortcut, disabled, ...props }, ref) => {
+    React.useEffect(() => {
+        const handleKeyDown = (event) => {
+            if ((0, is_input_element_1.isInputElement)(document.activeElement)) {
+                return;
+            }
+            if (shortcut && event.key.toLowerCase() === shortcut.toLowerCase()) {
+                event.preventDefault();
+                event.stopPropagation();
+                action();
+            }
+        };
+        if (!disabled && shortcut) {
+            document.addEventListener("keydown", handleKeyDown);
+        }
+        return () => {
+            document.removeEventListener("keydown", handleKeyDown);
+        };
+    }, [action, shortcut, disabled]);
+    return (React.createElement("button", { ref: ref, className: (0, clx_1.clx)("bg-ui-contrast-bg-base txt-compact-small-plus transition-fg text-ui-contrast-fg-primary flex items-center gap-x-2 px-3 py-2.5 outline-none", "focus-visible:bg-ui-contrast-bg-highlight focus-visible:hover:bg-ui-contrast-bg-base-hover hover:bg-ui-contrast-bg-base-hover active:bg-ui-contrast-bg-base-pressed focus-visible:active:bg-ui-contrast-bg-base-pressed disabled:!bg-ui-bg-disabled disabled:!text-ui-fg-disabled", "last-of-type:-mr-1 last-of-type:pr-4", className), type: type, onClick: action, ...props },
+        React.createElement("span", null, label),
+        shortcut && (React.createElement(kbd_1.Kbd, { className: "bg-ui-contrast-bg-subtle border-ui-contrast-border-base text-ui-contrast-fg-secondary" }, shortcut.toUpperCase()))));
+});
+Command.displayName = "CommandBar.Command";
+const CommandBar = Object.assign(Root, {
+    Command,
+    Value,
+    Bar,
+    Seperator,
+});
+exports.CommandBar = CommandBar;
+//# sourceMappingURL=command-bar.js.map

package/dist/cjs/components/command-bar/command-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-bar.js","sourceRoot":"","sources":["../../../../src/components/command-bar/command-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { Popover, Portal } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { Kbd } from \"@/components/kbd\"\nimport { clx } from \"@/utils/clx\"\nimport { isInputElement } from \"@/utils/is-input-element\"\n\ninterface CommandBarProps extends React.PropsWithChildren {\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  defaultOpen?: boolean\n  disableAutoFocus?: boolean\n}\n\n/**\n * The root component of the command bar. This component manages the state of the command bar.\n */\nconst Root = ({\n  /**\n   * Whether to open (show) the command bar.\n   */\n  open = false,\n  /**\n   * Specify a function to handle the change of `open`'s value.\n   */\n  onOpenChange,\n  /**\n   * Whether the command bar is open by default.\n   */\n  defaultOpen = false,\n  /**\n   * Whether to disable focusing automatically on the command bar when it's opened.\n   */\n  disableAutoFocus = true,\n  children,\n}: CommandBarProps) => {\n  return (\n    <Popover.Root\n      open={open}\n      onOpenChange={onOpenChange}\n      defaultOpen={defaultOpen}\n    >\n      <Portal.Root>\n        <Popover.Anchor\n          className={clx(\"fixed bottom-8 left-1/2 h-px w-px -translate-x-1/2\")}\n        />\n      </Portal.Root>\n      <Popover.Portal>\n        <Popover.Content\n          side=\"top\"\n          sideOffset={0}\n          onOpenAutoFocus={(e) => {\n            if (disableAutoFocus) {\n              e.preventDefault()\n            }\n          }}\n          className={clx(\n            \"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\"\n          )}\n        >\n          {children}\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  )\n}\nRoot.displayName = \"CommandBar\"\n\n/**\n * The value component of the command bar. This component is used to display a value,\n * such as the number of selected items which the commands will act on.\n */\nconst Value = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clx(\n        \"txt-compact-small-plus text-ui-contrast-fg-secondary px-3 py-2.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nValue.displayName = \"CommandBar.Value\"\n\n/**\n * The bar component of the command bar. This component is used to display the commands.\n */\nconst Bar = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clx(\n        \"bg-ui-contrast-bg-base relative flex items-center overflow-hidden rounded-full px-1\",\n        \"after:shadow-elevation-flyout after:pointer-events-none after:absolute after:inset-0 after:rounded-full after:content-['']\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nBar.displayName = \"CommandBar.Bar\"\n\n/**\n * The seperator component of the command bar. This component is used to display a seperator between commands.\n */\nconst Seperator = React.forwardRef<\n  HTMLDivElement,\n  Omit<React.ComponentPropsWithoutRef<\"div\">, \"children\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clx(\"bg-ui-contrast-border-base h-10 w-px\", className)}\n      {...props}\n    />\n  )\n})\nSeperator.displayName = \"CommandBar.Seperator\"\n\ninterface CommandProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<\"button\">,\n    \"children\" | \"onClick\"\n  > {\n  action: () => void | Promise<void>\n  label: string\n  shortcut?: string\n}\n\n/**\n * The command component of the command bar. This component is used to display a command, as well as registering the keyboad shortcut.\n */\nconst Command = React.forwardRef<HTMLButtonElement, CommandProps>(\n  (\n    {\n      className,\n      /**\n       * @ignore\n       */\n      type = \"button\",\n      /**\n       * The command's label.\n       */\n      label,\n      /**\n       * The function to execute when the command is triggered.\n       */\n      action,\n      /**\n       * The command's shortcut\n       */\n      shortcut,\n      disabled,\n      ...props\n    }: CommandProps,\n    ref\n  ) => {\n    React.useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (isInputElement(document.activeElement)) {\n          return\n        }\n\n        if (shortcut && event.key.toLowerCase() === shortcut.toLowerCase()) {\n          event.preventDefault()\n          event.stopPropagation()\n          action()\n        }\n      }\n\n      if (!disabled && shortcut) {\n        document.addEventListener(\"keydown\", handleKeyDown)\n      }\n\n      return () => {\n        document.removeEventListener(\"keydown\", handleKeyDown)\n      }\n    }, [action, shortcut, disabled])\n\n    return (\n      <button\n        ref={ref}\n        className={clx(\n          \"bg-ui-contrast-bg-base txt-compact-small-plus transition-fg text-ui-contrast-fg-primary flex items-center gap-x-2 px-3 py-2.5 outline-none\",\n          \"focus-visible:bg-ui-contrast-bg-highlight focus-visible:hover:bg-ui-contrast-bg-base-hover hover:bg-ui-contrast-bg-base-hover active:bg-ui-contrast-bg-base-pressed focus-visible:active:bg-ui-contrast-bg-base-pressed disabled:!bg-ui-bg-disabled disabled:!text-ui-fg-disabled\",\n          \"last-of-type:-mr-1 last-of-type:pr-4\",\n          className\n        )}\n        type={type}\n        onClick={action}\n        {...props}\n      >\n        <span>{label}</span>\n        {shortcut && (\n          <Kbd className=\"bg-ui-contrast-bg-subtle border-ui-contrast-border-base text-ui-contrast-fg-secondary\">\n            {shortcut.toUpperCase()}\n          </Kbd>\n        )}\n      </button>\n    )\n  }\n)\nCommand.displayName = \"CommandBar.Command\"\n\nconst CommandBar = Object.assign(Root, {\n  Command,\n  Value,\n  Bar,\n  Seperator,\n})\n\nexport { CommandBar }\n"]}

package/dist/cjs/components/command-bar/index.d.ts

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

package/dist/cjs/components/command-bar/index.d.ts.map

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

package/dist/cjs/components/command-bar/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./command-bar"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/command-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/command-bar/index.ts"],"names":[],"mappings":";;;AAAA,wDAA6B","sourcesContent":["export * from \"./command-bar\"\n"]}

package/dist/cjs/components/command-line/command-line.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+declare const CommandLine: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+} & {
+    Copy: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLButtonElement> & {
+        content: string;
+        variant?: "mini" | "default" | null;
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+};
+export { CommandLine };
+//# sourceMappingURL=command-line.d.ts.map

package/dist/cjs/components/command-line/command-line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-line.d.ts","sourceRoot":"","sources":["../../../../src/components/command-line/command-line.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAoCzB,QAAA,MAAM,WAAW;8BA5Bd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;;;;;;;CA4B2C,CAAA;AAElF,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/cjs/components/command-line/command-line.js

@@ -0,0 +1,22 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommandLine = void 0;
+const tslib_1 = require("tslib");
+const copy_1 = require("../copy/index.js");
+const clx_1 = require("../../utils/clx.js");
+const react_1 = tslib_1.__importDefault(require("react"));
+/**
+ * This component is based on the div element and supports all of its props
+ */
+const CommandLineComponent = ({ className, ...props }) => {
+    return (react_1.default.createElement("div", { className: (0, clx_1.clx)("bg-ui-contrast-bg-base shadow-elevation-code-block flex items-center rounded-lg px-4 py-1.5", "[&>code]:text-ui-contrast-fg-primary [&>code]:code-body [&>code]:mx-2", className), ...props }));
+};
+CommandLineComponent.displayName = "CommandLine";
+const CommandLineCopy = react_1.default.forwardRef(({ className, ...props }, ref) => {
+    return (react_1.default.createElement(copy_1.Copy, { ...props, ref: ref, className: (0, clx_1.clx)("!text-ui-contrast-fg-secondary ml-auto", className) }));
+});
+CommandLineCopy.displayName = "CommandLine.Copy";
+const CommandLine = Object.assign(CommandLineComponent, { Copy: CommandLineCopy });
+exports.CommandLine = CommandLine;
+//# sourceMappingURL=command-line.js.map

package/dist/cjs/components/command-line/command-line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-line.js","sourceRoot":"","sources":["../../../../src/components/command-line/command-line.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,4CAAwC;AACxC,qCAAiC;AACjC,0DAAyB;AAEzB;;GAEG;AACH,MAAM,oBAAoB,GAAG,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EAC6B,EAAE,EAAE;IACzC,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,SAAG,EACZ,6FAA6F,EAC7F,uEAAuE,EACvE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AACD,oBAAoB,CAAC,WAAW,GAAG,aAAa,CAAA;AAEhD,MAAM,eAAe,GAAG,eAAK,CAAC,UAAU,CAGtC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,8BAAC,WAAI,OACC,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EAAC,wCAAwC,EAAE,SAAS,CAAC,GACnE,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEhD,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,oBAAoB,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;AAEzE,kCAAW","sourcesContent":["\"use client\"\n\nimport { Copy } from \"@/components/copy\"\nimport { clx } from \"@/utils/clx\"\nimport React from \"react\"\n\n/**\n * This component is based on the div element and supports all of its props\n */\nconst CommandLineComponent = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      className={clx(\n        \"bg-ui-contrast-bg-base shadow-elevation-code-block flex items-center rounded-lg px-4 py-1.5\",\n        \"[&>code]:text-ui-contrast-fg-primary [&>code]:code-body [&>code]:mx-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\nCommandLineComponent.displayName = \"CommandLine\"\n\nconst CommandLineCopy = React.forwardRef<\n  React.ElementRef<typeof Copy>,\n  React.ComponentPropsWithoutRef<typeof Copy>\n>(({ className, ...props }, ref) => {\n  return (\n    <Copy\n      {...props}\n      ref={ref}\n      className={clx(\"!text-ui-contrast-fg-secondary ml-auto\", className)}\n    />\n  )\n})\nCommandLineCopy.displayName = \"CommandLine.Copy\"\n\nconst CommandLine = Object.assign(CommandLineComponent, { Copy: CommandLineCopy })\n\nexport { CommandLine }\n"]}

package/dist/cjs/components/command-line/index.d.ts

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

package/dist/cjs/components/command-line/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/command-line/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/cjs/components/command-line/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./command-line"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/command-line/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/command-line/index.tsx"],"names":[],"mappings":";;;AAAA,yDAA8B","sourcesContent":["export * from \"./command-line\"\n"]}

package/dist/cjs/components/common/empty-table-content/empty-table-content.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+type EmptyTableAction = {
+    to: string;
+    label: string;
+};
+export type NoResultsProps = {
+    title?: string;
+    message?: string;
+    className?: string;
+};
+export declare const NoResults: ({ title, message, className }: NoResultsProps) => React.JSX.Element;
+type ActionProps = {
+    action?: EmptyTableAction;
+};
+export type NoRecordsProps = {
+    title?: string;
+    message?: string;
+    className?: string;
+    buttonVariant?: "default" | "transparentIconLeft";
+    icon?: React.ReactNode;
+} & ActionProps;
+export declare const NoRecords: ({ title, message, action, className, buttonVariant, icon, }: NoRecordsProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=empty-table-content.d.ts.map

package/dist/cjs/components/common/empty-table-content/empty-table-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-table-content.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/empty-table-content/empty-table-content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,gBAAgB,GAAG;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,+BAA+B,cAAc,sBAmBtE,CAAA;AAED,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,gBAAgB,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,SAAS,GAAG,qBAAqB,CAAA;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,GAAG,WAAW,CAAA;AA6Bf,eAAO,MAAM,SAAS,GAAI,6DAOvB,cAAc,sBA4BhB,CAAA"}

package/dist/cjs/components/common/empty-table-content/empty-table-content.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoRecords = exports.NoResults = void 0;
+const tslib_1 = require("tslib");
+const icons_1 = require("@nergora/icons");
+const React = tslib_1.__importStar(require("react"));
+const button_1 = require("../../button/index.js");
+const text_1 = require("../../text/index.js");
+const clx_1 = require("../../../utils/clx.js");
+const NoResults = ({ title, message, className }) => {
+    return (React.createElement("div", { className: (0, clx_1.clx)("flex h-[400px] w-full items-center justify-center", className) },
+        React.createElement("div", { className: "flex flex-col items-center gap-y-2" },
+            React.createElement(icons_1.MagnifyingGlass, null),
+            React.createElement(text_1.Text, { size: "small", leading: "compact", weight: "plus" }, title !== null && title !== void 0 ? title : "No results"),
+            React.createElement(text_1.Text, { size: "small", className: "text-ui-fg-subtle" }, message !== null && message !== void 0 ? message : "Try changing your search or filters."))));
+};
+exports.NoResults = NoResults;
+const DefaultButton = ({ action }) => {
+    if (!action) {
+        return null;
+    }
+    return (React.createElement(button_1.Button, { asChild: true, variant: "secondary", size: "small" },
+        React.createElement("a", { href: action.to }, action.label)));
+};
+const TransparentIconLeftButton = ({ action }) => {
+    if (!action) {
+        return null;
+    }
+    return (React.createElement(button_1.Button, { asChild: true, variant: "transparent", className: "text-ui-fg-interactive" },
+        React.createElement("a", { href: action.to },
+            React.createElement(icons_1.PlusMini, null),
+            action.label)));
+};
+const NoRecords = ({ title, message, action, className, buttonVariant = "default", icon = React.createElement(icons_1.ExclamationCircle, { className: "text-ui-fg-subtle" }), }) => {
+    return (React.createElement("div", { className: (0, clx_1.clx)("flex h-[150px] w-full flex-col items-center justify-center gap-y-4", className) },
+        React.createElement("div", { className: "flex flex-col items-center gap-y-3" },
+            icon,
+            React.createElement("div", { className: "flex flex-col items-center gap-y-1" },
+                React.createElement(text_1.Text, { size: "small", leading: "compact", weight: "plus" }, title !== null && title !== void 0 ? title : "No records"),
+                React.createElement(text_1.Text, { size: "small", className: "text-ui-fg-muted" }, message !== null && message !== void 0 ? message : "There are no records to show."))),
+        buttonVariant === "default" ? React.createElement(DefaultButton, { action: action }) : null,
+        buttonVariant === "transparentIconLeft" ? (React.createElement(TransparentIconLeftButton, { action: action })) : null));
+};
+exports.NoRecords = NoRecords;
+//# sourceMappingURL=empty-table-content.js.map

package/dist/cjs/components/common/empty-table-content/empty-table-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-table-content.js","sourceRoot":"","sources":["../../../../../src/components/common/empty-table-content/empty-table-content.tsx"],"names":[],"mappings":";;;;AAAA,0CAA6E;AAC7E,qDAA8B;AAE9B,gDAA4C;AAC5C,4CAAwC;AACxC,qCAAiC;AAa1B,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAkB,EAAE,EAAE;IACzE,OAAO,CACL,6BACE,SAAS,EAAE,IAAA,SAAG,EACZ,mDAAmD,EACnD,SAAS,CACV;QAED,6BAAK,SAAS,EAAC,oCAAoC;YACjD,oBAAC,uBAAe,OAAG;YACnB,oBAAC,WAAI,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,MAAM,EAAC,MAAM,IAC/C,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,YAAY,CACjB;YACP,oBAAC,WAAI,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,mBAAmB,IAC7C,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,sCAAsC,CAC7C,CACH,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAnBY,QAAA,SAAS,aAmBrB;AAcD,MAAM,aAAa,GAAG,CAAC,EAAE,MAAM,EAAe,EAAE,EAAE;IAChD,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,oBAAC,eAAM,IAAC,OAAO,QAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO;QAC9C,2BAAG,IAAI,EAAE,MAAM,CAAC,EAAE,IAAG,MAAM,CAAC,KAAK,CAAK,CAC/B,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,yBAAyB,GAAG,CAAC,EAAE,MAAM,EAAe,EAAE,EAAE;IAC5D,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,oBAAC,eAAM,IAAC,OAAO,QAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,wBAAwB;QACtE,2BAAG,IAAI,EAAE,MAAM,CAAC,EAAE;YAChB,oBAAC,gBAAQ,OAAG;YACX,MAAM,CAAC,KAAK,CACX,CACG,CACV,CAAA;AACH,CAAC,CAAA;AAEM,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,OAAO,EACP,MAAM,EACN,SAAS,EACT,aAAa,GAAG,SAAS,EACzB,IAAI,GAAG,oBAAC,yBAAiB,IAAC,SAAS,EAAC,mBAAmB,GAAG,GAC3C,EAAE,EAAE;IACnB,OAAO,CACL,6BACE,SAAS,EAAE,IAAA,SAAG,EACZ,oEAAoE,EACpE,SAAS,CACV;QAED,6BAAK,SAAS,EAAC,oCAAoC;YAChD,IAAI;YAEL,6BAAK,SAAS,EAAC,oCAAoC;gBACjD,oBAAC,WAAI,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,MAAM,EAAC,MAAM,IAC/C,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,YAAY,CACjB;gBAEP,oBAAC,WAAI,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,kBAAkB,IAC5C,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,+BAA+B,CACtC,CACH,CACF;QAEL,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,oBAAC,aAAa,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI;QACtE,aAAa,KAAK,qBAAqB,CAAC,CAAC,CAAC,CACzC,oBAAC,yBAAyB,IAAC,MAAM,EAAE,MAAM,GAAI,CAC9C,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAnCY,QAAA,SAAS,aAmCrB","sourcesContent":["import { ExclamationCircle, MagnifyingGlass, PlusMini } from \"@nergora/icons\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/button\"\nimport { Text } from \"@/components/text\"\nimport { clx } from \"@/utils/clx\"\n\ntype EmptyTableAction = {\n  to: string\n  label: string\n}\n\nexport type NoResultsProps = {\n  title?: string\n  message?: string\n  className?: string\n}\n\nexport const NoResults = ({ title, message, className }: NoResultsProps) => {\n  return (\n    <div\n      className={clx(\n        \"flex h-[400px] w-full items-center justify-center\",\n        className\n      )}\n    >\n      <div className=\"flex flex-col items-center gap-y-2\">\n        <MagnifyingGlass />\n        <Text size=\"small\" leading=\"compact\" weight=\"plus\">\n          {title ?? \"No results\"}\n        </Text>\n        <Text size=\"small\" className=\"text-ui-fg-subtle\">\n          {message ?? \"Try changing your search or filters.\"}\n        </Text>\n      </div>\n    </div>\n  )\n}\n\ntype ActionProps = {\n  action?: EmptyTableAction\n}\n\nexport type NoRecordsProps = {\n  title?: string\n  message?: string\n  className?: string\n  buttonVariant?: \"default\" | \"transparentIconLeft\"\n  icon?: React.ReactNode\n} & ActionProps\n\nconst DefaultButton = ({ action }: ActionProps) => {\n  if (!action) {\n    return null\n  }\n\n  return (\n    <Button asChild variant=\"secondary\" size=\"small\">\n      <a href={action.to}>{action.label}</a>\n    </Button>\n  )\n}\n\nconst TransparentIconLeftButton = ({ action }: ActionProps) => {\n  if (!action) {\n    return null\n  }\n\n  return (\n    <Button asChild variant=\"transparent\" className=\"text-ui-fg-interactive\">\n      <a href={action.to}>\n        <PlusMini />\n        {action.label}\n      </a>\n    </Button>\n  )\n}\n\nexport const NoRecords = ({\n  title,\n  message,\n  action,\n  className,\n  buttonVariant = \"default\",\n  icon = <ExclamationCircle className=\"text-ui-fg-subtle\" />,\n}: NoRecordsProps) => {\n  return (\n    <div\n      className={clx(\n        \"flex h-[150px] w-full flex-col items-center justify-center gap-y-4\",\n        className\n      )}\n    >\n      <div className=\"flex flex-col items-center gap-y-3\">\n        {icon}\n\n        <div className=\"flex flex-col items-center gap-y-1\">\n          <Text size=\"small\" leading=\"compact\" weight=\"plus\">\n            {title ?? \"No records\"}\n          </Text>\n\n          <Text size=\"small\" className=\"text-ui-fg-muted\">\n            {message ?? \"There are no records to show.\"}\n          </Text>\n        </div>\n      </div>\n\n      {buttonVariant === \"default\" ? <DefaultButton action={action} /> : null}\n      {buttonVariant === \"transparentIconLeft\" ? (\n        <TransparentIconLeftButton action={action} />\n      ) : null}\n    </div>\n  )\n}\n"]}

package/dist/cjs/components/common/empty-table-content/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./empty-table-content";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/common/empty-table-content/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/empty-table-content/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}

package/dist/cjs/components/common/empty-table-content/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./empty-table-content"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/common/empty-table-content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/common/empty-table-content/index.ts"],"names":[],"mappings":";;;AAAA,gEAAqC","sourcesContent":["export * from \"./empty-table-content\"\n"]}

package/dist/cjs/components/container/container.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+/**
+ * This component is based on the `div` element and supports all of its props
+ */
+declare const Container: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Container };
+//# sourceMappingURL=container.d.ts.map

package/dist/cjs/components/container/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../src/components/container/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;GAEG;AACH,QAAA,MAAM,SAAS,mKAcb,CAAA;AAGF,OAAO,EAAE,SAAS,EAAE,CAAA"}