@clasing/ui 2.9.1 → 2.9.3

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/sheet.js

@@ -1,166 +1,11 @@
-import { j as e, c as s } from "../index-C_XDkVGm.js";
-import * as a from "@radix-ui/react-dialog";
-import { XIcon as i } from "@phosphor-icons/react";
-function f({ ...t }) {
-  return /* @__PURE__ */ e.jsx(a.Root, { "data-slot": "sheet", ...t });
-}
-function h({
-  ...t
-}) {
-  return /* @__PURE__ */ e.jsx(a.Trigger, { "data-slot": "sheet-trigger", ...t });
-}
-function m({
-  ...t
-}) {
-  return /* @__PURE__ */ e.jsx(a.Close, { "data-slot": "sheet-close", ...t });
-}
-function l({
-  ...t
-}) {
-  return /* @__PURE__ */ e.jsx(a.Portal, { "data-slot": "sheet-portal", ...t });
-}
-function d({
-  className: t,
-  ...o
-}) {
-  return /* @__PURE__ */ e.jsx(
-    a.Overlay,
-    {
-      "data-slot": "sheet-overlay",
-      className: s(
-        `
-          fixed inset-0 z-50 bg-black/50
-          data-[state=closed]:animate-out data-[state=closed]:fade-out-0
-          data-[state=open]:animate-in data-[state=open]:fade-in-0
-        `,
-        t
-      ),
-      ...o
-    }
-  );
-}
-function p({
-  className: t,
-  children: o,
-  side: n = "right",
-  ...r
-}) {
-  return /* @__PURE__ */ e.jsxs(l, { children: [
-    /* @__PURE__ */ e.jsx(d, {}),
-    /* @__PURE__ */ e.jsxs(
-      a.Content,
-      {
-        "data-slot": "sheet-content",
-        className: s(
-          `
-            fixed z-50 flex flex-col gap-4 bg-background text-foreground
-            shadow-lg transition ease-in-out
-            data-[state=closed]:animate-out data-[state=closed]:duration-300
-            data-[state=open]:animate-in data-[state=open]:duration-500
-          `,
-          n === "right" && `
-              inset-y-0 right-0 h-full w-3/4 border-l
-              data-[state=closed]:slide-out-to-right
-              data-[state=open]:slide-in-from-right
-              sm:max-w-sm
-            `,
-          n === "left" && `
-              inset-y-0 left-0 h-full w-3/4 border-r
-              data-[state=closed]:slide-out-to-left
-              data-[state=open]:slide-in-from-left
-              sm:max-w-sm
-            `,
-          n === "top" && `
-              inset-x-0 top-0 h-auto border-b
-              data-[state=closed]:slide-out-to-top
-              data-[state=open]:slide-in-from-top
-            `,
-          n === "bottom" && `
-              inset-x-0 bottom-0 h-auto border-t
-              data-[state=closed]:slide-out-to-bottom
-              data-[state=open]:slide-in-from-bottom
-            `,
-          t
-        ),
-        ...r,
-        children: [
-          o,
-          /* @__PURE__ */ e.jsxs(
-            a.Close,
-            {
-              className: `\r
-            absolute top-4 right-4 rounded-xs text-foreground opacity-70\r
-            ring-offset-background transition-opacity\r
-            hover:opacity-100\r
-            focus:ring-2 focus:ring-ring focus:ring-offset-2\r
-            focus:outline-hidden\r
-            disabled:pointer-events-none\r
-            data-[state=open]:bg-secondary\r
-          `,
-              children: [
-                /* @__PURE__ */ e.jsx(i, { className: "size-4" }),
-                /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-function x({ className: t, ...o }) {
-  return /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      "data-slot": "sheet-header",
-      className: s("flex flex-col gap-1.5 p-4", t),
-      ...o
-    }
-  );
-}
-function g({ className: t, ...o }) {
-  return /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      "data-slot": "sheet-footer",
-      className: s("mt-auto flex flex-col gap-2 p-4", t),
-      ...o
-    }
-  );
-}
-function b({
-  className: t,
-  ...o
-}) {
-  return /* @__PURE__ */ e.jsx(
-    a.Title,
-    {
-      "data-slot": "sheet-title",
-      className: s("font-semibold text-foreground", t),
-      ...o
-    }
-  );
-}
-function j({
-  className: t,
-  ...o
-}) {
-  return /* @__PURE__ */ e.jsx(
-    a.Description,
-    {
-      "data-slot": "sheet-description",
-      className: s("paragraph-sm text-muted-foreground", t),
-      ...o
-    }
-  );
-}
+import { S as a, a as s, b as S, c as h, d as o, e as r, f as i, g } from "../sheet-CwXaadwy.js";
 export {
-  f as Sheet,
-  m as SheetClose,
-  p as SheetContent,
-  j as SheetDescription,
-  g as SheetFooter,
-  x as SheetHeader,
-  b as SheetTitle,
-  h as SheetTrigger
+  a as Sheet,
+  s as SheetClose,
+  S as SheetContent,
+  h as SheetDescription,
+  o as SheetFooter,
+  r as SheetHeader,
+  i as SheetTitle,
+  g as SheetTrigger
 };

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, };