@dododog/ui 0.9.0 → 0.9.2

package/dist/{chunk-3JM2X4I2.js → chunk-SATQIPV5.js}

@@ -79,6 +79,12 @@ function GalleryIcon({ className }) {
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
   ] });
 }
+function CardIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "20", height: "14", x: "2", y: "5", rx: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 10h20" })
+  ] });
+}
 function formatPrice(price) {
   return new Intl.NumberFormat("fr-FR", {
     style: "currency",
@@ -116,6 +122,8 @@ function RateRow({
   withTopBorder
 }) {
   const showReserveCta = selected && !!onReserve;
+  const [showDetails, setShowDetails] = React__namespace.useState(false);
+  const hasDetails = (rate.details?.length ?? 0) > 0 || (rate.amenities?.length ?? 0) > 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -126,10 +134,66 @@ function RateRow({
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
           rate.mealLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[13px] font-medium text-primary", children: rate.mealLabel }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(CancellationChip, { cancellation: rate.cancellation }) }),
+          (rate.bedding || rate.paymentLabel) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-x-3 gap-y-1", children: [
+            rate.bedding && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-text-secondary", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(BedIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+              rate.bedding
+            ] }),
+            rate.paymentLabel && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-amber-50 px-2 py-0.5 text-[11px] font-medium text-amber-700", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(CardIcon, { className: "w-3 h-3 flex-shrink-0" }),
+              rate.paymentLabel
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(CancellationChip, { cancellation: rate.cancellation }) }),
           rate.dogFeeLabel && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 inline-flex items-start gap-1.5 text-xs font-medium text-secondary", children: [
             /* @__PURE__ */ jsxRuntime.jsx(DogIcon, { className: "w-3.5 h-3.5 mt-[1px] flex-shrink-0" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: rate.dogFeeLabel })
+          ] }),
+          hasDetails && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => setShowDetails((v) => !v),
+                "aria-expanded": showDetails,
+                className: "mt-1.5 inline-flex items-center gap-1 text-[12px] font-medium text-secondary",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ChevronDownIcon,
+                    {
+                      className: chunkADIDI7AJ_js.cn(
+                        "w-3.5 h-3.5 transition-transform",
+                        showDetails && "rotate-180"
+                      )
+                    }
+                  ),
+                  showDetails ? "Masquer le d\xE9tail" : "Voir le d\xE9tail"
+                ]
+              }
+            ),
+            showDetails && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 rounded-lg bg-sand-light px-3 py-2.5", children: [
+              rate.details && rate.details.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "space-y-1.5", children: rate.details.map((d, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs leading-snug", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "font-medium text-text-secondary", children: d.label }),
+                /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-text-muted", children: d.value })
+              ] }, i)) }),
+              rate.amenities && rate.amenities.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: chunkADIDI7AJ_js.cn(
+                    "flex flex-wrap gap-1.5",
+                    rate.details && rate.details.length > 0 && "mt-2.5"
+                  ),
+                  children: rate.amenities.map((a, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: "rounded-full bg-white px-2 py-1 text-[11px] text-text-muted",
+                      children: a
+                    },
+                    i
+                  ))
+                }
+              )
+            ] })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2.5 flex items-end justify-between gap-3", children: [

package/dist/{chunk-BFGRWOQM.mjs → chunk-ZEHZPS2P.mjs}

@@ -57,6 +57,12 @@ function GalleryIcon({ className }) {
     /* @__PURE__ */ jsx("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
   ] });
 }
