@wealthx/shadcn 0.0.2 → 1.0.0

package/dist/chunk-QOJ2DQD6.mjs

@@ -0,0 +1,57 @@
+// src/lib/colors.ts
+var CONTRAST_DARK = "#040D13";
+var CONTRAST_LIGHT = "#FFFFFF";
+function hexToRgb(hex) {
+  const normalized = hex.replace(/^#/, "");
+  if (normalized.length === 3) {
+    const r = parseInt(normalized[0] + normalized[0], 16);
+    const g = parseInt(normalized[1] + normalized[1], 16);
+    const b = parseInt(normalized[2] + normalized[2], 16);
+    return [r, g, b];
+  }
+  if (normalized.length === 6 || normalized.length === 8) {
+    const r = parseInt(normalized.slice(0, 2), 16);
+    const g = parseInt(normalized.slice(2, 4), 16);
+    const b = parseInt(normalized.slice(4, 6), 16);
+    return [r, g, b];
+  }
+  throw new Error(`Invalid hex color: ${hex}`);
+}
+function linearizeSrgb(c) {
+  const n = c / 255;
+  return n <= 0.03928 ? n / 12.92 : Math.pow((n + 0.055) / 1.055, 2.4);
+}
+function getLuminance(hex) {
+  const [r, g, b] = hexToRgb(hex);
+  return 0.2126 * linearizeSrgb(r) + 0.7152 * linearizeSrgb(g) + 0.0722 * linearizeSrgb(b);
+}
+function getContrastText(backgroundColor) {
+  const luminance = getLuminance(backgroundColor);
+  return luminance > 0.179 ? CONTRAST_DARK : CONTRAST_LIGHT;
+}
+function hexToOklch(hex) {
+  const [r, g, b] = hexToRgb(hex);
+  const rl = linearizeSrgb(r);
+  const gl = linearizeSrgb(g);
+  const bl = linearizeSrgb(b);
+  const l = 0.4122214708 * rl + 0.5363325363 * gl + 0.0514459929 * bl;
+  const m = 0.2119034982 * rl + 0.6806995451 * gl + 0.1073969566 * bl;
+  const s = 0.0883024619 * rl + 0.2817188376 * gl + 0.6299787005 * bl;
+  const l_ = l > 0 ? Math.cbrt(l) : 0;
+  const m_ = m > 0 ? Math.cbrt(m) : 0;
+  const s_ = s > 0 ? Math.cbrt(s) : 0;
+  const L = 0.2104542553 * l_ + 0.793617785 * m_ - 0.0040720468 * s_;
+  const a = 1.9779984951 * l_ - 2.428592205 * m_ + 0.4505937099 * s_;
+  const bv = 0.0259040371 * l_ + 0.7827717662 * m_ - 0.808675766 * s_;
+  const C = Math.sqrt(a * a + bv * bv);
+  const h = (Math.atan2(bv, a) * 180 / Math.PI + 360) % 360;
+  if (C < 1e-3) return `oklch(${L.toFixed(3)} 0 0)`;
+  return `oklch(${L.toFixed(3)} ${C.toFixed(3)} ${h.toFixed(1)})`;
+}
+
+export {
+  hexToRgb,
+  getLuminance,
+  getContrastText,
+  hexToOklch
+};

package/dist/chunk-RL772EH7.mjs

@@ -0,0 +1,126 @@
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/tabs.tsx
+import { cva } from "class-variance-authority";
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import { jsx } from "react/jsx-runtime";
+function Tabs(_a) {
+  var _b = _a, {
+    className,
+    orientation = "horizontal"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation"
+  ]);
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Root,
+    __spreadValues({
+      className: cn(
+        "group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",
+        className
+      ),
+      "data-orientation": orientation,
+      "data-slot": "tabs"
+    }, props)
+  );
+}
+var tabsListVariants = cva(
+  "group/tabs-list inline-flex w-fit items-center justify-center gap-1 rounded-none p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted",
+        line: "bg-transparent p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function TabsList(_a) {
+  var _b = _a, {
+    className,
+    variant = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant"
+  ]);
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
+    __spreadValues({
+      className: cn(tabsListVariants({ variant }), className),
+      "data-slot": "tabs-list",
+      "data-variant": variant
+    }, props)
+  );
+}
+function TabsTrigger(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Tab,
+    __spreadValues({
+      className: cn(
+        // Base layout & typography
+        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 whitespace-nowrap",
+        "rounded-none border border-transparent px-1.5 py-1 text-sm font-medium",
+        "text-muted-foreground transition-all",
+        // Vertical orientation
+        "group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start",
+        // Hover & focus
+        "hover:text-foreground",
+        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring",
+        // Disabled
+        "disabled:pointer-events-none disabled:opacity-50",
+        // Active state — Default variant: primary/10 bg + subtle shadow
+        // Base UI uses data-active attribute for the active/selected tab
+        "data-active:bg-primary/10 data-active:text-foreground",
+        "group-data-[variant=default]/tabs-list:data-active:shadow-sm",
+        // Active state — Line variant: suppress bg & shadow
+        "group-data-[variant=line]/tabs-list:data-active:bg-transparent",
+        "group-data-[variant=line]/tabs-list:data-active:shadow-none",
+        // Indicator pseudo-element (visible only for Line variant, active state)
+        "after:absolute after:bg-primary after:opacity-0 after:transition-opacity",
+        "group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5",
+        "group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5",
+        "group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
+        // SVG icons
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      "data-slot": "tabs-trigger"
+    }, props)
+  );
+}
+function TabsContent(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Panel,
+    __spreadValues({
+      className: cn("flex-1 outline-none", className),
+      "data-slot": "tabs-content"
+    }, props)
+  );
+}
+
+export {
+  Tabs,
+  tabsListVariants,
+  TabsList,
+  TabsTrigger,
+  TabsContent
+};

