react-marketing-ui 0.0.3 → 0.0.5

package/dist/accordion.js

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 
 var accordion = require('@base-ui/react/accordion');
@@ -5,7 +6,6 @@ var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/accordion.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }

package/dist/accordion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/utils.ts","../src/components/accordion.tsx"],"names":["twMerge","clsx","jsx","BaseAccordion","jsxs"],"mappings":"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","file":"accordion.js","sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport type { CSSProperties } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\n/**\n * A style object that may carry CSS custom properties (CSS variables)\n * such as `--duration`. React's `CSSProperties` intentionally drops\n * its index signature, so custom properties are not accepted without help.\n */\nexport type CSSPropertiesWithVars = CSSProperties & Record<`--${string}`, string | number>;\n\n/**\n * Builds a {@link CSSProperties} value that also allows CSS custom properties,\n * so `style` props can be written without an `as React.CSSProperties` cast while\n * still type-checking both the known style keys and the custom-property values.\n *\n * @example\n * <div style={validCssVars({ '--duration': '0.35s', color: 'red' })} />\n */\nexport function validCssVars(style: CSSPropertiesWithVars): CSSProperties {\n  return style;\n}\n\n/**\n * Narrows a union to the member(s) that declare `key` — a type-guard\n * replacement for the `in` operator's discriminated-union narrowing.\n */\nexport function hasKey<K extends PropertyKey>(key: K, obj: unknown): obj is Record<K, unknown> {\n  return obj !== null && typeof obj === 'object' && Object.hasOwn(obj, key);\n}\n\nexport function noop(): void {\n  // intentional no-op\n}\n","import { Accordion as BaseAccordion } from '@base-ui/react/accordion';\nimport type * as React from 'react';\nimport { cn } from '../lib/utils.js';\n\ntype AccordionVariant =\n  | 'default'\n  | 'split'\n  | 'outline'\n  | 'nested'\n  | 'isolated-bordered'\n  | 'isolated-filled'\n  | 'isolated-filled-bordered';\n\nfunction Accordion({\n  className,\n  multiple = false,\n  variant = 'default',\n  ...props\n}: BaseAccordion.Root.Props & { variant?: AccordionVariant }) {\n  return (\n    <BaseAccordion.Root\n      data-slot=\"accordion\"\n      data-variant={variant}\n      multiple={multiple}\n      className={cn(\n        'group flex w-full flex-col',\n        variant === 'split' && 'space-y-2',\n        variant === 'outline' && 'overflow-hidden rounded-lg border bg-(--surface)',\n        variant === 'nested' && 'rounded-lg border bg-muted p-1',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionItem({ className, ...props }: BaseAccordion.Item.Props) {\n  return (\n    <BaseAccordion.Item\n      data-slot=\"accordion-item\"\n      className={cn(\n        'transition-[margin,border-radius,border] duration-250 ease-out-expo',\n        // Default variant styles\n        'group-data-[variant=default]:border-(--border) group-data-[variant=default]:border-b group-data-[variant=default]:last:border-b-0',\n        // Split variant styles (individual cards)\n        'group-data-[variant=split]:overflow-hidden group-data-[variant=split]:rounded-lg group-data-[variant=split]:border group-data-[variant=split]:border-(--border) group-data-[variant=split]:bg-(--surface)',\n        // Outline variant styles (items within single card)\n        'group-data-[variant=outline]:border-(--border) group-data-[variant=outline]:border-b group-data-[variant=outline]:last:border-b-0',\n        // Nested variant styles - items within the single outer card\n        'group-data-[variant=nested]:mt-0.5 group-data-[variant=nested]:first:mt-0',\n        // Isolated bordered variant styles - dynamically separates open items from closed ones\n        // Base styles: all items have borders and background to look like cards\n        'group-data-[variant=isolated-bordered]:overflow-hidden group-data-[variant=isolated-bordered]:border group-data-[variant=isolated-bordered]:border-(--border) group-data-[variant=isolated-bordered]:bg-(--surface)',\n        // Closed items: group together by overlapping borders with negative margin\n        // Only apply to closed items that follow another closed item (not open items, first item, or items after open items)\n        'group-data-[variant=isolated-bordered]:relative group-data-[variant=isolated-bordered]:not-first:not-data-open:not-[[data-open]+&]:-mt-px',\n        // Opened item - separated with margins\n        'group-data-[variant=isolated-bordered]:data-open:mt-2 group-data-[variant=isolated-bordered]:data-open:mb-2 group-data-[variant=isolated-bordered]:data-open:rounded-lg',\n        // First item\n        'group-data-[variant=isolated-bordered]:first:rounded-t-lg group-data-[variant=isolated-bordered]:data-open:first:mt-0',\n        // Last item\n        'group-data-[variant=isolated-bordered]:last:rounded-b-lg group-data-[variant=isolated-bordered]:data-open:last:mb-0',\n        // Item after open item: round top corners (start of new group)\n        'group-data-[variant=isolated-bordered]:[[data-open]+&]:rounded-t-lg',\n        // Item before open item: round bottom corners (end of group)\n        'group-data-[variant=isolated-bordered]:[&:has(+_[data-open])]:rounded-b-lg',\n        // Isolated filled variant\n        'group-data-[variant=isolated-filled]:overflow-hidden group-data-[variant=isolated-filled]:bg-muted',\n        // Opened item - separated with margins and rounded\n        'group-data-[variant=isolated-filled]:data-open:my-2 group-data-[variant=isolated-filled]:data-open:rounded-lg',\n        // First item\n        'group-data-[variant=isolated-filled]:first:rounded-t-lg group-data-[variant=isolated-filled]:data-open:first:mt-0',\n        // Last item\n        'group-data-[variant=isolated-filled]:last:rounded-b-lg group-data-[variant=isolated-filled]:data-open:last:mb-0',\n        // Item after open item: round top corners (start of new group)\n        'group-data-[variant=isolated-filled]:[[data-open]+&]:rounded-t-lg',\n        // Item before open item: round bottom corners (end of group)\n        'group-data-[variant=isolated-filled]:[&:has(+_[data-open])]:rounded-b-lg',\n        // Isolated filled bordered variant - filled background with borders between closed items\n        'group-data-[variant=isolated-filled-bordered]:overflow-hidden group-data-[variant=isolated-filled-bordered]:bg-muted',\n        // All items except last have border-bottom to prevent layout shift, default to visible border\n        'group-data-[variant=isolated-filled-bordered]:not-last:border-(--border) group-data-[variant=isolated-filled-bordered]:not-last:border-b',\n        // Make border transparent (invisible) for: items before open items, and open items themselves\n        'group-data-[variant=isolated-filled-bordered]:[&:has(+_[data-open])]:border-transparent',\n        'group-data-[variant=isolated-filled-bordered]:data-open:border-transparent',\n        // Opened item - separated with margins and rounded\n        'group-data-[variant=isolated-filled-bordered]:data-open:my-2 group-data-[variant=isolated-filled-bordered]:data-open:rounded-lg',\n        // First item\n        'group-data-[variant=isolated-filled-bordered]:first:rounded-t-lg group-data-[variant=isolated-filled-bordered]:data-open:first:mt-0',\n        // Last item\n        'group-data-[variant=isolated-filled-bordered]:last:rounded-b-lg group-data-[variant=isolated-filled-bordered]:data-open:last:mb-0',\n        // Item after open item: round top corners (start of new group)\n        'group-data-[variant=isolated-filled-bordered]:[[data-open]+&]:rounded-t-lg',\n        // Item before open item: round bottom corners (end of group)\n        'group-data-[variant=isolated-filled-bordered]:[&:has(+_[data-open])]:rounded-b-lg',\n\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionHeader({ className, ...props }: BaseAccordion.Header.Props) {\n  return (\n    <BaseAccordion.Header\n      data-slot=\"accordion-header\"\n      // `not-prose` guards the trigger from document typography when the\n      // accordion is rendered inside a prose/markdown container (e.g. MDX docs),\n      // which would otherwise style this heading with large margins and an\n      // inflated line-height. Inert outside a prose context.\n      className={cn('not-prose', className)}\n      {...props}\n    />\n  );\n}\n\ninterface AccordionTriggerProps extends BaseAccordion.Trigger.Props {\n  showIndicator?: boolean;\n  indicatorType?: 'chevron' | 'plus';\n  indicatorPosition?: 'start' | 'end';\n  /** Colour class applied to the indicator glyph, e.g. `text-(--accent-brand)`. Defaults to muted-foreground. */\n  indicatorColor?: string;\n  icon?: React.ReactNode;\n  subtitle?: React.ReactNode;\n}\n\nfunction AccordionTrigger({\n  children,\n  className,\n  showIndicator = true,\n  indicatorType = 'plus',\n  indicatorPosition = 'end',\n  indicatorColor,\n  icon,\n  subtitle,\n  ...props\n}: AccordionTriggerProps) {\n  const hasStartIndicator = showIndicator && indicatorPosition === 'start';\n  const hasEndIndicator = showIndicator && indicatorPosition === 'end';\n\n  const renderIndicator = () => {\n    if (!showIndicator) return null;\n\n    const indicatorClassName = cn('size-4 shrink-0 transition-transform duration-200 ease-out-expo', indicatorColor);\n\n    const indicatorIcon =\n      indicatorType === 'chevron' ? (\n        <ChevronDownIcon data-slot=\"accordion-indicator\" className={indicatorClassName} />\n      ) : (\n        <PlusIcon data-slot=\"accordion-indicator\" className={indicatorClassName} />\n      );\n\n    return (\n      <span className=\"shrink-0 text-muted-foreground\" aria-hidden=\"true\">\n        {indicatorIcon}\n      </span>\n    );\n  };\n\n  return (\n    <AccordionHeader>\n      <BaseAccordion.Trigger\n        data-slot=\"accordion-trigger\"\n        data-has-icon={hasStartIndicator ? 'true' : undefined}\n        className={cn(\n          'group/trigger flex w-full cursor-pointer items-center justify-between gap-3 py-5 px-3.5 text-left font-medium text-sm outline-none disabled:pointer-events-none disabled:opacity-60',\n          // Default variant styles\n          'group-data-[variant=default]:px-0',\n          // Split variant styles\n          'group-data-[variant=split]:rounded-t-lg',\n          // Nested variant styles - trigger with subtle interaction\n          'group-data-[variant=nested]:rounded-sm group-data-[variant=nested]:px-3 group-data-[variant=nested]:py-2.5 group-data-[variant=nested]:hover:bg-background group-data-[variant=nested]:dark:hover:bg-background/50',\n          // Indicator rotation animations\n          indicatorType === 'chevron' && '[&[data-panel-open]_[data-slot=accordion-indicator]]:rotate-180',\n          indicatorType === 'plus' && '[&[data-panel-open]_[data-slot=accordion-indicator]]:rotate-90',\n          className,\n        )}\n        {...props}\n      >\n        {hasStartIndicator ? renderIndicator() : null}\n\n        {/* icon prop — only rendered when indicator is at end position */}\n        {icon && !hasStartIndicator && (\n          <span className=\"shrink-0 text-muted-foreground\" aria-hidden=\"true\">\n            {icon}\n          </span>\n        )}\n\n        <div className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n          <span className=\"underline-offset-2 group-hover/trigger:underline\">{children}</span>\n          {subtitle ? <span className=\"text-muted-foreground text-sm no-underline\">{subtitle}</span> : null}\n        </div>\n\n        {hasEndIndicator ? renderIndicator() : null}\n      </BaseAccordion.Trigger>\n    </AccordionHeader>\n  );\n}\n\nfunction AccordionContent({ children, className, ...props }: BaseAccordion.Panel.Props) {\n  return (\n    <BaseAccordion.Panel\n      data-slot=\"accordion-content\"\n      className={cn(\n        'h-(--accordion-panel-height) overflow-hidden text-sm transition-[height,opacity] duration-250 ease-out-expo data-ending-style:h-0 data-starting-style:h-0 data-ending-style:opacity-0 data-starting-style:opacity-0',\n      )}\n      {...props}\n    >\n      <div\n        className={cn(\n          'p-3.5 text-muted-foreground',\n          'group-data-[variant=default]:px-0 group-data-[variant=default]:pt-0',\n          'group-data-[variant=split]:pt-0',\n          'group-data-[variant=outline]:pt-0',\n          // Nested variant\n          'group-data-[variant=nested]:mt-1 group-data-[variant=nested]:mb-0.5 group-data-[variant=nested]:rounded-sm group-data-[variant=nested]:border group-data-[variant=nested]:bg-background group-data-[variant=nested]:p-3 group-data-[variant=nested]:[[data-slot=accordion-item]:last-child_&]:mb-0',\n          // Isolated bordered variant\n          'group-data-[variant=isolated-bordered]:pt-0',\n          // Isolated filled variant\n          'group-data-[variant=isolated-filled]:pt-0',\n          // Isolated filled bordered variant\n          'group-data-[variant=isolated-filled-bordered]:pt-0',\n          // Icon alignment - add left padding when parent item contains a trigger with icon\n          '[[data-slot=accordion-item]:has([data-has-icon])_&]:pl-[calc(1rem+0.75rem)]',\n          '[[data-slot=accordion-item]:has([data-has-icon])_&]:group-data-[variant=default]:pl-[calc(1rem+0.75rem)]',\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </BaseAccordion.Panel>\n  );\n}\n\nfunction PlusIcon(props: React.ComponentProps<'svg'>) {\n  return (\n    <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      {/* Horizontal bar - fades out when accordion opens */}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M2.75 12C2.75 11.3096 3.30964 10.75 4 10.75H20C20.6904 10.75 21.25 11.3096 21.25 12C21.25 12.6904 20.6904 13.25 20 13.25H4C3.30964 13.25 2.75 12.6904 2.75 12Z\"\n        fill=\"currentColor\"\n        className=\"in-data-panel-open:opacity-0 transition-opacity duration-200 ease-out-expo\"\n      />\n      {/* Vertical bar - remains visible (becomes horizontal after 90° rotation) */}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12 2.75C12.6904 2.75 13.25 3.30964 13.25 4V20C13.25 20.6904 12.6904 21.25 12 21.25C11.3096 21.25 10.75 20.6904 10.75 20V4C10.75 3.30964 11.3096 2.75 12 2.75Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n\n/** Inline replacement for the site's `@iconify-icons/mingcute/down-line` glyph. */\nfunction ChevronDownIcon(props: React.ComponentProps<'svg'>) {\n  return (\n    <svg aria-hidden=\"true\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" {...props}>\n      <path d=\"M1 3.5L5 7.5L9 3.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n    </svg>\n  );\n}\n\nexport { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger };\n"]}
+{"version":3,"sources":["../src/lib/utils.ts","../src/components/accordion.tsx"],"names":["twMerge","clsx","jsx","BaseAccordion","jsxs"],"mappings":"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","file":"accordion.js","sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport type { CSSProperties } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\n/**\n * A style object that may carry CSS custom properties (CSS variables)\n * such as `--duration`. React's `CSSProperties` intentionally drops\n * its index signature, so custom properties are not accepted without help.\n */\nexport type CSSPropertiesWithVars = CSSProperties & Record<`--${string}`, string | number>;\n\n/**\n * Builds a {@link CSSProperties} value that also allows CSS custom properties,\n * so `style` props can be written without an `as React.CSSProperties` cast while\n * still type-checking both the known style keys and the custom-property values.\n *\n * @example\n * <div style={validCssVars({ '--duration': '0.35s', color: 'red' })} />\n */\nexport function validCssVars(style: CSSPropertiesWithVars): CSSProperties {\n  return style;\n}\n\n/**\n * Narrows a union to the member(s) that declare `key` — a type-guard\n * replacement for the `in` operator's discriminated-union narrowing.\n */\nexport function hasKey<K extends PropertyKey>(key: K, obj: unknown): obj is Record<K, unknown> {\n  return obj !== null && typeof obj === 'object' && Object.hasOwn(obj, key);\n}\n\nexport function noop(): void {\n  // intentional no-op\n}\n","import { Accordion as BaseAccordion } from '@base-ui/react/accordion';\nimport type * as React from 'react';\nimport { cn } from '../lib/utils.js';\n\ntype AccordionVariant =\n  | 'default'\n  | 'split'\n  | 'outline'\n  | 'nested'\n  | 'isolated-bordered'\n  | 'isolated-filled'\n  | 'isolated-filled-bordered';\n\nfunction Accordion({\n  className,\n  multiple = false,\n  variant = 'default',\n  ...props\n}: BaseAccordion.Root.Props & { variant?: AccordionVariant }) {\n  return (\n    <BaseAccordion.Root\n      data-slot=\"accordion\"\n      data-variant={variant}\n      multiple={multiple}\n      className={cn(\n        'group flex w-full flex-col',\n        variant === 'split' && 'space-y-2',\n        variant === 'outline' && 'overflow-hidden rounded-lg border bg-(--surface)',\n        variant === 'nested' && 'rounded-lg border bg-muted p-1',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionItem({ className, ...props }: BaseAccordion.Item.Props) {\n  return (\n    <BaseAccordion.Item\n      data-slot=\"accordion-item\"\n      className={cn(\n        'transition-[margin,border-radius,border] duration-250 ease-out-expo',\n        // Default variant styles\n        'group-data-[variant=default]:border-(--border) group-data-[variant=default]:border-b group-data-[variant=default]:last:border-b-0',\n        // Split variant styles (individual cards)\n        'group-data-[variant=split]:overflow-hidden group-data-[variant=split]:rounded-lg group-data-[variant=split]:border group-data-[variant=split]:border-(--border) group-data-[variant=split]:bg-(--surface)',\n        // Outline variant styles (items within single card)\n        'group-data-[variant=outline]:border-(--border) group-data-[variant=outline]:border-b group-data-[variant=outline]:last:border-b-0',\n        // Nested variant styles - items within the single outer card\n        'group-data-[variant=nested]:mt-0.5 group-data-[variant=nested]:first:mt-0',\n        // Isolated bordered variant styles - dynamically separates open items from closed ones\n        // Base styles: all items have borders and background to look like cards\n        'group-data-[variant=isolated-bordered]:overflow-hidden group-data-[variant=isolated-bordered]:border group-data-[variant=isolated-bordered]:border-(--border) group-data-[variant=isolated-bordered]:bg-(--surface)',\n        // Closed items: group together by overlapping borders with negative margin\n        // Only apply to closed items that follow another closed item (not open items, first item, or items after open items)\n        'group-data-[variant=isolated-bordered]:relative group-data-[variant=isolated-bordered]:not-first:not-data-open:not-[[data-open]+&]:-mt-px',\n        // Opened item - separated with margins\n        'group-data-[variant=isolated-bordered]:data-open:mt-2 group-data-[variant=isolated-bordered]:data-open:mb-2 group-data-[variant=isolated-bordered]:data-open:rounded-lg',\n        // First item\n        'group-data-[variant=isolated-bordered]:first:rounded-t-lg group-data-[variant=isolated-bordered]:data-open:first:mt-0',\n        // Last item\n        'group-data-[variant=isolated-bordered]:last:rounded-b-lg group-data-[variant=isolated-bordered]:data-open:last:mb-0',\n        // Item after open item: round top corners (start of new group)\n        'group-data-[variant=isolated-bordered]:[[data-open]+&]:rounded-t-lg',\n        // Item before open item: round bottom corners (end of group)\n        'group-data-[variant=isolated-bordered]:[&:has(+_[data-open])]:rounded-b-lg',\n        // Isolated filled variant\n        'group-data-[variant=isolated-filled]:overflow-hidden group-data-[variant=isolated-filled]:bg-muted',\n        // Opened item - separated with margins and rounded\n        'group-data-[variant=isolated-filled]:data-open:my-2 group-data-[variant=isolated-filled]:data-open:rounded-lg',\n        // First item\n        'group-data-[variant=isolated-filled]:first:rounded-t-lg group-data-[variant=isolated-filled]:data-open:first:mt-0',\n        // Last item\n        'group-data-[variant=isolated-filled]:last:rounded-b-lg group-data-[variant=isolated-filled]:data-open:last:mb-0',\n        // Item after open item: round top corners (start of new group)\n        'group-data-[variant=isolated-filled]:[[data-open]+&]:rounded-t-lg',\n        // Item before open item: round bottom corners (end of group)\n        'group-data-[variant=isolated-filled]:[&:has(+_[data-open])]:rounded-b-lg',\n        // Isolated filled bordered variant - filled background with borders between closed items\n        'group-data-[variant=isolated-filled-bordered]:overflow-hidden group-data-[variant=isolated-filled-bordered]:bg-muted',\n        // All items except last have border-bottom to prevent layout shift, default to visible border\n        'group-data-[variant=isolated-filled-bordered]:not-last:border-(--border) group-data-[variant=isolated-filled-bordered]:not-last:border-b',\n        // Make border transparent (invisible) for: items before open items, and open items themselves\n        'group-data-[variant=isolated-filled-bordered]:[&:has(+_[data-open])]:border-transparent',\n        'group-data-[variant=isolated-filled-bordered]:data-open:border-transparent',\n        // Opened item - separated with margins and rounded\n        'group-data-[variant=isolated-filled-bordered]:data-open:my-2 group-data-[variant=isolated-filled-bordered]:data-open:rounded-lg',\n        // First item\n        'group-data-[variant=isolated-filled-bordered]:first:rounded-t-lg group-data-[variant=isolated-filled-bordered]:data-open:first:mt-0',\n        // Last item\n        'group-data-[variant=isolated-filled-bordered]:last:rounded-b-lg group-data-[variant=isolated-filled-bordered]:data-open:last:mb-0',\n        // Item after open item: round top corners (start of new group)\n        'group-data-[variant=isolated-filled-bordered]:[[data-open]+&]:rounded-t-lg',\n        // Item before open item: round bottom corners (end of group)\n        'group-data-[variant=isolated-filled-bordered]:[&:has(+_[data-open])]:rounded-b-lg',\n\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionHeader({ className, ...props }: BaseAccordion.Header.Props) {\n  return (\n    <BaseAccordion.Header\n      data-slot=\"accordion-header\"\n      // `not-prose` guards the trigger from document typography when the\n      // accordion is rendered inside a prose/markdown container (e.g. MDX docs),\n      // which would otherwise style this heading with large margins and an\n      // inflated line-height. Inert outside a prose context.\n      className={cn('not-prose', className)}\n      {...props}\n    />\n  );\n}\n\ninterface AccordionTriggerProps extends BaseAccordion.Trigger.Props {\n  showIndicator?: boolean;\n  indicatorType?: 'chevron' | 'plus';\n  indicatorPosition?: 'start' | 'end';\n  /** Colour class applied to the indicator glyph, e.g. `text-(--accent-brand)`. Defaults to muted-foreground. */\n  indicatorColor?: string;\n  icon?: React.ReactNode;\n  subtitle?: React.ReactNode;\n}\n\nfunction AccordionTrigger({\n  children,\n  className,\n  showIndicator = true,\n  indicatorType = 'plus',\n  indicatorPosition = 'end',\n  indicatorColor,\n  icon,\n  subtitle,\n  ...props\n}: AccordionTriggerProps) {\n  const hasStartIndicator = showIndicator && indicatorPosition === 'start';\n  const hasEndIndicator = showIndicator && indicatorPosition === 'end';\n\n  const renderIndicator = () => {\n    if (!showIndicator) return null;\n\n    const indicatorClassName = cn('size-4 shrink-0 transition-transform duration-200 ease-out-expo', indicatorColor);\n\n    const indicatorIcon =\n      indicatorType === 'chevron' ? (\n        <ChevronDownIcon data-slot=\"accordion-indicator\" className={indicatorClassName} />\n      ) : (\n        <PlusIcon data-slot=\"accordion-indicator\" className={indicatorClassName} />\n      );\n\n    return (\n      <span className=\"shrink-0 text-muted-foreground\" aria-hidden=\"true\">\n        {indicatorIcon}\n      </span>\n    );\n  };\n\n  return (\n    <AccordionHeader>\n      <BaseAccordion.Trigger\n        data-slot=\"accordion-trigger\"\n        data-has-icon={hasStartIndicator ? 'true' : undefined}\n        className={cn(\n          'group/trigger flex w-full cursor-pointer items-center justify-between gap-3 py-5 px-3.5 text-left font-medium text-sm outline-none disabled:pointer-events-none disabled:opacity-60',\n          // Default variant styles\n          'group-data-[variant=default]:px-0',\n          // Split variant styles\n          'group-data-[variant=split]:rounded-t-lg',\n          // Nested variant styles - trigger with subtle interaction\n          'group-data-[variant=nested]:rounded-sm group-data-[variant=nested]:px-3 group-data-[variant=nested]:py-2.5 group-data-[variant=nested]:hover:bg-background group-data-[variant=nested]:dark:hover:bg-background/50',\n          // Indicator rotation animations\n          indicatorType === 'chevron' && '[&[data-panel-open]_[data-slot=accordion-indicator]]:rotate-180',\n          indicatorType === 'plus' && '[&[data-panel-open]_[data-slot=accordion-indicator]]:rotate-90',\n          className,\n        )}\n        {...props}\n      >\n        {hasStartIndicator ? renderIndicator() : null}\n\n        {/* icon prop — only rendered when indicator is at end position */}\n        {icon && !hasStartIndicator && (\n          <span className=\"shrink-0 text-muted-foreground\" aria-hidden=\"true\">\n            {icon}\n          </span>\n        )}\n\n        <div className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n          <span className=\"underline-offset-2 group-hover/trigger:underline\">{children}</span>\n          {subtitle ? <span className=\"text-muted-foreground text-sm no-underline\">{subtitle}</span> : null}\n        </div>\n\n        {hasEndIndicator ? renderIndicator() : null}\n      </BaseAccordion.Trigger>\n    </AccordionHeader>\n  );\n}\n\nfunction AccordionContent({ children, className, ...props }: BaseAccordion.Panel.Props) {\n  return (\n    <BaseAccordion.Panel\n      data-slot=\"accordion-content\"\n      className={cn(\n        'h-(--accordion-panel-height) overflow-hidden text-sm transition-[height,opacity] duration-250 ease-out-expo data-ending-style:h-0 data-starting-style:h-0 data-ending-style:opacity-0 data-starting-style:opacity-0',\n      )}\n      {...props}\n    >\n      <div\n        className={cn(\n          'p-3.5 text-muted-foreground',\n          'group-data-[variant=default]:px-0 group-data-[variant=default]:pt-0',\n          'group-data-[variant=split]:pt-0',\n          'group-data-[variant=outline]:pt-0',\n          // Nested variant\n          'group-data-[variant=nested]:mt-1 group-data-[variant=nested]:mb-0.5 group-data-[variant=nested]:rounded-sm group-data-[variant=nested]:border group-data-[variant=nested]:bg-background group-data-[variant=nested]:p-3 group-data-[variant=nested]:[[data-slot=accordion-item]:last-child_&]:mb-0',\n          // Isolated bordered variant\n          'group-data-[variant=isolated-bordered]:pt-0',\n          // Isolated filled variant\n          'group-data-[variant=isolated-filled]:pt-0',\n          // Isolated filled bordered variant\n          'group-data-[variant=isolated-filled-bordered]:pt-0',\n          // Icon alignment - add left padding when parent item contains a trigger with icon\n          '[[data-slot=accordion-item]:has([data-has-icon])_&]:pl-[calc(1rem+0.75rem)]',\n          '[[data-slot=accordion-item]:has([data-has-icon])_&]:group-data-[variant=default]:pl-[calc(1rem+0.75rem)]',\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </BaseAccordion.Panel>\n  );\n}\n\nfunction PlusIcon(props: React.ComponentProps<'svg'>) {\n  return (\n    <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      {/* Horizontal bar - fades out when accordion opens */}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M2.75 12C2.75 11.3096 3.30964 10.75 4 10.75H20C20.6904 10.75 21.25 11.3096 21.25 12C21.25 12.6904 20.6904 13.25 20 13.25H4C3.30964 13.25 2.75 12.6904 2.75 12Z\"\n        fill=\"currentColor\"\n        className=\"in-data-panel-open:opacity-0 transition-opacity duration-200 ease-out-expo\"\n      />\n      {/* Vertical bar - remains visible (becomes horizontal after 90° rotation) */}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12 2.75C12.6904 2.75 13.25 3.30964 13.25 4V20C13.25 20.6904 12.6904 21.25 12 21.25C11.3096 21.25 10.75 20.6904 10.75 20V4C10.75 3.30964 11.3096 2.75 12 2.75Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n\n/** Inline replacement for the site's `@iconify-icons/mingcute/down-line` glyph. */\nfunction ChevronDownIcon(props: React.ComponentProps<'svg'>) {\n  return (\n    <svg aria-hidden=\"true\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" {...props}>\n      <path d=\"M1 3.5L5 7.5L9 3.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n    </svg>\n  );\n}\n\nexport { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger };\n"]}

