@nipsys/shadcn-lsd 0.1.0

package/dist/components/ui/popover/__tests__/popover.test.js

@@ -0,0 +1,39 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { d as a, i as r, r as n, g as o, s } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { Popover as p } from "../Popover.js";
+import { PopoverAnchor as l } from "../PopoverAnchor.js";
+import { PopoverContent as c } from "../PopoverContent.js";
+import { PopoverTrigger as d } from "../PopoverTrigger.js";
+a("Popover", () => {
+  r("renders without crashing when open", () => {
+    n(
+      /* @__PURE__ */ t(p, { open: !0, children: [
+        /* @__PURE__ */ e(d, { children: "Open" }),
+        /* @__PURE__ */ e(c, { children: "Content" })
+      ] })
+    ), o(
+      document.querySelector('[data-slot="popover-content"]')
+    ).toBeInTheDocument();
+  }), r("passes through additional props to PopoverContent", () => {
+    n(
+      /* @__PURE__ */ t(p, { open: !0, children: [
+        /* @__PURE__ */ e(d, { children: "Open" }),
+        /* @__PURE__ */ e(c, { "data-testid": "test-popover", children: "Content" })
+      ] })
+    );
+    const i = document.querySelector('[data-slot="popover-content"]');
+    o(i).toHaveAttribute("data-testid", "test-popover");
+  }), r("renders with all subcomponents", () => {
+    n(
+      /* @__PURE__ */ t(p, { open: !0, children: [
+        /* @__PURE__ */ e(l, {}),
+        /* @__PURE__ */ e(d, { children: "Open" }),
+        /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e("p", { children: "Popover Content" }) })
+      ] })
+    ), o(
+      document.querySelector('[data-slot="popover-anchor"]')
+    ).toBeInTheDocument(), o(s.getByRole("button", { name: "Open" })).toBeInTheDocument(), o(
+      document.querySelector('[data-slot="popover-content"]')
+    ).toBeInTheDocument(), o(s.getByText("Popover Content")).toBeInTheDocument();
+  });
+});

package/dist/components/ui/popover/index.d.ts

@@ -0,0 +1,4 @@
+export { Popover } from './Popover';
+export { PopoverAnchor } from './PopoverAnchor';
+export { PopoverContent } from './PopoverContent';
+export { PopoverTrigger } from './PopoverTrigger';

package/dist/components/ui/progress/Progress.d.ts

@@ -0,0 +1,4 @@
+import { ProgressProps } from './types';
+import * as React from 'react';
+declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Progress };

package/dist/components/ui/progress/Progress.js

