@acmekit/ui 4.1.1

package/dist/cjs/components/tooltip/tooltip.js

@@ -0,0 +1,79 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipProvider = exports.Tooltip = void 0;
+const tslib_1 = require("tslib");
+const radix_ui_1 = require("radix-ui");
+const React = tslib_1.__importStar(require("react"));
+const clx_1 = require("../../utils/clx");
+/**
+ * This component is based on the [Radix UI Tooltip](https://www.radix-ui.com/primitives/docs/components/tooltip) primitive.
+ *
+ * @excludeExternal
+ */
+const Tooltip = ({ 
+/**
+ * The element to trigger the tooltip.
+ *
+ * @keep
+ */
+children, 
+/**
+ * The content to display in the tooltip.
+ */
+content, 
+/**
+ * Whether the tooltip is currently open.
+ *
+ * @keep
+ */
+open, 
+/**
+ * Whether the tooltip is open by default.
+ *
+ * @keep
+ */
+defaultOpen, 
+/**
+ * A function that is called when the tooltip's open state changes.
+ *
+ * @keep
+ */
+onOpenChange, 
+/**
+ * The time in milliseconds to delay the tooltip's appearance.
+ *
+ * @keep
+ */
+delayDuration, 
+/**
+ * The maximum width of the tooltip.
+ */
+maxWidth = 220, className, 
+/**
+ * The side to position the tooltip.
+ *
+ * @defaultValue top
+ */
+side, 
+/**
+ * The distance in pixels between the tooltip and its trigger.
+ *
+ * @keep
+ */
+sideOffset = 8, 
+/**
+ * A function that is triggered when the tooltip is clicked.
+ */
+onClick, ...props }) => {
+    return (React.createElement(radix_ui_1.Tooltip.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, delayDuration: delayDuration },
+        React.createElement(radix_ui_1.Tooltip.Trigger, { onClick: onClick, asChild: true }, children),
+        React.createElement(radix_ui_1.Tooltip.Portal, null,
+            React.createElement(radix_ui_1.Tooltip.Content, { side: side, sideOffset: sideOffset, align: "center", className: (0, clx_1.clx)("txt-compact-xsmall text-ui-fg-subtle bg-ui-bg-base shadow-elevation-tooltip rounded-lg px-2.5 py-1", "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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", className), ...props, style: { ...props.style, maxWidth } }, content))));
+};
+exports.Tooltip = Tooltip;
+const TooltipProvider = ({ children, delayDuration = 100, skipDelayDuration = 300, ...props }) => {
+    return (React.createElement(radix_ui_1.Tooltip.TooltipProvider, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, ...props }, children));
+};
+exports.TooltipProvider = TooltipProvider;
+//# sourceMappingURL=tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,uCAAkD;AAClD,qDAA8B;AAE9B,qCAAiC;AAcjC;;;;GAIG;AACH,MAAM,OAAO,GAAG,CAAC;AACf;;;;GAIG;AACH,QAAQ;AACR;;GAEG;AACH,OAAO;AACP;;;;GAIG;AACH,IAAI;AACJ;;;;GAIG;AACH,WAAW;AACX;;;;GAIG;AACH,YAAY;AACZ;;;;GAIG;AACH,aAAa;AACb;;GAEG;AACH,QAAQ,GAAG,GAAG,EACd,SAAS;AACT;;;;GAIG;AACH,IAAI;AACJ;;;;GAIG;AACH,UAAU,GAAG,CAAC;AACd;;GAEG;AACH,OAAO,EACP,GAAG,KAAK,EACK,EAAE,EAAE;IACjB,OAAO,CACH,oBAAC,kBAAY,CAAC,IAAI,IAChB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa;QAE5B,oBAAC,kBAAY,CAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,UAC5C,QAAQ,CACY;QACvB,oBAAC,kBAAY,CAAC,MAAM;YAClB,oBAAC,kBAAY,CAAC,OAAO,IACnB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,KAAK,EAAC,QAAQ,EACd,SAAS,EAAE,IAAA,SAAG,EACZ,oGAAoG,EACpG,4RAA4R,EAC5R,SAAS,CACV,KACG,KAAK,EACT,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,IAElC,OAAO,CACa,CACH,CACJ,CACvB,CAAA;AACH,CAAC,CAAA;AAaQ,0BAAO;AAThB,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,aAAa,GAAG,GAAG,EAAE,iBAAiB,GAAG,GAAG,EAAE,GAAG,KAAK,EAAwB,EAAE,EAAE;IACrH,OAAO,CACL,oBAAC,kBAAY,CAAC,eAAe,IAAC,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,KAAM,KAAK,IACxG,QAAQ,CACoB,CAChC,CAAA;AACH,CAAC,CAAA;AAGiB,0CAAe","sourcesContent":["\"use client\"\n\nimport { Tooltip as RadixTooltip } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\ninterface TooltipProps\n  extends Omit<RadixTooltip.TooltipContentProps, \"content\" | \"onClick\">,\n    Pick<\n      RadixTooltip.TooltipProps,\n      \"open\" | \"defaultOpen\" | \"onOpenChange\" | \"delayDuration\"\n    > {\n  content: React.ReactNode\n  onClick?: React.MouseEventHandler<HTMLButtonElement>\n  side?: \"bottom\" | \"left\" | \"top\" | \"right\"\n  maxWidth?: number\n}\n\n/**\n * This component is based on the [Radix UI Tooltip](https://www.radix-ui.com/primitives/docs/components/tooltip) primitive.\n *\n * @excludeExternal\n */\nconst Tooltip = ({\n  /**\n   * The element to trigger the tooltip.\n   * \n   * @keep\n   */\n  children,\n  /**\n   * The content to display in the tooltip.\n   */\n  content,\n  /**\n   * Whether the tooltip is currently open.\n   * \n   * @keep\n   */\n  open,\n  /**\n   * Whether the tooltip is open by default.\n   * \n   * @keep\n   */\n  defaultOpen,\n  /**\n   * A function that is called when the tooltip's open state changes.\n   * \n   * @keep\n   */\n  onOpenChange,\n  /**\n   * The time in milliseconds to delay the tooltip's appearance.\n   * \n   * @keep\n   */\n  delayDuration,\n  /**\n   * The maximum width of the tooltip.\n   */\n  maxWidth = 220,\n  className,\n  /**\n   * The side to position the tooltip.\n   * \n   * @defaultValue top\n   */\n  side,\n  /**\n   * The distance in pixels between the tooltip and its trigger.\n   * \n   * @keep\n   */\n  sideOffset = 8,\n  /**\n   * A function that is triggered when the tooltip is clicked.\n   */\n  onClick,\n  ...props\n}: TooltipProps) => {\n  return (\n      <RadixTooltip.Root\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={onOpenChange}\n        delayDuration={delayDuration}\n      >\n        <RadixTooltip.Trigger onClick={onClick} asChild>\n          {children}\n        </RadixTooltip.Trigger>\n        <RadixTooltip.Portal>\n          <RadixTooltip.Content\n            side={side}\n            sideOffset={sideOffset}\n            align=\"center\"\n            className={clx(\n              \"txt-compact-xsmall text-ui-fg-subtle bg-ui-bg-base shadow-elevation-tooltip rounded-lg px-2.5 py-1\",\n              \"animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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              className\n            )}\n            {...props}\n            style={{ ...props.style, maxWidth }}\n          >\n            {content}\n          </RadixTooltip.Content>\n        </RadixTooltip.Portal>\n      </RadixTooltip.Root>\n  )\n}\n\ninterface TooltipProviderProps extends RadixTooltip.TooltipProviderProps {}\n\nconst TooltipProvider = ({ children, delayDuration = 100, skipDelayDuration = 300, ...props }: TooltipProviderProps) => {\n  return (\n    <RadixTooltip.TooltipProvider delayDuration={delayDuration} skipDelayDuration={skipDelayDuration} {...props}>\n      {children}\n    </RadixTooltip.TooltipProvider>\n  )\n}\n\n\nexport { Tooltip, TooltipProvider }\n"]}

