@getmicdrop/venue-calendar 3.6.0 → 3.7.1

package/dist/colors-BZoMuXdh.js

@@ -1,62 +0,0 @@
-const e = {
-  blue: {
-    200: "#bfdbfe",
-    500: "#3b82f6",
-    600: "#2563eb",
-    700: "#1d4ed8"
-  },
-  red: {
-    500: "#ef4444",
-    600: "#dc2626"
-  },
-  green: {
-    500: "#22c55e",
-    600: "#16a34a",
-    emerald: "#10b981",
-    emeraldDark: "#059669"
-  },
-  amber: {
-    500: "#f59e0b"
-  },
-  orange: {
-    500: "#f97316"
-  },
-  violet: {
-    500: "#8b5cf6"
-  },
-  cyan: {
-    400: "#22d3ee",
-    500: "#06b6d4",
-    600: "#0891b2"
-  },
-  teal: {
-    400: "#2dd4bf",
-    500: "#14b8a6"
-  },
-  // Custom event/calendar colors
-  sky: {
-    400: "#45b7d1",
-    light: "#4ecdc4"
-  },
-  mint: {
-    500: "#98d8c8",
-    600: "#96ceb4"
-  },
-  plum: "#dda0dd",
-  // Warm palette colors
-  yellow: {
-    500: "#f7dc6f",
-    300: "#ffeaa7"
-  },
-  coral: "#ff6b6b"
-}, b = {
-  blue: "#4285f4",
-  green: "#34a853",
-  yellow: "#fbbc05",
-  red: "#ea4335"
-};
-export {
-  e as A,
-  b as G
-};
-//# sourceMappingURL=colors-BZoMuXdh.js.map