package/dist/chunk-SLWCCURD.mjs

@@ -0,0 +1,99 @@
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/card.tsx
+import { jsx } from "react/jsx-runtime";
+function Card(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(
+        "flex flex-col gap-6 border bg-card py-6 text-card-foreground shadow-sm",
+        className
+      ),
+      "data-slot": "card"
+    }, props)
+  );
+}
+function CardHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      ),
+      "data-slot": "card-header"
+    }, props)
+  );
+}
+function CardTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn("leading-none font-semibold", className),
+      "data-slot": "card-title"
+    }, props)
+  );
+}
+function CardDescription(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn("text-sm text-muted-foreground", className),
+      "data-slot": "card-description"
+    }, props)
+  );
+}
+function CardAction(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        className
+      ),
+      "data-slot": "card-action"
+    }, props)
+  );
+}
+function CardContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn("px-6", className),
+      "data-slot": "card-content"
+    }, props)
+  );
+}
+function CardFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn("flex items-center px-6 [.border-t]:pt-6", className),
+      "data-slot": "card-footer"
+    }, props)
+  );
+}
+
+export {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardAction,
+  CardContent,
+  CardFooter
+};

package/dist/chunk-V7CNWJT3.mjs

@@ -0,0 +1,10 @@
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export {
+  cn
+};

package/dist/chunk-VG6UF6UT.mjs

@@ -0,0 +1,68 @@
+import {
+  badgeVariants
+} from "./chunk-E3K6O4FZ.mjs";
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/chip.tsx
+import { X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Chip(_a) {
+  var _b = _a, {
+    className,
+    variant = "secondary",
+    onRemove,
+    disabled,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "onRemove",
+    "disabled",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "span",
+    __spreadProps(__spreadValues({
+      "aria-disabled": disabled,
+      className: cn(
+        badgeVariants({ variant }),
+        // extra right padding only when dismiss button is present
+        onRemove && "pr-1",
+        disabled && "pointer-events-none opacity-50",
+        className
+      ),
+      "data-slot": "chip",
+      "data-variant": variant
+    }, props), {
+      children: [
+        children,
+        onRemove ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            "aria-label": "Remove",
+            className: "ml-0.5 inline-flex shrink-0 items-center justify-center rounded-full p-0.5 opacity-60 hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none",
+            "data-slot": "chip-remove",
+            disabled,
+            onClick: (e) => {
+              e.stopPropagation();
+              onRemove();
+            },
+            type: "button",
+            children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+          }
+        ) : null
+      ]
+    })
+  );
+}
+
+export {
+  Chip
+};

package/dist/chunk-VYMHBV6D.mjs

