@framingui/ui 0.6.11 → 0.6.12

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.
Files changed (67) hide show
  1. package/README.md +3 -0
  2. package/dist/src/components/badge.d.ts +1 -1
  3. package/dist/src/components/breadcrumb.d.ts +1 -1
  4. package/dist/src/components/button.d.ts +2 -2
  5. package/dist/src/components/command.d.ts +3 -3
  6. package/dist/src/components/sheet.d.ts +1 -1
  7. package/dist/src/primitives/badge.d.ts +1 -1
  8. package/dist/src/primitives/button.d.ts +2 -2
  9. package/dist/src/primitives/heading.d.ts +1 -1
  10. package/dist/src/primitives/text.d.ts +2 -2
  11. package/dist/tsconfig.tsbuildinfo +1 -1
  12. package/package.json +1 -1
  13. package/styles/tokens.css +3 -0
  14. package/dist/chunk-7UBERMRE.mjs +0 -180
  15. package/dist/chunk-RWYATDH5.mjs +0 -180
  16. package/dist/src/templates/auth/forgot-password.stories.d.ts +0 -14
  17. package/dist/src/templates/auth/forgot-password.stories.d.ts.map +0 -1
  18. package/dist/src/templates/auth/forgot-password.stories.js +0 -14
  19. package/dist/src/templates/auth/forgot-password.stories.js.map +0 -1
  20. package/dist/src/templates/auth/login.stories.d.ts +0 -95
  21. package/dist/src/templates/auth/login.stories.d.ts.map +0 -1
  22. package/dist/src/templates/auth/login.stories.js +0 -77
  23. package/dist/src/templates/auth/login.stories.js.map +0 -1
  24. package/dist/src/templates/auth/signup.stories.d.ts +0 -18
  25. package/dist/src/templates/auth/signup.stories.d.ts.map +0 -1
  26. package/dist/src/templates/auth/signup.stories.js +0 -21
  27. package/dist/src/templates/auth/signup.stories.js.map +0 -1
  28. package/dist/src/templates/auth/verification.stories.d.ts +0 -19
  29. package/dist/src/templates/auth/verification.stories.d.ts.map +0 -1
  30. package/dist/src/templates/auth/verification.stories.js +0 -19
  31. package/dist/src/templates/auth/verification.stories.js.map +0 -1
  32. package/dist/src/templates/core/landing.stories.d.ts +0 -14
  33. package/dist/src/templates/core/landing.stories.d.ts.map +0 -1
  34. package/dist/src/templates/core/landing.stories.js +0 -14
  35. package/dist/src/templates/core/landing.stories.js.map +0 -1
  36. package/dist/src/templates/core/preferences.stories.d.ts +0 -14
  37. package/dist/src/templates/core/preferences.stories.d.ts.map +0 -1
  38. package/dist/src/templates/core/preferences.stories.js +0 -14
  39. package/dist/src/templates/core/preferences.stories.js.map +0 -1
  40. package/dist/src/templates/core/profile.stories.d.ts +0 -19
  41. package/dist/src/templates/core/profile.stories.d.ts.map +0 -1
  42. package/dist/src/templates/core/profile.stories.js +0 -19
  43. package/dist/src/templates/core/profile.stories.js.map +0 -1
  44. package/dist/src/templates/dashboard/overview.stories.d.ts +0 -55
  45. package/dist/src/templates/dashboard/overview.stories.d.ts.map +0 -1
  46. package/dist/src/templates/dashboard/overview.stories.js +0 -51
  47. package/dist/src/templates/dashboard/overview.stories.js.map +0 -1
  48. package/dist/src/templates/feedback/confirmation.stories.d.ts +0 -14
  49. package/dist/src/templates/feedback/confirmation.stories.d.ts.map +0 -1
  50. package/dist/src/templates/feedback/confirmation.stories.js +0 -14
  51. package/dist/src/templates/feedback/confirmation.stories.js.map +0 -1
  52. package/dist/src/templates/feedback/empty.stories.d.ts +0 -14
  53. package/dist/src/templates/feedback/empty.stories.d.ts.map +0 -1
  54. package/dist/src/templates/feedback/empty.stories.js +0 -14
  55. package/dist/src/templates/feedback/empty.stories.js.map +0 -1
  56. package/dist/src/templates/feedback/error.stories.d.ts +0 -14
  57. package/dist/src/templates/feedback/error.stories.d.ts.map +0 -1
  58. package/dist/src/templates/feedback/error.stories.js +0 -14
  59. package/dist/src/templates/feedback/error.stories.js.map +0 -1
  60. package/dist/src/templates/feedback/loading.stories.d.ts +0 -14
  61. package/dist/src/templates/feedback/loading.stories.d.ts.map +0 -1
  62. package/dist/src/templates/feedback/loading.stories.js +0 -14
  63. package/dist/src/templates/feedback/loading.stories.js.map +0 -1
  64. package/dist/src/templates/feedback/success.stories.d.ts +0 -14
  65. package/dist/src/templates/feedback/success.stories.d.ts.map +0 -1
  66. package/dist/src/templates/feedback/success.stories.js +0 -14
  67. package/dist/src/templates/feedback/success.stories.js.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@framingui/ui",
