@authdog/react-elements 0.0.8 → 0.0.9
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/.turbo/turbo-build.log +23 -11
- package/CHANGELOG.md +6 -0
- package/dist/components/ui/button.d.mts +14 -0
- package/dist/components/ui/button.d.ts +14 -0
- package/dist/components/ui/button.js +2 -0
- package/dist/components/ui/button.js.map +1 -0
- package/dist/components/ui/button.mjs +2 -0
- package/dist/components/ui/button.mjs.map +1 -0
- package/dist/global.css +59 -47
- package/dist/index.d.mts +4 -14
- package/dist/index.d.ts +4 -14
- package/dist/lib/utils.d.mts +5 -0
- package/dist/lib/utils.d.ts +5 -0
- package/dist/lib/utils.js +2 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/lib/utils.mjs +2 -0
- package/dist/lib/utils.mjs.map +1 -0
- package/dist/tailwind.config.ts +2 -2
- package/package.json +5 -4
- package/src/global.css +81 -0
- package/tailwind.config.ts +2 -2
- package/tsup.config.ts +6 -2
- package/src/global.d.ts +0 -4
- package/src/global.module.css +0 -69
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
|
-
> @authdog/react-elements@0.0.
|
|
2
|
+
> @authdog/react-elements@0.0.9 build /home/runner/work/web-sdk/web-sdk/packages/react-elements
|
|
3
3
|
> pnpm tsup
|
|
4
4
|
|
|
5
|
-
[34mCLI[39m Building entry: src/index.ts
|
|
5
|
+
[34mCLI[39m Building entry: src/index.ts, src/lib/utils.ts, src/components/ui/button.tsx
|
|
6
6
|
[34mCLI[39m Using tsconfig: tsconfig.json
|
|
7
7
|
[34mCLI[39m tsup v8.3.5
|
|
8
8
|
[34mCLI[39m Using tsup config: /home/runner/work/web-sdk/web-sdk/packages/react-elements/tsup.config.ts
|
|
@@ -10,13 +10,25 @@
|
|
|
10
10
|
[34mCLI[39m Cleaning output folder
|
|
11
11
|
[34mCJS[39m Build start
|
|
12
12
|
[34mESM[39m Build start
|
|
13
|
-
[32mCJS[39m [1mdist/index.js
|
|
14
|
-
[32mCJS[39m [1mdist/
|
|
15
|
-
[32mCJS[39m
|
|
16
|
-
[
|
|
17
|
-
[
|
|
18
|
-
[
|
|
13
|
+
[32mCJS[39m [1mdist/index.js [22m[32m1.93 KB[39m
|
|
14
|
+
[32mCJS[39m [1mdist/lib/utils.js [22m[32m606.00 B[39m
|
|
15
|
+
[32mCJS[39m [1mdist/components/ui/button.js [22m[32m1.93 KB[39m
|
|
16
|
+
[32mCJS[39m [1mdist/index.js.map [22m[32m3.24 KB[39m
|
|
17
|
+
[32mCJS[39m [1mdist/lib/utils.js.map [22m[32m519.00 B[39m
|
|
18
|
+
[32mCJS[39m [1mdist/components/ui/button.js.map [22m[32m3.19 KB[39m
|
|
19
|
+
[32mCJS[39m ⚡️ Build success in 70ms
|
|
20
|
+
[32mESM[39m [1mdist/index.mjs [22m[32m1.35 KB[39m
|
|
21
|
+
[32mESM[39m [1mdist/lib/utils.mjs [22m[32m152.00 B[39m
|
|
22
|
+
[32mESM[39m [1mdist/components/ui/button.mjs [22m[32m1.35 KB[39m
|
|
23
|
+
[32mESM[39m [1mdist/index.mjs.map [22m[32m3.02 KB[39m
|
|
24
|
+
[32mESM[39m [1mdist/lib/utils.mjs.map [22m[32m414.00 B[39m
|
|
25
|
+
[32mESM[39m [1mdist/components/ui/button.mjs.map [22m[32m3.03 KB[39m
|
|
26
|
+
[32mESM[39m ⚡️ Build success in 72ms
|
|
19
27
|
[34mDTS[39m Build start
|
|
20
|
-
[32mDTS[39m ⚡️ Build success in
|
|
21
|
-
[32mDTS[39m [1mdist/
|
|
22
|
-
[32mDTS[39m [1mdist/
|
|
28
|
+
[32mDTS[39m ⚡️ Build success in 10599ms
|
|
29
|
+
[32mDTS[39m [1mdist/lib/utils.d.ts [22m[32m106.00 B[39m
|
|
30
|
+
[32mDTS[39m [1mdist/components/ui/button.d.ts [22m[32m756.00 B[39m
|
|
31
|
+
[32mDTS[39m [1mdist/index.d.ts [22m[32m173.00 B[39m
|
|
32
|
+
[32mDTS[39m [1mdist/lib/utils.d.mts [22m[32m106.00 B[39m
|
|
33
|
+
[32mDTS[39m [1mdist/components/ui/button.d.mts [22m[32m756.00 B[39m
|
|
34
|
+
[32mDTS[39m [1mdist/index.d.mts [22m[32m174.00 B[39m
|
package/CHANGELOG.md
CHANGED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
|
|
5
|
+
declare const buttonVariants: (props?: ({
|
|
6
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
7
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
8
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
|
+
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
10
|
+
asChild?: boolean;
|
|
11
|
+
}
|
|
12
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
13
|
+
|
|
14
|
+
export { Button, type ButtonProps, buttonVariants };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
|
|
5
|
+
declare const buttonVariants: (props?: ({
|
|
6
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
7
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
8
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
|
+
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
10
|
+
asChild?: boolean;
|
|
11
|
+
}
|
|
12
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
13
|
+
|
|
14
|
+
export { Button, type ButtonProps, buttonVariants };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var v=Object.create;var i=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,B=Object.prototype.hasOwnProperty;var V=(e,t)=>{for(var r in t)i(e,r,{get:t[r],enumerable:!0})},a=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of x(t))!B.call(e,o)&&o!==r&&i(e,o,{get:()=>t[o],enumerable:!(n=h(t,o))||n.enumerable});return e};var w=(e,t,r)=>(r=e!=null?v(y(e)):{},a(t||!e||!e.__esModule?i(r,"default",{value:e,enumerable:!0}):r,e)),C=e=>a(i({},"__esModule",{value:!0}),e);var M={};V(M,{Button:()=>m,buttonVariants:()=>p});module.exports=C(M);var c=w(require("react")),f=require("@radix-ui/react-slot"),l=require("class-variance-authority");var s=require("clsx"),u=require("tailwind-merge");function d(...e){return(0,u.twMerge)((0,s.clsx)(e))}var b=require("react/jsx-runtime"),p=(0,l.cva)("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),m=c.forwardRef(({className:e,variant:t,size:r,asChild:n=!1,...o},g)=>(0,b.jsx)(n?f.Slot:"button",{className:d(p({variant:t,size:r,className:e})),ref:g,...o}));m.displayName="Button";
|
|
2
|
+
//# sourceMappingURL=button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/ui/button.tsx","../../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@authdog/react-elements/lib/utils\";\n\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n destructive:\n \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n outline:\n \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-10 px-4 py-2\",\n sm: \"h-9 rounded-md px-3\",\n lg: \"h-11 rounded-md px-8\",\n icon: \"h-10 w-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n },\n);\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\";\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n {...props}\n />\n );\n },\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,EAAA,mBAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAAuB,oBACvBC,EAAqB,gCACrBC,EAAuC,oCCFvC,IAAAC,EAAsC,gBACtCC,EAAwB,0BAEjB,SAASC,KAAMC,EAAsB,CAC1C,SAAO,cAAQ,QAAKA,CAAM,CAAC,CAC7B,CDwCM,IAAAC,EAAA,6BAvCAC,KAAiB,OACrB,yRACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,yDACT,YACE,qEACF,QACE,iFACF,UACE,+DACF,MAAO,+CACP,KAAM,iDACR,EACA,KAAM,CACJ,QAAS,iBACT,GAAI,sBACJ,GAAI,uBACJ,KAAM,WACR,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SACR,CACF,CACF,EAQMC,EAAe,aACnB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,QAAAC,EAAU,GAAO,GAAGC,CAAM,EAAGC,OAGtD,OAFWF,EAAU,OAAO,SAE3B,CACC,UAAWG,EAAGR,EAAe,CAAE,QAAAG,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,CAAC,EAC1D,IAAKK,EACJ,GAAGD,EACN,CAGN,EACAL,EAAO,YAAc","names":["button_exports","__export","Button","buttonVariants","__toCommonJS","React","import_react_slot","import_class_variance_authority","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","buttonVariants","Button","className","variant","size","asChild","props","ref","cn"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as r from"react";import{Slot as c}from"@radix-ui/react-slot";import{cva as f}from"class-variance-authority";import{clsx as u}from"clsx";import{twMerge as d}from"tailwind-merge";function t(...e){return d(u(e))}import{jsx as m}from"react/jsx-runtime";var l=f("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),p=r.forwardRef(({className:e,variant:o,size:n,asChild:i=!1,...a},s)=>m(i?c:"button",{className:t(l({variant:o,size:n,className:e})),ref:s,...a}));p.displayName="Button";export{p as Button,l as buttonVariants};
|
|
2
|
+
//# sourceMappingURL=button.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/ui/button.tsx","../../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@authdog/react-elements/lib/utils\";\n\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n destructive:\n \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n outline:\n \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-10 px-4 py-2\",\n sm: \"h-9 rounded-md px-3\",\n lg: \"h-11 rounded-md px-8\",\n icon: \"h-10 w-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n },\n);\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\";\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n {...props}\n />\n );\n },\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":"AAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,uBACrB,OAAS,OAAAC,MAA8B,2BCFvC,OAA0B,QAAAC,MAAY,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B,CDwCM,cAAAC,MAAA,oBAvCN,IAAMC,EAAiBC,EACrB,yRACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,yDACT,YACE,qEACF,QACE,iFACF,UACE,+DACF,MAAO,+CACP,KAAM,iDACR,EACA,KAAM,CACJ,QAAS,iBACT,GAAI,sBACJ,GAAI,uBACJ,KAAM,WACR,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SACR,CACF,CACF,EAQMC,EAAe,aACnB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,QAAAC,EAAU,GAAO,GAAGC,CAAM,EAAGC,IAGtDT,EAFWO,EAAUG,EAAO,SAE3B,CACC,UAAWC,EAAGV,EAAe,CAAE,QAAAI,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,CAAC,EAC1D,IAAKK,EACJ,GAAGD,EACN,CAGN,EACAL,EAAO,YAAc","names":["React","Slot","cva","clsx","twMerge","cn","inputs","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","ref","Slot","cn"]}
|
package/dist/global.css
CHANGED
|
@@ -5,57 +5,68 @@
|
|
|
5
5
|
@layer base {
|
|
6
6
|
:root {
|
|
7
7
|
--background: 0 0% 100%;
|
|
8
|
-
--foreground:
|
|
9
|
-
|
|
10
|
-
--
|
|
8
|
+
--foreground: 222.2 47.4% 11.2%;
|
|
9
|
+
|
|
10
|
+
--muted: 210 40% 96.1%;
|
|
11
|
+
--muted-foreground: 215.4 16.3% 46.9%;
|
|
12
|
+
|
|
11
13
|
--popover: 0 0% 100%;
|
|
12
|
-
--popover-foreground:
|
|
13
|
-
|
|
14
|
-
--
|
|
15
|
-
--
|
|
16
|
-
|
|
17
|
-
--
|
|
18
|
-
--
|
|
19
|
-
|
|
20
|
-
--
|
|
21
|
-
--
|
|
22
|
-
|
|
23
|
-
--
|
|
24
|
-
--
|
|
25
|
-
|
|
14
|
+
--popover-foreground: 222.2 47.4% 11.2%;
|
|
15
|
+
|
|
16
|
+
--card: 0 0% 100%;
|
|
17
|
+
--card-foreground: 222.2 47.4% 11.2%;
|
|
18
|
+
|
|
19
|
+
--border: 214.3 31.8% 91.4%;
|
|
20
|
+
--input: 214.3 31.8% 91.4%;
|
|
21
|
+
|
|
22
|
+
--primary: 222.2 47.4% 11.2%;
|
|
23
|
+
--primary-foreground: 210 40% 98%;
|
|
24
|
+
|
|
25
|
+
--secondary: 210 40% 96.1%;
|
|
26
|
+
--secondary-foreground: 222.2 47.4% 11.2%;
|
|
27
|
+
|
|
28
|
+
--accent: 210 40% 96.1%;
|
|
29
|
+
--accent-foreground: 222.2 47.4% 11.2%;
|
|
30
|
+
|
|
31
|
+
--destructive: 0 100% 50%;
|
|
32
|
+
--destructive-foreground: 210 40% 98%;
|
|
33
|
+
|
|
34
|
+
--ring: 215 20.2% 65.1%;
|
|
35
|
+
|
|
26
36
|
--radius: 0.5rem;
|
|
27
|
-
--chart-1: 12 76% 61%;
|
|
28
|
-
--chart-2: 173 58% 39%;
|
|
29
|
-
--chart-3: 197 37% 24%;
|
|
30
|
-
--chart-4: 43 74% 66%;
|
|
31
|
-
--chart-5: 27 87% 67%;
|
|
32
37
|
}
|
|
33
38
|
|
|
34
39
|
.dark {
|
|
35
|
-
--background:
|
|
36
|
-
--foreground:
|
|
37
|
-
|
|
38
|
-
--
|
|
39
|
-
--
|
|
40
|
-
|
|
41
|
-
--
|
|
42
|
-
--
|
|
43
|
-
|
|
44
|
-
--
|
|
45
|
-
--
|
|
46
|
-
|
|
47
|
-
--
|
|
48
|
-
--
|
|
49
|
-
|
|
50
|
-
--
|
|
51
|
-
--
|
|
52
|
-
|
|
53
|
-
--
|
|
54
|
-
--
|
|
55
|
-
|
|
56
|
-
--
|
|
57
|
-
--
|
|
58
|
-
|
|
40
|
+
--background: 224 71% 4%;
|
|
41
|
+
--foreground: 213 31% 91%;
|
|
42
|
+
|
|
43
|
+
--muted: 223 47% 11%;
|
|
44
|
+
--muted-foreground: 215.4 16.3% 56.9%;
|
|
45
|
+
|
|
46
|
+
--popover: 224 71% 4%;
|
|
47
|
+
--popover-foreground: 215 20.2% 65.1%;
|
|
48
|
+
|
|
49
|
+
--card: 224 71% 4%;
|
|
50
|
+
--card-foreground: 213 31% 91%;
|
|
51
|
+
|
|
52
|
+
--border: 216 34% 17%;
|
|
53
|
+
--input: 216 34% 17%;
|
|
54
|
+
|
|
55
|
+
--primary: 210 40% 98%;
|
|
56
|
+
--primary-foreground: 222.2 47.4% 1.2%;
|
|
57
|
+
|
|
58
|
+
--secondary: 222.2 47.4% 11.2%;
|
|
59
|
+
--secondary-foreground: 210 40% 98%;
|
|
60
|
+
|
|
61
|
+
--accent: 216 34% 17%;
|
|
62
|
+
--accent-foreground: 210 40% 98%;
|
|
63
|
+
|
|
64
|
+
--destructive: 0 63% 31%;
|
|
65
|
+
--destructive-foreground: 210 40% 98%;
|
|
66
|
+
|
|
67
|
+
--ring: 216 34% 17%;
|
|
68
|
+
|
|
69
|
+
--radius: 0.5rem;
|
|
59
70
|
}
|
|
60
71
|
}
|
|
61
72
|
|
|
@@ -65,5 +76,6 @@
|
|
|
65
76
|
}
|
|
66
77
|
body {
|
|
67
78
|
@apply bg-background text-foreground;
|
|
79
|
+
font-feature-settings: "rlig" 1, "calt" 1;
|
|
68
80
|
}
|
|
69
|
-
}
|
|
81
|
+
}
|
package/dist/index.d.mts
CHANGED
|
@@ -1,14 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
declare const buttonVariants: (props?: ({
|
|
6
|
-
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
7
|
-
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
8
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
|
-
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
10
|
-
asChild?: boolean;
|
|
11
|
-
}
|
|
12
|
-
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
13
|
-
|
|
14
|
-
export { Button, type ButtonProps, buttonVariants };
|
|
1
|
+
export { Button, ButtonProps, buttonVariants } from './components/ui/button.mjs';
|
|
2
|
+
import 'class-variance-authority/types';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'class-variance-authority';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,14 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
declare const buttonVariants: (props?: ({
|
|
6
|
-
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
7
|
-
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
8
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
|
-
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
10
|
-
asChild?: boolean;
|
|
11
|
-
}
|
|
12
|
-
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
13
|
-
|
|
14
|
-
export { Button, type ButtonProps, buttonVariants };
|
|
1
|
+
export { Button, ButtonProps, buttonVariants } from './components/ui/button.js';
|
|
2
|
+
import 'class-variance-authority/types';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'class-variance-authority';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var l=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var c=(r,e)=>{for(var o in e)l(r,o,{get:e[o],enumerable:!0})},f=(r,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of p(e))!u.call(r,t)&&t!==o&&l(r,t,{get:()=>e[t],enumerable:!(s=n(e,t))||s.enumerable});return r};var i=r=>f(l({},"__esModule",{value:!0}),r);var C={};c(C,{cn:()=>x});module.exports=i(C);var a=require("clsx"),m=require("tailwind-merge");function x(...r){return(0,m.twMerge)((0,a.clsx)(r))}
|
|
2
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":"yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,QAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAsC,gBACtCC,EAAwB,0BAEjB,SAASH,KAAMI,EAAsB,CAC1C,SAAO,cAAQ,QAAKA,CAAM,CAAC,CAC7B","names":["utils_exports","__export","cn","__toCommonJS","import_clsx","import_tailwind_merge","inputs"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":"AAAA,OAA0B,QAAAA,MAAY,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B","names":["clsx","twMerge","cn","inputs"]}
|
package/dist/tailwind.config.ts
CHANGED
|
@@ -6,9 +6,9 @@ const config = {
|
|
|
6
6
|
content: [
|
|
7
7
|
"./pages/**/*.{ts,tsx}",
|
|
8
8
|
"./components/**/*.{ts,tsx}",
|
|
9
|
+
"./components/**/**/*.{ts,tsx}",
|
|
9
10
|
"./app/**/*.{ts,tsx}",
|
|
10
|
-
"./src/**/*.{ts,tsx}"
|
|
11
|
-
"../../packages/react-elements/src/**/*.{ts,tsx}",
|
|
11
|
+
"./src/**/*.{ts,tsx}"
|
|
12
12
|
],
|
|
13
13
|
prefix: "",
|
|
14
14
|
theme: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@authdog/react-elements",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.9",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"react": "^18.3.1"
|
|
6
6
|
},
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"autoprefixer": "^10",
|
|
11
11
|
"postcss": "^8",
|
|
12
12
|
"postcss-load-config": "^6",
|
|
13
|
-
"tailwindcss": "
|
|
13
|
+
"tailwindcss": "3.4.17",
|
|
14
14
|
"typescript": "^5.6.3",
|
|
15
15
|
"@authdog/eslint-config": "0.0.0",
|
|
16
16
|
"@authdog/typescript-config": "0.0.0"
|
|
@@ -28,8 +28,9 @@
|
|
|
28
28
|
"./global.css": "./dist/global.css",
|
|
29
29
|
"./postcss.config": "./postcss.config.mjs",
|
|
30
30
|
"./tailwind.config": "./tailwind.config.ts",
|
|
31
|
-
"./lib/*": "./
|
|
32
|
-
"./components/*": "./
|
|
31
|
+
"./lib/*": "./dist/lib/*.js",
|
|
32
|
+
"./components/*": "./dist/components/ui/*.js",
|
|
33
|
+
"./tailwind.preset": "./dist/tailwind.preset.js"
|
|
33
34
|
},
|
|
34
35
|
"publishConfig": {
|
|
35
36
|
"registry": "https://registry.npmjs.org/",
|
package/src/global.css
ADDED
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
@tailwind base;
|
|
2
|
+
@tailwind components;
|
|
3
|
+
@tailwind utilities;
|
|
4
|
+
|
|
5
|
+
@layer base {
|
|
6
|
+
:root {
|
|
7
|
+
--background: 0 0% 100%;
|
|
8
|
+
--foreground: 222.2 47.4% 11.2%;
|
|
9
|
+
|
|
10
|
+
--muted: 210 40% 96.1%;
|
|
11
|
+
--muted-foreground: 215.4 16.3% 46.9%;
|
|
12
|
+
|
|
13
|
+
--popover: 0 0% 100%;
|
|
14
|
+
--popover-foreground: 222.2 47.4% 11.2%;
|
|
15
|
+
|
|
16
|
+
--card: 0 0% 100%;
|
|
17
|
+
--card-foreground: 222.2 47.4% 11.2%;
|
|
18
|
+
|
|
19
|
+
--border: 214.3 31.8% 91.4%;
|
|
20
|
+
--input: 214.3 31.8% 91.4%;
|
|
21
|
+
|
|
22
|
+
--primary: 222.2 47.4% 11.2%;
|
|
23
|
+
--primary-foreground: 210 40% 98%;
|
|
24
|
+
|
|
25
|
+
--secondary: 210 40% 96.1%;
|
|
26
|
+
--secondary-foreground: 222.2 47.4% 11.2%;
|
|
27
|
+
|
|
28
|
+
--accent: 210 40% 96.1%;
|
|
29
|
+
--accent-foreground: 222.2 47.4% 11.2%;
|
|
30
|
+
|
|
31
|
+
--destructive: 0 100% 50%;
|
|
32
|
+
--destructive-foreground: 210 40% 98%;
|
|
33
|
+
|
|
34
|
+
--ring: 215 20.2% 65.1%;
|
|
35
|
+
|
|
36
|
+
--radius: 0.5rem;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.dark {
|
|
40
|
+
--background: 224 71% 4%;
|
|
41
|
+
--foreground: 213 31% 91%;
|
|
42
|
+
|
|
43
|
+
--muted: 223 47% 11%;
|
|
44
|
+
--muted-foreground: 215.4 16.3% 56.9%;
|
|
45
|
+
|
|
46
|
+
--popover: 224 71% 4%;
|
|
47
|
+
--popover-foreground: 215 20.2% 65.1%;
|
|
48
|
+
|
|
49
|
+
--card: 224 71% 4%;
|
|
50
|
+
--card-foreground: 213 31% 91%;
|
|
51
|
+
|
|
52
|
+
--border: 216 34% 17%;
|
|
53
|
+
--input: 216 34% 17%;
|
|
54
|
+
|
|
55
|
+
--primary: 210 40% 98%;
|
|
56
|
+
--primary-foreground: 222.2 47.4% 1.2%;
|
|
57
|
+
|
|
58
|
+
--secondary: 222.2 47.4% 11.2%;
|
|
59
|
+
--secondary-foreground: 210 40% 98%;
|
|
60
|
+
|
|
61
|
+
--accent: 216 34% 17%;
|
|
62
|
+
--accent-foreground: 210 40% 98%;
|
|
63
|
+
|
|
64
|
+
--destructive: 0 63% 31%;
|
|
65
|
+
--destructive-foreground: 210 40% 98%;
|
|
66
|
+
|
|
67
|
+
--ring: 216 34% 17%;
|
|
68
|
+
|
|
69
|
+
--radius: 0.5rem;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
@layer base {
|
|
74
|
+
* {
|
|
75
|
+
@apply border-border;
|
|
76
|
+
}
|
|
77
|
+
body {
|
|
78
|
+
@apply bg-background text-foreground;
|
|
79
|
+
font-feature-settings: "rlig" 1, "calt" 1;
|
|
80
|
+
}
|
|
81
|
+
}
|
package/tailwind.config.ts
CHANGED
|
@@ -6,9 +6,9 @@ const config = {
|
|
|
6
6
|
content: [
|
|
7
7
|
"./pages/**/*.{ts,tsx}",
|
|
8
8
|
"./components/**/*.{ts,tsx}",
|
|
9
|
+
"./components/**/**/*.{ts,tsx}",
|
|
9
10
|
"./app/**/*.{ts,tsx}",
|
|
10
|
-
"./src/**/*.{ts,tsx}"
|
|
11
|
-
"../../packages/react-elements/src/**/*.{ts,tsx}",
|
|
11
|
+
"./src/**/*.{ts,tsx}"
|
|
12
12
|
],
|
|
13
13
|
prefix: "",
|
|
14
14
|
theme: {
|
package/tsup.config.ts
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import { defineConfig } from "tsup";
|
|
2
2
|
|
|
3
3
|
export default defineConfig({
|
|
4
|
-
entry: [
|
|
4
|
+
entry: [
|
|
5
|
+
"src/index.ts",
|
|
6
|
+
"src/components/ui/*.tsx",
|
|
7
|
+
"src/lib/*.ts"
|
|
8
|
+
], // Build all entry points
|
|
5
9
|
format: ["cjs", "esm"],
|
|
6
10
|
dts: true,
|
|
7
11
|
splitting: false,
|
|
@@ -15,5 +19,5 @@ export default defineConfig({
|
|
|
15
19
|
outExtension: ({ format }) => ({
|
|
16
20
|
js: format === "esm" ? ".mjs" : ".js",
|
|
17
21
|
}),
|
|
18
|
-
onSuccess: "cp src/global.
|
|
22
|
+
onSuccess: "cp src/global.css dist/global.css && cp postcss.config.mjs dist/postcss.config.mjs && cp tailwind.config.ts dist/tailwind.config.ts"
|
|
19
23
|
});
|
package/src/global.d.ts
DELETED
package/src/global.module.css
DELETED
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
@tailwind base;
|
|
2
|
-
@tailwind components;
|
|
3
|
-
@tailwind utilities;
|
|
4
|
-
|
|
5
|
-
@layer base {
|
|
6
|
-
:root {
|
|
7
|
-
--background: 0 0% 100%;
|
|
8
|
-
--foreground: 240 10% 3.9%;
|
|
9
|
-
--card: 0 0% 100%;
|
|
10
|
-
--card-foreground: 240 10% 3.9%;
|
|
11
|
-
--popover: 0 0% 100%;
|
|
12
|
-
--popover-foreground: 240 10% 3.9%;
|
|
13
|
-
--primary: 240 5.9% 10%;
|
|
14
|
-
--primary-foreground: 0 0% 98%;
|
|
15
|
-
--secondary: 240 4.8% 95.9%;
|
|
16
|
-
--secondary-foreground: 240 5.9% 10%;
|
|
17
|
-
--muted: 240 4.8% 95.9%;
|
|
18
|
-
--muted-foreground: 240 3.8% 46.1%;
|
|
19
|
-
--accent: 240 4.8% 95.9%;
|
|
20
|
-
--accent-foreground: 240 5.9% 10%;
|
|
21
|
-
--destructive: 0 84.2% 60.2%;
|
|
22
|
-
--destructive-foreground: 0 0% 98%;
|
|
23
|
-
--border: 240 5.9% 90%;
|
|
24
|
-
--input: 240 5.9% 90%;
|
|
25
|
-
--ring: 240 5.9% 10%;
|
|
26
|
-
--radius: 0.5rem;
|
|
27
|
-
--chart-1: 12 76% 61%;
|
|
28
|
-
--chart-2: 173 58% 39%;
|
|
29
|
-
--chart-3: 197 37% 24%;
|
|
30
|
-
--chart-4: 43 74% 66%;
|
|
31
|
-
--chart-5: 27 87% 67%;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.dark {
|
|
35
|
-
--background: 240 10% 3.9%;
|
|
36
|
-
--foreground: 0 0% 98%;
|
|
37
|
-
--card: 240 10% 3.9%;
|
|
38
|
-
--card-foreground: 0 0% 98%;
|
|
39
|
-
--popover: 240 10% 3.9%;
|
|
40
|
-
--popover-foreground: 0 0% 98%;
|
|
41
|
-
--primary: 0 0% 98%;
|
|
42
|
-
--primary-foreground: 240 5.9% 10%;
|
|
43
|
-
--secondary: 240 3.7% 15.9%;
|
|
44
|
-
--secondary-foreground: 0 0% 98%;
|
|
45
|
-
--muted: 240 3.7% 15.9%;
|
|
46
|
-
--muted-foreground: 240 5% 64.9%;
|
|
47
|
-
--accent: 240 3.7% 15.9%;
|
|
48
|
-
--accent-foreground: 0 0% 98%;
|
|
49
|
-
--destructive: 0 62.8% 30.6%;
|
|
50
|
-
--destructive-foreground: 0 0% 98%;
|
|
51
|
-
--border: 240 3.7% 15.9%;
|
|
52
|
-
--input: 240 3.7% 15.9%;
|
|
53
|
-
--ring: 240 4.9% 83.9%;
|
|
54
|
-
--chart-1: 220 70% 50%;
|
|
55
|
-
--chart-2: 160 60% 45%;
|
|
56
|
-
--chart-3: 30 80% 55%;
|
|
57
|
-
--chart-4: 280 65% 60%;
|
|
58
|
-
--chart-5: 340 75% 55%;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
@layer base {
|
|
63
|
-
* {
|
|
64
|
-
@apply border-border;
|
|
65
|
-
}
|
|
66
|
-
body {
|
|
67
|
-
@apply bg-background text-foreground;
|
|
68
|
-
}
|
|
69
|
-
}
|