@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.11

package/dist/components/shad-cn-ui/SolidButton.tsx

@@ -1,7 +1,9 @@
 import React from "react";
+import { Loader2 } from "lucide-react";
+import { SolidIcon, parseSolidIconMeta } from "./SolidIcon";
 
 type SolidButtonVariant = "primary" | "secondary" | "ghost" | "outline" | "destructive";
-type SolidButtonSize = "sm" | "md" | "lg";
+type SolidButtonSize = "sm" | "md" | "lg" | "small" | "medium" | "large";
 
 type SolidButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
   variant?: SolidButtonVariant;
@@ -10,6 +12,15 @@ type SolidButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
   loading?: boolean;
   leftIcon?: React.ReactNode;
   rightIcon?: React.ReactNode;
+  // Compatibility props
+  icon?: string;
+  iconPos?: "left" | "right";
+  label?: string;
+  text?: boolean;
+  outlined?: boolean;
+  severity?: "primary" | "secondary" | "danger" | "success" | "info" | "warning";
+  rounded?: boolean;
+  tooltip?: string;
 };
 
 function cx(...parts: Array<string | false | undefined>) {
@@ -17,7 +28,7 @@ function cx(...parts: Array<string | false | undefined>) {
 }
 
 export function SolidButton({
-  variant = "primary",
+  variant,
   size = "md",
   fullWidth,
   loading,
@@ -27,28 +38,63 @@ export function SolidButton({
   disabled,
   children,
   type = "button",
+  icon,
+  iconPos = "left",
+  label,
+  text,
+  outlined,
+  severity,
+  rounded,
+  tooltip,
   ...props
 }: SolidButtonProps) {
   const isDisabled = disabled || loading;
+  const resolvedVariant: SolidButtonVariant =
+    variant
+      ?? (outlined
+        ? "outline"
+        : severity === "danger"
+          ? "destructive"
+          : severity === "secondary"
+            ? "secondary"
+            : text
+              ? "ghost"
+              : "primary");
+  const resolvedSize: "sm" | "md" | "lg" =
+    size === "small" ? "sm" : size === "large" ? "lg" : size === "medium" ? "md" : size === "lg" ? "lg" : size === "sm" ? "sm" : "md";
+  const iconMeta = icon ? parseSolidIconMeta(icon) : undefined;
+  const iconNode = iconMeta ? <SolidIcon name={iconMeta.name} spin={iconMeta.spin} aria-hidden /> : null;
+  const resolvedChildren = label ?? children;
+  const hasOnlyIcon = !loading && !resolvedChildren && !label && (leftIcon || rightIcon || iconNode);
 
   return (
     <button
       type={type}
       className={cx(
         "solid-btn",
-        `solid-btn--${variant}`,
-        `solid-btn--${size}`,
+        `solid-btn--${resolvedVariant}`,
+        `solid-btn--${resolvedSize}`,
         fullWidth && "solid-btn--full",
         loading && "is-loading",
+        rounded && "solid-btn-rounded",
         className
       )}
       disabled={isDisabled}
+      title={tooltip}
       {...props}
     >
-      {loading && <span className="solid-btn-spinner" aria-hidden="true" />}
-      {!loading && leftIcon ? <span className="solid-btn-icon">{leftIcon}</span> : null}
-      <span className="solid-btn-label">{children}</span>
-      {!loading && rightIcon ? <span className="solid-btn-icon">{rightIcon}</span> : null}
+      {loading && (
+        <span className="solid-btn-spinner" aria-hidden="true">
+          <Loader2 size={14} className="animate-spin" />
+        </span>
+      )}
+      {!loading && (leftIcon || (iconNode && iconPos === "left")) ? (
+        <span className="solid-btn-icon">{leftIcon ?? iconNode}</span>
+      ) : null}
+      {!hasOnlyIcon && <span className="solid-btn-label">{resolvedChildren}</span>}
+      {!loading && (rightIcon || (iconNode && iconPos === "right")) ? (
+        <span className="solid-btn-icon">{rightIcon ?? iconNode}</span>
+      ) : null}
     </button>
   );
 }

package/dist/components/shad-cn-ui/SolidCheckbox.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type SolidCheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    label?: React.ReactNode;
+};
+export declare function SolidCheckbox({ label, className, ...props }: SolidCheckboxProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidCheckbox.d.ts.map

package/dist/components/shad-cn-ui/SolidCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,kBAAkB,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACtE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAMF,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAQ/E"}

package/dist/components/shad-cn-ui/SolidCheckbox.js

@@ -0,0 +1,35 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function cx() {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+}
+export function SolidCheckbox(_a) {
+    var label = _a.label, className = _a.className, props = __rest(_a, ["label", "className"]);
+    return (_jsxs("label", { className: cx("solid-checkbox", className), children: [_jsx("input", __assign({ type: "checkbox", className: "solid-checkbox-input" }, props)), _jsx("span", { className: "solid-checkbox-box" }), label && _jsx("span", { className: "solid-checkbox-label", children: label })] }));
+}
+//# sourceMappingURL=SolidCheckbox.js.map

package/dist/components/shad-cn-ui/SolidCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidCheckbox.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidCheckbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMA,SAAS,EAAE;IAAC,eAA2C;SAA3C,UAA2C,EAA3C,qBAA2C,EAA3C,IAA2C;QAA3C,0BAA2C;;IACrD,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAkD;IAAhD,IAAA,KAAK,WAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA5B,sBAA8B,CAAF;IACxD,OAAO,CACL,iBAAO,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,aAC/C,yBAAO,IAAI,EAAC,UAAU,EAAC,SAAS,EAAC,sBAAsB,IAAK,KAAK,EAAI,EACrE,eAAM,SAAS,EAAC,oBAAoB,GAAG,EACtC,KAAK,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,KAAK,GAAQ,IACzD,CACT,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\ntype SolidCheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  label?: React.ReactNode;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidCheckbox({ label, className, ...props }: SolidCheckboxProps) {\n  return (\n    <label className={cx(\"solid-checkbox\", className)}>\n      <input type=\"checkbox\" className=\"solid-checkbox-input\" {...props} />\n      <span className=\"solid-checkbox-box\" />\n      {label && <span className=\"solid-checkbox-label\">{label}</span>}\n    </label>\n  );\n}\n"]}

package/dist/components/shad-cn-ui/SolidCheckbox.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+
+type SolidCheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {
+  label?: React.ReactNode;
+};
+
+function cx(...parts: Array<string | false | undefined>) {
+  return parts.filter(Boolean).join(" ");
+}
+
+export function SolidCheckbox({ label, className, ...props }: SolidCheckboxProps) {
+  return (
+    <label className={cx("solid-checkbox", className)}>
+      <input type="checkbox" className="solid-checkbox-input" {...props} />
+      <span className="solid-checkbox-box" />
+      {label && <span className="solid-checkbox-label">{label}</span>}
+    </label>
+  );
+}

package/dist/components/shad-cn-ui/SolidCodeEditor.d.ts

@@ -0,0 +1,12 @@
+type SolidCodeEditorProps = {
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+    height?: string;
+    fontSize?: string | number;
+    readOnly?: boolean;
+    className?: string;
+    language?: string;
+};
+export declare function SolidCodeEditor({ value, onChange, height, fontSize, readOnly, className, language, }: SolidCodeEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidCodeEditor.d.ts.map

package/dist/components/shad-cn-ui/SolidCodeEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidCodeEditor.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidCodeEditor.tsx"],"names":[],"mappings":"AAEA,KAAK,oBAAoB,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,KAAU,EACV,QAAQ,EACR,MAAgB,EAChB,QAAiB,EACjB,QAAgB,EAChB,SAAS,EACT,QAAuB,GACxB,EAAE,oBAAoB,2CA2BtB"}

package/dist/components/shad-cn-ui/SolidCodeEditor.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Editor from "@monaco-editor/react";
+export function SolidCodeEditor(_a) {
+    var _b = _a.value, value = _b === void 0 ? "" : _b, onChange = _a.onChange, _c = _a.height, height = _c === void 0 ? "300px" : _c, _d = _a.fontSize, fontSize = _d === void 0 ? "14px" : _d, _e = _a.readOnly, readOnly = _e === void 0 ? false : _e, className = _a.className, _f = _a.language, language = _f === void 0 ? "javascript" : _f;
+    return (_jsx("div", { className: className, style: {
+            border: "1px solid var(--surface-border, #d0d7de)",
+            borderRadius: "0.5rem",
+            overflow: "hidden",
+            background: "var(--surface-card, #fff)",
+        }, children: _jsx(Editor, { height: height, language: language, value: value, onChange: function (val) { return onChange === null || onChange === void 0 ? void 0 : onChange(val !== null && val !== void 0 ? val : ""); }, options: {
+                readOnly: readOnly,
+                minimap: { enabled: false },
+                lineNumbers: "on",
+                fontSize: typeof fontSize === "number" ? fontSize : parseInt(String(fontSize), 10) || 14,
+                scrollBeyondLastLine: false,
+                overviewRulerBorder: false,
+            } }) }));
+}
+//# sourceMappingURL=SolidCodeEditor.js.map

package/dist/components/shad-cn-ui/SolidCodeEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidCodeEditor.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidCodeEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAY1C,MAAM,UAAU,eAAe,CAAC,EAQT;QAPrB,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,QAAQ,cAAA,EACR,cAAgB,EAAhB,MAAM,mBAAG,OAAO,KAAA,EAChB,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EACjB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,SAAS,eAAA,EACT,gBAAuB,EAAvB,QAAQ,mBAAG,YAAY,KAAA;IAEvB,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,MAAM,EAAE,0CAA0C;YAClD,YAAY,EAAE,QAAQ;YACtB,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,2BAA2B;SACxC,YAED,KAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,GAAG,IAAK,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,EAAE,CAAC,EAArB,CAAqB,EACxC,OAAO,EAAE;gBACP,QAAQ,UAAA;gBACR,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;gBAC3B,WAAW,EAAE,IAAI;gBACjB,QAAQ,EAAE,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE;gBACxF,oBAAoB,EAAE,KAAK;gBAC3B,mBAAmB,EAAE,KAAK;aAC3B,GACD,GACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import Editor from \"@monaco-editor/react\";\n\ntype SolidCodeEditorProps = {\n  value?: string;\n  onChange?: (value: string | undefined) => void;\n  height?: string;\n  fontSize?: string | number;\n  readOnly?: boolean;\n  className?: string;\n  language?: string;\n};\n\nexport function SolidCodeEditor({\n  value = \"\",\n  onChange,\n  height = \"300px\",\n  fontSize = \"14px\",\n  readOnly = false,\n  className,\n  language = \"javascript\",\n}: SolidCodeEditorProps) {\n  return (\n    <div\n      className={className}\n      style={{\n        border: \"1px solid var(--surface-border, #d0d7de)\",\n        borderRadius: \"0.5rem\",\n        overflow: \"hidden\",\n        background: \"var(--surface-card, #fff)\",\n      }}\n    >\n      <Editor\n        height={height}\n        language={language}\n        value={value}\n        onChange={(val) => onChange?.(val ?? \"\")}\n        options={{\n          readOnly,\n          minimap: { enabled: false },\n          lineNumbers: \"on\",\n          fontSize: typeof fontSize === \"number\" ? fontSize : parseInt(String(fontSize), 10) || 14,\n          scrollBeyondLastLine: false,\n          overviewRulerBorder: false,\n        }}\n      />\n    </div>\n  );\n}\n"]}

package/dist/components/shad-cn-ui/SolidCodeEditor.tsx

@@ -0,0 +1,48 @@
+import Editor from "@monaco-editor/react";
+
+type SolidCodeEditorProps = {
+  value?: string;
+  onChange?: (value: string | undefined) => void;
+  height?: string;
+  fontSize?: string | number;
+  readOnly?: boolean;
+  className?: string;
+  language?: string;
+};
+
+export function SolidCodeEditor({
+  value = "",
+  onChange,
+  height = "300px",
+  fontSize = "14px",
+  readOnly = false,
+  className,
+  language = "javascript",
+}: SolidCodeEditorProps) {
+  return (
+    <div
+      className={className}
+      style={{
+        border: "1px solid var(--surface-border, #d0d7de)",
+        borderRadius: "0.5rem",
+        overflow: "hidden",
+        background: "var(--surface-card, #fff)",
+      }}
+    >
+      <Editor
+        height={height}
+        language={language}
+        value={value}
+        onChange={(val) => onChange?.(val ?? "")}
+        options={{
+          readOnly,
+          minimap: { enabled: false },
+          lineNumbers: "on",
+          fontSize: typeof fontSize === "number" ? fontSize : parseInt(String(fontSize), 10) || 14,
+          scrollBeyondLastLine: false,
+          overviewRulerBorder: false,
+        }}
+      />
+    </div>
+  );
+}

package/dist/components/shad-cn-ui/SolidConfirmDialog.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+type SolidConfirmDialogProps = {
+    open: boolean;
+    title?: string;
+    message?: React.ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+    className?: string;
+};
+export declare function SolidConfirmDialog({ open, title, message, confirmLabel, cancelLabel, onConfirm, onCancel, className, }: SolidConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidConfirmDialog.d.ts.map

package/dist/components/shad-cn-ui/SolidConfirmDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidConfirmDialog.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,KAAK,uBAAuB,GAAG;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAiB,EACjB,OAAO,EACP,YAAwB,EACxB,WAAsB,EACtB,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,uBAAuB,2CAkBzB"}

package/dist/components/shad-cn-ui/SolidConfirmDialog.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogFooter, SolidDialogHeader, SolidDialogTitle, } from "./SolidDialog";
+import { SolidButton } from "./SolidButton";
+export function SolidConfirmDialog(_a) {
+    var open = _a.open, _b = _a.title, title = _b === void 0 ? "Confirm" : _b, message = _a.message, _c = _a.confirmLabel, confirmLabel = _c === void 0 ? "Confirm" : _c, _d = _a.cancelLabel, cancelLabel = _d === void 0 ? "Cancel" : _d, onConfirm = _a.onConfirm, onCancel = _a.onCancel, className = _a.className;
+    return (_jsxs(SolidDialog, { open: open, onOpenChange: function (val) { return !val && onCancel(); }, className: className, children: [_jsxs(SolidDialogHeader, { children: [_jsx(SolidDialogTitle, { children: title }), _jsx(SolidDialogClose, { "aria-label": "Close" })] }), _jsx(SolidDialogBody, { children: message }), _jsxs(SolidDialogFooter, { children: [_jsx(SolidButton, { variant: "outline", size: "sm", onClick: onCancel, children: cancelLabel }), _jsx(SolidButton, { variant: "destructive", size: "sm", onClick: onConfirm, children: confirmLabel })] })] }));
+}
+//# sourceMappingURL=SolidConfirmDialog.js.map

package/dist/components/shad-cn-ui/SolidConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidConfirmDialog.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidConfirmDialog.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAa5C,MAAM,UAAU,kBAAkB,CAAC,EAST;QARxB,IAAI,UAAA,EACJ,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,OAAO,aAAA,EACP,oBAAwB,EAAxB,YAAY,mBAAG,SAAS,KAAA,EACxB,mBAAsB,EAAtB,WAAW,mBAAG,QAAQ,KAAA,EACtB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA;IAET,OAAO,CACL,MAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,UAAC,GAAG,IAAK,OAAA,CAAC,GAAG,IAAI,QAAQ,EAAE,EAAlB,CAAkB,EAAE,SAAS,EAAE,SAAS,aACtF,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,cAAE,KAAK,GAAoB,EAC5C,KAAC,gBAAgB,kBAAY,OAAO,GAAG,IACrB,EACpB,KAAC,eAAe,cAAE,OAAO,GAAmB,EAC5C,MAAC,iBAAiB,eAChB,KAAC,WAAW,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,QAAQ,YACvD,WAAW,GACA,EACd,KAAC,WAAW,IAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,SAAS,YAC5D,YAAY,GACD,IACI,IACR,CACf,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\nimport {\n  SolidDialog,\n  SolidDialogBody,\n  SolidDialogClose,\n  SolidDialogFooter,\n  SolidDialogHeader,\n  SolidDialogTitle,\n} from \"./SolidDialog\";\nimport { SolidButton } from \"./SolidButton\";\n\ntype SolidConfirmDialogProps = {\n  open: boolean;\n  title?: string;\n  message?: React.ReactNode;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  onConfirm: () => void;\n  onCancel: () => void;\n  className?: string;\n};\n\nexport function SolidConfirmDialog({\n  open,\n  title = \"Confirm\",\n  message,\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  onConfirm,\n  onCancel,\n  className,\n}: SolidConfirmDialogProps) {\n  return (\n    <SolidDialog open={open} onOpenChange={(val) => !val && onCancel()} className={className}>\n      <SolidDialogHeader>\n        <SolidDialogTitle>{title}</SolidDialogTitle>\n        <SolidDialogClose aria-label=\"Close\" />\n      </SolidDialogHeader>\n      <SolidDialogBody>{message}</SolidDialogBody>\n      <SolidDialogFooter>\n        <SolidButton variant=\"outline\" size=\"sm\" onClick={onCancel}>\n          {cancelLabel}\n        </SolidButton>\n        <SolidButton variant=\"destructive\" size=\"sm\" onClick={onConfirm}>\n          {confirmLabel}\n        </SolidButton>\n      </SolidDialogFooter>\n    </SolidDialog>\n  );\n}\n"]}

package/dist/components/shad-cn-ui/SolidConfirmDialog.tsx

@@ -0,0 +1,50 @@
+import React from "react";
+import {
+  SolidDialog,
+  SolidDialogBody,
+  SolidDialogClose,
+  SolidDialogFooter,
+  SolidDialogHeader,
+  SolidDialogTitle,
+} from "./SolidDialog";
+import { SolidButton } from "./SolidButton";
+
+type SolidConfirmDialogProps = {
+  open: boolean;
+  title?: string;
+  message?: React.ReactNode;
+  confirmLabel?: string;
+  cancelLabel?: string;
+  onConfirm: () => void;
+  onCancel: () => void;
+  className?: string;
+};
+
+export function SolidConfirmDialog({
+  open,
+  title = "Confirm",
+  message,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  onConfirm,
+  onCancel,
+  className,
+}: SolidConfirmDialogProps) {
+  return (
+    <SolidDialog open={open} onOpenChange={(val) => !val && onCancel()} className={className}>
+      <SolidDialogHeader>
+        <SolidDialogTitle>{title}</SolidDialogTitle>
+        <SolidDialogClose aria-label="Close" />
+      </SolidDialogHeader>
+      <SolidDialogBody>{message}</SolidDialogBody>
+      <SolidDialogFooter>
+        <SolidButton variant="outline" size="sm" onClick={onCancel}>
+          {cancelLabel}
+        </SolidButton>
+        <SolidButton variant="destructive" size="sm" onClick={onConfirm}>
+          {confirmLabel}
+        </SolidButton>
+      </SolidDialogFooter>
+    </SolidDialog>
+  );
+}

package/dist/components/shad-cn-ui/SolidDatePicker.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import ReactDatePicker from "react-datepicker";
+import "react-datepicker/dist/react-datepicker.css";
+type SolidDatePickerProps = React.ComponentProps<typeof ReactDatePicker> & {
+    timeOnly?: boolean;
+    inputClassName?: string;
+};
+export declare function SolidDatePicker({ timeOnly, showTimeSelect, inputClassName, selected, dateFormat, className, ...props }: SolidDatePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidDatePicker.d.ts.map

package/dist/components/shad-cn-ui/SolidDatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAC/C,OAAO,4CAA4C,CAAC;AAGpD,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,GAAG;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAwCF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,cAAc,EACd,cAAc,EACd,QAAQ,EACR,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAetB"}

package/dist/components/shad-cn-ui/SolidDatePicker.js

@@ -0,0 +1,66 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import ReactDatePicker from "react-datepicker";
+import "react-datepicker/dist/react-datepicker.css";
+import { SolidInput } from "./SolidInput";
+function formatDateValue(value, pattern) {
+    if (!value || !(value instanceof Date) || Number.isNaN(value.getTime())) {
+        return "";
+    }
+    if (!pattern) {
+        return value.toISOString();
+    }
+    var pad = function (num, length) {
+        if (length === void 0) { length = 2; }
+        return String(num).padStart(length, "0");
+    };
+    return pattern
+        .replace(/yyyy/g, String(value.getFullYear()))
+        .replace(/MM/g, pad(value.getMonth() + 1))
+        .replace(/dd/g, pad(value.getDate()))
+        .replace(/HH/g, pad(value.getHours()))
+        .replace(/mm/g, pad(value.getMinutes()));
+}
+var SolidDatePickerInput = React.forwardRef(function (_a, ref) {
+    var className = _a.className, displayValue = _a.displayValue, props = __rest(_a, ["className", "displayValue"]);
+    return (_jsx(SolidInput, __assign({ ref: ref }, props, { value: displayValue !== null && displayValue !== void 0 ? displayValue : (typeof props.value === "string" ? props.value : ""), readOnly: true, className: className })));
+});
+SolidDatePickerInput.displayName = "SolidDatePickerInput";
+function cx() {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+}
+export function SolidDatePicker(_a) {
+    var _b;
+    var timeOnly = _a.timeOnly, showTimeSelect = _a.showTimeSelect, inputClassName = _a.inputClassName, selected = _a.selected, dateFormat = _a.dateFormat, className = _a.className, props = __rest(_a, ["timeOnly", "showTimeSelect", "inputClassName", "selected", "dateFormat", "className"]);
+    var resolvedShowTime = timeOnly ? true : showTimeSelect;
+    var resolvedFormat = (_b = (Array.isArray(dateFormat) ? dateFormat[0] : dateFormat)) !== null && _b !== void 0 ? _b : "yyyy-MM-dd";
+    var displayValue = formatDateValue(selected, resolvedFormat);
+    return (_jsx(ReactDatePicker, __assign({}, props, { selected: selected, showTimeSelect: resolvedShowTime, showTimeSelectOnly: timeOnly, customInput: _jsx(SolidDatePickerInput, { className: inputClassName, displayValue: displayValue }), className: cx("solid-datepicker", className) })));
+}
+//# sourceMappingURL=SolidDatePicker.js.map

package/dist/components/shad-cn-ui/SolidDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidDatePicker.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidDatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport ReactDatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport { SolidInput } from \"./SolidInput\";\n\ntype SolidDatePickerProps = React.ComponentProps<typeof ReactDatePicker> & {\n  timeOnly?: boolean;\n  inputClassName?: string;\n};\n\ntype SolidDatePickerInputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  displayValue?: string;\n};\n\nfunction formatDateValue(value: Date | null | undefined, pattern?: string) {\n  if (!value || !(value instanceof Date) || Number.isNaN(value.getTime())) {\n    return \"\";\n  }\n  if (!pattern) {\n    return value.toISOString();\n  }\n  const pad = (num: number, length = 2) => String(num).padStart(length, \"0\");\n  return pattern\n    .replace(/yyyy/g, String(value.getFullYear()))\n    .replace(/MM/g, pad(value.getMonth() + 1))\n    .replace(/dd/g, pad(value.getDate()))\n    .replace(/HH/g, pad(value.getHours()))\n    .replace(/mm/g, pad(value.getMinutes()));\n}\n\nconst SolidDatePickerInput = React.forwardRef<HTMLInputElement, SolidDatePickerInputProps>(\n  ({ className, displayValue, ...props }, ref) => (\n    <SolidInput\n      ref={ref}\n      {...props}\n      value={displayValue ?? (typeof props.value === \"string\" ? props.value : \"\")}\n      readOnly\n      className={className}\n    />\n  )\n);\n\nSolidDatePickerInput.displayName = \"SolidDatePickerInput\";\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidDatePicker({\n  timeOnly,\n  showTimeSelect,\n  inputClassName,\n  selected,\n  dateFormat,\n  className,\n  ...props\n}: SolidDatePickerProps) {\n  const resolvedShowTime = timeOnly ? true : showTimeSelect;\n  const resolvedFormat = (Array.isArray(dateFormat) ? dateFormat[0] : dateFormat) ?? \"yyyy-MM-dd\";\n  const displayValue = formatDateValue(selected as Date | null | undefined, resolvedFormat);\n\n  return (\n    <ReactDatePicker\n      {...props}\n      selected={selected}\n      showTimeSelect={resolvedShowTime}\n      showTimeSelectOnly={timeOnly}\n      customInput={<SolidDatePickerInput className={inputClassName} displayValue={displayValue} />}\n      className={cx(\"solid-datepicker\", className)}\n    />\n  );\n}\n"]}

package/dist/components/shad-cn-ui/SolidDatePicker.tsx

@@ -0,0 +1,72 @@
+import React from "react";
+import ReactDatePicker from "react-datepicker";
+import "react-datepicker/dist/react-datepicker.css";
+import { SolidInput } from "./SolidInput";
+
+type SolidDatePickerProps = React.ComponentProps<typeof ReactDatePicker> & {
+  timeOnly?: boolean;
+  inputClassName?: string;
+};
+
+type SolidDatePickerInputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+  displayValue?: string;
+};
+
+function formatDateValue(value: Date | null | undefined, pattern?: string) {
+  if (!value || !(value instanceof Date) || Number.isNaN(value.getTime())) {
+    return "";
+  }
+  if (!pattern) {
+    return value.toISOString();
+  }
+  const pad = (num: number, length = 2) => String(num).padStart(length, "0");
+  return pattern
+    .replace(/yyyy/g, String(value.getFullYear()))
+    .replace(/MM/g, pad(value.getMonth() + 1))
+    .replace(/dd/g, pad(value.getDate()))
+    .replace(/HH/g, pad(value.getHours()))
+    .replace(/mm/g, pad(value.getMinutes()));
+}
+
+const SolidDatePickerInput = React.forwardRef<HTMLInputElement, SolidDatePickerInputProps>(
+  ({ className, displayValue, ...props }, ref) => (
+    <SolidInput
+      ref={ref}
+      {...props}
+      value={displayValue ?? (typeof props.value === "string" ? props.value : "")}
+      readOnly
+      className={className}
+    />
+  )
+);
+
+SolidDatePickerInput.displayName = "SolidDatePickerInput";
+
+function cx(...parts: Array<string | false | undefined>) {
+  return parts.filter(Boolean).join(" ");
+}
+
+export function SolidDatePicker({
+  timeOnly,
+  showTimeSelect,
+  inputClassName,
+  selected,
+  dateFormat,
+  className,
+  ...props
+}: SolidDatePickerProps) {
+  const resolvedShowTime = timeOnly ? true : showTimeSelect;
+  const resolvedFormat = (Array.isArray(dateFormat) ? dateFormat[0] : dateFormat) ?? "yyyy-MM-dd";
+  const displayValue = formatDateValue(selected as Date | null | undefined, resolvedFormat);
+
+  return (
+    <ReactDatePicker
+      {...props}
+      selected={selected}
+      showTimeSelect={resolvedShowTime}
+      showTimeSelectOnly={timeOnly}
+      customInput={<SolidDatePickerInput className={inputClassName} displayValue={displayValue} />}
+      className={cx("solid-datepicker", className)}
+    />
+  );
+}