+function CardIcon({ className }) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("rect", { width: "20", height: "14", x: "2", y: "5", rx: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M2 10h20" })
+  ] });
+}
 function formatPrice(price) {
   return new Intl.NumberFormat("fr-FR", {
     style: "currency",
@@ -94,6 +100,8 @@ function RateRow({
   withTopBorder
 }) {
   const showReserveCta = selected && !!onReserve;
+  const [showDetails, setShowDetails] = React.useState(false);
+  const hasDetails = (rate.details?.length ?? 0) > 0 || (rate.amenities?.length ?? 0) > 0;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -104,10 +112,66 @@ function RateRow({
       children: [
         /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
           rate.mealLabel && /* @__PURE__ */ jsx("div", { className: "text-[13px] font-medium text-primary", children: rate.mealLabel }),
-          /* @__PURE__ */ jsx("div", { className: "mt-0.5", children: /* @__PURE__ */ jsx(CancellationChip, { cancellation: rate.cancellation }) }),
+          (rate.bedding || rate.paymentLabel) && /* @__PURE__ */ jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-x-3 gap-y-1", children: [
+            rate.bedding && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-text-secondary", children: [
+              /* @__PURE__ */ jsx(BedIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+              rate.bedding
+            ] }),
+            rate.paymentLabel && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-amber-50 px-2 py-0.5 text-[11px] font-medium text-amber-700", children: [
+              /* @__PURE__ */ jsx(CardIcon, { className: "w-3 h-3 flex-shrink-0" }),
+              rate.paymentLabel
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsx(CancellationChip, { cancellation: rate.cancellation }) }),
           rate.dogFeeLabel && /* @__PURE__ */ jsxs("div", { className: "mt-1 inline-flex items-start gap-1.5 text-xs font-medium text-secondary", children: [
             /* @__PURE__ */ jsx(DogIcon, { className: "w-3.5 h-3.5 mt-[1px] flex-shrink-0" }),
             /* @__PURE__ */ jsx("span", { children: rate.dogFeeLabel })
+          ] }),
+          hasDetails && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => setShowDetails((v) => !v),
+                "aria-expanded": showDetails,
+                className: "mt-1.5 inline-flex items-center gap-1 text-[12px] font-medium text-secondary",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    ChevronDownIcon,
+                    {
+                      className: cn(
+                        "w-3.5 h-3.5 transition-transform",
+                        showDetails && "rotate-180"
+                      )
+                    }
+                  ),
+                  showDetails ? "Masquer le d\xE9tail" : "Voir le d\xE9tail"
+                ]
+              }
+            ),
+            showDetails && /* @__PURE__ */ jsxs("div", { className: "mt-2 rounded-lg bg-sand-light px-3 py-2.5", children: [
+              rate.details && rate.details.length > 0 && /* @__PURE__ */ jsx("dl", { className: "space-y-1.5", children: rate.details.map((d, i) => /* @__PURE__ */ jsxs("div", { className: "text-xs leading-snug", children: [
+                /* @__PURE__ */ jsx("dt", { className: "font-medium text-text-secondary", children: d.label }),
+                /* @__PURE__ */ jsx("dd", { className: "text-text-muted", children: d.value })
+              ] }, i)) }),
+              rate.amenities && rate.amenities.length > 0 && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "flex flex-wrap gap-1.5",
+                    rate.details && rate.details.length > 0 && "mt-2.5"
+                  ),
+                  children: rate.amenities.map((a, i) => /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "rounded-full bg-white px-2 py-1 text-[11px] text-text-muted",
+                      children: a
+                    },
+                    i
+                  ))
+                }
+              )
+            ] })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "mt-2.5 flex items-end justify-between gap-3", children: [

package/dist/components/Accordion/index.d.mts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+
+interface AccordionItemData {
+    key: string;
+    title: string;
+    content: React.ReactNode;
+}
+interface AccordionProps {
+    items: AccordionItemData[];
+    defaultOpenIndex?: number | null;
+    /** Open multiple items by default (requires `allowMultiple`). Takes precedence over `defaultOpenIndex`. */
+    defaultOpenIndexes?: number[];
+    allowMultiple?: boolean;
+    className?: string;
+}
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+interface AccordionItemProps {
+    title: string;
+    isOpen: boolean;
+    onToggle: () => void;
+    children: React.ReactNode;
+}
+
+export { Accordion, type AccordionItemData, type AccordionItemProps, type AccordionProps };

package/dist/components/Accordion/index.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+
+interface AccordionItemData {
+    key: string;
+    title: string;
+    content: React.ReactNode;
+}
+interface AccordionProps {
+    items: AccordionItemData[];
+    defaultOpenIndex?: number | null;
+    /** Open multiple items by default (requires `allowMultiple`). Takes precedence over `defaultOpenIndex`. */
+    defaultOpenIndexes?: number[];
+    allowMultiple?: boolean;
+    className?: string;
+}
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+interface AccordionItemProps {
+    title: string;
+    isOpen: boolean;
+    onToggle: () => void;
+    children: React.ReactNode;
+}
+
+export { Accordion, type AccordionItemData, type AccordionItemProps, type AccordionProps };

package/dist/components/Alert/index.d.mts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+
+declare const variantStyles: {
+    warning: {
+        container: string;
+        icon: string;
+        dismiss: string;
+        retry: string;
+    };
+    error: {
+        container: string;
+        icon: string;
+        dismiss: string;
+        retry: string;
+    };
+    success: {
+        container: string;
+        icon: string;
+        dismiss: string;
+        retry: string;
+    };
+    info: {
+        container: string;
+        icon: string;
+        dismiss: string;
+        retry: string;
+    };
+};
+interface AlertProps {
+    message: string;
+    variant?: keyof typeof variantStyles;
+    onDismiss?: () => void;
+    onRetry?: () => void;
+    retryLabel?: string;
+    isRetrying?: boolean;
+    className?: string;
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Alert, type AlertProps };

package/dist/components/Alert/index.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+
+declare const variantStyles: {
+    warning: {
+        container: string;
+        icon: string;
+        dismiss: string;
+        retry: string;
+    };
+    error: {
+        container: string;
+        icon: string;
+        dismiss: string;
+        retry: string;
+    };
+    success: {
+        container: string;
+        icon: string;
+        dismiss: string;
+        retry: string;
+    };
+    info: {
+        container: string;
+        icon: string;
+        dismiss: string;
+        retry: string;
+    };
+};
+interface AlertProps {
+    message: string;
+    variant?: keyof typeof variantStyles;
+    onDismiss?: () => void;
+    onRetry?: () => void;
+    retryLabel?: string;
+    isRetrying?: boolean;
+    className?: string;
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Alert, type AlertProps };

package/dist/components/AnchorTabs/index.d.mts

@@ -0,0 +1,59 @@
+import * as React from 'react';
+
+interface AnchorTabItem {
+    /**
+     * Identifiant de la section cible : doit correspondre à l'attribut `id` de
+     * l'élément de section dans le DOM (le lien pointe sur `#{key}`).
+     */
+    key: string;
+    /** Libellé affiché de l'onglet. */
+    label: string;
+}
+interface AnchorTabsProps {
+    /** Onglets d'ancrage, dans l'ordre d'apparition des sections. */
+    items: AnchorTabItem[];
+    /** Classes supplémentaires appliquées à la barre `<nav>`. */
+    className?: string;
+    /** Libellé ARIA de la navigation. */
+    ariaLabel?: string;
+    /**
+     * Décalage (px) réservé en haut de page pour le scroll-spy ET le défilement
+     * au clic (barre sticky / header). Défaut : 96.
+     */
+    offsetTop?: number;
+    /** Notifié à chaque changement de section active (scroll ou clic). */
+    onActiveChange?: (key: string) => void;
+    /**
+     * Épingle la barre (position fixed) tant qu'au moins une des sections
+     * ancrées reste dans le viewport — au-delà de la portée d'un simple
+     * `position: sticky` limité au parent. Un espace réservé conserve la
+     * hauteur de la barre (aucun layout shift).
+     */
+    pinWhileSectionsVisible?: boolean;
+    /** Ordonnée (px) de l'épinglage sous le header. Défaut : 72. */
+    pinTop?: number;
+    /** Classes du conteneur/sentinelle (ex. `hidden lg:block`). */
+    containerClassName?: string;
+    /**
+     * Présentation de la barre :
+     * - `underline` (défaut) : rangée d'onglets sur fond blanc, actif souligné ;
+     * - `pills` : chips arrondies posées sur le fond de page (pattern
+     *   FilterPill) — actif rempli `primary`, inactifs en pill blanche bordée.
+     */
+    variant?: "underline" | "pills";
+}
+/**
+ * Barre d'onglets d'ancrage (desktop) avec scroll-spy.
+ *
+ * Présente une rangée de liens `<a href="#{key}">` ; l'onglet dont la section
+ * est actuellement en haut du viewport (au-delà de `offsetTop`) est souligné.
+ * Le composant observe le défilement de la fenêtre (via `requestAnimationFrame`)
+ * pour déterminer la section courante et défile en douceur au clic.
+ *
+ * Les sections cibles doivent porter l'`id` correspondant à chaque `key`. Le
+ * positionnement (sticky, largeur, visibilité responsive) reste à la charge de
+ * l'appelant via `className`.
+ */
+declare const AnchorTabs: React.ForwardRefExoticComponent<AnchorTabsProps & React.RefAttributes<HTMLElement>>;
+
+export { type AnchorTabItem, AnchorTabs, type AnchorTabsProps };

package/dist/components/AnchorTabs/index.d.ts

@@ -0,0 +1,59 @@
+import * as React from 'react';
+
+interface AnchorTabItem {
+    /**
+     * Identifiant de la section cible : doit correspondre à l'attribut `id` de
+     * l'élément de section dans le DOM (le lien pointe sur `#{key}`).
+     */
+    key: string;
+    /** Libellé affiché de l'onglet. */
+    label: string;
+}
+interface AnchorTabsProps {
+    /** Onglets d'ancrage, dans l'ordre d'apparition des sections. */
+    items: AnchorTabItem[];
+    /** Classes supplémentaires appliquées à la barre `<nav>`. */
+    className?: string;
+    /** Libellé ARIA de la navigation. */
+    ariaLabel?: string;
+    /**
+     * Décalage (px) réservé en haut de page pour le scroll-spy ET le défilement
+     * au clic (barre sticky / header). Défaut : 96.
+     */
+    offsetTop?: number;
+    /** Notifié à chaque changement de section active (scroll ou clic). */
+    onActiveChange?: (key: string) => void;
+    /**
+     * Épingle la barre (position fixed) tant qu'au moins une des sections
+     * ancrées reste dans le viewport — au-delà de la portée d'un simple
+     * `position: sticky` limité au parent. Un espace réservé conserve la
+     * hauteur de la barre (aucun layout shift).
+     */
+    pinWhileSectionsVisible?: boolean;
+    /** Ordonnée (px) de l'épinglage sous le header. Défaut : 72. */
+    pinTop?: number;
+    /** Classes du conteneur/sentinelle (ex. `hidden lg:block`). */
+    containerClassName?: string;
+    /**
+     * Présentation de la barre :
+     * - `underline` (défaut) : rangée d'onglets sur fond blanc, actif souligné ;
+     * - `pills` : chips arrondies posées sur le fond de page (pattern
+     *   FilterPill) — actif rempli `primary`, inactifs en pill blanche bordée.
+     */
+    variant?: "underline" | "pills";
+}
+/**
+ * Barre d'onglets d'ancrage (desktop) avec scroll-spy.
+ *
+ * Présente une rangée de liens `<a href="#{key}">` ; l'onglet dont la section
+ * est actuellement en haut du viewport (au-delà de `offsetTop`) est souligné.
+ * Le composant observe le défilement de la fenêtre (via `requestAnimationFrame`)
+ * pour déterminer la section courante et défile en douceur au clic.
+ *
+ * Les sections cibles doivent porter l'`id` correspondant à chaque `key`. Le
+ * positionnement (sticky, largeur, visibilité responsive) reste à la charge de
+ * l'appelant via `className`.
+ */
+declare const AnchorTabs: React.ForwardRefExoticComponent<AnchorTabsProps & React.RefAttributes<HTMLElement>>;
+
+export { type AnchorTabItem, AnchorTabs, type AnchorTabsProps };

package/dist/components/Autocomplete/index.d.mts

@@ -0,0 +1,27 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const autocompleteInputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "default" | "error" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AutocompleteSuggestion {
+    value: string;
+    label: string;
+}
+interface AutocompleteProps extends VariantProps<typeof autocompleteInputVariants> {
+    value: string;
+    onChange: (value: string) => void;
+    onSelect?: (suggestion: AutocompleteSuggestion) => void;
+    suggestions: AutocompleteSuggestion[];
+    loading?: boolean;
+    placeholder?: string;
+    label?: string;
+    error?: string;
+    renderSuggestion?: (suggestion: AutocompleteSuggestion) => React.ReactNode;
+    className?: string;
+}
+declare const Autocomplete: React.ForwardRefExoticComponent<AutocompleteProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Autocomplete, type AutocompleteProps, type AutocompleteSuggestion, autocompleteInputVariants };