@@ -0,0 +1,193 @@
+import { jsx as m, jsxs as E } from "react/jsx-runtime";
+import * as c from "react";
+import { P as C } from "../../../index-CDPBTubN.js";
+import { c as P } from "../../../utils-DtaLkIY8.js";
+function A(e, s = []) {
+  let n = [];
+  function l(d, a) {
+    const t = c.createContext(a);
+    t.displayName = d + "Context";
+    const o = n.length;
+    n = [...n, a];
+    const u = (p) => {
+      const { scope: f, children: v, ...i } = p, M = f?.[e]?.[o] || t, R = c.useMemo(() => i, Object.values(i));
+      return /* @__PURE__ */ m(M.Provider, { value: R, children: v });
+    };
+    u.displayName = d + "Provider";
+    function x(p, f) {
+      const v = f?.[e]?.[o] || t, i = c.useContext(v);
+      if (i) return i;
+      if (a !== void 0) return a;
+      throw new Error(`\`${p}\` must be used within \`${d}\``);
+    }
+    return [u, x];
+  }
+  const r = () => {
+    const d = n.map((a) => c.createContext(a));
+    return function(t) {
+      const o = t?.[e] || d;
+      return c.useMemo(
+        () => ({ [`__scope${e}`]: { ...t, [e]: o } }),
+        [t, o]
+      );
+    };
+  };
+  return r.scopeName = e, [l, V(r, ...s)];
+}
+function V(...e) {
+  const s = e[0];
+  if (e.length === 1) return s;
+  const n = () => {
+    const l = e.map((r) => ({
+      useScope: r(),
+      scopeName: r.scopeName
+    }));
+    return function(d) {
+      const a = l.reduce((t, { useScope: o, scopeName: u }) => {
+        const p = o(d)[`__scope${u}`];
+        return { ...t, ...p };
+      }, {});
+      return c.useMemo(() => ({ [`__scope${s.scopeName}`]: a }), [a]);
+    };
+  };
+  return n.scopeName = s.scopeName, n;
+}
+var b = "Progress", N = 100, [D] = A(b), [O, T] = D(b), w = c.forwardRef(
+  (e, s) => {
+    const {
+      __scopeProgress: n,
+      value: l = null,
+      max: r,
+      getValueLabel: d = j,
+      ...a
+    } = e;
+    (r || r === 0) && !h(r) && console.error(G(`${r}`, "Progress"));
+    const t = h(r) ? r : N;
+    l !== null && !$(l, t) && console.error(L(`${l}`, "Progress"));
+    const o = $(l, t) ? l : null, u = g(o) ? d(o, t) : void 0;
+    return /* @__PURE__ */ m(O, { scope: n, value: o, max: t, children: /* @__PURE__ */ m(
+      C.div,
+      {
+        "aria-valuemax": t,
+        "aria-valuemin": 0,
+        "aria-valuenow": g(o) ? o : void 0,
+        "aria-valuetext": u,
+        role: "progressbar",
+        "data-state": S(o, t),
+        "data-value": o ?? void 0,
+        "data-max": t,
+        ...a,
+        ref: s
+      }
+    ) });
+  }
+);
+w.displayName = b;
+var _ = "ProgressIndicator", y = c.forwardRef(
+  (e, s) => {
+    const { __scopeProgress: n, ...l } = e, r = T(_, n);
+    return /* @__PURE__ */ m(
+      C.div,
+      {
+        "data-state": S(r.value, r.max),
+        "data-value": r.value ?? void 0,
+        "data-max": r.max,
+        ...l,
+        ref: s
+      }
+    );
+  }
+);
+y.displayName = _;
+function j(e, s) {
+  return `${Math.round(e / s * 100)}%`;
+}
+function S(e, s) {
+  return e == null ? "indeterminate" : e === s ? "complete" : "loading";
+}
+function g(e) {
+  return typeof e == "number";
+}
+function h(e) {
+  return g(e) && !isNaN(e) && e > 0;
+}
+function $(e, s) {
+  return g(e) && !isNaN(e) && e <= s && e >= 0;
+}
+function G(e, s) {
+  return `Invalid prop \`max\` of value \`${e}\` supplied to \`${s}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${N}\`.`;
+}
+function L(e, s) {
+  return `Invalid prop \`value\` of value \`${e}\` supplied to \`${s}\`. The \`value\` prop must be:
+  - a positive number
+  - less than the value passed to \`max\` (or ${N} if no \`max\` prop is set)
+  - \`null\` or \`undefined\` if the progress is indeterminate.
+
+Defaulting to \`null\`.`;
+}
+var I = w, X = y;
+const k = c.forwardRef(
+  ({
+    className: e,
+    value: s,
+    indeterminate: n,
+    speed: l = "normal",
+    variant: r = "default",
+    showLabel: d = !1,
+    labelPosition: a = "top",
+    paused: t = !1,
+    size: o = "md",
+    ...u
+  }, x) => {
+    const p = {
+      default: "lsd:bg-lsd-primary",
+      success: "lsd:bg-lsd-success",
+      warning: "lsd:bg-lsd-warning",
+      destructive: "lsd:bg-lsd-destructive"
+    }, f = {
+      sm: "lsd:h-2",
+      md: "lsd:h-3",
+      lg: "lsd:h-4"
+    }, v = n ? P(
+      "lsd:w-1/3",
+      "lsd:animate-indeterminate-progress",
+      l === "slow" && "lsd:animate-indeterminate-progress-slow",
+      l === "fast" && "lsd:animate-indeterminate-progress-fast",
+      t && "lsd:animation-paused"
+    ) : "lsd:w-full", i = d ? `${s ?? 0}%` : null;
+    return /* @__PURE__ */ E("div", { className: "lsd:w-full", children: [
+      d && i && a === "top" && /* @__PURE__ */ m("div", { className: "lsd:mb-0.5 lsd:text-sm lsd:font-medium lsd:text-lsd-text lsd:text-center", children: i }),
+      /* @__PURE__ */ m(
+        I,
+        {
+          ref: x,
+          "data-slot": "progress",
+          className: P(
+            "lsd:relative lsd:w-full lsd:overflow-hidden lsd:rounded-none lsd:bg-lsd-surface-secondary lsd:border lsd:border-lsd-border-primary",
+            f[o],
+            e
+          ),
+          ...u,
+          children: /* @__PURE__ */ m(
+            X,
+            {
+              "data-slot": "progress-indicator",
+              className: P(
+                "lsd:h-full lsd:flex-1",
+                !n && "lsd:transition-all",
+                p[r],
+                v
+              ),
+              style: n ? void 0 : { transform: `translateX(-${100 - (s || 0)}%)` }
+            }
+          )
+        }
+      ),
+      d && i && a === "bottom" && /* @__PURE__ */ m("div", { className: "lsd:mt-0.5 lsd:text-sm lsd:font-medium lsd:text-lsd-text lsd:text-center", children: i })
+    ] });
+  }
+);
+k.displayName = I.displayName;
+export {
+  k as Progress
+};

