commerce-toolkit 0.4.0 → 0.6.0

package/dist/accordion.js

@@ -1,13 +1,12 @@
-import { f as s, b as o, c as r, d as t, A as n, a as c, e as d, g, u as i } from "./accordion-trigger-DedSFrtg.js";
+import { f as s, b as t, c as o, d as r, A as n, a as g, e as C, g as d } from "./accordion-trigger-DFuN29lS.js";
 export {
   s as Chevron,
-  o as Content,
-  r as ContentArea,
-  t as Header,
+  t as Content,
+  o as ContentArea,
+  r as Header,
   n as Item,
-  c as Root,
-  d as Title,
-  g as Trigger,
-  i as useAccordion
+  g as Root,
+  C as Title,
+  d as Trigger
 };
 //# sourceMappingURL=accordion.js.map

package/dist/{alert-dismiss-DA9LNmIE.js → alert-dismiss-EYWAId7r.js}

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as l } from "./utils-BOGlfttm.js";
-import { B as s } from "./button-BFVyxGhc.js";
+import { c as l } from "./utils-CRiPKpXj.js";
+import { B as s } from "./button-W0_PtryU.js";
 import { createContext as m, useMemo as f, use as b } from "react";
 import x from "./x-CyE7A75y.js";
 const i = m(void 0);
@@ -120,4 +120,4 @@ export {
   z as f,
   c as u
 };
-//# sourceMappingURL=alert-dismiss-DA9LNmIE.js.map
+//# sourceMappingURL=alert-dismiss-EYWAId7r.js.map

package/dist/{alert-dismiss-DA9LNmIE.js.map → alert-dismiss-EYWAId7r.js.map}

@@ -1 +1 @@
-{"version":3,"file":"alert-dismiss-DA9LNmIE.js","sources":["../src/components/alert/primitives/alert-root.tsx","../src/components/alert/primitives/alert-header.tsx","../src/components/alert/primitives/alert-title.tsx","../src/components/alert/primitives/alert-description.tsx","../src/components/alert/primitives/alert-actions.tsx","../src/components/alert/primitives/alert-action.tsx","../src/components/alert/primitives/alert-dismiss.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use, useMemo } from 'react';\nimport type { ComponentProps, MouseEventHandler } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface AlertContext {\n  action?: {\n    label: string;\n    onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n  };\n  dismiss: {\n    label: string;\n    onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n  };\n  variant: 'success' | 'warning' | 'error' | 'info';\n}\n\nexport const AlertContext = createContext<AlertContext | undefined>(undefined);\n\nexport type AlertRootProps = ComponentProps<'div'> & {\n  action?: {\n    label: string;\n    onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n  };\n  dismiss: {\n    label: string;\n    onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n  };\n  variant: 'success' | 'warning' | 'error' | 'info';\n};\n\nexport function AlertRoot({\n  className,\n  children,\n  action,\n  dismiss,\n  variant,\n  ...props\n}: AlertRootProps) {\n  const contextValues = useMemo(\n    () => ({\n      action,\n      dismiss,\n      variant,\n    }),\n    [action, dismiss, variant],\n  );\n\n  return (\n    <AlertContext.Provider value={contextValues}>\n      <div\n        className={cn(\n          'flex max-w-[356px] items-center justify-between gap-2 rounded-xl border border-[var(--alert-border,color-mix(in_oklab,hsl(var(--foreground))_10%,transparent))] py-3 pe-3 ps-4 shadow',\n          {\n            success:\n              'bg-[var(--alert-success-background,color-mix(in_oklab,hsl(var(--success)),white_75%))]',\n            warning:\n              'bg-[var(--alert-warning-background,color-mix(in_oklab,hsl(var(--warning)),white_75%))]',\n            error:\n              'bg-[var(--alert-error-background,color-mix(in_oklab,hsl(var(--error)),white_75%))]',\n            info: 'bg-[var(--alert-info-background,hsl(var(--background)))]',\n          }[variant],\n          className,\n        )}\n        data-slot=\"alert-root\"\n        role=\"alert\"\n        {...props}\n      >\n        {children}\n      </div>\n    </AlertContext.Provider>\n  );\n}\n\nexport function useAlert() {\n  const context = use(AlertContext);\n\n  if (context === undefined) {\n    throw new Error('useAlert must be used within an AlertRoot');\n  }\n\n  return context;\n}\n","import type { ComponentProps } from 'react';\n\nexport type AlertHeaderProps = ComponentProps<'div'>;\nimport { cn } from '@/lib';\n\nexport function AlertHeader({ children, className, ...props }: AlertHeaderProps) {\n  return (\n    <div\n      className={cn('[font-family:var(--alert-font-family,var(--font-family-body))]', className)}\n      data-slot=\"alert-header\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AlertTitleProps = ComponentProps<'h5'>;\n\nexport function AlertTitle({ children, className, ...props }: AlertTitleProps) {\n  return (\n    <h5\n      className={cn(\n        'text-sm font-normal text-[var(--alert-message-text,hsl(var(--foreground)))]',\n        className,\n      )}\n      data-slot=\"alert-title\"\n      {...props}\n    >\n      {children}\n    </h5>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AlertDescriptionProps = ComponentProps<'p'>;\n\nexport function AlertDescription({ className, children, ...props }: AlertDescriptionProps) {\n  return (\n    <p\n      className={cn(\n        'text-xs font-medium text-[color:var(--alert-description-text,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))]',\n        className,\n      )}\n      data-slot=\"alert-description\"\n      {...props}\n    >\n      {children}\n    </p>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nexport type AlertActionsProps = ComponentProps<'div'>;\nimport { cn } from '@/lib';\n\nexport function AlertActions({ children, className, ...props }: AlertActionsProps) {\n  return (\n    <div className={cn('flex items-center gap-1', className)} data-slot=\"alert-actions\" {...props}>\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useAlert } from '@/components/alert';\nimport { Button } from '@/components/button';\n\nexport type AlertActionProps = ComponentProps<typeof Button>;\n\nexport function AlertAction({ children, ...props }: AlertActionProps) {\n  const { action } = useAlert();\n\n  if (!action) return null;\n\n  const { label, onClick } = action;\n\n  return (\n    <Button data-slot=\"alert-button\" onClick={onClick} size=\"x-small\" variant=\"ghost\" {...props}>\n      {label}\n    </Button>\n  );\n}\n","'use client';\n\nimport { X } from 'lucide-react';\nimport type { ComponentProps } from 'react';\n\nimport { useAlert } from '@/components/alert';\nimport { Button } from '@/components/button';\n\nexport type AlertDismissProps = ComponentProps<typeof Button>;\n\nexport function AlertDismiss({ ...props }: AlertDismissProps) {\n  const { dismiss } = useAlert();\n\n  const { label, onClick } = dismiss;\n\n  return (\n    <Button\n      aria-label={label}\n      data-slot=\"alert-close-button\"\n      onClick={onClick}\n      shape=\"circle\"\n      size=\"x-small\"\n      variant=\"ghost\"\n      {...props}\n    >\n      <X absoluteStrokeWidth size={20} strokeWidth={1} />\n    </Button>\n  );\n}\n"],"names":["AlertContext","createContext","AlertRoot","className","children","action","dismiss","variant","props","contextValues","useMemo","jsx","cn","useAlert","context","use","AlertHeader","AlertTitle","AlertDescription","AlertActions","AlertAction","label","onClick","Button","AlertDismiss","X"],"mappings":"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"}
+{"version":3,"file":"alert-dismiss-EYWAId7r.js","sources":["../src/components/alert/primitives/alert-root.tsx","../src/components/alert/primitives/alert-header.tsx","../src/components/alert/primitives/alert-title.tsx","../src/components/alert/primitives/alert-description.tsx","../src/components/alert/primitives/alert-actions.tsx","../src/components/alert/primitives/alert-action.tsx","../src/components/alert/primitives/alert-dismiss.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use, useMemo } from 'react';\nimport type { ComponentProps, MouseEventHandler } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface AlertContext {\n  action?: {\n    label: string;\n    onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n  };\n  dismiss: {\n    label: string;\n    onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n  };\n  variant: 'success' | 'warning' | 'error' | 'info';\n}\n\nexport const AlertContext = createContext<AlertContext | undefined>(undefined);\n\nexport type AlertRootProps = ComponentProps<'div'> & {\n  action?: {\n    label: string;\n    onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n  };\n  dismiss: {\n    label: string;\n    onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n  };\n  variant: 'success' | 'warning' | 'error' | 'info';\n};\n\nexport function AlertRoot({\n  className,\n  children,\n  action,\n  dismiss,\n  variant,\n  ...props\n}: AlertRootProps) {\n  const contextValues = useMemo(\n    () => ({\n      action,\n      dismiss,\n      variant,\n    }),\n    [action, dismiss, variant],\n  );\n\n  return (\n    <AlertContext.Provider value={contextValues}>\n      <div\n        className={cn(\n          'flex max-w-[356px] items-center justify-between gap-2 rounded-xl border border-[var(--alert-border,color-mix(in_oklab,hsl(var(--foreground))_10%,transparent))] py-3 pe-3 ps-4 shadow',\n          {\n            success:\n              'bg-[var(--alert-success-background,color-mix(in_oklab,hsl(var(--success)),white_75%))]',\n            warning:\n              'bg-[var(--alert-warning-background,color-mix(in_oklab,hsl(var(--warning)),white_75%))]',\n            error:\n              'bg-[var(--alert-error-background,color-mix(in_oklab,hsl(var(--error)),white_75%))]',\n            info: 'bg-[var(--alert-info-background,hsl(var(--background)))]',\n          }[variant],\n          className,\n        )}\n        data-slot=\"alert-root\"\n        role=\"alert\"\n        {...props}\n      >\n        {children}\n      </div>\n    </AlertContext.Provider>\n  );\n}\n\nexport function useAlert() {\n  const context = use(AlertContext);\n\n  if (context === undefined) {\n    throw new Error('useAlert must be used within an AlertRoot');\n  }\n\n  return context;\n}\n","import type { ComponentProps } from 'react';\n\nexport type AlertHeaderProps = ComponentProps<'div'>;\nimport { cn } from '@/lib';\n\nexport function AlertHeader({ children, className, ...props }: AlertHeaderProps) {\n  return (\n    <div\n      className={cn('[font-family:var(--alert-font-family,var(--font-family-body))]', className)}\n      data-slot=\"alert-header\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AlertTitleProps = ComponentProps<'h5'>;\n\nexport function AlertTitle({ children, className, ...props }: AlertTitleProps) {\n  return (\n    <h5\n      className={cn(\n        'text-sm font-normal text-[var(--alert-message-text,hsl(var(--foreground)))]',\n        className,\n      )}\n      data-slot=\"alert-title\"\n      {...props}\n    >\n      {children}\n    </h5>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AlertDescriptionProps = ComponentProps<'p'>;\n\nexport function AlertDescription({ className, children, ...props }: AlertDescriptionProps) {\n  return (\n    <p\n      className={cn(\n        'text-xs font-medium text-[color:var(--alert-description-text,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))]',\n        className,\n      )}\n      data-slot=\"alert-description\"\n      {...props}\n    >\n      {children}\n    </p>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nexport type AlertActionsProps = ComponentProps<'div'>;\nimport { cn } from '@/lib';\n\nexport function AlertActions({ children, className, ...props }: AlertActionsProps) {\n  return (\n    <div className={cn('flex items-center gap-1', className)} data-slot=\"alert-actions\" {...props}>\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useAlert } from '@/components/alert';\nimport { Button } from '@/components/button';\n\nexport type AlertActionProps = ComponentProps<typeof Button>;\n\nexport function AlertAction({ children, ...props }: AlertActionProps) {\n  const { action } = useAlert();\n\n  if (!action) return null;\n\n  const { label, onClick } = action;\n\n  return (\n    <Button data-slot=\"alert-button\" onClick={onClick} size=\"x-small\" variant=\"ghost\" {...props}>\n      {label}\n    </Button>\n  );\n}\n","'use client';\n\nimport { X } from 'lucide-react';\nimport type { ComponentProps } from 'react';\n\nimport { useAlert } from '@/components/alert';\nimport { Button } from '@/components/button';\n\nexport type AlertDismissProps = ComponentProps<typeof Button>;\n\nexport function AlertDismiss({ ...props }: AlertDismissProps) {\n  const { dismiss } = useAlert();\n\n  const { label, onClick } = dismiss;\n\n  return (\n    <Button\n      aria-label={label}\n      data-slot=\"alert-close-button\"\n      onClick={onClick}\n      shape=\"circle\"\n      size=\"x-small\"\n      variant=\"ghost\"\n      {...props}\n    >\n      <X absoluteStrokeWidth size={20} strokeWidth={1} />\n    </Button>\n  );\n}\n"],"names":["AlertContext","createContext","AlertRoot","className","children","action","dismiss","variant","props","contextValues","useMemo","jsx","cn","useAlert","context","use","AlertHeader","AlertTitle","AlertDescription","AlertActions","AlertAction","label","onClick","Button","AlertDismiss","X"],"mappings":"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"}