package/dist/accordion.mjs

@@ -1,4 +1,224 @@
-export { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger } from './chunk-KRNWCJ4D.mjs';
-import './chunk-QAWSH567.mjs';
+"use client";
+import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function Accordion({
+  className,
+  multiple = false,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Accordion$1.Root,
+    {
+      "data-slot": "accordion",
+      "data-variant": variant,
+      multiple,
+      className: cn(
+        "group flex w-full flex-col",
+        variant === "split" && "space-y-2",
+        variant === "outline" && "overflow-hidden rounded-lg border bg-(--surface)",
+        variant === "nested" && "rounded-lg border bg-muted p-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AccordionItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Accordion$1.Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn(
+        "transition-[margin,border-radius,border] duration-250 ease-out-expo",
+        // Default variant styles
+        "group-data-[variant=default]:border-(--border) group-data-[variant=default]:border-b group-data-[variant=default]:last:border-b-0",
+        // Split variant styles (individual cards)
+        "group-data-[variant=split]:overflow-hidden group-data-[variant=split]:rounded-lg group-data-[variant=split]:border group-data-[variant=split]:border-(--border) group-data-[variant=split]:bg-(--surface)",
+        // Outline variant styles (items within single card)
+        "group-data-[variant=outline]:border-(--border) group-data-[variant=outline]:border-b group-data-[variant=outline]:last:border-b-0",
+        // Nested variant styles - items within the single outer card
+        "group-data-[variant=nested]:mt-0.5 group-data-[variant=nested]:first:mt-0",
+        // Isolated bordered variant styles - dynamically separates open items from closed ones
+        // Base styles: all items have borders and background to look like cards
+        "group-data-[variant=isolated-bordered]:overflow-hidden group-data-[variant=isolated-bordered]:border group-data-[variant=isolated-bordered]:border-(--border) group-data-[variant=isolated-bordered]:bg-(--surface)",
+        // Closed items: group together by overlapping borders with negative margin
+        // Only apply to closed items that follow another closed item (not open items, first item, or items after open items)
+        "group-data-[variant=isolated-bordered]:relative group-data-[variant=isolated-bordered]:not-first:not-data-open:not-[[data-open]+&]:-mt-px",
+        // Opened item - separated with margins
+        "group-data-[variant=isolated-bordered]:data-open:mt-2 group-data-[variant=isolated-bordered]:data-open:mb-2 group-data-[variant=isolated-bordered]:data-open:rounded-lg",
+        // First item
+        "group-data-[variant=isolated-bordered]:first:rounded-t-lg group-data-[variant=isolated-bordered]:data-open:first:mt-0",
+        // Last item
+        "group-data-[variant=isolated-bordered]:last:rounded-b-lg group-data-[variant=isolated-bordered]:data-open:last:mb-0",
+        // Item after open item: round top corners (start of new group)
+        "group-data-[variant=isolated-bordered]:[[data-open]+&]:rounded-t-lg",
+        // Item before open item: round bottom corners (end of group)
+        "group-data-[variant=isolated-bordered]:[&:has(+_[data-open])]:rounded-b-lg",
+        // Isolated filled variant
+        "group-data-[variant=isolated-filled]:overflow-hidden group-data-[variant=isolated-filled]:bg-muted",
+        // Opened item - separated with margins and rounded
+        "group-data-[variant=isolated-filled]:data-open:my-2 group-data-[variant=isolated-filled]:data-open:rounded-lg",
+        // First item
+        "group-data-[variant=isolated-filled]:first:rounded-t-lg group-data-[variant=isolated-filled]:data-open:first:mt-0",
+        // Last item
+        "group-data-[variant=isolated-filled]:last:rounded-b-lg group-data-[variant=isolated-filled]:data-open:last:mb-0",
+        // Item after open item: round top corners (start of new group)
+        "group-data-[variant=isolated-filled]:[[data-open]+&]:rounded-t-lg",
+        // Item before open item: round bottom corners (end of group)
+        "group-data-[variant=isolated-filled]:[&:has(+_[data-open])]:rounded-b-lg",
+        // Isolated filled bordered variant - filled background with borders between closed items
+        "group-data-[variant=isolated-filled-bordered]:overflow-hidden group-data-[variant=isolated-filled-bordered]:bg-muted",
+        // All items except last have border-bottom to prevent layout shift, default to visible border
+        "group-data-[variant=isolated-filled-bordered]:not-last:border-(--border) group-data-[variant=isolated-filled-bordered]:not-last:border-b",
+        // Make border transparent (invisible) for: items before open items, and open items themselves
+        "group-data-[variant=isolated-filled-bordered]:[&:has(+_[data-open])]:border-transparent",
+        "group-data-[variant=isolated-filled-bordered]:data-open:border-transparent",
+        // Opened item - separated with margins and rounded
+        "group-data-[variant=isolated-filled-bordered]:data-open:my-2 group-data-[variant=isolated-filled-bordered]:data-open:rounded-lg",
+        // First item
+        "group-data-[variant=isolated-filled-bordered]:first:rounded-t-lg group-data-[variant=isolated-filled-bordered]:data-open:first:mt-0",
+        // Last item
+        "group-data-[variant=isolated-filled-bordered]:last:rounded-b-lg group-data-[variant=isolated-filled-bordered]:data-open:last:mb-0",
+        // Item after open item: round top corners (start of new group)
+        "group-data-[variant=isolated-filled-bordered]:[[data-open]+&]:rounded-t-lg",
+        // Item before open item: round bottom corners (end of group)
+        "group-data-[variant=isolated-filled-bordered]:[&:has(+_[data-open])]:rounded-b-lg",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AccordionHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Accordion$1.Header,
+    {
+      "data-slot": "accordion-header",
+      className: cn("not-prose", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  children,
+  className,
+  showIndicator = true,
+  indicatorType = "plus",
+  indicatorPosition = "end",
+  indicatorColor,
+  icon,
+  subtitle,
+  ...props
+}) {
+  const hasStartIndicator = showIndicator && indicatorPosition === "start";
+  const hasEndIndicator = showIndicator && indicatorPosition === "end";
+  const renderIndicator = () => {
+    if (!showIndicator) return null;
+    const indicatorClassName = cn("size-4 shrink-0 transition-transform duration-200 ease-out-expo", indicatorColor);
+    const indicatorIcon = indicatorType === "chevron" ? /* @__PURE__ */ jsx(ChevronDownIcon, { "data-slot": "accordion-indicator", className: indicatorClassName }) : /* @__PURE__ */ jsx(PlusIcon, { "data-slot": "accordion-indicator", className: indicatorClassName });
+    return /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", "aria-hidden": "true", children: indicatorIcon });
+  };
+  return /* @__PURE__ */ jsx(AccordionHeader, { children: /* @__PURE__ */ jsxs(
+    Accordion$1.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      "data-has-icon": hasStartIndicator ? "true" : void 0,
+      className: cn(
+        "group/trigger flex w-full cursor-pointer items-center justify-between gap-3 py-5 px-3.5 text-left font-medium text-sm outline-none disabled:pointer-events-none disabled:opacity-60",
+        // Default variant styles
+        "group-data-[variant=default]:px-0",
+        // Split variant styles
+        "group-data-[variant=split]:rounded-t-lg",
+        // Nested variant styles - trigger with subtle interaction
+        "group-data-[variant=nested]:rounded-sm group-data-[variant=nested]:px-3 group-data-[variant=nested]:py-2.5 group-data-[variant=nested]:hover:bg-background group-data-[variant=nested]:dark:hover:bg-background/50",
+        // Indicator rotation animations
+        indicatorType === "chevron" && "[&[data-panel-open]_[data-slot=accordion-indicator]]:rotate-180",
+        indicatorType === "plus" && "[&[data-panel-open]_[data-slot=accordion-indicator]]:rotate-90",
+        className
+      ),
+      ...props,
+      children: [
+        hasStartIndicator ? renderIndicator() : null,
+        icon && !hasStartIndicator && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "underline-offset-2 group-hover/trigger:underline", children }),
+          subtitle ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm no-underline", children: subtitle }) : null
+        ] }),
+        hasEndIndicator ? renderIndicator() : null
+      ]
+    }
+  ) });
+}
+function AccordionContent({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Accordion$1.Panel,
+    {
+      "data-slot": "accordion-content",
+      className: cn(
+        "h-(--accordion-panel-height) overflow-hidden text-sm transition-[height,opacity] duration-250 ease-out-expo data-ending-style:h-0 data-starting-style:h-0 data-ending-style:opacity-0 data-starting-style:opacity-0"
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "p-3.5 text-muted-foreground",
+            "group-data-[variant=default]:px-0 group-data-[variant=default]:pt-0",
+            "group-data-[variant=split]:pt-0",
+            "group-data-[variant=outline]:pt-0",
+            // Nested variant
+            "group-data-[variant=nested]:mt-1 group-data-[variant=nested]:mb-0.5 group-data-[variant=nested]:rounded-sm group-data-[variant=nested]:border group-data-[variant=nested]:bg-background group-data-[variant=nested]:p-3 group-data-[variant=nested]:[[data-slot=accordion-item]:last-child_&]:mb-0",
+            // Isolated bordered variant
+            "group-data-[variant=isolated-bordered]:pt-0",
+            // Isolated filled variant
+            "group-data-[variant=isolated-filled]:pt-0",
+            // Isolated filled bordered variant
+            "group-data-[variant=isolated-filled-bordered]:pt-0",
+            // Icon alignment - add left padding when parent item contains a trigger with icon
+            "[[data-slot=accordion-item]:has([data-has-icon])_&]:pl-[calc(1rem+0.75rem)]",
+            "[[data-slot=accordion-item]:has([data-has-icon])_&]:group-data-[variant=default]:pl-[calc(1rem+0.75rem)]",
+            className
+          ),
+          children
+        }
+      )
+    }
+  );
+}
+function PlusIcon(props) {
+  return /* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M2.75 12C2.75 11.3096 3.30964 10.75 4 10.75H20C20.6904 10.75 21.25 11.3096 21.25 12C21.25 12.6904 20.6904 13.25 20 13.25H4C3.30964 13.25 2.75 12.6904 2.75 12Z",
+        fill: "currentColor",
+        className: "in-data-panel-open:opacity-0 transition-opacity duration-200 ease-out-expo"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12 2.75C12.6904 2.75 13.25 3.30964 13.25 4V20C13.25 20.6904 12.6904 21.25 12 21.25C11.3096 21.25 10.75 20.6904 10.75 20V4C10.75 3.30964 11.3096 2.75 12 2.75Z",
+        fill: "currentColor"
+      }
+    )
+  ] });
+}
+function ChevronDownIcon(props) {
+  return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", ...props, children: /* @__PURE__ */ jsx("path", { d: "M1 3.5L5 7.5L9 3.5", stroke: "currentColor", strokeWidth: "1.5" }) });
+}
+
+export { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger };
 //# sourceMappingURL=accordion.mjs.map
 //# sourceMappingURL=accordion.mjs.map