package/dist/components/ui/progress/index.d.ts

@@ -0,0 +1,2 @@
+export { Progress } from './Progress';
+export type { ProgressProps } from './types';

package/dist/components/ui/progress/progress.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/progress/progress.test.js

@@ -0,0 +1,101 @@
+import { jsx as t } from "react/jsx-runtime";
+import { d as l, i as r, r as a, g as s, s as i, v as d } from "../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { Progress as o } from "./Progress.js";
+l("Progress", () => {
+  r("renders without crashing", () => {
+    a(/* @__PURE__ */ t(o, {})), s(i.getByRole("progressbar")).toBeInTheDocument();
+  }), r("renders as a progressbar role", () => {
+    a(/* @__PURE__ */ t(o, {})), s(i.getByRole("progressbar")).toBeInTheDocument();
+  }), r("applies base classes correctly", () => {
+    a(/* @__PURE__ */ t(o, {}));
+    const e = i.getByRole("progressbar");
+    s(e).toHaveClass("lsd:relative"), s(e).toHaveClass("lsd:w-full"), s(e).toHaveClass("lsd:h-3"), s(e).toHaveClass("lsd:overflow-hidden"), s(e).toHaveClass("lsd:bg-lsd-surface-secondary"), s(e).toHaveClass("lsd:border"), s(e).toHaveClass("lsd:border-lsd-border-primary");
+  }), r("renders indicator element", () => {
+    a(/* @__PURE__ */ t(o, {}));
+    const e = document.querySelector(
+      '[data-slot="progress-indicator"]'
+    );
+    s(e).toBeInTheDocument();
+  }), r("applies indicator base classes correctly", () => {
+    a(/* @__PURE__ */ t(o, {}));
+    const e = document.querySelector(
+      '[data-slot="progress-indicator"]'
+    );
+    s(e).toHaveClass("lsd:h-full"), s(e).toHaveClass("lsd:w-full"), s(e).toHaveClass("lsd:flex-1"), s(e).toHaveClass("lsd:bg-lsd-primary");
+  }), r("applies transition class for determinate progress", () => {
+    a(/* @__PURE__ */ t(o, { value: 50 }));
+    const e = document.querySelector(
+      '[data-slot="progress-indicator"]'
+    );
+    s(e).toHaveClass("lsd:transition-all");
+  }), r("applies indeterminate animation classes", () => {
+    a(/* @__PURE__ */ t(o, { indeterminate: !0 }));
+    const e = document.querySelector(
+      '[data-slot="progress-indicator"]'
+    );
+    s(e).toHaveClass("lsd:animate-indeterminate-progress");
+  }), r("applies slow speed animation class", () => {
+    a(/* @__PURE__ */ t(o, { indeterminate: !0, speed: "slow" }));
+    const e = document.querySelector(
+      '[data-slot="progress-indicator"]'
+    );
+    s(e).toHaveClass("lsd:animate-indeterminate-progress-slow");
+  }), r("applies fast speed animation class", () => {
+    a(/* @__PURE__ */ t(o, { indeterminate: !0, speed: "fast" }));
+    const e = document.querySelector(
+      '[data-slot="progress-indicator"]'
+    );
+    s(e).toHaveClass("lsd:animate-indeterminate-progress-fast");
+  }), r("applies normal speed by default", () => {
+    a(/* @__PURE__ */ t(o, { indeterminate: !0, speed: "normal" }));
+    const e = document.querySelector(
+      '[data-slot="progress-indicator"]'
+    );
+    s(e).toHaveClass("lsd:animate-indeterminate-progress"), s(e).not.toHaveClass(
+      "lsd:animate-indeterminate-progress-slow"
+    ), s(e).not.toHaveClass(
+      "lsd:animate-indeterminate-progress-fast"
+    );
+  }), r("merges custom className with component classes", () => {
+    a(/* @__PURE__ */ t(o, { className: "custom-progress-class" }));
+    const e = i.getByRole("progressbar");
+    s(e).toHaveClass("custom-progress-class");
+  }), r("passes through additional props", () => {
+    a(/* @__PURE__ */ t(o, { "data-testid": "test-progress", id: "progress-1" }));
+    const e = i.getByRole("progressbar");
+    s(e).toHaveAttribute("data-testid", "test-progress"), s(e).toHaveAttribute("id", "progress-1");
+  }), r("forwards ref to underlying element", () => {
+    const e = d.fn();
+    a(/* @__PURE__ */ t(o, { ref: e })), s(e).toHaveBeenCalled(), s(e.mock.calls[0][0]).toBeInstanceOf(HTMLDivElement);
+  }), r("applies data-slot attribute", () => {
+    a(/* @__PURE__ */ t(o, {}));
+    const e = i.getByRole("progressbar");
+    s(e).toHaveAttribute("data-slot", "progress");
+  }), r("applies data-slot attribute to indicator", () => {
+    a(/* @__PURE__ */ t(o, {}));
+    const e = document.querySelector(
+      '[data-slot="progress-indicator"]'
+    );
+    s(e).toHaveAttribute("data-slot", "progress-indicator");
+  }), r("does not apply indeterminate classes when determinate", () => {
+    a(/* @__PURE__ */ t(o, { value: 50 }));
+    const e = document.querySelector(
+      '[data-slot="progress-indicator"]'
+    );
+    s(e).not.toHaveClass("lsd:animate-indeterminate-progress");
+  }), r("applies style for determinate progress", () => {
+    a(/* @__PURE__ */ t(o, { value: 75 }));
+    const e = document.querySelector(
+      '[data-slot="progress-indicator"]'
+    );
+    s(e).toHaveStyle({ transform: "translateX(-25%)" });
+  }), r("applies empty style for indeterminate progress", () => {
+    a(/* @__PURE__ */ t(o, { indeterminate: !0 }));
+    const e = document.querySelector(
+      '[data-slot="progress-indicator"]'
+    );
+    s(e).toBeInTheDocument();
+    const n = e?.getAttribute("style");
+    s(n).toBeFalsy();
+  });
+});