package/dist/{alert-dismiss-10OVmm_h.cjs → alert-dismiss-m6lm9pLf.cjs}

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),a=require("./utils-LBH114_M.cjs"),c=require("./button-Br8dBU5w.cjs"),s=require("react"),m=require("./x-Wx1ZM0Wd.cjs"),u=s.createContext(void 0);function f({className:t,children:r,action:e,dismiss:n,variant:l,...d}){const x=s.useMemo(()=>({action:e,dismiss:n,variant:l}),[e,n,l]);return o.jsx(u.Provider,{value:x,children:o.jsx("div",{className:a.cn("flex max-w-[356px] items-center justify-between gap-2 rounded-xl border border-[var(--alert-border,color-mix(in_oklab,hsl(var(--foreground))_10%,transparent))] py-3 pe-3 ps-4 shadow",{success:"bg-[var(--alert-success-background,color-mix(in_oklab,hsl(var(--success)),white_75%))]",warning:"bg-[var(--alert-warning-background,color-mix(in_oklab,hsl(var(--warning)),white_75%))]",error:"bg-[var(--alert-error-background,color-mix(in_oklab,hsl(var(--error)),white_75%))]",info:"bg-[var(--alert-info-background,hsl(var(--background)))]"}[l],t),"data-slot":"alert-root",role:"alert",...d,children:r})})}function i(){const t=s.use(u);if(t===void 0)throw new Error("useAlert must be used within an AlertRoot");return t}function b({children:t,className:r,...e}){return o.jsx("div",{className:a.cn("[font-family:var(--alert-font-family,var(--font-family-body))]",r),"data-slot":"alert-header",...e,children:t})}function h({children:t,className:r,...e}){return o.jsx("h5",{className:a.cn("text-sm font-normal text-[var(--alert-message-text,hsl(var(--foreground)))]",r),"data-slot":"alert-title",...e,children:t})}function v({className:t,children:r,...e}){return o.jsx("p",{className:a.cn("text-xs font-medium text-[color:var(--alert-description-text,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))]",t),"data-slot":"alert-description",...e,children:r})}function A({children:t,className:r,...e}){return o.jsx("div",{className:a.cn("flex items-center gap-1",r),"data-slot":"alert-actions",...e,children:t})}function g({children:t,...r}){const{action:e}=i();if(!e)return null;const{label:n,onClick:l}=e;return o.jsx(c.Button,{"data-slot":"alert-button",onClick:l,size:"x-small",variant:"ghost",...r,children:n})}function k({...t}){const{dismiss:r}=i(),{label:e,onClick:n}=r;return o.jsx(c.Button,{"aria-label":e,"data-slot":"alert-close-button",onClick:n,shape:"circle",size:"x-small",variant:"ghost",...t,children:o.jsx(m.default,{absoluteStrokeWidth:!0,size:20,strokeWidth:1})})}exports.AlertAction=g;exports.AlertActions=A;exports.AlertDescription=v;exports.AlertDismiss=k;exports.AlertHeader=b;exports.AlertRoot=f;exports.AlertTitle=h;exports.useAlert=i;
-//# sourceMappingURL=alert-dismiss-10OVmm_h.cjs.map
+"use strict";const o=require("react/jsx-runtime"),a=require("./utils-DoxiiusW.cjs"),c=require("./button-ibzOCImJ.cjs"),s=require("react"),m=require("./x-Wx1ZM0Wd.cjs"),u=s.createContext(void 0);function f({className:t,children:r,action:e,dismiss:n,variant:l,...d}){const x=s.useMemo(()=>({action:e,dismiss:n,variant:l}),[e,n,l]);return o.jsx(u.Provider,{value:x,children:o.jsx("div",{className:a.cn("flex max-w-[356px] items-center justify-between gap-2 rounded-xl border border-[var(--alert-border,color-mix(in_oklab,hsl(var(--foreground))_10%,transparent))] py-3 pe-3 ps-4 shadow",{success:"bg-[var(--alert-success-background,color-mix(in_oklab,hsl(var(--success)),white_75%))]",warning:"bg-[var(--alert-warning-background,color-mix(in_oklab,hsl(var(--warning)),white_75%))]",error:"bg-[var(--alert-error-background,color-mix(in_oklab,hsl(var(--error)),white_75%))]",info:"bg-[var(--alert-info-background,hsl(var(--background)))]"}[l],t),"data-slot":"alert-root",role:"alert",...d,children:r})})}function i(){const t=s.use(u);if(t===void 0)throw new Error("useAlert must be used within an AlertRoot");return t}function b({children:t,className:r,...e}){return o.jsx("div",{className:a.cn("[font-family:var(--alert-font-family,var(--font-family-body))]",r),"data-slot":"alert-header",...e,children:t})}function h({children:t,className:r,...e}){return o.jsx("h5",{className:a.cn("text-sm font-normal text-[var(--alert-message-text,hsl(var(--foreground)))]",r),"data-slot":"alert-title",...e,children:t})}function v({className:t,children:r,...e}){return o.jsx("p",{className:a.cn("text-xs font-medium text-[color:var(--alert-description-text,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))]",t),"data-slot":"alert-description",...e,children:r})}function A({children:t,className:r,...e}){return o.jsx("div",{className:a.cn("flex items-center gap-1",r),"data-slot":"alert-actions",...e,children:t})}function g({children:t,...r}){const{action:e}=i();if(!e)return null;const{label:n,onClick:l}=e;return o.jsx(c.Button,{"data-slot":"alert-button",onClick:l,size:"x-small",variant:"ghost",...r,children:n})}function k({...t}){const{dismiss:r}=i(),{label:e,onClick:n}=r;return o.jsx(c.Button,{"aria-label":e,"data-slot":"alert-close-button",onClick:n,shape:"circle",size:"x-small",variant:"ghost",...t,children:o.jsx(m.default,{absoluteStrokeWidth:!0,size:20,strokeWidth:1})})}exports.AlertAction=g;exports.AlertActions=A;exports.AlertDescription=v;exports.AlertDismiss=k;exports.AlertHeader=b;exports.AlertRoot=f;exports.AlertTitle=h;exports.useAlert=i;
+//# sourceMappingURL=alert-dismiss-m6lm9pLf.cjs.map

