@pos-360/horizon 0.1.0

package/dist/primitives.mjs

@@ -0,0 +1,3 @@
+export { Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, badgeVariants, buttonVariants } from './chunk-7LVVOCBV.mjs';
+//# sourceMappingURL=primitives.mjs.map
+//# sourceMappingURL=primitives.mjs.map

package/dist/primitives.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"primitives.mjs"}

package/dist/tailwind.d.mts

@@ -0,0 +1,104 @@
+/**
+ * Horizon Tailwind CSS Preset
+ *
+ * Use this preset in your tailwind.config.js to get POS-360 design tokens:
+ *
+ * @example
+ * // tailwind.config.js
+ * const horizonPreset = require("@pos-360/horizon/tailwind");
+ *
+ * module.exports = {
+ *   presets: [horizonPreset],
+ *   // ... rest of your config
+ * }
+ */
+declare const horizonPreset: {
+    darkMode: "class";
+    theme: {
+        extend: {
+            colors: {
+                primary: {
+                    50: string;
+                    100: string;
+                    200: string;
+                    300: string;
+                    400: string;
+                    500: string;
+                    600: string;
+                    700: string;
+                    800: string;
+                    900: string;
+                    950: string;
+                    DEFAULT: string;
+                };
+                success: {
+                    50: string;
+                    500: string;
+                    600: string;
+                    DEFAULT: string;
+                };
+                warning: {
+                    50: string;
+                    500: string;
+                    600: string;
+                    DEFAULT: string;
+                };
+                error: {
+                    50: string;
+                    500: string;
+                    600: string;
+                    DEFAULT: string;
+                };
+            };
+            animation: {
+                "pulse-slow": string;
+                "fade-in": string;
+                "slide-up": string;
+                "slide-down": string;
+                "scale-in": string;
+            };
+            keyframes: {
+                fadeIn: {
+                    "0%": {
+                        opacity: string;
+                    };
+                    "100%": {
+                        opacity: string;
+                    };
+                };
+                slideUp: {
+                    "0%": {
+                        transform: string;
+                        opacity: string;
+                    };
+                    "100%": {
+                        transform: string;
+                        opacity: string;
+                    };
+                };
+                slideDown: {
+                    "0%": {
+                        transform: string;
+                        opacity: string;
+                    };
+                    "100%": {
+                        transform: string;
+                        opacity: string;
+                    };
+                };
+                scaleIn: {
+                    "0%": {
+                        transform: string;
+                        opacity: string;
+                    };
+                    "100%": {
+                        transform: string;
+                        opacity: string;
+                    };
+                };
+            };
+        };
+    };
+};
+
+export { horizonPreset as default };

package/dist/tailwind.d.ts

@@ -0,0 +1,104 @@
+/**
+ * Horizon Tailwind CSS Preset
+ *
+ * Use this preset in your tailwind.config.js to get POS-360 design tokens:
+ *
+ * @example
+ * // tailwind.config.js
+ * const horizonPreset = require("@pos-360/horizon/tailwind");
+ *
+ * module.exports = {
+ *   presets: [horizonPreset],
+ *   // ... rest of your config
+ * }
+ */
+declare const horizonPreset: {
+    darkMode: "class";
+    theme: {
+        extend: {
+            colors: {
+                primary: {
+                    50: string;
+                    100: string;
+                    200: string;
+                    300: string;
+                    400: string;
+                    500: string;
+                    600: string;
+                    700: string;
+                    800: string;
+                    900: string;
+                    950: string;
+                    DEFAULT: string;
+                };
+                success: {
+                    50: string;
+                    500: string;
+                    600: string;
+                    DEFAULT: string;
+                };
+                warning: {
+                    50: string;
+                    500: string;
+                    600: string;
+                    DEFAULT: string;
+                };
+                error: {
+                    50: string;
+                    500: string;
+                    600: string;
+                    DEFAULT: string;
+                };
+            };
+            animation: {
+                "pulse-slow": string;
+                "fade-in": string;
+                "slide-up": string;
+                "slide-down": string;
+                "scale-in": string;
+            };
+            keyframes: {
+                fadeIn: {
+                    "0%": {
+                        opacity: string;
+                    };
+                    "100%": {
+                        opacity: string;
+                    };
+                };
+                slideUp: {
+                    "0%": {
+                        transform: string;
+                        opacity: string;
+                    };
+                    "100%": {
+                        transform: string;
+                        opacity: string;
+                    };
+                };
+                slideDown: {
+                    "0%": {
+                        transform: string;
+                        opacity: string;
+                    };
+                    "100%": {
+                        transform: string;
+                        opacity: string;
+                    };
+                };
+                scaleIn: {
+                    "0%": {
+                        transform: string;
+                        opacity: string;
+                    };
+                    "100%": {
+                        transform: string;
+                        opacity: string;
+                    };
+                };
+            };
+        };
+    };
+};
+
+export { horizonPreset as default };

package/dist/tailwind.js

