@dododog/ui 0.1.0

package/dist/tailwind-preset.d.ts

@@ -0,0 +1,159 @@
+import { F as FontSizeValue } from './typography-BUlhEnfy.js';
+
+declare const dododogPreset: {
+    theme: {
+        extend: {
+            colors: {
+                readonly primary: {
+                    readonly DEFAULT: "#3b4559";
+                    readonly light: "#4a5568";
+                    readonly dark: "#2d3748";
+                };
+                readonly secondary: {
+                    readonly DEFAULT: "#f27c54";
+                    readonly light: "#f5a083";
+                    readonly dark: "#e05a2d";
+                };
+                readonly accent: {
+                    readonly DEFAULT: "#00bfb3";
+                    readonly light: "#33ccc2";
+                    readonly dark: "#009990";
+                };
+                readonly sand: {
+                    readonly DEFAULT: "#f5f0e8";
+                    readonly light: "#faf7f2";
+                    readonly dark: "#e8e0d4";
+                };
+                readonly text: {
+                    readonly primary: "#3b4559";
+                    readonly secondary: "#6b7280";
+                    readonly muted: "#9ca3af";
+                };
+                readonly white: "#ffffff";
+                readonly black: "#000000";
+            };
+            fontFamily: Record<string, string[]>;
+            fontSize: Record<string, FontSizeValue>;
+            boxShadow: {
+                readonly card: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)";
+                readonly "card-hover": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)";
+                readonly sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
+                readonly DEFAULT: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)";
+                readonly md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)";
+                readonly lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)";
+                readonly xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)";
+                readonly none: "0 0 #0000";
+            };
+            keyframes: {
+                fadeIn: {
+                    "0%": {
+                        opacity: string;
+                    };
+                    "100%": {
+                        opacity: string;
+                    };
+                };
+                slideUp: {
+                    "0%": {
+                        opacity: string;
+                        transform: string;
+                    };
+                    "100%": {
+                        opacity: string;
+                        transform: string;
+                    };
+                };
+                shimmer: {
+                    "0%": {
+                        backgroundPosition: string;
+                    };
+                    "100%": {
+                        backgroundPosition: string;
+                    };
+                };
+                cardAppear: {
+                    "0%": {
+                        opacity: string;
+                        transform: string;
+                    };
+                    "100%": {
+                        opacity: string;
+                        transform: string;
+                    };
+                };
+                slideFromLeft: {
+                    "0%": {
+                        opacity: string;
+                        transform: string;
+                    };
+                    "100%": {
+                        opacity: string;
+                        transform: string;
+                    };
+                };
+                slideFromRight: {
+                    "0%": {
+                        opacity: string;
+                        transform: string;
+                    };
+                    "100%": {
+                        opacity: string;
+                        transform: string;
+                    };
+                };
+                megamenuIn: {
+                    "0%": {
+                        opacity: string;
+                        transform: string;
+                    };
+                    "100%": {
+                        opacity: string;
+                        transform: string;
+                    };
+                };
+                shake: {
+                    "0%, 100%": {
+                        transform: string;
+                    };
+                    "20%, 60%": {
+                        transform: string;
+                    };
+                    "40%, 80%": {
+                        transform: string;
+                    };
+                };
+                "marquee-down": {
+                    "0%": {
+                        transform: string;
+                    };
+                    "100%": {
+                        transform: string;
+                    };
+                };
+                "marquee-up": {
+                    "0%": {
+                        transform: string;
+                    };
+                    "100%": {
+                        transform: string;
+                    };
+                };
+            };
+            animation: {
+                "fade-in": string;
+                "slide-up": string;
+                "pulse-slow": string;
+                shimmer: string;
+                "card-appear": string;
+                "slide-from-left": string;
+                "slide-from-right": string;
+                "megamenu-in": string;
+                shake: string;
+                "marquee-down": string;
+                "marquee-up": string;
+            };
+        };
+    };
+};
+
+export { dododogPreset };

