@alexgorbatchev/shadcn 0.0.12 → 0.0.16

package/dist/chunk-82e7fbmq.js

@@ -0,0 +1,278 @@
+import {
+  useDensity
+} from "./chunk-e6hk39ev.js";
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  useDirection2
+} from "./chunk-jpvw9xqy.js";
+
+// src/components/chart/hooks/useChart.ts
+import { useContext } from "react";
+
+// src/components/chart/ChartContext.ts
+import { createContext } from "react";
+var ChartContext = createContext(null);
+
+// src/components/chart/hooks/useChart.ts
+function useChart2() {
+  const context = useContext(ChartContext);
+  if (!context)
+    throw new Error("useChart must be used within a <ChartContainer />");
+  return context;
+}
+
+// src/components/chart/ChartStyle.tsx
+import cssesc from "cssesc";
+import { jsx } from "react/jsx-runtime";
+var themes = ["light", "dark"];
+function ChartStyle2({ id, config }) {
+  const colors = Object.entries(config).filter(([, item]) => item.theme ?? item.color);
+  if (!colors.length)
+    return null;
+  return /* @__PURE__ */ jsx("style", {
+    children: themes.map((theme) => `${theme === "dark" ? "[data-theme=dark] " : ""}[data-chart=${cssesc(id, { isIdentifier: true })}] {
+${colors.map(([key, item]) => {
+      const color = item.theme?.[theme] ?? item.color;
+      return color ? `${cssesc(`--color-${key}`, { isIdentifier: true })}: ${color};` : "";
+    }).join(`
+`)}
+}`).join(`
+`)
+  });
+}
+
+// src/components/chart/Chart.tsx
+import { useId, useMemo } from "react";
+import { ResponsiveContainer, Tooltip, Legend } from "recharts";
+import sortBy from "es-toolkit/compat/sortBy";
+
+// src/components/chart/getPayloadConfigFromPayload.ts
+function isRecord(value) {
+  return typeof value === "object" && value !== null;
+}
+function getPayloadConfigFromPayload(config, payload, key) {
+  if (!isRecord(payload))
+    return;
+  const value = payload[key];
+  const nested = isRecord(payload.payload) ? payload.payload[key] : undefined;
+  const configLabelKey = typeof value === "string" ? value : typeof nested === "string" ? nested : key;
+  return config[configLabelKey] ?? config[key];
+}
+
+// src/components/chart/Chart.tsx
+import { jsx as jsx2, jsxs, Fragment } from "react/jsx-runtime";
+function Chart3({
+  id,
+  dir,
+  density,
+  className,
+  children,
+  config,
+  initialDimension = { width: 320, height: 200 },
+  ...props
+}) {
+  const uniqueId = useId();
+  const resolvedDensity = useDensity(density);
+  const inheritedDirection = useDirection2();
+  const direction = dir ?? inheritedDirection;
+  const chartId = `chart-${id ?? uniqueId}`;
+  return /* @__PURE__ */ jsx2(ChartContext.Provider, {
+    value: { config, density: resolvedDensity, dir: direction, chartId },
+    children: /* @__PURE__ */ jsxs("div", {
+      id,
+      dir: direction,
+      "data-density": resolvedDensity,
+      "data-slot": "chart",
+      "data-chart": chartId,
+      className: cn2("flex aspect-video min-w-0 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-hidden [&_.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]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx2(ChartStyle2, {
+          id: chartId,
+          config
+        }),
+        /* @__PURE__ */ jsx2(ResponsiveContainer, {
+          initialDimension,
+          children
+        })
+      ]
+    })
+  });
+}
+function ChartTooltipContent2({
+  density,
+  active,
+  payload,
+  className,
+  indicator = "dot",
+  hideLabel = false,
+  hideIndicator = false,
+  label,
+  labelFormatter,
+  labelClassName,
+  formatter,
+  color,
+  nameKey,
+  labelKey,
+  htmlProps,
+  contentStyle,
+  itemStyle,
+  labelStyle,
+  wrapperClassName,
+  itemSorter
+}) {
+  const { config, density: chartDensity, dir, chartId } = useChart2();
+  const tooltipLabel = 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 /* @__PURE__ */ jsx2("div", {
+        className: cn2("font-medium", labelClassName),
+        style: labelStyle,
+        children: labelFormatter(value, payload)
+      });
+    if (!value)
+      return null;
+    return /* @__PURE__ */ jsx2("div", {
+      className: cn2("font-medium", labelClassName),
+      style: labelStyle,
+      children: value
+    });
+  }, [label, labelFormatter, payload, hideLabel, labelClassName, labelStyle, config, labelKey]);
+  if (!active || !payload?.length)
+    return null;
+  const sortedPayload = itemSorter ? sortBy(payload, itemSorter) : payload;
+  const nestLabel = payload.length === 1 && indicator !== "dot";
+  return /* @__PURE__ */ jsxs("div", {
+    role: "status",
+    "data-slot": "chart-tooltip",
+    "data-chart": chartId,
+    dir,
+    "data-density": density ?? chartDensity,
+    ...htmlProps,
+    className: cn2("grid min-w-32 items-start gap-control-gap rounded-md border border-frame-edge bg-popover p-panel text-xs text-popover-foreground shadow-frame", className, wrapperClassName, htmlProps?.className),
+    style: { ...contentStyle, ...htmlProps?.style },
+    children: [
+      !nestLabel ? tooltipLabel : null,
+      /* @__PURE__ */ jsx2("div", {
+        className: "grid gap-control-gap",
+        children: sortedPayload.filter((item) => item.type !== "none").map((item, index) => {
+          const key = `${nameKey ?? item.name ?? item.dataKey ?? "value"}`;
+          const itemConfig = getPayloadConfigFromPayload(config, item, key);
+          const itemPayload = item.payload;
+          const fill = typeof itemPayload === "object" && itemPayload !== null && "fill" in itemPayload ? itemPayload.fill : undefined;
+          const indicatorColor = color ?? (typeof fill === "string" ? fill : item.color);
+          const indicatorStyle = {
+            "--color-bg": indicatorColor,
+            "--color-border": indicatorColor
+          };
+          return /* @__PURE__ */ jsx2("div", {
+            className: cn2("flex w-full flex-wrap items-stretch gap-control-gap [&>svg]:size-3 [&>svg]:text-muted-foreground", indicator === "dot" && "items-center"),
+            style: itemStyle,
+            children: formatter && item.value !== undefined && item.name !== undefined ? formatter(item.value, item.name, item, index, payload) : /* @__PURE__ */ jsxs(Fragment, {
+              children: [
+                itemConfig?.icon ? /* @__PURE__ */ jsx2(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx2("div", {
+                  "aria-hidden": "true",
+                  className: cn2("shrink-0 rounded-sm border-(--color-border) bg-(--color-bg)", {
+                    "size-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: indicatorStyle
+                }),
+                /* @__PURE__ */ jsxs("div", {
+                  className: cn2("flex flex-1 justify-between gap-control-gap leading-none", nestLabel ? "items-end" : "items-center"),
+                  children: [
+                    /* @__PURE__ */ jsxs("div", {
+                      className: "grid gap-control-gap",
+                      children: [
+                        nestLabel ? tooltipLabel : null,
+                        /* @__PURE__ */ jsx2("span", {
+                          className: "text-muted-foreground",
+                          children: itemConfig?.label ?? item.name
+                        })
+                      ]
+                    }),
+                    item.value != null && /* @__PURE__ */ jsx2("span", {
+                      className: "font-mono font-medium tabular-nums",
+                      children: typeof item.value === "number" ? item.value.toLocaleString() : String(item.value)
+                    })
+                  ]
+                })
+              ]
+            })
+          }, index);
+        })
+      })
+    ]
+  });
+}
+function ChartLegendContent2({
+  density,
+  className,
+  hideIcon = false,
+  payload,
+  verticalAlign = "bottom",
+  nameKey,
+  onClick,
+  onMouseEnter,
+  onMouseLeave,
+  formatter,
+  htmlProps,
+  labelStyle,
+  inactiveColor
+}) {
+  const { config, density: chartDensity, dir, chartId } = useChart2();
+  if (!payload?.length)
+    return null;
+  return /* @__PURE__ */ jsx2("div", {
+    "data-slot": "chart-legend",
+    "data-chart": chartId,
+    dir,
+    "data-density": density ?? chartDensity,
+    ...htmlProps,
+    className: cn2("flex items-center justify-center gap-panel", verticalAlign === "top" ? "pb-panel" : "pt-panel", className, htmlProps?.className),
+    children: payload.filter((item) => item.type !== "none").map((item, index) => {
+      const key = `${nameKey ?? item.dataKey ?? "value"}`;
+      const itemConfig = getPayloadConfigFromPayload(config, item, key);
+      const content = /* @__PURE__ */ jsxs(Fragment, {
+        children: [
+          itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx2(itemConfig.icon, {}) : /* @__PURE__ */ jsx2("span", {
+            "aria-hidden": "true",
+            className: "size-2 shrink-0 rounded-sm",
+            style: { backgroundColor: item.inactive ? inactiveColor : item.color }
+          }),
+          /* @__PURE__ */ jsx2("span", {
+            style: labelStyle,
+            children: formatter ? formatter(itemConfig?.label ?? item.value, item, index) : itemConfig?.label ?? item.value
+          })
+        ]
+      });
+      const classes = "flex items-center gap-control-gap [&>svg]:size-3 [&>svg]:text-muted-foreground";
+      return onClick ? /* @__PURE__ */ jsx2("button", {
+        type: "button",
+        className: cn2(classes, "outline-none focus-visible:ring-1 focus-visible:ring-ring"),
+        onClick: (event) => onClick(item, index, event),
+        onMouseEnter: (event) => onMouseEnter?.(item, index, event),
+        onMouseLeave: (event) => onMouseLeave?.(item, index, event),
+        children: content
+      }, index) : /* @__PURE__ */ jsx2("div", {
+        className: classes,
+        onMouseEnter: (event) => onMouseEnter?.(item, index, event),
+        onMouseLeave: (event) => onMouseLeave?.(item, index, event),
+        children: content
+      }, index);
+    })
+  });
+}
+var ChartTooltip2 = Tooltip;
+var ChartLegend2 = Legend;
+
+export { useChart2, ChartStyle2, Chart3, ChartTooltipContent2, ChartLegendContent2, ChartTooltip2, ChartLegend2 };

package/dist/chunk-86211e5a.js

@@ -0,0 +1,19 @@
+import {
+  PopoverTrigger2
+} from "./chunk-x7z9jzyf.js";
+
+// src/components/assistant-ui/elements/ContextDisplayTrigger.tsx
+import { jsx } from "react/jsx-runtime";
+function ContextDisplayTrigger2(props) {
+  return /* @__PURE__ */ jsx(PopoverTrigger2, {
+    openOnHover: true,
+    render: /* @__PURE__ */ jsx("button", {
+      type: "button",
+      "data-slot": "context-display-trigger",
+      className: "inline-flex h-control-sm items-center gap-control-gap rounded-sm px-control-x text-sm text-muted-foreground tabular-nums outline-none hover:bg-muted hover:text-foreground focus-visible:ring-1 focus-visible:ring-ring disabled:opacity-50"
+    }),
+    ...props
+  });
+}
+
+export { ContextDisplayTrigger2 };

package/dist/chunk-8799zv5c.js

@@ -0,0 +1,25 @@
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+
+// src/components/assistant-ui/elements/ComposerAttachButton.tsx
+import { PlusIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+function ComposerAttachButton2({ ...props }) {
+  return /* @__PURE__ */ jsx(Button2, {
+    "data-testid": "ComposerAttachButton",
+    type: "button",
+    "aria-label": "Add attachment",
+    "data-slot": "composer-attach",
+    variant: "ghost",
+    ...props,
+    disabled: props.disabled || !props.onClick,
+    size: "icon",
+    children: /* @__PURE__ */ jsx(PlusIcon, {
+      "aria-hidden": "true",
+      "data-icon": "inline-start"
+    })
+  });
+}
+
+export { ComposerAttachButton2 };

package/dist/chunk-8g1npthk.js

@@ -0,0 +1,92 @@
+import {
+  ShareMeter2
+} from "./chunk-mammcx1w.js";
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  pct,
+  announced
+} from "./chunk-v8ks0cfq.js";
+import {
+  paper,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/QuotaBanner.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function QuotaBanner2({
+  used,
+  limit,
+  unit,
+  resetsIn,
+  upgradeLabel,
+  onUpgrade,
+  className,
+  ...props
+}) {
+  const left = Math.max(0, limit - used);
+  const ratio = limit === 0 ? 0 : used / limit;
+  const exhausted = limit > 0 && left === 0;
+  const tight = !exhausted && ratio >= 0.9;
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "QuotaBanner",
+    "data-slot": "quota-banner",
+    className: cn2(cn2(paper, "flex w-full max-w-sm flex-col gap-2.5 rounded-md p-3.5"), className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-baseline gap-2",
+        children: [
+          /* @__PURE__ */ jsxs("span", {
+            className: cn2("text-base font-medium", exhausted && "text-destructive text-destructive", tight && "text-warning text-warning"),
+            children: [
+              left,
+              " ",
+              unit,
+              " left"
+            ]
+          }),
+          /* @__PURE__ */ jsxs("span", {
+            className: cn2(mono, "text-muted-foreground ms-auto tabular-nums"),
+            children: [
+              "resets in ",
+              resetsIn
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx(ShareMeter2, {
+        label: `${unit} used`,
+        percentage: announced(pct(used, limit)),
+        valueText: `${used} of ${limit} ${unit} used`,
+        tone: exhausted ? "destructive" : tight ? "warning" : "muted"
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-center gap-2",
+        children: [
+          /* @__PURE__ */ jsxs("span", {
+            className: cn2(mono, "text-muted-foreground tabular-nums"),
+            children: [
+              used,
+              " of ",
+              limit,
+              " used"
+            ]
+          }),
+          /* @__PURE__ */ jsx(Button2, {
+            type: "button",
+            onClick: onUpgrade,
+            variant: "default",
+            children: upgradeLabel
+          })
+        ]
+      })
+    ]
+  });
+}
+
+export { QuotaBanner2 };

package/dist/chunk-8k1y6w5k.js

@@ -0,0 +1,141 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Badge2
+} from "./chunk-wjx6zf94.js";
+import {
+  safeHref,
+  hostOf
+} from "./chunk-xhtsnwnb.js";
+
+// src/components/assistant-ui/native/Sources.tsx
+import { forwardRef, memo, useCallback, useState } from "react";
+import { FileTextIcon } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+var sourceVariants2 = cva("inline-flex items-center justify-center gap-1 rounded-md text-sm font-medium transition-colors motion-reduce:transition-none [&_svg]:size-3 [&_svg]:shrink-0", {
+  variants: {
+    variant: {
+      outline: "border-input text-muted-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground border bg-transparent",
+      secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/80",
+      muted: "bg-muted text-muted-foreground [a&]:hover:bg-muted/80 [a&]:hover:text-foreground",
+      ghost: "text-muted-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground bg-transparent",
+      info: "bg-primary text-primary-foreground [a&]:hover:bg-primary/80",
+      warning: "bg-warning text-warning-foreground [a&]:hover:bg-warning/80",
+      success: "bg-success text-success-foreground [a&]:hover:bg-success/80",
+      destructive: "bg-destructive text-destructive-foreground [a&]:hover:bg-destructive/80"
+    },
+    size: {
+      sm: "px-1.5 py-0.5",
+      default: "px-2 py-1",
+      lg: "px-2.5 py-1.5 text-sm"
+    }
+  },
+  defaultVariants: {
+    variant: "secondary",
+    size: "default"
+  }
+});
+var defaultFaviconUrl = (domain) => `https://icons.duckduckgo.com/ip3/${domain}.ico`;
+var SourceIcon2 = forwardRef(function SourceIcon({ url, className, faviconUrl = defaultFaviconUrl, ...props }, ref) {
+  const domain = hostOf(url);
+  const src = domain === undefined ? undefined : faviconUrl(domain);
+  const [errorSrc, setErrorSrc] = useState(undefined);
+  const hasError = src === undefined || errorSrc === src;
+  const imageRef = useCallback((element) => {
+    if (element?.complete && element.naturalWidth === 0)
+      setErrorSrc(src);
+  }, [src]);
+  return /* @__PURE__ */ jsx("span", {
+    ref,
+    "data-slot": hasError ? "source-icon-fallback" : "source-icon",
+    className: cn2("inline-flex size-3 shrink-0 items-center justify-center rounded-sm bg-muted text-xs", className),
+    ...props,
+    children: hasError ? domain?.charAt(0).toUpperCase() || "?" : /* @__PURE__ */ jsx("img", {
+      src,
+      alt: "",
+      className: "size-full rounded-sm",
+      onError: () => setErrorSrc(src),
+      ref: imageRef
+    })
+  });
+});
+function SourceTitle2({ className, ...props }) {
+  return /* @__PURE__ */ jsx("span", {
+    "data-slot": "source-title",
+    className: cn2("max-w-37.5 truncate", className),
+    ...props
+  });
+}
+function DocumentSourceIcon({ className, ...props }) {
+  return /* @__PURE__ */ jsx("span", {
+    "data-slot": "source-document-icon",
+    className: cn2("text-muted-foreground flex size-3 shrink-0 items-center justify-center", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(FileTextIcon, {
+      "aria-hidden": "true",
+      className: "size-3.5 shrink-0"
+    })
+  });
+}
+function Source2({
+  className,
+  variant,
+  size,
+  target = "_blank",
+  rel = "noopener noreferrer",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("a", {
+    "data-slot": "source",
+    className: cn2(sourceVariants2({ variant, size }), "focus-visible:border-ring focus-visible:ring-ring/50 cursor-pointer outline-none focus-visible:ring-1", className),
+    target,
+    rel,
+    ...props
+  });
+}
+var Sources3 = Object.assign(memo(function Sources(part) {
+  if (part.sourceType === "url" && part.url) {
+    const href = safeHref(part.url);
+    const domain = hostOf(part.url);
+    const displayTitle = part.title || domain || part.url;
+    const content = /* @__PURE__ */ jsxs(Fragment, {
+      children: [
+        /* @__PURE__ */ jsx(SourceIcon2, {
+          url: part.url
+        }),
+        /* @__PURE__ */ jsx(SourceTitle2, {
+          children: displayTitle
+        })
+      ]
+    });
+    return href ? /* @__PURE__ */ jsx(Source2, {
+      href,
+      children: content
+    }) : /* @__PURE__ */ jsx("span", {
+      "data-slot": "source",
+      className: cn2(sourceVariants2(), "cursor-default"),
+      children: content
+    });
+  }
+  if (part.sourceType === "document") {
+    return /* @__PURE__ */ jsx(Badge2, {
+      variant: "default",
+      className: "focus-visible:border-ring focus-visible:ring-ring/50 outline-none focus-visible:ring-1",
+      children: /* @__PURE__ */ jsxs("span", {
+        "data-slot": "source",
+        className: "inline-flex items-center gap-1.5",
+        children: [
+          /* @__PURE__ */ jsx(DocumentSourceIcon, {}),
+          /* @__PURE__ */ jsx(SourceTitle2, {
+            children: part.title
+          })
+        ]
+      })
+    });
+  }
+  return null;
+}), { Root: Source2, Icon: SourceIcon2, Title: SourceTitle2 });
+
+export { sourceVariants2, SourceIcon2, SourceTitle2, Source2, Sources3 };

package/dist/chunk-8r57zwqg.js

@@ -0,0 +1,16 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/assistant-ui/elements/ComposerActions.tsx
+import { jsx } from "react/jsx-runtime";
+function ComposerActions2({ ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-testid": "ComposerActions",
+    "data-slot": "composer-actions",
+    className: cn2("flex items-center gap-1.5"),
+    ...props
+  });
+}
+
+export { ComposerActions2 };

package/dist/chunk-8ye0k6z7.js

@@ -0,0 +1,22 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/Switch.tsx
+import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
+import { jsx } from "react/jsx-runtime";
+function Switch2({ density, className, size = "default", ...props }) {
+  return /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
+    "data-density": density,
+    "data-slot": "switch",
+    "data-size": size,
+    className: (state) => cn2("peer group/switch relative inline-flex shrink-0 items-center rounded-sm border border-transparent transition-colors outline-none group-has-[:focus-visible]/field-label:border-transparent group-has-[:focus-visible]/field-label:ring-0 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] data-checked:bg-primary data-unchecked:bg-input data-disabled:cursor-not-allowed data-disabled:opacity-50", typeof className === "function" ? className(state) : className),
+    ...props,
+    children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, {
+      "data-slot": "switch-thumb",
+      className: "pointer-events-none absolute top-1/2 start-0 block -translate-y-1/2 rounded-sm bg-primary-foreground ring-0 transition-[inset-inline-start] group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:start-[calc(100%-1rem)] group-data-[size=sm]/switch:data-checked:start-[calc(100%-0.75rem)]"
+    })
+  });
+}
+
+export { Switch2 };