package/dist/components/ui/progress/types.d.ts

@@ -0,0 +1,11 @@
+import type * as ProgressPrimitive from '@radix-ui/react-progress';
+export interface ProgressProps extends React.ComponentProps<typeof ProgressPrimitive.Root> {
+    value?: number;
+    indeterminate?: boolean;
+    speed?: 'slow' | 'normal' | 'fast';
+    variant?: 'default' | 'success' | 'warning' | 'destructive';
+    showLabel?: boolean;
+    labelPosition?: 'top' | 'bottom';
+    paused?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+}

package/dist/components/ui/scroll-area/ScrollArea.d.ts

@@ -0,0 +1,4 @@
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import type * as React from 'react';
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { ScrollArea };

package/dist/components/ui/scroll-area/ScrollArea.js

@@ -0,0 +1,32 @@
+import { jsxs as e, jsx as s } from "react/jsx-runtime";
+import { R as i, V as a, S as t, C as n } from "../../../ScrollBar-CyKMm83e.js";
+import { c as d } from "../../../utils-DtaLkIY8.js";
+function m({
+  className: l,
+  children: o,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    i,
+    {
+      "data-slot": "scroll-area",
+      className: d("lsd:relative", l),
+      ...r,
+      children: [
+        /* @__PURE__ */ s(
+          a,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "focus-visible:lsd:ring-lsd-text/50 lsd:size-full lsd:rounded-[inherit] lsd:transition-[color,box-shadow] lsd:outline-none focus-visible:lsd:ring-[3px] focus-visible:lsd:outline-1",
+            children: o
+          }
+        ),
+        /* @__PURE__ */ s(t, {}),
+        /* @__PURE__ */ s(n, {})
+      ]
+    }
+  );
+}
+export {
+  m as ScrollArea
+};