package/dist/accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"accordion.mjs"}
+{"version":3,"sources":["../src/lib/utils.ts","../src/components/accordion.tsx"],"names":["BaseAccordion"],"mappings":"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","file":"accordion.mjs","sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport type { CSSProperties } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\n/**\n * A style object that may carry CSS custom properties (CSS variables)\n * such as `--duration`. React's `CSSProperties` intentionally drops\n * its index signature, so custom properties are not accepted without help.\n */\nexport type CSSPropertiesWithVars = CSSProperties & Record<`--${string}`, string | number>;\n\n/**\n * Builds a {@link CSSProperties} value that also allows CSS custom properties,\n * so `style` props can be written without an `as React.CSSProperties` cast while\n * still type-checking both the known style keys and the custom-property values.\n *\n * @example\n * <div style={validCssVars({ '--duration': '0.35s', color: 'red' })} />\n */\nexport function validCssVars(style: CSSPropertiesWithVars): CSSProperties {\n  return style;\n}\n\n/**\n * Narrows a union to the member(s) that declare `key` — a type-guard\n * replacement for the `in` operator's discriminated-union narrowing.\n */\nexport function hasKey<K extends PropertyKey>(key: K, obj: unknown): obj is Record<K, unknown> {\n  return obj !== null && typeof obj === 'object' && Object.hasOwn(obj, key);\n}\n\nexport function noop(): void {\n  // intentional no-op\n}\n","import { Accordion as BaseAccordion } from '@base-ui/react/accordion';\nimport type * as React from 'react';\nimport { cn } from '../lib/utils.js';\n\ntype AccordionVariant =\n  | 'default'\n  | 'split'\n  | 'outline'\n  | 'nested'\n  | 'isolated-bordered'\n  | 'isolated-filled'\n  | 'isolated-filled-bordered';\n\nfunction Accordion({\n  className,\n  multiple = false,\n  variant = 'default',\n  ...props\n}: BaseAccordion.Root.Props & { variant?: AccordionVariant }) {\n  return (\n    <BaseAccordion.Root\n      data-slot=\"accordion\"\n      data-variant={variant}\n      multiple={multiple}\n      className={cn(\n        'group flex w-full flex-col',\n        variant === 'split' && 'space-y-2',\n        variant === 'outline' && 'overflow-hidden rounded-lg border bg-(--surface)',\n        variant === 'nested' && 'rounded-lg border bg-muted p-1',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionItem({ className, ...props }: BaseAccordion.Item.Props) {\n  return (\n    <BaseAccordion.Item\n      data-slot=\"accordion-item\"\n      className={cn(\n        'transition-[margin,border-radius,border] duration-250 ease-out-expo',\n        // Default variant styles\n        'group-data-[variant=default]:border-(--border) group-data-[variant=default]:border-b group-data-[variant=default]:last:border-b-0',\n        // Split variant styles (individual cards)\n        'group-data-[variant=split]:overflow-hidden group-data-[variant=split]:rounded-lg group-data-[variant=split]:border group-data-[variant=split]:border-(--border) group-data-[variant=split]:bg-(--surface)',\n        // Outline variant styles (items within single card)\n        'group-data-[variant=outline]:border-(--border) group-data-[variant=outline]:border-b group-data-[variant=outline]:last:border-b-0',\n        // Nested variant styles - items within the single outer card\n        'group-data-[variant=nested]:mt-0.5 group-data-[variant=nested]:first:mt-0',\n        // Isolated bordered variant styles - dynamically separates open items from closed ones\n        // Base styles: all items have borders and background to look like cards\n        'group-data-[variant=isolated-bordered]:overflow-hidden group-data-[variant=isolated-bordered]:border group-data-[variant=isolated-bordered]:border-(--border) group-data-[variant=isolated-bordered]:bg-(--surface)',\n        // Closed items: group together by overlapping borders with negative margin\n        // Only apply to closed items that follow another closed item (not open items, first item, or items after open items)\n        'group-data-[variant=isolated-bordered]:relative group-data-[variant=isolated-bordered]:not-first:not-data-open:not-[[data-open]+&]:-mt-px',\n        // Opened item - separated with margins\n        'group-data-[variant=isolated-bordered]:data-open:mt-2 group-data-[variant=isolated-bordered]:data-open:mb-2 group-data-[variant=isolated-bordered]:data-open:rounded-lg',\n        // First item\n        'group-data-[variant=isolated-bordered]:first:rounded-t-lg group-data-[variant=isolated-bordered]:data-open:first:mt-0',\n        // Last item\n        'group-data-[variant=isolated-bordered]:last:rounded-b-lg group-data-[variant=isolated-bordered]:data-open:last:mb-0',\n        // Item after open item: round top corners (start of new group)\n        'group-data-[variant=isolated-bordered]:[[data-open]+&]:rounded-t-lg',\n        // Item before open item: round bottom corners (end of group)\n        'group-data-[variant=isolated-bordered]:[&:has(+_[data-open])]:rounded-b-lg',\n        // Isolated filled variant\n        'group-data-[variant=isolated-filled]:overflow-hidden group-data-[variant=isolated-filled]:bg-muted',\n        // Opened item - separated with margins and rounded\n        'group-data-[variant=isolated-filled]:data-open:my-2 group-data-[variant=isolated-filled]:data-open:rounded-lg',\n        // First item\n        'group-data-[variant=isolated-filled]:first:rounded-t-lg group-data-[variant=isolated-filled]:data-open:first:mt-0',\n        // Last item\n        'group-data-[variant=isolated-filled]:last:rounded-b-lg group-data-[variant=isolated-filled]:data-open:last:mb-0',\n        // Item after open item: round top corners (start of new group)\n        'group-data-[variant=isolated-filled]:[[data-open]+&]:rounded-t-lg',\n        // Item before open item: round bottom corners (end of group)\n        'group-data-[variant=isolated-filled]:[&:has(+_[data-open])]:rounded-b-lg',\n        // Isolated filled bordered variant - filled background with borders between closed items\n        'group-data-[variant=isolated-filled-bordered]:overflow-hidden group-data-[variant=isolated-filled-bordered]:bg-muted',\n        // All items except last have border-bottom to prevent layout shift, default to visible border\n        'group-data-[variant=isolated-filled-bordered]:not-last:border-(--border) group-data-[variant=isolated-filled-bordered]:not-last:border-b',\n        // Make border transparent (invisible) for: items before open items, and open items themselves\n        'group-data-[variant=isolated-filled-bordered]:[&:has(+_[data-open])]:border-transparent',\n        'group-data-[variant=isolated-filled-bordered]:data-open:border-transparent',\n        // Opened item - separated with margins and rounded\n        'group-data-[variant=isolated-filled-bordered]:data-open:my-2 group-data-[variant=isolated-filled-bordered]:data-open:rounded-lg',\n        // First item\n        'group-data-[variant=isolated-filled-bordered]:first:rounded-t-lg group-data-[variant=isolated-filled-bordered]:data-open:first:mt-0',\n        // Last item\n        'group-data-[variant=isolated-filled-bordered]:last:rounded-b-lg group-data-[variant=isolated-filled-bordered]:data-open:last:mb-0',\n        // Item after open item: round top corners (start of new group)\n        'group-data-[variant=isolated-filled-bordered]:[[data-open]+&]:rounded-t-lg',\n        // Item before open item: round bottom corners (end of group)\n        'group-data-[variant=isolated-filled-bordered]:[&:has(+_[data-open])]:rounded-b-lg',\n\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionHeader({ className, ...props }: BaseAccordion.Header.Props) {\n  return (\n    <BaseAccordion.Header\n      data-slot=\"accordion-header\"\n      // `not-prose` guards the trigger from document typography when the\n      // accordion is rendered inside a prose/markdown container (e.g. MDX docs),\n      // which would otherwise style this heading with large margins and an\n      // inflated line-height. Inert outside a prose context.\n      className={cn('not-prose', className)}\n      {...props}\n    />\n  );\n}\n\ninterface AccordionTriggerProps extends BaseAccordion.Trigger.Props {\n  showIndicator?: boolean;\n  indicatorType?: 'chevron' | 'plus';\n  indicatorPosition?: 'start' | 'end';\n  /** Colour class applied to the indicator glyph, e.g. `text-(--accent-brand)`. Defaults to muted-foreground. */\n  indicatorColor?: string;\n  icon?: React.ReactNode;\n  subtitle?: React.ReactNode;\n}\n\nfunction AccordionTrigger({\n  children,\n  className,\n  showIndicator = true,\n  indicatorType = 'plus',\n  indicatorPosition = 'end',\n  indicatorColor,\n  icon,\n  subtitle,\n  ...props\n}: AccordionTriggerProps) {\n  const hasStartIndicator = showIndicator && indicatorPosition === 'start';\n  const hasEndIndicator = showIndicator && indicatorPosition === 'end';\n\n  const renderIndicator = () => {\n    if (!showIndicator) return null;\n\n    const indicatorClassName = cn('size-4 shrink-0 transition-transform duration-200 ease-out-expo', indicatorColor);\n\n    const indicatorIcon =\n      indicatorType === 'chevron' ? (\n        <ChevronDownIcon data-slot=\"accordion-indicator\" className={indicatorClassName} />\n      ) : (\n        <PlusIcon data-slot=\"accordion-indicator\" className={indicatorClassName} />\n      );\n\n    return (\n      <span className=\"shrink-0 text-muted-foreground\" aria-hidden=\"true\">\n        {indicatorIcon}\n      </span>\n    );\n  };\n\n  return (\n    <AccordionHeader>\n      <BaseAccordion.Trigger\n        data-slot=\"accordion-trigger\"\n        data-has-icon={hasStartIndicator ? 'true' : undefined}\n        className={cn(\n          'group/trigger flex w-full cursor-pointer items-center justify-between gap-3 py-5 px-3.5 text-left font-medium text-sm outline-none disabled:pointer-events-none disabled:opacity-60',\n          // Default variant styles\n          'group-data-[variant=default]:px-0',\n          // Split variant styles\n          'group-data-[variant=split]:rounded-t-lg',\n          // Nested variant styles - trigger with subtle interaction\n          'group-data-[variant=nested]:rounded-sm group-data-[variant=nested]:px-3 group-data-[variant=nested]:py-2.5 group-data-[variant=nested]:hover:bg-background group-data-[variant=nested]:dark:hover:bg-background/50',\n          // Indicator rotation animations\n          indicatorType === 'chevron' && '[&[data-panel-open]_[data-slot=accordion-indicator]]:rotate-180',\n          indicatorType === 'plus' && '[&[data-panel-open]_[data-slot=accordion-indicator]]:rotate-90',\n          className,\n        )}\n        {...props}\n      >\n        {hasStartIndicator ? renderIndicator() : null}\n\n        {/* icon prop — only rendered when indicator is at end position */}\n        {icon && !hasStartIndicator && (\n          <span className=\"shrink-0 text-muted-foreground\" aria-hidden=\"true\">\n            {icon}\n          </span>\n        )}\n\n        <div className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n          <span className=\"underline-offset-2 group-hover/trigger:underline\">{children}</span>\n          {subtitle ? <span className=\"text-muted-foreground text-sm no-underline\">{subtitle}</span> : null}\n        </div>\n\n        {hasEndIndicator ? renderIndicator() : null}\n      </BaseAccordion.Trigger>\n    </AccordionHeader>\n  );\n}\n\nfunction AccordionContent({ children, className, ...props }: BaseAccordion.Panel.Props) {\n  return (\n    <BaseAccordion.Panel\n      data-slot=\"accordion-content\"\n      className={cn(\n        'h-(--accordion-panel-height) overflow-hidden text-sm transition-[height,opacity] duration-250 ease-out-expo data-ending-style:h-0 data-starting-style:h-0 data-ending-style:opacity-0 data-starting-style:opacity-0',\n      )}\n      {...props}\n    >\n      <div\n        className={cn(\n          'p-3.5 text-muted-foreground',\n          'group-data-[variant=default]:px-0 group-data-[variant=default]:pt-0',\n          'group-data-[variant=split]:pt-0',\n          'group-data-[variant=outline]:pt-0',\n          // Nested variant\n          'group-data-[variant=nested]:mt-1 group-data-[variant=nested]:mb-0.5 group-data-[variant=nested]:rounded-sm group-data-[variant=nested]:border group-data-[variant=nested]:bg-background group-data-[variant=nested]:p-3 group-data-[variant=nested]:[[data-slot=accordion-item]:last-child_&]:mb-0',\n          // Isolated bordered variant\n          'group-data-[variant=isolated-bordered]:pt-0',\n          // Isolated filled variant\n          'group-data-[variant=isolated-filled]:pt-0',\n          // Isolated filled bordered variant\n          'group-data-[variant=isolated-filled-bordered]:pt-0',\n          // Icon alignment - add left padding when parent item contains a trigger with icon\n          '[[data-slot=accordion-item]:has([data-has-icon])_&]:pl-[calc(1rem+0.75rem)]',\n          '[[data-slot=accordion-item]:has([data-has-icon])_&]:group-data-[variant=default]:pl-[calc(1rem+0.75rem)]',\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </BaseAccordion.Panel>\n  );\n}\n\nfunction PlusIcon(props: React.ComponentProps<'svg'>) {\n  return (\n    <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      {/* Horizontal bar - fades out when accordion opens */}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M2.75 12C2.75 11.3096 3.30964 10.75 4 10.75H20C20.6904 10.75 21.25 11.3096 21.25 12C21.25 12.6904 20.6904 13.25 20 13.25H4C3.30964 13.25 2.75 12.6904 2.75 12Z\"\n        fill=\"currentColor\"\n        className=\"in-data-panel-open:opacity-0 transition-opacity duration-200 ease-out-expo\"\n      />\n      {/* Vertical bar - remains visible (becomes horizontal after 90° rotation) */}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12 2.75C12.6904 2.75 13.25 3.30964 13.25 4V20C13.25 20.6904 12.6904 21.25 12 21.25C11.3096 21.25 10.75 20.6904 10.75 20V4C10.75 3.30964 11.3096 2.75 12 2.75Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n\n/** Inline replacement for the site's `@iconify-icons/mingcute/down-line` glyph. */\nfunction ChevronDownIcon(props: React.ComponentProps<'svg'>) {\n  return (\n    <svg aria-hidden=\"true\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" {...props}>\n      <path d=\"M1 3.5L5 7.5L9 3.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n    </svg>\n  );\n}\n\nexport { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger };\n"]}