package/dist/tailwind-preset.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var chunkOK3E73OK_js = require('./chunk-OK3E73OK.js');
+
+// src/tailwind-preset.ts
+var dododogPreset = {
+  theme: {
+    extend: {
+      colors: chunkOK3E73OK_js.colors,
+      fontFamily: chunkOK3E73OK_js.fontFamily,
+      fontSize: chunkOK3E73OK_js.fontSize,
+      boxShadow: chunkOK3E73OK_js.boxShadow,
+      keyframes: chunkOK3E73OK_js.keyframes,
+      animation: chunkOK3E73OK_js.animation
+    }
+  }
+};
+
+exports.dododogPreset = dododogPreset;

package/dist/tailwind-preset.mjs

@@ -0,0 +1,17 @@
+import { animation, keyframes, boxShadow, fontSize, fontFamily, colors } from './chunk-KVVXKSMQ.mjs';
+
+// src/tailwind-preset.ts
+var dododogPreset = {
+  theme: {
+    extend: {
+      colors,
+      fontFamily,
+      fontSize,
+      boxShadow,
+      keyframes,
+      animation
+    }
+  }
+};
+
+export { dododogPreset };

package/dist/tokens/index.d.mts

@@ -0,0 +1,208 @@
+export { a as FontFamily, b as FontSize, T as TypographyToken, f as fontFamily, c as fontSize, t as typography } from '../typography-BUlhEnfy.mjs';
+
+declare const colors: {
+    readonly primary: {
+        readonly DEFAULT: "#3b4559";
+        readonly light: "#4a5568";
+        readonly dark: "#2d3748";
+    };
+    readonly secondary: {
+        readonly DEFAULT: "#f27c54";
+        readonly light: "#f5a083";
+        readonly dark: "#e05a2d";
+    };
+    readonly accent: {
+        readonly DEFAULT: "#00bfb3";
+        readonly light: "#33ccc2";
+        readonly dark: "#009990";
+    };
+    readonly sand: {
+        readonly DEFAULT: "#f5f0e8";
+        readonly light: "#faf7f2";
+        readonly dark: "#e8e0d4";
+    };
+    readonly text: {
+        readonly primary: "#3b4559";
+        readonly secondary: "#6b7280";
+        readonly muted: "#9ca3af";
+    };
+    readonly white: "#ffffff";
+    readonly black: "#000000";
+};
+type ColorToken = typeof colors;
+
+declare const spacing: {
+    readonly px: "1px";
+    readonly 0: "0px";
+    readonly 0.5: "0.125rem";
+    readonly 1: "0.25rem";
+    readonly 1.5: "0.375rem";
+    readonly 2: "0.5rem";
+    readonly 2.5: "0.625rem";
+    readonly 3: "0.75rem";
+    readonly 3.5: "0.875rem";
+    readonly 4: "1rem";
+    readonly 5: "1.25rem";
+    readonly 6: "1.5rem";
+    readonly 7: "1.75rem";
+    readonly 8: "2rem";
+    readonly 9: "2.25rem";
+    readonly 10: "2.5rem";
+    readonly 11: "2.75rem";
+    readonly 12: "3rem";
+    readonly 14: "3.5rem";
+    readonly 16: "4rem";
+    readonly 20: "5rem";
+    readonly 24: "6rem";
+    readonly 28: "7rem";
+    readonly 32: "8rem";
+    readonly 36: "9rem";
+    readonly 40: "10rem";
+    readonly 44: "11rem";
+    readonly 48: "12rem";
+    readonly 52: "13rem";
+    readonly 56: "14rem";
+    readonly 60: "15rem";
+    readonly 64: "16rem";
+    readonly 72: "18rem";
+    readonly 80: "20rem";
+    readonly 96: "24rem";
+};
+declare const borderRadius: {
+    readonly none: "0px";
+    readonly sm: "0.125rem";
+    readonly DEFAULT: "0.25rem";
+    readonly md: "0.375rem";
+    readonly lg: "0.5rem";
+    readonly xl: "0.75rem";
+    readonly "2xl": "1rem";
+    readonly "3xl": "1.5rem";
+    readonly full: "9999px";
+};
+type SpacingToken = typeof spacing;
+type BorderRadiusToken = typeof borderRadius;
+
+declare const boxShadow: {
+    readonly card: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)";
+    readonly "card-hover": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)";
+    readonly sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
+    readonly DEFAULT: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)";
+    readonly md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)";
+    readonly lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)";
+    readonly xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)";
+    readonly none: "0 0 #0000";
+};
+type ShadowToken = typeof boxShadow;
+
+declare const keyframes: {
+    fadeIn: {
+        "0%": {
+            opacity: string;
+        };
+        "100%": {
+            opacity: string;
+        };
+    };
+    slideUp: {
+        "0%": {
+            opacity: string;
+            transform: string;
+        };
+        "100%": {
+            opacity: string;
+            transform: string;
+        };
+    };
+    shimmer: {
+        "0%": {
+            backgroundPosition: string;
+        };
+        "100%": {
+            backgroundPosition: string;
+        };
+    };
+    cardAppear: {
+        "0%": {
+            opacity: string;
+            transform: string;
+        };
+        "100%": {
+            opacity: string;
+            transform: string;
+        };
+    };
+    slideFromLeft: {
+        "0%": {
+            opacity: string;
+            transform: string;
+        };
+        "100%": {
+            opacity: string;
+            transform: string;
+        };
+    };
+    slideFromRight: {
+        "0%": {
+            opacity: string;
+            transform: string;
+        };
+        "100%": {
+            opacity: string;
+            transform: string;
+        };
+    };
+    megamenuIn: {
+        "0%": {
+            opacity: string;
+            transform: string;
+        };
+        "100%": {
+            opacity: string;
+            transform: string;
+        };
+    };
+    shake: {
+        "0%, 100%": {
+            transform: string;
+        };
+        "20%, 60%": {
+            transform: string;
+        };
+        "40%, 80%": {
+            transform: string;
+        };
+    };
+    "marquee-down": {
+        "0%": {
+            transform: string;
+        };
+        "100%": {
+            transform: string;
+        };
+    };
+    "marquee-up": {
+        "0%": {
+            transform: string;
+        };
+        "100%": {
+            transform: string;
+        };
+    };
+};
+declare const animation: {
+    "fade-in": string;
+    "slide-up": string;
+    "pulse-slow": string;
+    shimmer: string;
+    "card-appear": string;
+    "slide-from-left": string;
+    "slide-from-right": string;
+    "megamenu-in": string;
+    shake: string;
+    "marquee-down": string;
+    "marquee-up": string;
+};
+type KeyframesToken = typeof keyframes;
+type AnimationToken = typeof animation;
+
+export { type AnimationToken, type BorderRadiusToken, type ColorToken, type KeyframesToken, type ShadowToken, type SpacingToken, animation, borderRadius, boxShadow, colors, keyframes, spacing };