package/dist/cjs/hooks/use-prompt/index.d.ts

@@ -0,0 +1,2 @@
+export { usePrompt } from "./use-prompt";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/hooks/use-prompt/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-prompt/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA"}

package/dist/cjs/hooks/use-prompt/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePrompt = void 0;
+var use_prompt_1 = require("./use-prompt");
+Object.defineProperty(exports, "usePrompt", { enumerable: true, get: function () { return use_prompt_1.usePrompt; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/use-prompt/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/use-prompt/index.ts"],"names":[],"mappings":";;;AAAA,2CAAwC;AAA/B,uGAAA,SAAS,OAAA","sourcesContent":["export { usePrompt } from \"./use-prompt\"\n"]}

package/dist/cjs/hooks/use-prompt/render-prompt.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+export interface RenderPromptProps {
+    open: boolean;
+    title: string;
+    description: string;
+    variant?: "danger" | "confirmation";
+    verificationText?: string;
+    verificationInstruction?: string;
+    cancelText?: string;
+    confirmText?: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+export declare const RenderPrompt: {
+    ({ open, variant, title, description, verificationText, verificationInstruction, cancelText, confirmText, onConfirm, onCancel, }: RenderPromptProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=render-prompt.d.ts.map

package/dist/cjs/hooks/use-prompt/render-prompt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-prompt.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-prompt/render-prompt.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAA;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,eAAO,MAAM,YAAY;sIA0CtB,iBAAiB;;CAyFnB,CAAA"}

package/dist/cjs/hooks/use-prompt/render-prompt.js

@@ -0,0 +1,108 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenderPrompt = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const input_1 = require("../../components/input");
+const label_1 = require("../../components/label");
+const prompt_1 = require("../../components/prompt");
+const RenderPrompt = ({ 
+/**
+ * @ignore
+ */
+open, 
+/**
+ * The variant of the prompt.
+ */
+variant = "danger", 
+/**
+ * The prompt's title.
+ */
+title, 
+/**
+ * The prompt's description.
+ */
+description, 
+/**
+ * The text the user has to input in order to confirm the action.
+ */
+verificationText, 
+/**
+ * The instruction for the verification text. Useful for passing a translated string to use instead of the default english one.
+ * Should be in the format: "Please type {val} to confirm:"
+ */
+verificationInstruction = "Please type {val} to confirm:", 
+/**
+ * The label for the Cancel button.
+ */
+cancelText = "Cancel", 
+/**
+ * Label for the Confirm button.
+ */
+confirmText = "Confirm", 
+/**
+ * @ignore
+ */
+onConfirm, 
+/**
+ * @ignore
+ */
+onCancel, }) => {
+    const [userInput, setUserInput] = React.useState("");
+    const handleUserInput = (event) => {
+        setUserInput(event.target.value);
+    };
+    const validInput = React.useMemo(() => {
+        if (!verificationText) {
+            return true;
+        }
+        return userInput === verificationText;
+    }, [userInput, verificationText]);
+    const handleFormSubmit = (event) => {
+        event.preventDefault();
+        if (!verificationText) {
+            return;
+        }
+        if (validInput) {
+            onConfirm();
+        }
+    };
+    React.useEffect(() => {
+        const handleEscape = (event) => {
+            if (event.key === "Escape" && open) {
+                onCancel();
+            }
+        };
+        document.addEventListener("keydown", handleEscape);
+        return () => {
+            document.removeEventListener("keydown", handleEscape);
+        };
+    }, [onCancel, open]);
+    let instructionParts = verificationInstruction.includes("{val}")
+        ? verificationInstruction.split("{val}")
+        : ["Please type", "to confirm:"];
+    if (instructionParts.length !== 2) {
+        instructionParts = ["Please type", "to confirm:"];
+    }
+    return (React.createElement(prompt_1.Prompt, { open: open, variant: variant },
+        React.createElement(prompt_1.Prompt.Content, null,
+            React.createElement("form", { onSubmit: handleFormSubmit },
+                React.createElement(prompt_1.Prompt.Header, null,
+                    React.createElement(prompt_1.Prompt.Title, null, title),
+                    React.createElement(prompt_1.Prompt.Description, null, description)),
+                verificationText && (React.createElement("div", { className: "border-ui-border-base mt-6 flex flex-col gap-y-4 border-y p-6" },
+                    React.createElement(label_1.Label, { htmlFor: "verificationText", className: "text-ui-fg-subtle" },
+                        instructionParts[0],
+                        " ",
+                        React.createElement("span", { className: "text-ui-fg-base txt-compact-medium-plus" }, verificationText),
+                        " ",
+                        instructionParts[1]),
+                    React.createElement(input_1.Input, { autoFocus: true, autoComplete: "off", id: "verificationText", placeholder: verificationText, onChange: handleUserInput }))),
+                React.createElement(prompt_1.Prompt.Footer, null,
+                    React.createElement(prompt_1.Prompt.Cancel, { onClick: onCancel }, cancelText),
+                    React.createElement(prompt_1.Prompt.Action, { disabled: !validInput, type: verificationText ? "submit" : "button", onClick: verificationText ? undefined : onConfirm }, confirmText))))));
+};
+exports.RenderPrompt = RenderPrompt;
+exports.RenderPrompt.displayName = "RenderPrompt";
+//# sourceMappingURL=render-prompt.js.map

package/dist/cjs/hooks/use-prompt/render-prompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-prompt.js","sourceRoot":"","sources":["../../../../src/hooks/use-prompt/render-prompt.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { Input } from \"@/components/input\"\nimport { Label } from \"@/components/label\"\nimport { Prompt } from \"@/components/prompt\"\n\nexport interface RenderPromptProps {\n  open: boolean\n  title: string\n  description: string\n  variant?: \"danger\" | \"confirmation\"\n  verificationText?: string\n  verificationInstruction?: string\n  cancelText?: string\n  confirmText?: string\n  onConfirm: () => void\n  onCancel: () => void\n}\n\nexport const RenderPrompt = ({\n  /**\n   * @ignore\n   */\n  open,\n  /**\n   * The variant of the prompt.\n   */\n  variant = \"danger\",\n  /**\n   * The prompt's title.\n   */\n  title,\n  /**\n   * The prompt's description.\n   */\n  description,\n  /**\n   * The text the user has to input in order to confirm the action.\n   */\n  verificationText,\n  /**\n   * The instruction for the verification text. Useful for passing a translated string to use instead of the default english one.\n   * Should be in the format: \"Please type {val} to confirm:\"\n   */\n  verificationInstruction = \"Please type {val} to confirm:\",\n  /**\n   * The label for the Cancel button.\n   */\n  cancelText = \"Cancel\",\n  /**\n   * Label for the Confirm button.\n   */\n  confirmText = \"Confirm\",\n  /**\n   * @ignore\n   */\n  onConfirm,\n  /**\n   * @ignore\n   */\n  onCancel,\n}: RenderPromptProps) => {\n  const [userInput, setUserInput] = React.useState(\"\")\n\n  const handleUserInput = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setUserInput(event.target.value)\n  }\n\n  const validInput = React.useMemo(() => {\n    if (!verificationText) {\n      return true\n    }\n\n    return userInput === verificationText\n  }, [userInput, verificationText])\n\n  const handleFormSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault()\n\n    if (!verificationText) {\n      return\n    }\n\n    if (validInput) {\n      onConfirm()\n    }\n  }\n\n  React.useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\" && open) {\n        onCancel()\n      }\n    }\n\n    document.addEventListener(\"keydown\", handleEscape)\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleEscape)\n    }\n  }, [onCancel, open])\n\n  let instructionParts = verificationInstruction.includes(\"{val}\")\n    ? verificationInstruction.split(\"{val}\")\n    : [\"Please type\", \"to confirm:\"]\n\n  if (instructionParts.length !== 2) {\n    instructionParts = [\"Please type\", \"to confirm:\"]\n  }\n\n  return (\n    <Prompt open={open} variant={variant}>\n      <Prompt.Content>\n        <form onSubmit={handleFormSubmit}>\n          <Prompt.Header>\n            <Prompt.Title>{title}</Prompt.Title>\n            <Prompt.Description>{description}</Prompt.Description>\n          </Prompt.Header>\n          {verificationText && (\n            <div className=\"border-ui-border-base mt-6 flex flex-col gap-y-4 border-y p-6\">\n              <Label htmlFor=\"verificationText\" className=\"text-ui-fg-subtle\">\n                {instructionParts[0]}{\" \"}\n                <span className=\"text-ui-fg-base txt-compact-medium-plus\">\n                  {verificationText}\n                </span>{\" \"}\n                {instructionParts[1]}\n              </Label>\n              <Input\n                autoFocus\n                autoComplete=\"off\"\n                id=\"verificationText\"\n                placeholder={verificationText}\n                onChange={handleUserInput}\n              />\n            </div>\n          )}\n          <Prompt.Footer>\n            <Prompt.Cancel onClick={onCancel}>{cancelText}</Prompt.Cancel>\n            <Prompt.Action\n              disabled={!validInput}\n              type={verificationText ? \"submit\" : \"button\"}\n              onClick={verificationText ? undefined : onConfirm}\n            >\n              {confirmText}\n            </Prompt.Action>\n          </Prompt.Footer>\n        </form>\n      </Prompt.Content>\n    </Prompt>\n  )\n}\nRenderPrompt.displayName = \"RenderPrompt\"\n"]}

package/dist/cjs/hooks/use-prompt/use-prompt.d.ts

@@ -0,0 +1,5 @@
+import { RenderPromptProps } from "./render-prompt";
+type UsePromptProps = Omit<RenderPromptProps, "onConfirm" | "onCancel" | "open">;
+declare const usePrompt: () => (props: UsePromptProps) => Promise<boolean>;
+export { usePrompt };
+//# sourceMappingURL=use-prompt.d.ts.map

package/dist/cjs/hooks/use-prompt/use-prompt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-prompt.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-prompt/use-prompt.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEjE,KAAK,cAAc,GAAG,IAAI,CAAC,iBAAiB,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC,CAAA;AAEhF,QAAA,MAAM,SAAS,gBAGgB,cAAc,KAAG,OAAO,CAAC,OAAO,CAgD9D,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/cjs/hooks/use-prompt/use-prompt.js

@@ -0,0 +1,46 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePrompt = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
+const client_1 = require("react-dom/client");
+const render_prompt_1 = require("./render-prompt");
+const usePrompt = () => {
+    const currentPromptPromise = (0, react_1.useRef)(null);
+    const prompt = async (props) => {
+        if (currentPromptPromise.current) {
+            return currentPromptPromise.current;
+        }
+        const promptPromise = new Promise((resolve) => {
+            let open = true;
+            const mountRoot = (0, client_1.createRoot)(document.createElement("div"));
+            const onCancel = () => {
+                open = false;
+                mountRoot.unmount();
+                resolve(false);
+                currentPromptPromise.current = null;
+                // TEMP FIX for Radix issue with dropdowns persisting pointer-events: none on body after closing
+                document.body.style.pointerEvents = "auto";
+            };
+            const onConfirm = () => {
+                open = false;
+                resolve(true);
+                mountRoot.unmount();
+                currentPromptPromise.current = null;
+                // TEMP FIX for Radix issue with dropdowns persisting pointer-events: none on body after closing
+                document.body.style.pointerEvents = "auto";
+            };
+            const render = () => {
+                mountRoot.render(React.createElement(render_prompt_1.RenderPrompt, { open: open, onConfirm: onConfirm, onCancel: onCancel, ...props }));
+            };
+            render();
+        });
+        currentPromptPromise.current = promptPromise;
+        return promptPromise;
+    };
+    return prompt;
+};
+exports.usePrompt = usePrompt;
+//# sourceMappingURL=use-prompt.js.map

package/dist/cjs/hooks/use-prompt/use-prompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-prompt.js","sourceRoot":"","sources":["../../../../src/hooks/use-prompt/use-prompt.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,qDAA8B;AAC9B,iCAA8B;AAC9B,6CAA6C;AAC7C,mDAAiE;AAIjE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,oBAAoB,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAA;IAElE,MAAM,MAAM,GAAG,KAAK,EAAE,KAAqB,EAAoB,EAAE;QAC/D,IAAI,oBAAoB,CAAC,OAAO,EAAE,CAAC;YACjC,OAAO,oBAAoB,CAAC,OAAO,CAAA;QACrC,CAAC;QAED,MAAM,aAAa,GAAG,IAAI,OAAO,CAAU,CAAC,OAAO,EAAE,EAAE;YACrD,IAAI,IAAI,GAAG,IAAI,CAAA;YACf,MAAM,SAAS,GAAG,IAAA,mBAAU,EAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;YAE3D,MAAM,QAAQ,GAAG,GAAG,EAAE;gBACpB,IAAI,GAAG,KAAK,CAAA;gBACZ,SAAS,CAAC,OAAO,EAAE,CAAA;gBACnB,OAAO,CAAC,KAAK,CAAC,CAAA;gBACd,oBAAoB,CAAC,OAAO,GAAG,IAAI,CAAA;gBAEnC,gGAAgG;gBAChG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAA;YAC5C,CAAC,CAAA;YAED,MAAM,SAAS,GAAG,GAAG,EAAE;gBACrB,IAAI,GAAG,KAAK,CAAA;gBACZ,OAAO,CAAC,IAAI,CAAC,CAAA;gBACb,SAAS,CAAC,OAAO,EAAE,CAAA;gBACnB,oBAAoB,CAAC,OAAO,GAAG,IAAI,CAAA;gBAEnC,gGAAgG;gBAChG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAA;YAC5C,CAAC,CAAA;YAED,MAAM,MAAM,GAAG,GAAG,EAAE;gBAClB,SAAS,CAAC,MAAM,CACd,oBAAC,4BAAY,IACX,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,KACd,KAAK,GACT,CACH,CAAA;YACH,CAAC,CAAA;YAED,MAAM,EAAE,CAAA;QACV,CAAC,CAAC,CAAA;QAEF,oBAAoB,CAAC,OAAO,GAAG,aAAa,CAAA;QAC5C,OAAO,aAAa,CAAA;IACtB,CAAC,CAAA;IAED,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAEQ,8BAAS","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { useRef } from \"react\"\nimport { createRoot } from \"react-dom/client\"\nimport { RenderPrompt, RenderPromptProps } from \"./render-prompt\"\n\ntype UsePromptProps = Omit<RenderPromptProps, \"onConfirm\" | \"onCancel\" | \"open\">\n\nconst usePrompt = () => {\n  const currentPromptPromise = useRef<Promise<boolean> | null>(null)\n\n  const prompt = async (props: UsePromptProps): Promise<boolean> => {\n    if (currentPromptPromise.current) {\n      return currentPromptPromise.current\n    }\n\n    const promptPromise = new Promise<boolean>((resolve) => {\n      let open = true\n      const mountRoot = createRoot(document.createElement(\"div\"))\n\n      const onCancel = () => {\n        open = false\n        mountRoot.unmount()\n        resolve(false)\n        currentPromptPromise.current = null\n\n        // TEMP FIX for Radix issue with dropdowns persisting pointer-events: none on body after closing\n        document.body.style.pointerEvents = \"auto\"\n      }\n\n      const onConfirm = () => {\n        open = false\n        resolve(true)\n        mountRoot.unmount()\n        currentPromptPromise.current = null\n\n        // TEMP FIX for Radix issue with dropdowns persisting pointer-events: none on body after closing\n        document.body.style.pointerEvents = \"auto\"\n      }\n\n      const render = () => {\n        mountRoot.render(\n          <RenderPrompt\n            open={open}\n            onConfirm={onConfirm}\n            onCancel={onCancel}\n            {...props}\n          />\n        )\n      }\n\n      render()\n    })\n\n    currentPromptPromise.current = promptPromise\n    return promptPromise\n  }\n\n  return prompt\n}\n\nexport { usePrompt }\n"]}