package/dist/action-swap.js

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 
 var framerMotion = require('framer-motion');

package/dist/action-swap.mjs

@@ -1,5 +1,79 @@
-export { ActionSwapRollIcon, ActionSwapRollText } from './chunk-DA3I3Y5O.mjs';
-import './chunk-QAWSH567.mjs';
-import './chunk-NNHPQ67J.mjs';
+"use client";
+import { useReducedMotion, AnimatePresence, motion } from 'framer-motion';
+import { useRef, useState, useLayoutEffect } from 'react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/lib/ease.ts
+var EASE_OUT = [0.16, 1, 0.3, 1];
+var EASE_OUT_CSS = "cubic-bezier(0.16, 1, 0.3, 1)";
+var SPRING_SWAP = { type: "spring", stiffness: 460, damping: 30, mass: 0.55 };
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var ROLL_EXIT_TRANSITION = { duration: 0.14, ease: EASE_OUT };
+var ROLL_BLUR = "blur(3px)";
+var AT_REST = { opacity: 1, y: 0, filter: "blur(0px)" };
+var TEXT_VARIANTS = {
+  initial: { opacity: 0, y: "90%", filter: ROLL_BLUR },
+  animate: { opacity: 1, y: "0%", filter: "blur(0px)", transition: SPRING_SWAP },
+  exit: { opacity: 0, y: "-90%", filter: ROLL_BLUR, transition: ROLL_EXIT_TRANSITION }
+};
+var ICON_VARIANTS = {
+  initial: { opacity: 0, y: 12, filter: ROLL_BLUR },
+  animate: { opacity: 1, y: 0, filter: "blur(0px)", transition: SPRING_SWAP },
+  exit: { opacity: 0, y: -12, filter: ROLL_BLUR, transition: ROLL_EXIT_TRANSITION }
+};
+function ActionSwapRollText({ value, children, className }) {
+  const reduce = useReducedMotion() ?? false;
+  const measureRef = useRef(null);
+  const [width, setWidth] = useState();
+  useLayoutEffect(() => {
+    const nextWidth = measureRef.current?.offsetWidth;
+    if (!nextWidth) return;
+    setWidth((current) => current === nextWidth ? current : nextWidth);
+  });
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn("relative inline-block overflow-hidden whitespace-nowrap align-bottom", className),
+      style: { width, transition: reduce ? void 0 : `width 220ms ${EASE_OUT_CSS}` },
+      children: [
+        /* @__PURE__ */ jsx("span", { ref: measureRef, "aria-hidden": true, className: "invisible inline-block whitespace-nowrap", children }),
+        /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: /* @__PURE__ */ jsx(
+          motion.span,
+          {
+            variants: TEXT_VARIANTS,
+            initial: reduce ? false : "initial",
+            animate: reduce ? AT_REST : "animate",
+            exit: reduce ? void 0 : "exit",
+            className: "absolute top-0 left-0 inline-block will-change-[opacity,filter,transform]",
+            children
+          },
+          value
+        ) })
+      ]
+    }
+  );
+}
+function ActionSwapRollIcon({ value, children, className }) {
+  const reduce = useReducedMotion() ?? false;
+  return /* @__PURE__ */ jsx("span", { className: cn("relative inline-grid shrink-0 place-items-center overflow-hidden", className), children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", initial: false, children: /* @__PURE__ */ jsx(
+    motion.span,
+    {
+      "aria-hidden": true,
+      variants: ICON_VARIANTS,
+      initial: reduce ? false : "initial",
+      animate: reduce ? AT_REST : "animate",
+      exit: reduce ? void 0 : "exit",
+      className: "col-start-1 row-start-1 inline-flex items-center justify-center will-change-[opacity,filter,transform]",
+      children
+    },
+    value
+  ) }) });
+}
+
+export { ActionSwapRollIcon, ActionSwapRollText };
 //# sourceMappingURL=action-swap.mjs.map
 //# sourceMappingURL=action-swap.mjs.map

