@enadhq/enad-react-sdk 1.1.0 → 1.2.0

package/dist/client/storefront/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/client/storefront/types.ts"],"mappings":"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"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/client/storefront/types.ts"],"mappings":"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"}

package/dist/client/storefront/types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","names":[],"sources":["../../../src/client/storefront/types.ts"],"sourcesContent":["/* ─── Asset & Link primitives ─── */\n\nexport type ImageAsset = {\n  src: string\n  alt?: string\n  title?: string\n}\n\nexport type LinkItem = {\n  href: string\n  label?: string\n  target?: \"_blank\" | \"_self\"\n}\n\n/* ─── Rich text (pre-rendered HTML) ─── */\n\nexport type RichTextContent = string\n\n/* ─── Color themes (semantic — mapped to shadcn CSS variables) ─── */\n\nexport type ColorTheme =\n  | \"default\"\n  | \"muted\"\n  | \"primary\"\n  | \"secondary\"\n  | \"accent\"\n  | \"inverse\"\n\nconst themeClasses: Record<ColorTheme, string> = {\n  default: \"bg-background text-foreground\",\n  muted: \"bg-muted text-foreground\",\n  primary: \"bg-primary text-primary-foreground\",\n  secondary: \"bg-secondary text-secondary-foreground\",\n  accent: \"bg-accent text-accent-foreground\",\n  inverse: \"bg-foreground text-background\",\n}\n\nexport function colorThemeClasses(theme?: ColorTheme): string {\n  if (!theme) return \"\"\n  return themeClasses[theme] ?? \"\"\n}\n\nexport function isThemeDark(theme?: ColorTheme): boolean {\n  return theme === \"primary\" || theme === \"inverse\"\n}\n\n/* ─── Navigation ─── */\n\nexport type NavChild = {\n  label: string\n  href: string\n}\n\nexport type MegaMenuCategory = {\n  id?: string\n  title: string\n  href: string\n  items?: NavChild[]\n  stackWithPrevious?: boolean\n}\n\nexport type MegaMenuFeatured = {\n  id?: string\n  label: string\n  href: string\n  image?: ImageAsset\n}\n\nexport type NavItem = {\n  id?: string\n  label: string\n  href?: string\n  megaMenuCategories?: MegaMenuCategory[]\n  megaMenuFeatured?: MegaMenuFeatured[]\n}\n\n/* ─── Layout prop types ─── */\n\nexport interface HeaderProps {\n  variant?: \"default\" | \"transparent\" | \"overlay\"\n  navItems?: NavItem[]\n  utilityLinks?: NavChild[]\n  promotionEnabled?: boolean\n  promotionMessages?: string[]\n  logo?: React.ReactNode\n  onSearchClick?: () => void\n  onCartClick?: () => void\n  cartHref?: string\n  labels?: {\n    search?: string\n    cart?: string\n    menu?: string\n    closeMenu?: string\n    changeLanguage?: string\n  }\n  className?: string\n}\n\nexport interface MobileMenuDrawerProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  items: {\n    label: string\n    href: string\n    children?: NavChild[]\n  }[]\n  labels?: {\n    close?: string\n    back?: string\n  }\n  className?: string\n}\n\nexport interface FooterProps {\n  columns: { title?: string; links: NavChild[] }[]\n  bottomLinks?: NavChild[]\n  logo?: React.ReactNode\n  paymentIcons?: React.ReactNode\n  newsletterSlot?: React.ReactNode\n  copyright?: string\n  className?: string\n}\n\nexport interface PromotionBarProps {\n  enabled?: boolean\n  messages?: string[]\n  onDismiss?: () => void\n  className?: string\n}\n\n/* ─── Language selector ─── */\n\nexport type LanguageOption = {\n  code: string\n  label: string\n  icon?: React.ReactNode\n}\n\nexport interface LanguageSelectorProps {\n  languages: LanguageOption[]\n  value: string\n  onValueChange: (code: string) => void\n  variant?: \"code\" | \"full\" | \"icon\"\n  size?: \"sm\" | \"default\"\n  className?: string\n  labels?: {\n    changeLanguage?: string\n  }\n}\n\n/* ─── Block prop types ─── */\n\nexport type AspectRatio = \"1:1\" | \"4:5\" | \"3:4\" | \"9:16\" | \"16:9\" | \"4:3\" | \"2:1\"\n\nexport interface SpacerProps {\n  size?: \"sm\" | \"md\" | \"lg\"\n}\n\nexport interface ImageBlockProps {\n  image?: ImageAsset\n  aspectRatio?: \"4:5\" | \"16:9\" | \"1:1\"\n  caption?: string\n  className?: string\n}\n\nexport interface CardImageWithCaptionProps {\n  image?: ImageAsset\n  title?: string\n  caption?: string\n  className?: string\n}\n\nexport type TextContentVariant = \"default\" | \"pull-quote\" | \"columns\"\n\nexport interface TextContentProps {\n  preheader?: string\n  heading?: string\n  body?: string\n  variant?: TextContentVariant\n  layout?: \"default\" | \"text-indent\" | \"wide\"\n  buttonLabel?: string\n  buttonHref?: string\n  textLinkLabel?: string\n  textLinkHref?: string\n  colorTheme?: ColorTheme\n  className?: string\n}\n\nexport interface VariableTextContentProps {\n  html: RichTextContent\n  className?: string\n}\n\nexport type TextContentWithImageVariant = \"side-by-side\" | \"stacked\" | \"overlap\"\n\nexport interface TextContentWithImageProps {\n  image?: ImageAsset\n  imagePosition?: \"first\" | \"last\"\n  fullWidth?: boolean\n  variant?: TextContentWithImageVariant\n  preheader?: string\n  heading?: string\n  body?: string\n  buttonLabel?: string\n  buttonHref?: string\n  textLinkLabel?: string\n  textLinkHref?: string\n  colorTheme?: ColorTheme\n  className?: string\n}\n\nexport type LinkBlockVariant = \"overlay\" | \"card\" | \"text-only\"\n\nexport interface LinkBlockProps {\n  image?: ImageAsset\n  eyebrow?: string\n  title?: string\n  variant?: LinkBlockVariant\n  buttonLabel?: string\n  buttonHref?: string\n  colorTheme?: ColorTheme\n  className?: string\n}\n\nexport interface LinkBlockSmallProps {\n  image?: ImageAsset\n  title?: string\n  href?: string\n  className?: string\n}\n\nexport interface CardVideoProps {\n  thumbnail?: ImageAsset\n  videoUrl?: string\n  title?: string\n  caption?: string\n  aspectRatio?: \"4:3\" | \"1:1\" | \"16:9\"\n  className?: string\n}\n\nexport interface AccordionBlockProps {\n  items: {\n    id?: string\n    title: string\n    content: RichTextContent\n    variant?: \"standard\" | \"technical-data\" | \"downloads\"\n    children?: React.ReactNode\n  }[]\n  defaultValue?: string\n  className?: string\n}\n\nexport interface TruncatedTextProps {\n  html: RichTextContent\n  visibleLines?: number\n  labels?: {\n    showMore?: string\n    showLess?: string\n  }\n  className?: string\n}\n\nexport type HeroLayout = \"overlay\" | \"split\" | \"image-only\" | \"minimal\" | \"banner\"\n\nexport type HeroContentPosition =\n  | \"top-left\"\n  | \"top-center\"\n  | \"top-right\"\n  | \"center-left\"\n  | \"center-center\"\n  | \"center-right\"\n  | \"bottom-left\"\n  | \"bottom-center\"\n  | \"bottom-right\"\n\nexport type HeroContentWidth = \"sm\" | \"md\" | \"lg\"\n\nexport type HeroTextAlign = \"left\" | \"center\" | \"right\"\n\nexport interface HeroProps {\n  image?: ImageAsset\n  aspectRatio?: \"9:16\" | \"4:5\" | \"1:1\" | \"16:9\"\n  layout?: HeroLayout\n  contentPosition?: HeroContentPosition\n  contentWidth?: HeroContentWidth\n  textAlign?: HeroTextAlign\n  preheader?: string\n  heading?: string\n  buttonLabel?: string\n  buttonHref?: string\n  textLinkLabel?: string\n  textLinkHref?: string\n  colorTheme?: ColorTheme\n  className?: string\n}\n\nexport interface ProductCardProps {\n  images?: ImageAsset[]\n  title?: string\n  subtitle?: string\n  price?: string\n  tag?: string\n  href?: string\n  layout?: \"gallery\" | \"list\" | \"stripped\" | \"horizontal\" | \"minimal\"\n  showFavorites?: boolean\n  showPaginationDots?: boolean\n  onFavoriteClick?: () => void\n  className?: string\n}\n\nexport interface ProductImageProps {\n  images: ImageAsset[]\n  aspectRatio?: \"1:1\" | \"4:5\"\n  showZoom?: boolean\n  /** 'inset' — arrows float over the image edges; 'outset' — arrows sit outside the image bounds */\n  arrows?: \"inset\" | \"outset\"\n  showDots?: boolean\n  showThumbnails?: boolean\n  className?: string\n}\n\nexport type GalleryVariant = \"grid\" | \"masonry\" | \"filmstrip\"\n\nexport interface GalleryProps {\n  heading?: string\n  variant?: GalleryVariant\n  children: React.ReactNode\n  className?: string\n}\n\nexport interface GalleryWithCaptionProps {\n  heading?: string\n  indent?: boolean\n  colorTheme?: ColorTheme\n  children: React.ReactNode\n  className?: string\n}\n\nexport interface GalleryWithLinkBlocksProps {\n  heading?: string\n  children: React.ReactNode\n  className?: string\n}\n\nexport interface ContentWithGalleryProps {\n  images?: ImageAsset[]\n  preheader?: string\n  heading?: string\n  body?: string\n  productCards?: React.ReactNode\n  layout?: \"image-above\" | \"side-by-side\"\n  colorTheme?: ColorTheme\n  className?: string\n}\n\nexport interface ContentWithImageProductDataProps {\n  image?: ImageAsset\n  preheader?: string\n  heading?: string\n  body?: string\n  usps?: string[]\n  buttonLabel?: string\n  buttonHref?: string\n  productCards?: React.ReactNode\n  className?: string\n}\n"],"mappings":";AA4BA,MAAM,eAA2C;CAC/C,SAAS;CACT,OAAO;CACP,SAAS;CACT,WAAW;CACX,QAAQ;CACR,SAAS;CACV;AAED,SAAgB,kBAAkB,OAA4B;AAC5D,KAAI,CAAC,MAAO,QAAO;AACnB,QAAO,aAAa,UAAU;;AAGhC,SAAgB,YAAY,OAA6B;AACvD,QAAO,UAAU,aAAa,UAAU"}
+{"version":3,"file":"types.mjs","names":[],"sources":["../../../src/client/storefront/types.ts"],"sourcesContent":["/* ─── Asset & Link primitives ─── */\n\nexport type ImageAsset = {\n  src: string;\n  alt?: string;\n  title?: string;\n};\n\nexport type LinkItem = {\n  href: string;\n  label?: string;\n  target?: \"_blank\" | \"_self\";\n};\n\n/* ─── Rich text (pre-rendered HTML) ─── */\n\nexport type RichTextContent = string;\n\n/* ─── Color themes (semantic — mapped to shadcn CSS variables) ─── */\n\nexport type ColorTheme = \"default\" | \"muted\" | \"primary\" | \"secondary\" | \"accent\" | \"inverse\";\n\nconst themeClasses: Record<ColorTheme, string> = {\n  default: \"bg-background text-foreground\",\n  muted: \"bg-muted text-foreground\",\n  primary: \"bg-primary text-primary-foreground\",\n  secondary: \"bg-secondary text-secondary-foreground\",\n  accent: \"bg-accent text-accent-foreground\",\n  inverse: \"bg-foreground text-background\",\n};\n\nexport function colorThemeClasses(theme?: ColorTheme): string {\n  if (!theme) return \"\";\n  return themeClasses[theme] ?? \"\";\n}\n\nexport function isThemeDark(theme?: ColorTheme): boolean {\n  return theme === \"primary\" || theme === \"inverse\";\n}\n\n/* ─── Navigation ─── */\n\nexport type NavChild = {\n  label: string;\n  href: string;\n};\n\nexport type MegaMenuCategory = {\n  id?: string;\n  title: string;\n  href: string;\n  items?: NavChild[];\n  stackWithPrevious?: boolean;\n};\n\nexport type MegaMenuFeatured = {\n  id?: string;\n  label: string;\n  href: string;\n  image?: ImageAsset;\n};\n\nexport type NavItem = {\n  id?: string;\n  label: string;\n  href?: string;\n  megaMenuCategories?: MegaMenuCategory[];\n  megaMenuFeatured?: MegaMenuFeatured[];\n};\n\n/* ─── Layout prop types ─── */\n\nexport interface HeaderProps {\n  variant?: \"default\" | \"transparent\" | \"overlay\";\n  navItems?: NavItem[];\n  utilityLinks?: NavChild[];\n  promotionEnabled?: boolean;\n  promotionMessages?: string[];\n  logo?: React.ReactNode;\n  onSearchClick?: () => void;\n  onCartClick?: () => void;\n  cartHref?: string;\n  labels?: {\n    search?: string;\n    cart?: string;\n    menu?: string;\n    closeMenu?: string;\n    changeLanguage?: string;\n  };\n  className?: string;\n}\n\nexport interface MobileMenuDrawerProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  items: {\n    label: string;\n    href: string;\n    children?: NavChild[];\n  }[];\n  labels?: {\n    close?: string;\n    back?: string;\n  };\n  className?: string;\n}\n\nexport interface FooterProps {\n  columns: { title?: string; links: NavChild[] }[];\n  bottomLinks?: NavChild[];\n  logo?: React.ReactNode;\n  paymentIcons?: React.ReactNode;\n  newsletterSlot?: React.ReactNode;\n  copyright?: string;\n  className?: string;\n}\n\nexport interface PromotionBarProps {\n  enabled?: boolean;\n  messages?: string[];\n  onDismiss?: () => void;\n  className?: string;\n}\n\n/* ─── Language selector ─── */\n\nexport type LanguageOption = {\n  code: string;\n  label: string;\n  icon?: React.ReactNode;\n};\n\nexport interface LanguageSelectorProps {\n  languages: LanguageOption[];\n  value: string;\n  onValueChange: (code: string) => void;\n  variant?: \"code\" | \"full\" | \"icon\";\n  size?: \"sm\" | \"md\";\n  className?: string;\n  labels?: {\n    changeLanguage?: string;\n  };\n}\n\n/* ─── Block prop types ─── */\n\nexport type AspectRatio = \"1:1\" | \"4:5\" | \"3:4\" | \"9:16\" | \"16:9\" | \"4:3\" | \"2:1\";\n\nexport interface SpacerProps {\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nexport interface ImageBlockProps {\n  image?: ImageAsset;\n  aspectRatio?: \"4:5\" | \"16:9\" | \"1:1\";\n  caption?: string;\n  className?: string;\n}\n\nexport interface CardImageWithCaptionProps {\n  image?: ImageAsset;\n  title?: string;\n  caption?: string;\n  className?: string;\n}\n\nexport type TextContentVariant = \"default\" | \"pull-quote\" | \"columns\";\n\nexport interface TextContentProps {\n  preheader?: string;\n  heading?: string;\n  body?: string;\n  variant?: TextContentVariant;\n  layout?: \"default\" | \"text-indent\" | \"wide\";\n  buttonLabel?: string;\n  buttonHref?: string;\n  textLinkLabel?: string;\n  textLinkHref?: string;\n  colorTheme?: ColorTheme;\n  className?: string;\n}\n\nexport interface VariableTextContentProps {\n  html: RichTextContent;\n  className?: string;\n}\n\nexport type TextContentWithImageVariant = \"side-by-side\" | \"stacked\" | \"overlap\";\n\nexport interface TextContentWithImageProps {\n  image?: ImageAsset;\n  imagePosition?: \"first\" | \"last\";\n  fullWidth?: boolean;\n  variant?: TextContentWithImageVariant;\n  preheader?: string;\n  heading?: string;\n  body?: string;\n  buttonLabel?: string;\n  buttonHref?: string;\n  textLinkLabel?: string;\n  textLinkHref?: string;\n  colorTheme?: ColorTheme;\n  className?: string;\n}\n\nexport type LinkBlockVariant = \"overlay\" | \"card\" | \"text-only\";\n\nexport interface LinkBlockProps {\n  image?: ImageAsset;\n  eyebrow?: string;\n  title?: string;\n  variant?: LinkBlockVariant;\n  buttonLabel?: string;\n  buttonHref?: string;\n  colorTheme?: ColorTheme;\n  className?: string;\n}\n\nexport interface LinkBlockSmallProps {\n  image?: ImageAsset;\n  title?: string;\n  href?: string;\n  className?: string;\n}\n\nexport interface CardVideoProps {\n  thumbnail?: ImageAsset;\n  videoUrl?: string;\n  title?: string;\n  caption?: string;\n  aspectRatio?: \"4:3\" | \"1:1\" | \"16:9\";\n  className?: string;\n}\n\nexport interface AccordionBlockProps {\n  items: {\n    id?: string;\n    title: string;\n    content: RichTextContent;\n    variant?: \"standard\" | \"technical-data\" | \"downloads\";\n    children?: React.ReactNode;\n  }[];\n  defaultValue?: string;\n  className?: string;\n}\n\nexport interface TruncatedTextProps {\n  html: RichTextContent;\n  visibleLines?: number;\n  labels?: {\n    showMore?: string;\n    showLess?: string;\n  };\n  className?: string;\n}\n\nexport type HeroLayout = \"overlay\" | \"split\" | \"image-only\" | \"minimal\" | \"banner\";\n\nexport type HeroContentPosition =\n  | \"top-left\"\n  | \"top-center\"\n  | \"top-right\"\n  | \"center-left\"\n  | \"center-center\"\n  | \"center-right\"\n  | \"bottom-left\"\n  | \"bottom-center\"\n  | \"bottom-right\";\n\nexport type HeroContentWidth = \"sm\" | \"md\" | \"lg\";\n\nexport type HeroTextAlign = \"left\" | \"center\" | \"right\";\n\nexport interface HeroProps {\n  image?: ImageAsset;\n  aspectRatio?: \"9:16\" | \"4:5\" | \"1:1\" | \"16:9\";\n  layout?: HeroLayout;\n  contentPosition?: HeroContentPosition;\n  contentWidth?: HeroContentWidth;\n  textAlign?: HeroTextAlign;\n  preheader?: string;\n  heading?: string;\n  buttonLabel?: string;\n  buttonHref?: string;\n  textLinkLabel?: string;\n  textLinkHref?: string;\n  colorTheme?: ColorTheme;\n  className?: string;\n}\n\nexport interface ProductCardProps {\n  images?: ImageAsset[];\n  title?: string;\n  subtitle?: string;\n  price?: string;\n  tag?: string;\n  href?: string;\n  layout?: \"gallery\" | \"list\" | \"stripped\" | \"horizontal\" | \"minimal\";\n  showFavorites?: boolean;\n  showPaginationDots?: boolean;\n  onFavoriteClick?: () => void;\n  className?: string;\n}\n\nexport interface ProductImageProps {\n  images: ImageAsset[];\n  aspectRatio?: \"1:1\" | \"4:5\";\n  showZoom?: boolean;\n  /** 'inset' — arrows float over the image edges; 'outset' — arrows sit outside the image bounds */\n  arrows?: \"inset\" | \"outset\";\n  showDots?: boolean;\n  showThumbnails?: boolean;\n  className?: string;\n}\n\nexport type GalleryVariant = \"grid\" | \"masonry\" | \"filmstrip\";\n\nexport interface GalleryProps {\n  heading?: string;\n  variant?: GalleryVariant;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface GalleryWithCaptionProps {\n  heading?: string;\n  indent?: boolean;\n  colorTheme?: ColorTheme;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface GalleryWithLinkBlocksProps {\n  heading?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface ContentWithGalleryProps {\n  images?: ImageAsset[];\n  preheader?: string;\n  heading?: string;\n  body?: string;\n  productCards?: React.ReactNode;\n  layout?: \"image-above\" | \"side-by-side\";\n  colorTheme?: ColorTheme;\n  className?: string;\n}\n\nexport interface ContentWithImageProductDataProps {\n  image?: ImageAsset;\n  preheader?: string;\n  heading?: string;\n  body?: string;\n  usps?: string[];\n  buttonLabel?: string;\n  buttonHref?: string;\n  productCards?: React.ReactNode;\n  className?: string;\n}\n"],"mappings":";AAsBA,MAAM,eAA2C;CAC/C,SAAS;CACT,OAAO;CACP,SAAS;CACT,WAAW;CACX,QAAQ;CACR,SAAS;CACV;AAED,SAAgB,kBAAkB,OAA4B;AAC5D,KAAI,CAAC,MAAO,QAAO;AACnB,QAAO,aAAa,UAAU;;AAGhC,SAAgB,YAAY,OAA6B;AACvD,QAAO,UAAU,aAAa,UAAU"}

