fulldev-ui 0.7.0 → 0.9.0

package/public/r/services-4.json

@@ -1,19 +1,17 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "services-4",
-  "type": "registry:block",
   "registryDependencies": [
     "@fulldev/button",
-    "@fulldev/icon",
-    "@fulldev/image",
     "@fulldev/section",
-    "@fulldev/tile"
+    "@fulldev/icon"
   ],
   "files": [
     {
       "path": "src/components/blocks/services-4.astro",
-      "content": "---\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Image } from \"@/components/ui/image\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionGrid,\n  SectionProse,\n  SectionSpread,\n} from \"@/components/ui/section\"\nimport {\n  Tile,\n  TileContent,\n  TileDescription,\n  TileMedia,\n  TileSpread,\n  TileTitle,\n} from \"@/components/ui/tile\"\n\ninterface Props {\n  class?: string\n  id?: string\n  links?: {\n    text?: string\n    href?: string\n  }[]\n  items?: {\n    href?: string\n    tagline?: string\n    title?: string\n    description?: string\n    image?: {\n      src: string\n      alt: string\n    }\n    links?: {\n      icon?: string\n      text?: string\n      href?: string\n      target?: string\n    }[]\n  }[]\n}\n\nconst { class: className, id, links, items } = 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    </SectionContent>\n    <SectionActions>\n      {\n        links?.map(({ text, ...link }, i) => (\n          <Button variant={i === 0 ? \"default\" : \"outline\"} {...link}>\n            {text}\n          </Button>\n        ))\n      }\n    </SectionActions>\n  </SectionSpread>\n  <SectionGrid>\n    {\n      items?.map(({ title, tagline, description, href, image }) => (\n        <Tile href={href} variant=\"floating\">\n          <TileSpread class=\"py-3\">\n            <TileContent>\n              <TileDescription class=\"text-primary text-xs font-medium\">\n                {tagline}\n              </TileDescription>\n              <TileTitle>{title}</TileTitle>\n              <TileDescription>{description}</TileDescription>\n            </TileContent>\n            {href && (\n              <Icon\n                name=\"arrow-right\"\n                class=\"mr-3 size-5 transition-transform group-hover/tile:translate-x-3\"\n              />\n            )}\n          </TileSpread>\n\n          <TileMedia class=\"-mr-6 rounded-r-none\">\n            <Image sizes=\"600px\" {...image} />\n          </TileMedia>\n        </Tile>\n      ))\n    }\n  </SectionGrid>\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  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  services: {\n    image: {\n      src: ImageMetadata\n      alt: string\n    }\n    title: string\n    description: string\n    href?: string\n  }[]\n}\n\nconst { class: className, title, description, buttons, services } = 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-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n        >\n          {title}\n        </h2>\n        {\n          description && (\n            <p class=\"text-muted-foreground mt-4 text-base leading-relaxed text-balance\">\n              {description}\n            </p>\n          )\n        }\n      </div>\n      {\n        buttons?.length && (\n          <div class=\"flex flex-wrap gap-3\">\n            {buttons.map(({ href, label, ...button }) => (\n              <Button as=\"a\" href={href} variant={button.variant}>\n                {label}\n              </Button>\n            ))}\n          </div>\n        )\n      }\n    </div>\n    <div class=\"grid gap-6 sm:grid-cols-2 lg:grid-cols-4\">\n      {\n        services.map((service) => (\n          <article class=\"group/service flex flex-col gap-4\">\n            <Image\n              src={service.image.src}\n              alt={service.image.alt}\n              class=\"aspect-16/10 w-full rounded-lg object-cover\"\n              widths={[320, 480, 640]}\n              sizes=\"(min-width: 1024px) 25vw, (min-width: 640px) 50vw, 100vw\"\n            />\n            <div class=\"flex flex-1 flex-col gap-1\">\n              <h3 class=\"text-base font-medium\">{service.title}</h3>\n              <p class=\"text-muted-foreground text-sm leading-relaxed\">\n                {service.description}\n              </p>\n            </div>\n            {service.href && (\n              <a\n                href={service.href}\n                class=\"text-primary inline-flex items-center gap-1.5 text-sm font-medium\"\n              >\n                Learn more\n                <Icon\n                  name=\"arrow-right\"\n                  class=\"size-3.5 transition-transform group-hover/service:translate-x-1\"\n                />\n              </a>\n            )}\n          </article>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/services-5.json

@@ -1,19 +1,18 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "services-5",
-  "type": "registry:block",
   "registryDependencies": [
+    "@fulldev/badge",
     "@fulldev/button",
-    "@fulldev/icon",
-    "@fulldev/image",
     "@fulldev/section",
-    "@fulldev/tile"
+    "@fulldev/icon"
   ],
   "files": [
     {
       "path": "src/components/blocks/services-5.astro",
-      "content": "---\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Image } from \"@/components/ui/image\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionGrid,\n  SectionProse,\n  SectionSplit,\n} from \"@/components/ui/section\"\nimport {\n  Tile,\n  TileContent,\n  TileDescription,\n  TileMedia,\n  TileSpread,\n  TileTitle,\n} from \"@/components/ui/tile\"\n\ninterface Props {\n  class?: string\n  id?: string\n  links?: {\n    text?: string\n    href?: string\n  }[]\n  items?: {\n    href?: string\n    tagline?: string\n    title?: string\n    description?: string\n    image?: {\n      src: string\n      alt: string\n    }\n    links?: {\n      text?: string\n      href?: string\n    }[]\n  }[]\n}\n\nconst { class: className, id, links, items } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionSplit\n    class=\"items-start @5xl:grid-cols-[1fr_2fr] @5xl:*:sticky @5xl:*:top-[calc(var(--section-py)+var(--header-height,0px))]\"\n  >\n    <SectionContent>\n      <SectionProse class=\"text-balance!\">\n        <slot />\n      </SectionProse>\n      <SectionActions>\n        {\n          links?.map(({ text, ...link }, i) => (\n            <Button variant={i === 0 ? \"outline\" : \"ghost\"} {...link}>\n              {text}\n            </Button>\n          ))\n        }\n      </SectionActions>\n    </SectionContent>\n    <SectionGrid class=\"@5xl:grid-cols-2\">\n      {\n        items?.map(({ title, description, href, image }) => (\n          <Tile\n            href={href}\n            class=\"dark aspect-[1/1] bg-black!\"\n            variant=\"floating\"\n          >\n            <TileMedia class=\"absolute inset-0 size-full bg-black mask-t-from-0% mask-t-to-black/10\">\n              <Image sizes=\"600px\" {...image} />\n            </TileMedia>\n            <TileSpread class=\"relative\">\n              <TileContent>\n                <TileTitle>{title}</TileTitle>\n                <TileDescription class=\"text-foreground\">\n                  {description}\n                </TileDescription>\n              </TileContent>\n              {href && (\n                <Icon\n                  name=\"arrow-right\"\n                  class=\"size-5 shrink-0 transition-transform group-hover/tile:translate-x-2\"\n                />\n              )}\n            </TileSpread>\n          </Tile>\n        ))\n      }\n    </SectionGrid>\n  </SectionSplit>\n</Section>\n",
+      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\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  badge?: string\n  title: string\n  description?: string\n  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  services: {\n    icon?: string\n    title: string\n    description: string\n    href?: string\n  }[]\n}\n\nconst {\n  class: className,\n  badge,\n  title,\n  description,\n  buttons,\n  services,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer class=\"gap-12\">\n    <div class=\"mx-auto max-w-2xl text-center\">\n      {badge && <Badge variant=\"secondary\">{badge}</Badge>}\n      <h2\n        class=\"mt-4 text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n      >\n        {title}\n      </h2>\n      {\n        description && (\n          <p class=\"text-muted-foreground mt-4 text-base leading-relaxed text-balance\">\n            {description}\n          </p>\n        )\n      }\n      {\n        buttons?.length && (\n          <div class=\"mt-6 flex flex-wrap justify-center gap-3\">\n            {buttons.map(({ href, label, ...button }) => (\n              <Button as=\"a\" href={href} variant={button.variant}>\n                {label}\n              </Button>\n            ))}\n          </div>\n        )\n      }\n    </div>\n    <div\n      class=\"ring-foreground/10 bg-border grid gap-px overflow-hidden rounded-xl ring-1 ring-inset sm:grid-cols-2 lg:grid-cols-4\"\n    >\n      {\n        services.map((service) => (\n          <div class=\"bg-background group/service hover:bg-accent/30 relative flex flex-col gap-4 p-7 transition-colors\">\n            <div class=\"bg-primary/10 text-primary ring-primary/15 flex size-10 items-center justify-center rounded-lg ring-1 transition-transform ring-inset group-hover/service:scale-105\">\n              <Icon name={service.icon ?? \"layout-grid\"} class=\"size-5\" />\n            </div>\n            <h3 class=\"text-base font-medium tracking-tight\">\n              {service.title}\n            </h3>\n            <p class=\"text-muted-foreground text-sm leading-relaxed\">\n              {service.description}\n            </p>\n            {service.href && (\n              <a\n                href={service.href}\n                class=\"text-primary mt-auto inline-flex items-center gap-1.5 text-sm font-medium\"\n              >\n                Learn more\n                <Icon\n                  name=\"arrow-right\"\n                  class=\"size-3.5 transition-transform group-hover/service:translate-x-1\"\n                />\n              </a>\n            )}\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/services-6.json

@@ -1,18 +1,18 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "services-6",
-  "type": "registry:block",
   "registryDependencies": [
+    "@fulldev/badge",
     "@fulldev/button",
-    "@fulldev/icon",
     "@fulldev/section",
-    "@fulldev/tile"
+    "@fulldev/icon"
   ],
   "files": [
     {
       "path": "src/components/blocks/services-6.astro",
-      "content": "---\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionGrid,\n  SectionProse,\n  SectionSplit,\n} from \"@/components/ui/section\"\nimport {\n  Tile,\n  TileContent,\n  TileDescription,\n  TileSpread,\n  TileTitle,\n} from \"@/components/ui/tile\"\n\ninterface Props {\n  class?: string\n  id?: string\n  links?: {\n    text?: string\n    href?: string\n  }[]\n  items?: {\n    href?: string\n    tagline?: string\n    title?: string\n    description?: string\n    image?: {\n      src: string\n      alt: string\n    }\n    links?: {\n      text?: string\n      href?: string\n    }[]\n  }[]\n}\n\nconst { class: className, id, links, items } = Astro.props\n---\n\n<Section class={className} id={id}>\n  <SectionSplit\n    class=\"items-start @5xl:grid-cols-[1fr_2fr] @5xl:*:sticky @5xl:*:top-[calc(var(--section-py)+var(--header-height,0px))]\"\n  >\n    <SectionContent>\n      <SectionProse class=\"text-balance!\">\n        <slot />\n      </SectionProse>\n      <SectionActions>\n        {\n          links?.map(({ text, ...link }, i) => (\n            <Button variant={i === 0 ? \"outline\" : \"ghost\"} {...link}>\n              {text}\n            </Button>\n          ))\n        }\n      </SectionActions>\n    </SectionContent>\n    <SectionGrid class=\"@5xl:grid-cols-2\">\n      {\n        items?.map(({ title, description, href }) => (\n          <Tile href={href} variant=\"floating\">\n            <TileSpread>\n              <TileContent>\n                <TileTitle>{title}</TileTitle>\n                <TileDescription class=\"text-foreground\">\n                  {description}\n                </TileDescription>\n              </TileContent>\n              {href && (\n                <Icon\n                  name=\"arrow-right\"\n                  class=\"size-5 shrink-0 transition-transform group-hover/tile:translate-x-2\"\n                />\n              )}\n            </TileSpread>\n          </Tile>\n        ))\n      }\n    </SectionGrid>\n  </SectionSplit>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\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  badge?: string\n  title: string\n  description?: string\n  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  services: {\n    image: {\n      src: ImageMetadata\n      alt: string\n    }\n    title: string\n    description: string\n    href?: string\n  }[]\n}\n\nconst {\n  class: className,\n  badge,\n  title,\n  description,\n  buttons,\n  services,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n  <SectionContainer\n    class=\"grid gap-8 lg:grid-cols-[20rem_minmax(0,1fr)] lg:items-start\"\n  >\n    <div class=\"lg:sticky lg:top-28\">\n      {badge && <Badge variant=\"secondary\">{badge}</Badge>}\n      <h2 class=\"mt-4 text-3xl font-semibold tracking-tight text-balance\">\n        {title}\n      </h2>\n      {\n        description && (\n          <p class=\"text-muted-foreground mt-4 text-sm leading-relaxed\">\n            {description}\n          </p>\n        )\n      }\n      {\n        buttons?.length && (\n          <div class=\"mt-6 flex flex-wrap gap-3\">\n            {buttons.map(({ href, label, ...button }) => (\n              <Button as=\"a\" href={href} variant={button.variant}>\n                {label}\n              </Button>\n            ))}\n          </div>\n        )\n      }\n    </div>\n    <div class=\"grid gap-6 sm:grid-cols-2\">\n      {\n        services.map((service) => (\n          <div class=\"group/service relative isolate flex aspect-square flex-col justify-end overflow-hidden rounded-xl bg-black\">\n            <Image\n              src={service.image.src}\n              alt={service.image.alt}\n              class=\"absolute inset-0 -z-10 size-full object-cover opacity-60 transition-transform duration-500 group-hover/service:scale-105\"\n              widths={[320, 480, 640]}\n              sizes=\"(min-width: 1024px) 30vw, (min-width: 640px) 50vw, 100vw\"\n            />\n            <div class=\"absolute inset-0 -z-10 bg-linear-to-t from-black/70 to-transparent\" />\n            <div class=\"flex items-end justify-between gap-4 p-5 text-white\">\n              <div class=\"flex flex-col gap-1\">\n                <h3 class=\"text-lg font-semibold\">{service.title}</h3>\n                <p class=\"text-sm leading-relaxed text-white/75\">\n                  {service.description}\n                </p>\n              </div>\n              {service.href && (\n                <a\n                  href={service.href}\n                  class=\"shrink-0 rounded-full bg-white/15 p-2 backdrop-blur-sm transition-colors hover:bg-white/25\"\n                >\n                  <Icon name=\"arrow-right\" class=\"size-4 text-white\" />\n                </a>\n              )}\n            </div>\n          </div>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/services-7.json

@@ -1,19 +1,18 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "services-7",
-  "type": "registry:block",
   "registryDependencies": [
+    "@fulldev/badge",
     "@fulldev/button",
-    "@fulldev/icon",
-    "@fulldev/image",
     "@fulldev/section",
-    "@fulldev/tile"
+    "@fulldev/icon"
   ],
   "files": [
     {
       "path": "src/components/blocks/services-7.astro",
-      "content": "---\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Image } from \"@/components/ui/image\"\nimport {\n  Section,\n  SectionActions,\n  SectionContent,\n  SectionGrid,\n  SectionProse,\n  SectionSpread,\n} from \"@/components/ui/section\"\nimport {\n  Tile,\n  TileContent,\n  TileDescription,\n  TileMedia,\n  TileSpread,\n  TileTitle,\n} from \"@/components/ui/tile\"\n\ninterface Props {\n  class?: string\n  id?: string\n  links?: {\n    text?: string\n    href?: string\n  }[]\n  items?: {\n    href?: string\n    tagline?: string\n    title?: string\n    description?: string\n    image?: {\n      src: string\n      alt: string\n    }\n    links?: {\n      icon?: string\n      text?: string\n      href?: string\n      target?: string\n    }[]\n  }[]\n}\n\nconst { class: className, id, links, items } = 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    </SectionContent>\n    <SectionActions>\n      {\n        links?.map(({ text, ...link }, i) => (\n          <Button variant={i === 0 ? \"default\" : \"outline\"} {...link}>\n            {text}\n          </Button>\n        ))\n      }\n    </SectionActions>\n  </SectionSpread>\n  <SectionGrid>\n    {\n      items?.map(({ title, tagline, description, href, image }) => (\n        <Tile href={href} variant=\"floating\">\n          <TileMedia class=\"-mx-6 -mt-6 aspect-4/3\">\n            <Image class=\"size-full! object-cover\" sizes=\"600px\" {...image} />\n          </TileMedia>\n          <TileSpread>\n            <TileContent>\n              <TileDescription class=\"text-primary text-xs font-medium\">\n                {tagline}\n              </TileDescription>\n              <TileTitle>{title}</TileTitle>\n              <TileDescription>{description}</TileDescription>\n            </TileContent>\n            {href && (\n              <Icon\n                name=\"arrow-right\"\n                class=\"size-5 shrink-0 transition-transform group-hover/tile:translate-x-2\"\n              />\n            )}\n          </TileSpread>\n        </Tile>\n      ))\n    }\n  </SectionGrid>\n</Section>\n",
+      "content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\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  badge?: string\n  title: string\n  description?: string\n  buttons?: {\n    label: string\n    href: string\n    variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n  }[]\n  services: {\n    image: {\n      src: ImageMetadata\n      alt: string\n    }\n    label?: string\n    title: string\n    description: string\n    href?: string\n  }[]\n}\n\nconst {\n  class: className,\n  badge,\n  title,\n  description,\n  buttons,\n  services,\n} = 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        {badge && <Badge variant=\"secondary\">{badge}</Badge>}\n        <h2\n          class=\"mt-4 text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n        >\n          {title}\n        </h2>\n        {\n          description && (\n            <p class=\"text-muted-foreground mt-4 text-base leading-relaxed text-balance\">\n              {description}\n            </p>\n          )\n        }\n      </div>\n      {\n        buttons?.length && (\n          <div class=\"flex flex-wrap gap-3\">\n            {buttons.map(({ href, label, ...button }) => (\n              <Button as=\"a\" href={href} variant={button.variant}>\n                {label}\n              </Button>\n            ))}\n          </div>\n        )\n      }\n    </div>\n    <div class=\"grid gap-6 lg:grid-cols-3\">\n      {\n        services.map((service, index) => (\n          <a\n            href={service.href ?? \"#\"}\n            class={cn(\n              \"group/service flex flex-col overflow-hidden rounded-xl border shadow-xs transition-shadow hover:shadow-md\",\n              index === 0 && \"lg:col-span-2 lg:row-span-2\"\n            )}\n          >\n            <Image\n              src={service.image.src}\n              alt={service.image.alt}\n              class={cn(\n                \"w-full object-cover\",\n                index === 0 ? \"aspect-video\" : \"aspect-16/10\"\n              )}\n              widths={[320, 480, 640, 960]}\n              sizes={\n                index === 0\n                  ? \"(min-width: 1024px) 66vw, 100vw\"\n                  : \"(min-width: 1024px) 33vw, 100vw\"\n              }\n            />\n            <div class=\"flex flex-1 flex-col gap-2 p-5\">\n              {service.label && (\n                <Badge variant=\"secondary\" class=\"w-fit\">\n                  {service.label}\n                </Badge>\n              )}\n              <h3\n                class={cn(\"font-medium\", index === 0 ? \"text-xl\" : \"text-base\")}\n              >\n                {service.title}\n              </h3>\n              <p class=\"text-muted-foreground text-sm leading-relaxed\">\n                {service.description}\n              </p>\n              <div\n                class={cn(\n                  \"text-primary flex items-center gap-1.5 pt-2 text-sm font-medium\",\n                  index !== 0 && \"mt-auto\"\n                )}\n              >\n                Learn more\n                <Icon\n                  name=\"arrow-right\"\n                  class=\"size-3.5 transition-transform group-hover/service:translate-x-1\"\n                />\n              </div>\n            </div>\n          </a>\n        ))\n      }\n    </div>\n  </SectionContainer>\n</Section>\n",
       "type": "registry:block"
     }
-  ]
-}
+  ],
+  "type": "registry:block"
+}

package/public/r/sheet.json

@@ -1,47 +1,50 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "sheet",
-  "type": "registry:ui",
-  "registryDependencies": ["@fulldev/button"],
+  "registryDependencies": [
+    "@fulldev/button",
+    "@fulldev/dialog",
+    "@fulldev/icon"
+  ],
   "files": [
     {
       "path": "src/components/ui/sheet/sheet.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      class=\"contents!\"\n      data-slot=\"sheet\"\n      class={cn(\"relative\", className)}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n\n<script>\n  const sheets = document.querySelectorAll(\"[data-slot='sheet']\")\n  sheets.forEach((sheet) => {\n    const dialog = sheet.querySelector(\"[data-slot='sheet-dialog']\")\n    if (!(dialog instanceof HTMLDialogElement)) return\n\n    // Close on backdrop click\n    dialog.addEventListener(\"click\", (event) => {\n      if (event.target === dialog) dialog.close()\n    })\n\n    const triggers = sheet.querySelectorAll(\"[data-slot='sheet-trigger']\")\n    triggers.forEach((trigger) => {\n      trigger.addEventListener(\"click\", () => {\n        dialog.showModal()\n      })\n    })\n\n    const closes = sheet.querySelectorAll(\"[data-slot='sheet-close']\")\n    closes.forEach((close) => {\n      close.addEventListener(\"click\", () => {\n        dialog.close()\n      })\n    })\n  })\n</script>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultOpen?: boolean\n  closeOnClickOutside?: boolean\n  closeOnEscape?: boolean\n  lockScroll?: boolean\n}\n\nconst {\n  class: className,\n  defaultOpen,\n  closeOnClickOutside,\n  closeOnEscape,\n  lockScroll,\n  ...props\n} = Astro.props\n\nconst manageScrollLock = lockScroll !== false\n---\n\n<div\n  data-slot=\"dialog\"\n  data-sheet-lock-scroll={manageScrollLock ? \"\" : undefined}\n  class={className}\n  data-default-open={defaultOpen}\n  data-close-on-click-outside={closeOnClickOutside}\n  data-close-on-escape={closeOnEscape}\n  data-lock-scroll=\"false\"\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/dialog\"\n\n  create()\n\n  declare global {\n    interface Window {\n      __fulldevSheetScrollLock?: {\n        roots: Set<HTMLElement>\n        savedHtmlOverflow: string\n        savedHtmlScrollbarGutter: string\n        savedBodyPaddingRight: string\n      }\n      __fulldevSheetScrollLockBound?: boolean\n    }\n  }\n\n  const state =\n    window.__fulldevSheetScrollLock ??\n    (window.__fulldevSheetScrollLock = {\n      roots: new Set<HTMLElement>(),\n      savedHtmlOverflow: \"\",\n      savedHtmlScrollbarGutter: \"\",\n      savedBodyPaddingRight: \"\",\n    })\n\n  const applyScrollLock = () => {\n    const html = document.documentElement\n    const body = document.body\n\n    if (state.roots.size === 0) {\n      html.style.overflow = state.savedHtmlOverflow\n      html.style.scrollbarGutter = state.savedHtmlScrollbarGutter\n      body.style.paddingRight = state.savedBodyPaddingRight\n      return\n    }\n\n    if (state.roots.size === 1) {\n      state.savedHtmlOverflow = html.style.overflow\n      state.savedHtmlScrollbarGutter = html.style.scrollbarGutter\n      state.savedBodyPaddingRight = body.style.paddingRight\n    }\n\n    const scrollbarWidth = window.innerWidth - html.clientWidth\n    const bodyPaddingRight = Number.parseFloat(\n      window.getComputedStyle(body).paddingRight || \"0\"\n    )\n\n    html.style.overflow = \"hidden\"\n    html.style.scrollbarGutter = \"auto\"\n    body.style.paddingRight = `${bodyPaddingRight + Math.max(scrollbarWidth, 0)}px`\n  }\n\n  const syncRoot = (root: HTMLElement, open: boolean) => {\n    const hasRoot = state.roots.has(root)\n    if (open === hasRoot) return\n\n    if (open) state.roots.add(root)\n    else state.roots.delete(root)\n\n    applyScrollLock()\n  }\n\n  if (!window.__fulldevSheetScrollLockBound) {\n    window.__fulldevSheetScrollLockBound = true\n\n    document.addEventListener(\"dialog:change\", (event) => {\n      const target = event.target\n\n      if (\n        !(target instanceof HTMLElement) ||\n        target.dataset.slot !== \"dialog\" ||\n        target.dataset.sheetLockScroll === undefined\n      ) {\n        return\n      }\n\n      const detail = (event as CustomEvent<{ open?: boolean }>).detail\n      syncRoot(target, Boolean(detail?.open))\n    })\n  }\n\n  document\n    .querySelectorAll<HTMLElement>(\n      '[data-slot=\"dialog\"][data-sheet-lock-scroll]'\n    )\n    .forEach((root) => {\n      syncRoot(root, root.hasAttribute(\"data-open\"))\n    })\n</script>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/sheet/sheet-close.astro",
-      "content": "---\nimport type { ComponentProps } from \"astro/types\"\nimport X from \"lucide-static/icons/x.svg\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\n\ninterface Props extends ComponentProps<typeof Button> {}\n\nconst { class: className, ...props } = Astro.props\n---\n\n<Button\n  class={cn(\"ml-auto\", className)}\n  size=\"icon-sm\"\n  variant=\"ghost\"\n  data-slot=\"sheet-close\"\n  {...props}\n>\n  <X />\n</Button>\n",
+      "content": "---\nimport type { ComponentProps } from \"astro/types\"\n\nimport { Button } from \"@/components/ui/button\"\n\ntype Props = ComponentProps<typeof Button>\n\nconst { ...props } = Astro.props\n---\n\n<Button data-slot=\"dialog-close\" {...props}>\n  <slot />\n</Button>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/sheet/sheet-content.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport XIcon from \"lucide-static/icons/x.svg\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst dialogVariants = cva(\n  [\n    \"fixed inset-0 z-50 m-0 max-h-none max-w-none border-0 bg-transparent p-0\",\n    \"backdrop:bg-black/50\",\n    // Added for quick fix over horizontal scroll issue\n    \"overflow-x-hidden\",\n  ],\n  {\n    variants: {\n      side: {\n        right: \"ml-auto h-full w-3/4 sm:max-w-sm\",\n        left: \"mr-auto h-full w-3/4 sm:max-w-sm\",\n        top: \"mb-auto h-auto w-full\",\n        bottom: \"mt-auto h-auto w-full\",\n      },\n    },\n    defaultVariants: {\n      side: \"right\",\n    },\n  }\n)\n\nconst contentVariants = cva(\n  \"bg-background flex h-full flex-col gap-4 shadow-lg transition-transform duration-500 ease-in-out\",\n  {\n    variants: {\n      side: {\n        right: \"translate-x-full border-l\",\n        left: \"-translate-x-full border-r\",\n        top: \"-translate-y-full border-b\",\n        bottom: \"translate-y-full border-t\",\n      },\n    },\n    defaultVariants: {\n      side: \"right\",\n    },\n  }\n)\n\ntype Props = VariantProps<typeof contentVariants> &\n  HTMLAttributes<\"div\"> & {\n    showClose?: boolean\n  }\n\nconst { class: className, side, showClose = true, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n<dialog\n  data-slot=\"sheet-dialog\"\n  data-side={side}\n  class={cn(dialogVariants({ side }))}\n>\n  <div\n    data-slot=\"sheet-content\"\n    data-side={side}\n    class={cn(contentVariants({ side }), className)}\n    {...props}\n  >\n    {\n      showClose && (\n        <button\n          type=\"button\"\n          data-slot=\"sheet-close\"\n          class=\"focus-visible:outline-ring text-foreground absolute top-4 right-4 cursor-pointer rounded-sm border-0 bg-transparent opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-2 focus-visible:outline-offset-2\"\n          aria-label=\"Close\"\n        >\n          <XIcon class=\"size-4\" />\n        </button>\n      )\n    }\n    <Fragment set:html={slot} />\n  </div>\n</dialog>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport DialogPortal from \"@/components/ui/dialog/dialog-portal.astro\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  showCloseButton?: boolean\n}\n\nconst {\n  class: className,\n  side = \"right\",\n  showCloseButton = true,\n  style,\n  ...props\n} = Astro.props\n---\n\n<DialogPortal>\n  <div\n    data-slot=\"dialog-overlay\"\n    hidden\n    class=\"fixed inset-0 z-50 bg-black/10 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs\"\n    style=\"z-index: calc(var(--dialog-overlay-stack-index, 0) + 100);\"\n  >\n  </div>\n  <div\n    data-slot=\"dialog-content\"\n    data-side={side}\n    hidden\n    class={cn(\n      \"bg-popover text-popover-foreground fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out outline-none data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-10 data-[side=bottom]:data-starting-style:translate-y-10 data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:-translate-x-10 data-[side=left]:data-starting-style:-translate-x-10 data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-10 data-[side=right]:data-starting-style:translate-x-10 data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:-translate-y-10 data-[side=top]:data-starting-style:-translate-y-10 data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm\",\n      \"bg-popover text-popover-foreground fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out outline-none data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-10 data-[side=bottom]:data-starting-style:translate-y-10 data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:-translate-x-10 data-[side=left]:data-starting-style:-translate-x-10 data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-10 data-[side=right]:data-starting-style:translate-x-10 data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:-translate-y-10 data-[side=top]:data-starting-style:-translate-y-10 data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm\",\n      className\n    )}\n    style={`z-index: calc(var(--dialog-content-stack-index, 0) + 101);${style ? ` ${style}` : \"\"}`}\n    {...props}\n  >\n    <slot />\n    {\n      showCloseButton && (\n        <Button\n          type=\"button\"\n          data-slot=\"dialog-close\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          class=\"absolute top-3 right-3\"\n        >\n          <Icon name=\"x\" class=\"size-4\" />\n          <span class=\"sr-only\">Close</span>\n        </Button>\n      )\n    }\n  </div>\n</DialogPortal>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/sheet/sheet-description.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"p\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <p\n      data-slot=\"sheet-description\"\n      class={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </p>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"p\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<p\n  data-slot=\"dialog-description\"\n  class={cn(\"text-muted-foreground text-sm\", className)}\n  {...props}\n>\n  <slot />\n</p>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/sheet/sheet-footer.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      data-slot=\"sheet-footer\"\n      class={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"sheet-footer\"\n  class={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/sheet/sheet-header.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <div\n      data-slot=\"sheet-header\"\n      class={cn(\"flex flex-col gap-1.5 p-4\", className)}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </div>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  data-slot=\"sheet-header\"\n  class={cn(\"flex flex-col gap-1.5 p-4\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/sheet/sheet-title.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"h2\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <h2\n      data-slot=\"sheet-title\"\n      class={cn(\"text-foreground font-semibold\", className)}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </h2>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"h2\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<h2\n  data-slot=\"dialog-title\"\n  class={cn(\"text-foreground font-medium\", className)}\n  {...props}\n>\n  <slot />\n</h2>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/sheet/sheet-trigger.astro",
-      "content": "---\nimport type { ComponentProps } from \"astro/types\"\n\nimport { Button } from \"@/components/ui/button\"\n\ninterface Props extends ComponentProps<typeof Button> {}\n\nconst { ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <Button data-slot=\"sheet-trigger\" name=\"open-sheet-button\" {...props}>\n      <Fragment set:html={slot} />\n    </Button>\n  )\n}\n",
+      "content": "---\nimport type { ComponentProps } from \"astro/types\"\n\nimport { Button } from \"@/components/ui/button\"\n\ntype Props = ComponentProps<typeof Button>\n\nconst { ...props } = Astro.props\n---\n\n<Button data-slot=\"dialog-trigger\" {...props}>\n  <slot />\n</Button>\n",
       "type": "registry:ui"
     },
     {
@@ -49,5 +52,6 @@
       "content": "export { default as Sheet } from \"./sheet.astro\"\nexport { default as SheetContent } from \"./sheet-content.astro\"\nexport { default as SheetTrigger } from \"./sheet-trigger.astro\"\nexport { default as SheetHeader } from \"./sheet-header.astro\"\nexport { default as SheetTitle } from \"./sheet-title.astro\"\nexport { default as SheetDescription } from \"./sheet-description.astro\"\nexport { default as SheetFooter } from \"./sheet-footer.astro\"\nexport { default as SheetClose } from \"./sheet-close.astro\"\n",
       "type": "registry:ui"
     }
-  ]
-}
+  ],
+  "type": "registry:ui"
+}

