@getmicdrop/svelte-components 3.1.0 → 4.1.0

package/dist/presets/badges.d.ts

@@ -0,0 +1,88 @@
+/**
+ * Get badge variant for a role
+ * @param {string} role - The role name
+ * @returns {string} Flowbite color variant
+ */
+export function getRoleBadgeVariant(role: string): string;
+/**
+ * Get badge variant for an entity type
+ * @param {string} entityType - The entity type
+ * @returns {string} Flowbite color variant
+ */
+export function getEntityBadgeVariant(entityType: string): string;
+/**
+ * Get badge variant for a status
+ * @param {string} status - The status string
+ * @returns {string} Semantic variant
+ */
+export function getStatusBadgeVariant(status: string): string;
+/**
+ * Badge Presets - Domain-to-Color Mappings
+ *
+ * These presets provide a migration path for apps that were using
+ * domain-specific badge variants (host, headliner, etc.).
+ *
+ * Usage:
+ *   import { ROLE_BADGE_VARIANTS, ENTITY_BADGE_VARIANTS } from '@getmicdrop/svelte-components/presets/badges';
+ *   <Badge variant={ROLE_BADGE_VARIANTS[role]}>{role}</Badge>
+ *
+ * Note: For app-specific customization, apps should define their own
+ * mappings in their constants files (e.g., $lib/constants/position.ts).
+ */
+/**
+ * Role/Position badge color mappings
+ * Maps performer roles to Flowbite color variants
+ */
+export const ROLE_BADGE_VARIANTS: {
+    Host: string;
+    Headliner: string;
+    Feature: string;
+    'Special Guest': string;
+    Opener: string;
+    Guest: string;
+    Teacher: string;
+    Assistant: string;
+};
+export namespace ENTITY_BADGE_VARIANTS {
+    let event: string;
+    let venue: string;
+    let user: string;
+    let order: string;
+    let performer: string;
+}
+/**
+ * Status badge semantic mappings
+ * Maps status strings to semantic variants
+ */
+export const STATUS_BADGE_VARIANTS: {
+    Completed: string;
+    Active: string;
+    Confirmed: string;
+    'On Sale': string;
+    Live: string;
+    Enabled: string;
+    Yes: string;
+    Redeemed: string;
+    Online: string;
+    Pending: string;
+    Scheduled: string;
+    Paused: string;
+    Ended: string;
+    Refunded: string;
+    'Partially refunded': string;
+    Pinned: string;
+    'Usage Limit Reached': string;
+    Cancelled: string;
+    Canceled: string;
+    Declined: string;
+    'No show': string;
+    Expired: string;
+    'Sales closed': string;
+    'In Progress': string;
+    Invited: string;
+    Draft: string;
+    Offline: string;
+    Disabled: string;
+    No: string;
+};
+//# sourceMappingURL=badges.d.ts.map

package/dist/presets/badges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badges.d.ts","sourceRoot":"","sources":["../../src/lib/presets/badges.js"],"names":[],"mappings":"AAsFA;;;;GAIG;AACH,0CAHW,MAAM,GACJ,MAAM,CAIlB;AAED;;;;GAIG;AACH,kDAHW,MAAM,GACJ,MAAM,CAIlB;AAED;;;;GAIG;AACH,8CAHW,MAAM,GACJ,MAAM,CAIlB;AA/GD;;;;;;;;;;;;GAYG;AAEH;;;GAGG;AACH;;;;;;;;;EASE;;;;;;;;AAcF;;;GAGG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCE"}

package/dist/presets/badges.js

