@zentauri-ui/zentauri-components 1.6.3 → 1.7.0

package/dist/ui/typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/typography/variants.ts","../../src/ui/typography/heading-base.tsx","../../src/ui/typography/heading.tsx","../../src/ui/typography/text-base.tsx","../../src/ui/typography/text.tsx","../../src/ui/typography/list-base.tsx","../../src/ui/typography/list.tsx","../../src/ui/typography/blockquote-base.tsx","../../src/ui/typography/blockquote.tsx","../../src/ui/typography/inline-code-base.tsx","../../src/ui/typography/inline-code.tsx","../../src/ui/typography/code-block-base.tsx","../../src/ui/typography/code-block.tsx"],"names":["cva","jsx","cn","tone","className","children","ref","ordered","marker","rest","jsxs"],"mappings":"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","file":"typography.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\n/** Semantic text colors aligned with slate/cyan/violet accents used across the kit (dark-first). */\nexport const typographyToneVariants = cva(\"\", {\n  variants: {\n    tone: {\n      default:\n        \"text-slate-900 dark:text-slate-50 border-black/15 dark:border-white/15\",\n      muted:\n        \"text-slate-500 dark:text-slate-400 border-black/15 dark:border-white/15\",\n      primary: \"text-cyan-700 dark:text-cyan-300 border-cyan-300/40\",\n      secondary:\n        \"text-slate-600 dark:text-slate-300 border-black/15 dark:border-white/15\",\n      accent: \"text-violet-700 dark:text-violet-300 border-violet-300/40\",\n      destructive: \"text-rose-600 dark:text-rose-400 border-rose-300/40\",\n      info: \"text-sky-700 dark:text-sky-300 border-sky-300/40\",\n      success: \"text-emerald-700 dark:text-emerald-300 border-emerald-300/40\",\n      warning: \"text-amber-700 dark:text-amber-300 border-amber-300/40\",\n      error: \"text-red-700 dark:text-red-300 border-red-300/40\",\n      \"gradient-pink-violet\":\n        \"bg-linear-to-r from-pink-600 dark:from-pink-400 to-violet-600 dark:to-violet-400 bg-clip-text text-transparent border-violet-300/40\",\n      \"gradient-cyan-violet\":\n        \"bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-violet-600 dark:to-violet-400 bg-clip-text text-transparent border-violet-300/40\",\n      \"gradient-cyan-blue\":\n        \"bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-blue-600 dark:to-blue-400 bg-clip-text text-transparent border-blue-300/40\",\n      \"gradient-cyan-green\":\n        \"bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-green-600 dark:to-green-400 bg-clip-text text-transparent border-green-300/40\",\n      \"gradient-cyan-orange\":\n        \"bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-orange-600 dark:to-orange-400 bg-clip-text text-transparent border-orange-300/40\",\n      \"gradient-cyan-red\":\n        \"bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-red-600 dark:to-red-400 bg-clip-text text-transparent border-red-300/40\",\n      \"gradient-cyan-purple\":\n        \"bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-purple-600 dark:to-purple-400 bg-clip-text text-transparent border-purple-300/40\",\n      \"gradient-cyan-pink\":\n        \"bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-pink-600 dark:to-pink-400 bg-clip-text text-transparent border-pink-300/40\",\n    },\n  },\n  defaultVariants: {\n    tone: \"default\",\n  },\n});\n\nexport const headingLevelVariants = cva(\"scroll-m-20\", {\n  variants: {\n    level: {\n      1: \"text-4xl font-bold tracking-tight md:text-5xl\",\n      2: \"text-3xl font-semibold tracking-tight\",\n      3: \"text-2xl font-semibold tracking-tight\",\n      4: \"text-xl font-semibold tracking-tight\",\n      5: \"text-lg font-medium\",\n      6: \"text-base font-medium\",\n    },\n  },\n});\n\nexport const textSizeVariants = cva(\"\", {\n  variants: {\n    size: {\n      sm: \"text-sm leading-relaxed\",\n      base: \"text-base leading-relaxed\",\n      lg: \"text-lg leading-relaxed\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n  },\n});\n\n/** Marker style for unordered lists; ignored when `ordered` is true (decimal numbering). */\nexport const unorderedListMarkerVariants = cva(\"space-y-2 pl-5\", {\n  variants: {\n    marker: {\n      disc: \"list-disc\",\n      circle: \"[list-style-type:circle]\",\n      none: \"list-none pl-0\",\n    },\n  },\n  defaultVariants: {\n    marker: \"disc\",\n  },\n});\n\nexport const orderedListVariants = cva(\"list-decimal space-y-2 pl-5\");\n","import { cn } from \"../../lib/utils\";\n\nimport type { HeadingProps } from \"./types\";\nimport { headingLevelVariants, typographyToneVariants } from \"./variants\";\n\nconst HEADING_TAGS = {\n  1: \"h1\",\n  2: \"h2\",\n  3: \"h3\",\n  4: \"h4\",\n  5: \"h5\",\n  6: \"h6\",\n} as const;\n\nexport const HeadingBase = (props: HeadingProps) => {\n  const {\n    level,\n    displayLevel,\n    tone,\n    bold,\n    italic,\n    underline,\n    strikethrough,\n    ref,\n    className,\n    children,\n    ...rest\n  } = props;\n\n  const Tag = HEADING_TAGS[level];\n  const scale = displayLevel ?? level;\n\n  return (\n    <Tag\n      ref={ref}\n      data-slot=\"typography-heading\"\n      data-level={level}\n      className={cn(\n        typographyToneVariants({ tone }),\n        headingLevelVariants({ level: scale }),\n        bold && \"font-bold\",\n        italic && \"italic\",\n        underline && \"underline underline-offset-4\",\n        strikethrough && \"line-through\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n};\n\nHeadingBase.displayName = \"Heading\";\n","import { HeadingBase } from \"./heading-base\";\nimport type { HeadingProps } from \"./types\";\n\nexport const Heading = (props: HeadingProps) => {\n  return <HeadingBase {...props} />;\n};\n\nHeading.displayName = \"Heading\";\n","import { cn } from \"../../lib/utils\";\n\nimport type { TextProps } from \"./types\";\nimport { textSizeVariants, typographyToneVariants } from \"./variants\";\n\nexport const TextBase = (props: TextProps) => {\n  const {\n    as = \"p\",\n    size = \"base\",\n    tone,\n    bold,\n    italic,\n    underline,\n    strikethrough,\n    highlight,\n    className,\n    children,\n    ...rest\n  } = props;\n\n  const Component = as;\n\n  return (\n    <Component\n      data-slot=\"typography-text\"\n      className={cn(\n        typographyToneVariants({ tone }),\n        textSizeVariants({ size }),\n        bold && \"font-semibold\",\n        italic && \"italic\",\n        underline && \"underline underline-offset-2\",\n        strikethrough && \"line-through\",\n        highlight && \"rounded bg-amber-400/15 px-0.5\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  );\n};\n\nTextBase.displayName = \"Text\";\n","import { TextBase } from \"./text-base\";\nimport type { TextProps } from \"./types\";\n\nexport const Text = (props: TextProps) => {\n  return <TextBase {...props} />;\n};\n\nText.displayName = \"Text\";\n","import { cn } from \"../../lib/utils\";\n\nimport type { ListProps, ListItemProps } from \"./types\";\nimport {\n  orderedListVariants,\n  typographyToneVariants,\n  unorderedListMarkerVariants,\n} from \"./variants\";\n\nexport function ListBase(props: ListProps) {\n  if (\"ordered\" in props && props.ordered === true) {\n    const { tone, className, children, ref, ordered, marker, ...rest } = props;\n\n    void ordered;\n    void marker;\n\n    return (\n      <ol\n        ref={ref}\n        data-slot=\"typography-list\"\n        data-list-type=\"ordered\"\n        className={cn(\n          typographyToneVariants({ tone }),\n          orderedListVariants(),\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </ol>\n    );\n  }\n\n  const {\n    marker = \"disc\",\n    tone,\n    className,\n    children,\n    ref,\n    ordered,\n    ...rest\n  } = props;\n\n  void ordered;\n\n  return (\n    <ul\n      ref={ref}\n      data-slot=\"typography-list\"\n      data-list-type=\"unordered\"\n      className={cn(\n        typographyToneVariants({ tone }),\n        unorderedListMarkerVariants({ marker }),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </ul>\n  );\n}\n\nListBase.displayName = \"List\";\n\nexport function ListItemBase(props: ListItemProps) {\n  const { className, children, ref, ...rest } = props;\n\n  return (\n    <li\n      ref={ref}\n      data-slot=\"typography-list-item\"\n      className={cn(\"leading-relaxed\", className)}\n      {...rest}\n    >\n      {children}\n    </li>\n  );\n}\n\nListItemBase.displayName = \"ListItem\";\n","import type { ListProps } from \"./types\";\n\nimport { ListBase, ListItemBase } from \"./list-base\";\n\nexport const ListItem = ListItemBase;\n\nfunction ListRoot(props: ListProps) {\n  return <ListBase {...props} />;\n}\n\nexport const List = Object.assign(ListRoot, {\n  Item: ListItem,\n});\n\nListRoot.displayName = \"List\";\n","import { cn } from \"../../lib/utils\";\n\nimport type { BlockquoteProps } from \"./types\";\nimport { typographyToneVariants } from \"./variants\";\n\nexport const BlockquoteBase = (props: BlockquoteProps) => {\n  const { tone, attribution, className, children, ref, ...rest } = props;\n\n  return (\n    <blockquote\n      ref={ref}\n      data-slot=\"typography-blockquote\"\n      className={cn(\n        typographyToneVariants({ tone }),\n        \"border-l-4 py-1 pl-4 italic\",\n        className,\n      )}\n      {...rest}\n    >\n      <div className=\"space-y-2 leading-relaxed\">{children}</div>\n      {attribution ? (\n        <footer className=\"mt-3 text-sm not-italic\">\n          <cite>{attribution}</cite>\n        </footer>\n      ) : null}\n    </blockquote>\n  );\n};\n\nBlockquoteBase.displayName = \"Blockquote\";\n","import { BlockquoteBase } from \"./blockquote-base\";\nimport type { BlockquoteProps } from \"./types\";\n\nexport const Blockquote = (props: BlockquoteProps) => {\n  return <BlockquoteBase {...props} />;\n};\n\nBlockquote.displayName = \"Blockquote\";\n","import { cn } from \"../../lib/utils\";\n\nimport type { InlineCodeProps } from \"./types\";\nimport { typographyToneVariants } from \"./variants\";\n\nexport const InlineCodeBase = (props: InlineCodeProps) => {\n  const { tone, className, children, ref, ...rest } = props;\n\n  return (\n    <code\n      ref={ref}\n      data-slot=\"typography-inline-code\"\n      className={cn(\n        typographyToneVariants({ tone }),\n        \"rounded-md border border-white/10 bg-white/6 px-1.5 py-0.5 font-mono text-[0.925em] font-normal\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </code>\n  );\n};\n\nInlineCodeBase.displayName = \"InlineCode\";\n","import { InlineCodeBase } from \"./inline-code-base\";\nimport type { InlineCodeProps } from \"./types\";\n\nexport const InlineCode = (props: InlineCodeProps) => {\n  return <InlineCodeBase {...props} />;\n};\n\nInlineCode.displayName = \"InlineCode\";\n","import { cn } from \"../../lib/utils\";\n\nimport type { CodeBlockProps } from \"./types\";\nimport { typographyToneVariants } from \"./variants\";\n\nexport const CodeBlockBase = (props: CodeBlockProps) => {\n  const { tone, language, className, children, ref, ...rest } = props;\n\n  const ariaLabel = language ? `Code sample (${language})` : \"Code sample\";\n\n  return (\n    <pre\n      ref={ref}\n      data-slot=\"typography-code-block\"\n      aria-label={ariaLabel}\n      className={cn(\n        typographyToneVariants({ tone }),\n        \"overflow-x-auto rounded-xl border border-white/10 bg-white/90 dark:bg-slate-950/80 p-4 text-sm leading-relaxed shadow-inner shadow-slate-950/40\",\n        className,\n      )}\n      {...rest}\n    >\n      <code className=\"font-mono text-[0.95em] whitespace-pre-wrap wrap-break-word\">\n        {children}\n      </code>\n    </pre>\n  );\n};\n\nCodeBlockBase.displayName = \"CodeBlock\";\n","import { CodeBlockBase } from \"./code-block-base\";\nimport type { CodeBlockProps } from \"./types\";\n\nexport const CodeBlock = (props: CodeBlockProps) => {\n  return <CodeBlockBase {...props} />;\n};\n\nCodeBlock.displayName = \"CodeBlock\";\n"]}
+{"version":3,"sources":["../../src/design-system/typography.ts","../../src/ui/typography/variants.ts","../../src/ui/typography/heading-base.tsx","../../src/ui/typography/heading.tsx","../../src/ui/typography/text-base.tsx","../../src/ui/typography/text.tsx","../../src/ui/typography/list-base.tsx","../../src/ui/typography/list.tsx","../../src/ui/typography/blockquote-base.tsx","../../src/ui/typography/blockquote.tsx","../../src/ui/typography/inline-code-base.tsx","../../src/ui/typography/inline-code.tsx","../../src/ui/typography/code-block-base.tsx","../../src/ui/typography/code-block.tsx"],"names":["cva","jsx","cn","tone","className","children","ref","ordered","marker","rest","jsxs"],"mappings":"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","file":"typography.js","sourcesContent":["export const zuiTypographyTones = {\n  default:\n    \"text-[color:var(--zui-typography-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-typography-default-fg-dark,oklch(98.4%_0.003_247.858))] border-[color:var(--zui-typography-default-border,#00000026)] dark:border-[color:var(--zui-typography-default-border-dark,#ffffff26)]\",\n  muted:\n    \"text-[color:var(--zui-typography-muted-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-typography-muted-fg-dark,oklch(70.4%_0.04_256.788))] border-[color:var(--zui-typography-muted-border,#00000026)] dark:border-[color:var(--zui-typography-muted-border-dark,#ffffff26)]\",\n  primary:\n    \"text-[color:var(--zui-typography-primary-fg,oklch(52%_0.105_223.128))] dark:text-[color:var(--zui-typography-primary-fg-dark,oklch(86.5%_0.127_207.078))] border-[color:var(--zui-typography-primary-border,oklch(86.5%_0.127_207.078_/_0.4))]\",\n  secondary:\n    \"text-[color:var(--zui-typography-secondary-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-typography-secondary-fg-dark,oklch(86.9%_0.022_252.894))] border-[color:var(--zui-typography-secondary-border,#00000026)] dark:border-[color:var(--zui-typography-secondary-border-dark,#ffffff26)]\",\n  accent:\n    \"text-[color:var(--zui-typography-accent-fg,oklch(49.1%_0.27_292.581))] dark:text-[color:var(--zui-typography-accent-fg-dark,oklch(81.1%_0.111_293.571))] border-[color:var(--zui-typography-accent-border,oklch(81.1%_0.111_293.571_/_0.4))]\",\n  destructive:\n    \"text-[color:var(--zui-typography-destructive-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-typography-destructive-fg-dark,oklch(71.2%_0.194_13.428))] border-[color:var(--zui-typography-destructive-border,oklch(81%_0.117_11.638_/_0.4))]\",\n  info: \"text-[color:var(--zui-typography-info-fg,oklch(50%_0.134_242.749))] dark:text-[color:var(--zui-typography-info-fg-dark,oklch(82.8%_0.111_230.318))] border-[color:var(--zui-typography-info-border,oklch(82.8%_0.111_230.318_/_0.4))]\",\n  success:\n    \"text-[color:var(--zui-typography-success-fg,oklch(50.8%_0.118_165.612))] dark:text-[color:var(--zui-typography-success-fg-dark,oklch(84.5%_0.143_164.978))] border-[color:var(--zui-typography-success-border,oklch(84.5%_0.143_164.978_/_0.4))]\",\n  warning:\n    \"text-[color:var(--zui-typography-warning-fg,oklch(55.5%_0.163_48.998))] dark:text-[color:var(--zui-typography-warning-fg-dark,oklch(87.9%_0.169_91.605))] border-[color:var(--zui-typography-warning-border,oklch(87.9%_0.169_91.605_/_0.4))]\",\n  error:\n    \"text-[color:var(--zui-typography-error-fg,oklch(50.5%_0.213_27.518))] dark:text-[color:var(--zui-typography-error-fg-dark,oklch(80.8%_0.114_19.571))] border-[color:var(--zui-typography-error-border,oklch(80.8%_0.114_19.571_/_0.4))]\",\n  \"gradient-pink-violet\":\n    \"bg-linear-to-r from-[var(--zui-typography-gradient-pink-violet-from,oklch(59.2%_0.249_0.584))] dark:from-[var(--zui-typography-gradient-pink-violet-from-dark,oklch(71.8%_0.202_349.761))] to-[var(--zui-typography-gradient-pink-violet-to,oklch(54.1%_0.281_293.009))] dark:to-[var(--zui-typography-gradient-pink-violet-to-dark,oklch(70.2%_0.183_293.541))] bg-clip-text text-[color:var(--zui-typography-gradient-pink-violet-fg,transparent)] border-[color:var(--zui-typography-gradient-pink-violet-border,oklch(81.1%_0.111_293.571_/_0.4))]\",\n  \"gradient-cyan-violet\":\n    \"bg-linear-to-r from-[var(--zui-typography-gradient-cyan-violet-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-violet-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-violet-to,oklch(54.1%_0.281_293.009))] dark:to-[var(--zui-typography-gradient-cyan-violet-to-dark,oklch(70.2%_0.183_293.541))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-violet-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-violet-border,oklch(81.1%_0.111_293.571_/_0.4))]\",\n  \"gradient-cyan-blue\":\n    \"bg-linear-to-r from-[var(--zui-typography-gradient-cyan-blue-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-blue-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-blue-to,oklch(54.6%_0.245_262.881))] dark:to-[var(--zui-typography-gradient-cyan-blue-to-dark,oklch(70.7%_0.165_254.624))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-blue-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-blue-border,oklch(80.9%_0.105_251.813_/_0.4))]\",\n  \"gradient-cyan-green\":\n    \"bg-linear-to-r from-[var(--zui-typography-gradient-cyan-green-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-green-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-green-to,oklch(62.7%_0.194_149.214))] dark:to-[var(--zui-typography-gradient-cyan-green-to-dark,oklch(79.2%_0.209_151.711))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-green-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-green-border,oklch(87.1%_0.15_154.449_/_0.4))]\",\n  \"gradient-cyan-orange\":\n    \"bg-linear-to-r from-[var(--zui-typography-gradient-cyan-orange-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-orange-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-orange-to,oklch(64.6%_0.222_41.116))] dark:to-[var(--zui-typography-gradient-cyan-orange-to-dark,oklch(75%_0.183_55.934))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-orange-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-orange-border,oklch(83.7%_0.128_66.29_/_0.4))]\",\n  \"gradient-cyan-red\":\n    \"bg-linear-to-r from-[var(--zui-typography-gradient-cyan-red-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-red-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-red-to,oklch(57.7%_0.245_27.325))] dark:to-[var(--zui-typography-gradient-cyan-red-to-dark,oklch(70.4%_0.191_22.216))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-red-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-red-border,oklch(80.8%_0.114_19.571_/_0.4))]\",\n  \"gradient-cyan-purple\":\n    \"bg-linear-to-r from-[var(--zui-typography-gradient-cyan-purple-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-purple-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-purple-to,oklch(55.8%_0.288_302.321))] dark:to-[var(--zui-typography-gradient-cyan-purple-to-dark,oklch(71.4%_0.203_305.504))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-purple-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-purple-border,oklch(82.7%_0.119_306.383_/_0.4))]\",\n  \"gradient-cyan-pink\":\n    \"bg-linear-to-r from-[var(--zui-typography-gradient-cyan-pink-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-pink-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-pink-to,oklch(59.2%_0.249_0.584))] dark:to-[var(--zui-typography-gradient-cyan-pink-to-dark,oklch(71.8%_0.202_349.761))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-pink-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-pink-border,oklch(82.3%_0.12_346.018_/_0.4))]\",\n} as const;\n\nexport const zuiHeadingBase = \"scroll-m-20\";\n\nexport const zuiHeadingLevels = {\n  1: \"text-4xl font-bold tracking-tight md:text-5xl\",\n  2: \"text-3xl font-semibold tracking-tight\",\n  3: \"text-2xl font-semibold tracking-tight\",\n  4: \"text-xl font-semibold tracking-tight\",\n  5: \"text-lg font-medium\",\n  6: \"text-base font-medium\",\n} as const;\n\nexport const zuiTextSizes = {\n  sm: \"text-sm leading-relaxed\",\n  base: \"text-base leading-relaxed\",\n  lg: \"text-lg leading-relaxed\",\n} as const;\n\nexport const zuiUnorderedListBase = \"space-y-2 pl-5\";\n\nexport const zuiUnorderedMarkers = {\n  disc: \"list-disc\",\n  circle: \"[list-style-type:circle]\",\n  none: \"list-none pl-0\",\n} as const;\n\nexport const zuiOrderedListBase = \"list-decimal space-y-2 pl-5\";\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiHeadingBase,\n  zuiHeadingLevels,\n  zuiOrderedListBase,\n  zuiTextSizes,\n  zuiTypographyTones,\n  zuiUnorderedListBase,\n  zuiUnorderedMarkers,\n} from \"../../design-system/typography\";\n\nexport const typographyToneVariants = cva(\"\", {\n  variants: {\n    tone: zuiTypographyTones,\n  },\n  defaultVariants: {\n    tone: \"default\",\n  },\n});\n\nexport const headingLevelVariants = cva(zuiHeadingBase, {\n  variants: {\n    level: zuiHeadingLevels,\n  },\n});\n\nexport const textSizeVariants = cva(\"\", {\n  variants: {\n    size: zuiTextSizes,\n  },\n  defaultVariants: {\n    size: \"base\",\n  },\n});\n\nexport const unorderedListMarkerVariants = cva(zuiUnorderedListBase, {\n  variants: {\n    marker: zuiUnorderedMarkers,\n  },\n  defaultVariants: {\n    marker: \"disc\",\n  },\n});\n\nexport const orderedListVariants = cva(zuiOrderedListBase);\n","import { cn } from \"../../lib/utils\";\n\nimport type { HeadingProps } from \"./types\";\nimport { headingLevelVariants, typographyToneVariants } from \"./variants\";\n\nconst HEADING_TAGS = {\n  1: \"h1\",\n  2: \"h2\",\n  3: \"h3\",\n  4: \"h4\",\n  5: \"h5\",\n  6: \"h6\",\n} as const;\n\nexport const HeadingBase = (props: HeadingProps) => {\n  const {\n    level,\n    displayLevel,\n    tone,\n    bold,\n    italic,\n    underline,\n    strikethrough,\n    ref,\n    className,\n    children,\n    ...rest\n  } = props;\n\n  const Tag = HEADING_TAGS[level];\n  const scale = displayLevel ?? level;\n\n  return (\n    <Tag\n      ref={ref}\n      data-slot=\"typography-heading\"\n      data-level={level}\n      className={cn(\n        typographyToneVariants({ tone }),\n        headingLevelVariants({ level: scale }),\n        bold && \"font-bold\",\n        italic && \"italic\",\n        underline && \"underline underline-offset-4\",\n        strikethrough && \"line-through\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n};\n\nHeadingBase.displayName = \"Heading\";\n","import { HeadingBase } from \"./heading-base\";\nimport type { HeadingProps } from \"./types\";\n\nexport const Heading = (props: HeadingProps) => {\n  return <HeadingBase {...props} />;\n};\n\nHeading.displayName = \"Heading\";\n","import { cn } from \"../../lib/utils\";\n\nimport type { TextProps } from \"./types\";\nimport { textSizeVariants, typographyToneVariants } from \"./variants\";\n\nexport const TextBase = (props: TextProps) => {\n  const {\n    as = \"p\",\n    size = \"base\",\n    tone,\n    bold,\n    italic,\n    underline,\n    strikethrough,\n    highlight,\n    className,\n    children,\n    ...rest\n  } = props;\n\n  const Component = as;\n\n  return (\n    <Component\n      data-slot=\"typography-text\"\n      className={cn(\n        typographyToneVariants({ tone }),\n        textSizeVariants({ size }),\n        bold && \"font-semibold\",\n        italic && \"italic\",\n        underline && \"underline underline-offset-2\",\n        strikethrough && \"line-through\",\n        highlight && \"rounded bg-amber-400/15 px-0.5\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  );\n};\n\nTextBase.displayName = \"Text\";\n","import { TextBase } from \"./text-base\";\nimport type { TextProps } from \"./types\";\n\nexport const Text = (props: TextProps) => {\n  return <TextBase {...props} />;\n};\n\nText.displayName = \"Text\";\n","import { cn } from \"../../lib/utils\";\n\nimport type { ListProps, ListItemProps } from \"./types\";\nimport {\n  orderedListVariants,\n  typographyToneVariants,\n  unorderedListMarkerVariants,\n} from \"./variants\";\n\nexport function ListBase(props: ListProps) {\n  if (\"ordered\" in props && props.ordered === true) {\n    const { tone, className, children, ref, ordered, marker, ...rest } = props;\n\n    void ordered;\n    void marker;\n\n    return (\n      <ol\n        ref={ref}\n        data-slot=\"typography-list\"\n        data-list-type=\"ordered\"\n        className={cn(\n          typographyToneVariants({ tone }),\n          orderedListVariants(),\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </ol>\n    );\n  }\n\n  const {\n    marker = \"disc\",\n    tone,\n    className,\n    children,\n    ref,\n    ordered,\n    ...rest\n  } = props;\n\n  void ordered;\n\n  return (\n    <ul\n      ref={ref}\n      data-slot=\"typography-list\"\n      data-list-type=\"unordered\"\n      className={cn(\n        typographyToneVariants({ tone }),\n        unorderedListMarkerVariants({ marker }),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </ul>\n  );\n}\n\nListBase.displayName = \"List\";\n\nexport function ListItemBase(props: ListItemProps) {\n  const { className, children, ref, ...rest } = props;\n\n  return (\n    <li\n      ref={ref}\n      data-slot=\"typography-list-item\"\n      className={cn(\"leading-relaxed\", className)}\n      {...rest}\n    >\n      {children}\n    </li>\n  );\n}\n\nListItemBase.displayName = \"ListItem\";\n","import type { ListProps } from \"./types\";\n\nimport { ListBase, ListItemBase } from \"./list-base\";\n\nexport const ListItem = ListItemBase;\n\nfunction ListRoot(props: ListProps) {\n  return <ListBase {...props} />;\n}\n\nexport const List = Object.assign(ListRoot, {\n  Item: ListItem,\n});\n\nListRoot.displayName = \"List\";\n","import { cn } from \"../../lib/utils\";\n\nimport type { BlockquoteProps } from \"./types\";\nimport { typographyToneVariants } from \"./variants\";\n\nexport const BlockquoteBase = (props: BlockquoteProps) => {\n  const { tone, attribution, className, children, ref, ...rest } = props;\n\n  return (\n    <blockquote\n      ref={ref}\n      data-slot=\"typography-blockquote\"\n      className={cn(\n        typographyToneVariants({ tone }),\n        \"border-l-4 py-1 pl-4 italic\",\n        className,\n      )}\n      {...rest}\n    >\n      <div className=\"space-y-2 leading-relaxed\">{children}</div>\n      {attribution ? (\n        <footer className=\"mt-3 text-sm not-italic\">\n          <cite>{attribution}</cite>\n        </footer>\n      ) : null}\n    </blockquote>\n  );\n};\n\nBlockquoteBase.displayName = \"Blockquote\";\n","import { BlockquoteBase } from \"./blockquote-base\";\nimport type { BlockquoteProps } from \"./types\";\n\nexport const Blockquote = (props: BlockquoteProps) => {\n  return <BlockquoteBase {...props} />;\n};\n\nBlockquote.displayName = \"Blockquote\";\n","import { cn } from \"../../lib/utils\";\n\nimport type { InlineCodeProps } from \"./types\";\nimport { typographyToneVariants } from \"./variants\";\n\nexport const InlineCodeBase = (props: InlineCodeProps) => {\n  const { tone, className, children, ref, ...rest } = props;\n\n  return (\n    <code\n      ref={ref}\n      data-slot=\"typography-inline-code\"\n      className={cn(\n        typographyToneVariants({ tone }),\n        \"rounded-md border border-white/10 bg-white/6 px-1.5 py-0.5 font-mono text-[0.925em] font-normal\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </code>\n  );\n};\n\nInlineCodeBase.displayName = \"InlineCode\";\n","import { InlineCodeBase } from \"./inline-code-base\";\nimport type { InlineCodeProps } from \"./types\";\n\nexport const InlineCode = (props: InlineCodeProps) => {\n  return <InlineCodeBase {...props} />;\n};\n\nInlineCode.displayName = \"InlineCode\";\n","import { cn } from \"../../lib/utils\";\n\nimport type { CodeBlockProps } from \"./types\";\nimport { typographyToneVariants } from \"./variants\";\n\nexport const CodeBlockBase = (props: CodeBlockProps) => {\n  const { tone, language, className, children, ref, ...rest } = props;\n\n  const ariaLabel = language ? `Code sample (${language})` : \"Code sample\";\n\n  return (\n    <pre\n      ref={ref}\n      data-slot=\"typography-code-block\"\n      aria-label={ariaLabel}\n      className={cn(\n        typographyToneVariants({ tone }),\n        \"overflow-x-auto rounded-xl border border-white/10 bg-white/90 dark:bg-slate-950/80 p-4 text-sm leading-relaxed shadow-inner shadow-slate-950/40\",\n        className,\n      )}\n      {...rest}\n    >\n      <code className=\"font-mono text-[0.95em] whitespace-pre-wrap wrap-break-word\">\n        {children}\n      </code>\n    </pre>\n  );\n};\n\nCodeBlockBase.displayName = \"CodeBlock\";\n","import { CodeBlockBase } from \"./code-block-base\";\nimport type { CodeBlockProps } from \"./types\";\n\nexport const CodeBlock = (props: CodeBlockProps) => {\n  return <CodeBlockBase {...props} />;\n};\n\nCodeBlock.displayName = \"CodeBlock\";\n"]}