@@ -0,0 +1,75 @@
+'use strict';
+
+// src/tailwind.ts
+var horizonPreset = {
+  darkMode: "class",
+  theme: {
+    extend: {
+      colors: {
+        // POS-360 Brand Colors
+        primary: {
+          50: "#eff6ff",
+          100: "#dbeafe",
+          200: "#bfdbfe",
+          300: "#93c5fd",
+          400: "#60a5fa",
+          500: "#3b82f6",
+          600: "#2563eb",
+          700: "#1d4ed8",
+          800: "#1e40af",
+          900: "#1e3a8a",
+          950: "#172554",
+          DEFAULT: "#0F62FE"
+        },
+        success: {
+          50: "#ecfdf5",
+          500: "#10b981",
+          600: "#059669",
+          DEFAULT: "#10B981"
+        },
+        warning: {
+          50: "#fffbeb",
+          500: "#f59e0b",
+          600: "#d97706",
+          DEFAULT: "#F59E0B"
+        },
+        error: {
+          50: "#fff1f2",
+          500: "#f43f5e",
+          600: "#e11d48",
+          DEFAULT: "#F43F5E"
+        }
+      },
+      animation: {
+        "pulse-slow": "pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+        "fade-in": "fadeIn 0.2s ease-out",
+        "slide-up": "slideUp 0.3s ease-out",
+        "slide-down": "slideDown 0.3s ease-out",
+        "scale-in": "scaleIn 0.2s ease-out"
+      },
+      keyframes: {
+        fadeIn: {
+          "0%": { opacity: "0" },
+          "100%": { opacity: "1" }
+        },
+        slideUp: {
+          "0%": { transform: "translateY(10px)", opacity: "0" },
+          "100%": { transform: "translateY(0)", opacity: "1" }
+        },
+        slideDown: {
+          "0%": { transform: "translateY(-10px)", opacity: "0" },
+          "100%": { transform: "translateY(0)", opacity: "1" }
+        },
+        scaleIn: {
+          "0%": { transform: "scale(0.95)", opacity: "0" },
+          "100%": { transform: "scale(1)", opacity: "1" }
+        }
+      }
+    }
+  }
+};
+var tailwind_default = horizonPreset;
+
+module.exports = tailwind_default;
+//# sourceMappingURL=tailwind.js.map
+//# sourceMappingURL=tailwind.js.map

package/dist/tailwind.js.map

@@ -0,0 +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"]}

package/dist/tailwind.mjs

@@ -0,0 +1,73 @@
+// src/tailwind.ts
+var horizonPreset = {
+  darkMode: "class",
+  theme: {
+    extend: {
+      colors: {
+        // POS-360 Brand Colors
+        primary: {
+          50: "#eff6ff",
+          100: "#dbeafe",
+          200: "#bfdbfe",
+          300: "#93c5fd",
+          400: "#60a5fa",
+          500: "#3b82f6",
+          600: "#2563eb",
+          700: "#1d4ed8",
+          800: "#1e40af",
+          900: "#1e3a8a",
+          950: "#172554",
+          DEFAULT: "#0F62FE"
+        },
+        success: {
+          50: "#ecfdf5",
+          500: "#10b981",
+          600: "#059669",
+          DEFAULT: "#10B981"
+        },
+        warning: {
+          50: "#fffbeb",
+          500: "#f59e0b",
+          600: "#d97706",
+          DEFAULT: "#F59E0B"
+        },
+        error: {
+          50: "#fff1f2",
+          500: "#f43f5e",
+          600: "#e11d48",
+          DEFAULT: "#F43F5E"
+        }
+      },
+      animation: {
+        "pulse-slow": "pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+        "fade-in": "fadeIn 0.2s ease-out",
+        "slide-up": "slideUp 0.3s ease-out",
+        "slide-down": "slideDown 0.3s ease-out",
+        "scale-in": "scaleIn 0.2s ease-out"
+      },
+      keyframes: {
+        fadeIn: {
+          "0%": { opacity: "0" },
+          "100%": { opacity: "1" }
+        },
+        slideUp: {
+          "0%": { transform: "translateY(10px)", opacity: "0" },
+          "100%": { transform: "translateY(0)", opacity: "1" }
+        },
+        slideDown: {
+          "0%": { transform: "translateY(-10px)", opacity: "0" },
+          "100%": { transform: "translateY(0)", opacity: "1" }
+        },
+        scaleIn: {
+          "0%": { transform: "scale(0.95)", opacity: "0" },
+          "100%": { transform: "scale(1)", opacity: "1" }
+        }
+      }
+    }
+  }
+};
+var tailwind_default = horizonPreset;
+
+export { tailwind_default as default };
+//# sourceMappingURL=tailwind.mjs.map
+//# sourceMappingURL=tailwind.mjs.map

package/dist/tailwind.mjs.map

@@ -0,0 +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"]}

package/package.json

