@quarklab/rad-ui 0.1.5 → 0.3.0

package/templates/web/spinner.tsx

@@ -0,0 +1,44 @@
+import * as React from "react";
+import { Loader } from "lucide-react";
+import { cva, type VariantProps } from "class-variance-authority";
+import { cn } from "../lib/utils";
+
+const spinnerVariants = cva("animate-spin", {
+  variants: {
+    size: {
+      sm: "size-4",
+      default: "size-6",
+      lg: "size-8",
+      xl: "size-12",
+    },
+  },
+  defaultVariants: {
+    size: "default",
+  },
+});
+
+export interface SpinnerProps
+  extends React.SVGProps<SVGSVGElement>,
+    VariantProps<typeof spinnerVariants> {
+  srText?: string;
+}
+
+const Spinner = React.forwardRef<SVGSVGElement, SpinnerProps>(
+  ({ className, size, srText = "Loading...", ...props }, ref) => {
+    return (
+      <>
+        <Loader
+          ref={ref}
+          className={cn(spinnerVariants({ size }), className)}
+          role="status"
+          aria-label={srText}
+          {...props}
+        />
+        <span className="sr-only">{srText}</span>
+      </>
+    );
+  }
+);
+Spinner.displayName = "Spinner";
+
+export { Spinner, spinnerVariants };

package/templates/web/switch.tsx

@@ -0,0 +1,32 @@
+import * as React from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+import { cn } from "../lib/utils";
+
+const Switch = React.forwardRef<
+  React.ElementRef<typeof SwitchPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
+>(({ className, ...props }, ref) => (
+  <SwitchPrimitives.Root
+    className={cn(
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      "data-[state=checked]:bg-primary data-[state=unchecked]:bg-gray-200",
+      className
+    )}
+    {...props}
+    ref={ref}
+  >
+    <SwitchPrimitives.Thumb
+      className={cn(
+        "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform",
+        "data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
+        "rtl:data-[state=checked]:-translate-x-5 rtl:data-[state=unchecked]:translate-x-0"
+      )}
+    />
+  </SwitchPrimitives.Root>
+));
+
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+export { Switch };

package/templates/web/textarea.tsx

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { cn } from "../lib/utils";
+
+export interface TextareaProps
+  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
+
+const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
+  ({ className, ...props }, ref) => {
+    return (
+      <textarea
+        className={cn(
+          "flex min-h-[60px] w-full rounded-md border border-border bg-background px-3 py-2 text-sm shadow-sm transition-colors",
+          "placeholder:text-muted-foreground",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          "resize-y",
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    );
+  }
+);
+
+Textarea.displayName = "Textarea";
+
+export { Textarea };

package/templates/web/toggle-group.tsx

@@ -0,0 +1,58 @@
+import * as React from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import { type VariantProps } from "class-variance-authority";
+import { cn } from "../lib/utils";
+import { toggleVariants } from "./toggle";
+
+const ToggleGroupContext = React.createContext<
+  VariantProps<typeof toggleVariants>
+>({
+  size: "md",
+  variant: "default",
+});
+
+const ToggleGroup = React.forwardRef<
+  React.ElementRef<typeof ToggleGroupPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &
+    VariantProps<typeof toggleVariants>
+>(({ className, variant, size, children, ...props }, ref) => (
+  <ToggleGroupPrimitive.Root
+    ref={ref}
+    className={cn("flex items-center justify-center gap-1", className)}
+    {...props}
+  >
+    <ToggleGroupContext.Provider value={{ variant, size }}>
+      {children}
+    </ToggleGroupContext.Provider>
+  </ToggleGroupPrimitive.Root>
+));
+
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
+
+const ToggleGroupItem = React.forwardRef<
+  React.ElementRef<typeof ToggleGroupPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &
+    VariantProps<typeof toggleVariants>
+>(({ className, children, variant, size, ...props }, ref) => {
+  const context = React.useContext(ToggleGroupContext);
+
+  return (
+    <ToggleGroupPrimitive.Item
+      ref={ref}
+      className={cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size,
+        }),
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </ToggleGroupPrimitive.Item>
+  );
+});
+
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+
+export { ToggleGroup, ToggleGroupItem };

package/templates/web/toggle.tsx

