fulldev-ui 0.12.0 → 0.13.0

package/registry.json

@@ -10,7 +10,7 @@
       "description": "A vertically stacked set of interactive headings that each reveal a section of content.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/accordion/",
-      "dependencies": ["@data-slot/accordion@^1.0.1", "@lucide/astro"],
+      "dependencies": ["@data-slot/accordion@^1.0.2", "@lucide/astro"],
       "files": [
         {
           "path": "src/components/ui/accordion/accordion.astro",
@@ -67,7 +67,7 @@
       "description": "A modal dialog for important confirmations that expects a response.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/alert-dialog/",
-      "dependencies": ["@data-slot/alert-dialog@^1.0.1"],
+      "dependencies": ["@data-slot/alert-dialog@^1.0.2"],
       "registryDependencies": ["@fulldev/button"],
       "files": [
         {
@@ -327,7 +327,7 @@
       "description": "An interactive component which expands/collapses a panel.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/collapsible/",
-      "dependencies": ["@data-slot/collapsible@^1.0.1"],
+      "dependencies": ["@data-slot/collapsible@^1.0.2"],
       "files": [
         {
           "path": "src/components/ui/collapsible/collapsible.astro",
@@ -355,8 +355,8 @@
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/combobox/",
       "dependencies": [
-        "@data-slot/combobox@^1.0.1",
-        "@data-slot/core@^1.0.1",
+        "@data-slot/combobox@^1.0.2",
+        "@data-slot/core@^1.0.2",
         "@lucide/astro"
       ],
       "registryDependencies": ["@fulldev/input-group"],
@@ -419,9 +419,9 @@
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/command/",
       "dependencies": [
-        "@data-slot/command@^1.0.1",
+        "@data-slot/command@^1.0.2",
         "@lucide/astro",
-        "@data-slot/core@^1.0.1"
+        "@data-slot/core@^1.0.2"
       ],
       "registryDependencies": ["@fulldev/dialog"],
       "files": [
@@ -474,7 +474,7 @@
       "description": "A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/dialog/",
-      "dependencies": ["@data-slot/dialog@^1.0.1", "@lucide/astro"],
+      "dependencies": ["@data-slot/dialog@^1.0.2", "@lucide/astro"],
       "registryDependencies": ["@fulldev/button"],
       "files": [
         {
@@ -530,7 +530,7 @@
       "description": "Displays a menu to the user, such as a set of actions or functions, triggered by a button.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/dropdown-menu/",
-      "dependencies": ["@data-slot/dropdown-menu@^1.0.1", "@lucide/astro"],
+      "dependencies": ["@data-slot/dropdown-menu@^1.0.2", "@lucide/astro"],
       "files": [
         {
           "path": "src/components/ui/dropdown-menu/dropdown-menu.astro",
@@ -725,8 +725,8 @@
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/hover-card/",
       "dependencies": [
-        "@data-slot/hover-card@^1.0.1",
-        "@data-slot/core@^1.0.1"
+        "@data-slot/hover-card@^1.0.2",
+        "@data-slot/core@^1.0.2"
       ],
       "files": [
         {
@@ -981,10 +981,10 @@
       "name": "carousel",
       "type": "registry:ui",
       "title": "Carousel",
-      "description": "A carousel with motion and swipe built using Embla.",
+      "description": "An accessible carousel built on native scrolling with Data Slot.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/carousel/",
-      "dependencies": ["embla-carousel", "@lucide/astro"],
+      "dependencies": ["@data-slot/carousel@^1.0.2", "@lucide/astro"],
       "registryDependencies": ["@fulldev/button"],
       "files": [
         {
@@ -1020,7 +1020,7 @@
       "description": "A collection of links for navigating websites.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/navigation-menu/",
-      "dependencies": ["@data-slot/navigation-menu@^1.0.1", "@lucide/astro"],
+      "dependencies": ["@data-slot/navigation-menu@^1.0.2", "@lucide/astro"],
       "files": [
         {
           "path": "src/components/ui/navigation-menu/navigation-menu.astro",
@@ -1098,7 +1098,7 @@
       "description": "Displays rich content in a floating layer, triggered by a button.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/popover/",
-      "dependencies": ["@data-slot/popover@^1.0.1"],
+      "dependencies": ["@data-slot/popover@^1.0.2"],
       "files": [
         {
           "path": "src/components/ui/popover/popover.astro",
@@ -1167,7 +1167,7 @@
       "description": "A set of checkable buttons, known as radio buttons, where no more than one of the buttons can be checked at a time.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/radio-group/",
-      "dependencies": ["@data-slot/radio-group@^1.0.1"],
+      "dependencies": ["@data-slot/radio-group@^1.0.2"],
       "files": [
         {
           "path": "src/components/ui/radio-group/radio-group.astro",
@@ -1209,7 +1209,7 @@
       "description": "Displays a list of options for the user to pick from, triggered by a button.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/select/",
-      "dependencies": ["@data-slot/select@^1.0.1", "@lucide/astro"],
+      "dependencies": ["@data-slot/select@^1.0.2", "@lucide/astro"],
       "files": [
         {
           "path": "src/components/ui/select/select.astro",
@@ -1304,7 +1304,7 @@
       "description": "A sliding panel component that appears from the edge of the screen.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/sheet/",
-      "dependencies": ["@data-slot/dialog@^1.0.1", "@lucide/astro"],
+      "dependencies": ["@data-slot/dialog@^1.0.2", "@lucide/astro"],
       "registryDependencies": ["@fulldev/button", "@fulldev/dialog"],
       "files": [
         {
@@ -1352,7 +1352,7 @@
       "description": "A composable, themeable, and customizable Astro sidebar component.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/sidebar/",
-      "dependencies": ["@data-slot/tooltip@^1.0.1", "@lucide/astro"],
+      "dependencies": ["@data-slot/tooltip@^1.0.2", "@lucide/astro"],
       "registryDependencies": [
         "@fulldev/layout",
         "@fulldev/button",
@@ -1468,7 +1468,7 @@
       "description": "An input where the user selects a value from within a given range.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/slider/",
-      "dependencies": ["@data-slot/slider@^1.0.1"],
+      "dependencies": ["@data-slot/slider@^1.0.2"],
       "files": [
         {
           "path": "src/components/ui/slider/slider.astro",
@@ -1524,7 +1524,7 @@
       "description": "A control that allows the user to toggle between checked and not checked.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/switch/",
-      "dependencies": ["@data-slot/switch@^1.0.1"],
+      "dependencies": ["@data-slot/switch@^1.0.2"],
       "files": [
         {
           "path": "src/components/ui/switch/switch.astro",
@@ -1589,7 +1589,7 @@
       "description": "A set of layered sections of content, known as tabs, that display one panel of content at a time.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/tabs/",
-      "dependencies": ["@data-slot/tabs@^1.0.1"],
+      "dependencies": ["@data-slot/tabs@^1.0.2"],
       "files": [
         {
           "path": "src/components/ui/tabs/tabs.astro",
@@ -1658,7 +1658,7 @@
       "description": "A two-state button that can be either on or off.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/toggle/",
-      "dependencies": ["@data-slot/toggle@^1.0.1"],
+      "dependencies": ["@data-slot/toggle@^1.0.2"],
       "files": [
         {
           "path": "src/components/ui/toggle/toggle.astro",
@@ -1699,7 +1699,7 @@
       "description": "Displays contextual information when a user hovers or focuses a trigger.",
       "categories": ["ui"],
       "docs": "https://ui.full.dev/components/tooltip/",
-      "dependencies": ["@data-slot/tooltip@^1.0.1"],
+      "dependencies": ["@data-slot/tooltip@^1.0.2"],
       "files": [
         {
           "path": "src/components/ui/tooltip/tooltip.astro",
@@ -1794,6 +1794,10 @@
         {
           "path": "src/components/ui/typography/index.ts",
           "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/typography/typeset.css",
+          "type": "registry:ui"
         }
       ]
     },
@@ -1815,6 +1819,345 @@
         }
       ]
     },
+    {
+      "name": "drawer",
+      "type": "registry:ui",
+      "title": "Drawer",
+      "description": "A swipeable panel that opens from an edge of the screen.",
+      "categories": ["ui"],
+      "docs": "https://ui.full.dev/components/drawer/",
+      "dependencies": ["@data-slot/drawer@^1.0.2"],
+      "registryDependencies": ["@fulldev/button"],
+      "files": [
+        {
+          "path": "src/components/ui/drawer/drawer-close.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/drawer/drawer-content.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/drawer/drawer-description.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/drawer/drawer-footer.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/drawer/drawer-header.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/drawer/drawer-indent-background.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/drawer/drawer-indent.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/drawer/drawer-overlay.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/drawer/drawer-popup.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/drawer/drawer-portal.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/drawer/drawer-provider.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/drawer/drawer-swipe-handle.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/drawer/drawer-title.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/drawer/drawer-trigger.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/drawer/drawer-viewport.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/drawer/drawer-virtual-keyboard-provider.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/drawer/drawer.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/drawer/index.ts",
+          "type": "registry:ui"
+        }
+      ]
+    },
+    {
+      "name": "resizable",
+      "type": "registry:ui",
+      "title": "Resizable",
+      "description": "Accessible panel groups with pointer and keyboard resizing.",
+      "categories": ["ui"],
+      "docs": "https://ui.full.dev/components/resizable/",
+      "dependencies": ["@data-slot/resizable@^1.0.2"],
+      "files": [
+        {
+          "path": "src/components/ui/resizable/index.ts",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/resizable/resizable-handle.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/resizable/resizable-panel.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/resizable/resizable.astro",
+          "type": "registry:ui"
+        }
+      ]
+    },
+    {
+      "name": "toast",
+      "type": "registry:ui",
+      "title": "Toast",
+      "description": "A brief notification that appears without interrupting the user.",
+      "categories": ["ui"],
+      "docs": "https://ui.full.dev/components/toast/",
+      "dependencies": ["@data-slot/toast@^1.0.2", "@lucide/astro"],
+      "registryDependencies": ["@fulldev/button"],
+      "files": [
+        {
+          "path": "src/components/ui/toast/index.ts",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/toast/toast-action.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/toast/toast-close.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/toast/toast-content.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/toast/toast-description.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/toast/toast-icon.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/toast/toast-item.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/toast/toast-template.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/toast/toast-title.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/toast/toast-viewport.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/toast/toast.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/toast/toaster.astro",
+          "type": "registry:ui"
+        }
+      ]
+    },
+    {
+      "name": "toggle-group",
+      "type": "registry:ui",
+      "title": "Toggle Group",
+      "description": "A set of two-state buttons that can be toggled independently or as a single choice.",
+      "categories": ["ui"],
+      "docs": "https://ui.full.dev/components/toggle-group/",
+      "dependencies": ["@data-slot/toggle-group@^1.0.2"],
+      "registryDependencies": ["@fulldev/toggle"],
+      "files": [
+        {
+          "path": "src/components/ui/toggle-group/index.ts",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/toggle-group/toggle-group-item.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/toggle-group/toggle-group.astro",
+          "type": "registry:ui"
+        }
+      ]
+    },
+    {
+      "name": "attachment",
+      "type": "registry:ui",
+      "title": "Attachment",
+      "description": "Displays a file or image attachment with media, metadata, state, and actions.",
+      "categories": ["ui"],
+      "docs": "https://ui.full.dev/components/attachment/",
+      "registryDependencies": ["@fulldev/button"],
+      "files": [
+        {
+          "path": "src/components/ui/attachment/attachment-action.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/attachment/attachment-actions.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/attachment/attachment-content.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/attachment/attachment-description.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/attachment/attachment-group.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/attachment/attachment-media.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/attachment/attachment-title.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/attachment/attachment-trigger.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/attachment/attachment.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/attachment/index.ts",
+          "type": "registry:ui"
+        }
+      ]
+    },
+    {
+      "name": "button-group",
+      "type": "registry:ui",
+      "title": "Button Group",
+      "description": "Groups related controls with connected edges and consistent focus behavior.",
+      "categories": ["ui"],
+      "docs": "https://ui.full.dev/components/button-group/",
+      "registryDependencies": ["@fulldev/separator"],
+      "files": [
+        {
+          "path": "src/components/ui/button-group/button-group-separator.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/button-group/button-group-text.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/button-group/button-group-variants.ts",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/button-group/button-group.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/button-group/index.ts",
+          "type": "registry:ui"
+        }
+      ]
+    },
+    {
+      "name": "pagination",
+      "type": "registry:ui",
+      "title": "Pagination",
+      "description": "Page navigation with previous, next, numbered, and overflow links.",
+      "categories": ["ui"],
+      "docs": "https://ui.full.dev/components/pagination/",
+      "dependencies": ["@lucide/astro"],
+      "registryDependencies": ["@fulldev/button"],
+      "files": [
+        {
+          "path": "src/components/ui/pagination/index.ts",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/pagination/pagination-content.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/pagination/pagination-ellipsis.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/pagination/pagination-item.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/pagination/pagination-link.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/pagination/pagination-next.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/pagination/pagination-previous.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/pagination/pagination.astro",
+          "type": "registry:ui"
+        }
+      ]
+    },
+    {
+      "name": "aspect-ratio",
+      "type": "registry:ui",
+      "title": "Aspect Ratio",
+      "description": "Displays content within a desired ratio.",
+      "categories": ["ui"],
+      "docs": "https://ui.full.dev/components/aspect-ratio/",
+      "files": [
+        {
+          "path": "src/components/ui/aspect-ratio/aspect-ratio.astro",
+          "type": "registry:ui"
+        },
+        {
+          "path": "src/components/ui/aspect-ratio/index.ts",
+          "type": "registry:ui"
+        }
+      ]
+    },
     {
       "name": "components",
       "type": "registry:item",
@@ -1825,11 +2168,14 @@
         "@fulldev/accordion",
         "@fulldev/alert",
         "@fulldev/alert-dialog",
+        "@fulldev/aspect-ratio",
+        "@fulldev/attachment",
         "@fulldev/avatar",
         "@fulldev/badge",
         "@fulldev/banner",
         "@fulldev/breadcrumb",
         "@fulldev/button",
+        "@fulldev/button-group",
         "@fulldev/card",
         "@fulldev/carousel",
         "@fulldev/checkbox",
@@ -1837,6 +2183,7 @@
         "@fulldev/combobox",
         "@fulldev/command",
         "@fulldev/dialog",
+        "@fulldev/drawer",
         "@fulldev/dropdown-menu",
         "@fulldev/empty",
         "@fulldev/field",
@@ -1854,10 +2201,12 @@
         "@fulldev/marquee",
         "@fulldev/native-select",
         "@fulldev/navigation-menu",
+        "@fulldev/pagination",
         "@fulldev/popover",
         "@fulldev/price",
         "@fulldev/radio-group",
         "@fulldev/rating",
+        "@fulldev/resizable",
         "@fulldev/section",
         "@fulldev/select",
         "@fulldev/separator",
@@ -1871,8 +2220,10 @@
         "@fulldev/tabs",
         "@fulldev/textarea",
         "@fulldev/theme-toggle",
+        "@fulldev/toast",
         "@fulldev/toc",
         "@fulldev/toggle",
+        "@fulldev/toggle-group",
         "@fulldev/tooltip",
         "@fulldev/typography",
         "@fulldev/video"

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

@@ -299,6 +299,81 @@ const openLinks = markdownUrl
   }
 </SectionContainer>
 
+<style is:global>
+  .docs-code-block {
+    position: relative;
+    overflow: hidden;
+    margin-block-start: var(--typeset-flow);
+    border: 1px solid var(--color-border);
+    border-radius: var(--radius-xl);
+    background: color-mix(in oklab, var(--color-muted) 60%, transparent);
+  }
+
+  .docs-code-block > pre,
+  .docs-code-block > pre.astro-code {
+    margin: 0;
+    overflow-x: auto;
+    border: 0;
+    border-radius: 0;
+    background: transparent !important;
+    padding: 1rem 3.5rem 1rem 1rem;
+    font-family: var(--font-mono);
+    font-size: var(--text-sm);
+    line-height: var(--text-sm--line-height);
+  }
+
+  .docs-code-block > pre.astro-code code {
+    color: var(--shiki-light, var(--color-foreground)) !important;
+    font: inherit;
+  }
+
+  .dark .docs-code-block > pre.astro-code code {
+    color: var(--shiki-dark, var(--color-foreground)) !important;
+  }
+
+  .dark .docs-code-block > pre.astro-code span[style*="--shiki-dark"] {
+    color: var(--shiki-dark) !important;
+    font-style: var(--shiki-dark-font-style, inherit) !important;
+    font-weight: var(--shiki-dark-font-weight, inherit) !important;
+    text-decoration: var(--shiki-dark-text-decoration, inherit) !important;
+  }
+
+  .docs-code-copy {
+    position: absolute;
+    z-index: 10;
+    top: 0.75rem;
+    right: 0.75rem;
+    display: inline-flex;
+    width: 2rem;
+    height: 2rem;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid var(--color-border);
+    border-radius: var(--radius-md);
+    background: var(--color-background);
+    color: var(--color-muted-foreground);
+    box-shadow: var(--shadow-sm);
+    transition:
+      color 150ms,
+      background-color 150ms;
+  }
+
+  .docs-code-copy:hover {
+    background: var(--color-accent);
+    color: var(--color-accent-foreground);
+  }
+
+  .docs-code-copy:focus-visible {
+    outline: 2px solid var(--color-ring);
+    outline-offset: 2px;
+  }
+
+  .docs-code-copy svg {
+    width: 1rem;
+    height: 1rem;
+  }
+</style>
+
 <script>
   const copyIcon = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>`
   const checkIcon = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"></path></svg>`
@@ -310,6 +385,7 @@ const openLinks = markdownUrl
         const wrapper = document.createElement("div")
         const button = document.createElement("button")
         wrapper.className = "docs-code-block"
+        wrapper.dataset.notTypeset = ""
         button.type = "button"
         button.className = "docs-code-copy"
         button.ariaLabel = "Copy code"