fulldev-ui 0.7.0 → 0.9.0

package/public/r/combobox.json

@@ -0,0 +1,74 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "combobox",
+  "dependencies": [
+    "@data-slot/combobox"
+  ],
+  "registryDependencies": [
+    "@fulldev/input-group",
+    "@fulldev/icon"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/combobox/combobox.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type {\n  Align as ComboboxAlign,\n  Side as ComboboxSide,\n} from \"@data-slot/combobox\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultValue?: string\n  placeholder?: string\n  disabled?: boolean\n  required?: boolean\n  name?: string\n  openOnFocus?: boolean\n  autoHighlight?: boolean\n  side?: ComboboxSide\n  align?: ComboboxAlign\n  sideOffset?: number\n  alignOffset?: number\n  avoidCollisions?: boolean\n  collisionPadding?: number\n}\n\nconst {\n  class: className,\n  defaultValue,\n  placeholder,\n  disabled,\n  required,\n  name,\n  openOnFocus,\n  autoHighlight,\n  side,\n  align,\n  sideOffset,\n  alignOffset,\n  avoidCollisions,\n  collisionPadding,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"combobox\"\n  data-default-value={defaultValue}\n  data-placeholder={placeholder}\n  data-disabled={disabled}\n  data-required={required}\n  data-name={name}\n  data-open-on-focus={openOnFocus}\n  data-auto-highlight={autoHighlight}\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={cn(\"group/combobox relative\", className)}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { createCombobox } from \"@data-slot/combobox\"\n\n  const initCombobox = () => {\n    document.querySelectorAll('[data-slot=\"combobox\"]').forEach((root) => {\n      if (\n        !root.querySelector('[data-slot=\"combobox-input\"]') ||\n        !root.querySelector('[data-slot=\"combobox-content\"]')\n      ) {\n        return\n      }\n\n      createCombobox(root as HTMLElement)\n    })\n  }\n\n  initCombobox()\n\n  document.addEventListener(\"astro:page-load\", initCombobox)\n</script>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/combobox-content.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type {\n  Align as ComboboxAlign,\n  Side as ComboboxSide,\n} from \"@data-slot/combobox\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  side?: ComboboxSide\n  align?: ComboboxAlign\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=\"combobox-portal\">\n  <div\n    data-slot=\"combobox-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=\"combobox-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        \"group/combobox-content bg-popover text-popover-foreground ring-foreground/10 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-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 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 relative z-50 max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-md shadow-md ring-1 duration-100 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none\",\n        className\n      )}\n      {...props}\n    >\n      <slot />\n    </div>\n  </div>\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/combobox-empty.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, hidden = true, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"combobox-empty\"\n  hidden={hidden}\n  class={cn(\n    \"text-muted-foreground hidden w-full items-center justify-center py-2 text-center text-sm group-data-empty/combobox-content:flex\",\n    className\n  )}\n  {...props}\n>\n  <slot>No results found.</slot>\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/combobox-group.astro",
+      "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 data-slot=\"combobox-group\" class={cn(className)} {...props}>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/combobox-input.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\nimport InputGroupAddon from \"@/components/ui/input-group/input-group-addon.astro\"\nimport InputGroupInput from \"@/components/ui/input-group/input-group-input.astro\"\nimport InputGroup from \"@/components/ui/input-group/input-group.astro\"\n\nimport ComboboxTrigger from \"./combobox-trigger.astro\"\n\ntype Props = HTMLAttributes<\"input\"> & {\n  showTrigger?: boolean\n  showClear?: boolean\n}\n\nconst {\n  class: className,\n  type = \"text\",\n  disabled = false,\n  showTrigger = true,\n  showClear = false,\n  ...props\n} = Astro.props\n---\n\n<InputGroup class={cn(\"w-auto\", className)}>\n  <InputGroupInput\n    type={type}\n    data-slot=\"combobox-input\"\n    disabled={disabled}\n    {...props}\n  />\n  <InputGroupAddon align=\"inline-end\">\n    {\n      showTrigger && (\n        <ComboboxTrigger\n          class=\"group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent\"\n          disabled={disabled}\n        />\n      )\n    }\n    {\n      showClear && (\n        <button\n          type=\"button\"\n          data-slot=\"combobox-clear\"\n          class=\"inline-flex size-6 shrink-0 items-center justify-center rounded-[calc(var(--radius)-5px)] p-0 text-sm shadow-none outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n          disabled={disabled}\n        >\n          <Icon name=\"x\" class=\"pointer-events-none\" />\n        </button>\n      )\n    }\n  </InputGroupAddon>\n  <slot />\n</InputGroup>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/combobox-item.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  value?: string\n  disabled?: boolean\n  showIndicator?: boolean\n}\n\nconst {\n  class: className,\n  value,\n  disabled,\n  showIndicator = true,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"combobox-item\"\n  data-value={value}\n  data-disabled={disabled ? \"\" : undefined}\n  class={cn(\n    \"data-highlighted:bg-accent data-highlighted:text-accent-foreground data-highlighted:**:[svg]:text-accent-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n  {\n    showIndicator && (\n      <span\n        data-slot=\"combobox-item-indicator\"\n        hidden={false}\n        class=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center opacity-0 group-data-[checked=true]/combobox-item:opacity-100\"\n      >\n        <Icon name=\"check\" class=\"pointer-events-none\" />\n      </span>\n    )\n  }\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/combobox-label.astro",
+      "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=\"combobox-label\"\n  class={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/combobox-list.astro",
+      "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=\"combobox-list\"\n  class={cn(\n    \"no-scrollbar max-h-[min(18rem,var(--available-height))] scroll-py-1 overflow-x-hidden overflow-y-auto overscroll-contain p-1 group-data-empty/combobox-content:p-0\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/combobox-separator.astro",
+      "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=\"combobox-separator\"\n  class={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n  {...props}\n>\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/combobox-trigger.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = HTMLAttributes<\"button\"> & {\n  showIcon?: boolean\n}\n\nconst {\n  class: className,\n  type = \"button\",\n  showIcon = true,\n  ...props\n} = Astro.props\n---\n\n<button\n  type={type}\n  data-slot=\"combobox-trigger\"\n  class={cn(\n    \"[&_svg]:text-muted-foreground inline-flex size-6 shrink-0 items-center justify-center gap-2 rounded-[calc(var(--radius)-5px)] p-0 text-sm shadow-none outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n  {\n    showIcon && (\n      <Icon\n        name=\"chevron-down\"\n        class=\"text-muted-foreground pointer-events-none size-4\"\n      />\n    )\n  }\n</button>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/combobox-value.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"span\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<span\n  data-slot=\"combobox-value\"\n  class={cn(\n    \"data-[placeholder]:text-muted-foreground block flex-1 truncate text-left\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</span>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/combobox/index.ts",
+      "content": "export { default as Combobox } from \"./combobox.astro\"\nexport { default as ComboboxContent } from \"./combobox-content.astro\"\nexport { default as ComboboxEmpty } from \"./combobox-empty.astro\"\nexport { default as ComboboxGroup } from \"./combobox-group.astro\"\nexport { default as ComboboxInput } from \"./combobox-input.astro\"\nexport { default as ComboboxItem } from \"./combobox-item.astro\"\nexport { default as ComboboxLabel } from \"./combobox-label.astro\"\nexport { default as ComboboxList } from \"./combobox-list.astro\"\nexport { default as ComboboxSeparator } from \"./combobox-separator.astro\"\nexport { default as ComboboxTrigger } from \"./combobox-trigger.astro\"\nexport { default as ComboboxValue } from \"./combobox-value.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/command.json

@@ -0,0 +1,64 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "command",
+  "dependencies": [
+    "@data-slot/command"
+  ],
+  "registryDependencies": [
+    "@fulldev/dialog",
+    "@fulldev/icon"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/command/command.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  label?: string\n  defaultValue?: string\n  defaultSearch?: string\n  shouldFilter?: boolean\n  loop?: boolean\n  disablePointerSelection?: boolean\n  vimBindings?: boolean\n}\n\nconst {\n  class: className,\n  label,\n  defaultValue,\n  defaultSearch,\n  shouldFilter,\n  loop,\n  disablePointerSelection,\n  vimBindings,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"command\"\n  data-label={label}\n  data-default-value={defaultValue}\n  data-default-search={defaultSearch}\n  data-should-filter={shouldFilter}\n  data-loop={loop}\n  data-disable-pointer-selection={disablePointerSelection}\n  data-vim-bindings={vimBindings}\n  class={cn(\n    \"bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-xl! p-1\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/command\"\n\n  const initCommand = () => {\n    create()\n\n    document.querySelectorAll(\"[data-slot=command]\").forEach((command) => {\n      if (!(command instanceof HTMLElement)) return\n      if (command.dataset.linkNavigation === \"true\") return\n\n      command.dataset.linkNavigation = \"true\"\n      command.addEventListener(\"command:select\", (event) => {\n        const { detail } = event as CustomEvent<{ value?: unknown }>\n        const value = detail?.value\n        if (typeof value !== \"string\") return\n\n        const item = Array.from(\n          command.querySelectorAll(\"[data-slot=command-item][href]\")\n        ).find((item) => item.getAttribute(\"data-value\") === value)\n        const href = item?.getAttribute(\"href\")\n\n        if (href) window.location.href = href\n      })\n    })\n  }\n\n  initCommand()\n\n  document.addEventListener(\"astro:page-load\", initCommand)\n</script>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/command/command-dialog.astro",
+      "content": "---\nimport type { ComponentProps } from \"astro/types\"\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogTitle,\n} from \"@/components/ui/dialog\"\n\ntype Props = ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n  contentClass?: string\n  showCloseButton?: boolean\n}\n\nconst {\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  contentClass,\n  showCloseButton = false,\n  ...props\n} = Astro.props\n---\n\n<Dialog {...props}>\n  <DialogContent\n    class:list={[\n      \"top-1/3 translate-y-0 overflow-hidden rounded-xl! p-0\",\n      \"**:data-[slot=command]:border-0\",\n      \"**:data-[slot=command]:bg-transparent\",\n      \"**:data-[slot=command-input-wrapper]:h-12\",\n      \"[&_[data-slot=command-input-wrapper]_svg]:size-5\",\n      \"**:data-[slot=command-input]:h-12\",\n      \"**:data-[slot=command-item]:px-2\",\n      \"**:data-[slot=command-item]:py-3\",\n      \"[&_[data-slot=command-item]_svg]:size-5\",\n      \"**:data-[slot=command-group-heading]:text-muted-foreground\",\n      \"**:data-[slot=command-group-heading]:px-2\",\n      \"**:data-[slot=command-group-heading]:font-medium\",\n      \"**:data-[slot=command-group]:px-2\",\n      \"[&_[data-slot=command-group]:not([hidden])_~[data-slot=command-group]]:pt-0\",\n      contentClass,\n    ]}\n    showCloseButton={showCloseButton}\n  >\n    <div class=\"sr-only\">\n      <DialogTitle>{title}</DialogTitle>\n      <DialogDescription>{description}</DialogDescription>\n    </div>\n    <slot />\n  </DialogContent>\n</Dialog>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/command/command-input.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = HTMLAttributes<\"input\"> & {\n  wrapperClass?: string\n}\n\nconst { class: className, wrapperClass, ...props } = Astro.props\n---\n\n<div data-slot=\"command-input-wrapper\" class={cn(\"p-1 pb-0\", wrapperClass)}>\n  <div\n    class=\"border-input/30 bg-input/30 flex h-8! items-center rounded-lg! border shadow-none!\"\n  >\n    <div class=\"flex items-center pl-2\">\n      <Icon name=\"search\" class=\"size-4 shrink-0 opacity-50\" />\n    </div>\n    <input\n      type=\"text\"\n      data-slot=\"command-input\"\n      class={cn(\n        \"placeholder:text-muted-foreground h-full min-w-0 flex-1 bg-transparent px-2.5 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  </div>\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/command/command-list.astro",
+      "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=\"command-list\"\n  class={cn(\n    \"no-scrollbar h-[var(--command-list-height)] max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto transition-[height] duration-150 ease-out outline-none\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/command/command-empty.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, hidden = true, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"command-empty\"\n  hidden={hidden}\n  class={cn(\"py-6 text-center text-sm\", className)}\n  {...props}\n>\n  <slot>No results found.</slot>\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/command/command-group.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  heading?: string\n  value?: string\n  forceMount?: boolean\n}\n\nconst { class: className, heading, value, forceMount, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"command-group\"\n  data-value={value}\n  data-force-mount={forceMount ? \"true\" : undefined}\n  class={cn(\n    \"text-foreground [&_[data-slot=command-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[data-slot=command-group-heading]]:px-2 [&_[data-slot=command-group-heading]]:py-1.5 [&_[data-slot=command-group-heading]]:text-xs [&_[data-slot=command-group-heading]]:font-medium\",\n    className\n  )}\n  {...props}\n>\n  {heading && <div data-slot=\"command-group-heading\">{heading}</div>}\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/command/command-item.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = HTMLAttributes<\"a\"> & {\n  disabled?: boolean\n  href?: string\n  value?: string\n  label?: string\n  keywords?: string | string[]\n  forceMount?: boolean\n}\n\nconst {\n  class: className,\n  disabled,\n  href,\n  value,\n  label,\n  keywords,\n  forceMount,\n  ...props\n} = Astro.props\n\nconst Tag = href ? \"a\" : \"div\"\nconst keywordsValue = Array.isArray(keywords) ? keywords.join(\", \") : keywords\n---\n\n<Tag\n  data-slot=\"command-item\"\n  data-disabled={disabled ? \"true\" : undefined}\n  data-value={value}\n  data-label={label}\n  data-keywords={keywordsValue}\n  data-force-mount={forceMount ? \"true\" : undefined}\n  href={href}\n  class={cn(\n    \"group/command-item data-selected:bg-accent data-selected:text-accent-foreground data-selected:**:[svg]:text-accent-foreground href:cursor-pointer href:no-underline relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n  <Icon\n    name=\"check\"\n    class=\"ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100\"\n  />\n</Tag>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/command/command-separator.astro",
+      "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=\"command-separator\"\n  class={cn(\"bg-border -mx-1 h-px\", className)}\n  {...props}\n>\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/command/command-shortcut.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"span\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<span\n  data-slot=\"command-shortcut\"\n  class={cn(\n    \"text-muted-foreground group-data-selected/command-item:text-foreground ml-auto text-xs tracking-widest\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</span>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/command/index.ts",
+      "content": "export { default as Command } from \"./command.astro\"\nexport { default as CommandDialog } from \"./command-dialog.astro\"\nexport { default as CommandInput } from \"./command-input.astro\"\nexport { default as CommandList } from \"./command-list.astro\"\nexport { default as CommandEmpty } from \"./command-empty.astro\"\nexport { default as CommandGroup } from \"./command-group.astro\"\nexport { default as CommandItem } from \"./command-item.astro\"\nexport { default as CommandSeparator } from \"./command-separator.astro\"\nexport { default as CommandShortcut } from \"./command-shortcut.astro\"\n",
+      "type": "registry:ui"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/components.json

@@ -1,46 +1,54 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "components",
-  "type": "registry:item",
   "registryDependencies": [
     "@fulldev/accordion",
     "@fulldev/alert",
-    "@fulldev/auto-form",
+    "@fulldev/alert-dialog",
+    "@fulldev/form",
     "@fulldev/avatar",
     "@fulldev/badge",
     "@fulldev/banner",
     "@fulldev/button",
+    "@fulldev/card",
     "@fulldev/checkbox",
     "@fulldev/collapsible",
+    "@fulldev/combobox",
+    "@fulldev/command",
+    "@fulldev/dialog",
+    "@fulldev/dropdown-menu",
     "@fulldev/empty",
     "@fulldev/field",
-    "@fulldev/footer",
     "@fulldev/header",
-    "@fulldev/icon",
-    "@fulldev/image",
     "@fulldev/input",
+    "@fulldev/input-group",
     "@fulldev/item",
     "@fulldev/label",
-    "@fulldev/list",
     "@fulldev/logo",
     "@fulldev/marquee",
-    "@fulldev/native-carousel",
     "@fulldev/native-select",
     "@fulldev/navigation-menu",
     "@fulldev/price",
     "@fulldev/radio-group",
     "@fulldev/rating",
+    "@fulldev/select",
     "@fulldev/section",
     "@fulldev/separator",
     "@fulldev/sheet",
     "@fulldev/sidebar",
+    "@fulldev/slider",
     "@fulldev/skeleton",
     "@fulldev/spinner",
+    "@fulldev/switch",
     "@fulldev/table",
     "@fulldev/tabs",
     "@fulldev/textarea",
     "@fulldev/theme-toggle",
-    "@fulldev/tile",
-    "@fulldev/video"
-  ]
-}
+    "@fulldev/toc",
+    "@fulldev/tooltip",
+    "@fulldev/typography",
+    "@fulldev/video",
+    "@fulldev/layout"
+  ],
+  "type": "registry:item"
+}

