@admin-layout/tailwind-ui 10.1.1-alpha.8 → 12.0.16-alpha.0

package/lib/shardui/chart.js

@@ -0,0 +1,197 @@
+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';// Format: { THEME_NAME: CSS_SELECTOR }
+const THEMES = {
+  light: '',
+  dark: '.dark'
+};
+const ChartContext = React.createContext(null);
+function useChart() {
+  const context = React.useContext(ChartContext);
+  if (!context) {
+    throw new Error('useChart must be used within a <ChartContainer />');
+  }
+  return context;
+}
+const ChartContainer = React.forwardRef(({
+  id,
+  className,
+  children,
+  config,
+  ...props
+}, ref) => {
+  const uniqueId = React.useId();
+  const chartId = `chart-${id || uniqueId.replace(/:/g, '')}`;
+  return jsx(ChartContext.Provider, {
+    value: {
+      config
+    },
+    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 = ({
+  id,
+  config
+}) => {
+  const colorConfig = Object.entries(config).filter(([_, config]) => config.theme || config.color);
+  if (!colorConfig.length) {
+    return null;
+  }
+  return jsx("style", {
+    dangerouslySetInnerHTML: {
+      __html: Object.entries(THEMES).map(([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig.map(([key, itemConfig]) => {
+        const color = itemConfig.theme?.[theme] || itemConfig.color;
+        return color ? `  --color-${key}: ${color};` : null;
+      }).join('\n')}
+}
+`).join('\n')
+    }
+  });
+};
+const ChartTooltip = RechartsPrimitive.Tooltip;
+const ChartTooltipContent = React.forwardRef(({
+  active,
+  payload,
+  className,
+  indicator = 'dot',
+  hideLabel = false,
+  hideIndicator = false,
+  label,
+  labelFormatter,
+  labelClassName,
+  formatter,
+  color,
+  nameKey,
+  labelKey
+}, ref) => {
+  const {
+    config
+  } = useChart();
+  const tooltipLabel = React.useMemo(() => {
+    if (hideLabel || !payload?.length) {
+      return null;
+    }
+    const [item] = payload;
+    const key = `${labelKey || item.dataKey || item.name || 'value'}`;
+    const itemConfig = getPayloadConfigFromPayload(config, item, key);
+    const value = !labelKey && typeof label === 'string' ? config[label]?.label || label : itemConfig?.label;
+    if (labelFormatter) {
+      return jsx("div", {
+        className: cn('font-medium', labelClassName),
+        children: labelFormatter(value, payload)
+      });
+    }
+    if (!value) {
+      return null;
+    }
+    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 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),
+    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;
+const ChartLegendContent = React.forwardRef(({
+  className,
+  hideIcon = false,
+  payload,
+  verticalAlign = 'bottom',
+  nameKey
+}, ref) => {
+  const {
+    config
+  } = useChart();
+  if (!payload?.length) {
+    return null;
+  }
+  return jsx("div", {
+    ref: ref,
+    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.
+function getPayloadConfigFromPayload(config, payload, key) {
+  if (typeof payload !== 'object' || payload === null) {
+    return undefined;
+  }
+  const payloadPayload = 'payload' in payload && typeof payload.payload === 'object' && payload.payload !== null ? payload.payload : undefined;
+  let configLabelKey = key;
+  if (key in payload && typeof payload[key] === 'string') {
+    configLabelKey = payload[key];
+  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === 'string') {
+    configLabelKey = payloadPayload[key];
+  }
+  return configLabelKey in config ? config[configLabelKey] : config[key];
+}export{ChartContainer,ChartLegend,ChartLegendContent,ChartStyle,ChartTooltip,ChartTooltipContent};//# sourceMappingURL=chart.js.map

package/lib/shardui/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","sources":["../../src/shardui/chart.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";MAMqD,MAAA,GAAA;AAErD,EAAM,KAAA,EAAA,EAAA;MACA,EAAA;AACE,CAAA;AACA,MAAA,YAAY,GAAC,mBAAc,CAAA,IAAA,CAAA;AAC9B,SAAI,QAAA,GAAA;QAAE,OAAQ,GAAA,KAAO,CAAA,UAAA,CAAA,YAAA,CAAA;cAAO,EAAE;UAAU,IAAA,KAAA,CAAA,mDAAA,CAAA;;SAAsB;;AACjE,MAAA,cAAA,GAAA,KAAA,CAAA,UAAA,CAAA,CAAA;AAkBF,EAAA,EAAA;;;;AA6BA,EAAA,GAAA;MAAwC;QAAgB,gBAAa,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;;;;;;;;;;;;;;;;;;;;;;;kBAI+B,CAAA,MAAA,EAAA;;;aAGT,OAAM,EAAA;2BACC,EAAA;gDAmI5B,EAAC,MAAA,CAAA,KAAA;AAGF,EAAA,MAAA,CAAA,aAAiB,EAAA,EAAA,CAAA;AAEjB,EAAA,YAAM,GAAkB,CAAA,CAAA,CAAA,GAAA,EAAA,UAAA,CAAA,KAAA;mBAIM,GAAA,UAAA,CAAA,KAAA,GAAA,KAAA,CAAA,IAAA,UAAA,CAAA,KAAA;eACF,KAAA,GAAA,CAAA,UAAA,EAAA,GAAA,CAAA,EAAA,EAAA,KAAA,CAAA,CAAA,CAAA,GAAA,IAAA;;AA0E5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/checkbox.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/shardui/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAK9D,QAAA,MAAM,QAAQ,iKAgBZ,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/lib/shardui/checkbox.js

@@ -0,0 +1,15 @@
+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';const Checkbox = React.forwardRef(({
+  className,
+  ...props
+}, 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,
+  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

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

package/lib/shardui/collapsible.d.ts

@@ -0,0 +1,6 @@
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+//# sourceMappingURL=collapsible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../src/shardui/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE,QAAA,MAAM,WAAW,kIAA4B,CAAC;AAE9C,QAAA,MAAM,kBAAkB,4IAA0C,CAAC;AAEnE,QAAA,MAAM,kBAAkB,yIAA0C,CAAC;AAEnE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}

package/lib/shardui/collapsible.js

@@ -0,0 +1,3 @@
+import*as CollapsiblePrimitive from'@radix-ui/react-collapsible';const Collapsible = CollapsiblePrimitive.Root;
+const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
+const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;export{Collapsible,CollapsibleContent,CollapsibleTrigger};//# sourceMappingURL=collapsible.js.map

package/lib/shardui/collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.js","sources":["../../src/shardui/collapsible.tsx"],"sourcesContent":[null],"names":[],"mappings":"iEAEA,MAAA,WAAiB,GAAA,oBAAA,CAAA;AAEjB,MAAA,kBAAwB,GAAA,oBAAA,CAAA;AAExB,MAAA,kBAAwB,GAAA,oBAAA,CAAA"}

package/lib/shardui/command.d.ts

@@ -0,0 +1,83 @@
+import * as React from 'react';
+import { type DialogProps } from '@radix-ui/react-dialog';
+declare const Command: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface CommandDialogProps extends DialogProps {
+}
+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>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "asChild">, "value" | "onChange" | "type"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    alwaysRender?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "disabled" | "onSelect"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
+//# sourceMappingURL=command.d.ts.map

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

@@ -0,0 +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,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

@@ -0,0 +1,91 @@
+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';import {Dialog,DialogContent}from'./dialog.js';const Command = React.forwardRef(({
+  className,
+  ...props
+}, 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
+}));
+Command.displayName = Command$1.displayName;
+const CommandDialog = ({
+  children,
+  ...props
+}) => {
+  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) => jsxs("div", {
+  className: "flex items-center border-b px-3",
+  "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) => 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) => jsx(Command$1.Empty, {
+  ref: ref,
+  className: "py-6 text-center text-sm",
+  ...props
+}));
+CommandEmpty.displayName = Command$1.Empty.displayName;
+const CommandGroup = React.forwardRef(({
+  className,
+  ...props
+}, 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
+}));
+CommandGroup.displayName = Command$1.Group.displayName;
+const CommandSeparator = React.forwardRef(({
+  className,
+  ...props
+}, ref) => jsx(Command$1.Separator, {
+  ref: ref,
+  className: cn('-mx-1 h-px bg-border', className),
+  ...props
+}));
+CommandSeparator.displayName = Command$1.Separator.displayName;
+const CommandItem = React.forwardRef(({
+  className,
+  ...props
+}, 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
+}));
+CommandItem.displayName = Command$1.Item.displayName;
+const CommandShortcut = ({
+  className,
+  ...props
+}) => {
+  return jsx("span", {
+    className: cn('ml-auto text-xs tracking-widest text-muted-foreground', className),
+    ...props
+  });
+};
+CommandShortcut.displayName = 'CommandShortcut';export{Command,CommandDialog,CommandEmpty,CommandGroup,CommandInput,CommandItem,CommandList,CommandSeparator,CommandShortcut};//# sourceMappingURL=command.js.map

package/lib/shardui/command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.js","sources":["../../src/shardui/command.tsx"],"sourcesContent":[null],"names":["_jsx","CommandPrimitive"],"mappings":";;;;;;;;;;;;;AAuBA,EAAU,OAAAA,GAAA,CAAA,MAAA,EAAA;AAAyC,IAAA,GAAA,KAAA;AAEnD,IAAA,UAAMA,GAAa,CAAA,aAA4B,EAAA;AAY/C,MAAA,SAAkB,EAAA,+BAAA;;;;;;;;AAmBlB,MAAA,YAAiB,GAAA,KAAA,CAAA,UAAA,CAAA,CAAA;;;;;;;;;AAajB,IAAA,GAAA;;;;;;;AAOA,EAAA;;;;;;;;;;;AAgBA,EAAA,GAAA;;;;;;;AAQA,EAAA,GAAA,EAAA;;;;;;;;;;;;;AAgBA,gBAAqB,CAAA,WAAA,GAAAC,SAAA,CAAA,SAAA,CAAA,WAAA;AAA6B,MAAA,WAAA,GAAA,KAAA,CAAA,UAAM,CAAA,CAAA;;EAEtD,GAAA;AAGF,CAAA,EAAA,GAAA,KACWD,GAAA,CAAAC,SAEP,CAAA,IAAA,EAAA;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+declare const ContextMenu: React.FC<ContextMenuPrimitive.ContextMenuProps>;
+declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
+declare const ContextMenuGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuPortal: React.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
+declare const ContextMenuSub: React.FC<ContextMenuPrimitive.ContextMenuSubProps>;
+declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & 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>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };
+//# sourceMappingURL=context-menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/shardui/context-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAKrE,QAAA,MAAM,WAAW,iDAA4B,CAAC;AAE9C,QAAA,MAAM,kBAAkB,sHAA+B,CAAC;AAExD,QAAA,MAAM,gBAAgB,mHAA6B,CAAC;AAEpD,QAAA,MAAM,iBAAiB,uDAA8B,CAAC;AAEtD,QAAA,MAAM,cAAc,oDAA2B,CAAC;AAEhD,QAAA,MAAM,qBAAqB,wHAAkC,CAAC;AAE9D,QAAA,MAAM,qBAAqB;YAGX,OAAO;wCAerB,CAAC;AAGH,QAAA,MAAM,qBAAqB,2KAYzB,CAAC;AAGH,QAAA,MAAM,kBAAkB,wKActB,CAAC;AAGH,QAAA,MAAM,eAAe;YAGL,OAAO;wCAYrB,CAAC;AAGH,QAAA,MAAM,uBAAuB,6KAoB3B,CAAC;AAGH,QAAA,MAAM,oBAAoB,0KAmBxB,CAAC;AAGH,QAAA,MAAM,gBAAgB;YAGN,OAAO;wCAQrB,CAAC;AAGH,QAAA,MAAM,oBAAoB,0KAKxB,CAAC;AAGH,QAAA,MAAM,mBAAmB;8BAA6B,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAE1F,CAAC;AAGF,OAAO,EACH,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,GACxB,CAAC"}

package/lib/shardui/context-menu.js

@@ -0,0 +1,117 @@
+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';const ContextMenu = ContextMenuPrimitive.Root;
+const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+const ContextMenuGroup = ContextMenuPrimitive.Group;
+const ContextMenuPortal = ContextMenuPrimitive.Portal;
+const ContextMenuSub = ContextMenuPrimitive.Sub;
+const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
+const ContextMenuSubTrigger = React.forwardRef(({
+  className,
+  inset,
+  children,
+  ...props
+}, 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: [children, jsx(ChevronRight, {
+    className: "ml-auto h-4 w-4"
+  })]
+}));
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
+const ContextMenuSubContent = React.forwardRef(({
+  className,
+  ...props
+}, 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
+}));
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
+const ContextMenuContent = React.forwardRef(({
+  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) => 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
+}));
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
+const ContextMenuCheckboxItem = React.forwardRef(({
+  className,
+  children,
+  checked,
+  ...props
+}, 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,
+  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) => 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,
+  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) => jsx(ContextMenuPrimitive.Label, {
+  ref: ref,
+  className: cn('px-2 py-1.5 text-sm font-semibold text-foreground', inset && 'pl-8', className),
+  ...props
+}));
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
+const ContextMenuSeparator = React.forwardRef(({
+  className,
+  ...props
+}, ref) => jsx(ContextMenuPrimitive.Separator, {
+  ref: ref,
+  className: cn('-mx-1 my-1 h-px bg-border', className),
+  ...props
+}));
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
+const ContextMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return jsx("span", {
+    className: cn('ml-auto text-xs tracking-widest text-muted-foreground', className),
+    ...props
+  });
+};
+ContextMenuShortcut.displayName = 'ContextMenuShortcut';export{ContextMenu,ContextMenuCheckboxItem,ContextMenuContent,ContextMenuGroup,ContextMenuItem,ContextMenuLabel,ContextMenuPortal,ContextMenuRadioGroup,ContextMenuRadioItem,ContextMenuSeparator,ContextMenuShortcut,ContextMenuSub,ContextMenuSubContent,ContextMenuSubTrigger,ContextMenuTrigger};//# sourceMappingURL=context-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.js","sources":["../../src/shardui/context-menu.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"gSAYA,MAAA,WAAuB,GAAA,oBAAA,CAAA;AAEvB,MAAA,kBAAoB,GAAA,oBAAA,CAAA;AAEpB,MAAA,gBAA2B,GAAA,oBAAA,CAAA;AAE3B,MAAA,iBAA2B,GAAA,oBAAA,CAAA;oBAGJ,GAAA,oBAAA,CAAA;kDAepB,CAAA;AAGH,MAAA,qBAA2B,GAAA,KAAA,CAAA,UAAA,CAAA,CAAA;AAe3B,EAAA,SAAA;AAiBA,EAAA,KAAA;;;AAkBA,CAAA,EAAA,GAAA,KAAAA,IAA6B,CAAA,oBAAA,CAAA,UAAA,EAAA;AAuB7B,EAAA,GAAA,EAAA,GAAA;AAsBA,EAAA,aAAsB,CAAA,4MAAA,EAAA,KAAA,IAAA,MAAA,EAAA,SAAA,CAAA;;uCAWpB,EAAC;AAGH,IAAA,SAAA,EAA0B;AAQ1B,GAAA,CAAA;AAAsD,CAAA,CAAA;;AAEpD,MAAA,qBAAA,GAAA,KAAA,CAAA,UAAA,CAAA,CAAA;AAGF,EAAA,SACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/shardui/dialog.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+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>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ 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>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
+//# sourceMappingURL=dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/shardui/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC,QAAA,MAAM,aAAa,8GAA0B,CAAC;AAE9C,QAAA,MAAM,YAAY,6CAAyB,CAAC;AAE5C,QAAA,MAAM,WAAW,4GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,8JAYjB,CAAC;AAGH,QAAA,MAAM,aAAa,8JAqBjB,CAAC;AAGH,QAAA,MAAM,YAAY;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAElF,CAAC;AAGF,QAAA,MAAM,YAAY;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAElF,CAAC;AAGF,QAAA,MAAM,WAAW,oKASf,CAAC;AAGH,QAAA,MAAM,iBAAiB,8KAKrB,CAAC;AAGH,OAAO,EACH,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GACpB,CAAC"}