package/dist/ui/typography.mjs

@@ -3,70 +3,80 @@ import { cn } from '../chunk-4D54YOL6.mjs';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
+// src/design-system/typography.ts
+var zuiTypographyTones = {
+  default: "text-[color:var(--zui-typography-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-typography-default-fg-dark,oklch(98.4%_0.003_247.858))] border-[color:var(--zui-typography-default-border,#00000026)] dark:border-[color:var(--zui-typography-default-border-dark,#ffffff26)]",
+  muted: "text-[color:var(--zui-typography-muted-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-typography-muted-fg-dark,oklch(70.4%_0.04_256.788))] border-[color:var(--zui-typography-muted-border,#00000026)] dark:border-[color:var(--zui-typography-muted-border-dark,#ffffff26)]",
+  primary: "text-[color:var(--zui-typography-primary-fg,oklch(52%_0.105_223.128))] dark:text-[color:var(--zui-typography-primary-fg-dark,oklch(86.5%_0.127_207.078))] border-[color:var(--zui-typography-primary-border,oklch(86.5%_0.127_207.078_/_0.4))]",
+  secondary: "text-[color:var(--zui-typography-secondary-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-typography-secondary-fg-dark,oklch(86.9%_0.022_252.894))] border-[color:var(--zui-typography-secondary-border,#00000026)] dark:border-[color:var(--zui-typography-secondary-border-dark,#ffffff26)]",
+  accent: "text-[color:var(--zui-typography-accent-fg,oklch(49.1%_0.27_292.581))] dark:text-[color:var(--zui-typography-accent-fg-dark,oklch(81.1%_0.111_293.571))] border-[color:var(--zui-typography-accent-border,oklch(81.1%_0.111_293.571_/_0.4))]",
+  destructive: "text-[color:var(--zui-typography-destructive-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-typography-destructive-fg-dark,oklch(71.2%_0.194_13.428))] border-[color:var(--zui-typography-destructive-border,oklch(81%_0.117_11.638_/_0.4))]",
+  info: "text-[color:var(--zui-typography-info-fg,oklch(50%_0.134_242.749))] dark:text-[color:var(--zui-typography-info-fg-dark,oklch(82.8%_0.111_230.318))] border-[color:var(--zui-typography-info-border,oklch(82.8%_0.111_230.318_/_0.4))]",
+  success: "text-[color:var(--zui-typography-success-fg,oklch(50.8%_0.118_165.612))] dark:text-[color:var(--zui-typography-success-fg-dark,oklch(84.5%_0.143_164.978))] border-[color:var(--zui-typography-success-border,oklch(84.5%_0.143_164.978_/_0.4))]",
+  warning: "text-[color:var(--zui-typography-warning-fg,oklch(55.5%_0.163_48.998))] dark:text-[color:var(--zui-typography-warning-fg-dark,oklch(87.9%_0.169_91.605))] border-[color:var(--zui-typography-warning-border,oklch(87.9%_0.169_91.605_/_0.4))]",
+  error: "text-[color:var(--zui-typography-error-fg,oklch(50.5%_0.213_27.518))] dark:text-[color:var(--zui-typography-error-fg-dark,oklch(80.8%_0.114_19.571))] border-[color:var(--zui-typography-error-border,oklch(80.8%_0.114_19.571_/_0.4))]",
+  "gradient-pink-violet": "bg-linear-to-r from-[var(--zui-typography-gradient-pink-violet-from,oklch(59.2%_0.249_0.584))] dark:from-[var(--zui-typography-gradient-pink-violet-from-dark,oklch(71.8%_0.202_349.761))] to-[var(--zui-typography-gradient-pink-violet-to,oklch(54.1%_0.281_293.009))] dark:to-[var(--zui-typography-gradient-pink-violet-to-dark,oklch(70.2%_0.183_293.541))] bg-clip-text text-[color:var(--zui-typography-gradient-pink-violet-fg,transparent)] border-[color:var(--zui-typography-gradient-pink-violet-border,oklch(81.1%_0.111_293.571_/_0.4))]",
+  "gradient-cyan-violet": "bg-linear-to-r from-[var(--zui-typography-gradient-cyan-violet-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-violet-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-violet-to,oklch(54.1%_0.281_293.009))] dark:to-[var(--zui-typography-gradient-cyan-violet-to-dark,oklch(70.2%_0.183_293.541))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-violet-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-violet-border,oklch(81.1%_0.111_293.571_/_0.4))]",
+  "gradient-cyan-blue": "bg-linear-to-r from-[var(--zui-typography-gradient-cyan-blue-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-blue-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-blue-to,oklch(54.6%_0.245_262.881))] dark:to-[var(--zui-typography-gradient-cyan-blue-to-dark,oklch(70.7%_0.165_254.624))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-blue-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-blue-border,oklch(80.9%_0.105_251.813_/_0.4))]",
+  "gradient-cyan-green": "bg-linear-to-r from-[var(--zui-typography-gradient-cyan-green-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-green-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-green-to,oklch(62.7%_0.194_149.214))] dark:to-[var(--zui-typography-gradient-cyan-green-to-dark,oklch(79.2%_0.209_151.711))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-green-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-green-border,oklch(87.1%_0.15_154.449_/_0.4))]",
+  "gradient-cyan-orange": "bg-linear-to-r from-[var(--zui-typography-gradient-cyan-orange-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-orange-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-orange-to,oklch(64.6%_0.222_41.116))] dark:to-[var(--zui-typography-gradient-cyan-orange-to-dark,oklch(75%_0.183_55.934))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-orange-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-orange-border,oklch(83.7%_0.128_66.29_/_0.4))]",
+  "gradient-cyan-red": "bg-linear-to-r from-[var(--zui-typography-gradient-cyan-red-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-red-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-red-to,oklch(57.7%_0.245_27.325))] dark:to-[var(--zui-typography-gradient-cyan-red-to-dark,oklch(70.4%_0.191_22.216))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-red-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-red-border,oklch(80.8%_0.114_19.571_/_0.4))]",
+  "gradient-cyan-purple": "bg-linear-to-r from-[var(--zui-typography-gradient-cyan-purple-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-purple-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-purple-to,oklch(55.8%_0.288_302.321))] dark:to-[var(--zui-typography-gradient-cyan-purple-to-dark,oklch(71.4%_0.203_305.504))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-purple-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-purple-border,oklch(82.7%_0.119_306.383_/_0.4))]",
+  "gradient-cyan-pink": "bg-linear-to-r from-[var(--zui-typography-gradient-cyan-pink-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-pink-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-pink-to,oklch(59.2%_0.249_0.584))] dark:to-[var(--zui-typography-gradient-cyan-pink-to-dark,oklch(71.8%_0.202_349.761))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-pink-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-pink-border,oklch(82.3%_0.12_346.018_/_0.4))]"
+};
+var zuiHeadingBase = "scroll-m-20";
+var zuiHeadingLevels = {
+  1: "text-4xl font-bold tracking-tight md:text-5xl",
+  2: "text-3xl font-semibold tracking-tight",
+  3: "text-2xl font-semibold tracking-tight",
+  4: "text-xl font-semibold tracking-tight",
+  5: "text-lg font-medium",
+  6: "text-base font-medium"
+};
+var zuiTextSizes = {
+  sm: "text-sm leading-relaxed",
+  base: "text-base leading-relaxed",
+  lg: "text-lg leading-relaxed"
+};
+var zuiUnorderedListBase = "space-y-2 pl-5";
+var zuiUnorderedMarkers = {
+  disc: "list-disc",
+  circle: "[list-style-type:circle]",
+  none: "list-none pl-0"
+};
+var zuiOrderedListBase = "list-decimal space-y-2 pl-5";
+
+// src/ui/typography/variants.ts
 var typographyToneVariants = cva("", {
   variants: {
-    tone: {
-      default: "text-slate-900 dark:text-slate-50 border-black/15 dark:border-white/15",
-      muted: "text-slate-500 dark:text-slate-400 border-black/15 dark:border-white/15",
-      primary: "text-cyan-700 dark:text-cyan-300 border-cyan-300/40",
-      secondary: "text-slate-600 dark:text-slate-300 border-black/15 dark:border-white/15",
-      accent: "text-violet-700 dark:text-violet-300 border-violet-300/40",
-      destructive: "text-rose-600 dark:text-rose-400 border-rose-300/40",
-      info: "text-sky-700 dark:text-sky-300 border-sky-300/40",
-      success: "text-emerald-700 dark:text-emerald-300 border-emerald-300/40",
-      warning: "text-amber-700 dark:text-amber-300 border-amber-300/40",
-      error: "text-red-700 dark:text-red-300 border-red-300/40",
-      "gradient-pink-violet": "bg-linear-to-r from-pink-600 dark:from-pink-400 to-violet-600 dark:to-violet-400 bg-clip-text text-transparent border-violet-300/40",
-      "gradient-cyan-violet": "bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-violet-600 dark:to-violet-400 bg-clip-text text-transparent border-violet-300/40",
-      "gradient-cyan-blue": "bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-blue-600 dark:to-blue-400 bg-clip-text text-transparent border-blue-300/40",
-      "gradient-cyan-green": "bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-green-600 dark:to-green-400 bg-clip-text text-transparent border-green-300/40",
-      "gradient-cyan-orange": "bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-orange-600 dark:to-orange-400 bg-clip-text text-transparent border-orange-300/40",
-      "gradient-cyan-red": "bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-red-600 dark:to-red-400 bg-clip-text text-transparent border-red-300/40",
-      "gradient-cyan-purple": "bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-purple-600 dark:to-purple-400 bg-clip-text text-transparent border-purple-300/40",
-      "gradient-cyan-pink": "bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-pink-600 dark:to-pink-400 bg-clip-text text-transparent border-pink-300/40"
-    }
+    tone: zuiTypographyTones
   },
   defaultVariants: {
     tone: "default"
   }
 });
