@quarklab/rad-ui 0.1.4 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +26 -3
- package/dist/index.css +1 -1
- package/dist/index.d.mts +7 -1
- package/dist/index.d.ts +7 -1
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +3 -2
package/README.md
CHANGED
|
@@ -22,18 +22,41 @@ export default function Home() {
|
|
|
22
22
|
|
|
23
23
|
## Tailwind Setup
|
|
24
24
|
|
|
25
|
-
To use the components, you need to
|
|
25
|
+
To use the components, you need to configure Tailwind CSS to scan the package's files and use the custom plugin.
|
|
26
|
+
|
|
27
|
+
1. Add the package's paths to your `tailwind.config.js` `content` array so Tailwind scans the library.
|
|
28
|
+
2. Add the `raduiPlugin` to your `plugins` array to include the custom theme and variables.
|
|
26
29
|
|
|
27
30
|
```js
|
|
28
31
|
// tailwind.config.js
|
|
32
|
+
const { raduiPlugin } = require("@quarklab/rad-ui");
|
|
33
|
+
|
|
29
34
|
module.exports = {
|
|
30
35
|
content: [
|
|
31
36
|
// ... your other content paths
|
|
32
37
|
"./node_modules/@quarklab/rad-ui/dist/**/*.js",
|
|
33
38
|
],
|
|
34
|
-
|
|
39
|
+
theme: {
|
|
40
|
+
extend: {},
|
|
41
|
+
},
|
|
42
|
+
plugins: [
|
|
43
|
+
raduiPlugin,
|
|
44
|
+
],
|
|
35
45
|
};
|
|
36
46
|
```
|
|
37
47
|
|
|
38
|
-
|
|
48
|
+
If you are using TypeScript (`tailwind.config.ts`):
|
|
39
49
|
|
|
50
|
+
```ts
|
|
51
|
+
import { raduiPlugin } from "@quarklab/rad-ui";
|
|
52
|
+
|
|
53
|
+
export default {
|
|
54
|
+
content: [
|
|
55
|
+
// ...
|
|
56
|
+
"./node_modules/@quarklab/rad-ui/dist/**/*.js",
|
|
57
|
+
],
|
|
58
|
+
plugins: [
|
|
59
|
+
raduiPlugin,
|
|
60
|
+
],
|
|
61
|
+
}
|
|
62
|
+
```
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}: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: .5rem}*{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}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1 / 1}.size-12{width:3rem;height:3rem}.size-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-full{height:100%}.w-10{width:2.5rem}.w-\[1px\]{width:1px}.w-full{width:100%}.shrink-0{flex-shrink:0}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-width:1px}.border-border{border-color:hsl(var(--border))}.border-transparent{border-color:transparent}.bg-background{background-color:hsl(var(--background))}.bg-border{background-color:hsl(var(--border))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-muted{background-color:hsl(var(--muted))}.bg-primary{background-color:hsl(var(--primary))}.bg-secondary{background-color:hsl(var(--secondary))}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-none{line-height:1}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.underline-offset-4{text-underline-offset:4px}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive) / .8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / .8)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:underline:hover{text-decoration-line:underline}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-primary:focus-visible{--tw-ring-color: hsl(var(--primary))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.active\:bg-destructive\/80:active{background-color:hsl(var(--destructive) / .8)}.active\:bg-muted\/80:active{background-color:hsl(var(--muted) / .8)}.active\:bg-primary\/80:active{background-color:hsl(var(--primary) / .8)}.active\:text-primary\/80:active{color:hsl(var(--primary) / .8)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}
|
|
1
|
+
*{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
CHANGED
|
@@ -7,6 +7,7 @@ import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
|
7
7
|
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
8
8
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
9
9
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
10
|
+
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
|
10
11
|
|
|
11
12
|
declare function cn(...inputs: ClassValue[]): string;
|
|
12
13
|
|
|
@@ -53,4 +54,9 @@ interface SpinnerProps extends React$1.SVGProps<SVGSVGElement>, VariantProps<typ
|
|
|
53
54
|
}
|
|
54
55
|
declare const Spinner: React$1.ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
|
|
55
56
|
|
|
56
|
-
|
|
57
|
+
declare const raduiPlugin: {
|
|
58
|
+
handler: tailwindcss_types_config.PluginCreator;
|
|
59
|
+
config?: Partial<tailwindcss_types_config.Config>;
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
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
CHANGED
|
@@ -7,6 +7,7 @@ import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
|
7
7
|
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
8
8
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
9
9
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
10
|
+
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
|
10
11
|
|
|
11
12
|
declare function cn(...inputs: ClassValue[]): string;
|
|
12
13
|
|
|
@@ -53,4 +54,9 @@ interface SpinnerProps extends React$1.SVGProps<SVGSVGElement>, VariantProps<typ
|
|
|
53
54
|
}
|
|
54
55
|
declare const Spinner: React$1.ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
|
|
55
56
|
|
|
56
|
-
|
|
57
|
+
declare const raduiPlugin: {
|
|
58
|
+
handler: tailwindcss_types_config.PluginCreator;
|
|
59
|
+
config?: Partial<tailwindcss_types_config.Config>;
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
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.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var fe=Object.create;var c=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var se=Object.getOwnPropertyNames;var ie=Object.getPrototypeOf,ce=Object.prototype.hasOwnProperty;var ne=(e,a)=>{for(var t in a)c(e,t,{get:a[t],enumerable:!0})},b=(e,a,t,l)=>{if(a&&typeof a=="object"||typeof a=="function")for(let u of se(a))!ce.call(e,u)&&u!==t&&c(e,u,{get:()=>a[u],enumerable:!(l=re(a,u))||l.enumerable});return e};var d=(e,a,t)=>(t=e!=null?fe(ie(e)):{},b(a||!e||!e.__esModule?c(t,"default",{value:e,enumerable:!0}):t,e)),pe=e=>b(c({},"__esModule",{value:!0}),e);var Ie={};ne(Ie,{AspectRatio:()=>z,Avatar:()=>g,AvatarFallback:()=>S,AvatarImage:()=>h,Badge:()=>W,Button:()=>x,Kbd:()=>P,KbdGroup:()=>w,Label:()=>D,Separator:()=>C,Skeleton:()=>J,Spinner:()=>R,badgeVariants:()=>A,buttonVariants:()=>L,cn:()=>o,raduiPlugin:()=>xe,spinnerVariants:()=>M});module.exports=pe(Ie);var T=require("clsx"),v=require("tailwind-merge");function o(...e){return(0,v.twMerge)((0,T.clsx)(e))}var U=d(require("react")),q=require("class-variance-authority");var H=require("react/jsx-runtime"),L=(0,q.cva)("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"}}),x=U.forwardRef(({className:e,variant:a,size:t,...l},u)=>(0,H.jsx)("button",{className:o(L({variant:a,size:t,className:e})),ref:u,...l}));x.displayName="Button";var O=d(require("react")),I=d(require("@radix-ui/react-separator"));var G=require("react/jsx-runtime"),C=O.forwardRef(({className:e,orientation:a="horizontal",decorative:t=!0,...l},u)=>(0,G.jsx)(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}));C.displayName=I.Root.displayName;var n=d(require("react")),f=d(require("@radix-ui/react-avatar"));var p=require("react/jsx-runtime"),g=n.forwardRef(({className:e,...a},t)=>(0,p.jsx)(f.Root,{ref:t,className:o("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",e),...a}));g.displayName=f.Root.displayName;var h=n.forwardRef(({className:e,...a},t)=>(0,p.jsx)(f.Image,{ref:t,className:o("aspect-square h-full w-full",e),...a}));h.displayName=f.Image.displayName;var S=n.forwardRef(({className:e,...a},t)=>(0,p.jsx)(f.Fallback,{ref:t,className:o("flex h-full w-full items-center justify-center rounded-full bg-muted",e),...a}));S.displayName=f.Fallback.displayName;var V=d(require("@radix-ui/react-aspect-ratio")),z=V.Root;var k=d(require("react"));var B=require("react/jsx-runtime"),P=k.forwardRef(({className:e,...a},t)=>(0,B.jsx)("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}));P.displayName="Kbd";var w=k.forwardRef(({className:e,...a},t)=>(0,B.jsx)("div",{ref:t,className:o("inline-flex items-center gap-1",e),...a}));w.displayName="KbdGroup";var E=require("class-variance-authority");var N=require("react/jsx-runtime"),A=(0,E.cva)("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 W({className:e,variant:a,...t}){return(0,N.jsx)("div",{className:o(A({variant:a}),e),...t})}var X=d(require("react")),F=d(require("@radix-ui/react-label")),K=require("class-variance-authority");var Z=require("react/jsx-runtime"),me=(0,K.cva)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),D=X.forwardRef(({className:e,...a},t)=>(0,Z.jsx)(F.Root,{ref:t,className:o(me(),e),...a}));D.displayName=F.Root.displayName;var Q=require("react/jsx-runtime");function J({className:e,...a}){return(0,Q.jsx)("div",{className:o("animate-pulse rounded-md bg-muted",e),...a})}var j=d(require("react"));var s=require("react");var Y={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 Le=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase().trim(),$=(e,a)=>{let t=(0,s.forwardRef)(({color:l="currentColor",size:u=24,strokeWidth:y=2,absoluteStrokeWidth:ae,className:te="",children:m,...oe},ue)=>(0,s.createElement)("svg",{ref:ue,...Y,width:u,height:u,stroke:l,strokeWidth:ae?Number(y)*24/Number(u):y,className:["lucide",`lucide-${Le(e)}`,te].join(" "),...oe},[...a.map(([de,le])=>(0,s.createElement)(de,le)),...Array.isArray(m)?m:[m]]));return t.displayName=`${e}`,t};var i=$("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"}]]);var _=require("class-variance-authority");var r=require("react/jsx-runtime"),M=(0,_.cva)("animate-spin",{variants:{size:{sm:"size-4",default:"size-6",lg:"size-8",xl:"size-12"}},defaultVariants:{size:"default"}}),R=j.forwardRef(({className:e,size:a,srText:t="Loading...",...l},u)=>(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i,{ref:u,className:o(M({size:a}),e),role:"status","aria-label":t,...l}),(0,r.jsx)("span",{className:"sr-only",children:t})]}));R.displayName="Spinner";var ee=d(require("tailwindcss/plugin")),xe=(0,ee.default)(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)"}}}});0&&(module.exports={AspectRatio,Avatar,AvatarFallback,AvatarImage,Badge,Button,Kbd,KbdGroup,Label,Separator,Skeleton,Spinner,badgeVariants,buttonVariants,cn,raduiPlugin,spinnerVariants});
|
|
2
2
|
/*! Bundled license information:
|
|
3
3
|
|
|
4
4
|
lucide-react/dist/esm/defaultAttributes.js:
|
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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},
|
|
1
|
+
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};
|
|
2
2
|
/*! Bundled license information:
|
|
3
3
|
|
|
4
4
|
lucide-react/dist/esm/defaultAttributes.js:
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@quarklab/rad-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.5",
|
|
4
4
|
"private": false,
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -36,6 +36,7 @@
|
|
|
36
36
|
},
|
|
37
37
|
"peerDependencies": {
|
|
38
38
|
"react": "^18.0.0 || ^19.0.0",
|
|
39
|
-
"react-dom": "^18.0.0 || ^19.0.0"
|
|
39
|
+
"react-dom": "^18.0.0 || ^19.0.0",
|
|
40
|
+
"tailwindcss": "^3.0.0"
|
|
40
41
|
}
|
|
41
42
|
}
|