package/dist/{alert-dismiss-10OVmm_h.cjs.map → alert-dismiss-m6lm9pLf.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"alert-dismiss-10OVmm_h.cjs","sources":["../src/components/alert/primitives/alert-root.tsx","../src/components/alert/primitives/alert-header.tsx","../src/components/alert/primitives/alert-title.tsx","../src/components/alert/primitives/alert-description.tsx","../src/components/alert/primitives/alert-actions.tsx","../src/components/alert/primitives/alert-action.tsx","../src/components/alert/primitives/alert-dismiss.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use, useMemo } from 'react';\nimport type { ComponentProps, MouseEventHandler } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface AlertContext {\n  action?: {\n    label: string;\n    onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n  };\n  dismiss: {\n    label: string;\n    onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n  };\n  variant: 'success' | 'warning' | 'error' | 'info';\n}\n\nexport const AlertContext = createContext<AlertContext | undefined>(undefined);\n\nexport type AlertRootProps = ComponentProps<'div'> & {\n  action?: {\n    label: string;\n    onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n  };\n  dismiss: {\n    label: string;\n    onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n  };\n  variant: 'success' | 'warning' | 'error' | 'info';\n};\n\nexport function AlertRoot({\n  className,\n  children,\n  action,\n  dismiss,\n  variant,\n  ...props\n}: AlertRootProps) {\n  const contextValues = useMemo(\n    () => ({\n      action,\n      dismiss,\n      variant,\n    }),\n    [action, dismiss, variant],\n  );\n\n  return (\n    <AlertContext.Provider value={contextValues}>\n      <div\n        className={cn(\n          'flex max-w-[356px] items-center justify-between gap-2 rounded-xl border border-[var(--alert-border,color-mix(in_oklab,hsl(var(--foreground))_10%,transparent))] py-3 pe-3 ps-4 shadow',\n          {\n            success:\n              'bg-[var(--alert-success-background,color-mix(in_oklab,hsl(var(--success)),white_75%))]',\n            warning:\n              'bg-[var(--alert-warning-background,color-mix(in_oklab,hsl(var(--warning)),white_75%))]',\n            error:\n              'bg-[var(--alert-error-background,color-mix(in_oklab,hsl(var(--error)),white_75%))]',\n            info: 'bg-[var(--alert-info-background,hsl(var(--background)))]',\n          }[variant],\n          className,\n        )}\n        data-slot=\"alert-root\"\n        role=\"alert\"\n        {...props}\n      >\n        {children}\n      </div>\n    </AlertContext.Provider>\n  );\n}\n\nexport function useAlert() {\n  const context = use(AlertContext);\n\n  if (context === undefined) {\n    throw new Error('useAlert must be used within an AlertRoot');\n  }\n\n  return context;\n}\n","import type { ComponentProps } from 'react';\n\nexport type AlertHeaderProps = ComponentProps<'div'>;\nimport { cn } from '@/lib';\n\nexport function AlertHeader({ children, className, ...props }: AlertHeaderProps) {\n  return (\n    <div\n      className={cn('[font-family:var(--alert-font-family,var(--font-family-body))]', className)}\n      data-slot=\"alert-header\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AlertTitleProps = ComponentProps<'h5'>;\n\nexport function AlertTitle({ children, className, ...props }: AlertTitleProps) {\n  return (\n    <h5\n      className={cn(\n        'text-sm font-normal text-[var(--alert-message-text,hsl(var(--foreground)))]',\n        className,\n      )}\n      data-slot=\"alert-title\"\n      {...props}\n    >\n      {children}\n    </h5>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AlertDescriptionProps = ComponentProps<'p'>;\n\nexport function AlertDescription({ className, children, ...props }: AlertDescriptionProps) {\n  return (\n    <p\n      className={cn(\n        'text-xs font-medium text-[color:var(--alert-description-text,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))]',\n        className,\n      )}\n      data-slot=\"alert-description\"\n      {...props}\n    >\n      {children}\n    </p>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nexport type AlertActionsProps = ComponentProps<'div'>;\nimport { cn } from '@/lib';\n\nexport function AlertActions({ children, className, ...props }: AlertActionsProps) {\n  return (\n    <div className={cn('flex items-center gap-1', className)} data-slot=\"alert-actions\" {...props}>\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useAlert } from '@/components/alert';\nimport { Button } from '@/components/button';\n\nexport type AlertActionProps = ComponentProps<typeof Button>;\n\nexport function AlertAction({ children, ...props }: AlertActionProps) {\n  const { action } = useAlert();\n\n  if (!action) return null;\n\n  const { label, onClick } = action;\n\n  return (\n    <Button data-slot=\"alert-button\" onClick={onClick} size=\"x-small\" variant=\"ghost\" {...props}>\n      {label}\n    </Button>\n  );\n}\n","'use client';\n\nimport { X } from 'lucide-react';\nimport type { ComponentProps } from 'react';\n\nimport { useAlert } from '@/components/alert';\nimport { Button } from '@/components/button';\n\nexport type AlertDismissProps = ComponentProps<typeof Button>;\n\nexport function AlertDismiss({ ...props }: AlertDismissProps) {\n  const { dismiss } = useAlert();\n\n  const { label, onClick } = dismiss;\n\n  return (\n    <Button\n      aria-label={label}\n      data-slot=\"alert-close-button\"\n      onClick={onClick}\n      shape=\"circle\"\n      size=\"x-small\"\n      variant=\"ghost\"\n      {...props}\n    >\n      <X absoluteStrokeWidth size={20} strokeWidth={1} />\n    </Button>\n  );\n}\n"],"names":["AlertContext","createContext","AlertRoot","className","children","action","dismiss","variant","props","contextValues","useMemo","jsx","cn","useAlert","context","use","AlertHeader","AlertTitle","AlertDescription","AlertActions","AlertAction","label","onClick","Button","AlertDismiss","X"],"mappings":"wKAmBaA,EAAeC,EAAAA,cAAwC,MAAS,EActE,SAASC,EAAU,CACxB,UAAAC,EACA,SAAAC,EACA,OAAAC,EACA,QAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAmB,CACjB,MAAMC,EAAgBC,EAAAA,QACpB,KAAO,CACL,OAAAL,EACA,QAAAC,EACA,QAAAC,CAAA,GAEF,CAACF,EAAQC,EAASC,CAAO,CAAA,EAG3B,OACEI,EAAAA,IAACX,EAAa,SAAb,CAAsB,MAAOS,EAC5B,SAAAE,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,wLACA,CACE,QACE,yFACF,QACE,yFACF,MACE,qFACF,KAAM,0DAAA,EACNL,CAAO,EACTJ,CAAA,EAEF,YAAU,aACV,KAAK,QACJ,GAAGK,EAEH,SAAAJ,CAAA,CAAA,EAEL,CAEJ,CAEO,SAASS,GAAW,CACzB,MAAMC,EAAUC,EAAAA,IAAIf,CAAY,EAEhC,GAAIc,IAAY,OACd,MAAM,IAAI,MAAM,2CAA2C,EAG7D,OAAOA,CACT,CC/EO,SAASE,EAAY,CAAE,SAAAZ,EAAU,UAAAD,EAAW,GAAGK,GAA2B,CAC/E,OACEG,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,iEAAkET,CAAS,EACzF,YAAU,eACT,GAAGK,EAEH,SAAAJ,CAAA,CAAA,CAGP,CCTO,SAASa,EAAW,CAAE,SAAAb,EAAU,UAAAD,EAAW,GAAGK,GAA0B,CAC7E,OACEG,EAAAA,IAAC,KAAA,CACC,UAAWC,EAAAA,GACT,8EACAT,CAAA,EAEF,YAAU,cACT,GAAGK,EAEH,SAAAJ,CAAA,CAAA,CAGP,CCbO,SAASc,EAAiB,CAAE,UAAAf,EAAW,SAAAC,EAAU,GAAGI,GAAgC,CACzF,OACEG,EAAAA,IAAC,IAAA,CACC,UAAWC,EAAAA,GACT,4HACAT,CAAA,EAEF,YAAU,oBACT,GAAGK,EAEH,SAAAJ,CAAA,CAAA,CAGP,CCdO,SAASe,EAAa,CAAE,SAAAf,EAAU,UAAAD,EAAW,GAAGK,GAA4B,CACjF,OACEG,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAG,0BAA2BT,CAAS,EAAG,YAAU,gBAAiB,GAAGK,EACrF,SAAAJ,CAAA,CACH,CAEJ,CCFO,SAASgB,EAAY,CAAE,SAAAhB,EAAU,GAAGI,GAA2B,CACpE,KAAM,CAAE,OAAAH,CAAA,EAAWQ,EAAA,EAEnB,GAAI,CAACR,EAAQ,OAAO,KAEpB,KAAM,CAAE,MAAAgB,EAAO,QAAAC,CAAA,EAAYjB,EAE3B,OACEM,EAAAA,IAACY,EAAAA,OAAA,CAAO,YAAU,eAAe,QAAAD,EAAkB,KAAK,UAAU,QAAQ,QAAS,GAAGd,EACnF,SAAAa,CAAA,CACH,CAEJ,CCXO,SAASG,EAAa,CAAE,GAAGhB,GAA4B,CAC5D,KAAM,CAAE,QAAAF,CAAA,EAAYO,EAAA,EAEd,CAAE,MAAAQ,EAAO,QAAAC,CAAA,EAAYhB,EAE3B,OACEK,EAAAA,IAACY,EAAAA,OAAA,CACC,aAAYF,EACZ,YAAU,qBACV,QAAAC,EACA,MAAM,SACN,KAAK,UACL,QAAQ,QACP,GAAGd,EAEJ,eAACiB,EAAAA,QAAA,CAAE,oBAAmB,GAAC,KAAM,GAAI,YAAa,CAAA,CAAG,CAAA,CAAA,CAGvD"}
+{"version":3,"file":"alert-dismiss-m6lm9pLf.cjs","sources":["../src/components/alert/primitives/alert-root.tsx","../src/components/alert/primitives/alert-header.tsx","../src/components/alert/primitives/alert-title.tsx","../src/components/alert/primitives/alert-description.tsx","../src/components/alert/primitives/alert-actions.tsx","../src/components/alert/primitives/alert-action.tsx","../src/components/alert/primitives/alert-dismiss.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use, useMemo } from 'react';\nimport type { ComponentProps, MouseEventHandler } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface AlertContext {\n  action?: {\n    label: string;\n    onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n  };\n  dismiss: {\n    label: string;\n    onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n  };\n  variant: 'success' | 'warning' | 'error' | 'info';\n}\n\nexport const AlertContext = createContext<AlertContext | undefined>(undefined);\n\nexport type AlertRootProps = ComponentProps<'div'> & {\n  action?: {\n    label: string;\n    onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n  };\n  dismiss: {\n    label: string;\n    onClick: MouseEventHandler<HTMLButtonElement> | undefined;\n  };\n  variant: 'success' | 'warning' | 'error' | 'info';\n};\n\nexport function AlertRoot({\n  className,\n  children,\n  action,\n  dismiss,\n  variant,\n  ...props\n}: AlertRootProps) {\n  const contextValues = useMemo(\n    () => ({\n      action,\n      dismiss,\n      variant,\n    }),\n    [action, dismiss, variant],\n  );\n\n  return (\n    <AlertContext.Provider value={contextValues}>\n      <div\n        className={cn(\n          'flex max-w-[356px] items-center justify-between gap-2 rounded-xl border border-[var(--alert-border,color-mix(in_oklab,hsl(var(--foreground))_10%,transparent))] py-3 pe-3 ps-4 shadow',\n          {\n            success:\n              'bg-[var(--alert-success-background,color-mix(in_oklab,hsl(var(--success)),white_75%))]',\n            warning:\n              'bg-[var(--alert-warning-background,color-mix(in_oklab,hsl(var(--warning)),white_75%))]',\n            error:\n              'bg-[var(--alert-error-background,color-mix(in_oklab,hsl(var(--error)),white_75%))]',\n            info: 'bg-[var(--alert-info-background,hsl(var(--background)))]',\n          }[variant],\n          className,\n        )}\n        data-slot=\"alert-root\"\n        role=\"alert\"\n        {...props}\n      >\n        {children}\n      </div>\n    </AlertContext.Provider>\n  );\n}\n\nexport function useAlert() {\n  const context = use(AlertContext);\n\n  if (context === undefined) {\n    throw new Error('useAlert must be used within an AlertRoot');\n  }\n\n  return context;\n}\n","import type { ComponentProps } from 'react';\n\nexport type AlertHeaderProps = ComponentProps<'div'>;\nimport { cn } from '@/lib';\n\nexport function AlertHeader({ children, className, ...props }: AlertHeaderProps) {\n  return (\n    <div\n      className={cn('[font-family:var(--alert-font-family,var(--font-family-body))]', className)}\n      data-slot=\"alert-header\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AlertTitleProps = ComponentProps<'h5'>;\n\nexport function AlertTitle({ children, className, ...props }: AlertTitleProps) {\n  return (\n    <h5\n      className={cn(\n        'text-sm font-normal text-[var(--alert-message-text,hsl(var(--foreground)))]',\n        className,\n      )}\n      data-slot=\"alert-title\"\n      {...props}\n    >\n      {children}\n    </h5>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AlertDescriptionProps = ComponentProps<'p'>;\n\nexport function AlertDescription({ className, children, ...props }: AlertDescriptionProps) {\n  return (\n    <p\n      className={cn(\n        'text-xs font-medium text-[color:var(--alert-description-text,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))]',\n        className,\n      )}\n      data-slot=\"alert-description\"\n      {...props}\n    >\n      {children}\n    </p>\n  );\n}\n","import type { ComponentProps } from 'react';\n\nexport type AlertActionsProps = ComponentProps<'div'>;\nimport { cn } from '@/lib';\n\nexport function AlertActions({ children, className, ...props }: AlertActionsProps) {\n  return (\n    <div className={cn('flex items-center gap-1', className)} data-slot=\"alert-actions\" {...props}>\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useAlert } from '@/components/alert';\nimport { Button } from '@/components/button';\n\nexport type AlertActionProps = ComponentProps<typeof Button>;\n\nexport function AlertAction({ children, ...props }: AlertActionProps) {\n  const { action } = useAlert();\n\n  if (!action) return null;\n\n  const { label, onClick } = action;\n\n  return (\n    <Button data-slot=\"alert-button\" onClick={onClick} size=\"x-small\" variant=\"ghost\" {...props}>\n      {label}\n    </Button>\n  );\n}\n","'use client';\n\nimport { X } from 'lucide-react';\nimport type { ComponentProps } from 'react';\n\nimport { useAlert } from '@/components/alert';\nimport { Button } from '@/components/button';\n\nexport type AlertDismissProps = ComponentProps<typeof Button>;\n\nexport function AlertDismiss({ ...props }: AlertDismissProps) {\n  const { dismiss } = useAlert();\n\n  const { label, onClick } = dismiss;\n\n  return (\n    <Button\n      aria-label={label}\n      data-slot=\"alert-close-button\"\n      onClick={onClick}\n      shape=\"circle\"\n      size=\"x-small\"\n      variant=\"ghost\"\n      {...props}\n    >\n      <X absoluteStrokeWidth size={20} strokeWidth={1} />\n    </Button>\n  );\n}\n"],"names":["AlertContext","createContext","AlertRoot","className","children","action","dismiss","variant","props","contextValues","useMemo","jsx","cn","useAlert","context","use","AlertHeader","AlertTitle","AlertDescription","AlertActions","AlertAction","label","onClick","Button","AlertDismiss","X"],"mappings":"wKAmBaA,EAAeC,EAAAA,cAAwC,MAAS,EActE,SAASC,EAAU,CACxB,UAAAC,EACA,SAAAC,EACA,OAAAC,EACA,QAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAmB,CACjB,MAAMC,EAAgBC,EAAAA,QACpB,KAAO,CACL,OAAAL,EACA,QAAAC,EACA,QAAAC,CAAA,GAEF,CAACF,EAAQC,EAASC,CAAO,CAAA,EAG3B,OACEI,EAAAA,IAACX,EAAa,SAAb,CAAsB,MAAOS,EAC5B,SAAAE,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,wLACA,CACE,QACE,yFACF,QACE,yFACF,MACE,qFACF,KAAM,0DAAA,EACNL,CAAO,EACTJ,CAAA,EAEF,YAAU,aACV,KAAK,QACJ,GAAGK,EAEH,SAAAJ,CAAA,CAAA,EAEL,CAEJ,CAEO,SAASS,GAAW,CACzB,MAAMC,EAAUC,EAAAA,IAAIf,CAAY,EAEhC,GAAIc,IAAY,OACd,MAAM,IAAI,MAAM,2CAA2C,EAG7D,OAAOA,CACT,CC/EO,SAASE,EAAY,CAAE,SAAAZ,EAAU,UAAAD,EAAW,GAAGK,GAA2B,CAC/E,OACEG,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,iEAAkET,CAAS,EACzF,YAAU,eACT,GAAGK,EAEH,SAAAJ,CAAA,CAAA,CAGP,CCTO,SAASa,EAAW,CAAE,SAAAb,EAAU,UAAAD,EAAW,GAAGK,GAA0B,CAC7E,OACEG,EAAAA,IAAC,KAAA,CACC,UAAWC,EAAAA,GACT,8EACAT,CAAA,EAEF,YAAU,cACT,GAAGK,EAEH,SAAAJ,CAAA,CAAA,CAGP,CCbO,SAASc,EAAiB,CAAE,UAAAf,EAAW,SAAAC,EAAU,GAAGI,GAAgC,CACzF,OACEG,EAAAA,IAAC,IAAA,CACC,UAAWC,EAAAA,GACT,4HACAT,CAAA,EAEF,YAAU,oBACT,GAAGK,EAEH,SAAAJ,CAAA,CAAA,CAGP,CCdO,SAASe,EAAa,CAAE,SAAAf,EAAU,UAAAD,EAAW,GAAGK,GAA4B,CACjF,OACEG,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAG,0BAA2BT,CAAS,EAAG,YAAU,gBAAiB,GAAGK,EACrF,SAAAJ,CAAA,CACH,CAEJ,CCFO,SAASgB,EAAY,CAAE,SAAAhB,EAAU,GAAGI,GAA2B,CACpE,KAAM,CAAE,OAAAH,CAAA,EAAWQ,EAAA,EAEnB,GAAI,CAACR,EAAQ,OAAO,KAEpB,KAAM,CAAE,MAAAgB,EAAO,QAAAC,CAAA,EAAYjB,EAE3B,OACEM,EAAAA,IAACY,EAAAA,OAAA,CAAO,YAAU,eAAe,QAAAD,EAAkB,KAAK,UAAU,QAAQ,QAAS,GAAGd,EACnF,SAAAa,CAAA,CACH,CAEJ,CCXO,SAASG,EAAa,CAAE,GAAGhB,GAA4B,CAC5D,KAAM,CAAE,QAAAF,CAAA,EAAYO,EAAA,EAEd,CAAE,MAAAQ,EAAO,QAAAC,CAAA,EAAYhB,EAE3B,OACEK,EAAAA,IAACY,EAAAA,OAAA,CACC,aAAYF,EACZ,YAAU,qBACV,QAAAC,EACA,MAAM,SACN,KAAK,UACL,QAAQ,QACP,GAAGd,EAEJ,eAACiB,EAAAA,QAAA,CAAE,oBAAmB,GAAC,KAAM,GAAI,YAAa,CAAA,CAAG,CAAA,CAAA,CAGvD"}

