@acronis-platform/shadcn-uikit 0.5.0 → 0.7.0

package/dist/components/ui/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","sources":["../../../src/components/ui/chart.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as RechartsPrimitive from \"recharts\"\nimport type { LegendPayload } from \"recharts/types/component/DefaultLegendContent\"\nimport {\n    NameType,\n    Payload,\n    ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\"\nimport type { Props as LegendProps } from \"recharts/types/component/Legend\"\nimport { TooltipContentProps } from \"recharts/types/component/Tooltip\"\n\nimport { cn } from \"@/lib/utils\"\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: \"\", dark: \".dark\" } as const\n\nexport type ChartConfig = {\n    [k in string]: {\n    label?: React.ReactNode\n    icon?: React.ComponentType\n} & (\n    | { color?: string; theme?: never }\n    | { color?: never; theme: Record<keyof typeof THEMES, string> }\n    )\n}\n\ntype ChartContextProps = {\n    config: ChartConfig\n}\n\nexport type CustomTooltipProps = TooltipContentProps<ValueType, NameType> & {\n    className?: string\n    hideLabel?: boolean\n    hideIndicator?: boolean\n    indicator?: \"line\" | \"dot\" | \"dashed\"\n    nameKey?: string\n    labelKey?: string\n    labelFormatter?: (\n        label: TooltipContentProps<number, string>[\"label\"],\n        payload: TooltipContentProps<number, string>[\"payload\"]\n    ) => React.ReactNode\n    formatter?: (\n        value: number | string,\n        name: string,\n        item: Payload<number | string, string>,\n        index: number,\n        payload: ReadonlyArray<Payload<number | string, string>>\n    ) => React.ReactNode\n    labelClassName?: string\n    color?: string\n}\n\nexport type ChartLegendContentProps = {\n    className?: string\n    hideIcon?: boolean\n    verticalAlign?: LegendProps[\"verticalAlign\"]\n    payload?: LegendPayload[]\n    nameKey?: string\n}\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null)\n\nfunction useChart() {\n    const context = React.useContext(ChartContext)\n\n    if (!context) {\n        throw new Error(\"useChart must be used within a <ChartContainer />\")\n    }\n\n    return context\n}\n\nfunction ChartContainer({\n                            id,\n                            className,\n                            children,\n                            config,\n                            ...props\n                        }: React.ComponentProps<\"div\"> & {\n    config: ChartConfig\n    children: React.ComponentProps<\n        typeof RechartsPrimitive.ResponsiveContainer\n    >[\"children\"]\n}) {\n    const uniqueId = React.useId()\n    const chartId = `chart-${id || uniqueId.replace(/:/g, \"\")}`\n\n    return (\n        <ChartContext.Provider value={{ config }}>\n            <div\n                data-slot=\"chart\"\n                data-chart={chartId}\n                className={cn(\n                    \"[&_.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-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 flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden\",\n                    className\n                )}\n                {...props}\n            >\n                <ChartStyle id={chartId} config={config} />\n                <RechartsPrimitive.ResponsiveContainer>\n                    {children}\n                </RechartsPrimitive.ResponsiveContainer>\n            </div>\n        </ChartContext.Provider>\n    )\n}\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n    const colorConfig = Object.entries(config).filter(\n        ([, config]) => config.theme || config.color\n    )\n\n    if (!colorConfig.length) {\n        return null\n    }\n\n    return (\n        <style\n            dangerouslySetInnerHTML={{\n                __html: Object.entries(THEMES)\n                    .map(\n                        ([theme, prefix]) => `\n            ${prefix} [data-chart=${id}] {\n            ${colorConfig\n                            .map(([key, itemConfig]) => {\n                                const color =\n                                    itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||\n                                    itemConfig.color\n                                return color ? `  --color-${key}: ${color};` : null\n                            })\n                            .join(\"\\n\")}\n            }\n            `\n                    )\n                    .join(\"\\n\"),\n            }}\n        />\n    )\n}\n\nconst ChartTooltip = RechartsPrimitive.Tooltip\n\nfunction ChartTooltipContent({\n                                 active,\n                                 payload,\n                                 label,\n                                 className,\n                                 indicator = \"dot\",\n                                 hideLabel = false,\n                                 hideIndicator = false,\n                                 labelFormatter,\n                                 formatter,\n                                 labelClassName,\n                                 color,\n                                 nameKey,\n                                 labelKey,\n                             }: CustomTooltipProps) {\n    const { config } = useChart()\n\n    const tooltipLabel = React.useMemo(() => {\n        if (hideLabel || !payload?.length) {\n            return null\n        }\n\n        const [item] = payload\n        const key = `${labelKey || item?.dataKey || item?.name || \"value\"}`\n        const itemConfig = getPayloadConfigFromPayload(config, item, key)\n        const value = (() => {\n            const v =\n                !labelKey && typeof label === \"string\"\n                    ? config[label as keyof typeof config]?.label ?? label\n                    : itemConfig?.label\n\n            return typeof v === \"string\" || typeof v === \"number\" ? v : undefined\n        })()\n\n        if (labelFormatter) {\n            return (\n                <div className={cn(\"font-medium\", labelClassName)}>\n                    {labelFormatter(value, payload)}\n                </div>\n            )\n        }\n\n        if (!value) {\n            return null\n        }\n\n        return <div className={cn(\"font-medium\", labelClassName)}>{value}</div>\n    }, [\n        label,\n        labelFormatter,\n        payload,\n        hideLabel,\n        labelClassName,\n        config,\n        labelKey,\n    ])\n\n    if (!active || !payload?.length) {\n        return null\n    }\n\n    const nestLabel = payload.length === 1 && indicator !== \"dot\"\n\n    return (\n        <div\n            className={cn(\n                \"border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl\",\n                className\n            )}\n        >\n            {!nestLabel ? tooltipLabel : null}\n            <div className=\"grid gap-1.5\">\n                {payload.map((item, index) => {\n                    const key = `${nameKey || item.name || item.dataKey || \"value\"}`\n                    const itemConfig = getPayloadConfigFromPayload(config, item, key)\n                    const indicatorColor = color || item.payload.fill || item.color\n\n                    return (\n                        <div\n                            key={item.dataKey}\n                            className={cn(\n                                \"[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5\",\n                                indicator === \"dot\" && \"items-center\"\n                            )}\n                        >\n                            {formatter && item?.value !== undefined && item.name ? (\n                                formatter(item.value, item.name, item, index, item.payload)\n                            ) : (\n                                <>\n                                    {itemConfig?.icon ? (\n                                        <itemConfig.icon />\n                                    ) : (\n                                        !hideIndicator && (\n                                            <div\n                                                className={cn(\n                                                    \"shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)\",\n                                                    {\n                                                        \"h-2.5 w-2.5\": indicator === \"dot\",\n                                                        \"w-1\": indicator === \"line\",\n                                                        \"w-0 border-[1.5px] border-dashed bg-transparent\":\n                                                            indicator === \"dashed\",\n                                                        \"my-0.5\": nestLabel && indicator === \"dashed\",\n                                                    }\n                                                )}\n                                                style={\n                                                    {\n                                                        \"--color-bg\": indicatorColor,\n                                                        \"--color-border\": indicatorColor,\n                                                    } as React.CSSProperties\n                                                }\n                                            />\n                                        )\n                                    )}\n                                    <div\n                                        className={cn(\n                                            \"flex flex-1 justify-between leading-none\",\n                                            nestLabel ? \"items-end\" : \"items-center\"\n                                        )}\n                                    >\n                                        <div className=\"grid gap-1.5\">\n                                            {nestLabel ? tooltipLabel : null}\n                                            <span className=\"text-muted-foreground\">\n                        {itemConfig?.label || item.name}\n                      </span>\n                                        </div>\n                                        {item.value && (\n                                            <span className=\"text-foreground font-mono font-medium tabular-nums\">\n                        {item.value.toLocaleString()}\n                      </span>\n                                        )}\n                                    </div>\n                                </>\n                            )}\n                        </div>\n                    )\n                })}\n            </div>\n        </div>\n    )\n}\n\nconst ChartLegend = RechartsPrimitive.Legend\n\nfunction ChartLegendContent({\n                                className,\n                                hideIcon = false,\n                                payload,\n                                verticalAlign = \"bottom\",\n                                nameKey,\n                            }: ChartLegendContentProps) {\n    const { config } = useChart()\n\n    if (!payload?.length) {\n        return null\n    }\n\n    return (\n        <div\n            className={cn(\n                \"flex items-center justify-center gap-4\",\n                verticalAlign === \"top\" ? \"pb-3\" : \"pt-3\",\n                className\n            )}\n        >\n            {payload.map((item) => {\n                const key = `${nameKey || item.dataKey || \"value\"}`\n                const itemConfig = getPayloadConfigFromPayload(config, item, key)\n\n                return (\n                    <div\n                        key={item.value}\n                        className={cn(\n                            \"[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3\"\n                        )}\n                    >\n                        {itemConfig?.icon && !hideIcon ? (\n                            <itemConfig.icon />\n                        ) : (\n                            <div\n                                className=\"h-2 w-2 shrink-0 rounded-[2px]\"\n                                style={{\n                                    backgroundColor: item.color,\n                                }}\n                            />\n                        )}\n                        {itemConfig?.label}\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(\n    config: ChartConfig,\n    payload: unknown,\n    key: string\n) {\n    if (typeof payload !== \"object\" || payload === null) {\n        return undefined\n    }\n\n    const payloadPayload =\n        \"payload\" in payload &&\n        typeof payload.payload === \"object\" &&\n        payload.payload !== null\n            ? payload.payload\n            : undefined\n\n    let configLabelKey: string = key\n\n    if (\n        key in payload &&\n        typeof payload[key as keyof typeof payload] === \"string\"\n    ) {\n        configLabelKey = payload[key as keyof typeof payload] as string\n    } else if (\n        payloadPayload &&\n        key in payloadPayload &&\n        typeof payloadPayload[key as keyof typeof payloadPayload] === \"string\"\n    ) {\n        configLabelKey = payloadPayload[\n            key as keyof typeof payloadPayload\n            ] as string\n    }\n\n    return configLabelKey in config\n        ? config[configLabelKey]\n        : config[key as keyof typeof config]\n}\n\nexport {\n    ChartContainer,\n    ChartTooltip,\n    ChartTooltipContent,\n    ChartLegend,\n    ChartLegendContent,\n    ChartStyle,\n}\n"],"names":["THEMES","ChartContext","React","useChart","context","ChartContainer","id","className","children","config","props","uniqueId","chartId","jsxs","cn","jsx","ChartStyle","RechartsPrimitive.ResponsiveContainer","colorConfig","theme","prefix","key","itemConfig","color","_a","ChartTooltip","RechartsPrimitive.Tooltip","ChartTooltipContent","active","payload","label","indicator","hideLabel","hideIndicator","labelFormatter","formatter","labelClassName","nameKey","labelKey","tooltipLabel","item","getPayloadConfigFromPayload","value","v","nestLabel","index","indicatorColor","Fragment","ChartLegend","RechartsPrimitive.Legend","ChartLegendContent","hideIcon","verticalAlign","payloadPayload","configLabelKey"],"mappings":"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"}

