fulldev-ui 0.11.0 → 0.12.0

package/public/r/switch.json

@@ -4,12 +4,12 @@
   "title": "Switch",
   "description": "A control that allows the user to toggle between checked and not checked.",
   "dependencies": [
-    "@data-slot/switch"
+    "@data-slot/switch@^1.0.1"
   ],
   "files": [
     {
       "path": "src/components/ui/switch/switch.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"span\"> & {\n  defaultChecked?: boolean\n  disabled?: boolean\n  readOnly?: boolean\n  required?: boolean\n  name?: string\n  size?: \"default\" | \"sm\"\n  value?: string\n  uncheckedValue?: string\n}\n\nconst {\n  class: className,\n  defaultChecked,\n  disabled,\n  readOnly,\n  required,\n  name,\n  size = \"default\",\n  value,\n  uncheckedValue,\n  ...props\n} = Astro.props\n\nconst initialChecked = defaultChecked === true\nconst switchStyle =\n  \"peer group/switch focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 relative inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none group-has-[:focus-visible]/field-label:border-transparent group-has-[:focus-visible]/field-label:ring-0 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 aria-invalid:ring-3 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-readonly:cursor-default\"\nconst switchSizeStyle = {\n  sm: \"h-[14px] w-[24px]\",\n  default: \"h-[18.4px] w-[32px]\",\n}\n---\n\n<span\n  role=\"switch\"\n  aria-checked={initialChecked ? \"true\" : \"false\"}\n  aria-disabled={disabled ? \"true\" : undefined}\n  aria-readonly={readOnly ? \"true\" : undefined}\n  aria-required={required ? \"true\" : undefined}\n  data-slot=\"switch\"\n  data-size={size}\n  data-checked={initialChecked ? \"\" : undefined}\n  data-unchecked={initialChecked ? undefined : \"\"}\n  data-default-checked={defaultChecked}\n  data-disabled={disabled ? \"true\" : undefined}\n  data-read-only={readOnly}\n  data-readonly={readOnly ? \"\" : undefined}\n  data-required={required}\n  data-name={name}\n  data-value={value}\n  data-unchecked-value={uncheckedValue}\n  class={cn(switchStyle, switchSizeStyle[size], className)}\n  {...props}\n>\n  <span\n    aria-hidden=\"true\"\n    data-slot=\"switch-thumb\"\n    data-checked={initialChecked ? \"\" : undefined}\n    data-unchecked={initialChecked ? undefined : \"\"}\n    class=\"bg-background dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground pointer-events-none block rounded-full ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0\"\n  ></span>\n</span>\n\n<script>\n  import { create } from \"@data-slot/switch\"\n\n  create()\n  document.addEventListener(\"astro:page-load\", () => create())\n</script>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"span\"> & {\n  defaultChecked?: boolean\n  disabled?: boolean\n  readOnly?: boolean\n  required?: boolean\n  name?: string\n  size?: \"default\" | \"sm\"\n  value?: string\n  uncheckedValue?: string\n}\n\nconst {\n  class: className,\n  defaultChecked,\n  disabled,\n  readOnly,\n  required,\n  name,\n  size = \"default\",\n  value,\n  uncheckedValue,\n  ...props\n} = Astro.props\n\nconst initialChecked = defaultChecked === true\nconst switchStyle =\n  \"peer group/switch focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 relative inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none group-has-[:focus-visible]/field-label:border-transparent group-has-[:focus-visible]/field-label:ring-0 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 aria-invalid:ring-3 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-readonly:cursor-default\"\nconst switchSizeStyle = {\n  sm: \"h-[14px] w-[24px]\",\n  default: \"h-[18.4px] w-[32px]\",\n}\n---\n\n<span\n  role=\"switch\"\n  aria-checked={initialChecked ? \"true\" : \"false\"}\n  aria-disabled={disabled ? \"true\" : undefined}\n  aria-readonly={readOnly ? \"true\" : undefined}\n  aria-required={required ? \"true\" : undefined}\n  data-slot=\"switch\"\n  data-size={size}\n  data-checked={initialChecked ? \"\" : undefined}\n  data-unchecked={initialChecked ? undefined : \"\"}\n  data-default-checked={defaultChecked}\n  data-disabled={disabled ? \"true\" : undefined}\n  data-read-only={readOnly}\n  data-readonly={readOnly ? \"\" : undefined}\n  data-required={required}\n  data-name={name}\n  data-value={value}\n  data-unchecked-value={uncheckedValue}\n  class={cn(switchStyle, switchSizeStyle[size], className)}\n  {...props}\n>\n  <span\n    aria-hidden=\"true\"\n    data-slot=\"switch-thumb\"\n    data-checked={initialChecked ? \"\" : undefined}\n    data-unchecked={initialChecked ? undefined : \"\"}\n    class=\"bg-background dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground pointer-events-none block rounded-full ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0\"\n  ></span>\n</span>\n\n<script>\n  import { create } from \"@data-slot/switch\"\n\n  const controllers: ReturnType<typeof create> = []\n  const initialize = () => controllers.push(...create())\n  initialize()\n  document.addEventListener(\"astro:page-load\", initialize)\n  document.addEventListener(\"astro:before-swap\", () => {\n    for (const controller of controllers) controller.destroy()\n    controllers.length = 0\n  })\n</script>\n",
       "type": "registry:ui"
     },
     {

package/public/r/tabs.json

@@ -4,17 +4,17 @@
   "title": "Tabs",
   "description": "A set of layered sections of content, known as tabs, that display one panel of content at a time.",
   "dependencies": [
-    "@data-slot/tabs"
+    "@data-slot/tabs@^1.0.1"
   ],
   "files": [
     {
       "path": "src/components/ui/tabs/tabs.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultValue?: string\n  orientation?: \"horizontal\" | \"vertical\"\n  activationMode?: \"auto\" | \"manual\"\n}\n\nconst {\n  class: className,\n  defaultValue,\n  orientation = \"horizontal\",\n  activationMode,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"tabs\"\n  data-default-value={defaultValue}\n  data-orientation={orientation}\n  data-activation-mode={activationMode}\n  data-horizontal={orientation === \"horizontal\" ? \"\" : undefined}\n  data-vertical={orientation === \"vertical\" ? \"\" : undefined}\n  class={cn(\"group/tabs flex gap-2 data-horizontal:flex-col\", className)}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/tabs\"\n\n  create()\n  document.addEventListener(\"astro:page-load\", () => create())\n</script>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultValue?: string\n  orientation?: \"horizontal\" | \"vertical\"\n  activationMode?: \"auto\" | \"manual\"\n}\n\nconst {\n  class: className,\n  defaultValue,\n  orientation = \"horizontal\",\n  activationMode,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"tabs\"\n  data-default-value={defaultValue}\n  data-orientation={orientation}\n  data-activation-mode={activationMode}\n  data-horizontal={orientation === \"horizontal\" ? \"\" : undefined}\n  data-vertical={orientation === \"vertical\" ? \"\" : undefined}\n  class={cn(\"group/tabs flex gap-2 data-horizontal:flex-col\", className)}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/tabs\"\n\n  const controllers: ReturnType<typeof create> = []\n  const initialize = () => controllers.push(...create())\n  initialize()\n  document.addEventListener(\"astro:page-load\", initialize)\n  document.addEventListener(\"astro:before-swap\", () => {\n    for (const controller of controllers) controller.destroy()\n    controllers.length = 0\n  })\n</script>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/tabs/tabs-content.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  value?: string\n}\n\nconst { class: className, hidden = true, value, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"tabs-content\"\n  hidden={hidden}\n  data-value={value}\n  class={cn(\"flex-1 text-sm outline-none\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  value: string\n}\n\nconst { class: className, hidden = true, value, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"tabs-content\"\n  hidden={hidden}\n  data-value={value}\n  class={cn(\"flex-1 text-sm outline-none\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {
@@ -29,7 +29,7 @@
     },
     {
       "path": "src/components/ui/tabs/tabs-trigger.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"button\"> & {\n  value?: string\n}\n\nconst { class: className, value, ...props } = Astro.props\n---\n\n<button\n  data-slot=\"tabs-trigger\"\n  data-value={value}\n  class={cn(\n    \"text-foreground/60 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-disabled:pointer-events-none aria-disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n    \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent\",\n    \"data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground\",\n    \"after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</button>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"button\"> & {\n  value: string\n}\n\nconst { class: className, value, type = \"button\", ...props } = Astro.props\n---\n\n<button\n  data-slot=\"tabs-trigger\"\n  type={type}\n  data-value={value}\n  class={cn(\n    \"text-foreground/60 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-disabled:pointer-events-none aria-disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n    \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent\",\n    \"data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground\",\n    \"after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</button>\n",
       "type": "registry:ui"
     },
     {

package/public/r/toggle.json

@@ -4,12 +4,12 @@
   "title": "Toggle",
   "description": "A two-state button that can be either on or off.",
   "dependencies": [
-    "@data-slot/toggle"
+    "@data-slot/toggle@^1.0.1"
   ],
   "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  disabled={disabled}\n  aria-pressed={defaultPressed === true ? \"true\" : \"false\"}\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  document.addEventListener(\"astro:page-load\", () => create())\n</script>\n",
+      "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  disabled={disabled}\n  aria-pressed={defaultPressed === true ? \"true\" : \"false\"}\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  const controllers: ReturnType<typeof create> = []\n  const initialize = () => controllers.push(...create())\n  initialize()\n  document.addEventListener(\"astro:page-load\", initialize)\n  document.addEventListener(\"astro:before-swap\", () => {\n    for (const controller of controllers) controller.destroy()\n    controllers.length = 0\n  })\n</script>\n",
       "type": "registry:ui"
     },
     {

package/public/r/tooltip.json

@@ -4,12 +4,12 @@
   "title": "Tooltip",
   "description": "Displays contextual information when a user hovers or focuses a trigger.",
   "dependencies": [
-    "@data-slot/tooltip"
+    "@data-slot/tooltip@^1.0.1"
   ],
   "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  document.addEventListener(\"astro:page-load\", () => create())\n</script>\n",
+      "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  mountStrategy?: \"lazy\" | \"eager\"\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  mountStrategy,\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-mount-strategy={mountStrategy}\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  const controllers: ReturnType<typeof create> = []\n  const initialize = () => controllers.push(...create())\n  initialize()\n  document.addEventListener(\"astro:page-load\", initialize)\n  document.addEventListener(\"astro:before-swap\", () => {\n    for (const controller of controllers) controller.destroy()\n    controllers.length = 0\n  })\n</script>\n",
       "type": "registry:ui"
     },
     {
@@ -19,7 +19,7 @@
     },
     {
       "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=\"isolate 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",
+      "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=\"isolate z-[1000]\"\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"
     },
     {

package/public/r/typography.json

@@ -6,7 +6,7 @@
   "files": [
     {
       "path": "src/components/ui/typography/typography.astro",
-      "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",
+      "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-foreground 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"
     },
     {

package/registry.json

@@ -10,7 +10,7 @@
       "description": "A vertically stacked set of interactive headings that each reveal a section of content.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/accordion/",
-      "dependencies": ["@data-slot/accordion", "@lucide/astro"],
+      "dependencies": ["@data-slot/accordion@^1.0.1", "@lucide/astro"],
       "files": [
         {
           "path": "src/components/ui/accordion/accordion.astro",
@@ -67,7 +67,7 @@
       "description": "A modal dialog for important confirmations that expects a response.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/alert-dialog/",
-      "dependencies": ["@data-slot/alert-dialog"],
+      "dependencies": ["@data-slot/alert-dialog@^1.0.1"],
       "registryDependencies": ["@fulldev/button"],
       "files": [
         {
@@ -180,7 +180,6 @@
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/banner/",
       "dependencies": ["@lucide/astro"],
-      "registryDependencies": ["@fulldev/button", "@fulldev/dropdown-menu"],
       "files": [
         {
           "path": "src/components/ui/banner/banner.astro",
@@ -328,7 +327,7 @@
       "description": "An interactive component which expands/collapses a panel.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/collapsible/",
-      "dependencies": ["@data-slot/collapsible"],
+      "dependencies": ["@data-slot/collapsible@^1.0.1"],
       "files": [
         {
           "path": "src/components/ui/collapsible/collapsible.astro",
@@ -355,7 +354,11 @@
       "description": "Autocomplete input with a list of suggestions.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/combobox/",
-      "dependencies": ["@data-slot/combobox", "@lucide/astro"],
+      "dependencies": [
+        "@data-slot/combobox@^1.0.1",
+        "@data-slot/core@^1.0.1",
+        "@lucide/astro"
+      ],
       "registryDependencies": ["@fulldev/input-group"],
       "files": [
         {
@@ -415,7 +418,11 @@
       "description": "Command menu for search and quick actions.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/command/",
-      "dependencies": ["@data-slot/command", "@lucide/astro"],
+      "dependencies": [
+        "@data-slot/command@^1.0.1",
+        "@lucide/astro",
+        "@data-slot/core@^1.0.1"
+      ],
       "registryDependencies": ["@fulldev/dialog"],
       "files": [
         {
@@ -467,7 +474,7 @@
       "description": "A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/dialog/",
-      "dependencies": ["@data-slot/dialog", "@lucide/astro"],
+      "dependencies": ["@data-slot/dialog@^1.0.1", "@lucide/astro"],
       "registryDependencies": ["@fulldev/button"],
       "files": [
         {
@@ -523,7 +530,7 @@
       "description": "Displays a menu to the user, such as a set of actions or functions, triggered by a button.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/dropdown-menu/",
-      "dependencies": ["@data-slot/dropdown-menu", "@lucide/astro"],
+      "dependencies": ["@data-slot/dropdown-menu@^1.0.1", "@lucide/astro"],
       "files": [
         {
           "path": "src/components/ui/dropdown-menu/dropdown-menu.astro",
@@ -717,7 +724,10 @@
       "description": "For sighted users to preview content available behind a link.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/hover-card/",
-      "dependencies": ["@data-slot/hover-card", "@data-slot/core"],
+      "dependencies": [
+        "@data-slot/hover-card@^1.0.1",
+        "@data-slot/core@^1.0.1"
+      ],
       "files": [
         {
           "path": "src/components/ui/hover-card/hover-card.astro",
@@ -783,7 +793,6 @@
       "docs": "https://ui.full.dev/components/input-group/",
       "registryDependencies": [
         "@fulldev/button",
-        "@fulldev/dropdown-menu",
         "@fulldev/input",
         "@fulldev/textarea"
       ],
@@ -1011,7 +1020,7 @@
       "description": "A collection of links for navigating websites.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/navigation-menu/",
-      "dependencies": ["@data-slot/navigation-menu", "@lucide/astro"],
+      "dependencies": ["@data-slot/navigation-menu@^1.0.1", "@lucide/astro"],
       "files": [
         {
           "path": "src/components/ui/navigation-menu/navigation-menu.astro",
@@ -1089,7 +1098,7 @@
       "description": "Displays rich content in a floating layer, triggered by a button.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/popover/",
-      "dependencies": ["@data-slot/popover"],
+      "dependencies": ["@data-slot/popover@^1.0.1"],
       "files": [
         {
           "path": "src/components/ui/popover/popover.astro",
@@ -1158,7 +1167,7 @@
       "description": "A set of checkable buttons, known as radio buttons, where no more than one of the buttons can be checked at a time.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/radio-group/",
-      "dependencies": ["@data-slot/radio-group"],
+      "dependencies": ["@data-slot/radio-group@^1.0.1"],
       "files": [
         {
           "path": "src/components/ui/radio-group/radio-group.astro",
@@ -1200,7 +1209,7 @@
       "description": "Displays a list of options for the user to pick from, triggered by a button.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/select/",
-      "dependencies": ["@data-slot/select", "@lucide/astro"],
+      "dependencies": ["@data-slot/select@^1.0.1", "@lucide/astro"],
       "files": [
         {
           "path": "src/components/ui/select/select.astro",
@@ -1295,7 +1304,7 @@
       "description": "A sliding panel component that appears from the edge of the screen.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/sheet/",
-      "dependencies": ["@data-slot/dialog", "@lucide/astro"],
+      "dependencies": ["@data-slot/dialog@^1.0.1", "@lucide/astro"],
       "registryDependencies": ["@fulldev/button", "@fulldev/dialog"],
       "files": [
         {
@@ -1343,7 +1352,7 @@
       "description": "A composable, themeable, and customizable Astro sidebar component.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/sidebar/",
-      "dependencies": ["@data-slot/tooltip", "@lucide/astro"],
+      "dependencies": ["@data-slot/tooltip@^1.0.1", "@lucide/astro"],
       "registryDependencies": [
         "@fulldev/layout",
         "@fulldev/button",
@@ -1459,7 +1468,7 @@
       "description": "An input where the user selects a value from within a given range.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/slider/",
-      "dependencies": ["@data-slot/slider"],
+      "dependencies": ["@data-slot/slider@^1.0.1"],
       "files": [
         {
           "path": "src/components/ui/slider/slider.astro",
@@ -1515,7 +1524,7 @@
       "description": "A control that allows the user to toggle between checked and not checked.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/switch/",
-      "dependencies": ["@data-slot/switch"],
+      "dependencies": ["@data-slot/switch@^1.0.1"],
       "files": [
         {
           "path": "src/components/ui/switch/switch.astro",
@@ -1580,7 +1589,7 @@
       "description": "A set of layered sections of content, known as tabs, that display one panel of content at a time.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/tabs/",
-      "dependencies": ["@data-slot/tabs"],
+      "dependencies": ["@data-slot/tabs@^1.0.1"],
       "files": [
         {
           "path": "src/components/ui/tabs/tabs.astro",
@@ -1649,7 +1658,7 @@
       "description": "A two-state button that can be either on or off.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/toggle/",
-      "dependencies": ["@data-slot/toggle"],
+      "dependencies": ["@data-slot/toggle@^1.0.1"],
       "files": [
         {
           "path": "src/components/ui/toggle/toggle.astro",
@@ -1690,7 +1699,7 @@
       "description": "Displays contextual information when a user hovers or focuses a trigger.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/tooltip/",
-      "dependencies": ["@data-slot/tooltip"],
+      "dependencies": ["@data-slot/tooltip@^1.0.1"],
       "files": [
         {
           "path": "src/components/ui/tooltip/tooltip.astro",
@@ -1876,6 +1885,7 @@
       "description": "Page-shell primitives for the root html, head, body, and main structure.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/layout/",
+      "dependencies": ["@lexingtonthemes/seo@^0.2.0"],
       "files": [
         {
           "path": "src/components/ui/layout/layout.astro",

package/src/components/blocks/banner-2.astro

@@ -21,19 +21,22 @@ const { class: className, title, description, buttons, ...props } = Astro.props
 <Banner
   variant="floating"
   storageKey="banner-2"
-  class={cn("", className)}
+  class={cn("@container", className)}
   {...props}
 >
-  <BannerContainer class="gap-4 py-1" showClose={false}>
+  <BannerContainer
+    class="flex-col items-start gap-4 py-1 @2xl:flex-row @2xl:items-center"
+    showClose={false}
+  >
     <div
-      class="flex flex-1 flex-col gap-0.5 @5xl:flex-row @5xl:items-center @5xl:gap-x-4"
+      class="flex min-w-0 flex-1 flex-col gap-0.5 @5xl:flex-row @5xl:items-center @5xl:gap-x-4"
     >
       <p class="text-sm font-semibold">{title}</p>
       <p class="text-muted-foreground text-sm">{description}</p>
     </div>
     {
       buttons?.length && (
-        <div class="flex shrink-0 items-center gap-2">
+        <div class="flex flex-wrap items-center gap-2">
           {buttons.map(({ href, label, ...button }, index) => (
             <Button
               as="a"

package/src/components/blocks/blocks-1.astro

@@ -15,6 +15,7 @@ import { buttonVariants } from "@/components/ui/button/button-variants"
 import {
   DropdownMenu,
   DropdownMenuContent,
+  DropdownMenuItem,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu"
 import { SectionContainer } from "@/components/ui/section"
@@ -129,6 +130,7 @@ const openLinks = markdownUrl
               variant="outline"
               size="xs"
               data-source={copyButton?.source}
+              data-blocks-copy
               aria-label={labels.copyMarkdown}
             >
               <Copy class="blocks-copy-icon size-3.5" />
@@ -148,11 +150,10 @@ const openLinks = markdownUrl
               </DropdownMenuTrigger>
               <DropdownMenuContent align="end" sideOffset={6} class="w-56">
                 {openLinks.map((link) => (
-                  <a
+                  <DropdownMenuItem
                     href={link.href}
                     target="_blank"
                     rel="noreferrer noopener"
-                    class="hover:bg-accent hover:text-accent-foreground flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none"
                   >
                     {link.icon === "markdown" && <Markdown class="size-4" />}
                     {link.icon === "chatgpt" && (
@@ -170,7 +171,7 @@ const openLinks = markdownUrl
                     {link.icon === "cursor" && <Cursor class="size-4" />}
                     <span>{link.label}</span>
                     <ExternalLink class="text-muted-foreground ml-auto size-3.5" />
-                  </a>
+                  </DropdownMenuItem>
                 ))}
               </DropdownMenuContent>
             </DropdownMenu>
@@ -224,27 +225,26 @@ const openLinks = markdownUrl
   </div>
 </SectionContainer>
 
-<script is:inline define:vars={{ copyButtonId: copyButton?.id }}>
-  const button = copyButtonId ? document.getElementById(copyButtonId) : null
+<script>
+  document.addEventListener("click", async (event) => {
+    if (!(event.target instanceof Element)) return
+    const button = event.target.closest("[data-blocks-copy]")
+    if (!(button instanceof HTMLButtonElement)) return
 
-  if (button instanceof HTMLButtonElement) {
-    button.addEventListener("click", async () => {
-      const source = button.dataset.source
+    const source = button.dataset.source
+    if (!source) return
 
-      if (!source) return
+    try {
+      await navigator.clipboard.writeText(source)
+      button.querySelector(".blocks-copy-icon")?.classList.add("hidden")
+      button.querySelector(".blocks-check-icon")?.classList.remove("hidden")
 
-      try {
-        await navigator.clipboard.writeText(source)
-        button.querySelector(".blocks-copy-icon")?.classList.add("hidden")
-        button.querySelector(".blocks-check-icon")?.classList.remove("hidden")
-
-        window.setTimeout(() => {
-          button.querySelector(".blocks-copy-icon")?.classList.remove("hidden")
-          button.querySelector(".blocks-check-icon")?.classList.add("hidden")
-        }, 1200)
-      } catch {
-        // Ignore clipboard failures; the button remains available for retry.
-      }
-    })
-  }
+      window.setTimeout(() => {
+        button.querySelector(".blocks-copy-icon")?.classList.remove("hidden")
+        button.querySelector(".blocks-check-icon")?.classList.add("hidden")
+      }, 1200)
+    } catch {
+      // Keep the copy state unchanged so the action can be retried.
+    }
+  })
 </script>

package/src/components/blocks/contact-1.astro

@@ -87,10 +87,11 @@ const formId = form.id ?? `contact-${crypto.randomUUID()}`
               </Button>
             ) : (
               <Button
+                as="span"
                 variant="secondary"
                 size="icon"
                 class="text-primary"
-                aria-label={item.title}
+                aria-hidden="true"
               >
                 <Icon name={item.icon} />
               </Button>

package/src/components/blocks/contact-2.astro

@@ -142,10 +142,11 @@ const formId = form.id ?? `contact-${crypto.randomUUID()}`
               </Button>
             ) : (
               <Button
+                as="span"
                 variant="secondary"
                 size="icon"
                 class="text-primary shrink-0"
-                aria-label={item.title}
+                aria-hidden="true"
               >
                 <Icon name={item.icon} />
               </Button>

package/src/components/blocks/contact-3.astro

@@ -91,10 +91,11 @@ const formId = form.id ?? `contact-${crypto.randomUUID()}`
                 </Button>
               ) : (
                 <Button
+                  as="span"
                   variant="secondary"
                   size="icon"
                   class="text-primary shrink-0"
-                  aria-label={item.title}
+                  aria-hidden="true"
                 >
                   <Icon name={item.icon} />
                 </Button>