@fayz-ai/ui 0.8.3 → 0.8.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/dist/ChartWidgetInner-GDE5PBTR.js +46 -0
- package/dist/ChartWidgetInner-GDE5PBTR.js.map +1 -0
- package/dist/{chunk-BVF2KPTT.js → chunk-G6OKZ7WL.js} +30 -3
- package/dist/chunk-G6OKZ7WL.js.map +1 -0
- package/dist/{chunk-ID2HQK2Q.js → chunk-KV3MHB6N.js} +116 -213
- package/dist/chunk-KV3MHB6N.js.map +1 -0
- package/dist/{chunk-A7O7KGNL.js → chunk-OUPJDGKE.js} +27 -43
- package/dist/chunk-OUPJDGKE.js.map +1 -0
- package/dist/chunk-PVIB724L.js +161 -0
- package/dist/chunk-PVIB724L.js.map +1 -0
- package/dist/{chunk-O5F4LLSL.js → chunk-VDAYIQX4.js} +208 -8
- package/dist/chunk-VDAYIQX4.js.map +1 -0
- package/dist/{chunk-2GDQUARM.js → chunk-YLQGUJAQ.js} +24 -42
- package/dist/chunk-YLQGUJAQ.js.map +1 -0
- package/dist/dashboard/ChartWidget.d.ts.map +1 -1
- package/dist/dashboard/ChartWidgetInner.d.ts +11 -0
- package/dist/dashboard/ChartWidgetInner.d.ts.map +1 -0
- package/dist/dashboard/OnboardingWidget.d.ts.map +1 -1
- package/dist/dashboard/index.js +3 -2
- package/dist/icons.d.ts +8 -0
- package/dist/icons.d.ts.map +1 -0
- package/dist/icons.js +3 -0
- package/dist/icons.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -6
- package/dist/layout/Sidebar.d.ts +5 -2
- package/dist/layout/Sidebar.d.ts.map +1 -1
- package/dist/layout/index.js +2 -1
- package/dist/preset.cjs +201 -11
- package/dist/preset.cjs.map +1 -1
- package/dist/preset.js +201 -1
- package/dist/preset.js.map +1 -1
- package/dist/primitives/date-picker.d.ts +7 -1
- package/dist/primitives/date-picker.d.ts.map +1 -1
- package/dist/primitives/index.js +2 -2
- package/dist/primitives/search-select.d.ts +3 -1
- package/dist/primitives/search-select.d.ts.map +1 -1
- package/dist/tailwind.cjs +199 -2
- package/dist/tailwind.cjs.map +1 -1
- package/dist/tailwind.js +198 -1
- package/dist/tailwind.js.map +1 -1
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +1 -2
- package/package.json +24 -22
- package/src/dashboard/ChartWidget.tsx +8 -65
- package/src/dashboard/ChartWidgetInner.tsx +83 -0
- package/src/dashboard/OnboardingWidget.tsx +32 -1
- package/src/dashboard/icon.ts +2 -2
- package/src/icons.ts +66 -0
- package/src/index.ts +4 -0
- package/src/layout/Sidebar.tsx +70 -136
- package/src/primitives/date-picker.tsx +30 -4
- package/src/primitives/search-select.tsx +12 -4
- package/src/theme/index.ts +9 -6
- package/dist/chunk-2GDQUARM.js.map +0 -1
- package/dist/chunk-2P7T6QQK.cjs +0 -206
- package/dist/chunk-2P7T6QQK.cjs.map +0 -1
- package/dist/chunk-A7O7KGNL.js.map +0 -1
- package/dist/chunk-BVF2KPTT.js.map +0 -1
- package/dist/chunk-H6OULCHF.cjs +0 -81
- package/dist/chunk-H6OULCHF.cjs.map +0 -1
- package/dist/chunk-ID2HQK2Q.js.map +0 -1
- package/dist/chunk-IWBXYV4U.js +0 -203
- package/dist/chunk-IWBXYV4U.js.map +0 -1
- package/dist/chunk-MI6FOB4O.cjs +0 -351
- package/dist/chunk-MI6FOB4O.cjs.map +0 -1
- package/dist/chunk-O5F4LLSL.js.map +0 -1
- package/dist/chunk-OW73RZOU.cjs +0 -313
- package/dist/chunk-OW73RZOU.cjs.map +0 -1
- package/dist/chunk-SVVKUMSL.cjs +0 -1733
- package/dist/chunk-SVVKUMSL.cjs.map +0 -1
- package/dist/chunk-TDGSY5W6.cjs +0 -474
- package/dist/chunk-TDGSY5W6.cjs.map +0 -1
- package/dist/chunk-WF3STNDX.cjs +0 -682
- package/dist/chunk-WF3STNDX.cjs.map +0 -1
- package/dist/chunk-XIRJGVDK.cjs +0 -1826
- package/dist/chunk-XIRJGVDK.cjs.map +0 -1
- package/dist/dashboard/index.cjs +0 -106
- package/dist/dashboard/index.cjs.map +0 -1
- package/dist/index.cjs +0 -650
- package/dist/index.cjs.map +0 -1
- package/dist/layout/index.cjs +0 -98
- package/dist/layout/index.cjs.map +0 -1
- package/dist/primitives/index.cjs +0 -363
- package/dist/primitives/index.cjs.map +0 -1
- package/dist/theme/index.cjs +0 -41
- package/dist/theme/index.cjs.map +0 -1
package/dist/tailwind.cjs
CHANGED
|
@@ -1,6 +1,203 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
// src/theme/preset.ts
|
|
4
|
+
var fayzUiPreset = {
|
|
5
|
+
darkMode: "class",
|
|
6
|
+
theme: {
|
|
7
|
+
extend: {
|
|
8
|
+
colors: {
|
|
9
|
+
border: "hsl(var(--border))",
|
|
10
|
+
input: "hsl(var(--input))",
|
|
11
|
+
ring: "hsl(var(--ring))",
|
|
12
|
+
background: "hsl(var(--background))",
|
|
13
|
+
foreground: "hsl(var(--foreground))",
|
|
14
|
+
primary: {
|
|
15
|
+
DEFAULT: "hsl(var(--primary))",
|
|
16
|
+
foreground: "hsl(var(--primary-foreground))"
|
|
17
|
+
},
|
|
18
|
+
secondary: {
|
|
19
|
+
DEFAULT: "hsl(var(--secondary))",
|
|
20
|
+
foreground: "hsl(var(--secondary-foreground))"
|
|
21
|
+
},
|
|
22
|
+
destructive: {
|
|
23
|
+
DEFAULT: "hsl(var(--destructive))",
|
|
24
|
+
foreground: "hsl(var(--destructive-foreground))"
|
|
25
|
+
},
|
|
26
|
+
success: {
|
|
27
|
+
DEFAULT: "hsl(var(--success))",
|
|
28
|
+
foreground: "hsl(var(--success-foreground))"
|
|
29
|
+
},
|
|
30
|
+
warning: {
|
|
31
|
+
DEFAULT: "hsl(var(--warning))",
|
|
32
|
+
foreground: "hsl(var(--warning-foreground))"
|
|
33
|
+
},
|
|
34
|
+
info: {
|
|
35
|
+
DEFAULT: "hsl(var(--info))",
|
|
36
|
+
foreground: "hsl(var(--info-foreground))"
|
|
37
|
+
},
|
|
38
|
+
magic: {
|
|
39
|
+
DEFAULT: "hsl(var(--magic))",
|
|
40
|
+
foreground: "hsl(var(--magic-foreground))"
|
|
41
|
+
},
|
|
42
|
+
"info-soft": {
|
|
43
|
+
DEFAULT: "hsl(var(--info-soft))",
|
|
44
|
+
foreground: "hsl(var(--info-soft-foreground))"
|
|
45
|
+
},
|
|
46
|
+
"success-soft": {
|
|
47
|
+
DEFAULT: "hsl(var(--success-soft))",
|
|
48
|
+
foreground: "hsl(var(--success-soft-foreground))"
|
|
49
|
+
},
|
|
50
|
+
"warning-soft": {
|
|
51
|
+
DEFAULT: "hsl(var(--warning-soft))",
|
|
52
|
+
foreground: "hsl(var(--warning-soft-foreground))"
|
|
53
|
+
},
|
|
54
|
+
"destructive-soft": {
|
|
55
|
+
DEFAULT: "hsl(var(--destructive-soft))",
|
|
56
|
+
foreground: "hsl(var(--destructive-soft-foreground))"
|
|
57
|
+
},
|
|
58
|
+
"magic-soft": {
|
|
59
|
+
DEFAULT: "hsl(var(--magic-soft))",
|
|
60
|
+
foreground: "hsl(var(--magic-soft-foreground))"
|
|
61
|
+
},
|
|
62
|
+
muted: {
|
|
63
|
+
DEFAULT: "hsl(var(--muted))",
|
|
64
|
+
foreground: "hsl(var(--muted-foreground))"
|
|
65
|
+
},
|
|
66
|
+
accent: {
|
|
67
|
+
DEFAULT: "hsl(var(--accent))",
|
|
68
|
+
foreground: "hsl(var(--accent-foreground))"
|
|
69
|
+
},
|
|
70
|
+
card: {
|
|
71
|
+
DEFAULT: "hsl(var(--card))",
|
|
72
|
+
foreground: "hsl(var(--card-foreground))"
|
|
73
|
+
},
|
|
74
|
+
popover: {
|
|
75
|
+
DEFAULT: "hsl(var(--popover))",
|
|
76
|
+
foreground: "hsl(var(--popover-foreground))"
|
|
77
|
+
},
|
|
78
|
+
// Layout surface tokens
|
|
79
|
+
sidebar: {
|
|
80
|
+
DEFAULT: "hsl(var(--sidebar))",
|
|
81
|
+
foreground: "hsl(var(--sidebar-foreground))",
|
|
82
|
+
border: "hsl(var(--sidebar-border))",
|
|
83
|
+
accent: "hsl(var(--sidebar-accent))",
|
|
84
|
+
"accent-foreground": "hsl(var(--sidebar-accent-foreground))",
|
|
85
|
+
muted: "hsl(var(--sidebar-muted))"
|
|
86
|
+
},
|
|
87
|
+
content: "hsl(var(--content))"
|
|
88
|
+
},
|
|
89
|
+
borderRadius: {
|
|
90
|
+
button: "var(--button-radius)",
|
|
91
|
+
card: "var(--card-radius)",
|
|
92
|
+
input: "var(--input-radius)",
|
|
93
|
+
modal: "var(--modal-radius)"
|
|
94
|
+
},
|
|
95
|
+
fontFamily: {
|
|
96
|
+
sans: ["var(--font-family)"],
|
|
97
|
+
mono: ["var(--font-family-mono)"]
|
|
98
|
+
},
|
|
99
|
+
boxShadow: {
|
|
100
|
+
sm: "var(--shadow-sm)",
|
|
101
|
+
md: "var(--shadow-md)",
|
|
102
|
+
lg: "var(--shadow-lg)",
|
|
103
|
+
button: "var(--shadow-button)",
|
|
104
|
+
"button-primary": "var(--shadow-button-primary)",
|
|
105
|
+
"button-inset": "var(--shadow-button-inset)"
|
|
106
|
+
},
|
|
107
|
+
keyframes: {
|
|
108
|
+
"fade-in": {
|
|
109
|
+
from: { opacity: "0" },
|
|
110
|
+
to: { opacity: "1" }
|
|
111
|
+
},
|
|
112
|
+
"fade-out": {
|
|
113
|
+
from: { opacity: "1" },
|
|
114
|
+
to: { opacity: "0" }
|
|
115
|
+
},
|
|
116
|
+
"zoom-in": {
|
|
117
|
+
from: { transform: "scale(0.95)", opacity: "0" },
|
|
118
|
+
to: { transform: "scale(1)", opacity: "1" }
|
|
119
|
+
},
|
|
120
|
+
"zoom-out": {
|
|
121
|
+
from: { transform: "scale(1)", opacity: "1" },
|
|
122
|
+
to: { transform: "scale(0.95)", opacity: "0" }
|
|
123
|
+
},
|
|
124
|
+
"slide-in-from-top": {
|
|
125
|
+
from: { transform: "translateY(-4px)", opacity: "0" },
|
|
126
|
+
to: { transform: "translateY(0)", opacity: "1" }
|
|
127
|
+
},
|
|
128
|
+
"slide-in-from-bottom": {
|
|
129
|
+
from: { transform: "translateY(4px)", opacity: "0" },
|
|
130
|
+
to: { transform: "translateY(0)", opacity: "1" }
|
|
131
|
+
},
|
|
132
|
+
"slide-out-to-top": {
|
|
133
|
+
from: { transform: "translateY(0)", opacity: "1" },
|
|
134
|
+
to: { transform: "translateY(-4px)", opacity: "0" }
|
|
135
|
+
},
|
|
136
|
+
"page-in": {
|
|
137
|
+
from: { opacity: "0", transform: "translateY(6px)" },
|
|
138
|
+
to: { opacity: "1", transform: "translateY(0)" }
|
|
139
|
+
},
|
|
140
|
+
"slide-in-from-right": {
|
|
141
|
+
from: { transform: "translateX(100%)" },
|
|
142
|
+
to: { transform: "translateX(0)" }
|
|
143
|
+
},
|
|
144
|
+
"slide-out-to-right": {
|
|
145
|
+
from: { transform: "translateX(0)" },
|
|
146
|
+
to: { transform: "translateX(100%)" }
|
|
147
|
+
},
|
|
148
|
+
"fade-up": {
|
|
149
|
+
from: { opacity: "0", transform: "translateY(18px)" },
|
|
150
|
+
to: { opacity: "1", transform: "translateY(0)" }
|
|
151
|
+
},
|
|
152
|
+
kenburns: {
|
|
153
|
+
from: { transform: "scale(1)" },
|
|
154
|
+
to: { transform: "scale(1.07)" }
|
|
155
|
+
},
|
|
156
|
+
"badge-pop": {
|
|
157
|
+
"0%": { transform: "scale(0.6)" },
|
|
158
|
+
"60%": { transform: "scale(1.25)" },
|
|
159
|
+
"100%": { transform: "scale(1)" }
|
|
160
|
+
},
|
|
161
|
+
"draw-check": {
|
|
162
|
+
from: { "stroke-dashoffset": "48" },
|
|
163
|
+
to: { "stroke-dashoffset": "0" }
|
|
164
|
+
},
|
|
165
|
+
"pop-in": {
|
|
166
|
+
"0%": { transform: "scale(0)", opacity: "0" },
|
|
167
|
+
"70%": { transform: "scale(1.15)", opacity: "1" },
|
|
168
|
+
"100%": { transform: "scale(1)", opacity: "1" }
|
|
169
|
+
},
|
|
170
|
+
"confetti-fall": {
|
|
171
|
+
"0%": { transform: "translateY(-10px) rotate(0deg)", opacity: "1" },
|
|
172
|
+
"100%": { transform: "translateY(140px) rotate(540deg)", opacity: "0" }
|
|
173
|
+
},
|
|
174
|
+
"pulse-soft": {
|
|
175
|
+
"0%, 100%": { opacity: "1" },
|
|
176
|
+
"50%": { opacity: "0.55" }
|
|
177
|
+
}
|
|
178
|
+
},
|
|
179
|
+
animation: {
|
|
180
|
+
"fade-in": "fade-in 200ms ease-out",
|
|
181
|
+
"fade-out": "fade-out 150ms ease-in",
|
|
182
|
+
"zoom-in": "zoom-in 200ms ease-out",
|
|
183
|
+
"zoom-out": "zoom-out 150ms ease-in",
|
|
184
|
+
"slide-in-from-top": "slide-in-from-top 200ms ease-out",
|
|
185
|
+
"slide-in-from-bottom": "slide-in-from-bottom 200ms ease-out",
|
|
186
|
+
"slide-out-to-top": "slide-out-to-top 150ms ease-in",
|
|
187
|
+
"slide-in-from-right": "slide-in-from-right 250ms cubic-bezier(0.16, 1, 0.3, 1)",
|
|
188
|
+
"slide-out-to-right": "slide-out-to-right 200ms ease-in",
|
|
189
|
+
"page-in": "page-in 250ms ease-out",
|
|
190
|
+
"fade-up": "fade-up 600ms cubic-bezier(0.16, 1, 0.3, 1) both",
|
|
191
|
+
kenburns: "kenburns 9s ease-out both",
|
|
192
|
+
"badge-pop": "badge-pop 350ms cubic-bezier(0.34, 1.56, 0.64, 1)",
|
|
193
|
+
"draw-check": "draw-check 600ms ease-out 250ms both",
|
|
194
|
+
"pop-in": "pop-in 450ms cubic-bezier(0.34, 1.56, 0.64, 1) both",
|
|
195
|
+
"confetti-fall": "confetti-fall 1100ms ease-in both",
|
|
196
|
+
"pulse-soft": "pulse-soft 1.6s ease-in-out infinite"
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
};
|
|
4
201
|
|
|
5
202
|
// src/tailwind.ts
|
|
6
203
|
var SDK_PACKAGES = ["ui", "saas", "storefront", "portal"];
|
|
@@ -8,7 +205,7 @@ var GLOB = "/src/**/*.{ts,tsx}";
|
|
|
8
205
|
function fayzTailwind(opts = {}) {
|
|
9
206
|
const sdk = opts.sdkDir ?? "../../fayz-sdk";
|
|
10
207
|
return {
|
|
11
|
-
presets: [
|
|
208
|
+
presets: [fayzUiPreset],
|
|
12
209
|
darkMode: "class",
|
|
13
210
|
content: [
|
|
14
211
|
"./index.html",
|
package/dist/tailwind.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tailwind.ts"],"names":["fayzUiPreset"],"mappings":";;;;;AAWA,IAAM,YAAA,GAAe,CAAC,IAAA,EAAM,MAAA,EAAQ,cAAc,QAAQ,CAAA;AAC1D,IAAM,IAAA,GAAO,oBAAA;AAYN,SAAS,YAAA,CAAa,IAAA,GAA4B,EAAC,EAAW;AACnE,EAAA,MAAM,GAAA,GAAM,KAAK,MAAA,IAAU,gBAAA;AAC3B,EAAA,OAAO;AAAA,IACL,OAAA,EAAS,CAACA,8BAAsB,CAAA;AAAA,IAChC,QAAA,EAAU,OAAA;AAAA,IACV,OAAA,EAAS;AAAA,MACP,cAAA;AAAA,MACA,qBAAA;AAAA;AAAA,MAEA,GAAG,aAAa,GAAA,CAAI,CAAC,MAAM,CAAA,wBAAA,EAA2B,CAAC,CAAA,EAAG,IAAI,CAAA,CAAE,CAAA;AAAA,MAChE,oDAAA;AAAA;AAAA,MAEA,GAAG,YAAA,CAAa,GAAA,CAAI,CAAC,CAAA,KAAM,CAAA,EAAG,GAAG,CAAA,UAAA,EAAa,CAAC,CAAA,EAAG,IAAI,CAAA,CAAE,CAAA;AAAA,MACxD,GAAG,GAAG,CAAA,4BAAA,CAAA;AAAA,MACN,GAAI,IAAA,CAAK,OAAA,IAAW;AAAC,KACvB;AAAA,IACA,SAAS;AAAC,GACZ;AACF","file":"tailwind.cjs","sourcesContent":["import type { Config } from 'tailwindcss'\nimport { fayzUiPreset } from './theme/preset'\n\nexport interface FayzTailwindOptions {\n /** Extra app-specific content globs, appended after the SDK globs. */\n content?: string[]\n /** SDK source location relative to the app root (default ../../fayz-sdk). */\n sdkDir?: string\n}\n\n// SDK packages whose source ships Tailwind class names the app renders.\nconst SDK_PACKAGES = ['ui', 'saas', 'storefront', 'portal'] as const\nconst GLOB = '/src/**/*.{ts,tsx}'\n\n/**\n * Shared Tailwind config for Fayz dogfood apps. Applies the Fayz UI preset and\n * scans the SDK shell/UI/plugin source for class names — from node_modules (the\n * Fayz editor sandbox / published) and a sibling `../../fayz-sdk` checkout (local\n * dev). Whichever exists is scanned; missing globs are ignored. Apps no longer\n * hand-maintain content globs or the relative-vs-npm preset import.\n *\n * import { fayzTailwind } from '@fayz-ai/ui/tailwind'\n * export default fayzTailwind()\n */\nexport function fayzTailwind(opts: FayzTailwindOptions = {}): Config {\n const sdk = opts.sdkDir ?? '../../fayz-sdk'\n return {\n presets: [fayzUiPreset as Config],\n darkMode: 'class',\n content: [\n './index.html',\n './src/**/*.{ts,tsx}',\n // Published / sandbox: SDK installed in node_modules (packages ship src/).\n ...SDK_PACKAGES.map((p) => `./node_modules/@fayz-ai/${p}${GLOB}`),\n './node_modules/@fayz-ai/plugin-*/src/**/*.{ts,tsx}',\n // Local dev: SDK as a sibling checkout (matches nothing in production).\n ...SDK_PACKAGES.map((p) => `${sdk}/packages/${p}${GLOB}`),\n `${sdk}/plugins/*/src/**/*.{ts,tsx}`,\n ...(opts.content ?? []),\n ],\n plugins: [],\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/theme/preset.ts","../src/tailwind.ts"],"names":[],"mappings":"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","file":"tailwind.cjs","sourcesContent":["import type { Config } from 'tailwindcss'\n\n/**\n * Tailwind CSS preset for @fayz-ai/ui.\n * Include this in your tailwind.config.ts:\n *\n * import { fayzUiPreset } from '@fayz-ai/ui/theme'\n * export default { presets: [fayzUiPreset], ... }\n */\nconst fayzUiPreset: Partial<Config> = {\n darkMode: 'class',\n theme: {\n extend: {\n colors: {\n border: 'hsl(var(--border))',\n input: 'hsl(var(--input))',\n ring: 'hsl(var(--ring))',\n background: 'hsl(var(--background))',\n foreground: 'hsl(var(--foreground))',\n primary: {\n DEFAULT: 'hsl(var(--primary))',\n foreground: 'hsl(var(--primary-foreground))',\n },\n secondary: {\n DEFAULT: 'hsl(var(--secondary))',\n foreground: 'hsl(var(--secondary-foreground))',\n },\n destructive: {\n DEFAULT: 'hsl(var(--destructive))',\n foreground: 'hsl(var(--destructive-foreground))',\n },\n success: {\n DEFAULT: 'hsl(var(--success))',\n foreground: 'hsl(var(--success-foreground))',\n },\n warning: {\n DEFAULT: 'hsl(var(--warning))',\n foreground: 'hsl(var(--warning-foreground))',\n },\n info: {\n DEFAULT: 'hsl(var(--info))',\n foreground: 'hsl(var(--info-foreground))',\n },\n magic: {\n DEFAULT: 'hsl(var(--magic))',\n foreground: 'hsl(var(--magic-foreground))',\n },\n 'info-soft': {\n DEFAULT: 'hsl(var(--info-soft))',\n foreground: 'hsl(var(--info-soft-foreground))',\n },\n 'success-soft': {\n DEFAULT: 'hsl(var(--success-soft))',\n foreground: 'hsl(var(--success-soft-foreground))',\n },\n 'warning-soft': {\n DEFAULT: 'hsl(var(--warning-soft))',\n foreground: 'hsl(var(--warning-soft-foreground))',\n },\n 'destructive-soft': {\n DEFAULT: 'hsl(var(--destructive-soft))',\n foreground: 'hsl(var(--destructive-soft-foreground))',\n },\n 'magic-soft': {\n DEFAULT: 'hsl(var(--magic-soft))',\n foreground: 'hsl(var(--magic-soft-foreground))',\n },\n muted: {\n DEFAULT: 'hsl(var(--muted))',\n foreground: 'hsl(var(--muted-foreground))',\n },\n accent: {\n DEFAULT: 'hsl(var(--accent))',\n foreground: 'hsl(var(--accent-foreground))',\n },\n card: {\n DEFAULT: 'hsl(var(--card))',\n foreground: 'hsl(var(--card-foreground))',\n },\n popover: {\n DEFAULT: 'hsl(var(--popover))',\n foreground: 'hsl(var(--popover-foreground))',\n },\n // Layout surface tokens\n sidebar: {\n DEFAULT: 'hsl(var(--sidebar))',\n foreground: 'hsl(var(--sidebar-foreground))',\n border: 'hsl(var(--sidebar-border))',\n accent: 'hsl(var(--sidebar-accent))',\n 'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',\n muted: 'hsl(var(--sidebar-muted))',\n },\n content: 'hsl(var(--content))',\n },\n borderRadius: {\n button: 'var(--button-radius)',\n card: 'var(--card-radius)',\n input: 'var(--input-radius)',\n modal: 'var(--modal-radius)',\n },\n fontFamily: {\n sans: ['var(--font-family)'],\n mono: ['var(--font-family-mono)'],\n },\n boxShadow: {\n sm: 'var(--shadow-sm)',\n md: 'var(--shadow-md)',\n lg: 'var(--shadow-lg)',\n button: 'var(--shadow-button)',\n 'button-primary': 'var(--shadow-button-primary)',\n 'button-inset': 'var(--shadow-button-inset)',\n },\n keyframes: {\n 'fade-in': {\n from: { opacity: '0' },\n to: { opacity: '1' },\n },\n 'fade-out': {\n from: { opacity: '1' },\n to: { opacity: '0' },\n },\n 'zoom-in': {\n from: { transform: 'scale(0.95)', opacity: '0' },\n to: { transform: 'scale(1)', opacity: '1' },\n },\n 'zoom-out': {\n from: { transform: 'scale(1)', opacity: '1' },\n to: { transform: 'scale(0.95)', opacity: '0' },\n },\n 'slide-in-from-top': {\n from: { transform: 'translateY(-4px)', opacity: '0' },\n to: { transform: 'translateY(0)', opacity: '1' },\n },\n 'slide-in-from-bottom': {\n from: { transform: 'translateY(4px)', opacity: '0' },\n to: { transform: 'translateY(0)', opacity: '1' },\n },\n 'slide-out-to-top': {\n from: { transform: 'translateY(0)', opacity: '1' },\n to: { transform: 'translateY(-4px)', opacity: '0' },\n },\n 'page-in': {\n from: { opacity: '0', transform: 'translateY(6px)' },\n to: { opacity: '1', transform: 'translateY(0)' },\n },\n 'slide-in-from-right': {\n from: { transform: 'translateX(100%)' },\n to: { transform: 'translateX(0)' },\n },\n 'slide-out-to-right': {\n from: { transform: 'translateX(0)' },\n to: { transform: 'translateX(100%)' },\n },\n 'fade-up': {\n from: { opacity: '0', transform: 'translateY(18px)' },\n to: { opacity: '1', transform: 'translateY(0)' },\n },\n kenburns: {\n from: { transform: 'scale(1)' },\n to: { transform: 'scale(1.07)' },\n },\n 'badge-pop': {\n '0%': { transform: 'scale(0.6)' },\n '60%': { transform: 'scale(1.25)' },\n '100%': { transform: 'scale(1)' },\n },\n 'draw-check': {\n from: { 'stroke-dashoffset': '48' },\n to: { 'stroke-dashoffset': '0' },\n },\n 'pop-in': {\n '0%': { transform: 'scale(0)', opacity: '0' },\n '70%': { transform: 'scale(1.15)', opacity: '1' },\n '100%': { transform: 'scale(1)', opacity: '1' },\n },\n 'confetti-fall': {\n '0%': { transform: 'translateY(-10px) rotate(0deg)', opacity: '1' },\n '100%': { transform: 'translateY(140px) rotate(540deg)', opacity: '0' },\n },\n 'pulse-soft': {\n '0%, 100%': { opacity: '1' },\n '50%': { opacity: '0.55' },\n },\n },\n animation: {\n 'fade-in': 'fade-in 200ms ease-out',\n 'fade-out': 'fade-out 150ms ease-in',\n 'zoom-in': 'zoom-in 200ms ease-out',\n 'zoom-out': 'zoom-out 150ms ease-in',\n 'slide-in-from-top': 'slide-in-from-top 200ms ease-out',\n 'slide-in-from-bottom': 'slide-in-from-bottom 200ms ease-out',\n 'slide-out-to-top': 'slide-out-to-top 150ms ease-in',\n 'slide-in-from-right': 'slide-in-from-right 250ms cubic-bezier(0.16, 1, 0.3, 1)',\n 'slide-out-to-right': 'slide-out-to-right 200ms ease-in',\n 'page-in': 'page-in 250ms ease-out',\n 'fade-up': 'fade-up 600ms cubic-bezier(0.16, 1, 0.3, 1) both',\n kenburns: 'kenburns 9s ease-out both',\n 'badge-pop': 'badge-pop 350ms cubic-bezier(0.34, 1.56, 0.64, 1)',\n 'draw-check': 'draw-check 600ms ease-out 250ms both',\n 'pop-in': 'pop-in 450ms cubic-bezier(0.34, 1.56, 0.64, 1) both',\n 'confetti-fall': 'confetti-fall 1100ms ease-in both',\n 'pulse-soft': 'pulse-soft 1.6s ease-in-out infinite',\n },\n },\n },\n}\n\nexport default fayzUiPreset\nexport { fayzUiPreset }\n","import type { Config } from 'tailwindcss'\nimport { fayzUiPreset } from './theme/preset'\n\nexport interface FayzTailwindOptions {\n /** Extra app-specific content globs, appended after the SDK globs. */\n content?: string[]\n /** SDK source location relative to the app root (default ../../fayz-sdk). */\n sdkDir?: string\n}\n\n// SDK packages whose source ships Tailwind class names the app renders.\nconst SDK_PACKAGES = ['ui', 'saas', 'storefront', 'portal'] as const\nconst GLOB = '/src/**/*.{ts,tsx}'\n\n/**\n * Shared Tailwind config for Fayz dogfood apps. Applies the Fayz UI preset and\n * scans the SDK shell/UI/plugin source for class names — from node_modules (the\n * Fayz editor sandbox / published) and a sibling `../../fayz-sdk` checkout (local\n * dev). Whichever exists is scanned; missing globs are ignored. Apps no longer\n * hand-maintain content globs or the relative-vs-npm preset import.\n *\n * import { fayzTailwind } from '@fayz-ai/ui/tailwind'\n * export default fayzTailwind()\n */\nexport function fayzTailwind(opts: FayzTailwindOptions = {}): Config {\n const sdk = opts.sdkDir ?? '../../fayz-sdk'\n return {\n presets: [fayzUiPreset as Config],\n darkMode: 'class',\n content: [\n './index.html',\n './src/**/*.{ts,tsx}',\n // Published / sandbox: SDK installed in node_modules (packages ship src/).\n ...SDK_PACKAGES.map((p) => `./node_modules/@fayz-ai/${p}${GLOB}`),\n './node_modules/@fayz-ai/plugin-*/src/**/*.{ts,tsx}',\n // Local dev: SDK as a sibling checkout (matches nothing in production).\n ...SDK_PACKAGES.map((p) => `${sdk}/packages/${p}${GLOB}`),\n `${sdk}/plugins/*/src/**/*.{ts,tsx}`,\n ...(opts.content ?? []),\n ],\n plugins: [],\n }\n}\n"]}
|
package/dist/tailwind.js
CHANGED
|
@@ -1,4 +1,201 @@
|
|
|
1
|
-
|
|
1
|
+
// src/theme/preset.ts
|
|
2
|
+
var fayzUiPreset = {
|
|
3
|
+
darkMode: "class",
|
|
4
|
+
theme: {
|
|
5
|
+
extend: {
|
|
6
|
+
colors: {
|
|
7
|
+
border: "hsl(var(--border))",
|
|
8
|
+
input: "hsl(var(--input))",
|
|
9
|
+
ring: "hsl(var(--ring))",
|
|
10
|
+
background: "hsl(var(--background))",
|
|
11
|
+
foreground: "hsl(var(--foreground))",
|
|
12
|
+
primary: {
|
|
13
|
+
DEFAULT: "hsl(var(--primary))",
|
|
14
|
+
foreground: "hsl(var(--primary-foreground))"
|
|
15
|
+
},
|
|
16
|
+
secondary: {
|
|
17
|
+
DEFAULT: "hsl(var(--secondary))",
|
|
18
|
+
foreground: "hsl(var(--secondary-foreground))"
|
|
19
|
+
},
|
|
20
|
+
destructive: {
|
|
21
|
+
DEFAULT: "hsl(var(--destructive))",
|
|
22
|
+
foreground: "hsl(var(--destructive-foreground))"
|
|
23
|
+
},
|
|
24
|
+
success: {
|
|
25
|
+
DEFAULT: "hsl(var(--success))",
|
|
26
|
+
foreground: "hsl(var(--success-foreground))"
|
|
27
|
+
},
|
|
28
|
+
warning: {
|
|
29
|
+
DEFAULT: "hsl(var(--warning))",
|
|
30
|
+
foreground: "hsl(var(--warning-foreground))"
|
|
31
|
+
},
|
|
32
|
+
info: {
|
|
33
|
+
DEFAULT: "hsl(var(--info))",
|
|
34
|
+
foreground: "hsl(var(--info-foreground))"
|
|
35
|
+
},
|
|
36
|
+
magic: {
|
|
37
|
+
DEFAULT: "hsl(var(--magic))",
|
|
38
|
+
foreground: "hsl(var(--magic-foreground))"
|
|
39
|
+
},
|
|
40
|
+
"info-soft": {
|
|
41
|
+
DEFAULT: "hsl(var(--info-soft))",
|
|
42
|
+
foreground: "hsl(var(--info-soft-foreground))"
|
|
43
|
+
},
|
|
44
|
+
"success-soft": {
|
|
45
|
+
DEFAULT: "hsl(var(--success-soft))",
|
|
46
|
+
foreground: "hsl(var(--success-soft-foreground))"
|
|
47
|
+
},
|
|
48
|
+
"warning-soft": {
|
|
49
|
+
DEFAULT: "hsl(var(--warning-soft))",
|
|
50
|
+
foreground: "hsl(var(--warning-soft-foreground))"
|
|
51
|
+
},
|
|
52
|
+
"destructive-soft": {
|
|
53
|
+
DEFAULT: "hsl(var(--destructive-soft))",
|
|
54
|
+
foreground: "hsl(var(--destructive-soft-foreground))"
|
|
55
|
+
},
|
|
56
|
+
"magic-soft": {
|
|
57
|
+
DEFAULT: "hsl(var(--magic-soft))",
|
|
58
|
+
foreground: "hsl(var(--magic-soft-foreground))"
|
|
59
|
+
},
|
|
60
|
+
muted: {
|
|
61
|
+
DEFAULT: "hsl(var(--muted))",
|
|
62
|
+
foreground: "hsl(var(--muted-foreground))"
|
|
63
|
+
},
|
|
64
|
+
accent: {
|
|
65
|
+
DEFAULT: "hsl(var(--accent))",
|
|
66
|
+
foreground: "hsl(var(--accent-foreground))"
|
|
67
|
+
},
|
|
68
|
+
card: {
|
|
69
|
+
DEFAULT: "hsl(var(--card))",
|
|
70
|
+
foreground: "hsl(var(--card-foreground))"
|
|
71
|
+
},
|
|
72
|
+
popover: {
|
|
73
|
+
DEFAULT: "hsl(var(--popover))",
|
|
74
|
+
foreground: "hsl(var(--popover-foreground))"
|
|
75
|
+
},
|
|
76
|
+
// Layout surface tokens
|
|
77
|
+
sidebar: {
|
|
78
|
+
DEFAULT: "hsl(var(--sidebar))",
|
|
79
|
+
foreground: "hsl(var(--sidebar-foreground))",
|
|
80
|
+
border: "hsl(var(--sidebar-border))",
|
|
81
|
+
accent: "hsl(var(--sidebar-accent))",
|
|
82
|
+
"accent-foreground": "hsl(var(--sidebar-accent-foreground))",
|
|
83
|
+
muted: "hsl(var(--sidebar-muted))"
|
|
84
|
+
},
|
|
85
|
+
content: "hsl(var(--content))"
|
|
86
|
+
},
|
|
87
|
+
borderRadius: {
|
|
88
|
+
button: "var(--button-radius)",
|
|
89
|
+
card: "var(--card-radius)",
|
|
90
|
+
input: "var(--input-radius)",
|
|
91
|
+
modal: "var(--modal-radius)"
|
|
92
|
+
},
|
|
93
|
+
fontFamily: {
|
|
94
|
+
sans: ["var(--font-family)"],
|
|
95
|
+
mono: ["var(--font-family-mono)"]
|
|
96
|
+
},
|
|
97
|
+
boxShadow: {
|
|
98
|
+
sm: "var(--shadow-sm)",
|
|
99
|
+
md: "var(--shadow-md)",
|
|
100
|
+
lg: "var(--shadow-lg)",
|
|
101
|
+
button: "var(--shadow-button)",
|
|
102
|
+
"button-primary": "var(--shadow-button-primary)",
|
|
103
|
+
"button-inset": "var(--shadow-button-inset)"
|
|
104
|
+
},
|
|
105
|
+
keyframes: {
|
|
106
|
+
"fade-in": {
|
|
107
|
+
from: { opacity: "0" },
|
|
108
|
+
to: { opacity: "1" }
|
|
109
|
+
},
|
|
110
|
+
"fade-out": {
|
|
111
|
+
from: { opacity: "1" },
|
|
112
|
+
to: { opacity: "0" }
|
|
113
|
+
},
|
|
114
|
+
"zoom-in": {
|
|
115
|
+
from: { transform: "scale(0.95)", opacity: "0" },
|
|
116
|
+
to: { transform: "scale(1)", opacity: "1" }
|
|
117
|
+
},
|
|
118
|
+
"zoom-out": {
|
|
119
|
+
from: { transform: "scale(1)", opacity: "1" },
|
|
120
|
+
to: { transform: "scale(0.95)", opacity: "0" }
|
|
121
|
+
},
|
|
122
|
+
"slide-in-from-top": {
|
|
123
|
+
from: { transform: "translateY(-4px)", opacity: "0" },
|
|
124
|
+
to: { transform: "translateY(0)", opacity: "1" }
|
|
125
|
+
},
|
|
126
|
+
"slide-in-from-bottom": {
|
|
127
|
+
from: { transform: "translateY(4px)", opacity: "0" },
|
|
128
|
+
to: { transform: "translateY(0)", opacity: "1" }
|
|
129
|
+
},
|
|
130
|
+
"slide-out-to-top": {
|
|
131
|
+
from: { transform: "translateY(0)", opacity: "1" },
|
|
132
|
+
to: { transform: "translateY(-4px)", opacity: "0" }
|
|
133
|
+
},
|
|
134
|
+
"page-in": {
|
|
135
|
+
from: { opacity: "0", transform: "translateY(6px)" },
|
|
136
|
+
to: { opacity: "1", transform: "translateY(0)" }
|
|
137
|
+
},
|
|
138
|
+
"slide-in-from-right": {
|
|
139
|
+
from: { transform: "translateX(100%)" },
|
|
140
|
+
to: { transform: "translateX(0)" }
|
|
141
|
+
},
|
|
142
|
+
"slide-out-to-right": {
|
|
143
|
+
from: { transform: "translateX(0)" },
|
|
144
|
+
to: { transform: "translateX(100%)" }
|
|
145
|
+
},
|
|
146
|
+
"fade-up": {
|
|
147
|
+
from: { opacity: "0", transform: "translateY(18px)" },
|
|
148
|
+
to: { opacity: "1", transform: "translateY(0)" }
|
|
149
|
+
},
|
|
150
|
+
kenburns: {
|
|
151
|
+
from: { transform: "scale(1)" },
|
|
152
|
+
to: { transform: "scale(1.07)" }
|
|
153
|
+
},
|
|
154
|
+
"badge-pop": {
|
|
155
|
+
"0%": { transform: "scale(0.6)" },
|
|
156
|
+
"60%": { transform: "scale(1.25)" },
|
|
157
|
+
"100%": { transform: "scale(1)" }
|
|
158
|
+
},
|
|
159
|
+
"draw-check": {
|
|
160
|
+
from: { "stroke-dashoffset": "48" },
|
|
161
|
+
to: { "stroke-dashoffset": "0" }
|
|
162
|
+
},
|
|
163
|
+
"pop-in": {
|
|
164
|
+
"0%": { transform: "scale(0)", opacity: "0" },
|
|
165
|
+
"70%": { transform: "scale(1.15)", opacity: "1" },
|
|
166
|
+
"100%": { transform: "scale(1)", opacity: "1" }
|
|
167
|
+
},
|
|
168
|
+
"confetti-fall": {
|
|
169
|
+
"0%": { transform: "translateY(-10px) rotate(0deg)", opacity: "1" },
|
|
170
|
+
"100%": { transform: "translateY(140px) rotate(540deg)", opacity: "0" }
|
|
171
|
+
},
|
|
172
|
+
"pulse-soft": {
|
|
173
|
+
"0%, 100%": { opacity: "1" },
|
|
174
|
+
"50%": { opacity: "0.55" }
|
|
175
|
+
}
|
|
176
|
+
},
|
|
177
|
+
animation: {
|
|
178
|
+
"fade-in": "fade-in 200ms ease-out",
|
|
179
|
+
"fade-out": "fade-out 150ms ease-in",
|
|
180
|
+
"zoom-in": "zoom-in 200ms ease-out",
|
|
181
|
+
"zoom-out": "zoom-out 150ms ease-in",
|
|
182
|
+
"slide-in-from-top": "slide-in-from-top 200ms ease-out",
|
|
183
|
+
"slide-in-from-bottom": "slide-in-from-bottom 200ms ease-out",
|
|
184
|
+
"slide-out-to-top": "slide-out-to-top 150ms ease-in",
|
|
185
|
+
"slide-in-from-right": "slide-in-from-right 250ms cubic-bezier(0.16, 1, 0.3, 1)",
|
|
186
|
+
"slide-out-to-right": "slide-out-to-right 200ms ease-in",
|
|
187
|
+
"page-in": "page-in 250ms ease-out",
|
|
188
|
+
"fade-up": "fade-up 600ms cubic-bezier(0.16, 1, 0.3, 1) both",
|
|
189
|
+
kenburns: "kenburns 9s ease-out both",
|
|
190
|
+
"badge-pop": "badge-pop 350ms cubic-bezier(0.34, 1.56, 0.64, 1)",
|
|
191
|
+
"draw-check": "draw-check 600ms ease-out 250ms both",
|
|
192
|
+
"pop-in": "pop-in 450ms cubic-bezier(0.34, 1.56, 0.64, 1) both",
|
|
193
|
+
"confetti-fall": "confetti-fall 1100ms ease-in both",
|
|
194
|
+
"pulse-soft": "pulse-soft 1.6s ease-in-out infinite"
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
};
|
|
2
199
|
|
|
3
200
|
// src/tailwind.ts
|
|
4
201
|
var SDK_PACKAGES = ["ui", "saas", "storefront", "portal"];
|
package/dist/tailwind.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tailwind.ts"],"names":[],"mappings":";;;AAWA,IAAM,YAAA,GAAe,CAAC,IAAA,EAAM,MAAA,EAAQ,cAAc,QAAQ,CAAA;AAC1D,IAAM,IAAA,GAAO,oBAAA;AAYN,SAAS,YAAA,CAAa,IAAA,GAA4B,EAAC,EAAW;AACnE,EAAA,MAAM,GAAA,GAAM,KAAK,MAAA,IAAU,gBAAA;AAC3B,EAAA,OAAO;AAAA,IACL,OAAA,EAAS,CAAC,YAAsB,CAAA;AAAA,IAChC,QAAA,EAAU,OAAA;AAAA,IACV,OAAA,EAAS;AAAA,MACP,cAAA;AAAA,MACA,qBAAA;AAAA;AAAA,MAEA,GAAG,aAAa,GAAA,CAAI,CAAC,MAAM,CAAA,wBAAA,EAA2B,CAAC,CAAA,EAAG,IAAI,CAAA,CAAE,CAAA;AAAA,MAChE,oDAAA;AAAA;AAAA,MAEA,GAAG,YAAA,CAAa,GAAA,CAAI,CAAC,CAAA,KAAM,CAAA,EAAG,GAAG,CAAA,UAAA,EAAa,CAAC,CAAA,EAAG,IAAI,CAAA,CAAE,CAAA;AAAA,MACxD,GAAG,GAAG,CAAA,4BAAA,CAAA;AAAA,MACN,GAAI,IAAA,CAAK,OAAA,IAAW;AAAC,KACvB;AAAA,IACA,SAAS;AAAC,GACZ;AACF","file":"tailwind.js","sourcesContent":["import type { Config } from 'tailwindcss'\nimport { fayzUiPreset } from './theme/preset'\n\nexport interface FayzTailwindOptions {\n /** Extra app-specific content globs, appended after the SDK globs. */\n content?: string[]\n /** SDK source location relative to the app root (default ../../fayz-sdk). */\n sdkDir?: string\n}\n\n// SDK packages whose source ships Tailwind class names the app renders.\nconst SDK_PACKAGES = ['ui', 'saas', 'storefront', 'portal'] as const\nconst GLOB = '/src/**/*.{ts,tsx}'\n\n/**\n * Shared Tailwind config for Fayz dogfood apps. Applies the Fayz UI preset and\n * scans the SDK shell/UI/plugin source for class names — from node_modules (the\n * Fayz editor sandbox / published) and a sibling `../../fayz-sdk` checkout (local\n * dev). Whichever exists is scanned; missing globs are ignored. Apps no longer\n * hand-maintain content globs or the relative-vs-npm preset import.\n *\n * import { fayzTailwind } from '@fayz-ai/ui/tailwind'\n * export default fayzTailwind()\n */\nexport function fayzTailwind(opts: FayzTailwindOptions = {}): Config {\n const sdk = opts.sdkDir ?? '../../fayz-sdk'\n return {\n presets: [fayzUiPreset as Config],\n darkMode: 'class',\n content: [\n './index.html',\n './src/**/*.{ts,tsx}',\n // Published / sandbox: SDK installed in node_modules (packages ship src/).\n ...SDK_PACKAGES.map((p) => `./node_modules/@fayz-ai/${p}${GLOB}`),\n './node_modules/@fayz-ai/plugin-*/src/**/*.{ts,tsx}',\n // Local dev: SDK as a sibling checkout (matches nothing in production).\n ...SDK_PACKAGES.map((p) => `${sdk}/packages/${p}${GLOB}`),\n `${sdk}/plugins/*/src/**/*.{ts,tsx}`,\n ...(opts.content ?? []),\n ],\n plugins: [],\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/theme/preset.ts","../src/tailwind.ts"],"names":[],"mappings":"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","file":"tailwind.js","sourcesContent":["import type { Config } from 'tailwindcss'\n\n/**\n * Tailwind CSS preset for @fayz-ai/ui.\n * Include this in your tailwind.config.ts:\n *\n * import { fayzUiPreset } from '@fayz-ai/ui/theme'\n * export default { presets: [fayzUiPreset], ... }\n */\nconst fayzUiPreset: Partial<Config> = {\n darkMode: 'class',\n theme: {\n extend: {\n colors: {\n border: 'hsl(var(--border))',\n input: 'hsl(var(--input))',\n ring: 'hsl(var(--ring))',\n background: 'hsl(var(--background))',\n foreground: 'hsl(var(--foreground))',\n primary: {\n DEFAULT: 'hsl(var(--primary))',\n foreground: 'hsl(var(--primary-foreground))',\n },\n secondary: {\n DEFAULT: 'hsl(var(--secondary))',\n foreground: 'hsl(var(--secondary-foreground))',\n },\n destructive: {\n DEFAULT: 'hsl(var(--destructive))',\n foreground: 'hsl(var(--destructive-foreground))',\n },\n success: {\n DEFAULT: 'hsl(var(--success))',\n foreground: 'hsl(var(--success-foreground))',\n },\n warning: {\n DEFAULT: 'hsl(var(--warning))',\n foreground: 'hsl(var(--warning-foreground))',\n },\n info: {\n DEFAULT: 'hsl(var(--info))',\n foreground: 'hsl(var(--info-foreground))',\n },\n magic: {\n DEFAULT: 'hsl(var(--magic))',\n foreground: 'hsl(var(--magic-foreground))',\n },\n 'info-soft': {\n DEFAULT: 'hsl(var(--info-soft))',\n foreground: 'hsl(var(--info-soft-foreground))',\n },\n 'success-soft': {\n DEFAULT: 'hsl(var(--success-soft))',\n foreground: 'hsl(var(--success-soft-foreground))',\n },\n 'warning-soft': {\n DEFAULT: 'hsl(var(--warning-soft))',\n foreground: 'hsl(var(--warning-soft-foreground))',\n },\n 'destructive-soft': {\n DEFAULT: 'hsl(var(--destructive-soft))',\n foreground: 'hsl(var(--destructive-soft-foreground))',\n },\n 'magic-soft': {\n DEFAULT: 'hsl(var(--magic-soft))',\n foreground: 'hsl(var(--magic-soft-foreground))',\n },\n muted: {\n DEFAULT: 'hsl(var(--muted))',\n foreground: 'hsl(var(--muted-foreground))',\n },\n accent: {\n DEFAULT: 'hsl(var(--accent))',\n foreground: 'hsl(var(--accent-foreground))',\n },\n card: {\n DEFAULT: 'hsl(var(--card))',\n foreground: 'hsl(var(--card-foreground))',\n },\n popover: {\n DEFAULT: 'hsl(var(--popover))',\n foreground: 'hsl(var(--popover-foreground))',\n },\n // Layout surface tokens\n sidebar: {\n DEFAULT: 'hsl(var(--sidebar))',\n foreground: 'hsl(var(--sidebar-foreground))',\n border: 'hsl(var(--sidebar-border))',\n accent: 'hsl(var(--sidebar-accent))',\n 'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',\n muted: 'hsl(var(--sidebar-muted))',\n },\n content: 'hsl(var(--content))',\n },\n borderRadius: {\n button: 'var(--button-radius)',\n card: 'var(--card-radius)',\n input: 'var(--input-radius)',\n modal: 'var(--modal-radius)',\n },\n fontFamily: {\n sans: ['var(--font-family)'],\n mono: ['var(--font-family-mono)'],\n },\n boxShadow: {\n sm: 'var(--shadow-sm)',\n md: 'var(--shadow-md)',\n lg: 'var(--shadow-lg)',\n button: 'var(--shadow-button)',\n 'button-primary': 'var(--shadow-button-primary)',\n 'button-inset': 'var(--shadow-button-inset)',\n },\n keyframes: {\n 'fade-in': {\n from: { opacity: '0' },\n to: { opacity: '1' },\n },\n 'fade-out': {\n from: { opacity: '1' },\n to: { opacity: '0' },\n },\n 'zoom-in': {\n from: { transform: 'scale(0.95)', opacity: '0' },\n to: { transform: 'scale(1)', opacity: '1' },\n },\n 'zoom-out': {\n from: { transform: 'scale(1)', opacity: '1' },\n to: { transform: 'scale(0.95)', opacity: '0' },\n },\n 'slide-in-from-top': {\n from: { transform: 'translateY(-4px)', opacity: '0' },\n to: { transform: 'translateY(0)', opacity: '1' },\n },\n 'slide-in-from-bottom': {\n from: { transform: 'translateY(4px)', opacity: '0' },\n to: { transform: 'translateY(0)', opacity: '1' },\n },\n 'slide-out-to-top': {\n from: { transform: 'translateY(0)', opacity: '1' },\n to: { transform: 'translateY(-4px)', opacity: '0' },\n },\n 'page-in': {\n from: { opacity: '0', transform: 'translateY(6px)' },\n to: { opacity: '1', transform: 'translateY(0)' },\n },\n 'slide-in-from-right': {\n from: { transform: 'translateX(100%)' },\n to: { transform: 'translateX(0)' },\n },\n 'slide-out-to-right': {\n from: { transform: 'translateX(0)' },\n to: { transform: 'translateX(100%)' },\n },\n 'fade-up': {\n from: { opacity: '0', transform: 'translateY(18px)' },\n to: { opacity: '1', transform: 'translateY(0)' },\n },\n kenburns: {\n from: { transform: 'scale(1)' },\n to: { transform: 'scale(1.07)' },\n },\n 'badge-pop': {\n '0%': { transform: 'scale(0.6)' },\n '60%': { transform: 'scale(1.25)' },\n '100%': { transform: 'scale(1)' },\n },\n 'draw-check': {\n from: { 'stroke-dashoffset': '48' },\n to: { 'stroke-dashoffset': '0' },\n },\n 'pop-in': {\n '0%': { transform: 'scale(0)', opacity: '0' },\n '70%': { transform: 'scale(1.15)', opacity: '1' },\n '100%': { transform: 'scale(1)', opacity: '1' },\n },\n 'confetti-fall': {\n '0%': { transform: 'translateY(-10px) rotate(0deg)', opacity: '1' },\n '100%': { transform: 'translateY(140px) rotate(540deg)', opacity: '0' },\n },\n 'pulse-soft': {\n '0%, 100%': { opacity: '1' },\n '50%': { opacity: '0.55' },\n },\n },\n animation: {\n 'fade-in': 'fade-in 200ms ease-out',\n 'fade-out': 'fade-out 150ms ease-in',\n 'zoom-in': 'zoom-in 200ms ease-out',\n 'zoom-out': 'zoom-out 150ms ease-in',\n 'slide-in-from-top': 'slide-in-from-top 200ms ease-out',\n 'slide-in-from-bottom': 'slide-in-from-bottom 200ms ease-out',\n 'slide-out-to-top': 'slide-out-to-top 150ms ease-in',\n 'slide-in-from-right': 'slide-in-from-right 250ms cubic-bezier(0.16, 1, 0.3, 1)',\n 'slide-out-to-right': 'slide-out-to-right 200ms ease-in',\n 'page-in': 'page-in 250ms ease-out',\n 'fade-up': 'fade-up 600ms cubic-bezier(0.16, 1, 0.3, 1) both',\n kenburns: 'kenburns 9s ease-out both',\n 'badge-pop': 'badge-pop 350ms cubic-bezier(0.34, 1.56, 0.64, 1)',\n 'draw-check': 'draw-check 600ms ease-out 250ms both',\n 'pop-in': 'pop-in 450ms cubic-bezier(0.34, 1.56, 0.64, 1) both',\n 'confetti-fall': 'confetti-fall 1100ms ease-in both',\n 'pulse-soft': 'pulse-soft 1.6s ease-in-out infinite',\n },\n },\n },\n}\n\nexport default fayzUiPreset\nexport { fayzUiPreset }\n","import type { Config } from 'tailwindcss'\nimport { fayzUiPreset } from './theme/preset'\n\nexport interface FayzTailwindOptions {\n /** Extra app-specific content globs, appended after the SDK globs. */\n content?: string[]\n /** SDK source location relative to the app root (default ../../fayz-sdk). */\n sdkDir?: string\n}\n\n// SDK packages whose source ships Tailwind class names the app renders.\nconst SDK_PACKAGES = ['ui', 'saas', 'storefront', 'portal'] as const\nconst GLOB = '/src/**/*.{ts,tsx}'\n\n/**\n * Shared Tailwind config for Fayz dogfood apps. Applies the Fayz UI preset and\n * scans the SDK shell/UI/plugin source for class names — from node_modules (the\n * Fayz editor sandbox / published) and a sibling `../../fayz-sdk` checkout (local\n * dev). Whichever exists is scanned; missing globs are ignored. Apps no longer\n * hand-maintain content globs or the relative-vs-npm preset import.\n *\n * import { fayzTailwind } from '@fayz-ai/ui/tailwind'\n * export default fayzTailwind()\n */\nexport function fayzTailwind(opts: FayzTailwindOptions = {}): Config {\n const sdk = opts.sdkDir ?? '../../fayz-sdk'\n return {\n presets: [fayzUiPreset as Config],\n darkMode: 'class',\n content: [\n './index.html',\n './src/**/*.{ts,tsx}',\n // Published / sandbox: SDK installed in node_modules (packages ship src/).\n ...SDK_PACKAGES.map((p) => `./node_modules/@fayz-ai/${p}${GLOB}`),\n './node_modules/@fayz-ai/plugin-*/src/**/*.{ts,tsx}',\n // Local dev: SDK as a sibling checkout (matches nothing in production).\n ...SDK_PACKAGES.map((p) => `${sdk}/packages/${p}${GLOB}`),\n `${sdk}/plugins/*/src/**/*.{ts,tsx}`,\n ...(opts.content ?? []),\n ],\n plugins: [],\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAiB,KAAK,kBAAkB,EAAE,KAAK,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAMvH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,gDAAgD;IAChD,SAAS,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAA;IACrC,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;CAC1C;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,kBAAkB,GAgBjE,KAAK,CAAC,YAAY,CACtC;AAMD,wBAAgB,QAAQ;;;;;;;EAevB;AAMD,wBAAgB,WAAW,CAAC,SAAS,EAAE,kBAAkB,GAAG,WAAW,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAiB,KAAK,kBAAkB,EAAE,KAAK,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAMvH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,gDAAgD;IAChD,SAAS,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAA;IACrC,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;CAC1C;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,kBAAkB,GAgBjE,KAAK,CAAC,YAAY,CACtC;AAMD,wBAAgB,QAAQ;;;;;;;EAevB;AAMD,wBAAgB,WAAW,CAAC,SAAS,EAAE,kBAAkB,GAAG,WAAW,CA2BtE;AAGD,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAA;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA"}
|
package/dist/theme/index.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
export { ThemeProvider, createFayzTheme, createTheme, darkTheme, fayzThemePresets, lightTheme, useTheme } from '../chunk-
|
|
2
|
-
export { fayzUiPreset } from '../chunk-IWBXYV4U.js';
|
|
1
|
+
export { ThemeProvider, createFayzTheme, createTheme, darkTheme, fayzThemePresets, fayzUiPreset, lightTheme, useTheme } from '../chunk-VDAYIQX4.js';
|
|
3
2
|
//# sourceMappingURL=index.js.map
|
|
4
3
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -3,42 +3,45 @@
|
|
|
3
3
|
"fayz": {
|
|
4
4
|
"status": "beta"
|
|
5
5
|
},
|
|
6
|
-
"version": "0.8.
|
|
6
|
+
"version": "0.8.5",
|
|
7
7
|
"description": "Fayz SDK UI — Radix + Tailwind component library with CRUD engine and layout shells",
|
|
8
8
|
"type": "module",
|
|
9
|
-
"
|
|
9
|
+
"sideEffects": [
|
|
10
|
+
"**/*.css"
|
|
11
|
+
],
|
|
12
|
+
"main": "./dist/index.js",
|
|
10
13
|
"module": "./dist/index.js",
|
|
11
14
|
"types": "./dist/index.d.ts",
|
|
12
15
|
"exports": {
|
|
13
16
|
".": {
|
|
14
17
|
"source": "./src/index.ts",
|
|
15
18
|
"types": "./dist/index.d.ts",
|
|
16
|
-
"import": "./dist/index.js"
|
|
17
|
-
"require": "./dist/index.cjs"
|
|
19
|
+
"import": "./dist/index.js"
|
|
18
20
|
},
|
|
19
21
|
"./primitives": {
|
|
20
22
|
"source": "./src/primitives/index.ts",
|
|
21
23
|
"types": "./dist/primitives/index.d.ts",
|
|
22
|
-
"import": "./dist/primitives/index.js"
|
|
23
|
-
"require": "./dist/primitives/index.cjs"
|
|
24
|
+
"import": "./dist/primitives/index.js"
|
|
24
25
|
},
|
|
25
26
|
"./layout": {
|
|
26
27
|
"source": "./src/layout/index.ts",
|
|
27
28
|
"types": "./dist/layout/index.d.ts",
|
|
28
|
-
"import": "./dist/layout/index.js"
|
|
29
|
-
"require": "./dist/layout/index.cjs"
|
|
29
|
+
"import": "./dist/layout/index.js"
|
|
30
30
|
},
|
|
31
31
|
"./theme": {
|
|
32
32
|
"source": "./src/theme/index.ts",
|
|
33
33
|
"types": "./dist/theme/index.d.ts",
|
|
34
|
-
"import": "./dist/theme/index.js"
|
|
35
|
-
"require": "./dist/theme/index.cjs"
|
|
34
|
+
"import": "./dist/theme/index.js"
|
|
36
35
|
},
|
|
37
36
|
"./dashboard": {
|
|
38
37
|
"source": "./src/dashboard/index.ts",
|
|
39
38
|
"types": "./dist/dashboard/index.d.ts",
|
|
40
|
-
"import": "./dist/dashboard/index.js"
|
|
41
|
-
|
|
39
|
+
"import": "./dist/dashboard/index.js"
|
|
40
|
+
},
|
|
41
|
+
"./icons": {
|
|
42
|
+
"source": "./src/icons.ts",
|
|
43
|
+
"types": "./dist/icons.d.ts",
|
|
44
|
+
"import": "./dist/icons.js"
|
|
42
45
|
},
|
|
43
46
|
"./styles.css": "./src/styles.css",
|
|
44
47
|
"./preset": {
|
|
@@ -61,11 +64,12 @@
|
|
|
61
64
|
"peerDependencies": {
|
|
62
65
|
"react": "^18.0.0 || ^19.0.0",
|
|
63
66
|
"react-dom": "^18.0.0 || ^19.0.0",
|
|
64
|
-
"tailwindcss": "^3.4.0"
|
|
67
|
+
"tailwindcss": "^3.4.0",
|
|
68
|
+
"zustand": "^4.5.0",
|
|
69
|
+
"lucide-react": ">=0.400.0 <1.0.0",
|
|
70
|
+
"sonner": "^2.0.7"
|
|
65
71
|
},
|
|
66
72
|
"dependencies": {
|
|
67
|
-
"@dnd-kit/core": "^6.3.1",
|
|
68
|
-
"@dnd-kit/sortable": "^10.0.0",
|
|
69
73
|
"@radix-ui/react-avatar": "^1.1.0",
|
|
70
74
|
"@radix-ui/react-dialog": "^1.1.0",
|
|
71
75
|
"@radix-ui/react-dropdown-menu": "^2.1.0",
|
|
@@ -78,14 +82,9 @@
|
|
|
78
82
|
"@tanstack/react-table": "^8.20.0",
|
|
79
83
|
"class-variance-authority": "^0.7.0",
|
|
80
84
|
"clsx": "^2.1.0",
|
|
81
|
-
"cmdk": "^1.0.0",
|
|
82
|
-
"lucide-react": "^0.400.0",
|
|
83
85
|
"recharts": "^2.15.0",
|
|
84
|
-
"sonner": "^1.5.0",
|
|
85
86
|
"tailwind-merge": "^2.4.0",
|
|
86
|
-
"
|
|
87
|
-
"@fayz-ai/core": "^0.8.3",
|
|
88
|
-
"@fayz-ai/auth": "^0.8.3"
|
|
87
|
+
"@fayz-ai/core": "^0.8.5"
|
|
89
88
|
},
|
|
90
89
|
"devDependencies": {
|
|
91
90
|
"@types/react": "^18.3.0",
|
|
@@ -96,7 +95,10 @@
|
|
|
96
95
|
"react-dom": "^18.3.0",
|
|
97
96
|
"tailwindcss": "^3.4.0",
|
|
98
97
|
"tsup": "^8.2.0",
|
|
99
|
-
"typescript": "^5.5.0"
|
|
98
|
+
"typescript": "^5.5.0",
|
|
99
|
+
"zustand": "^4.5.0",
|
|
100
|
+
"lucide-react": "^0.400.0",
|
|
101
|
+
"sonner": "^2.0.7"
|
|
100
102
|
},
|
|
101
103
|
"license": "MIT",
|
|
102
104
|
"publishConfig": {
|