package/dist/alert.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./alert-dismiss-10OVmm_h.cjs");exports.Action=e.AlertAction;exports.Actions=e.AlertActions;exports.Description=e.AlertDescription;exports.Dismiss=e.AlertDismiss;exports.Header=e.AlertHeader;exports.Root=e.AlertRoot;exports.Title=e.AlertTitle;exports.useAlert=e.useAlert;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./alert-dismiss-m6lm9pLf.cjs");exports.Action=e.AlertAction;exports.Actions=e.AlertActions;exports.Description=e.AlertDescription;exports.Dismiss=e.AlertDismiss;exports.Header=e.AlertHeader;exports.Root=e.AlertRoot;exports.Title=e.AlertTitle;exports.useAlert=e.useAlert;
 //# sourceMappingURL=alert.cjs.map

package/dist/alert.js

@@ -1,4 +1,4 @@
-import { e, d as i, c as o, f as t, a as r, A as c, b as A, u as n } from "./alert-dismiss-DA9LNmIE.js";
+import { e, d as i, c as o, f as t, a as r, A as c, b as A, u as n } from "./alert-dismiss-EYWAId7r.js";
 export {
   e as Action,
   i as Actions,

package/dist/{banner-dismiss-DfFezmDg.cjs → banner-dismiss-0uh1GtF1.cjs}

@@ -1,2 +1,2 @@
-"use strict";const a=require("react/jsx-runtime"),i=require("./utils-LBH114_M.cjs"),t=require("react"),m=require("./x-Wx1ZM0Wd.cjs"),b=t.createContext(void 0);function h({id:e,hideDismiss:n,onDismiss:r,children:o}){const[s,c]=t.useState(!1),[l,f]=t.useState(!1);t.useEffect(()=>{const x=localStorage.getItem(`${e}-hidden-banner`)==="true";c(x),f(!0)},[e]);const d=t.useCallback(()=>{c(!0),localStorage.setItem(`${e}-hidden-banner`,"true"),r?.()},[e,r]),v=t.useMemo(()=>({id:e,isInitialized:l,isDismissed:s,hideDismiss:n,handleDismiss:d}),[e,l,s,n,d]);return a.jsx(b.Provider,{value:v,children:l?o:null})}function u(){const e=t.use(b);if(e===void 0)throw new Error("useBanner must be used within a BannerProvider");return e}function g({children:e,className:n,...r}){const{id:o,isDismissed:s}=u();return a.jsx("div",{className:i.cn("overflow-hidden bg-[var(--banner-background,hsl(var(--primary)))] transition-all duration-300 ease-in @container",s?"pointer-events-none max-h-0":"max-h-32",n),"data-slot":"banner-root",id:o,...r,children:e})}function B({className:e,children:n}){return a.jsx("div",{className:i.cn("flex items-center justify-between gap-4 px-8 py-3",e),"data-slot":"banner-content",children:n})}function k({children:e,className:n,...r}){return a.jsx("div",{className:i.cn("flex-1 text-sm text-[var(--banner-text,hsl(var(--foreground)))] [font-family:var(--banner-font-family,var(--font-family-body))] @xl:text-center @xl:text-base",n),"data-slot":"banner-text",...r,children:e})}function j({className:e,...n}){const{hideDismiss:r,handleDismiss:o}=u();return r?null:a.jsx("button",{"aria-label":"Dismiss banner",className:i.cn("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,hsl(var(--foreground))_50%,transparent))] transition-colors duration-300 hover:bg-[var(--banner-close-background-hover,color-mix(in_oklab,hsl(var(--background))_40%,transparent))] hover:text-[var(--banner-close-icon-hover,hsl(var(--foreground)))] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--banner-focus,hsl(var(--foreground)))]",e),"data-slot":"banner-dismiss",onClick:s=>{s.preventDefault(),o()},...n,children:a.jsx(m.default,{absoluteStrokeWidth:!0,size:20,strokeWidth:1.5})})}exports.BannerContent=B;exports.BannerDismiss=j;exports.BannerProvider=h;exports.BannerRoot=g;exports.BannerText=k;exports.useBanner=u;
-//# sourceMappingURL=banner-dismiss-DfFezmDg.cjs.map
+"use strict";const a=require("react/jsx-runtime"),i=require("./utils-DoxiiusW.cjs"),t=require("react"),m=require("./x-Wx1ZM0Wd.cjs"),b=t.createContext(void 0);function h({id:e,hideDismiss:n,onDismiss:r,children:o}){const[s,c]=t.useState(!1),[l,f]=t.useState(!1);t.useEffect(()=>{const x=localStorage.getItem(`${e}-hidden-banner`)==="true";c(x),f(!0)},[e]);const d=t.useCallback(()=>{c(!0),localStorage.setItem(`${e}-hidden-banner`,"true"),r?.()},[e,r]),v=t.useMemo(()=>({id:e,isInitialized:l,isDismissed:s,hideDismiss:n,handleDismiss:d}),[e,l,s,n,d]);return a.jsx(b.Provider,{value:v,children:l?o:null})}function u(){const e=t.use(b);if(e===void 0)throw new Error("useBanner must be used within a BannerProvider");return e}function g({children:e,className:n,...r}){const{id:o,isDismissed:s}=u();return a.jsx("div",{className:i.cn("overflow-hidden bg-[var(--banner-background,hsl(var(--primary)))] transition-all duration-300 ease-in @container",s?"pointer-events-none max-h-0":"max-h-32",n),"data-slot":"banner-root",id:o,...r,children:e})}function B({className:e,children:n}){return a.jsx("div",{className:i.cn("flex items-center justify-between gap-4 px-8 py-3",e),"data-slot":"banner-content",children:n})}function k({children:e,className:n,...r}){return a.jsx("div",{className:i.cn("flex-1 text-sm text-[var(--banner-text,hsl(var(--foreground)))] [font-family:var(--banner-font-family,var(--font-family-body))] @xl:text-center @xl:text-base",n),"data-slot":"banner-text",...r,children:e})}function j({className:e,...n}){const{hideDismiss:r,handleDismiss:o}=u();return r?null:a.jsx("button",{"aria-label":"Dismiss banner",className:i.cn("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,hsl(var(--foreground))_50%,transparent))] transition-colors duration-300 hover:bg-[var(--banner-close-background-hover,color-mix(in_oklab,hsl(var(--background))_40%,transparent))] hover:text-[var(--banner-close-icon-hover,hsl(var(--foreground)))] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--banner-focus,hsl(var(--foreground)))]",e),"data-slot":"banner-dismiss",onClick:s=>{s.preventDefault(),o()},...n,children:a.jsx(m.default,{absoluteStrokeWidth:!0,size:20,strokeWidth:1.5})})}exports.BannerContent=B;exports.BannerDismiss=j;exports.BannerProvider=h;exports.BannerRoot=g;exports.BannerText=k;exports.useBanner=u;
+//# sourceMappingURL=banner-dismiss-0uh1GtF1.cjs.map

package/dist/{banner-dismiss-DfFezmDg.cjs.map → banner-dismiss-0uh1GtF1.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"banner-dismiss-DfFezmDg.cjs","sources":["../src/components/banner/primitives/banner-provider.tsx","../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 { ReactNode } from 'react';\n\nexport interface BannerProviderProps {\n  id: string;\n  hideDismiss: boolean;\n  children: ReactNode;\n  onDismiss?: () => void;\n}\n\ninterface BannerContext extends Pick<BannerProviderProps, 'id' | 'hideDismiss'> {\n  isInitialized: boolean;\n  isDismissed: boolean;\n  handleDismiss: () => void;\n}\n\nexport const BannerContext = createContext<BannerContext | undefined>(undefined);\n\nexport function BannerProvider({ id, hideDismiss, onDismiss, children }: BannerProviderProps) {\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      isInitialized,\n      isDismissed,\n      hideDismiss,\n      handleDismiss,\n    }),\n    [id, isInitialized, isDismissed, hideDismiss, handleDismiss],\n  );\n\n  return (\n    <BannerContext.Provider value={contextValues}>\n      {isInitialized ? children : null}\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 BannerProvider');\n  }\n\n  return context;\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useBanner } from '@/components/banner';\nimport { cn } from '@/lib';\n\nexport type BannerRootProps = ComponentProps<'div'>;\n\nexport function BannerRoot({ children, className, ...props }: BannerRootProps) {\n  const { id, isDismissed } = useBanner();\n\n  return (\n    <div\n      className={cn(\n        'overflow-hidden bg-[var(--banner-background,hsl(var(--primary)))] 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  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BannerContentProps = ComponentProps<'div'>;\n\nexport function BannerContent({ className, children }: 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    >\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,hsl(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,hsl(var(--foreground))_50%,transparent))] transition-colors duration-300 hover:bg-[var(--banner-close-background-hover,color-mix(in_oklab,hsl(var(--background))_40%,transparent))] hover:text-[var(--banner-close-icon-hover,hsl(var(--foreground)))] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--banner-focus,hsl(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","BannerProvider","id","hideDismiss","onDismiss","children","isDismissed","setIsDismissed","useState","isInitialized","setIsInitialized","useEffect","hidden","handleDismiss","useCallback","contextValues","useMemo","jsx","useBanner","context","use","BannerRoot","className","props","cn","BannerContent","BannerText","BannerDismiss","e","X"],"mappings":"qIAkBaA,EAAgBC,EAAAA,cAAyC,MAAS,EAExE,SAASC,EAAe,CAAE,GAAAC,EAAI,YAAAC,EAAa,UAAAC,EAAW,SAAAC,GAAiC,CAC5F,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAkB,EAAK,EACvD,CAACC,EAAeC,CAAgB,EAAIF,EAAAA,SAAkB,EAAK,EAEjEG,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAS,aAAa,QAAQ,GAAGV,CAAE,gBAAgB,IAAM,OAE/DK,EAAeK,CAAM,EACrBF,EAAiB,EAAI,CACvB,EAAG,CAACR,CAAE,CAAC,EAEP,MAAMW,EAAgBC,EAAAA,YAAY,IAAM,CACtCP,EAAe,EAAI,EACnB,aAAa,QAAQ,GAAGL,CAAE,iBAAkB,MAAM,EAClDE,IAAA,CACF,EAAG,CAACF,EAAIE,CAAS,CAAC,EAEZW,EAAgBC,EAAAA,QACpB,KAAO,CACL,GAAAd,EACA,cAAAO,EACA,YAAAH,EACA,YAAAH,EACA,cAAAU,CAAA,GAEF,CAACX,EAAIO,EAAeH,EAAaH,EAAaU,CAAa,CAAA,EAG7D,OACEI,MAAClB,EAAc,SAAd,CAAuB,MAAOgB,EAC5B,SAAAN,EAAgBJ,EAAW,KAC9B,CAEJ,CAEO,SAASa,GAAY,CAC1B,MAAMC,EAAUC,EAAAA,IAAIrB,CAAa,EAEjC,GAAIoB,IAAY,OACd,MAAM,IAAI,MAAM,gDAAgD,EAGlE,OAAOA,CACT,CCtDO,SAASE,EAAW,CAAE,SAAAhB,EAAU,UAAAiB,EAAW,GAAGC,GAA0B,CAC7E,KAAM,CAAE,GAAArB,EAAI,YAAAI,CAAA,EAAgBY,EAAA,EAE5B,OACED,EAAAA,IAAC,MAAA,CACC,UAAWO,EAAAA,GACT,mHACAlB,EAAc,8BAAgC,WAC9CgB,CAAA,EAEF,YAAU,cACV,GAAApB,EACC,GAAGqB,EAEH,SAAAlB,CAAA,CAAA,CAGP,CClBO,SAASoB,EAAc,CAAE,UAAAH,EAAW,SAAAjB,GAAgC,CACzE,OACEY,EAAAA,IAAC,MAAA,CACC,UAAWO,EAAAA,GAAG,oDAAqDF,CAAS,EAC5E,YAAU,iBAET,SAAAjB,CAAA,CAAA,CAGP,CCXO,SAASqB,EAAW,CAAE,SAAArB,EAAU,UAAAiB,EAAW,GAAGC,GAA0B,CAC7E,OACEN,EAAAA,IAAC,MAAA,CACC,UAAWO,EAAAA,GACT,gKACAF,CAAA,EAEF,YAAU,cACT,GAAGC,EAEH,SAAAlB,CAAA,CAAA,CAGP,CCTO,SAASsB,EAAc,CAAE,UAAAL,EAAW,GAAGC,GAA6B,CACzE,KAAM,CAAE,YAAApB,EAAa,cAAAU,CAAA,EAAkBK,EAAA,EAEvC,OAAIf,EAAoB,KAGtBc,EAAAA,IAAC,SAAA,CACC,aAAW,iBACX,UAAWO,EAAAA,GACT,ggBACAF,CAAA,EAEF,YAAU,iBACV,QAAUM,GAAM,CACdA,EAAE,eAAA,EACFf,EAAA,CACF,EACC,GAAGU,EAEJ,eAACM,EAAAA,QAAA,CAAE,oBAAmB,GAAC,KAAM,GAAI,YAAa,GAAA,CAAK,CAAA,CAAA,CAGzD"}
+{"version":3,"file":"banner-dismiss-0uh1GtF1.cjs","sources":["../src/components/banner/primitives/banner-provider.tsx","../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 { ReactNode } from 'react';\n\nexport interface BannerProviderProps {\n  id: string;\n  hideDismiss: boolean;\n  children: ReactNode;\n  onDismiss?: () => void;\n}\n\ninterface BannerContext extends Pick<BannerProviderProps, 'id' | 'hideDismiss'> {\n  isInitialized: boolean;\n  isDismissed: boolean;\n  handleDismiss: () => void;\n}\n\nexport const BannerContext = createContext<BannerContext | undefined>(undefined);\n\nexport function BannerProvider({ id, hideDismiss, onDismiss, children }: BannerProviderProps) {\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      isInitialized,\n      isDismissed,\n      hideDismiss,\n      handleDismiss,\n    }),\n    [id, isInitialized, isDismissed, hideDismiss, handleDismiss],\n  );\n\n  return (\n    <BannerContext.Provider value={contextValues}>\n      {isInitialized ? children : null}\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 BannerProvider');\n  }\n\n  return context;\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useBanner } from '@/components/banner';\nimport { cn } from '@/lib';\n\nexport type BannerRootProps = ComponentProps<'div'>;\n\nexport function BannerRoot({ children, className, ...props }: BannerRootProps) {\n  const { id, isDismissed } = useBanner();\n\n  return (\n    <div\n      className={cn(\n        'overflow-hidden bg-[var(--banner-background,hsl(var(--primary)))] 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  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BannerContentProps = ComponentProps<'div'>;\n\nexport function BannerContent({ className, children }: 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    >\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,hsl(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,hsl(var(--foreground))_50%,transparent))] transition-colors duration-300 hover:bg-[var(--banner-close-background-hover,color-mix(in_oklab,hsl(var(--background))_40%,transparent))] hover:text-[var(--banner-close-icon-hover,hsl(var(--foreground)))] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--banner-focus,hsl(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","BannerProvider","id","hideDismiss","onDismiss","children","isDismissed","setIsDismissed","useState","isInitialized","setIsInitialized","useEffect","hidden","handleDismiss","useCallback","contextValues","useMemo","jsx","useBanner","context","use","BannerRoot","className","props","cn","BannerContent","BannerText","BannerDismiss","e","X"],"mappings":"qIAkBaA,EAAgBC,EAAAA,cAAyC,MAAS,EAExE,SAASC,EAAe,CAAE,GAAAC,EAAI,YAAAC,EAAa,UAAAC,EAAW,SAAAC,GAAiC,CAC5F,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAkB,EAAK,EACvD,CAACC,EAAeC,CAAgB,EAAIF,EAAAA,SAAkB,EAAK,EAEjEG,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAS,aAAa,QAAQ,GAAGV,CAAE,gBAAgB,IAAM,OAE/DK,EAAeK,CAAM,EACrBF,EAAiB,EAAI,CACvB,EAAG,CAACR,CAAE,CAAC,EAEP,MAAMW,EAAgBC,EAAAA,YAAY,IAAM,CACtCP,EAAe,EAAI,EACnB,aAAa,QAAQ,GAAGL,CAAE,iBAAkB,MAAM,EAClDE,IAAA,CACF,EAAG,CAACF,EAAIE,CAAS,CAAC,EAEZW,EAAgBC,EAAAA,QACpB,KAAO,CACL,GAAAd,EACA,cAAAO,EACA,YAAAH,EACA,YAAAH,EACA,cAAAU,CAAA,GAEF,CAACX,EAAIO,EAAeH,EAAaH,EAAaU,CAAa,CAAA,EAG7D,OACEI,MAAClB,EAAc,SAAd,CAAuB,MAAOgB,EAC5B,SAAAN,EAAgBJ,EAAW,KAC9B,CAEJ,CAEO,SAASa,GAAY,CAC1B,MAAMC,EAAUC,EAAAA,IAAIrB,CAAa,EAEjC,GAAIoB,IAAY,OACd,MAAM,IAAI,MAAM,gDAAgD,EAGlE,OAAOA,CACT,CCtDO,SAASE,EAAW,CAAE,SAAAhB,EAAU,UAAAiB,EAAW,GAAGC,GAA0B,CAC7E,KAAM,CAAE,GAAArB,EAAI,YAAAI,CAAA,EAAgBY,EAAA,EAE5B,OACED,EAAAA,IAAC,MAAA,CACC,UAAWO,EAAAA,GACT,mHACAlB,EAAc,8BAAgC,WAC9CgB,CAAA,EAEF,YAAU,cACV,GAAApB,EACC,GAAGqB,EAEH,SAAAlB,CAAA,CAAA,CAGP,CClBO,SAASoB,EAAc,CAAE,UAAAH,EAAW,SAAAjB,GAAgC,CACzE,OACEY,EAAAA,IAAC,MAAA,CACC,UAAWO,EAAAA,GAAG,oDAAqDF,CAAS,EAC5E,YAAU,iBAET,SAAAjB,CAAA,CAAA,CAGP,CCXO,SAASqB,EAAW,CAAE,SAAArB,EAAU,UAAAiB,EAAW,GAAGC,GAA0B,CAC7E,OACEN,EAAAA,IAAC,MAAA,CACC,UAAWO,EAAAA,GACT,gKACAF,CAAA,EAEF,YAAU,cACT,GAAGC,EAEH,SAAAlB,CAAA,CAAA,CAGP,CCTO,SAASsB,EAAc,CAAE,UAAAL,EAAW,GAAGC,GAA6B,CACzE,KAAM,CAAE,YAAApB,EAAa,cAAAU,CAAA,EAAkBK,EAAA,EAEvC,OAAIf,EAAoB,KAGtBc,EAAAA,IAAC,SAAA,CACC,aAAW,iBACX,UAAWO,EAAAA,GACT,ggBACAF,CAAA,EAEF,YAAU,iBACV,QAAUM,GAAM,CACdA,EAAE,eAAA,EACFf,EAAA,CACF,EACC,GAAGU,EAEJ,eAACM,EAAAA,QAAA,CAAE,oBAAmB,GAAC,KAAM,GAAI,YAAa,GAAA,CAAK,CAAA,CAAA,CAGzD"}

package/dist/{banner-dismiss-DTT0uoeG.js → banner-dismiss-B_j9wqx-.js}

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as s } from "./utils-BOGlfttm.js";
+import { c as s } from "./utils-CRiPKpXj.js";
 import { createContext as h, useState as u, useEffect as x, useCallback as g, useMemo as p, use as k } from "react";
 import B from "./x-CyE7A75y.js";
 const d = h(void 0);