package/dist/cjs/hooks/use-toggle-state/index.d.ts

@@ -0,0 +1,2 @@
+export { useToggleState } from "./use-toggle-state";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/hooks/use-toggle-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-toggle-state/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/cjs/hooks/use-toggle-state/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToggleState = void 0;
+var use_toggle_state_1 = require("./use-toggle-state");
+Object.defineProperty(exports, "useToggleState", { enumerable: true, get: function () { return use_toggle_state_1.useToggleState; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/use-toggle-state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/use-toggle-state/index.ts"],"names":[],"mappings":";;;AAAA,uDAAmD;AAA1C,kHAAA,cAAc,OAAA","sourcesContent":["export { useToggleState } from \"./use-toggle-state\"\n"]}

package/dist/cjs/hooks/use-toggle-state/use-toggle-state.d.ts

@@ -0,0 +1,9 @@
+type StateType = [boolean, () => void, () => void, () => void] & {
+    state: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+declare const useToggleState: (initial?: boolean) => StateType;
+export { useToggleState };
+//# sourceMappingURL=use-toggle-state.d.ts.map

package/dist/cjs/hooks/use-toggle-state/use-toggle-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toggle-state.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-toggle-state/use-toggle-state.tsx"],"names":[],"mappings":"AAIA,KAAK,SAAS,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,EAAE,MAAM,IAAI,EAAE,MAAM,IAAI,CAAC,GAAG;IAC/D,KAAK,EAAE,OAAO,CAAA;IACd,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,cAAc,GAAI,iBAAe,cAqBtC,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/cjs/hooks/use-toggle-state/use-toggle-state.js

@@ -0,0 +1,26 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToggleState = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const useToggleState = (initial = false) => {
+    const [state, setState] = React.useState(initial);
+    const close = () => {
+        setState(false);
+    };
+    const open = () => {
+        setState(true);
+    };
+    const toggle = () => {
+        setState((state) => !state);
+    };
+    const hookData = [state, open, close, toggle];
+    hookData.state = state;
+    hookData.open = open;
+    hookData.close = close;
+    hookData.toggle = toggle;
+    return hookData;
+};
+exports.useToggleState = useToggleState;
+//# sourceMappingURL=use-toggle-state.js.map

package/dist/cjs/hooks/use-toggle-state/use-toggle-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toggle-state.js","sourceRoot":"","sources":["../../../../src/hooks/use-toggle-state/use-toggle-state.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,qDAA8B;AAS9B,MAAM,cAAc,GAAG,CAAC,OAAO,GAAG,KAAK,EAAE,EAAE;IACzC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,OAAO,CAAC,CAAA;IAE1D,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC,CAAA;IAED,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,QAAQ,CAAC,IAAI,CAAC,CAAA;IAChB,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAc,CAAA;IAC1D,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAA;IACtB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAA;IACpB,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAA;IACtB,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAA;IACxB,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAEQ,wCAAc","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\ntype StateType = [boolean, () => void, () => void, () => void] & {\n  state: boolean\n  open: () => void\n  close: () => void\n  toggle: () => void\n}\n\nconst useToggleState = (initial = false) => {\n  const [state, setState] = React.useState<boolean>(initial)\n\n  const close = () => {\n    setState(false)\n  }\n\n  const open = () => {\n    setState(true)\n  }\n\n  const toggle = () => {\n    setState((state) => !state)\n  }\n\n  const hookData = [state, open, close, toggle] as StateType\n  hookData.state = state\n  hookData.open = open\n  hookData.close = close\n  hookData.toggle = toggle\n  return hookData\n}\n\nexport { useToggleState }\n"]}

package/dist/cjs/index.d.ts

@@ -0,0 +1,50 @@
+export { Alert } from "./components/alert";
+export { Avatar } from "./components/avatar";
+export { Badge } from "./components/badge";
+export { Button } from "./components/button";
+export { Calendar } from "./components/calendar";
+export { Checkbox, type CheckboxCheckedState } from "./components/checkbox";
+export { Code } from "./components/code";
+export { CodeBlock } from "./components/code-block";
+export { Command } from "./components/command";
+export { CommandBar } from "./components/command-bar";
+export { Container } from "./components/container";
+export { Copy } from "./components/copy";
+export { CurrencyInput } from "./components/currency-input";
+export { DatePicker } from "./components/date-picker";
+export { Divider } from "./components/divider";
+export { Drawer } from "./components/drawer";
+export { DropdownMenu } from "./components/dropdown-menu";
+export { FocusModal } from "./components/focus-modal";
+export { Heading } from "./components/heading";
+export { Hint } from "./components/hint";
+export { I18nProvider } from "./components/i18n-provider";
+export { IconBadge } from "./components/icon-badge";
+export { IconButton } from "./components/icon-button";
+export { InlineTip } from "./components/inline-tip";
+export { Input } from "./components/input";
+export { Kbd } from "./components/kbd";
+export { Label } from "./components/label";
+export { Popover } from "./components/popover";
+export { ProgressAccordion } from "./components/progress-accordion";
+export { ProgressTabs } from "./components/progress-tabs";
+export { Prompt } from "./components/prompt";
+export { RadioGroup } from "./components/radio-group";
+export { Select } from "./components/select";
+export { Skeleton } from "./components/skeleton";
+export { StatusBadge } from "./components/status-badge";
+export { Switch } from "./components/switch";
+export { Table } from "./components/table";
+export { Tabs } from "./components/tabs";
+export { Text } from "./components/text";
+export { Textarea } from "./components/textarea";
+export { Toast } from "./components/toast";
+export { Toaster } from "./components/toaster";
+export { Tooltip, TooltipProvider } from "./components/tooltip";
+export * from "./blocks/data-table";
+export { usePrompt } from "./hooks/use-prompt";
+export { useToggleState } from "./hooks/use-toggle-state";
+export { clx } from "./utils/clx";
+export { toast } from "./utils/toast";
+export * from "./types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/cjs/index.js

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toast = exports.clx = exports.useToggleState = exports.usePrompt = exports.TooltipProvider = exports.Tooltip = exports.Toaster = exports.Toast = exports.Textarea = exports.Text = exports.Tabs = exports.Table = exports.Switch = exports.StatusBadge = exports.Skeleton = exports.Select = exports.RadioGroup = exports.Prompt = exports.ProgressTabs = exports.ProgressAccordion = exports.Popover = exports.Label = exports.Kbd = exports.Input = exports.InlineTip = exports.IconButton = exports.IconBadge = exports.I18nProvider = exports.Hint = exports.Heading = exports.FocusModal = exports.DropdownMenu = exports.Drawer = exports.Divider = exports.DatePicker = exports.CurrencyInput = exports.Copy = exports.Container = exports.CommandBar = exports.Command = exports.CodeBlock = exports.Code = exports.Checkbox = exports.Calendar = exports.Button = exports.Badge = exports.Avatar = exports.Alert = void 0;
+const tslib_1 = require("tslib");
+// Components
+var alert_1 = require("./components/alert");
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return alert_1.Alert; } });
+var avatar_1 = require("./components/avatar");
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return avatar_1.Avatar; } });
+var badge_1 = require("./components/badge");
+Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return badge_1.Badge; } });
+var button_1 = require("./components/button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_1.Button; } });
+var calendar_1 = require("./components/calendar");
+Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return calendar_1.Calendar; } });
+var checkbox_1 = require("./components/checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return checkbox_1.Checkbox; } });
+var code_1 = require("./components/code");
+Object.defineProperty(exports, "Code", { enumerable: true, get: function () { return code_1.Code; } });
+var code_block_1 = require("./components/code-block");
+Object.defineProperty(exports, "CodeBlock", { enumerable: true, get: function () { return code_block_1.CodeBlock; } });
+var command_1 = require("./components/command");
+Object.defineProperty(exports, "Command", { enumerable: true, get: function () { return command_1.Command; } });
+var command_bar_1 = require("./components/command-bar");
+Object.defineProperty(exports, "CommandBar", { enumerable: true, get: function () { return command_bar_1.CommandBar; } });
+var container_1 = require("./components/container");
+Object.defineProperty(exports, "Container", { enumerable: true, get: function () { return container_1.Container; } });
+var copy_1 = require("./components/copy");
+Object.defineProperty(exports, "Copy", { enumerable: true, get: function () { return copy_1.Copy; } });
+var currency_input_1 = require("./components/currency-input");
+Object.defineProperty(exports, "CurrencyInput", { enumerable: true, get: function () { return currency_input_1.CurrencyInput; } });
+var date_picker_1 = require("./components/date-picker");
+Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return date_picker_1.DatePicker; } });
+var divider_1 = require("./components/divider");
+Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return divider_1.Divider; } });
+var drawer_1 = require("./components/drawer");
+Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return drawer_1.Drawer; } });
+var dropdown_menu_1 = require("./components/dropdown-menu");
+Object.defineProperty(exports, "DropdownMenu", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenu; } });
+var focus_modal_1 = require("./components/focus-modal");
+Object.defineProperty(exports, "FocusModal", { enumerable: true, get: function () { return focus_modal_1.FocusModal; } });
+var heading_1 = require("./components/heading");
+Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return heading_1.Heading; } });
+var hint_1 = require("./components/hint");
+Object.defineProperty(exports, "Hint", { enumerable: true, get: function () { return hint_1.Hint; } });
+var i18n_provider_1 = require("./components/i18n-provider");
+Object.defineProperty(exports, "I18nProvider", { enumerable: true, get: function () { return i18n_provider_1.I18nProvider; } });
+var icon_badge_1 = require("./components/icon-badge");
+Object.defineProperty(exports, "IconBadge", { enumerable: true, get: function () { return icon_badge_1.IconBadge; } });
+var icon_button_1 = require("./components/icon-button");
+Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return icon_button_1.IconButton; } });
+var inline_tip_1 = require("./components/inline-tip");
+Object.defineProperty(exports, "InlineTip", { enumerable: true, get: function () { return inline_tip_1.InlineTip; } });
+var input_1 = require("./components/input");
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return input_1.Input; } });
+var kbd_1 = require("./components/kbd");
+Object.defineProperty(exports, "Kbd", { enumerable: true, get: function () { return kbd_1.Kbd; } });
+var label_1 = require("./components/label");
+Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return label_1.Label; } });
+var popover_1 = require("./components/popover");
+Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return popover_1.Popover; } });
+var progress_accordion_1 = require("./components/progress-accordion");
+Object.defineProperty(exports, "ProgressAccordion", { enumerable: true, get: function () { return progress_accordion_1.ProgressAccordion; } });
+var progress_tabs_1 = require("./components/progress-tabs");
+Object.defineProperty(exports, "ProgressTabs", { enumerable: true, get: function () { return progress_tabs_1.ProgressTabs; } });
+var prompt_1 = require("./components/prompt");
+Object.defineProperty(exports, "Prompt", { enumerable: true, get: function () { return prompt_1.Prompt; } });
+var radio_group_1 = require("./components/radio-group");
+Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return radio_group_1.RadioGroup; } });
+var select_1 = require("./components/select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return select_1.Select; } });
+var skeleton_1 = require("./components/skeleton");
+Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return skeleton_1.Skeleton; } });
+var status_badge_1 = require("./components/status-badge");
+Object.defineProperty(exports, "StatusBadge", { enumerable: true, get: function () { return status_badge_1.StatusBadge; } });
+var switch_1 = require("./components/switch");
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return switch_1.Switch; } });
+var table_1 = require("./components/table");
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return table_1.Table; } });
+var tabs_1 = require("./components/tabs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return tabs_1.Tabs; } });
+var text_1 = require("./components/text");
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return text_1.Text; } });
+var textarea_1 = require("./components/textarea");
+Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return textarea_1.Textarea; } });
+var toast_1 = require("./components/toast");
+Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return toast_1.Toast; } });
+var toaster_1 = require("./components/toaster");
+Object.defineProperty(exports, "Toaster", { enumerable: true, get: function () { return toaster_1.Toaster; } });
+var tooltip_1 = require("./components/tooltip");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return tooltip_1.Tooltip; } });
+Object.defineProperty(exports, "TooltipProvider", { enumerable: true, get: function () { return tooltip_1.TooltipProvider; } });
+// Blocks
+tslib_1.__exportStar(require("./blocks/data-table"), exports);
+// Hooks
+var use_prompt_1 = require("./hooks/use-prompt");
+Object.defineProperty(exports, "usePrompt", { enumerable: true, get: function () { return use_prompt_1.usePrompt; } });
+var use_toggle_state_1 = require("./hooks/use-toggle-state");
+Object.defineProperty(exports, "useToggleState", { enumerable: true, get: function () { return use_toggle_state_1.useToggleState; } });
+// Utils
+var clx_1 = require("./utils/clx");
+Object.defineProperty(exports, "clx", { enumerable: true, get: function () { return clx_1.clx; } });
+var toast_2 = require("./utils/toast");
+Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return toast_2.toast; } });
+// Types
+tslib_1.__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,aAAa;AACb,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,kDAA2E;AAAlE,oGAAA,QAAQ,OAAA;AACjB,0CAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,sDAAmD;AAA1C,uGAAA,SAAS,OAAA;AAClB,gDAA8C;AAArC,kGAAA,OAAO,OAAA;AAChB,wDAAqD;AAA5C,yGAAA,UAAU,OAAA;AACnB,oDAAkD;AAAzC,sGAAA,SAAS,OAAA;AAClB,0CAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,8DAA2D;AAAlD,+GAAA,aAAa,OAAA;AACtB,wDAAqD;AAA5C,yGAAA,UAAU,OAAA;AACnB,gDAA8C;AAArC,kGAAA,OAAO,OAAA;AAChB,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,4DAAyD;AAAhD,6GAAA,YAAY,OAAA;AACrB,wDAAqD;AAA5C,yGAAA,UAAU,OAAA;AACnB,gDAA8C;AAArC,kGAAA,OAAO,OAAA;AAChB,0CAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,4DAAyD;AAAhD,6GAAA,YAAY,OAAA;AACrB,sDAAmD;AAA1C,uGAAA,SAAS,OAAA;AAClB,wDAAqD;AAA5C,yGAAA,UAAU,OAAA;AACnB,sDAAmD;AAA1C,uGAAA,SAAS,OAAA;AAClB,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,wCAAsC;AAA7B,0FAAA,GAAG,OAAA;AACZ,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,gDAA8C;AAArC,kGAAA,OAAO,OAAA;AAChB,sEAAmE;AAA1D,uHAAA,iBAAiB,OAAA;AAC1B,4DAAyD;AAAhD,6GAAA,YAAY,OAAA;AACrB,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,wDAAqD;AAA5C,yGAAA,UAAU,OAAA;AACnB,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,0DAAuD;AAA9C,2GAAA,WAAW,OAAA;AACpB,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,0CAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,0CAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,gDAA8C;AAArC,kGAAA,OAAO,OAAA;AAChB,gDAA+D;AAAtD,kGAAA,OAAO,OAAA;AAAE,0GAAA,eAAe,OAAA;AAEjC,SAAS;AACT,8DAAmC;AAEnC,QAAQ;AACR,iDAA8C;AAArC,uGAAA,SAAS,OAAA;AAClB,6DAAyD;AAAhD,kHAAA,cAAc,OAAA;AAEvB,QAAQ;AACR,mCAAiC;AAAxB,0FAAA,GAAG,OAAA;AACZ,uCAAqC;AAA5B,8FAAA,KAAK,OAAA;AAEd,QAAQ;AACR,kDAAuB","sourcesContent":["// Components\nexport { Alert } from \"./components/alert\"\nexport { Avatar } from \"./components/avatar\"\nexport { Badge } from \"./components/badge\"\nexport { Button } from \"./components/button\"\nexport { Calendar } from \"./components/calendar\"\nexport { Checkbox, type CheckboxCheckedState } from \"./components/checkbox\"\nexport { Code } from \"./components/code\"\nexport { CodeBlock } from \"./components/code-block\"\nexport { Command } from \"./components/command\"\nexport { CommandBar } from \"./components/command-bar\"\nexport { Container } from \"./components/container\"\nexport { Copy } from \"./components/copy\"\nexport { CurrencyInput } from \"./components/currency-input\"\nexport { DatePicker } from \"./components/date-picker\"\nexport { Divider } from \"./components/divider\"\nexport { Drawer } from \"./components/drawer\"\nexport { DropdownMenu } from \"./components/dropdown-menu\"\nexport { FocusModal } from \"./components/focus-modal\"\nexport { Heading } from \"./components/heading\"\nexport { Hint } from \"./components/hint\"\nexport { I18nProvider } from \"./components/i18n-provider\"\nexport { IconBadge } from \"./components/icon-badge\"\nexport { IconButton } from \"./components/icon-button\"\nexport { InlineTip } from \"./components/inline-tip\"\nexport { Input } from \"./components/input\"\nexport { Kbd } from \"./components/kbd\"\nexport { Label } from \"./components/label\"\nexport { Popover } from \"./components/popover\"\nexport { ProgressAccordion } from \"./components/progress-accordion\"\nexport { ProgressTabs } from \"./components/progress-tabs\"\nexport { Prompt } from \"./components/prompt\"\nexport { RadioGroup } from \"./components/radio-group\"\nexport { Select } from \"./components/select\"\nexport { Skeleton } from \"./components/skeleton\"\nexport { StatusBadge } from \"./components/status-badge\"\nexport { Switch } from \"./components/switch\"\nexport { Table } from \"./components/table\"\nexport { Tabs } from \"./components/tabs\"\nexport { Text } from \"./components/text\"\nexport { Textarea } from \"./components/textarea\"\nexport { Toast } from \"./components/toast\"\nexport { Toaster } from \"./components/toaster\"\nexport { Tooltip, TooltipProvider } from \"./components/tooltip\"\n\n// Blocks\nexport * from \"./blocks/data-table\"\n\n// Hooks\nexport { usePrompt } from \"./hooks/use-prompt\"\nexport { useToggleState } from \"./hooks/use-toggle-state\"\n\n// Utils\nexport { clx } from \"./utils/clx\"\nexport { toast } from \"./utils/toast\"\n\n// Types\nexport * from \"./types\"\n"]}