3
- "version": "0.6.11",
3
+ "version": "0.6.12",
4
4
  "description": "FramingUI Reference Component Library",
5
5
  "main": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.mts",
package/styles/tokens.css CHANGED
@@ -7,6 +7,9 @@
7
7
  * @import '@framingui/styles';
8
8
  */
9
9
 
10
+ @source "../dist/**/*.mjs";
11
+ @plugin "tailwindcss-animate";
12
+
10
13
  :root {
11
14
  /* ========================================
12
15
  Layer 1: Atomic Tokens
@@ -1,180 +0,0 @@
1
- 'use client';
2
-
3
- // src/lib/utils.ts
4
- import { clsx } from "clsx";
5
- import { twMerge } from "tailwind-merge";
6
- function cn(...inputs) {
7
- return twMerge(clsx(inputs));
8
- }
9
-
10
- // src/components/button.tsx
11
- import * as React from "react";
12
- import { Slot } from "@radix-ui/react-slot";
13
- import { cva } from "class-variance-authority";
14
- import { jsx } from "react/jsx-runtime";
15
- var buttonVariants = cva(
16
- "inline-flex items-center justify-center whitespace-nowrap rounded-[var(--tekton-radius-xl)] text-sm font-medium ring-offset-[var(--tekton-bg-background)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tekton-border-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
17
- {
18
- variants: {
19
- variant: {
20
- default: "bg-[var(--tekton-bg-primary)] text-[var(--tekton-bg-primary-foreground)] hover:bg-[var(--tekton-bg-primary)]/90",
21
- destructive: "bg-[var(--tekton-bg-destructive)] text-[var(--tekton-bg-destructive-foreground)] hover:bg-[var(--tekton-bg-destructive)]/90",
22
- outline: "border border-[var(--tekton-border-input)] bg-[var(--tekton-bg-background)] hover:bg-[var(--tekton-bg-accent)] hover:text-[var(--tekton-bg-accent-foreground)]",
23
- secondary: "bg-[var(--tekton-bg-secondary)] text-[var(--tekton-bg-secondary-foreground)] hover:bg-[var(--tekton-bg-secondary)]/80",
24
- ghost: "hover:bg-[var(--tekton-bg-accent)] hover:text-[var(--tekton-bg-accent-foreground)]",
25
- link: "text-[var(--tekton-bg-primary)] underline-offset-4 hover:underline"
26
- },
27
- size: {
28
- default: "h-10 px-[var(--tekton-spacing-4)] py-[var(--tekton-spacing-2)]",
29
- sm: "h-9 rounded-[var(--tekton-radius-xl)] px-[var(--tekton-spacing-3)]",
30
- lg: "h-11 rounded-[var(--tekton-radius-xl)] px-[var(--tekton-spacing-8)]",
31
- icon: "h-10 w-10"
32
- }
33
- },
34
- defaultVariants: {
35
- variant: "default",
36
- size: "default"
37
- }
38
- }
39
- );
40
- var Button = React.forwardRef(
41
- ({ className, variant, size, asChild = false, ...props }, ref) => {
42
- const Comp = asChild ? Slot : "button";
43
- return /* @__PURE__ */ jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
44
- }
45
- );
46
- Button.displayName = "Button";
47
-
48
- // src/components/input.tsx
49
- import * as React2 from "react";
50
- import { jsx as jsx2 } from "react/jsx-runtime";
51
- var Input = React2.forwardRef(
52
- ({ className, type, ...props }, ref) => {
53
- return /* @__PURE__ */ jsx2(
54
- "input",
55
- {
56
- type,
57
- className: cn(
58
- "flex h-10 w-full rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-input)] bg-[var(--tekton-bg-background)] px-[var(--tekton-spacing-3)] py-[var(--tekton-spacing-2)] text-sm ring-offset-[var(--tekton-bg-background)] file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-[var(--tekton-bg-muted-foreground)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tekton-border-ring)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
59
- className
60
- ),
61
- ref,
62
- ...props
63
- }
64
- );
65
- }
66
- );
67
- Input.displayName = "Input";
68
-
69
- // src/components/label.tsx
70
- import * as React3 from "react";
71
- import * as LabelPrimitive from "@radix-ui/react-label";
72
- import { cva as cva2 } from "class-variance-authority";
73
- import { jsx as jsx3 } from "react/jsx-runtime";
74
- var labelVariants = cva2(
75
- "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
76
- );
77
- var Label = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
78
- Label.displayName = LabelPrimitive.Root.displayName;
79
-
80
- // src/components/card.tsx
81
- import * as React4 from "react";
82
- import { jsx as jsx4 } from "react/jsx-runtime";
83
- var Card = React4.forwardRef(
84
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
85
- "div",
86
- {
87
- ref,
88
- className: cn(
89
- "rounded-[var(--tekton-radius-lg)] border border-[var(--tekton-border-default)] bg-[var(--tekton-bg-card)] text-[var(--tekton-bg-card-foreground)] shadow-sm",
90
- className
91
- ),
92
- ...props
93
- }
94
- )
95
- );
96
- Card.displayName = "Card";
97
- var CardHeader = React4.forwardRef(
98
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
99
- "div",
100
- {
101
- ref,
102
- className: cn(
103
- "flex flex-col space-y-[var(--tekton-spacing-2)] p-[var(--tekton-spacing-6)]",
104
- className
105
- ),
106
- ...props
107
- }
108
- )
109
- );
110
- CardHeader.displayName = "CardHeader";
111
- var CardTitle = React4.forwardRef(
112
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
113
- "h3",
114
- {
115
- ref,
116
- className: cn("text-2xl font-semibold leading-none tracking-tight", className),
117
- ...props
118
- }
119
- )
120
- );
121
- CardTitle.displayName = "CardTitle";
122
- var CardDescription = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
123
- "p",
124
- {
125
- ref,
126
- className: cn("text-sm text-[var(--tekton-bg-muted-foreground)]", className),
127
- ...props
128
- }
129
- ));
130
- CardDescription.displayName = "CardDescription";
131
- var CardContent = React4.forwardRef(
132
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx4("div", { ref, className: cn("p-[var(--tekton-spacing-6)] pt-0", className), ...props })
133
- );
134
- CardContent.displayName = "CardContent";
135
- var CardFooter = React4.forwardRef(
136
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
137
- "div",
138
- {
139
- ref,
140
- className: cn("flex items-center p-[var(--tekton-spacing-6)] pt-0", className),
141
- ...props
142
- }
143
- )
144
- );
145
- CardFooter.displayName = "CardFooter";
146
-
147
- // src/components/separator.tsx
148
- import * as React5 from "react";
149
- import * as SeparatorPrimitive from "@radix-ui/react-separator";
150
- import { jsx as jsx5 } from "react/jsx-runtime";
151
- var Separator = React5.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx5(
152
- SeparatorPrimitive.Root,
153
- {
154
- ref,
155
- decorative,
156
- orientation,
157
- className: cn(
158
- "shrink-0 bg-[var(--tekton-border-default)]",
159
- orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
160
- className
161
- ),
162
- ...props
163
- }
164
- ));
165
- Separator.displayName = SeparatorPrimitive.Root.displayName;
166
-
167
- export {
168
- cn,
169
- buttonVariants,
170
- Button,
171
- Input,
172
- Label,
173
- Card,
174
- CardHeader,
175
- CardTitle,
176
- CardDescription,
177
- CardContent,
178
- CardFooter,
179
- Separator
180
- };
@@ -1,180 +0,0 @@
1
- 'use client';
2
-
3
- // src/lib/utils.ts
4
- import { clsx } from "clsx";
5
- import { twMerge } from "tailwind-merge";
6
- function cn(...inputs) {
7
- return twMerge(clsx(inputs));
8
- }
9
-
10
- // src/components/button.tsx
11
- import * as React from "react";
12
- import { Slot } from "@radix-ui/react-slot";
13
- import { cva } from "class-variance-authority";
14
- import { jsx } from "react/jsx-runtime";
15
- var buttonVariants = cva(
16
- "inline-flex items-center justify-center whitespace-nowrap rounded-[var(--radius-xl)] text-sm font-medium ring-offset-[var(--bg-background)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
17
- {
18
- variants: {
19
- variant: {
20
- default: "bg-[var(--bg-primary)] text-[var(--bg-primary-foreground)] hover:bg-[var(--bg-primary)]/90",
21
- destructive: "bg-[var(--bg-destructive)] text-[var(--bg-destructive-foreground)] hover:bg-[var(--bg-destructive)]/90",
22
- outline: "border border-[var(--border-input)] bg-[var(--bg-background)] hover:bg-[var(--bg-accent)] hover:text-[var(--bg-accent-foreground)]",
23
- secondary: "bg-[var(--bg-secondary)] text-[var(--bg-secondary-foreground)] hover:bg-[var(--bg-secondary)]/80",
24
- ghost: "hover:bg-[var(--bg-accent)] hover:text-[var(--bg-accent-foreground)]",
25
- link: "text-[var(--bg-primary)] underline-offset-4 hover:underline"
26
- },
27
- size: {
28
- default: "h-10 px-[var(--spacing-4)] py-[var(--spacing-2)]",
29
- sm: "h-9 rounded-[var(--radius-xl)] px-[var(--spacing-3)]",
30
- lg: "h-11 rounded-[var(--radius-xl)] px-[var(--spacing-8)]",
31
- icon: "h-10 w-10"
32
- }
33
- },
34
- defaultVariants: {
35
- variant: "default",
36
- size: "default"
37
- }
38
- }
39
- );
40
- var Button = React.forwardRef(
41
- ({ className, variant, size, asChild = false, ...props }, ref) => {
42
- const Comp = asChild ? Slot : "button";
43
- return /* @__PURE__ */ jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
44
- }
45
- );
46
- Button.displayName = "Button";
47
-
48
- // src/components/input.tsx
49
- import * as React2 from "react";
50
- import { jsx as jsx2 } from "react/jsx-runtime";
51
- var Input = React2.forwardRef(
52
- ({ className, type, ...props }, ref) => {
53
- return /* @__PURE__ */ jsx2(
54
- "input",
55
- {
56
- type,
57
- className: cn(
58
- "flex h-10 w-full rounded-[var(--radius-md)] border border-[var(--border-input)] bg-[var(--bg-background)] px-[var(--spacing-3)] py-[var(--spacing-2)] text-sm ring-offset-[var(--bg-background)] file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-[var(--bg-muted-foreground)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-ring)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
59
- className
60
- ),
61
- ref,
62
- ...props
63
- }
64
- );
65
- }
66
- );
67
- Input.displayName = "Input";
68
-
69
- // src/components/label.tsx
70
- import * as React3 from "react";
71
- import * as LabelPrimitive from "@radix-ui/react-label";
72
- import { cva as cva2 } from "class-variance-authority";
73
- import { jsx as jsx3 } from "react/jsx-runtime";
74
- var labelVariants = cva2(
75
- "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
76
- );
77
- var Label = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
78
- Label.displayName = LabelPrimitive.Root.displayName;
79
-
80
- // src/components/card.tsx
81
- import * as React4 from "react";
82
- import { jsx as jsx4 } from "react/jsx-runtime";
83
- var Card = React4.forwardRef(
84
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
85
- "div",
86
- {
87
- ref,
88
- className: cn(
89
- "rounded-[var(--radius-lg)] border border-[var(--border-default)] bg-[var(--bg-card)] text-[var(--bg-card-foreground)] shadow-sm",
90
- className
91
- ),
92
- ...props
93
- }
94
- )
95
- );
96
- Card.displayName = "Card";
97
- var CardHeader = React4.forwardRef(
98
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
99
- "div",
100
- {
101
- ref,
102
- className: cn(
103
- "flex flex-col space-y-[var(--spacing-2)] p-[var(--spacing-6)]",
104
- className
105
- ),
106
- ...props
107
- }
108
- )
109
- );
110
- CardHeader.displayName = "CardHeader";
111
- var CardTitle = React4.forwardRef(
112
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
113
- "h3",
114
- {
115
- ref,
116
- className: cn("text-2xl font-semibold leading-none tracking-tight", className),
117
- ...props
118
- }
119
- )
120
- );
121
- CardTitle.displayName = "CardTitle";
122
- var CardDescription = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
123
- "p",
124
- {
125
- ref,
126
- className: cn("text-sm text-[var(--bg-muted-foreground)]", className),
127
- ...props
128
- }
129
- ));
130
- CardDescription.displayName = "CardDescription";
131
- var CardContent = React4.forwardRef(
132
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx4("div", { ref, className: cn("p-[var(--spacing-6)] pt-0", className), ...props })
133
- );
134
- CardContent.displayName = "CardContent";
135
- var CardFooter = React4.forwardRef(
136
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
137
- "div",
138
- {
139
- ref,
140
- className: cn("flex items-center p-[var(--spacing-6)] pt-0", className),
141
- ...props
142
- }
143
- )
144
- );
145
- CardFooter.displayName = "CardFooter";
146
-
147
- // src/components/separator.tsx
148
- import * as React5 from "react";
149
- import * as SeparatorPrimitive from "@radix-ui/react-separator";
150
- import { jsx as jsx5 } from "react/jsx-runtime";
151
- var Separator = React5.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx5(
152
- SeparatorPrimitive.Root,
153
- {
154
- ref,
155
- decorative,
156
- orientation,
157
- className: cn(
158
- "shrink-0 bg-[var(--border-default)]",
159
- orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
160
- className
161
- ),
162
- ...props
163
- }
164
- ));
165
- Separator.displayName = SeparatorPrimitive.Root.displayName;
166
-
167
- export {
168
- cn,
169
- buttonVariants,
170
- Button,
171
- Input,
172
- Label,
173
- Card,
174
- CardHeader,
175
- CardTitle,
176
- CardDescription,
177
- CardContent,
178
- CardFooter,
179
- Separator
180
- };
@@ -1,14 +0,0 @@
1
- export default meta;
2
- export namespace Default {
3
- let args: {};
4
- }
5
- declare namespace meta {
6
- export let title: string;
7
- export { ForgotPasswordTemplateComponent as component };
8
- export namespace parameters {
9
- let layout: string;
10
- }
11
- export let tags: string[];
12
- }
13
- import { ForgotPasswordTemplateComponent } from './forgot-password';
14
- //# sourceMappingURL=forgot-password.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"forgot-password.stories.d.ts","sourceRoot":"","sources":["../../../../src/templates/auth/forgot-password.stories.js"],"names":[],"mappings":";;;;;;;;;;;;gDAMgD,mBAAmB"}
@@ -1,14 +0,0 @@
1
- import { ForgotPasswordTemplateComponent } from './forgot-password';
2
- const meta = {
3
- title: 'Templates/Auth/ForgotPassword',
4
- component: ForgotPasswordTemplateComponent,
5
- parameters: {
6
- layout: 'fullscreen',
7
- },
8
- tags: ['autodocs'],
9
- };
10
- export default meta;
11
- export const Default = {
12
- args: {},
13
- };
14
- //# sourceMappingURL=forgot-password.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"forgot-password.stories.js","sourceRoot":"","sources":["../../../../src/templates/auth/forgot-password.stories.js"],"names":[],"mappings":"AAMA,OAAO,EAAE,+BAA+B,EAAE,MAAM,mBAAmB,CAAC;AACpE,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,+BAA+B;IAC1C,UAAU,EAAE;QACR,MAAM,EAAE,YAAY;KACvB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACrB,CAAC;AACF,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,IAAI,EAAE,EAAE;CACX,CAAC"}
@@ -1,95 +0,0 @@
1
- export default meta;
2
- export namespace Default {
3
- let args: {};
4
- }
5
- export namespace CustomBranding {
6
- export namespace args_1 {
7
- namespace texts {
8
- let title: string;
9
- let subtitle: string;
10
- let button_label: string;
11
- }
12
- namespace slots {
13
- let logo: import("react/jsx-runtime").JSX.Element;
14
- }
15
- }
16
- export { args_1 as args };
17
- }
18
- export namespace WithForgotPassword {
19
- export namespace args_2 {
20
- export namespace slots_1 {
21
- let forgotPassword: import("react/jsx-runtime").JSX.Element;
22
- }
23
- export { slots_1 as slots };
24
- }
25
- export { args_2 as args };
26
- }
27
- export namespace WithRememberMe {
28
- export namespace args_3 {
29
- export namespace options {
30
- let remember_me: boolean;
31
- }
32
- export namespace slots_2 {
33
- let rememberMe: import("react/jsx-runtime").JSX.Element;
34
- }
35
- export { slots_2 as slots };
36
- }
37
- export { args_3 as args };
38
- }
39
- export namespace WithSocialLogin {
40
- export namespace args_4 {
41
- export namespace options_1 {
42
- let social_login: boolean;
43
- }
44
- export { options_1 as options };
45
- export namespace slots_3 {
46
- let socialLogin: import("react/jsx-runtime").JSX.Element;
47
- }
48
- export { slots_3 as slots };
49
- }
50
- export { args_4 as args };
51
- }
52
- export namespace Complete {
53
- export namespace args_5 {
54
- export namespace texts_1 {
55
- let title_1: string;
56
- export { title_1 as title };
57
- let subtitle_1: string;
58
- export { subtitle_1 as subtitle };
59
- let button_label_1: string;
60
- export { button_label_1 as button_label };
61
- }
62
- export { texts_1 as texts };
63
- export namespace options_2 {
64
- let remember_me_1: boolean;
65
- export { remember_me_1 as remember_me };
66
- let social_login_1: boolean;
67
- export { social_login_1 as social_login };
68
- }
69
- export { options_2 as options };
70
- export namespace slots_4 {
71
- let logo_1: import("react/jsx-runtime").JSX.Element;
72
- export { logo_1 as logo };
73
- let forgotPassword_1: import("react/jsx-runtime").JSX.Element;
74
- export { forgotPassword_1 as forgotPassword };
75
- let rememberMe_1: import("react/jsx-runtime").JSX.Element;
76
- export { rememberMe_1 as rememberMe };
77
- let socialLogin_1: import("react/jsx-runtime").JSX.Element;
78
- export { socialLogin_1 as socialLogin };
79
- export let footer: import("react/jsx-runtime").JSX.Element;
80
- }
81
- export { slots_4 as slots };
82
- }
83
- export { args_5 as args };
84
- }
85
- declare namespace meta {
86
- let title_2: string;
87
- export { title_2 as title };
88
- export { LoginTemplateComponent as component };
89
- export namespace parameters {
90
- let layout: string;
91
- }
92
- export let tags: string[];
93
- }
94
- import { LoginTemplateComponent } from './login';
95
- //# sourceMappingURL=login.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"login.stories.d.ts","sourceRoot":"","sources":["../../../../src/templates/auth/login.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCAMuC,SAAS"}
@@ -1,77 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { LoginTemplateComponent } from './login';
3
- import { Checkbox } from '../../components/checkbox';
4
- import { Label } from '../../components/label';
5
- import { Button } from '../../components/button';
6
- const meta = {
7
- title: 'Templates/Auth/Login',
8
- component: LoginTemplateComponent,
9
- parameters: {
10
- layout: 'fullscreen',
11
- },
12
- tags: ['autodocs'],
13
- };
14
- export default meta;
15
- export const Default = {
16
- args: {},
17
- };
18
- export const CustomBranding = {
19
- args: {
20
- texts: {
21
- title: 'Sign In to Tekton',
22
- subtitle: 'Access your account',
23
- button_label: 'Continue',
24
- },
25
- slots: {
26
- logo: (_jsx("div", { className: "flex justify-center", children: _jsx("div", { className: "text-4xl font-bold text-[var(--tekton-bg-primary)]", children: "T" }) })),
27
- },
28
- },
29
- };
30
- export const WithForgotPassword = {
31
- args: {
32
- slots: {
33
- forgotPassword: (_jsx("a", { href: "#", className: "text-sm text-[var(--tekton-bg-primary)] hover:underline", children: "Forgot password?" })),
34
- },
35
- },
36
- };
37
- export const WithRememberMe = {
38
- args: {
39
- options: {
40
- remember_me: true,
41
- },
42
- slots: {
43
- rememberMe: (_jsxs(_Fragment, { children: [_jsx(Checkbox, { id: "remember" }), _jsx(Label, { htmlFor: "remember", className: "text-sm cursor-pointer", children: "Remember me" })] })),
44
- },
45
- },
46
- };
47
- export const WithSocialLogin = {
48
- args: {
49
- options: {
50
- social_login: true,
51
- },
52
- slots: {
53
- socialLogin: (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "outline", className: "w-full", children: [_jsx("span", { className: "mr-2", children: "\uD83D\uDD0D" }), "Google"] }), _jsxs(Button, { variant: "outline", className: "w-full", children: [_jsx("span", { className: "mr-2", children: "\uD83D\uDCD8" }), "GitHub"] })] })),
54
- },
55
- },
56
- };
57
- export const Complete = {
58
- args: {
59
- texts: {
60
- title: 'Welcome Back',
61
- subtitle: 'Sign in to continue to Tekton',
62
- button_label: 'Sign In',
63
- },
64
- options: {
65
- remember_me: true,
66
- social_login: true,
67
- },
68
- slots: {
69
- logo: (_jsx("div", { className: "flex justify-center mb-4", children: _jsx("div", { className: "text-4xl font-bold text-[var(--tekton-bg-primary)]", children: "T" }) })),
70
- forgotPassword: (_jsx("a", { href: "#", className: "text-sm text-[var(--tekton-bg-primary)] hover:underline", children: "Forgot?" })),
71
- rememberMe: (_jsxs(_Fragment, { children: [_jsx(Checkbox, { id: "remember-complete" }), _jsx(Label, { htmlFor: "remember-complete", className: "text-sm cursor-pointer", children: "Keep me signed in" })] })),
72
- socialLogin: (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "outline", className: "w-full", children: [_jsx("span", { className: "mr-2", children: "\uD83D\uDD0D" }), "Google"] }), _jsxs(Button, { variant: "outline", className: "w-full", children: [_jsx("span", { className: "mr-2", children: "\uD83D\uDCD8" }), "GitHub"] })] })),
73
- footer: (_jsxs("div", { className: "text-sm text-center w-full space-y-2", children: [_jsxs("p", { className: "text-[var(--tekton-bg-muted-foreground)]", children: ["Don't have an account?", ' ', _jsx("a", { href: "#", className: "text-[var(--tekton-bg-primary)] hover:underline", children: "Sign up for free" })] }), _jsxs("p", { className: "text-xs text-[var(--tekton-bg-muted-foreground)]", children: ["By signing in, you agree to our", ' ', _jsx("a", { href: "#", className: "hover:underline", children: "Terms" }), ' ', "and", ' ', _jsx("a", { href: "#", className: "hover:underline", children: "Privacy Policy" })] })] })),
74
- },
75
- },
76
- };
77
- //# sourceMappingURL=login.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"login.stories.js","sourceRoot":"","sources":["../../../../src/templates/auth/login.stories.jsx"],"names":[],"mappings":"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"}
@@ -1,18 +0,0 @@
1
- export default meta;
2
- export namespace Default {
3
- namespace args {
4
- namespace slots {
5
- let termsCheckbox: import("react/jsx-runtime").JSX.Element;
6
- }
7
- }
8
- }
9
- declare namespace meta {
10
- export let title: string;
11
- export { SignupTemplateComponent as component };
12
- export namespace parameters {
13
- let layout: string;
14
- }
15
- export let tags: string[];
16
- }
17
- import { SignupTemplateComponent } from './signup';
18
- //# sourceMappingURL=signup.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"signup.stories.d.ts","sourceRoot":"","sources":["../../../../src/templates/auth/signup.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;wCAMwC,UAAU"}
@@ -1,21 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { SignupTemplateComponent } from './signup';
3
- import { Checkbox } from '../../components/checkbox';
4
- import { Label } from '../../components/label';
5
- const meta = {
6
- title: 'Templates/Auth/Signup',
7
- component: SignupTemplateComponent,
8
- parameters: {
9
- layout: 'fullscreen',
10
- },
11
- tags: ['autodocs'],
12
- };
13
- export default meta;
14
- export const Default = {
15
- args: {
16
- slots: {
17
- termsCheckbox: (_jsxs(_Fragment, { children: [_jsx(Checkbox, { id: "terms" }), _jsxs(Label, { htmlFor: "terms", className: "text-sm cursor-pointer", children: ["I agree to the", ' ', _jsx("a", { href: "#", className: "text-[var(--tekton-text-primary)] hover:underline", children: "Terms of Service" }), ' ', "and", ' ', _jsx("a", { href: "#", className: "text-[var(--tekton-text-primary)] hover:underline", children: "Privacy Policy" })] })] })),
18
- },
19
- },
20
- };
21
- //# sourceMappingURL=signup.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"signup.stories.js","sourceRoot":"","sources":["../../../../src/templates/auth/signup.stories.jsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,uBAAuB;IAClC,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,aAAa,EAAE,CACb,8BACE,KAAC,QAAQ,IAAC,EAAE,EAAC,OAAO,GAAG,EACvB,MAAC,KAAK,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,wBAAwB,+BACxC,GAAG,EAClB,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,mDAAmD,iCAErE,EAAC,GAAG,SACJ,GAAG,EACP,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,mDAAmD,+BAErE,IACE,IACP,CACJ;SACF;KACF;CACF,CAAC"}
@@ -1,19 +0,0 @@
1
- export default meta;
2
- export namespace Default {
3
- namespace args {
4
- namespace options {
5
- let user_email: string;
6
- let show_resend: boolean;
7
- }
8
- }
9
- }
10
- declare namespace meta {
11
- export let title: string;
12
- export { VerificationTemplateComponent as component };
13
- export namespace parameters {
14
- let layout: string;
15
- }
16
- export let tags: string[];
17
- }
18
- import { VerificationTemplateComponent } from './verification';
19
- //# sourceMappingURL=verification.stories.d.ts.map