@@ -0,0 +1,45 @@
+import * as React from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { type VariantProps, cva } from "class-variance-authority";
+import { cn } from "../lib/utils";
+
+const toggleVariants = cva(
+  "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary data-[state=on]:text-primary-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline:
+          "border border-border bg-transparent hover:bg-muted hover:text-foreground",
+      },
+      size: {
+        sm: "h-9 px-2.5 min-w-9 text-xs",
+        md: "h-10 px-3 min-w-10",
+        lg: "h-11 px-5 min-w-11 text-base",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+    },
+  }
+);
+
+export interface ToggleProps
+  extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>,
+    VariantProps<typeof toggleVariants> {}
+
+const Toggle = React.forwardRef<
+  React.ElementRef<typeof TogglePrimitive.Root>,
+  ToggleProps
+>(({ className, variant, size, ...props }, ref) => (
+  <TogglePrimitive.Root
+    ref={ref}
+    className={cn(toggleVariants({ variant, size, className }))}
+    {...props}
+  />
+));
+
+Toggle.displayName = TogglePrimitive.Root.displayName;
+
+export { Toggle, toggleVariants };

package/README.md

@@ -1,62 +0,0 @@
-# @quarklab/rad-ui
-
-A set of high-quality React components built with Radix UI and Tailwind CSS.
-
-## Installation
-
-```bash
-npm install @quarklab/rad-ui
-```
-
-## Usage
-
-Import components directly:
-
-```tsx
-import { Button } from "@quarklab/rad-ui";
-
-export default function Home() {
-  return <Button>Click me</Button>;
-}
-```
-
-## Tailwind Setup
-
-To use the components, you need to configure Tailwind CSS to scan the package's files and use the custom plugin.
-
-1. Add the package's paths to your `tailwind.config.js` `content` array so Tailwind scans the library.
-2. Add the `raduiPlugin` to your `plugins` array to include the custom theme and variables.
-
-```js
-// tailwind.config.js
-const { raduiPlugin } = require("@quarklab/rad-ui");
-
-module.exports = {
-  content: [
-    // ... your other content paths
-    "./node_modules/@quarklab/rad-ui/dist/**/*.js",
-  ],
-  theme: {
-    extend: {},
-  },
-  plugins: [
-    raduiPlugin,
-  ],
-};
-```
-
-If you are using TypeScript (`tailwind.config.ts`):
-
-```ts
-import { raduiPlugin } from "@quarklab/rad-ui";
-
-export default {
-  content: [
-    // ...
-    "./node_modules/@quarklab/rad-ui/dist/**/*.js",
-  ],
-  plugins: [
-    raduiPlugin,
-  ],
-}
-```

package/dist/index.css

@@ -1 +0,0 @@
-*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-vazirmatn),var(--font-inter),sans-serif}

package/dist/index.d.mts

@@ -1,62 +0,0 @@
-import { ClassValue } from 'clsx';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React$1 from 'react';
-import { VariantProps } from 'class-variance-authority';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as LabelPrimitive from '@radix-ui/react-label';
-import * as tailwindcss_types_config from 'tailwindcss/types/config';
-
-declare function cn(...inputs: ClassValue[]): string;
-
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
-}
-declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
-
-declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
-declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
-declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
-
-declare const AspectRatio: React$1.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & React$1.RefAttributes<HTMLDivElement>>;
-
-interface KbdProps extends React$1.HTMLAttributes<HTMLElement> {
-}
-declare const Kbd: React$1.ForwardRefExoticComponent<KbdProps & React$1.RefAttributes<HTMLElement>>;
-interface KbdGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
-}
-declare const KbdGroup: React$1.ForwardRefExoticComponent<KbdGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
-}
-declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
-
-declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
-
-declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-
-declare const spinnerVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | "xl" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SpinnerProps extends React$1.SVGProps<SVGSVGElement>, VariantProps<typeof spinnerVariants> {
-    srText?: string;
-}
-declare const Spinner: React$1.ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
-
-declare const raduiPlugin: {
-    handler: tailwindcss_types_config.PluginCreator;
-    config?: Partial<tailwindcss_types_config.Config>;
-};
-
-export { AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Button, type ButtonProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, Label, Separator, Skeleton, Spinner, type SpinnerProps, badgeVariants, buttonVariants, cn, raduiPlugin, spinnerVariants };

package/dist/index.d.ts

