@nergora/ui 0.0.0-stage → 1.0.8

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

@@ -0,0 +1,110 @@
+"use client";
+import { Popover, Portal } from "radix-ui";
+import * as React from "react";
+import { Kbd } from "../kbd/index.js";
+import { clx } from "../../utils/clx.js";
+import { isInputElement } from "../../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(Popover.Root, { open: open, onOpenChange: onOpenChange, defaultOpen: defaultOpen },
+        React.createElement(Portal.Root, null,
+            React.createElement(Popover.Anchor, { className: clx("fixed bottom-8 left-1/2 h-px w-px -translate-x-1/2") })),
+        React.createElement(Popover.Portal, null,
+            React.createElement(Popover.Content, { side: "top", sideOffset: 0, onOpenAutoFocus: (e) => {
+                    if (disableAutoFocus) {
+                        e.preventDefault();
+                    }
+                }, className: 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: 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: 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: 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 (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: 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, { 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,
+});
+export { CommandBar };
+//# sourceMappingURL=command-bar.js.map

package/dist/esm/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/esm/components/command-bar/index.d.ts

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

package/dist/esm/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/esm/components/command-bar/index.js

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

package/dist/esm/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,cAAc,eAAe,CAAA","sourcesContent":["export * from \"./command-bar\"\n"]}

package/dist/esm/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/esm/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/esm/components/command-line/command-line.js

@@ -0,0 +1,18 @@
+"use client";
+import { Copy } from "../copy/index.js";
+import { clx } from "../../utils/clx.js";
+import React from "react";
+/**
+ * This component is based on the div element and supports all of its props
+ */
+const CommandLineComponent = ({ className, ...props }) => {
+    return (React.createElement("div", { className: 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.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(Copy, { ...props, ref: ref, className: clx("!text-ui-contrast-fg-secondary ml-auto", className) }));
+});
+CommandLineCopy.displayName = "CommandLine.Copy";
+const CommandLine = Object.assign(CommandLineComponent, { Copy: CommandLineCopy });
+export { CommandLine };
+//# sourceMappingURL=command-line.js.map

package/dist/esm/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,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;GAEG;AACH,MAAM,oBAAoB,GAAG,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EAC6B,EAAE,EAAE;IACzC,OAAO,CACL,6BACE,SAAS,EAAE,GAAG,CACZ,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,KAAK,CAAC,UAAU,CAGtC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,oBAAC,IAAI,OACC,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CAAC,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;AAElF,OAAO,EAAE,WAAW,EAAE,CAAA","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/esm/components/command-line/index.d.ts

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

package/dist/esm/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/esm/components/command-line/index.js

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

package/dist/esm/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,cAAc,gBAAgB,CAAA","sourcesContent":["export * from \"./command-line\"\n"]}

package/dist/esm/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/esm/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/esm/components/common/empty-table-content/empty-table-content.js

@@ -0,0 +1,39 @@
+import { ExclamationCircle, MagnifyingGlass, PlusMini } from "@nergora/icons";
+import * as React from "react";
+import { Button } from "../../button/index.js";
+import { Text } from "../../text/index.js";
+import { clx } from "../../../utils/clx.js";
+export const NoResults = ({ title, message, className }) => {
+    return (React.createElement("div", { className: 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(MagnifyingGlass, null),
+            React.createElement(Text, { size: "small", leading: "compact", weight: "plus" }, title !== null && title !== void 0 ? title : "No results"),
+            React.createElement(Text, { size: "small", className: "text-ui-fg-subtle" }, message !== null && message !== void 0 ? message : "Try changing your search or filters."))));
+};
+const DefaultButton = ({ action }) => {
+    if (!action) {
+        return null;
+    }
+    return (React.createElement(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, { asChild: true, variant: "transparent", className: "text-ui-fg-interactive" },
+        React.createElement("a", { href: action.to },
+            React.createElement(PlusMini, null),
+            action.label)));
+};
+export const NoRecords = ({ title, message, action, className, buttonVariant = "default", icon = React.createElement(ExclamationCircle, { className: "text-ui-fg-subtle" }), }) => {
+    return (React.createElement("div", { className: 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, { size: "small", leading: "compact", weight: "plus" }, title !== null && title !== void 0 ? title : "No records"),
+                React.createElement(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));
+};
+//# sourceMappingURL=empty-table-content.js.map

package/dist/esm/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":"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","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/esm/components/common/empty-table-content/index.d.ts

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

package/dist/esm/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/esm/components/common/empty-table-content/index.js

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

package/dist/esm/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,cAAc,uBAAuB,CAAA","sourcesContent":["export * from \"./empty-table-content\"\n"]}

