@boostdev/design-system-components 0.1.5 → 0.1.6

package/dist/index.js

@@ -2,7 +2,7 @@
 import { useId, useState } from "react";
 
 // src/components/ui/Accordion/Accordion.module.css
-var Accordion_default = {"accordion":"bds015-accordion","item":"bds015-item","heading":"bds015-heading","trigger":"bds015-trigger","triggerLabel":"bds015-triggerLabel","chevron":"bds015-chevron","--open":"bds015---open","panel":"bds015-panel","panelContent":"bds015-panelContent"};
+var Accordion_default = {"accordion":"bds016-accordion","item":"bds016-item","heading":"bds016-heading","trigger":"bds016-trigger","triggerLabel":"bds016-triggerLabel","chevron":"bds016-chevron","--open":"bds016---open","panel":"bds016-panel","panelContent":"bds016-panelContent"};
 
 // src/components/ui/Accordion/Accordion.tsx
 import { cn } from "@boostdev/design-system-foundation";
@@ -70,7 +70,7 @@ function Accordion({
 }
 
 // src/components/ui/Alert/Alert.module.css
-var Alert_default = {"alert":"bds015-alert","--variant_info":"bds015---variant_info","--variant_success":"bds015---variant_success","--variant_warning":"bds015---variant_warning","--variant_error":"bds015---variant_error","icon":"bds015-icon","content":"bds015-content","title":"bds015-title","dismiss":"bds015-dismiss"};
+var Alert_default = {"alert":"bds016-alert","--variant_info":"bds016---variant_info","--variant_success":"bds016---variant_success","--variant_warning":"bds016---variant_warning","--variant_error":"bds016---variant_error","icon":"bds016-icon","content":"bds016-content","title":"bds016-title","dismiss":"bds016-dismiss"};
 
 // src/components/ui/Alert/Alert.tsx
 import { cn as cn2 } from "@boostdev/design-system-foundation";
@@ -113,7 +113,7 @@ function Alert({
 }
 
 // src/components/ui/Avatar/Avatar.module.css
-var Avatar_default = {"avatar":"bds015-avatar","--fallback":"bds015---fallback","--size_small":"bds015---size_small","--size_medium":"bds015---size_medium","--size_large":"bds015---size_large","image":"bds015-image","initials":"bds015-initials"};
+var Avatar_default = {"avatar":"bds016-avatar","--fallback":"bds016---fallback","--size_small":"bds016---size_small","--size_medium":"bds016---size_medium","--size_large":"bds016---size_large","image":"bds016-image","initials":"bds016-initials"};
 
 // src/components/ui/Avatar/Avatar.tsx
 import { cn as cn3 } from "@boostdev/design-system-foundation";
@@ -139,7 +139,7 @@ function Avatar({ src, alt, name, size = "medium", className }) {
 }
 
 // src/components/ui/Badge/Badge.module.css
-var Badge_default = {"badge":"bds015-badge","--variant_primary":"bds015---variant_primary","--variant_secondary":"bds015---variant_secondary","--variant_success":"bds015---variant_success","--variant_error":"bds015---variant_error","--variant_warning":"bds015---variant_warning"};
+var Badge_default = {"badge":"bds016-badge","--variant_primary":"bds016---variant_primary","--variant_secondary":"bds016---variant_secondary","--variant_success":"bds016---variant_success","--variant_error":"bds016---variant_error","--variant_warning":"bds016---variant_warning"};
 
 // src/components/ui/Badge/Badge.tsx
 import { cn as cn4 } from "@boostdev/design-system-foundation";
@@ -149,7 +149,7 @@ function Badge({ children, variant = "primary", className }) {
 }
 
 // src/components/ui/Breadcrumb/Breadcrumb.module.css
-var Breadcrumb_default = {"breadcrumb":"bds015-breadcrumb","list":"bds015-list","item":"bds015-item","link":"bds015-link","separator":"bds015-separator","current":"bds015-current"};
+var Breadcrumb_default = {"breadcrumb":"bds016-breadcrumb","list":"bds016-list","item":"bds016-item","link":"bds016-link","separator":"bds016-separator","current":"bds016-current"};
 
 // src/components/ui/Breadcrumb/Breadcrumb.tsx
 import { cn as cn5 } from "@boostdev/design-system-foundation";
@@ -168,7 +168,7 @@ function Breadcrumb({ items, className }) {
 import { useState as useState2, useId as useId2 } from "react";
 
 // src/components/ui/Calendar/Calendar.module.css
-var Calendar_default = {"calendar":"bds015-calendar","header":"bds015-header","monthYear":"bds015-monthYear","navBtn":"bds015-navBtn","grid":"bds015-grid","weekday":"bds015-weekday","empty":"bds015-empty","day":"bds015-day","disabled":"bds015-disabled","selected":"bds015-selected","today":"bds015-today"};
+var Calendar_default = {"calendar":"bds016-calendar","header":"bds016-header","monthYear":"bds016-monthYear","navBtn":"bds016-navBtn","grid":"bds016-grid","weekday":"bds016-weekday","empty":"bds016-empty","day":"bds016-day","disabled":"bds016-disabled","selected":"bds016-selected","today":"bds016-today"};
 
 // src/components/ui/Calendar/Calendar.tsx
 import { cn as cn6 } from "@boostdev/design-system-foundation";
@@ -334,7 +334,7 @@ function Calendar({ value, defaultValue, min, max, onChange, className }) {
 import { useRef, useId as useId3 } from "react";
 
 // src/components/ui/Carousel/Carousel.module.css
-var Carousel_default = {"carousel":"bds015-carousel","track":"bds015-track","slide":"bds015-slide","navBtn":"bds015-navBtn"};
+var Carousel_default = {"carousel":"bds016-carousel","track":"bds016-track","slide":"bds016-slide","navBtn":"bds016-navBtn"};
 
 // src/components/ui/Carousel/Carousel.tsx
 import { cn as cn7 } from "@boostdev/design-system-foundation";
@@ -387,7 +387,7 @@ function Carousel({ items, label, className }) {
 }
 
 // src/components/ui/DescriptionList/DescriptionList.module.css
-var DescriptionList_default = {"list":"bds015-list","group":"bds015-group","term":"bds015-term","details":"bds015-details","--layout_inline":"bds015---layout_inline"};
+var DescriptionList_default = {"list":"bds016-list","group":"bds016-group","term":"bds016-term","details":"bds016-details","--layout_inline":"bds016---layout_inline"};
 
 // src/components/ui/DescriptionList/DescriptionList.tsx
 import { cn as cn8 } from "@boostdev/design-system-foundation";
@@ -400,7 +400,7 @@ function DescriptionList({ items, layout = "stacked", className }) {
 }
 
 // src/components/ui/Link/Link.module.css
-var Link_default = {"link":"bds015-link","--variant_default":"bds015---variant_default","--variant_subtle":"bds015---variant_subtle","--variant_standalone":"bds015---variant_standalone","externalLabel":"bds015-externalLabel"};
+var Link_default = {"link":"bds016-link","--variant_default":"bds016---variant_default","--variant_subtle":"bds016---variant_subtle","--variant_standalone":"bds016---variant_standalone","externalLabel":"bds016-externalLabel"};
 
 // src/components/ui/Link/Link.tsx
 import { cn as cn9 } from "@boostdev/design-system-foundation";
@@ -431,7 +431,7 @@ function Link({
 }
 
 // src/components/ui/Loading/Loading.module.css
-var Loading_default = {"loading":"bds015-loading","spinner":"bds015-spinner","--size_small":"bds015---size_small","--size_large":"bds015---size_large"};
+var Loading_default = {"loading":"bds016-loading","spinner":"bds016-spinner","--size_small":"bds016---size_small","--size_large":"bds016---size_large"};
 
 // src/components/ui/Loading/Loading.tsx
 import { cn as cn10 } from "@boostdev/design-system-foundation";
@@ -441,7 +441,7 @@ function Loading({ size = "medium", className }) {
 }
 
 // src/components/ui/NotificationBanner/NotificationBanner.module.css
-var NotificationBanner_default = {"banner":"bds015-banner","--variant_info":"bds015---variant_info","--variant_success":"bds015---variant_success","--variant_warning":"bds015---variant_warning","--variant_error":"bds015---variant_error","content":"bds015-content","action":"bds015-action","dismiss":"bds015-dismiss"};
+var NotificationBanner_default = {"banner":"bds016-banner","--variant_info":"bds016---variant_info","--variant_success":"bds016---variant_success","--variant_warning":"bds016---variant_warning","--variant_error":"bds016---variant_error","content":"bds016-content","action":"bds016-action","dismiss":"bds016-dismiss"};
 
 // src/components/ui/NotificationBanner/NotificationBanner.tsx
 import { cn as cn11 } from "@boostdev/design-system-foundation";
@@ -480,7 +480,7 @@ function NotificationBanner({
 }
 
 // src/components/ui/Pagination/Pagination.module.css
-var Pagination_default = {"pagination":"bds015-pagination","list":"bds015-list","button":"bds015-button","--active":"bds015---active","--nav":"bds015---nav","ellipsis":"bds015-ellipsis"};
+var Pagination_default = {"pagination":"bds016-pagination","list":"bds016-list","button":"bds016-button","--active":"bds016---active","--nav":"bds016---nav","ellipsis":"bds016-ellipsis"};
 
 // src/components/ui/Pagination/Pagination.tsx
 import { cn as cn12 } from "@boostdev/design-system-foundation";
@@ -544,7 +544,7 @@ function Pagination({
 }
 
 // src/components/ui/Progress/Progress.module.css
-var Progress_default = {"container":"bds015-container","labelRow":"bds015-labelRow","label":"bds015-label","value":"bds015-value","track":"bds015-track","--size_small":"bds015---size_small","--size_medium":"bds015---size_medium","--size_large":"bds015---size_large","fill":"bds015-fill"};
+var Progress_default = {"container":"bds016-container","labelRow":"bds016-labelRow","label":"bds016-label","value":"bds016-value","track":"bds016-track","--size_small":"bds016---size_small","--size_medium":"bds016---size_medium","--size_large":"bds016---size_large","fill":"bds016-fill"};
 
 // src/components/ui/Progress/Progress.tsx
 import { cn as cn13 } from "@boostdev/design-system-foundation";
@@ -582,7 +582,7 @@ function Progress({
 }
 
 // src/components/ui/ProgressCircle/ProgressCircle.module.css
-var ProgressCircle_default = {"wrapper":"bds015-wrapper","svg":"bds015-svg","track":"bds015-track","fill":"bds015-fill","value":"bds015-value","--size_small":"bds015---size_small","--size_medium":"bds015---size_medium","--size_large":"bds015---size_large"};
+var ProgressCircle_default = {"wrapper":"bds016-wrapper","svg":"bds016-svg","track":"bds016-track","fill":"bds016-fill","value":"bds016-value","--size_small":"bds016---size_small","--size_medium":"bds016---size_medium","--size_large":"bds016---size_large"};
 
 // src/components/ui/ProgressCircle/ProgressCircle.tsx
 import { cn as cn14 } from "@boostdev/design-system-foundation";
@@ -661,7 +661,7 @@ function ProgressCircle({
 }
 
 // src/components/ui/Separator/Separator.module.css
-var Separator_default = {"separator":"bds015-separator","--horizontal":"bds015---horizontal","--vertical":"bds015---vertical"};
+var Separator_default = {"separator":"bds016-separator","--horizontal":"bds016---horizontal","--vertical":"bds016---vertical"};
 
 // src/components/ui/Separator/Separator.tsx
 import { cn as cn15 } from "@boostdev/design-system-foundation";
@@ -684,7 +684,7 @@ function Separator({ orientation = "horizontal", className }) {
 import { cn as cn16 } from "@boostdev/design-system-foundation";
 
 // src/components/ui/Skeleton/Skeleton.module.css
-var Skeleton_default = {"skeleton":"bds015-skeleton"};
+var Skeleton_default = {"skeleton":"bds016-skeleton"};
 
 // src/components/ui/Skeleton/Skeleton.tsx
 import { jsx as jsx16 } from "react/jsx-runtime";
@@ -693,7 +693,7 @@ function Skeleton({ className }) {
 }
 
 // src/components/ui/SkipLink/SkipLink.module.css
-var SkipLink_default = {"skipLink":"bds015-skipLink"};
+var SkipLink_default = {"skipLink":"bds016-skipLink"};
 
 // src/components/ui/SkipLink/SkipLink.tsx
 import { jsx as jsx17 } from "react/jsx-runtime";
@@ -702,7 +702,7 @@ function SkipLink({ href = "#main", children = "Skip to main content" }) {
 }
 
 // src/components/ui/Table/Table.module.css
-var Table_default = {"wrapper":"bds015-wrapper","table":"bds015-table","caption":"bds015-caption","thead":"bds015-thead","th":"bds015-th","--sortable":"bds015---sortable","sortButton":"bds015-sortButton","sortIcon":"bds015-sortIcon","--sort-active":"bds015---sort-active","--sort-desc":"bds015---sort-desc","tbody":"bds015-tbody","tr":"bds015-tr","td":"bds015-td"};
+var Table_default = {"wrapper":"bds016-wrapper","table":"bds016-table","caption":"bds016-caption","thead":"bds016-thead","th":"bds016-th","--sortable":"bds016---sortable","sortButton":"bds016-sortButton","sortIcon":"bds016-sortIcon","--sort-active":"bds016---sort-active","--sort-desc":"bds016---sort-desc","tbody":"bds016-tbody","tr":"bds016-tr","td":"bds016-td"};
 
 // src/components/ui/Table/Table.tsx
 import { cn as cn17 } from "@boostdev/design-system-foundation";
@@ -771,7 +771,7 @@ function Table({
 import { useId as useId4, useRef as useRef2, useState as useState3 } from "react";
 
 // src/components/ui/Tabs/Tabs.module.css
-var Tabs_default = {"tabs":"bds015-tabs","tabList":"bds015-tabList","tab":"bds015-tab","--active":"bds015---active","panel":"bds015-panel"};
+var Tabs_default = {"tabs":"bds016-tabs","tabList":"bds016-tabList","tab":"bds016-tab","--active":"bds016---active","panel":"bds016-panel"};
 
 // src/components/ui/Tabs/Tabs.tsx
 import { cn as cn18 } from "@boostdev/design-system-foundation";
@@ -852,7 +852,7 @@ function Tabs({ tabs, defaultTab, className }) {
 import { cloneElement, isValidElement, useId as useId5 } from "react";
 
 // src/components/ui/Tooltip/Tooltip.module.css
-var Tooltip_default = {"wrapper":"bds015-wrapper","tooltip":"bds015-tooltip","--placement_top":"bds015---placement_top","--placement_bottom":"bds015---placement_bottom","--placement_left":"bds015---placement_left","--placement_right":"bds015---placement_right"};
+var Tooltip_default = {"wrapper":"bds016-wrapper","tooltip":"bds016-tooltip","--placement_top":"bds016---placement_top","--placement_bottom":"bds016---placement_bottom","--placement_left":"bds016---placement_left","--placement_right":"bds016---placement_right"};
 
 // src/components/ui/Tooltip/Tooltip.tsx
 import { cn as cn19 } from "@boostdev/design-system-foundation";
@@ -882,7 +882,7 @@ function Tooltip({
 }
 
 // src/components/ui/Typography/Typography.module.css
-var Typography_default = {"typography":"bds015-typography","--h1":"bds015---h1","--h2":"bds015---h2","--h3":"bds015---h3","--body":"bds015---body","--body_s":"bds015---body_s"};
+var Typography_default = {"typography":"bds016-typography","--h1":"bds016---h1","--h2":"bds016---h2","--h3":"bds016---h3","--body":"bds016---body","--body_s":"bds016---body_s"};
 
 // src/components/ui/Typography/Typography.tsx
 import { cn as cn20 } from "@boostdev/design-system-foundation";
@@ -900,7 +900,7 @@ function Typography({ variant = "body", component, children, className }) {
 }
 
 // src/components/interaction/Button/Button.module.css
-var Button_default = {"button":"bds015-button","--primary":"bds015---primary","--secondary":"bds015---secondary","--size_small":"bds015---size_small","--size_medium":"bds015---size_medium","--size_large":"bds015---size_large","--hasPulse":"bds015---hasPulse","prefix":"bds015-prefix","suffix":"bds015-suffix"};
+var Button_default = {"button":"bds016-button","--primary":"bds016---primary","--secondary":"bds016---secondary","--size_small":"bds016---size_small","--size_medium":"bds016---size_medium","--size_large":"bds016---size_large","--hasPulse":"bds016---hasPulse","prefix":"bds016-prefix","suffix":"bds016-suffix"};
 
 // src/components/interaction/Button/Button.tsx
 import { cn as cn21 } from "@boostdev/design-system-foundation";
@@ -976,7 +976,7 @@ function Button({
 import { useState as useState4, useEffect, useRef as useRef3, useId as useId6, useMemo } from "react";
 
 // src/components/interaction/Command/Command.module.css
-var Command_default = {"dialog":"bds015-dialog","palette":"bds015-palette","searchRow":"bds015-searchRow","searchIcon":"bds015-searchIcon","search":"bds015-search","escHint":"bds015-escHint","list":"bds015-list","groupList":"bds015-groupList","group":"bds015-group","item":"bds015-item","itemActive":"bds015-itemActive","itemLabel":"bds015-itemLabel","itemDesc":"bds015-itemDesc","shortcut":"bds015-shortcut","empty":"bds015-empty"};
+var Command_default = {"dialog":"bds016-dialog","palette":"bds016-palette","searchRow":"bds016-searchRow","searchIcon":"bds016-searchIcon","search":"bds016-search","escHint":"bds016-escHint","list":"bds016-list","groupList":"bds016-groupList","group":"bds016-group","item":"bds016-item","itemActive":"bds016-itemActive","itemLabel":"bds016-itemLabel","itemDesc":"bds016-itemDesc","shortcut":"bds016-shortcut","empty":"bds016-empty"};
 
 // src/components/interaction/Command/Command.tsx
 import { cn as cn22 } from "@boostdev/design-system-foundation";
@@ -1115,7 +1115,7 @@ function Command({
 import { useEffect as useEffect2, useRef as useRef4 } from "react";
 
 // src/components/interaction/Dialog/Dialog.module.css
-var Dialog_default = {"dialog":"bds015-dialog","closeForm":"bds015-closeForm","closeButton":"bds015-closeButton"};
+var Dialog_default = {"dialog":"bds016-dialog","dialogContent":"bds016-dialogContent","closeForm":"bds016-closeForm","closeButton":"bds016-closeButton"};
 
 // src/components/interaction/Dialog/Dialog.tsx
 import { cn as cn23 } from "@boostdev/design-system-foundation";
@@ -1156,7 +1156,7 @@ function Dialog({ children, isOpen = false, className, onClose }) {
             children: /* @__PURE__ */ jsx24("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx24("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6L6 18M6 6l12 12" }) })
           }
         ) }),
-        children
+        /* @__PURE__ */ jsx24("div", { className: Dialog_default.dialogContent, children })
       ]
     }
   );
@@ -1166,7 +1166,7 @@ function Dialog({ children, isOpen = false, className, onClose }) {
 import { useEffect as useEffect3, useRef as useRef5 } from "react";
 
 // src/components/interaction/Drawer/Drawer.module.css
-var Drawer_default = {"drawer":"bds015-drawer","panel":"bds015-panel","--side_right":"bds015---side_right","--side_left":"bds015---side_left","header":"bds015-header","title":"bds015-title","closeButton":"bds015-closeButton","body":"bds015-body"};
+var Drawer_default = {"drawer":"bds016-drawer","panel":"bds016-panel","--side_right":"bds016---side_right","--side_left":"bds016---side_left","header":"bds016-header","title":"bds016-title","closeButton":"bds016-closeButton","body":"bds016-body"};
 
 // src/components/interaction/Drawer/Drawer.tsx
 import { cn as cn24 } from "@boostdev/design-system-foundation";
@@ -1235,7 +1235,7 @@ import {
 } from "react";
 
 // src/components/interaction/DropdownMenu/DropdownMenu.module.css
-var DropdownMenu_default = {"wrapper":"bds015-wrapper","menu":"bds015-menu","--placement_bottom-start":"bds015---placement_bottom-start","--placement_bottom-end":"bds015---placement_bottom-end","separator":"bds015-separator","item":"bds015-item","icon":"bds015-icon"};
+var DropdownMenu_default = {"wrapper":"bds016-wrapper","menu":"bds016-menu","--placement_bottom-start":"bds016---placement_bottom-start","--placement_bottom-end":"bds016---placement_bottom-end","separator":"bds016-separator","item":"bds016-item","icon":"bds016-icon"};
 
 // src/components/interaction/DropdownMenu/DropdownMenu.tsx
 import { cn as cn25 } from "@boostdev/design-system-foundation";
@@ -1355,7 +1355,7 @@ import {
 } from "react";
 
 // src/components/interaction/Popover/Popover.module.css
-var Popover_default = {"wrapper":"bds015-wrapper","panel":"bds015-panel","--placement_bottom":"bds015---placement_bottom","--placement_top":"bds015---placement_top","--placement_right":"bds015---placement_right","--placement_left":"bds015---placement_left"};
+var Popover_default = {"wrapper":"bds016-wrapper","panel":"bds016-panel","--placement_bottom":"bds016---placement_bottom","--placement_top":"bds016---placement_top","--placement_right":"bds016---placement_right","--placement_left":"bds016---placement_left"};
 
 // src/components/interaction/Popover/Popover.tsx
 import { cn as cn26 } from "@boostdev/design-system-foundation";
@@ -1411,7 +1411,7 @@ function Popover({
 }
 
 // src/components/interaction/Rating/Rating.module.css
-var Rating_default = {"rating":"bds015-rating","star":"bds015-star","--filled":"bds015---filled"};
+var Rating_default = {"rating":"bds016-rating","star":"bds016-star","--filled":"bds016---filled"};
 
 // src/components/interaction/Rating/Rating.tsx
 import { cn as cn27 } from "@boostdev/design-system-foundation";
@@ -1442,7 +1442,7 @@ function Rating({ value, max = 5, className }) {
 import { useState as useState7, useEffect as useEffect6, createContext, useContext, useCallback, useMemo as useMemo2 } from "react";
 
 // src/components/interaction/Toast/Toast.module.css
-var Toast_default = {"toastContainer":"bds015-toastContainer","toast":"bds015-toast","--variant_success":"bds015---variant_success","--variant_error":"bds015---variant_error","--variant_info":"bds015---variant_info","message":"bds015-message","closeButton":"bds015-closeButton"};
+var Toast_default = {"toastContainer":"bds016-toastContainer","toast":"bds016-toast","message":"bds016-message","closeButton":"bds016-closeButton"};
 
 // src/components/interaction/Toast/Toast.tsx
 import { cn as cn28 } from "@boostdev/design-system-foundation";
@@ -1492,10 +1492,10 @@ function useToast() {
 import { useId as useId9 } from "react";
 
 // src/components/interaction/form/Checkbox/Checkbox.module.css
-var Checkbox_default = {"checkboxGroup":"bds015-checkboxGroup","inputWrapper":"bds015-inputWrapper","checkbox":"bds015-checkbox","checkboxError":"bds015-checkboxError"};
+var Checkbox_default = {"checkboxGroup":"bds016-checkboxGroup","inputWrapper":"bds016-inputWrapper","checkbox":"bds016-checkbox","checkboxError":"bds016-checkboxError"};
 
 // src/components/interaction/form/atoms/Message.module.css
-var Message_default = {"error":"bds015-error","hint":"bds015-hint"};
+var Message_default = {"error":"bds016-error","hint":"bds016-hint"};
 
 // src/components/interaction/form/atoms/Message.tsx
 import { jsx as jsx30 } from "react/jsx-runtime";
@@ -1505,7 +1505,7 @@ var Message = ({ message, type, inputId }) => {
 };
 
 // src/components/interaction/form/atoms/Label.module.css
-var Label_default = {"label":"bds015-label"};
+var Label_default = {"label":"bds016-label"};
 
 // src/components/interaction/form/atoms/Label.tsx
 import { jsx as jsx31 } from "react/jsx-runtime";
@@ -1517,7 +1517,7 @@ var Label = ({ label, id }) => {
 import { cn as cn30 } from "@boostdev/design-system-foundation";
 
 // src/components/interaction/form/atoms/InputContainer.module.css
-var InputContainer_default = {"container":"bds015-container"};
+var InputContainer_default = {"container":"bds016-container"};
 
 // src/components/interaction/form/atoms/InputContainer.tsx
 import { cn as cn29 } from "@boostdev/design-system-foundation";
@@ -1543,7 +1543,7 @@ function Checkbox({ label, name, error, hint, className, ...props }) {
           type: "checkbox",
           id,
           name,
-          className: `${Checkbox_default.checkbox} ${error ? Checkbox_default.checkboxError : ""}`,
+          className: cn30(Checkbox_default.checkbox, error && Checkbox_default.checkboxError),
           ...props
         }
       ),
@@ -1564,7 +1564,7 @@ import {
 } from "react";
 
 // src/components/interaction/form/Combobox/Combobox.module.css
-var Combobox_default = {"formGroup":"bds015-formGroup","inputWrapper":"bds015-inputWrapper","input":"bds015-input","inputError":"bds015-inputError","chevron":"bds015-chevron","listbox":"bds015-listbox","option":"bds015-option","--highlighted":"bds015---highlighted","--selected":"bds015---selected","--disabled":"bds015---disabled"};
+var Combobox_default = {"formGroup":"bds016-formGroup","inputWrapper":"bds016-inputWrapper","input":"bds016-input","inputError":"bds016-inputError","chevron":"bds016-chevron","listbox":"bds016-listbox","option":"bds016-option","--highlighted":"bds016---highlighted","--selected":"bds016---selected","--disabled":"bds016---disabled"};
 
 // src/components/interaction/form/Combobox/Combobox.tsx
 import { cn as cn31 } from "@boostdev/design-system-foundation";
@@ -1715,7 +1715,7 @@ function Combobox({
 import { useId as useId11, useRef as useRef9, useState as useState9 } from "react";
 
 // src/components/interaction/form/FileInput/FileInput.module.css
-var FileInput_default = {"formGroup":"bds015-formGroup","dropZone":"bds015-dropZone","isDragging":"bds015-isDragging","hasError":"bds015-hasError","isDisabled":"bds015-isDisabled","icon":"bds015-icon","prompt":"bds015-prompt","acceptHint":"bds015-acceptHint","hiddenInput":"bds015-hiddenInput"};
+var FileInput_default = {"formGroup":"bds016-formGroup","dropZone":"bds016-dropZone","isDragging":"bds016-isDragging","hasError":"bds016-hasError","isDisabled":"bds016-isDisabled","icon":"bds016-icon","prompt":"bds016-prompt","acceptHint":"bds016-acceptHint","hiddenInput":"bds016-hiddenInput"};
 
 // src/components/interaction/form/FileInput/FileInput.tsx
 import { cn as cn32 } from "@boostdev/design-system-foundation";
@@ -1812,7 +1812,7 @@ function FileInput({
 import { useId as useId12 } from "react";
 
 // src/components/interaction/form/FormInput/FormInput.module.css
-var FormInput_default = {"formGroup":"bds015-formGroup","input":"bds015-input","inputError":"bds015-inputError"};
+var FormInput_default = {"formGroup":"bds016-formGroup","input":"bds016-input","inputError":"bds016-inputError"};
 
 // src/components/interaction/form/FormInput/FormInput.tsx
 import { cn as cn33 } from "@boostdev/design-system-foundation";
@@ -1840,7 +1840,7 @@ function FormInput({
         "aria-label": ariaLabel,
         id,
         name,
-        className: `${FormInput_default.input} ${error ? FormInput_default.inputError : ""}`,
+        className: cn33(FormInput_default.input, error && FormInput_default.inputError),
         ...props
       }
     ),
@@ -1853,7 +1853,7 @@ function FormInput({
 import { useId as useId13, useRef as useRef10, useState as useState10 } from "react";
 
 // src/components/interaction/form/NumberInput/NumberInput.module.css
-var NumberInput_default = {"formGroup":"bds015-formGroup","inputRow":"bds015-inputRow","input":"bds015-input","inputError":"bds015-inputError","stepper":"bds015-stepper"};
+var NumberInput_default = {"formGroup":"bds016-formGroup","inputRow":"bds016-inputRow","input":"bds016-input","inputError":"bds016-inputError","stepper":"bds016-stepper"};
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
 import { cn as cn34 } from "@boostdev/design-system-foundation";
@@ -1948,7 +1948,7 @@ function NumberInput({
 import { useId as useId14 } from "react";
 
 // src/components/interaction/form/Radio/Radio.module.css
-var Radio_default = {"radioGroup":"bds015-radioGroup","inputWrapper":"bds015-inputWrapper","radio":"bds015-radio","radioError":"bds015-radioError"};
+var Radio_default = {"radioGroup":"bds016-radioGroup","inputWrapper":"bds016-inputWrapper","radio":"bds016-radio","radioError":"bds016-radioError"};
 
 // src/components/interaction/form/Radio/Radio.tsx
 import { cn as cn35 } from "@boostdev/design-system-foundation";
@@ -1968,7 +1968,7 @@ function Radio({ label, name, error, hint, className, ...props }) {
           type: "radio",
           id,
           name,
-          className: `${Radio_default.radio} ${error ? Radio_default.radioError : ""}`,
+          className: cn35(Radio_default.radio, error && Radio_default.radioError),
           ...props
         }
       ),
@@ -1983,7 +1983,7 @@ function Radio({ label, name, error, hint, className, ...props }) {
 import { useId as useId15 } from "react";
 
 // src/components/interaction/form/Select/Select.module.css
-var Select_default = {"formGroup":"bds015-formGroup","selectWrapper":"bds015-selectWrapper","select":"bds015-select","selectError":"bds015-selectError","chevron":"bds015-chevron"};
+var Select_default = {"formGroup":"bds016-formGroup","selectWrapper":"bds016-selectWrapper","select":"bds016-select","selectError":"bds016-selectError","chevron":"bds016-chevron"};
 
 // src/components/interaction/form/Select/Select.tsx
 import { cn as cn36 } from "@boostdev/design-system-foundation";
@@ -2031,7 +2031,7 @@ function Select({
 import { useId as useId16, useState as useState11 } from "react";
 
 // src/components/interaction/form/Slider/Slider.module.css
-var Slider_default = {"formGroup":"bds015-formGroup","labelRow":"bds015-labelRow","value":"bds015-value","slider":"bds015-slider","sliderError":"bds015-sliderError"};
+var Slider_default = {"formGroup":"bds016-formGroup","labelRow":"bds016-labelRow","value":"bds016-value","slider":"bds016-slider","sliderError":"bds016-sliderError"};
 
 // src/components/interaction/form/Slider/Slider.tsx
 import { cn as cn37 } from "@boostdev/design-system-foundation";
@@ -2092,7 +2092,7 @@ function Slider({
 import { useId as useId17 } from "react";
 
 // src/components/interaction/form/Switch/Switch.module.css
-var Switch_default = {"switchGroup":"bds015-switchGroup","--size_small":"bds015---size_small","--size_medium":"bds015---size_medium","--size_large":"bds015---size_large","inputWrapper":"bds015-inputWrapper","trackWrapper":"bds015-trackWrapper","switch":"bds015-switch","track":"bds015-track","thumb":"bds015-thumb","switchError":"bds015-switchError"};
+var Switch_default = {"switchGroup":"bds016-switchGroup","--size_small":"bds016---size_small","--size_medium":"bds016---size_medium","--size_large":"bds016---size_large","inputWrapper":"bds016-inputWrapper","trackWrapper":"bds016-trackWrapper","switch":"bds016-switch","track":"bds016-track","thumb":"bds016-thumb","switchError":"bds016-switchError"};
 
 // src/components/interaction/form/Switch/Switch.tsx
 import { cn as cn38 } from "@boostdev/design-system-foundation";
@@ -2138,7 +2138,7 @@ function Switch({
 import { useId as useId18 } from "react";
 
 // src/components/interaction/form/Textarea/Textarea.module.css
-var Textarea_default = {"formGroup":"bds015-formGroup","textarea":"bds015-textarea","textareaError":"bds015-textareaError"};
+var Textarea_default = {"formGroup":"bds016-formGroup","textarea":"bds016-textarea","textareaError":"bds016-textareaError"};
 
 // src/components/interaction/form/Textarea/Textarea.tsx
 import { cn as cn39 } from "@boostdev/design-system-foundation";
@@ -2174,7 +2174,7 @@ function Textarea({
 }
 
 // src/components/layout/ButtonGroup/ButtonGroup.module.css
-var ButtonGroup_default = {"buttonGroup":"bds015-buttonGroup","container":"bds015-container","--variant__card":"bds015---variant__card","--variant__flow":"bds015---variant__flow","--variant__modal":"bds015---variant__modal","--variant__content":"bds015---variant__content","--variant__grid":"bds015---variant__grid"};
+var ButtonGroup_default = {"buttonGroup":"bds016-buttonGroup","container":"bds016-container","--variant__card":"bds016---variant__card","--variant__flow":"bds016---variant__flow","--variant__modal":"bds016---variant__modal","--variant__content":"bds016---variant__content","--variant__grid":"bds016---variant__grid"};
 
 // src/components/layout/ButtonGroup/ButtonGroup.tsx
 import { cn as cn40 } from "@boostdev/design-system-foundation";
@@ -2184,7 +2184,7 @@ function ButtonGroup({ children, className, variant }) {
 }
 
 // src/components/layout/Card/Card.module.css
-var Card_default = {"card":"bds015-card","--default":"bds015---default","--elevated":"bds015---elevated","--outlined":"bds015---outlined","--clickable":"bds015---clickable","--padding-none":"bds015---padding-none","--padding-small":"bds015---padding-small","--padding-medium":"bds015---padding-medium","--padding-large":"bds015---padding-large","--text-start":"bds015---text-start","--text-center":"bds015---text-center","--text-end":"bds015---text-end"};
+var Card_default = {"card":"bds016-card","--default":"bds016---default","--elevated":"bds016---elevated","--outlined":"bds016---outlined","--clickable":"bds016---clickable","--padding-none":"bds016---padding-none","--padding-small":"bds016---padding-small","--padding-medium":"bds016---padding-medium","--padding-large":"bds016---padding-large","--text-start":"bds016---text-start","--text-center":"bds016---text-center","--text-end":"bds016---text-end"};
 
 // src/components/layout/Card/Card.tsx
 import { cn as cn41 } from "@boostdev/design-system-foundation";
@@ -2222,7 +2222,7 @@ function Card({
 }
 
 // src/components/layout/SectionHeader/SectionHeader.module.css
-var SectionHeader_default = {"sectionHeader":"bds015-sectionHeader","title":"bds015-title","subtitle":"bds015-subtitle","--start":"bds015---start","--center":"bds015---center","--end":"bds015---end","--small":"bds015---small","--medium":"bds015---medium","--large":"bds015---large"};
+var SectionHeader_default = {"sectionHeader":"bds016-sectionHeader","title":"bds016-title","subtitle":"bds016-subtitle","--start":"bds016---start","--center":"bds016---center","--end":"bds016---end","--small":"bds016---small","--medium":"bds016---medium","--large":"bds016---large"};
 
 // src/components/layout/SectionHeader/SectionHeader.tsx
 import { cn as cn42 } from "@boostdev/design-system-foundation";
@@ -2243,7 +2243,7 @@ function SectionHeader({
 }
 
 // src/components/layout/IconWrapper/IconWrapper.module.css
-var IconWrapper_default = {"wrapper":"bds015-wrapper"};
+var IconWrapper_default = {"wrapper":"bds016-wrapper"};
 
 // src/components/layout/IconWrapper/IconWrapper.tsx
 import { cn as cn43 } from "@boostdev/design-system-foundation";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@boostdev/design-system-components",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "BoostDev React component library: accessible, token-driven components built on @boostdev/design-system-foundation",
   "keywords": [
     "React",
@@ -115,6 +115,7 @@
     "@types/react-dom": "^18",
     "@vitejs/plugin-react": "^5.1.4",
     "eslint": "^9",
+    "git-cliff": "^2.12.0",
     "identity-obj-proxy": "^3.0.0",
     "jsdom": "^28.1.0",
     "storybook": "^8.6.18",

package/src/components/interaction/Command/Command.module.css

@@ -17,12 +17,13 @@
   .palette {
     display: flex;
     flex-direction: column;
-    background-color: var(--color_bg);
+    background-color: var(--command_color, var(--color_bg));
+    color: var(--command_on-color, var(--color_on-bg));
     border-radius: var(--border_radius--m);
     box-shadow: var(--shadow_xl);
     overflow: hidden;
     max-height: 70vh;
-    border: 1px solid var(--color_bg--subtle);
+    border: 1px solid currentcolor;
   }
 
   .searchRow {
@@ -30,7 +31,7 @@
     align-items: center;
     gap: var(--space_xs);
     padding: var(--space_s) var(--space_m);
-    border-block-end: 1px solid var(--color_bg--subtle);
+    border-block-end: 1px solid currentcolor;
     flex-shrink: 0;
   }
 
@@ -59,7 +60,7 @@
   .escHint {
     font-size: var(--font_size--body--s);
     color: var(--color_on-bg--muted);
-    border: 1px solid var(--color_on-bg--muted);
+    border: 1px solid currentcolor;
     border-radius: var(--border_radius--xs);
     padding: 0.1em 0.4em;
     flex-shrink: 0;
@@ -114,7 +115,7 @@
   .shortcut {
     font-size: var(--font_size--body--s);
     color: var(--color_on-bg--muted);
-    border: 1px solid var(--color_on-bg--muted);
+    border: 1px solid currentcolor;
     border-radius: var(--border_radius--xs);
     padding: 0.1em 0.4em;
   }

package/src/components/interaction/Dialog/Dialog.module.css

@@ -1,17 +1,20 @@
 @layer component {
   .dialog {
-    display: grid;
-    gap: var(--grid_gap);
     font-size: var(--font_size--body--s);
     border: 2px solid currentcolor;
-    background-color: var(--color_grey--subtle);
-    color: var(--color_on-grey--subtle);
+    background-color: var(--dialog_color ,var(--color_grey--subtle));
+    color: var(--dialog_on-color, var(--color_on-grey--subtle));
     border-radius: var(--border_radius--m);
     padding: var(--space_l);
     overflow: visible;
     max-width: 90svw;
   }
 
+  .dialogContent {
+    display: grid;
+    gap: var(--grid_gap);
+  }
+
   .closeForm {
     position: absolute;
     inset-block-start: -1em;
@@ -27,7 +30,7 @@
     justify-content: center;
     border-radius: 50%;
     background-color: var(--color_bg);
-    color: var(--color_on-bg);
+    color: currentcolor;
     border: 2px solid currentcolor;
     cursor: pointer;
   }

package/src/components/interaction/Dialog/Dialog.stories.tsx

@@ -14,7 +14,7 @@ type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {
   args: {
-    isVisible: true,
+    isOpen: true,
     children: <p>This is dialog content.</p>,
   },
 };
@@ -25,7 +25,7 @@ export const Interactive: Story = {
     return (
       <>
         <Button onClick={() => setOpen(true)}>Open Dialog</Button>
-        <Dialog isVisible={open} handleClose={() => setOpen(false)}>
+        <Dialog isOpen={open} onClose={() => setOpen(false)}>
           <h2>Dialog Title</h2>
           <p>This is the dialog body content.</p>
           <Button onClick={() => setOpen(false)}>Close</Button>

package/src/components/interaction/Dialog/Dialog.tsx

@@ -50,7 +50,9 @@ export function Dialog({ children, isOpen = false, className, onClose }: DialogP
           </svg>
         </button>
       </form>
-      {children}
+      <div className={css.dialogContent}>
+        {children}
+      </div>
     </dialog>
   );
 }

package/src/components/interaction/Drawer/Drawer.module.css

@@ -24,8 +24,8 @@
     flex-direction: column;
     width: min(28rem, 90vw);
     height: 100%;
-    background-color: var(--color_bg);
-    color: var(--color_on-bg);
+    background-color: var(--drawer_color, var(--color_bg));
+    color: var(--drawer_on-color, var(--color_on-bg));
     box-shadow: var(--shadow_xl);
     overflow: hidden;
     transition: transform var(--animation_transition-duration) var(--animation_easing);
@@ -44,7 +44,7 @@
     align-items: center;
     justify-content: space-between;
     padding: var(--space_m) var(--space_l);
-    border-block-end: 1px solid var(--color_bg--subtle);
+    border-block-end: 1px solid currentcolor;
     flex-shrink: 0;
   }
 
@@ -64,7 +64,6 @@
     height: 2rem;
     border-radius: 50%;
     cursor: pointer;
-    color: var(--color_on-bg);
     transition: var(--animation_transition);
   }