package/dist/components/ui/scroll-area/ScrollBar.d.ts

@@ -0,0 +1,4 @@
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import type * as React from 'react';
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
+export { ScrollBar };

package/dist/components/ui/scroll-area/ScrollBar.js

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import { S as t } from "../../../ScrollBar-CyKMm83e.js";
+import "../../../utils-DtaLkIY8.js";
+export {
+  t as ScrollBar
+};

package/dist/components/ui/scroll-area/__tests__/scroll-area.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/scroll-area/__tests__/scroll-area.test.js

@@ -0,0 +1,66 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { d as n, i as r, r as l, g as o, s } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { ScrollArea as a } from "../ScrollArea.js";
+n("ScrollArea", () => {
+  r("renders without crashing", () => {
+    l(
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("div", { children: "Content" }) })
+    ), o(
+      document.querySelector('[data-slot="scroll-area"]')
+    ).toBeInTheDocument();
+  }), r("applies data-slot attribute", () => {
+    l(
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("div", { children: "Content" }) })
+    );
+    const t = document.querySelector('[data-slot="scroll-area"]');
+    o(t).toHaveAttribute("data-slot", "scroll-area");
+  }), r("applies base classes correctly", () => {
+    l(
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("div", { children: "Content" }) })
+    );
+    const t = document.querySelector('[data-slot="scroll-area"]');
+    o(t).toHaveClass("lsd:relative");
+  }), r("renders viewport", () => {
+    l(
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("div", { children: "Content" }) })
+    ), o(
+      document.querySelector('[data-slot="scroll-area-viewport"]')
+    ).toBeInTheDocument();
+  }), r("viewport applies data-slot attribute", () => {
+    l(
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("div", { children: "Content" }) })
+    );
+    const t = document.querySelector(
+      '[data-slot="scroll-area-viewport"]'
+    );
+    o(t).toHaveAttribute("data-slot", "scroll-area-viewport");
+  }), r("viewport applies base classes correctly", () => {
+    l(
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e("div", { children: "Content" }) })
+    );
+    const t = document.querySelector(
+      '[data-slot="scroll-area-viewport"]'
+    );
+    o(t).toHaveClass("lsd:size-full"), o(t).toHaveClass("lsd:rounded-[inherit]"), o(t).toHaveClass("lsd:transition-[color,box-shadow]"), o(t).toHaveClass("lsd:outline-none");
+  }), r("merges custom className with component classes", () => {
+    l(
+      /* @__PURE__ */ e(a, { className: "custom-scroll-area-class", children: /* @__PURE__ */ e("div", { children: "Content" }) })
+    );
+    const t = document.querySelector('[data-slot="scroll-area"]');
+    o(t).toHaveClass("custom-scroll-area-class");
+  }), r("passes through additional props", () => {
+    l(
+      /* @__PURE__ */ e(a, { "data-testid": "test-scroll-area", id: "scroll-area-1", children: /* @__PURE__ */ e("div", { children: "Content" }) })
+    );
+    const t = document.querySelector('[data-slot="scroll-area"]');
+    o(t).toHaveAttribute("data-testid", "test-scroll-area"), o(t).toHaveAttribute("id", "scroll-area-1");
+  }), r("renders children correctly", () => {
+    l(
+      /* @__PURE__ */ c(a, { children: [
+        /* @__PURE__ */ e("p", { children: "Content 1" }),
+        /* @__PURE__ */ e("p", { children: "Content 2" }),
+        /* @__PURE__ */ e("button", { type: "button", children: "Action" })
+      ] })
+    ), o(s.getByText("Content 1")).toBeInTheDocument(), o(s.getByText("Content 2")).toBeInTheDocument(), o(s.getByRole("button", { name: "Action" })).toBeInTheDocument();
+  });
+});

