fulldev-ui 0.7.0-beta.9 → 0.9.0

package/public/r/typography.json

@@ -0,0 +1,92 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "typography",
+  "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",
+      "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",
+      "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",
+      "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",
+      "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",
+      "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",
+      "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",
+      "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",
+      "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",
+      "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",
+      "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",
+      "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",
+      "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",
+      "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",
+      "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",
+      "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",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/typography/index.ts",
+      "content": "export { default as Typography } from \"./typography.astro\"\nexport { default as TypographyA } from \"./typography-a.astro\"\nexport { default as TypographyBlockquote } from \"./typography-blockquote.astro\"\nexport { default as TypographyH1 } from \"./typography-h1.astro\"\nexport { default as TypographyH2 } from \"./typography-h2.astro\"\nexport { default as TypographyH3 } from \"./typography-h3.astro\"\nexport { default as TypographyH4 } from \"./typography-h4.astro\"\nexport { default as TypographyInlineCode } from \"./typography-inline-code.astro\"\nexport { default as TypographyLead } from \"./typography-lead.astro\"\nexport { default as TypographyList } from \"./typography-list.astro\"\nexport { default as TypographyListItem } from \"./typography-list-item.astro\"\nexport { default as TypographyP } from \"./typography-p.astro\"\nexport { default as TypographyTable } from \"./typography-table.astro\"\nexport { default as TypographyTableCell } from \"./typography-table-cell.astro\"\nexport { default as TypographyTableHead } from \"./typography-table-head.astro\"\nexport { default as TypographyTableRow } from \"./typography-table-row.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/video.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "video",
+  "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",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/video/index.ts",
+      "content": "export { default as Video } from \"./video.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}