@@ -0,0 +1,112 @@
+/**
+ * Badge Presets - Domain-to-Color Mappings
+ *
+ * These presets provide a migration path for apps that were using
+ * domain-specific badge variants (host, headliner, etc.).
+ *
+ * Usage:
+ *   import { ROLE_BADGE_VARIANTS, ENTITY_BADGE_VARIANTS } from '@getmicdrop/svelte-components/presets/badges';
+ *   <Badge variant={ROLE_BADGE_VARIANTS[role]}>{role}</Badge>
+ *
+ * Note: For app-specific customization, apps should define their own
+ * mappings in their constants files (e.g., $lib/constants/position.ts).
+ */
+
+/**
+ * Role/Position badge color mappings
+ * Maps performer roles to Flowbite color variants
+ */
+export const ROLE_BADGE_VARIANTS = {
+  Host: 'red',
+  Headliner: 'purple',
+  Feature: 'blue',
+  'Special Guest': 'green',
+  Opener: 'orange',
+  Guest: 'gray',
+  Teacher: 'yellow',
+  Assistant: 'indigo',
+};
+
+/**
+ * Entity type badge color mappings
+ * Maps entity types to Flowbite color variants
+ */
+export const ENTITY_BADGE_VARIANTS = {
+  event: 'blue',
+  venue: 'green',
+  user: 'purple',
+  order: 'orange',
+  performer: 'pink',
+};
+
+/**
+ * Status badge semantic mappings
+ * Maps status strings to semantic variants
+ */
+export const STATUS_BADGE_VARIANTS = {
+  // Success states
+  Completed: 'success',
+  Active: 'success',
+  Confirmed: 'success',
+  'On Sale': 'success',
+  Live: 'success',
+  Enabled: 'success',
+  Yes: 'success',
+  Redeemed: 'success',
+  Online: 'success',
+
+  // Warning states
+  Pending: 'warning',
+  Scheduled: 'warning',
+  Paused: 'warning',
+  Ended: 'warning',
+  Refunded: 'warning',
+  'Partially refunded': 'warning',
+  Pinned: 'warning',
+  'Usage Limit Reached': 'warning',
+
+  // Error states
+  Cancelled: 'error',
+  Canceled: 'error',
+  Declined: 'error',
+  'No show': 'error',
+  Expired: 'error',
+  'Sales closed': 'error',
+
+  // Info states
+  'In Progress': 'info',
+  Invited: 'info',
+
+  // Neutral states
+  Draft: 'neutral',
+  Offline: 'neutral',
+  Disabled: 'neutral',
+  No: 'neutral',
+};
+
+/**
+ * Get badge variant for a role
+ * @param {string} role - The role name
+ * @returns {string} Flowbite color variant
+ */
+export function getRoleBadgeVariant(role) {
+  return ROLE_BADGE_VARIANTS[role] || 'gray';
+}
+
+/**
+ * Get badge variant for an entity type
+ * @param {string} entityType - The entity type
+ * @returns {string} Flowbite color variant
+ */
+export function getEntityBadgeVariant(entityType) {
+  return ENTITY_BADGE_VARIANTS[entityType] || 'gray';
+}
+
+/**
+ * Get badge variant for a status
+ * @param {string} status - The status string
+ * @returns {string} Semantic variant
+ */
+export function getStatusBadgeVariant(status) {
+  return STATUS_BADGE_VARIANTS[status] || 'neutral';
+}

package/dist/presets/buttons.d.ts

@@ -0,0 +1,61 @@
+export namespace BUTTON_PRESETS {
+    export namespace save {
+        let variant: string;
+        let type: string;
+    }
+    export namespace cancel {
+        let variant_1: string;
+        export { variant_1 as variant };
+        let type_1: string;
+        export { type_1 as type };
+    }
+    export namespace _delete {
+        let variant_2: string;
+        export { variant_2 as variant };
+        let type_2: string;
+        export { type_2 as type };
+    }
+    export { _delete as delete };
+    export namespace submit {
+        let variant_3: string;
+        export { variant_3 as variant };
+        let type_3: string;
+        export { type_3 as type };
+    }
+    export namespace secondary {
+        let variant_4: string;
+        export { variant_4 as variant };
+        let type_4: string;
+        export { type_4 as type };
+    }
+    export namespace outline {
+        let variant_5: string;
+        export { variant_5 as variant };
+        let type_5: string;
+        export { type_5 as type };
+    }
+    export namespace ghost {
+        let variant_6: string;
+        export { variant_6 as variant };
+        let type_6: string;
+        export { type_6 as type };
+    }
+}
+export namespace ICON_BUTTON_PRESETS {
+    namespace _default {
+        let variant_7: string;
+        export { variant_7 as variant };
+        export let size: string;
+        export let className: string;
+    }
+    export { _default as default };
+    export namespace destructive {
+        let variant_8: string;
+        export { variant_8 as variant };
+        let size_1: string;
+        export { size_1 as size };
+        let className_1: string;
+        export { className_1 as className };
+    }
+}
+//# sourceMappingURL=buttons.d.ts.map

package/dist/presets/buttons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../src/lib/presets/buttons.js"],"names":[],"mappings":""}

package/dist/presets/buttons.js