package/dist/action-swap.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"action-swap.mjs"}
+{"version":3,"sources":["../src/lib/ease.ts","../src/lib/utils.ts","../src/components/action-swap.tsx"],"names":[],"mappings":"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","file":"action-swap.mjs","sourcesContent":["/**\n * Easing curves shared across landing-ui components.\n */\n\n/** Smooth deceleration — matches the former CSS `ease-out-expo`. */\nexport const easeOut = [0.22, 1, 0.36, 1] as const;\n\n/** Gentle overshoot — bounce-like settle for spring alternatives. */\nexport const easeOutBack = [0.34, 1.56, 0.64, 1] as const;\n\n// ── Content-swap tokens (action-swap) ─────────────────────────────────────\n// Values mirror beui.dev's `lib/ease.ts` so vendored action-swap primitives\n// keep their upstream timing.\n\n/** Strong ease-out — the default `ease-out` reads weak at these durations. */\nexport const EASE_OUT = [0.16, 1, 0.3, 1] as const;\n\n/** CSS string form of {@link EASE_OUT} for inline style transitions. */\nexport const EASE_OUT_CSS = 'cubic-bezier(0.16, 1, 0.3, 1)';\n\n/** Content swaps — label/icon slots trading places inside a control. */\nexport const SPRING_SWAP = { type: 'spring', stiffness: 460, damping: 30, mass: 0.55 } as const;\n","import { type ClassValue, clsx } from 'clsx';\nimport type { CSSProperties } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\n/**\n * A style object that may carry CSS custom properties (CSS variables)\n * such as `--duration`. React's `CSSProperties` intentionally drops\n * its index signature, so custom properties are not accepted without help.\n */\nexport type CSSPropertiesWithVars = CSSProperties & Record<`--${string}`, string | number>;\n\n/**\n * Builds a {@link CSSProperties} value that also allows CSS custom properties,\n * so `style` props can be written without an `as React.CSSProperties` cast while\n * still type-checking both the known style keys and the custom-property values.\n *\n * @example\n * <div style={validCssVars({ '--duration': '0.35s', color: 'red' })} />\n */\nexport function validCssVars(style: CSSPropertiesWithVars): CSSProperties {\n  return style;\n}\n\n/**\n * Narrows a union to the member(s) that declare `key` — a type-guard\n * replacement for the `in` operator's discriminated-union narrowing.\n */\nexport function hasKey<K extends PropertyKey>(key: K, obj: unknown): obj is Record<K, unknown> {\n  return obj !== null && typeof obj === 'object' && Object.hasOwn(obj, key);\n}\n\nexport function noop(): void {\n  // intentional no-op\n}\n","'use client';\n// Adapted from beui.dev/components/motion/action-swap (roll variant only).\n// Upstream imports `motion/react`; this project is on framer-motion, and its\n// blur/cascade animations and pre-styled <ActionSwapButton> are omitted — the\n// button's variant classes reference `bg-card`/`bg-primary`, which this site\n// doesn't define as --color-* tokens, so Tailwind would drop them silently.\n\nimport { AnimatePresence, motion, useReducedMotion, type Variants } from 'framer-motion';\nimport { type ReactNode, useLayoutEffect, useRef, useState } from 'react';\nimport { EASE_OUT, EASE_OUT_CSS, SPRING_SWAP } from '../lib/ease.js';\nimport { cn } from '../lib/utils.js';\n\n/** The outgoing half rolls out faster than the incoming half settles. */\nconst ROLL_EXIT_TRANSITION = { duration: 0.14, ease: EASE_OUT } as const;\nconst ROLL_BLUR = 'blur(3px)';\n\n/** Rest state used under reduced motion — no travel, no blur. */\nconst AT_REST = { opacity: 1, y: 0, filter: 'blur(0px)' } as const;\n\n/** Text travels in percentages so the roll scales with the line height. */\nconst TEXT_VARIANTS: Variants = {\n  initial: { opacity: 0, y: '90%', filter: ROLL_BLUR },\n  animate: { opacity: 1, y: '0%', filter: 'blur(0px)', transition: SPRING_SWAP },\n  exit: { opacity: 0, y: '-90%', filter: ROLL_BLUR, transition: ROLL_EXIT_TRANSITION },\n};\n\n/** Icons travel in pixels — a glyph box has no line height to scale against. */\nconst ICON_VARIANTS: Variants = {\n  initial: { opacity: 0, y: 12, filter: ROLL_BLUR },\n  animate: { opacity: 1, y: 0, filter: 'blur(0px)', transition: SPRING_SWAP },\n  exit: { opacity: 0, y: -12, filter: ROLL_BLUR, transition: ROLL_EXIT_TRANSITION },\n};\n\nexport type ActionSwapRollProps = {\n  /** Identity of the current content — changing it triggers the roll. */\n  value: string;\n  children: ReactNode;\n  className?: string;\n};\n\n/**\n * Rolls `children` up out of the box while the new content rolls in from below,\n * animating the box's width so labels of different lengths don't snap.\n *\n * The visible label is the accessible name, so for the duration of a swap both\n * the outgoing and incoming text are in the accessibility tree. Give the host\n * control an explicit `aria-label` when that ambiguity matters.\n */\nexport function ActionSwapRollText({ value, children, className }: ActionSwapRollProps) {\n  const reduce = useReducedMotion() ?? false;\n  const measureRef = useRef<HTMLSpanElement>(null);\n  const [width, setWidth] = useState<number>();\n\n  // Deliberately un-keyed: the invisible copy is re-measured after every render\n  // so the box tracks content it can't diff (fonts finishing, text changing).\n  useLayoutEffect(() => {\n    const nextWidth = measureRef.current?.offsetWidth;\n    if (!nextWidth) return;\n    setWidth((current) => (current === nextWidth ? current : nextWidth));\n  });\n\n  return (\n    <span\n      className={cn('relative inline-block overflow-hidden whitespace-nowrap align-bottom', className)}\n      style={{ width, transition: reduce ? undefined : `width 220ms ${EASE_OUT_CSS}` }}\n    >\n      {/* Width source: laid out in flow but never painted, so the absolutely\n          positioned live copies below have something to size the box. */}\n      <span ref={measureRef} aria-hidden={true} className=\"invisible inline-block whitespace-nowrap\">\n        {children}\n      </span>\n      <AnimatePresence initial={false}>\n        <motion.span\n          key={value}\n          variants={TEXT_VARIANTS}\n          initial={reduce ? false : 'initial'}\n          animate={reduce ? AT_REST : 'animate'}\n          exit={reduce ? undefined : 'exit'}\n          className=\"absolute top-0 left-0 inline-block will-change-[opacity,filter,transform]\"\n        >\n          {children}\n        </motion.span>\n      </AnimatePresence>\n    </span>\n  );\n}\n\n/**\n * Icon counterpart to {@link ActionSwapRollText}. `popLayout` pulls the outgoing\n * icon out of flow so the pair overlaps in one cell instead of sitting side by\n * side mid-swap. Always `aria-hidden` — icons here restate a visible label.\n */\nexport function ActionSwapRollIcon({ value, children, className }: ActionSwapRollProps) {\n  const reduce = useReducedMotion() ?? false;\n\n  return (\n    <span className={cn('relative inline-grid shrink-0 place-items-center overflow-hidden', className)}>\n      <AnimatePresence mode=\"popLayout\" initial={false}>\n        <motion.span\n          key={value}\n          aria-hidden={true}\n          variants={ICON_VARIANTS}\n          initial={reduce ? false : 'initial'}\n          animate={reduce ? AT_REST : 'animate'}\n          exit={reduce ? undefined : 'exit'}\n          className=\"col-start-1 row-start-1 inline-flex items-center justify-center will-change-[opacity,filter,transform]\"\n        >\n          {children}\n        </motion.span>\n      </AnimatePresence>\n    </span>\n  );\n}\n"]}

package/dist/animated-beam.js

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 
 var framerMotion = require('framer-motion');