package/dist/components/Autocomplete/index.d.ts

@@ -0,0 +1,27 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const autocompleteInputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "default" | "error" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AutocompleteSuggestion {
+    value: string;
+    label: string;
+}
+interface AutocompleteProps extends VariantProps<typeof autocompleteInputVariants> {
+    value: string;
+    onChange: (value: string) => void;
+    onSelect?: (suggestion: AutocompleteSuggestion) => void;
+    suggestions: AutocompleteSuggestion[];
+    loading?: boolean;
+    placeholder?: string;
+    label?: string;
+    error?: string;
+    renderSuggestion?: (suggestion: AutocompleteSuggestion) => React.ReactNode;
+    className?: string;
+}
+declare const Autocomplete: React.ForwardRefExoticComponent<AutocompleteProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Autocomplete, type AutocompleteProps, type AutocompleteSuggestion, autocompleteInputVariants };

package/dist/components/Avatar/index.d.mts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+interface AvatarProps {
+    src?: string | null;
+    alt?: string;
+    initials?: string;
+    size?: "sm" | "md" | "lg";
+    badge?: number;
+    className?: string;
+}
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Avatar, type AvatarProps };

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+interface AvatarProps {
+    src?: string | null;
+    alt?: string;
+    initials?: string;
+    size?: "sm" | "md" | "lg";
+    badge?: number;
+    className?: string;
+}
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Avatar, type AvatarProps };