@@ -0,0 +1,76 @@
+/**
+ * Button Presets - Common Button Configurations
+ *
+ * These presets provide ready-to-use button configurations for common actions.
+ * Use spread syntax to apply: <Button {...BUTTON_PRESETS.save}>Save</Button>
+ *
+ * Note: These are not separate components - they're prop objects.
+ * This keeps the Button component simple while enabling common patterns.
+ */
+
+/**
+ * Common button presets
+ * Spread these into Button component for consistent styling
+ */
+export const BUTTON_PRESETS = {
+  /** Primary save action */
+  save: {
+    variant: 'default',
+    type: 'submit',
+  },
+
+  /** Cancel/back action */
+  cancel: {
+    variant: 'alternative',
+    type: 'button',
+  },
+
+  /** Destructive delete action */
+  delete: {
+    variant: 'red',
+    type: 'button',
+  },
+
+  /** Form submit (alias for save) */
+  submit: {
+    variant: 'default',
+    type: 'submit',
+  },
+
+  /** Secondary action */
+  secondary: {
+    variant: 'light',
+    type: 'button',
+  },
+
+  /** Outline style */
+  outline: {
+    variant: 'outline',
+    type: 'button',
+  },
+
+  /** Ghost/text style */
+  ghost: {
+    variant: 'ghost',
+    type: 'button',
+  },
+};
+
+/**
+ * Icon button presets (square, icon-only)
+ */
+export const ICON_BUTTON_PRESETS = {
+  /** Default icon button */
+  default: {
+    variant: 'ghost',
+    size: 'sm',
+    className: 'p-2',
+  },
+
+  /** Destructive icon button */
+  destructive: {
+    variant: 'ghost',
+    size: 'sm',
+    className: 'p-2 text-red-600 hover:bg-red-100 dark:text-red-400 dark:hover:bg-red-900',
+  },
+};

package/dist/presets/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./badges.js";
+export * from "./buttons.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/presets/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/presets/index.js"],"names":[],"mappings":""}

package/dist/presets/index.js

@@ -0,0 +1,9 @@
+/**
+ * Design System Presets
+ *
+ * Pre-configured prop objects for common component patterns.
+ * Use spread syntax: <Button {...BUTTON_PRESETS.save}>Save</Button>
+ */
+
+export * from './badges.js';
+export * from './buttons.js';

package/dist/primitives/Accordion/Accordion.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Accordion/Accordion.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;AA8EA;;;;;;;;;;eAAyJ;sCATnH,KAAK,EAAE,KAAK;;;;;6CALL,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/primitives/Accordion/AccordionItem.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Accordion/AccordionItem.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAsGA;;;;;;;;;;;;;eAA4K;sCATtI,KAAK,EAAE,KAAK;;;;;6CALL,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/primitives/Alert/Alert.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.spec.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Alert/Alert.spec.js"],"names":[],"mappings":""}

package/dist/primitives/Alert/Alert.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Alert/Alert.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA6EA;;;;cAfW,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS;;;;;;;;;eAe0H;sCATvH,KAAK,EAAE,KAAK;;;;;6CALL,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/primitives/Avatar/Avatar.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Avatar/Avatar.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;AAqEA;;;;;;;;;mBAAqK;6CATxH,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/primitives/Badges/Badge.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.spec.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Badges/Badge.spec.js"],"names":[],"mappings":""}

package/dist/primitives/Badges/Badge.stories.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.stories.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Badges/Badge.stories.svelte.js"],"names":[],"mappings":";;;;;;;;AAoGA;;;;mBAAiH;kBA9F7F,gBAAgB;6CAqFS,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}

package/dist/primitives/Badges/Badge.svelte

