commerce-toolkit 0.6.0 → 0.8.0

package/dist/banner-dismiss-DC0spaA2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner-dismiss-DC0spaA2.js","sources":["../src/components/banner/primitives/banner-root.tsx","../src/components/banner/primitives/banner-content.tsx","../src/components/banner/primitives/banner-text.tsx","../src/components/banner/primitives/banner-dismiss.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use, useCallback, useEffect, useMemo, useState } from 'react';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface BannerContext {\n  id: string;\n  hideDismiss: boolean;\n  isDismissed: boolean;\n  handleDismiss: () => void;\n}\n\nexport const BannerContext = createContext<BannerContext | undefined>(undefined);\n\nexport type BannerRootProps = ComponentProps<'div'> & {\n  id: string;\n  hideDismiss?: boolean;\n  onDismiss?: () => void;\n};\n\nexport function BannerRoot({\n  id,\n  hideDismiss = false,\n  onDismiss,\n  children,\n  className,\n  ...props\n}: BannerRootProps) {\n  const [isDismissed, setIsDismissed] = useState<boolean>(false);\n  const [isInitialized, setIsInitialized] = useState<boolean>(false);\n\n  useEffect(() => {\n    const hidden = localStorage.getItem(`${id}-hidden-banner`) === 'true';\n\n    setIsDismissed(hidden);\n    setIsInitialized(true);\n  }, [id]);\n\n  const handleDismiss = useCallback(() => {\n    setIsDismissed(true);\n    localStorage.setItem(`${id}-hidden-banner`, 'true');\n    onDismiss?.();\n  }, [id, onDismiss]);\n\n  const contextValues = useMemo(\n    () => ({\n      id,\n      isDismissed,\n      hideDismiss,\n      handleDismiss,\n    }),\n    [id, isDismissed, hideDismiss, handleDismiss],\n  );\n\n  if (!isInitialized) return null;\n\n  return (\n    <BannerContext.Provider value={contextValues}>\n      <div\n        className={cn(\n          'group/banner overflow-hidden bg-[var(--banner-background,var(--brand))] transition-all duration-300 ease-in @container',\n          isDismissed ? 'pointer-events-none max-h-0' : 'max-h-32',\n          className,\n        )}\n        data-slot=\"banner-root\"\n        id={id}\n        {...props}\n      >\n        {children}\n      </div>\n    </BannerContext.Provider>\n  );\n}\n\nexport function useBanner() {\n  const context = use(BannerContext);\n\n  if (context === undefined) {\n    throw new Error('useBanner must be used within a BannerRoot');\n  }\n\n  return context;\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BannerContentProps = ComponentProps<'div'>;\n\nexport function BannerContent({ className, children, ...props }: BannerContentProps) {\n  return (\n    <div\n      className={cn('flex items-center justify-between gap-4 px-8 py-3', className)}\n      data-slot=\"banner-content\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BannerTextProps = ComponentProps<'div'>;\n\nexport function BannerText({ children, className, ...props }: BannerTextProps) {\n  return (\n    <div\n      className={cn(\n        'flex-1 text-sm text-[var(--banner-text,var(--foreground))] [font-family:var(--banner-font-family,var(--font-family-body))] @xl:text-center @xl:text-base',\n        className,\n      )}\n      data-slot=\"banner-text\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport { X } from 'lucide-react';\nimport type { ComponentProps } from 'react';\n\nimport { useBanner } from '@/components/banner';\nimport { cn } from '@/lib';\n\nexport type BannerDismissProps = ComponentProps<'button'>;\n\nexport function BannerDismiss({ className, ...props }: BannerDismissProps) {\n  const { hideDismiss, handleDismiss } = useBanner();\n\n  if (hideDismiss) return null;\n\n  return (\n    <button\n      aria-label=\"Dismiss banner\"\n      className={cn(\n        'flex h-8 w-8 items-center justify-center rounded-full bg-[var(--banner-close-background,transparent)] text-[var(--banner-close-icon,color-mix(in_oklab,var(--foreground)_50%,transparent))] transition-colors duration-300 focus:outline-none',\n        // Hover state\n        'hover:bg-[var(--banner-close-background-hover,color-mix(in_oklab,var(--background)_40%,transparent))] hover:text-[var(--banner-close-icon-hover,var(--foreground))]',\n        // Focus-visible state\n        'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--banner-focus,var(--foreground))]',\n        className,\n      )}\n      data-slot=\"banner-dismiss\"\n      onClick={(e) => {\n        e.preventDefault();\n        handleDismiss();\n      }}\n      {...props}\n    >\n      <X absoluteStrokeWidth size={20} strokeWidth={1.5} />\n    </button>\n  );\n}\n"],"names":["BannerContext","createContext","BannerRoot","id","hideDismiss","onDismiss","children","className","props","isDismissed","setIsDismissed","useState","isInitialized","setIsInitialized","useEffect","hidden","handleDismiss","useCallback","contextValues","useMemo","jsx","cn","useBanner","context","use","BannerContent","BannerText","BannerDismiss","e","X"],"mappings":";;;;AAcO,MAAMA,IAAgBC,EAAyC,MAAS;AAQxE,SAASC,EAAW;AAAA,EACzB,IAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAoB;AAClB,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAkB,EAAK,GACvD,CAACC,GAAeC,CAAgB,IAAIF,EAAkB,EAAK;AAEjE,EAAAG,EAAU,MAAM;AACd,UAAMC,IAAS,aAAa,QAAQ,GAAGZ,CAAE,gBAAgB,MAAM;AAE/D,IAAAO,EAAeK,CAAM,GACrBF,EAAiB,EAAI;AAAA,EACvB,GAAG,CAACV,CAAE,CAAC;AAEP,QAAMa,IAAgBC,EAAY,MAAM;AACtC,IAAAP,EAAe,EAAI,GACnB,aAAa,QAAQ,GAAGP,CAAE,kBAAkB,MAAM,GAClDE,IAAA;AAAA,EACF,GAAG,CAACF,GAAIE,CAAS,CAAC,GAEZa,IAAgBC;AAAA,IACpB,OAAO;AAAA,MACL,IAAAhB;AAAA,MACA,aAAAM;AAAA,MACA,aAAAL;AAAA,MACA,eAAAY;AAAA,IAAA;AAAA,IAEF,CAACb,GAAIM,GAAaL,GAAaY,CAAa;AAAA,EAAA;AAG9C,SAAKJ,IAGH,gBAAAQ,EAACpB,EAAc,UAAd,EAAuB,OAAOkB,GAC7B,UAAA,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAZ,IAAc,gCAAgC;AAAA,QAC9CF;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACV,IAAAJ;AAAA,MACC,GAAGK;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA,GAEL,IAhByB;AAkB7B;AAEO,SAASgB,IAAY;AAC1B,QAAMC,IAAUC,EAAIxB,CAAa;AAEjC,MAAIuB,MAAY;AACd,UAAM,IAAI,MAAM,4CAA4C;AAG9D,SAAOA;AACT;AC9EO,SAASE,EAAc,EAAE,WAAAlB,GAAW,UAAAD,GAAU,GAAGE,KAA6B;AACnF,SACE,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,qDAAqDd,CAAS;AAAA,MAC5E,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;ACVO,SAASoB,EAAW,EAAE,UAAApB,GAAU,WAAAC,GAAW,GAAGC,KAA0B;AAC7E,SACE,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAd;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;ACTO,SAASqB,EAAc,EAAE,WAAApB,GAAW,GAAGC,KAA6B;AACzE,QAAM,EAAE,aAAAJ,GAAa,eAAAY,EAAA,IAAkBM,EAAA;AAEvC,SAAIlB,IAAoB,OAGtB,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAWC;AAAA,QACT;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACAd;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACV,SAAS,CAACqB,MAAM;AACd,QAAAA,EAAE,eAAA,GACFZ,EAAA;AAAA,MACF;AAAA,MACC,GAAGR;AAAA,MAEJ,4BAACqB,GAAA,EAAE,qBAAmB,IAAC,MAAM,IAAI,aAAa,IAAA,CAAK;AAAA,IAAA;AAAA,EAAA;AAGzD;"}

package/dist/banner.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./banner-dismiss-0uh1GtF1.cjs");exports.Content=e.BannerContent;exports.Dismiss=e.BannerDismiss;exports.Provider=e.BannerProvider;exports.Root=e.BannerRoot;exports.Text=e.BannerText;exports.useBanner=e.useBanner;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./banner-dismiss-ByGLVUf4.cjs");exports.Content=e.BannerContent;exports.Dismiss=e.BannerDismiss;exports.Root=e.BannerRoot;exports.Text=e.BannerText;exports.useBanner=e.useBanner;
 //# sourceMappingURL=banner.cjs.map

package/dist/banner.js

@@ -1,10 +1,9 @@
-import { b as e, d as o, B as r, a as t, c as n, u as i } from "./banner-dismiss-B_j9wqx-.js";
+import { a as e, c as o, B as t, b as n, u as r } from "./banner-dismiss-DC0spaA2.js";
 export {
   e as Content,
   o as Dismiss,
-  r as Provider,
   t as Root,
   n as Text,
-  i as useBanner
+  r as useBanner
 };
 //# sourceMappingURL=banner.js.map

package/dist/{blog-post-card-author-VkGle9g8.js → blog-post-card-author-DR_GIlFf.js}

@@ -1,33 +1,35 @@
-import { jsx as r, jsxs as c, Fragment as d } from "react/jsx-runtime";
-import { c as s } from "./utils-CRiPKpXj.js";
+import { jsx as r } from "react/jsx-runtime";
+import { c as e } from "./utils-CRiPKpXj.js";
 import { S as l } from "./index-DD8W7cMj.js";