package/dist/components/ui/checkbox.js

@@ -0,0 +1,27 @@
+import { jsx as e } from "react/jsx-runtime";
+import * as d from "react";
+import * as r from "@radix-ui/react-checkbox";
+import { Minus as s, Check as n } from "lucide-react";
+import { cn as a } from "../../lib/utils.js";
+const c = d.forwardRef(({ className: i, ...t }, o) => /* @__PURE__ */ e(
+  r.Root,
+  {
+    ref: o,
+    className: a(
+      "peer h-4 w-4 shrink-0 rounded-sm border bg-background border-input/30 transition-colors",
+      "hover:border-input/50",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      "disabled:cursor-not-allowed disabled:bg-muted/10 disabled:border-muted/10",
+      "data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground",
+      "data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground",
+      i
+    ),
+    ...t,
+    children: /* @__PURE__ */ e(r.Indicator, { className: a("flex items-center justify-center text-current"), children: t.checked === "indeterminate" ? /* @__PURE__ */ e(s, { className: "h-3 w-3" }) : /* @__PURE__ */ e(n, { className: "h-3 w-3" }) })
+  }
+));
+c.displayName = r.Root.displayName;
+export {
+  c as Checkbox
+};
+//# sourceMappingURL=checkbox.js.map

package/dist/components/ui/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sources":["../../../src/components/ui/checkbox.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check, Minus } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      'peer h-4 w-4 shrink-0 rounded-sm border bg-background border-input/30 transition-colors',\n      'hover:border-input/50',\n      'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n      'disabled:cursor-not-allowed disabled:bg-muted/10 disabled:border-muted/10',\n      'data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground',\n      'data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground',\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className={cn('flex items-center justify-center text-current')}>\n      {props.checked === 'indeterminate' ? (\n        <Minus className=\"h-3 w-3\" />\n      ) : (\n        <Check className=\"h-3 w-3\" />\n      )}\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n"],"names":["Checkbox","React","className","props","ref","jsx","CheckboxPrimitive","cn","Minus","Check"],"mappings":";;;;;AAMA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAkB;AAAA,EAAlB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEJ,UAAA,gBAAAE,EAACC,EAAkB,WAAlB,EAA4B,WAAWC,EAAG,+CAA+C,GACvF,UAAAJ,EAAM,YAAY,kBACjB,gBAAAE,EAACG,GAAA,EAAM,WAAU,UAAA,CAAU,sBAE1BC,GAAA,EAAM,WAAU,WAAU,EAAA,CAE/B;AAAA,EAAA;AACF,CACD;AACDT,EAAS,cAAcM,EAAkB,KAAK;"}

