@clasing/ui 2.9.0 → 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,23 +1,23 @@
 import { j as n, c as e } from "../index-C_XDkVGm.js";
 import * as i from "react";
-import { getDefaultClassNames as p, DayPicker as x } from "react-day-picker";
-import { b as m, B as h } from "../button-DSpGxL2e.js";
+import { getDefaultClassNames as m, DayPicker as x } from "react-day-picker";
+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,
   classNames: g,
-  showOutsideDays: a = !0,
+  showOutsideDays: r = !0,
   captionLayout: s = "label",
   buttonVariant: l = "ghost",
   formatters: u,
-  components: f,
-  ...b
+  components: b,
+  ...p
 }) {
-  const t = p();
+  const t = m();
   return /* @__PURE__ */ n.jsx(
     x,
     {
-      showOutsideDays: a,
+      showOutsideDays: r,
       className: e(
         `
           group/calendar bg-background p-3 [--cell-size:--spacing(8)]
@@ -30,7 +30,7 @@ function C({
       ),
       captionLayout: s,
       formatters: {
-        formatMonthDropdown: (r) => r.toLocaleString("default", { month: "short" }),
+        formatMonthDropdown: (a) => a.toLocaleString("default", { month: "short" }),
         ...u
       },
       classNames: {
@@ -51,7 +51,7 @@ function C({
           t.nav
         ),
         button_previous: e(
-          m({ size: "sm", variant: l }),
+          f({ size: "sm", variant: l }),
           `
             size-(--cell-size) p-0 select-none
             aria-disabled:opacity-50
@@ -59,7 +59,7 @@ function C({
           t.button_previous
         ),
         button_next: e(
-          m({ size: "sm", variant: l }),
+          f({ size: "sm", variant: l }),
           `
             size-(--cell-size) p-0 select-none
             aria-disabled:opacity-50
@@ -155,7 +155,7 @@ function C({
       },
       components: {
         Root: ({
-          className: r,
+          className: a,
           rootRef: d,
           ...o
         }) => /* @__PURE__ */ n.jsx(
@@ -163,73 +163,77 @@ function C({
           {
             "data-slot": "calendar",
             ref: d,
-            className: e(r),
+            className: e(a),
             ...o
           }
         ),
-        Chevron: ({ className: r, orientation: d, ...o }) => d === "left" ? /* @__PURE__ */ n.jsx(w, { className: e(r), ...o }) : d === "right" ? /* @__PURE__ */ n.jsx(_, { className: e(r), ...o }) : /* @__PURE__ */ n.jsx(y, { ...o }),
+        Chevron: ({ className: a, orientation: d, ...o }) => d === "left" ? /* @__PURE__ */ n.jsx(w, { className: e(a), ...o }) : d === "right" ? /* @__PURE__ */ n.jsx(_, { className: e(a), ...o }) : /* @__PURE__ */ n.jsx(y, { ...o }),
         DayButton: v,
-        WeekNumber: ({ children: r, ...d }) => /* @__PURE__ */ n.jsx("td", { ...d, children: /* @__PURE__ */ n.jsx(
+        WeekNumber: ({ children: a, ...d }) => /* @__PURE__ */ n.jsx("td", { ...d, children: /* @__PURE__ */ n.jsx(
           "div",
           {
             className: `\r
                   flex size-(--cell-size) items-center justify-center\r
                   text-center\r
                 `,
-            children: r
+            children: a
           }
         ) }),
-        ...f
+        ...b
       },
-      ...b
+      ...p
     }
   );
 }
 function v({
   className: c,
   day: g,
-  modifiers: a,
+  modifiers: r,
   ...s
 }) {
-  const l = p(), u = i.useRef(null);
+  const l = m(), u = i.useRef(null);
   return i.useEffect(() => {
-    a.focused && u.current?.focus();
-  }, [a.focused]), /* @__PURE__ */ n.jsx(
+    r.focused && u.current?.focus();
+  }, [r.focused]), /* @__PURE__ */ n.jsx(
     h,
     {
       ref: u,
       variant: "ghost",
       size: "xs",
       "data-day": g.date.toLocaleDateString(),
-      "data-selected-single": a.selected && !a.range_start && !a.range_end && !a.range_middle,
-      "data-range-start": a.range_start,
-      "data-range-end": a.range_end,
-      "data-range-middle": a.range_middle,
+      "data-selected-single": r.selected && !r.range_start && !r.range_end && !r.range_middle,
+      "data-range-start": r.range_start,
+      "data-range-end": r.range_end,
+      "data-range-middle": r.range_middle,
       className: e(
         `
           flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1
-          rounded-md bg-transparent p-1 leading-none font-regular
+          p-1 leading-none font-regular
           group-data-[focused=true]/day:relative
           group-data-[focused=true]/day:z-10
           group-data-[focused=true]/day:border-ring
           group-data-[focused=true]/day:ring-[3px]
           group-data-[focused=true]/day:ring-ring/50
-          data-[range-end=true]:rounded-md data-[range-end=true]:rounded-l-none
-          data-[range-end=true]:rounded-r-md data-[range-end=true]:bg-blue-500
+          before:rounded-md before:bg-transparent
           data-[range-end=true]:text-white
-          data-[range-end=true]:hover:bg-blue-500/80
-          data-[range-middle=true]:rounded-none
-          data-[range-middle=true]:bg-blue-500/10
+          data-[range-end=true]:before:rounded-md
+          data-[range-end=true]:before:rounded-l-none
+          data-[range-end=true]:before:rounded-r-md
+          data-[range-end=true]:before:bg-blue-500
+          data-[range-end=true]:hover:before:bg-blue-500/80
           data-[range-middle=true]:text-blue-800
-          data-[range-start=true]:rounded-md
-          data-[range-start=true]:rounded-l-md
-          data-[range-start=true]:rounded-r-none
-          data-[range-start=true]:bg-blue-500 data-[range-start=true]:text-white
-          data-[range-start=true]:hover:bg-blue-500/80
-          data-[selected-single=true]:bg-blue-500
+          data-[range-middle=true]:before:rounded-none
+          data-[range-middle=true]:before:bg-blue-500/10
+          data-[range-start=true]:text-white
+          data-[range-start=true]:before:rounded-md
+          data-[range-start=true]:before:rounded-l-md
+          data-[range-start=true]:before:rounded-r-none
+          data-[range-start=true]:before:bg-blue-500
+          data-[range-start=true]:hover:before:bg-blue-500/80
           data-[selected-single=true]:text-white
-          data-[selected-single=true]:hover:bg-blue-500/80
+          data-[selected-single=true]:before:bg-blue-500
           data-[selected-single=true]:hover:text-white
+          data-[selected-single=true]:hover:before:bg-blue-500/80
           dark:hover:text-accent-foreground
           dark:data-[range-middle=true]:text-blue-050
           [&>span]:paragraph-xs [&>span]:opacity-70

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