package/dist/esm/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/esm/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"}

package/dist/esm/components/container/container.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { clx } from "../../utils/clx.js";
+/**
+ * This component is based on the `div` element and supports all of its props
+ */
+const Container = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, className: clx("shadow-elevation-card-rest bg-ui-bg-base w-full rounded-lg px-6 py-4", className), ...props }));
+});
+Container.displayName = "Container";
+export { Container };
+//# sourceMappingURL=container.js.map

package/dist/esm/components/container/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/container/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC;;GAEG;AACH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,sEAAsE,EACtE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,OAAO,EAAE,SAAS,EAAE,CAAA","sourcesContent":["import * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\n/**\n * This component is based on the `div` element and supports all of its props\n */\nconst Container = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clx(\n        \"shadow-elevation-card-rest bg-ui-bg-base w-full rounded-lg px-6 py-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nContainer.displayName = \"Container\"\n\nexport { Container }\n"]}

package/dist/esm/components/container/index.d.ts

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

package/dist/esm/components/container/index.d.ts.map

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

package/dist/esm/components/container/index.js

@@ -0,0 +1,2 @@
+export * from "./container";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/container/index.js.map

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

package/dist/esm/components/copy/copy.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+/**
+ * This component is based on the `button` element and supports all of its props
+ */
+declare const Copy: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLButtonElement> & {
+    content: string;
+    variant?: "mini" | "default" | null;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { Copy };
+//# sourceMappingURL=copy.d.ts.map

package/dist/esm/components/copy/copy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy.d.ts","sourceRoot":"","sources":["../../../../src/components/copy/copy.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAQvC;;GAEG;AACH,QAAA,MAAM,IAAI;aARC,MAAM;cACL,MAAM,GAAG,SAAS,GAAG,IAAI;cACzB,OAAO;2CAkGlB,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/esm/components/copy/copy.js

@@ -0,0 +1,55 @@
+"use client";
+import { Tooltip } from "../tooltip/index.js";
+import { clx } from "../../utils/clx.js";
+import { CheckCircleMiniSolid, CheckCircleSolid, SquareTwoStack, SquareTwoStackMini, } from "@nergora/icons";
+import copy from "copy-to-clipboard";
+import { Slot } from "radix-ui";
+import React, { useState } from "react";
+/**
+ * This component is based on the `button` element and supports all of its props
+ */
+const Copy = React.forwardRef(({ children, className, 
+/**
+ * The content to copy.
+ */
+content, 
+/**
+ * The variant of the copy button.
+ */
+variant = "default", 
+/**
+ * Whether to remove the wrapper `button` element and use the
+ * passed child element instead.
+ */
+asChild = false, ...props }, ref) => {
+    const [done, setDone] = useState(false);
+    const [open, setOpen] = useState(false);
+    const [text, setText] = useState("Copy");
+    const copyToClipboard = (e) => {
+        e.stopPropagation();
+        setDone(true);
+        copy(content);
+        setTimeout(() => {
+            setDone(false);
+        }, 2000);
+    };
+    React.useEffect(() => {
+        if (done) {
+            setText("Copied");
+            return;
+        }
+        setTimeout(() => {
+            setText("Copy");
+        }, 500);
+    }, [done]);
+    const isDefaultVariant = (variant) => {
+        return variant === "default";
+    };
+    const isDefault = isDefaultVariant(variant);
+    const Component = asChild ? Slot.Root : "button";
+    return (React.createElement(Tooltip, { content: text, open: done || open, onOpenChange: setOpen },
+        React.createElement(Component, { ref: ref, "aria-label": "Copy code snippet", type: "button", className: clx("h-fit w-fit", className), onClick: copyToClipboard, ...props }, children ? (children) : done ? (isDefault ? (React.createElement(CheckCircleSolid, { className: "text-ui-fg-subtle" })) : (React.createElement(CheckCircleMiniSolid, { className: "text-ui-fg-subtle" }))) : isDefault ? (React.createElement(SquareTwoStack, { className: "text-ui-fg-subtle" })) : (React.createElement(SquareTwoStackMini, { className: "text-ui-fg-subtle" })))));
+});
+Copy.displayName = "Copy";
+export { Copy };
+//# sourceMappingURL=copy.js.map

package/dist/esm/components/copy/copy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy.js","sourceRoot":"","sources":["../../../../src/components/copy/copy.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { Tooltip } from \"@/components/tooltip\"\nimport { clx } from \"@/utils/clx\"\nimport {\n  CheckCircleMiniSolid,\n  CheckCircleSolid,\n  SquareTwoStack,\n  SquareTwoStackMini,\n} from \"@nergora/icons\"\nimport copy from \"copy-to-clipboard\"\nimport { Slot } from \"radix-ui\"\nimport React, { useState } from \"react\"\n\ntype CopyProps = React.HTMLAttributes<HTMLButtonElement> & {\n  content: string\n  variant?: \"mini\" | \"default\" | null\n  asChild?: boolean\n}\n\n/**\n * This component is based on the `button` element and supports all of its props\n */\nconst Copy = React.forwardRef<HTMLButtonElement, CopyProps>(\n  (\n    {\n      children,\n      className,\n      /**\n       * The content to copy.\n       */\n      content,\n      /**\n       * The variant of the copy button.\n       */\n      variant = \"default\",\n      /**\n       * Whether to remove the wrapper `button` element and use the\n       * passed child element instead.\n       */\n      asChild = false,\n      ...props\n    }: CopyProps,\n    ref\n  ) => {\n    const [done, setDone] = useState(false)\n    const [open, setOpen] = useState(false)\n    const [text, setText] = useState(\"Copy\")\n\n    const copyToClipboard = (\n      e:\n        | React.MouseEvent<HTMLElement, MouseEvent>\n        | React.MouseEvent<HTMLButtonElement, MouseEvent>\n    ) => {\n      e.stopPropagation()\n\n      setDone(true)\n      copy(content)\n\n      setTimeout(() => {\n        setDone(false)\n      }, 2000)\n    }\n\n    React.useEffect(() => {\n      if (done) {\n        setText(\"Copied\")\n        return\n      }\n\n      setTimeout(() => {\n        setText(\"Copy\")\n      }, 500)\n    }, [done])\n\n    const isDefaultVariant = (\n      variant?: string | null\n    ): variant is \"default\" => {\n      return variant === \"default\"\n    }\n\n    const isDefault = isDefaultVariant(variant)\n\n    const Component = asChild ? Slot.Root : \"button\"\n\n    return (\n      <Tooltip content={text} open={done || open} onOpenChange={setOpen}>\n        <Component\n          ref={ref}\n          aria-label=\"Copy code snippet\"\n          type=\"button\"\n          className={clx(\n            \"h-fit w-fit\",\n            className\n          )}\n          onClick={copyToClipboard}\n          {...props}\n        >\n          {children ? (\n            children\n          ) : done ? (\n            isDefault ? (\n              <CheckCircleSolid className=\"text-ui-fg-subtle\" />\n            ) : (\n              <CheckCircleMiniSolid className=\"text-ui-fg-subtle\" />\n            )\n          ) : isDefault ? (\n            <SquareTwoStack className=\"text-ui-fg-subtle\" />\n          ) : (\n            <SquareTwoStackMini className=\"text-ui-fg-subtle\" />\n          )}\n        </Component>\n      </Tooltip>\n    )\n  }\n)\nCopy.displayName = \"Copy\"\n\nexport { Copy }\n"]}