package/dist/components/ui/chip.js

@@ -0,0 +1,37 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import * as i from "react";
+import { X as f } from "lucide-react";
+import { cn as c } from "../../lib/utils.js";
+const m = i.forwardRef(
+  ({ className: t, children: s, onRemove: e, icon: l, ...n }, a) => /* @__PURE__ */ o(
+    "div",
+    {
+      ref: a,
+      className: c(
+        "inline-flex h-6 items-center gap-2 rounded-full border border-[rgba(38,104,197,0.3)] bg-[rgba(38,104,197,0.05)] text-sm leading-6 text-[hsl(var(--chip-foreground))]",
+        e ? "pl-3 pr-0" : "px-3",
+        t
+      ),
+      ...n,
+      children: [
+        l && /* @__PURE__ */ r("span", { className: "flex h-4 w-4 items-center justify-center", children: l }),
+        /* @__PURE__ */ r("span", { className: "font-normal", children: s }),
+        e && /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            onClick: e,
+            className: "flex h-full items-center justify-center rounded-br-full rounded-tr-full pl-1 pr-2 hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1",
+            "aria-label": "Remove",
+            children: /* @__PURE__ */ r(f, { className: "h-4 w-4" })
+          }
+        )
+      ]
+    }
+  )
+);
+m.displayName = "Chip";
+export {
+  m as Chip
+};
+//# sourceMappingURL=chip.js.map

package/dist/components/ui/chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.js","sources":["../../../src/components/ui/chip.tsx"],"sourcesContent":["import * as React from 'react'\nimport { X } from 'lucide-react'\nimport { cn } from '@/lib/utils'\n\nexport interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {\n  onRemove?: () => void\n  icon?: React.ReactNode\n}\n\nconst Chip = React.forwardRef<HTMLDivElement, ChipProps>(\n  ({ className, children, onRemove, icon, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'inline-flex h-6 items-center gap-2 rounded-full border border-[rgba(38,104,197,0.3)] bg-[rgba(38,104,197,0.05)] text-sm leading-6 text-[hsl(var(--chip-foreground))]',\n          onRemove ? 'pl-3 pr-0' : 'px-3',\n          className\n        )}\n        {...props}\n      >\n        {icon && <span className=\"flex h-4 w-4 items-center justify-center\">{icon}</span>}\n        <span className=\"font-normal\">{children}</span>\n        {onRemove && (\n          <button\n            type=\"button\"\n            onClick={onRemove}\n            className=\"flex h-full items-center justify-center rounded-br-full rounded-tr-full pl-1 pr-2 hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1\"\n            aria-label=\"Remove\"\n          >\n            <X className=\"h-4 w-4\" />\n          </button>\n        )}\n      </div>\n    )\n  }\n)\nChip.displayName = 'Chip'\n\nexport { Chip }\n"],"names":["Chip","React","className","children","onRemove","icon","props","ref","jsxs","cn","jsx","X"],"mappings":";;;;AASA,MAAMA,IAAOC,EAAM;AAAA,EACjB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,UAAAC,GAAU,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAEhD,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAL,IAAW,cAAc;AAAA,QACzBF;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,MAEH,UAAA;AAAA,QAAAD,KAAQ,gBAAAK,EAAC,QAAA,EAAK,WAAU,4CAA4C,UAAAL,GAAK;AAAA,QAC1E,gBAAAK,EAAC,QAAA,EAAK,WAAU,eAAe,UAAAP,EAAA,CAAS;AAAA,QACvCC,KACC,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAASN;AAAA,YACT,WAAU;AAAA,YACV,cAAW;AAAA,YAEX,UAAA,gBAAAM,EAACC,GAAA,EAAE,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACzB;AAAA,IAAA;AAAA,EAAA;AAKV;AACAX,EAAK,cAAc;"}

package/dist/components/ui/combobox.js

