@acmekit/ui 4.1.1

package/dist/esm/components/textarea/textarea.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { inputBaseStyles } from "../input";
+import { clx } from "../../utils/clx";
+/**
+ * This component is based on the `textarea` element and supports all of its props
+ */
+const Textarea = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement("textarea", { ref: ref, className: clx(inputBaseStyles, "txt-small min-h-[60px] w-full px-2 py-1.5", className), ...props }));
+});
+Textarea.displayName = "Textarea";
+export { Textarea };
+//# sourceMappingURL=textarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../src/components/textarea/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC;;GAEG;AACH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,kCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,eAAe,EACf,2CAA2C,EAC3C,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,CAAA","sourcesContent":["import * as React from \"react\"\n\nimport { inputBaseStyles } from \"@/components/input\"\nimport { clx } from \"@/utils/clx\"\n\n/**\n * This component is based on the `textarea` element and supports all of its props\n */\nconst Textarea = React.forwardRef<\n  HTMLTextAreaElement,\n  React.ComponentPropsWithoutRef<\"textarea\">\n>(({ className, ...props }, ref) => {\n  return (\n    <textarea\n      ref={ref}\n      className={clx(\n        inputBaseStyles,\n        \"txt-small min-h-[60px] w-full px-2 py-1.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea }\n"]}

package/dist/esm/components/time-input/index.d.ts

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

package/dist/esm/components/time-input/index.d.ts.map

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

package/dist/esm/components/time-input/index.js

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

package/dist/esm/components/time-input/index.js.map

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

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

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { AriaTimeFieldProps, TimeValue } from "react-aria";
+declare const TimeInput: (props: AriaTimeFieldProps<TimeValue>) => React.JSX.Element;
+export { TimeInput };
+//# sourceMappingURL=time-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time-input.d.ts","sourceRoot":"","sources":["../../../../src/components/time-input/time-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,kBAAkB,EAClB,SAAS,EAGV,MAAM,YAAY,CAAA;AAMnB,QAAA,MAAM,SAAS,GAAI,OAAO,kBAAkB,CAAC,SAAS,CAAC,sBA2BtD,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

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

@@ -0,0 +1,22 @@
+"use client";
+import * as React from "react";
+import { useLocale, useTimeField, } from "react-aria";
+import { useTimeFieldState } from "react-stately";
+import { DateSegment } from "../date-segment";
+import { clx } from "../../utils/clx";
+const TimeInput = (props) => {
+    const ref = React.useRef(null);
+    const { locale } = useLocale();
+    const state = useTimeFieldState({
+        ...props,
+        locale,
+    });
+    const { fieldProps } = useTimeField(props, state, ref);
+    return (React.createElement("div", { ref: ref, ...fieldProps, "aria-label": "Time input", className: clx("bg-ui-bg-field shadow-borders-base txt-compact-small flex items-center rounded-md px-2 py-1", {
+            "": props.isDisabled,
+        }) }, state.segments.map((segment, index) => {
+        return React.createElement(DateSegment, { key: index, segment: segment, state: state });
+    })));
+};
+export { TimeInput };
+//# sourceMappingURL=time-input.js.map