package/dist/components/Badge/index.d.mts

@@ -0,0 +1,13 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const badgeVariants: (props?: ({
+    variant?: "secondary" | "accent" | "outline" | "default" | "success" | "warning" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+}
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { Badge, type BadgeProps, badgeVariants };

package/dist/components/Badge/index.d.ts

@@ -0,0 +1,13 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const badgeVariants: (props?: ({
+    variant?: "secondary" | "accent" | "outline" | "default" | "success" | "warning" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+}
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { Badge, type BadgeProps, badgeVariants };

package/dist/components/Banner/index.d.mts

@@ -0,0 +1,19 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const bannerVariants: (props?: ({
+    variant?: "error" | "success" | "warning" | "info" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BannerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof bannerVariants> {
+    title?: string;
+    icon?: React.ReactNode;
+    onDismiss?: () => void;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Banner, type BannerProps, bannerVariants };

package/dist/components/Banner/index.d.ts

@@ -0,0 +1,19 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const bannerVariants: (props?: ({
+    variant?: "error" | "success" | "warning" | "info" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BannerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof bannerVariants> {
+    title?: string;
+    icon?: React.ReactNode;
+    onDismiss?: () => void;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Banner, type BannerProps, bannerVariants };

package/dist/components/BottomNavBar/index.d.mts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+interface BottomNavItem {
+    key: string;
+    label: string;
+    icon: React.ReactNode;
+    href: string;
+    isActive?: boolean;
+}
+interface BottomNavBarProps {
+    items: BottomNavItem[];
+    className?: string;
+    onNavigate?: (href: string) => void;
+}
+declare const BottomNavBar: React.ForwardRefExoticComponent<BottomNavBarProps & React.RefAttributes<HTMLElement>>;
+
+export { BottomNavBar, type BottomNavBarProps, type BottomNavItem };

package/dist/components/BottomNavBar/index.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+interface BottomNavItem {
+    key: string;
+    label: string;
+    icon: React.ReactNode;
+    href: string;
+    isActive?: boolean;
+}
+interface BottomNavBarProps {
+    items: BottomNavItem[];
+    className?: string;
+    onNavigate?: (href: string) => void;
+}
+declare const BottomNavBar: React.ForwardRefExoticComponent<BottomNavBarProps & React.RefAttributes<HTMLElement>>;
+
+export { BottomNavBar, type BottomNavBarProps, type BottomNavItem };

package/dist/components/Breadcrumb/index.d.mts

@@ -0,0 +1,23 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const breadcrumbVariants: (props?: ({
+    variant?: "default" | "light" | "dark" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BreadcrumbItem {
+    label: string;
+    href: string;
+}
+interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof breadcrumbVariants> {
+    items: BreadcrumbItem[];
+    /** Render custom link component (e.g. Next.js Link). Receives href, className, children. */
+    renderLink?: (props: {
+        href: string;
+        className: string;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
+
+export { Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, breadcrumbVariants };