@@ -97,4 +97,4 @@ export {
   j as d,
   f as u
 };
-//# sourceMappingURL=banner-dismiss-DTT0uoeG.js.map
+//# sourceMappingURL=banner-dismiss-B_j9wqx-.js.map

package/dist/{banner-dismiss-DTT0uoeG.js.map → banner-dismiss-B_j9wqx-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"banner-dismiss-DTT0uoeG.js","sources":["../src/components/banner/primitives/banner-provider.tsx","../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 { ReactNode } from 'react';\n\nexport interface BannerProviderProps {\n  id: string;\n  hideDismiss: boolean;\n  children: ReactNode;\n  onDismiss?: () => void;\n}\n\ninterface BannerContext extends Pick<BannerProviderProps, 'id' | 'hideDismiss'> {\n  isInitialized: boolean;\n  isDismissed: boolean;\n  handleDismiss: () => void;\n}\n\nexport const BannerContext = createContext<BannerContext | undefined>(undefined);\n\nexport function BannerProvider({ id, hideDismiss, onDismiss, children }: BannerProviderProps) {\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      isInitialized,\n      isDismissed,\n      hideDismiss,\n      handleDismiss,\n    }),\n    [id, isInitialized, isDismissed, hideDismiss, handleDismiss],\n  );\n\n  return (\n    <BannerContext.Provider value={contextValues}>\n      {isInitialized ? children : null}\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 BannerProvider');\n  }\n\n  return context;\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useBanner } from '@/components/banner';\nimport { cn } from '@/lib';\n\nexport type BannerRootProps = ComponentProps<'div'>;\n\nexport function BannerRoot({ children, className, ...props }: BannerRootProps) {\n  const { id, isDismissed } = useBanner();\n\n  return (\n    <div\n      className={cn(\n        'overflow-hidden bg-[var(--banner-background,hsl(var(--primary)))] 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  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BannerContentProps = ComponentProps<'div'>;\n\nexport function BannerContent({ className, children }: 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    >\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,hsl(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,hsl(var(--foreground))_50%,transparent))] transition-colors duration-300 hover:bg-[var(--banner-close-background-hover,color-mix(in_oklab,hsl(var(--background))_40%,transparent))] hover:text-[var(--banner-close-icon-hover,hsl(var(--foreground)))] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--banner-focus,hsl(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","BannerProvider","id","hideDismiss","onDismiss","children","isDismissed","setIsDismissed","useState","isInitialized","setIsInitialized","useEffect","hidden","handleDismiss","useCallback","contextValues","useMemo","jsx","useBanner","context","use","BannerRoot","className","props","cn","BannerContent","BannerText","BannerDismiss","e","X"],"mappings":";;;;AAkBO,MAAMA,IAAgBC,EAAyC,MAAS;AAExE,SAASC,EAAe,EAAE,IAAAC,GAAI,aAAAC,GAAa,WAAAC,GAAW,UAAAC,KAAiC;AAC5F,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAkB,EAAK,GACvD,CAACC,GAAeC,CAAgB,IAAIF,EAAkB,EAAK;AAEjE,EAAAG,EAAU,MAAM;AACd,UAAMC,IAAS,aAAa,QAAQ,GAAGV,CAAE,gBAAgB,MAAM;AAE/D,IAAAK,EAAeK,CAAM,GACrBF,EAAiB,EAAI;AAAA,EACvB,GAAG,CAACR,CAAE,CAAC;AAEP,QAAMW,IAAgBC,EAAY,MAAM;AACtC,IAAAP,EAAe,EAAI,GACnB,aAAa,QAAQ,GAAGL,CAAE,kBAAkB,MAAM,GAClDE,IAAA;AAAA,EACF,GAAG,CAACF,GAAIE,CAAS,CAAC,GAEZW,IAAgBC;AAAA,IACpB,OAAO;AAAA,MACL,IAAAd;AAAA,MACA,eAAAO;AAAA,MACA,aAAAH;AAAA,MACA,aAAAH;AAAA,MACA,eAAAU;AAAA,IAAA;AAAA,IAEF,CAACX,GAAIO,GAAeH,GAAaH,GAAaU,CAAa;AAAA,EAAA;AAG7D,SACE,gBAAAI,EAAClB,EAAc,UAAd,EAAuB,OAAOgB,GAC5B,UAAAN,IAAgBJ,IAAW,MAC9B;AAEJ;AAEO,SAASa,IAAY;AAC1B,QAAMC,IAAUC,EAAIrB,CAAa;AAEjC,MAAIoB,MAAY;AACd,UAAM,IAAI,MAAM,gDAAgD;AAGlE,SAAOA;AACT;ACtDO,SAASE,EAAW,EAAE,UAAAhB,GAAU,WAAAiB,GAAW,GAAGC,KAA0B;AAC7E,QAAM,EAAE,IAAArB,GAAI,aAAAI,EAAA,IAAgBY,EAAA;AAE5B,SACE,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWO;AAAA,QACT;AAAA,QACAlB,IAAc,gCAAgC;AAAA,QAC9CgB;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACV,IAAApB;AAAA,MACC,GAAGqB;AAAA,MAEH,UAAAlB;AAAA,IAAA;AAAA,EAAA;AAGP;AClBO,SAASoB,EAAc,EAAE,WAAAH,GAAW,UAAAjB,KAAgC;AACzE,SACE,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWO,EAAG,qDAAqDF,CAAS;AAAA,MAC5E,aAAU;AAAA,MAET,UAAAjB;AAAA,IAAA;AAAA,EAAA;AAGP;ACXO,SAASqB,EAAW,EAAE,UAAArB,GAAU,WAAAiB,GAAW,GAAGC,KAA0B;AAC7E,SACE,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWO;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAlB;AAAA,IAAA;AAAA,EAAA;AAGP;ACTO,SAASsB,EAAc,EAAE,WAAAL,GAAW,GAAGC,KAA6B;AACzE,QAAM,EAAE,aAAApB,GAAa,eAAAU,EAAA,IAAkBK,EAAA;AAEvC,SAAIf,IAAoB,OAGtB,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAWO;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACV,SAAS,CAACM,MAAM;AACd,QAAAA,EAAE,eAAA,GACFf,EAAA;AAAA,MACF;AAAA,MACC,GAAGU;AAAA,MAEJ,4BAACM,GAAA,EAAE,qBAAmB,IAAC,MAAM,IAAI,aAAa,IAAA,CAAK;AAAA,IAAA;AAAA,EAAA;AAGzD;"}
+{"version":3,"file":"banner-dismiss-B_j9wqx-.js","sources":["../src/components/banner/primitives/banner-provider.tsx","../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 { ReactNode } from 'react';\n\nexport interface BannerProviderProps {\n  id: string;\n  hideDismiss: boolean;\n  children: ReactNode;\n  onDismiss?: () => void;\n}\n\ninterface BannerContext extends Pick<BannerProviderProps, 'id' | 'hideDismiss'> {\n  isInitialized: boolean;\n  isDismissed: boolean;\n  handleDismiss: () => void;\n}\n\nexport const BannerContext = createContext<BannerContext | undefined>(undefined);\n\nexport function BannerProvider({ id, hideDismiss, onDismiss, children }: BannerProviderProps) {\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      isInitialized,\n      isDismissed,\n      hideDismiss,\n      handleDismiss,\n    }),\n    [id, isInitialized, isDismissed, hideDismiss, handleDismiss],\n  );\n\n  return (\n    <BannerContext.Provider value={contextValues}>\n      {isInitialized ? children : null}\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 BannerProvider');\n  }\n\n  return context;\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useBanner } from '@/components/banner';\nimport { cn } from '@/lib';\n\nexport type BannerRootProps = ComponentProps<'div'>;\n\nexport function BannerRoot({ children, className, ...props }: BannerRootProps) {\n  const { id, isDismissed } = useBanner();\n\n  return (\n    <div\n      className={cn(\n        'overflow-hidden bg-[var(--banner-background,hsl(var(--primary)))] 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  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type BannerContentProps = ComponentProps<'div'>;\n\nexport function BannerContent({ className, children }: 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    >\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,hsl(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,hsl(var(--foreground))_50%,transparent))] transition-colors duration-300 hover:bg-[var(--banner-close-background-hover,color-mix(in_oklab,hsl(var(--background))_40%,transparent))] hover:text-[var(--banner-close-icon-hover,hsl(var(--foreground)))] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--banner-focus,hsl(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","BannerProvider","id","hideDismiss","onDismiss","children","isDismissed","setIsDismissed","useState","isInitialized","setIsInitialized","useEffect","hidden","handleDismiss","useCallback","contextValues","useMemo","jsx","useBanner","context","use","BannerRoot","className","props","cn","BannerContent","BannerText","BannerDismiss","e","X"],"mappings":";;;;AAkBO,MAAMA,IAAgBC,EAAyC,MAAS;AAExE,SAASC,EAAe,EAAE,IAAAC,GAAI,aAAAC,GAAa,WAAAC,GAAW,UAAAC,KAAiC;AAC5F,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAkB,EAAK,GACvD,CAACC,GAAeC,CAAgB,IAAIF,EAAkB,EAAK;AAEjE,EAAAG,EAAU,MAAM;AACd,UAAMC,IAAS,aAAa,QAAQ,GAAGV,CAAE,gBAAgB,MAAM;AAE/D,IAAAK,EAAeK,CAAM,GACrBF,EAAiB,EAAI;AAAA,EACvB,GAAG,CAACR,CAAE,CAAC;AAEP,QAAMW,IAAgBC,EAAY,MAAM;AACtC,IAAAP,EAAe,EAAI,GACnB,aAAa,QAAQ,GAAGL,CAAE,kBAAkB,MAAM,GAClDE,IAAA;AAAA,EACF,GAAG,CAACF,GAAIE,CAAS,CAAC,GAEZW,IAAgBC;AAAA,IACpB,OAAO;AAAA,MACL,IAAAd;AAAA,MACA,eAAAO;AAAA,MACA,aAAAH;AAAA,MACA,aAAAH;AAAA,MACA,eAAAU;AAAA,IAAA;AAAA,IAEF,CAACX,GAAIO,GAAeH,GAAaH,GAAaU,CAAa;AAAA,EAAA;AAG7D,SACE,gBAAAI,EAAClB,EAAc,UAAd,EAAuB,OAAOgB,GAC5B,UAAAN,IAAgBJ,IAAW,MAC9B;AAEJ;AAEO,SAASa,IAAY;AAC1B,QAAMC,IAAUC,EAAIrB,CAAa;AAEjC,MAAIoB,MAAY;AACd,UAAM,IAAI,MAAM,gDAAgD;AAGlE,SAAOA;AACT;ACtDO,SAASE,EAAW,EAAE,UAAAhB,GAAU,WAAAiB,GAAW,GAAGC,KAA0B;AAC7E,QAAM,EAAE,IAAArB,GAAI,aAAAI,EAAA,IAAgBY,EAAA;AAE5B,SACE,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWO;AAAA,QACT;AAAA,QACAlB,IAAc,gCAAgC;AAAA,QAC9CgB;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACV,IAAApB;AAAA,MACC,GAAGqB;AAAA,MAEH,UAAAlB;AAAA,IAAA;AAAA,EAAA;AAGP;AClBO,SAASoB,EAAc,EAAE,WAAAH,GAAW,UAAAjB,KAAgC;AACzE,SACE,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWO,EAAG,qDAAqDF,CAAS;AAAA,MAC5E,aAAU;AAAA,MAET,UAAAjB;AAAA,IAAA;AAAA,EAAA;AAGP;ACXO,SAASqB,EAAW,EAAE,UAAArB,GAAU,WAAAiB,GAAW,GAAGC,KAA0B;AAC7E,SACE,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWO;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGC;AAAA,MAEH,UAAAlB;AAAA,IAAA;AAAA,EAAA;AAGP;ACTO,SAASsB,EAAc,EAAE,WAAAL,GAAW,GAAGC,KAA6B;AACzE,QAAM,EAAE,aAAApB,GAAa,eAAAU,EAAA,IAAkBK,EAAA;AAEvC,SAAIf,IAAoB,OAGtB,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAWO;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACV,SAAS,CAACM,MAAM;AACd,QAAAA,EAAE,eAAA,GACFf,EAAA;AAAA,MACF;AAAA,MACC,GAAGU;AAAA,MAEJ,4BAACM,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-DfFezmDg.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-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;
 //# sourceMappingURL=banner.cjs.map

package/dist/banner.js

@@ -1,4 +1,4 @@
-import { b as e, d as o, B as r, a as t, c as n, u as i } from "./banner-dismiss-DTT0uoeG.js";
+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";
 export {
   e as Content,
   o as Dismiss,

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

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),s=require("./utils-DoxiiusW.cjs"),e=require("./index-DGaxX11V.cjs");function d({as:o,className:t,children:a,aspectRatio:l="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":l,"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,hsl(var(--foreground))_30%,transparent)] group-hover: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,hsl(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 l=t?e.Slot:"img";return r.jsx(l,{className:s.cn("h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-110",o),"data-slot":"blog-post-card-image",...a})}function p({asChild:o=!1,className:t,...a}){const l=o?e.Slot:"a";return r.jsx(l,{className:s.cn("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",t),"data-slot":"blog-post-card-link",...a})}function m({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,hsl(var(--foreground)))]",o),"data-slot":"blog-post-card-title",...a,children:t})}function f({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,hsl(var(--contrast-400)))]",o),"data-slot":"blog-post-card-content",...a,children:t})}function b({children:o,className:t,...a}){return r.jsx("div",{className:s.cn("mt-3 text-sm text-[var(--blog-post-card-author-date-text,hsl(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,dateTime:t,...a,"data-slot":"blog-post-card-date",children:new Date(t).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"})})}function v({className:o,children:t,...a}){return r.jsxs(r.Fragment,{children:[r.jsx("span",{className:s.cn("after:mx-2 after:content-['•']",o),"data-slot":"blog-post-card-author",...a}),r.jsx("span",{children:t})]})}exports.BlogPostCardAuthor=v;exports.BlogPostCardContent=f;exports.BlogPostCardDate=x;exports.BlogPostCardDetails=b;exports.BlogPostCardFallback=i;exports.BlogPostCardImage=u;exports.BlogPostCardLink=p;exports.BlogPostCardRoot=d;exports.BlogPostCardThumbnail=g;exports.BlogPostCardTitle=m;
+//# sourceMappingURL=blog-post-card-author-CBXo2FqS.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"blog-post-card-author-CBXo2FqS.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,hsl(var(--foreground))_30%,transparent)] group-hover: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,hsl(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 group-hover: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 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--blog-post-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4',\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,hsl(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,hsl(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,hsl(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} dateTime={children} {...props} data-slot=\"blog-post-card-date\">\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    <>\n      <span\n        className={cn(\"after:mx-2 after:content-['•']\", className)}\n        data-slot=\"blog-post-card-author\"\n        {...props}\n      />\n      <span>{children}</span>\n    </>\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","jsxs","Fragment"],"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,qMACAN,CAAA,EAEF,YAAU,0BACT,GAAGG,EAEH,SAAAF,CAAA,CAAA,CAGP,CCbO,SAASO,EAAsB,CACpC,UAAAR,EACA,SAAAC,EACA,GAAGE,CACL,EAA+B,CAC7B,OACEE,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,mHACA,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,8FACAN,CAAA,EAEF,YAAU,uBACT,GAAGG,CAAA,CAAA,CAGV,CCjBO,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,uLACAN,CAAA,EAEF,YAAU,sBACT,GAAGG,CAAA,CAAA,CAGV,CChBO,SAASW,EAAkB,CAAE,UAAAd,EAAW,SAAAC,EAAU,GAAGE,GAAiC,CAC3F,OACEE,EAAAA,IAAC,KAAA,CACC,UAAWC,EAAAA,GACT,uGACAN,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,6GACAN,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,oFACAN,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,SAAUC,EAAW,GAAGE,EAAO,YAAU,sBAClE,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,OACEgB,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAf,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,GAAG,iCAAkCN,CAAS,EACzD,YAAU,wBACT,GAAGG,CAAA,CAAA,EAENE,MAAC,QAAM,SAAAJ,CAAA,CAAS,CAAA,EAClB,CAEJ"}

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

@@ -1,21 +1,23 @@
-import { jsx as r, jsxs as l, Fragment as c } from "react/jsx-runtime";
-import { c as s } from "./utils-BOGlfttm.js";
-import { S as n } from "./index-DD8W7cMj.js";
+import { jsx as r, jsxs as c, Fragment as d } from "react/jsx-runtime";
+import { c as s } from "./utils-CRiPKpXj.js";
+import { S as l } from "./index-DD8W7cMj.js";
 function m({
   as: o,
   className: t,
   children: a,
-  ...e
+  aspectRatio: e = "4/3",
+  ...n
 }) {
   return /* @__PURE__ */ r(
     o ?? "article",
     {
       className: s(
-        "group relative w-full max-w-md @container [font-family:var(--blog-post-card-font-family,var(--font-family-body))]",
+        "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",
-      ...e,
+      ...n,
       children: a
     }
   );
@@ -34,7 +36,7 @@ function f({ children: o, className: t, ...a }) {
     }
   );
 }
-function p({
+function b({
   className: o,
   children: t,
   ...a
@@ -43,7 +45,11 @@ function p({
     "div",
     {
       className: s(
-        "relative aspect-[4/3] w-full overflow-hidden rounded-2xl bg-[var(--blog-post-card-image-background,hsl(var(--contrast-100)))]",
+        "relative w-full overflow-hidden rounded-2xl bg-[var(--blog-post-card-image-background,hsl(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",
@@ -52,13 +58,13 @@ function p({
     }
   );
 }
-function b({
+function v({
   className: o,
   asChild: t = !1,
   ...a
 }) {
   return /* @__PURE__ */ r(
-    t ? n : "img",
+    t ? l : "img",
     {
       className: s(
         "h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-110",
@@ -69,9 +75,9 @@ function b({
     }
   );
 }
-function v({ asChild: o = !1, className: t, ...a }) {
+function h({ asChild: o = !1, className: t, ...a }) {
   return /* @__PURE__ */ r(
-    o ? n : "a",
+    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",
@@ -82,12 +88,12 @@ function v({ asChild: o = !1, className: t, ...a }) {
     }
   );
 }
-function h({ className: o, children: t, ...a }) {
+function x({ className: o, children: t, ...a }) {
   return /* @__PURE__ */ r(
     "h5",
     {
       className: s(
-        "mt-4 text-lg font-medium leading-snug text-[var(--blog-post-card-title-text,hsl(var(--foreground)))]",
+        "mt-4 text-lg font-normal leading-snug text-[var(--blog-post-card-title-text,hsl(var(--foreground)))]",
         o
       ),
       "data-slot": "blog-post-card-title",
@@ -96,7 +102,7 @@ function h({ className: o, children: t, ...a }) {
     }
   );
 }
-function x({ className: o, children: t, ...a }) {
+function C({ className: o, children: t, ...a }) {
   return /* @__PURE__ */ r(
     "p",
     {
@@ -110,7 +116,7 @@ function x({ className: o, children: t, ...a }) {
     }
   );
 }
-function C({ children: o, className: t, ...a }) {
+function B({ children: o, className: t, ...a }) {
   return /* @__PURE__ */ r(
     "div",
     {
@@ -124,15 +130,15 @@ function C({ children: o, className: t, ...a }) {
     }
   );
 }
-function B({ className: o, children: 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", {
     year: "numeric",
     month: "long",
     day: "numeric"
   }) });
 }
-function P({ className: o, children: t, ...a }) {
-  return /* @__PURE__ */ l(c, { children: [
+function N({ className: o, children: t, ...a }) {
+  return /* @__PURE__ */ c(d, { children: [
     /* @__PURE__ */ r(
       "span",
       {
@@ -147,13 +153,13 @@ function P({ className: o, children: t, ...a }) {
 export {
   m as B,
   f as a,
-  p as b,
-  b as c,
-  v as d,
-  h as e,
-  x as f,
-  C as g,
-  B as h,
-  P as i
+  b,
+  v as c,
+  h as d,
+  x as e,
+  C as f,
+  B as g,
+  P as h,
+  N as i
 };
-//# sourceMappingURL=blog-post-card-author-CD_eplIv.js.map
+//# sourceMappingURL=blog-post-card-author-VkGle9g8.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"blog-post-card-author-VkGle9g8.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,hsl(var(--foreground))_30%,transparent)] group-hover: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,hsl(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 group-hover: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 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--blog-post-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4',\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,hsl(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,hsl(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,hsl(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} dateTime={children} {...props} data-slot=\"blog-post-card-date\">\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    <>\n      <span\n        className={cn(\"after:mx-2 after:content-['•']\", className)}\n        data-slot=\"blog-post-card-author\"\n        {...props}\n      />\n      <span>{children}</span>\n    </>\n  );\n}\n"],"names":["BlogPostCardRoot","as","className","children","aspectRatio","props","jsx","cn","BlogPostCardFallback","BlogPostCardThumbnail","BlogPostCardImage","asChild","Slot","BlogPostCardLink","BlogPostCardTitle","BlogPostCardContent","BlogPostCardDetails","BlogPostCardDate","BlogPostCardAuthor","jsxs","Fragment"],"mappings":"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"}

package/dist/blog-post-card.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./blog-post-card-author-D4zo7N_N.cjs"),t=require("react/jsx-runtime"),s=require("./utils-LBH114_M.cjs"),n=require("./skeleton-box-yQLivCqg.cjs"),o=require("./skeleton-text-CLzoDFvz.cjs");function c({className:a,aspectRatio:l="4:3",...r}){return t.jsxs("div",{className:s.cn("w-full max-w-md @container",a),...r,children:[t.jsx(n.SkeletonBox,{className:s.cn("mb-4 w-full rounded-2xl",{"5:6":"aspect-[5/6]","3:4":"aspect-[3/4]","4:3":"aspect-[4/3]","1:1":"aspect-square"}[l])}),t.jsx(o.SkeletonText,{characterCount:25,className:"mt-4 rounded text-lg"}),t.jsxs("div",{className:"mt-1.5",children:[t.jsx(o.SkeletonText,{characterCount:"full",className:"rounded text-sm"}),t.jsx(o.SkeletonText,{characterCount:"full",className:"rounded text-sm"}),t.jsx(o.SkeletonText,{characterCount:15,className:"rounded text-sm"})]}),t.jsx(o.SkeletonText,{characterCount:10,className:"mt-3 rounded text-sm"})]})}exports.Author=e.BlogPostCardAuthor;exports.Content=e.BlogPostCardContent;exports.Date=e.BlogPostCardDate;exports.Details=e.BlogPostCardDetails;exports.Fallback=e.BlogPostCardFallback;exports.Image=e.BlogPostCardImage;exports.Link=e.BlogPostCardLink;exports.Root=e.BlogPostCardRoot;exports.Thumbnail=e.BlogPostCardThumbnail;exports.Title=e.BlogPostCardTitle;exports.Skeleton=c;
+"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;
 //# 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  aspectRatio?: '5:6' | '3:4' | '4:3' | '1:1';\n};\n\nexport function BlogPostCardSkeleton({\n  className,\n  aspectRatio = '4:3',\n  ...props\n}: 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          {\n            '5:6': 'aspect-[5/6]',\n            '3:4': 'aspect-[3/4]',\n            '4:3': 'aspect-[4/3]',\n            '1:1': 'aspect-square',\n          }[aspectRatio],\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","aspectRatio","props","jsxs","cn","jsx","SkeletonPrimitive.Box","SkeletonPrimitive.Text"],"mappings":"4RASO,SAASA,EAAqB,CACnC,UAAAC,EACA,YAAAC,EAAc,MACd,GAAGC,CACL,EAA8B,CAC5B,OACEC,EAAAA,KAAC,OAAI,UAAWC,EAAAA,GAAG,6BAA8BJ,CAAS,EAAI,GAAGE,EAC/D,SAAA,CAAAG,EAAAA,IAACC,EAAAA,YAAA,CACC,UAAWF,EAAAA,GACT,0BACA,CACE,MAAO,eACP,MAAO,eACP,MAAO,eACP,MAAO,eAAA,EACPH,CAAW,CAAA,CACf,CAAA,QAEDM,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 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"}