@@ -1,62 +0,0 @@
-import { ClassValue } from 'clsx';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React$1 from 'react';
-import { VariantProps } from 'class-variance-authority';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as LabelPrimitive from '@radix-ui/react-label';
-import * as tailwindcss_types_config from 'tailwindcss/types/config';
-
-declare function cn(...inputs: ClassValue[]): string;
-
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
-}
-declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
-
-declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
-declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
-declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
-
-declare const AspectRatio: React$1.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & React$1.RefAttributes<HTMLDivElement>>;
-
-interface KbdProps extends React$1.HTMLAttributes<HTMLElement> {
-}
-declare const Kbd: React$1.ForwardRefExoticComponent<KbdProps & React$1.RefAttributes<HTMLElement>>;
-interface KbdGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
-}
-declare const KbdGroup: React$1.ForwardRefExoticComponent<KbdGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
-}
-declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
-
-declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
-
-declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-
-declare const spinnerVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | "xl" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SpinnerProps extends React$1.SVGProps<SVGSVGElement>, VariantProps<typeof spinnerVariants> {
-    srText?: string;
-}
-declare const Spinner: React$1.ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
-
-declare const raduiPlugin: {
-    handler: tailwindcss_types_config.PluginCreator;
-    config?: Partial<tailwindcss_types_config.Config>;
-};
-
-export { AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Button, type ButtonProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, Label, Separator, Skeleton, Spinner, type SpinnerProps, badgeVariants, buttonVariants, cn, raduiPlugin, spinnerVariants };

package/dist/index.mjs