package/dist/components/ui/scroll-area/__tests__/scroll-bar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/scroll-area/__tests__/scroll-bar.test.js

@@ -0,0 +1,42 @@
+import { jsx as e } from "react/jsx-runtime";
+import { d as l, i as t, r, g as o } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { ScrollArea as n } from "../ScrollArea.js";
+l("ScrollBar", () => {
+  t("renders without crashing when used within ScrollArea", () => {
+    r(
+      /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("div", { children: "Content" }) })
+    ), o(
+      document.querySelector('[data-slot="scroll-area"]')
+    ).toBeInTheDocument();
+  }), t("applies data-slot attribute when rendered", () => {
+    r(
+      /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("div", { children: "Content" }) })
+    ), o(
+      document.querySelector('[data-slot="scroll-area"]')
+    ).toBeInTheDocument();
+  }), t("applies base classes correctly when rendered", () => {
+    r(
+      /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("div", { children: "Content" }) })
+    ), o(
+      document.querySelector('[data-slot="scroll-area"]')
+    ).toBeInTheDocument();
+  }), t("applies vertical orientation by default", () => {
+    r(
+      /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("div", { children: "Content" }) })
+    ), o(
+      document.querySelector('[data-slot="scroll-area"]')
+    ).toBeInTheDocument();
+  }), t("merges custom className with component classes", () => {
+    r(
+      /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("div", { children: "Content" }) })
+    ), o(
+      document.querySelector('[data-slot="scroll-area"]')
+    ).toBeInTheDocument();
+  }), t("passes through additional props", () => {
+    r(
+      /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("div", { children: "Content" }) })
+    ), o(
+      document.querySelector('[data-slot="scroll-area"]')
+    ).toBeInTheDocument();
+  });
+});

package/dist/components/ui/scroll-area/index.d.ts

@@ -0,0 +1,2 @@
+export { ScrollArea } from './ScrollArea';
+export { ScrollBar } from './ScrollBar';

package/dist/components/ui/select/Select.d.ts

@@ -0,0 +1,3 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+import type * as React from 'react';
+export declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/select/Select.js

@@ -0,0 +1,10 @@
+import { jsx as o } from "react/jsx-runtime";
+import { R as r } from "../../../index-B_9m43p4.js";
+function s({
+  ...t
+}) {
+  return /* @__PURE__ */ o(r, { "data-slot": "select", ...t });
+}
+export {
+  s as Select
+};

package/dist/components/ui/select/SelectContent.d.ts

@@ -0,0 +1,3 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+import type * as React from 'react';
+export declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/select/SelectContent.js