package/dist/esm/components/copy/index.d.ts

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

package/dist/esm/components/copy/index.d.ts.map

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

package/dist/esm/components/copy/index.js

@@ -0,0 +1,2 @@
+export * from "./copy";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/copy/index.js.map

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

package/dist/esm/components/currency-input/currency-input.d.ts

@@ -0,0 +1,72 @@
+import * as React from "react";
+import Primitive from "react-currency-input-field";
+import { VariantProps } from "cva";
+declare const currencyInputVariants: (props?: ({
+    size?: "base" | "small" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+interface CurrencyInputProps extends Omit<React.ComponentPropsWithoutRef<typeof Primitive>, "prefix" | "suffix" | "size">, VariantProps<typeof currencyInputVariants> {
+    symbol: string;
+    code: string;
+}
+/**
+ * This component is based on the input element and supports all of its props
+ *
+ * @excludeExternal
+ */
+declare const CurrencyInput: React.ForwardRefExoticComponent<CurrencyInputProps & React.RefAttributes<HTMLInputElement>>;
+export { CurrencyInput };
+//# sourceMappingURL=currency-input.d.ts.map

package/dist/esm/components/currency-input/currency-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency-input.d.ts","sourceRoot":"","sources":["../../../../src/components/currency-input/currency-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAIlD,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AAEvC,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAezB,CAAA;AAEF,UAAU,kBACR,SAAQ,IAAI,CACR,KAAK,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,EAChD,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAC7B,EACD,YAAY,CAAC,OAAO,qBAAqB,CAAC;IAC5C,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;CACb;AAED;;;;GAIG;AACH,QAAA,MAAM,aAAa,6FA0HlB,CAAA;AAGD,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/esm/components/currency-input/currency-input.js

@@ -0,0 +1,85 @@
+"use client";
+import * as React from "react";
+import Primitive from "react-currency-input-field";
+import { Text } from "../text/index.js";
+import { clx } from "../../utils/clx.js";
+import { cva } from "cva";
+const currencyInputVariants = cva({
+    base: clx("flex items-center gap-x-1", "bg-ui-bg-field hover:bg-ui-bg-field-hover shadow-buttons-neutral placeholder-ui-fg-muted text-ui-fg-base transition-fg relative w-full rounded-md", "focus-within:shadow-borders-interactive-with-active"),
+    variants: {
+        size: {
+            base: "txt-compact-medium h-8",
+            small: "txt-compact-small h-7",
+        },
+    },
+    defaultVariants: {
+        size: "base",
+    },
+});
+/**
+ * This component is based on the input element and supports all of its props
+ *
+ * @excludeExternal
+ */
+const CurrencyInput = React.forwardRef(({ 
+/**
+ * The input's size.
+ */
+size = "base", 
+/**
+ * The symbol to show in the input.
+ */
+symbol, 
+/**
+ * The currency code to show in the input.
+ */
+code, 
+/**
+ * Whether the input is disabled.
+ *
+ * @keep
+ * @defaultValue false
+ */
+disabled, 
+/**
+ * A function that is triggered when the input is invalid.
+ *
+ * @keep
+ */
+onInvalid, className, ...props }, ref) => {
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current);
+    const [valid, setValid] = React.useState(true);
+    const onInnerInvalid = React.useCallback((event) => {
+        setValid(event.currentTarget.validity.valid);
+        if (onInvalid) {
+            onInvalid(event);
+        }
+    }, [onInvalid]);
+    return (React.createElement("div", { onClick: () => {
+            if (innerRef.current) {
+                innerRef.current.focus();
+            }
+        }, className: clx("w-full cursor-text justify-between overflow-hidden", currencyInputVariants({ size }), {
+            "text-ui-fg-disabled !bg-ui-bg-disabled !shadow-buttons-neutral !placeholder-ui-fg-disabled cursor-not-allowed": disabled,
+            "!shadow-borders-error invalid:!shadow-borders-error": props["aria-invalid"] || !valid,
+        }, className) },
+        React.createElement("span", { className: clx("w-fit min-w-[32px] border-r px-2", {
+                "py-[9px]": size === "base",
+                "py-[5px]": size === "small",
+            }), role: "presentation" },
+            React.createElement(Text, { size: "small", leading: "compact", className: clx("text-ui-fg-muted pointer-events-none select-none uppercase", {
+                    "text-ui-fg-disabled": disabled,
+                }) }, code)),
+        React.createElement(Primitive, { className: "h-full min-w-0 flex-1 appearance-none bg-transparent text-right outline-none disabled:cursor-not-allowed", disabled: disabled, onInvalid: onInnerInvalid, ref: innerRef, ...props }),
+        React.createElement("span", { className: clx("flex w-fit min-w-[32px] items-center justify-center border-l px-2 text-right", {
+                "py-[9px]": size === "base",
+                "py-[5px]": size === "small",
+            }), role: "presentation" },
+            React.createElement(Text, { size: "small", leading: "compact", className: clx("text-ui-fg-muted pointer-events-none select-none", {
+                    "text-ui-fg-disabled": disabled,
+                }) }, symbol))));
+});
+CurrencyInput.displayName = "CurrencyInput";
+export { CurrencyInput };
+//# sourceMappingURL=currency-input.js.map