@clasing/ui 2.9.1 → 2.9.2

package/dist/{button-DSpGxL2e.js → button-CKrOlPSD.js}

@@ -1,9 +1,9 @@
-import { c as a, j as e } from "./index-C_XDkVGm.js";
+import { c as o, j as e } from "./index-C_XDkVGm.js";
 import { Slot as _ } from "@radix-ui/react-slot";
 import { cva as k } from "class-variance-authority";
 import w from "react";
 import { C } from "./clasing-icon-zhfWTLFn.js";
-import { b, T as c, c as g, a as f } from "./tooltip-CC_kyHTm.js";
+import { b, T as f, c, a as g } from "./tooltip-CC_kyHTm.js";
 const T = k(
   `
     relative z-0 flex items-center justify-center rounded-full focusable-item
@@ -53,10 +53,8 @@ const T = k(
         ],
         link: [
           `
-            text-blue-500
-            hover:bg-blue-050
-            dark:text-blue-300
-            dark:hover:bg-blue-900/30
+            text-info-foreground
+            hover:bg-info
           `
         ]
       },
@@ -183,7 +181,7 @@ const T = k(
     weight: p,
     children: n,
     isLoading: r,
-    disabled: o,
+    disabled: a,
     tooltip: t,
     tooltipPlacement: l = "top",
     asChild: d,
@@ -196,13 +194,13 @@ const T = k(
       md: "w-8 px-0",
       sm: "w-7 px-0",
       xs: "w-6 px-0"
-    }[i || "xl"] : "", N = a(
+    }[i || "xl"] : "", N = o(
       T({
         variant: x,
         weight: p,
         size: i,
         isLoading: r,
-        disabled: o
+        disabled: a
       }),
       m,
       j
@@ -211,7 +209,7 @@ const T = k(
         C,
         {
           variant: "default",
-          className: a(
+          className: o(
             "pointer-events-none absolute top-1/2 left-1/2 -translate-1/2",
             {
               "visible animate-[spin_2s_linear_infinite] opacity-100": r
@@ -222,7 +220,7 @@ const T = k(
       /* @__PURE__ */ e.jsx(
         "span",
         {
-          className: a(
+          className: o(
             "flex items-center justify-center gap-2",
             r ? "invisible opacity-0" : "visible opacity-100"
           ),
@@ -233,18 +231,18 @@ const T = k(
       h,
       {
         ref: y,
-        className: a(N),
-        disabled: !!r || !!o,
+        className: o(N),
+        disabled: !!r || !!a,
         ...v,
         children: z
       }
     );
-    return t && (o || r) ? /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(c, { children: [
-      /* @__PURE__ */ e.jsx(g, { asChild: !0, children: u ? /* @__PURE__ */ e.jsx("div", { className: "inline-block", "aria-disabled": "true", children: s }) : s }),
-      /* @__PURE__ */ e.jsx(f, { side: l, children: t })
-    ] }) }) : t ? /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(c, { children: [
-      /* @__PURE__ */ e.jsx(g, { asChild: !0, children: s }),
-      /* @__PURE__ */ e.jsx(f, { side: l, children: t })
+    return t && (a || r) ? /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(f, { children: [
+      /* @__PURE__ */ e.jsx(c, { asChild: !0, children: u ? /* @__PURE__ */ e.jsx("div", { className: "inline-block", "aria-disabled": "true", children: s }) : s }),
+      /* @__PURE__ */ e.jsx(g, { side: l, children: t })
+    ] }) }) : t ? /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(f, { children: [
+      /* @__PURE__ */ e.jsx(c, { asChild: !0, children: s }),
+      /* @__PURE__ */ e.jsx(g, { side: l, children: t })
     ] }) }) : s;
   }
 );

package/dist/components/alert-dialog.js

@@ -1,6 +1,6 @@
 import { j as e, c as l } from "../index-C_XDkVGm.js";
 import * as o from "@radix-ui/react-alert-dialog";
-import { b as r } from "../button-DSpGxL2e.js";
+import { b as r } from "../button-CKrOlPSD.js";
 function c({
   ...t
 }) {

package/dist/components/breadcrumb.js

@@ -10,7 +10,11 @@ function b({ className: r, ...e }) {
     {
       "data-slot": "breadcrumb-list",
       className: t(
-        "text-muted-foreground paragraph-sm flex flex-wrap items-center gap-1.5 wrap-break-word sm:gap-2.5",
+        `
+          flex flex-wrap items-center gap-1.5 paragraph-sm wrap-break-word
+          text-muted-foreground
+          sm:gap-2.5
+        `,
         r
       ),
       ...e
@@ -37,7 +41,13 @@ function x({
     n,
     {
       "data-slot": "breadcrumb-link",
-      className: t("hover:text-foreground transition-colors", e),
+      className: t(
+        `
+          transition-colors
+          hover:text-foreground
+        `,
+        e
+      ),
       ...s
     }
   );
@@ -50,7 +60,7 @@ function f({ className: r, ...e }) {
       role: "link",
       "aria-disabled": "true",
       "aria-current": "page",
-      className: t("text-foreground font-semibold", r),
+      className: t("font-semibold text-foreground", r),
       ...e
     }
   );
@@ -83,7 +93,10 @@ function j({
       role: "presentation",
       "aria-hidden": "true",
       className: t(
-        "flex size-9 items-center justify-center [&>svg]:size-3.5",
+        `
+          flex size-9 items-center justify-center
+          [&>svg]:size-3.5
+        `,
         r
       ),
       ...e,

package/dist/components/button-group.js

@@ -3,12 +3,28 @@ import { Slot as i } from "@radix-ui/react-slot";
 import { cva as a } from "class-variance-authority";
 import { D as l } from "../divider-DnPsAXol.js";
 const d = a(
-  "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-full [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
+  `
+    flex w-fit items-stretch
+    *:focus-visible:relative *:focus-visible:z-10
+    has-[>[data-slot=button-group]]:gap-2
+    has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-full
+    [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit
+    [&>input]:flex-1
+  `,
   {
     variants: {
       orientation: {
-        horizontal: "[&>*:not(:first-child)]:rounded-l-none! [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none!",
-        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none! [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none!"
+        horizontal: `
+          [&>*:not(:first-child)]:rounded-l-none!
+          [&>*:not(:first-child)]:border-l-0
+          [&>*:not(:last-child)]:rounded-r-none!
+        `,
+        vertical: `
+          flex-col
+          [&>*:not(:first-child)]:rounded-t-none!
+          [&>*:not(:first-child)]:border-t-0
+          [&>*:not(:last-child)]:rounded-b-none!
+        `
       }
     },
     defaultVariants: {
@@ -42,7 +58,12 @@ function h({
     s,
     {
       className: n(
-        "bg-muted flex items-center gap-2 rounded-full border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        `
+          flex items-center gap-2 rounded-full border bg-muted px-4 text-sm
+          font-medium shadow-xs
+          [&_svg]:pointer-events-none
+          [&_svg:not([class*='size-'])]:size-4
+        `,
         o
       ),
       ...e
@@ -60,7 +81,10 @@ function v({
       "data-slot": "button-group-separator",
       orientation: t,
       className: n(
-        "bg-input relative m-0! self-stretch data-[orientation=vertical]:h-auto",
+        `
+          relative m-0! self-stretch bg-input
+          data-[orientation=vertical]:h-auto
+        `,
         o
       ),
       ...e

package/dist/components/button.js

@@ -1,4 +1,4 @@
-import { B as s, b as a } from "../button-DSpGxL2e.js";
+import { B as s, b as a } from "../button-CKrOlPSD.js";
 export {
   s as Button,
   a as buttonStyles

package/dist/components/calendar.js

@@ -1,7 +1,7 @@
 import { j as n, c as e } from "../index-C_XDkVGm.js";
 import * as i from "react";
 import { getDefaultClassNames as m, DayPicker as x } from "react-day-picker";
-import { b as f, B as h } from "../button-DSpGxL2e.js";
+import { b as f, B as h } from "../button-CKrOlPSD.js";
 import { CaretLeftIcon as w, CaretRightIcon as _, CaretDownIcon as y } from "@phosphor-icons/react";
 function C({
   className: c,

package/dist/components/field.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { Label } from '@/components/label';
+declare const FieldGroup: {
+    ({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const Field: {
+    ({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface FieldLabelProps extends React.ComponentPropsWithoutRef<typeof Label> {
+}
+declare const FieldLabel: React.ForwardRefExoticComponent<FieldLabelProps & React.RefAttributes<HTMLLabelElement>>;
+declare const FieldDescription: {
+    ({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const fieldMessageVariants: {
+    readonly error: "text-destructive-foreground";
+    readonly success: "text-success-foreground";
+};
+interface FieldMessageProps extends React.ComponentProps<'p'> {
+    variant?: keyof typeof fieldMessageVariants;
+}
+declare const FieldMessage: React.ForwardRefExoticComponent<Omit<FieldMessageProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Field, FieldDescription, FieldGroup, FieldLabel, FieldMessage };

package/dist/components/field.js

@@ -0,0 +1,66 @@
+import { j as a, c as r } from "../index-C_XDkVGm.js";
+import * as t from "react";
+import { L as d } from "../label-CnZHCbRc.js";
+const i = ({ className: s, ...e }) => /* @__PURE__ */ a.jsx(
+  "div",
+  {
+    "data-slot": "field-group",
+    className: r("flex flex-col gap-4", s),
+    ...e
+  }
+);
+i.displayName = "FieldGroup";
+const c = ({ className: s, ...e }) => /* @__PURE__ */ a.jsx(
+  "div",
+  {
+    "data-slot": "field",
+    className: r("flex flex-col gap-1.5", s),
+    ...e
+  }
+);
+c.displayName = "Field";
+const m = t.forwardRef(({ className: s, ...e }, l) => /* @__PURE__ */ a.jsx(
+  d,
+  {
+    ref: l,
+    "data-slot": "field-label",
+    className: r("label-md font-medium text-foreground", s),
+    ...e
+  }
+));
+m.displayName = "FieldLabel";
+const p = ({
+  className: s,
+  ...e
+}) => /* @__PURE__ */ a.jsx(
+  "p",
+  {
+    "data-slot": "field-description",
+    className: r("paragraph-sm text-muted-foreground", s),
+    ...e
+  }
+);
+p.displayName = "FieldDescription";
+const f = {
+  error: "text-destructive-foreground",
+  success: "text-success-foreground"
+}, n = t.forwardRef(
+  ({ className: s, variant: e = "error", ...l }, o) => /* @__PURE__ */ a.jsx(
+    "p",
+    {
+      ref: o,
+      "data-slot": "field-message",
+      className: r("paragraph-sm", f[e], s),
+      role: e === "error" ? "alert" : void 0,
+      ...l
+    }
+  )
+);
+n.displayName = "FieldMessage";
+export {
+  c as Field,
+  p as FieldDescription,
+  i as FieldGroup,
+  m as FieldLabel,
+  n as FieldMessage
+};

package/dist/components/input.js

@@ -1,4 +1,4 @@
-import { I as r } from "../input-D9gqZjs0.js";
+import { I as r } from "../input-BlcRuIEB.js";
 export {
   r as Input
 };

package/dist/components/pagination.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+declare const Pagination: {
+    ({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationContent: {
+    ({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationItem: {
+    ({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface PaginationLinkProps extends React.ComponentProps<'a'> {
+    isActive?: boolean;
+    asChild?: boolean;
+}
+declare const PaginationLink: {
+    ({ className, isActive, asChild, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface PaginationPreviousProps extends PaginationLinkProps {
+}
+declare const PaginationPrevious: {
+    ({ className, href, ...props }: PaginationPreviousProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface PaginationNextProps extends PaginationLinkProps {
+}
+declare const PaginationNext: {
+    ({ className, href, ...props }: PaginationNextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };

package/dist/components/pagination.js

@@ -0,0 +1,107 @@
+import { j as t, c as i } from "../index-C_XDkVGm.js";
+import { DotsThreeIcon as l, CaretRightIcon as c, CaretLeftIcon as m } from "@phosphor-icons/react";
+import { Slot as p } from "@radix-ui/react-slot";
+const d = ({ className: e, ...a }) => /* @__PURE__ */ t.jsx(
+  "nav",
+  {
+    "aria-label": "pagination",
+    className: i("mx-auto flex w-full justify-center", e),
+    ...a
+  }
+);
+d.displayName = "Pagination";
+const u = ({
+  className: e,
+  ...a
+}) => /* @__PURE__ */ t.jsx(
+  "ul",
+  {
+    className: i("flex flex-row items-center gap-1", e),
+    ...a
+  }
+);
+u.displayName = "PaginationContent";
+const g = ({
+  className: e,
+  ...a
+}) => /* @__PURE__ */ t.jsx("li", { className: i("", e), ...a });
+g.displayName = "PaginationItem";
+const s = ({
+  className: e,
+  isActive: a,
+  asChild: n,
+  ...o
+}) => {
+  const r = n ? p : "a";
+  return /* @__PURE__ */ t.jsx(
+    r,
+    {
+      "data-slot": "pagination-link",
+      className: i(
+        `
+          flex size-9 items-center justify-center rounded-full label-md
+          font-medium focusable-item
+          transition-[color,background-color,box-shadow]
+          hover:bg-muted
+          disabled:pointer-events-none disabled:opacity-50
+          data-[active=true]:bg-primary
+          data-[active=true]:text-primary-foreground
+          data-[active=true]:shadow-xs
+        `,
+        e
+      ),
+      "aria-current": a ? "page" : void 0,
+      "data-active": a,
+      ...o
+    }
+  );
+};
+s.displayName = "PaginationLink";
+const x = ({
+  className: e,
+  href: a,
+  ...n
+}) => /* @__PURE__ */ t.jsx(
+  s,
+  {
+    href: a,
+    "aria-label": "Go to previous page",
+    className: i("gap-1 pr-3 pl-2.5", e),
+    ...n,
+    children: /* @__PURE__ */ t.jsx(m, { className: "size-4" })
+  }
+);
+x.displayName = "PaginationPrevious";
+const N = ({ className: e, href: a, ...n }) => /* @__PURE__ */ t.jsx(
+  s,
+  {
+    href: a,
+    "aria-label": "Go to next page",
+    className: i("gap-1 pr-2.5 pl-3", e),
+    ...n,
+    children: /* @__PURE__ */ t.jsx(c, { className: "size-4" })
+  }
+);
+N.displayName = "PaginationNext";
+const f = ({
+  className: e,
+  ...a
+}) => /* @__PURE__ */ t.jsx(
+  "span",
+  {
+    "aria-hidden": !0,
+    className: i("flex size-9 items-center justify-center", e),
+    ...a,
+    children: /* @__PURE__ */ t.jsx(l, { className: "size-4", weight: "bold" })
+  }
+);
+f.displayName = "PaginationEllipsis";
+export {
+  d as Pagination,
+  u as PaginationContent,
+  f as PaginationEllipsis,
+  g as PaginationItem,
+  s as PaginationLink,
+  N as PaginationNext,
+  x as PaginationPrevious
+};

package/dist/components/phone-input.js

@@ -1,6 +1,6 @@
 import { j as e, c as p } from "../index-C_XDkVGm.js";
 import { C as O, d as A, f as F, b as L, c as D, e as N } from "../command-Cq3FhQXv.js";
-import { I as M } from "../input-D9gqZjs0.js";
+import { I as M } from "../input-BlcRuIEB.js";
 import { P as q, c as H, b as G } from "../popover-CLQxfbEi.js";
 import { S as W } from "../scroll-area-BTNDZ-p2.js";
 import { CaretDownIcon as $, CheckIcon as B } from "@phosphor-icons/react";

package/dist/components/radio-group.d.ts

@@ -0,0 +1,5 @@
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as React from 'react';
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { RadioGroup, RadioGroupItem };

package/dist/components/radio-group.js

@@ -0,0 +1,45 @@
+import { j as a, c as t } from "../index-C_XDkVGm.js";
+import { CircleIcon as d } from "@phosphor-icons/react";
+import * as r from "@radix-ui/react-radio-group";
+import * as s from "react";
+const l = s.forwardRef(({ className: e, ...o }, i) => /* @__PURE__ */ a.jsx(
+  r.Root,
+  {
+    "data-slot": "radio-group",
+    className: t("grid gap-3", e),
+    ...o,
+    ref: i
+  }
+));
+l.displayName = r.Root.displayName;
+const m = s.forwardRef(({ className: e, ...o }, i) => /* @__PURE__ */ a.jsx(
+  r.Item,
+  {
+    "data-slot": "radio-group-item",
+    ref: i,
+    className: t(
+      `
+          aspect-square size-4 shrink-0 rounded-full border border-input
+          text-primary focusable-item
+          disabled:cursor-not-allowed disabled:opacity-50
+          aria-invalid:border-destructive-foreground
+          dark:bg-input/30
+        `,
+      e
+    ),
+    ...o,
+    children: /* @__PURE__ */ a.jsx(
+      r.Indicator,
+      {
+        "data-slot": "radio-group-indicator",
+        className: "flex items-center justify-center",
+        children: /* @__PURE__ */ a.jsx(d, { weight: "fill", className: "size-2" })
+      }
+    )
+  }
+));
+m.displayName = r.Item.displayName;
+export {
+  l as RadioGroup,
+  m as RadioGroupItem
+};

package/dist/components/select.js

@@ -73,7 +73,7 @@ function b({
 function v({
   className: t,
   children: a,
-  position: l = "popper",
+  position: l = "item-aligned",
   collisionPadding: o = 24,
   ...n
 }) {
@@ -167,7 +167,15 @@ function y({
       ),
       ...l,
       children: [
-        /* @__PURE__ */ e.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(s.ItemIndicator, { children: /* @__PURE__ */ e.jsx(i, { className: "size-4" }) }) }),
+        /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: `\r
+        absolute right-2 flex size-3.5 items-center justify-center\r
+      `,
+            children: /* @__PURE__ */ e.jsx(s.ItemIndicator, { children: /* @__PURE__ */ e.jsx(i, { className: "size-4" }) })
+          }
+        ),
         /* @__PURE__ */ e.jsx(s.ItemText, { children: a })
       ]
     }

package/dist/components/sidebar.d.ts

@@ -0,0 +1,83 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { Button } from './button';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from './collapsible';
+import { Divider } from './divider';
+import { Input } from './input';
+import { TooltipContent } from './tooltip';
+type SidebarContextProps = {
+    state: 'expanded' | 'collapsed';
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare function useSidebar(): SidebarContextProps;
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<'div'> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
+declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<'div'> & {
+    side?: 'left' | 'right';
+    variant?: 'sidebar' | 'floating' | 'inset';
+    collapsible?: 'offcanvas' | 'icon' | 'none';
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarRail({ className, ...props }: React.ComponentProps<'button'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarInset({ className, ...props }: React.ComponentProps<'main'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Divider>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<'div'> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<'button'> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "lg" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, dropdownItems, className, ...props }: React.ComponentProps<'button'> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+    dropdownItems?: {
+        title: string;
+        href: string;
+    }[];
+} & VariantProps<typeof sidebarMenuButtonVariants>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<'button'> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<'div'> & {
+    showIcon?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React.ComponentProps<'a'> & {
+    asChild?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    isActive?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarSubMenu({ defaultOpen, className, children, ...props }: React.ComponentProps<typeof Collapsible>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarSubMenuTrigger({ className, children, dropdownItems, ...props }: React.ComponentProps<typeof CollapsibleTrigger> & {
+    dropdownItems?: {
+        title: string;
+        href: string;
+    }[];
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarSubMenuContent({ children, ...props }: React.ComponentProps<typeof CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarSubMenuItem({ children, ...props }: React.ComponentProps<typeof SidebarMenuSubItem>): import("react/jsx-runtime").JSX.Element;
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarSubMenu, SidebarSubMenuContent, SidebarSubMenuItem, SidebarSubMenuTrigger, SidebarTrigger, useSidebar, };

package/dist/components/tabs.d.ts

@@ -0,0 +1,13 @@
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const tabsListVariants: (props?: ({
+    size?: "lg" | "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>, VariantProps<typeof tabsListVariants> {
+}
+declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsContent, TabsList, tabsListVariants, TabsTrigger };