package/dist/esm/components/time-input/time-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-input.js","sourceRoot":"","sources":["../../../../src/components/time-input/time-input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAGL,SAAS,EACT,YAAY,GACb,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,SAAS,GAAG,CAAC,KAAoC,EAAE,EAAE;IACzD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE9C,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAC9B,MAAM,KAAK,GAAG,iBAAiB,CAAC;QAC9B,GAAG,KAAK;QACR,MAAM;KACP,CAAC,CAAA;IACF,MAAM,EAAE,UAAU,EAAE,GAAG,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;IAEtD,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,KACJ,UAAU,gBACH,YAAY,EACvB,SAAS,EAAE,GAAG,CACZ,6FAA6F,EAC7F;YACE,EAAE,EAAE,KAAK,CAAC,UAAU;SACrB,CACF,IAEA,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;QACrC,OAAO,oBAAC,WAAW,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAI,CAAA;IACpE,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  AriaTimeFieldProps,\n  TimeValue,\n  useLocale,\n  useTimeField,\n} from \"react-aria\"\nimport { useTimeFieldState } from \"react-stately\"\n\nimport { DateSegment } from \"@/components/date-segment\"\nimport { clx } from \"@/utils/clx\"\n\nconst TimeInput = (props: AriaTimeFieldProps<TimeValue>) => {\n  const ref = React.useRef<HTMLDivElement>(null)\n\n  const { locale } = useLocale()\n  const state = useTimeFieldState({\n    ...props,\n    locale,\n  })\n  const { fieldProps } = useTimeField(props, state, ref)\n\n  return (\n    <div\n      ref={ref}\n      {...fieldProps}\n      aria-label=\"Time input\"\n      className={clx(\n        \"bg-ui-bg-field shadow-borders-base txt-compact-small flex items-center rounded-md px-2 py-1\",\n        {\n          \"\": props.isDisabled,\n        }\n      )}\n    >\n      {state.segments.map((segment, index) => {\n        return <DateSegment key={index} segment={segment} state={state} />\n      })}\n    </div>\n  )\n}\n\nexport { TimeInput }\n"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+import * as React from "react";
+import type { ToastAction, ToastVariant } from "../../types";
+interface ToastComponentProps {
+    id: string | number;
+    variant?: ToastVariant;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    action?: ToastAction;
+    icon?: React.ReactNode;
+    dismissable?: boolean;
+}
+/**
+ * This component is based on the [Sonner](https://sonner.emilkowal.ski/toast) toast library.
+ */
+export declare const Toast: ({ id, variant, title, icon: _icon, description, action, dismissable, }: ToastComponentProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAGxD,UAAU,mBAAmB;IAC3B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,wEA2CnB,mBAAmB,sBAiFrB,CAAA"}

package/dist/esm/components/toast/toast.js

@@ -0,0 +1,91 @@
+import { CheckCircleSolid, ExclamationCircleSolid, InformationCircleSolid, Spinner, XCircleSolid, XMark, } from "@acmekit/icons";
+import * as React from "react";
+import { toast } from "sonner";
+import { IconButton } from "../icon-button";
+import { clx } from "../../utils/clx";
+/**
+ * This component is based on the [Sonner](https://sonner.emilkowal.ski/toast) toast library.
+ */
+export const Toast = ({ 
+/**
+ * Optional ID of the toast.
+ */
+id, 
+/**
+ * @ignore
+ *
+ * @privateRemarks
+ * As the Toast component is created using
+ * the `toast` utility functions, the variant is inferred
+ * from the utility function.
+ */
+variant = "info", 
+/**
+ * @ignore
+ *
+ * @privateRemarks
+ * The `toast` utility functions accept this as a parameter.
+ */
+title, 
+/**
+ * @ignore
+ *
+ * @privateRemarks
+ * The `toast` utility functions accept this as a parameter.
+ */
+icon: _icon, 
+/**
+ * The toast's text.
+ */
+description, 
+/**
+ * The toast's action buttons.
+ */
+action, 
+/**
+ * @ignore
+ *
+ * @privateRemarks
+ * The `toast` utility functions accept this as a parameter.
+ */
+dismissable = true, }) => {
+    let icon = _icon;
+    if (!_icon) {
+        switch (variant) {
+            case "success":
+                icon = React.createElement(CheckCircleSolid, { className: "text-ui-tag-green-icon" });
+                break;
+            case "warning":
+                icon = React.createElement(ExclamationCircleSolid, { className: "text-ui-tag-orange-icon" });
+                break;
+            case "error":
+                icon = React.createElement(XCircleSolid, { className: "text-ui-tag-red-icon" });
+                break;
+            case "loading":
+                icon = React.createElement(Spinner, { className: "text-ui-tag-blue-icon animate-spin" });
+                break;
+            case "info":
+                icon = React.createElement(InformationCircleSolid, { className: "text-ui-fg-base" });
+                break;
+            default:
+                break;
+        }
+    }
+    return (React.createElement("div", { className: "shadow-elevation-flyout bg-ui-bg-component flex w-fit min-w-[360px] max-w-[440px] gap-x-3 overflow-hidden rounded-lg p-3" },
+        React.createElement("div", { className: clx("grid flex-1 items-center gap-x-2", {
+                "grid-cols-[20px_1fr]": !!icon,
+                "grid-cols-1": !icon,
+                "items-start": !!description,
+            }) },
+            !!icon && (React.createElement("span", { className: "flex size-5 items-center justify-center", "aria-hidden": true }, icon)),
+            React.createElement("div", { className: "flex flex-col gap-y-3" },
+                React.createElement("div", { className: "flex flex-col" },
+                    React.createElement("span", { className: "txt-compact-small-plus text-ui-fg-base" }, title),
+                    description && (React.createElement("span", { className: "txt-small text-ui-fg-subtle text-pretty" }, description))),
+                !!action && (React.createElement("button", { type: "button", className: clx("txt-compact-small-plus text-ui-fg-base bg-ui-bg-base flex w-fit items-center rounded-[4px] transition-colors", "focus-visible:shadow-borders-focus", "hover:text-ui-fg-subtle", "disabled:text-ui-fg-disabled", {
+                        "text-ui-fg-error": action.variant === "destructive",
+                    }), onClick: action.onClick }, action.label)))),
+        !!dismissable && (React.createElement(IconButton, { size: "2xsmall", variant: "transparent", type: "button", onClick: () => toast.dismiss(id) },
+            React.createElement(XMark, null)))));
+};
+//# sourceMappingURL=toast.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,OAAO,EACP,YAAY,EACZ,KAAK,GACN,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAYjC;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC;AACpB;;GAEG;AACH,EAAE;AACF;;;;;;;GAOG;AACH,OAAO,GAAG,MAAM;AAChB;;;;;GAKG;AACH,KAAK;AACL;;;;;GAKG;AACH,IAAI,EAAE,KAAK;AACX;;GAEG;AACH,WAAW;AACX;;GAEG;AACH,MAAM;AACN;;;;;GAKG;AACH,WAAW,GAAG,IAAI,GACE,EAAE,EAAE;IACxB,IAAI,IAAI,GAAG,KAAK,CAAA;IAEhB,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,SAAS;gBACZ,IAAI,GAAG,oBAAC,gBAAgB,IAAC,SAAS,EAAC,wBAAwB,GAAG,CAAA;gBAC9D,MAAK;YACP,KAAK,SAAS;gBACZ,IAAI,GAAG,oBAAC,sBAAsB,IAAC,SAAS,EAAC,yBAAyB,GAAG,CAAA;gBACrE,MAAK;YACP,KAAK,OAAO;gBACV,IAAI,GAAG,oBAAC,YAAY,IAAC,SAAS,EAAC,sBAAsB,GAAG,CAAA;gBACxD,MAAK;YACP,KAAK,SAAS;gBACZ,IAAI,GAAG,oBAAC,OAAO,IAAC,SAAS,EAAC,oCAAoC,GAAG,CAAA;gBACjE,MAAK;YACP,KAAK,MAAM;gBACT,IAAI,GAAG,oBAAC,sBAAsB,IAAC,SAAS,EAAC,iBAAiB,GAAG,CAAA;gBAC7D,MAAK;YACP;gBACE,MAAK;QACT,CAAC;IACH,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,0HAA0H;QACvI,6BACE,SAAS,EAAE,GAAG,CAAC,kCAAkC,EAAE;gBACjD,sBAAsB,EAAE,CAAC,CAAC,IAAI;gBAC9B,aAAa,EAAE,CAAC,IAAI;gBACpB,aAAa,EAAE,CAAC,CAAC,WAAW;aAC7B,CAAC;YAED,CAAC,CAAC,IAAI,IAAI,CACT,8BAAM,SAAS,EAAC,yCAAyC,yBACtD,IAAI,CACA,CACR;YACD,6BAAK,SAAS,EAAC,uBAAuB;gBACpC,6BAAK,SAAS,EAAC,eAAe;oBAC5B,8BAAM,SAAS,EAAC,wCAAwC,IACrD,KAAK,CACD;oBACN,WAAW,IAAI,CACd,8BAAM,SAAS,EAAC,yCAAyC,IACtD,WAAW,CACP,CACR,CACG;gBACL,CAAC,CAAC,MAAM,IAAI,CACX,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,CACZ,8GAA8G,EAC9G,oCAAoC,EACpC,yBAAyB,EACzB,8BAA8B,EAC9B;wBACE,kBAAkB,EAAE,MAAM,CAAC,OAAO,KAAK,aAAa;qBACrD,CACF,EACD,OAAO,EAAE,MAAM,CAAC,OAAO,IAEtB,MAAM,CAAC,KAAK,CACN,CACV,CACG,CACF;QACL,CAAC,CAAC,WAAW,IAAI,CAChB,oBAAC,UAAU,IACT,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;YAEhC,oBAAC,KAAK,OAAG,CACE,CACd,CACG,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import {\n  CheckCircleSolid,\n  ExclamationCircleSolid,\n  InformationCircleSolid,\n  Spinner,\n  XCircleSolid,\n  XMark,\n} from \"@acmekit/icons\"\nimport * as React from \"react\"\nimport { toast } from \"sonner\"\n\nimport { IconButton } from \"@/components/icon-button\"\nimport type { ToastAction, ToastVariant } from \"@/types\"\nimport { clx } from \"@/utils/clx\"\n\ninterface ToastComponentProps {\n  id: string | number\n  variant?: ToastVariant\n  title: React.ReactNode\n  description?: React.ReactNode\n  action?: ToastAction\n  icon?: React.ReactNode\n  dismissable?: boolean\n}\n\n/**\n * This component is based on the [Sonner](https://sonner.emilkowal.ski/toast) toast library.\n */\nexport const Toast = ({\n  /**\n   * Optional ID of the toast.\n   */\n  id,\n  /**\n   * @ignore\n   *\n   * @privateRemarks\n   * As the Toast component is created using\n   * the `toast` utility functions, the variant is inferred\n   * from the utility function.\n   */\n  variant = \"info\",\n  /**\n   * @ignore\n   *\n   * @privateRemarks\n   * The `toast` utility functions accept this as a parameter.\n   */\n  title,\n  /**\n   * @ignore\n   *\n   * @privateRemarks\n   * The `toast` utility functions accept this as a parameter.\n   */\n  icon: _icon,\n  /**\n   * The toast's text.\n   */\n  description,\n  /**\n   * The toast's action buttons.\n   */\n  action,\n  /**\n   * @ignore\n   *\n   * @privateRemarks\n   * The `toast` utility functions accept this as a parameter.\n   */\n  dismissable = true,\n}: ToastComponentProps) => {\n  let icon = _icon\n\n  if (!_icon) {\n    switch (variant) {\n      case \"success\":\n        icon = <CheckCircleSolid className=\"text-ui-tag-green-icon\" />\n        break\n      case \"warning\":\n        icon = <ExclamationCircleSolid className=\"text-ui-tag-orange-icon\" />\n        break\n      case \"error\":\n        icon = <XCircleSolid className=\"text-ui-tag-red-icon\" />\n        break\n      case \"loading\":\n        icon = <Spinner className=\"text-ui-tag-blue-icon animate-spin\" />\n        break\n      case \"info\":\n        icon = <InformationCircleSolid className=\"text-ui-fg-base\" />\n        break\n      default:\n        break\n    }\n  }\n\n  return (\n    <div className=\"shadow-elevation-flyout bg-ui-bg-component flex w-fit min-w-[360px] max-w-[440px] gap-x-3 overflow-hidden rounded-lg p-3\">\n      <div\n        className={clx(\"grid flex-1 items-center gap-x-2\", {\n          \"grid-cols-[20px_1fr]\": !!icon,\n          \"grid-cols-1\": !icon,\n          \"items-start\": !!description,\n        })}\n      >\n        {!!icon && (\n          <span className=\"flex size-5 items-center justify-center\" aria-hidden>\n            {icon}\n          </span>\n        )}\n        <div className=\"flex flex-col gap-y-3\">\n          <div className=\"flex flex-col\">\n            <span className=\"txt-compact-small-plus text-ui-fg-base\">\n              {title}\n            </span>\n            {description && (\n              <span className=\"txt-small text-ui-fg-subtle text-pretty\">\n                {description}\n              </span>\n            )}\n          </div>\n          {!!action && (\n            <button\n              type=\"button\"\n              className={clx(\n                \"txt-compact-small-plus text-ui-fg-base bg-ui-bg-base flex w-fit items-center rounded-[4px] transition-colors\",\n                \"focus-visible:shadow-borders-focus\",\n                \"hover:text-ui-fg-subtle\",\n                \"disabled:text-ui-fg-disabled\",\n                {\n                  \"text-ui-fg-error\": action.variant === \"destructive\",\n                }\n              )}\n              onClick={action.onClick}\n            >\n              {action.label}\n            </button>\n          )}\n        </div>\n      </div>\n      {!!dismissable && (\n        <IconButton\n          size=\"2xsmall\"\n          variant=\"transparent\"\n          type=\"button\"\n          onClick={() => toast.dismiss(id)}\n        >\n          <XMark />\n        </IconButton>\n      )}\n    </div>\n  )\n}\n"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { Toaster as Primitive } from "sonner";
+interface ToasterProps extends Omit<React.ComponentPropsWithoutRef<typeof Primitive>, "richColors" | "closeButton" | "icons" | "theme" | "invert" | "loadingIcon" | "cn" | "toastOptions"> {
+}
+/**
+ * This component is based on the [Toaster component of the Sonner library](https://sonner.emilkowal.ski/toaster).
+ */
+declare const Toaster: ({ position, gap, offset, duration, ...props }: ToasterProps) => React.JSX.Element;
+export { Toaster };
+//# sourceMappingURL=toaster.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../../../src/components/toaster/toaster.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAA;AAI7C,UAAU,YACR,SAAQ,IAAI,CACV,KAAK,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,EAC9C,YAAY,GACZ,aAAa,GACb,OAAO,GACP,OAAO,GACP,QAAQ,GACR,aAAa,GACb,IAAI,GACJ,cAAc,CACjB;CAAG;AAEN;;GAEG;AACH,QAAA,MAAM,OAAO,GAAI,+CAqBd,YAAY,sBAad,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/esm/components/toaster/toaster.js

@@ -0,0 +1,41 @@
+"use client";
+import * as React from "react";
+import { Toaster as Primitive } from "sonner";
+import { clx } from "../../utils/clx";
+/**
+ * This component is based on the [Toaster component of the Sonner library](https://sonner.emilkowal.ski/toaster).
+ */
+const Toaster = ({ 
+/**
+ * The position of the created toasts.
+ */
+position = "bottom-right", 
+/**
+ * The gap between the toast components.
+ */
+gap = 12, 
+/**
+ * The space from the edges of the screen.
+ */
+offset = 24, 
+/**
+ * The time in milliseconds that a toast is shown before it's
+ * automatically dismissed.
+ *
+ * @defaultValue 4000
+ */
+duration, ...props }) => {
+    const primitiveProps = {
+        ...props,
+        position,
+        gap,
+        offset,
+        cn: clx,
+        toastOptions: {
+            duration,
+        },
+    };
+    return React.createElement(Primitive, { ...primitiveProps });
+};
+export { Toaster };
+//# sourceMappingURL=toaster.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.js","sourceRoot":"","sources":["../../../../src/components/toaster/toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAA;AAE7C,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAejC;;GAEG;AACH,MAAM,OAAO,GAAG,CAAC;AACf;;GAEG;AACH,QAAQ,GAAG,cAAc;AACzB;;GAEG;AACH,GAAG,GAAG,EAAE;AACR;;GAEG;AACH,MAAM,GAAG,EAAE;AACX;;;;;GAKG;AACH,QAAQ,EACR,GAAG,KAAK,EACK,EAAE,EAAE;IACjB,MAAM,cAAc,GAAG;QACrB,GAAG,KAAK;QACR,QAAQ;QACR,GAAG;QACH,MAAM;QACN,EAAE,EAAE,GAAG;QACP,YAAY,EAAE;YACZ,QAAQ;SACT;KACkD,CAAA;IAErD,OAAO,oBAAC,SAAS,OAAK,cAAc,GAAI,CAAA;AAC1C,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Toaster as Primitive } from \"sonner\"\n\nimport { clx } from \"@/utils/clx\"\n\ninterface ToasterProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<typeof Primitive>,\n    | \"richColors\"\n    | \"closeButton\"\n    | \"icons\"\n    | \"theme\"\n    | \"invert\"\n    | \"loadingIcon\"\n    | \"cn\"\n    | \"toastOptions\"\n  > {}\n\n/**\n * This component is based on the [Toaster component of the Sonner library](https://sonner.emilkowal.ski/toaster).\n */\nconst Toaster = ({\n  /**\n   * The position of the created toasts.\n   */\n  position = \"bottom-right\",\n  /**\n   * The gap between the toast components.\n   */\n  gap = 12,\n  /**\n   * The space from the edges of the screen.\n   */\n  offset = 24,\n  /**\n   * The time in milliseconds that a toast is shown before it's\n   * automatically dismissed.\n   *\n   * @defaultValue 4000\n   */\n  duration,\n  ...props\n}: ToasterProps) => {\n  const primitiveProps = {\n    ...props,\n    position,\n    gap,\n    offset,\n    cn: clx,\n    toastOptions: {\n      duration,\n    },\n  } as React.ComponentPropsWithoutRef<typeof Primitive>\n\n  return <Primitive {...primitiveProps} />\n}\n\nexport { Toaster }\n"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,19 @@
+import { Tooltip as RadixTooltip } from "radix-ui";
+import * as React from "react";
+interface TooltipProps extends Omit<RadixTooltip.TooltipContentProps, "content" | "onClick">, Pick<RadixTooltip.TooltipProps, "open" | "defaultOpen" | "onOpenChange" | "delayDuration"> {
+    content: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    side?: "bottom" | "left" | "top" | "right";
+    maxWidth?: number;
+}
+/**
+ * This component is based on the [Radix UI Tooltip](https://www.radix-ui.com/primitives/docs/components/tooltip) primitive.
+ *
+ * @excludeExternal
+ */
+declare const Tooltip: ({ children, content, open, defaultOpen, onOpenChange, delayDuration, maxWidth, className, side, sideOffset, onClick, ...props }: TooltipProps) => React.JSX.Element;
+interface TooltipProviderProps extends RadixTooltip.TooltipProviderProps {
+}
+declare const TooltipProvider: ({ children, delayDuration, skipDelayDuration, ...props }: TooltipProviderProps) => React.JSX.Element;
+export { Tooltip, TooltipProvider };
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,YACR,SAAQ,IAAI,CAAC,YAAY,CAAC,mBAAmB,EAAE,SAAS,GAAG,SAAS,CAAC,EACnE,IAAI,CACF,YAAY,CAAC,YAAY,EACzB,MAAM,GAAG,aAAa,GAAG,cAAc,GAAG,eAAe,CAC1D;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IACpD,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,CAAA;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;GAIG;AACH,QAAA,MAAM,OAAO,GAAI,iIAyDd,YAAY,sBA6Bd,CAAA;AAED,UAAU,oBAAqB,SAAQ,YAAY,CAAC,oBAAoB;CAAG;AAE3E,QAAA,MAAM,eAAe,GAAI,0DAAsE,oBAAoB,sBAMlH,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/esm/components/tooltip/tooltip.js

@@ -0,0 +1,74 @@
+"use client";
+import { Tooltip as RadixTooltip } from "radix-ui";
+import * as React from "react";
+import { clx } from "../../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(RadixTooltip.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, delayDuration: delayDuration },
+        React.createElement(RadixTooltip.Trigger, { onClick: onClick, asChild: true }, children),
+        React.createElement(RadixTooltip.Portal, null,
+            React.createElement(RadixTooltip.Content, { side: side, sideOffset: sideOffset, align: "center", className: 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))));
+};
+const TooltipProvider = ({ children, delayDuration = 100, skipDelayDuration = 300, ...props }) => {
+    return (React.createElement(RadixTooltip.TooltipProvider, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, ...props }, children));
+};
+export { Tooltip, TooltipProvider };
+//# sourceMappingURL=tooltip.js.map