package/dist/tokens/index.d.ts

@@ -0,0 +1,208 @@
+export { a as FontFamily, b as FontSize, T as TypographyToken, f as fontFamily, c as fontSize, t as typography } from '../typography-BUlhEnfy.js';
+
+declare const colors: {
+    readonly primary: {
+        readonly DEFAULT: "#3b4559";
+        readonly light: "#4a5568";
+        readonly dark: "#2d3748";
+    };
+    readonly secondary: {
+        readonly DEFAULT: "#f27c54";
+        readonly light: "#f5a083";
+        readonly dark: "#e05a2d";
+    };
+    readonly accent: {
+        readonly DEFAULT: "#00bfb3";
+        readonly light: "#33ccc2";
+        readonly dark: "#009990";
+    };
+    readonly sand: {
+        readonly DEFAULT: "#f5f0e8";
+        readonly light: "#faf7f2";
+        readonly dark: "#e8e0d4";
+    };
+    readonly text: {
+        readonly primary: "#3b4559";
+        readonly secondary: "#6b7280";
+        readonly muted: "#9ca3af";
+    };
+    readonly white: "#ffffff";
+    readonly black: "#000000";
+};
+type ColorToken = typeof colors;
+
+declare const spacing: {
+    readonly px: "1px";
+    readonly 0: "0px";
+    readonly 0.5: "0.125rem";
+    readonly 1: "0.25rem";
+    readonly 1.5: "0.375rem";
+    readonly 2: "0.5rem";
+    readonly 2.5: "0.625rem";
+    readonly 3: "0.75rem";
+    readonly 3.5: "0.875rem";
+    readonly 4: "1rem";
+    readonly 5: "1.25rem";
+    readonly 6: "1.5rem";
+    readonly 7: "1.75rem";
+    readonly 8: "2rem";
+    readonly 9: "2.25rem";
+    readonly 10: "2.5rem";
+    readonly 11: "2.75rem";
+    readonly 12: "3rem";
+    readonly 14: "3.5rem";
+    readonly 16: "4rem";
+    readonly 20: "5rem";
+    readonly 24: "6rem";
+    readonly 28: "7rem";
+    readonly 32: "8rem";
+    readonly 36: "9rem";
+    readonly 40: "10rem";
+    readonly 44: "11rem";
+    readonly 48: "12rem";
+    readonly 52: "13rem";
+    readonly 56: "14rem";
+    readonly 60: "15rem";
+    readonly 64: "16rem";
+    readonly 72: "18rem";
+    readonly 80: "20rem";
+    readonly 96: "24rem";
+};
+declare const borderRadius: {
+    readonly none: "0px";
+    readonly sm: "0.125rem";
+    readonly DEFAULT: "0.25rem";
+    readonly md: "0.375rem";
+    readonly lg: "0.5rem";
+    readonly xl: "0.75rem";
+    readonly "2xl": "1rem";
+    readonly "3xl": "1.5rem";
+    readonly full: "9999px";
+};
+type SpacingToken = typeof spacing;
+type BorderRadiusToken = typeof borderRadius;
+
+declare const boxShadow: {
+    readonly card: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)";
+    readonly "card-hover": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)";
+    readonly sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
+    readonly DEFAULT: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)";
+    readonly md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)";
+    readonly lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)";
+    readonly xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)";
+    readonly none: "0 0 #0000";
+};
+type ShadowToken = typeof boxShadow;
+
+declare const keyframes: {
+    fadeIn: {
+        "0%": {
+            opacity: string;
+        };
+        "100%": {
+            opacity: string;
+        };
+    };
+    slideUp: {
+        "0%": {
+            opacity: string;
+            transform: string;
+        };
+        "100%": {
+            opacity: string;
+            transform: string;
+        };
+    };
+    shimmer: {
+        "0%": {
+            backgroundPosition: string;
+        };
+        "100%": {
+            backgroundPosition: string;
+        };
+    };
+    cardAppear: {
+        "0%": {
+            opacity: string;
+            transform: string;
+        };
+        "100%": {
+            opacity: string;
+            transform: string;
+        };
+    };
+    slideFromLeft: {
+        "0%": {
+            opacity: string;
+            transform: string;
+        };
+        "100%": {
+            opacity: string;
+            transform: string;
+        };
+    };
+    slideFromRight: {
+        "0%": {
+            opacity: string;
+            transform: string;
+        };
+        "100%": {
+            opacity: string;
+            transform: string;
+        };
+    };
+    megamenuIn: {
+        "0%": {
+            opacity: string;
+            transform: string;
+        };
+        "100%": {
+            opacity: string;
+            transform: string;
+        };
+    };
+    shake: {
+        "0%, 100%": {
+            transform: string;
+        };
+        "20%, 60%": {
+            transform: string;
+        };
+        "40%, 80%": {
+            transform: string;
+        };
+    };
+    "marquee-down": {
+        "0%": {
+            transform: string;
+        };
+        "100%": {
+            transform: string;
+        };
+    };
+    "marquee-up": {
+        "0%": {
+            transform: string;
+        };
+        "100%": {
+            transform: string;
+        };
+    };
+};
+declare const animation: {
+    "fade-in": string;
+    "slide-up": string;
+    "pulse-slow": string;
+    shimmer: string;
+    "card-appear": string;
+    "slide-from-left": string;
+    "slide-from-right": string;
+    "megamenu-in": string;
+    shake: string;
+    "marquee-down": string;
+    "marquee-up": string;
+};
+type KeyframesToken = typeof keyframes;
+type AnimationToken = typeof animation;
+
+export { type AnimationToken, type BorderRadiusToken, type ColorToken, type KeyframesToken, type ShadowToken, type SpacingToken, animation, borderRadius, boxShadow, colors, keyframes, spacing };

