@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/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
 
@@ -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
 
@@ -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"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pos-360/horizon",
3
- "version": "0.4.0",
3
+ "version": "0.5.0",
4
4
  "description": "POS-360 unified component library - the horizon all apps look toward",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",