package/dist/client/ui/accordion.d.ts

@@ -3,6 +3,17 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Accordion as Accordion$1 } from "radix-ui";
 
 //#region src/client/ui/accordion.d.ts
+declare const accordionRecipe: (props?: ({
+  [x: string]: string | undefined;
+} & {
+  className?: Partial<Record<"root" | "group" | "item" | "trigger" | "content", string>> | undefined;
+}) | undefined) => {
+  root: string;
+  group: string;
+  item: string;
+  trigger: string;
+  content: string;
+};
 declare function Accordion({
   ...props
 }: React$1.ComponentProps<typeof Accordion$1.Root>): react_jsx_runtime0.JSX.Element;
@@ -25,5 +36,5 @@ declare function AccordionContent({
   ...props
 }: React$1.ComponentProps<typeof Accordion$1.Content>): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger };
+export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger, accordionRecipe };
 //# sourceMappingURL=accordion.d.ts.map

package/dist/client/ui/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../../src/client/ui/accordion.tsx"],"mappings":";;;;;iBAMS,SAAA,CAAA;EAAA,GAAe;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAI5E,cAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAa9C,aAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAU9C,gBAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAoBjD,gBAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../../src/client/ui/accordion.tsx"],"mappings":";;;;;cAOM,eAAA,GAAe,KAAA;EAAA;;cAWnB,OAAA,CAAA,MAAA;AAAA;;;;;;;iBAIO,SAAA,CAAA;EAAA,GAAe;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAI5E,cAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAU9C,aAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAU9C,gBAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAiBjD,gBAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/accordion.mjs

