@admin-layout/tailwind-ui 12.2.4-alpha.4 → 12.2.4-alpha.42

package/lib/shardui/card.js

@@ -1,7 +1,7 @@
-import*as React from'react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Card = React.forwardRef(({
+import {jsx}from'react/jsx-runtime';import*as React from'react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Card = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("div", {
+}, ref) => jsx("div", {
   ref: ref,
   className: cn('rounded-lg border bg-card text-card-foreground shadow-sm', className),
   ...props
@@ -10,7 +10,7 @@ Card.displayName = 'Card';
 const CardHeader = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("div", {
+}, ref) => jsx("div", {
   ref: ref,
   className: cn('flex flex-col space-y-1.5 p-6', className),
   ...props
@@ -19,7 +19,7 @@ CardHeader.displayName = 'CardHeader';
 const CardTitle = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("h3", {
+}, ref) => jsx("h3", {
   ref: ref,
   className: cn('text-2xl font-semibold leading-none tracking-tight', className),
   ...props
@@ -28,7 +28,7 @@ CardTitle.displayName = 'CardTitle';
 const CardDescription = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("p", {
+}, ref) => jsx("p", {
   ref: ref,
   className: cn('text-sm text-muted-foreground', className),
   ...props
@@ -37,7 +37,7 @@ CardDescription.displayName = 'CardDescription';
 const CardContent = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("div", {
+}, ref) => jsx("div", {
   ref: ref,
   className: cn('p-6 pt-0', className),
   ...props
@@ -46,7 +46,7 @@ CardContent.displayName = 'CardContent';
 const CardFooter = React.forwardRef(({
   className,
   ...props
-}, ref) => React.createElement("div", {
+}, ref) => jsx("div", {
   ref: ref,
   className: cn('flex items-center p-6 pt-0', className),
   ...props

package/lib/shardui/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../../src/shardui/card.tsx"],"sourcesContent":[null],"names":[],"mappings":"mIASA,MAAA,IAAA,GAAA,KAAM,CAAA,UAAU,CAAA,CAAA;AAOhB,EAAA,SAAA;AAOA,EAAA,GAAA;AAOA,CAAA,EAAA,GAAA,KAAA,KAAM,CAAA,aAAW,CAAA,KAAA,EAAA;AAKjB,EAAA,GAAA,EAAA,GAAA;AAOA,EAAA,SAAS,EAAI,EAAE,CAAA,0DAAoD,EAAA,SAAc,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"card.js","sources":["../../src/shardui/card.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"uKAgBA,MAAA,IAAA,GAAA,KAAM,CAAA,UAAS,CAAA,CAAA;AAOf,EAAA,SAAA;AAOA,EAAA,GAAA;AAKA,CAAA,EAAA,GAAA,KAAAA,GAAM,CAAA,KAAA,EAAA;AAON,EAAA,GAAA,EAAO,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/carousel.js

@@ -1,4 +1,4 @@
-import*as React from'react';import useEmblaCarousel from'embla-carousel-react';import {ArrowLeft,ArrowRight}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';import {Button}from'./button.js';const CarouselContext = React.createContext(null);
+import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import useEmblaCarousel from'embla-carousel-react';import {ArrowLeft,ArrowRight}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';import {Button}from'./button.js';const CarouselContext = React.createContext(null);
 function useCarousel() {
   const context = React.useContext(CarouselContext);
   if (!context) {
@@ -60,7 +60,7 @@ const Carousel = React.forwardRef(({
       api?.off('select', onSelect);
     };
   }, [api, onSelect]);
-  return React.createElement(CarouselContext.Provider, {
+  return jsx(CarouselContext.Provider, {
     value: {
       carouselRef,
       api: api,
@@ -70,15 +70,17 @@ const Carousel = React.forwardRef(({
       scrollNext,
       canScrollPrev,
       canScrollNext
-    }
-  }, React.createElement("div", {
-    ref: ref,
-    onKeyDownCapture: handleKeyDown,
-    className: cn('relative', className),
-    role: "region",
-    "aria-roledescription": "carousel",
-    ...props
-  }, children));
+    },
+    children: jsx("div", {
+      ref: ref,
+      onKeyDownCapture: handleKeyDown,
+      className: cn('relative', className),
+      role: "region",
+      "aria-roledescription": "carousel",
+      ...props,
+      children: children
+    })
+  });
 });
 Carousel.displayName = 'Carousel';
 const CarouselContent = React.forwardRef(({
@@ -89,14 +91,15 @@ const CarouselContent = React.forwardRef(({
     carouselRef,
     orientation
   } = useCarousel();
-  return React.createElement("div", {
+  return jsx("div", {
     ref: carouselRef,
-    className: "overflow-hidden"
-  }, React.createElement("div", {
-    ref: ref,
-    className: cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className),
-    ...props
-  }));
+    className: "overflow-hidden",
+    children: jsx("div", {
+      ref: ref,
+      className: cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className),
+      ...props
+    })
+  });
 });
 CarouselContent.displayName = 'CarouselContent';
 const CarouselItem = React.forwardRef(({
@@ -106,7 +109,7 @@ const CarouselItem = React.forwardRef(({
   const {
     orientation
   } = useCarousel();
-  return React.createElement("div", {
+  return jsx("div", {
     ref: ref,
     role: "group",
     "aria-roledescription": "slide",
@@ -126,19 +129,21 @@ const CarouselPrevious = React.forwardRef(({
     scrollPrev,
     canScrollPrev
   } = useCarousel();
-  return React.createElement(Button, {
+  return jsxs(Button, {
     ref: ref,
     variant: variant,
     size: size,
     className: cn('absolute  h-8 w-8 rounded-full', orientation === 'horizontal' ? '-left-12 top-1/2 -translate-y-1/2' : '-top-12 left-1/2 -translate-x-1/2 rotate-90', className),
     disabled: !canScrollPrev,
     onClick: scrollPrev,
-    ...props
-  }, React.createElement(ArrowLeft, {
-    className: "h-4 w-4"
-  }), React.createElement("span", {
-    className: "sr-only"
-  }, "Previous slide"));
+    ...props,
+    children: [jsx(ArrowLeft, {
+      className: "h-4 w-4"
+    }), jsx("span", {
+      className: "sr-only",
+      children: "Previous slide"
+    })]
+  });
 });
 CarouselPrevious.displayName = 'CarouselPrevious';
 const CarouselNext = React.forwardRef(({
@@ -152,18 +157,20 @@ const CarouselNext = React.forwardRef(({
     scrollNext,
     canScrollNext
   } = useCarousel();
-  return React.createElement(Button, {
+  return jsxs(Button, {
     ref: ref,
     variant: variant,
     size: size,
     className: cn('absolute h-8 w-8 rounded-full', orientation === 'horizontal' ? '-right-12 top-1/2 -translate-y-1/2' : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90', className),
     disabled: !canScrollNext,
     onClick: scrollNext,
-    ...props
-  }, React.createElement(ArrowRight, {
-    className: "h-4 w-4"
-  }), React.createElement("span", {
-    className: "sr-only"
-  }, "Next slide"));
+    ...props,
+    children: [jsx(ArrowRight, {
+      className: "h-4 w-4"
+    }), jsx("span", {
+      className: "sr-only",
+      children: "Next slide"
+    })]
+  });
 });
 CarouselNext.displayName = 'CarouselNext';export{Carousel,CarouselContent,CarouselItem,CarouselNext,CarouselPrevious};//# sourceMappingURL=carousel.js.map

package/lib/shardui/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sources":["../../src/shardui/carousel.tsx"],"sourcesContent":[null],"names":[],"mappings":"uQAUA,qBAAmB,GAAG,KAAA,CAAA,aAAqB,CAAC,IAAG,CAAA;AAE/C,oBAAkB,GAAG;QACb,OAAG,GAAA,KAAA,CAAA,UAAgB,CAAA,eAAA,CAAA;MACvB,CAAA,OAAU,EAAA;AACV,IAAA,MAAA,IAAA,KAAc,CAAA,gDAA0B,CAAA;;EAE1C,OAAA,OAAA;AAuBF;AA6FA,MAAA,QAAM,GAAA,KAAA,CAAA,UAAe,CAAA,CAAA;AAiBrB,EAAA,WAAA,GAAM,YAAY;AAqBlB,EAAA,IAAA;AA4BA,EAAA,MAAA;AA4BA,EAAA,OAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"carousel.js","sources":["../../src/shardui/carousel.tsx"],"sourcesContent":[null],"names":[],"mappings":"gTAYA,qBAAqB,GAAA,KAAA,CAAA,aAAA,CAAA,IAAA,CAAA;SACZ,WAAE,GAAA;QACP,OAAU,GAAA,KAAA,CAAA,UAAe,CAAA,eAAA,CAAA;AACzB,EAAA,IAAA,CAAA,OAAA,EAAY;IACZ,MAAM,IAAI,KAAK,CAAA,gDAAqB,CAAA;EACtC;AAuBF,EAAA,OAAA,OAAM;AA6FN;AAiBA,MAAA,QAAM,GAAA,KAAA,CAAA,UAAY,CAAA,CAAA;AAqBlB,EAAA,WAAA,GAAM,YAAA;AA4BN,EAAA,IAAA;AA4BA,EAAA,MAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/chart.d.ts

@@ -23,7 +23,7 @@ declare const ChartContainer: React.ForwardRefExoticComponent<Omit<React.ClassAt
 declare const ChartStyle: ({ id, config }: {
     id: string;
     config: ChartConfig;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
 declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<RechartsPrimitive.DefaultTooltipContentProps<import("recharts/types/component/DefaultTooltipContent").ValueType, import("recharts/types/component/DefaultTooltipContent").NameType> & {
     accessibilityLayer?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/shardui/chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,UAAU,CAAC;AAK9C,QAAA,MAAM,MAAM;;;CAAwC,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG;KACrB,CAAC,IAAI,MAAM,GAAG;QACX,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC9B,GAAG,CAAC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,KAAK,CAAA;KAAE,GAAG;QAAE,KAAK,CAAC,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC;CAC1G,CAAC;AAkBF,QAAA,MAAM,cAAc;YAGJ,WAAW;cACT,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,mBAAmB,CAAC,CAAC,UAAU,CAAC;gDAsB9F,CAAC;AAGH,QAAA,MAAM,UAAU,GAAI,gBAAgB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,sBA2BtE,CAAC;AAEF,QAAA,MAAM,YAAY,kCAA4B,CAAC;AAE/C,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;gBAID,OAAO;oBACH,OAAO;gBACX,MAAM,GAAG,KAAK,GAAG,QAAQ;cAC3B,MAAM;eACL,MAAM;gDAmI5B,CAAC;AAGF,QAAA,MAAM,WAAW,iCAA2B,CAAC;AAE7C,QAAA,MAAM,kBAAkB;eAID,OAAO;cACR,MAAM;gDA6C1B,CAAC;AA6BH,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,mBAAmB,EAAE,WAAW,EAAE,kBAAkB,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/shardui/chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,UAAU,CAAC;AAK9C,QAAA,MAAM,MAAM;;;CAAwC,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG;KACrB,CAAC,IAAI,MAAM,GAAG;QACX,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC9B,GAAG,CAAC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,KAAK,CAAA;KAAE,GAAG;QAAE,KAAK,CAAC,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC;CAC1G,CAAC;AAkBF,QAAA,MAAM,cAAc;YAGJ,WAAW;cACT,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,mBAAmB,CAAC,CAAC,UAAU,CAAC;gDAsB9F,CAAC;AAGH,QAAA,MAAM,UAAU,GAAI,gBAAgB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,4CA2BtE,CAAC;AAEF,QAAA,MAAM,YAAY,kCAA4B,CAAC;AAE/C,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;gBAID,OAAO;oBACH,OAAO;gBACX,MAAM,GAAG,KAAK,GAAG,QAAQ;cAC3B,MAAM;eACL,MAAM;gDAmI5B,CAAC;AAGF,QAAA,MAAM,WAAW,iCAA2B,CAAC;AAE7C,QAAA,MAAM,kBAAkB;eAID,OAAO;cACR,MAAM;gDA6C1B,CAAC;AA6BH,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,mBAAmB,EAAE,WAAW,EAAE,kBAAkB,EAAE,UAAU,EAAE,CAAC"}

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, };