@@ -0,0 +1,80 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import * as s from "react";
+import { ChevronsUpDownIcon as p, CheckIcon as u } from "lucide-react";
+import { cn as d } from "../../lib/utils.js";
+import { Button as h } from "./button.js";
+import { Command as v, CommandInput as x, CommandList as f, CommandEmpty as b, CommandGroup as C, CommandItem as j } from "./command.js";
+import { Popover as w, PopoverTrigger as N, PopoverContent as S } from "./popover.js";
+const i = [
+  {
+    value: "next.js",
+    label: "Next.js"
+  },
+  {
+    value: "sveltekit",
+    label: "SvelteKit"
+  },
+  {
+    value: "nuxt.js",
+    label: "Nuxt.js"
+  },
+  {
+    value: "remix",
+    label: "Remix"
+  },
+  {
+    value: "astro",
+    label: "Astro"
+  }
+];
+function O() {
+  var r;
+  const [t, n] = s.useState(!1), [l, c] = s.useState("");
+  return /* @__PURE__ */ a(w, { open: t, onOpenChange: n, children: [
+    /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ a(
+      h,
+      {
+        variant: "outline",
+        role: "combobox",
+        "aria-expanded": t,
+        className: "w-[200px] justify-between",
+        children: [
+          l ? (r = i.find((o) => o.value === l)) == null ? void 0 : r.label : "Select framework...",
+          /* @__PURE__ */ e(p, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e(S, { className: "w-[200px] p-0", children: /* @__PURE__ */ a(v, { children: [
+      /* @__PURE__ */ e(x, { placeholder: "Search framework..." }),
+      /* @__PURE__ */ a(f, { children: [
+        /* @__PURE__ */ e(b, { children: "No framework found." }),
+        /* @__PURE__ */ e(C, { children: i.map((o) => /* @__PURE__ */ a(
+          j,
+          {
+            value: o.value,
+            onSelect: (m) => {
+              c(m === l ? "" : m), n(!1);
+            },
+            children: [
+              /* @__PURE__ */ e(
+                u,
+                {
+                  className: d(
+                    "mr-2 h-4 w-4",
+                    l === o.value ? "opacity-100" : "opacity-0"
+                  )
+                }
+              ),
+              o.label
+            ]
+          },
+          o.value
+        )) })
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  O as ExampleCombobox
+};
+//# sourceMappingURL=combobox.js.map

package/dist/components/ui/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","sources":["../../../src/components/ui/combobox.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { CheckIcon, ChevronsUpDownIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport { Button } from '@/components/ui/button'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/components/ui/command'\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'\n\nconst frameworks = [\n  {\n    value: 'next.js',\n    label: 'Next.js',\n  },\n  {\n    value: 'sveltekit',\n    label: 'SvelteKit',\n  },\n  {\n    value: 'nuxt.js',\n    label: 'Nuxt.js',\n  },\n  {\n    value: 'remix',\n    label: 'Remix',\n  },\n  {\n    value: 'astro',\n    label: 'Astro',\n  },\n]\n\nexport function ExampleCombobox() {\n  const [open, setOpen] = React.useState(false)\n  const [value, setValue] = React.useState('')\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          role=\"combobox\"\n          aria-expanded={open}\n          className=\"w-[200px] justify-between\"\n        >\n          {value\n            ? frameworks.find((framework) => framework.value === value)?.label\n            : 'Select framework...'}\n          <ChevronsUpDownIcon className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-[200px] p-0\">\n        <Command>\n          <CommandInput placeholder=\"Search framework...\" />\n          <CommandList>\n            <CommandEmpty>No framework found.</CommandEmpty>\n            <CommandGroup>\n              {frameworks.map((framework) => (\n                <CommandItem\n                  key={framework.value}\n                  value={framework.value}\n                  onSelect={(currentValue) => {\n                    setValue(currentValue === value ? '' : currentValue)\n                    setOpen(false)\n                  }}\n                >\n                  <CheckIcon\n                    className={cn(\n                      'mr-2 h-4 w-4',\n                      value === framework.value ? 'opacity-100' : 'opacity-0'\n                    )}\n                  />\n                  {framework.label}\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],"names":["frameworks","ExampleCombobox","open","setOpen","React","value","setValue","jsxs","Popover","jsx","PopoverTrigger","Button","_a","framework","ChevronsUpDownIcon","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","currentValue","CheckIcon","cn"],"mappings":";;;;;;;AAiBA,MAAMA,IAAa;AAAA,EACjB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX;AAEO,SAASC,IAAkB;;AAChC,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS,EAAK,GACtC,CAACC,GAAOC,CAAQ,IAAIF,EAAM,SAAS,EAAE;AAE3C,SACE,gBAAAG,EAACC,GAAA,EAAQ,MAAAN,GAAY,cAAcC,GACjC,UAAA;AAAA,IAAA,gBAAAM,EAACC,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,iBAAeT;AAAA,QACf,WAAU;AAAA,QAET,UAAA;AAAA,UAAAG,KACGO,IAAAZ,EAAW,KAAK,CAACa,MAAcA,EAAU,UAAUR,CAAK,MAAxD,gBAAAO,EAA2D,QAC3D;AAAA,UACJ,gBAAAH,EAACK,GAAA,EAAmB,WAAU,mCAAA,CAAmC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAErE;AAAA,IACA,gBAAAL,EAACM,GAAA,EAAe,WAAU,iBACxB,4BAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAP,EAACQ,GAAA,EAAa,aAAY,sBAAA,CAAsB;AAAA,wBAC/CC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAT,EAACU,KAAa,UAAA,sBAAA,CAAmB;AAAA,QACjC,gBAAAV,EAACW,GAAA,EACE,UAAApB,EAAW,IAAI,CAACa,MACf,gBAAAN;AAAA,UAACc;AAAA,UAAA;AAAA,YAEC,OAAOR,EAAU;AAAA,YACjB,UAAU,CAACS,MAAiB;AAC1B,cAAAhB,EAASgB,MAAiBjB,IAAQ,KAAKiB,CAAY,GACnDnB,EAAQ,EAAK;AAAA,YACf;AAAA,YAEA,UAAA;AAAA,cAAA,gBAAAM;AAAA,gBAACc;AAAA,gBAAA;AAAA,kBACC,WAAWC;AAAA,oBACT;AAAA,oBACAnB,MAAUQ,EAAU,QAAQ,gBAAgB;AAAA,kBAAA;AAAA,gBAC9C;AAAA,cAAA;AAAA,cAEDA,EAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAbNA,EAAU;AAAA,QAAA,CAelB,EAAA,CACH;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/ui/command.js

@@ -0,0 +1,97 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import * as r from "react";
+import { Command as o } from "../../node_modules/.pnpm/cmdk@1.1.1_@types_react-dom@18.3.7_@types_react@18.3.27__@types_react@18.3.27_react-dom_432f7245dc8bab9f07ec6fe8c80615a1/node_modules/cmdk/dist/index.js";
+import { Search as p } from "lucide-react";
+import { cn as m } from "../../lib/utils.js";
+import { Dialog as i, DialogContent as l } from "./dialog.js";
+const n = r.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
+  o,
+  {
+    ref: d,
+    className: m(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      e
+    ),
+    ...a
+  }
+));
+n.displayName = o.displayName;
+const C = ({ children: e, ...a }) => /* @__PURE__ */ t(i, { ...a, children: /* @__PURE__ */ t(l, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ t(n, { 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: e }) }) }), c = r.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ s("div", { className: "flex items-center border-b px-3", "data-cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ t(p, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ t(
+    o.Input,
+    {
+      ref: d,
+      className: m(
+        "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",
+        e
+      ),
+      ...a
+    }
+  )
+] }));
+c.displayName = o.Input.displayName;
+const u = r.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
+  o.List,
+  {
+    ref: d,
+    className: m("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
+    ...a
+  }
+));
+u.displayName = o.List.displayName;
+const f = r.forwardRef((e, a) => /* @__PURE__ */ t(o.Empty, { ref: a, className: "py-6 text-center text-sm", ...e }));
+f.displayName = o.Empty.displayName;
+const g = r.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
+  o.Group,
+  {
+    ref: d,
+    className: m(
+      "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",
+      e
+    ),
+    ...a
+  }
+));
+g.displayName = o.Group.displayName;
+const x = r.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
+  o.Separator,
+  {
+    ref: d,
+    className: m("-mx-1 h-px bg-border", e),
+    ...a
+  }
+));
+x.displayName = o.Separator.displayName;
+const h = r.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
+  o.Item,
+  {
+    ref: d,
+    className: m(
+      "relative flex cursor-default gap-2 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 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      e
+    ),
+    ...a
+  }
+));
+h.displayName = o.Item.displayName;
+const y = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  "span",
+  {
+    className: m("ml-auto text-xs tracking-widest text-muted-foreground", e),
+    ...a
+  }
+);
+y.displayName = "CommandShortcut";
+export {
+  n as Command,
+  C as CommandDialog,
+  f as CommandEmpty,
+  g as CommandGroup,
+  c as CommandInput,
+  h as CommandItem,
+  u as CommandList,
+  x as CommandSeparator,
+  y as CommandShortcut
+};
+//# sourceMappingURL=command.js.map

package/dist/components/ui/command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.js","sources":["../../../src/components/ui/command.tsx"],"sourcesContent":["import * as React from 'react'\nimport { type DialogProps } from '@radix-ui/react-dialog'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { Search } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport { Dialog, DialogContent } from '@/components/ui/dialog'\n\nconst Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',\n      className\n    )}\n    {...props}\n  />\n))\nCommand.displayName = CommandPrimitive.displayName\n\nconst CommandDialog = ({ children, ...props }: DialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0 shadow-lg\">\n        <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\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  <div className=\"flex items-center border-b px-3\" data-cmdk-input-wrapper=\"\">\n    <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        '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',\n        className\n      )}\n      {...props}\n    />\n  </div>\n))\n\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}\n    {...props}\n  />\n))\n\nCommandList.displayName = CommandPrimitive.List.displayName\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n  <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />\n))\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      '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',\n      className\n    )}\n    {...props}\n  />\n))\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-1 h-px bg-border', className)}\n    {...props}\n  />\n))\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default gap-2 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 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n      className\n    )}\n    {...props}\n  />\n))\n\nCommandItem.displayName = CommandPrimitive.Item.displayName\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)}\n      {...props}\n    />\n  )\n}\nCommandShortcut.displayName = 'CommandShortcut'\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n}\n"],"names":["Command","React","className","props","ref","jsx","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","CommandInput","jsxs","Search","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":";;;;;;AAQA,MAAMA,IAAUC,EAAM,WAGpB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAQ,cAAcM,EAAiB;AAEvC,MAAME,IAAgB,CAAC,EAAE,UAAAC,GAAU,GAAGN,QAElC,gBAAAE,EAACK,GAAA,EAAQ,GAAGP,GACV,4BAACQ,GAAA,EAAc,WAAU,iCACvB,UAAA,gBAAAN,EAACL,GAAA,EAAQ,WAAU,+WAChB,UAAAS,EAAA,CACH,GACF,GACF,GAIEG,IAAeX,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MAC1B,gBAAAS,EAAC,OAAA,EAAI,WAAU,mCAAkC,2BAAwB,IACvE,UAAA;AAAA,EAAA,gBAAAR,EAACS,GAAA,EAAO,WAAU,mCAAA,CAAmC;AAAA,EACrD,gBAAAT;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AACN,GACF,CACD;AAEDS,EAAa,cAAcN,EAAiB,MAAM;AAElD,MAAMS,IAAcd,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,mDAAmDL,CAAS;AAAA,IACzE,GAAGC;AAAA,EAAA;AACN,CACD;AAEDY,EAAY,cAAcT,EAAiB,KAAK;AAEhD,MAAMU,IAAef,EAAM,WAGzB,CAACE,GAAOC,MACR,gBAAAC,EAACC,EAAiB,OAAjB,EAAuB,KAAAF,GAAU,WAAU,4BAA4B,GAAGD,GAAO,CACnF;AAEDa,EAAa,cAAcV,EAAiB,MAAM;AAElD,MAAMW,IAAehB,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AAEDc,EAAa,cAAcX,EAAiB,MAAM;AAElD,MAAMY,IAAmBjB,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,wBAAwBL,CAAS;AAAA,IAC9C,GAAGC;AAAA,EAAA;AACN,CACD;AACDe,EAAiB,cAAcZ,EAAiB,UAAU;AAE1D,MAAMa,IAAclB,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AAEDgB,EAAY,cAAcb,EAAiB,KAAK;AAEhD,MAAMc,IAAkB,CAAC,EAAE,WAAAlB,GAAW,GAAGC,QAErC,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWE,EAAG,yDAAyDL,CAAS;AAAA,IAC/E,GAAGC;AAAA,EAAA;AAAA;AAIViB,EAAgB,cAAc;"}