package/dist/esm/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,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;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,YAAY,CAAC,IAAI,IAChB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa;QAE5B,oBAAC,YAAY,CAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,UAC5C,QAAQ,CACY;QACvB,oBAAC,YAAY,CAAC,MAAM;YAClB,oBAAC,YAAY,CAAC,OAAO,IACnB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,KAAK,EAAC,QAAQ,EACd,SAAS,EAAE,GAAG,CACZ,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;AAID,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,aAAa,GAAG,GAAG,EAAE,iBAAiB,GAAG,GAAG,EAAE,GAAG,KAAK,EAAwB,EAAE,EAAE;IACrH,OAAO,CACL,oBAAC,YAAY,CAAC,eAAe,IAAC,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,KAAM,KAAK,IACxG,QAAQ,CACoB,CAChC,CAAA;AACH,CAAC,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA","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/esm/hooks/use-prompt/index.d.ts

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

package/dist/esm/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/esm/hooks/use-prompt/index.js

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

package/dist/esm/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,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA","sourcesContent":["export { usePrompt } from \"./use-prompt\"\n"]}

package/dist/esm/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/esm/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/esm/hooks/use-prompt/render-prompt.js

@@ -0,0 +1,103 @@
+"use client";
+import * as React from "react";
+import { Input } from "../../components/input";
+import { Label } from "../../components/label";
+import { Prompt } from "../../components/prompt";
+export 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, { open: open, variant: variant },
+        React.createElement(Prompt.Content, null,
+            React.createElement("form", { onSubmit: handleFormSubmit },
+                React.createElement(Prompt.Header, null,
+                    React.createElement(Prompt.Title, null, title),
+                    React.createElement(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, { 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, { autoFocus: true, autoComplete: "off", id: "verificationText", placeholder: verificationText, onChange: handleUserInput }))),
+                React.createElement(Prompt.Footer, null,
+                    React.createElement(Prompt.Cancel, { onClick: onCancel }, cancelText),
+                    React.createElement(Prompt.Action, { disabled: !validInput, type: verificationText ? "submit" : "button", onClick: verificationText ? undefined : onConfirm }, confirmText))))));
+};
+RenderPrompt.displayName = "RenderPrompt";
+//# sourceMappingURL=render-prompt.js.map

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