package/dist/components/shad-cn-ui/SolidDialog.d.ts

@@ -0,0 +1,41 @@
+import * as React from "react";
+type SolidDialogProps = {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children: React.ReactNode;
+    className?: string;
+    contentClassName?: string;
+    overlayClassName?: string;
+    style?: React.CSSProperties;
+    visible?: boolean;
+    onHide?: () => void;
+    modal?: boolean;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    showHeader?: boolean;
+    headerClassName?: string;
+    contentStyle?: React.CSSProperties;
+    breakpoints?: Record<string, string>;
+    dismissible?: boolean;
+};
+type SolidDialogSectionProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+export declare function SolidDialog({ open, onOpenChange, children, className, contentClassName, overlayClassName, style, visible, onHide, header, footer, showHeader, headerClassName, contentStyle, dismissible, }: SolidDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function SolidDialogHeader({ children, className }: SolidDialogSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function SolidDialogTitle({ children, className }: SolidDialogSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function SolidDialogDescription({ children, className }: SolidDialogSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function SolidDialogBody({ children, className }: SolidDialogSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function SolidDialogFooter({ children, className }: SolidDialogSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function SolidDialogSeparator({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SolidDialogClose({ className, children, onClick, "aria-label": ariaLabel, }: {
+    className?: string;
+    children?: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    "aria-label"?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidDialog.d.ts.map

package/dist/components/shad-cn-ui/SolidDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidDialog.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAMF,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,UAAiB,EACjB,eAAe,EACf,YAAY,EACZ,WAAkB,GACnB,EAAE,gBAAgB,2CAqClB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAEjF;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAEhF;AAED,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAMtF;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAE/E;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAEjF;AAED,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAEzE;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,YAAY,EAAE,SAA0B,GACzC,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,2CAaA"}

package/dist/components/shad-cn-ui/SolidDialog.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Dialog from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+function cx() {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+}
+export function SolidDialog(_a) {
+    var _b;
+    var open = _a.open, onOpenChange = _a.onOpenChange, children = _a.children, className = _a.className, contentClassName = _a.contentClassName, overlayClassName = _a.overlayClassName, style = _a.style, visible = _a.visible, onHide = _a.onHide, header = _a.header, footer = _a.footer, _c = _a.showHeader, showHeader = _c === void 0 ? true : _c, headerClassName = _a.headerClassName, contentStyle = _a.contentStyle, _d = _a.dismissible, dismissible = _d === void 0 ? true : _d;
+    var controlledOpen = (_b = open !== null && open !== void 0 ? open : visible) !== null && _b !== void 0 ? _b : false;
+    var handleOpenChange = function (next) {
+        if (!dismissible && !next)
+            return;
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(next);
+        if (!next)
+            onHide === null || onHide === void 0 ? void 0 : onHide();
+    };
+    return (_jsx(Dialog.Root, { open: controlledOpen, onOpenChange: handleOpenChange, children: _jsxs(Dialog.Portal, { children: [_jsx(Dialog.Overlay, { className: cx("solid-radix-dialog-overlay", overlayClassName) }), _jsxs(Dialog.Content, { className: cx("solid-radix-dialog-content", className, contentClassName), style: style !== null && style !== void 0 ? style : contentStyle, onEscapeKeyDown: function (event) {
+                        if (!dismissible)
+                            event.preventDefault();
+                    }, onPointerDownOutside: function (event) {
+                        if (!dismissible)
+                            event.preventDefault();
+                    }, onInteractOutside: function (event) {
+                        if (!dismissible)
+                            event.preventDefault();
+                    }, children: [showHeader && (header || onHide) ? (_jsxs(SolidDialogHeader, { className: headerClassName, children: [header ? _jsx(SolidDialogTitle, { children: header }) : null, _jsx(SolidDialogClose, { "aria-label": "Close" })] })) : null, children, footer ? _jsx(SolidDialogFooter, { children: footer }) : null] })] }) }));
+}
+export function SolidDialogHeader(_a) {
+    var children = _a.children, className = _a.className;
+    return _jsx("div", { className: cx("solid-radix-dialog-header", className), children: children });
+}
+export function SolidDialogTitle(_a) {
+    var children = _a.children, className = _a.className;
+    return _jsx(Dialog.Title, { className: cx("solid-radix-dialog-title", className), children: children });
+}
+export function SolidDialogDescription(_a) {
+    var children = _a.children, className = _a.className;
+    return (_jsx(Dialog.Description, { className: cx("solid-radix-dialog-description", className), children: children }));
+}
+export function SolidDialogBody(_a) {
+    var children = _a.children, className = _a.className;
+    return _jsx("div", { className: cx("solid-radix-dialog-body", className), children: children });
+}
+export function SolidDialogFooter(_a) {
+    var children = _a.children, className = _a.className;
+    return _jsx("div", { className: cx("solid-radix-dialog-footer", className), children: children });
+}
+export function SolidDialogSeparator(_a) {
+    var className = _a.className;
+    return _jsx("div", { className: cx("solid-radix-dialog-separator", className) });
+}
+export function SolidDialogClose(_a) {
+    var className = _a.className, children = _a.children, onClick = _a.onClick, _b = _a["aria-label"], ariaLabel = _b === void 0 ? "Close dialog" : _b;
+    return (_jsx(Dialog.Close, { asChild: true, children: _jsx("button", { type: "button", className: cx("solid-radix-dialog-close", className), "aria-label": ariaLabel, onClick: onClick, children: children !== null && children !== void 0 ? children : _jsx(X, { size: 16 }) }) }));
+}
+//# sourceMappingURL=SolidDialog.js.map