@work-rjkashyap/unified-ui 0.2.2 → 0.2.3

package/CHANGELOG.md

@@ -1,38 +1,74 @@
 # Changelog
+
 All notable changes to the **Unified UI** design system will be documented in this file.
+
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+
 ## [Unreleased]
-## [0.2.2] — 2026-03-07
+
+## [0.3.0] — 2026-03-07
+
 ### 🚀 Features
-- Add dynamic favicon (icon.tsx) and Apple touch icon using the CircuitBoard logo
-- Add OG image generation (opengraph-image.tsx) with branded design, CTA, and tech stack
-- Add OpenGraph and Twitter card metadata to root layout
-- Fix docs OG route to display "Unified UI" instead of "My App"
-- Optimize OG title (59 chars) and description (160 chars) for SEO best practices
+
+- Update layouts and navigation components for improved UI and new themes
+- Enhanced the Layout components across various sections (company, docs, legal, resources) to include a transparent navigation mode.
+  - Introduced a new Themes page with a placeholder and updated layout.
+  - Updated the layout configuration to include new links for Blocks, Colors, and Themes, along with a Discord icon.
+  - Refactored the Logo component for better styling and consistency.
+  - Improved the Nav component with new icons and a more dynamic navigation experience.
+  - Updated the ThemeToggle component for better accessibility and visual feedback. ([d9fe590](https://github.com/imrj05/unified-ui/commit/d9fe590b84dbdfaac8473bef324fef756176ad4f))
+- Add TestDropdownPage component with various dropdown menu tests
+- Implemented a new TestDropdownPage component to showcase different dropdown menu functionalities including basic options, keyboard shortcuts, submenus, and standalone shortcut rendering.
+  - Added a new AvatarCircle helper component for displaying user initials in a circular format.
+  - Enhanced the virtual list demos by integrating AvatarCircle for user representation and improving layout consistency.
+  - Introduced PreviewCard and PreviewCardShell components for rendering preview and code sections with copy functionality.
+  - Updated MDX components to include the new PreviewCard for better documentation presentation. ([1fdf52e](https://github.com/imrj05/unified-ui/commit/1fdf52ea093572be29403e4ab13f6a0c72e1abf8))
+- Update Open Graph metadata and enhance OG image content for better SEO ([6e5728d](https://github.com/imrj05/unified-ui/commit/6e5728d6226ea9b11eed5214df30970cc71eb138))
+- Feat: add AppleIcon and Icon components with responsive design and SVG graphics
+feat: implement OGImage component for enhanced Open Graph support
+refactor: update layout component for improved readability and structure
+fix: correct site name in route handler for Open Graph image generation ([f92e1fe](https://github.com/imrj05/unified-ui/commit/f92e1fee67ac7753dbbabc39b20ce06168183fae))
+
 ### 🐛 Bug Fixes
+
 - Enhance changelog script to scan all commits if no tags are found ([fdbb105](https://github.com/imrj05/unified-ui/commit/fdbb105c47e4afa1f999b0eddfe884a903b76466))
 - Update component links from /docs/components to /components ([d511280](https://github.com/imrj05/unified-ui/commit/d511280063616413efb9235d81d21eabf467b2ca))
+
 ### 🔧 Refactors
+
 - **changelog-renderer:** Enhance changelog parsing and rendering logic
 - Improved parsing logic to handle multi-line items and indented sub-items.
   - Added support for section titles with emojis by stripping them before processing.
   - Enhanced section color mapping to include additional categories and keywords.
   - Refactored the rendering of changelog items and sections for better readability and maintainability.
   - Updated the stats calculation to normalize section titles for accurate feature and fix counts. ([f3b47fe](https://github.com/imrj05/unified-ui/commit/f3b47fe55a9c7637570e833b6256b2adb969dbcc))
+
 ### 🏗️ Miscellaneous
+
+- **changelog:** Auto-update unreleased entries [skip ci] ([1971cd8](https://github.com/imrj05/unified-ui/commit/1971cd81a04d7b6e92e0ed925a3f33783254bf2c))
+- **changelog:** Auto-update unreleased entries [skip ci] ([c226782](https://github.com/imrj05/unified-ui/commit/c2267822c0705401a6de57a60dbe3227abb76533))
+- **changelog:** Auto-update unreleased entries [skip ci] ([f216b6e](https://github.com/imrj05/unified-ui/commit/f216b6ebb6d436148256b784898833cea8613a14))
 - **changelog:** Auto-update unreleased entries [skip ci] ([6658a0a](https://github.com/imrj05/unified-ui/commit/6658a0a50017a21e4fe868d86381ea0b9a76601e))
 - **changelog:** Auto-update unreleased entries [skip ci] ([8dc0ab8](https://github.com/imrj05/unified-ui/commit/8dc0ab8f9ed198e4b0da315a91869ca374626fd5))
 - Stop tracking CHANGELOG.md locally ([4973cf5](https://github.com/imrj05/unified-ui/commit/4973cf5a401970d23922e39e7590187a40497307))
+
 ### Other
+
+- Merge branch 'main' of github.com:imrj05/unified-ui ([1e620eb](https://github.com/imrj05/unified-ui/commit/1e620ebb87a8f04079f9f266e769e3ba9e327293))
+- Merge branch 'main' of github.com:imrj05/unified-ui ([d85b413](https://github.com/imrj05/unified-ui/commit/d85b413531b6e38eabf397f6347b6cbb740dd961))
+- Merge branch 'main' of github.com:imrj05/unified-ui ([055de42](https://github.com/imrj05/unified-ui/commit/055de4202aa7a813902e5beeeddfd0ae904c29f0))
 - Add CHANGELOG for packages/unified-ui ([06dc82a](https://github.com/imrj05/unified-ui/commit/06dc82a36328e9a289adea9eaade36abd0f49bdf))
 - Add changelog generator and update workflow
+
 Add .github/scripts/generate-changelog.sh and call it from the
 changelog workflow. Also add .zed/settings.json with editor/assistant
 settings. ([bbd4f82](https://github.com/imrj05/unified-ui/commit/bbd4f827837dd91acbf5be5005ca3c4cc50c38aa))
 - Ignore CI changelog and set workflow shell to bash ([ac4da0a](https://github.com/imrj05/unified-ui/commit/ac4da0a4851cfd75930bc8208df04fc395963bfc))
 - Merge branch 'main' of github.com:imrj05/unified-ui ([1ae2200](https://github.com/imrj05/unified-ui/commit/1ae2200684ee757e24fa6ba7f7a342c76dc4d959))
 - Automate changelog and release workflow
+
 Add a custom changelog workflow that parses Conventional Commits and
 prepends entries into packages/unified-ui/CHANGELOG.md without
 overwriting
@@ -42,14 +78,22 @@ versions, build and publish the design system, promote [Unreleased] → a
 versioned changelog entry, and create the GitHub Release with notes.
 Update cliff.toml comments to reflect its role for GitHub release notes. ([a1167e7](https://github.com/imrj05/unified-ui/commit/a1167e7bef2fb78093408738c450a8d2da70f3af))
 ## [0.2.1] — 2026-03-06
+
 ### 🐛 Bug Fixes
+
 - Update placeholder API key in ConfirmDialog documentation ([6ca53c5](https://github.com/imrj05/unified-ui/commit/6ca53c5d1cecaee31afb376b860908981d9bf04c))
+
 ### 🔧 Refactors
+
 - Clean up formatting and remove unnecessary whitespace in ConfirmDialog documentation ([a8c382f](https://github.com/imrj05/unified-ui/commit/a8c382fbdcf0038b9e85160e472e45ac98da7579))
+
 ### Other
+
 - Add automated changelog and release workflows
+
 Include git-cliff config and CI workflows for changelog generation
 and releases
+
 - Add cliff.toml and .github/workflows/changelog.yml to auto-generate
   packages/unified-ui/CHANGELOG.md from Conventional Commits on pushes
   to main
@@ -61,18 +105,22 @@ and releases
 - Commit generated CHANGELOG.md and bump @work-rjkashyap/unified-ui to
   0.2.1 ([8e036bd](https://github.com/imrj05/unified-ui/commit/8e036bdf7e9004f43a28f01a8a220a49f4afd8fd))
 - Use unified-ui-rajeshwar registry
+
 Add a build:registry step to the root build script; update CLI and
 registry build scripts to use the new registry homepage and tweak
 imports/formatting. Bump typography and spacing across home components
 for improved readability. ([c55b091](https://github.com/imrj05/unified-ui/commit/c55b091dfb5843ad1a89230740cf5646f918f897))
 - Format Confirm Dialog MDX and fix examples
+
 Adjust whitespace and indentation in
 content/components/confirm-dialog.mdx.
 Separate the AlertDialog primitives example from the barrel import and
 clean
 up code fences for usage, variants, and preview snippets. ([50a0c83](https://github.com/imrj05/unified-ui/commit/50a0c830ac27441b9fdcd6bb415f2bf8d7f6e260))
 ## [0.2.0] — 2026-03-05
+
 ### 🚀 Features
+
 - Enhance component previews and theme customizer
 - Added VSCodeCodeBlock for improved code display in ComponentPage.
   - Introduced CustomizerPanel for theme customization options including color, radius, font, shadow, and surface styles.
@@ -86,10 +134,14 @@ up code fences for usage, variants, and preview snippets. ([50a0c83](https://git
   - Added Toggle to the unified-ui index for export.
   - Created navigation component previews for ContextMenu, Menubar, Steps, and Command, showcasing various states and interactions.
   - Updated MDX components to include new previews for documentation. ([63b0f57](https://github.com/imrj05/unified-ui/commit/63b0f57dcc8150f5648b7541b8d93d70f42ebd45))
+
 ### 🔧 Refactors
+
 - Clean up component code formatting and structure in navigation menu, popover, and scroll area ([c0935d9](https://github.com/imrj05/unified-ui/commit/c0935d92ca5324338f590d25a2406ca85e0921f3))
 ## [0.1.2] — 2026-03-02
+
 ### 🚀 Features
+
 - Integrate theme customizer and improve UI components
 - Added ThemeCustomizerProvider and ThemeCustomizerTrigger to layout for theme customization.
   - Updated button styles to enhance focus visibility and hover effects.
@@ -98,17 +150,25 @@ up code fences for usage, variants, and preview snippets. ([50a0c83](https://git
   - Enhanced data table demo with consistent text color updates.
   - Improved scroll area component for better overflow handling.
   - Updated TypeScript configuration to include new unified-ui paths for better module resolution. ([69bb594](https://github.com/imrj05/unified-ui/commit/69bb5940835fb0d45f29d21e4bf4bb44f67c66e1))
+
 ### 🏗️ Miscellaneous
+
 - Bump version to 0.1.2 and update changelog ([b09bbbf](https://github.com/imrj05/unified-ui/commit/b09bbbf4de830fad0211f8491e622436dc0ce783))
+
 ### Other
+
 - Regenerate package-lock
+
 Bump @biomejs/biome to 2.4.4 and shikijs packages to 3.23.0.
 Consolidate duplicated @radix-ui/react-slot entries into one resolved
 entry. Lockfile churn from dependency updates only. ([2d0f0ed](https://github.com/imrj05/unified-ui/commit/2d0f0ed95660e49b64c5135e27e732747541b2b1))
 - Revise README with expanded overview and docs ([f67f910](https://github.com/imrj05/unified-ui/commit/f67f910d6542877e57f6ad54b62d10538021b5f8))
 ## [0.1.1] — 2026-02-28
+
 ### Other
+
 - Add DataTable, docs overhaul, and bump version
+
 Implement a full DataTable component (TanStack Table) and export
 hooks/types.
 Bump UNIFIED_UI_VERSION to 0.1.1 and update package metadata (homepage,
@@ -119,6 +179,7 @@ previews and update icons/imports. Add ToastPreview demo component and
 adjust
 site links/README/CHANGELOG accordingly. ([8fb7338](https://github.com/imrj05/unified-ui/commit/8fb7338ca305daac24a6b595bf1ea30022d1e250))
 - Add DataTable component and docs
+
 Introduce DataTable powered by TanStack Table with sorting,
 filtering, pagination, row selection, column visibility and a
 useDataTable hook. Add a DataTableDemo component and a full MDX
@@ -126,14 +187,18 @@ documentation page. Also add a global hide-scrollbar CSS utility
 and miscellaneous layout/formatting updates to notebook/sidebar
 components. ([f10f8f0](https://github.com/imrj05/unified-ui/commit/f10f8f0fbc04321d545a0b1abe2e538a861b140b))
 - Add @work-rjkashyap/unified-ui dependency
+
 Move framer-motion to optionalDependencies and reorder devDependencies.
 Format typesVersions arrays and update package-lock.json accordingly ([a3dec68](https://github.com/imrj05/unified-ui/commit/a3dec6872110b6db3de18ccb3152e8a3b4a3fd85))
 ## [0.1.0] — 2026-02-27
+
 ### 🚀 Features
+
 - Publish @work-rjkashyap/unified-ui@0.1.0 to npm
 Rename package scope from @unified-ui/react to
   @work-rjkashyap/unified-ui
   to match npm organization ownership.
+
   Updated references across 39 files:
   - packages/unified-ui/package.json (package name)
   - Root package.json (workspace scripts + dependency)
@@ -168,7 +233,9 @@ Rename package scope from @unified-ui/react to
   - Developed a table of contents (TOC) component with dynamic resizing and rendering based on headings.
   - Enhanced UI components including buttons, collapsibles, navigation menus, and popovers for better usability and aesthetics.
   - Introduced utility functions for merging refs and normalizing URLs. ([1b5c1da](https://github.com/imrj05/unified-ui/commit/1b5c1dad14d4720dc37cf3f388ea30d7afc5efae))
+
 ### 🔧 Refactors
+
 - Streamline HomeLayout component structure and improve readability ([4b3321d](https://github.com/imrj05/unified-ui/commit/4b3321de6a308a3a93938ed4af0e6d07f0bf17c9))
 - Improve layout components and sidebar functionality
 - Refactored LayoutContext and LayoutContextProvider for better readability and performance.
@@ -179,5 +246,7 @@ Rename package scope from @unified-ui/react to
   - Updated Popover and ScrollArea components for better z-index management and scroll behavior. ([1ae241f](https://github.com/imrj05/unified-ui/commit/1ae241f315563fd789bc176bdb0c45226ee1160a))
 - Improve code formatting and readability across layout components ([08653fd](https://github.com/imrj05/unified-ui/commit/08653fdb7bccc8201ea9c826c663d0b2298a85a4))
 - Format code for improved readability in HomeLayout component ([830877e](https://github.com/imrj05/unified-ui/commit/830877e2120c14ae964ca79186e99992fd4b9a9b))
+
 ### Other
+
 - Initial commit from Create Fumadocs App ([8fd3237](https://github.com/imrj05/unified-ui/commit/8fd3237b58fb87870e9db4b5aac9ec98060d2362))

package/dist/{chunk-PRQIFQRK.cjs → chunk-3K2CXZ6H.cjs}

@@ -1878,7 +1878,7 @@ var Button = React.forwardRef(
           loading && /* @__PURE__ */ jsxRuntime.jsx(ButtonSpinner, { className: size === "sm" ? "size-3.5" : "size-4" }),
           loading && loadingText ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: loadingText }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             !loading && iconLeft && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", "aria-hidden": "true", children: iconLeft }),
-            children && /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk4ON3M3OM_cjs.cn(loading && !loadingText && "invisible"), children }),
+            children && /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk4ON3M3OM_cjs.cn("inline-flex items-center gap-[inherit]", loading && !loadingText && "invisible"), children }),
             !loading && iconRight && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", "aria-hidden": "true", children: iconRight })
           ] })
         ]
@@ -2363,21 +2363,17 @@ var CardContext = React.createContext({ padding: "compact" });
 function useCardContext() {
   return React.useContext(CardContext);
 }
-var cardPaddingMap = {
-  compact: "p-(--ds-padding-card)",
-  comfortable: "p-6"
-};
 var slotPaddingXMap = {
   compact: "px-(--ds-padding-card)",
   comfortable: "px-6"
 };
-var slotPaddingTopMap = {
-  compact: "pt-(--ds-padding-card)",
-  comfortable: "pt-6"
+var cardVerticalPaddingMap = {
+  compact: "py-(--ds-padding-card)",
+  comfortable: "py-6"
 };
-var slotPaddingBottomMap = {
-  compact: "pb-(--ds-padding-card)",
-  comfortable: "pb-6"
+var cardGapMap = {
+  compact: "gap-(--ds-gap-default,0.75rem)",
+  comfortable: "gap-4"
 };
 var cardVariants = classVarianceAuthority.cva(
   // Base styles — shared across all variants
@@ -2471,6 +2467,8 @@ var Card = React.forwardRef(function Card2({
       className: chunk4ON3M3OM_cjs.cn(
         "not-prose",
         cardVariants({ variant, fullWidth }),
+        cardVerticalPaddingMap[padding],
+        cardGapMap[padding],
         className
       ),
       "data-ds": "",
@@ -2498,9 +2496,7 @@ var CardHeader = React.forwardRef(
         className: chunk4ON3M3OM_cjs.cn(
           "flex flex-col gap-1.5",
           slotPaddingXMap[padding],
-          slotPaddingTopMap[padding],
-          slotPaddingBottomMap[padding],
-          bordered && "border-b border-border-muted",
+          bordered && "pb-(--ds-padding-card) border-b border-border-muted",
           className
         ),
         "data-ds": "",
@@ -2521,7 +2517,7 @@ var CardBody = React.forwardRef(
         ref,
         className: chunk4ON3M3OM_cjs.cn(
           "flex flex-col gap-2 flex-1",
-          cardPaddingMap[padding],
+          slotPaddingXMap[padding],
           className
         ),
         "data-ds": "",
@@ -2543,9 +2539,7 @@ var CardFooter = React.forwardRef(
         className: chunk4ON3M3OM_cjs.cn(
           "flex items-center gap-2",
           slotPaddingXMap[padding],
-          slotPaddingTopMap[padding],
-          slotPaddingBottomMap[padding],
-          bordered && "border-t border-border-muted",
+          bordered && "pt-(--ds-padding-card) border-t border-border-muted",
           alignMap[align],
           className
         ),
@@ -2923,7 +2917,7 @@ var Checkbox = React.forwardRef(function Checkbox2({
             )
           }
         ),
-        (label || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [
+        (label || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [
           label && /* @__PURE__ */ jsxRuntime.jsx(
             "label",
             {
@@ -8549,7 +8543,7 @@ function Dropdown({
       "div",
       {
         className: chunk4ON3M3OM_cjs.cn(
-          "absolute top-full z-[var(--z-dropdown,40)] mt-1",
+          "absolute top-full z-[var(--z-dropdown)] mt-1",
           align === "end" ? "right-0" : "left-0",
           "min-w-[8rem] rounded-md py-1",
           "border border-border bg-popover text-popover-foreground",
@@ -13784,7 +13778,7 @@ var RadioGroupItem = React.forwardRef(function RadioGroupItem2({ value, label, d
             )
           }
         ),
-        (label || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
+        (label || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 min-w-0 flex-1", children: [
           label && /* @__PURE__ */ jsxRuntime.jsx(
             "label",
             {
@@ -16599,7 +16593,7 @@ var Switch = React.forwardRef(function Switch2({
   if (!label) {
     return switchElement;
   }
-  const labelBlock = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [
+  const labelBlock = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "label",
       {
@@ -16631,7 +16625,7 @@ var Switch = React.forwardRef(function Switch2({
     "div",
     {
       className: chunk4ON3M3OM_cjs.cn(
-        "inline-flex items-center gap-3",
+        "flex items-center gap-3",
         // Reverse order when label is on the left
         labelPosition === "left" ? "flex-row" : "flex-row-reverse",
         // Align to start when description is present

package/dist/{chunk-TESKVASH.cjs → chunk-5TP7J7T4.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkQEFOXYBO_cjs = require('./chunk-QEFOXYBO.cjs');
+var chunkZBGR7MUW_cjs = require('./chunk-ZBGR7MUW.cjs');
 var chunkECIGDEAH_cjs = require('./chunk-ECIGDEAH.cjs');
 var chunkXCKK6P46_cjs = require('./chunk-XCKK6P46.cjs');
 var chunk4ON3M3OM_cjs = require('./chunk-4ON3M3OM.cjs');
@@ -138,10 +138,10 @@ function mapRecord(varNames, values) {
 }
 function buildLightThemeVars() {
   return {
-    ...mapRecord(colorVarNames, chunkQEFOXYBO_cjs.semanticLight),
-    ...mapRecord(radiusVarNames, chunkQEFOXYBO_cjs.radius),
-    ...mapRecord(shadowVarNames, chunkQEFOXYBO_cjs.shadow),
-    ...mapRecord(zIndexVarNames, chunkQEFOXYBO_cjs.zIndex),
+    ...mapRecord(colorVarNames, chunkZBGR7MUW_cjs.semanticLight),
+    ...mapRecord(radiusVarNames, chunkZBGR7MUW_cjs.radius),
+    ...mapRecord(shadowVarNames, chunkZBGR7MUW_cjs.shadow),
+    ...mapRecord(zIndexVarNames, chunkZBGR7MUW_cjs.zIndex),
     ...mapRecord(durationVarNames, chunkXCKK6P46_cjs.durationCSS),
     ...mapRecord(easingVarNames, chunkXCKK6P46_cjs.easingCSS),
     ...mapRecord(fontFamilyVarNames, chunkECIGDEAH_cjs.fontFamily)
@@ -149,10 +149,10 @@ function buildLightThemeVars() {
 }
 function buildDarkThemeVars() {
   return {
-    ...mapRecord(colorVarNames, chunkQEFOXYBO_cjs.semanticDark),
-    ...mapRecord(radiusVarNames, chunkQEFOXYBO_cjs.radius),
-    ...mapRecord(shadowVarNames, chunkQEFOXYBO_cjs.shadowDark),
-    ...mapRecord(zIndexVarNames, chunkQEFOXYBO_cjs.zIndex),
+    ...mapRecord(colorVarNames, chunkZBGR7MUW_cjs.semanticDark),
+    ...mapRecord(radiusVarNames, chunkZBGR7MUW_cjs.radius),
+    ...mapRecord(shadowVarNames, chunkZBGR7MUW_cjs.shadowDark),
+    ...mapRecord(zIndexVarNames, chunkZBGR7MUW_cjs.zIndex),
     ...mapRecord(durationVarNames, chunkXCKK6P46_cjs.durationCSS),
     ...mapRecord(easingVarNames, chunkXCKK6P46_cjs.easingCSS),
     ...mapRecord(fontFamilyVarNames, chunkECIGDEAH_cjs.fontFamily)
@@ -215,48 +215,48 @@ var cssVar = {
 
 // src/theme/presets.ts
 var STATUS_LIGHT = {
-  success: chunkQEFOXYBO_cjs.green[600],
+  success: chunkZBGR7MUW_cjs.green[600],
   successForeground: "oklch(0.145 0 0)",
-  successMuted: chunkQEFOXYBO_cjs.green[50],
-  successMutedForeground: chunkQEFOXYBO_cjs.green[700],
-  warning: chunkQEFOXYBO_cjs.amber[500],
+  successMuted: chunkZBGR7MUW_cjs.green[50],
+  successMutedForeground: chunkZBGR7MUW_cjs.green[700],
+  warning: chunkZBGR7MUW_cjs.amber[500],
   warningForeground: "oklch(0.145 0 0)",
-  warningMuted: chunkQEFOXYBO_cjs.amber[50],
-  warningMutedForeground: chunkQEFOXYBO_cjs.amber[700],
-  danger: chunkQEFOXYBO_cjs.red[600],
+  warningMuted: chunkZBGR7MUW_cjs.amber[50],
+  warningMutedForeground: chunkZBGR7MUW_cjs.amber[700],
+  danger: chunkZBGR7MUW_cjs.red[600],
   dangerForeground: "oklch(0.985 0 0)",
-  dangerHover: chunkQEFOXYBO_cjs.red[700],
-  dangerActive: chunkQEFOXYBO_cjs.red[800],
-  dangerMuted: chunkQEFOXYBO_cjs.red[50],
-  dangerMutedForeground: chunkQEFOXYBO_cjs.red[700],
-  destructive: chunkQEFOXYBO_cjs.red[600],
+  dangerHover: chunkZBGR7MUW_cjs.red[700],
+  dangerActive: chunkZBGR7MUW_cjs.red[800],
+  dangerMuted: chunkZBGR7MUW_cjs.red[50],
+  dangerMutedForeground: chunkZBGR7MUW_cjs.red[700],
+  destructive: chunkZBGR7MUW_cjs.red[600],
   destructiveForeground: "oklch(0.985 0 0)",
-  info: chunkQEFOXYBO_cjs.blue[600],
+  info: chunkZBGR7MUW_cjs.blue[600],
   infoForeground: "oklch(0.985 0 0)",
-  infoMuted: chunkQEFOXYBO_cjs.blue[50],
-  infoMutedForeground: chunkQEFOXYBO_cjs.blue[700]
+  infoMuted: chunkZBGR7MUW_cjs.blue[50],
+  infoMutedForeground: chunkZBGR7MUW_cjs.blue[700]
 };
 var STATUS_DARK = {
-  success: chunkQEFOXYBO_cjs.green[500],
+  success: chunkZBGR7MUW_cjs.green[500],
   successForeground: "oklch(0.145 0 0)",
-  successMuted: chunkQEFOXYBO_cjs.green[950],
-  successMutedForeground: chunkQEFOXYBO_cjs.green[300],
-  warning: chunkQEFOXYBO_cjs.amber[400],
+  successMuted: chunkZBGR7MUW_cjs.green[950],
+  successMutedForeground: chunkZBGR7MUW_cjs.green[300],
+  warning: chunkZBGR7MUW_cjs.amber[400],
   warningForeground: "oklch(0.145 0 0)",
-  warningMuted: chunkQEFOXYBO_cjs.amber[950],
-  warningMutedForeground: chunkQEFOXYBO_cjs.amber[300],
-  danger: chunkQEFOXYBO_cjs.red[500],
+  warningMuted: chunkZBGR7MUW_cjs.amber[950],
+  warningMutedForeground: chunkZBGR7MUW_cjs.amber[300],
+  danger: chunkZBGR7MUW_cjs.red[500],
   dangerForeground: "oklch(0.985 0 0)",
-  dangerHover: chunkQEFOXYBO_cjs.red[400],
-  dangerActive: chunkQEFOXYBO_cjs.red[300],
-  dangerMuted: chunkQEFOXYBO_cjs.red[950],
-  dangerMutedForeground: chunkQEFOXYBO_cjs.red[300],
-  destructive: chunkQEFOXYBO_cjs.red[500],
+  dangerHover: chunkZBGR7MUW_cjs.red[400],
+  dangerActive: chunkZBGR7MUW_cjs.red[300],
+  dangerMuted: chunkZBGR7MUW_cjs.red[950],
+  dangerMutedForeground: chunkZBGR7MUW_cjs.red[300],
+  destructive: chunkZBGR7MUW_cjs.red[500],
   destructiveForeground: "oklch(0.985 0 0)",
-  info: chunkQEFOXYBO_cjs.blue[400],
+  info: chunkZBGR7MUW_cjs.blue[400],
   infoForeground: "oklch(0.145 0 0)",
-  infoMuted: chunkQEFOXYBO_cjs.blue[950],
-  infoMutedForeground: chunkQEFOXYBO_cjs.blue[300]
+  infoMuted: chunkZBGR7MUW_cjs.blue[950],
+  infoMutedForeground: chunkZBGR7MUW_cjs.blue[300]
 };
 var CHART_LIGHT = {
   chart1: "oklch(0.646 0.222 41.116)",
@@ -416,7 +416,7 @@ function buildNeutralPreset(name, key, palette) {
       disabledForeground: palette[600],
       sidebar: palette[900],
       sidebarForeground: palette[50],
-      sidebarPrimary: chunkQEFOXYBO_cjs.blue[600],
+      sidebarPrimary: chunkZBGR7MUW_cjs.blue[600],
       sidebarPrimaryForeground: palette[50],
       sidebarAccent: palette[800],
       sidebarAccentForeground: palette[50],
@@ -425,7 +425,7 @@ function buildNeutralPreset(name, key, palette) {
     }
   };
 }
-function buildChromaticPreset(name, key, primary, surface = chunkQEFOXYBO_cjs.zinc) {
+function buildChromaticPreset(name, key, primary, surface = chunkZBGR7MUW_cjs.zinc) {
   return {
     name,
     key,
@@ -527,16 +527,16 @@ var COLOR_PRESETS = [
   // Neutral Presets (achromatic primaries)
   // -------------------------------------------------------------------------
   {
-    swatch: chunkQEFOXYBO_cjs.zinc[900],
-    ...buildNeutralPreset("Zinc", "zinc", chunkQEFOXYBO_cjs.zinc)
+    swatch: chunkZBGR7MUW_cjs.zinc[900],
+    ...buildNeutralPreset("Zinc", "zinc", chunkZBGR7MUW_cjs.zinc)
   },
   {
-    swatch: chunkQEFOXYBO_cjs.slate[900],
-    ...buildNeutralPreset("Slate", "slate", chunkQEFOXYBO_cjs.slate)
+    swatch: chunkZBGR7MUW_cjs.slate[900],
+    ...buildNeutralPreset("Slate", "slate", chunkZBGR7MUW_cjs.slate)
   },
   {
-    swatch: chunkQEFOXYBO_cjs.gray[900],
-    ...buildNeutralPreset("Gray", "gray", chunkQEFOXYBO_cjs.gray)
+    swatch: chunkZBGR7MUW_cjs.gray[900],
+    ...buildNeutralPreset("Gray", "gray", chunkZBGR7MUW_cjs.gray)
   },
   {
     swatch: stone[900],
@@ -550,12 +550,12 @@ var COLOR_PRESETS = [
   // Chromatic Presets (colored primaries)
   // -------------------------------------------------------------------------
   {
-    swatch: chunkQEFOXYBO_cjs.blue[600],
-    ...buildChromaticPreset("Blue", "blue", chunkQEFOXYBO_cjs.blue)
+    swatch: chunkZBGR7MUW_cjs.blue[600],
+    ...buildChromaticPreset("Blue", "blue", chunkZBGR7MUW_cjs.blue)
   },
   {
-    swatch: chunkQEFOXYBO_cjs.green[600],
-    ...buildChromaticPreset("Green", "green", chunkQEFOXYBO_cjs.green)
+    swatch: chunkZBGR7MUW_cjs.green[600],
+    ...buildChromaticPreset("Green", "green", chunkZBGR7MUW_cjs.green)
   },
   {
     swatch: violet[600],
@@ -570,16 +570,16 @@ var COLOR_PRESETS = [
     ...buildChromaticPreset("Orange", "orange", orange)
   },
   {
-    swatch: chunkQEFOXYBO_cjs.red[600],
-    ...buildChromaticPreset("Red", "red", chunkQEFOXYBO_cjs.red)
+    swatch: chunkZBGR7MUW_cjs.red[600],
+    ...buildChromaticPreset("Red", "red", chunkZBGR7MUW_cjs.red)
   },
   {
-    swatch: chunkQEFOXYBO_cjs.teal[600],
-    ...buildChromaticPreset("Teal", "teal", chunkQEFOXYBO_cjs.teal)
+    swatch: chunkZBGR7MUW_cjs.teal[600],
+    ...buildChromaticPreset("Teal", "teal", chunkZBGR7MUW_cjs.teal)
   },
   {
-    swatch: chunkQEFOXYBO_cjs.brand[600],
-    ...buildChromaticPreset("Brand", "brand", chunkQEFOXYBO_cjs.brand)
+    swatch: chunkZBGR7MUW_cjs.brand[600],
+    ...buildChromaticPreset("Brand", "brand", chunkZBGR7MUW_cjs.brand)
   }
 ];
 function getColorPreset(key) {

package/dist/{chunk-2AERX4AM.mjs → chunk-BB5WRUPU.mjs}

@@ -1858,7 +1858,7 @@ var Button = forwardRef(
           loading && /* @__PURE__ */ jsx(ButtonSpinner, { className: size === "sm" ? "size-3.5" : "size-4" }),
           loading && loadingText ? /* @__PURE__ */ jsx("span", { children: loadingText }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             !loading && iconLeft && /* @__PURE__ */ jsx("span", { className: "shrink-0", "aria-hidden": "true", children: iconLeft }),
-            children && /* @__PURE__ */ jsx("span", { className: cn(loading && !loadingText && "invisible"), children }),
+            children && /* @__PURE__ */ jsx("span", { className: cn("inline-flex items-center gap-[inherit]", loading && !loadingText && "invisible"), children }),
             !loading && iconRight && /* @__PURE__ */ jsx("span", { className: "shrink-0", "aria-hidden": "true", children: iconRight })
           ] })
         ]
@@ -2343,21 +2343,17 @@ var CardContext = createContext({ padding: "compact" });
 function useCardContext() {
   return useContext(CardContext);
 }
-var cardPaddingMap = {
-  compact: "p-(--ds-padding-card)",
-  comfortable: "p-6"
-};
 var slotPaddingXMap = {
   compact: "px-(--ds-padding-card)",
   comfortable: "px-6"
 };
-var slotPaddingTopMap = {
-  compact: "pt-(--ds-padding-card)",
-  comfortable: "pt-6"
+var cardVerticalPaddingMap = {
+  compact: "py-(--ds-padding-card)",
+  comfortable: "py-6"
 };
-var slotPaddingBottomMap = {
-  compact: "pb-(--ds-padding-card)",
-  comfortable: "pb-6"
+var cardGapMap = {
+  compact: "gap-(--ds-gap-default,0.75rem)",
+  comfortable: "gap-4"
 };
 var cardVariants = cva(
   // Base styles — shared across all variants
@@ -2451,6 +2447,8 @@ var Card = forwardRef(function Card2({
       className: cn(
         "not-prose",
         cardVariants({ variant, fullWidth }),
+        cardVerticalPaddingMap[padding],
+        cardGapMap[padding],
         className
       ),
       "data-ds": "",
@@ -2478,9 +2476,7 @@ var CardHeader = forwardRef(
         className: cn(
           "flex flex-col gap-1.5",
           slotPaddingXMap[padding],
-          slotPaddingTopMap[padding],
-          slotPaddingBottomMap[padding],
-          bordered && "border-b border-border-muted",
+          bordered && "pb-(--ds-padding-card) border-b border-border-muted",
           className
         ),
         "data-ds": "",
@@ -2501,7 +2497,7 @@ var CardBody = forwardRef(
         ref,
         className: cn(
           "flex flex-col gap-2 flex-1",
-          cardPaddingMap[padding],
+          slotPaddingXMap[padding],
           className
         ),
         "data-ds": "",
@@ -2523,9 +2519,7 @@ var CardFooter = forwardRef(
         className: cn(
           "flex items-center gap-2",
           slotPaddingXMap[padding],
-          slotPaddingTopMap[padding],
-          slotPaddingBottomMap[padding],
-          bordered && "border-t border-border-muted",
+          bordered && "pt-(--ds-padding-card) border-t border-border-muted",
           alignMap[align],
           className
         ),
@@ -2903,7 +2897,7 @@ var Checkbox = forwardRef(function Checkbox2({
             )
           }
         ),
-        (label || description) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+        (label || description) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [
           label && /* @__PURE__ */ jsx(
             "label",
             {
@@ -8529,7 +8523,7 @@ function Dropdown({
       "div",
       {
         className: cn(
-          "absolute top-full z-[var(--z-dropdown,40)] mt-1",
+          "absolute top-full z-[var(--z-dropdown)] mt-1",
           align === "end" ? "right-0" : "left-0",
           "min-w-[8rem] rounded-md py-1",
           "border border-border bg-popover text-popover-foreground",
@@ -13764,7 +13758,7 @@ var RadioGroupItem = forwardRef(function RadioGroupItem2({ value, label, descrip
             )
           }
         ),
-        (label || description) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
+        (label || description) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 min-w-0 flex-1", children: [
           label && /* @__PURE__ */ jsx(
             "label",
             {
@@ -16579,7 +16573,7 @@ var Switch = forwardRef(function Switch2({
   if (!label) {
     return switchElement;
   }
-  const labelBlock = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+  const labelBlock = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [
     /* @__PURE__ */ jsx(
       "label",
       {
@@ -16611,7 +16605,7 @@ var Switch = forwardRef(function Switch2({
     "div",
     {
       className: cn(
-        "inline-flex items-center gap-3",
+        "flex items-center gap-3",
         // Reverse order when label is on the left
         labelPosition === "left" ? "flex-row" : "flex-row-reverse",
         // Align to start when description is present

package/dist/{chunk-YFH5JPAA.mjs → chunk-EQWESXRH.mjs}

@@ -1,4 +1,4 @@
-import { blue, red, amber, green, zinc, slate, gray, teal, brand, zIndex, shadow, radius, semanticLight, shadowDark, semanticDark } from './chunk-TVCJRD3S.mjs';
+import { blue, red, amber, green, zinc, slate, gray, teal, brand, zIndex, shadow, radius, semanticLight, shadowDark, semanticDark } from './chunk-IVZAB7BV.mjs';
 import { fontFamily } from './chunk-ITBG42M5.mjs';
 import { easingCSS, durationCSS } from './chunk-EZ2L3XPS.mjs';
 import { cn } from './chunk-ZT3PCXDF.mjs';