package/dist/colors-BZoMuXdh.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors-BZoMuXdh.js","sources":["../src/lib/constants/colors.ts"],"sourcesContent":["/**\n * Centralized color constants for venue-calendar-npm.\n *\n * Single source of truth for all colors used across the calendar package.\n * This enables consistent theming and makes global color changes trivial.\n *\n * Usage:\n *   import { COLORS, GRAY, BRAND } from '$lib/constants/colors';\n *\n * IMPORTANT: Never hardcode hex values in components.\n * Always import from this file.\n */\n\n/**\n * Brand colors - Micdrop identity\n */\nexport const BRAND = {\n\t/** Primary brand blue - used for primary actions, links */\n\tprimary: '#0284fe',\n\t/** Secondary brand blue (Tailwind blue-700) - calendar events, highlights */\n\tsecondary: '#1d4ed8',\n\t/** Tertiary brand blue (Tailwind blue-600) */\n\ttertiary: '#2563eb'\n} as const;\n\n/**\n * Gray scale - Tailwind gray palette\n * Maps directly to Tailwind's gray color scale\n */\nexport const GRAY = {\n\t50: '#f9fafb',\n\t100: '#f3f4f6',\n\t200: '#e5e7eb',\n\t300: '#d1d5db',\n\t400: '#9ca3af',\n\t500: '#6b7280',\n\t600: '#4b5563',\n\t700: '#374151',\n\t800: '#1f2937',\n\t900: '#111827'\n} as const;\n\n/**\n * Semantic colors - for specific UI purposes\n */\nexport const SEMANTIC = {\n\t// Text colors\n\ttext: {\n\t\tprimary: GRAY[900],\n\t\tsecondary: GRAY[500],\n\t\tmuted: GRAY[400],\n\t\tinverted: '#ffffff'\n\t},\n\t// Background colors\n\tbackground: {\n\t\tprimary: '#ffffff',\n\t\tsecondary: GRAY[50],\n\t\ttertiary: GRAY[100],\n\t\tdark: GRAY[800],\n\t\tdarker: GRAY[900]\n\t},\n\t// Border colors\n\tborder: {\n\t\tdefault: GRAY[200],\n\t\tstrong: GRAY[300],\n\t\tmuted: GRAY[100],\n\t\tlight: '#e0e0e0'\n\t},\n\t// Status colors\n\tsuccess: '#16a34a', // green-600\n\terror: '#ef4444', // red-500\n\twarning: '#f59e0b', // amber-500\n\tinfo: '#3b82f6' // blue-500\n} as const;\n\n/**\n * Accent colors - Tailwind and custom palette\n */\nexport const ACCENT = {\n\tblue: {\n\t\t200: '#bfdbfe',\n\t\t500: '#3b82f6',\n\t\t600: '#2563eb',\n\t\t700: '#1d4ed8'\n\t},\n\tred: {\n\t\t500: '#ef4444',\n\t\t600: '#dc2626'\n\t},\n\tgreen: {\n\t\t500: '#22c55e',\n\t\t600: '#16a34a',\n\t\temerald: '#10b981',\n\t\temeraldDark: '#059669'\n\t},\n\tamber: {\n\t\t500: '#f59e0b'\n\t},\n\torange: {\n\t\t500: '#f97316'\n\t},\n\tviolet: {\n\t\t500: '#8b5cf6'\n\t},\n\tcyan: {\n\t\t400: '#22d3ee',\n\t\t500: '#06b6d4',\n\t\t600: '#0891b2'\n\t},\n\tteal: {\n\t\t400: '#2dd4bf',\n\t\t500: '#14b8a6'\n\t},\n\t// Custom event/calendar colors\n\tsky: {\n\t\t400: '#45b7d1',\n\t\tlight: '#4ecdc4'\n\t},\n\tmint: {\n\t\t500: '#98d8c8',\n\t\t600: '#96ceb4'\n\t},\n\tplum: '#dda0dd',\n\t// Warm palette colors\n\tyellow: {\n\t\t500: '#f7dc6f',\n\t\t300: '#ffeaa7'\n\t},\n\tcoral: '#ff6b6b'\n} as const;\n\n/**\n * Google Pay brand colors\n * Used in payment section\n */\nexport const GOOGLE_PAY = {\n\tblue: '#4285f4',\n\tgreen: '#34a853',\n\tyellow: '#fbbc05',\n\tred: '#ea4335'\n} as const;\n\n/**\n * Dark mode colors\n * Used for calendar container and other dark sections\n */\nexport const DARK = {\n\tnavy: {\n\t\t900: '#0d1526',\n\t\t800: '#1a202c',\n\t\t700: '#2d3748',\n\t\t600: '#252b37'\n\t}\n} as const;\n\n/**\n * Combined colors object for easy access\n */\nexport const COLORS = {\n\tbrand: BRAND,\n\tgray: GRAY,\n\tsemantic: SEMANTIC,\n\taccent: ACCENT,\n\tgooglePay: GOOGLE_PAY,\n\tdark: DARK\n} as const;\n\n/**\n * Hex to Tailwind class mappings for common colors.\n * Used by migration scripts and for documentation.\n */\nexport const HEX_TO_TAILWIND: Record<string, string> = {\n\t// Gray scale\n\t'#f9fafb': 'gray-50',\n\t'#F9FAFB': 'gray-50',\n\t'#f3f4f6': 'gray-100',\n\t'#e5e7eb': 'gray-200',\n\t'#d1d5db': 'gray-300',\n\t'#9ca3af': 'gray-400',\n\t'#9CA3AF': 'gray-400',\n\t'#6b7280': 'gray-500',\n\t'#6B7280': 'gray-500',\n\t'#4b5563': 'gray-600',\n\t'#374151': 'gray-700',\n\t'#1f2937': 'gray-800',\n\t'#111827': 'gray-900',\n\n\t// Blues\n\t'#bfdbfe': 'blue-200',\n\t'#BFDBFE': 'blue-200',\n\t'#3b82f6': 'blue-500',\n\t'#3B82F6': 'blue-500',\n\t'#2563eb': 'blue-600',\n\t'#1d4ed8': 'blue-700',\n\t'#0284fe': 'brand-primary',\n\n\t// Reds\n\t'#ef4444': 'red-500',\n\t'#dc2626': 'red-600',\n\n\t// Greens\n\t'#22c55e': 'green-500',\n\t'#16a34a': 'green-600',\n\t'#10b981': 'emerald-500',\n\t'#10B981': 'emerald-500',\n\t'#059669': 'emerald-600',\n\n\t// Ambers/Oranges\n\t'#f59e0b': 'amber-500',\n\t'#F59E0B': 'amber-500',\n\t'#f97316': 'orange-500',\n\t'#F97316': 'orange-500',\n\n\t// Violets/Purples\n\t'#8b5cf6': 'violet-500',\n\t'#8B5CF6': 'violet-500',\n\n\t// Cyans\n\t'#22d3ee': 'cyan-400',\n\t'#06b6d4': 'cyan-500',\n\t'#06B6D4': 'cyan-500',\n\t'#0891b2': 'cyan-600',\n\n\t// Teals\n\t'#2dd4bf': 'teal-400',\n\t'#14b8a6': 'teal-500',\n\n\t// Custom colors\n\t'#45b7d1': 'sky-400',\n\t'#45B7D1': 'sky-400',\n\t'#4ecdc4': 'sky-light',\n\t'#4ECDC4': 'sky-light',\n\t'#98d8c8': 'mint-500',\n\t'#98D8C8': 'mint-500',\n\t'#96ceb4': 'mint-600',\n\t'#96CEB4': 'mint-600',\n\t'#dda0dd': 'plum',\n\t'#DDA0DD': 'plum',\n\n\t// Warm palette\n\t'#f7dc6f': 'yellow-500',\n\t'#F7DC6F': 'yellow-500',\n\t'#ffeaa7': 'yellow-300',\n\t'#FFEAA7': 'yellow-300',\n\t'#ff6b6b': 'coral',\n\t'#FF6B6B': 'coral',\n\n\t// Dark navy\n\t'#0d1526': 'navy-900',\n\t'#0D1526': 'navy-900',\n\t'#1a202c': 'navy-800',\n\t'#1A202C': 'navy-800',\n\t'#2d3748': 'navy-700',\n\t'#2D3748': 'navy-700',\n\t'#252b37': 'navy-600',\n\t'#252B37': 'navy-600',\n\n\t// Google Pay colors\n\t'#4285f4': 'google-blue',\n\t'#4285F4': 'google-blue',\n\t'#34a853': 'google-green',\n\t'#34A853': 'google-green',\n\t'#fbbc05': 'google-yellow',\n\t'#FBBC05': 'google-yellow',\n\t'#ea4335': 'google-red',\n\t'#EA4335': 'google-red',\n\n\t// Other\n\t'#e0e0e0': 'border-light',\n\t'#ffffff': 'white',\n\t'#FFFFFF': 'white',\n\t'#fff': 'white',\n\t'#000000': 'black'\n};\n\n/**\n * CSS custom property names for use in style blocks.\n * These map to the theme-config.js CSS variables.\n */\nexport const CSS_VARS = {\n\t// Calendar\n\tcalDayHeader: '--cal-day-header',\n\tcalDayHeaderBG: '--cal-day-header-bg',\n\tcalCellBG: '--cal-cell-bg',\n\tcalCellBorder: '--cal-cell-border',\n\tcalDateText: '--cal-date-text',\n\tcalEventDot: '--cal-event-dot',\n\tcalNavText: '--cal-nav-text',\n\tcalNavBG: '--cal-nav-bg',\n\n\t// Event Cards\n\tecCardBG: '--ec-card-bg',\n\tecCardBorder: '--ec-card-border',\n\tecTitle: '--ec-title',\n\tecDate: '--ec-date',\n\tecPrice: '--ec-price',\n\tecImageBG: '--ec-image-bg',\n\n\t// Event Page\n\tepTitle: '--ep-title',\n\tepSectionHeader: '--ep-section-header',\n\tepBodyText: '--ep-body-text',\n\tepVenue: '--ep-venue',\n\tepLink: '--ep-link',\n\tepCardBG: '--ep-card-bg',\n\tepCardBorder: '--ep-card-border',\n\tepSidebarBG: '--ep-sidebar-bg',\n\tepSidebarBorder: '--ep-sidebar-border',\n\tepSidebarLabel: '--ep-sidebar-label',\n\tepSidebarPrice: '--ep-sidebar-price',\n\tepCtaBG: '--ep-cta-bg',\n\tepCtaText: '--ep-cta-text',\n\tepTrust: '--ep-trust',\n\n\t// Ticket Selection\n\ttsHeaderBG: '--ts-header-bg',\n\ttsHeaderBorder: '--ts-header-border',\n\ttsHeaderTitle: '--ts-header-title',\n\ttsHeaderText: '--ts-header-text',\n\ttsCardBG: '--ts-card-bg',\n\ttsCardBorder: '--ts-card-border',\n\ttsCardBorderHover: '--ts-card-border-hover',\n\ttsTicketName: '--ts-ticket-name',\n\ttsTicketDesc: '--ts-ticket-desc',\n\ttsTicketPrice: '--ts-ticket-price',\n\ttsTicketFee: '--ts-ticket-fee',\n\ttsScarcity: '--ts-scarcity',\n\ttsQtyInactive: '--ts-qty-inactive',\n\ttsQtyActive: '--ts-qty-active',\n\ttsQtyValue: '--ts-qty-value',\n\ttsQtyBorder: '--ts-qty-border',\n\ttsSummaryBG: '--ts-summary-bg',\n\ttsSummaryBorder: '--ts-summary-border',\n\ttsSummaryTitle: '--ts-summary-title',\n\ttsSummaryRow: '--ts-summary-row',\n\ttsSummaryTotal: '--ts-summary-total',\n\ttsCheckoutBG: '--ts-checkout-bg',\n\ttsCheckoutText: '--ts-checkout-text',\n\n\t// Checkout\n\tcoHeaderBG: '--co-header-bg',\n\tcoHeaderBorder: '--co-header-border',\n\tcoTitle: '--co-title',\n\tcoTimer: '--co-timer',\n\tcoClose: '--co-close',\n\tcoCardBG: '--co-card-bg',\n\tcoCardBorder: '--co-card-border',\n\tcoSectionTitle: '--co-section-title',\n\tcoFormLabel: '--co-form-label',\n\tcoInputBG: '--co-input-bg',\n\tcoInputBorder: '--co-input-border',\n\tcoInputFocus: '--co-input-focus',\n\tcoInputText: '--co-input-text',\n\tcoPlaceholder: '--co-placeholder',\n\tcoCheckboxBorder: '--co-checkbox-border',\n\tcoRadioActive: '--co-radio-active',\n\tcoSecondaryText: '--co-secondary-text',\n\tcoError: '--co-error',\n\tcoSuccess: '--co-success',\n\tcoOrderBG: '--co-order-bg',\n\tcoOrderText: '--co-order-text',\n\tcoTrust: '--co-trust',\n\n\t// Status Badges\n\tstatusOnSale: '--status-on-sale',\n\tstatusSellingFast: '--status-selling-fast',\n\tstatusSoldOut: '--status-sold-out'\n} as const;\n\n/**\n * Get Tailwind color class from hex value.\n * Useful for debugging and migration.\n */\nexport function getTailwindFromHex(hex: string): string | undefined {\n\treturn HEX_TO_TAILWIND[hex.toLowerCase()] || HEX_TO_TAILWIND[hex.toUpperCase()];\n}\n\n/**\n * Type guard to check if a string is a valid hex color.\n */\nexport function isHexColor(value: string): boolean {\n\treturn /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(value);\n}\n\n/**\n * Convert hex color to HSL string (without hsl() wrapper)\n * @param hex - Hex color string (e.g., \"#2563EB\")\n * @returns HSL values as string (e.g., \"217 91% 60%\")\n */\nexport function hexToHSL(hex: string): string | null {\n\tif (!hex || typeof hex !== 'string') return null;\n\n\thex = hex.replace('#', '');\n\tif (hex.length !== 6 && hex.length !== 3) return null;\n\n\t// Expand 3-digit hex to 6-digit\n\tif (hex.length === 3) {\n\t\thex = hex\n\t\t\t.split('')\n\t\t\t.map((char) => char + char)\n\t\t\t.join('');\n\t}\n\n\tconst r = parseInt(hex.substr(0, 2), 16) / 255;\n\tconst g = parseInt(hex.substr(2, 2), 16) / 255;\n\tconst b = parseInt(hex.substr(4, 2), 16) / 255;\n\n\tconst max = Math.max(r, g, b);\n\tconst min = Math.min(r, g, b);\n\tlet h,\n\t\ts,\n\t\tl = (max + min) / 2;\n\n\tif (max === min) {\n\t\th = s = 0;\n\t} else {\n\t\tconst d = max - min;\n\t\ts = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n\t\tswitch (max) {\n\t\t\tcase r:\n\t\t\t\th = ((g - b) / d + (g < b ? 6 : 0)) / 6;\n\t\t\t\tbreak;\n\t\t\tcase g:\n\t\t\t\th = ((b - r) / d + 2) / 6;\n\t\t\t\tbreak;\n\t\t\tcase b:\n\t\t\t\th = ((r - g) / d + 4) / 6;\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\treturn `${Math.round(h! * 360)} ${Math.round(s * 100)}% ${Math.round(l * 100)}%`;\n}\n\n/**\n * Convert HSL string to hex color\n * @param hsl - HSL values as string (e.g., \"217 91% 60%\")\n * @returns Hex color string (e.g., \"#2563EB\")\n */\nexport function hslToHex(hsl: string): string | null {\n\tif (!hsl || typeof hsl !== 'string') return null;\n\n\tconst parts = hsl.match(/(\\d+)\\s+(\\d+)%\\s+(\\d+)%/);\n\tif (!parts) return null;\n\n\tconst h = parseInt(parts[1]) / 360;\n\tconst s = parseInt(parts[2]) / 100;\n\tconst l = parseInt(parts[3]) / 100;\n\n\tlet r, g, b;\n\n\tif (s === 0) {\n\t\tr = g = b = l;\n\t} else {\n\t\tconst hue2rgb = (p: number, q: number, t: number) => {\n\t\t\tif (t < 0) t += 1;\n\t\t\tif (t > 1) t -= 1;\n\t\t\tif (t < 1 / 6) return p + (q - p) * 6 * t;\n\t\t\tif (t < 1 / 2) return q;\n\t\t\tif (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;\n\t\t\treturn p;\n\t\t};\n\n\t\tconst q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n\t\tconst p = 2 * l - q;\n\t\tr = hue2rgb(p, q, h + 1 / 3);\n\t\tg = hue2rgb(p, q, h);\n\t\tb = hue2rgb(p, q, h - 1 / 3);\n\t}\n\n\tconst toHex = (x: number) => {\n\t\tconst hex = Math.round(x * 255).toString(16);\n\t\treturn hex.length === 1 ? '0' + hex : hex;\n\t};\n\n\treturn `#${toHex(r)}${toHex(g)}${toHex(b)}`.toUpperCase();\n}\n"],"names":["ACCENT","GOOGLE_PAY"],"mappings":"AA8EO,MAAMA,IAAS;AAAA,EACrB,MAAM;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAAA,EAEN,KAAK;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAAA,EAEN,OAAO;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AAAA,IACL,SAAS;AAAA,IACT,aAAa;AAAA,EAAA;AAAA,EAEd,OAAO;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEN,QAAQ;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAEN,QAAQ;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAEN,MAAM;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAAA,EAEN,MAAM;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAAA;AAAA,EAGN,KAAK;AAAA,IACJ,KAAK;AAAA,IACL,OAAO;AAAA,EAAA;AAAA,EAER,MAAM;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAAA,EAEN,MAAM;AAAA;AAAA,EAEN,QAAQ;AAAA,IACP,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAAA,EAEN,OAAO;AACR,GAMaC,IAAa;AAAA,EACzB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AACN;"}