-function m({
+function u({
   as: o,
   className: t,
   children: a,
-  aspectRatio: e = "4/3",
+  aspectRatio: s = "4/3",
   ...n
 }) {
   return /* @__PURE__ */ r(
     o ?? "article",
     {
-      className: s(
+      className: e(
         "group/blog-post-card relative w-full max-w-md @container [font-family:var(--blog-post-card-font-family,var(--font-family-body))]",
         t
       ),
-      "data-aspect-ratio": e,
+      "data-aspect-ratio": s,
       "data-slot": "blog-post-card-root",
       ...n,
       children: a
     }
   );
 }
-function f({ children: o, className: t, ...a }) {
+function p({ children: o, className: t, ...a }) {
   return /* @__PURE__ */ r(
     "div",
     {
-      className: s(
-        "break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out [color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)] group-hover:scale-105",
+      className: e(
+        "break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out [color:color-mix(in_oklab,var(--foreground)_30%,transparent)]",
+        // Group hover state
+        "group-hover/blog-post-card:scale-105",
         t
       ),
       "data-slot": "blog-post-card-fallback",
@@ -36,7 +38,7 @@ function f({ children: o, className: t, ...a }) {
     }
   );
 }
-function b({
+function m({
   className: o,
   children: t,
   ...a
@@ -44,8 +46,8 @@ function b({
   return /* @__PURE__ */ r(
     "div",
     {
-      className: s(
-        "relative w-full overflow-hidden rounded-2xl bg-[var(--blog-post-card-image-background,hsl(var(--contrast-100)))]",
+      className: e(
+        "relative w-full overflow-hidden rounded-2xl bg-[var(--blog-post-card-image-background,var(--contrast-100))]",
         "group-data-[aspect-ratio=5/6]/blog-post-card:aspect-[5/6]",
         "group-data-[aspect-ratio=3/4]/blog-post-card:aspect-[3/4]",
         "group-data-[aspect-ratio=4/3]/blog-post-card:aspect-[4/3]",
@@ -58,7 +60,7 @@ function b({
     }
   );
 }
-function v({
+function f({
   className: o,
   asChild: t = !1,
   ...a
@@ -66,8 +68,10 @@ function v({
   return /* @__PURE__ */ r(
     t ? l : "img",
     {
-      className: s(
-        "h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-110",
+      className: e(
+        "h-full w-full object-cover transition-transform duration-500 ease-out",
+        // Group hover state
+        "group-hover/blog-post-card:scale-110",
         o
       ),
       "data-slot": "blog-post-card-image",
@@ -75,12 +79,14 @@ function v({
     }
   );
 }
-function h({ asChild: o = !1, className: t, ...a }) {
+function b({ asChild: o = !1, className: t, ...a }) {
   return /* @__PURE__ */ r(
     o ? l : "a",
     {
-      className: s(
-        "absolute inset-0 rounded-b-lg rounded-t-2xl focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--blog-post-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4",
+      className: e(
+        "absolute inset-0 rounded-b-lg rounded-t-2xl",
+        // Focus-visible state
+        "focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[var(--blog-post-card-focus,var(--brand))]",
         t
       ),
       "data-slot": "blog-post-card-link",
@@ -88,12 +94,12 @@ function h({ asChild: o = !1, className: t, ...a }) {
     }
   );
 }
-function x({ className: o, children: t, ...a }) {
+function v({ className: o, children: t, ...a }) {
   return /* @__PURE__ */ r(
     "h5",
     {
-      className: s(
-        "mt-4 text-lg font-normal leading-snug text-[var(--blog-post-card-title-text,hsl(var(--foreground)))]",
+      className: e(
+        "mt-4 text-lg font-normal leading-snug text-[var(--blog-post-card-title-text,var(--foreground))]",
         o
       ),
       "data-slot": "blog-post-card-title",
@@ -102,12 +108,12 @@ function x({ className: o, children: t, ...a }) {
     }
   );
 }
-function C({ className: o, children: t, ...a }) {
+function x({ className: o, children: t, ...a }) {
   return /* @__PURE__ */ r(
     "p",
     {
-      className: s(
-        "mt-1.5 line-clamp-3 text-sm font-normal text-[var(--blog-post-card-content-text,hsl(var(--contrast-400)))]",
+      className: e(
+        "mt-1.5 line-clamp-3 text-sm font-normal text-[var(--blog-post-card-content-text,var(--contrast-400))]",
         o
       ),
       "data-slot": "blog-post-card-content",
@@ -116,12 +122,12 @@ function C({ className: o, children: t, ...a }) {
     }
   );
 }
-function B({ children: o, className: t, ...a }) {
+function C({ children: o, className: t, ...a }) {
   return /* @__PURE__ */ r(
     "div",
     {
-      className: s(
-        "mt-3 text-sm text-[var(--blog-post-card-author-date-text,hsl(var(--foreground)))]",
+      className: e(
+        "mt-3 text-sm text-[var(--blog-post-card-author-date-text,var(--foreground))]",
         t
       ),
       "data-slot": "blog-post-card-details",
@@ -130,36 +136,34 @@ function B({ children: o, className: t, ...a }) {
     }
   );
 }
-function P({ className: o, children: t, ...a }) {
-  return /* @__PURE__ */ r("time", { className: o, dateTime: t, ...a, "data-slot": "blog-post-card-date", children: new Date(t).toLocaleDateString("en-US", {
+function h({ className: o, children: t, ...a }) {
+  return /* @__PURE__ */ r("time", { className: o, "data-slot": "blog-post-card-date", dateTime: t, ...a, children: new Date(t).toLocaleDateString("en-US", {
     year: "numeric",
     month: "long",
     day: "numeric"
   }) });
 }
-function N({ className: o, children: t, ...a }) {
-  return /* @__PURE__ */ c(d, { children: [
-    /* @__PURE__ */ r(
-      "span",
-      {
-        className: s("after:mx-2 after:content-['•']", o),
-        "data-slot": "blog-post-card-author",
-        ...a
-      }
-    ),
-    /* @__PURE__ */ r("span", { children: t })
-  ] });
+function B({ className: o, children: t, ...a }) {
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      className: e("before:mx-2 before:content-['•']", o),
+      "data-slot": "blog-post-card-author",
+      ...a,
+      children: t
+    }
+  );
 }
 export {
-  m as B,
-  f as a,
-  b,
-  v as c,
-  h as d,
-  x as e,
-  C as f,
-  B as g,
-  P as h,
-  N as i
+  u as B,
+  p as a,
+  m as b,
+  f as c,
+  b as d,
+  v as e,
+  x as f,
+  C as g,
+  h,
+  B as i
 };
-//# sourceMappingURL=blog-post-card-author-VkGle9g8.js.map
+//# sourceMappingURL=blog-post-card-author-DR_GIlFf.js.map

package/dist/blog-post-card-author-DR_GIlFf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blog-post-card-author-DR_GIlFf.js","sources":["../src/components/blog-post-card/primitives/blog-post-card-root.tsx","../src/components/blog-post-card/primitives/blog-post-card-fallback.tsx","../src/components/blog-post-card/primitives/blog-post-card-thumbnail.tsx","../src/components/blog-post-card/primitives/blog-post-card-image.tsx","../src/components/blog-post-card/primitives/blog-post-card-link.tsx","../src/components/blog-post-card/primitives/blog-post-card-title.tsx","../src/components/blog-post-card/primitives/blog-post-card-content.tsx","../src/components/blog-post-card/primitives/blog-post-card-details.tsx","../src/components/blog-post-card/primitives/blog-post-card-date.tsx","../src/components/blog-post-card/primitives/blog-post-card-author.tsx"],"sourcesContent":["import type { ComponentProps, ElementType } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardRootProps<E extends ElementType = 'article'> = Omit<\n  ComponentProps<E>,\n  'as'\n> & {\n  as?: E;\n  aspectRatio?: '5/6' | '3/4' | '4/3' | '1/1';\n};\n\nexport function BlogPostCardRoot<T extends ElementType = 'article'>({\n  as,\n  className,\n  children,\n  aspectRatio = '4/3',\n  ...props\n}: BlogPostCardRootProps<T>) {\n  const BlogPostCardRootElement = as ?? 'article';\n\n  return (\n    <BlogPostCardRootElement\n      className={cn(\n        'group/blog-post-card relative w-full max-w-md @container [font-family:var(--blog-post-card-font-family,var(--font-family-body))]',\n        className,\n      )}\n      data-aspect-ratio={aspectRatio}\n      data-slot=\"blog-post-card-root\"\n      {...props}\n    >\n      {children}\n    </BlogPostCardRootElement>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardFallbackProps = ComponentProps<'div'>;\n\nexport function BlogPostCardFallback({ children, className, ...props }: BlogPostCardFallbackProps) {\n  return (\n    <div\n      className={cn(\n        'break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out [color:color-mix(in_oklab,var(--foreground)_30%,transparent)]',\n        // Group hover state\n        'group-hover/blog-post-card:scale-105',\n        className,\n      )}\n      data-slot=\"blog-post-card-fallback\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardThumbnailProps = ComponentProps<'div'>;\n\nexport function BlogPostCardThumbnail({\n  className,\n  children,\n  ...props\n}: BlogPostCardThumbnailProps) {\n  return (\n    <div\n      className={cn(\n        'relative w-full overflow-hidden rounded-2xl bg-[var(--blog-post-card-image-background,var(--contrast-100))]',\n        'group-data-[aspect-ratio=5/6]/blog-post-card:aspect-[5/6]',\n        'group-data-[aspect-ratio=3/4]/blog-post-card:aspect-[3/4]',\n        'group-data-[aspect-ratio=4/3]/blog-post-card:aspect-[4/3]',\n        'group-data-[aspect-ratio=1/1]/blog-post-card:aspect-square',\n        className,\n      )}\n      data-slot=\"blog-post-card-thumbnail\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface BlogPostCardImageProps extends ComponentProps<'img'> {\n  asChild?: boolean;\n}\n\nexport function BlogPostCardImage({\n  className,\n  asChild = false,\n  ...props\n}: BlogPostCardImageProps) {\n  const Component = asChild ? Slot : 'img';\n\n  return (\n    <Component\n      className={cn(\n        'h-full w-full object-cover transition-transform duration-500 ease-out',\n        // Group hover state\n        'group-hover/blog-post-card:scale-110',\n        className,\n      )}\n      data-slot=\"blog-post-card-image\"\n      {...props}\n    />\n  );\n}\n","import { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface BlogPostCardLinkProps extends ComponentProps<'a'> {\n  asChild?: boolean;\n}\n\nexport function BlogPostCardLink({ asChild = false, className, ...props }: BlogPostCardLinkProps) {\n  const Component = asChild ? Slot : 'a';\n\n  return (\n    <Component\n      className={cn(\n        'absolute inset-0 rounded-b-lg rounded-t-2xl',\n        // Focus-visible state\n        'focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[var(--blog-post-card-focus,var(--brand))]',\n        className,\n      )}\n      data-slot=\"blog-post-card-link\"\n      {...props}\n    />\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardTitleProps = ComponentProps<'h5'>;\n\nexport function BlogPostCardTitle({ className, children, ...props }: BlogPostCardTitleProps) {\n  return (\n    <h5\n      className={cn(\n        'mt-4 text-lg font-normal leading-snug text-[var(--blog-post-card-title-text,var(--foreground))]',\n        className,\n      )}\n      data-slot=\"blog-post-card-title\"\n      {...props}\n    >\n      {children}\n    </h5>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardContentProps = ComponentProps<'p'>;\n\nexport function BlogPostCardContent({ className, children, ...props }: BlogPostCardContentProps) {\n  return (\n    <p\n      className={cn(\n        'mt-1.5 line-clamp-3 text-sm font-normal text-[var(--blog-post-card-content-text,var(--contrast-400))]',\n        className,\n      )}\n      data-slot=\"blog-post-card-content\"\n      {...props}\n    >\n      {children}\n    </p>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardDetailsProps = ComponentProps<'div'>;\n\nexport function BlogPostCardDetails({ children, className, ...props }: BlogPostCardDetailsProps) {\n  return (\n    <div\n      className={cn(\n        'mt-3 text-sm text-[var(--blog-post-card-author-date-text,var(--foreground))]',\n        className,\n      )}\n      data-slot=\"blog-post-card-details\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nexport type BlogPostCardDateProps = ComponentProps<'time'> & {\n  children: string;\n};\n\nexport function BlogPostCardDate({ className, children, ...props }: BlogPostCardDateProps) {\n  return (\n    <time className={className} data-slot=\"blog-post-card-date\" dateTime={children} {...props}>\n      {new Date(children).toLocaleDateString('en-US', {\n        year: 'numeric',\n        month: 'long',\n        day: 'numeric',\n      })}\n    </time>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardAuthorProps = ComponentProps<'span'>;\n\nexport function BlogPostCardAuthor({ className, children, ...props }: BlogPostCardAuthorProps) {\n  return (\n    <span\n      className={cn(\"before:mx-2 before:content-['•']\", className)}\n      data-slot=\"blog-post-card-author\"\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n"],"names":["BlogPostCardRoot","as","className","children","aspectRatio","props","jsx","cn","BlogPostCardFallback","BlogPostCardThumbnail","BlogPostCardImage","asChild","Slot","BlogPostCardLink","BlogPostCardTitle","BlogPostCardContent","BlogPostCardDetails","BlogPostCardDate","BlogPostCardAuthor"],"mappings":";;;AAYO,SAASA,EAAoD;AAAA,EAClE,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GAA6B;AAG3B,SACE,gBAAAC;AAAA,IAH8BL,KAAM;AAAA,IAGnC;AAAA,MACC,WAAWM;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAEF,qBAAmBE;AAAA,MACnB,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AC5BO,SAASK,EAAqB,EAAE,UAAAL,GAAU,WAAAD,GAAW,GAAGG,KAAoC;AACjG,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA;AAAA,QAEA;AAAA,QACAL;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGG;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;ACfO,SAASM,EAAsB;AAAA,EACpC,WAAAP;AAAA,EACA,UAAAC;AAAA,EACA,GAAGE;AACL,GAA+B;AAC7B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGG;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AClBO,SAASO,EAAkB;AAAA,EAChC,WAAAR;AAAA,EACA,SAAAS,IAAU;AAAA,EACV,GAAGN;AACL,GAA2B;AAGzB,SACE,gBAAAC;AAAA,IAHgBK,IAAUC,IAAO;AAAA,IAGhC;AAAA,MACC,WAAWL;AAAA,QACT;AAAA;AAAA,QAEA;AAAA,QACAL;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;ACnBO,SAASQ,EAAiB,EAAE,SAAAF,IAAU,IAAO,WAAAT,GAAW,GAAGG,KAAgC;AAGhG,SACE,gBAAAC;AAAA,IAHgBK,IAAUC,IAAO;AAAA,IAGhC;AAAA,MACC,WAAWL;AAAA,QACT;AAAA;AAAA,QAEA;AAAA,QACAL;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;AClBO,SAASS,EAAkB,EAAE,WAAAZ,GAAW,UAAAC,GAAU,GAAGE,KAAiC;AAC3F,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGG;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;ACbO,SAASY,EAAoB,EAAE,WAAAb,GAAW,UAAAC,GAAU,GAAGE,KAAmC;AAC/F,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGG;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;ACbO,SAASa,EAAoB,EAAE,UAAAb,GAAU,WAAAD,GAAW,GAAGG,KAAmC;AAC/F,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGG;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;ACbO,SAASc,EAAiB,EAAE,WAAAf,GAAW,UAAAC,GAAU,GAAGE,KAAgC;AACzF,SACE,gBAAAC,EAAC,QAAA,EAAK,WAAAJ,GAAsB,aAAU,uBAAsB,UAAUC,GAAW,GAAGE,GACjF,UAAA,IAAI,KAAKF,CAAQ,EAAE,mBAAmB,SAAS;AAAA,IAC9C,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,EAAA,CACN,GACH;AAEJ;ACVO,SAASe,EAAmB,EAAE,WAAAhB,GAAW,UAAAC,GAAU,GAAGE,KAAkC;AAC7F,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,oCAAoCL,CAAS;AAAA,MAC3D,aAAU;AAAA,MACT,GAAGG;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/blog-post-card-author-LoHfdwYY.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),s=require("./utils-DoxiiusW.cjs"),l=require("./index-DGaxX11V.cjs");function d({as:o,className:t,children:a,aspectRatio:e="4/3",...n}){const c=o??"article";return r.jsx(c,{className:s.cn("group/blog-post-card relative w-full max-w-md @container [font-family:var(--blog-post-card-font-family,var(--font-family-body))]",t),"data-aspect-ratio":e,"data-slot":"blog-post-card-root",...n,children:a})}function i({children:o,className:t,...a}){return r.jsx("div",{className:s.cn("break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out [color:color-mix(in_oklab,var(--foreground)_30%,transparent)]","group-hover/blog-post-card:scale-105",t),"data-slot":"blog-post-card-fallback",...a,children:o})}function g({className:o,children:t,...a}){return r.jsx("div",{className:s.cn("relative w-full overflow-hidden rounded-2xl bg-[var(--blog-post-card-image-background,var(--contrast-100))]","group-data-[aspect-ratio=5/6]/blog-post-card:aspect-[5/6]","group-data-[aspect-ratio=3/4]/blog-post-card:aspect-[3/4]","group-data-[aspect-ratio=4/3]/blog-post-card:aspect-[4/3]","group-data-[aspect-ratio=1/1]/blog-post-card:aspect-square",o),"data-slot":"blog-post-card-thumbnail",...a,children:t})}function u({className:o,asChild:t=!1,...a}){const e=t?l.Slot:"img";return r.jsx(e,{className:s.cn("h-full w-full object-cover transition-transform duration-500 ease-out","group-hover/blog-post-card:scale-110",o),"data-slot":"blog-post-card-image",...a})}function p({asChild:o=!1,className:t,...a}){const e=o?l.Slot:"a";return r.jsx(e,{className:s.cn("absolute inset-0 rounded-b-lg rounded-t-2xl","focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[var(--blog-post-card-focus,var(--brand))]",t),"data-slot":"blog-post-card-link",...a})}function b({className:o,children:t,...a}){return r.jsx("h5",{className:s.cn("mt-4 text-lg font-normal leading-snug text-[var(--blog-post-card-title-text,var(--foreground))]",o),"data-slot":"blog-post-card-title",...a,children:t})}function m({className:o,children:t,...a}){return r.jsx("p",{className:s.cn("mt-1.5 line-clamp-3 text-sm font-normal text-[var(--blog-post-card-content-text,var(--contrast-400))]",o),"data-slot":"blog-post-card-content",...a,children:t})}function f({children:o,className:t,...a}){return r.jsx("div",{className:s.cn("mt-3 text-sm text-[var(--blog-post-card-author-date-text,var(--foreground))]",t),"data-slot":"blog-post-card-details",...a,children:o})}function x({className:o,children:t,...a}){return r.jsx("time",{className:o,"data-slot":"blog-post-card-date",dateTime:t,...a,children:new Date(t).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"})})}function v({className:o,children:t,...a}){return r.jsx("span",{className:s.cn("before:mx-2 before:content-['•']",o),"data-slot":"blog-post-card-author",...a,children:t})}exports.BlogPostCardAuthor=v;exports.BlogPostCardContent=m;exports.BlogPostCardDate=x;exports.BlogPostCardDetails=f;exports.BlogPostCardFallback=i;exports.BlogPostCardImage=u;exports.BlogPostCardLink=p;exports.BlogPostCardRoot=d;exports.BlogPostCardThumbnail=g;exports.BlogPostCardTitle=b;
+//# sourceMappingURL=blog-post-card-author-LoHfdwYY.cjs.map

package/dist/blog-post-card-author-LoHfdwYY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"blog-post-card-author-LoHfdwYY.cjs","sources":["../src/components/blog-post-card/primitives/blog-post-card-root.tsx","../src/components/blog-post-card/primitives/blog-post-card-fallback.tsx","../src/components/blog-post-card/primitives/blog-post-card-thumbnail.tsx","../src/components/blog-post-card/primitives/blog-post-card-image.tsx","../src/components/blog-post-card/primitives/blog-post-card-link.tsx","../src/components/blog-post-card/primitives/blog-post-card-title.tsx","../src/components/blog-post-card/primitives/blog-post-card-content.tsx","../src/components/blog-post-card/primitives/blog-post-card-details.tsx","../src/components/blog-post-card/primitives/blog-post-card-date.tsx","../src/components/blog-post-card/primitives/blog-post-card-author.tsx"],"sourcesContent":["import type { ComponentProps, ElementType } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardRootProps<E extends ElementType = 'article'> = Omit<\n  ComponentProps<E>,\n  'as'\n> & {\n  as?: E;\n  aspectRatio?: '5/6' | '3/4' | '4/3' | '1/1';\n};\n\nexport function BlogPostCardRoot<T extends ElementType = 'article'>({\n  as,\n  className,\n  children,\n  aspectRatio = '4/3',\n  ...props\n}: BlogPostCardRootProps<T>) {\n  const BlogPostCardRootElement = as ?? 'article';\n\n  return (\n    <BlogPostCardRootElement\n      className={cn(\n        'group/blog-post-card relative w-full max-w-md @container [font-family:var(--blog-post-card-font-family,var(--font-family-body))]',\n        className,\n      )}\n      data-aspect-ratio={aspectRatio}\n      data-slot=\"blog-post-card-root\"\n      {...props}\n    >\n      {children}\n    </BlogPostCardRootElement>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardFallbackProps = ComponentProps<'div'>;\n\nexport function BlogPostCardFallback({ children, className, ...props }: BlogPostCardFallbackProps) {\n  return (\n    <div\n      className={cn(\n        'break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out [color:color-mix(in_oklab,var(--foreground)_30%,transparent)]',\n        // Group hover state\n        'group-hover/blog-post-card:scale-105',\n        className,\n      )}\n      data-slot=\"blog-post-card-fallback\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardThumbnailProps = ComponentProps<'div'>;\n\nexport function BlogPostCardThumbnail({\n  className,\n  children,\n  ...props\n}: BlogPostCardThumbnailProps) {\n  return (\n    <div\n      className={cn(\n        'relative w-full overflow-hidden rounded-2xl bg-[var(--blog-post-card-image-background,var(--contrast-100))]',\n        'group-data-[aspect-ratio=5/6]/blog-post-card:aspect-[5/6]',\n        'group-data-[aspect-ratio=3/4]/blog-post-card:aspect-[3/4]',\n        'group-data-[aspect-ratio=4/3]/blog-post-card:aspect-[4/3]',\n        'group-data-[aspect-ratio=1/1]/blog-post-card:aspect-square',\n        className,\n      )}\n      data-slot=\"blog-post-card-thumbnail\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface BlogPostCardImageProps extends ComponentProps<'img'> {\n  asChild?: boolean;\n}\n\nexport function BlogPostCardImage({\n  className,\n  asChild = false,\n  ...props\n}: BlogPostCardImageProps) {\n  const Component = asChild ? Slot : 'img';\n\n  return (\n    <Component\n      className={cn(\n        'h-full w-full object-cover transition-transform duration-500 ease-out',\n        // Group hover state\n        'group-hover/blog-post-card:scale-110',\n        className,\n      )}\n      data-slot=\"blog-post-card-image\"\n      {...props}\n    />\n  );\n}\n","import { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface BlogPostCardLinkProps extends ComponentProps<'a'> {\n  asChild?: boolean;\n}\n\nexport function BlogPostCardLink({ asChild = false, className, ...props }: BlogPostCardLinkProps) {\n  const Component = asChild ? Slot : 'a';\n\n  return (\n    <Component\n      className={cn(\n        'absolute inset-0 rounded-b-lg rounded-t-2xl',\n        // Focus-visible state\n        'focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[var(--blog-post-card-focus,var(--brand))]',\n        className,\n      )}\n      data-slot=\"blog-post-card-link\"\n      {...props}\n    />\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardTitleProps = ComponentProps<'h5'>;\n\nexport function BlogPostCardTitle({ className, children, ...props }: BlogPostCardTitleProps) {\n  return (\n    <h5\n      className={cn(\n        'mt-4 text-lg font-normal leading-snug text-[var(--blog-post-card-title-text,var(--foreground))]',\n        className,\n      )}\n      data-slot=\"blog-post-card-title\"\n      {...props}\n    >\n      {children}\n    </h5>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardContentProps = ComponentProps<'p'>;\n\nexport function BlogPostCardContent({ className, children, ...props }: BlogPostCardContentProps) {\n  return (\n    <p\n      className={cn(\n        'mt-1.5 line-clamp-3 text-sm font-normal text-[var(--blog-post-card-content-text,var(--contrast-400))]',\n        className,\n      )}\n      data-slot=\"blog-post-card-content\"\n      {...props}\n    >\n      {children}\n    </p>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardDetailsProps = ComponentProps<'div'>;\n\nexport function BlogPostCardDetails({ children, className, ...props }: BlogPostCardDetailsProps) {\n  return (\n    <div\n      className={cn(\n        'mt-3 text-sm text-[var(--blog-post-card-author-date-text,var(--foreground))]',\n        className,\n      )}\n      data-slot=\"blog-post-card-details\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nexport type BlogPostCardDateProps = ComponentProps<'time'> & {\n  children: string;\n};\n\nexport function BlogPostCardDate({ className, children, ...props }: BlogPostCardDateProps) {\n  return (\n    <time className={className} data-slot=\"blog-post-card-date\" dateTime={children} {...props}>\n      {new Date(children).toLocaleDateString('en-US', {\n        year: 'numeric',\n        month: 'long',\n        day: 'numeric',\n      })}\n    </time>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BlogPostCardAuthorProps = ComponentProps<'span'>;\n\nexport function BlogPostCardAuthor({ className, children, ...props }: BlogPostCardAuthorProps) {\n  return (\n    <span\n      className={cn(\"before:mx-2 before:content-['•']\", className)}\n      data-slot=\"blog-post-card-author\"\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n"],"names":["BlogPostCardRoot","as","className","children","aspectRatio","props","BlogPostCardRootElement","jsx","cn","BlogPostCardFallback","BlogPostCardThumbnail","BlogPostCardImage","asChild","Component","Slot","BlogPostCardLink","BlogPostCardTitle","BlogPostCardContent","BlogPostCardDetails","BlogPostCardDate","BlogPostCardAuthor"],"mappings":"sHAYO,SAASA,EAAoD,CAClE,GAAAC,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,MACd,GAAGC,CACL,EAA6B,CAC3B,MAAMC,EAA0BL,GAAM,UAEtC,OACEM,EAAAA,IAACD,EAAA,CACC,UAAWE,EAAAA,GACT,mIACAN,CAAA,EAEF,oBAAmBE,EACnB,YAAU,sBACT,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGP,CC5BO,SAASM,EAAqB,CAAE,SAAAN,EAAU,UAAAD,EAAW,GAAGG,GAAoC,CACjG,OACEE,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,0KAEA,uCACAN,CAAA,EAEF,YAAU,0BACT,GAAGG,EAEH,SAAAF,CAAA,CAAA,CAGP,CCfO,SAASO,EAAsB,CACpC,UAAAR,EACA,SAAAC,EACA,GAAGE,CACL,EAA+B,CAC7B,OACEE,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,8GACA,4DACA,4DACA,4DACA,6DACAN,CAAA,EAEF,YAAU,2BACT,GAAGG,EAEH,SAAAF,CAAA,CAAA,CAGP,CClBO,SAASQ,EAAkB,CAChC,UAAAT,EACA,QAAAU,EAAU,GACV,GAAGP,CACL,EAA2B,CACzB,MAAMQ,EAAYD,EAAUE,EAAAA,KAAO,MAEnC,OACEP,EAAAA,IAACM,EAAA,CACC,UAAWL,EAAAA,GACT,wEAEA,uCACAN,CAAA,EAEF,YAAU,uBACT,GAAGG,CAAA,CAAA,CAGV,CCnBO,SAASU,EAAiB,CAAE,QAAAH,EAAU,GAAO,UAAAV,EAAW,GAAGG,GAAgC,CAChG,MAAMQ,EAAYD,EAAUE,EAAAA,KAAO,IAEnC,OACEP,EAAAA,IAACM,EAAA,CACC,UAAWL,EAAAA,GACT,8CAEA,6IACAN,CAAA,EAEF,YAAU,sBACT,GAAGG,CAAA,CAAA,CAGV,CClBO,SAASW,EAAkB,CAAE,UAAAd,EAAW,SAAAC,EAAU,GAAGE,GAAiC,CAC3F,OACEE,EAAAA,IAAC,KAAA,CACC,UAAWC,EAAAA,GACT,kGACAN,CAAA,EAEF,YAAU,uBACT,GAAGG,EAEH,SAAAF,CAAA,CAAA,CAGP,CCbO,SAASc,EAAoB,CAAE,UAAAf,EAAW,SAAAC,EAAU,GAAGE,GAAmC,CAC/F,OACEE,EAAAA,IAAC,IAAA,CACC,UAAWC,EAAAA,GACT,wGACAN,CAAA,EAEF,YAAU,yBACT,GAAGG,EAEH,SAAAF,CAAA,CAAA,CAGP,CCbO,SAASe,EAAoB,CAAE,SAAAf,EAAU,UAAAD,EAAW,GAAGG,GAAmC,CAC/F,OACEE,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,+EACAN,CAAA,EAEF,YAAU,yBACT,GAAGG,EAEH,SAAAF,CAAA,CAAA,CAGP,CCbO,SAASgB,EAAiB,CAAE,UAAAjB,EAAW,SAAAC,EAAU,GAAGE,GAAgC,CACzF,OACEE,EAAAA,IAAC,OAAA,CAAK,UAAAL,EAAsB,YAAU,sBAAsB,SAAUC,EAAW,GAAGE,EACjF,SAAA,IAAI,KAAKF,CAAQ,EAAE,mBAAmB,QAAS,CAC9C,KAAM,UACN,MAAO,OACP,IAAK,SAAA,CACN,EACH,CAEJ,CCVO,SAASiB,EAAmB,CAAE,UAAAlB,EAAW,SAAAC,EAAU,GAAGE,GAAkC,CAC7F,OACEE,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,GAAG,mCAAoCN,CAAS,EAC3D,YAAU,wBACT,GAAGG,EAEH,SAAAF,CAAA,CAAA,CAGP"}

package/dist/blog-post-card.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./blog-post-card-author-CBXo2FqS.cjs"),e=require("react/jsx-runtime"),a=require("./utils-DoxiiusW.cjs"),l=require("./skeleton-box-BsY5q4RG.cjs"),o=require("./skeleton-text-BxefRRo2.cjs");function n({className:s,...r}){return e.jsxs("div",{className:a.cn("w-full max-w-md @container",s),...r,children:[e.jsx(l.SkeletonBox,{className:a.cn("mb-4 w-full rounded-2xl","group-data-[aspect-ratio=5/6]/blog-post-card:aspect-[5/6]","group-data-[aspect-ratio=3/4]/blog-post-card:aspect-[3/4]","group-data-[aspect-ratio=4/3]/blog-post-card:aspect-[4/3]","group-data-[aspect-ratio=1/1]/blog-post-card:aspect-square")}),e.jsx(o.SkeletonText,{characterCount:25,className:"mt-4 rounded text-lg"}),e.jsxs("div",{className:"mt-1.5",children:[e.jsx(o.SkeletonText,{characterCount:"full",className:"rounded text-sm"}),e.jsx(o.SkeletonText,{characterCount:"full",className:"rounded text-sm"}),e.jsx(o.SkeletonText,{characterCount:15,className:"rounded text-sm"})]}),e.jsx(o.SkeletonText,{characterCount:10,className:"mt-3 rounded text-sm"})]})}exports.Author=t.BlogPostCardAuthor;exports.Content=t.BlogPostCardContent;exports.Date=t.BlogPostCardDate;exports.Details=t.BlogPostCardDetails;exports.Fallback=t.BlogPostCardFallback;exports.Image=t.BlogPostCardImage;exports.Link=t.BlogPostCardLink;exports.Root=t.BlogPostCardRoot;exports.Thumbnail=t.BlogPostCardThumbnail;exports.Title=t.BlogPostCardTitle;exports.Skeleton=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./blog-post-card-author-LoHfdwYY.cjs"),e=require("react/jsx-runtime"),a=require("./utils-DoxiiusW.cjs"),l=require("./skeleton-box-CcjaHRz4.cjs"),o=require("./skeleton-text-CY7gaT4A.cjs");function n({className:s,...r}){return e.jsxs("div",{className:a.cn("w-full max-w-md @container",s),"data-slot":"blog-post-card-skeleton",...r,children:[e.jsx(l.SkeletonBox,{className:a.cn("mb-4 w-full rounded-2xl","group-data-[aspect-ratio=5/6]/blog-post-card:aspect-[5/6]","group-data-[aspect-ratio=3/4]/blog-post-card:aspect-[3/4]","group-data-[aspect-ratio=4/3]/blog-post-card:aspect-[4/3]","group-data-[aspect-ratio=1/1]/blog-post-card:aspect-square")}),e.jsx(o.SkeletonText,{characterCount:25,className:"mt-4 rounded text-lg"}),e.jsxs("div",{className:"mt-1.5",children:[e.jsx(o.SkeletonText,{characterCount:"full",className:"rounded text-sm"}),e.jsx(o.SkeletonText,{characterCount:"full",className:"rounded text-sm"}),e.jsx(o.SkeletonText,{characterCount:15,className:"rounded text-sm"})]}),e.jsx(o.SkeletonText,{characterCount:10,className:"mt-3 rounded text-sm"})]})}exports.Author=t.BlogPostCardAuthor;exports.Content=t.BlogPostCardContent;exports.Date=t.BlogPostCardDate;exports.Details=t.BlogPostCardDetails;exports.Fallback=t.BlogPostCardFallback;exports.Image=t.BlogPostCardImage;exports.Link=t.BlogPostCardLink;exports.Root=t.BlogPostCardRoot;exports.Thumbnail=t.BlogPostCardThumbnail;exports.Title=t.BlogPostCardTitle;exports.Skeleton=n;
 //# sourceMappingURL=blog-post-card.cjs.map

package/dist/blog-post-card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"blog-post-card.cjs","sources":["../src/components/blog-post-card/primitives/blog-post-card-skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport * as SkeletonPrimitive from '@/components/skeleton';\nimport { cn } from '@/lib';\n\nexport type BlogPostCardSkeletonProps = ComponentProps<'div'>;\n\nexport function BlogPostCardSkeleton({ className, ...props }: BlogPostCardSkeletonProps) {\n  return (\n    <div className={cn('w-full max-w-md @container', className)} {...props}>\n      <SkeletonPrimitive.Box\n        className={cn(\n          'mb-4 w-full rounded-2xl',\n          'group-data-[aspect-ratio=5/6]/blog-post-card:aspect-[5/6]',\n          'group-data-[aspect-ratio=3/4]/blog-post-card:aspect-[3/4]',\n          'group-data-[aspect-ratio=4/3]/blog-post-card:aspect-[4/3]',\n          'group-data-[aspect-ratio=1/1]/blog-post-card:aspect-square',\n        )}\n      />\n      <SkeletonPrimitive.Text characterCount={25} className=\"mt-4 rounded text-lg\" />\n      <div className=\"mt-1.5\">\n        <SkeletonPrimitive.Text characterCount=\"full\" className=\"rounded text-sm\" />\n        <SkeletonPrimitive.Text characterCount=\"full\" className=\"rounded text-sm\" />\n        <SkeletonPrimitive.Text characterCount={15} className=\"rounded text-sm\" />\n      </div>\n      <SkeletonPrimitive.Text characterCount={10} className=\"mt-3 rounded text-sm\" />\n    </div>\n  );\n}\n"],"names":["BlogPostCardSkeleton","className","props","jsxs","cn","jsx","SkeletonPrimitive.Box","SkeletonPrimitive.Text"],"mappings":"4RAOO,SAASA,EAAqB,CAAE,UAAAC,EAAW,GAAGC,GAAoC,CACvF,OACEC,EAAAA,KAAC,OAAI,UAAWC,EAAAA,GAAG,6BAA8BH,CAAS,EAAI,GAAGC,EAC/D,SAAA,CAAAG,EAAAA,IAACC,EAAAA,YAAA,CACC,UAAWF,EAAAA,GACT,0BACA,4DACA,4DACA,4DACA,4DAAA,CACF,CAAA,QAEDG,EAAAA,aAAA,CAAuB,eAAgB,GAAI,UAAU,uBAAuB,EAC7EJ,EAAAA,KAAC,MAAA,CAAI,UAAU,SACb,SAAA,CAAAE,EAAAA,IAACE,EAAAA,aAAA,CAAuB,eAAe,OAAO,UAAU,kBAAkB,QACzEA,EAAAA,aAAA,CAAuB,eAAe,OAAO,UAAU,kBAAkB,QACzEA,EAAAA,aAAA,CAAuB,eAAgB,GAAI,UAAU,iBAAA,CAAkB,CAAA,EAC1E,QACCA,EAAAA,aAAA,CAAuB,eAAgB,GAAI,UAAU,sBAAA,CAAuB,CAAA,EAC/E,CAEJ"}
+{"version":3,"file":"blog-post-card.cjs","sources":["../src/components/blog-post-card/primitives/blog-post-card-skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport * as SkeletonPrimitive from '@/components/skeleton';\nimport { cn } from '@/lib';\n\nexport type BlogPostCardSkeletonProps = ComponentProps<'div'>;\n\nexport function BlogPostCardSkeleton({ className, ...props }: BlogPostCardSkeletonProps) {\n  return (\n    <div\n      className={cn('w-full max-w-md @container', className)}\n      data-slot=\"blog-post-card-skeleton\"\n      {...props}\n    >\n      <SkeletonPrimitive.Box\n        className={cn(\n          'mb-4 w-full rounded-2xl',\n          'group-data-[aspect-ratio=5/6]/blog-post-card:aspect-[5/6]',\n          'group-data-[aspect-ratio=3/4]/blog-post-card:aspect-[3/4]',\n          'group-data-[aspect-ratio=4/3]/blog-post-card:aspect-[4/3]',\n          'group-data-[aspect-ratio=1/1]/blog-post-card:aspect-square',\n        )}\n      />\n      <SkeletonPrimitive.Text characterCount={25} className=\"mt-4 rounded text-lg\" />\n      <div className=\"mt-1.5\">\n        <SkeletonPrimitive.Text characterCount=\"full\" className=\"rounded text-sm\" />\n        <SkeletonPrimitive.Text characterCount=\"full\" className=\"rounded text-sm\" />\n        <SkeletonPrimitive.Text characterCount={15} className=\"rounded text-sm\" />\n      </div>\n      <SkeletonPrimitive.Text characterCount={10} className=\"mt-3 rounded text-sm\" />\n    </div>\n  );\n}\n"],"names":["BlogPostCardSkeleton","className","props","jsxs","cn","jsx","SkeletonPrimitive.Box","SkeletonPrimitive.Text"],"mappings":"4RAOO,SAASA,EAAqB,CAAE,UAAAC,EAAW,GAAGC,GAAoC,CACvF,OACEC,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,6BAA8BH,CAAS,EACrD,YAAU,0BACT,GAAGC,EAEJ,SAAA,CAAAG,EAAAA,IAACC,EAAAA,YAAA,CACC,UAAWF,EAAAA,GACT,0BACA,4DACA,4DACA,4DACA,4DAAA,CACF,CAAA,QAEDG,EAAAA,aAAA,CAAuB,eAAgB,GAAI,UAAU,uBAAuB,EAC7EJ,EAAAA,KAAC,MAAA,CAAI,UAAU,SACb,SAAA,CAAAE,EAAAA,IAACE,EAAAA,aAAA,CAAuB,eAAe,OAAO,UAAU,kBAAkB,QACzEA,EAAAA,aAAA,CAAuB,eAAe,OAAO,UAAU,kBAAkB,QACzEA,EAAAA,aAAA,CAAuB,eAAgB,GAAI,UAAU,iBAAA,CAAkB,CAAA,EAC1E,QACCA,EAAAA,aAAA,CAAuB,eAAgB,GAAI,UAAU,sBAAA,CAAuB,CAAA,CAAA,CAAA,CAGnF"}

package/dist/blog-post-card.js

@@ -1,40 +1,48 @@
-import { i as x, f as g, h as f, g as h, a as b, c as N, d as C, B as k, b as S, e as w } from "./blog-post-card-author-VkGle9g8.js";
+import { i as g, f as x, h as f, g as h, a as b, c as N, d as k, B as C, b as S, e as w } from "./blog-post-card-author-DR_GIlFf.js";
 import { jsxs as e, jsx as a } from "react/jsx-runtime";
-import { c as s } from "./utils-CRiPKpXj.js";
-import { S as c } from "./skeleton-box-D0XcgPLs.js";
-import { S as t } from "./skeleton-text-BCsnfhcU.js";
-function u({ className: o, ...r }) {
-  return /* @__PURE__ */ e("div", { className: s("w-full max-w-md @container", o), ...r, children: [
-    /* @__PURE__ */ a(
-      c,
-      {
-        className: s(
-          "mb-4 w-full rounded-2xl",
-          "group-data-[aspect-ratio=5/6]/blog-post-card:aspect-[5/6]",
-          "group-data-[aspect-ratio=3/4]/blog-post-card:aspect-[3/4]",
-          "group-data-[aspect-ratio=4/3]/blog-post-card:aspect-[4/3]",
-          "group-data-[aspect-ratio=1/1]/blog-post-card:aspect-square"
-        )
-      }
-    ),
-    /* @__PURE__ */ a(t, { characterCount: 25, className: "mt-4 rounded text-lg" }),
-    /* @__PURE__ */ e("div", { className: "mt-1.5", children: [
-      /* @__PURE__ */ a(t, { characterCount: "full", className: "rounded text-sm" }),
-      /* @__PURE__ */ a(t, { characterCount: "full", className: "rounded text-sm" }),
-      /* @__PURE__ */ a(t, { characterCount: 15, className: "rounded text-sm" })
-    ] }),
-    /* @__PURE__ */ a(t, { characterCount: 10, className: "mt-3 rounded text-sm" })
-  ] });
+import { c as o } from "./utils-CRiPKpXj.js";
+import { S as c } from "./skeleton-box-EYvfbwBB.js";
+import { S as t } from "./skeleton-text-BKJtA5cd.js";
+function u({ className: s, ...r }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: o("w-full max-w-md @container", s),
+      "data-slot": "blog-post-card-skeleton",
+      ...r,
+      children: [
+        /* @__PURE__ */ a(
+          c,
+          {
+            className: o(
+              "mb-4 w-full rounded-2xl",
+              "group-data-[aspect-ratio=5/6]/blog-post-card:aspect-[5/6]",
+              "group-data-[aspect-ratio=3/4]/blog-post-card:aspect-[3/4]",
+              "group-data-[aspect-ratio=4/3]/blog-post-card:aspect-[4/3]",
+              "group-data-[aspect-ratio=1/1]/blog-post-card:aspect-square"
+            )
+          }
+        ),
+        /* @__PURE__ */ a(t, { characterCount: 25, className: "mt-4 rounded text-lg" }),
+        /* @__PURE__ */ e("div", { className: "mt-1.5", children: [
+          /* @__PURE__ */ a(t, { characterCount: "full", className: "rounded text-sm" }),
+          /* @__PURE__ */ a(t, { characterCount: "full", className: "rounded text-sm" }),
+          /* @__PURE__ */ a(t, { characterCount: 15, className: "rounded text-sm" })
+        ] }),
+        /* @__PURE__ */ a(t, { characterCount: 10, className: "mt-3 rounded text-sm" })
+      ]
+    }
+  );
 }
 export {
-  x as Author,
-  g as Content,
+  g as Author,
+  x as Content,
   f as Date,
   h as Details,
   b as Fallback,
   N as Image,
-  C as Link,
-  k as Root,
+  k as Link,
+  C as Root,
   u as Skeleton,
   S as Thumbnail,
   w as Title

package/dist/blog-post-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"blog-post-card.js","sources":["../src/components/blog-post-card/primitives/blog-post-card-skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport * as SkeletonPrimitive from '@/components/skeleton';\nimport { cn } from '@/lib';\n\nexport type BlogPostCardSkeletonProps = ComponentProps<'div'>;\n\nexport function BlogPostCardSkeleton({ className, ...props }: BlogPostCardSkeletonProps) {\n  return (\n    <div className={cn('w-full max-w-md @container', className)} {...props}>\n      <SkeletonPrimitive.Box\n        className={cn(\n          'mb-4 w-full rounded-2xl',\n          'group-data-[aspect-ratio=5/6]/blog-post-card:aspect-[5/6]',\n          'group-data-[aspect-ratio=3/4]/blog-post-card:aspect-[3/4]',\n          'group-data-[aspect-ratio=4/3]/blog-post-card:aspect-[4/3]',\n          'group-data-[aspect-ratio=1/1]/blog-post-card:aspect-square',\n        )}\n      />\n      <SkeletonPrimitive.Text characterCount={25} className=\"mt-4 rounded text-lg\" />\n      <div className=\"mt-1.5\">\n        <SkeletonPrimitive.Text characterCount=\"full\" className=\"rounded text-sm\" />\n        <SkeletonPrimitive.Text characterCount=\"full\" className=\"rounded text-sm\" />\n        <SkeletonPrimitive.Text characterCount={15} className=\"rounded text-sm\" />\n      </div>\n      <SkeletonPrimitive.Text characterCount={10} className=\"mt-3 rounded text-sm\" />\n    </div>\n  );\n}\n"],"names":["BlogPostCardSkeleton","className","props","jsxs","cn","jsx","SkeletonPrimitive.Box","SkeletonPrimitive.Text"],"mappings":";;;;;AAOO,SAASA,EAAqB,EAAE,WAAAC,GAAW,GAAGC,KAAoC;AACvF,SACE,gBAAAC,EAAC,SAAI,WAAWC,EAAG,8BAA8BH,CAAS,GAAI,GAAGC,GAC/D,UAAA;AAAA,IAAA,gBAAAG;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWF;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,sBAEDG,GAAA,EAAuB,gBAAgB,IAAI,WAAU,wBAAuB;AAAA,IAC7E,gBAAAJ,EAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,MAAA,gBAAAE,EAACE,GAAA,EAAuB,gBAAe,QAAO,WAAU,mBAAkB;AAAA,wBACzEA,GAAA,EAAuB,gBAAe,QAAO,WAAU,mBAAkB;AAAA,wBACzEA,GAAA,EAAuB,gBAAgB,IAAI,WAAU,kBAAA,CAAkB;AAAA,IAAA,GAC1E;AAAA,sBACCA,GAAA,EAAuB,gBAAgB,IAAI,WAAU,uBAAA,CAAuB;AAAA,EAAA,GAC/E;AAEJ;"}
+{"version":3,"file":"blog-post-card.js","sources":["../src/components/blog-post-card/primitives/blog-post-card-skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport * as SkeletonPrimitive from '@/components/skeleton';\nimport { cn } from '@/lib';\n\nexport type BlogPostCardSkeletonProps = ComponentProps<'div'>;\n\nexport function BlogPostCardSkeleton({ className, ...props }: BlogPostCardSkeletonProps) {\n  return (\n    <div\n      className={cn('w-full max-w-md @container', className)}\n      data-slot=\"blog-post-card-skeleton\"\n      {...props}\n    >\n      <SkeletonPrimitive.Box\n        className={cn(\n          'mb-4 w-full rounded-2xl',\n          'group-data-[aspect-ratio=5/6]/blog-post-card:aspect-[5/6]',\n          'group-data-[aspect-ratio=3/4]/blog-post-card:aspect-[3/4]',\n          'group-data-[aspect-ratio=4/3]/blog-post-card:aspect-[4/3]',\n          'group-data-[aspect-ratio=1/1]/blog-post-card:aspect-square',\n        )}\n      />\n      <SkeletonPrimitive.Text characterCount={25} className=\"mt-4 rounded text-lg\" />\n      <div className=\"mt-1.5\">\n        <SkeletonPrimitive.Text characterCount=\"full\" className=\"rounded text-sm\" />\n        <SkeletonPrimitive.Text characterCount=\"full\" className=\"rounded text-sm\" />\n        <SkeletonPrimitive.Text characterCount={15} className=\"rounded text-sm\" />\n      </div>\n      <SkeletonPrimitive.Text characterCount={10} className=\"mt-3 rounded text-sm\" />\n    </div>\n  );\n}\n"],"names":["BlogPostCardSkeleton","className","props","jsxs","cn","jsx","SkeletonPrimitive.Box","SkeletonPrimitive.Text"],"mappings":";;;;;AAOO,SAASA,EAAqB,EAAE,WAAAC,GAAW,GAAGC,KAAoC;AACvF,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,8BAA8BH,CAAS;AAAA,MACrD,aAAU;AAAA,MACT,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,WAAWF;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,0BAEDG,GAAA,EAAuB,gBAAgB,IAAI,WAAU,wBAAuB;AAAA,QAC7E,gBAAAJ,EAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,UAAA,gBAAAE,EAACE,GAAA,EAAuB,gBAAe,QAAO,WAAU,mBAAkB;AAAA,4BACzEA,GAAA,EAAuB,gBAAe,QAAO,WAAU,mBAAkB;AAAA,4BACzEA,GAAA,EAAuB,gBAAgB,IAAI,WAAU,kBAAA,CAAkB;AAAA,QAAA,GAC1E;AAAA,0BACCA,GAAA,EAAuB,gBAAgB,IAAI,WAAU,uBAAA,CAAuB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnF;"}

package/dist/breadcrumbs.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("./utils-DoxiiusW.cjs"),n=require("./index-DGaxX11V.cjs"),c=require("./chevron-right-D4mEt25m.cjs");function u({className:e,children:r,...t}){return a.jsx("nav",{className:s.cn(e),"data-slot":"breadcrumbs-root",...t,children:r})}function i({className:e,children:r,...t}){return a.jsx("ol",{className:s.cn("flex flex-wrap items-center gap-x-1.5 font-[family-name:var(--breadcrumbs-font-family,var(--font-family-body))] text-sm @xl:text-base",e),"data-slot":"breadcrumbs-list",...t,children:r})}function l({className:e,children:r,...t}){return a.jsx("li",{className:s.cn("inline-flex items-center gap-x-1.5",e),"data-slot":"breadcrumbs-item",...t,children:r})}function d({asChild:e=!1,className:r,...t}){const o=e?n.Slot:"a";return a.jsx(o,{className:s.cn("group/underline text-[var(--breadcrumbs-primary-text,var(--foreground))]","focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2",r),"data-slot":"breadcrumbs-link",...t})}function b({asChild:e=!1,className:r,children:t}){return e?a.jsx(n.Slot,{"aria-hidden":"true",className:s.cn("size-5 text-[var(--breadcrumbs-icon,var(--contrast-500))]",r),"data-slot":"breadcrumbs-icon",children:t}):a.jsx(c.default,{absoluteStrokeWidth:!0,"aria-hidden":"true",className:s.cn("size-5 text-[var(--breadcrumbs-icon,var(--contrast-500))]",r),"data-slot":"breadcrumbs-icon",strokeWidth:1.5})}function m({className:e,children:r,...t}){return a.jsx("span",{"aria-current":"page","aria-disabled":"true",className:s.cn("text-[var(--breadcrumbs-secondary-text,var(--contrast-500))]",e),"data-slot":"breadcrumbs-current",role:"link",...t,children:r})}exports.Current=m;exports.Icon=b;exports.Item=l;exports.Link=d;exports.List=i;exports.Root=u;
+//# sourceMappingURL=breadcrumbs.cjs.map

package/dist/breadcrumbs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.cjs","sources":["../src/components/breadcrumbs/primitives/breadcrumbs-root.tsx","../src/components/breadcrumbs/primitives/breadcrumbs-list.tsx","../src/components/breadcrumbs/primitives/breadcrumbs-item.tsx","../src/components/breadcrumbs/primitives/breadcrumbs-link.tsx","../src/components/breadcrumbs/primitives/breadcrumbs-icon.tsx","../src/components/breadcrumbs/primitives/breadcrumbs-current.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BreadcrumbsRootProps = ComponentProps<'nav'>;\n\nexport function BreadcrumbsRoot({ className, children, ...props }: BreadcrumbsRootProps) {\n  return (\n    <nav className={cn(className)} data-slot=\"breadcrumbs-root\" {...props}>\n      {children}\n    </nav>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BreadcrumbsListProps = ComponentProps<'ol'>;\n\nexport function BreadcrumbsList({ className, children, ...props }: BreadcrumbsListProps) {\n  return (\n    <ol\n      className={cn(\n        'flex flex-wrap items-center gap-x-1.5 font-[family-name:var(--breadcrumbs-font-family,var(--font-family-body))] text-sm @xl:text-base',\n        className,\n      )}\n      data-slot=\"breadcrumbs-list\"\n      {...props}\n    >\n      {children}\n    </ol>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BreadcrumbsItemProps = ComponentProps<'li'>;\n\nexport function BreadcrumbsItem({ className, children, ...props }: BreadcrumbsItemProps) {\n  return (\n    <li\n      className={cn('inline-flex items-center gap-x-1.5', className)}\n      data-slot=\"breadcrumbs-item\"\n      {...props}\n    >\n      {children}\n    </li>\n  );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface BreadcrumbsLinkProps extends ComponentProps<'a'> {\n  asChild?: boolean;\n}\n\nexport function BreadcrumbsLink({ asChild = false, className, ...props }: BreadcrumbsLinkProps) {\n  const Component = asChild ? Slot : 'a';\n\n  return (\n    <Component\n      className={cn(\n        'group/underline text-[var(--breadcrumbs-primary-text,var(--foreground))]',\n        // Focus-visible state\n        'focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2',\n        className,\n      )}\n      data-slot=\"breadcrumbs-link\"\n      {...props}\n    />\n  );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { ChevronRight } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface BreadcrumbsIconProps {\n  asChild?: boolean;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport function BreadcrumbsIcon({ asChild = false, className, children }: BreadcrumbsIconProps) {\n  if (asChild) {\n    return (\n      <Slot\n        aria-hidden=\"true\"\n        className={cn('size-5 text-[var(--breadcrumbs-icon,var(--contrast-500))]', className)}\n        data-slot=\"breadcrumbs-icon\"\n      >\n        {children}\n      </Slot>\n    );\n  }\n\n  return (\n    <ChevronRight\n      absoluteStrokeWidth\n      aria-hidden=\"true\"\n      className={cn('size-5 text-[var(--breadcrumbs-icon,var(--contrast-500))]', className)}\n      data-slot=\"breadcrumbs-icon\"\n      strokeWidth={1.5}\n    />\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BreadcrumbsCurrentProps = ComponentProps<'span'>;\n\nexport function BreadcrumbsCurrent({ className, children, ...props }: BreadcrumbsCurrentProps) {\n  return (\n    <span\n      aria-current=\"page\"\n      aria-disabled=\"true\"\n      className={cn('text-[var(--breadcrumbs-secondary-text,var(--contrast-500))]', className)}\n      data-slot=\"breadcrumbs-current\"\n      role=\"link\"\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n"],"names":["BreadcrumbsRoot","className","children","props","jsx","cn","BreadcrumbsList","BreadcrumbsItem","BreadcrumbsLink","asChild","Component","Slot","BreadcrumbsIcon","ChevronRight","BreadcrumbsCurrent"],"mappings":"mOAMO,SAASA,EAAgB,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,GAA+B,CACvF,OACEC,MAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGJ,CAAS,EAAG,YAAU,mBAAoB,GAAGE,EAC7D,SAAAD,CAAA,CACH,CAEJ,CCNO,SAASI,EAAgB,CAAE,UAAAL,EAAW,SAAAC,EAAU,GAAGC,GAA+B,CACvF,OACEC,EAAAA,IAAC,KAAA,CACC,UAAWC,EAAAA,GACT,wIACAJ,CAAA,EAEF,YAAU,mBACT,GAAGE,EAEH,SAAAD,CAAA,CAAA,CAGP,CCbO,SAASK,EAAgB,CAAE,UAAAN,EAAW,SAAAC,EAAU,GAAGC,GAA+B,CACvF,OACEC,EAAAA,IAAC,KAAA,CACC,UAAWC,EAAAA,GAAG,qCAAsCJ,CAAS,EAC7D,YAAU,mBACT,GAAGE,EAEH,SAAAD,CAAA,CAAA,CAGP,CCLO,SAASM,EAAgB,CAAE,QAAAC,EAAU,GAAO,UAAAR,EAAW,GAAGE,GAA+B,CAC9F,MAAMO,EAAYD,EAAUE,EAAAA,KAAO,IAEnC,OACEP,EAAAA,IAACM,EAAA,CACC,UAAWL,EAAAA,GACT,2EAEA,4EACAJ,CAAA,EAEF,YAAU,mBACT,GAAGE,CAAA,CAAA,CAGV,CCZO,SAASS,EAAgB,CAAE,QAAAH,EAAU,GAAO,UAAAR,EAAW,SAAAC,GAAkC,CAC9F,OAAIO,EAEAL,EAAAA,IAACO,EAAAA,KAAA,CACC,cAAY,OACZ,UAAWN,EAAAA,GAAG,4DAA6DJ,CAAS,EACpF,YAAU,mBAET,SAAAC,CAAA,CAAA,EAMLE,EAAAA,IAACS,EAAAA,QAAA,CACC,oBAAmB,GACnB,cAAY,OACZ,UAAWR,EAAAA,GAAG,4DAA6DJ,CAAS,EACpF,YAAU,mBACV,YAAa,GAAA,CAAA,CAGnB,CC9BO,SAASa,EAAmB,CAAE,UAAAb,EAAW,SAAAC,EAAU,GAAGC,GAAkC,CAC7F,OACEC,EAAAA,IAAC,OAAA,CACC,eAAa,OACb,gBAAc,OACd,UAAWC,EAAAA,GAAG,+DAAgEJ,CAAS,EACvF,YAAU,sBACV,KAAK,OACJ,GAAGE,EAEH,SAAAD,CAAA,CAAA,CAGP"}

package/dist/breadcrumbs.js

@@ -0,0 +1,90 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c as s } from "./utils-CRiPKpXj.js";
+import { S as o } from "./index-DD8W7cMj.js";
+import n from "./chevron-right-DF8msc7r.js";
+function d({ className: t, children: r, ...a }) {
+  return /* @__PURE__ */ e("nav", { className: s(t), "data-slot": "breadcrumbs-root", ...a, children: r });
+}
+function b({ className: t, children: r, ...a }) {
+  return /* @__PURE__ */ e(
+    "ol",
+    {
+      className: s(
+        "flex flex-wrap items-center gap-x-1.5 font-[family-name:var(--breadcrumbs-font-family,var(--font-family-body))] text-sm @xl:text-base",
+        t
+      ),
+      "data-slot": "breadcrumbs-list",
+      ...a,
+      children: r
+    }
+  );
+}
+function f({ className: t, children: r, ...a }) {
+  return /* @__PURE__ */ e(
+    "li",
+    {
+      className: s("inline-flex items-center gap-x-1.5", t),
+      "data-slot": "breadcrumbs-item",
+      ...a,
+      children: r
+    }
+  );
+}
+function x({ asChild: t = !1, className: r, ...a }) {
+  return /* @__PURE__ */ e(
+    t ? o : "a",
+    {
+      className: s(
+        "group/underline text-[var(--breadcrumbs-primary-text,var(--foreground))]",
+        // Focus-visible state
+        "focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2",
+        r
+      ),
+      "data-slot": "breadcrumbs-link",
+      ...a
+    }
+  );
+}
+function p({ asChild: t = !1, className: r, children: a }) {
+  return t ? /* @__PURE__ */ e(
+    o,
+    {
+      "aria-hidden": "true",
+      className: s("size-5 text-[var(--breadcrumbs-icon,var(--contrast-500))]", r),
+      "data-slot": "breadcrumbs-icon",
+      children: a
+    }
+  ) : /* @__PURE__ */ e(
+    n,
+    {
+      absoluteStrokeWidth: !0,
+      "aria-hidden": "true",
+      className: s("size-5 text-[var(--breadcrumbs-icon,var(--contrast-500))]", r),
+      "data-slot": "breadcrumbs-icon",
+      strokeWidth: 1.5
+    }
+  );
+}
+function v({ className: t, children: r, ...a }) {
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      "aria-current": "page",
+      "aria-disabled": "true",
+      className: s("text-[var(--breadcrumbs-secondary-text,var(--contrast-500))]", t),
+      "data-slot": "breadcrumbs-current",
+      role: "link",
+      ...a,
+      children: r
+    }
+  );
+}
+export {
+  v as Current,
+  p as Icon,
+  f as Item,
+  x as Link,
+  b as List,
+  d as Root
+};
+//# sourceMappingURL=breadcrumbs.js.map

package/dist/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.js","sources":["../src/components/breadcrumbs/primitives/breadcrumbs-root.tsx","../src/components/breadcrumbs/primitives/breadcrumbs-list.tsx","../src/components/breadcrumbs/primitives/breadcrumbs-item.tsx","../src/components/breadcrumbs/primitives/breadcrumbs-link.tsx","../src/components/breadcrumbs/primitives/breadcrumbs-icon.tsx","../src/components/breadcrumbs/primitives/breadcrumbs-current.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BreadcrumbsRootProps = ComponentProps<'nav'>;\n\nexport function BreadcrumbsRoot({ className, children, ...props }: BreadcrumbsRootProps) {\n  return (\n    <nav className={cn(className)} data-slot=\"breadcrumbs-root\" {...props}>\n      {children}\n    </nav>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BreadcrumbsListProps = ComponentProps<'ol'>;\n\nexport function BreadcrumbsList({ className, children, ...props }: BreadcrumbsListProps) {\n  return (\n    <ol\n      className={cn(\n        'flex flex-wrap items-center gap-x-1.5 font-[family-name:var(--breadcrumbs-font-family,var(--font-family-body))] text-sm @xl:text-base',\n        className,\n      )}\n      data-slot=\"breadcrumbs-list\"\n      {...props}\n    >\n      {children}\n    </ol>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BreadcrumbsItemProps = ComponentProps<'li'>;\n\nexport function BreadcrumbsItem({ className, children, ...props }: BreadcrumbsItemProps) {\n  return (\n    <li\n      className={cn('inline-flex items-center gap-x-1.5', className)}\n      data-slot=\"breadcrumbs-item\"\n      {...props}\n    >\n      {children}\n    </li>\n  );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface BreadcrumbsLinkProps extends ComponentProps<'a'> {\n  asChild?: boolean;\n}\n\nexport function BreadcrumbsLink({ asChild = false, className, ...props }: BreadcrumbsLinkProps) {\n  const Component = asChild ? Slot : 'a';\n\n  return (\n    <Component\n      className={cn(\n        'group/underline text-[var(--breadcrumbs-primary-text,var(--foreground))]',\n        // Focus-visible state\n        'focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2',\n        className,\n      )}\n      data-slot=\"breadcrumbs-link\"\n      {...props}\n    />\n  );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { ChevronRight } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface BreadcrumbsIconProps {\n  asChild?: boolean;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport function BreadcrumbsIcon({ asChild = false, className, children }: BreadcrumbsIconProps) {\n  if (asChild) {\n    return (\n      <Slot\n        aria-hidden=\"true\"\n        className={cn('size-5 text-[var(--breadcrumbs-icon,var(--contrast-500))]', className)}\n        data-slot=\"breadcrumbs-icon\"\n      >\n        {children}\n      </Slot>\n    );\n  }\n\n  return (\n    <ChevronRight\n      absoluteStrokeWidth\n      aria-hidden=\"true\"\n      className={cn('size-5 text-[var(--breadcrumbs-icon,var(--contrast-500))]', className)}\n      data-slot=\"breadcrumbs-icon\"\n      strokeWidth={1.5}\n    />\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BreadcrumbsCurrentProps = ComponentProps<'span'>;\n\nexport function BreadcrumbsCurrent({ className, children, ...props }: BreadcrumbsCurrentProps) {\n  return (\n    <span\n      aria-current=\"page\"\n      aria-disabled=\"true\"\n      className={cn('text-[var(--breadcrumbs-secondary-text,var(--contrast-500))]', className)}\n      data-slot=\"breadcrumbs-current\"\n      role=\"link\"\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n"],"names":["BreadcrumbsRoot","className","children","props","jsx","cn","BreadcrumbsList","BreadcrumbsItem","BreadcrumbsLink","asChild","Slot","BreadcrumbsIcon","ChevronRight","BreadcrumbsCurrent"],"mappings":";;;;AAMO,SAASA,EAAgB,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAA+B;AACvF,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGJ,CAAS,GAAG,aAAU,oBAAoB,GAAGE,GAC7D,UAAAD,EAAA,CACH;AAEJ;ACNO,SAASI,EAAgB,EAAE,WAAAL,GAAW,UAAAC,GAAU,GAAGC,KAA+B;AACvF,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;ACbO,SAASK,EAAgB,EAAE,WAAAN,GAAW,UAAAC,GAAU,GAAGC,KAA+B;AACvF,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,sCAAsCJ,CAAS;AAAA,MAC7D,aAAU;AAAA,MACT,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;ACLO,SAASM,EAAgB,EAAE,SAAAC,IAAU,IAAO,WAAAR,GAAW,GAAGE,KAA+B;AAG9F,SACE,gBAAAC;AAAA,IAHgBK,IAAUC,IAAO;AAAA,IAGhC;AAAA,MACC,WAAWL;AAAA,QACT;AAAA;AAAA,QAEA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;ACZO,SAASQ,EAAgB,EAAE,SAAAF,IAAU,IAAO,WAAAR,GAAW,UAAAC,KAAkC;AAC9F,SAAIO,IAEA,gBAAAL;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAWL,EAAG,6DAA6DJ,CAAS;AAAA,MACpF,aAAU;AAAA,MAET,UAAAC;AAAA,IAAA;AAAA,EAAA,IAML,gBAAAE;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,qBAAmB;AAAA,MACnB,eAAY;AAAA,MACZ,WAAWP,EAAG,6DAA6DJ,CAAS;AAAA,MACpF,aAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,EAAA;AAGnB;AC9BO,SAASY,EAAmB,EAAE,WAAAZ,GAAW,UAAAC,GAAU,GAAGC,KAAkC;AAC7F,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,gBAAa;AAAA,MACb,iBAAc;AAAA,MACd,WAAWC,EAAG,gEAAgEJ,CAAS;AAAA,MACvF,aAAU;AAAA,MACV,MAAK;AAAA,MACJ,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}