package/dist/tokens/index.js

@@ -0,0 +1,84 @@
+'use strict';
+
+var chunkOK3E73OK_js = require('../chunk-OK3E73OK.js');
+
+// src/tokens/spacing.ts
+var spacing = {
+  px: "1px",
+  0: "0px",
+  0.5: "0.125rem",
+  1: "0.25rem",
+  1.5: "0.375rem",
+  2: "0.5rem",
+  2.5: "0.625rem",
+  3: "0.75rem",
+  3.5: "0.875rem",
+  4: "1rem",
+  5: "1.25rem",
+  6: "1.5rem",
+  7: "1.75rem",
+  8: "2rem",
+  9: "2.25rem",
+  10: "2.5rem",
+  11: "2.75rem",
+  12: "3rem",
+  14: "3.5rem",
+  16: "4rem",
+  20: "5rem",
+  24: "6rem",
+  28: "7rem",
+  32: "8rem",
+  36: "9rem",
+  40: "10rem",
+  44: "11rem",
+  48: "12rem",
+  52: "13rem",
+  56: "14rem",
+  60: "15rem",
+  64: "16rem",
+  72: "18rem",
+  80: "20rem",
+  96: "24rem"
+};
+var borderRadius = {
+  none: "0px",
+  sm: "0.125rem",
+  DEFAULT: "0.25rem",
+  md: "0.375rem",
+  lg: "0.5rem",
+  xl: "0.75rem",
+  "2xl": "1rem",
+  "3xl": "1.5rem",
+  full: "9999px"
+};
+
+Object.defineProperty(exports, "animation", {
+  enumerable: true,
+  get: function () { return chunkOK3E73OK_js.animation; }
+});
+Object.defineProperty(exports, "boxShadow", {
+  enumerable: true,
+  get: function () { return chunkOK3E73OK_js.boxShadow; }
+});
+Object.defineProperty(exports, "colors", {
+  enumerable: true,
+  get: function () { return chunkOK3E73OK_js.colors; }
+});
+Object.defineProperty(exports, "fontFamily", {
+  enumerable: true,
+  get: function () { return chunkOK3E73OK_js.fontFamily; }
+});
+Object.defineProperty(exports, "fontSize", {
+  enumerable: true,
+  get: function () { return chunkOK3E73OK_js.fontSize; }
+});
+Object.defineProperty(exports, "keyframes", {
+  enumerable: true,
+  get: function () { return chunkOK3E73OK_js.keyframes; }
+});
+Object.defineProperty(exports, "typography", {
+  enumerable: true,
+  get: function () { return chunkOK3E73OK_js.typography; }
+});
+exports.borderRadius = borderRadius;
+exports.spacing = spacing;