@@ -0,0 +1,123 @@
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/switch.tsx
+import { useState } from "react";
+import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Switch(_a) {
+  var _b = _a, {
+    className,
+    size = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size"
+  ]);
+  return /* @__PURE__ */ jsx(
+    SwitchPrimitive.Root,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "peer group/switch inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none",
+        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-[size=default]:h-[1.15rem] data-[size=default]:w-8",
+        "data-[size=sm]:h-3.5 data-[size=sm]:w-6",
+        "data-checked:bg-primary data-unchecked:bg-input",
+        "aria-invalid:data-checked:bg-destructive aria-invalid:border-destructive",
+        "dark:data-unchecked:bg-input/80",
+        className
+      ),
+      "data-size": size,
+      "data-slot": "switch"
+    }, props), {
+      children: /* @__PURE__ */ jsx(
+        SwitchPrimitive.Thumb,
+        {
+          className: cn(
+            "pointer-events-none block rounded-full bg-background ring-0 transition-transform",
+            "group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3",
+            "data-checked:translate-x-[calc(100%-2px)] data-unchecked:translate-x-0",
+            "dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground"
+          ),
+          "data-slot": "switch-thumb"
+        }
+      )
+    })
+  );
+}
+function SwitchCard(_a) {
+  var _b = _a, {
+    className,
+    checked,
+    defaultChecked,
+    onCheckedChange,
+    disabled,
+    error,
+    label,
+    description,
+    switchPosition = "right",
+    size
+  } = _b, props = __objRest(_b, [
+    "className",
+    "checked",
+    "defaultChecked",
+    "onCheckedChange",
+    "disabled",
+    "error",
+    "label",
+    "description",
+    "switchPosition",
+    "size"
+  ]);
+  const [internalChecked, setInternalChecked] = useState(defaultChecked != null ? defaultChecked : false);
+  const isChecked = checked != null ? checked : internalChecked;
+  const switchElement = /* @__PURE__ */ jsx(
+    Switch,
+    __spreadValues({
+      "aria-invalid": error || void 0,
+      checked: isChecked,
+      className: "shrink-0",
+      disabled,
+      onCheckedChange: (value, event) => {
+        setInternalChecked(value);
+        onCheckedChange == null ? void 0 : onCheckedChange(value, event);
+      },
+      size
+    }, props)
+  );
+  const contentElement = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium leading-none", children: label }),
+    description ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: description }) : null
+  ] });
+  return /* @__PURE__ */ jsx(
+    "label",
+    {
+      className: cn(
+        "flex items-center gap-3 border border-border p-4 font-sans transition-colors cursor-pointer",
+        switchPosition === "right" && "justify-between",
+        disabled && "cursor-not-allowed opacity-50",
+        error ? ["border-destructive", isChecked && "bg-destructive/5"] : isChecked && "border-primary bg-primary/5",
+        className
+      ),
+      "data-slot": "switch-card",
+      children: switchPosition === "left" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        switchElement,
+        contentElement
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        contentElement,
+        switchElement
+      ] })
+    }
+  );
+}
+
+export {
+  Switch,
+  SwitchCard
+};

package/dist/chunk-VZ2NR7L3.mjs

@@ -0,0 +1,195 @@
+import {
+  useThemeVars
+} from "./chunk-OXQQNQZI.mjs";
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/select.tsx
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { Select as SelectPrimitive } from "@base-ui/react/select";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Select(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(SelectPrimitive.Root, __spreadValues({ "data-slot": "select" }, props));
+}
+function SelectGroup(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(SelectPrimitive.Group, __spreadValues({ "data-slot": "select-group" }, props));
+}
+function SelectValue(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(SelectPrimitive.Value, __spreadValues({ "data-slot": "select-value" }, props));
+}
+function SelectTrigger(_a) {
+  var _b = _a, {
+    className,
+    size = "default",
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Trigger,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex w-fit items-center justify-between gap-2 border border-input bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20 data-popup-open:border-primary data-popup-open:ring-[3px] data-popup-open:ring-primary/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        className
+      ),
+      "data-size": size,
+      "data-slot": "select-trigger"
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { className: "transition-transform duration-200 data-popup-open:rotate-180", children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })
+      ]
+    })
+  );
+}
+function SelectContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    style
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "style"
+  ]);
+  const themeVars = useThemeVars();
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(SelectPrimitive.Positioner, { align: "start", alignItemWithTrigger: false, sideOffset: 4, children: /* @__PURE__ */ jsxs(
+    SelectPrimitive.Popup,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative z-50 max-h-[var(--available-height)] min-w-[8rem] overflow-x-hidden overflow-y-auto border bg-popover p-1 text-popover-foreground shadow-md 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 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
+        className
+      ),
+      "data-slot": "select-content",
+      style: __spreadValues(__spreadValues({}, themeVars), style)
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+        children,
+        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+      ]
+    })
+  ) }) });
+}
+function SelectLabel(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.GroupLabel,
+    __spreadValues({
+      className: cn("px-2 py-1.5 text-xs font-semibold text-muted-foreground", className),
+      "data-slot": "select-label"
+    }, props)
+  );
+}
+function SelectItem(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Item,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-highlighted:bg-primary/5 data-highlighted:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      "data-slot": "select-item"
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "absolute right-2 flex size-3.5 items-center justify-center",
+            "data-slot": "select-item-indicator",
+            children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+          }
+        ),
+        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+      ]
+    })
+  );
+}
+function SelectSeparator(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn("pointer-events-none -mx-1 my-1 h-px bg-border", className),
+      "data-slot": "select-separator",
+      role: "separator"
+    }, props)
+  );
+}
+function SelectScrollUpButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollUpArrow,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      "data-slot": "select-scroll-up-button"
+    }, props), {
+      children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+    })
+  );
+}
+function SelectScrollDownButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollDownArrow,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      "data-slot": "select-scroll-down-button"
+    }, props), {
+      children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
+    })
+  );
+}
+
+export {
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator,
+  SelectScrollUpButton,
+  SelectScrollDownButton
+};