@admin-layout/tailwind-ui 12.2.4-alpha.33 → 12.2.4-alpha.35

package/lib/shardui/chart.js

@@ -1,4 +1,4 @@
-import*as React from'react';import*as RechartsPrimitive from'recharts';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';// Format: { THEME_NAME: CSS_SELECTOR }
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import*as React from'react';import*as RechartsPrimitive from'recharts';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';// Format: { THEME_NAME: CSS_SELECTOR }
 const THEMES = {
   light: '',
   dark: '.dark'
@@ -20,19 +20,23 @@ const ChartContainer = React.forwardRef(({
 }, ref) => {
   const uniqueId = React.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, '')}`;
-  return React.createElement(ChartContext.Provider, {
+  return jsx(ChartContext.Provider, {
     value: {
       config
-    }
-  }, React.createElement("div", {
-    "data-chart": chartId,
-    ref: ref,
-    className: cn("flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none", className),
-    ...props
-  }, React.createElement(ChartStyle, {
-    id: chartId,
-    config: config
-  }), React.createElement(RechartsPrimitive.ResponsiveContainer, null, children)));
+    },
+    children: jsxs("div", {
+      "data-chart": chartId,
+      ref: ref,
+      className: cn("flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none", className),
+      ...props,
+      children: [jsx(ChartStyle, {
+        id: chartId,
+        config: config
+      }), jsx(RechartsPrimitive.ResponsiveContainer, {
+        children: children
+      })]
+    })
+  });
 });
 ChartContainer.displayName = 'Chart';
 const ChartStyle = ({
@@ -43,7 +47,7 @@ const ChartStyle = ({
   if (!colorConfig.length) {
     return null;
   }
-  return React.createElement("style", {
+  return jsx("style", {
     dangerouslySetInnerHTML: {
       __html: Object.entries(THEMES).map(([theme, prefix]) => `
 ${prefix} [data-chart=${id}] {
@@ -84,54 +88,64 @@ const ChartTooltipContent = React.forwardRef(({
     const itemConfig = getPayloadConfigFromPayload(config, item, key);
     const value = !labelKey && typeof label === 'string' ? config[label]?.label || label : itemConfig?.label;
     if (labelFormatter) {
-      return React.createElement("div", {
-        className: cn('font-medium', labelClassName)
-      }, labelFormatter(value, payload));
+      return jsx("div", {
+        className: cn('font-medium', labelClassName),
+        children: labelFormatter(value, payload)
+      });
     }
     if (!value) {
       return null;
     }
-    return React.createElement("div", {
-      className: cn('font-medium', labelClassName)
-    }, value);
+    return jsx("div", {
+      className: cn('font-medium', labelClassName),
+      children: value
+    });
   }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
   if (!active || !payload?.length) {
     return null;
   }
   const nestLabel = payload.length === 1 && indicator !== 'dot';
-  return React.createElement("div", {
+  return jsxs("div", {
     ref: ref,
-    className: cn('grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl', className)
-  }, !nestLabel ? tooltipLabel : null, React.createElement("div", {
-    className: "grid gap-1.5"
-  }, payload.map((item, index) => {
-    const key = `${nameKey || item.name || item.dataKey || 'value'}`;
-    const itemConfig = getPayloadConfigFromPayload(config, item, key);
-    const indicatorColor = color || item.payload.fill || item.color;
-    return React.createElement("div", {
-      key: item.dataKey,
-      className: cn('flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground', indicator === 'dot' && 'items-center')
-    }, formatter && item?.value !== undefined && item.name ? formatter(item.value, item.name, item, index, item.payload) : React.createElement(React.Fragment, null, itemConfig?.icon ? React.createElement(itemConfig.icon, null) : !hideIndicator && React.createElement("div", {
-      className: cn('shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]', {
-        'h-2.5 w-2.5': indicator === 'dot',
-        'w-1': indicator === 'line',
-        'w-0 border-[1.5px] border-dashed bg-transparent': indicator === 'dashed',
-        'my-0.5': nestLabel && indicator === 'dashed'
-      }),
-      style: {
-        '--color-bg': indicatorColor,
-        '--color-border': indicatorColor
-      }
-    }), React.createElement("div", {
-      className: cn('flex flex-1 justify-between leading-none', nestLabel ? 'items-end' : 'items-center')
-    }, React.createElement("div", {
-      className: "grid gap-1.5"
-    }, nestLabel ? tooltipLabel : null, React.createElement("span", {
-      className: "text-muted-foreground"
-    }, itemConfig?.label || item.name)), item.value && React.createElement("span", {
-      className: "font-mono font-medium tabular-nums text-foreground"
-    }, item.value.toLocaleString()))));
-  })));
+    className: cn('grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl', className),
+    children: [!nestLabel ? tooltipLabel : null, jsx("div", {
+      className: "grid gap-1.5",
+      children: payload.map((item, index) => {
+        const key = `${nameKey || item.name || item.dataKey || 'value'}`;
+        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+        const indicatorColor = color || item.payload.fill || item.color;
+        return jsx("div", {
+          className: cn('flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground', indicator === 'dot' && 'items-center'),
+          children: formatter && item?.value !== undefined && item.name ? formatter(item.value, item.name, item, index, item.payload) : jsxs(Fragment, {
+            children: [itemConfig?.icon ? jsx(itemConfig.icon, {}) : !hideIndicator && jsx("div", {
+              className: cn('shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]', {
+                'h-2.5 w-2.5': indicator === 'dot',
+                'w-1': indicator === 'line',
+                'w-0 border-[1.5px] border-dashed bg-transparent': indicator === 'dashed',
+                'my-0.5': nestLabel && indicator === 'dashed'
+              }),
+              style: {
+                '--color-bg': indicatorColor,
+                '--color-border': indicatorColor
+              }
+            }), jsxs("div", {
+              className: cn('flex flex-1 justify-between leading-none', nestLabel ? 'items-end' : 'items-center'),
+              children: [jsxs("div", {
+                className: "grid gap-1.5",
+                children: [nestLabel ? tooltipLabel : null, jsx("span", {
+                  className: "text-muted-foreground",
+                  children: itemConfig?.label || item.name
+                })]
+              }), item.value && jsx("span", {
+                className: "font-mono font-medium tabular-nums text-foreground",
+                children: item.value.toLocaleString()
+              })]
+            })]
+          })
+        }, item.dataKey);
+      })
+    })]
+  });
 });
 ChartTooltipContent.displayName = 'ChartTooltip';
 const ChartLegend = RechartsPrimitive.Legend;
@@ -148,22 +162,23 @@ const ChartLegendContent = React.forwardRef(({
   if (!payload?.length) {
     return null;
   }
-  return React.createElement("div", {
+  return jsx("div", {
     ref: ref,
-    className: cn('flex items-center justify-center gap-4', verticalAlign === 'top' ? 'pb-3' : 'pt-3', className)
-  }, payload.map(item => {
-    const key = `${nameKey || item.dataKey || 'value'}`;
-    const itemConfig = getPayloadConfigFromPayload(config, item, key);
-    return React.createElement("div", {
-      key: item.value,
-      className: cn('flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground')
-    }, itemConfig?.icon && !hideIcon ? React.createElement(itemConfig.icon, null) : React.createElement("div", {
-      className: "h-2 w-2 shrink-0 rounded-[2px]",
-      style: {
-        backgroundColor: item.color
-      }
-    }), itemConfig?.label);
-  }));
+    className: cn('flex items-center justify-center gap-4', verticalAlign === 'top' ? 'pb-3' : 'pt-3', className),
+    children: payload.map(item => {
+      const key = `${nameKey || item.dataKey || 'value'}`;
+      const itemConfig = getPayloadConfigFromPayload(config, item, key);
+      return jsxs("div", {
+        className: cn('flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground'),
+        children: [itemConfig?.icon && !hideIcon ? jsx(itemConfig.icon, {}) : jsx("div", {
+          className: "h-2 w-2 shrink-0 rounded-[2px]",
+          style: {
+            backgroundColor: item.color
+          }
+        }), itemConfig?.label]
+      }, item.value);
+    })
+  });
 });
 ChartLegendContent.displayName = 'ChartLegend';
 // Helper to extract item config from a payload.

package/lib/shardui/chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart.js","sources":["../../src/shardui/chart.tsx"],"sourcesContent":[null],"names":[],"mappings":";;EAMqD,KAAA,EAAA,EAAA;AAErD,EAAA,IAAM,EAAA;;AAEE,MAAA,YAAQ,GAAK,mBAAW,CAAA,IAAA,CAAA;AACxB,SAAA,QAAO,GAAK;AACf,EAAA,MAAG,OAAC,GAAA,KAAA,CAAA,UAAA,CAAA,YAAA,CAAA;cAAQ,EAAE;UAAQ,IAAM,KAAE,CAAA,mDAAK,CAAA;;SAAO,OAAQ;;AAAmD,MAAC,cAAA,GAAA,KAAA,CAAA,UAAA,CAAA,CAAA;EACzG,EAAA;AAkBF,EAAA;;;;AA6BA,CAAA,EAAA,GAAA,KAAA;QAA0C,QAAO,GAAA,KAAA,CAAA,KAAA,EAAA;QAAC,iBAAmB,EAAA,EAAA,IAAA,QAAA,CAAA,OAAA,CAAA,IAAA,EAAA,EAAA,CAAA,CAAA,CAAA;AAAE,EAAA,OAAA,KAAA,CAAA,aA2BrE,CAAA,YAAA,CAAA,QAAA,EAAA;AAEF,IAAA,KAAA,EAAA;AAEA,MAAA;;;;;;;;;;;;;;;;;;;;;;;oBAIwB,CAAA,OAAO,CAAA,MAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,EAAA,MAAA,CAAA,KAAA;sBACH,EAAA,EAAA,CAAO;iBACX,CAAA,CAAA,CAAA,GAAM,EAAG,UAAQ,CAAA,KAAQ;cAC3B,KAAA,GAAM,UAAA,CAAA,KAAA,GAAA,KAAA,CAAA,IAAA,UAAA,CAAA,KAAA;eACL,KAAA,GAAM,CAAA,UAAA,EAAA,GAAA,CAAA,EAAA,EAAA,KAAA,CAAA,CAAA,CAAA,GAAA,IAAA;;AAsI7B;AAEA,CAAA,CAAA,CAAA,IAAA,CAAA;;;;AA+EA,MAAA,YAAS,GAAA,iBAA4B,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"chart.js","sources":["../../src/shardui/chart.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";MAMqD,MAAA,GAAA;AAErD,EAAA,KAAM,EAAA,EAAA;MACA,EAAA;AACE,CAAA;AACA,MAAA,YAAO,GAAM,mBAAc,CAAA,IAAA,CAAA;AAC9B,SAAI,QAAA,GAAA;QAAE,OAAM,GAAE,KAAO,CAAA,UAAA,CAAA,YAAA,CAAA;cAAO,EAAE;UAAU,IAAA,KAAA,CAAA,mDAAA,CAAA;;SAAiB;;AAC5D,MAAA,cAAA,GAAA,KAAA,CAAA,UAAA,CAAA,CAAA;AAkBF,EAAA,EAAA;;;;AA6BA,EAAA,GAAA;MAAwC;QAAU,gBAAmB,CAAA,KAAA,EAAA;AAAE,EAAA,MAAA,OAAA,GAAA,CAAA,MAAA,EAAA,EAAA,IAAA,QAAA,CAAA,OA2BrE,CAAA,IAAA,EAAA,EAAA,CAAA,CAAA,CAAA;AAEF,EAAA,OAAAA,GAAA,CAAM,YAAY,CAAA,QAAA,EAAA;AAElB,IAAA;;;;;;;;;;;;;;;;;;;;;;;kBAIwB,CAAA,MAAO,EAAA;;;aAGT,OAAM,EAAA;2BACC,EAAA;gDAmI5B,EAAC,MAAA,CAAA,KAAA;AAGF,EAAA,MAAA,CAAA,aAAM,EAAA,EAAW,CAAA;AAEjB,EAAA,YAAM,GAAA,CAAA,CAAA,CAAA,GAAA,EAAA,UAAkB,CAAA,KAAA;mBAID,GAAO,UAAA,CAAA,KAAA,GAAA,KAAA,CAAA,IAAA,UAAA,CAAA,KAAA;eACR,KAAM,GAAA,CAAA,UAAA,EAAA,GAAA,CAAA,EAAA,EAAA,KAAA,CAAA,CAAA,CAAA,GAAA,IAAA;;AA0E5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/checkbox.js

@@ -1,13 +1,15 @@
-import*as React from'react';import*as CheckboxPrimitive from'@radix-ui/react-checkbox';import {Check}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Checkbox = React.forwardRef(({
+import {jsx}from'react/jsx-runtime';import*as React from'react';import*as CheckboxPrimitive from'@radix-ui/react-checkbox';import {Check}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Checkbox = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(CheckboxPrimitive.Root, {
+}, ref) => jsx(CheckboxPrimitive.Root, {
   ref: ref,
   className: cn('peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground', className),
-  ...props
-}, React.createElement(CheckboxPrimitive.Indicator, {
-  className: cn('flex items-center justify-center text-current')
-}, React.createElement(Check, {
-  className: "h-4 w-4"
-}))));
+  ...props,
+  children: jsx(CheckboxPrimitive.Indicator, {
+    className: cn('flex items-center justify-center text-current'),
+    children: jsx(Check, {
+      className: "h-4 w-4"
+    })
+  })
+}));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;export{Checkbox};//# sourceMappingURL=checkbox.js.map

package/lib/shardui/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"checkbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/lib/shardui/command.d.ts

@@ -19,7 +19,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface CommandDialogProps extends DialogProps {
 }
-declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => React.JSX.Element;
+declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => import("react/jsx-runtime").JSX.Element;
 declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
     ref?: React.Ref<HTMLInputElement>;
 } & {
@@ -76,7 +76,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     forceMount?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandShortcut: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/lib/shardui/command.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../src/shardui/command.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAO1D,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;sFAYX,CAAC;AAGH,UAAU,kBAAmB,SAAQ,WAAW;CAAG;AAEnD,QAAA,MAAM,aAAa,GAAI,wBAAwB,kBAAkB,sBAUhE,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;0FAehB,CAAC;AAIH,QAAA,MAAM,WAAW;;;;;;;;sFASf,CAAC;AAIH,QAAA,MAAM,YAAY;;;;;;uJAGqF,CAAC;AAIxG,QAAA,MAAM,YAAY;;;;;;;;;;sFAYhB,CAAC;AAIH,QAAA,MAAM,gBAAgB;;;;;;sFAKpB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;;;;;sFAYf,CAAC;AAIH,QAAA,MAAM,eAAe;8BAA6B,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAEtF,CAAC;AAGF,OAAO,EACH,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACnB,CAAC"}
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../src/shardui/command.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAO1D,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;sFAYX,CAAC;AAGH,UAAU,kBAAmB,SAAQ,WAAW;CAAG;AAEnD,QAAA,MAAM,aAAa,GAAI,wBAAwB,kBAAkB,4CAUhE,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;0FAehB,CAAC;AAIH,QAAA,MAAM,WAAW;;;;;;;;sFASf,CAAC;AAIH,QAAA,MAAM,YAAY;;;;;;uJAGqF,CAAC;AAIxG,QAAA,MAAM,YAAY;;;;;;;;;;sFAYhB,CAAC;AAIH,QAAA,MAAM,gBAAgB;;;;;;sFAKpB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;;;;;sFAYf,CAAC;AAIH,QAAA,MAAM,eAAe;8BAA6B,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAEtF,CAAC;AAGF,OAAO,EACH,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACnB,CAAC"}

package/lib/shardui/command.js

@@ -1,7 +1,7 @@
-import*as React from'react';import {Command as Command$1}from'cmdk';import {Search}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';import {Dialog,DialogContent}from'./dialog.js';const Command = React.forwardRef(({
+import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import {Command as Command$1}from'cmdk';import {Search}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';import {Dialog,DialogContent}from'./dialog.js';const Command = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(Command$1, {
+}, ref) => jsx(Command$1, {
   ref: ref,
   className: cn('flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground', className),
   ...props
@@ -11,38 +11,42 @@ const CommandDialog = ({
   children,
   ...props
 }) => {
-  return React.createElement(Dialog, {
-    ...props
-  }, React.createElement(DialogContent, {
-    className: "overflow-hidden p-0 shadow-lg"
-  }, React.createElement(Command, {
-    className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5"
-  }, children)));
+  return jsx(Dialog, {
+    ...props,
+    children: jsx(DialogContent, {
+      className: "overflow-hidden p-0 shadow-lg",
+      children: jsx(Command, {
+        className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
+        children: children
+      })
+    })
+  });
 };
 const CommandInput = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("div", {
+}, ref) => jsxs("div", {
   className: "flex items-center border-b px-3",
-  "cmdk-input-wrapper": ""
-}, React.createElement(Search, {
-  className: "mr-2 h-4 w-4 shrink-0 opacity-50"
-}), React.createElement(Command$1.Input, {
-  ref: ref,
-  className: cn('flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50', className),
-  ...props
-})));
+  "cmdk-input-wrapper": "",
+  children: [jsx(Search, {
+    className: "mr-2 h-4 w-4 shrink-0 opacity-50"
+  }), jsx(Command$1.Input, {
+    ref: ref,
+    className: cn('flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50', className),
+    ...props
+  })]
+}));
 CommandInput.displayName = Command$1.Input.displayName;
 const CommandList = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(Command$1.List, {
+}, ref) => jsx(Command$1.List, {
   ref: ref,
   className: cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className),
   ...props
 }));
 CommandList.displayName = Command$1.List.displayName;
