@datatechsolutions/ui 2.11.21 → 2.11.23

package/dist/astrlabe/workflow-canvas.js

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunkE6ALKSGA_js = require('../chunk-E6ALKSGA.js');
-require('../chunk-6N5UGKD7.js');
+var chunkEY3UIPM2_js = require('../chunk-EY3UIPM2.js');
+require('../chunk-6UEVHQTJ.js');
 require('../chunk-UZ3CMNUJ.js');
 require('../chunk-YXN2K77G.js');
 require('../chunk-S7KHTUHA.js');
@@ -13,7 +13,7 @@ require('../chunk-PWBWP5FJ.js');
 
 Object.defineProperty(exports, "Workspace", {
   enumerable: true,
-  get: function () { return chunkE6ALKSGA_js.Workspace; }
+  get: function () { return chunkEY3UIPM2_js.Workspace; }
 });
 //# sourceMappingURL=workflow-canvas.js.map
 //# sourceMappingURL=workflow-canvas.js.map

package/dist/astrlabe/workflow-canvas.mjs

@@ -1,6 +1,6 @@
 "use client";
-export { Workspace } from '../chunk-Z3U6JAA7.mjs';
-import '../chunk-XKLU32S3.mjs';
+export { Workspace } from '../chunk-D7EPY2L3.mjs';
+import '../chunk-GXVZXTTC.mjs';
 import '../chunk-D2JF6C3E.mjs';
 import '../chunk-7VJ7CMMT.mjs';
 import '../chunk-QWG2FMUN.mjs';

package/dist/{chunk-6N5UGKD7.js → chunk-6UEVHQTJ.js}

@@ -10305,17 +10305,18 @@ function SettingsDialog({
       open,
       onClose,
       contentClassName: "fixed inset-0 flex items-center justify-center overflow-y-auto p-2 sm:p-4 lg:p-6",
-      panelClassName: "w-full max-w-[90vw] xl:max-w-[1400px] overflow-hidden rounded-[2rem] liquid-surface-strong shadow-[0_40px_100px_-30px_rgba(0,0,0,0.55)]",
+      panelClassName: "w-full max-w-[90vw] xl:max-w-[1400px] overflow-hidden rounded-2xl liquid-surface-strong shadow-[0_40px_100px_-30px_rgba(0,0,0,0.55)]",
+      ariaLabelledBy: "settings-dialog-title",
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-[min(94vh,920px)] flex-col lg:flex-row", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "relative flex w-full shrink-0 flex-col border-b border-white/25 bg-gradient-to-b from-white/40 via-white/20 to-white/10 dark:border-white/8 dark:from-white/[0.06] dark:via-white/[0.03] dark:to-transparent lg:w-80 lg:border-b-0 lg:border-r lg:border-white/20 lg:dark:border-white/8", children: [
-          gradient ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-1.5 w-full rounded-t-[2rem] bg-gradient-to-r ${gradient} lg:rounded-tr-none` }) : null,
+          gradient ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-1.5 w-full rounded-tl-2xl bg-gradient-to-r ${gradient} lg:rounded-tr-none` }) : null,
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-x-5 top-0 h-px bg-gradient-to-r from-transparent via-white/70 to-transparent dark:via-white/12", style: gradient ? { top: "6px" } : void 0 }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-5 p-5 pb-0 pr-12", children: [
             icon || label ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 flex items-center gap-3", children: [
               icon ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-10 w-10 items-center justify-center rounded-xl shadow-lg ${gradient ? `bg-gradient-to-br ${gradient}` : "bg-gradient-to-br from-slate-500 to-gray-600"}`, children: icon }) : null,
               label ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.22em] text-slate-500 dark:text-slate-400", children: label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.22em] text-slate-500 dark:text-slate-400", children: "Settings" })
             ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1 text-[11px] font-semibold uppercase tracking-[0.22em] text-slate-500 dark:text-slate-400", children: "Settings" }),
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-semibold text-slate-950 dark:text-white", children: title }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "settings-dialog-title", className: "text-2xl font-semibold text-slate-950 dark:text-white", children: title }),
             subtitle ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1.5 text-sm text-slate-600 dark:text-slate-400", children: subtitle }) : null
           ] }),
           identity ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-5", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -10355,8 +10356,8 @@ function SettingsDialog({
           sidebarFooter ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 px-5", children: sidebarFooter }) : null
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "relative flex min-h-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-x-6 top-0 h-px bg-gradient-to-r from-transparent via-white/50 to-transparent dark:via-white/10" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto px-6 pb-8 pt-16 sm:px-8 lg:px-10 lg:pb-10", children })
+          gradient ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `hidden lg:block h-1.5 w-full bg-gradient-to-r ${gradient}` }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-x-6 top-0 h-px bg-gradient-to-r from-transparent via-white/50 to-transparent dark:via-white/10" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex min-h-0 flex-1 flex-col overflow-y-auto px-6 pb-8 sm:px-8 lg:px-10 lg:pb-10 ${gradient ? "pt-8" : "pt-16"}`, children })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "button",
@@ -10364,7 +10365,7 @@ function SettingsDialog({
             type: "button",
             onClick: onClose,
             "aria-label": closeLabel,
-            className: "absolute right-4 top-4 inline-flex h-11 w-11 items-center justify-center rounded-2xl liquid-surface text-slate-600 shadow-sm transition hover:text-slate-950 dark:text-slate-300 dark:hover:text-white",
+            className: "absolute right-4 top-4 z-10 inline-flex h-9 w-9 items-center justify-center rounded-xl text-slate-400 transition hover:bg-white/40 hover:text-slate-700 dark:hover:bg-white/[0.08] dark:hover:text-white focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",
             children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.XMarkIcon, { className: "h-5 w-5" })
           }
         )
@@ -20828,5 +20829,5 @@ exports.useGeoMapState = useGeoMapState;
 exports.useNotifications = useNotifications;
 exports.usePlatformShellStore = usePlatformShellStore;
 exports.usePullToRefresh = usePullToRefresh;
-//# sourceMappingURL=chunk-6N5UGKD7.js.map
-//# sourceMappingURL=chunk-6N5UGKD7.js.map
+//# sourceMappingURL=chunk-6UEVHQTJ.js.map
+//# sourceMappingURL=chunk-6UEVHQTJ.js.map