@@ -1,14 +0,0 @@
-import{clsx as W}from"clsx";import{twMerge as N}from"tailwind-merge";function o(...e){return N(W(e))}import*as L from"react";import{cva as X}from"class-variance-authority";import{jsx as K}from"react/jsx-runtime";var x=X("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary/80",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90 active:bg-destructive/80",outline:"border border-border bg-background hover:bg-muted hover:text-foreground active:bg-muted/80",ghost:"hover:bg-muted hover:text-foreground active:bg-muted/80",link:"text-primary underline-offset-4 hover:underline active:text-primary/80"},size:{sm:"h-9 px-3 text-xs rounded-md",md:"h-10 px-4 py-2",lg:"h-11 px-8 text-base rounded-lg"}},defaultVariants:{variant:"default",size:"md"}}),I=L.forwardRef(({className:e,variant:a,size:t,...l},u)=>K("button",{className:o(x({variant:a,size:t,className:e})),ref:u,...l}));I.displayName="Button";import*as C from"react";import*as i from"@radix-ui/react-separator";import{jsx as Z}from"react/jsx-runtime";var g=C.forwardRef(({className:e,orientation:a="horizontal",decorative:t=!0,...l},u)=>Z(i.Root,{ref:u,decorative:t,orientation:a,className:o("shrink-0 bg-border",a==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...l}));g.displayName=i.Root.displayName;import*as r from"react";import*as d from"@radix-ui/react-avatar";import{jsx as c}from"react/jsx-runtime";var h=r.forwardRef(({className:e,...a},t)=>c(d.Root,{ref:t,className:o("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",e),...a}));h.displayName=d.Root.displayName;var S=r.forwardRef(({className:e,...a},t)=>c(d.Image,{ref:t,className:o("aspect-square h-full w-full",e),...a}));S.displayName=d.Image.displayName;var k=r.forwardRef(({className:e,...a},t)=>c(d.Fallback,{ref:t,className:o("flex h-full w-full items-center justify-center rounded-full bg-muted",e),...a}));k.displayName=d.Fallback.displayName;import*as P from"@radix-ui/react-aspect-ratio";var J=P.Root;import*as n from"react";import{jsx as A}from"react/jsx-runtime";var w=n.forwardRef(({className:e,...a},t)=>A("kbd",{ref:t,className:o("pointer-events-none inline-flex h-6 select-none items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground shadow-sm",e),...a}));w.displayName="Kbd";var B=n.forwardRef(({className:e,...a},t)=>A("div",{ref:t,className:o("inline-flex items-center gap-1",e),...a}));B.displayName="KbdGroup";import{cva as Q}from"class-variance-authority";import{jsx as $}from"react/jsx-runtime";var F=Q("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",outline:"text-foreground"}},defaultVariants:{variant:"default"}});function Y({className:e,variant:a,...t}){return $("div",{className:o(F({variant:a}),e),...t})}import*as D from"react";import*as p from"@radix-ui/react-label";import{cva as j}from"class-variance-authority";import{jsx as ee}from"react/jsx-runtime";var _=j("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),M=D.forwardRef(({className:e,...a},t)=>ee(p.Root,{ref:t,className:o(_(),e),...a}));M.displayName=p.Root.displayName;import{jsx as te}from"react/jsx-runtime";function ae({className:e,...a}){return te("div",{className:o("animate-pulse rounded-md bg-muted",e),...a})}import*as v from"react";import{forwardRef as oe,createElement as y}from"react";var R={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};var ue=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase().trim(),b=(e,a)=>{let t=oe(({color:l="currentColor",size:u=24,strokeWidth:m=2,absoluteStrokeWidth:H,className:O="",children:s,...G},V)=>y("svg",{ref:V,...R,width:u,height:u,stroke:l,strokeWidth:H?Number(m)*24/Number(u):m,className:["lucide",`lucide-${ue(e)}`,O].join(" "),...G},[...a.map(([z,E])=>y(z,E)),...Array.isArray(s)?s:[s]]));return t.displayName=`${e}`,t};var f=b("Loader",[["line",{x1:"12",x2:"12",y1:"2",y2:"6",key:"gza1u7"}],["line",{x1:"12",x2:"12",y1:"18",y2:"22",key:"1qhbu9"}],["line",{x1:"4.93",x2:"7.76",y1:"4.93",y2:"7.76",key:"xae44r"}],["line",{x1:"16.24",x2:"19.07",y1:"16.24",y2:"19.07",key:"bxnmvf"}],["line",{x1:"2",x2:"6",y1:"12",y2:"12",key:"89khin"}],["line",{x1:"18",x2:"22",y1:"12",y2:"12",key:"pb8tfm"}],["line",{x1:"4.93",x2:"7.76",y1:"19.07",y2:"16.24",key:"1uxjnu"}],["line",{x1:"16.24",x2:"19.07",y1:"7.76",y2:"4.93",key:"6duxfx"}]]);import{cva as de}from"class-variance-authority";import{Fragment as le,jsx as T,jsxs as fe}from"react/jsx-runtime";var U=de("animate-spin",{variants:{size:{sm:"size-4",default:"size-6",lg:"size-8",xl:"size-12"}},defaultVariants:{size:"default"}}),q=v.forwardRef(({className:e,size:a,srText:t="Loading...",...l},u)=>fe(le,{children:[T(f,{ref:u,className:o(U({size:a}),e),role:"status","aria-label":t,...l}),T("span",{className:"sr-only",children:t})]}));q.displayName="Spinner";import re from"tailwindcss/plugin";var _e=re(function({addBase:e}){e({":root":{"--background":"40 20% 98%","--foreground":"220 15% 15%","--primary":"175 100% 31%","--primary-foreground":"0 0% 100%","--secondary":"40 10% 92%","--secondary-foreground":"220 15% 15%","--destructive":"0 84% 60%","--destructive-foreground":"0 0% 100%","--card":"40 20% 96%","--card-foreground":"220 15% 15%","--border":"40 10% 88%","--muted":"40 10% 92%","--muted-foreground":"220 10% 40%","--ring":"175 100% 31%","--radius":"0.5rem"},".dark":{"--background":"222 47% 11%","--foreground":"210 40% 98%","--primary":"170 65% 50%","--primary-foreground":"222 47% 11%","--secondary":"217 33% 17%","--secondary-foreground":"210 40% 98%","--destructive":"0 63% 31%","--destructive-foreground":"210 40% 98%","--card":"222 47% 13%","--card-foreground":"210 40% 98%","--border":"217 33% 20%","--muted":"217 33% 17%","--muted-foreground":"210 20% 70%","--ring":"170 65% 50%"}})},{theme:{extend:{colors:{background:"hsl(var(--background))",foreground:"hsl(var(--foreground))",primary:{DEFAULT:"hsl(var(--primary))",foreground:"hsl(var(--primary-foreground))"},secondary:{DEFAULT:"hsl(var(--secondary))",foreground:"hsl(var(--secondary-foreground))"},destructive:{DEFAULT:"hsl(var(--destructive))",foreground:"hsl(var(--destructive-foreground))"},card:{DEFAULT:"hsl(var(--card))",foreground:"hsl(var(--card-foreground))"},border:"hsl(var(--border))",muted:{DEFAULT:"hsl(var(--muted))",foreground:"hsl(var(--muted-foreground))"},ring:"hsl(var(--ring))"},borderRadius:{lg:"var(--radius)",md:"calc(var(--radius) - 2px)",sm:"calc(var(--radius) - 4px)"}}}});export{J as AspectRatio,h as Avatar,k as AvatarFallback,S as AvatarImage,Y as Badge,I as Button,w as Kbd,B as KbdGroup,M as Label,g as Separator,ae as Skeleton,q as Spinner,F as badgeVariants,x as buttonVariants,o as cn,_e as raduiPlugin,U as spinnerVariants};
-/*! Bundled license information:
-
-lucide-react/dist/esm/defaultAttributes.js:
-lucide-react/dist/esm/createLucideIcon.js:
-lucide-react/dist/esm/icons/loader.js:
-lucide-react/dist/esm/lucide-react.js:
-  (**
-   * @license lucide-react v0.309.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-*/