@@ -0,0 +1,175 @@
+<script>
+  /**
+   * Badge Component - Flowbite Native (Pure Tailwind)
+   *
+   * NO DOMAIN LOGIC - This is a pure visual primitive.
+   *
+   * Semantic variants: neutral, success, warning, error, info
+   * Color variants: red, blue, purple, green, orange, yellow, gray, pink, indigo, cyan
+   * Sizes: xs, sm, md (default), lg
+   * Shapes: rounded (default), pill
+   *
+   * For domain-specific badges (roles, statuses), apps should:
+   * 1. Use color variants: <Badge variant="purple">Headliner</Badge>
+   * 2. Or use bgColor/textColor props with centralized constants
+   */
+  import { createEventDispatcher } from "svelte";
+  import { classNames } from "./../../utils/utils.js";
+
+  const dispatch = createEventDispatcher();
+
+  /** @type {"xs"|"sm"|"md"|"lg"} Size variant */
+  export let size = "md";
+  export let className = "";
+  /** @type {string} Semantic or color variant */
+  export let variant = "neutral";
+  /** @type {string|null} Custom text color (hex) - overrides variant */
+  export let textColor = null;
+  /** @type {string|null} Custom background color (hex or rgba) - overrides variant */
+  export let bgColor = null;
+  /** @type {boolean} Show status dot before text (uses variant color) */
+  export let showDot = false;
+  /** @type {boolean} Pill mode for counts/notifications (circular, minimal padding) */
+  export let pill = false;
+  /** @type {"rounded"|"pill"} Border radius style - default or full pill */
+  export let shape = "rounded";
+  /** @type {boolean} Large size (Flowbite API compatibility) */
+  export let large = false;
+
+  // Legacy size name mapping
+  const sizeMap = { "small": "sm", "medium": "md", "large": "lg" };
+  $: resolvedSize = large ? "lg" : (sizeMap[size] || size);
+
+  // Flowbite-native size classes
+  $: sizeClasses = (() => {
+    switch (resolvedSize) {
+      case "xs":
+        return "text-xs px-1.5 py-0.5 font-medium";
+      case "sm":
+        return "text-xs px-2 py-0.5 font-medium";
+      case "md":
+        return "text-xs px-2.5 py-0.5 font-medium";
+      case "lg":
+        return "text-sm px-3 py-0.5 font-medium";
+      default:
+        return "text-xs px-2.5 py-0.5 font-medium";
+    }
+  })();
+
+  // Shape classes using Tailwind
+  $: shapeClasses = (() => {
+    if (pill) return "rounded-full min-w-5 h-5 px-1.5 justify-center";
+    return shape === "pill" ? "rounded-full" : "rounded";
+  })();
+
+  // Normalize variant to lowercase
+  $: normalizedVariant = String(variant).toLowerCase();
+
+  // Flowbite-native color classes for each variant
+  // Pure visual - NO domain logic
+  $: variantClasses = (() => {
+    switch (normalizedVariant) {
+      // === Semantic variants ===
+      case "success":
+        return "text-green-800 bg-green-100 dark:bg-green-900 dark:text-green-300";
+      case "warning":
+        return "text-yellow-800 bg-yellow-100 dark:bg-yellow-900 dark:text-yellow-300";
+      case "error":
+      case "danger":
+        return "text-red-800 bg-red-100 dark:bg-red-900 dark:text-red-300";
+      case "info":
+        return "text-blue-800 bg-blue-100 dark:bg-blue-900 dark:text-blue-300";
+
+      // === Flowbite color variants ===
+      // Use these for domain-specific badges (roles, entities, etc.)
+      case "red":
+        return "text-red-800 bg-red-100 dark:bg-red-900 dark:text-red-300";
+      case "blue":
+        return "text-blue-800 bg-blue-100 dark:bg-blue-900 dark:text-blue-300";
+      case "purple":
+        return "text-purple-800 bg-purple-100 dark:bg-purple-900 dark:text-purple-300";
+      case "green":
+        return "text-green-800 bg-green-100 dark:bg-green-900 dark:text-green-300";
+      case "orange":
+        return "text-orange-800 bg-orange-100 dark:bg-orange-900 dark:text-orange-300";
+      case "yellow":
+        return "text-yellow-800 bg-yellow-100 dark:bg-yellow-900 dark:text-yellow-300";
+      case "gray":
+        return "text-gray-800 bg-gray-100 dark:bg-gray-700 dark:text-gray-300";
+      case "pink":
+        return "text-pink-800 bg-pink-100 dark:bg-pink-900 dark:text-pink-300";
+      case "indigo":
+        return "text-indigo-800 bg-indigo-100 dark:bg-indigo-900 dark:text-indigo-300";
+      case "cyan":
+        return "text-cyan-800 bg-cyan-100 dark:bg-cyan-900 dark:text-cyan-300";
+
+      // === Special variants ===
+      case "notification":
+        return "text-white bg-red-500 dark:bg-red-600";
+
+      // === Neutral / default ===
+      case "neutral":
+      default:
+        return "text-gray-800 bg-gray-100 dark:bg-gray-700 dark:text-gray-300";
+    }
+  })();
+
+  // Custom style for text/bg color overrides
+  $: customStyle = (() => {
+    const styles = [];
+    if (textColor) styles.push(`color: ${textColor}`);
+    if (bgColor) styles.push(`background-color: ${bgColor}`);
+    return styles.length > 0 ? styles.join("; ") : null;
+  })();
+</script>
+
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<div
+  class={classNames(
+    "inline-flex items-center gap-1.5",
+    sizeClasses,
+    variantClasses,
+    shapeClasses,
+    className
+  )}
+  style={customStyle}
+  on:click={(e) => dispatch("click", e)}
+>
+  {#if showDot}
+    <span class="w-1.5 h-1.5 rounded-full bg-current flex-shrink-0"></span>
+  {/if}
+  <slot name="leftIcon" />
+  <slot />
+</div>
+
+<!--
+  Badge Component - Flowbite Native (Pure Tailwind)
+
+  This is a PRIMITIVE - no domain logic. For domain-specific badges:
+  - Use color variants: <Badge variant="purple">Headliner</Badge>
+  - Or use bgColor prop: <Badge bgColor="#8B5CF6">Custom</Badge>
+
+  Usage:
+    <Badge variant="success">Active</Badge>
+    <Badge variant="purple">Headliner</Badge>
+    <Badge large>Large Badge</Badge>
+
+  With icon:
+    <Badge variant="success"><CheckIcon slot="leftIcon" />Verified</Badge>
+
+  With status dot:
+    <Badge variant="success" showDot>On Sale</Badge>
+
+  Props:
+    Semantic: neutral | success | warning | error | info
+    Colors:   red | blue | purple | green | orange | yellow | gray | pink | indigo | cyan
+    Special:  notification (solid red for count pills)
+    size:     xs | sm | md | lg (or legacy: small | medium | large)
+    large:    boolean (Flowbite API compatibility)
+    shape:    rounded | pill
+    pill:     boolean (notification count style)
+    showDot:  boolean (status indicator dot)
+    textColor: string (override variant text color)
+    bgColor:  string (override variant background color)
+-->

package/dist/primitives/Badges/Badge.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Badges/Badge.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA8KA;;;;;;;;;;;;;;;;;;;;eAA8M;sCATxK,KAAK,EAAE,KAAK;;;;;6CALL,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/primitives/BottomSheet/BottomSheet.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.spec.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/BottomSheet/BottomSheet.spec.js"],"names":[],"mappings":""}

package/dist/primitives/BottomSheet/BottomSheet.stories.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.stories.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/BottomSheet/BottomSheet.stories.svelte.js"],"names":[],"mappings":";;;;;;;;AAuFA;;;;mBAAuH;wBAlF7F,sBAAsB;6CAyEH,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}