package/dist/cjs/types.d.ts

@@ -0,0 +1,34 @@
+export type ProgressStatus = "not-started" | "in-progress" | "completed";
+export type DateRange = {
+    /**
+     * The range's start date.
+     */
+    from: Date | undefined;
+    /**
+     * The range's end date.
+     */
+    to?: Date | undefined;
+};
+export type ToasterPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+export type ToastVariant = "info" | "success" | "warning" | "error" | "loading" | "message";
+export type ToastActionVariant = "default" | "destructive";
+export type ToastAction = {
+    /**
+     * The button's text.
+     */
+    label: string;
+    /**
+     * The button's alt text.
+     */
+    altText: string;
+    /**
+     * The function to execute when the button is clicked.
+     */
+    onClick: () => void | Promise<void>;
+    /**
+     * The button's variant.
+     */
+    variant?: ToastActionVariant;
+};
+export type Granularity = "day" | "hour" | "minute" | "second";
+//# sourceMappingURL=types.d.ts.map

package/dist/cjs/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,aAAa,GAAG,WAAW,CAAA;AAIxE,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,IAAI,EAAE,IAAI,GAAG,SAAS,CAAA;IACtB;;OAEG;IACH,EAAE,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACtB,CAAA;AAID,MAAM,MAAM,eAAe,GACvB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAA;AAElB,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,GACT,SAAS,CAAA;AAEb,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,aAAa,CAAA;AAE1D,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACnC;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA"}

package/dist/cjs/types.js

@@ -0,0 +1,4 @@
+"use strict";
+// Progress types
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map