package/dist/components/ui/data-table/data-table-column-header.js

@@ -0,0 +1,44 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { ArrowDown as a, ArrowUp as i, ChevronsUpDown as l, EyeOff as m } from "lucide-react";
+import { cn as d } from "../../../lib/utils.js";
+import { Button as c } from "../button.js";
+import { DropdownMenu as h, DropdownMenuTrigger as g, DropdownMenuContent as p, DropdownMenuItem as o, DropdownMenuSeparator as f } from "../dropdown-menu.js";
+function N({
+  column: r,
+  title: n,
+  className: s
+}) {
+  return r.getCanSort() ? /* @__PURE__ */ e("div", { className: d("flex items-center space-x-2", s), children: /* @__PURE__ */ t(h, { children: [
+    /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ t(
+      c,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: "-ml-3 h-8 data-[state=open]:bg-accent",
+        children: [
+          /* @__PURE__ */ e("span", { children: n }),
+          r.getIsSorted() === "desc" ? /* @__PURE__ */ e(a, { className: "ml-2 h-4 w-4" }) : r.getIsSorted() === "asc" ? /* @__PURE__ */ e(i, { className: "ml-2 h-4 w-4" }) : /* @__PURE__ */ e(l, { className: "ml-2 h-4 w-4" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t(p, { align: "start", children: [
+      /* @__PURE__ */ t(o, { onClick: () => r.toggleSorting(!1), children: [
+        /* @__PURE__ */ e(i, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
+        "Asc"
+      ] }),
+      /* @__PURE__ */ t(o, { onClick: () => r.toggleSorting(!0), children: [
+        /* @__PURE__ */ e(a, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
+        "Desc"
+      ] }),
+      /* @__PURE__ */ e(f, {}),
+      /* @__PURE__ */ t(o, { onClick: () => r.toggleVisibility(!1), children: [
+        /* @__PURE__ */ e(m, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
+        "Hide"
+      ] })
+    ] })
+  ] }) }) : /* @__PURE__ */ e("div", { className: d(s), children: n });
+}
+export {
+  N as DataTableColumnHeader
+};
+//# sourceMappingURL=data-table-column-header.js.map

package/dist/components/ui/data-table/data-table-column-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-column-header.js","sources":["../../../../src/components/ui/data-table/data-table-column-header.tsx"],"sourcesContent":["import { Column } from '@tanstack/react-table'\nimport { ArrowDown, ArrowUp, ChevronsUpDown, EyeOff } from 'lucide-react'\nimport { cn } from '@/lib/utils'\nimport { Button } from '@/components/ui/button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu'\n\ninterface DataTableColumnHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {\n  column: Column<TData, TValue>\n  title: string\n}\n\nexport function DataTableColumnHeader<TData, TValue>({\n  column,\n  title,\n  className,\n}: DataTableColumnHeaderProps<TData, TValue>) {\n  if (!column.getCanSort()) {\n    return <div className={cn(className)}>{title}</div>\n  }\n\n  return (\n    <div className={cn('flex items-center space-x-2', className)}>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"-ml-3 h-8 data-[state=open]:bg-accent\"\n          >\n            <span>{title}</span>\n            {column.getIsSorted() === 'desc' ? (\n              <ArrowDown className=\"ml-2 h-4 w-4\" />\n            ) : column.getIsSorted() === 'asc' ? (\n              <ArrowUp className=\"ml-2 h-4 w-4\" />\n            ) : (\n              <ChevronsUpDown className=\"ml-2 h-4 w-4\" />\n            )}\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\">\n          <DropdownMenuItem onClick={() => column.toggleSorting(false)}>\n            <ArrowUp className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Asc\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => column.toggleSorting(true)}>\n            <ArrowDown className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Desc\n          </DropdownMenuItem>\n          <DropdownMenuSeparator />\n          <DropdownMenuItem onClick={() => column.toggleVisibility(false)}>\n            <EyeOff className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Hide\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  )\n}\n"],"names":["DataTableColumnHeader","column","title","className","jsx","cn","DropdownMenu","DropdownMenuTrigger","jsxs","Button","ArrowDown","ArrowUp","ChevronsUpDown","DropdownMenuContent","DropdownMenuItem","DropdownMenuSeparator","EyeOff"],"mappings":";;;;;AAiBO,SAASA,EAAqC;AAAA,EACnD,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,GAA8C;AAC5C,SAAKF,EAAO,eAKV,gBAAAG,EAAC,SAAI,WAAWC,EAAG,+BAA+BF,CAAS,GACzD,4BAACG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAF,EAACG,GAAA,EAAoB,SAAO,IAC1B,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAL,EAAC,UAAM,UAAAF,EAAA,CAAM;AAAA,UACZD,EAAO,kBAAkB,2BACvBS,GAAA,EAAU,WAAU,gBAAe,IAClCT,EAAO,kBAAkB,0BAC1BU,GAAA,EAAQ,WAAU,gBAAe,IAElC,gBAAAP,EAACQ,GAAA,EAAe,WAAU,eAAA,CAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAG/C;AAAA,IACA,gBAAAJ,EAACK,GAAA,EAAoB,OAAM,SACzB,UAAA;AAAA,MAAA,gBAAAL,EAACM,KAAiB,SAAS,MAAMb,EAAO,cAAc,EAAK,GACzD,UAAA;AAAA,QAAA,gBAAAG,EAACO,GAAA,EAAQ,WAAU,4CAAA,CAA4C;AAAA,QAAE;AAAA,MAAA,GAEnE;AAAA,wBACCG,GAAA,EAAiB,SAAS,MAAMb,EAAO,cAAc,EAAI,GACxD,UAAA;AAAA,QAAA,gBAAAG,EAACM,GAAA,EAAU,WAAU,4CAAA,CAA4C;AAAA,QAAE;AAAA,MAAA,GAErE;AAAA,wBACCK,GAAA,EAAsB;AAAA,wBACtBD,GAAA,EAAiB,SAAS,MAAMb,EAAO,iBAAiB,EAAK,GAC5D,UAAA;AAAA,QAAA,gBAAAG,EAACY,GAAA,EAAO,WAAU,4CAAA,CAA4C;AAAA,QAAE;AAAA,MAAA,EAAA,CAElE;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF,sBAtCQ,OAAA,EAAI,WAAWX,EAAGF,CAAS,GAAI,UAAAD,GAAM;AAwCjD;"}

package/dist/components/ui/data-table/data-table-pagination.js

@@ -0,0 +1,97 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { ChevronsLeft as i, ChevronLeft as l, ChevronRight as r, ChevronsRight as o } from "lucide-react";
+import { Button as t } from "../button.js";
+import { Select as c, SelectTrigger as d, SelectValue as g, SelectContent as m, SelectItem as h } from "../select.js";
+function N({ table: e }) {
+  return /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-2", children: [
+    /* @__PURE__ */ s("div", { className: "flex-1 text-sm text-muted-foreground", children: [
+      e.getFilteredSelectedRowModel().rows.length,
+      " of",
+      " ",
+      e.getFilteredRowModel().rows.length,
+      " row(s) selected."
+    ] }),
+    /* @__PURE__ */ s("div", { className: "flex items-center space-x-6 lg:space-x-8", children: [
+      /* @__PURE__ */ s("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ a("p", { className: "text-sm font-medium", children: "Rows per page" }),
+        /* @__PURE__ */ s(
+          c,
+          {
+            value: `${e.getState().pagination.pageSize}`,
+            onValueChange: (n) => {
+              e.setPageSize(Number(n));
+            },
+            children: [
+              /* @__PURE__ */ a(d, { className: "h-8 w-[70px]", children: /* @__PURE__ */ a(g, { placeholder: e.getState().pagination.pageSize }) }),
+              /* @__PURE__ */ a(m, { side: "top", children: [10, 20, 30, 40, 50].map((n) => /* @__PURE__ */ a(h, { value: `${n}`, children: n }, n)) })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ s("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
+        "Page ",
+        e.getState().pagination.pageIndex + 1,
+        " of ",
+        e.getPageCount()
+      ] }),
+      /* @__PURE__ */ s("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ s(
+          t,
+          {
+            variant: "outline",
+            className: "hidden h-8 w-8 p-0 lg:flex",
+            onClick: () => e.setPageIndex(0),
+            disabled: !e.getCanPreviousPage(),
+            children: [
+              /* @__PURE__ */ a("span", { className: "sr-only", children: "Go to first page" }),
+              /* @__PURE__ */ a(i, { className: "h-4 w-4" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(
+          t,
+          {
+            variant: "outline",
+            className: "h-8 w-8 p-0",
+            onClick: () => e.previousPage(),
+            disabled: !e.getCanPreviousPage(),
+            children: [
+              /* @__PURE__ */ a("span", { className: "sr-only", children: "Go to previous page" }),
+              /* @__PURE__ */ a(l, { className: "h-4 w-4" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(
+          t,
+          {
+            variant: "outline",
+            className: "h-8 w-8 p-0",
+            onClick: () => e.nextPage(),
+            disabled: !e.getCanNextPage(),
+            children: [
+              /* @__PURE__ */ a("span", { className: "sr-only", children: "Go to next page" }),
+              /* @__PURE__ */ a(r, { className: "h-4 w-4" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(
+          t,
+          {
+            variant: "outline",
+            className: "hidden h-8 w-8 p-0 lg:flex",
+            onClick: () => e.setPageIndex(e.getPageCount() - 1),
+            disabled: !e.getCanNextPage(),
+            children: [
+              /* @__PURE__ */ a("span", { className: "sr-only", children: "Go to last page" }),
+              /* @__PURE__ */ a(o, { className: "h-4 w-4" })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  N as DataTablePagination
+};
+//# sourceMappingURL=data-table-pagination.js.map

package/dist/components/ui/data-table/data-table-pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-pagination.js","sources":["../../../../src/components/ui/data-table/data-table-pagination.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table'\nimport { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide-react'\nimport { Button } from '@/components/ui/button'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/components/ui/select'\n\ninterface DataTablePaginationProps<TData> {\n  table: Table<TData>\n}\n\nexport function DataTablePagination<TData>({ table }: DataTablePaginationProps<TData>) {\n  return (\n    <div className=\"flex items-center justify-between px-2\">\n      <div className=\"flex-1 text-sm text-muted-foreground\">\n        {table.getFilteredSelectedRowModel().rows.length} of{' '}\n        {table.getFilteredRowModel().rows.length} row(s) selected.\n      </div>\n      <div className=\"flex items-center space-x-6 lg:space-x-8\">\n        <div className=\"flex items-center space-x-2\">\n          <p className=\"text-sm font-medium\">Rows per page</p>\n          <Select\n            value={`${table.getState().pagination.pageSize}`}\n            onValueChange={(value) => {\n              table.setPageSize(Number(value))\n            }}\n          >\n            <SelectTrigger className=\"h-8 w-[70px]\">\n              <SelectValue placeholder={table.getState().pagination.pageSize} />\n            </SelectTrigger>\n            <SelectContent side=\"top\">\n              {[10, 20, 30, 40, 50].map((pageSize) => (\n                <SelectItem key={pageSize} value={`${pageSize}`}>\n                  {pageSize}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <div className=\"flex w-[100px] items-center justify-center text-sm font-medium\">\n          Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}\n        </div>\n        <div className=\"flex items-center space-x-2\">\n          <Button\n            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(0)}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to first page</span>\n            <ChevronsLeft className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to previous page</span>\n            <ChevronLeft className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to next page</span>\n            <ChevronRight className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to last page</span>\n            <ChevronsRight className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["DataTablePagination","table","jsxs","jsx","Select","value","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","Button","ChevronsLeft","ChevronLeft","ChevronRight","ChevronsRight"],"mappings":"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"}

package/dist/components/ui/data-table/data-table-toolbar.js

@@ -0,0 +1,46 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { X as n } from "lucide-react";
+import { Button as c } from "../button.js";
+import { Input as p } from "../input.js";
+import { DataTableViewOptions as u } from "./data-table-view-options.js";
+function F({
+  table: e,
+  searchKey: t,
+  searchPlaceholder: s = "Filter..."
+}) {
+  var i;
+  const a = e.getState().columnFilters.length > 0;
+  return /* @__PURE__ */ l("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ l("div", { className: "flex flex-1 items-center space-x-2", children: [
+      t && /* @__PURE__ */ r(
+        p,
+        {
+          placeholder: s,
+          value: ((i = e.getColumn(t)) == null ? void 0 : i.getFilterValue()) ?? "",
+          onChange: (m) => {
+            var o;
+            return (o = e.getColumn(t)) == null ? void 0 : o.setFilterValue(m.target.value);
+          },
+          className: "h-8 w-[150px] lg:w-[250px]"
+        }
+      ),
+      a && /* @__PURE__ */ l(
+        c,
+        {
+          variant: "ghost",
+          onClick: () => e.resetColumnFilters(),
+          className: "h-8 px-2 lg:px-3",
+          children: [
+            "Reset",
+            /* @__PURE__ */ r(n, { className: "ml-2 h-4 w-4" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r(u, { table: e })
+  ] });
+}
+export {
+  F as DataTableToolbar
+};
+//# sourceMappingURL=data-table-toolbar.js.map

package/dist/components/ui/data-table/data-table-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-toolbar.js","sources":["../../../../src/components/ui/data-table/data-table-toolbar.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table'\nimport { X } from 'lucide-react'\nimport { Button } from '@/components/ui/button'\nimport { Input } from '@/components/ui/input'\nimport { DataTableViewOptions } from './data-table-view-options'\n\ninterface DataTableToolbarProps<TData> {\n  table: Table<TData>\n  searchKey?: string\n  searchPlaceholder?: string\n}\n\nexport function DataTableToolbar<TData>({\n  table,\n  searchKey,\n  searchPlaceholder = 'Filter...',\n}: DataTableToolbarProps<TData>) {\n  const isFiltered = table.getState().columnFilters.length > 0\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <div className=\"flex flex-1 items-center space-x-2\">\n        {searchKey && (\n          <Input\n            placeholder={searchPlaceholder}\n            value={(table.getColumn(searchKey)?.getFilterValue() as string) ?? ''}\n            onChange={(event) => table.getColumn(searchKey)?.setFilterValue(event.target.value)}\n            className=\"h-8 w-[150px] lg:w-[250px]\"\n          />\n        )}\n        {isFiltered && (\n          <Button\n            variant=\"ghost\"\n            onClick={() => table.resetColumnFilters()}\n            className=\"h-8 px-2 lg:px-3\"\n          >\n            Reset\n            <X className=\"ml-2 h-4 w-4\" />\n          </Button>\n        )}\n      </div>\n      <DataTableViewOptions table={table} />\n    </div>\n  )\n}\n"],"names":["DataTableToolbar","table","searchKey","searchPlaceholder","isFiltered","jsxs","jsx","Input","_a","event","Button","X","DataTableViewOptions"],"mappings":";;;;;AAYO,SAASA,EAAwB;AAAA,EACtC,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAAiC;;AAC/B,QAAMC,IAAaH,EAAM,SAAA,EAAW,cAAc,SAAS;AAE3D,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sCACZ,UAAA;AAAA,MAAAH,KACC,gBAAAI;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAaJ;AAAA,UACb,SAAQK,IAAAP,EAAM,UAAUC,CAAS,MAAzB,gBAAAM,EAA4B,qBAA+B;AAAA,UACnE,UAAU,CAACC,MAAA;;AAAU,oBAAAD,IAAAP,EAAM,UAAUC,CAAS,MAAzB,gBAAAM,EAA4B,eAAeC,EAAM,OAAO;AAAA;AAAA,UAC7E,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAGbL,KACC,gBAAAC;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAMT,EAAM,mBAAA;AAAA,UACrB,WAAU;AAAA,UACX,UAAA;AAAA,YAAA;AAAA,YAEC,gBAAAK,EAACK,GAAA,EAAE,WAAU,eAAA,CAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9B,GAEJ;AAAA,IACA,gBAAAL,EAACM,KAAqB,OAAAX,EAAA,CAAc;AAAA,EAAA,GACtC;AAEJ;"}

package/dist/components/ui/data-table/data-table-view-options.js

@@ -0,0 +1,30 @@
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { Settings2 as t } from "lucide-react";
+import { Button as a } from "../button.js";
+import { DropdownMenu as l, DropdownMenuTrigger as d, DropdownMenuContent as s, DropdownMenuLabel as p, DropdownMenuSeparator as c, DropdownMenuCheckboxItem as m } from "../dropdown-menu.js";
+function f({ table: r }) {
+  return /* @__PURE__ */ i(l, { children: [
+    /* @__PURE__ */ n(d, { asChild: !0, children: /* @__PURE__ */ i(a, { variant: "outline", size: "sm", className: "ml-auto hidden h-8 lg:flex", children: [
+      /* @__PURE__ */ n(t, { className: "mr-2 h-4 w-4" }),
+      "View"
+    ] }) }),
+    /* @__PURE__ */ i(s, { align: "end", className: "w-[150px]", children: [
+      /* @__PURE__ */ n(p, { children: "Toggle columns" }),
+      /* @__PURE__ */ n(c, {}),
+      r.getAllColumns().filter((e) => typeof e.accessorFn < "u" && e.getCanHide()).map((e) => /* @__PURE__ */ n(
+        m,
+        {
+          className: "capitalize",
+          checked: e.getIsVisible(),
+          onCheckedChange: (o) => e.toggleVisibility(!!o),
+          children: e.id
+        },
+        e.id
+      ))
+    ] })
+  ] });
+}
+export {
+  f as DataTableViewOptions
+};
+//# sourceMappingURL=data-table-view-options.js.map

package/dist/components/ui/data-table/data-table-view-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-view-options.js","sources":["../../../../src/components/ui/data-table/data-table-view-options.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table'\nimport { Settings2 } from 'lucide-react'\nimport { Button } from '@/components/ui/button'\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu'\n\ninterface DataTableViewOptionsProps<TData> {\n  table: Table<TData>\n}\n\nexport function DataTableViewOptions<TData>({ table }: DataTableViewOptionsProps<TData>) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"outline\" size=\"sm\" className=\"ml-auto hidden h-8 lg:flex\">\n          <Settings2 className=\"mr-2 h-4 w-4\" />\n          View\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"w-[150px]\">\n        <DropdownMenuLabel>Toggle columns</DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        {table\n          .getAllColumns()\n          .filter((column) => typeof column.accessorFn !== 'undefined' && column.getCanHide())\n          .map((column) => {\n            return (\n              <DropdownMenuCheckboxItem\n                key={column.id}\n                className=\"capitalize\"\n                checked={column.getIsVisible()}\n                onCheckedChange={(value) => column.toggleVisibility(!!value)}\n              >\n                {column.id}\n              </DropdownMenuCheckboxItem>\n            )\n          })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"names":["DataTableViewOptions","table","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","Button","Settings2","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","column","DropdownMenuCheckboxItem","value"],"mappings":";;;;AAgBO,SAASA,EAA4B,EAAE,OAAAC,KAA2C;AACvF,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAoB,SAAO,IAC1B,UAAA,gBAAAC,EAACC,GAAA,EAAO,SAAQ,WAAU,MAAK,MAAK,WAAU,8BAC5C,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EAAU,WAAU,eAAA,CAAe;AAAA,MAAE;AAAA,IAAA,EAAA,CAExC,EAAA,CACF;AAAA,IACA,gBAAAF,EAACG,GAAA,EAAoB,OAAM,OAAM,WAAU,aACzC,UAAA;AAAA,MAAA,gBAAAL,EAACM,KAAkB,UAAA,iBAAA,CAAc;AAAA,wBAChCC,GAAA,EAAsB;AAAA,MACtBT,EACE,cAAA,EACA,OAAO,CAACU,MAAW,OAAOA,EAAO,aAAe,OAAeA,EAAO,WAAA,CAAY,EAClF,IAAI,CAACA,MAEF,gBAAAR;AAAA,QAACS;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UACV,SAASD,EAAO,aAAA;AAAA,UAChB,iBAAiB,CAACE,MAAUF,EAAO,iBAAiB,CAAC,CAACE,CAAK;AAAA,UAE1D,UAAAF,EAAO;AAAA,QAAA;AAAA,QALHA,EAAO;AAAA,MAAA,CAQjB;AAAA,IAAA,EAAA,CACL;AAAA,EAAA,GACF;AAEJ;"}