@@ -0,0 +1,44 @@
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { P as i, C as n, V as m } from "../../../index-B_9m43p4.js";
+import { c as d } from "../../../utils-DtaLkIY8.js";
+import { SelectScrollDownButton as c } from "./SelectScrollDownButton.js";
+import { SelectScrollUpButton as p } from "./SelectScrollUpButton.js";
+function b({
+  className: s,
+  children: a,
+  position: e = "popper",
+  align: l = "center",
+  ...o
+}) {
+  return /* @__PURE__ */ t(i, { children: /* @__PURE__ */ r(
+    n,
+    {
+      "data-slot": "select-content",
+      className: d(
+        "lsd:bg-lsd-surface-primary lsd:text-lsd-text lsd:border-lsd-border lsd:data-[state=open]:animate-in lsd:data-[state=closed]:animate-out lsd:data-[state=closed]:fade-out-0 lsd:data-[state=open]:fade-in-0 lsd:data-[state=closed]:zoom-out-95 lsd:data-[state=open]:zoom-in-95 lsd:data-[side=bottom]:slide-in-from-top-2 lsd:data-[side=left]:slide-in-from-right-2 lsd:data-[side=right]:slide-in-from-left-2 lsd:data-[side=top]:slide-in-from-bottom-2 lsd:relative lsd:z-50 lsd:max-h-(--radix-select-content-available-height) lsd:min-w-[8rem] origin-(--radix-select-content-transform-origin) lsd:overflow-x-hidden lsd:overflow-y-auto lsd:border",
+        e === "popper" && "lsd:data-[side=bottom]:translate-y-1 lsd:data-[side=left]:-translate-x-1 lsd:data-[side=right]:translate-x-1 lsd:data-[side=top]:-translate-y-1",
+        s
+      ),
+      position: e,
+      align: l,
+      ...o,
+      children: [
+        /* @__PURE__ */ t(p, {}),
+        /* @__PURE__ */ t(
+          m,
+          {
+            className: d(
+              "lsd:p-1",
+              e === "popper" && "lsd:h-[var(--radix-select-trigger-height)] lsd:w-full lsd:min-w-[var(--radix-select-trigger-width)] lsd:scroll-my-1"
+            ),
+            children: a
+          }
+        ),
+        /* @__PURE__ */ t(c, {})
+      ]
+    }
+  ) });
+}
+export {
+  b as SelectContent
+};

package/dist/components/ui/select/SelectGroup.d.ts

@@ -0,0 +1,3 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+import type * as React from 'react';
+export declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/select/SelectGroup.js

@@ -0,0 +1,10 @@
+import { jsx as r } from "react/jsx-runtime";
+import { G as t } from "../../../index-B_9m43p4.js";
+function u({
+  ...o
+}) {
+  return /* @__PURE__ */ r(t, { "data-slot": "select-group", ...o });
+}
+export {
+  u as SelectGroup
+};

package/dist/components/ui/select/SelectItem.d.ts

@@ -0,0 +1,3 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+import type * as React from 'react';
+export declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/select/SelectItem.js

@@ -0,0 +1,28 @@
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { I as a, a as n, b as r } from "../../../index-B_9m43p4.js";
+import { c as i } from "../../../utils-DtaLkIY8.js";
+import { C as o } from "../../../check-Bt2UikoU.js";
+function x({
+  className: e,
+  children: l,
+  ...t
+}) {
+  return /* @__PURE__ */ d(
+    a,
+    {
+      "data-slot": "select-item",
+      className: i(
+        "lsd:focus:bg-lsd-surface-secondary lsd:focus:text-lsd-text lsd:[&_svg:not([class*='text-'])]:text-lsd-icon-primary lsd:relative lsd:flex lsd:w-full lsd:cursor-pointer lsd:items-center lsd:gap-2 lsd:py-1.5 lsd:pr-8 lsd:pl-2 lsd:text-sm lsd:outline-hidden lsd:select-none lsd:data-[disabled]:pointer-events-none lsd:data-[disabled]:opacity-50 lsd:[&_svg]:pointer-events-none lsd:[&_svg]:shrink-0 lsd:[&_svg:not([class*='size-'])]:size-4 lsd:*:[span]:last:flex lsd:*:[span]:last:items-center lsd:*:[span]:last:gap-2",
+        e
+      ),
+      ...t,
+      children: [
+        /* @__PURE__ */ s("span", { className: "lsd:absolute lsd:right-2 lsd:flex lsd:size-3.5 lsd:items-center lsd:justify-center", children: /* @__PURE__ */ s(n, { children: /* @__PURE__ */ s(o, { className: "lsd:size-4 lsd:text-lsd-icon-primary" }) }) }),
+        /* @__PURE__ */ s(r, { children: l })
+      ]
+    }
+  );
+}
+export {
+  x as SelectItem
+};