@boostdev/design-system-components 0.1.2 → 0.1.4

package/dist/index.js

@@ -2,7 +2,7 @@
 import { useId, useState } from "react";
 
 // src/components/ui/Accordion/Accordion.module.css
-var Accordion_default = {};
+var Accordion_default = {"accordion":"bds014-accordion","item":"bds014-item","heading":"bds014-heading","trigger":"bds014-trigger","triggerLabel":"bds014-triggerLabel","chevron":"bds014-chevron","--open":"bds014---open","panel":"bds014-panel","panelContent":"bds014-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 = {};
+var Alert_default = {"alert":"bds014-alert","--variant_info":"bds014---variant_info","--variant_success":"bds014---variant_success","--variant_warning":"bds014---variant_warning","--variant_error":"bds014---variant_error","icon":"bds014-icon","content":"bds014-content","title":"bds014-title","dismiss":"bds014-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 = {};
+var Avatar_default = {"avatar":"bds014-avatar","--fallback":"bds014---fallback","--size_small":"bds014---size_small","--size_medium":"bds014---size_medium","--size_large":"bds014---size_large","image":"bds014-image","initials":"bds014-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 = {};
+var Badge_default = {"badge":"bds014-badge","--variant_primary":"bds014---variant_primary","--variant_secondary":"bds014---variant_secondary","--variant_success":"bds014---variant_success","--variant_error":"bds014---variant_error","--variant_warning":"bds014---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 = {};
+var Breadcrumb_default = {"breadcrumb":"bds014-breadcrumb","list":"bds014-list","item":"bds014-item","link":"bds014-link","separator":"bds014-separator","current":"bds014-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 = {};
+var Calendar_default = {"calendar":"bds014-calendar","header":"bds014-header","monthYear":"bds014-monthYear","navBtn":"bds014-navBtn","grid":"bds014-grid","weekday":"bds014-weekday","empty":"bds014-empty","day":"bds014-day","disabled":"bds014-disabled","selected":"bds014-selected","today":"bds014-today"};
 
 // src/components/ui/Calendar/Calendar.tsx
 import { cn as cn6 } from "@boostdev/design-system-foundation";
@@ -331,7 +331,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 = {};
+var Carousel_default = {"carousel":"bds014-carousel","track":"bds014-track","slide":"bds014-slide","navBtn":"bds014-navBtn"};
 
 // src/components/ui/Carousel/Carousel.tsx
 import { cn as cn7 } from "@boostdev/design-system-foundation";
@@ -384,7 +384,7 @@ function Carousel({ items, label, className }) {
 }
 
 // src/components/ui/DescriptionList/DescriptionList.module.css
-var DescriptionList_default = {};
+var DescriptionList_default = {"list":"bds014-list","group":"bds014-group","term":"bds014-term","details":"bds014-details","--layout_inline":"bds014---layout_inline"};
 
 // src/components/ui/DescriptionList/DescriptionList.tsx
 import { cn as cn8 } from "@boostdev/design-system-foundation";
@@ -397,7 +397,7 @@ function DescriptionList({ items, layout = "stacked", className }) {
 }
 
 // src/components/ui/Link/Link.module.css
-var Link_default = {};
+var Link_default = {"link":"bds014-link","--variant_default":"bds014---variant_default","--variant_subtle":"bds014---variant_subtle","--variant_standalone":"bds014---variant_standalone","externalLabel":"bds014-externalLabel"};
 
 // src/components/ui/Link/Link.tsx
 import { cn as cn9 } from "@boostdev/design-system-foundation";
@@ -427,7 +427,7 @@ function Link({
 }
 
 // src/components/ui/Loading/Loading.module.css
-var Loading_default = {};
+var Loading_default = {"loading":"bds014-loading","spinner":"bds014-spinner","--size_small":"bds014---size_small","--size_large":"bds014---size_large"};
 
 // src/components/ui/Loading/Loading.tsx
 import { cn as cn10 } from "@boostdev/design-system-foundation";
@@ -437,7 +437,7 @@ function Loading({ size = "medium", className }) {
 }
 
 // src/components/ui/NotificationBanner/NotificationBanner.module.css
-var NotificationBanner_default = {};
+var NotificationBanner_default = {"banner":"bds014-banner","--variant_info":"bds014---variant_info","--variant_success":"bds014---variant_success","--variant_warning":"bds014---variant_warning","--variant_error":"bds014---variant_error","content":"bds014-content","action":"bds014-action","dismiss":"bds014-dismiss"};
 
 // src/components/ui/NotificationBanner/NotificationBanner.tsx
 import { cn as cn11 } from "@boostdev/design-system-foundation";
@@ -476,7 +476,7 @@ function NotificationBanner({
 }
 
 // src/components/ui/Pagination/Pagination.module.css
-var Pagination_default = {};
+var Pagination_default = {"pagination":"bds014-pagination","list":"bds014-list","button":"bds014-button","--active":"bds014---active","--nav":"bds014---nav","ellipsis":"bds014-ellipsis"};
 
 // src/components/ui/Pagination/Pagination.tsx
 import { cn as cn12 } from "@boostdev/design-system-foundation";
@@ -540,7 +540,7 @@ function Pagination({
 }
 
 // src/components/ui/Progress/Progress.module.css
-var Progress_default = {};
+var Progress_default = {"container":"bds014-container","labelRow":"bds014-labelRow","label":"bds014-label","value":"bds014-value","track":"bds014-track","--size_small":"bds014---size_small","--size_medium":"bds014---size_medium","--size_large":"bds014---size_large","fill":"bds014-fill"};
 
 // src/components/ui/Progress/Progress.tsx
 import { cn as cn13 } from "@boostdev/design-system-foundation";
@@ -578,7 +578,7 @@ function Progress({
 }
 
 // src/components/ui/ProgressCircle/ProgressCircle.module.css
-var ProgressCircle_default = {};
+var ProgressCircle_default = {"wrapper":"bds014-wrapper","svg":"bds014-svg","track":"bds014-track","fill":"bds014-fill","value":"bds014-value","--size_small":"bds014---size_small","--size_medium":"bds014---size_medium","--size_large":"bds014---size_large"};
 
 // src/components/ui/ProgressCircle/ProgressCircle.tsx
 import { cn as cn14 } from "@boostdev/design-system-foundation";
@@ -657,7 +657,7 @@ function ProgressCircle({
 }
 
 // src/components/ui/Separator/Separator.module.css
-var Separator_default = {};
+var Separator_default = {"separator":"bds014-separator","--horizontal":"bds014---horizontal","--vertical":"bds014---vertical"};
 
 // src/components/ui/Separator/Separator.tsx
 import { cn as cn15 } from "@boostdev/design-system-foundation";
@@ -680,7 +680,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 = {};
+var Skeleton_default = {"skeleton":"bds014-skeleton"};
 
 // src/components/ui/Skeleton/Skeleton.tsx
 import { jsx as jsx16 } from "react/jsx-runtime";
@@ -689,7 +689,7 @@ function Skeleton({ className }) {
 }
 
 // src/components/ui/SkipLink/SkipLink.module.css
-var SkipLink_default = {};
+var SkipLink_default = {"skipLink":"bds014-skipLink"};
 
 // src/components/ui/SkipLink/SkipLink.tsx
 import { jsx as jsx17 } from "react/jsx-runtime";
@@ -698,7 +698,7 @@ function SkipLink({ href = "#main", children = "Skip to main content" }) {
 }
 
 // src/components/ui/Table/Table.module.css
-var Table_default = {};
+var Table_default = {"wrapper":"bds014-wrapper","table":"bds014-table","caption":"bds014-caption","thead":"bds014-thead","th":"bds014-th","--sortable":"bds014---sortable","sortButton":"bds014-sortButton","sortIcon":"bds014-sortIcon","--sort-active":"bds014---sort-active","--sort-desc":"bds014---sort-desc","tbody":"bds014-tbody","tr":"bds014-tr","td":"bds014-td"};
 
 // src/components/ui/Table/Table.tsx
 import { cn as cn17 } from "@boostdev/design-system-foundation";
@@ -767,7 +767,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 = {};
+var Tabs_default = {"tabs":"bds014-tabs","tabList":"bds014-tabList","tab":"bds014-tab","--active":"bds014---active","panel":"bds014-panel"};
 
 // src/components/ui/Tabs/Tabs.tsx
 import { cn as cn18 } from "@boostdev/design-system-foundation";
@@ -848,7 +848,7 @@ function Tabs({ tabs, defaultTab, className }) {
 import { cloneElement, isValidElement, useId as useId5 } from "react";
 
 // src/components/ui/Tooltip/Tooltip.module.css
-var Tooltip_default = {};
+var Tooltip_default = {"wrapper":"bds014-wrapper","tooltip":"bds014-tooltip","--placement_top":"bds014---placement_top","--placement_bottom":"bds014---placement_bottom","--placement_left":"bds014---placement_left","--placement_right":"bds014---placement_right"};
 
 // src/components/ui/Tooltip/Tooltip.tsx
 import { cn as cn19 } from "@boostdev/design-system-foundation";
@@ -878,7 +878,7 @@ function Tooltip({
 }
 
 // src/components/ui/Typography/Typography.module.css
-var Typography_default = {};
+var Typography_default = {"typography":"bds014-typography","--h1":"bds014---h1","--h2":"bds014---h2","--h3":"bds014---h3","--body":"bds014---body","--body_s":"bds014---body_s"};
 
 // src/components/ui/Typography/Typography.tsx
 import { cn as cn20 } from "@boostdev/design-system-foundation";
@@ -896,7 +896,7 @@ function Typography({ variant = "body", component, children, className }) {
 }
 
 // src/components/interaction/Button/Button.module.css
-var Button_default = {};
+var Button_default = {"button":"bds014-button","--primary":"bds014---primary","--secondary":"bds014---secondary","--size_small":"bds014---size_small","--size_medium":"bds014---size_medium","--size_large":"bds014---size_large","--hasPulse":"bds014---hasPulse","prefix":"bds014-prefix","suffix":"bds014-suffix"};
 
 // src/components/interaction/Button/Button.tsx
 import { cn as cn21 } from "@boostdev/design-system-foundation";
@@ -939,7 +939,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 = {};
+var Command_default = {"dialog":"bds014-dialog","palette":"bds014-palette","searchRow":"bds014-searchRow","searchIcon":"bds014-searchIcon","search":"bds014-search","escHint":"bds014-escHint","list":"bds014-list","groupList":"bds014-groupList","group":"bds014-group","item":"bds014-item","itemActive":"bds014-itemActive","itemLabel":"bds014-itemLabel","itemDesc":"bds014-itemDesc","shortcut":"bds014-shortcut","empty":"bds014-empty"};
 
 // src/components/interaction/Command/Command.tsx
 import { cn as cn22 } from "@boostdev/design-system-foundation";
@@ -1078,7 +1078,7 @@ function Command({
 import { useEffect as useEffect2, useRef as useRef4 } from "react";
 
 // src/components/interaction/Dialog/Dialog.module.css
-var Dialog_default = {};
+var Dialog_default = {"dialog":"bds014-dialog","closeForm":"bds014-closeForm","closeButton":"bds014-closeButton"};
 
 // src/components/interaction/Dialog/Dialog.tsx
 import { cn as cn23 } from "@boostdev/design-system-foundation";
@@ -1113,7 +1113,7 @@ function Dialog({ children, isVisible = false, className, handleClose }) {
 import { useEffect as useEffect3, useRef as useRef5 } from "react";
 
 // src/components/interaction/Drawer/Drawer.module.css
-var Drawer_default = {};
+var Drawer_default = {"drawer":"bds014-drawer","panel":"bds014-panel","--side_right":"bds014---side_right","--side_left":"bds014---side_left","header":"bds014-header","title":"bds014-title","closeButton":"bds014-closeButton","body":"bds014-body"};
 
 // src/components/interaction/Drawer/Drawer.tsx
 import { cn as cn24 } from "@boostdev/design-system-foundation";
@@ -1182,7 +1182,7 @@ import {
 } from "react";
 
 // src/components/interaction/DropdownMenu/DropdownMenu.module.css
-var DropdownMenu_default = {};
+var DropdownMenu_default = {"wrapper":"bds014-wrapper","menu":"bds014-menu","--placement_bottom-start":"bds014---placement_bottom-start","--placement_bottom-end":"bds014---placement_bottom-end","separator":"bds014-separator","item":"bds014-item","icon":"bds014-icon"};
 
 // src/components/interaction/DropdownMenu/DropdownMenu.tsx
 import { cn as cn25 } from "@boostdev/design-system-foundation";
@@ -1302,7 +1302,7 @@ import {
 } from "react";
 
 // src/components/interaction/Popover/Popover.module.css
-var Popover_default = {};
+var Popover_default = {"wrapper":"bds014-wrapper","panel":"bds014-panel","--placement_bottom":"bds014---placement_bottom","--placement_top":"bds014---placement_top","--placement_right":"bds014---placement_right","--placement_left":"bds014---placement_left"};
 
 // src/components/interaction/Popover/Popover.tsx
 import { cn as cn26 } from "@boostdev/design-system-foundation";
@@ -1358,7 +1358,7 @@ function Popover({
 }
 
 // src/components/interaction/Rating/Rating.module.css
-var Rating_default = {};
+var Rating_default = {"rating":"bds014-rating","star":"bds014-star","--filled":"bds014---filled"};
 
 // src/components/interaction/Rating/Rating.tsx
 import { cn as cn27 } from "@boostdev/design-system-foundation";
@@ -1389,7 +1389,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 = {};
+var Toast_default = {"toastContainer":"bds014-toastContainer","toast":"bds014-toast","--variant_success":"bds014---variant_success","--variant_error":"bds014---variant_error","--variant_info":"bds014---variant_info"};
 
 // src/components/interaction/Toast/Toast.tsx
 import { cn as cn28 } from "@boostdev/design-system-foundation";
@@ -1436,10 +1436,10 @@ function useToast() {
 import { useId as useId9 } from "react";
 
 // src/components/interaction/form/Checkbox/Checkbox.module.css
-var Checkbox_default = {};
+var Checkbox_default = {"checkboxGroup":"bds014-checkboxGroup","inputWrapper":"bds014-inputWrapper","checkbox":"bds014-checkbox","checkboxError":"bds014-checkboxError"};
 
 // src/components/interaction/form/atoms/Message.module.css
-var Message_default = {};
+var Message_default = {"error":"bds014-error","hint":"bds014-hint"};
 
 // src/components/interaction/form/atoms/Message.tsx
 import { jsx as jsx30 } from "react/jsx-runtime";
@@ -1449,7 +1449,7 @@ var Message = ({ message, type, inputId }) => {
 };
 
 // src/components/interaction/form/atoms/Label.module.css
-var Label_default = {};
+var Label_default = {"label":"bds014-label"};
 
 // src/components/interaction/form/atoms/Label.tsx
 import { jsx as jsx31 } from "react/jsx-runtime";
@@ -1461,7 +1461,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 = {};
+var InputContainer_default = {"container":"bds014-container"};
 
 // src/components/interaction/form/atoms/InputContainer.tsx
 import { cn as cn29 } from "@boostdev/design-system-foundation";
@@ -1506,7 +1506,7 @@ import {
 } from "react";
 
 // src/components/interaction/form/Combobox/Combobox.module.css
-var Combobox_default = {};
+var Combobox_default = {"formGroup":"bds014-formGroup","inputWrapper":"bds014-inputWrapper","input":"bds014-input","inputError":"bds014-inputError","chevron":"bds014-chevron","listbox":"bds014-listbox","option":"bds014-option","--highlighted":"bds014---highlighted","--selected":"bds014---selected","--disabled":"bds014---disabled"};
 
 // src/components/interaction/form/Combobox/Combobox.tsx
 import { cn as cn31 } from "@boostdev/design-system-foundation";
@@ -1652,7 +1652,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 = {};
+var FileInput_default = {"formGroup":"bds014-formGroup","dropZone":"bds014-dropZone","isDragging":"bds014-isDragging","hasError":"bds014-hasError","isDisabled":"bds014-isDisabled","icon":"bds014-icon","prompt":"bds014-prompt","acceptHint":"bds014-acceptHint","hiddenInput":"bds014-hiddenInput"};
 
 // src/components/interaction/form/FileInput/FileInput.tsx
 import { cn as cn32 } from "@boostdev/design-system-foundation";
@@ -1737,7 +1737,7 @@ function FileInput({
 import { useId as useId12 } from "react";
 
 // src/components/interaction/form/FormInput/FormInput.module.css
-var FormInput_default = {};
+var FormInput_default = {"formGroup":"bds014-formGroup","input":"bds014-input","inputError":"bds014-inputError"};
 
 // src/components/interaction/form/FormInput/FormInput.tsx
 import { cn as cn33 } from "@boostdev/design-system-foundation";
@@ -1778,7 +1778,7 @@ function FormInput({
 import { useId as useId13, useRef as useRef10 } from "react";
 
 // src/components/interaction/form/NumberInput/NumberInput.module.css
-var NumberInput_default = {};
+var NumberInput_default = {"formGroup":"bds014-formGroup","inputRow":"bds014-inputRow","input":"bds014-input","inputError":"bds014-inputError","stepper":"bds014-stepper"};
 
 // src/components/interaction/form/NumberInput/NumberInput.tsx
 import { cn as cn34 } from "@boostdev/design-system-foundation";
@@ -1870,7 +1870,7 @@ function NumberInput({
 import { useId as useId14 } from "react";
 
 // src/components/interaction/form/Radio/Radio.module.css
-var Radio_default = {};
+var Radio_default = {"radioGroup":"bds014-radioGroup","inputWrapper":"bds014-inputWrapper","radio":"bds014-radio","radioError":"bds014-radioError"};
 
 // src/components/interaction/form/Radio/Radio.tsx
 import { cn as cn35 } from "@boostdev/design-system-foundation";
@@ -1904,7 +1904,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 = {};
+var Select_default = {"formGroup":"bds014-formGroup","selectWrapper":"bds014-selectWrapper","select":"bds014-select","selectError":"bds014-selectError","chevron":"bds014-chevron"};
 
 // src/components/interaction/form/Select/Select.tsx
 import { cn as cn36 } from "@boostdev/design-system-foundation";
@@ -1952,7 +1952,7 @@ function Select({
 import { useId as useId16, useState as useState10 } from "react";
 
 // src/components/interaction/form/Slider/Slider.module.css
-var Slider_default = {};
+var Slider_default = {"formGroup":"bds014-formGroup","labelRow":"bds014-labelRow","value":"bds014-value","slider":"bds014-slider","sliderError":"bds014-sliderError"};
 
 // src/components/interaction/form/Slider/Slider.tsx
 import { cn as cn37 } from "@boostdev/design-system-foundation";
@@ -2012,7 +2012,7 @@ function Slider({
 import { useId as useId17 } from "react";
 
 // src/components/interaction/form/Switch/Switch.module.css
-var Switch_default = {};
+var Switch_default = {"switchGroup":"bds014-switchGroup","--size_small":"bds014---size_small","--size_medium":"bds014---size_medium","--size_large":"bds014---size_large","inputWrapper":"bds014-inputWrapper","trackWrapper":"bds014-trackWrapper","switch":"bds014-switch","track":"bds014-track","thumb":"bds014-thumb","switchError":"bds014-switchError"};
 
 // src/components/interaction/form/Switch/Switch.tsx
 import { cn as cn38 } from "@boostdev/design-system-foundation";
@@ -2058,7 +2058,7 @@ function Switch({
 import { useId as useId18 } from "react";
 
 // src/components/interaction/form/Textarea/Textarea.module.css
-var Textarea_default = {};
+var Textarea_default = {"formGroup":"bds014-formGroup","textarea":"bds014-textarea","textareaError":"bds014-textareaError"};
 
 // src/components/interaction/form/Textarea/Textarea.tsx
 import { cn as cn39 } from "@boostdev/design-system-foundation";
@@ -2094,7 +2094,7 @@ function Textarea({
 }
 
 // src/components/layout/ButtonGroup/ButtonGroup.module.css
-var ButtonGroup_default = {};
+var ButtonGroup_default = {"buttonGroup":"bds014-buttonGroup","container":"bds014-container","--variant__card":"bds014---variant__card","--variant__flow":"bds014---variant__flow","--variant__modal":"bds014---variant__modal","--variant__content":"bds014---variant__content","--variant__grid":"bds014---variant__grid"};
 
 // src/components/layout/ButtonGroup/ButtonGroup.tsx
 import { cn as cn40 } from "@boostdev/design-system-foundation";
@@ -2104,7 +2104,7 @@ function ButtonGroup({ children, className, variant }) {
 }
 
 // src/components/layout/Card/Card.module.css
-var Card_default = {};
+var Card_default = {"card":"bds014-card","--default":"bds014---default","--elevated":"bds014---elevated","--outlined":"bds014---outlined","--clickable":"bds014---clickable","--padding-none":"bds014---padding-none","--padding-small":"bds014---padding-small","--padding-medium":"bds014---padding-medium","--padding-large":"bds014---padding-large","--text-start":"bds014---text-start","--text-center":"bds014---text-center","--text-end":"bds014---text-end"};
 
 // src/components/layout/Card/Card.tsx
 import { cn as cn41 } from "@boostdev/design-system-foundation";
@@ -2140,7 +2140,7 @@ function Card({
 }
 
 // src/components/layout/SectionHeader/SectionHeader.module.css
-var SectionHeader_default = {};
+var SectionHeader_default = {"sectionHeader":"bds014-sectionHeader","title":"bds014-title","subtitle":"bds014-subtitle","--start":"bds014---start","--center":"bds014---center","--end":"bds014---end","--small":"bds014---small","--medium":"bds014---medium","--large":"bds014---large"};
 
 // src/components/layout/SectionHeader/SectionHeader.tsx
 import { cn as cn42 } from "@boostdev/design-system-foundation";
@@ -2161,7 +2161,7 @@ function SectionHeader({
 }
 
 // src/components/layout/IconWrapper/IconWrapper.module.css
-var IconWrapper_default = {};
+var IconWrapper_default = {"wrapper":"bds014-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.2",
+  "version": "0.1.4",
   "description": "BoostDev React component library: accessible, token-driven components built on @boostdev/design-system-foundation",
   "keywords": [
     "React",
@@ -30,7 +30,12 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
-    "./css": "./src/css/index.css",
+    "./client": {
+      "types": "./dist/client.d.ts",
+      "import": "./dist/client.js",
+      "require": "./dist/client.cjs"
+    },
+    "./css": "./dist/index.css",
     "./css/accordion": "./src/components/ui/Accordion/Accordion.module.css",
     "./css/alert": "./src/components/ui/Alert/Alert.module.css",
     "./css/avatar": "./src/components/ui/Avatar/Avatar.module.css",
@@ -86,7 +91,7 @@
     "AGENTS.md"
   ],
   "scripts": {
-    "build": "tsup",
+    "build": "tsup && node scripts/patch-css-modules.mjs",
     "dev": "tsup --watch",
     "typecheck": "tsc --noEmit",
     "lint": "eslint src",

package/src/client.ts

@@ -0,0 +1 @@
+export * from './index';

package/src/components/layout/Card/Card.module.css

@@ -15,7 +15,7 @@
   }
 
   .card.--outlined {
-    border: 1px solid var(--color_border);
+    border: 1px solid var(--color_on-bg);
     box-shadow: var(--shadow_s);
   }
 

package/src/components/layout/IconWrapper/IconWrapper.module.css

@@ -1,8 +1,5 @@
 @layer component {
   .wrapper {
-    --icon-wrapper-color: var(--color_bg);
-    --color_on-icon-wrapper-color: var(--color_on-bg);
-
     width: 2em;
     height: 2em;
     font-size: 3em;
@@ -11,9 +8,9 @@
     align-items: center;
     justify-content: center;
     margin: var(--space_l) auto var(--space_m);
-    background: var(--icon-wrapper-color);
-    color: var(--color_on-icon-wrapper-color);
-    fill: var(--color_on-icon-wrapper-color);
+    background: var(--icon-wrapper-color, var(--color_bg));
+    color: var(--color_on-icon-wrapper-color, var(--color_on-bg));
+    fill: var(--color_on-icon-wrapper-color, var(--color_on-bg));
     position: relative;
     transition: var(--animation_transition);
   }

package/src/components/layout/SectionHeader/SectionHeader.module.css

@@ -1,8 +1,5 @@
 @layer component {
   .sectionHeader {
-    --sectionHeader-title-color: var(--color_on-bg);
-    --sectionHeader_subtitle-color: var(--color_grey--strong);
-
     display: flex;
     flex-direction: column;
     gap: var(--space_m);
@@ -11,13 +8,13 @@
   }
 
   .title {
-    color: var(--sectionHeader-title-color);
+    color: var(--sectionHeader-title-color, var(--color_on-bg));
     margin: 0;
     font-family: var(--font_family--body);
   }
 
   .subtitle {
-    color: var(--sectionHeader_subtitle-color);
+    color: var(--sectionHeader_subtitle-color, var(--color_grey--strong));
     margin: 0;
     font-family: var(--font_family--body);
     font-weight: var(--font_weight--medium);

package/src/components/ui/Separator/Separator.module.css

@@ -1,22 +1,19 @@
 @layer component {
   .separator {
-    --separator_color:     var(--color_border);
-    --separator_thickness: 1px;
-
     border: none;
-    background-color: var(--separator_color);
+    background-color: var(--separator_color, var(--color_border));
   }
 
   .separator.--horizontal {
     display: block;
     width: 100%;
-    height: var(--separator_thickness);
+    height: var(--separator_thickness, 1px);
     margin-block: var(--space_m);
   }
 
   .separator.--vertical {
     display: inline-block;
-    width: var(--separator_thickness);
+    width: var(--separator_thickness, 1px);
     align-self: stretch;
     margin-inline: var(--space_m);
   }

package/src/components/ui/Typography/Typography.module.css

@@ -1,11 +1,8 @@
 @layer component {
   .typography {
-    /* Component token — override from a parent context or inline style */
-    --typography_color: var(--color_on-bg);
-
     margin: 0;
     font-family: var(--font_family--body);
-    color: var(--typography_color);
+    color: var(--typography_color, var(--color_on-bg));
   }
 
   .--h1 {