fulldev-ui 0.9.3 → 0.10.0

package/public/r/typography.json

@@ -4,82 +4,82 @@
   "files": [
     {
       "path": "src/components/ui/typography/typography.astro",
-      "content": "---\nimport type { HTMLTag, Polymorphic } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props<Tag extends HTMLTag> = Polymorphic<{\n  as: Tag\n  size?: \"sm\" | \"default\" | \"lg\"\n}>\n\nconst {\n  as: Tag = \"div\",\n  class: className,\n  size = \"default\",\n  ...props\n} = Astro.props\n---\n\n<Tag\n  data-slot=\"typography\"\n  data-size={size}\n  class={cn(\"text-foreground text-base\", className)}\n  {...props}\n>\n  <slot />\n</Tag>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography\"]\n    > :is(\n      p,\n      blockquote,\n      ul,\n      ol,\n      table,\n      [data-slot=\"typography-lead\"],\n      [data-slot=\"typography-p\"],\n      [data-slot=\"typography-blockquote\"],\n      [data-slot=\"typography-list\"],\n      [data-slot=\"typography-table-container\"],\n      div,\n      section,\n      article,\n      aside,\n      nav,\n      figure,\n      details,\n      .docs-code-block,\n      pre,\n      small,\n      dl,\n      img,\n      picture,\n      video,\n      iframe\n    ):not(:first-child) {\n    @apply mt-6;\n  }\n\n  [data-slot=\"typography\"]\n    > :is(h2, [data-slot=\"typography-h2\"]):not(:first-child) {\n    @apply mt-10;\n  }\n\n  [data-slot=\"typography\"]\n    > :is(h3, h4, [data-slot=\"typography-h3\"], [data-slot=\"typography-h4\"]):not(\n      :first-child\n    ) {\n    @apply mt-8;\n  }\n\n  [data-slot=\"typography\"]\n    > :is(\n      h1,\n      h2,\n      h3,\n      h4,\n      [data-slot=\"typography-h1\"],\n      [data-slot=\"typography-h2\"],\n      [data-slot=\"typography-h3\"],\n      [data-slot=\"typography-h4\"]\n    )\n    + :is(\n      p,\n      blockquote,\n      ul,\n      ol,\n      table,\n      [data-slot=\"typography-lead\"],\n      [data-slot=\"typography-p\"],\n      [data-slot=\"typography-blockquote\"],\n      [data-slot=\"typography-list\"],\n      [data-slot=\"typography-table-container\"],\n      div,\n      section,\n      article,\n      aside,\n      nav,\n      figure,\n      details,\n      .docs-code-block,\n      pre,\n      small,\n      dl,\n      img,\n      picture,\n      video,\n      iframe\n    ) {\n    @apply mt-4;\n  }\n\n  [data-slot=\"typography\"] > hr {\n    @apply border-border my-8;\n  }\n\n  [data-slot=\"typography\"] > pre {\n    @apply border-border bg-muted/60 overflow-x-auto rounded-xl border p-4 text-sm;\n  }\n\n  [data-slot=\"typography\"] > .docs-code-block {\n    @apply border-border bg-muted/60 relative overflow-hidden rounded-xl border;\n  }\n\n  [data-slot=\"typography\"] > .docs-code-block > pre,\n  [data-slot=\"typography\"] > .docs-code-block > pre.astro-code {\n    @apply m-0 rounded-none border-0 bg-transparent! p-4 pr-14 text-sm leading-(--text-sm--line-height);\n    font-family: var(--font-mono);\n  }\n\n  [data-slot=\"typography\"] > .docs-code-block > pre.astro-code code {\n    @apply text-sm leading-(--text-sm--line-height) text-(--shiki-light,var(--foreground))!;\n  }\n\n  .dark [data-slot=\"typography\"] > .docs-code-block > pre.astro-code code {\n    @apply text-(--shiki-dark,var(--foreground))!;\n  }\n\n  .dark\n    [data-slot=\"typography\"]\n    > .docs-code-block\n    > pre.astro-code\n    span[style*=\"--shiki-dark\"] {\n    @apply font-(--shiki-dark-font-weight,inherit)! text-(--shiki-dark)! [font-style:var(--shiki-dark-font-style,inherit)]! [text-decoration:var(--shiki-dark-text-decoration,inherit)]!;\n  }\n\n  [data-slot=\"typography\"] > .docs-code-block > .docs-code-copy {\n    @apply border-border bg-background text-muted-foreground hover:bg-accent hover:text-accent-foreground absolute top-3 right-3 z-10 inline-flex size-8 items-center justify-center rounded-md border shadow-sm transition-colors;\n  }\n\n  [data-slot=\"typography\"] > .docs-code-block svg {\n    @apply size-4;\n  }\n\n  [data-slot=\"typography\"] > small {\n    @apply block leading-none font-medium;\n  }\n\n  [data-slot=\"typography\"] > small {\n    @apply text-sm;\n  }\n\n  [data-slot=\"typography\"] > pre.astro-code {\n    @apply border-border bg-muted/60! rounded-xl border p-4 text-sm leading-(--text-sm--line-height);\n  }\n\n  [data-slot=\"typography\"] > pre.astro-code code {\n    @apply text-inherit!;\n  }\n\n  .dark [data-slot=\"typography\"] > pre.astro-code {\n    @apply text-(--shiki-dark,var(--foreground))!;\n  }\n\n  .dark [data-slot=\"typography\"] > pre.astro-code span[style*=\"--shiki-dark\"] {\n    @apply font-(--shiki-dark-font-weight,inherit)! text-(--shiki-dark)! [font-style:var(--shiki-dark-font-style,inherit)]! [text-decoration:var(--shiki-dark-text-decoration,inherit)]!;\n  }\n</style>\n",
+      "content": "---\nimport type { HTMLTag, Polymorphic } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Size = \"sm\" | \"default\" | \"lg\"\ntype Props<Tag extends HTMLTag> = Polymorphic<{ as: Tag; size?: Size }>\n\nconst {\n  as: Tag = \"div\",\n  class: className,\n  size = \"default\",\n  ...props\n} = Astro.props\n---\n\n<Tag\n  data-slot=\"typography\"\n  data-size={size}\n  class={cn(\"text-foreground text-base\", className)}\n  {...props}\n>\n  <slot />\n</Tag>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography\"]\n    > :is(\n      [data-slot=\"typography-lead\"],\n      [data-slot=\"typography-table-container\"],\n      div,\n      section,\n      article,\n      aside,\n      nav,\n      figure,\n      details,\n      pre,\n      small,\n      dl,\n      img,\n      picture,\n      video,\n      iframe\n    ):not(:first-child) {\n    @apply mt-6;\n  }\n\n  [data-slot=\"typography\"] > h1 {\n    @apply scroll-m-20 text-4xl font-semibold tracking-tight text-balance;\n  }\n\n  [data-slot=\"typography\"] > h2 {\n    @apply scroll-m-20 text-3xl font-semibold tracking-tight;\n  }\n\n  [data-slot=\"typography\"] > h2:first-child {\n    @apply mt-0;\n  }\n\n  [data-slot=\"typography\"] > h2:not(:first-child) {\n    @apply mt-10;\n  }\n\n  [data-slot=\"typography\"] > h3 {\n    @apply scroll-m-20 text-2xl font-semibold tracking-tight;\n  }\n\n  [data-slot=\"typography\"] > h3:not(:first-child) {\n    @apply mt-8;\n  }\n\n  [data-slot=\"typography\"] > h4 {\n    @apply scroll-m-20 text-xl font-semibold tracking-tight;\n  }\n\n  [data-slot=\"typography\"] > h4:not(:first-child) {\n    @apply mt-8;\n  }\n\n  [data-slot=\"typography\"]\n    > :is(h1, h2, h3, h4)\n    + :is(\n      [data-slot=\"typography-lead\"],\n      [data-slot=\"typography-table-container\"],\n      div,\n      section,\n      article,\n      aside,\n      nav,\n      figure,\n      details,\n      p,\n      blockquote,\n      pre,\n      ul,\n      ol,\n      table,\n      small,\n      dl,\n      img,\n      picture,\n      video,\n      iframe\n    ) {\n    @apply mt-4;\n  }\n\n  [data-slot=\"typography\"] > p {\n    @apply text-base leading-7;\n  }\n\n  [data-slot=\"typography\"] > p:not(:first-child) {\n    @apply mt-6;\n  }\n\n  [data-slot=\"typography\"]\n    > :is(h1, h2, h3, h4)\n    + :is(p, [data-slot=\"typography-lead\"]):not(:first-child) {\n    @apply mt-4;\n  }\n\n  [data-slot=\"typography\"] > a:not([data-slot]),\n  [data-slot=\"typography\"]\n    > :is(p, blockquote, ul, ol, dl, table)\n    a:not([data-slot]) {\n    @apply text-primary font-medium underline underline-offset-4;\n  }\n\n  [data-slot=\"typography\"] > blockquote {\n    @apply mt-6 border-l-2 pl-6 text-base italic;\n  }\n\n  [data-slot=\"typography\"] > hr {\n    @apply border-border my-8;\n  }\n\n  [data-slot=\"typography\"] > pre {\n    @apply border-border bg-muted/60 overflow-x-auto rounded-xl border p-4 text-sm;\n  }\n\n  [data-slot=\"typography\"] > .docs-code-block {\n    @apply border-border bg-muted/60 relative overflow-hidden rounded-xl border;\n  }\n\n  [data-slot=\"typography\"] > .docs-code-block > pre,\n  [data-slot=\"typography\"] > .docs-code-block > pre.astro-code {\n    @apply m-0 rounded-none border-0 !bg-transparent p-4 pr-14 text-sm leading-[var(--text-sm--line-height)];\n    font-family: var(--font-mono);\n  }\n\n  [data-slot=\"typography\"] > .docs-code-block > pre.astro-code code {\n    @apply text-sm leading-[var(--text-sm--line-height)] !text-[var(--shiki-light,var(--foreground))];\n  }\n\n  .dark [data-slot=\"typography\"] > .docs-code-block > pre.astro-code code {\n    @apply !text-[var(--shiki-dark,var(--foreground))];\n  }\n\n  .dark\n    [data-slot=\"typography\"]\n    > .docs-code-block\n    > pre.astro-code\n    span[style*=\"--shiki-dark\"] {\n    @apply ![font-weight:var(--shiki-dark-font-weight,inherit)] !text-[var(--shiki-dark)] ![font-style:var(--shiki-dark-font-style,inherit)] ![text-decoration:var(--shiki-dark-text-decoration,inherit)];\n  }\n\n  [data-slot=\"typography\"] > .docs-code-block > .docs-code-copy {\n    @apply border-border bg-background text-muted-foreground hover:bg-accent hover:text-accent-foreground absolute top-3 right-3 z-10 inline-flex size-8 items-center justify-center rounded-md border shadow-sm transition-colors;\n  }\n\n  [data-slot=\"typography\"] > .docs-code-block svg {\n    @apply size-4;\n  }\n\n  [data-slot=\"typography\"] > ul,\n  [data-slot=\"typography\"] > ol {\n    @apply my-6 ml-6 text-base;\n  }\n\n  [data-slot=\"typography\"] > ul {\n    @apply list-disc;\n  }\n\n  [data-slot=\"typography\"] > ol {\n    @apply list-decimal;\n  }\n\n  [data-slot=\"typography\"] > ul > li,\n  [data-slot=\"typography\"] > ol > li {\n    @apply mt-2;\n  }\n\n  [data-slot=\"typography\"] > [data-slot=\"typography-lead\"] {\n    @apply text-muted-foreground;\n  }\n\n  [data-slot=\"typography\"][data-size=\"sm\"] > [data-slot=\"typography-lead\"] {\n    @apply text-base;\n  }\n\n  [data-slot=\"typography\"] > [data-slot=\"typography-lead\"],\n  [data-slot=\"typography\"][data-size=\"default\"]\n    > [data-slot=\"typography-lead\"] {\n    @apply text-lg;\n  }\n\n  [data-slot=\"typography\"][data-size=\"lg\"] > [data-slot=\"typography-lead\"] {\n    @apply text-xl;\n  }\n\n  [data-slot=\"typography\"] > small {\n    @apply block leading-none font-medium;\n  }\n\n  [data-slot=\"typography\"] > small {\n    @apply text-sm;\n  }\n\n  [data-slot=\"typography\"] > table {\n    @apply border-border my-6 block w-full overflow-x-auto rounded-lg border;\n    border-collapse: separate;\n    border-spacing: 0;\n  }\n\n  [data-slot=\"typography\"] > table th,\n  [data-slot=\"typography\"] > table td {\n    @apply border-border border-b px-4 py-2 text-left align-top whitespace-nowrap;\n  }\n\n  [data-slot=\"typography\"] > table th {\n    @apply text-foreground bg-muted/40 font-medium;\n  }\n\n  [data-slot=\"typography\"] > table tr:last-child td {\n    @apply border-b-0;\n  }\n\n  [data-slot=\"typography\"] > table thead,\n  [data-slot=\"typography\"] > table tbody,\n  [data-slot=\"typography\"] > table tr {\n    @apply w-full;\n  }\n\n  [data-slot=\"typography\"] > table tr {\n    @apply grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)];\n  }\n\n  [data-slot=\"typography\"] > table tr {\n    @apply even:bg-muted/40 m-0 border-t p-0 first:border-t-0;\n  }\n\n  [data-slot=\"typography\"] > table th {\n    @apply border-r px-4 py-2 text-left font-bold last:border-r-0;\n  }\n\n  [data-slot=\"typography\"] > table th[align=\"center\"] {\n    @apply text-center;\n  }\n\n  [data-slot=\"typography\"] > table th[align=\"right\"] {\n    @apply text-right;\n  }\n\n  [data-slot=\"typography\"] > table td {\n    @apply border-r px-4 py-2 text-left last:border-r-0;\n  }\n\n  [data-slot=\"typography\"] > table td[align=\"center\"] {\n    @apply text-center;\n  }\n\n  [data-slot=\"typography\"] > table td[align=\"right\"] {\n    @apply text-right;\n  }\n\n  [data-slot=\"typography\"] > table tbody tr:last-child td {\n    @apply border-b-0;\n  }\n\n  [data-slot=\"typography\"] :not(pre) > code {\n    @apply bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold;\n  }\n\n  [data-slot=\"typography\"] > table :not(pre) > code {\n    @apply rounded-md text-sm leading-5 font-normal;\n  }\n\n  [data-slot=\"typography\"] > pre.astro-code {\n    @apply border-border !bg-muted/60 rounded-xl border p-4 text-sm leading-[var(--text-sm--line-height)];\n  }\n\n  [data-slot=\"typography\"] > pre.astro-code code {\n    @apply !text-inherit;\n  }\n\n  .dark [data-slot=\"typography\"] > pre.astro-code {\n    @apply !text-[var(--shiki-dark,var(--foreground))];\n  }\n\n  .dark [data-slot=\"typography\"] > pre.astro-code span[style*=\"--shiki-dark\"] {\n    @apply ![font-weight:var(--shiki-dark-font-weight,inherit)] !text-[var(--shiki-dark)] ![font-style:var(--shiki-dark-font-style,inherit)] ![text-decoration:var(--shiki-dark-text-decoration,inherit)];\n  }\n</style>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/typography/typography-a.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"a\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<a data-slot=\"typography-a\" class={cn(className)} {...props}>\n  <slot />\n</a>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-a\"],\n  [data-slot=\"typography\"] a:not(.no-typography):not(.no-typography *) {\n    @apply text-primary font-medium underline underline-offset-4;\n  }\n</style>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Size = \"sm\" | \"default\" | \"lg\"\ntype Props = HTMLAttributes<\"a\"> & {\n  size?: Size\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<a data-slot=\"typography-a\" data-size={size} class={cn(className)} {...props}>\n  <slot />\n</a>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-a\"],\n  [data-slot=\"typography\"] > a:not([data-slot]) {\n    @apply text-primary font-medium underline underline-offset-4;\n  }\n\n  [data-slot=\"typography-a\"][data-size=\"sm\"] {\n    @apply text-sm;\n  }\n\n  [data-slot=\"typography-a\"][data-size=\"default\"] {\n    @apply text-base;\n  }\n\n  [data-slot=\"typography-a\"][data-size=\"lg\"] {\n    @apply text-lg;\n  }\n</style>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/typography/typography-blockquote.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"blockquote\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<blockquote data-slot=\"typography-blockquote\" class={cn(className)} {...props}>\n  <slot />\n</blockquote>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-blockquote\"],\n  [data-slot=\"typography\"]\n    blockquote:not(.no-typography):not(.no-typography *) {\n    @apply border-l-2 pl-6 text-base italic;\n  }\n</style>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Size = \"sm\" | \"default\" | \"lg\"\ntype Props = HTMLAttributes<\"blockquote\"> & {\n  size?: Size\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<blockquote\n  data-slot=\"typography-blockquote\"\n  data-size={size}\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</blockquote>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-blockquote\"],\n  [data-slot=\"typography\"] > blockquote {\n    @apply mt-6 border-l-2 pl-6 italic;\n  }\n\n  [data-slot=\"typography-blockquote\"][data-size=\"sm\"] {\n    @apply text-sm;\n  }\n\n  [data-slot=\"typography-blockquote\"][data-size=\"default\"],\n  [data-slot=\"typography\"] > blockquote {\n    @apply text-base;\n  }\n\n  [data-slot=\"typography-blockquote\"][data-size=\"lg\"] {\n    @apply text-lg;\n  }\n</style>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/typography/typography-h1.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"h1\"> & {\n  size?: \"sm\" | \"default\" | \"lg\"\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<h1 data-slot=\"typography-h1\" data-size={size} class={cn(className)} {...props}>\n  <slot />\n</h1>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-h1\"],\n  [data-slot=\"typography\"] h1:not(.no-typography):not(.no-typography *) {\n    @apply scroll-m-20 font-semibold tracking-tight text-balance;\n  }\n\n  [data-slot=\"typography-h1\"][data-size=\"sm\"],\n  [data-slot=\"typography\"][data-size=\"sm\"]\n    h1:not(.no-typography):not(.no-typography *) {\n    @apply text-3xl;\n  }\n\n  [data-slot=\"typography-h1\"][data-size=\"default\"],\n  [data-slot=\"typography\"] h1:not(.no-typography):not(.no-typography *),\n  [data-slot=\"typography\"][data-size=\"default\"]\n    h1:not(.no-typography):not(.no-typography *) {\n    @apply text-4xl;\n  }\n\n  [data-slot=\"typography-h1\"][data-size=\"lg\"],\n  [data-slot=\"typography\"][data-size=\"lg\"]\n    h1:not(.no-typography):not(.no-typography *) {\n    @apply text-5xl;\n  }\n</style>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Size = \"sm\" | \"default\" | \"lg\"\ntype Props = HTMLAttributes<\"h1\"> & {\n  size?: Size\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<h1 data-slot=\"typography-h1\" data-size={size} class={cn(className)} {...props}>\n  <slot />\n</h1>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-h1\"],\n  [data-slot=\"typography\"] > h1 {\n    @apply scroll-m-20 font-semibold tracking-tight text-balance;\n  }\n\n  [data-slot=\"typography-h1\"][data-size=\"sm\"],\n  [data-slot=\"typography\"][data-size=\"sm\"] > h1 {\n    @apply text-3xl;\n  }\n\n  [data-slot=\"typography-h1\"][data-size=\"default\"],\n  [data-slot=\"typography\"] > h1,\n  [data-slot=\"typography\"][data-size=\"default\"] > h1 {\n    @apply text-4xl;\n  }\n\n  [data-slot=\"typography-h1\"][data-size=\"lg\"],\n  [data-slot=\"typography\"][data-size=\"lg\"] > h1 {\n    @apply text-5xl;\n  }\n</style>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/typography/typography-h2.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"h2\"> & {\n  size?: \"sm\" | \"default\" | \"lg\"\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<h2 data-slot=\"typography-h2\" data-size={size} class={cn(className)} {...props}>\n  <slot />\n</h2>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-h2\"],\n  [data-slot=\"typography\"] h2:not(.no-typography):not(.no-typography *) {\n    @apply scroll-m-20 font-semibold tracking-tight;\n  }\n\n  [data-slot=\"typography-h2\"][data-size=\"sm\"],\n  [data-slot=\"typography\"][data-size=\"sm\"]\n    h2:not(.no-typography):not(.no-typography *) {\n    @apply text-2xl;\n  }\n\n  [data-slot=\"typography-h2\"][data-size=\"default\"],\n  [data-slot=\"typography\"] h2:not(.no-typography):not(.no-typography *),\n  [data-slot=\"typography\"][data-size=\"default\"]\n    h2:not(.no-typography):not(.no-typography *) {\n    @apply text-3xl;\n  }\n\n  [data-slot=\"typography-h2\"][data-size=\"lg\"],\n  [data-slot=\"typography\"][data-size=\"lg\"]\n    h2:not(.no-typography):not(.no-typography *) {\n    @apply text-4xl;\n  }\n</style>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Size = \"sm\" | \"default\" | \"lg\"\ntype Props = HTMLAttributes<\"h2\"> & {\n  size?: Size\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<h2 data-slot=\"typography-h2\" data-size={size} class={cn(className)} {...props}>\n  <slot />\n</h2>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-h2\"],\n  [data-slot=\"typography\"] > h2 {\n    @apply scroll-m-20 font-semibold tracking-tight;\n  }\n\n  [data-slot=\"typography-h2\"][data-size=\"sm\"],\n  [data-slot=\"typography\"][data-size=\"sm\"] > h2 {\n    @apply text-2xl;\n  }\n\n  [data-slot=\"typography-h2\"][data-size=\"default\"],\n  [data-slot=\"typography\"] > h2,\n  [data-slot=\"typography\"][data-size=\"default\"] > h2 {\n    @apply text-3xl;\n  }\n\n  [data-slot=\"typography-h2\"][data-size=\"lg\"],\n  [data-slot=\"typography\"][data-size=\"lg\"] > h2 {\n    @apply text-4xl;\n  }\n\n  [data-slot=\"typography-h2\"]:first-child,\n  [data-slot=\"typography\"] > h2:first-child {\n    @apply mt-0;\n  }\n</style>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/typography/typography-h3.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"h3\"> & {\n  size?: \"sm\" | \"default\" | \"lg\"\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<h3 data-slot=\"typography-h3\" data-size={size} class={cn(className)} {...props}>\n  <slot />\n</h3>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-h3\"],\n  [data-slot=\"typography\"] h3:not(.no-typography):not(.no-typography *) {\n    @apply scroll-m-20 font-semibold tracking-tight;\n  }\n\n  [data-slot=\"typography-h3\"][data-size=\"sm\"],\n  [data-slot=\"typography\"][data-size=\"sm\"]\n    h3:not(.no-typography):not(.no-typography *) {\n    @apply text-xl;\n  }\n\n  [data-slot=\"typography-h3\"][data-size=\"default\"],\n  [data-slot=\"typography\"] h3:not(.no-typography):not(.no-typography *),\n  [data-slot=\"typography\"][data-size=\"default\"]\n    h3:not(.no-typography):not(.no-typography *) {\n    @apply text-2xl;\n  }\n\n  [data-slot=\"typography-h3\"][data-size=\"lg\"],\n  [data-slot=\"typography\"][data-size=\"lg\"]\n    h3:not(.no-typography):not(.no-typography *) {\n    @apply text-3xl;\n  }\n</style>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Size = \"sm\" | \"default\" | \"lg\"\ntype Props = HTMLAttributes<\"h3\"> & {\n  size?: Size\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<h3 data-slot=\"typography-h3\" data-size={size} class={cn(className)} {...props}>\n  <slot />\n</h3>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-h3\"],\n  [data-slot=\"typography\"] > h3 {\n    @apply scroll-m-20 font-semibold tracking-tight;\n  }\n\n  [data-slot=\"typography-h3\"][data-size=\"sm\"],\n  [data-slot=\"typography\"][data-size=\"sm\"] > h3 {\n    @apply text-xl;\n  }\n\n  [data-slot=\"typography-h3\"][data-size=\"default\"],\n  [data-slot=\"typography\"] > h3,\n  [data-slot=\"typography\"][data-size=\"default\"] > h3 {\n    @apply text-2xl;\n  }\n\n  [data-slot=\"typography-h3\"][data-size=\"lg\"],\n  [data-slot=\"typography\"][data-size=\"lg\"] > h3 {\n    @apply text-3xl;\n  }\n</style>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/typography/typography-h4.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"h4\"> & {\n  size?: \"sm\" | \"default\" | \"lg\"\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<h4 data-slot=\"typography-h4\" data-size={size} class={cn(className)} {...props}>\n  <slot />\n</h4>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-h4\"],\n  [data-slot=\"typography\"] h4:not(.no-typography):not(.no-typography *) {\n    @apply scroll-m-20 font-semibold tracking-tight;\n  }\n\n  [data-slot=\"typography-h4\"][data-size=\"sm\"],\n  [data-slot=\"typography\"][data-size=\"sm\"]\n    h4:not(.no-typography):not(.no-typography *) {\n    @apply text-lg;\n  }\n\n  [data-slot=\"typography-h4\"][data-size=\"default\"],\n  [data-slot=\"typography\"] h4:not(.no-typography):not(.no-typography *),\n  [data-slot=\"typography\"][data-size=\"default\"]\n    h4:not(.no-typography):not(.no-typography *) {\n    @apply text-xl;\n  }\n\n  [data-slot=\"typography-h4\"][data-size=\"lg\"],\n  [data-slot=\"typography\"][data-size=\"lg\"]\n    h4:not(.no-typography):not(.no-typography *) {\n    @apply text-2xl;\n  }\n</style>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Size = \"sm\" | \"default\" | \"lg\"\ntype Props = HTMLAttributes<\"h4\"> & {\n  size?: Size\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<h4 data-slot=\"typography-h4\" data-size={size} class={cn(className)} {...props}>\n  <slot />\n</h4>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-h4\"],\n  [data-slot=\"typography\"] > h4 {\n    @apply scroll-m-20 font-semibold tracking-tight;\n  }\n\n  [data-slot=\"typography-h4\"][data-size=\"sm\"],\n  [data-slot=\"typography\"][data-size=\"sm\"] > h4 {\n    @apply text-lg;\n  }\n\n  [data-slot=\"typography-h4\"][data-size=\"default\"],\n  [data-slot=\"typography\"] > h4,\n  [data-slot=\"typography\"][data-size=\"default\"] > h4 {\n    @apply text-xl;\n  }\n\n  [data-slot=\"typography-h4\"][data-size=\"lg\"],\n  [data-slot=\"typography\"][data-size=\"lg\"] > h4 {\n    @apply text-2xl;\n  }\n</style>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/typography/typography-inline-code.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"code\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<code data-slot=\"typography-inline-code\" class={cn(className)} {...props}>\n  <slot />\n</code>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-inline-code\"],\n  [data-slot=\"typography\"]\n    :not(pre)\n    > code:not(.no-typography):not(.no-typography *) {\n    @apply bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm;\n  }\n\n  [data-slot=\"typography\"]\n    table:not(.no-typography):not(.no-typography *)\n    :not(pre)\n    > code:not(.no-typography):not(.no-typography *) {\n    @apply rounded-md text-sm leading-5;\n  }\n</style>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Size = \"sm\" | \"default\" | \"lg\"\ntype Props = HTMLAttributes<\"code\"> & {\n  size?: Size\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<code\n  data-slot=\"typography-inline-code\"\n  data-size={size}\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</code>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-inline-code\"],\n  [data-slot=\"typography\"] :not(pre) > code {\n    @apply bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono font-semibold;\n  }\n\n  [data-slot=\"typography-inline-code\"][data-size=\"sm\"] {\n    @apply text-xs;\n  }\n\n  [data-slot=\"typography-inline-code\"][data-size=\"default\"],\n  [data-slot=\"typography\"] :not(pre) > code {\n    @apply text-sm;\n  }\n\n  [data-slot=\"typography-inline-code\"][data-size=\"lg\"] {\n    @apply text-base;\n  }\n\n  [data-slot=\"typography\"] > table :not(pre) > code {\n    @apply rounded-md text-sm leading-5 font-normal;\n  }\n</style>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/typography/typography-lead.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"p\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<p data-slot=\"typography-lead\" class={cn(className)} {...props}>\n  <slot />\n</p>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-lead\"] {\n    @apply text-muted-foreground text-lg;\n  }\n</style>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Size = \"sm\" | \"default\" | \"lg\"\ntype Props = HTMLAttributes<\"p\"> & {\n  size?: Size\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<p\n  data-slot=\"typography-lead\"\n  data-size={size}\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</p>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-lead\"] {\n    @apply text-muted-foreground;\n  }\n\n  [data-slot=\"typography-lead\"][data-size=\"sm\"],\n  [data-slot=\"typography\"][data-size=\"sm\"] > [data-slot=\"typography-lead\"] {\n    @apply text-base;\n  }\n\n  [data-slot=\"typography-lead\"][data-size=\"default\"],\n  [data-slot=\"typography\"] > [data-slot=\"typography-lead\"],\n  [data-slot=\"typography\"][data-size=\"default\"]\n    > [data-slot=\"typography-lead\"] {\n    @apply text-lg;\n  }\n\n  [data-slot=\"typography-lead\"][data-size=\"lg\"],\n  [data-slot=\"typography\"][data-size=\"lg\"] > [data-slot=\"typography-lead\"] {\n    @apply text-xl;\n  }\n</style>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/typography/typography-list.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"ul\"> &\n  HTMLAttributes<\"ol\"> & {\n    as?: \"ul\" | \"ol\"\n  }\n\nconst { as: Tag = \"ul\", class: className, ...props } = Astro.props\n---\n\n<Tag\n  data-slot=\"typography-list\"\n  data-ordered={Tag === \"ol\" ? \"\" : undefined}\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</Tag>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-list\"],\n  [data-slot=\"typography\"] ul:not(.no-typography):not(.no-typography *),\n  [data-slot=\"typography\"] ol:not(.no-typography):not(.no-typography *) {\n    @apply ml-6 text-base;\n  }\n\n  [data-slot=\"typography-list\"]:not([data-ordered]),\n  [data-slot=\"typography\"] ul:not(.no-typography):not(.no-typography *) {\n    @apply list-disc;\n  }\n\n  [data-slot=\"typography-list\"][data-ordered],\n  [data-slot=\"typography\"] ol:not(.no-typography):not(.no-typography *) {\n    @apply list-decimal;\n  }\n\n  [data-slot=\"typography-list\"] > li {\n    @apply mt-2;\n  }\n</style>\n",
+      "content": "---\nimport type { HTMLTag, Polymorphic } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Size = \"sm\" | \"default\" | \"lg\"\ntype Props<Tag extends \"ul\" | \"ol\"> = Polymorphic<{ as: Tag; size?: Size }>\n\nconst {\n  as: Tag = \"ul\",\n  class: className,\n  size = \"default\",\n  ...props\n} = Astro.props\n---\n\n<Tag\n  data-slot=\"typography-list\"\n  data-size={size}\n  data-ordered={Tag === \"ol\" ? \"\" : undefined}\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</Tag>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-list\"],\n  [data-slot=\"typography\"] > ul,\n  [data-slot=\"typography\"] > ol {\n    @apply my-6 ml-6;\n  }\n\n  [data-slot=\"typography-list\"][data-size=\"sm\"] {\n    @apply text-sm;\n  }\n\n  [data-slot=\"typography-list\"][data-size=\"default\"],\n  [data-slot=\"typography\"] > ul,\n  [data-slot=\"typography\"] > ol {\n    @apply text-base;\n  }\n\n  [data-slot=\"typography-list\"][data-size=\"lg\"] {\n    @apply text-lg;\n  }\n\n  [data-slot=\"typography-list\"]:not([data-ordered]),\n  [data-slot=\"typography\"] > ul {\n    @apply list-disc;\n  }\n\n  [data-slot=\"typography-list\"][data-ordered],\n  [data-slot=\"typography\"] > ol {\n    @apply list-decimal;\n  }\n\n  [data-slot=\"typography-list\"] > li {\n    @apply mt-2;\n  }\n</style>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/typography/typography-list-item.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"li\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<li data-slot=\"typography-list-item\" class={cn(className)} {...props}>\n  <slot />\n</li>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-list-item\"],\n  [data-slot=\"typography-list\"] > li,\n  [data-slot=\"typography\"]\n    ul:not(.no-typography):not(.no-typography *)\n    > li:not(.no-typography):not(.no-typography *),\n  [data-slot=\"typography\"]\n    ol:not(.no-typography):not(.no-typography *)\n    > li:not(.no-typography):not(.no-typography *) {\n    @apply mt-2;\n  }\n</style>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Size = \"sm\" | \"default\" | \"lg\"\ntype Props = HTMLAttributes<\"li\"> & {\n  size?: Size\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<li\n  data-slot=\"typography-list-item\"\n  data-size={size}\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</li>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-list-item\"],\n  [data-slot=\"typography-list\"] > li,\n  [data-slot=\"typography\"] > ul > li,\n  [data-slot=\"typography\"] > ol > li {\n    @apply mt-2;\n  }\n\n  [data-slot=\"typography-list-item\"][data-size=\"sm\"] {\n    @apply text-sm;\n  }\n\n  [data-slot=\"typography-list-item\"][data-size=\"default\"] {\n    @apply text-base;\n  }\n\n  [data-slot=\"typography-list-item\"][data-size=\"lg\"] {\n    @apply text-lg;\n  }\n</style>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/typography/typography-p.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"p\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<p data-slot=\"typography-p\" class={cn(className)} {...props}>\n  <slot />\n</p>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-p\"],\n  [data-slot=\"typography\"]\n    p:not([data-slot]):not(.no-typography):not(.no-typography *) {\n    @apply text-base leading-7;\n  }\n</style>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Size = \"sm\" | \"default\" | \"lg\"\ntype Props = HTMLAttributes<\"p\"> & {\n  size?: Size\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<p data-slot=\"typography-p\" data-size={size} class={cn(className)} {...props}>\n  <slot />\n</p>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-p\"],\n  [data-slot=\"typography\"] > p {\n    @apply leading-7;\n  }\n\n  [data-slot=\"typography-p\"][data-size=\"sm\"] {\n    @apply text-sm;\n  }\n\n  [data-slot=\"typography-p\"][data-size=\"default\"],\n  [data-slot=\"typography\"] > p {\n    @apply text-base;\n  }\n\n  [data-slot=\"typography-p\"][data-size=\"lg\"] {\n    @apply text-lg;\n  }\n\n  [data-slot=\"typography-p\"]:not(:first-child),\n  [data-slot=\"typography\"] > p:not(:first-child) {\n    @apply mt-6;\n  }\n</style>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/typography/typography-table.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"table\"> & {\n  containerClass?: string\n}\n\nconst { class: className, containerClass, ...props } = Astro.props\n---\n\n<div data-slot=\"typography-table-container\" class={cn(containerClass)}>\n  <table data-slot=\"typography-table\" class={cn(className)} {...props}>\n    <slot />\n  </table>\n</div>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-table-container\"] {\n    @apply border-border w-full overflow-x-auto rounded-xl border;\n  }\n\n  [data-slot=\"typography-table\"],\n  [data-slot=\"typography\"] table:not(.no-typography):not(.no-typography *) {\n    @apply w-full caption-bottom;\n  }\n\n  [data-slot=\"typography\"] table:not(.no-typography):not(.no-typography *) {\n    @apply border-border overflow-x-auto rounded-xl border;\n    border-spacing: 0;\n  }\n\n  [data-slot=\"typography\"]\n    table:not(.no-typography):not(.no-typography *)\n    thead,\n  [data-slot=\"typography\"]\n    table:not(.no-typography):not(.no-typography *)\n    tbody,\n  [data-slot=\"typography\"] table:not(.no-typography):not(.no-typography *) tr {\n    @apply w-full;\n  }\n\n  [data-slot=\"typography-table\"],\n  [data-slot=\"typography\"] table:not(.no-typography):not(.no-typography *) {\n    @apply text-sm;\n  }\n</style>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Size = \"sm\" | \"default\" | \"lg\"\ntype Props = HTMLAttributes<\"table\"> & {\n  containerClass?: string\n  size?: Size\n}\n\nconst {\n  class: className,\n  containerClass,\n  size = \"default\",\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"typography-table-container\"\n  data-size={size}\n  class={cn(containerClass)}\n>\n  <table\n    data-slot=\"typography-table\"\n    data-size={size}\n    class={cn(className)}\n    {...props}\n  >\n    <slot />\n  </table>\n</div>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-table-container\"] {\n    @apply border-border my-6 w-full overflow-y-auto rounded-xl border;\n  }\n\n  [data-slot=\"typography-table\"],\n  [data-slot=\"typography\"] > table {\n    @apply w-full border-collapse;\n  }\n\n  [data-slot=\"typography-table\"][data-size=\"sm\"] {\n    @apply text-sm;\n  }\n\n  [data-slot=\"typography-table\"][data-size=\"default\"],\n  [data-slot=\"typography\"] > table {\n    @apply text-base;\n  }\n\n  [data-slot=\"typography-table\"][data-size=\"lg\"] {\n    @apply text-lg;\n  }\n</style>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/typography/typography-table-row.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"tr\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<tr data-slot=\"typography-table-row\" class={cn(className)} {...props}>\n  <slot />\n</tr>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-table-row\"],\n  [data-slot=\"typography-table\"] tr,\n  [data-slot=\"typography\"]\n    table:not(.no-typography):not(.no-typography *)\n    tr:not(.no-typography):not(.no-typography *) {\n    @apply border-b transition-colors;\n  }\n\n  [data-slot=\"typography-table\"] tbody tr:last-child,\n  [data-slot=\"typography\"]\n    table:not(.no-typography):not(.no-typography *)\n    tbody\n    tr:not(.no-typography):not(.no-typography *):last-child {\n    @apply border-b-0;\n  }\n</style>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Size = \"sm\" | \"default\" | \"lg\"\ntype Props = HTMLAttributes<\"tr\"> & {\n  size?: Size\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<tr\n  data-slot=\"typography-table-row\"\n  data-size={size}\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</tr>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-table-row\"],\n  [data-slot=\"typography-table\"] tr,\n  [data-slot=\"typography\"] > table tr {\n    @apply even:bg-muted m-0 border-t p-0;\n  }\n\n  [data-slot=\"typography-table-row\"][data-size=\"sm\"] {\n    @apply text-sm;\n  }\n\n  [data-slot=\"typography-table-row\"][data-size=\"default\"] {\n    @apply text-base;\n  }\n\n  [data-slot=\"typography-table-row\"][data-size=\"lg\"] {\n    @apply text-lg;\n  }\n</style>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/typography/typography-table-head.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"th\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<th data-slot=\"typography-table-head\" class={cn(className)} {...props}>\n  <slot />\n</th>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-table-head\"],\n  [data-slot=\"typography-table\"] th,\n  [data-slot=\"typography\"]\n    table:not(.no-typography):not(.no-typography *)\n    th:not(.no-typography):not(.no-typography *) {\n    @apply text-foreground h-10 px-2 text-left align-middle text-sm font-medium whitespace-nowrap;\n  }\n\n  [data-slot=\"typography-table-head\"][align=\"center\"],\n  [data-slot=\"typography-table\"] th[align=\"center\"],\n  [data-slot=\"typography\"]\n    table:not(.no-typography):not(.no-typography *)\n    th:not(.no-typography):not(.no-typography *)[align=\"center\"] {\n    @apply text-center;\n  }\n\n  [data-slot=\"typography-table-head\"][align=\"right\"],\n  [data-slot=\"typography-table\"] th[align=\"right\"],\n  [data-slot=\"typography\"]\n    table:not(.no-typography):not(.no-typography *)\n    th:not(.no-typography):not(.no-typography *)[align=\"right\"] {\n    @apply text-right;\n  }\n</style>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Size = \"sm\" | \"default\" | \"lg\"\ntype Props = HTMLAttributes<\"th\"> & {\n  size?: Size\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<th\n  data-slot=\"typography-table-head\"\n  data-size={size}\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</th>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-table-head\"],\n  [data-slot=\"typography-table\"] th,\n  [data-slot=\"typography\"] > table th {\n    @apply border-border border-b px-4 py-3 text-left font-semibold;\n  }\n\n  [data-slot=\"typography-table-head\"][data-size=\"sm\"] {\n    @apply text-sm;\n  }\n\n  [data-slot=\"typography-table-head\"][data-size=\"default\"] {\n    @apply text-base;\n  }\n\n  [data-slot=\"typography-table-head\"][data-size=\"lg\"] {\n    @apply text-lg;\n  }\n\n  [data-slot=\"typography-table-head\"][align=\"center\"],\n  [data-slot=\"typography-table\"] th[align=\"center\"],\n  [data-slot=\"typography\"] > table th[align=\"center\"] {\n    @apply text-center;\n  }\n\n  [data-slot=\"typography-table-head\"][align=\"right\"],\n  [data-slot=\"typography-table\"] th[align=\"right\"],\n  [data-slot=\"typography\"] > table th[align=\"right\"] {\n    @apply text-right;\n  }\n</style>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/typography/typography-table-cell.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"td\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<td data-slot=\"typography-table-cell\" class={cn(className)} {...props}>\n  <slot />\n</td>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-table-cell\"],\n  [data-slot=\"typography-table\"] td,\n  [data-slot=\"typography\"]\n    table:not(.no-typography):not(.no-typography *)\n    td:not(.no-typography):not(.no-typography *) {\n    @apply p-2 text-left align-middle text-sm whitespace-nowrap;\n  }\n\n  [data-slot=\"typography-table-cell\"][align=\"center\"],\n  [data-slot=\"typography-table\"] td[align=\"center\"],\n  [data-slot=\"typography\"]\n    table:not(.no-typography):not(.no-typography *)\n    td:not(.no-typography):not(.no-typography *)[align=\"center\"] {\n    @apply text-center;\n  }\n\n  [data-slot=\"typography-table-cell\"][align=\"right\"],\n  [data-slot=\"typography-table\"] td[align=\"right\"],\n  [data-slot=\"typography\"]\n    table:not(.no-typography):not(.no-typography *)\n    td:not(.no-typography):not(.no-typography *)[align=\"right\"] {\n    @apply text-right;\n  }\n</style>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Size = \"sm\" | \"default\" | \"lg\"\ntype Props = HTMLAttributes<\"td\"> & {\n  size?: Size\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<td\n  data-slot=\"typography-table-cell\"\n  data-size={size}\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</td>\n\n<style is:global>\n  @reference \"@/styles/global.css\";\n\n  [data-slot=\"typography-table-cell\"],\n  [data-slot=\"typography-table\"] td,\n  [data-slot=\"typography\"] > table td {\n    @apply border-border border-t px-4 py-3 text-left align-middle;\n  }\n\n  [data-slot=\"typography-table-cell\"][data-size=\"sm\"] {\n    @apply text-sm;\n  }\n\n  [data-slot=\"typography-table-cell\"][data-size=\"default\"] {\n    @apply text-base;\n  }\n\n  [data-slot=\"typography-table-cell\"][data-size=\"lg\"] {\n    @apply text-lg;\n  }\n\n  [data-slot=\"typography-table\"] tbody tr:last-child td,\n  [data-slot=\"typography\"] > table tbody tr:last-child td {\n    @apply border-b-0;\n  }\n\n  [data-slot=\"typography-table-cell\"][align=\"center\"],\n  [data-slot=\"typography-table\"] td[align=\"center\"],\n  [data-slot=\"typography\"] > table td[align=\"center\"] {\n    @apply text-center;\n  }\n\n  [data-slot=\"typography-table-cell\"][align=\"right\"],\n  [data-slot=\"typography-table\"] td[align=\"right\"],\n  [data-slot=\"typography\"] > table td[align=\"right\"] {\n    @apply text-right;\n  }\n</style>\n",
       "type": "registry:ui"
     },
     {

package/public/r/video.json

@@ -4,7 +4,7 @@
   "files": [
     {
       "path": "src/components/ui/video/video.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = Omit<HTMLAttributes<\"iframe\">, \"src\"> & {\n  src?: string\n  title?: string\n}\n\nconst {\n  class: className,\n  src,\n  title = \"Embedded video\",\n  ...props\n} = Astro.props\n\nconst getVideoId = (value?: string) => {\n  if (!value) return undefined\n\n  try {\n    const url = new URL(value)\n    const host = url.hostname.replace(/^www\\./, \"\")\n\n    if (host === \"youtube.com\" && url.pathname === \"/watch\") {\n      return url.searchParams.get(\"v\") ?? undefined\n    }\n\n    if (host === \"youtube.com\" && url.pathname.startsWith(\"/shorts/\")) {\n      return url.pathname.split(\"/\")[2]\n    }\n\n    if (host === \"youtu.be\") {\n      return url.pathname.slice(1)\n    }\n  } catch {\n    return undefined\n  }\n}\n\nconst videoId = getVideoId(src)\nconst embedSrc = videoId\n  ? `https://www.youtube-nocookie.com/embed/${videoId}`\n  : undefined\nconst thumbnailSrc = videoId\n  ? `https://i.ytimg.com/vi/${videoId}/hqdefault.jpg`\n  : undefined\nconst srcdoc =\n  embedSrc && thumbnailSrc\n    ? `<style>*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:grid;place-items:center;background:#000;font-family:system-ui,sans-serif}a{position:absolute;inset:0;display:grid;place-items:center;color:white;text-decoration:none}img{width:100%;height:100%;object-fit:cover}span{position:absolute;display:grid;place-items:center;width:4.5rem;height:3.25rem;border-radius:1rem;background:rgb(0 0 0 / .72);box-shadow:0 10px 30px rgb(0 0 0 / .25);transition:background .15s ease}span:before{content:\"\";margin-left:.25rem;border-top:.7rem solid transparent;border-bottom:.7rem solid transparent;border-left:1.1rem solid currentColor}a:hover span{background:#ff0033}</style><a href=\"${embedSrc}?autoplay=1\" aria-label=\"Play video\"><img src=\"${thumbnailSrc}\" alt=\"\" /><span></span></a>`\n    : undefined\nconst isShort = src?.includes(\"/shorts/\")\n---\n\n{\n  embedSrc && (\n    <iframe\n      src={embedSrc}\n      srcdoc={srcdoc}\n      title={title}\n      allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n      allowfullscreen\n      loading=\"lazy\"\n      referrerpolicy=\"strict-origin-when-cross-origin\"\n      class={cn(\n        \"bg-muted w-full rounded-lg border\",\n        isShort ? \"aspect-9/16 max-w-xs\" : \"aspect-video\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = Omit<HTMLAttributes<\"div\">, \"src\"> & {\n  src?: string\n}\n\nconst { class: className, src, ...props } = Astro.props\n\nconst getEmbedSrc = (value?: string) => {\n  if (!value) return undefined\n\n  try {\n    const url = new URL(value)\n    const host = url.hostname.replace(/^www\\./, \"\")\n\n    if (host === \"youtube.com\" && url.pathname === \"/watch\") {\n      const id = url.searchParams.get(\"v\")\n      return id ? `https://www.youtube.com/embed/${id}` : undefined\n    }\n\n    if (host === \"youtube.com\" && url.pathname.startsWith(\"/shorts/\")) {\n      const id = url.pathname.split(\"/\")[2]\n      return id ? `https://www.youtube.com/embed/${id}` : undefined\n    }\n\n    if (host === \"youtu.be\") {\n      const id = url.pathname.slice(1)\n      return id ? `https://www.youtube.com/embed/${id}` : undefined\n    }\n  } catch {\n    return undefined\n  }\n}\n\nconst embedSrc = getEmbedSrc(src)\nconst isShort = src?.includes(\"/shorts/\")\n---\n\n{\n  embedSrc && (\n    <iframe\n      src={embedSrc}\n      title=\"Embedded video\"\n      allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n      allowfullscreen\n      class={cn(\n        \"bg-muted w-full rounded-lg border\",\n        isShort ? \"aspect-9/16 max-w-xs\" : \"aspect-video\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n",
       "type": "registry:ui"
     },
     {