-const CommandEmpty = React.forwardRef((props, ref) => React.createElement(Command$1.Empty, {
+const CommandEmpty = React.forwardRef((props, ref) => jsx(Command$1.Empty, {
   ref: ref,
   className: "py-6 text-center text-sm",
   ...props
@@ -51,7 +55,7 @@ CommandEmpty.displayName = Command$1.Empty.displayName;
 const CommandGroup = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(Command$1.Group, {
+}, ref) => jsx(Command$1.Group, {
   ref: ref,
   className: cn('overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground', className),
   ...props
@@ -60,7 +64,7 @@ CommandGroup.displayName = Command$1.Group.displayName;
 const CommandSeparator = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(Command$1.Separator, {
+}, ref) => jsx(Command$1.Separator, {
   ref: ref,
   className: cn('-mx-1 h-px bg-border', className),
   ...props
@@ -69,7 +73,7 @@ CommandSeparator.displayName = Command$1.Separator.displayName;
 const CommandItem = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(Command$1.Item, {
+}, ref) => jsx(Command$1.Item, {
   ref: ref,
   className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50", className),
   ...props
@@ -79,7 +83,7 @@ const CommandShortcut = ({
   className,
   ...props
 }) => {
-  return React.createElement("span", {
+  return jsx("span", {
     className: cn('ml-auto text-xs tracking-widest text-muted-foreground', className),
     ...props
   });

package/lib/shardui/command.js.map

@@ -1 +1 @@
-{"version":3,"file":"command.js","sources":["../../src/shardui/command.tsx"],"sourcesContent":[null],"names":["CommandPrimitive"],"mappings":";;;;;;;;;;;;;;AAuBA,IAAA,GAAA;AAAmD,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAEnD,IAAA,WAAM;AAYN,GAAA,EAAA,mBAAM,CAAA,OAAY,EAAA;;;;;;;;AAmBlB,EAAA,4CAAiB;;;;;;;;;AAajB,wBAAM,GAAYA,SAAA,CAAA,KAAA,CAAA,WAAA;;;;;;;AAOlB,EAAA,GAAA;;;;;;;;;;;AAgBA,EAAA,GAAA;;;;;;;AAQA,MAAA,gBAAM,GAAW,KAAA,CAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;AAgBjB,EAAA,GAAA,EAAA;AAAkD,EAAA,SAAA,EAAA,EAAA,CAAA,yPAAqC,EAAA,SAAA,CAAA;;CAEtF,CAAC;AAGF,WACI,CAAA,uBAEA,CAAA,IACA,CAAA,WAAW;;;;;;;;;;"}
+{"version":3,"file":"command.js","sources":["../../src/shardui/command.tsx"],"sourcesContent":[null],"names":["_jsx","CommandPrimitive"],"mappings":";;;;;;;;;;;;;AAuBA,EAAA,OAAAA,GAAU,CAAA,MAAA,EAAA;AAAyC,IAAA,GAAA,KAAA;AAEnD,IAAA,UAAMA,GAAA,CAAA,aAAiB,EAAA;AAYvB,MAAA,SAAM,EAAA,+BAAY;;;;;;;;AAmBlB,MAAA,YAAM,GAAA,KAAW,CAAA,UAAA,CAAA,CAAA;;;;;;;;;AAajB,IAAA,GAAA;;;;;;;AAOA,EAAA;;;;;;;;;;;AAgBA,EAAA,GAAA;;;;;;;AAQA,EAAA,GAAA,EAAA;;;;;;;;;;;;;AAgBA,gBAAM,CAAA,WAAA,GAAeC,SAAA,CAAA,SAAA,CAAA,WAAA;AAA6B,MAAA,WAAA,GAAA,KAAA,CAAA,UAAM,CAAA,CAAA;;EAEtD,GAAA;AAGF,CAAA,EAAA,GAAA,KACID,GAAA,CAAOC,SACM,CACb,IAAA,EAAA;;;;;;;;;;;;;;;"}

package/lib/shardui/context-menu.d.ts

@@ -21,7 +21,7 @@ declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<ContextMenu
 } & React.RefAttributes<HTMLDivElement>>;
 declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const ContextMenuShortcut: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };

package/lib/shardui/context-menu.js

@@ -1,4 +1,4 @@
-import*as React from'react';import*as ContextMenuPrimitive from'@radix-ui/react-context-menu';import {ChevronRight,Check,Circle}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const ContextMenu = ContextMenuPrimitive.Root;
+import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import*as ContextMenuPrimitive from'@radix-ui/react-context-menu';import {ChevronRight,Check,Circle}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const ContextMenu = ContextMenuPrimitive.Root;
 const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 const ContextMenuGroup = ContextMenuPrimitive.Group;
 const ContextMenuPortal = ContextMenuPrimitive.Portal;
@@ -9,18 +9,19 @@ const ContextMenuSubTrigger = React.forwardRef(({
   inset,
   children,
   ...props
-}, ref) => React.createElement(ContextMenuPrimitive.SubTrigger, {
+}, ref) => jsxs(ContextMenuPrimitive.SubTrigger, {
   ref: ref,
   className: cn('flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground', inset && 'pl-8', className),
-  ...props
-}, children, React.createElement(ChevronRight, {
-  className: "ml-auto h-4 w-4"
-})));
+  ...props,
+  children: [children, jsx(ChevronRight, {
+    className: "ml-auto h-4 w-4"
+  })]
+}));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
 const ContextMenuSubContent = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(ContextMenuPrimitive.SubContent, {
+}, ref) => jsx(ContextMenuPrimitive.SubContent, {
   ref: ref,
   className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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
@@ -29,17 +30,19 @@ ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
 const ContextMenuContent = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(ContextMenuPrimitive.Portal, null, React.createElement(ContextMenuPrimitive.Content, {
-  ref: ref,
-  className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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
-})));
+}, ref) => jsx(ContextMenuPrimitive.Portal, {
+  children: jsx(ContextMenuPrimitive.Content, {
+    ref: ref,
+    className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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
+  })
+}));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
 const ContextMenuItem = React.forwardRef(({
   className,
   inset,
   ...props
-}, ref) => React.createElement(ContextMenuPrimitive.Item, {
+}, ref) => jsx(ContextMenuPrimitive.Item, {
   ref: ref,
   className: cn('relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', inset && 'pl-8', className),
   ...props
@@ -50,36 +53,44 @@ const ContextMenuCheckboxItem = React.forwardRef(({
   children,
   checked,
   ...props
-}, ref) => React.createElement(ContextMenuPrimitive.CheckboxItem, {
+}, ref) => jsxs(ContextMenuPrimitive.CheckboxItem, {
   ref: ref,
   className: cn('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
   checked: checked,
-  ...props
-}, React.createElement("span", {
-  className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
-}, React.createElement(ContextMenuPrimitive.ItemIndicator, null, React.createElement(Check, {
-  className: "h-4 w-4"
-}))), children));
+  ...props,
+  children: [jsx("span", {
+    className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+    children: jsx(ContextMenuPrimitive.ItemIndicator, {
+      children: jsx(Check, {
+        className: "h-4 w-4"
+      })
+    })
+  }), children]
+}));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
 const ContextMenuRadioItem = React.forwardRef(({
   className,
   children,
   ...props
-}, ref) => React.createElement(ContextMenuPrimitive.RadioItem, {
+}, ref) => jsxs(ContextMenuPrimitive.RadioItem, {
   ref: ref,
   className: cn('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
-  ...props
-}, React.createElement("span", {
-  className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
-}, React.createElement(ContextMenuPrimitive.ItemIndicator, null, React.createElement(Circle, {
-  className: "h-2 w-2 fill-current"
-}))), children));
+  ...props,
+  children: [jsx("span", {
+    className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+    children: jsx(ContextMenuPrimitive.ItemIndicator, {
+      children: jsx(Circle, {
+        className: "h-2 w-2 fill-current"
+      })
+    })
+  }), children]
+}));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
 const ContextMenuLabel = React.forwardRef(({
   className,
   inset,
   ...props
-}, ref) => React.createElement(ContextMenuPrimitive.Label, {
+}, ref) => jsx(ContextMenuPrimitive.Label, {
   ref: ref,
   className: cn('px-2 py-1.5 text-sm font-semibold text-foreground', inset && 'pl-8', className),
   ...props
@@ -88,7 +99,7 @@ ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
 const ContextMenuSeparator = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement(ContextMenuPrimitive.Separator, {
+}, ref) => jsx(ContextMenuPrimitive.Separator, {
   ref: ref,
   className: cn('-mx-1 my-1 h-px bg-border', className),
   ...props
@@ -98,7 +109,7 @@ const ContextMenuShortcut = ({
   className,
   ...props
 }) => {
-  return React.createElement("span", {
+  return jsx("span", {
     className: cn('ml-auto text-xs tracking-widest text-muted-foreground', className),
     ...props
   });

package/lib/shardui/context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.js","sources":["../../src/shardui/context-menu.tsx"],"sourcesContent":[null],"names":[],"mappings":"0PAUA,MAAA,WAAM,GAAA,oBAAgB,CAAA;AAEtB,MAAA,kBAAM,GAAA,oBAAiB,CAAA;AAEvB,MAAA,gBAAM,GAAA,oBAAc,CAAA;AAEpB,MAAA,iBAAM,GAAA,oBAAqB,CAAA;AAE3B,MAAA,cAAM,GAAA,oBAAqB,CAAA;2BAGJ,GAAA,oBAAA,CAAA;8CAepB,CAAA,CAAA;AAGH,EAAA,SAAA;AAeA,EAAA,KAAA;AAiBA,EAAA;;mDAeG,CAAA,UAAA,EAAA;AAGH,EAAA,GAAA,EAAA,GAAA;AAuBA,EAAA,SAAA,EAAA,EAAM,CAAA,4MAmBH,EAAA,KAAA,IAAA,MAAA,EAAA,SAAA,CAAA;AAGH,EAAA,GAAA;aAGgB,KAAA,CAAO,aAAA,CAAA,YAAA,EAAA;;AAWvB,CAAA,CAAA,CAAA;AAQA,qBAAM,CAAA,WAAmB,GAAA,oBAAA,CAAA,UAAA,CAAA,WAAA;AAA6B,MAAA,qBAAA,GAAA,KAAK,CAAC,UAAA,CAAA,CAAA;;EAE1D,GAAA;AAGF,CAAA,EAAA,GAAA,KACI,KAAA,CAAA,aACA,CAAA,oBACA,CAAA,UACA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"context-menu.js","sources":["../../src/shardui/context-menu.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"mSAYA,MAAA,WAAM,GAAA,oBAAiB,CAAA;AAEvB,MAAA,kBAAM,GAAA,oBAAc,CAAA;AAEpB,MAAA,gBAAM,GAAA,oBAAqB,CAAA;AAE3B,MAAA,iBAAM,GAAA,oBAAqB,CAAA;oBAGJ,GAAA,oBAAA,CAAA;kDAepB,CAAA;AAGH,MAAA,qBAAM,GAAA,KAAqB,CAAA,UAAA,CAAA,CAAA;AAe3B,EAAA,SAAA;AAiBA,EAAA,KAAA;;;AAkBA,CAAA,EAAA,GAAA,KAAAA,IAAM,CAAA,oBAAuB,CAAA,UAAA,EAAA;AAuB7B,EAAA,GAAA,EAAA,GAAA;AAsBA,EAAA,aAAM,CAAA,4MAAgB,EAAA,KAAA,IAAA,MAAA,EAAA,SAAA,CAAA;;uCAWpB,EAAC;AAGH,IAAA,SAAA,EAAM;AAQN,GAAA,CAAA;AAAsD,CAAA,CAAA;;AAEpD,MAAA,qBAAA,GAAA,KAAA,CAAA,UAAA,CAAA,CAAA;AAGF,EAAA,SACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/dialog.d.ts

@@ -7,11 +7,11 @@ declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.Dialo
 declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;