@hexclave/ui 1.0.3 → 1.0.6

package/dist/components/copy-button.d.ts

@@ -10,7 +10,7 @@ declare const CopyButton: React.FC<{
 } & {
   asChild?: boolean;
 } & React.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority0.VariantProps<(props?: ({
-  variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "plain" | null | undefined;
+  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "plain" | null | undefined;
   size?: "default" | "plain" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string> & {
   content: string;

package/dist/components/simple-tooltip.js

@@ -9,7 +9,7 @@ let _radix_ui_react_tooltip = require("@radix-ui/react-tooltip");
 function SimpleTooltip(props) {
 	const iconClassName = (0, ___index_js.cn)("w-4 h-4 text-muted-foreground", props.inline && "inline");
 	const trigger = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [props.type === "warning" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CircleAlert, { className: iconClassName }) : props.type === "info" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Info, { className: iconClassName }) : null, props.children] });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(___index_js.Tooltip, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___index_js.TooltipProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(___index_js.Tooltip, {
 		open: props.disabled ? false : void 0,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(___index_js.TooltipTrigger, {
 			asChild: true,
@@ -24,7 +24,7 @@ function SimpleTooltip(props) {
 			className: "max-w-60 text-center text-wrap whitespace-pre-wrap",
 			children: props.tooltip
 		}) }) })]
-	});
+	}) });
 }
 
 //#endregion

package/dist/components/simple-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"simple-tooltip.js","names":["CircleAlert","Info","Tooltip","TooltipTrigger","TooltipPortal","TooltipContent"],"sources":["../../src/components/simple-tooltip.tsx"],"sourcesContent":["import { TooltipPortal } from \"@radix-ui/react-tooltip\";\nimport { CircleAlert, Info } from \"lucide-react\";\nimport { Tooltip, TooltipContent, TooltipTrigger, cn } from \"..\";\n\nexport function SimpleTooltip(props: {\n  tooltip: React.ReactNode,\n  children?: React.ReactNode,\n  type?: 'info' | 'warning',\n  inline?: boolean,\n  className?: string,\n  disabled?: boolean,\n}) {\n  const iconClassName = cn(\"w-4 h-4 text-muted-foreground\", props.inline && \"inline\");\n  const icon = props.type === 'warning' ?\n    <CircleAlert className={iconClassName} /> :\n    props.type === 'info' ?\n      <Info className={iconClassName} /> :\n      null;\n\n  const trigger = (\n    <>{icon}{props.children}</>\n  );\n\n  return (\n    <Tooltip open={props.disabled ? false : undefined}>\n      <TooltipTrigger asChild>\n        {props.inline ? (\n          <span className={cn(props.className)}>\n            {trigger}\n          </span>\n        ) : (\n          <div className={cn(\"flex items-center gap-1\", props.className)}>\n            {trigger}\n          </div>\n        )}\n      </TooltipTrigger>\n      {props.tooltip && <TooltipPortal>\n        <TooltipContent>\n          <div className=\"max-w-60 text-center text-wrap whitespace-pre-wrap\">\n            {props.tooltip}\n          </div>\n        </TooltipContent>\n      </TooltipPortal>}\n    </Tooltip>\n  );\n}\n"],"mappings":";;;;;;;;AAIA,SAAgB,cAAc,OAO3B;CACD,MAAM,oCAAmB,iCAAiC,MAAM,UAAU,SAAS;CAOnF,MAAM,UACJ,qFAPW,MAAM,SAAS,YAC1B,2CAACA,4BAAY,WAAW,gBAAiB,GACzC,MAAM,SAAS,SACb,2CAACC,qBAAK,WAAW,gBAAiB,GAClC,MAGO,MAAM,YAAY;AAG7B,QACE,4CAACC;EAAQ,MAAM,MAAM,WAAW,QAAQ;aACtC,2CAACC;GAAe;aACb,MAAM,SACL,2CAAC;IAAK,+BAAc,MAAM,UAAU;cACjC;KACI,GAEP,2CAAC;IAAI,+BAAc,2BAA2B,MAAM,UAAU;cAC3D;KACG;IAEO,EAChB,MAAM,WAAW,2CAACC,mDACjB,2CAACC,wCACC,2CAAC;GAAI,WAAU;aACZ,MAAM;IACH,GACS,GACH;GACR"}
+{"version":3,"file":"simple-tooltip.js","names":["CircleAlert","Info","TooltipProvider","Tooltip","TooltipTrigger","TooltipPortal","TooltipContent"],"sources":["../../src/components/simple-tooltip.tsx"],"sourcesContent":["import { TooltipPortal } from \"@radix-ui/react-tooltip\";\nimport { CircleAlert, Info } from \"lucide-react\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn } from \"..\";\n\nexport function SimpleTooltip(props: {\n  tooltip: React.ReactNode,\n  children?: React.ReactNode,\n  type?: 'info' | 'warning',\n  inline?: boolean,\n  className?: string,\n  disabled?: boolean,\n}) {\n  const iconClassName = cn(\"w-4 h-4 text-muted-foreground\", props.inline && \"inline\");\n  const icon = props.type === 'warning' ?\n    <CircleAlert className={iconClassName} /> :\n    props.type === 'info' ?\n      <Info className={iconClassName} /> :\n      null;\n\n  const trigger = (\n    <>{icon}{props.children}</>\n  );\n\n  return (\n    <TooltipProvider>\n      <Tooltip open={props.disabled ? false : undefined}>\n        <TooltipTrigger asChild>\n          {props.inline ? (\n            <span className={cn(props.className)}>\n              {trigger}\n            </span>\n          ) : (\n            <div className={cn(\"flex items-center gap-1\", props.className)}>\n              {trigger}\n            </div>\n          )}\n        </TooltipTrigger>\n        {props.tooltip && <TooltipPortal>\n          <TooltipContent>\n            <div className=\"max-w-60 text-center text-wrap whitespace-pre-wrap\">\n              {props.tooltip}\n            </div>\n          </TooltipContent>\n        </TooltipPortal>}\n      </Tooltip>\n    </TooltipProvider>\n  );\n}\n"],"mappings":";;;;;;;;AAIA,SAAgB,cAAc,OAO3B;CACD,MAAM,oCAAmB,iCAAiC,MAAM,UAAU,SAAS;CAOnF,MAAM,UACJ,qFAPW,MAAM,SAAS,YAC1B,2CAACA,4BAAY,WAAW,gBAAiB,GACzC,MAAM,SAAS,SACb,2CAACC,qBAAK,WAAW,gBAAiB,GAClC,MAGO,MAAM,YAAY;AAG7B,QACE,2CAACC,yCACC,4CAACC;EAAQ,MAAM,MAAM,WAAW,QAAQ;aACtC,2CAACC;GAAe;aACb,MAAM,SACL,2CAAC;IAAK,+BAAc,MAAM,UAAU;cACjC;KACI,GAEP,2CAAC;IAAI,+BAAc,2BAA2B,MAAM,UAAU;cAC3D;KACG;IAEO,EAChB,MAAM,WAAW,2CAACC,mDACjB,2CAACC,wCACC,2CAAC;GAAI,WAAU;aACZ,MAAM;IACH,GACS,GACH;GACR,GACM"}