package/public/r/sidebar-1.json

@@ -0,0 +1,28 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "sidebar-1",
+  "registryDependencies": [
+    "@fulldev/breadcrumb",
+    "@fulldev/button",
+    "@fulldev/command",
+    "@fulldev/dialog",
+    "@fulldev/dropdown-menu",
+    "@fulldev/header",
+    "@fulldev/icon",
+    "@fulldev/input-group",
+    "@fulldev/kbd",
+    "@fulldev/layout",
+    "@fulldev/logo",
+    "@fulldev/separator",
+    "@fulldev/sidebar",
+    "@fulldev/theme-toggle"
+  ],
+  "files": [
+    {
+      "path": "src/components/blocks/sidebar-1.astro",
+      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@/components/ui/breadcrumb\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandShortcut,\n} from \"@/components/ui/command\"\nimport { Dialog, DialogTrigger } from \"@/components/ui/dialog\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\"\nimport { Header, HeaderContainer, HeaderGroup } from \"@/components/ui/header\"\nimport { Icon } from \"@/components/ui/icon\"\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupInput,\n} from \"@/components/ui/input-group\"\nimport { Kbd } from \"@/components/ui/kbd\"\nimport { LogoImage, LogoText } from \"@/components/ui/logo\"\nimport { Separator } from \"@/components/ui/separator\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n  SidebarTrigger,\n} from \"@/components/ui/sidebar\"\nimport { ThemeToggle } from \"@/components/ui/theme-toggle\"\n\ntype Props = {\n  class?: string\n  logo: {\n    label: string\n    href: string\n    src?: any\n    srcLight?: any\n    srcDark?: any\n    alt?: string\n  }\n  search: {\n    label: string\n    empty: string\n    items: {\n      label: string\n      href: string\n      title: string\n      path: string\n      description: string\n      group: string\n    }[]\n  }\n  breadcrumb: {\n    items: {\n      label: string\n      href: string\n    }[]\n    menu: {\n      label: string\n      href: string\n    }[]\n  }\n  navigation: {\n    label: string\n    href: string\n    links?: {\n      label: string\n      href: string\n    }[]\n  }[]\n  githubRepo: string\n}\n\nconst {\n  class: className,\n  logo,\n  search,\n  breadcrumb,\n  navigation,\n  githubRepo,\n}: Props = Astro.props\n\nconst normalizePath = (path: string) => {\n  if (path === \"/\") return path\n\n  return path.replace(/\\/$/, \"\")\n}\nconst currentPath = normalizePath(Astro.url.pathname)\nconst searchGroups = search.items.reduce<\n  { label: string; items: typeof search.items }[]\n>((groups, item) => {\n  const group = groups.find((entry) => entry.label === item.group)\n\n  if (group) {\n    group.items.push(item)\n  } else {\n    groups.push({ label: item.group, items: [item] })\n  }\n\n  return groups\n}, [])\n\nlet githubStars = \"Stars\"\n\ntry {\n  const response = await fetch(`https://api.github.com/repos/${githubRepo}`)\n  const data = await response.json()\n\n  if (response.ok && typeof data.stargazers_count === \"number\") {\n    githubStars = new Intl.NumberFormat().format(data.stargazers_count)\n  }\n} catch {\n  // Keep the fallback label when GitHub is unavailable.\n}\n---\n\n<SidebarProvider>\n  <Sidebar class={cn(\"\", className)} collapsible=\"offcanvas\" variant=\"inset\">\n    <SidebarHeader class=\"flex-col\">\n      <SidebarMenuButton size=\"lg\" variant=\"ghost\" href={logo.href}>\n        <LogoImage\n          src={logo.src}\n          srcLight={logo.srcLight}\n          srcDark={logo.srcDark}\n          alt={logo.alt}\n        />\n        <LogoText class=\"font-semibold\">{logo.label}</LogoText>\n      </SidebarMenuButton>\n      <Dialog class=\"w-full\" data-search-dialog>\n        <DialogTrigger\n          as=\"div\"\n          role=\"button\"\n          tabindex=\"0\"\n          class=\"h-auto w-full cursor-pointer border-0 bg-transparent p-0 shadow-none hover:bg-transparent\"\n          aria-keyshortcuts=\"Meta+K Control+K\"\n        >\n          <InputGroup class=\"h-8 shadow-none\">\n            <InputGroupInput\n              placeholder={search.label}\n              readonly\n              tabindex=\"-1\"\n              aria-label={search.label}\n              class=\"cursor-pointer\"\n            />\n            <InputGroupAddon>\n              <Icon name=\"search\" />\n            </InputGroupAddon>\n            <InputGroupAddon align=\"inline-end\">\n              <Kbd data-search-modifier>⌘</Kbd>\n              <Kbd>K</Kbd>\n            </InputGroupAddon>\n          </InputGroup>\n        </DialogTrigger>\n\n        <CommandDialog title={search.label} description={search.label}>\n          <Command\n            class=\"[&_[data-slot=command-item][data-selected]]:bg-accent [&_[data-slot=command-item][data-selected]]:text-accent-foreground\"\n          >\n            <CommandInput placeholder={search.label} />\n            <CommandList>\n              <CommandEmpty>{search.empty}</CommandEmpty>\n\n              {\n                searchGroups.map((group) => (\n                  <CommandGroup heading={group.label}>\n                    {group.items.map((item) => (\n                      <CommandItem\n                        href={item.href}\n                        value={item.path}\n                        label={item.label}\n                        keywords={[item.title, item.path]}\n                      >\n                        {item.label}\n                        <CommandShortcut>{item.href}</CommandShortcut>\n                      </CommandItem>\n                    ))}\n                  </CommandGroup>\n                ))\n              }\n            </CommandList>\n          </Command>\n        </CommandDialog>\n      </Dialog>\n    </SidebarHeader>\n    <SidebarContent\n      class=\"mask-[linear-gradient(to_bottom,transparent,black_1rem,black_calc(100%-1rem),transparent)] [-webkit-mask-image:linear-gradient(to_bottom,transparent,black_1rem,black_calc(100%-1rem),transparent)] group-data-[collapsible=icon]:mask-none group-data-[collapsible=icon]:[-webkit-mask-image:none]\"\n    >\n      {\n        navigation.map((group) => (\n          <SidebarGroup>\n            <SidebarGroupLabel>{group.label}</SidebarGroupLabel>\n            <SidebarMenu>\n              {(group.links ?? [group]).map((item) => (\n                <SidebarMenuItem>\n                  <SidebarMenuButton\n                    href={item.href}\n                    isActive={normalizePath(item.href) === currentPath}\n                  >\n                    <span>{item.label}</span>\n                  </SidebarMenuButton>\n                </SidebarMenuItem>\n              ))}\n            </SidebarMenu>\n          </SidebarGroup>\n        ))\n      }\n    </SidebarContent>\n  </Sidebar>\n  <SidebarInset>\n    <Header class=\"h-16\">\n      <HeaderContainer class=\"max-w-none justify-between\">\n        <HeaderGroup>\n          <SidebarTrigger />\n          <Separator orientation=\"vertical\" class=\"my-auto mr-2 h-4\" />\n          <Breadcrumb>\n            <BreadcrumbList>\n              {\n                breadcrumb.items.map((item, index) => {\n                  const isLast = index === breadcrumb.items.length - 1\n                  const isHome = item.href === \"/\"\n                  const hasMenu =\n                    !isHome &&\n                    breadcrumb.menu.some(\n                      (menuItem) =>\n                        normalizePath(menuItem.href) ===\n                        normalizePath(item.href)\n                    )\n\n                  return (\n                    <>\n                      {index > 0 && (\n                        <BreadcrumbSeparator>/</BreadcrumbSeparator>\n                      )}\n                      <BreadcrumbItem>\n                        {hasMenu ? (\n                          <DropdownMenu>\n                            <DropdownMenuTrigger\n                              aria-label={`${item.label} pages`}\n                              aria-current={isLast ? \"page\" : undefined}\n                              class={cn(\n                                \"hover:text-foreground inline-flex items-center gap-1 transition-colors\",\n                                isLast && \"text-foreground\"\n                              )}\n                            >\n                              {item.label}\n                              <Icon\n                                name=\"chevron-down\"\n                                class=\"size-3.5 opacity-70\"\n                                aria-hidden=\"true\"\n                              />\n                            </DropdownMenuTrigger>\n                            <DropdownMenuContent align=\"start\">\n                              <DropdownMenuGroup>\n                                {breadcrumb.menu.map((menuItem) => (\n                                  <a\n                                    href={menuItem.href}\n                                    aria-current={\n                                      normalizePath(menuItem.href) ===\n                                      currentPath\n                                        ? \"page\"\n                                        : undefined\n                                    }\n                                    class=\"hover:bg-accent hover:text-accent-foreground aria-[current=page]:text-foreground flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none\"\n                                  >\n                                    {menuItem.label}\n                                  </a>\n                                ))}\n                              </DropdownMenuGroup>\n                            </DropdownMenuContent>\n                          </DropdownMenu>\n                        ) : isLast ? (\n                          <BreadcrumbPage>{item.label}</BreadcrumbPage>\n                        ) : (\n                          <BreadcrumbLink href={item.href}>\n                            {item.label}\n                          </BreadcrumbLink>\n                        )}\n                      </BreadcrumbItem>\n                    </>\n                  )\n                })\n              }\n              {\n                breadcrumb.menu.length > 0 && currentPath === \"/\" && (\n                  <>\n                    <BreadcrumbSeparator>/</BreadcrumbSeparator>\n                    <BreadcrumbItem>\n                      <DropdownMenu>\n                        <DropdownMenuTrigger\n                          aria-label=\"Open page menu\"\n                          class=\"hover:text-foreground inline-flex items-center leading-none transition-colors\"\n                        >\n                          <BreadcrumbEllipsis />\n                        </DropdownMenuTrigger>\n                        <DropdownMenuContent align=\"start\">\n                          <DropdownMenuGroup>\n                            {breadcrumb.menu.map((item) => (\n                              <a\n                                href={item.href}\n                                class=\"hover:bg-accent hover:text-accent-foreground flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none\"\n                              >\n                                {item.label}\n                              </a>\n                            ))}\n                          </DropdownMenuGroup>\n                        </DropdownMenuContent>\n                      </DropdownMenu>\n                    </BreadcrumbItem>\n                  </>\n                )\n              }\n            </BreadcrumbList>\n          </Breadcrumb>\n        </HeaderGroup>\n        <HeaderGroup>\n          <Button\n            as=\"a\"\n            href={`https://github.com/${githubRepo}`}\n            size=\"sm\"\n            variant=\"ghost\"\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            aria-label={`View ${githubRepo} on GitHub, ${githubStars}`}\n          >\n            <Icon name=\"github\" />\n            <span>{githubStars}</span>\n          </Button>\n          <ThemeToggle />\n        </HeaderGroup>\n      </HeaderContainer>\n    </Header>\n    <slot />\n  </SidebarInset>\n</SidebarProvider>\n\n<script>\n  const isMac = /Mac|iPhone|iPad|iPod/i.test(\n    navigator.platform || navigator.userAgent\n  )\n\n  document.querySelectorAll(\"[data-search-modifier]\").forEach((shortcut) => {\n    shortcut.textContent = isMac ? \"⌘\" : \"Ctrl\"\n  })\n\n  document.addEventListener(\"keydown\", (event) => {\n    if (event.key.toLowerCase() !== \"k\") return\n    if (event.shiftKey || event.altKey) return\n\n    const dialog = document.querySelector(\"[data-search-dialog]\")\n    const isSearchShortcut = isMac\n      ? event.metaKey && !event.ctrlKey\n      : event.ctrlKey && !event.metaKey\n\n    if (!dialog || dialog.hasAttribute(\"data-open\") || !isSearchShortcut) return\n\n    event.preventDefault()\n    dialog.dispatchEvent(\n      new CustomEvent(\"dialog:set\", { detail: { open: true } })\n    )\n  })\n</script>\n",
+      "type": "registry:block"
+    }
+  ],
+  "type": "registry:block"
+}