@@ -1,9 +1,27 @@
 import { useIcon } from "../icons/icon-context.mjs";
 import { cn } from "./utils.mjs";
+import { defineSlotRecipe } from "../ui-resolver/recipe.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Accordion as Accordion$1 } from "radix-ui";
 //#region src/client/ui/accordion.tsx
+const accordionRecipe = defineSlotRecipe({
+	slots: [
+		"root",
+		"group",
+		"item",
+		"trigger",
+		"content"
+	],
+	base: {
+		root: "",
+		group: "flex w-full flex-col overflow-hidden rounded-xl border bg-card text-card-foreground",
+		item: "border-b last:border-b-0",
+		trigger: "flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+		content: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
+	}
+});
+const defaultClasses = accordionRecipe();
 function Accordion({ ...props }) {
 	return /* @__PURE__ */ jsx(Accordion$1.Root, {
 		"data-slot": "accordion",
@@ -13,14 +31,14 @@ function Accordion({ ...props }) {
 function AccordionGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Accordion$1.Root, {
 		"data-slot": "accordion",
-		className: cn("flex w-full flex-col overflow-hidden rounded-xl border bg-card text-card-foreground", className),
+		className: cn(defaultClasses.group, className),
 		...props
 	});
 }
 function AccordionItem({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Accordion$1.Item, {
 		"data-slot": "accordion-item",
-		className: cn("border-b last:border-b-0", className),
+		className: cn(defaultClasses.item, className),
 		...props
 	});
 }
@@ -30,7 +48,7 @@ function AccordionTrigger({ className, children, ...props }) {
 		className: "flex",
 		children: /* @__PURE__ */ jsxs(Accordion$1.Trigger, {
 			"data-slot": "accordion-trigger",
-			className: cn("flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className),
+			className: cn(defaultClasses.trigger, className),
 			...props,
 			children: [children, /* @__PURE__ */ jsx(ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200" })]
 		})
@@ -39,7 +57,7 @@ function AccordionTrigger({ className, children, ...props }) {
 function AccordionContent({ className, children, ...props }) {
 	return /* @__PURE__ */ jsx(Accordion$1.Content, {
 		"data-slot": "accordion-content",
-		className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+		className: defaultClasses.content,
 		...props,
 		children: /* @__PURE__ */ jsx("div", {
 			className: cn("pt-0 pb-4", className),
@@ -48,6 +66,6 @@ function AccordionContent({ className, children, ...props }) {
 	});
 }
 //#endregion
-export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger };
+export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger, accordionRecipe };
 
 //# sourceMappingURL=accordion.mjs.map

package/dist/client/ui/accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.mjs","names":["AccordionPrimitive"],"sources":["../../../src/client/ui/accordion.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useIcon } from \"../icons/icon-context\";\nimport { Accordion as AccordionPrimitive } from \"radix-ui\";\n\nimport { cn } from \"./utils\";\n\nfunction Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />;\n}\n\nfunction AccordionGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\n        \"flex w-full flex-col overflow-hidden rounded-xl border bg-card text-card-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"border-b last:border-b-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  const ChevronDownIcon = useIcon(\"chevronDown\");\n\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon className=\"pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n      {...props}\n    >\n      <div className={cn(\"pt-0 pb-4\", className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  );\n}\n\nexport { Accordion, AccordionGroup, AccordionItem, AccordionTrigger, AccordionContent };\n"],"mappings":";;;;;;AAMA,SAAS,UAAU,EAAE,GAAG,SAA+D;AACrF,QAAO,oBAACA,YAAmB,MAApB;EAAyB,aAAU;EAAY,GAAI;EAAS,CAAA;;AAGrE,SAAS,eAAe,EACtB,WACA,GAAG,SACoD;AACvD,QACE,oBAACA,YAAmB,MAApB;EACE,aAAU;EACV,WAAW,GACT,uFACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;AACvD,QACE,oBAACA,YAAmB,MAApB;EACE,aAAU;EACV,WAAW,GAAG,4BAA4B,UAAU;EACpD,GAAI;EACJ,CAAA;;AAIN,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACuD;CAC1D,MAAM,kBAAkB,QAAQ,cAAc;AAE9C,QACE,oBAACA,YAAmB,QAApB;EAA2B,WAAU;YACnC,qBAACA,YAAmB,SAApB;GACE,aAAU;GACV,WAAW,GACT,8SACA,UACD;GACD,GAAI;aANN,CAQG,UACD,oBAAC,iBAAD,EAAiB,WAAU,+GAAgH,CAAA,CAChH;;EACH,CAAA;;AAIhC,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACuD;AAC1D,QACE,oBAACA,YAAmB,SAApB;EACE,aAAU;EACV,WAAU;EACV,GAAI;YAEJ,oBAAC,OAAD;GAAK,WAAW,GAAG,aAAa,UAAU;GAAG;GAAe,CAAA;EACjC,CAAA"}
+{"version":3,"file":"accordion.mjs","names":["AccordionPrimitive"],"sources":["../../../src/client/ui/accordion.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useIcon } from \"../icons/icon-context\";\nimport { Accordion as AccordionPrimitive } from \"radix-ui\";\n\nimport { defineSlotRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst accordionRecipe = defineSlotRecipe({\n  slots: [\"root\", \"group\", \"item\", \"trigger\", \"content\"] as const,\n  base: {\n    root: \"\",\n    group: \"flex w-full flex-col overflow-hidden rounded-xl border bg-card text-card-foreground\",\n    item: \"border-b last:border-b-0\",\n    trigger:\n      \"flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180\",\n    content:\n      \"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\",\n  },\n});\n\nconst defaultClasses = accordionRecipe();\n\nfunction Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />;\n}\n\nfunction AccordionGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(defaultClasses.group, className)}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(defaultClasses.item, className)}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  const ChevronDownIcon = useIcon(\"chevronDown\");\n\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(defaultClasses.trigger, className)}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon className=\"pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className={defaultClasses.content}\n      {...props}\n    >\n      <div className={cn(\"pt-0 pb-4\", className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  );\n}\n\nexport {\n  Accordion,\n  AccordionGroup,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n  accordionRecipe,\n};\n"],"mappings":";;;;;;;AAOA,MAAM,kBAAkB,iBAAiB;CACvC,OAAO;EAAC;EAAQ;EAAS;EAAQ;EAAW;EAAU;CACtD,MAAM;EACJ,MAAM;EACN,OAAO;EACP,MAAM;EACN,SACE;EACF,SACE;EACH;CACF,CAAC;AAEF,MAAM,iBAAiB,iBAAiB;AAExC,SAAS,UAAU,EAAE,GAAG,SAA+D;AACrF,QAAO,oBAACA,YAAmB,MAApB;EAAyB,aAAU;EAAY,GAAI;EAAS,CAAA;;AAGrE,SAAS,eAAe,EACtB,WACA,GAAG,SACoD;AACvD,QACE,oBAACA,YAAmB,MAApB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,OAAO,UAAU;EAC9C,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;AACvD,QACE,oBAACA,YAAmB,MAApB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,MAAM,UAAU;EAC7C,GAAI;EACJ,CAAA;;AAIN,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACuD;CAC1D,MAAM,kBAAkB,QAAQ,cAAc;AAE9C,QACE,oBAACA,YAAmB,QAApB;EAA2B,WAAU;YACnC,qBAACA,YAAmB,SAApB;GACE,aAAU;GACV,WAAW,GAAG,eAAe,SAAS,UAAU;GAChD,GAAI;aAHN,CAKG,UACD,oBAAC,iBAAD,EAAiB,WAAU,+GAAgH,CAAA,CAChH;;EACH,CAAA;;AAIhC,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACuD;AAC1D,QACE,oBAACA,YAAmB,SAApB;EACE,aAAU;EACV,WAAW,eAAe;EAC1B,GAAI;YAEJ,oBAAC,OAAD;GAAK,WAAW,GAAG,aAAa,UAAU;GAAG;GAAe,CAAA;EACjC,CAAA"}

package/dist/client/ui/alert.d.ts

@@ -1,17 +1,23 @@
 import * as React$1 from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/client/ui/alert.d.ts
-declare const alertVariants: (props?: ({
-  variant?: "default" | "destructive" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare const alertRecipe: (props?: ({
+  variant?: "default" | "destructive" | undefined;
+} & {
+  className?: Partial<Record<"root" | "title" | "description", string>> | undefined;
+}) | undefined) => {
+  root: string;
+  title: string;
+  description: string;
+};
 declare function Alert({
   className,
   variant,
   ...props
-}: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"div"> & {
+  variant?: "default" | "destructive";
+}): react_jsx_runtime0.JSX.Element;
 declare function AlertTitle({
   className,
   ...props
@@ -20,6 +26,9 @@ declare function AlertDescription({
   className,
   ...props
 }: React$1.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare const alertVariants: (props: {
+  variant?: "default" | "destructive";
+}) => string;
 //#endregion
-export { Alert, AlertDescription, AlertTitle, alertVariants };
+export { Alert, AlertDescription, AlertTitle, alertRecipe, alertVariants };
 //# sourceMappingURL=alert.d.ts.map

package/dist/client/ui/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","names":[],"sources":["../../../src/client/ui/alert.tsx"],"mappings":";;;;;;cAOM,aAAA,GAAa,KAAA;;IAclB,+BAAA,CAAA,SAAA;AAAA,iBAEQ,KAAA,CAAA;EACP,SAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,UAAwB,YAAA,QAAoB,aAAA,IAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAW1D,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAU9D,gBAAA,CAAA;EAAmB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"alert.d.ts","names":[],"sources":["../../../src/client/ui/alert.tsx"],"mappings":";;;;cAOM,WAAA,GAAW,KAAA;;;cAkBf,OAAA,CAAA,MAAA;AAAA;;;;;iBAIO,KAAA,CAAA;EACP,SAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA;EAA0B,OAAA;AAAA,IAAqC,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAM/D,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAI9D,gBAAA,CAAA;EAAmB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAaxE,aAAA,GAAiB,KAAA;EAAS,OAAA;AAAA"}

package/dist/client/ui/alert.mjs

@@ -1,39 +1,52 @@
 "use client";
 import { cn } from "./utils.mjs";
+import { defineSlotRecipe } from "../ui-resolver/recipe.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
 //#region src/client/ui/alert.tsx
-const alertVariants = cva("relative w-full rounded-[var(--enad-card-radius)] border p-4 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:top-4 [&>svg]:left-4 [&>svg]:text-foreground [&>svg~*]:pl-7", {
+const alertRecipe = defineSlotRecipe({
+	slots: [
+		"root",
+		"title",
+		"description"
+	],
+	base: {
+		root: "relative w-full rounded-[var(--enad-card-radius)] border p-4 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:top-4 [&>svg]:left-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
+		title: "mb-1 font-medium leading-none tracking-tight",
+		description: "text-sm [&_p]:leading-relaxed"
+	},
 	variants: { variant: {
-		default: "bg-background text-foreground",
-		destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+		default: { root: "bg-background text-foreground" },
+		destructive: { root: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive" }
 	} },
 	defaultVariants: { variant: "default" }
 });
+const defaultClasses = alertRecipe();
 function Alert({ className, variant, ...props }) {
+	const classes = alertRecipe({ variant });
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "alert",
 		role: "alert",
-		className: cn(alertVariants({ variant }), className),
+		className: cn(classes.root, className),
 		...props
 	});
 }
 function AlertTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx("h5", {
 		"data-slot": "alert-title",
-		className: cn("mb-1 font-medium leading-none tracking-tight", className),
+		className: cn(defaultClasses.title, className),
 		...props
 	});
 }
 function AlertDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "alert-description",
-		className: cn("text-sm [&_p]:leading-relaxed", className),
+		className: cn(defaultClasses.description, className),
 		...props
 	});
 }
+const alertVariants = (props) => alertRecipe(props).root;
 //#endregion
-export { Alert, AlertDescription, AlertTitle, alertVariants };
+export { Alert, AlertDescription, AlertTitle, alertRecipe, alertVariants };
 
 //# sourceMappingURL=alert.mjs.map

package/dist/client/ui/alert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert.mjs","names":[],"sources":["../../../src/client/ui/alert.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"./utils\";\n\nconst alertVariants = cva(\n  \"relative w-full rounded-[var(--enad-card-radius)] border p-4 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:top-4 [&>svg]:left-4 [&>svg]:text-foreground [&>svg~*]:pl-7\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-background text-foreground\",\n        destructive:\n          \"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"h5\">) {\n  return (\n    <h5\n      data-slot=\"alert-title\"\n      className={cn(\"mb-1 font-medium leading-none tracking-tight\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\"text-sm [&_p]:leading-relaxed\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertTitle, AlertDescription, alertVariants };\n"],"mappings":";;;;;;AAOA,MAAM,gBAAgB,IACpB,4LACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,SAAS,MAAM,EACb,WACA,SACA,GAAG,SACgE;AACnE,QACE,oBAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,UAAU;EACpD,GAAI;EACJ,CAAA;;AAIN,SAAS,WAAW,EAAE,WAAW,GAAG,SAAqC;AACvE,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GAAG,gDAAgD,UAAU;EACxE,GAAI;EACJ,CAAA;;AAIN,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAsC;AAC9E,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;EACJ,CAAA"}
+{"version":3,"file":"alert.mjs","names":[],"sources":["../../../src/client/ui/alert.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { defineSlotRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst alertRecipe = defineSlotRecipe({\n  slots: [\"root\", \"title\", \"description\"] as const,\n  base: {\n    root: \"relative w-full rounded-[var(--enad-card-radius)] border p-4 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:top-4 [&>svg]:left-4 [&>svg]:text-foreground [&>svg~*]:pl-7\",\n    title: \"mb-1 font-medium leading-none tracking-tight\",\n    description: \"text-sm [&_p]:leading-relaxed\",\n  },\n  variants: {\n    variant: {\n      default: { root: \"bg-background text-foreground\" },\n      destructive: {\n        root: \"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst defaultClasses = alertRecipe();\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & { variant?: \"default\" | \"destructive\" }) {\n  const classes = alertRecipe({ variant });\n\n  return <div data-slot=\"alert\" role=\"alert\" className={cn(classes.root, className)} {...props} />;\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"h5\">) {\n  return <h5 data-slot=\"alert-title\" className={cn(defaultClasses.title, className)} {...props} />;\n}\n\nfunction AlertDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(defaultClasses.description, className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertTitle, AlertDescription, alertRecipe };\n\n// Backward compat\nconst alertVariants = (props: { variant?: \"default\" | \"destructive\" }) => alertRecipe(props).root;\nexport { alertVariants };\n"],"mappings":";;;;;;AAOA,MAAM,cAAc,iBAAiB;CACnC,OAAO;EAAC;EAAQ;EAAS;EAAc;CACvC,MAAM;EACJ,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD,UAAU,EACR,SAAS;EACP,SAAS,EAAE,MAAM,iCAAiC;EAClD,aAAa,EACX,MAAM,2FACP;EACF,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;AAEF,MAAM,iBAAiB,aAAa;AAEpC,SAAS,MAAM,EACb,WACA,SACA,GAAG,SACqE;CACxE,MAAM,UAAU,YAAY,EAAE,SAAS,CAAC;AAExC,QAAO,oBAAC,OAAD;EAAK,aAAU;EAAQ,MAAK;EAAQ,WAAW,GAAG,QAAQ,MAAM,UAAU;EAAE,GAAI;EAAS,CAAA;;AAGlG,SAAS,WAAW,EAAE,WAAW,GAAG,SAAqC;AACvE,QAAO,oBAAC,MAAD;EAAI,aAAU;EAAc,WAAW,GAAG,eAAe,OAAO,UAAU;EAAE,GAAI;EAAS,CAAA;;AAGlG,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAsC;AAC9E,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,eAAe,aAAa,UAAU;EACpD,GAAI;EACJ,CAAA;;AAON,MAAM,iBAAiB,UAAmD,YAAY,MAAM,CAAC"}

package/dist/client/ui/avatar.d.ts

@@ -3,6 +3,15 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Avatar as Avatar$1 } from "radix-ui";
 
 //#region src/client/ui/avatar.d.ts
+declare const avatarRecipe: (props?: ({
+  [x: string]: string | undefined;
+} & {
+  className?: Partial<Record<"root" | "image" | "fallback", string>> | undefined;
+}) | undefined) => {
+  root: string;
+  image: string;
+  fallback: string;
+};
 declare function Avatar({
   className,
   ...props
@@ -16,5 +25,5 @@ declare function AvatarFallback({
   ...props
 }: React$1.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Avatar, AvatarFallback, AvatarImage };
+export { Avatar, AvatarFallback, AvatarImage, avatarRecipe };
 //# sourceMappingURL=avatar.d.ts.map

package/dist/client/ui/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../../src/client/ui/avatar.tsx"],"mappings":";;;;;iBAOS,MAAA,CAAA;EAAS,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUjF,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,KAAA,IAAM,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUvF,cAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../../src/client/ui/avatar.tsx"],"mappings":";;;;;cAQM,YAAA,GAAY,KAAA;EAAA;;cAQhB,OAAA,CAAA,MAAA;AAAA;;;;;iBAIO,MAAA,CAAA;EAAS,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUjF,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,KAAA,IAAM,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUvF,cAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/avatar.mjs

@@ -1,31 +1,45 @@
 "use client";
 import { cn } from "./utils.mjs";
+import { defineSlotRecipe } from "../ui-resolver/recipe.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Avatar as Avatar$1 } from "radix-ui";
 //#region src/client/ui/avatar.tsx
+const avatarRecipe = defineSlotRecipe({
+	slots: [
+		"root",
+		"image",
+		"fallback"
+	],
+	base: {
+		root: "relative flex size-8 shrink-0 overflow-hidden rounded-full",
+		image: "aspect-square size-full",
+		fallback: "flex size-full items-center justify-center rounded-full bg-muted text-xs font-medium"
+	}
+});
+const defaultClasses = avatarRecipe();
 function Avatar({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Avatar$1.Root, {
 		"data-slot": "avatar",
-		className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
+		className: cn(defaultClasses.root, className),
 		...props
 	});
 }
 function AvatarImage({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Avatar$1.Image, {
 		"data-slot": "avatar-image",
-		className: cn("aspect-square size-full", className),
+		className: cn(defaultClasses.image, className),
 		...props
 	});
 }
 function AvatarFallback({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Avatar$1.Fallback, {
 		"data-slot": "avatar-fallback",
-		className: cn("flex size-full items-center justify-center rounded-full bg-muted text-xs font-medium", className),
+		className: cn(defaultClasses.fallback, className),
 		...props
 	});
 }
 //#endregion
-export { Avatar, AvatarFallback, AvatarImage };
+export { Avatar, AvatarFallback, AvatarImage, avatarRecipe };
 
 //# sourceMappingURL=avatar.mjs.map

package/dist/client/ui/avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.mjs","names":["AvatarPrimitive"],"sources":["../../../src/client/ui/avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Avatar as AvatarPrimitive } from \"radix-ui\";\n\nimport { cn } from \"./utils\";\n\nfunction Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      className={cn(\"relative flex size-8 shrink-0 overflow-hidden rounded-full\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\"aspect-square size-full\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"flex size-full items-center justify-center rounded-full bg-muted text-xs font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarImage, AvatarFallback };\n"],"mappings":";;;;;;AAOA,SAAS,OAAO,EAAE,WAAW,GAAG,SAA4D;AAC1F,QACE,oBAACA,SAAgB,MAAjB;EACE,aAAU;EACV,WAAW,GAAG,8DAA8D,UAAU;EACtF,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAACA,SAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,2BAA2B,UAAU;EACnD,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EACtB,WACA,GAAG,SACqD;AACxD,QACE,oBAACA,SAAgB,UAAjB;EACE,aAAU;EACV,WAAW,GACT,wFACA,UACD;EACD,GAAI;EACJ,CAAA"}
+{"version":3,"file":"avatar.mjs","names":["AvatarPrimitive"],"sources":["../../../src/client/ui/avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Avatar as AvatarPrimitive } from \"radix-ui\";\n\nimport { defineSlotRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst avatarRecipe = defineSlotRecipe({\n  slots: [\"root\", \"image\", \"fallback\"] as const,\n  base: {\n    root: \"relative flex size-8 shrink-0 overflow-hidden rounded-full\",\n    image: \"aspect-square size-full\",\n    fallback:\n      \"flex size-full items-center justify-center rounded-full bg-muted text-xs font-medium\",\n  },\n});\n\nconst defaultClasses = avatarRecipe();\n\nfunction Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      className={cn(defaultClasses.root, className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(defaultClasses.image, className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(defaultClasses.fallback, className)}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarImage, AvatarFallback, avatarRecipe };\n"],"mappings":";;;;;;;AAQA,MAAM,eAAe,iBAAiB;CACpC,OAAO;EAAC;EAAQ;EAAS;EAAW;CACpC,MAAM;EACJ,MAAM;EACN,OAAO;EACP,UACE;EACH;CACF,CAAC;AAEF,MAAM,iBAAiB,cAAc;AAErC,SAAS,OAAO,EAAE,WAAW,GAAG,SAA4D;AAC1F,QACE,oBAACA,SAAgB,MAAjB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,MAAM,UAAU;EAC7C,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAACA,SAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,OAAO,UAAU;EAC9C,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EACtB,WACA,GAAG,SACqD;AACxD,QACE,oBAACA,SAAgB,UAAjB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,UAAU,UAAU;EACjD,GAAI;EACJ,CAAA"}

package/dist/client/ui/breadcrumb.d.ts

@@ -2,6 +2,18 @@ import * as React$1 from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/client/ui/breadcrumb.d.ts
+declare const breadcrumbRecipe: (props?: ({
+  [x: string]: string | undefined;
+} & {
+  className?: Partial<Record<"item" | "list" | "link" | "page" | "separator" | "ellipsis", string>> | undefined;
+}) | undefined) => {
+  item: string;
+  list: string;
+  link: string;
+  page: string;
+  separator: string;
+  ellipsis: string;
+};
 declare function Breadcrumb({
   ...props
 }: React$1.ComponentProps<"nav">): react_jsx_runtime0.JSX.Element;
@@ -34,5 +46,5 @@ declare function BreadcrumbEllipsis({
   ...props
 }: React$1.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, breadcrumbRecipe };
 //# sourceMappingURL=breadcrumb.d.ts.map

package/dist/client/ui/breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","names":[],"sources":["../../../src/client/ui/breadcrumb.tsx"],"mappings":";;;;iBAMS,UAAA,CAAA;EAAA,GAAgB;AAAA,GAAS,OAAA,CAAM,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAIpD,cAAA,CAAA;EAAiB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAalE,cAAA,CAAA;EAAiB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUlE,cAAA,CAAA;EACP,OAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA;EACP,OAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAYQ,cAAA,CAAA;EAAiB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,WAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAWpE,mBAAA,CAAA;EAAsB,QAAA;EAAU,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAcjF,kBAAA,CAAA;EAAqB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,WAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"breadcrumb.d.ts","names":[],"sources":["../../../src/client/ui/breadcrumb.tsx"],"mappings":";;;;cAOM,gBAAA,GAAgB,KAAA;EAAA;;cAUpB,OAAA,CAAA,MAAA;AAAA;;;;;;;;iBAIO,UAAA,CAAA;EAAA,GAAgB;AAAA,GAAS,OAAA,CAAM,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAIpD,cAAA,CAAA;EAAiB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAMlE,cAAA,CAAA;EAAiB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAMlE,cAAA,CAAA;EACP,OAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA;EAAwB,OAAA;AAAA,IAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAQ3C,cAAA,CAAA;EAAiB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,WAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAWpE,mBAAA,CAAA;EAAsB,QAAA;EAAU,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAcjF,kBAAA,CAAA;EAAqB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,WAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/breadcrumb.mjs

@@ -1,9 +1,29 @@
 import { useIcon } from "../icons/icon-context.mjs";
 import { cn } from "./utils.mjs";
+import { defineSlotRecipe } from "../ui-resolver/recipe.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "radix-ui";
 //#region src/client/ui/breadcrumb.tsx
+const breadcrumbRecipe = defineSlotRecipe({
+	slots: [
+		"list",
+		"item",
+		"link",
+		"page",
+		"separator",
+		"ellipsis"
+	],
+	base: {
+		list: "flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5",
+		item: "inline-flex items-center gap-1.5",
+		link: "transition-colors hover:text-foreground",
+		page: "font-normal text-foreground",
+		separator: "[&>svg]:size-3.5",
+		ellipsis: "flex size-9 items-center justify-center"
+	}
+});
+const defaultClasses = breadcrumbRecipe();
 function Breadcrumb({ ...props }) {
 	return /* @__PURE__ */ jsx("nav", {
 		"aria-label": "breadcrumb",
@@ -14,21 +34,21 @@ function Breadcrumb({ ...props }) {
 function BreadcrumbList({ className, ...props }) {
 	return /* @__PURE__ */ jsx("ol", {
 		"data-slot": "breadcrumb-list",
-		className: cn("flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5", className),
+		className: cn(defaultClasses.list, className),
 		...props
 	});
 }
 function BreadcrumbItem({ className, ...props }) {
 	return /* @__PURE__ */ jsx("li", {
 		"data-slot": "breadcrumb-item",
-		className: cn("inline-flex items-center gap-1.5", className),
+		className: cn(defaultClasses.item, className),
 		...props
 	});
 }
 function BreadcrumbLink({ asChild, className, ...props }) {
 	return /* @__PURE__ */ jsx(asChild ? Slot.Root : "a", {
 		"data-slot": "breadcrumb-link",
-		className: cn("transition-colors hover:text-foreground", className),
+		className: cn(defaultClasses.link, className),
 		...props
 	});
 }
@@ -36,7 +56,7 @@ function BreadcrumbPage({ className, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		"data-slot": "breadcrumb-page",
 		"aria-current": "page",
-		className: cn("font-normal text-foreground", className),
+		className: cn(defaultClasses.page, className),
 		...props
 	});
 }
@@ -45,7 +65,7 @@ function BreadcrumbSeparator({ children, className, ...props }) {
 		"data-slot": "breadcrumb-separator",
 		role: "presentation",
 		"aria-hidden": "true",
-		className: cn("[&>svg]:size-3.5", className),
+		className: cn(defaultClasses.separator, className),
 		...props,
 		children: children ?? "/"
 	});
@@ -56,7 +76,7 @@ function BreadcrumbEllipsis({ className, ...props }) {
 		"data-slot": "breadcrumb-ellipsis",
 		role: "presentation",
 		"aria-hidden": "true",
-		className: cn("flex size-9 items-center justify-center", className),
+		className: cn(defaultClasses.ellipsis, className),
 		...props,
 		children: [/* @__PURE__ */ jsx(MoreIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
 			className: "sr-only",
@@ -65,6 +85,6 @@ function BreadcrumbEllipsis({ className, ...props }) {
 	});
 }
 //#endregion
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, breadcrumbRecipe };
 
 //# sourceMappingURL=breadcrumb.mjs.map

package/dist/client/ui/breadcrumb.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.mjs","names":[],"sources":["../../../src/client/ui/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useIcon } from \"../icons/icon-context\";\nimport { Slot } from \"radix-ui\";\n\nimport { cn } from \"./utils\";\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn(\"inline-flex items-center gap-1.5\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<\"a\"> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot.Root : \"a\";\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(\"transition-colors hover:text-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      aria-current=\"page\"\n      className={cn(\"font-normal text-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? \"/\"}\n    </li>\n  );\n}\n\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<\"span\">) {\n  const MoreIcon = useIcon(\"more\");\n\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreIcon className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n};\n"],"mappings":";;;;;;AAMA,SAAS,WAAW,EAAE,GAAG,SAAsC;AAC7D,QAAO,oBAAC,OAAD;EAAK,cAAW;EAAa,aAAU;EAAa,GAAI;EAAS,CAAA;;AAG1E,SAAS,eAAe,EAAE,WAAW,GAAG,SAAqC;AAC3E,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,4FACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EAAE,WAAW,GAAG,SAAqC;AAC3E,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GAAG,oCAAoC,UAAU;EAC5D,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EACtB,SACA,WACA,GAAG,SAGF;AAGD,QACE,oBAHW,UAAU,KAAK,OAAO,KAGjC;EACE,aAAU;EACV,WAAW,GAAG,2CAA2C,UAAU;EACnE,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EAAE,WAAW,GAAG,SAAuC;AAC7E,QACE,oBAAC,QAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW,GAAG,+BAA+B,UAAU;EACvD,GAAI;EACJ,CAAA;;AAIN,SAAS,oBAAoB,EAAE,UAAU,WAAW,GAAG,SAAqC;AAC1F,QACE,oBAAC,MAAD;EACE,aAAU;EACV,MAAK;EACL,eAAY;EACZ,WAAW,GAAG,oBAAoB,UAAU;EAC5C,GAAI;YAEH,YAAY;EACV,CAAA;;AAIT,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAuC;CACjF,MAAM,WAAW,QAAQ,OAAO;AAEhC,QACE,qBAAC,QAAD;EACE,aAAU;EACV,MAAK;EACL,eAAY;EACZ,WAAW,GAAG,2CAA2C,UAAU;EACnE,GAAI;YALN,CAOE,oBAAC,UAAD,EAAU,WAAU,UAAW,CAAA,EAC/B,oBAAC,QAAD;GAAM,WAAU;aAAU;GAAW,CAAA,CAChC"}
+{"version":3,"file":"breadcrumb.mjs","names":[],"sources":["../../../src/client/ui/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useIcon } from \"../icons/icon-context\";\nimport { Slot } from \"radix-ui\";\n\nimport { defineSlotRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst breadcrumbRecipe = defineSlotRecipe({\n  slots: [\"list\", \"item\", \"link\", \"page\", \"separator\", \"ellipsis\"] as const,\n  base: {\n    list: \"flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5\",\n    item: \"inline-flex items-center gap-1.5\",\n    link: \"transition-colors hover:text-foreground\",\n    page: \"font-normal text-foreground\",\n    separator: \"[&>svg]:size-3.5\",\n    ellipsis: \"flex size-9 items-center justify-center\",\n  },\n});\n\nconst defaultClasses = breadcrumbRecipe();\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol data-slot=\"breadcrumb-list\" className={cn(defaultClasses.list, className)} {...props} />\n  );\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li data-slot=\"breadcrumb-item\" className={cn(defaultClasses.item, className)} {...props} />\n  );\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<\"a\"> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : \"a\";\n\n  return (\n    <Comp data-slot=\"breadcrumb-link\" className={cn(defaultClasses.link, className)} {...props} />\n  );\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      aria-current=\"page\"\n      className={cn(defaultClasses.page, className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(defaultClasses.separator, className)}\n      {...props}\n    >\n      {children ?? \"/\"}\n    </li>\n  );\n}\n\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<\"span\">) {\n  const MoreIcon = useIcon(\"more\");\n\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(defaultClasses.ellipsis, className)}\n      {...props}\n    >\n      <MoreIcon className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n  breadcrumbRecipe,\n};\n"],"mappings":";;;;;;;AAOA,MAAM,mBAAmB,iBAAiB;CACxC,OAAO;EAAC;EAAQ;EAAQ;EAAQ;EAAQ;EAAa;EAAW;CAChE,MAAM;EACJ,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,WAAW;EACX,UAAU;EACX;CACF,CAAC;AAEF,MAAM,iBAAiB,kBAAkB;AAEzC,SAAS,WAAW,EAAE,GAAG,SAAsC;AAC7D,QAAO,oBAAC,OAAD;EAAK,cAAW;EAAa,aAAU;EAAa,GAAI;EAAS,CAAA;;AAG1E,SAAS,eAAe,EAAE,WAAW,GAAG,SAAqC;AAC3E,QACE,oBAAC,MAAD;EAAI,aAAU;EAAkB,WAAW,GAAG,eAAe,MAAM,UAAU;EAAE,GAAI;EAAS,CAAA;;AAIhG,SAAS,eAAe,EAAE,WAAW,GAAG,SAAqC;AAC3E,QACE,oBAAC,MAAD;EAAI,aAAU;EAAkB,WAAW,GAAG,eAAe,MAAM,UAAU;EAAE,GAAI;EAAS,CAAA;;AAIhG,SAAS,eAAe,EACtB,SACA,WACA,GAAG,SACiD;AAGpD,QACE,oBAHW,UAAU,KAAK,OAAO,KAGjC;EAAM,aAAU;EAAkB,WAAW,GAAG,eAAe,MAAM,UAAU;EAAE,GAAI;EAAS,CAAA;;AAIlG,SAAS,eAAe,EAAE,WAAW,GAAG,SAAuC;AAC7E,QACE,oBAAC,QAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW,GAAG,eAAe,MAAM,UAAU;EAC7C,GAAI;EACJ,CAAA;;AAIN,SAAS,oBAAoB,EAAE,UAAU,WAAW,GAAG,SAAqC;AAC1F,QACE,oBAAC,MAAD;EACE,aAAU;EACV,MAAK;EACL,eAAY;EACZ,WAAW,GAAG,eAAe,WAAW,UAAU;EAClD,GAAI;YAEH,YAAY;EACV,CAAA;;AAIT,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAuC;CACjF,MAAM,WAAW,QAAQ,OAAO;AAEhC,QACE,qBAAC,QAAD;EACE,aAAU;EACV,MAAK;EACL,eAAY;EACZ,WAAW,GAAG,eAAe,UAAU,UAAU;EACjD,GAAI;YALN,CAOE,oBAAC,UAAD,EAAU,WAAU,UAAW,CAAA,EAC/B,oBAAC,QAAD;GAAM,WAAU;aAAU;GAAW,CAAA,CAChC"}