-var headingLevelVariants = cva("scroll-m-20", {
+var headingLevelVariants = cva(zuiHeadingBase, {
   variants: {
-    level: {
-      1: "text-4xl font-bold tracking-tight md:text-5xl",
-      2: "text-3xl font-semibold tracking-tight",
-      3: "text-2xl font-semibold tracking-tight",
-      4: "text-xl font-semibold tracking-tight",
-      5: "text-lg font-medium",
-      6: "text-base font-medium"
-    }
+    level: zuiHeadingLevels
   }
 });
 var textSizeVariants = cva("", {
   variants: {
-    size: {
-      sm: "text-sm leading-relaxed",
-      base: "text-base leading-relaxed",
-      lg: "text-lg leading-relaxed"
-    }
+    size: zuiTextSizes
   },
   defaultVariants: {
     size: "base"
   }
 });
-var unorderedListMarkerVariants = cva("space-y-2 pl-5", {
+var unorderedListMarkerVariants = cva(zuiUnorderedListBase, {
   variants: {
-    marker: {
-      disc: "list-disc",
-      circle: "[list-style-type:circle]",
-      none: "list-none pl-0"
-    }
+    marker: zuiUnorderedMarkers
   },
   defaultVariants: {
     marker: "disc"
   }
 });
-var orderedListVariants = cva("list-decimal space-y-2 pl-5");
+var orderedListVariants = cva(zuiOrderedListBase);
 var HEADING_TAGS = {
   1: "h1",
   2: "h2",

package/dist/ui/typography.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/typography/variants.ts","../../src/ui/typography/heading-base.tsx","../../src/ui/typography/heading.tsx","../../src/ui/typography/text-base.tsx","../../src/ui/typography/text.tsx","../../src/ui/typography/list-base.tsx","../../src/ui/typography/list.tsx","../../src/ui/typography/blockquote-base.tsx","../../src/ui/typography/blockquote.tsx","../../src/ui/typography/inline-code-base.tsx","../../src/ui/typography/inline-code.tsx","../../src/ui/typography/code-block-base.tsx","../../src/ui/typography/code-block.tsx"],"names":["jsx","tone","className","children","ref","ordered","marker","rest"],"mappings":"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","file":"typography.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\n/** Semantic text colors aligned with slate/cyan/violet accents used across the kit (dark-first). */\nexport const typographyToneVariants = cva(\"\", {\n  variants: {\n    tone: {\n      default:\n        \"text-slate-900 dark:text-slate-50 border-black/15 dark:border-white/15\",\n      muted:\n        \"text-slate-500 dark:text-slate-400 border-black/15 dark:border-white/15\",\n      primary: \"text-cyan-700 dark:text-cyan-300 border-cyan-300/40\",\n      secondary:\n        \"text-slate-600 dark:text-slate-300 border-black/15 dark:border-white/15\",\n      accent: \"text-violet-700 dark:text-violet-300 border-violet-300/40\",\n      destructive: \"text-rose-600 dark:text-rose-400 border-rose-300/40\",\n      info: \"text-sky-700 dark:text-sky-300 border-sky-300/40\",\n      success: \"text-emerald-700 dark:text-emerald-300 border-emerald-300/40\",\n      warning: \"text-amber-700 dark:text-amber-300 border-amber-300/40\",\n      error: \"text-red-700 dark:text-red-300 border-red-300/40\",\n      \"gradient-pink-violet\":\n        \"bg-linear-to-r from-pink-600 dark:from-pink-400 to-violet-600 dark:to-violet-400 bg-clip-text text-transparent border-violet-300/40\",\n      \"gradient-cyan-violet\":\n        \"bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-violet-600 dark:to-violet-400 bg-clip-text text-transparent border-violet-300/40\",\n      \"gradient-cyan-blue\":\n        \"bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-blue-600 dark:to-blue-400 bg-clip-text text-transparent border-blue-300/40\",\n      \"gradient-cyan-green\":\n        \"bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-green-600 dark:to-green-400 bg-clip-text text-transparent border-green-300/40\",\n      \"gradient-cyan-orange\":\n        \"bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-orange-600 dark:to-orange-400 bg-clip-text text-transparent border-orange-300/40\",\n      \"gradient-cyan-red\":\n        \"bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-red-600 dark:to-red-400 bg-clip-text text-transparent border-red-300/40\",\n      \"gradient-cyan-purple\":\n        \"bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-purple-600 dark:to-purple-400 bg-clip-text text-transparent border-purple-300/40\",\n      \"gradient-cyan-pink\":\n        \"bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-pink-600 dark:to-pink-400 bg-clip-text text-transparent border-pink-300/40\",\n    },\n  },\n  defaultVariants: {\n    tone: \"default\",\n  },\n});\n\nexport const headingLevelVariants = cva(\"scroll-m-20\", {\n  variants: {\n    level: {\n      1: \"text-4xl font-bold tracking-tight md:text-5xl\",\n      2: \"text-3xl font-semibold tracking-tight\",\n      3: \"text-2xl font-semibold tracking-tight\",\n      4: \"text-xl font-semibold tracking-tight\",\n      5: \"text-lg font-medium\",\n      6: \"text-base font-medium\",\n    },\n  },\n});\n\nexport const textSizeVariants = cva(\"\", {\n  variants: {\n    size: {\n      sm: \"text-sm leading-relaxed\",\n      base: \"text-base leading-relaxed\",\n      lg: \"text-lg leading-relaxed\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n  },\n});\n\n/** Marker style for unordered lists; ignored when `ordered` is true (decimal numbering). */\nexport const unorderedListMarkerVariants = cva(\"space-y-2 pl-5\", {\n  variants: {\n    marker: {\n      disc: \"list-disc\",\n      circle: \"[list-style-type:circle]\",\n      none: \"list-none pl-0\",\n    },\n  },\n  defaultVariants: {\n    marker: \"disc\",\n  },\n});\n\nexport const orderedListVariants = cva(\"list-decimal space-y-2 pl-5\");\n","import { cn } from \"../../lib/utils\";\n\nimport type { HeadingProps } from \"./types\";\nimport { headingLevelVariants, typographyToneVariants } from \"./variants\";\n\nconst HEADING_TAGS = {\n  1: \"h1\",\n  2: \"h2\",\n  3: \"h3\",\n  4: \"h4\",\n  5: \"h5\",\n  6: \"h6\",\n} as const;\n\nexport const HeadingBase = (props: HeadingProps) => {\n  const {\n    level,\n    displayLevel,\n    tone,\n    bold,\n    italic,\n    underline,\n    strikethrough,\n    ref,\n    className,\n    children,\n    ...rest\n  } = props;\n\n  const Tag = HEADING_TAGS[level];\n  const scale = displayLevel ?? level;\n\n  return (\n    <Tag\n      ref={ref}\n      data-slot=\"typography-heading\"\n      data-level={level}\n      className={cn(\n        typographyToneVariants({ tone }),\n        headingLevelVariants({ level: scale }),\n        bold && \"font-bold\",\n        italic && \"italic\",\n        underline && \"underline underline-offset-4\",\n        strikethrough && \"line-through\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n};\n\nHeadingBase.displayName = \"Heading\";\n","import { HeadingBase } from \"./heading-base\";\nimport type { HeadingProps } from \"./types\";\n\nexport const Heading = (props: HeadingProps) => {\n  return <HeadingBase {...props} />;\n};\n\nHeading.displayName = \"Heading\";\n","import { cn } from \"../../lib/utils\";\n\nimport type { TextProps } from \"./types\";\nimport { textSizeVariants, typographyToneVariants } from \"./variants\";\n\nexport const TextBase = (props: TextProps) => {\n  const {\n    as = \"p\",\n    size = \"base\",\n    tone,\n    bold,\n    italic,\n    underline,\n    strikethrough,\n    highlight,\n    className,\n    children,\n    ...rest\n  } = props;\n\n  const Component = as;\n\n  return (\n    <Component\n      data-slot=\"typography-text\"\n      className={cn(\n        typographyToneVariants({ tone }),\n        textSizeVariants({ size }),\n        bold && \"font-semibold\",\n        italic && \"italic\",\n        underline && \"underline underline-offset-2\",\n        strikethrough && \"line-through\",\n        highlight && \"rounded bg-amber-400/15 px-0.5\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  );\n};\n\nTextBase.displayName = \"Text\";\n","import { TextBase } from \"./text-base\";\nimport type { TextProps } from \"./types\";\n\nexport const Text = (props: TextProps) => {\n  return <TextBase {...props} />;\n};\n\nText.displayName = \"Text\";\n","import { cn } from \"../../lib/utils\";\n\nimport type { ListProps, ListItemProps } from \"./types\";\nimport {\n  orderedListVariants,\n  typographyToneVariants,\n  unorderedListMarkerVariants,\n} from \"./variants\";\n\nexport function ListBase(props: ListProps) {\n  if (\"ordered\" in props && props.ordered === true) {\n    const { tone, className, children, ref, ordered, marker, ...rest } = props;\n\n    void ordered;\n    void marker;\n\n    return (\n      <ol\n        ref={ref}\n        data-slot=\"typography-list\"\n        data-list-type=\"ordered\"\n        className={cn(\n          typographyToneVariants({ tone }),\n          orderedListVariants(),\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </ol>\n    );\n  }\n\n  const {\n    marker = \"disc\",\n    tone,\n    className,\n    children,\n    ref,\n    ordered,\n    ...rest\n  } = props;\n\n  void ordered;\n\n  return (\n    <ul\n      ref={ref}\n      data-slot=\"typography-list\"\n      data-list-type=\"unordered\"\n      className={cn(\n        typographyToneVariants({ tone }),\n        unorderedListMarkerVariants({ marker }),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </ul>\n  );\n}\n\nListBase.displayName = \"List\";\n\nexport function ListItemBase(props: ListItemProps) {\n  const { className, children, ref, ...rest } = props;\n\n  return (\n    <li\n      ref={ref}\n      data-slot=\"typography-list-item\"\n      className={cn(\"leading-relaxed\", className)}\n      {...rest}\n    >\n      {children}\n    </li>\n  );\n}\n\nListItemBase.displayName = \"ListItem\";\n","import type { ListProps } from \"./types\";\n\nimport { ListBase, ListItemBase } from \"./list-base\";\n\nexport const ListItem = ListItemBase;\n\nfunction ListRoot(props: ListProps) {\n  return <ListBase {...props} />;\n}\n\nexport const List = Object.assign(ListRoot, {\n  Item: ListItem,\n});\n\nListRoot.displayName = \"List\";\n","import { cn } from \"../../lib/utils\";\n\nimport type { BlockquoteProps } from \"./types\";\nimport { typographyToneVariants } from \"./variants\";\n\nexport const BlockquoteBase = (props: BlockquoteProps) => {\n  const { tone, attribution, className, children, ref, ...rest } = props;\n\n  return (\n    <blockquote\n      ref={ref}\n      data-slot=\"typography-blockquote\"\n      className={cn(\n        typographyToneVariants({ tone }),\n        \"border-l-4 py-1 pl-4 italic\",\n        className,\n      )}\n      {...rest}\n    >\n      <div className=\"space-y-2 leading-relaxed\">{children}</div>\n      {attribution ? (\n        <footer className=\"mt-3 text-sm not-italic\">\n          <cite>{attribution}</cite>\n        </footer>\n      ) : null}\n    </blockquote>\n  );\n};\n\nBlockquoteBase.displayName = \"Blockquote\";\n","import { BlockquoteBase } from \"./blockquote-base\";\nimport type { BlockquoteProps } from \"./types\";\n\nexport const Blockquote = (props: BlockquoteProps) => {\n  return <BlockquoteBase {...props} />;\n};\n\nBlockquote.displayName = \"Blockquote\";\n","import { cn } from \"../../lib/utils\";\n\nimport type { InlineCodeProps } from \"./types\";\nimport { typographyToneVariants } from \"./variants\";\n\nexport const InlineCodeBase = (props: InlineCodeProps) => {\n  const { tone, className, children, ref, ...rest } = props;\n\n  return (\n    <code\n      ref={ref}\n      data-slot=\"typography-inline-code\"\n      className={cn(\n        typographyToneVariants({ tone }),\n        \"rounded-md border border-white/10 bg-white/6 px-1.5 py-0.5 font-mono text-[0.925em] font-normal\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </code>\n  );\n};\n\nInlineCodeBase.displayName = \"InlineCode\";\n","import { InlineCodeBase } from \"./inline-code-base\";\nimport type { InlineCodeProps } from \"./types\";\n\nexport const InlineCode = (props: InlineCodeProps) => {\n  return <InlineCodeBase {...props} />;\n};\n\nInlineCode.displayName = \"InlineCode\";\n","import { cn } from \"../../lib/utils\";\n\nimport type { CodeBlockProps } from \"./types\";\nimport { typographyToneVariants } from \"./variants\";\n\nexport const CodeBlockBase = (props: CodeBlockProps) => {\n  const { tone, language, className, children, ref, ...rest } = props;\n\n  const ariaLabel = language ? `Code sample (${language})` : \"Code sample\";\n\n  return (\n    <pre\n      ref={ref}\n      data-slot=\"typography-code-block\"\n      aria-label={ariaLabel}\n      className={cn(\n        typographyToneVariants({ tone }),\n        \"overflow-x-auto rounded-xl border border-white/10 bg-white/90 dark:bg-slate-950/80 p-4 text-sm leading-relaxed shadow-inner shadow-slate-950/40\",\n        className,\n      )}\n      {...rest}\n    >\n      <code className=\"font-mono text-[0.95em] whitespace-pre-wrap wrap-break-word\">\n        {children}\n      </code>\n    </pre>\n  );\n};\n\nCodeBlockBase.displayName = \"CodeBlock\";\n","import { CodeBlockBase } from \"./code-block-base\";\nimport type { CodeBlockProps } from \"./types\";\n\nexport const CodeBlock = (props: CodeBlockProps) => {\n  return <CodeBlockBase {...props} />;\n};\n\nCodeBlock.displayName = \"CodeBlock\";\n"]}
+{"version":3,"sources":["../../src/design-system/typography.ts","../../src/ui/typography/variants.ts","../../src/ui/typography/heading-base.tsx","../../src/ui/typography/heading.tsx","../../src/ui/typography/text-base.tsx","../../src/ui/typography/text.tsx","../../src/ui/typography/list-base.tsx","../../src/ui/typography/list.tsx","../../src/ui/typography/blockquote-base.tsx","../../src/ui/typography/blockquote.tsx","../../src/ui/typography/inline-code-base.tsx","../../src/ui/typography/inline-code.tsx","../../src/ui/typography/code-block-base.tsx","../../src/ui/typography/code-block.tsx"],"names":["jsx","tone","className","children","ref","ordered","marker","rest"],"mappings":"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","file":"typography.mjs","sourcesContent":["export const zuiTypographyTones = {\n  default:\n    \"text-[color:var(--zui-typography-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-typography-default-fg-dark,oklch(98.4%_0.003_247.858))] border-[color:var(--zui-typography-default-border,#00000026)] dark:border-[color:var(--zui-typography-default-border-dark,#ffffff26)]\",\n  muted:\n    \"text-[color:var(--zui-typography-muted-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-typography-muted-fg-dark,oklch(70.4%_0.04_256.788))] border-[color:var(--zui-typography-muted-border,#00000026)] dark:border-[color:var(--zui-typography-muted-border-dark,#ffffff26)]\",\n  primary:\n    \"text-[color:var(--zui-typography-primary-fg,oklch(52%_0.105_223.128))] dark:text-[color:var(--zui-typography-primary-fg-dark,oklch(86.5%_0.127_207.078))] border-[color:var(--zui-typography-primary-border,oklch(86.5%_0.127_207.078_/_0.4))]\",\n  secondary:\n    \"text-[color:var(--zui-typography-secondary-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-typography-secondary-fg-dark,oklch(86.9%_0.022_252.894))] border-[color:var(--zui-typography-secondary-border,#00000026)] dark:border-[color:var(--zui-typography-secondary-border-dark,#ffffff26)]\",\n  accent:\n    \"text-[color:var(--zui-typography-accent-fg,oklch(49.1%_0.27_292.581))] dark:text-[color:var(--zui-typography-accent-fg-dark,oklch(81.1%_0.111_293.571))] border-[color:var(--zui-typography-accent-border,oklch(81.1%_0.111_293.571_/_0.4))]\",\n  destructive:\n    \"text-[color:var(--zui-typography-destructive-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-typography-destructive-fg-dark,oklch(71.2%_0.194_13.428))] border-[color:var(--zui-typography-destructive-border,oklch(81%_0.117_11.638_/_0.4))]\",\n  info: \"text-[color:var(--zui-typography-info-fg,oklch(50%_0.134_242.749))] dark:text-[color:var(--zui-typography-info-fg-dark,oklch(82.8%_0.111_230.318))] border-[color:var(--zui-typography-info-border,oklch(82.8%_0.111_230.318_/_0.4))]\",\n  success:\n    \"text-[color:var(--zui-typography-success-fg,oklch(50.8%_0.118_165.612))] dark:text-[color:var(--zui-typography-success-fg-dark,oklch(84.5%_0.143_164.978))] border-[color:var(--zui-typography-success-border,oklch(84.5%_0.143_164.978_/_0.4))]\",\n  warning:\n    \"text-[color:var(--zui-typography-warning-fg,oklch(55.5%_0.163_48.998))] dark:text-[color:var(--zui-typography-warning-fg-dark,oklch(87.9%_0.169_91.605))] border-[color:var(--zui-typography-warning-border,oklch(87.9%_0.169_91.605_/_0.4))]\",\n  error:\n    \"text-[color:var(--zui-typography-error-fg,oklch(50.5%_0.213_27.518))] dark:text-[color:var(--zui-typography-error-fg-dark,oklch(80.8%_0.114_19.571))] border-[color:var(--zui-typography-error-border,oklch(80.8%_0.114_19.571_/_0.4))]\",\n  \"gradient-pink-violet\":\n    \"bg-linear-to-r from-[var(--zui-typography-gradient-pink-violet-from,oklch(59.2%_0.249_0.584))] dark:from-[var(--zui-typography-gradient-pink-violet-from-dark,oklch(71.8%_0.202_349.761))] to-[var(--zui-typography-gradient-pink-violet-to,oklch(54.1%_0.281_293.009))] dark:to-[var(--zui-typography-gradient-pink-violet-to-dark,oklch(70.2%_0.183_293.541))] bg-clip-text text-[color:var(--zui-typography-gradient-pink-violet-fg,transparent)] border-[color:var(--zui-typography-gradient-pink-violet-border,oklch(81.1%_0.111_293.571_/_0.4))]\",\n  \"gradient-cyan-violet\":\n    \"bg-linear-to-r from-[var(--zui-typography-gradient-cyan-violet-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-violet-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-violet-to,oklch(54.1%_0.281_293.009))] dark:to-[var(--zui-typography-gradient-cyan-violet-to-dark,oklch(70.2%_0.183_293.541))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-violet-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-violet-border,oklch(81.1%_0.111_293.571_/_0.4))]\",\n  \"gradient-cyan-blue\":\n    \"bg-linear-to-r from-[var(--zui-typography-gradient-cyan-blue-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-blue-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-blue-to,oklch(54.6%_0.245_262.881))] dark:to-[var(--zui-typography-gradient-cyan-blue-to-dark,oklch(70.7%_0.165_254.624))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-blue-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-blue-border,oklch(80.9%_0.105_251.813_/_0.4))]\",\n  \"gradient-cyan-green\":\n    \"bg-linear-to-r from-[var(--zui-typography-gradient-cyan-green-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-green-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-green-to,oklch(62.7%_0.194_149.214))] dark:to-[var(--zui-typography-gradient-cyan-green-to-dark,oklch(79.2%_0.209_151.711))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-green-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-green-border,oklch(87.1%_0.15_154.449_/_0.4))]\",\n  \"gradient-cyan-orange\":\n    \"bg-linear-to-r from-[var(--zui-typography-gradient-cyan-orange-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-orange-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-orange-to,oklch(64.6%_0.222_41.116))] dark:to-[var(--zui-typography-gradient-cyan-orange-to-dark,oklch(75%_0.183_55.934))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-orange-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-orange-border,oklch(83.7%_0.128_66.29_/_0.4))]\",\n  \"gradient-cyan-red\":\n    \"bg-linear-to-r from-[var(--zui-typography-gradient-cyan-red-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-red-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-red-to,oklch(57.7%_0.245_27.325))] dark:to-[var(--zui-typography-gradient-cyan-red-to-dark,oklch(70.4%_0.191_22.216))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-red-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-red-border,oklch(80.8%_0.114_19.571_/_0.4))]\",\n  \"gradient-cyan-purple\":\n    \"bg-linear-to-r from-[var(--zui-typography-gradient-cyan-purple-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-purple-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-purple-to,oklch(55.8%_0.288_302.321))] dark:to-[var(--zui-typography-gradient-cyan-purple-to-dark,oklch(71.4%_0.203_305.504))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-purple-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-purple-border,oklch(82.7%_0.119_306.383_/_0.4))]\",\n  \"gradient-cyan-pink\":\n    \"bg-linear-to-r from-[var(--zui-typography-gradient-cyan-pink-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-pink-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-pink-to,oklch(59.2%_0.249_0.584))] dark:to-[var(--zui-typography-gradient-cyan-pink-to-dark,oklch(71.8%_0.202_349.761))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-pink-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-pink-border,oklch(82.3%_0.12_346.018_/_0.4))]\",\n} as const;\n\nexport const zuiHeadingBase = \"scroll-m-20\";\n\nexport const zuiHeadingLevels = {\n  1: \"text-4xl font-bold tracking-tight md:text-5xl\",\n  2: \"text-3xl font-semibold tracking-tight\",\n  3: \"text-2xl font-semibold tracking-tight\",\n  4: \"text-xl font-semibold tracking-tight\",\n  5: \"text-lg font-medium\",\n  6: \"text-base font-medium\",\n} as const;\n\nexport const zuiTextSizes = {\n  sm: \"text-sm leading-relaxed\",\n  base: \"text-base leading-relaxed\",\n  lg: \"text-lg leading-relaxed\",\n} as const;\n\nexport const zuiUnorderedListBase = \"space-y-2 pl-5\";\n\nexport const zuiUnorderedMarkers = {\n  disc: \"list-disc\",\n  circle: \"[list-style-type:circle]\",\n  none: \"list-none pl-0\",\n} as const;\n\nexport const zuiOrderedListBase = \"list-decimal space-y-2 pl-5\";\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiHeadingBase,\n  zuiHeadingLevels,\n  zuiOrderedListBase,\n  zuiTextSizes,\n  zuiTypographyTones,\n  zuiUnorderedListBase,\n  zuiUnorderedMarkers,\n} from \"../../design-system/typography\";\n\nexport const typographyToneVariants = cva(\"\", {\n  variants: {\n    tone: zuiTypographyTones,\n  },\n  defaultVariants: {\n    tone: \"default\",\n  },\n});\n\nexport const headingLevelVariants = cva(zuiHeadingBase, {\n  variants: {\n    level: zuiHeadingLevels,\n  },\n});\n\nexport const textSizeVariants = cva(\"\", {\n  variants: {\n    size: zuiTextSizes,\n  },\n  defaultVariants: {\n    size: \"base\",\n  },\n});\n\nexport const unorderedListMarkerVariants = cva(zuiUnorderedListBase, {\n  variants: {\n    marker: zuiUnorderedMarkers,\n  },\n  defaultVariants: {\n    marker: \"disc\",\n  },\n});\n\nexport const orderedListVariants = cva(zuiOrderedListBase);\n","import { cn } from \"../../lib/utils\";\n\nimport type { HeadingProps } from \"./types\";\nimport { headingLevelVariants, typographyToneVariants } from \"./variants\";\n\nconst HEADING_TAGS = {\n  1: \"h1\",\n  2: \"h2\",\n  3: \"h3\",\n  4: \"h4\",\n  5: \"h5\",\n  6: \"h6\",\n} as const;\n\nexport const HeadingBase = (props: HeadingProps) => {\n  const {\n    level,\n    displayLevel,\n    tone,\n    bold,\n    italic,\n    underline,\n    strikethrough,\n    ref,\n    className,\n    children,\n    ...rest\n  } = props;\n\n  const Tag = HEADING_TAGS[level];\n  const scale = displayLevel ?? level;\n\n  return (\n    <Tag\n      ref={ref}\n      data-slot=\"typography-heading\"\n      data-level={level}\n      className={cn(\n        typographyToneVariants({ tone }),\n        headingLevelVariants({ level: scale }),\n        bold && \"font-bold\",\n        italic && \"italic\",\n        underline && \"underline underline-offset-4\",\n        strikethrough && \"line-through\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n};\n\nHeadingBase.displayName = \"Heading\";\n","import { HeadingBase } from \"./heading-base\";\nimport type { HeadingProps } from \"./types\";\n\nexport const Heading = (props: HeadingProps) => {\n  return <HeadingBase {...props} />;\n};\n\nHeading.displayName = \"Heading\";\n","import { cn } from \"../../lib/utils\";\n\nimport type { TextProps } from \"./types\";\nimport { textSizeVariants, typographyToneVariants } from \"./variants\";\n\nexport const TextBase = (props: TextProps) => {\n  const {\n    as = \"p\",\n    size = \"base\",\n    tone,\n    bold,\n    italic,\n    underline,\n    strikethrough,\n    highlight,\n    className,\n    children,\n    ...rest\n  } = props;\n\n  const Component = as;\n\n  return (\n    <Component\n      data-slot=\"typography-text\"\n      className={cn(\n        typographyToneVariants({ tone }),\n        textSizeVariants({ size }),\n        bold && \"font-semibold\",\n        italic && \"italic\",\n        underline && \"underline underline-offset-2\",\n        strikethrough && \"line-through\",\n        highlight && \"rounded bg-amber-400/15 px-0.5\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  );\n};\n\nTextBase.displayName = \"Text\";\n","import { TextBase } from \"./text-base\";\nimport type { TextProps } from \"./types\";\n\nexport const Text = (props: TextProps) => {\n  return <TextBase {...props} />;\n};\n\nText.displayName = \"Text\";\n","import { cn } from \"../../lib/utils\";\n\nimport type { ListProps, ListItemProps } from \"./types\";\nimport {\n  orderedListVariants,\n  typographyToneVariants,\n  unorderedListMarkerVariants,\n} from \"./variants\";\n\nexport function ListBase(props: ListProps) {\n  if (\"ordered\" in props && props.ordered === true) {\n    const { tone, className, children, ref, ordered, marker, ...rest } = props;\n\n    void ordered;\n    void marker;\n\n    return (\n      <ol\n        ref={ref}\n        data-slot=\"typography-list\"\n        data-list-type=\"ordered\"\n        className={cn(\n          typographyToneVariants({ tone }),\n          orderedListVariants(),\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </ol>\n    );\n  }\n\n  const {\n    marker = \"disc\",\n    tone,\n    className,\n    children,\n    ref,\n    ordered,\n    ...rest\n  } = props;\n\n  void ordered;\n\n  return (\n    <ul\n      ref={ref}\n      data-slot=\"typography-list\"\n      data-list-type=\"unordered\"\n      className={cn(\n        typographyToneVariants({ tone }),\n        unorderedListMarkerVariants({ marker }),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </ul>\n  );\n}\n\nListBase.displayName = \"List\";\n\nexport function ListItemBase(props: ListItemProps) {\n  const { className, children, ref, ...rest } = props;\n\n  return (\n    <li\n      ref={ref}\n      data-slot=\"typography-list-item\"\n      className={cn(\"leading-relaxed\", className)}\n      {...rest}\n    >\n      {children}\n    </li>\n  );\n}\n\nListItemBase.displayName = \"ListItem\";\n","import type { ListProps } from \"./types\";\n\nimport { ListBase, ListItemBase } from \"./list-base\";\n\nexport const ListItem = ListItemBase;\n\nfunction ListRoot(props: ListProps) {\n  return <ListBase {...props} />;\n}\n\nexport const List = Object.assign(ListRoot, {\n  Item: ListItem,\n});\n\nListRoot.displayName = \"List\";\n","import { cn } from \"../../lib/utils\";\n\nimport type { BlockquoteProps } from \"./types\";\nimport { typographyToneVariants } from \"./variants\";\n\nexport const BlockquoteBase = (props: BlockquoteProps) => {\n  const { tone, attribution, className, children, ref, ...rest } = props;\n\n  return (\n    <blockquote\n      ref={ref}\n      data-slot=\"typography-blockquote\"\n      className={cn(\n        typographyToneVariants({ tone }),\n        \"border-l-4 py-1 pl-4 italic\",\n        className,\n      )}\n      {...rest}\n    >\n      <div className=\"space-y-2 leading-relaxed\">{children}</div>\n      {attribution ? (\n        <footer className=\"mt-3 text-sm not-italic\">\n          <cite>{attribution}</cite>\n        </footer>\n      ) : null}\n    </blockquote>\n  );\n};\n\nBlockquoteBase.displayName = \"Blockquote\";\n","import { BlockquoteBase } from \"./blockquote-base\";\nimport type { BlockquoteProps } from \"./types\";\n\nexport const Blockquote = (props: BlockquoteProps) => {\n  return <BlockquoteBase {...props} />;\n};\n\nBlockquote.displayName = \"Blockquote\";\n","import { cn } from \"../../lib/utils\";\n\nimport type { InlineCodeProps } from \"./types\";\nimport { typographyToneVariants } from \"./variants\";\n\nexport const InlineCodeBase = (props: InlineCodeProps) => {\n  const { tone, className, children, ref, ...rest } = props;\n\n  return (\n    <code\n      ref={ref}\n      data-slot=\"typography-inline-code\"\n      className={cn(\n        typographyToneVariants({ tone }),\n        \"rounded-md border border-white/10 bg-white/6 px-1.5 py-0.5 font-mono text-[0.925em] font-normal\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </code>\n  );\n};\n\nInlineCodeBase.displayName = \"InlineCode\";\n","import { InlineCodeBase } from \"./inline-code-base\";\nimport type { InlineCodeProps } from \"./types\";\n\nexport const InlineCode = (props: InlineCodeProps) => {\n  return <InlineCodeBase {...props} />;\n};\n\nInlineCode.displayName = \"InlineCode\";\n","import { cn } from \"../../lib/utils\";\n\nimport type { CodeBlockProps } from \"./types\";\nimport { typographyToneVariants } from \"./variants\";\n\nexport const CodeBlockBase = (props: CodeBlockProps) => {\n  const { tone, language, className, children, ref, ...rest } = props;\n\n  const ariaLabel = language ? `Code sample (${language})` : \"Code sample\";\n\n  return (\n    <pre\n      ref={ref}\n      data-slot=\"typography-code-block\"\n      aria-label={ariaLabel}\n      className={cn(\n        typographyToneVariants({ tone }),\n        \"overflow-x-auto rounded-xl border border-white/10 bg-white/90 dark:bg-slate-950/80 p-4 text-sm leading-relaxed shadow-inner shadow-slate-950/40\",\n        className,\n      )}\n      {...rest}\n    >\n      <code className=\"font-mono text-[0.95em] whitespace-pre-wrap wrap-break-word\">\n        {children}\n      </code>\n    </pre>\n  );\n};\n\nCodeBlockBase.displayName = \"CodeBlock\";\n","import { CodeBlockBase } from \"./code-block-base\";\nimport type { CodeBlockProps } from \"./types\";\n\nexport const CodeBlock = (props: CodeBlockProps) => {\n  return <CodeBlockBase {...props} />;\n};\n\nCodeBlock.displayName = \"CodeBlock\";\n"]}

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@zentauri-ui/zentauri-components",
-  "version": "1.6.3",
+  "version": "1.7.0",
   "description": "React + Tailwind UI kit with charts, ESM/CJS builds, per-entry exports, and a zentauri-components / zentauri-ui CLI to vendor UI or hook source into your app",
   "license": "MIT",
   "files": [
     "dist",
     "src/ui",
+    "src/design-system",
     "src/charts",
     "src/lib",
     "src/hooks",

package/src/charts/shared/chart-frame.tsx

@@ -1,6 +1,9 @@
+"use client";
+
 import type { CSSProperties, HTMLAttributes, ReactNode } from "react";
 import { CartesianGrid, Legend, ResponsiveContainer, Tooltip } from "recharts";
 
+import { useResizeObserver } from "../../hooks/useResizeObserver/useResizeObserver";
 import { cn } from "../../lib/utils";
 import { chartVariants } from "./variants";
 import { VariantProps } from "class-variance-authority";
@@ -55,10 +58,13 @@ export function ChartFrame({
   ...props
 }: ChartFrameProps) {
   const divProps = filterDivProps(props);
+  const [measureRef, size] = useResizeObserver<HTMLDivElement>();
   const chartStyle = {
     "--chart-height": `${height}px`,
     ...style,
   } as CSSProperties;
+  const canRenderChart =
+    (size?.width ?? 0) > 0 && (size?.height ?? 0) > 0;
 
   if (!hasData) {
     return (
@@ -80,14 +86,19 @@ export function ChartFrame({
       style={chartStyle}
       {...divProps}
     >
-      <ResponsiveContainer
-        width="100%"
-        height="100%"
-        debounce={80}
-        style={containerStyle}
-      >
-        {children}
-      </ResponsiveContainer>
+      <div ref={measureRef} className="h-full min-h-0 w-full min-w-0">
+        {canRenderChart ? (
+          <ResponsiveContainer
+            width="100%"
+            height="100%"
+            minWidth={0}
+            debounce={80}
+            style={containerStyle}
+          >
+            {children}
+          </ResponsiveContainer>
+        ) : null}
+      </div>
     </div>
   );
 }

package/src/design-system/accordion.ts

@@ -0,0 +1,111 @@
+export const zuiAccordionBase = "w-full";
+
+export const zuiAccordionAppearances = {
+  default:
+    "divide-y divide-[var(--zui-accordion-default-divider,#0000001a)] dark:divide-[var(--zui-accordion-default-divider-dark,#ffffff1a)] rounded-xl border border-[color:var(--zui-accordion-default-border,#0000001a)] dark:border-[color:var(--zui-accordion-default-border-dark,#ffffff1a)]",
+  outline:
+    "divide-y divide-[var(--zui-accordion-outline-divider,#0000001a)] dark:divide-[var(--zui-accordion-outline-divider-dark,#ffffff1a)] rounded-xl border border-[color:var(--zui-accordion-outline-border,#00000026)] dark:border-[color:var(--zui-accordion-outline-border-dark,#ffffff26)]",
+  ghost:
+    "divide-y divide-[var(--zui-accordion-ghost-divider,#0000000d)] dark:divide-[var(--zui-accordion-ghost-divider-dark,#ffffff0d)]",
+  card: "space-y-2",
+  separated: "space-y-3",
+  sky: "divide-y divide-[var(--zui-accordion-sky-divider,oklch(44.3%_0.11_240.79))] dark:divide-[var(--zui-accordion-sky-divider-dark,oklch(58.8%_0.158_241.966))] rounded-xl border border-[color:var(--zui-accordion-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-accordion-sky-border-dark,oklch(58.8%_0.158_241.966))]",
+  rose: "divide-y divide-[var(--zui-accordion-rose-divider,oklch(45.5%_0.188_13.697))] dark:divide-[var(--zui-accordion-rose-divider-dark,oklch(58.6%_0.253_17.585))] rounded-xl border border-[color:var(--zui-accordion-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-accordion-rose-border-dark,oklch(58.6%_0.253_17.585))]",
+  purple:
+    "divide-y divide-[var(--zui-accordion-purple-divider,oklch(43.8%_0.218_303.724))] dark:divide-[var(--zui-accordion-purple-divider-dark,oklch(55.8%_0.288_302.321))] rounded-xl border border-[color:var(--zui-accordion-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-accordion-purple-border-dark,oklch(55.8%_0.288_302.321))]",
+  pink: "divide-y divide-[var(--zui-accordion-pink-divider,oklch(45.9%_0.187_3.815))] dark:divide-[var(--zui-accordion-pink-divider-dark,oklch(59.2%_0.249_0.584))] rounded-xl border border-[color:var(--zui-accordion-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-accordion-pink-border-dark,oklch(59.2%_0.249_0.584))]",
+  orange:
+    "divide-y divide-[var(--zui-accordion-orange-divider,oklch(47%_0.157_37.304))] dark:divide-[var(--zui-accordion-orange-divider-dark,oklch(64.6%_0.222_41.116))] rounded-xl border border-[color:var(--zui-accordion-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-accordion-orange-border-dark,oklch(64.6%_0.222_41.116))]",
+  yellow:
+    "divide-y divide-[var(--zui-accordion-yellow-divider,oklch(47.6%_0.114_61.907))] dark:divide-[var(--zui-accordion-yellow-divider-dark,oklch(68.1%_0.162_75.834))] rounded-xl border border-[color:var(--zui-accordion-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-accordion-yellow-border-dark,oklch(68.1%_0.162_75.834))]",
+  teal: "divide-y divide-[var(--zui-accordion-teal-divider,oklch(43.7%_0.078_188.216))] dark:divide-[var(--zui-accordion-teal-divider-dark,oklch(60%_0.118_184.704))] rounded-xl border border-[color:var(--zui-accordion-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-accordion-teal-border-dark,oklch(60%_0.118_184.704))]",
+  indigo:
+    "divide-y divide-[var(--zui-accordion-indigo-divider,oklch(39.8%_0.195_277.366))] dark:divide-[var(--zui-accordion-indigo-divider-dark,oklch(51.1%_0.262_276.966))] rounded-xl border border-[color:var(--zui-accordion-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-accordion-indigo-border-dark,oklch(51.1%_0.262_276.966))]",
+  emerald:
+    "divide-y divide-[var(--zui-accordion-emerald-divider,oklch(43.2%_0.095_166.913))] dark:divide-[var(--zui-accordion-emerald-divider-dark,oklch(59.6%_0.145_163.225))] rounded-xl border border-[color:var(--zui-accordion-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-accordion-emerald-border-dark,oklch(59.6%_0.145_163.225))]",
+  "gradient-blue":
+    "divide-y divide-[var(--zui-accordion-gradient-blue-divider,oklch(42.4%_0.199_265.638))] dark:divide-[var(--zui-accordion-gradient-blue-divider-dark,oklch(54.6%_0.245_262.881))] rounded-xl border border-[color:var(--zui-accordion-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-accordion-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))]",
+  "gradient-green":
+    "divide-y divide-[var(--zui-accordion-gradient-green-divider,oklch(44.8%_0.119_151.328))] dark:divide-[var(--zui-accordion-gradient-green-divider-dark,oklch(62.7%_0.194_149.214))] rounded-xl border border-[color:var(--zui-accordion-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-accordion-gradient-green-border-dark,oklch(62.7%_0.194_149.214))]",
+  "gradient-red":
+    "divide-y divide-[var(--zui-accordion-gradient-red-divider,oklch(44.4%_0.177_26.899))] dark:divide-[var(--zui-accordion-gradient-red-divider-dark,oklch(57.7%_0.245_27.325))] rounded-xl border border-[color:var(--zui-accordion-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-accordion-gradient-red-border-dark,oklch(57.7%_0.245_27.325))]",
+  "gradient-yellow":
+    "divide-y divide-[var(--zui-accordion-gradient-yellow-divider,oklch(47.6%_0.114_61.907))] dark:divide-[var(--zui-accordion-gradient-yellow-divider-dark,oklch(68.1%_0.162_75.834))] rounded-xl border border-[color:var(--zui-accordion-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-accordion-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))]",
+  "gradient-purple":
+    "divide-y divide-[var(--zui-accordion-gradient-purple-divider,oklch(43.8%_0.218_303.724))] dark:divide-[var(--zui-accordion-gradient-purple-divider-dark,oklch(55.8%_0.288_302.321))] rounded-xl border border-[color:var(--zui-accordion-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-accordion-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))]",
+  "gradient-teal":
+    "divide-y divide-[var(--zui-accordion-gradient-teal-divider,oklch(43.7%_0.078_188.216))] dark:divide-[var(--zui-accordion-gradient-teal-divider-dark,oklch(60%_0.118_184.704))] rounded-xl border border-[color:var(--zui-accordion-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-accordion-gradient-teal-border-dark,oklch(60%_0.118_184.704))]",
+  "gradient-indigo":
+    "divide-y divide-[var(--zui-accordion-gradient-indigo-divider,oklch(39.8%_0.195_277.366))] dark:divide-[var(--zui-accordion-gradient-indigo-divider-dark,oklch(51.1%_0.262_276.966))] rounded-xl border border-[color:var(--zui-accordion-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-accordion-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))]",
+  "gradient-pink":
+    "divide-y divide-[var(--zui-accordion-gradient-pink-divider,oklch(45.9%_0.187_3.815))] dark:divide-[var(--zui-accordion-gradient-pink-divider-dark,oklch(59.2%_0.249_0.584))] rounded-xl border border-[color:var(--zui-accordion-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-accordion-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))]",
+  "gradient-orange":
+    "divide-y divide-[var(--zui-accordion-gradient-orange-divider,oklch(47%_0.157_37.304))] dark:divide-[var(--zui-accordion-gradient-orange-divider-dark,oklch(64.6%_0.222_41.116))] rounded-xl border border-[color:var(--zui-accordion-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-accordion-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))]",
+} as const;
+
+export const zuiAccordionSizes = {
+  sm: "px-3 py-2 text-sm",
+  md: "px-4 py-3 text-sm",
+  lg: "px-5 py-4 text-base",
+} as const;
+
+export const zuiAccordionItemBase =
+  "text-[color:var(--zui-accordion-item-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-accordion-item-fg-dark,oklch(92.9%_0.013_255.508))]";
+
+export const zuiAccordionItemAppearances = {
+  default: "",
+  outline: "",
+  ghost: "",
+  card: "rounded-xl border border-[color:var(--zui-accordion-item-card-border,#0000001a)] bg-[var(--zui-accordion-item-card-bg,#0000000d)] p-2",
+  separated:
+    "rounded-xl border border-[color:var(--zui-accordion-item-separated-border,#0000001a)] dark:border-[color:var(--zui-accordion-item-separated-border-dark,#ffffff1a)] bg-[var(--zui-accordion-item-separated-bg,oklch(98.4%_0.003_247.858_/_0.4))] dark:bg-[var(--zui-accordion-item-separated-bg-dark,oklch(12.9%_0.042_264.695_/_0.4))] p-2",
+  sky: "rounded-xl border border-[color:var(--zui-accordion-item-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-accordion-item-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-accordion-item-sky-bg,oklch(95.1%_0.026_236.824_/_0.5))] dark:bg-[var(--zui-accordion-item-sky-bg-dark,oklch(58.8%_0.158_241.966_/_0.03))] p-2",
+  rose: "rounded-xl border border-[color:var(--zui-accordion-item-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-accordion-item-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-accordion-item-rose-bg,oklch(94.1%_0.03_12.58_/_0.5))] dark:bg-[var(--zui-accordion-item-rose-bg-dark,oklch(58.6%_0.253_17.585_/_0.03))] p-2",
+  purple:
+    "rounded-xl border border-[color:var(--zui-accordion-item-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-accordion-item-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-accordion-item-purple-bg,oklch(94.6%_0.033_307.174_/_0.5))] dark:bg-[var(--zui-accordion-item-purple-bg-dark,oklch(55.8%_0.288_302.321_/_0.03))] p-2",
+  pink: "rounded-xl border border-[color:var(--zui-accordion-item-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-accordion-item-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-accordion-item-pink-bg,oklch(94.8%_0.028_342.258_/_0.5))] dark:bg-[var(--zui-accordion-item-pink-bg-dark,oklch(59.2%_0.249_0.584_/_0.03))] p-2",
+  orange:
+    "rounded-xl border border-[color:var(--zui-accordion-item-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-accordion-item-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-accordion-item-orange-bg,oklch(95.4%_0.038_75.164_/_0.5))] dark:bg-[var(--zui-accordion-item-orange-bg-dark,oklch(64.6%_0.222_41.116_/_0.03))] p-2",
+  yellow:
+    "rounded-xl border border-[color:var(--zui-accordion-item-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-accordion-item-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-accordion-item-yellow-bg,oklch(97.3%_0.071_103.193_/_0.5))] dark:bg-[var(--zui-accordion-item-yellow-bg-dark,oklch(68.1%_0.162_75.834_/_0.03))] p-2",
+  teal: "rounded-xl border border-[color:var(--zui-accordion-item-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-accordion-item-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-accordion-item-teal-bg,oklch(95.3%_0.051_180.801_/_0.5))] dark:bg-[var(--zui-accordion-item-teal-bg-dark,oklch(60%_0.118_184.704_/_0.03))] p-2",
+  indigo:
+    "rounded-xl border border-[color:var(--zui-accordion-item-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-accordion-item-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-accordion-item-indigo-bg,oklch(93%_0.034_272.788_/_0.5))] dark:bg-[var(--zui-accordion-item-indigo-bg-dark,oklch(51.1%_0.262_276.966_/_0.03))] p-2",
+  emerald:
+    "rounded-xl border border-[color:var(--zui-accordion-item-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-accordion-item-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-accordion-item-emerald-bg,oklch(95%_0.052_163.051_/_0.5))] dark:bg-[var(--zui-accordion-item-emerald-bg-dark,oklch(59.6%_0.145_163.225_/_0.03))] p-2",
+  "gradient-blue":
+    "rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-blue-from,oklch(80.9%_0.105_251.813))] dark:from-[var(--zui-accordion-item-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-accordion-item-gradient-blue-to,oklch(82.7%_0.119_306.383))] dark:to-[var(--zui-accordion-item-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] p-2",
+  "gradient-green":
+    "rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-green-from,oklch(87.1%_0.15_154.449))] dark:from-[var(--zui-accordion-item-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-accordion-item-gradient-green-to,oklch(89.7%_0.196_126.665))] dark:to-[var(--zui-accordion-item-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] p-2",
+  "gradient-red":
+    "rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-red-from,oklch(80.8%_0.114_19.571))] dark:from-[var(--zui-accordion-item-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-accordion-item-gradient-red-to,oklch(82.3%_0.12_346.018))] dark:to-[var(--zui-accordion-item-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] p-2",
+  "gradient-yellow":
+    "rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-yellow-from,oklch(90.5%_0.182_98.111))] dark:from-[var(--zui-accordion-item-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-accordion-item-gradient-yellow-to,oklch(83.7%_0.128_66.29))] dark:to-[var(--zui-accordion-item-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] p-2",
+  "gradient-purple":
+    "rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-purple-from,oklch(82.7%_0.119_306.383))] dark:from-[var(--zui-accordion-item-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-accordion-item-gradient-purple-to,oklch(82.3%_0.12_346.018))] dark:to-[var(--zui-accordion-item-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] p-2",
+  "gradient-teal":
+    "rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-teal-from,oklch(85.5%_0.138_181.071))] dark:from-[var(--zui-accordion-item-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-accordion-item-gradient-teal-to,oklch(86.5%_0.127_207.078))] dark:to-[var(--zui-accordion-item-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] p-2",
+  "gradient-indigo":
+    "rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-indigo-from,oklch(78.5%_0.115_274.713))] dark:from-[var(--zui-accordion-item-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-accordion-item-gradient-indigo-to,oklch(82.7%_0.119_306.383))] dark:to-[var(--zui-accordion-item-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] p-2",
+  "gradient-pink":
+    "rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-pink-from,oklch(82.3%_0.12_346.018))] dark:from-[var(--zui-accordion-item-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-accordion-item-gradient-pink-to,oklch(81%_0.117_11.638))] dark:to-[var(--zui-accordion-item-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] p-2",
+  "gradient-orange":
+    "rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-orange-from,oklch(83.7%_0.128_66.29))] dark:from-[var(--zui-accordion-item-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-accordion-item-gradient-orange-to,oklch(80.8%_0.114_19.571))] dark:to-[var(--zui-accordion-item-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] p-2",
+} as const;
+
+export const zuiAccordionTriggerBase =
+  "flex w-full items-center justify-between gap-3 py-3 text-left font-medium text-[color:var(--zui-accordion-trigger-fg,oklch(27.9%_0.041_260.031))] dark:text-[color:var(--zui-accordion-trigger-fg-dark,oklch(92.9%_0.013_255.508))] outline-none transition hover:text-[color:var(--zui-accordion-trigger-fg-hover,oklch(20.8%_0.042_265.755))] dark:hover:text-[color:var(--zui-accordion-trigger-fg-hover-dark,#ffffff)] focus-visible:ring-2 focus-visible:ring-[var(--zui-accordion-trigger-ring-focus,#0000004d)] dark:focus-visible:ring-[var(--zui-accordion-trigger-ring-focus-dark,#ffffff4d)]";
+
+export const zuiAccordionTriggerSizes = {
+  sm: "py-2 text-sm",
+  md: "py-3 text-sm",
+  lg: "py-4 text-base",
+} as const;
+
+export const zuiAccordionContentBase = "pb-3 text-sm";
+
+export const zuiAccordionContentSizes = {
+  sm: "pb-2 text-xs",
+  md: "pb-3 text-sm",
+  lg: "pb-4 text-base",
+} as const;