package/public/r/sidebar.json

@@ -1,42 +1,137 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "sidebar",
-  "type": "registry:ui",
+  "registryDependencies": [
+    "@fulldev/layout",
+    "@fulldev/button",
+    "@fulldev/input",
+    "@fulldev/separator",
+    "@fulldev/sheet",
+    "@fulldev/skeleton",
+    "@fulldev/icon",
+    "@fulldev/tooltip"
+  ],
   "files": [
+    {
+      "path": "src/components/ui/sidebar/sidebar-provider.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst SIDEBAR_WIDTH = \"16rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\"\nconst SIDEBAR_WIDTH_ICON = \"3rem\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultOpen?: boolean\n  open?: boolean\n}\n\nconst {\n  class: className,\n  style,\n  defaultOpen = true,\n  open,\n  ...props\n} = Astro.props\n\nconst resolvedStyle = [\n  `--sidebar-width: ${SIDEBAR_WIDTH}`,\n  `--sidebar-width-mobile: ${SIDEBAR_WIDTH_MOBILE}`,\n  `--sidebar-width-icon: ${SIDEBAR_WIDTH_ICON}`,\n  typeof style === \"string\" ? style : undefined,\n]\n  .filter(Boolean)\n  .join(\"; \")\n---\n\n<div\n  data-slot=\"sidebar-wrapper\"\n  data-default-open={defaultOpen ? \"true\" : \"false\"}\n  data-open={open === undefined ? undefined : open ? \"true\" : \"false\"}\n  style={resolvedStyle}\n  class={cn(\n    \"group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n  <script is:inline>\n    ;(() => {\n      window.__fulldevSyncSidebarProvider ??= (provider, open) => {\n        const state = open ? \"expanded\" : \"collapsed\"\n        const sidebar = provider.querySelector(\n          \"[data-slot='sidebar']:not([data-mobile='true'])\"\n        )\n        const collapsible = sidebar?.dataset.sidebarCollapsible ?? \"offcanvas\"\n\n        provider.dataset.open = open ? \"true\" : \"false\"\n        provider.dataset.state = state\n\n        if (sidebar) {\n          sidebar.dataset.state = collapsible === \"none\" ? \"expanded\" : state\n          sidebar.dataset.collapsible =\n            collapsible === \"none\" ? \"none\" : open ? \"\" : collapsible\n        }\n\n        provider\n          .querySelectorAll(\"[data-sidebar='trigger'], [data-sidebar='rail']\")\n          .forEach((control) => {\n            control.setAttribute(\"aria-expanded\", String(open))\n          })\n\n        provider\n          .querySelectorAll(\"[data-sidebar='menu-tooltip']\")\n          .forEach((tooltip) => {\n            tooltip.hidden = state !== \"collapsed\"\n          })\n      }\n\n      const provider = document.currentScript?.closest(\n        \"[data-slot='sidebar-wrapper']\"\n      )\n      if (!(provider instanceof HTMLElement)) return\n\n      const controlledOpen = provider.dataset.open\n      const cookieValue = document.cookie\n        .split(\"; \")\n        .find((entry) => entry.startsWith(\"sidebar_state=\"))\n        ?.slice(\"sidebar_state=\".length)\n\n      const isOpen =\n        controlledOpen === \"true\" || controlledOpen === \"false\"\n          ? controlledOpen === \"true\"\n          : cookieValue === \"true\" || cookieValue === \"false\"\n            ? cookieValue === \"true\"\n            : provider.dataset.defaultOpen !== \"false\"\n\n      provider.dataset.openMobile = \"false\"\n      window.__fulldevSyncSidebarProvider(provider, isOpen)\n    })()\n  </script>\n</div>\n\n<script is:inline>\n  ;(() => {\n    const scrollTop = Number(sessionStorage.getItem(\"sidebar_scroll\") || 0)\n\n    document.querySelectorAll(\"[data-sidebar='content']\").forEach((content) => {\n      content.scrollTop = scrollTop\n    })\n  })()\n</script>\n\n<script is:inline>\n  ;(() => {\n    if (window.__fulldevSidebarInitialized) return\n    window.__fulldevSidebarInitialized = true\n\n    const SIDEBAR_COOKIE_NAME = \"sidebar_state\"\n    const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\n\n    const toggleSidebar = (provider) => {\n      if (!window.matchMedia(\"(min-width: 768px)\").matches) {\n        const openMobile = provider.dataset.openMobile !== \"true\"\n        provider.dataset.openMobile = openMobile ? \"true\" : \"false\"\n        provider\n          .querySelector(\"[data-sidebar='sheet']\")\n          ?.dispatchEvent(\n            new CustomEvent(\"dialog:set\", { detail: { open: openMobile } })\n          )\n        return\n      }\n\n      const open = provider.dataset.open === \"false\"\n      document.cookie = `${SIDEBAR_COOKIE_NAME}=${open}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n      window.__fulldevSyncSidebarProvider?.(provider, open)\n    }\n\n    document.addEventListener(\"click\", (event) => {\n      const control = event.target?.closest?.(\n        \"[data-sidebar='trigger'], [data-sidebar='rail']\"\n      )\n      if (!control || control.matches(\":disabled, [aria-disabled='true']\")) {\n        return\n      }\n\n      const provider = control.closest(\"[data-slot='sidebar-wrapper']\")\n      if (!provider) return\n\n      toggleSidebar(provider)\n    })\n\n    document.addEventListener(\"keydown\", (event) => {\n      if (event.key.toLowerCase() !== \"b\") return\n      if (!event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {\n        return\n      }\n      if (event.defaultPrevented) return\n\n      const target = event.target\n      const isTyping =\n        target instanceof HTMLElement &&\n        (target.isContentEditable ||\n          target.matches(\"input, textarea, select, [role='textbox']\"))\n      if (isTyping) return\n\n      const provider = document.querySelector(\"[data-slot='sidebar-wrapper']\")\n      if (!(provider instanceof HTMLElement)) return\n\n      event.preventDefault()\n      toggleSidebar(provider)\n    })\n\n    document.addEventListener(\n      \"scroll\",\n      (event) => {\n        if (event.target?.dataset?.sidebar === \"content\") {\n          sessionStorage.setItem(\"sidebar_scroll\", event.target.scrollTop)\n        }\n      },\n      true\n    )\n  })()\n</script>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/sidebar/sidebar.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from \"@/components/ui/sheet\"\n\ntype Props = Omit<HTMLAttributes<\"div\">, \"dir\"> & {\n  side?: \"left\" | \"right\"\n  variant?: \"sidebar\" | \"floating\" | \"inset\"\n  collapsible?: \"offcanvas\" | \"icon\" | \"none\"\n  state?: \"expanded\" | \"collapsed\"\n}\n\nconst {\n  class: className,\n  side = \"left\",\n  variant = \"sidebar\",\n  collapsible = \"offcanvas\",\n  state = \"expanded\",\n  ...props\n} = Astro.props\n\nconst desktopState = collapsible === \"none\" ? \"expanded\" : state\nconst desktopCollapsible = desktopState === \"collapsed\" ? collapsible : \"\"\n---\n\n{\n  collapsible === \"none\" ? (\n    <div\n      data-slot=\"sidebar\"\n      data-state=\"expanded\"\n      data-collapsible=\"none\"\n      data-variant={variant}\n      data-side={side}\n      data-sidebar-collapsible=\"none\"\n      class={cn(\n        \"bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col\",\n        className\n      )}\n      {...props}\n    >\n      <slot />\n    </div>\n  ) : (\n    <>\n      <Sheet data-sidebar=\"sheet\" defaultOpen={false}>\n        <SheetContent\n          side={side}\n          showCloseButton={false}\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar\"\n          data-mobile=\"true\"\n          style=\"--sidebar-width: var(--sidebar-width-mobile);\"\n          class={cn(\n            \"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 md:hidden\",\n            className\n          )}\n        >\n          <SheetHeader class=\"sr-only\">\n            <SheetTitle>Sidebar</SheetTitle>\n            <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n          </SheetHeader>\n          <div class=\"flex h-full w-full flex-col\">\n            <slot />\n          </div>\n        </SheetContent>\n      </Sheet>\n\n      <div\n        data-slot=\"sidebar\"\n        data-state={desktopState}\n        data-collapsible={desktopCollapsible}\n        data-variant={variant}\n        data-side={side}\n        data-sidebar-collapsible={collapsible}\n        class=\"group peer text-sidebar-foreground hidden md:block\"\n      >\n        <div\n          data-slot=\"sidebar-gap\"\n          class={cn(\n            \"relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear\",\n            \"group-data-[collapsible=offcanvas]:w-0\",\n            \"group-data-[side=right]:rotate-180\",\n            variant === \"floating\" || variant === \"inset\"\n              ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n              : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\"\n          )}\n        />\n        <div\n          data-slot=\"sidebar-container\"\n          data-side={side}\n          class={cn(\n            \"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:-left-(--sidebar-width) data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:-right-(--sidebar-width) md:flex\",\n            variant === \"floating\" || variant === \"inset\"\n              ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n              : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n            className\n          )}\n          {...props}\n        >\n          <div\n            data-sidebar=\"sidebar\"\n            data-slot=\"sidebar-inner\"\n            class=\"bg-sidebar group-data-[variant=floating]:ring-sidebar-border flex size-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1\"\n          >\n            <slot />\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/sidebar/sidebar-trigger.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = HTMLAttributes<\"button\"> & {\n  variant?: \"ghost\" | \"secondary\"\n}\n\nconst { class: className, ...props } = Astro.props\n---\n\n<Button\n  data-sidebar=\"trigger\"\n  data-slot=\"sidebar-trigger\"\n  variant=\"ghost\"\n  size=\"icon-sm\"\n  class={className}\n  aria-keyshortcuts=\"Meta+B\"\n  {...props}\n>\n  <Icon name=\"panel-left\" />\n  <span class=\"sr-only\">Toggle Sidebar</span>\n  <slot />\n</Button>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/sidebar/sidebar-rail.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"button\">\n\nconst { class: className, type = \"button\", ...props } = Astro.props\n---\n\n<button\n  data-sidebar=\"rail\"\n  data-slot=\"sidebar-rail\"\n  aria-label=\"Toggle Sidebar\"\n  tabindex={-1}\n  title=\"Toggle Sidebar\"\n  type={type}\n  class={cn(\n    \"hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex\",\n    \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n    \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n    \"hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full\",\n    \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n    \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n    className\n  )}\n  {...props}></button>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/sidebar/sidebar-inset.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"main\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<main\n  data-slot=\"sidebar-inset\"\n  class={cn(\n    \"bg-background relative flex w-full flex-1 flex-col md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</main>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/sidebar/sidebar-input.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"input\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<input\n  data-slot=\"sidebar-input\"\n  data-sidebar=\"input\"\n  class={cn(\n    \"dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 file:text-foreground placeholder:text-muted-foreground bg-background h-8 w-full min-w-0 rounded-md border px-2.5 py-1 text-base shadow-none transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm\",\n    className\n  )}\n  {...props}\n/>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/sidebar/sidebar-header.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=\"sidebar-header\"\n  data-sidebar=\"header\"\n  class={cn(\"flex flex-col gap-2 p-2\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/sidebar/sidebar-footer.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=\"sidebar-footer\"\n  data-sidebar=\"footer\"\n  class={cn(\"flex flex-col gap-2 p-2\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/sidebar/sidebar-separator.astro",
+      "content": "---\nimport type { ComponentProps } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = ComponentProps<typeof Separator>\n\nconst { class: className, ...props } = Astro.props\n---\n\n<Separator\n  data-slot=\"sidebar-separator\"\n  data-sidebar=\"separator\"\n  class={cn(\"bg-sidebar-border mx-2 w-auto\", className)}\n  {...props}\n/>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/sidebar/sidebar-content.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=\"sidebar-content\"\n  data-sidebar=\"content\"\n  class={cn(\n    \"no-scrollbar flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/sidebar/sidebar-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\n  data-slot=\"sidebar-group\"\n  data-sidebar=\"group\"\n  class={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/sidebar/sidebar-group-label.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> &\n  HTMLAttributes<\"button\"> &\n  HTMLAttributes<\"span\"> & {\n    as?: \"div\" | \"button\" | \"span\"\n  }\n\nconst { as: Tag = \"div\", class: className, type, ...props } = Astro.props\n---\n\n<Tag\n  data-slot=\"sidebar-group-label\"\n  data-sidebar=\"group-label\"\n  type={Tag === \"button\" ? type || \"button\" : undefined}\n  class={cn(\n    \"text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</Tag>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/sidebar/sidebar-group-action.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"button\"> &\n  HTMLAttributes<\"a\"> &\n  HTMLAttributes<\"div\"> &\n  HTMLAttributes<\"span\"> & {\n    as?: \"button\" | \"a\" | \"div\" | \"span\"\n    href?: string\n  }\n\nconst { as: explicitTag, class: className, type, ...props } = Astro.props\n\nconst Tag = explicitTag || (\"href\" in Astro.props ? \"a\" : \"button\")\nconst resolvedType = Tag === \"button\" ? type || \"button\" : undefined\n---\n\n<Tag\n  data-slot=\"sidebar-group-action\"\n  data-sidebar=\"group-action\"\n  type={resolvedType}\n  class={cn(\n    \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</Tag>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/sidebar/sidebar-group-content.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=\"sidebar-group-content\"\n  data-sidebar=\"group-content\"\n  class={cn(\"w-full text-sm\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
     {
       "path": "src/components/ui/sidebar/sidebar-menu.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"ul\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <ul\n      data-slot=\"sidebar-menu\"\n      class={cn(\n        \"text-foreground flex w-full min-w-0 flex-col gap-1\",\n        className\n      )}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </ul>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"ul\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<ul\n  data-slot=\"sidebar-menu\"\n  data-sidebar=\"menu\"\n  class={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n  {...props}\n>\n  <slot />\n</ul>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/sidebar/sidebar-menu-button.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst variants = cva(\n  \"hover:bg-accent hover:text-accent-foreground focus-visible:outline-ring active:bg-accent active:text-accent-foreground flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"hover:bg-accent hover:text-accent-foreground text-foreground\",\n        outline:\n          \"bg-background hover:bg-accent hover:text-accent-foreground shadow-[0_0_0_1px_hsl(var(--border))] hover:shadow-[0_0_0_1px_hsl(var(--accent))]\",\n      },\n      size: {\n        default: \"h-8 text-sm\",\n        sm: \"h-7 text-xs\",\n        lg: \"h-12 text-sm\",\n      },\n      active: {\n        true: \"bg-accent text-accent-foreground font-medium\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      active: false,\n    },\n  }\n)\n\ntype Props = VariantProps<typeof variants> &\n  HTMLAttributes<\"button\"> &\n  HTMLAttributes<\"a\"> & {\n    href?: string\n  }\n\nconst { class: className, variant, size, active, href, ...props } = Astro.props\n\nconst Comp = href ? \"a\" : \"button\"\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <Comp\n      data-slot=\"sidebar-menu-button\"\n      class={cn(variants({ variant, size, active }), className)}\n      href={href}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </Comp>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type { TooltipAlign, TooltipSide } from \"@data-slot/tooltip\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\"\n\nconst variants = cva(\n  \"peer/menu-button group/menu-button ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-active:font-medium [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate\",\n  {\n    variants: {\n      variant: {\n        default: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n        outline:\n          \"bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]\",\n      },\n      size: {\n        default: \"h-8 text-sm\",\n        sm: \"h-7 text-xs\",\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:p-0!\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\ntype TooltipValue =\n  | string\n  | (HTMLAttributes<\"div\"> & {\n      content?: string\n      children?: string\n      side?: TooltipSide\n      align?: TooltipAlign\n      sideOffset?: number\n      alignOffset?: number\n      avoidCollisions?: boolean\n      collisionPadding?: number\n    })\n\ninterface Props\n  extends VariantProps<typeof variants>, HTMLAttributes<\"button\"> {\n  as?: \"a\" | \"button\" | \"div\" | \"span\"\n  href?: string\n  isActive?: boolean\n  active?: boolean\n  tooltip?: TooltipValue\n}\n\nconst {\n  as: explicitTag,\n  class: className,\n  variant = \"default\",\n  size = \"default\",\n  isActive,\n  active = false,\n  tooltip,\n  type,\n  ...props\n} = Astro.props satisfies Props\n\nconst Tag = explicitTag || (\"href\" in Astro.props ? \"a\" : \"button\")\nconst resolvedActive = isActive ?? active\nconst baseClassName = cn(variants({ variant, size }), className)\nconst resolvedTooltip =\n  typeof tooltip === \"string\" ? { children: tooltip } : tooltip\nconst tooltipText =\n  resolvedTooltip?.content ??\n  (typeof resolvedTooltip?.children === \"string\"\n    ? resolvedTooltip.children\n    : undefined)\nconst {\n  content: _tooltipContent,\n  children: _tooltipChildren,\n  ...tooltipProps\n} = resolvedTooltip ?? {}\n---\n\n{\n  tooltipText ? (\n    <Tooltip>\n      <TooltipTrigger\n        as={Tag}\n        data-slot=\"sidebar-menu-button\"\n        data-sidebar=\"menu-button\"\n        data-size={size}\n        data-active={resolvedActive ? \"true\" : undefined}\n        aria-current={resolvedActive ? \"page\" : undefined}\n        type={Tag === \"button\" ? type || \"button\" : undefined}\n        class={baseClassName}\n        {...props}\n      >\n        <slot />\n      </TooltipTrigger>\n      <TooltipContent\n        data-sidebar=\"menu-tooltip\"\n        side=\"right\"\n        align=\"center\"\n        hidden\n        {...tooltipProps}\n      >\n        {tooltipText}\n      </TooltipContent>\n    </Tooltip>\n  ) : (\n    <Tag\n      data-slot=\"sidebar-menu-button\"\n      data-sidebar=\"menu-button\"\n      data-size={size}\n      data-active={resolvedActive ? \"true\" : undefined}\n      aria-current={resolvedActive ? \"page\" : undefined}\n      type={Tag === \"button\" ? type || \"button\" : undefined}\n      class={baseClassName}\n      {...props}\n    >\n      <slot />\n    </Tag>\n  )\n}\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/sidebar/sidebar-menu-item.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"li\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <li\n      data-slot=\"sidebar-menu-item\"\n      class={cn(\"group/menu-item relative\", className)}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </li>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"li\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<li\n  data-slot=\"sidebar-menu-item\"\n  data-sidebar=\"menu-item\"\n  class={cn(\"group/menu-item relative\", className)}\n  {...props}\n>\n  <slot />\n</li>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/sidebar/sidebar-menu-action.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"button\"> &\n  HTMLAttributes<\"a\"> &\n  HTMLAttributes<\"div\"> &\n  HTMLAttributes<\"span\"> & {\n    as?: \"button\" | \"a\" | \"div\" | \"span\"\n    href?: string\n    showOnHover?: boolean\n  }\n\nconst {\n  as: explicitTag,\n  class: className,\n  showOnHover = false,\n  type,\n  ...props\n} = Astro.props\n\nconst Tag = explicitTag || (\"href\" in Astro.props ? \"a\" : \"button\")\nconst resolvedType = Tag === \"button\" ? type || \"button\" : undefined\n---\n\n<Tag\n  data-slot=\"sidebar-menu-action\"\n  data-sidebar=\"menu-action\"\n  type={resolvedType}\n  class={cn(\n    \"text-sidebar-foreground ring-sidebar-ring peer-hover/menu-button:text-sidebar-accent-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 after:absolute after:-inset-2 focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0\",\n    showOnHover &&\n      \"peer-data-active/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 aria-expanded:opacity-100 md:opacity-0\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</Tag>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/sidebar/sidebar-menu-badge.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=\"sidebar-menu-badge\"\n  data-sidebar=\"menu-badge\"\n  class={cn(\n    \"text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none group-data-[collapsible=icon]:hidden peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "type": "registry:ui"
+    },
+    {
+      "path": "src/components/ui/sidebar/sidebar-menu-skeleton.astro",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Skeleton } from \"@/components/ui/skeleton\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  showIcon?: boolean\n}\n\nconst { class: className, showIcon = false, ...props } = Astro.props\nconst width = `${Math.floor(Math.random() * 40) + 50}%`\n---\n\n<div\n  data-slot=\"sidebar-menu-skeleton\"\n  data-sidebar=\"menu-skeleton\"\n  class={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n  {...props}\n>\n  {\n    showIcon && (\n      <Skeleton class=\"size-4 rounded-md\" data-sidebar=\"menu-skeleton-icon\" />\n    )\n  }\n  <Skeleton\n    class=\"h-4 max-w-(--skeleton-width) flex-1\"\n    data-sidebar=\"menu-skeleton-text\"\n    style={`--skeleton-width: ${width};`}\n  />\n</div>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/sidebar/sidebar-menu-sub.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"ul\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <ul\n      data-slot=\"sidebar-menu-sub\"\n      class={cn(\n        \"border-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5\",\n        className\n      )}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </ul>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"ul\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<ul\n  data-slot=\"sidebar-menu-sub\"\n  data-sidebar=\"menu-sub\"\n  class={cn(\n    \"border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden\",\n    className\n  )}\n  {...props}\n>\n  <slot />\n</ul>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/sidebar/sidebar-menu-sub-button.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst variants = cva(\n  \"hover:bg-accent hover:text-accent-foreground focus-visible:outline-ring flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n      },\n      active: {\n        true: \"bg-accent text-accent-foreground\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      active: false,\n    },\n  }\n)\n\ntype Props = VariantProps<typeof variants> &\n  HTMLAttributes<\"button\"> &\n  HTMLAttributes<\"a\"> & {\n    href?: string\n  }\n\nconst { class: className, size, active, href, ...props } = Astro.props\n\nconst Comp = href ? \"a\" : \"button\"\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <Comp\n      data-slot=\"sidebar-menu-sub-button\"\n      class={cn(variants({ size, active }), className)}\n      href={href}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </Comp>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst variants = cva(\n  \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden group-data-[collapsible=icon]:hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\ninterface Props\n  extends VariantProps<typeof variants>, HTMLAttributes<\"button\"> {\n  as?: \"a\" | \"button\" | \"span\"\n  href?: string\n  isActive?: boolean\n  active?: boolean\n}\n\nconst {\n  as: explicitTag,\n  class: className,\n  size = \"md\",\n  isActive,\n  active = false,\n  type,\n  ...props\n} = Astro.props satisfies Props\n\nconst Tag = explicitTag || \"a\"\nconst resolvedActive = isActive ?? active\n---\n\n<Tag\n  data-slot=\"sidebar-menu-sub-button\"\n  data-sidebar=\"menu-sub-button\"\n  data-size={size}\n  data-active={resolvedActive ? \"true\" : undefined}\n  aria-current={resolvedActive ? \"page\" : undefined}\n  type={Tag === \"button\" ? type || \"button\" : undefined}\n  class={cn(variants({ size }), className)}\n  {...props}\n>\n  <slot />\n</Tag>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/sidebar/sidebar-menu-sub-item.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"li\"> {}\n\nconst { class: className, ...props } = Astro.props\n\nconst slot = await Astro.slots.render(\"default\")\n---\n\n{\n  slot?.trim().length > 0 && (\n    <li\n      data-slot=\"sidebar-menu-sub-item\"\n      class={cn(\"group/menu-sub-item relative\", className)}\n      {...props}\n    >\n      <Fragment set:html={slot} />\n    </li>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"li\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<li\n  data-slot=\"sidebar-menu-sub-item\"\n  data-sidebar=\"menu-sub-item\"\n  class={cn(\"group/menu-sub-item relative\", className)}\n  {...props}\n>\n  <slot />\n</li>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/sidebar/index.ts",
-      "content": "export { default as SidebarMenu } from \"./sidebar-menu.astro\"\nexport { default as SidebarMenuItem } from \"./sidebar-menu-item.astro\"\nexport { default as SidebarMenuButton } from \"./sidebar-menu-button.astro\"\nexport { default as SidebarMenuSub } from \"./sidebar-menu-sub.astro\"\nexport { default as SidebarMenuSubButton } from \"./sidebar-menu-sub-button.astro\"\nexport { default as SidebarMenuSubItem } from \"./sidebar-menu-sub-item.astro\"\n",
+      "content": "export { default as SidebarProvider } from \"./sidebar-provider.astro\"\nexport { default as Sidebar } from \"./sidebar.astro\"\nexport { default as SidebarTrigger } from \"./sidebar-trigger.astro\"\nexport { default as SidebarRail } from \"./sidebar-rail.astro\"\nexport { default as SidebarInset } from \"./sidebar-inset.astro\"\nexport { default as SidebarInput } from \"./sidebar-input.astro\"\nexport { default as SidebarHeader } from \"./sidebar-header.astro\"\nexport { default as SidebarFooter } from \"./sidebar-footer.astro\"\nexport { default as SidebarSeparator } from \"./sidebar-separator.astro\"\nexport { default as SidebarContent } from \"./sidebar-content.astro\"\nexport { default as SidebarGroup } from \"./sidebar-group.astro\"\nexport { default as SidebarGroupLabel } from \"./sidebar-group-label.astro\"\nexport { default as SidebarGroupAction } from \"./sidebar-group-action.astro\"\nexport { default as SidebarGroupContent } from \"./sidebar-group-content.astro\"\nexport { default as SidebarMenu } from \"./sidebar-menu.astro\"\nexport { default as SidebarMenuItem } from \"./sidebar-menu-item.astro\"\nexport { default as SidebarMenuButton } from \"./sidebar-menu-button.astro\"\nexport { default as SidebarMenuAction } from \"./sidebar-menu-action.astro\"\nexport { default as SidebarMenuBadge } from \"./sidebar-menu-badge.astro\"\nexport { default as SidebarMenuSkeleton } from \"./sidebar-menu-skeleton.astro\"\nexport { default as SidebarMenuSub } from \"./sidebar-menu-sub.astro\"\nexport { default as SidebarMenuSubButton } from \"./sidebar-menu-sub-button.astro\"\nexport { default as SidebarMenuSubItem } from \"./sidebar-menu-sub-item.astro\"\n",
       "type": "registry:ui"
     }
-  ]
+  ],
+  "type": "registry:ui"
 }