package/dist/components/ui/button.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from "class-variance-authority";
 
 //#region src/components/ui/button.d.ts
 declare const buttonVariants: (props?: ({
-  variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "plain" | null | undefined;
+  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "plain" | null | undefined;
   size?: "default" | "plain" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 type OriginalButtonProps = {
@@ -22,7 +22,7 @@ declare const Button: React.FC<{
 } & {
   asChild?: boolean;
 } & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
-  variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "plain" | null | undefined;
+  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "plain" | null | undefined;
   size?: "default" | "plain" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string> & {
   ref?: React.Ref<HTMLButtonElement> | undefined;

package/dist/components/ui/form.d.ts

@@ -6,7 +6,7 @@ import * as _radix_ui_react_slot0 from "@radix-ui/react-slot";
 import * as LabelPrimitive from "@radix-ui/react-label";
 
 //#region src/components/ui/form.d.ts
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
   ...props
 }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime0.JSX.Element;

package/dist/components/ui/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","names":[],"sources":["../../../src/components/ui/form.tsx"],"mappings":";;;;;;;;cAmBM,IAAA,wBAAI,WAAA,6CAAA,WAAA,0BAAA,KAAA,EAAA,gBAAA,CAAA,iBAAA,CAAA,YAAA,EAAA,QAAA,EAAA,kBAAA,MAAA,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAWJ,SAAA,wBACiB,WAAA,GAAc,WAAA,gBACrB,SAAA,CAAU,YAAA,IAAgB,SAAA,CAAU,YAAA;EAAA,GAClD;AAAA,GAEG,eAAA,CAAgB,YAAA,EAAc,KAAA,MAAM,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAQnC,YAAA;;;;;UAsBL,gBAAA,CAAA,UAAA;;;;;;;cAUK,QAAA,EAAQ,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,cAAA,CAAA,cAAA;;;cAcR,SAAA,EAAS,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,cAAA,CAAA,UAAA,GAAA,KAAA,CAAA,aAAA,CAAA,gBAAA;;;cAgBT,WAAA,EAAW,KAAA,CAAA,EAAA,CAAA,IAAA,CAmBf,qBAAA,CAnBe,SAAA,GAAA,KAAA,CAAA,aAAA,CAAA,WAAA;;;cAsBX,eAAA,EAAe,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,cAAA,CAAA,oBAAA;;;cAiBf,WAAA,EAAW,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,cAAA,CAAA,oBAAA"}
+{"version":3,"file":"form.d.ts","names":[],"sources":["../../../src/components/ui/form.tsx"],"mappings":";;;;;;;;cAmBM,IAAA,wBAAI,WAAA,uCAAA,YAAA,EAAA,KAAA,EAAA,gBAAA,CAAA,iBAAA,CAAA,YAAA,EAAA,QAAA,EAAA,kBAAA,MAAA,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAWJ,SAAA,wBACiB,WAAA,GAAc,WAAA,gBACrB,SAAA,CAAU,YAAA,IAAgB,SAAA,CAAU,YAAA;EAAA,GAClD;AAAA,GAEG,eAAA,CAAgB,YAAA,EAAc,KAAA,MAAM,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAQnC,YAAA;;;;;UAsBL,gBAAA,CAAA,UAAA;;;;;;;cAUK,QAAA,EAAQ,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,cAAA,CAAA,cAAA;;;cAcR,SAAA,EAAS,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,cAAA,CAAA,UAAA,GAAA,KAAA,CAAA,aAAA,CAAA,gBAAA;;;cAgBT,WAAA,EAAW,KAAA,CAAA,EAAA,CAAA,IAAA,CAmBf,qBAAA,CAnBe,SAAA,GAAA,KAAA,CAAA,aAAA,CAAA,WAAA;;;cAsBX,eAAA,EAAe,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,cAAA,CAAA,oBAAA;;;cAiBf,WAAA,EAAW,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,cAAA,CAAA,oBAAA"}

package/dist/components/ui/resizable.d.ts

@@ -7,7 +7,7 @@ declare const ResizablePanelGroup: ({
   className,
   ...props
 }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => react_jsx_runtime0.JSX.Element;
-declare const ResizablePanel: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLLIElement | HTMLElement | HTMLDivElement | HTMLButtonElement | HTMLParagraphElement | HTMLHeadingElement | HTMLTextAreaElement | HTMLSpanElement | HTMLImageElement | HTMLOListElement | HTMLAnchorElement | HTMLObjectElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
+declare const ResizablePanel: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLDivElement | HTMLSpanElement | HTMLImageElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLParagraphElement | HTMLHeadingElement | HTMLInputElement | HTMLLabelElement | HTMLUListElement | HTMLObjectElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement>, "id" | "onResize"> & {
   className?: string | undefined;
   collapsedSize?: number | undefined;
   collapsible?: boolean | undefined;

package/dist/components/ui/resizable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resizable.d.ts","names":[],"sources":["../../../src/components/ui/resizable.tsx"],"mappings":";;;;;cAOM,mBAAA;EAAuB,SAAA;EAAA,GAAA;AAAA,GAG1B,KAAA,CAAM,cAAA,QAAsB,kBAAA,CAAmB,UAAA,MAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAUvD,cAAA,QAAc,yBAAA,CAAA,IAAA,CAAA,KAAA,CAAA,cAAA,CAAA,aAAA,GAAA,WAAA,GAAA,cAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,iBAAA,GAAA,uBAAA,GAAA,mBAAA,GAAA,eAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,iBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,aAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,cAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,gBAAA,GAAA,uBAAA,GAAA,oBAAA,GAAA,mBAAA,GAAA,eAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,gBAAA;;;;;;;;;;;;;;;;;cAEd,eAAA;EAAmB,UAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAItB,KAAA,CAAM,cAAA,QAAsB,kBAAA,CAAmB,iBAAA;EAChD,UAAA;AAAA,MACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"resizable.d.ts","names":[],"sources":["../../../src/components/ui/resizable.tsx"],"mappings":";;;;;cAOM,mBAAA;EAAuB,SAAA;EAAA,GAAA;AAAA,GAG1B,KAAA,CAAM,cAAA,QAAsB,kBAAA,CAAmB,UAAA,MAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAUvD,cAAA,QAAc,yBAAA,CAAA,IAAA,CAAA,KAAA,CAAA,cAAA,CAAA,iBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,iBAAA,GAAA,uBAAA,GAAA,mBAAA,GAAA,eAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,iBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,aAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,cAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,gBAAA,GAAA,uBAAA,GAAA,oBAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,eAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA;;;;;;;;;;;;;;;;;cAEd,eAAA;EAAmB,UAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAItB,KAAA,CAAM,cAAA,QAAsB,kBAAA,CAAmB,iBAAA;EAChD,UAAA;AAAA,MACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/ui/typography.d.ts

@@ -5,7 +5,7 @@ import { VariantProps } from "class-variance-authority";
 //#region src/components/ui/typography.d.ts
 declare const Typography: React.FC<React.HTMLAttributes<HTMLHeadingElement> & VariantProps<(props?: ({
   type?: "div" | "h2" | "h3" | "label" | "p" | "h1" | "h4" | "footnote" | null | undefined;
-  variant?: "destructive" | "success" | "secondary" | "primary" | null | undefined;
+  variant?: "destructive" | "secondary" | "success" | "primary" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string> & {
   ref?: React.Ref<HTMLHeadingElement> | undefined;
 }>;

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

@@ -10,7 +10,7 @@ declare const CopyButton: React.FC<{
 } & {
   asChild?: boolean;
 } & React.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority0.VariantProps<(props?: ({
-  variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "plain" | null | undefined;
+  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "plain" | null | undefined;
   size?: "default" | "plain" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string> & {
   content: string;

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

@@ -1,5 +1,5 @@
 import { CircleAlert, Info } from "lucide-react";
-import { Tooltip, TooltipContent, TooltipTrigger, cn } from "../index.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn } from "../index.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { TooltipPortal } from "@radix-ui/react-tooltip";
 
@@ -7,7 +7,7 @@ import { TooltipPortal } from "@radix-ui/react-tooltip";
 function SimpleTooltip(props) {
 	const iconClassName = cn("w-4 h-4 text-muted-foreground", props.inline && "inline");
 	const trigger = /* @__PURE__ */ jsxs(Fragment, { children: [props.type === "warning" ? /* @__PURE__ */ jsx(CircleAlert, { className: iconClassName }) : props.type === "info" ? /* @__PURE__ */ jsx(Info, { className: iconClassName }) : null, props.children] });
-	return /* @__PURE__ */ jsxs(Tooltip, {
+	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, {
 		open: props.disabled ? false : void 0,
 		children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 			asChild: true,
@@ -22,7 +22,7 @@ function SimpleTooltip(props) {
 			className: "max-w-60 text-center text-wrap whitespace-pre-wrap",
 			children: props.tooltip
 		}) }) })]
-	});
+	}) });
 }
 
 //#endregion

package/dist/esm/components/simple-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"simple-tooltip.js","names":[],"sources":["../../../src/components/simple-tooltip.tsx"],"sourcesContent":["import { TooltipPortal } from \"@radix-ui/react-tooltip\";\nimport { CircleAlert, Info } from \"lucide-react\";\nimport { Tooltip, TooltipContent, TooltipTrigger, cn } from \"..\";\n\nexport function SimpleTooltip(props: {\n  tooltip: React.ReactNode,\n  children?: React.ReactNode,\n  type?: 'info' | 'warning',\n  inline?: boolean,\n  className?: string,\n  disabled?: boolean,\n}) {\n  const iconClassName = cn(\"w-4 h-4 text-muted-foreground\", props.inline && \"inline\");\n  const icon = props.type === 'warning' ?\n    <CircleAlert className={iconClassName} /> :\n    props.type === 'info' ?\n      <Info className={iconClassName} /> :\n      null;\n\n  const trigger = (\n    <>{icon}{props.children}</>\n  );\n\n  return (\n    <Tooltip open={props.disabled ? false : undefined}>\n      <TooltipTrigger asChild>\n        {props.inline ? (\n          <span className={cn(props.className)}>\n            {trigger}\n          </span>\n        ) : (\n          <div className={cn(\"flex items-center gap-1\", props.className)}>\n            {trigger}\n          </div>\n        )}\n      </TooltipTrigger>\n      {props.tooltip && <TooltipPortal>\n        <TooltipContent>\n          <div className=\"max-w-60 text-center text-wrap whitespace-pre-wrap\">\n            {props.tooltip}\n          </div>\n        </TooltipContent>\n      </TooltipPortal>}\n    </Tooltip>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,cAAc,OAO3B;CACD,MAAM,gBAAgB,GAAG,iCAAiC,MAAM,UAAU,SAAS;CAOnF,MAAM,UACJ,4CAPW,MAAM,SAAS,YAC1B,oBAAC,eAAY,WAAW,gBAAiB,GACzC,MAAM,SAAS,SACb,oBAAC,QAAK,WAAW,gBAAiB,GAClC,MAGO,MAAM,YAAY;AAG7B,QACE,qBAAC;EAAQ,MAAM,MAAM,WAAW,QAAQ;aACtC,oBAAC;GAAe;aACb,MAAM,SACL,oBAAC;IAAK,WAAW,GAAG,MAAM,UAAU;cACjC;KACI,GAEP,oBAAC;IAAI,WAAW,GAAG,2BAA2B,MAAM,UAAU;cAC3D;KACG;IAEO,EAChB,MAAM,WAAW,oBAAC,2BACjB,oBAAC,4BACC,oBAAC;GAAI,WAAU;aACZ,MAAM;IACH,GACS,GACH;GACR"}
+{"version":3,"file":"simple-tooltip.js","names":[],"sources":["../../../src/components/simple-tooltip.tsx"],"sourcesContent":["import { TooltipPortal } from \"@radix-ui/react-tooltip\";\nimport { CircleAlert, Info } from \"lucide-react\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn } from \"..\";\n\nexport function SimpleTooltip(props: {\n  tooltip: React.ReactNode,\n  children?: React.ReactNode,\n  type?: 'info' | 'warning',\n  inline?: boolean,\n  className?: string,\n  disabled?: boolean,\n}) {\n  const iconClassName = cn(\"w-4 h-4 text-muted-foreground\", props.inline && \"inline\");\n  const icon = props.type === 'warning' ?\n    <CircleAlert className={iconClassName} /> :\n    props.type === 'info' ?\n      <Info className={iconClassName} /> :\n      null;\n\n  const trigger = (\n    <>{icon}{props.children}</>\n  );\n\n  return (\n    <TooltipProvider>\n      <Tooltip open={props.disabled ? false : undefined}>\n        <TooltipTrigger asChild>\n          {props.inline ? (\n            <span className={cn(props.className)}>\n              {trigger}\n            </span>\n          ) : (\n            <div className={cn(\"flex items-center gap-1\", props.className)}>\n              {trigger}\n            </div>\n          )}\n        </TooltipTrigger>\n        {props.tooltip && <TooltipPortal>\n          <TooltipContent>\n            <div className=\"max-w-60 text-center text-wrap whitespace-pre-wrap\">\n              {props.tooltip}\n            </div>\n          </TooltipContent>\n        </TooltipPortal>}\n      </Tooltip>\n    </TooltipProvider>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,cAAc,OAO3B;CACD,MAAM,gBAAgB,GAAG,iCAAiC,MAAM,UAAU,SAAS;CAOnF,MAAM,UACJ,4CAPW,MAAM,SAAS,YAC1B,oBAAC,eAAY,WAAW,gBAAiB,GACzC,MAAM,SAAS,SACb,oBAAC,QAAK,WAAW,gBAAiB,GAClC,MAGO,MAAM,YAAY;AAG7B,QACE,oBAAC,6BACC,qBAAC;EAAQ,MAAM,MAAM,WAAW,QAAQ;aACtC,oBAAC;GAAe;aACb,MAAM,SACL,oBAAC;IAAK,WAAW,GAAG,MAAM,UAAU;cACjC;KACI,GAEP,oBAAC;IAAI,WAAW,GAAG,2BAA2B,MAAM,UAAU;cAC3D;KACG;IAEO,EAChB,MAAM,WAAW,oBAAC,2BACjB,oBAAC,4BACC,oBAAC;GAAI,WAAU;aACZ,MAAM;IACH,GACS,GACH;GACR,GACM"}

package/dist/esm/components/ui/button.d.ts

@@ -4,7 +4,7 @@ import * as class_variance_authority_types0 from "class-variance-authority/types
 
 //#region src/components/ui/button.d.ts
 declare const buttonVariants: (props?: ({
-  variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "plain" | null | undefined;
+  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "plain" | null | undefined;
   size?: "default" | "plain" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 type OriginalButtonProps = {
@@ -22,7 +22,7 @@ declare const Button: React.FC<{
 } & {
   asChild?: boolean;
 } & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
-  variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "plain" | null | undefined;
+  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "plain" | null | undefined;
   size?: "default" | "plain" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string> & {
   ref?: React.Ref<HTMLButtonElement> | undefined;

package/dist/esm/components/ui/form.d.ts

@@ -6,7 +6,7 @@ import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
 import * as LabelPrimitive from "@radix-ui/react-label";
 
 //#region src/components/ui/form.d.ts
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
   ...props
 }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime0.JSX.Element;

package/dist/esm/components/ui/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","names":[],"sources":["../../../../src/components/ui/form.tsx"],"mappings":";;;;;;;;cAmBM,IAAA,wBAAI,WAAA,6CAAA,WAAA,0BAAA,KAAA,EAAA,gBAAA,CAAA,iBAAA,CAAA,YAAA,EAAA,QAAA,EAAA,kBAAA,MAAA,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAWJ,SAAA,wBACiB,WAAA,GAAc,WAAA,gBACrB,SAAA,CAAU,YAAA,IAAgB,SAAA,CAAU,YAAA;EAAA,GAClD;AAAA,GAEG,eAAA,CAAgB,YAAA,EAAc,KAAA,MAAM,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAQnC,YAAA;;;;;UAsBL,gBAAA,CAAA,UAAA;;;;;;;cAUK,QAAA,EAAQ,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,cAAA,CAAA,cAAA;;;cAcR,SAAA,EAAS,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,cAAA,CAAA,UAAA,GAAA,KAAA,CAAA,aAAA,CAAA,gBAAA;;;cAgBT,WAAA,EAAW,KAAA,CAAA,EAAA,CAAA,IAAA,CAmBf,qBAAA,CAnBe,SAAA,GAAA,KAAA,CAAA,aAAA,CAAA,WAAA;;;cAsBX,eAAA,EAAe,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,cAAA,CAAA,oBAAA;;;cAiBf,WAAA,EAAW,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,cAAA,CAAA,oBAAA"}
+{"version":3,"file":"form.d.ts","names":[],"sources":["../../../../src/components/ui/form.tsx"],"mappings":";;;;;;;;cAmBM,IAAA,wBAAI,WAAA,uCAAA,YAAA,EAAA,KAAA,EAAA,gBAAA,CAAA,iBAAA,CAAA,YAAA,EAAA,QAAA,EAAA,kBAAA,MAAA,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAWJ,SAAA,wBACiB,WAAA,GAAc,WAAA,gBACrB,SAAA,CAAU,YAAA,IAAgB,SAAA,CAAU,YAAA;EAAA,GAClD;AAAA,GAEG,eAAA,CAAgB,YAAA,EAAc,KAAA,MAAM,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAQnC,YAAA;;;;;UAsBL,gBAAA,CAAA,UAAA;;;;;;;cAUK,QAAA,EAAQ,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,cAAA,CAAA,cAAA;;;cAcR,SAAA,EAAS,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,cAAA,CAAA,UAAA,GAAA,KAAA,CAAA,aAAA,CAAA,gBAAA;;;cAgBT,WAAA,EAAW,KAAA,CAAA,EAAA,CAAA,IAAA,CAmBf,qBAAA,CAnBe,SAAA,GAAA,KAAA,CAAA,aAAA,CAAA,WAAA;;;cAsBX,eAAA,EAAe,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,cAAA,CAAA,oBAAA;;;cAiBf,WAAA,EAAW,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,cAAA,CAAA,oBAAA"}

package/dist/esm/components/ui/resizable.d.ts

@@ -7,7 +7,7 @@ declare const ResizablePanelGroup: ({
   className,
   ...props
 }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => react_jsx_runtime0.JSX.Element;
-declare const ResizablePanel: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLLIElement | HTMLElement | HTMLDivElement | HTMLButtonElement | HTMLParagraphElement | HTMLHeadingElement | HTMLTextAreaElement | HTMLSpanElement | HTMLImageElement | HTMLOListElement | HTMLAnchorElement | HTMLObjectElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
+declare const ResizablePanel: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLDivElement | HTMLSpanElement | HTMLImageElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLParagraphElement | HTMLHeadingElement | HTMLInputElement | HTMLLabelElement | HTMLUListElement | HTMLObjectElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement>, "id" | "onResize"> & {
   className?: string | undefined;
   collapsedSize?: number | undefined;
   collapsible?: boolean | undefined;

package/dist/esm/components/ui/resizable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resizable.d.ts","names":[],"sources":["../../../../src/components/ui/resizable.tsx"],"mappings":";;;;;cAOM,mBAAA;EAAuB,SAAA;EAAA,GAAA;AAAA,GAG1B,KAAA,CAAM,cAAA,QAAsB,kBAAA,CAAmB,UAAA,MAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAUvD,cAAA,QAAc,yBAAA,CAAA,IAAA,CAAA,KAAA,CAAA,cAAA,CAAA,aAAA,GAAA,WAAA,GAAA,cAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,iBAAA,GAAA,uBAAA,GAAA,mBAAA,GAAA,eAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,iBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,aAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,cAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,gBAAA,GAAA,uBAAA,GAAA,oBAAA,GAAA,mBAAA,GAAA,eAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,gBAAA;;;;;;;;;;;;;;;;;cAEd,eAAA;EAAmB,UAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAItB,KAAA,CAAM,cAAA,QAAsB,kBAAA,CAAmB,iBAAA;EAChD,UAAA;AAAA,MACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"resizable.d.ts","names":[],"sources":["../../../../src/components/ui/resizable.tsx"],"mappings":";;;;;cAOM,mBAAA;EAAuB,SAAA;EAAA,GAAA;AAAA,GAG1B,KAAA,CAAM,cAAA,QAAsB,kBAAA,CAAmB,UAAA,MAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAUvD,cAAA,QAAc,yBAAA,CAAA,IAAA,CAAA,KAAA,CAAA,cAAA,CAAA,iBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,iBAAA,GAAA,uBAAA,GAAA,mBAAA,GAAA,eAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,iBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,aAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,cAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,gBAAA,GAAA,uBAAA,GAAA,oBAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,eAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA;;;;;;;;;;;;;;;;;cAEd,eAAA;EAAmB,UAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAItB,KAAA,CAAM,cAAA,QAAsB,kBAAA,CAAmB,iBAAA;EAChD,UAAA;AAAA,MACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/esm/components/ui/typography.d.ts

@@ -5,7 +5,7 @@ import * as class_variance_authority_types0 from "class-variance-authority/types
 //#region src/components/ui/typography.d.ts
 declare const Typography: React.FC<React.HTMLAttributes<HTMLHeadingElement> & VariantProps<(props?: ({
   type?: "div" | "h2" | "h3" | "label" | "p" | "h1" | "h4" | "footnote" | null | undefined;
-  variant?: "destructive" | "success" | "secondary" | "primary" | null | undefined;
+  variant?: "destructive" | "secondary" | "success" | "primary" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string> & {
   ref?: React.Ref<HTMLHeadingElement> | undefined;
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexclave/ui",
-  "version": "1.0.3",
+  "version": "1.0.6",
   "repository": "https://github.com/hexclave/hexclave",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -8,6 +8,7 @@
   "files": [
     "README.md",
     "dist",
+    "src",
     "CHANGELOG.md",
     "LICENSE"
   ],
@@ -82,7 +83,7 @@
     "react-hook-form": "^7.53.1",
     "react-resizable-panels": "^2.1.6",
     "tailwind-merge": "^2.5.4",
-    "@hexclave/shared": "1.0.3"
+    "@hexclave/shared": "1.0.6"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",

package/src/components/action-dialog.tsx

@@ -0,0 +1,135 @@
+'use client';
+
+import { CircleAlert, Info, LucideIcon } from "lucide-react";
+import React, { Suspense, useId } from "react";
+import { Alert, Button, type ButtonProps, Checkbox, Dialog, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Label, Skeleton } from '..';
+
+export type ActionDialogProps = {
+  trigger?: React.ReactNode,
+  open?: boolean,
+  onClose?: () => void,
+  onOpenChange?: (open: boolean) => void,
+  titleIcon?: LucideIcon,
+  title: boolean | React.ReactNode,
+  description?: React.ReactNode,
+  danger?: boolean,
+  okButton?: boolean | Readonly<{
+    label?: string,
+    onClick?: () => Promise<"prevent-close" | undefined | void>,
+    props?: Partial<ButtonProps>,
+  }>,
+  cancelButton?: boolean | Readonly<{
+    label?: string,
+    onClick?: () => Promise<"prevent-close" | undefined | void>,
+    props?: Partial<ButtonProps>,
+  }>,
+  confirmText?: string,
+  children?: React.ReactNode,
+  preventClose?: boolean,
+};
+
+export function ActionDialog(props: ActionDialogProps) {
+  const okButton = props.okButton === true ? {} : props.okButton;
+  const cancelButton = props.cancelButton === true ? {} : props.cancelButton;
+  const anyButton = !!(okButton || cancelButton);
+  const title = props.title === true ? (props.cancelButton ? "Confirmation" : "Alert") : props.title;
+  const TitleIcon = props.titleIcon || (props.danger ? CircleAlert : Info);
+  const [openState, setOpenState] = React.useState(!!props.open);
+  const open = props.open ?? openState;
+  const [confirmed, setConfirmed] = React.useState(false);
+  const confirmId = useId();
+  const [invalidationCount, setInvalidationCount] = React.useState(0);
+
+  const onOpenChange = (open: boolean) => {
+    if (!open) {
+      props.onClose?.();
+      setConfirmed(false);
+    } else {
+      setInvalidationCount(invalidationCount + 1);
+    }
+    setOpenState(open);
+    props.onOpenChange?.(open);
+  };
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange} key={invalidationCount}>
+      {props.trigger && <DialogTrigger asChild>
+        {props.trigger}
+      </DialogTrigger>}
+
+      <DialogContent
+        onInteractOutside={props.preventClose ? (e) => e.preventDefault() : undefined}
+        className={props.preventClose ? "[&>button]:hidden" : ""}
+      >
+        <DialogHeader>
+          <DialogTitle className="flex items-center">
+            <TitleIcon className="h-4 w-4 mr-2"/>
+            {title}
+          </DialogTitle>
+          <DialogDescription>
+            {props.description}
+          </DialogDescription>
+        </DialogHeader>
+
+        <DialogBody className="pb-2">
+          <div>
+            <Suspense fallback={
+              <>
+                <Skeleton className='h-9 w-2/3 self-center' />
+
+                <Skeleton className='h-3 w-16 mt-8' />
+                <Skeleton className='h-9 w-full mt-1' />
+
+                <Skeleton className='h-3 w-24 mt-2' />
+                <Skeleton className='h-9 w-full mt-1' />
+
+                <Skeleton className='h-9 w-full mt-6' />
+              </>
+            }>
+              {props.children}
+            </Suspense>
+          </div>
+
+          {props.confirmText && <Alert>
+            <Label className="flex gap-4 items-center">
+              <Checkbox id={confirmId} checked={confirmed} onCheckedChange={(v) => setConfirmed(!!v)}/>
+              {props.confirmText}
+            </Label>
+          </Alert>}
+        </DialogBody>
+
+
+        {anyButton && <DialogFooter className="gap-2">
+          {cancelButton && (
+            <Button
+              variant="secondary"
+              color="neutral"
+              onClick={async () => {
+                if (await cancelButton.onClick?.() !== "prevent-close") {
+                  onOpenChange(false);
+                }
+              }}
+              {...cancelButton.props}
+            >
+              {cancelButton.label ?? "Cancel"}
+            </Button>
+          )}
+          {okButton && (
+            <Button
+              disabled={!!props.confirmText && !confirmed}
+              variant={props.danger ? "destructive" : "default"}
+              onClick={async () => {
+                if (await okButton.onClick?.() !== "prevent-close") {
+                  onOpenChange(false);
+                }
+              }}
+              {...okButton.props}
+            >
+              {okButton.label ?? "OK"}
+            </Button>
+          )}
+        </DialogFooter>}
+      </DialogContent>
+    </Dialog>
+  );
+}