@@ -0,0 +1,103 @@
+{
+  "name": "@pos-360/horizon",
+  "version": "0.1.0",
+  "description": "POS-360 unified component library - the horizon all apps look toward",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./primitives": {
+      "types": "./dist/primitives.d.ts",
+      "import": "./dist/primitives.mjs",
+      "require": "./dist/primitives.js"
+    },
+    "./enhanced": {
+      "types": "./dist/enhanced.d.ts",
+      "import": "./dist/enhanced.mjs",
+      "require": "./dist/enhanced.js"
+    },
+    "./animated-icons": {
+      "types": "./dist/animated-icons.d.ts",
+      "import": "./dist/animated-icons.mjs",
+      "require": "./dist/animated-icons.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks.d.ts",
+      "import": "./dist/hooks.mjs",
+      "require": "./dist/hooks.js"
+    },
+    "./tailwind": {
+      "import": "./dist/tailwind.mjs",
+      "require": "./dist/tailwind.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist",
+    "tailwind.config.js"
+  ],
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "lint": "eslint src/",
+    "typecheck": "tsc --noEmit",
+    "docs": "pnpm --filter docs dev",
+    "docs:build": "pnpm --filter docs build",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "dependencies": {
+    "@radix-ui/react-checkbox": "^1.1.1",
+    "@radix-ui/react-dialog": "^1.1.1",
+    "@radix-ui/react-dropdown-menu": "^2.1.1",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-popover": "^1.1.1",
+    "@radix-ui/react-select": "^2.1.1",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-tabs": "^1.1.0",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
+    "framer-motion": "^11.2.4",
+    "lucide-react": "^0.400.0",
+    "tailwind-merge": "^2.3.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
+    "autoprefixer": "^10.4.19",
+    "eslint": "^8",
+    "postcss": "^8.4.38",
+    "tailwindcss": "^3.4.3",
+    "tsup": "^8.0.0",
+    "typescript": "^5"
+  },
+  "keywords": [
+    "pos-360",
+    "horizon",
+    "react",
+    "components",
+    "ui",
+    "design-system",
+    "tailwindcss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/POS-360/horizon.git"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/tailwind.config.js

@@ -0,0 +1,105 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  darkMode: "class",
+  content: ["./src/**/*.{js,ts,jsx,tsx}", "./docs/**/*.{js,ts,jsx,tsx,mdx}"],
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ["var(--font-bricolage)", "system-ui", "sans-serif"],
+      },
+      colors: {
+        // POS-360 Brand Colors
+        primary: {
+          50: "#eff6ff",
+          100: "#dbeafe",
+          200: "#bfdbfe",
+          300: "#93c5fd",
+          400: "#60a5fa",
+          500: "#3b82f6",
+          600: "#2563eb",
+          700: "#1d4ed8",
+          800: "#1e40af",
+          900: "#1e3a8a",
+          950: "#172554",
+          DEFAULT: "#0F62FE",
+        },
+        // Semantic colors
+        success: {
+          50: "#ecfdf5",
+          100: "#d1fae5",
+          200: "#a7f3d0",
+          300: "#6ee7b7",
+          400: "#34d399",
+          500: "#10b981",
+          600: "#059669",
+          700: "#047857",
+          800: "#065f46",
+          900: "#064e3b",
+          DEFAULT: "#10B981",
+        },
+        warning: {
+          50: "#fffbeb",
+          100: "#fef3c7",
+          200: "#fde68a",
+          300: "#fcd34d",
+          400: "#fbbf24",
+          500: "#f59e0b",
+          600: "#d97706",
+          700: "#b45309",
+          800: "#92400e",
+          900: "#78350f",
+          DEFAULT: "#F59E0B",
+        },
+        error: {
+          50: "#fff1f2",
+          100: "#ffe4e6",
+          200: "#fecdd3",
+          300: "#fda4af",
+          400: "#fb7185",
+          500: "#f43f5e",
+          600: "#e11d48",
+          700: "#be123c",
+          800: "#9f1239",
+          900: "#881337",
+          DEFAULT: "#F43F5E",
+        },
+      },
+      animation: {
+        "pulse-slow": "pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+        "shimmer": "shimmer 2s infinite linear",
+        "fade-in": "fadeIn 0.2s ease-out",
+        "slide-up": "slideUp 0.3s ease-out",
+        "slide-down": "slideDown 0.3s ease-out",
+        "scale-in": "scaleIn 0.2s ease-out",
+      },
+      keyframes: {
+        shimmer: {
+          "0%": { transform: "translateX(-100%)" },
+          "100%": { transform: "translateX(100%)" },
+        },
+        fadeIn: {
+          "0%": { opacity: "0" },
+          "100%": { opacity: "1" },
+        },
+        slideUp: {
+          "0%": { transform: "translateY(10px)", opacity: "0" },
+          "100%": { transform: "translateY(0)", opacity: "1" },
+        },
+        slideDown: {
+          "0%": { transform: "translateY(-10px)", opacity: "0" },
+          "100%": { transform: "translateY(0)", opacity: "1" },
+        },
+        scaleIn: {
+          "0%": { transform: "scale(0.95)", opacity: "0" },
+          "100%": { transform: "scale(1)", opacity: "1" },
+        },
+      },
+      borderRadius: {
+        lg: "0.5rem",
+        md: "0.375rem",
+        sm: "0.25rem",
+      },
+    },
+  },
+  plugins: [require("tailwindcss-animate")],
+};