package/dist/primitives/BottomSheet/BottomSheet.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/BottomSheet/BottomSheet.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAqGA;;;;;;;;;;;;;;eAA+I;sCATzG,KAAK,EAAE,KAAK;;;;;6CALL,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/primitives/Breadcrumb/Breadcrumb.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.spec.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Breadcrumb/Breadcrumb.spec.js"],"names":[],"mappings":""}

package/dist/primitives/Breadcrumb/Breadcrumb.stories.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.stories.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Breadcrumb/Breadcrumb.stories.svelte.js"],"names":[],"mappings":";;;;;;;;AAqCA;;;;mBAAsH;uBAhC3F,qBAAqB;6CAuBH,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}

package/dist/primitives/Breadcrumb/Breadcrumb.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Breadcrumb/Breadcrumb.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAuFA;;;;cAdwB,MAAM;cAAQ,MAAM;;;;;;;;mBAckI;6CATjI,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/primitives/Button/Button.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.spec.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Button/Button.spec.js"],"names":[],"mappings":""}

package/dist/primitives/Button/Button.stories.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Button/Button.stories.svelte.js"],"names":[],"mappings":";;;;;;;;AA2HA;;;;mBAAkH;mBAvH7F,iBAAiB;6CA8GO,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}

package/dist/primitives/Button/Button.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Button/Button.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA2KA;;;;;;;;;;;;;;;;;;;eAA0N;sCATpL,KAAK,EAAE,KAAK;;;;;6CALL,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/primitives/Button/ButtonSaveDemo.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSaveDemo.spec.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Button/ButtonSaveDemo.spec.js"],"names":[],"mappings":""}

package/dist/primitives/Button/ButtonSaveDemo.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSaveDemo.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Button/ButtonSaveDemo.svelte.js"],"names":[],"mappings":";;;;;;;;AAyCA;;;;mBAA0H;6CAT7E,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}

package/dist/primitives/Card.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.spec.d.ts","sourceRoot":"","sources":["../../src/lib/primitives/Card.spec.js"],"names":[],"mappings":""}

package/dist/primitives/Card.stories.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.stories.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/primitives/Card.stories.svelte.js"],"names":[],"mappings":";;;;;;;;AAoCA;;;;mBAAgH;iBA/B3F,eAAe;6CAsBS,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}

package/dist/primitives/Card.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/primitives/Card.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;AAuCA;;;;;;;;;;;eAAiK;sCAT3H,KAAK,EAAE,KAAK;;;;;6CALL,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}