package/public/r/contact-1.json

@@ -1,18 +1,20 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "contact-1",
-  "type": "registry:block",
   "registryDependencies": [
-    "@fulldev/auto-form",
-    "@fulldev/icon",
-    "@fulldev/item",
-    "@fulldev/section"
+    "@fulldev/button",
+    "@fulldev/field",
+    "@fulldev/input",
+    "@fulldev/section",
+    "@fulldev/textarea",
+    "@fulldev/icon"
   ],
   "files": [
     {
       "path": "src/components/blocks/contact-1.astro",
-      "content": "---\nimport { AutoForm } from \"@/components/ui/auto-form\"\nimport { Icon } from \"@/components/ui/icon\"\nimport {\n  Item,\n  ItemContent,\n  ItemDescription,\n  ItemMedia,\n  ItemTitle,\n} from \"@/components/ui/item\"\nimport {\n  Section,\n  SectionContent,\n  SectionGrid,\n  SectionProse,\n} from \"@/components/ui/section\"\n\ninterface Props {\n  class?: string\n  id?: string\n  form?: any\n  items?: {\n    icon?: string\n    title?: string\n    description?: string\n    href?: string\n  }[]\n}\n\nconst { class: className, id, form, items } = Astro.props\n---\n\n<Section class={className} id={id} style=\"--section-width: 672px;\">\n  <SectionContent>\n    <SectionProse>\n      <slot />\n    </SectionProse>\n  </SectionContent>\n  <SectionGrid>\n    {\n      items?.map(({ icon, title, description, href }) => (\n        <Item href={href} variant=\"outline\">\n          <ItemMedia variant=\"icon\">\n            <Icon href={href} name={icon} />\n          </ItemMedia>\n          <ItemContent>\n            <ItemTitle>{title}</ItemTitle>\n            <ItemDescription>{description}</ItemDescription>\n          </ItemContent>\n        </Item>\n      ))\n    }\n  </SectionGrid>\n  <AutoForm {...form} />\n</Section>\n",
+      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Field,\n  FieldDescription,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSet,\n} from \"@/components/ui/field\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Input } from \"@/components/ui/input\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Textarea } from \"@/components/ui/textarea\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  contactItems: {\n    icon: string\n    title: string\n    description: string\n    href?: string\n  }[]\n  form: {\n    legend: string\n    nameLabel: string\n    namePlaceholder: string\n    emailLabel: string\n    emailPlaceholder: string\n    messageLabel: string\n    messagePlaceholder: string\n    messageDescription: string\n    actionLabel: string\n  }\n}\n\nconst { class: className, title, description, contactItems, form } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"items-center gap-6 text-center\">\n    <div class=\"flex max-w-2xl flex-col items-center gap-4\">\n      <h2\n        class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n      <p\n        class=\"text-muted-foreground max-w-2xl text-lg leading-relaxed text-balance\"\n      >\n        {description}\n      </p>\n    </div>\n  </SectionContainer>\n  <SectionContainer>\n    <div class=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n      {\n        contactItems.map((item) => (\n          <div class=\"flex flex-col gap-3 rounded-xl border p-5\">\n            {item.href ? (\n              <Button\n                as=\"a\"\n                href={item.href}\n                variant=\"secondary\"\n                size=\"icon\"\n                class=\"text-primary\"\n                aria-label={item.title}\n              >\n                <Icon name={item.icon} />\n              </Button>\n            ) : (\n              <Button\n                variant=\"secondary\"\n                size=\"icon\"\n                class=\"text-primary\"\n                aria-label={item.title}\n              >\n                <Icon name={item.icon} />\n              </Button>\n            )}\n            <h3 class=\"text-foreground text-sm font-medium\">{item.title}</h3>\n            <p class=\"text-muted-foreground text-sm leading-relaxed\">\n              {item.description}\n            </p>\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n  <SectionContainer>\n    <div class=\"mx-auto w-full max-w-2xl rounded-xl border p-6 sm:p-8\">\n      <FieldSet>\n        <FieldLegend class=\"sr-only\">{form.legend}</FieldLegend>\n        <FieldGroup>\n          <div class=\"grid gap-4 md:grid-cols-2\">\n            <Field>\n              <FieldLabel for=\"contact-name-1\">{form.nameLabel}</FieldLabel>\n              <Input id=\"contact-name-1\" placeholder={form.namePlaceholder} />\n            </Field>\n            <Field>\n              <FieldLabel for=\"contact-email-1\">{form.emailLabel}</FieldLabel>\n              <Input\n                id=\"contact-email-1\"\n                type=\"email\"\n                placeholder={form.emailPlaceholder}\n              />\n            </Field>\n          </div>\n          <Field>\n            <FieldLabel for=\"contact-message-1\">{form.messageLabel}</FieldLabel>\n            <Textarea\n              id=\"contact-message-1\"\n              rows={5}\n              placeholder={form.messagePlaceholder}\n            />\n            <FieldDescription>{form.messageDescription}</FieldDescription>\n          </Field>\n          <Button size=\"lg\" class=\"w-full\">{form.actionLabel}</Button>\n        </FieldGroup>\n      </FieldSet>\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/contact-2.json

@@ -1,18 +1,20 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "contact-2",
-  "type": "registry:block",
   "registryDependencies": [
-    "@fulldev/auto-form",
-    "@fulldev/icon",
-    "@fulldev/item",
-    "@fulldev/section"
+    "@fulldev/button",
+    "@fulldev/field",
+    "@fulldev/input",
+    "@fulldev/section",
+    "@fulldev/textarea",
+    "@fulldev/icon"
   ],
   "files": [
     {
       "path": "src/components/blocks/contact-2.astro",
-      "content": "---\nimport { AutoForm } from \"@/components/ui/auto-form\"\nimport { Icon } from \"@/components/ui/icon\"\nimport {\n  Item,\n  ItemContent,\n  ItemDescription,\n  ItemMedia,\n  ItemTitle,\n} from \"@/components/ui/item\"\nimport {\n  Section,\n  SectionContent,\n  SectionGrid,\n  SectionProse,\n  SectionSplit,\n} from \"@/components/ui/section\"\n\ninterface Props {\n  class?: string\n  id?: string\n  form?: any\n  items?: {\n    icon?: string\n    title?: string\n    description?: string\n    href?: string\n  }[]\n}\n\nconst { class: className, id, form, items } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionSplit\n    class=\"items-start @5xl:grid-cols-[3fr_2fr] @5xl:*:sticky @5xl:*:top-[calc(var(--section-py)+var(--header-height,0px))]\"\n  >\n    <SectionContent>\n      <SectionProse>\n        <slot />\n      </SectionProse>\n      <SectionGrid class=\"flex max-w-md flex-col\">\n        {\n          items?.map(({ icon, title, description, href }) => (\n            <Item href={href} variant=\"muted\">\n              <ItemMedia variant=\"icon\">\n                <Icon href={href} name={icon} />\n              </ItemMedia>\n              <ItemContent>\n                <ItemTitle>{title}</ItemTitle>\n                <ItemDescription>{description}</ItemDescription>\n              </ItemContent>\n            </Item>\n          ))\n        }\n      </SectionGrid>\n    </SectionContent>\n    <AutoForm {...form} />\n  </SectionSplit>\n</Section>\n",
+      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Field,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSet,\n} from \"@/components/ui/field\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Input } from \"@/components/ui/input\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Textarea } from \"@/components/ui/textarea\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  contactItems: {\n    icon: string\n    title: string\n    description: string\n    href?: string\n  }[]\n  form: {\n    title: string\n    legend: string\n    nameLabel: string\n    namePlaceholder: string\n    emailLabel: string\n    emailPlaceholder: string\n    messageLabel: string\n    messagePlaceholder: string\n    actionLabel: string\n  }\n}\n\nconst { class: className, title, description, contactItems, form } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer\n    class=\"grid gap-10 lg:grid-cols-[minmax(0,1fr)_22rem] lg:items-start\"\n  >\n    <div class=\"flex flex-col gap-6\">\n      <div class=\"flex flex-col gap-4\">\n        <h2\n          class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n        >\n          {title}\n        </h2>\n        <p class=\"text-muted-foreground max-w-xl text-base leading-relaxed\">\n          {description}\n        </p>\n      </div>\n      <div class=\"rounded-xl border p-6\">\n        <div class=\"mb-6\">\n          <h3 class=\"text-lg font-medium\">{form.title}</h3>\n        </div>\n        <FieldSet>\n          <FieldLegend class=\"sr-only\">{form.legend}</FieldLegend>\n          <FieldGroup>\n            <div class=\"grid gap-4 md:grid-cols-2\">\n              <Field>\n                <FieldLabel for=\"contact-name-2\">{form.nameLabel}</FieldLabel>\n                <Input id=\"contact-name-2\" placeholder={form.namePlaceholder} />\n              </Field>\n              <Field>\n                <FieldLabel for=\"contact-email-2\">{form.emailLabel}</FieldLabel>\n                <Input\n                  id=\"contact-email-2\"\n                  type=\"email\"\n                  placeholder={form.emailPlaceholder}\n                />\n              </Field>\n            </div>\n            <Field>\n              <FieldLabel for=\"contact-message-2\"\n                >{form.messageLabel}</FieldLabel\n              >\n              <Textarea\n                id=\"contact-message-2\"\n                rows={5}\n                placeholder={form.messagePlaceholder}\n              />\n            </Field>\n            <Button size=\"lg\" class=\"w-full\">{form.actionLabel}</Button>\n          </FieldGroup>\n        </FieldSet>\n      </div>\n    </div>\n\n    <div class=\"flex flex-col gap-3\">\n      {\n        contactItems.map((item) => (\n          <div class=\"flex gap-4 rounded-xl border p-4\">\n            {item.href ? (\n              <Button\n                as=\"a\"\n                href={item.href}\n                variant=\"secondary\"\n                size=\"icon\"\n                class=\"text-primary shrink-0\"\n                aria-label={item.title}\n              >\n                <Icon name={item.icon} />\n              </Button>\n            ) : (\n              <Button\n                variant=\"secondary\"\n                size=\"icon\"\n                class=\"text-primary shrink-0\"\n                aria-label={item.title}\n              >\n                <Icon name={item.icon} />\n              </Button>\n            )}\n            <div class=\"flex flex-col gap-1\">\n              <p class=\"text-foreground text-sm font-medium\">{item.title}</p>\n              <p class=\"text-muted-foreground text-sm leading-relaxed\">\n                {item.description}\n              </p>\n            </div>\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/contact-3.json

@@ -1,19 +1,20 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "contact-3",
-  "type": "registry:block",
   "registryDependencies": [
-    "@fulldev/auto-form",
-    "@fulldev/icon",
-    "@fulldev/image",
-    "@fulldev/item",
-    "@fulldev/section"
+    "@fulldev/button",
+    "@fulldev/field",
+    "@fulldev/input",
+    "@fulldev/section",
+    "@fulldev/textarea",
+    "@fulldev/icon"
   ],
   "files": [
     {
       "path": "src/components/blocks/contact-3.astro",
-      "content": "---\nimport { AutoForm } from \"@/components/ui/auto-form\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Image } from \"@/components/ui/image\"\nimport {\n  Item,\n  ItemContent,\n  ItemDescription,\n  ItemMedia,\n  ItemTitle,\n} from \"@/components/ui/item\"\nimport {\n  Section,\n  SectionContent,\n  SectionGrid,\n  SectionMedia,\n  SectionProse,\n  SectionSplit,\n} from \"@/components/ui/section\"\n\ninterface Props {\n  class?: string\n  id?: string\n  form?: any\n  items?: {\n    icon?: string\n    title?: string\n    description?: string\n    href?: string\n  }[]\n  image?: {\n    src: string\n    alt: string\n  }\n}\n\nconst { class: className, id, form, items, image } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionSplit class=\"gap-x-32\">\n    <SectionContent class=\"gap-16\">\n      <SectionProse>\n        <slot />\n      </SectionProse>\n      <SectionGrid class=\"max-w-2xl grid-cols-1!\">\n        {\n          items?.map(({ icon, title, description, href }) => (\n            <Item href={href} variant=\"outline\">\n              <ItemMedia variant=\"icon\">\n                <Icon href={href} name={icon} />\n              </ItemMedia>\n              <ItemContent>\n                <ItemTitle>{title}</ItemTitle>\n                <ItemDescription>{description}</ItemDescription>\n              </ItemContent>\n            </Item>\n          ))\n        }\n      </SectionGrid>\n      <AutoForm {...form} />\n    </SectionContent>\n    <SectionMedia\n      class=\"-mr-(--section-px) p-1 @5xl:z-90 @5xl:-mt-[calc(var(--section-py)+var(--header-height,0px))]\"\n    >\n      <Image {...image} />\n    </SectionMedia>\n  </SectionSplit>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Field,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSet,\n} from \"@/components/ui/field\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Input } from \"@/components/ui/input\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Textarea } from \"@/components/ui/textarea\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  contactItems: {\n    icon: string\n    title: string\n    description: string\n    href?: string\n  }[]\n  form: {\n    legend: string\n    nameLabel: string\n    namePlaceholder: string\n    emailLabel: string\n    emailPlaceholder: string\n    messageLabel: string\n    messagePlaceholder: string\n    actionLabel: string\n  }\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  contactItems,\n  form,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"grid gap-12 lg:grid-cols-2 lg:items-start\">\n    <div class=\"flex flex-col gap-8\">\n      <div class=\"flex flex-col gap-4\">\n        <h2\n          class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n        >\n          {title}\n        </h2>\n        <p class=\"text-muted-foreground max-w-xl text-base leading-relaxed\">\n          {description}\n        </p>\n      </div>\n      <div class=\"grid gap-4 sm:grid-cols-2\">\n        {\n          contactItems.map((item) => (\n            <div class=\"flex gap-4\">\n              {item.href ? (\n                <Button\n                  as=\"a\"\n                  href={item.href}\n                  variant=\"secondary\"\n                  size=\"icon\"\n                  class=\"text-primary shrink-0\"\n                  aria-label={item.title}\n                >\n                  <Icon name={item.icon} />\n                </Button>\n              ) : (\n                <Button\n                  variant=\"secondary\"\n                  size=\"icon\"\n                  class=\"text-primary shrink-0\"\n                  aria-label={item.title}\n                >\n                  <Icon name={item.icon} />\n                </Button>\n              )}\n              <div class=\"flex flex-col gap-1\">\n                <p class=\"text-foreground text-sm font-medium\">{item.title}</p>\n                <p class=\"text-muted-foreground text-sm leading-relaxed\">\n                  {item.description}\n                </p>\n              </div>\n            </div>\n          ))\n        }\n      </div>\n      <div class=\"rounded-xl border p-6\">\n        <FieldSet>\n          <FieldLegend class=\"sr-only\">{form.legend}</FieldLegend>\n          <FieldGroup>\n            <div class=\"grid gap-4 md:grid-cols-2\">\n              <Field>\n                <FieldLabel for=\"contact-name-3\">{form.nameLabel}</FieldLabel>\n                <Input id=\"contact-name-3\" placeholder={form.namePlaceholder} />\n              </Field>\n              <Field>\n                <FieldLabel for=\"contact-email-3\">{form.emailLabel}</FieldLabel>\n                <Input\n                  id=\"contact-email-3\"\n                  type=\"email\"\n                  placeholder={form.emailPlaceholder}\n                />\n              </Field>\n            </div>\n            <Field>\n              <FieldLabel for=\"contact-message-3\"\n                >{form.messageLabel}</FieldLabel\n              >\n              <Textarea\n                id=\"contact-message-3\"\n                rows={5}\n                placeholder={form.messagePlaceholder}\n              />\n            </Field>\n            <Button size=\"lg\" class=\"w-full\">{form.actionLabel}</Button>\n          </FieldGroup>\n        </FieldSet>\n      </div>\n    </div>\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-3/4 w-full rounded-xl border object-cover lg:sticky lg:top-24\"\n      widths={[640, 960, 1280]}\n      sizes=\"(min-width: 1024px) 50vw, 100vw\"\n    />\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/content-1.json

@@ -1,19 +1,17 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "content-1",
-  "type": "registry:block",
   "registryDependencies": [
     "@fulldev/button",
-    "@fulldev/icon",
-    "@fulldev/image",
-    "@fulldev/list",
-    "@fulldev/section"
+    "@fulldev/section",
+    "@fulldev/icon"
   ],
   "files": [
     {
       "path": "src/components/blocks/content-1.astro",
-      "content": "---\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Image } from \"@/components/ui/image\"\nimport { List, ListItem } from \"@/components/ui/list\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionMedia,\n  SectionProse,\n} from \"@/components/ui/section\"\n\ninterface Props {\n  class?: string\n  id?: string\n  list?: string[]\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  image?: {\n    src: string\n    alt: string\n  }\n}\n\nconst { class: className, id, list, links, image } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionContent>\n    <SectionProse>\n      <slot />\n    </SectionProse>\n    <List>\n      {\n        list?.map((item) => (\n          <ListItem>\n            <Icon name=\"check\" />\n            {item}\n          </ListItem>\n        ))\n      }\n    </List>\n    <SectionActions>\n      {\n        links?.map(({ icon, text, ...link }, i) => (\n          <Button variant={i === 0 ? \"default\" : \"outline\"} {...link}>\n            {icon && <Icon name={icon} />}\n            {text}\n          </Button>\n        ))\n      }\n    </SectionActions>\n  </SectionContent>\n  <SectionMedia>\n    <Image sizes=\"(min-width: 1536px) 1536px, 100vw\" {...image} />\n  </SectionMedia>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  features?: string[]\n  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  features,\n  buttons,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"gap-6\">\n    <div class=\"flex flex-col gap-4\">\n      <h2\n        class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n      <p class=\"text-muted-foreground text-lg leading-relaxed text-balance\">\n        {description}\n      </p>\n    </div>\n    {\n      features?.length && (\n        <ul class=\"flex flex-col gap-3\">\n          {features.map((feature) => (\n            <li class=\"flex items-center gap-3 text-sm\">\n              <Icon name=\"check\" class=\"text-primary size-4 shrink-0\" />\n              {feature}\n            </li>\n          ))}\n        </ul>\n      )\n    }\n    {\n      buttons?.length && (\n        <div class=\"flex flex-wrap gap-3\">\n          {buttons.map(({ href, label, ...button }, index) => (\n            <Button\n              as=\"a\"\n              href={href}\n              size=\"lg\"\n              variant={\n                button.variant ?? (index === 0 ? \"default\" : \"secondary\")\n              }\n              {...button}\n            >\n              {label}\n            </Button>\n          ))}\n        </div>\n      )\n    }\n  </SectionContainer>\n  <SectionContainer>\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-video w-full rounded-xl border object-cover\"\n      widths={[640, 960, 1280, 1536]}\n      sizes=\"(min-width: 80rem) 80rem, 100vw\"\n    />\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/content-2.json

@@ -1,19 +1,17 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "content-2",
-  "type": "registry:block",
   "registryDependencies": [
     "@fulldev/button",
-    "@fulldev/icon",
-    "@fulldev/image",
-    "@fulldev/list",
-    "@fulldev/section"
+    "@fulldev/section",
+    "@fulldev/icon"
   ],
   "files": [
     {
       "path": "src/components/blocks/content-2.astro",
-      "content": "---\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Image } from \"@/components/ui/image\"\nimport { List, ListItem } from \"@/components/ui/list\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionMedia,\n  SectionProse,\n  SectionSplit,\n} from \"@/components/ui/section\"\n\ninterface Props {\n  class?: string\n  id?: string\n  list?: string[]\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  image?: {\n    src: string\n    alt: string\n  }\n}\n\nconst { class: className, id, list, links, image } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionSplit class=\"@5xl:items-center\">\n    <SectionContent class=\"max-w-xl\">\n      <SectionProse>\n        <slot />\n      </SectionProse>\n      <List>\n        {\n          list?.map((item) => (\n            <ListItem>\n              <Icon name=\"check\" />\n              {item}\n            </ListItem>\n          ))\n        }\n      </List>\n      <SectionActions>\n        {\n          links?.map(({ icon, text, ...link }, i) => (\n            <Button variant={i === 0 ? \"default\" : \"outline\"} {...link}>\n              {icon && <Icon name={icon} />}\n              {text}\n            </Button>\n          ))\n        }\n      </SectionActions>\n    </SectionContent>\n    <SectionMedia>\n      <Image\n        sizes=\"(min-width: 1536px) 768px, (min-width: 1024px) 50vw, 100vw\"\n        {...image}\n      />\n    </SectionMedia>\n  </SectionSplit>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  features?: string[]\n  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  features,\n  buttons,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"grid gap-12 lg:grid-cols-2 lg:items-center\">\n    <div class=\"flex flex-col gap-6\">\n      <div class=\"flex flex-col gap-4\">\n        <h2\n          class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n        >\n          {title}\n        </h2>\n        <p class=\"text-muted-foreground text-lg leading-relaxed text-balance\">\n          {description}\n        </p>\n      </div>\n      {\n        features?.length && (\n          <ul class=\"flex flex-col gap-3\">\n            {features.map((feature) => (\n              <li class=\"flex items-center gap-3 text-sm\">\n                <Icon name=\"check\" class=\"text-primary size-4 shrink-0\" />\n                {feature}\n              </li>\n            ))}\n          </ul>\n        )\n      }\n      {\n        buttons?.length && (\n          <div class=\"flex flex-wrap gap-3\">\n            {buttons.map(({ href, label, ...button }, index) => (\n              <Button\n                as=\"a\"\n                href={href}\n                size=\"lg\"\n                variant={\n                  button.variant ?? (index === 0 ? \"default\" : \"secondary\")\n                }\n                {...button}\n              >\n                {label}\n              </Button>\n            ))}\n          </div>\n        )\n      }\n    </div>\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-4/3 w-full rounded-xl border object-cover\"\n      widths={[640, 960, 1280]}\n      sizes=\"(min-width: 1024px) 50vw, 100vw\"\n    />\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/content-3.json

@@ -1,19 +1,16 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "content-3",
-  "type": "registry:block",
   "registryDependencies": [
     "@fulldev/button",
-    "@fulldev/icon",
-    "@fulldev/image",
-    "@fulldev/list",
     "@fulldev/section"
   ],
   "files": [
     {
       "path": "src/components/blocks/content-3.astro",
-      "content": "---\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Image } from \"@/components/ui/image\"\nimport { List, ListItem } from \"@/components/ui/list\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionMedia,\n  SectionProse,\n  SectionSpread,\n} from \"@/components/ui/section\"\n\ninterface Props {\n  class?: string\n  id?: string\n  list?: string[]\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  image?: {\n    src: string\n    alt: string\n  }\n}\n\nconst { class: className, id, list, links, image } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionSpread class=\"@5xl:items-end\">\n    <SectionContent>\n      <SectionProse>\n        <slot />\n      </SectionProse>\n      <List>\n        {\n          list?.map((item) => (\n            <ListItem>\n              <Icon name=\"check\" />\n              {item}\n            </ListItem>\n          ))\n        }\n      </List>\n    </SectionContent>\n    <SectionContent>\n      <SectionActions>\n        {\n          links?.map(({ icon, text, ...link }, i) => (\n            <Button variant={i === 0 ? \"default\" : \"outline\"} {...link}>\n              {icon && <Icon name={icon} />}\n              {text}\n            </Button>\n          ))\n        }\n      </SectionActions>\n    </SectionContent>\n  </SectionSpread>\n  <SectionMedia>\n    <Image sizes=\"(min-width: 1536px) 1536px, 100vw\" {...image} />\n  </SectionMedia>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst { class: className, title, description, buttons, image } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"gap-8\">\n    <div\n      class=\"flex flex-col gap-4 md:flex-row md:items-end md:justify-between\"\n    >\n      <div class=\"max-w-2xl\">\n        <h2\n          class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n        >\n          {title}\n        </h2>\n        <p\n          class=\"text-muted-foreground mt-4 text-lg leading-relaxed text-balance\"\n        >\n          {description}\n        </p>\n      </div>\n      {\n        buttons?.length && (\n          <div class=\"flex flex-wrap gap-3\">\n            {buttons.map(({ href, label, ...button }, index) => (\n              <Button\n                as=\"a\"\n                href={href}\n                size=\"lg\"\n                variant={\n                  button.variant ?? (index === 0 ? \"default\" : \"secondary\")\n                }\n                {...button}\n              >\n                {label}\n              </Button>\n            ))}\n          </div>\n        )\n      }\n    </div>\n  </SectionContainer>\n  <SectionContainer>\n    <Image\n      src={image.src}\n      alt={image.alt}\n      class=\"aspect-video w-full rounded-xl border object-cover\"\n      widths={[640, 960, 1280, 1536]}\n      sizes=\"(min-width: 80rem) 80rem, 100vw\"\n    />\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/content-4.json

@@ -1,19 +1,17 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "content-4",
-  "type": "registry:block",
   "registryDependencies": [
     "@fulldev/button",
-    "@fulldev/icon",
-    "@fulldev/image",
-    "@fulldev/list",
-    "@fulldev/section"
+    "@fulldev/section",
+    "@fulldev/icon"
   ],
   "files": [
     {
       "path": "src/components/blocks/content-4.astro",
-      "content": "---\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Image } from \"@/components/ui/image\"\nimport { List, ListItem } from \"@/components/ui/list\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionMedia,\n  SectionProse,\n  SectionSplit,\n} from \"@/components/ui/section\"\n\ninterface Props {\n  class?: string\n  id?: string\n  list?: string[]\n  links?: {\n    icon?: string\n    text?: string\n    href?: string\n    target?: string\n  }[]\n  image?: {\n    src: string\n    alt: string\n  }\n}\n\nconst { class: className, id, list, links, image } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionSplit class=\"@5xl:grid-cols-[1fr_2fr] @5xl:items-center\">\n    <SectionContent>\n      <SectionProse>\n        <slot />\n      </SectionProse>\n      <List>\n        {\n          list?.map((item) => (\n            <ListItem>\n              <Icon name=\"check\" />\n              {item}\n            </ListItem>\n          ))\n        }\n      </List>\n      <SectionActions>\n        {\n          links?.map(({ icon, text, ...link }, i) => (\n            <Button variant={i === 0 ? \"default\" : \"outline\"} {...link}>\n              {icon && <Icon name={icon} />}\n              {text}\n            </Button>\n          ))\n        }\n      </SectionActions>\n    </SectionContent>\n    <SectionMedia>\n      <Image\n        sizes=\"(min-width: 1536px) 1024px, (min-width: 1024px) 66vw, 100vw\"\n        {...image}\n      />\n    </SectionMedia>\n  </SectionSplit>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  features?: string[]\n  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  features,\n  buttons,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer>\n    <div class=\"grid gap-12 lg:grid-cols-[1fr_2fr] lg:items-center\">\n      <div class=\"flex flex-col gap-6\">\n        <div class=\"flex flex-col gap-4\">\n          <h2\n            class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n          >\n            {title}\n          </h2>\n          <p class=\"text-muted-foreground text-lg leading-relaxed text-balance\">\n            {description}\n          </p>\n        </div>\n        {\n          features?.length && (\n            <ul class=\"flex flex-col gap-3\">\n              {features.map((feature) => (\n                <li class=\"flex items-center gap-3 text-sm\">\n                  <Icon name=\"check\" class=\"text-primary size-4 shrink-0\" />\n                  {feature}\n                </li>\n              ))}\n            </ul>\n          )\n        }\n        {\n          buttons?.length && (\n            <div class=\"flex flex-wrap gap-3\">\n              {buttons.map(({ href, label, ...button }, index) => (\n                <Button\n                  as=\"a\"\n                  href={href}\n                  size=\"lg\"\n                  variant={\n                    button.variant ?? (index === 0 ? \"default\" : \"secondary\")\n                  }\n                  {...button}\n                >\n                  {label}\n                </Button>\n              ))}\n            </div>\n          )\n        }\n      </div>\n      <Image\n        src={image.src}\n        alt={image.alt}\n        class=\"aspect-4/3 w-full rounded-xl border object-cover\"\n        widths={[640, 960, 1280]}\n        sizes=\"(min-width: 1024px) 66vw, 100vw\"\n      />\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/content-5.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "content-5",
+  "registryDependencies": [
+    "@fulldev/button",
+    "@fulldev/section",
+    "@fulldev/icon"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/content-5.astro",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  eyebrow?: string\n  title: string\n  description: string\n  features?: string[]\n  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  eyebrow,\n  title,\n  description,\n  features,\n  buttons,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer>\n    <div\n      class=\"bg-muted/40 grid overflow-hidden rounded-xl border lg:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)]\"\n    >\n      <div class=\"flex flex-col justify-between gap-10 p-6 sm:p-8 lg:p-10\">\n        <div class=\"flex flex-col gap-5\">\n          {\n            eyebrow && (\n              <p class=\"text-primary text-sm leading-none font-medium\">\n                {eyebrow}\n              </p>\n            )\n          }\n          <div class=\"flex flex-col gap-4\">\n            <h2\n              class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n            >\n              {title}\n            </h2>\n            <p\n              class=\"text-muted-foreground max-w-xl text-lg leading-relaxed text-balance\"\n            >\n              {description}\n            </p>\n          </div>\n        </div>\n        {\n          features?.length && (\n            <ol class=\"grid gap-3\">\n              {features.map((feature, index) => (\n                <li class=\"flex items-start gap-3 text-sm leading-6\">\n                  <span class=\"bg-background text-foreground flex size-7 shrink-0 items-center justify-center rounded-full border text-xs font-medium\">\n                    {index + 1}\n                  </span>\n                  {feature}\n                </li>\n              ))}\n            </ol>\n          )\n        }\n        {\n          buttons?.length && (\n            <div class=\"flex flex-wrap gap-3\">\n              {buttons.map(({ href, label, ...button }, index) => (\n                <Button\n                  as=\"a\"\n                  href={href}\n                  size=\"lg\"\n                  variant={\n                    button.variant ?? (index === 0 ? \"default\" : \"secondary\")\n                  }\n                  {...button}\n                >\n                  {label}\n                </Button>\n              ))}\n            </div>\n          )\n        }\n      </div>\n      <div\n        class=\"bg-background relative min-h-72 overflow-hidden border-t lg:border-t-0 lg:border-l\"\n      >\n        <div\n          class=\"bg-primary/8 absolute inset-x-8 top-8 h-24 rounded-full blur-3xl\"\n        >\n        </div>\n        <Image\n          src={image.src}\n          alt={image.alt}\n          class=\"relative h-full min-h-72 w-full object-cover lg:translate-x-6 lg:scale-105\"\n          widths={[640, 960, 1280]}\n          sizes=\"(min-width: 1024px) 55vw, 100vw\"\n        />\n      </div>\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "type": "registry:block"
+    }
+  ],
+  "type": "registry:block"
+}

package/public/r/content-6.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "content-6",
+  "registryDependencies": [
+    "@fulldev/button",
+    "@fulldev/section",
+    "@fulldev/icon"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/content-6.astro",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n  class?: string\n  title: string\n  description: string\n  features?: string[]\n  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  image: {\n    src: ImageMetadata\n    alt: string\n  }\n}\n\nconst {\n  class: className,\n  title,\n  description,\n  features,\n  buttons,\n  image,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer>\n    <div class=\"grid gap-12 lg:grid-cols-2 lg:items-center\">\n      <Image\n        src={image.src}\n        alt={image.alt}\n        class=\"aspect-4/3 w-full rounded-xl border object-cover\"\n        widths={[640, 960, 1280]}\n        sizes=\"(min-width: 1024px) 50vw, 100vw\"\n      />\n      <div class=\"flex flex-col gap-6\">\n        <div class=\"flex flex-col gap-4\">\n          <h2\n            class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n          >\n            {title}\n          </h2>\n          <p class=\"text-muted-foreground text-lg leading-relaxed text-balance\">\n            {description}\n          </p>\n        </div>\n        {\n          features?.length && (\n            <ul class=\"flex flex-col gap-3\">\n              {features.map((feature) => (\n                <li class=\"flex items-center gap-3 text-sm\">\n                  <Icon name=\"check\" class=\"text-primary size-4 shrink-0\" />\n                  {feature}\n                </li>\n              ))}\n            </ul>\n          )\n        }\n        {\n          buttons?.length && (\n            <div class=\"flex flex-wrap gap-3\">\n              {buttons.map(({ href, label, ...button }, index) => (\n                <Button\n                  as=\"a\"\n                  href={href}\n                  size=\"lg\"\n                  variant={\n                    button.variant ?? (index === 0 ? \"default\" : \"secondary\")\n                  }\n                  {...button}\n                >\n                  {label}\n                </Button>\n              ))}\n            </div>\n          )\n        }\n      </div>\n    </div>\n  </SectionContainer>\n</Section>\n",
+      "type": "registry:block"
+    }
+  ],
+  "type": "registry:block"
+}