@pos-360/horizon 0.4.0 → 0.5.0
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/animated-icons.js +1 -0
- package/dist/animated-icons.mjs +1 -0
- package/dist/{chunk-HJPQ6TOR.mjs → chunk-BSRLO5SU.mjs} +34 -34
- package/dist/chunk-BSRLO5SU.mjs.map +1 -0
- package/dist/{chunk-S2A3IDOX.js → chunk-E3TQU2GX.js} +34 -34
- package/dist/chunk-E3TQU2GX.js.map +1 -0
- package/dist/chunk-GGM3MDFM.js +32 -0
- package/dist/chunk-GGM3MDFM.js.map +1 -0
- package/dist/{chunk-XAPJWVE6.js → chunk-L5DU65XJ.js} +30 -30
- package/dist/chunk-L5DU65XJ.js.map +1 -0
- package/dist/{chunk-IJCKCS4A.mjs → chunk-SVBDAFK4.mjs} +30 -30
- package/dist/chunk-SVBDAFK4.mjs.map +1 -0
- package/dist/chunk-WFBSFUC6.mjs +29 -0
- package/dist/chunk-WFBSFUC6.mjs.map +1 -0
- package/dist/enhanced.js +13 -12
- package/dist/enhanced.mjs +2 -1
- package/dist/hooks.js +1 -0
- package/dist/hooks.mjs +1 -0
- package/dist/index.js +107 -106
- package/dist/index.mjs +3 -2
- package/dist/primitives.js +95 -94
- package/dist/primitives.mjs +2 -1
- package/dist/tailwind.d.mts +44 -14
- package/dist/tailwind.d.ts +44 -14
- package/dist/tailwind.js +218 -1
- package/dist/tailwind.js.map +1 -1
- package/dist/tailwind.mjs +218 -1
- package/dist/tailwind.mjs.map +1 -1
- package/package.json +1 -1
- package/dist/chunk-HJPQ6TOR.mjs.map +0 -1
- package/dist/chunk-IJCKCS4A.mjs.map +0 -1
- package/dist/chunk-S2A3IDOX.js.map +0 -1
- package/dist/chunk-XAPJWVE6.js.map +0 -1
package/dist/tailwind.js
CHANGED
|
@@ -1,10 +1,164 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var chunkGGM3MDFM_js = require('./chunk-GGM3MDFM.js');
|
|
4
|
+
|
|
5
|
+
// node_modules/.pnpm/tailwindcss@3.4.19/node_modules/tailwindcss/lib/util/createPlugin.js
|
|
6
|
+
var require_createPlugin = chunkGGM3MDFM_js.__commonJS({
|
|
7
|
+
"node_modules/.pnpm/tailwindcss@3.4.19/node_modules/tailwindcss/lib/util/createPlugin.js"(exports$1) {
|
|
8
|
+
Object.defineProperty(exports$1, "__esModule", {
|
|
9
|
+
value: true
|
|
10
|
+
});
|
|
11
|
+
Object.defineProperty(exports$1, "default", {
|
|
12
|
+
enumerable: true,
|
|
13
|
+
get: function() {
|
|
14
|
+
return _default;
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
function createPlugin(plugin2, config) {
|
|
18
|
+
return {
|
|
19
|
+
handler: plugin2,
|
|
20
|
+
config
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
createPlugin.withOptions = function(pluginFunction, configFunction = () => ({})) {
|
|
24
|
+
const optionsFunction = function(options) {
|
|
25
|
+
return {
|
|
26
|
+
__options: options,
|
|
27
|
+
handler: pluginFunction(options),
|
|
28
|
+
config: configFunction(options)
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
optionsFunction.__isOptionsFunction = true;
|
|
32
|
+
optionsFunction.__pluginFunction = pluginFunction;
|
|
33
|
+
optionsFunction.__configFunction = configFunction;
|
|
34
|
+
return optionsFunction;
|
|
35
|
+
};
|
|
36
|
+
var _default = createPlugin;
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
// node_modules/.pnpm/tailwindcss@3.4.19/node_modules/tailwindcss/lib/public/create-plugin.js
|
|
41
|
+
var require_create_plugin = chunkGGM3MDFM_js.__commonJS({
|
|
42
|
+
"node_modules/.pnpm/tailwindcss@3.4.19/node_modules/tailwindcss/lib/public/create-plugin.js"(exports$1) {
|
|
43
|
+
Object.defineProperty(exports$1, "__esModule", {
|
|
44
|
+
value: true
|
|
45
|
+
});
|
|
46
|
+
Object.defineProperty(exports$1, "default", {
|
|
47
|
+
enumerable: true,
|
|
48
|
+
get: function() {
|
|
49
|
+
return _default;
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
var _createPlugin = /* @__PURE__ */ _interop_require_default(require_createPlugin());
|
|
53
|
+
function _interop_require_default(obj) {
|
|
54
|
+
return obj && obj.__esModule ? obj : {
|
|
55
|
+
default: obj
|
|
56
|
+
};
|
|
57
|
+
}
|
|
58
|
+
var _default = _createPlugin.default;
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
|
|
62
|
+
// node_modules/.pnpm/tailwindcss@3.4.19/node_modules/tailwindcss/plugin.js
|
|
63
|
+
var require_plugin = chunkGGM3MDFM_js.__commonJS({
|
|
64
|
+
"node_modules/.pnpm/tailwindcss@3.4.19/node_modules/tailwindcss/plugin.js"(exports$1, module) {
|
|
65
|
+
var createPlugin = require_create_plugin();
|
|
66
|
+
module.exports = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default;
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
|
|
3
70
|
// src/tailwind.ts
|
|
71
|
+
var import_plugin = chunkGGM3MDFM_js.__toESM(require_plugin());
|
|
72
|
+
var horizonPlugin = (0, import_plugin.default)(function({ addBase }) {
|
|
73
|
+
addBase({
|
|
74
|
+
":root": {
|
|
75
|
+
// ===================
|
|
76
|
+
// RADIUS TOKENS
|
|
77
|
+
// ===================
|
|
78
|
+
// Squared by default (Horizon's default aesthetic)
|
|
79
|
+
"--hz-radius-sm": "0px",
|
|
80
|
+
"--hz-radius-md": "0px",
|
|
81
|
+
"--hz-radius-lg": "0px",
|
|
82
|
+
// Always round (for naturally curved elements)
|
|
83
|
+
"--hz-radius-full": "9999px",
|
|
84
|
+
// ===================
|
|
85
|
+
// SPACING TOKENS
|
|
86
|
+
// ===================
|
|
87
|
+
"--hz-space-0": "0px",
|
|
88
|
+
"--hz-space-1": "0.25rem",
|
|
89
|
+
// 4px
|
|
90
|
+
"--hz-space-2": "0.5rem",
|
|
91
|
+
// 8px
|
|
92
|
+
"--hz-space-3": "0.75rem",
|
|
93
|
+
// 12px
|
|
94
|
+
"--hz-space-4": "1rem",
|
|
95
|
+
// 16px
|
|
96
|
+
"--hz-space-5": "1.25rem",
|
|
97
|
+
// 20px
|
|
98
|
+
"--hz-space-6": "1.5rem",
|
|
99
|
+
// 24px
|
|
100
|
+
"--hz-space-8": "2rem",
|
|
101
|
+
// 32px
|
|
102
|
+
"--hz-space-10": "2.5rem",
|
|
103
|
+
// 40px
|
|
104
|
+
"--hz-space-12": "3rem",
|
|
105
|
+
// 48px
|
|
106
|
+
// ===================
|
|
107
|
+
// GOLDEN RATIO SPACING (φ = 1.618)
|
|
108
|
+
// ===================
|
|
109
|
+
// Base: 16px (1rem), scaled by golden ratio
|
|
110
|
+
"--hz-phi": "1.618",
|
|
111
|
+
"--hz-space-phi-xs": "0.375rem",
|
|
112
|
+
// ~6px (16 ÷ φ²)
|
|
113
|
+
"--hz-space-phi-sm": "0.625rem",
|
|
114
|
+
// ~10px (16 ÷ φ)
|
|
115
|
+
"--hz-space-phi-base": "1rem",
|
|
116
|
+
// 16px (base)
|
|
117
|
+
"--hz-space-phi-md": "1.618rem",
|
|
118
|
+
// ~26px (16 × φ)
|
|
119
|
+
"--hz-space-phi-lg": "2.618rem",
|
|
120
|
+
// ~42px (16 × φ²)
|
|
121
|
+
"--hz-space-phi-xl": "4.236rem",
|
|
122
|
+
// ~68px (16 × φ³)
|
|
123
|
+
// ===================
|
|
124
|
+
// SHADOW TOKENS
|
|
125
|
+
// ===================
|
|
126
|
+
// Subtle shadows - Horizon philosophy
|
|
127
|
+
"--hz-shadow-sm": "0 1px 2px rgba(0, 0, 0, 0.05)",
|
|
128
|
+
"--hz-shadow-md": "0 2px 4px rgba(0, 0, 0, 0.08)",
|
|
129
|
+
"--hz-shadow-lg": "0 4px 8px rgba(0, 0, 0, 0.1)",
|
|
130
|
+
// ===================
|
|
131
|
+
// ANIMATION TOKENS
|
|
132
|
+
// ===================
|
|
133
|
+
// Subtle, purposeful animations
|
|
134
|
+
"--hz-duration-fast": "150ms",
|
|
135
|
+
"--hz-duration-normal": "200ms",
|
|
136
|
+
"--hz-duration-slow": "300ms",
|
|
137
|
+
"--hz-easing-default": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
138
|
+
"--hz-easing-in": "cubic-bezier(0.4, 0, 1, 1)",
|
|
139
|
+
"--hz-easing-out": "cubic-bezier(0, 0, 0.2, 1)"
|
|
140
|
+
},
|
|
141
|
+
// ===================
|
|
142
|
+
// ROUNDED MODE
|
|
143
|
+
// ===================
|
|
144
|
+
// Opt-in rounded aesthetic
|
|
145
|
+
".hz-rounded": {
|
|
146
|
+
"--hz-radius-sm": "0.25rem",
|
|
147
|
+
// 4px
|
|
148
|
+
"--hz-radius-md": "0.5rem",
|
|
149
|
+
// 8px
|
|
150
|
+
"--hz-radius-lg": "0.75rem"
|
|
151
|
+
// 12px
|
|
152
|
+
}
|
|
153
|
+
});
|
|
154
|
+
});
|
|
4
155
|
var horizonPreset = {
|
|
5
156
|
darkMode: "class",
|
|
6
157
|
theme: {
|
|
7
158
|
extend: {
|
|
159
|
+
// ===================
|
|
160
|
+
// COLORS
|
|
161
|
+
// ===================
|
|
8
162
|
colors: {
|
|
9
163
|
// POS-360 Brand Colors
|
|
10
164
|
primary: {
|
|
@@ -40,6 +194,68 @@ var horizonPreset = {
|
|
|
40
194
|
DEFAULT: "#F43F5E"
|
|
41
195
|
}
|
|
42
196
|
},
|
|
197
|
+
// ===================
|
|
198
|
+
// BORDER RADIUS
|
|
199
|
+
// ===================
|
|
200
|
+
// Map Tailwind classes to Horizon tokens
|
|
201
|
+
borderRadius: {
|
|
202
|
+
"hz-sm": "var(--hz-radius-sm)",
|
|
203
|
+
"hz-md": "var(--hz-radius-md)",
|
|
204
|
+
"hz-lg": "var(--hz-radius-lg)",
|
|
205
|
+
"hz-full": "var(--hz-radius-full)"
|
|
206
|
+
},
|
|
207
|
+
// ===================
|
|
208
|
+
// SPACING
|
|
209
|
+
// ===================
|
|
210
|
+
// Extend with Horizon spacing tokens
|
|
211
|
+
spacing: {
|
|
212
|
+
"hz-1": "var(--hz-space-1)",
|
|
213
|
+
"hz-2": "var(--hz-space-2)",
|
|
214
|
+
"hz-3": "var(--hz-space-3)",
|
|
215
|
+
"hz-4": "var(--hz-space-4)",
|
|
216
|
+
"hz-5": "var(--hz-space-5)",
|
|
217
|
+
"hz-6": "var(--hz-space-6)",
|
|
218
|
+
"hz-8": "var(--hz-space-8)",
|
|
219
|
+
"hz-10": "var(--hz-space-10)",
|
|
220
|
+
"hz-12": "var(--hz-space-12)",
|
|
221
|
+
// Golden ratio spacing (φ = 1.618)
|
|
222
|
+
"hz-phi-xs": "var(--hz-space-phi-xs)",
|
|
223
|
+
// ~6px
|
|
224
|
+
"hz-phi-sm": "var(--hz-space-phi-sm)",
|
|
225
|
+
// ~10px
|
|
226
|
+
"hz-phi-base": "var(--hz-space-phi-base)",
|
|
227
|
+
// 16px
|
|
228
|
+
"hz-phi-md": "var(--hz-space-phi-md)",
|
|
229
|
+
// ~26px
|
|
230
|
+
"hz-phi-lg": "var(--hz-space-phi-lg)",
|
|
231
|
+
// ~42px
|
|
232
|
+
"hz-phi-xl": "var(--hz-space-phi-xl)"
|
|
233
|
+
// ~68px
|
|
234
|
+
},
|
|
235
|
+
// ===================
|
|
236
|
+
// BOX SHADOW
|
|
237
|
+
// ===================
|
|
238
|
+
boxShadow: {
|
|
239
|
+
"hz-sm": "var(--hz-shadow-sm)",
|
|
240
|
+
"hz-md": "var(--hz-shadow-md)",
|
|
241
|
+
"hz-lg": "var(--hz-shadow-lg)"
|
|
242
|
+
},
|
|
243
|
+
// ===================
|
|
244
|
+
// TRANSITIONS
|
|
245
|
+
// ===================
|
|
246
|
+
transitionDuration: {
|
|
247
|
+
"hz-fast": "var(--hz-duration-fast)",
|
|
248
|
+
"hz-normal": "var(--hz-duration-normal)",
|
|
249
|
+
"hz-slow": "var(--hz-duration-slow)"
|
|
250
|
+
},
|
|
251
|
+
transitionTimingFunction: {
|
|
252
|
+
"hz-default": "var(--hz-easing-default)",
|
|
253
|
+
"hz-in": "var(--hz-easing-in)",
|
|
254
|
+
"hz-out": "var(--hz-easing-out)"
|
|
255
|
+
},
|
|
256
|
+
// ===================
|
|
257
|
+
// ANIMATIONS
|
|
258
|
+
// ===================
|
|
43
259
|
animation: {
|
|
44
260
|
"pulse-slow": "pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite",
|
|
45
261
|
"fade-in": "fadeIn 0.2s ease-out",
|
|
@@ -66,7 +282,8 @@ var horizonPreset = {
|
|
|
66
282
|
}
|
|
67
283
|
}
|
|
68
284
|
}
|
|
69
|
-
}
|
|
285
|
+
},
|
|
286
|
+
plugins: [horizonPlugin]
|
|
70
287
|
};
|
|
71
288
|
var tailwind_default = horizonPreset;
|
|
72
289
|
|
package/dist/tailwind.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tailwind.ts"],"names":[],"mappings":";;;AAeA,IAAM,aAAA,GAAgB;AAAA,EACpB,QAAA,EAAU,OAAA;AAAA,EACV,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ;AAAA,MACN,MAAA,EAAQ;AAAA;AAAA,QAEN,OAAA,EAAS;AAAA,UACP,EAAA,EAAI,SAAA;AAAA,UACJ,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,OAAA,EAAS;AAAA,SACX;AAAA,QACA,OAAA,EAAS;AAAA,UACP,EAAA,EAAI,SAAA;AAAA,UACJ,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,OAAA,EAAS;AAAA,SACX;AAAA,QACA,OAAA,EAAS;AAAA,UACP,EAAA,EAAI,SAAA;AAAA,UACJ,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,OAAA,EAAS;AAAA,SACX;AAAA,QACA,KAAA,EAAO;AAAA,UACL,EAAA,EAAI,SAAA;AAAA,UACJ,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,OAAA,EAAS;AAAA;AACX,OACF;AAAA,MACA,SAAA,EAAW;AAAA,QACT,YAAA,EAAc,gDAAA;AAAA,QACd,SAAA,EAAW,sBAAA;AAAA,QACX,UAAA,EAAY,uBAAA;AAAA,QACZ,YAAA,EAAc,yBAAA;AAAA,QACd,UAAA,EAAY;AAAA,OACd;AAAA,MACA,SAAA,EAAW;AAAA,QACT,MAAA,EAAQ;AAAA,UACN,IAAA,EAAM,EAAE,OAAA,EAAS,GAAA,EAAI;AAAA,UACrB,MAAA,EAAQ,EAAE,OAAA,EAAS,GAAA;AAAI,SACzB;AAAA,QACA,OAAA,EAAS;AAAA,UACP,IAAA,EAAM,EAAE,SAAA,EAAW,kBAAA,EAAoB,SAAS,GAAA,EAAI;AAAA,UACpD,MAAA,EAAQ,EAAE,SAAA,EAAW,eAAA,EAAiB,SAAS,GAAA;AAAI,SACrD;AAAA,QACA,SAAA,EAAW;AAAA,UACT,IAAA,EAAM,EAAE,SAAA,EAAW,mBAAA,EAAqB,SAAS,GAAA,EAAI;AAAA,UACrD,MAAA,EAAQ,EAAE,SAAA,EAAW,eAAA,EAAiB,SAAS,GAAA;AAAI,SACrD;AAAA,QACA,OAAA,EAAS;AAAA,UACP,IAAA,EAAM,EAAE,SAAA,EAAW,aAAA,EAAe,SAAS,GAAA,EAAI;AAAA,UAC/C,MAAA,EAAQ,EAAE,SAAA,EAAW,UAAA,EAAY,SAAS,GAAA;AAAI;AAChD;AACF;AACF;AAEJ,CAAA;AAEA,IAAO,gBAAA,GAAQ","file":"tailwind.js","sourcesContent":["/**\n * Horizon Tailwind CSS Preset\n *\n * Use this preset in your tailwind.config.js to get POS-360 design tokens:\n *\n * @example\n * // tailwind.config.js\n * const horizonPreset = require(\"@pos-360/horizon/tailwind\");\n *\n * module.exports = {\n * presets: [horizonPreset],\n * // ... rest of your config\n * }\n */\n\nconst horizonPreset = {\n darkMode: \"class\" as const,\n theme: {\n extend: {\n colors: {\n // POS-360 Brand Colors\n primary: {\n 50: \"#eff6ff\",\n 100: \"#dbeafe\",\n 200: \"#bfdbfe\",\n 300: \"#93c5fd\",\n 400: \"#60a5fa\",\n 500: \"#3b82f6\",\n 600: \"#2563eb\",\n 700: \"#1d4ed8\",\n 800: \"#1e40af\",\n 900: \"#1e3a8a\",\n 950: \"#172554\",\n DEFAULT: \"#0F62FE\",\n },\n success: {\n 50: \"#ecfdf5\",\n 500: \"#10b981\",\n 600: \"#059669\",\n DEFAULT: \"#10B981\",\n },\n warning: {\n 50: \"#fffbeb\",\n 500: \"#f59e0b\",\n 600: \"#d97706\",\n DEFAULT: \"#F59E0B\",\n },\n error: {\n 50: \"#fff1f2\",\n 500: \"#f43f5e\",\n 600: \"#e11d48\",\n DEFAULT: \"#F43F5E\",\n },\n },\n animation: {\n \"pulse-slow\": \"pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite\",\n \"fade-in\": \"fadeIn 0.2s ease-out\",\n \"slide-up\": \"slideUp 0.3s ease-out\",\n \"slide-down\": \"slideDown 0.3s ease-out\",\n \"scale-in\": \"scaleIn 0.2s ease-out\",\n },\n keyframes: {\n fadeIn: {\n \"0%\": { opacity: \"0\" },\n \"100%\": { opacity: \"1\" },\n },\n slideUp: {\n \"0%\": { transform: \"translateY(10px)\", opacity: \"0\" },\n \"100%\": { transform: \"translateY(0)\", opacity: \"1\" },\n },\n slideDown: {\n \"0%\": { transform: \"translateY(-10px)\", opacity: \"0\" },\n \"100%\": { transform: \"translateY(0)\", opacity: \"1\" },\n },\n scaleIn: {\n \"0%\": { transform: \"scale(0.95)\", opacity: \"0\" },\n \"100%\": { transform: \"scale(1)\", opacity: \"1\" },\n },\n },\n },\n },\n};\n\nexport default horizonPreset;\n"]}
|
|
1
|
+
{"version":3,"sources":["../node_modules/.pnpm/tailwindcss@3.4.19/node_modules/tailwindcss/lib/util/createPlugin.js","../node_modules/.pnpm/tailwindcss@3.4.19/node_modules/tailwindcss/lib/public/create-plugin.js","../node_modules/.pnpm/tailwindcss@3.4.19/node_modules/tailwindcss/plugin.js","../src/tailwind.ts"],"names":["__commonJS","exports","plugin","__toESM"],"mappings":"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","file":"tailwind.js","sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nObject.defineProperty(exports, \"default\", {\n enumerable: true,\n get: function() {\n return _default;\n }\n});\nfunction createPlugin(plugin, config) {\n return {\n handler: plugin,\n config\n };\n}\ncreatePlugin.withOptions = function(pluginFunction, configFunction = ()=>({})) {\n const optionsFunction = function(options) {\n return {\n __options: options,\n handler: pluginFunction(options),\n config: configFunction(options)\n };\n };\n optionsFunction.__isOptionsFunction = true;\n // Expose plugin dependencies so that `object-hash` returns a different\n // value if anything here changes, to ensure a rebuild is triggered.\n optionsFunction.__pluginFunction = pluginFunction;\n optionsFunction.__configFunction = configFunction;\n return optionsFunction;\n};\nconst _default = createPlugin;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nObject.defineProperty(exports, \"default\", {\n enumerable: true,\n get: function() {\n return _default;\n }\n});\nconst _createPlugin = /*#__PURE__*/ _interop_require_default(require(\"../util/createPlugin\"));\nfunction _interop_require_default(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\nconst _default = _createPlugin.default;\n","let createPlugin = require('./lib/public/create-plugin')\nmodule.exports = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default\n","import plugin from \"tailwindcss/plugin\";\n\n/**\n * Horizon Tailwind CSS Preset\n *\n * Use this preset in your tailwind.config.js to get POS-360 design tokens:\n *\n * @example\n * // tailwind.config.js\n * const horizonPreset = require(\"@pos-360/horizon/tailwind\");\n *\n * module.exports = {\n * presets: [horizonPreset],\n * // ... rest of your config\n * }\n *\n * @example\n * // Enable rounded mode globally by adding class to root element:\n * <html class=\"hz-rounded\">\n *\n * // Or per-section:\n * <div class=\"hz-rounded\">\n * <!-- Components here will have rounded corners -->\n * </div>\n */\n\nconst horizonPlugin = plugin(function ({ addBase }) {\n addBase({\n \":root\": {\n // ===================\n // RADIUS TOKENS\n // ===================\n // Squared by default (Horizon's default aesthetic)\n \"--hz-radius-sm\": \"0px\",\n \"--hz-radius-md\": \"0px\",\n \"--hz-radius-lg\": \"0px\",\n // Always round (for naturally curved elements)\n \"--hz-radius-full\": \"9999px\",\n\n // ===================\n // SPACING TOKENS\n // ===================\n \"--hz-space-0\": \"0px\",\n \"--hz-space-1\": \"0.25rem\", // 4px\n \"--hz-space-2\": \"0.5rem\", // 8px\n \"--hz-space-3\": \"0.75rem\", // 12px\n \"--hz-space-4\": \"1rem\", // 16px\n \"--hz-space-5\": \"1.25rem\", // 20px\n \"--hz-space-6\": \"1.5rem\", // 24px\n \"--hz-space-8\": \"2rem\", // 32px\n \"--hz-space-10\": \"2.5rem\", // 40px\n \"--hz-space-12\": \"3rem\", // 48px\n\n // ===================\n // GOLDEN RATIO SPACING (φ = 1.618)\n // ===================\n // Base: 16px (1rem), scaled by golden ratio\n \"--hz-phi\": \"1.618\",\n \"--hz-space-phi-xs\": \"0.375rem\", // ~6px (16 ÷ φ²)\n \"--hz-space-phi-sm\": \"0.625rem\", // ~10px (16 ÷ φ)\n \"--hz-space-phi-base\": \"1rem\", // 16px (base)\n \"--hz-space-phi-md\": \"1.618rem\", // ~26px (16 × φ)\n \"--hz-space-phi-lg\": \"2.618rem\", // ~42px (16 × φ²)\n \"--hz-space-phi-xl\": \"4.236rem\", // ~68px (16 × φ³)\n\n // ===================\n // SHADOW TOKENS\n // ===================\n // Subtle shadows - Horizon philosophy\n \"--hz-shadow-sm\": \"0 1px 2px rgba(0, 0, 0, 0.05)\",\n \"--hz-shadow-md\": \"0 2px 4px rgba(0, 0, 0, 0.08)\",\n \"--hz-shadow-lg\": \"0 4px 8px rgba(0, 0, 0, 0.1)\",\n\n // ===================\n // ANIMATION TOKENS\n // ===================\n // Subtle, purposeful animations\n \"--hz-duration-fast\": \"150ms\",\n \"--hz-duration-normal\": \"200ms\",\n \"--hz-duration-slow\": \"300ms\",\n \"--hz-easing-default\": \"cubic-bezier(0.4, 0, 0.2, 1)\",\n \"--hz-easing-in\": \"cubic-bezier(0.4, 0, 1, 1)\",\n \"--hz-easing-out\": \"cubic-bezier(0, 0, 0.2, 1)\",\n },\n\n // ===================\n // ROUNDED MODE\n // ===================\n // Opt-in rounded aesthetic\n \".hz-rounded\": {\n \"--hz-radius-sm\": \"0.25rem\", // 4px\n \"--hz-radius-md\": \"0.5rem\", // 8px\n \"--hz-radius-lg\": \"0.75rem\", // 12px\n },\n });\n});\n\nconst horizonPreset = {\n darkMode: \"class\" as const,\n theme: {\n extend: {\n // ===================\n // COLORS\n // ===================\n colors: {\n // POS-360 Brand Colors\n primary: {\n 50: \"#eff6ff\",\n 100: \"#dbeafe\",\n 200: \"#bfdbfe\",\n 300: \"#93c5fd\",\n 400: \"#60a5fa\",\n 500: \"#3b82f6\",\n 600: \"#2563eb\",\n 700: \"#1d4ed8\",\n 800: \"#1e40af\",\n 900: \"#1e3a8a\",\n 950: \"#172554\",\n DEFAULT: \"#0F62FE\",\n },\n success: {\n 50: \"#ecfdf5\",\n 500: \"#10b981\",\n 600: \"#059669\",\n DEFAULT: \"#10B981\",\n },\n warning: {\n 50: \"#fffbeb\",\n 500: \"#f59e0b\",\n 600: \"#d97706\",\n DEFAULT: \"#F59E0B\",\n },\n error: {\n 50: \"#fff1f2\",\n 500: \"#f43f5e\",\n 600: \"#e11d48\",\n DEFAULT: \"#F43F5E\",\n },\n },\n\n // ===================\n // BORDER RADIUS\n // ===================\n // Map Tailwind classes to Horizon tokens\n borderRadius: {\n \"hz-sm\": \"var(--hz-radius-sm)\",\n \"hz-md\": \"var(--hz-radius-md)\",\n \"hz-lg\": \"var(--hz-radius-lg)\",\n \"hz-full\": \"var(--hz-radius-full)\",\n },\n\n // ===================\n // SPACING\n // ===================\n // Extend with Horizon spacing tokens\n spacing: {\n \"hz-1\": \"var(--hz-space-1)\",\n \"hz-2\": \"var(--hz-space-2)\",\n \"hz-3\": \"var(--hz-space-3)\",\n \"hz-4\": \"var(--hz-space-4)\",\n \"hz-5\": \"var(--hz-space-5)\",\n \"hz-6\": \"var(--hz-space-6)\",\n \"hz-8\": \"var(--hz-space-8)\",\n \"hz-10\": \"var(--hz-space-10)\",\n \"hz-12\": \"var(--hz-space-12)\",\n // Golden ratio spacing (φ = 1.618)\n \"hz-phi-xs\": \"var(--hz-space-phi-xs)\", // ~6px\n \"hz-phi-sm\": \"var(--hz-space-phi-sm)\", // ~10px\n \"hz-phi-base\": \"var(--hz-space-phi-base)\", // 16px\n \"hz-phi-md\": \"var(--hz-space-phi-md)\", // ~26px\n \"hz-phi-lg\": \"var(--hz-space-phi-lg)\", // ~42px\n \"hz-phi-xl\": \"var(--hz-space-phi-xl)\", // ~68px\n },\n\n // ===================\n // BOX SHADOW\n // ===================\n boxShadow: {\n \"hz-sm\": \"var(--hz-shadow-sm)\",\n \"hz-md\": \"var(--hz-shadow-md)\",\n \"hz-lg\": \"var(--hz-shadow-lg)\",\n },\n\n // ===================\n // TRANSITIONS\n // ===================\n transitionDuration: {\n \"hz-fast\": \"var(--hz-duration-fast)\",\n \"hz-normal\": \"var(--hz-duration-normal)\",\n \"hz-slow\": \"var(--hz-duration-slow)\",\n },\n transitionTimingFunction: {\n \"hz-default\": \"var(--hz-easing-default)\",\n \"hz-in\": \"var(--hz-easing-in)\",\n \"hz-out\": \"var(--hz-easing-out)\",\n },\n\n // ===================\n // ANIMATIONS\n // ===================\n animation: {\n \"pulse-slow\": \"pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite\",\n \"fade-in\": \"fadeIn 0.2s ease-out\",\n \"slide-up\": \"slideUp 0.3s ease-out\",\n \"slide-down\": \"slideDown 0.3s ease-out\",\n \"scale-in\": \"scaleIn 0.2s ease-out\",\n },\n keyframes: {\n fadeIn: {\n \"0%\": { opacity: \"0\" },\n \"100%\": { opacity: \"1\" },\n },\n slideUp: {\n \"0%\": { transform: \"translateY(10px)\", opacity: \"0\" },\n \"100%\": { transform: \"translateY(0)\", opacity: \"1\" },\n },\n slideDown: {\n \"0%\": { transform: \"translateY(-10px)\", opacity: \"0\" },\n \"100%\": { transform: \"translateY(0)\", opacity: \"1\" },\n },\n scaleIn: {\n \"0%\": { transform: \"scale(0.95)\", opacity: \"0\" },\n \"100%\": { transform: \"scale(1)\", opacity: \"1\" },\n },\n },\n },\n },\n plugins: [horizonPlugin],\n};\n\nexport default horizonPreset;\n"]}
|
package/dist/tailwind.mjs
CHANGED
|
@@ -1,8 +1,162 @@
|
|
|
1
|
+
import { __commonJS, __toESM } from './chunk-WFBSFUC6.mjs';
|
|
2
|
+
|
|
3
|
+
// node_modules/.pnpm/tailwindcss@3.4.19/node_modules/tailwindcss/lib/util/createPlugin.js
|
|
4
|
+
var require_createPlugin = __commonJS({
|
|
5
|
+
"node_modules/.pnpm/tailwindcss@3.4.19/node_modules/tailwindcss/lib/util/createPlugin.js"(exports$1) {
|
|
6
|
+
Object.defineProperty(exports$1, "__esModule", {
|
|
7
|
+
value: true
|
|
8
|
+
});
|
|
9
|
+
Object.defineProperty(exports$1, "default", {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
get: function() {
|
|
12
|
+
return _default;
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
function createPlugin(plugin2, config) {
|
|
16
|
+
return {
|
|
17
|
+
handler: plugin2,
|
|
18
|
+
config
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
createPlugin.withOptions = function(pluginFunction, configFunction = () => ({})) {
|
|
22
|
+
const optionsFunction = function(options) {
|
|
23
|
+
return {
|
|
24
|
+
__options: options,
|
|
25
|
+
handler: pluginFunction(options),
|
|
26
|
+
config: configFunction(options)
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
optionsFunction.__isOptionsFunction = true;
|
|
30
|
+
optionsFunction.__pluginFunction = pluginFunction;
|
|
31
|
+
optionsFunction.__configFunction = configFunction;
|
|
32
|
+
return optionsFunction;
|
|
33
|
+
};
|
|
34
|
+
var _default = createPlugin;
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
// node_modules/.pnpm/tailwindcss@3.4.19/node_modules/tailwindcss/lib/public/create-plugin.js
|
|
39
|
+
var require_create_plugin = __commonJS({
|
|
40
|
+
"node_modules/.pnpm/tailwindcss@3.4.19/node_modules/tailwindcss/lib/public/create-plugin.js"(exports$1) {
|
|
41
|
+
Object.defineProperty(exports$1, "__esModule", {
|
|
42
|
+
value: true
|
|
43
|
+
});
|
|
44
|
+
Object.defineProperty(exports$1, "default", {
|
|
45
|
+
enumerable: true,
|
|
46
|
+
get: function() {
|
|
47
|
+
return _default;
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
var _createPlugin = /* @__PURE__ */ _interop_require_default(require_createPlugin());
|
|
51
|
+
function _interop_require_default(obj) {
|
|
52
|
+
return obj && obj.__esModule ? obj : {
|
|
53
|
+
default: obj
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
var _default = _createPlugin.default;
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
|
|
60
|
+
// node_modules/.pnpm/tailwindcss@3.4.19/node_modules/tailwindcss/plugin.js
|
|
61
|
+
var require_plugin = __commonJS({
|
|
62
|
+
"node_modules/.pnpm/tailwindcss@3.4.19/node_modules/tailwindcss/plugin.js"(exports$1, module) {
|
|
63
|
+
var createPlugin = require_create_plugin();
|
|
64
|
+
module.exports = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default;
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
|
|
1
68
|
// src/tailwind.ts
|
|
69
|
+
var import_plugin = __toESM(require_plugin());
|
|
70
|
+
var horizonPlugin = (0, import_plugin.default)(function({ addBase }) {
|
|
71
|
+
addBase({
|
|
72
|
+
":root": {
|
|
73
|
+
// ===================
|
|
74
|
+
// RADIUS TOKENS
|
|
75
|
+
// ===================
|
|
76
|
+
// Squared by default (Horizon's default aesthetic)
|
|
77
|
+
"--hz-radius-sm": "0px",
|
|
78
|
+
"--hz-radius-md": "0px",
|
|
79
|
+
"--hz-radius-lg": "0px",
|
|
80
|
+
// Always round (for naturally curved elements)
|
|
81
|
+
"--hz-radius-full": "9999px",
|
|
82
|
+
// ===================
|
|
83
|
+
// SPACING TOKENS
|
|
84
|
+
// ===================
|
|
85
|
+
"--hz-space-0": "0px",
|
|
86
|
+
"--hz-space-1": "0.25rem",
|
|
87
|
+
// 4px
|
|
88
|
+
"--hz-space-2": "0.5rem",
|
|
89
|
+
// 8px
|
|
90
|
+
"--hz-space-3": "0.75rem",
|
|
91
|
+
// 12px
|
|
92
|
+
"--hz-space-4": "1rem",
|
|
93
|
+
// 16px
|
|
94
|
+
"--hz-space-5": "1.25rem",
|
|
95
|
+
// 20px
|
|
96
|
+
"--hz-space-6": "1.5rem",
|
|
97
|
+
// 24px
|
|
98
|
+
"--hz-space-8": "2rem",
|
|
99
|
+
// 32px
|
|
100
|
+
"--hz-space-10": "2.5rem",
|
|
101
|
+
// 40px
|
|
102
|
+
"--hz-space-12": "3rem",
|
|
103
|
+
// 48px
|
|
104
|
+
// ===================
|
|
105
|
+
// GOLDEN RATIO SPACING (φ = 1.618)
|
|
106
|
+
// ===================
|
|
107
|
+
// Base: 16px (1rem), scaled by golden ratio
|
|
108
|
+
"--hz-phi": "1.618",
|
|
109
|
+
"--hz-space-phi-xs": "0.375rem",
|
|
110
|
+
// ~6px (16 ÷ φ²)
|
|
111
|
+
"--hz-space-phi-sm": "0.625rem",
|
|
112
|
+
// ~10px (16 ÷ φ)
|
|
113
|
+
"--hz-space-phi-base": "1rem",
|
|
114
|
+
// 16px (base)
|
|
115
|
+
"--hz-space-phi-md": "1.618rem",
|
|
116
|
+
// ~26px (16 × φ)
|
|
117
|
+
"--hz-space-phi-lg": "2.618rem",
|
|
118
|
+
// ~42px (16 × φ²)
|
|
119
|
+
"--hz-space-phi-xl": "4.236rem",
|
|
120
|
+
// ~68px (16 × φ³)
|
|
121
|
+
// ===================
|
|
122
|
+
// SHADOW TOKENS
|
|
123
|
+
// ===================
|
|
124
|
+
// Subtle shadows - Horizon philosophy
|
|
125
|
+
"--hz-shadow-sm": "0 1px 2px rgba(0, 0, 0, 0.05)",
|
|
126
|
+
"--hz-shadow-md": "0 2px 4px rgba(0, 0, 0, 0.08)",
|
|
127
|
+
"--hz-shadow-lg": "0 4px 8px rgba(0, 0, 0, 0.1)",
|
|
128
|
+
// ===================
|
|
129
|
+
// ANIMATION TOKENS
|
|
130
|
+
// ===================
|
|
131
|
+
// Subtle, purposeful animations
|
|
132
|
+
"--hz-duration-fast": "150ms",
|
|
133
|
+
"--hz-duration-normal": "200ms",
|
|
134
|
+
"--hz-duration-slow": "300ms",
|
|
135
|
+
"--hz-easing-default": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
136
|
+
"--hz-easing-in": "cubic-bezier(0.4, 0, 1, 1)",
|
|
137
|
+
"--hz-easing-out": "cubic-bezier(0, 0, 0.2, 1)"
|
|
138
|
+
},
|
|
139
|
+
// ===================
|
|
140
|
+
// ROUNDED MODE
|
|
141
|
+
// ===================
|
|
142
|
+
// Opt-in rounded aesthetic
|
|
143
|
+
".hz-rounded": {
|
|
144
|
+
"--hz-radius-sm": "0.25rem",
|
|
145
|
+
// 4px
|
|
146
|
+
"--hz-radius-md": "0.5rem",
|
|
147
|
+
// 8px
|
|
148
|
+
"--hz-radius-lg": "0.75rem"
|
|
149
|
+
// 12px
|
|
150
|
+
}
|
|
151
|
+
});
|
|
152
|
+
});
|
|
2
153
|
var horizonPreset = {
|
|
3
154
|
darkMode: "class",
|
|
4
155
|
theme: {
|
|
5
156
|
extend: {
|
|
157
|
+
// ===================
|
|
158
|
+
// COLORS
|
|
159
|
+
// ===================
|
|
6
160
|
colors: {
|
|
7
161
|
// POS-360 Brand Colors
|
|
8
162
|
primary: {
|
|
@@ -38,6 +192,68 @@ var horizonPreset = {
|
|
|
38
192
|
DEFAULT: "#F43F5E"
|
|
39
193
|
}
|
|
40
194
|
},
|
|
195
|
+
// ===================
|
|
196
|
+
// BORDER RADIUS
|
|
197
|
+
// ===================
|
|
198
|
+
// Map Tailwind classes to Horizon tokens
|
|
199
|
+
borderRadius: {
|
|
200
|
+
"hz-sm": "var(--hz-radius-sm)",
|
|
201
|
+
"hz-md": "var(--hz-radius-md)",
|
|
202
|
+
"hz-lg": "var(--hz-radius-lg)",
|
|
203
|
+
"hz-full": "var(--hz-radius-full)"
|
|
204
|
+
},
|
|
205
|
+
// ===================
|
|
206
|
+
// SPACING
|
|
207
|
+
// ===================
|
|
208
|
+
// Extend with Horizon spacing tokens
|
|
209
|
+
spacing: {
|
|
210
|
+
"hz-1": "var(--hz-space-1)",
|
|
211
|
+
"hz-2": "var(--hz-space-2)",
|
|
212
|
+
"hz-3": "var(--hz-space-3)",
|
|
213
|
+
"hz-4": "var(--hz-space-4)",
|
|
214
|
+
"hz-5": "var(--hz-space-5)",
|
|
215
|
+
"hz-6": "var(--hz-space-6)",
|
|
216
|
+
"hz-8": "var(--hz-space-8)",
|
|
217
|
+
"hz-10": "var(--hz-space-10)",
|
|
218
|
+
"hz-12": "var(--hz-space-12)",
|
|
219
|
+
// Golden ratio spacing (φ = 1.618)
|
|
220
|
+
"hz-phi-xs": "var(--hz-space-phi-xs)",
|
|
221
|
+
// ~6px
|
|
222
|
+
"hz-phi-sm": "var(--hz-space-phi-sm)",
|
|
223
|
+
// ~10px
|
|
224
|
+
"hz-phi-base": "var(--hz-space-phi-base)",
|
|
225
|
+
// 16px
|
|
226
|
+
"hz-phi-md": "var(--hz-space-phi-md)",
|
|
227
|
+
// ~26px
|
|
228
|
+
"hz-phi-lg": "var(--hz-space-phi-lg)",
|
|
229
|
+
// ~42px
|
|
230
|
+
"hz-phi-xl": "var(--hz-space-phi-xl)"
|
|
231
|
+
// ~68px
|
|
232
|
+
},
|
|
233
|
+
// ===================
|
|
234
|
+
// BOX SHADOW
|
|
235
|
+
// ===================
|
|
236
|
+
boxShadow: {
|
|
237
|
+
"hz-sm": "var(--hz-shadow-sm)",
|
|
238
|
+
"hz-md": "var(--hz-shadow-md)",
|
|
239
|
+
"hz-lg": "var(--hz-shadow-lg)"
|
|
240
|
+
},
|
|
241
|
+
// ===================
|
|
242
|
+
// TRANSITIONS
|
|
243
|
+
// ===================
|
|
244
|
+
transitionDuration: {
|
|
245
|
+
"hz-fast": "var(--hz-duration-fast)",
|
|
246
|
+
"hz-normal": "var(--hz-duration-normal)",
|
|
247
|
+
"hz-slow": "var(--hz-duration-slow)"
|
|
248
|
+
},
|
|
249
|
+
transitionTimingFunction: {
|
|
250
|
+
"hz-default": "var(--hz-easing-default)",
|
|
251
|
+
"hz-in": "var(--hz-easing-in)",
|
|
252
|
+
"hz-out": "var(--hz-easing-out)"
|
|
253
|
+
},
|
|
254
|
+
// ===================
|
|
255
|
+
// ANIMATIONS
|
|
256
|
+
// ===================
|
|
41
257
|
animation: {
|
|
42
258
|
"pulse-slow": "pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite",
|
|
43
259
|
"fade-in": "fadeIn 0.2s ease-out",
|
|
@@ -64,7 +280,8 @@ var horizonPreset = {
|
|
|
64
280
|
}
|
|
65
281
|
}
|
|
66
282
|
}
|
|
67
|
-
}
|
|
283
|
+
},
|
|
284
|
+
plugins: [horizonPlugin]
|
|
68
285
|
};
|
|
69
286
|
var tailwind_default = horizonPreset;
|
|
70
287
|
|
package/dist/tailwind.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tailwind.ts"],"names":[],"mappings":";AAeA,IAAM,aAAA,GAAgB;AAAA,EACpB,QAAA,EAAU,OAAA;AAAA,EACV,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ;AAAA,MACN,MAAA,EAAQ;AAAA;AAAA,QAEN,OAAA,EAAS;AAAA,UACP,EAAA,EAAI,SAAA;AAAA,UACJ,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,OAAA,EAAS;AAAA,SACX;AAAA,QACA,OAAA,EAAS;AAAA,UACP,EAAA,EAAI,SAAA;AAAA,UACJ,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,OAAA,EAAS;AAAA,SACX;AAAA,QACA,OAAA,EAAS;AAAA,UACP,EAAA,EAAI,SAAA;AAAA,UACJ,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,OAAA,EAAS;AAAA,SACX;AAAA,QACA,KAAA,EAAO;AAAA,UACL,EAAA,EAAI,SAAA;AAAA,UACJ,GAAA,EAAK,SAAA;AAAA,UACL,GAAA,EAAK,SAAA;AAAA,UACL,OAAA,EAAS;AAAA;AACX,OACF;AAAA,MACA,SAAA,EAAW;AAAA,QACT,YAAA,EAAc,gDAAA;AAAA,QACd,SAAA,EAAW,sBAAA;AAAA,QACX,UAAA,EAAY,uBAAA;AAAA,QACZ,YAAA,EAAc,yBAAA;AAAA,QACd,UAAA,EAAY;AAAA,OACd;AAAA,MACA,SAAA,EAAW;AAAA,QACT,MAAA,EAAQ;AAAA,UACN,IAAA,EAAM,EAAE,OAAA,EAAS,GAAA,EAAI;AAAA,UACrB,MAAA,EAAQ,EAAE,OAAA,EAAS,GAAA;AAAI,SACzB;AAAA,QACA,OAAA,EAAS;AAAA,UACP,IAAA,EAAM,EAAE,SAAA,EAAW,kBAAA,EAAoB,SAAS,GAAA,EAAI;AAAA,UACpD,MAAA,EAAQ,EAAE,SAAA,EAAW,eAAA,EAAiB,SAAS,GAAA;AAAI,SACrD;AAAA,QACA,SAAA,EAAW;AAAA,UACT,IAAA,EAAM,EAAE,SAAA,EAAW,mBAAA,EAAqB,SAAS,GAAA,EAAI;AAAA,UACrD,MAAA,EAAQ,EAAE,SAAA,EAAW,eAAA,EAAiB,SAAS,GAAA;AAAI,SACrD;AAAA,QACA,OAAA,EAAS;AAAA,UACP,IAAA,EAAM,EAAE,SAAA,EAAW,aAAA,EAAe,SAAS,GAAA,EAAI;AAAA,UAC/C,MAAA,EAAQ,EAAE,SAAA,EAAW,UAAA,EAAY,SAAS,GAAA;AAAI;AAChD;AACF;AACF;AAEJ,CAAA;AAEA,IAAO,gBAAA,GAAQ","file":"tailwind.mjs","sourcesContent":["/**\n * Horizon Tailwind CSS Preset\n *\n * Use this preset in your tailwind.config.js to get POS-360 design tokens:\n *\n * @example\n * // tailwind.config.js\n * const horizonPreset = require(\"@pos-360/horizon/tailwind\");\n *\n * module.exports = {\n * presets: [horizonPreset],\n * // ... rest of your config\n * }\n */\n\nconst horizonPreset = {\n darkMode: \"class\" as const,\n theme: {\n extend: {\n colors: {\n // POS-360 Brand Colors\n primary: {\n 50: \"#eff6ff\",\n 100: \"#dbeafe\",\n 200: \"#bfdbfe\",\n 300: \"#93c5fd\",\n 400: \"#60a5fa\",\n 500: \"#3b82f6\",\n 600: \"#2563eb\",\n 700: \"#1d4ed8\",\n 800: \"#1e40af\",\n 900: \"#1e3a8a\",\n 950: \"#172554\",\n DEFAULT: \"#0F62FE\",\n },\n success: {\n 50: \"#ecfdf5\",\n 500: \"#10b981\",\n 600: \"#059669\",\n DEFAULT: \"#10B981\",\n },\n warning: {\n 50: \"#fffbeb\",\n 500: \"#f59e0b\",\n 600: \"#d97706\",\n DEFAULT: \"#F59E0B\",\n },\n error: {\n 50: \"#fff1f2\",\n 500: \"#f43f5e\",\n 600: \"#e11d48\",\n DEFAULT: \"#F43F5E\",\n },\n },\n animation: {\n \"pulse-slow\": \"pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite\",\n \"fade-in\": \"fadeIn 0.2s ease-out\",\n \"slide-up\": \"slideUp 0.3s ease-out\",\n \"slide-down\": \"slideDown 0.3s ease-out\",\n \"scale-in\": \"scaleIn 0.2s ease-out\",\n },\n keyframes: {\n fadeIn: {\n \"0%\": { opacity: \"0\" },\n \"100%\": { opacity: \"1\" },\n },\n slideUp: {\n \"0%\": { transform: \"translateY(10px)\", opacity: \"0\" },\n \"100%\": { transform: \"translateY(0)\", opacity: \"1\" },\n },\n slideDown: {\n \"0%\": { transform: \"translateY(-10px)\", opacity: \"0\" },\n \"100%\": { transform: \"translateY(0)\", opacity: \"1\" },\n },\n scaleIn: {\n \"0%\": { transform: \"scale(0.95)\", opacity: \"0\" },\n \"100%\": { transform: \"scale(1)\", opacity: \"1\" },\n },\n },\n },\n },\n};\n\nexport default horizonPreset;\n"]}
|
|
1
|
+
{"version":3,"sources":["../node_modules/.pnpm/tailwindcss@3.4.19/node_modules/tailwindcss/lib/util/createPlugin.js","../node_modules/.pnpm/tailwindcss@3.4.19/node_modules/tailwindcss/lib/public/create-plugin.js","../node_modules/.pnpm/tailwindcss@3.4.19/node_modules/tailwindcss/plugin.js","../src/tailwind.ts"],"names":["exports","plugin"],"mappings":"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","file":"tailwind.mjs","sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nObject.defineProperty(exports, \"default\", {\n enumerable: true,\n get: function() {\n return _default;\n }\n});\nfunction createPlugin(plugin, config) {\n return {\n handler: plugin,\n config\n };\n}\ncreatePlugin.withOptions = function(pluginFunction, configFunction = ()=>({})) {\n const optionsFunction = function(options) {\n return {\n __options: options,\n handler: pluginFunction(options),\n config: configFunction(options)\n };\n };\n optionsFunction.__isOptionsFunction = true;\n // Expose plugin dependencies so that `object-hash` returns a different\n // value if anything here changes, to ensure a rebuild is triggered.\n optionsFunction.__pluginFunction = pluginFunction;\n optionsFunction.__configFunction = configFunction;\n return optionsFunction;\n};\nconst _default = createPlugin;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nObject.defineProperty(exports, \"default\", {\n enumerable: true,\n get: function() {\n return _default;\n }\n});\nconst _createPlugin = /*#__PURE__*/ _interop_require_default(require(\"../util/createPlugin\"));\nfunction _interop_require_default(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\nconst _default = _createPlugin.default;\n","let createPlugin = require('./lib/public/create-plugin')\nmodule.exports = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default\n","import plugin from \"tailwindcss/plugin\";\n\n/**\n * Horizon Tailwind CSS Preset\n *\n * Use this preset in your tailwind.config.js to get POS-360 design tokens:\n *\n * @example\n * // tailwind.config.js\n * const horizonPreset = require(\"@pos-360/horizon/tailwind\");\n *\n * module.exports = {\n * presets: [horizonPreset],\n * // ... rest of your config\n * }\n *\n * @example\n * // Enable rounded mode globally by adding class to root element:\n * <html class=\"hz-rounded\">\n *\n * // Or per-section:\n * <div class=\"hz-rounded\">\n * <!-- Components here will have rounded corners -->\n * </div>\n */\n\nconst horizonPlugin = plugin(function ({ addBase }) {\n addBase({\n \":root\": {\n // ===================\n // RADIUS TOKENS\n // ===================\n // Squared by default (Horizon's default aesthetic)\n \"--hz-radius-sm\": \"0px\",\n \"--hz-radius-md\": \"0px\",\n \"--hz-radius-lg\": \"0px\",\n // Always round (for naturally curved elements)\n \"--hz-radius-full\": \"9999px\",\n\n // ===================\n // SPACING TOKENS\n // ===================\n \"--hz-space-0\": \"0px\",\n \"--hz-space-1\": \"0.25rem\", // 4px\n \"--hz-space-2\": \"0.5rem\", // 8px\n \"--hz-space-3\": \"0.75rem\", // 12px\n \"--hz-space-4\": \"1rem\", // 16px\n \"--hz-space-5\": \"1.25rem\", // 20px\n \"--hz-space-6\": \"1.5rem\", // 24px\n \"--hz-space-8\": \"2rem\", // 32px\n \"--hz-space-10\": \"2.5rem\", // 40px\n \"--hz-space-12\": \"3rem\", // 48px\n\n // ===================\n // GOLDEN RATIO SPACING (φ = 1.618)\n // ===================\n // Base: 16px (1rem), scaled by golden ratio\n \"--hz-phi\": \"1.618\",\n \"--hz-space-phi-xs\": \"0.375rem\", // ~6px (16 ÷ φ²)\n \"--hz-space-phi-sm\": \"0.625rem\", // ~10px (16 ÷ φ)\n \"--hz-space-phi-base\": \"1rem\", // 16px (base)\n \"--hz-space-phi-md\": \"1.618rem\", // ~26px (16 × φ)\n \"--hz-space-phi-lg\": \"2.618rem\", // ~42px (16 × φ²)\n \"--hz-space-phi-xl\": \"4.236rem\", // ~68px (16 × φ³)\n\n // ===================\n // SHADOW TOKENS\n // ===================\n // Subtle shadows - Horizon philosophy\n \"--hz-shadow-sm\": \"0 1px 2px rgba(0, 0, 0, 0.05)\",\n \"--hz-shadow-md\": \"0 2px 4px rgba(0, 0, 0, 0.08)\",\n \"--hz-shadow-lg\": \"0 4px 8px rgba(0, 0, 0, 0.1)\",\n\n // ===================\n // ANIMATION TOKENS\n // ===================\n // Subtle, purposeful animations\n \"--hz-duration-fast\": \"150ms\",\n \"--hz-duration-normal\": \"200ms\",\n \"--hz-duration-slow\": \"300ms\",\n \"--hz-easing-default\": \"cubic-bezier(0.4, 0, 0.2, 1)\",\n \"--hz-easing-in\": \"cubic-bezier(0.4, 0, 1, 1)\",\n \"--hz-easing-out\": \"cubic-bezier(0, 0, 0.2, 1)\",\n },\n\n // ===================\n // ROUNDED MODE\n // ===================\n // Opt-in rounded aesthetic\n \".hz-rounded\": {\n \"--hz-radius-sm\": \"0.25rem\", // 4px\n \"--hz-radius-md\": \"0.5rem\", // 8px\n \"--hz-radius-lg\": \"0.75rem\", // 12px\n },\n });\n});\n\nconst horizonPreset = {\n darkMode: \"class\" as const,\n theme: {\n extend: {\n // ===================\n // COLORS\n // ===================\n colors: {\n // POS-360 Brand Colors\n primary: {\n 50: \"#eff6ff\",\n 100: \"#dbeafe\",\n 200: \"#bfdbfe\",\n 300: \"#93c5fd\",\n 400: \"#60a5fa\",\n 500: \"#3b82f6\",\n 600: \"#2563eb\",\n 700: \"#1d4ed8\",\n 800: \"#1e40af\",\n 900: \"#1e3a8a\",\n 950: \"#172554\",\n DEFAULT: \"#0F62FE\",\n },\n success: {\n 50: \"#ecfdf5\",\n 500: \"#10b981\",\n 600: \"#059669\",\n DEFAULT: \"#10B981\",\n },\n warning: {\n 50: \"#fffbeb\",\n 500: \"#f59e0b\",\n 600: \"#d97706\",\n DEFAULT: \"#F59E0B\",\n },\n error: {\n 50: \"#fff1f2\",\n 500: \"#f43f5e\",\n 600: \"#e11d48\",\n DEFAULT: \"#F43F5E\",\n },\n },\n\n // ===================\n // BORDER RADIUS\n // ===================\n // Map Tailwind classes to Horizon tokens\n borderRadius: {\n \"hz-sm\": \"var(--hz-radius-sm)\",\n \"hz-md\": \"var(--hz-radius-md)\",\n \"hz-lg\": \"var(--hz-radius-lg)\",\n \"hz-full\": \"var(--hz-radius-full)\",\n },\n\n // ===================\n // SPACING\n // ===================\n // Extend with Horizon spacing tokens\n spacing: {\n \"hz-1\": \"var(--hz-space-1)\",\n \"hz-2\": \"var(--hz-space-2)\",\n \"hz-3\": \"var(--hz-space-3)\",\n \"hz-4\": \"var(--hz-space-4)\",\n \"hz-5\": \"var(--hz-space-5)\",\n \"hz-6\": \"var(--hz-space-6)\",\n \"hz-8\": \"var(--hz-space-8)\",\n \"hz-10\": \"var(--hz-space-10)\",\n \"hz-12\": \"var(--hz-space-12)\",\n // Golden ratio spacing (φ = 1.618)\n \"hz-phi-xs\": \"var(--hz-space-phi-xs)\", // ~6px\n \"hz-phi-sm\": \"var(--hz-space-phi-sm)\", // ~10px\n \"hz-phi-base\": \"var(--hz-space-phi-base)\", // 16px\n \"hz-phi-md\": \"var(--hz-space-phi-md)\", // ~26px\n \"hz-phi-lg\": \"var(--hz-space-phi-lg)\", // ~42px\n \"hz-phi-xl\": \"var(--hz-space-phi-xl)\", // ~68px\n },\n\n // ===================\n // BOX SHADOW\n // ===================\n boxShadow: {\n \"hz-sm\": \"var(--hz-shadow-sm)\",\n \"hz-md\": \"var(--hz-shadow-md)\",\n \"hz-lg\": \"var(--hz-shadow-lg)\",\n },\n\n // ===================\n // TRANSITIONS\n // ===================\n transitionDuration: {\n \"hz-fast\": \"var(--hz-duration-fast)\",\n \"hz-normal\": \"var(--hz-duration-normal)\",\n \"hz-slow\": \"var(--hz-duration-slow)\",\n },\n transitionTimingFunction: {\n \"hz-default\": \"var(--hz-easing-default)\",\n \"hz-in\": \"var(--hz-easing-in)\",\n \"hz-out\": \"var(--hz-easing-out)\",\n },\n\n // ===================\n // ANIMATIONS\n // ===================\n animation: {\n \"pulse-slow\": \"pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite\",\n \"fade-in\": \"fadeIn 0.2s ease-out\",\n \"slide-up\": \"slideUp 0.3s ease-out\",\n \"slide-down\": \"slideDown 0.3s ease-out\",\n \"scale-in\": \"scaleIn 0.2s ease-out\",\n },\n keyframes: {\n fadeIn: {\n \"0%\": { opacity: \"0\" },\n \"100%\": { opacity: \"1\" },\n },\n slideUp: {\n \"0%\": { transform: \"translateY(10px)\", opacity: \"0\" },\n \"100%\": { transform: \"translateY(0)\", opacity: \"1\" },\n },\n slideDown: {\n \"0%\": { transform: \"translateY(-10px)\", opacity: \"0\" },\n \"100%\": { transform: \"translateY(0)\", opacity: \"1\" },\n },\n scaleIn: {\n \"0%\": { transform: \"scale(0.95)\", opacity: \"0\" },\n \"100%\": { transform: \"scale(1)\", opacity: \"1\" },\n },\n },\n },\n },\n plugins: [horizonPlugin],\n};\n\nexport default horizonPreset;\n"]}
|