fulldev-ui 0.7.0 → 0.9.1

package/public/r/tile.json

@@ -1,52 +1,27 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "tile",
-  "type": "registry:ui",
   "files": [
     {
       "path": "src/components/ui/tile/tile.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = VariantProps<typeof variants> &\n  HTMLAttributes<\"div\"> &\n  HTMLAttributes<\"a\">\n\nconst variants = cva(\n  \"group/tile focus-visible:border-ring focus-visible:ring-ring/50 [a]:hover:ring-accent/50 relative flex flex-col items-start gap-6 outline-none focus-visible:ring-[3px] [a]:transition-all\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"[a]:hover:ring-accent/50 [a]:hover:bg-accent/50 rounded-sm bg-transparent [a]:hover:ring-12\",\n        floating:\n          \"bg-card text-card-foreground [a]:hover:bg-accent/50 overflow-hidden rounded-sm border p-6 shadow-sm duration-100\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nconst { class: className, variant, href, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n\nconst Comp = href ? \"a\" : \"div\"\n---\n\n{\n  slot?.trim().length > 0 && (\n    <Comp\n      data-slot=\"tile\"\n      data-variant={variant}\n      class={cn(variants({ variant }), className)}\n      href={href}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </Comp>\n  )\n}\n\n<style is:global>\n  [data-slot=\"tile\"] {\n    --tile-padding: 0px;\n  }\n\n  [data-slot=\"tile\"][data-variant=\"floating\"] {\n    --tile-padding: 24px;\n  }\n</style>\n",
-      "type": "registry:ui"
-    },
-    {
-      "path": "src/components/ui/tile/tile-actions.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div class={cn(\"flex flex-wrap gap-2\", className)} {...props}>\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = VariantProps<typeof variants> &\n  HTMLAttributes<\"div\"> &\n  HTMLAttributes<\"a\">\n\nconst variants = cva(\n  \"group/tile focus-visible:border-ring focus-visible:ring-ring/50 flex min-w-0 flex-col overflow-hidden rounded-xl transition-colors outline-none group-data-[variant=masonry]/tile-group:mb-4 group-data-[variant=masonry]/tile-group:break-inside-avoid focus-visible:ring-3\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"text-foreground data-[link]:hover:bg-muted/40 border border-transparent\",\n        inset:\n          \"text-foreground data-[link]:hover:bg-muted/40 -mx-5 border border-transparent\",\n        outline:\n          \"border-border bg-background text-foreground data-[link]:hover:bg-muted/40 border\",\n        muted:\n          \"bg-muted/50 text-foreground data-[link]:hover:bg-muted/70 border-transparent\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nconst { class: className, variant = \"default\", href, ...props } = Astro.props\n\nconst Comp = href ? \"a\" : \"div\"\n---\n\n<Comp\n  data-slot=\"tile\"\n  data-variant={variant}\n  data-link={href ? \"\" : undefined}\n  class={cn(variants({ variant }), className)}\n  href={href}\n  {...props}\n>\n  <slot />\n</Comp>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/tile/tile-content.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div class={cn(\"relative z-10 flex flex-col gap-3\", className)} {...props}>\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
-      "type": "registry:ui"
-    },
-    {
-      "path": "src/components/ui/tile/tile-description.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"p\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <p class={cn(\"text-muted-foreground text-sm\", className)} {...props}>\n      <Fragment set:html={slot} />\n    </p>\n  )\n}\n",
-      "type": "registry:ui"
-    },
-    {
-      "path": "src/components/ui/tile/tile-media.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst variants = cva(\n  [\n    \"flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=tile-description]]/tile:translate-y-0.5 group-has-[[data-slot=tile-description]]/tile:self-start [&_svg]:pointer-events-none\",\n    \"transition-opacity duration-100 [&:is(a:hover>&)]:opacity-75\",\n    \"relative overflow-hidden rounded-md\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"rounded-md *:size-full *:object-cover\",\n        icon: \"bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\ninterface Props extends HTMLAttributes<\"div\">, VariantProps<typeof variants> {}\n\nconst { class: className, variant, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      data-slot=\"tile-media\"\n      data-variant={variant}\n      class={cn(variants({ variant }), className)}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
-      "type": "registry:ui"
-    },
-    {
-      "path": "src/components/ui/tile/tile-split.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      class={cn(\"grid size-full grid-cols-[2fr_3fr] gap-6 *:w-full\", className)}\n      data-slot=\"tile-split\"\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
-      "type": "registry:ui"
-    },
-    {
-      "path": "src/components/ui/tile/tile-spread.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      class={cn(\n        \"flex w-full flex-row items-start justify-between gap-4 @max-xs:flex-col\",\n        className\n      )}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"tile-content\"\n  class={cn(\"flex min-w-0 flex-1 flex-col gap-3 p-5\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {
-      "path": "src/components/ui/tile/tile-title.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"h3\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <h3 class={cn(\"leading-none font-semibold\", className)} {...props}>\n      <Fragment set:html={slot} />\n    </h3>\n  )\n}\n",
+      "path": "src/components/ui/tile/tile-group.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & VariantProps<typeof variants>\n\nconst variants = cva(\"group/tile-group w-full gap-4\", {\n  variants: {\n    variant: {\n      default: \"grid\",\n      masonry: \"columns-1\",\n    },\n    size: {\n      sm: \"\",\n      default: \"\",\n      lg: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"default\",\n      size: \"sm\",\n      class: \"grid-cols-1 sm:grid-cols-[repeat(auto-fit,minmax(240px,1fr))]\",\n    },\n    {\n      variant: \"default\",\n      size: \"default\",\n      class: \"grid-cols-1 sm:grid-cols-[repeat(auto-fit,minmax(300px,1fr))]\",\n    },\n    {\n      variant: \"default\",\n      size: \"lg\",\n      class: \"grid-cols-1 sm:grid-cols-[repeat(auto-fit,minmax(400px,1fr))]\",\n    },\n    {\n      variant: \"masonry\",\n      size: \"sm\",\n      class: \"sm:[column-count:5] sm:[column-width:240px]\",\n    },\n    {\n      variant: \"masonry\",\n      size: \"default\",\n      class: \"sm:[column-count:4] sm:[column-width:300px]\",\n    },\n    {\n      variant: \"masonry\",\n      size: \"lg\",\n      class: \"sm:[column-count:3] sm:[column-width:400px]\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\",\n  },\n})\n\nconst {\n  class: className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n} = Astro.props\n---\n\n<div\n  role=\"list\"\n  data-slot=\"tile-group\"\n  data-variant={variant}\n  data-size={size}\n  class={cn(variants({ variant, size }), className)}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/tile/index.ts",
-      "content": "export { default as Tile } from \"./tile.astro\"\nexport { default as TileActions } from \"./tile-actions.astro\"\nexport { default as TileContent } from \"./tile-content.astro\"\nexport { default as TileDescription } from \"./tile-description.astro\"\nexport { default as TileMedia } from \"./tile-media.astro\"\nexport { default as TileSplit } from \"./tile-split.astro\"\nexport { default as TileSpread } from \"./tile-spread.astro\"\nexport { default as TileTitle } from \"./tile-title.astro\"\n",
+      "content": "export { default as Tile } from \"./tile.astro\"\nexport { default as TileContent } from \"./tile-content.astro\"\nexport { default as TileGroup } from \"./tile-group.astro\"\n",
       "type": "registry:ui"
     }
-  ]
+  ],
+  "type": "registry:ui"
 }

package/public/r/toc.json

@@ -0,0 +1,37 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "toc",
+  "files": [
+    {
+      "path": "src/components/ui/toc/toc.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"nav\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<nav data-slot=\"toc\" class={cn(\"flex flex-col gap-3\", className)} {...props}>\n  <slot />\n</nav>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toc/toc-title.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"p\"> &\n  HTMLAttributes<\"h2\"> &\n  HTMLAttributes<\"div\"> & {\n    as?: \"p\" | \"h2\" | \"div\"\n  }\n\nconst { as: Tag = \"p\", class: className, ...props } = Astro.props\n---\n\n<Tag\n  data-slot=\"toc-title\"\n  class={cn(\"text-sm font-medium tracking-tight\", className)}\n  {...props}\n>\n  <slot />\n</Tag>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toc/toc-menu.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"ul\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<ul\n  data-slot=\"toc-menu\"\n  class={cn(\"flex flex-col gap-1\", className)}\n  {...props}\n>\n  <slot />\n</ul>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toc/toc-menu-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=\"toc-menu-item\" class={cn(\"relative\", className)} {...props}>\n  <slot />\n</li>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toc/toc-menu-link.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"a\"> & {\n  depth?: number\n  isActive?: boolean\n  active?: boolean\n}\n\nconst {\n  class: className,\n  depth = 2,\n  isActive,\n  active = false,\n  ...props\n} = Astro.props\n\nconst resolvedActive = isActive ?? active\n---\n\n<a\n  data-slot=\"toc-menu-link\"\n  data-depth={depth}\n  data-active={resolvedActive ? \"true\" : undefined}\n  aria-current={resolvedActive ? \"location\" : undefined}\n  class={cn(\n    \"text-muted-foreground hover:text-foreground data-[active=true]:text-foreground block text-sm leading-6 transition-colors\",\n    depth === 3 && \"pl-4\",\n    depth >= 4 && \"pl-8\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</a>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toc/index.ts",
+      "content": "export { default as Toc } from \"./toc.astro\"\nexport { default as TocMenu } from \"./toc-menu.astro\"\nexport { default as TocMenuItem } from \"./toc-menu-item.astro\"\nexport { default as TocMenuLink } from \"./toc-menu-link.astro\"\nexport { default as TocTitle } from \"./toc-title.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/toggle.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "toggle",
+  "dependencies": [
+    "@data-slot/toggle"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/toggle/toggle.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\nimport { toggleVariants, type ToggleVariantProps } from \"./toggle-variants\"\n\ntype Props = HTMLAttributes<\"button\"> &\n  ToggleVariantProps & {\n    defaultPressed?: boolean\n    disabled?: boolean\n  }\n\nconst {\n  class: className,\n  variant = \"default\",\n  size = \"default\",\n  defaultPressed,\n  disabled,\n  type = \"button\",\n  ...props\n} = Astro.props\n---\n\n<button\n  data-slot=\"toggle\"\n  data-default-pressed={defaultPressed}\n  data-disabled={disabled}\n  type={type}\n  class={cn(toggleVariants({ variant, size }), className)}\n  {...props}\n>\n  <slot />\n</button>\n\n<script>\n  import { create } from \"@data-slot/toggle\"\n\n  create()\n</script>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toggle/toggle-variants.ts",
+      "content": "import { cva, type VariantProps } from \"class-variance-authority\"\n\nexport const toggleVariants = cva(\n  \"group/toggle hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted dark:aria-invalid:ring-destructive/40 inline-flex items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline: \"border-input hover:bg-muted border bg-transparent shadow-xs\",\n      },\n      size: {\n        default:\n          \"h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n        sm: \"h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5\",\n        lg: \"h-10 min-w-10 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nexport type ToggleVariantProps = VariantProps<typeof toggleVariants>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/toggle/index.ts",
+      "content": "export { default as Toggle } from \"./toggle.astro\"\nexport { toggleVariants } from \"./toggle-variants\"\nexport type { ToggleVariantProps } from \"./toggle-variants\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/tooltip.json

@@ -0,0 +1,30 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "tooltip",
+  "dependencies": [
+    "@data-slot/tooltip"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/tooltip/tooltip.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type { TooltipAlign, TooltipSide } from \"@data-slot/tooltip\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  delay?: number\n  skipDelayDuration?: number\n  side?: TooltipSide\n  align?: TooltipAlign\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n  portal?: boolean\n}\n\nconst {\n  class: className,\n  delay = 300,\n  skipDelayDuration = 300,\n  side = \"top\",\n  align = \"center\",\n  sideOffset = 4,\n  alignOffset = 0,\n  avoidCollisions = true,\n  collisionPadding = 8,\n  portal = true,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"tooltip\"\n  data-delay={delay}\n  data-skip-delay-duration={skipDelayDuration}\n  data-side={side}\n  data-align={align}\n  data-side-offset={sideOffset}\n  data-align-offset={alignOffset}\n  data-avoid-collisions={avoidCollisions}\n  data-collision-padding={collisionPadding}\n  data-portal={portal}\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/tooltip\"\n\n  create()\n</script>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/tooltip/tooltip-trigger.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"button\"> &\n  HTMLAttributes<\"a\"> &\n  HTMLAttributes<\"div\"> &\n  HTMLAttributes<\"span\"> & {\n    as?: \"a\" | \"button\" | \"div\" | \"span\"\n    href?: string\n  }\n\nconst { as: explicitTag, class: className, type, ...props } = Astro.props\n\nconst Tag = explicitTag || (\"href\" in Astro.props ? \"a\" : \"button\")\n---\n\n<Tag\n  data-slot=\"tooltip-trigger\"\n  type={Tag === \"button\" ? type || \"button\" : undefined}\n  class={cn(className)}\n  {...props}\n>\n  <slot />\n</Tag>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/tooltip/tooltip-content.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type { TooltipAlign, TooltipSide } from \"@data-slot/tooltip\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  side?: TooltipSide\n  align?: TooltipAlign\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n}\n\nconst {\n  class: className,\n  hidden = true,\n  side,\n  align,\n  sideOffset,\n  alignOffset,\n  avoidCollisions,\n  collisionPadding,\n  ...props\n} = Astro.props\n---\n\n<div data-slot=\"tooltip-portal\">\n  <div\n    data-slot=\"tooltip-positioner\"\n    data-side={side}\n    data-align={align}\n    data-side-offset={sideOffset}\n    data-align-offset={alignOffset}\n    data-avoid-collisions={avoidCollisions}\n    data-collision-padding={collisionPadding}\n    class=\"z-50\"\n  >\n    <div\n      data-slot=\"tooltip-content\"\n      data-side={side}\n      data-align={align}\n      data-side-offset={sideOffset}\n      data-align-offset={alignOffset}\n      data-avoid-collisions={avoidCollisions}\n      data-collision-padding={collisionPadding}\n      hidden={hidden}\n      class={cn(\n        \"bg-foreground text-background data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md px-3 py-1.5 text-xs has-data-[slot=kbd]:pr-1.5 data-[instant]:animate-none data-[instant]:transition-none **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm\",\n        className\n      )}\n      {...props}\n    >\n      <slot />\n      <div\n        data-slot=\"tooltip-arrow\"\n        aria-hidden=\"true\"\n        class=\"bg-foreground fill-foreground z-50 size-2.5 rotate-45 rounded-[2px] data-[side=bottom]:-top-1 data-[side=inline-end]:-left-1 data-[side=inline-end]:translate-x-[1.5px] data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-x-[1.5px] data-[side=left]:-right-1 data-[side=left]:-translate-x-[1.5px] data-[side=right]:-left-1 data-[side=right]:translate-x-[1.5px] data-[side=top]:-bottom-1\"\n      >\n      </div>\n    </div>\n  </div>\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/tooltip/index.ts",
+      "content": "export { default as Tooltip } from \"./tooltip.astro\"\nexport { default as TooltipContent } from \"./tooltip-content.astro\"\nexport { default as TooltipTrigger } from \"./tooltip-trigger.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

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

@@ -1,11 +1,10 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "video",
-  "type": "registry:ui",
   "files": [
     {
       "path": "src/components/ui/video/video.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends Omit<HTMLAttributes<\"div\">, \"src\"> {\n  src?: string\n}\n\nconst { class: className, src, ...props } = Astro.props\n---\n\n{\n  src?.includes(\"youtube.com/watch\") && (\n    <iframe\n      src={\n        src.replace(\"youtube.com/watch?v=\", \"youtube.com/embed/\").split(\"&\")[0]\n      }\n      allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n      allowfullscreen\n      class={cn(\"aspect-video h-auto w-full\", className)}\n      {...props}\n    />\n  )\n}\n\n{\n  src?.includes(\"youtube.com/shorts\") && (\n    <iframe\n      src={\n        src.replace(\"youtube.com/shorts/\", \"youtube.com/embed/\").split(\"&\")[0]\n      }\n      allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n      allowfullscreen\n      class={cn(\"aspect-9/16 h-auto w-full\", className)}\n      {...props}\n    />\n  )\n}\n",
+      "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"
     },
     {
@@ -13,5 +12,6 @@
       "content": "export { default as Video } from \"./video.astro\"\n",
       "type": "registry:ui"
     }
-  ]
+  ],
+  "type": "registry:ui"
 }