@accelint/design-system 0.2.1 → 0.3.0

package/dist/vanilla.d.ts

@@ -1,30 +1,9 @@
-export { buttonClassNames, buttonColorVars, buttonContainer, buttonSpaceVars, buttonStateVars } from './components/button/button.vanilla.js';
-export { checkboxClassNames, checkboxColorVars, checkboxContainer, checkboxGroupStateVars, checkboxSpaceVars, checkboxStateVars } from './components/checkbox/checkbox.vanilla.js';
-export { chipClassNames, chipColorVars, chipContainer, chipSpaceVars, chipStateVars } from './components/chip/chip.vanilla.js';
-export { comboBoxClassNames, comboBoxColorVars, comboBoxContainer, comboBoxSpaceVars, comboBoxStateVars } from './components/combo-box/combo-box.vanilla.js';
-export { dialogClassNames, dialogColorVars, dialogContainer, dialogSpaceVars, dialogStateVars } from './components/dialog/dialog.vanilla.js';
-export { drawerAnimationVars, drawerClassNames, drawerColorVars, drawerContainer, drawerDialogStateVars, drawerSpaceVars, drawerStateVars } from './components/drawer/drawer.vanilla.js';
-export { groupClassNames, groupContainer, groupSpaceVars, groupStateVars } from './components/group/group.vanilla.js';
-export { iconClassNames, iconColorVars, iconContainer, iconSpaceVars, iconStateVars } from './components/icon/icon.vanilla.js';
-export { inputClassNames, inputColorVars, inputContainer, inputSpaceVars, inputStateVars } from './components/input/input.vanilla.js';
-export { menuColorVars, menuItemStateVars, menuSpaceVars, menuStateVars } from './components/menu/menu.vanilla.js';
-export { optionsClassNames, optionsColorVars, optionsContainers, optionsItemStateVars, optionsListStateVars, optionsSpaceVars, optionsStateVars } from './components/options/options.vanilla.js';
-export { pickerClassNames, pickerContainers, pickerItemColorVars, pickerItemStateVars, pickerSpaceVars, pickerStateVars } from './components/picker/picker.vanilla.js';
-export { popoverClassNames, popoverColorVars, popoverSpaceVars, popoverStateVars } from './components/popover/popover.vanilla.js';
-export { queryBuilderClassNames, queryBuilderColorVars, queryBuilderContainers, queryBuilderGroupStateVars, queryBuilderRuleStateVars, queryBuilderSpaceVars, queryBuilderStateVars } from './components/query-builder/query-builder.vanilla.js';
-export { radioClassNames, radioColorVars, radioGroupStateVars, radioSpaceVars, radioStateVars } from './components/radio/radio.vanilla.js';
-export { searchFieldClassNames, searchFieldContainer, searchFieldSpaceVars, searchFieldStateVars } from './components/search-field/search-field.vanilla.js';
-export { selectClassNames, selectColorVars, selectContainer, selectSpaceVars, selectStateVars } from './components/select/select.vanilla.js';
-export { switchClassNames, switchColorVars, switchContainer, switchSpaceVars, switchStateVars } from './components/switch/switch.vanilla.js';
-export { tabColorVars, tabListStateVars, tabPanelStateVars, tabPanelsStateVars, tabSpaceVars, tabStateVars, tabsClassNames, tabsContainers } from './components/tabs/tabs.vanilla.js';
-export { textAreaClassNames, textAreaColorVars, textAreaContainer, textAreaSpaceVars, textAreaStateVars } from './components/textarea/textarea.vanilla.js';
-export { tooltipClassNames, tooltipContainers, tooltipSpaceVars, tooltipStateVars, tooltipTargetStateVars } from './components/tooltip/tooltip.vanilla.js';
-export { treeClassNames, treeColorVars, treeContainers, treeGroupStateVars, treeIndicatorStateVars, treeItemStateVars, treeSpaceVars, treeStateVars } from './components/tree/tree.vanilla.js';
-export { layers } from './styles/layers.vanilla.js';
-export { surfaces } from './styles/surfaces.vanilla.js';
-export { defaultElevationVarValues, defaultElevations, defaultFocus, defaultFocusVarValues, defaultGenericColorVarValues, defaultGenericColors, defaultRadius, defaultRadiusVarValues, defaultSemanticColorVarValues, defaultSemanticColors, defaultSizes, defaultSizesVarValues, defaultSpace, defaultSpaceVarValues, defaultTypography, defaultTypographyVarValues, defaultZIndex, defaultZIndexVarValues, elevationVars, focusOutlineStyle, focusVars, genericColorVars, radiusVars, semanticColorVars, sizeVars, spaceVars, typographyVars, zIndexVars } from './styles/theme.vanilla.js';
-export { bodies, families, headings, inputs, label } from './styles/typography.vanilla.js';
-export { applyThemeVars, assignPartialVars, computeContract, containerQueries, containerQuery, inlineVars, unwrapCssVar } from './utils/css.js';
-export type { ButtonClassNames, ButtonColors, ButtonMapping, ButtonProps, ButtonRenderProps, ButtonSizes, ButtonState, CheckboxAlignment, CheckboxClassNames, CheckboxGroupProps, CheckboxGroupRenderProps, CheckboxGroupState, CheckboxProps, CheckboxRenderProps, CheckboxState, ChipClassNames, ChipColors, ChipGroupProps, ChipItemProps, ChipListProps, ChipMapping, ChipProps, ChipRenderProps, ChipSizes, ChipState, ComboBoxClassNames, ComboBoxMapping, ComboBoxProps, ComboBoxRenderProps, ComboBoxSizes, ComboBoxState, DialogClassNames, DialogMapping, DialogProps, DialogRenderProps, DialogSizes, DialogState, DrawerAnchor, DrawerClassNames, DrawerDialogProps, DrawerDialogState, DrawerMapping, DrawerProps, DrawerRenderProps, DrawerState, DrawerTabListProps, DrawerTabProps, DrawerTabRenderProps, ElementProps, GroupClassNames, GroupProps, GroupState, IconClassNames, IconProps, IconSizes, IconState, InputClassNames, InputMapping, InputProps, InputRenderProps, InputState, InputType, LinkButtonProps, MenuClassNames, MenuItemProps, MenuItemRenderProps, MenuItemState, MenuListProps, MenuMapping, MenuProps, MenuSizes, MenuState, MergeProviderProps, OptionsClassNames, OptionsItemProps, OptionsItemState, OptionsListProps, OptionsListState, OptionsMapping, OptionsProps, OptionsSizes, OptionsState, PickerClassNames, PickerItemProps, PickerItemRenderProps, PickerItemState, PickerProps, PickerState, PopoverClassNames, PopoverProps, PopoverState, QueryBuilderClassNames, QueryBuilderContextValue, QueryBuilderGroupState, QueryBuilderMapping, QueryBuilderProps, QueryBuilderRuleState, QueryBuilderSizes, QueryBuilderState, QueryBuilderValueEditors, RadioAlignment, RadioClassNames, RadioGroupProps, RadioGroupState, RadioProps, RadioState, SearchFieldClassNames, SearchFieldMapping, SearchFieldProps, SearchFieldRenderProps, SearchFieldState, SelectClassNames, SelectMapping, SelectProps, SelectRenderProps, SelectState, SwitchAlignment, SwitchClassNames, SwitchProps, SwitchRenderProps, SwitchState, TabListAlignment, TabListAnchor, TabListProps, TabListState, TabListVariants, TabPanelProps, TabPanelRenderProps, TabPanelState, TabPanelsProps, TabPanelsState, TabProps, TabRenderProps, TabState, TabsClassNames, TabsProps, TextAreaClassNames, TextAreaProps, TextAreaRenderProps, TextAreaState, ToggleButtonProps, TooltipClassNames, TooltipMapping, TooltipProps, TooltipRenderProps, TooltipState, TooltipTargetProps, TooltipTargetState, TreeClassNames, TreeGroupProps, TreeGroupRenderProps, TreeGroupState, TreeIndicatorRenderProps, TreeIndicatorState, TreeItemProps, TreeItemRenderProps, TreeItemState, TreeMapping, TreeProps, TreeRenderProps, TreeSizes, TreeState, TreeStateContextValue, } from './components';
-export type { DefaultsContext, DefaultsProviderProps, ThemeContext, ThemeVars, } from './hooks';
-export type { AsType, ChildrenRenderProps, ClassNameRenderProps, ClassNames, Contract, CssVarFunction, MapLeafNodes, OmitProtectedProps, PartialMapLeafNodes, Primitive, ProviderValue, ProviderValues, RGBA, RenderProps, RenderPropsChildren, RenderPropsClassName, RenderPropsStyle, StylePropRenderProps, StyleRenderProps, TreeActions, TreeGroupNode, TreeItemNode, TreeNode, TreeNodes, UseTreeOptions, UseTreeResult, } from './types';
+export { b1 as AsType, aS as ButtonClassNames, b as ButtonColors, c as ButtonMapping, B as ButtonProps, a as ButtonRenderProps, d as ButtonSizes, d9 as ButtonState, h as CheckboxAlignment, g as CheckboxClassNames, i as CheckboxGroupProps, j as CheckboxGroupRenderProps, da as CheckboxGroupState, C as CheckboxProps, f as CheckboxRenderProps, db as CheckboxState, eP as ChildrenRenderProps, aT as ChipClassNames, dc as ChipColors, o as ChipGroupProps, l as ChipItemProps, n as ChipListProps, dd as ChipMapping, k as ChipProps, de as ChipRenderProps, df as ChipSizes, dg as ChipState, eQ as ClassNameRenderProps, b0 as ClassNames, q as ComboBoxClassNames, r as ComboBoxMapping, p as ComboBoxProps, dh as ComboBoxRenderProps, s as ComboBoxSizes, di as ComboBoxState, b3 as Contract, eR as CssVarFunction, aU as DialogClassNames, u as DialogMapping, D as DialogProps, t as DialogRenderProps, v as DialogSizes, dj as DialogState, dk as DrawerAnchor, z as DrawerClassNames, dl as DrawerDialogProps, dm as DrawerDialogState, A as DrawerMapping, w as DrawerProps, dn as DrawerRenderProps, dp as DrawerState, x as DrawerTabListProps, y as DrawerTabProps, dq as DrawerTabRenderProps, aV as GroupClassNames, G as GroupProps, dr as GroupState, aW as IconClassNames, I as IconProps, F as IconSizes, ds as IconState, aX as InputClassNames, dt as InputMapping, H as InputProps, du as InputRenderProps, dv as InputState, dw as InputType, L as LinkButtonProps, eS as MapLeafNodes, K as MenuClassNames, S as MenuItemProps, dx as MenuItemRenderProps, dy as MenuItemState, Q as MenuListProps, N as MenuMapping, M as MenuProps, O as MenuSizes, dz as MenuState, V as NumberFieldClassNames, W as NumberFieldMapping, U as NumberFieldProps, X as NumberFieldSizes, dA as NumberFieldState, aR as OmitProtectedProps, Z as OptionsClassNames, a1 as OptionsItemProps, dB as OptionsItemState, a0 as OptionsListProps, dC as OptionsListState, _ as OptionsMapping, Y as OptionsProps, $ as OptionsSizes, dD as OptionsState, eT as PartialMapLeafNodes, a4 as PickerClassNames, a3 as PickerItemProps, dE as PickerItemRenderProps, dF as PickerItemState, a2 as PickerProps, dG as PickerState, a7 as PopoverClassNames, a5 as PopoverProps, dH as PopoverState, eU as Primitive, eV as ProviderValue, P as ProviderValues, aY as QueryBuilderClassNames, a9 as QueryBuilderContextValue, dI as QueryBuilderGroupState, dJ as QueryBuilderMapping, aa as QueryBuilderProps, dK as QueryBuilderRuleState, dL as QueryBuilderSizes, dM as QueryBuilderState, dN as QueryBuilderValueEditors, b2 as RGBA, ae as RadioAlignment, ad as RadioClassNames, af as RadioGroupProps, dO as RadioGroupState, aP as RadioProps, dP as RadioState, eW as RenderProps, R as RenderPropsChildren, eX as RenderPropsClassName, eY as RenderPropsStyle, ah as SearchFieldClassNames, ai as SearchFieldMapping, ag as SearchFieldProps, dQ as SearchFieldRenderProps, dR as SearchFieldState, am as SelectClassNames, an as SelectMapping, al as SelectProps, dS as SelectRenderProps, dT as SelectState, eZ as StylePropRenderProps, e_ as StyleRenderProps, dU as SwitchAlignment, aZ as SwitchClassNames, ap as SwitchProps, dV as SwitchRenderProps, dW as SwitchState, au as TabListAlignment, av as TabListAnchor, at as TabListProps, dX as TabListState, ax as TabListVariants, az as TabPanelProps, dY as TabPanelRenderProps, dZ as TabPanelState, ay as TabPanelsProps, d_ as TabPanelsState, aQ as TabProps, d$ as TabRenderProps, e0 as TabState, as as TabsClassNames, ar as TabsProps, a_ as TextAreaClassNames, aA as TextAreaProps, e1 as TextAreaRenderProps, e2 as TextAreaState, aD as TextFieldClassNames, aE as TextFieldMapping, aC as TextFieldProps, aF as TextFieldSizes, e3 as TextFieldState, T as ToggleButtonProps, aH as TooltipClassNames, aI as TooltipMapping, aG as TooltipProps, aJ as TooltipRenderProps, e4 as TooltipState, aK as TooltipTargetProps, e5 as TooltipTargetState, e$ as TreeActions, a$ as TreeClassNames, f0 as TreeGroupNode, aN as TreeGroupProps, e6 as TreeGroupRenderProps, e7 as TreeGroupState, e8 as TreeIndicatorRenderProps, e9 as TreeIndicatorState, f1 as TreeItemNode, aO as TreeItemProps, ea as TreeItemRenderProps, eb as TreeItemState, ec as TreeMapping, f2 as TreeNode, f3 as TreeNodes, aM as TreeProps, ed as TreeRenderProps, ee as TreeSizes, ef as TreeState, aL as TreeStateContextValue, b5 as UseTreeOptions, b6 as UseTreeResult, f4 as applyThemeVars, f5 as assignPartialVars, eg as bodies, b7 as buttonClassNames, b8 as buttonColorVars, b9 as buttonContainer, ba as buttonSpaceVars, bb as buttonStateVars, bc as checkboxClassNames, bd as checkboxColorVars, be as checkboxContainer, bf as checkboxGroupStateVars, bg as checkboxSpaceVars, bh as checkboxStateVars, bi as chipClassNames, bj as chipColorVars, bk as chipContainer, bl as chipSpaceVars, bm as chipStateVars, bo as comboBoxColorVars, bp as comboBoxContainer, bq as comboBoxSpaceVars, br as comboBoxStateVars, b4 as computeContract, f6 as containerQueries, f7 as containerQuery, eh as defaultElevationVarValues, ei as defaultElevations, ej as defaultFocus, ek as defaultFocusVarValues, el as defaultGenericColorVarValues, em as defaultGenericColors, en as defaultRadius, eo as defaultRadiusVarValues, ep as defaultSemanticColorVarValues, eq as defaultSemanticColors, er as defaultSizes, es as defaultSizesVarValues, et as defaultSpace, eu as defaultSpaceVarValues, ev as defaultTypography, ew as defaultTypographyVarValues, ex as defaultZIndex, ey as defaultZIndexVarValues, bs as dialogClassNames, bt as dialogColorVars, bu as dialogContainer, bv as dialogSpaceVars, bw as dialogStateVars, bx as drawerAnimationVars, by as drawerClassNames, bz as drawerColorVars, bA as drawerContainer, bB as drawerDialogStateVars, bC as drawerSpaceVars, bD as drawerStateVars, ez as elevationVars, eA as families, eB as focusOutlineStyle, eC as focusVars, eD as genericColorVars, bE as groupClassNames, bF as groupContainer, bG as groupSpaceVars, bH as groupStateVars, eE as headings, bI as iconClassNames, bJ as iconColorVars, bK as iconContainer, bL as iconSpaceVars, bM as iconStateVars, f8 as inlineVars, bN as inputClassNames, bO as inputColorVars, bP as inputContainer, bQ as inputSpaceVars, bR as inputStateVars, eF as inputs, eG as label, eH as layers, bS as menuColorVars, bT as menuItemStateVars, bU as menuSpaceVars, bV as menuStateVars, bW as numberFieldClassNames, bX as numberFieldColorVars, bY as numberFieldContainer, bZ as numberFieldSpaceVars, b_ as numberFieldStateVars, b$ as optionsClassNames, c0 as optionsColorVars, c1 as optionsContainers, c2 as optionsItemStateVars, c3 as optionsListStateVars, c4 as optionsSpaceVars, c5 as optionsStateVars, c6 as pickerClassNames, c7 as pickerContainers, c8 as pickerItemColorVars, c9 as pickerItemStateVars, ca as pickerSpaceVars, cb as pickerStateVars, cc as popoverClassNames, cd as popoverColorVars, ce as popoverSpaceVars, cf as popoverStateVars, cg as queryBuilderClassNames, ch as queryBuilderColorVars, ci as queryBuilderContainers, cj as queryBuilderGroupStateVars, ck as queryBuilderRuleStateVars, cl as queryBuilderSpaceVars, cm as queryBuilderStateVars, cn as radioClassNames, co as radioColorVars, cp as radioGroupStateVars, cq as radioSpaceVars, cr as radioStateVars, eI as radiusVars, fa as reduceContract, cs as searchFieldClassNames, ct as searchFieldContainer, cu as searchFieldSpaceVars, cv as searchFieldStateVars, cw as selectClassNames, cx as selectColorVars, cy as selectContainer, cz as selectSpaceVars, cA as selectStateVars, eJ as semanticColorVars, eK as sizeVars, eL as spaceVars, eM as surfaces, cB as switchClassNames, cC as switchColorVars, cD as switchContainer, cE as switchSpaceVars, cF as switchStateVars, cG as tabColorVars, cH as tabListStateVars, cI as tabPanelStateVars, cJ as tabPanelsStateVars, cK as tabSpaceVars, cL as tabStateVars, cM as tabsClassNames, cN as tabsContainers, cO as textAreaClassNames, cP as textAreaColorVars, cQ as textAreaContainer, cR as textAreaSpaceVars, cS as textAreaStateVars, cT as textFieldClassNames, cU as textFieldColorVars, cV as textFieldContainer, cW as textFieldSpaceVars, cX as textFieldStateVars, cY as tooltipClassNames, cZ as tooltipContainers, c_ as tooltipSpaceVars, c$ as tooltipStateVars, d0 as tooltipTargetStateVars, d1 as treeClassNames, d2 as treeColorVars, d3 as treeContainers, d4 as treeGroupStateVars, d5 as treeIndicatorStateVars, d6 as treeItemStateVars, d7 as treeSpaceVars, d8 as treeStateVars, eN as typographyVars, f9 as unwrapCssVar, eO as zIndexVars } from './vanilla-DUNpoS8t.js';
+import 'react-aria-components';
+import 'react';
+import 'react-aria';
+import 'type-fest';
+import '@react-types/shared';
+import 'react-stately';
+import 'react-querybuilder';
+import '@vanilla-extract/css';

package/dist/vanilla.js

@@ -1,27 +1,3 @@
-export { buttonClassNames, buttonColorVars, buttonContainer, buttonSpaceVars, buttonStateVars } from './components/button/button.vanilla.js';
-export { checkboxClassNames, checkboxColorVars, checkboxContainer, checkboxGroupStateVars, checkboxSpaceVars, checkboxStateVars } from './components/checkbox/checkbox.vanilla.js';
-export { chipClassNames, chipColorVars, chipContainer, chipSpaceVars, chipStateVars } from './components/chip/chip.vanilla.js';
-export { comboBoxClassNames, comboBoxColorVars, comboBoxContainer, comboBoxSpaceVars, comboBoxStateVars } from './components/combo-box/combo-box.vanilla.js';
-export { dialogClassNames, dialogColorVars, dialogContainer, dialogSpaceVars, dialogStateVars } from './components/dialog/dialog.vanilla.js';
-export { drawerAnimationVars, drawerClassNames, drawerColorVars, drawerContainer, drawerDialogStateVars, drawerSpaceVars, drawerStateVars } from './components/drawer/drawer.vanilla.js';
-export { groupClassNames, groupContainer, groupSpaceVars, groupStateVars } from './components/group/group.vanilla.js';
-export { iconClassNames, iconColorVars, iconContainer, iconSpaceVars, iconStateVars } from './components/icon/icon.vanilla.js';
-export { inputClassNames, inputColorVars, inputContainer, inputSpaceVars, inputStateVars } from './components/input/input.vanilla.js';
-export { menuColorVars, menuItemStateVars, menuSpaceVars, menuStateVars } from './components/menu/menu.vanilla.js';
-export { optionsClassNames, optionsColorVars, optionsContainers, optionsItemStateVars, optionsListStateVars, optionsSpaceVars, optionsStateVars } from './components/options/options.vanilla.js';
-export { pickerClassNames, pickerContainers, pickerItemColorVars, pickerItemStateVars, pickerSpaceVars, pickerStateVars } from './components/picker/picker.vanilla.js';
-export { popoverClassNames, popoverColorVars, popoverSpaceVars, popoverStateVars } from './components/popover/popover.vanilla.js';
-export { queryBuilderClassNames, queryBuilderColorVars, queryBuilderContainers, queryBuilderGroupStateVars, queryBuilderRuleStateVars, queryBuilderSpaceVars, queryBuilderStateVars } from './components/query-builder/query-builder.vanilla.js';
-export { radioClassNames, radioColorVars, radioGroupStateVars, radioSpaceVars, radioStateVars } from './components/radio/radio.vanilla.js';
-export { searchFieldClassNames, searchFieldContainer, searchFieldSpaceVars, searchFieldStateVars } from './components/search-field/search-field.vanilla.js';
-export { selectClassNames, selectColorVars, selectContainer, selectSpaceVars, selectStateVars } from './components/select/select.vanilla.js';
-export { switchClassNames, switchColorVars, switchContainer, switchSpaceVars, switchStateVars } from './components/switch/switch.vanilla.js';
-export { tabColorVars, tabListStateVars, tabPanelStateVars, tabPanelsStateVars, tabSpaceVars, tabStateVars, tabsClassNames, tabsContainers } from './components/tabs/tabs.vanilla.js';
-export { textAreaClassNames, textAreaColorVars, textAreaContainer, textAreaSpaceVars, textAreaStateVars } from './components/textarea/textarea.vanilla.js';
-export { tooltipClassNames, tooltipContainers, tooltipSpaceVars, tooltipStateVars, tooltipTargetStateVars } from './components/tooltip/tooltip.vanilla.js';
-export { treeClassNames, treeColorVars, treeContainers, treeGroupStateVars, treeIndicatorStateVars, treeItemStateVars, treeSpaceVars, treeStateVars } from './components/tree/tree.vanilla.js';
-export { layers } from './styles/layers.vanilla.js';
-export { surfaces } from './styles/surfaces.vanilla.js';
-export { defaultElevationVarValues, defaultElevations, defaultFocus, defaultFocusVarValues, defaultGenericColorVarValues, defaultGenericColors, defaultRadius, defaultRadiusVarValues, defaultSemanticColorVarValues, defaultSemanticColors, defaultSizes, defaultSizesVarValues, defaultSpace, defaultSpaceVarValues, defaultTypography, defaultTypographyVarValues, defaultZIndex, defaultZIndexVarValues, elevationVars, focusOutlineStyle, focusVars, genericColorVars, radiusVars, semanticColorVars, sizeVars, spaceVars, typographyVars, zIndexVars } from './styles/theme.vanilla.js';
-export { bodies, families, headings, inputs, label } from './styles/typography.vanilla.js';
-export { applyThemeVars, assignPartialVars, computeContract, containerQueries, containerQuery, inlineVars, unwrapCssVar } from './utils/css.js';
+export { applyThemeVars, assignPartialVars, bodies, buttonClassNames, buttonColorVars, buttonContainer, buttonSpaceVars, buttonStateVars, checkboxClassNames, checkboxColorVars, checkboxContainer, checkboxGroupStateVars, checkboxSpaceVars, checkboxStateVars, chipClassNames, chipColorVars, chipContainer, chipSpaceVars, chipStateVars, comboBoxColorVars, comboBoxContainer, comboBoxSpaceVars, comboBoxStateVars, computeContract, containerQueries, containerQuery, defaultElevationVarValues, defaultElevations, defaultFocus, defaultFocusVarValues, defaultGenericColorVarValues, defaultGenericColors, defaultRadius, defaultRadiusVarValues, defaultSemanticColorVarValues, defaultSemanticColors, defaultSizes, defaultSizesVarValues, defaultSpace, defaultSpaceVarValues, defaultTypography, defaultTypographyVarValues, defaultZIndex, defaultZIndexVarValues, dialogClassNames, dialogColorVars, dialogContainer, dialogSpaceVars, dialogStateVars, drawerAnimationVars, drawerClassNames, drawerColorVars, drawerContainer, drawerDialogStateVars, drawerSpaceVars, drawerStateVars, elevationVars, families, focusOutlineStyle, focusVars, genericColorVars, groupClassNames, groupContainer, groupSpaceVars, groupStateVars, headings, iconClassNames, iconColorVars, iconContainer, iconSpaceVars, iconStateVars, inlineVars, inputClassNames, inputColorVars, inputContainer, inputSpaceVars, inputStateVars, inputs, label, layers, menuColorVars, menuItemStateVars, menuSpaceVars, menuStateVars, numberFieldClassNames, numberFieldColorVars, numberFieldContainer, numberFieldSpaceVars, numberFieldStateVars, optionsClassNames, optionsColorVars, optionsContainers, optionsItemStateVars, optionsListStateVars, optionsSpaceVars, optionsStateVars, pickerClassNames, pickerContainers, pickerItemColorVars, pickerItemStateVars, pickerSpaceVars, pickerStateVars, popoverClassNames, popoverColorVars, popoverSpaceVars, popoverStateVars, queryBuilderClassNames, queryBuilderColorVars, queryBuilderContainers, queryBuilderGroupStateVars, queryBuilderRuleStateVars, queryBuilderSpaceVars, queryBuilderStateVars, radioClassNames, radioColorVars, radioGroupStateVars, radioSpaceVars, radioStateVars, radiusVars, reduceContract, searchFieldClassNames, searchFieldContainer, searchFieldSpaceVars, searchFieldStateVars, selectClassNames, selectColorVars, selectContainer, selectSpaceVars, selectStateVars, semanticColorVars, sizeVars, spaceVars, surfaces, switchClassNames, switchColorVars, switchContainer, switchSpaceVars, switchStateVars, tabColorVars, tabListStateVars, tabPanelStateVars, tabPanelsStateVars, tabSpaceVars, tabStateVars, tabsClassNames, tabsContainers, textAreaClassNames, textAreaColorVars, textAreaContainer, textAreaSpaceVars, textAreaStateVars, textFieldClassNames, textFieldColorVars, textFieldContainer, textFieldSpaceVars, textFieldStateVars, tooltipClassNames, tooltipContainers, tooltipSpaceVars, tooltipStateVars, tooltipTargetStateVars, treeClassNames, treeColorVars, treeContainers, treeGroupStateVars, treeIndicatorStateVars, treeItemStateVars, treeSpaceVars, treeStateVars, typographyVars, unwrapCssVar, zIndexVars } from './chunk-4CPMP3H7.js';
+//# sourceMappingURL=vanilla.js.map
+//# sourceMappingURL=vanilla.js.map

package/dist/vanilla.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"vanilla.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@accelint/design-system",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "private": false,
   "license": "Apache-2.0",
   "type": "module",
@@ -18,9 +18,9 @@
     },
     "./styles": {
       "import": {
-        "default": "./dist/styles.css"
+        "default": "./dist/index.css"
       },
-      "default": "./dist/styles.css"
+      "default": "./dist/index.css"
     },
     "./vanilla": {
       "import": {
@@ -34,28 +34,25 @@
     "@fontsource/roboto-flex": "^5.1.0",
     "@fontsource/roboto-mono": "^5.1.0",
     "@ladle/react": "^4.1.2",
-    "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-typescript": "^12.1.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/lodash": "^4.17.10",
     "@types/react": "^18.3.11",
-    "@vanilla-extract/rollup-plugin": "^1.3.10",
+    "@vanilla-extract/esbuild-plugin": "^2.3.11",
     "@vanilla-extract/vite-plugin": "^4.0.16",
     "@vitest/coverage-istanbul": "^2.1.3",
+    "autoprefixer": "^10.4.20",
     "jsdom": "^25.0.1",
     "react-test-renderer": "^18.3.1",
-    "rollup": "^4.24.0",
-    "rollup-plugin-esbuild": "^6.1.1",
-    "rollup-plugin-node-externals": "^7.1.3",
-    "rollup-plugin-typescript-paths": "^1.5.0",
+    "postcss": "^8.4.47",
+    "tsup": "^8.3.0",
     "vite": "^5.4.9",
     "vitest": "^2.1.3",
     "@accelint/biome-config": "0.1.2",
     "@accelint/typescript-config": "0.1.2",
-    "@accelint/vitest-config": "0.1.2"
+    "@accelint/vitest-config": "0.1.3"
   },
   "dependencies": {
     "@react-aria/collections": "3.0.0-alpha.5",
@@ -86,11 +83,11 @@
   "sideEffects": false,
   "scripts": {
     "bench": "pnpm vitest bench --run --dir src",
-    "build": "pnpm rollup --config rollup.config.js",
+    "build": "pnpm tsup && rm -rf dist/vanilla.css dist/vanilla.css.map",
     "dev": "pnpm tsc --watch",
     "index": "pnpm zx ../../scripts/indexer.mjs packages/design-system --barrels",
     "lint:todo": "pnpm biome lint ./",
     "preview": "pnpm ladle serve",
-    "test": "pnpm vitest --run --dir src"
+    "test": "pnpm vitest --dir=src"
   }
 }

package/dist/assets/components/button/button.css

@@ -1,55 +0,0 @@
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .button_buttonClassNames_container__17k72zwp {
-    container-name: button_buttonContainer__17k72zw0;
-    width: var(--width__17k72zwb, fit-content);
-    display: block;
-    background: none;
-    padding: 0;
-    border: 0;
-    text-decoration: none;
-    color: currentcolor;
-  }
-  .button_buttonClassNames_button__17k72zwq {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    gap: var(--gap__17k72zw9);
-    min-width: var(--minWidth__17k72zwa, auto);
-    width: var(--width__17k72zwb, fit-content);
-    padding: var(--y__17k72zwd, 0) var(--x__17k72zwc, 0);
-    border: 1px solid var(--border__17k72zw7, transparent);
-    border-radius: var(--md__ljimwq3e);
-    background: var(--background__17k72zw6, var(--bareBackground__17k72zw2, none));
-    font-weight: 700;
-    color: var(--color__17k72zw8, var(--nonSolidColor__17k72zw1));
-    cursor: pointer;
-  }
-  @container (style(--variant__17k72zwg: icon) or style(--variant__17k72zwg: floating)) {
-    .button_buttonClassNames_button__17k72zwq {
-      min-width: auto;
-    }
-  }
-  @container style(--variant__17k72zwg: floating) {
-    .button_buttonClassNames_button__17k72zwq {
-      border-radius: var(--round__ljimwq3g);
-    }
-  }
-  @container (style(--variant__17k72zwg: floating) or style(--variant__17k72zwg: hollow)) {
-    .button_buttonClassNames_button__17k72zwq {
-      border-color: var(--border__17k72zw7, var(--hollowBorder__17k72zw3));
-      background: var(--background__17k72zw6, transparent);
-    }
-  }
-  @container style(--variant__17k72zwg: solid) {
-    .button_buttonClassNames_button__17k72zwq {
-      background: var(--background__17k72zw6, var(--solidBackground__17k72zw4));
-      color: var(--color__17k72zw8, var(--solidColor__17k72zw5));
-    }
-  }
-  @container style(--isDisabled__17k72zwi: true) {
-    .button_buttonClassNames_button__17k72zwq {
-      cursor: not-allowed;
-    }
-  }
-}

package/dist/assets/components/checkbox/checkbox.css

@@ -1,73 +0,0 @@
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .checkbox_checkboxClassNames_checkbox_container__1rajo3pp {
-    container-name: checkbox_checkboxContainer__1rajo3p0;
-    display: block;
-    width: fit-content;
-  }
-  .checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq {
-    display: flex;
-    align-items: center;
-    gap: var(--gap__1rajo3p7);
-    color: var(--color__1rajo3p4);
-  }
-  .checkbox_checkboxClassNames_checkbox_label__1rajo3ps {
-    color: var(--color__1rajo3p4);
-  }
-  .checkbox_checkboxClassNames_group_container__1rajo3pt {
-    container-name: checkbox_checkboxGroupContainer__1rajo3p1;
-    display: contents;
-  }
-  .checkbox_checkboxClassNames_group_group__1rajo3pu {
-    display: flex;
-    flex-direction: column;
-    gap: var(--elementGap__1rajo3p8, var(--gap__1rajo3p7));
-  }
-  .checkbox_checkboxClassNames_group_label__1rajo3pv {
-    color: var(--color__1rajo3p4);
-  }
-  @container style(--alignInput__1rajo3p9: start) {
-    .checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq {
-      flex-direction: row-reverse;
-    }
-  }
-  @container style(--alignInput__1rajo3p9: end) {
-    .checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq {
-      flex-direction: row;
-    }
-  }
-  @container style(--isReadOnly__1rajo3ph: false) {
-    .checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq {
-      cursor: pointer;
-    }
-  }
-  @container style(--isDisabled__1rajo3pa: true) {
-    .checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq {
-      cursor: not-allowed;
-    }
-  }
-  @container style(--orientation__1rajo3pk: horizontal) {
-    .checkbox_checkboxClassNames_group_group__1rajo3pu {
-      flex-direction: row;
-    }
-  }
-  @container style(--orientation__1rajo3pk: vertical) {
-    .checkbox_checkboxClassNames_group_group__1rajo3pu {
-      flex-direction: column;
-    }
-  }
-}
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
-  .checkbox_checkboxClassNames_checkbox_icon_container__1rajo3pr {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--dimension__1rajo3p6);
-    height: var(--dimension__1rajo3p6);
-    color: var(--indicator__1rajo3p5, currentcolor);
-    border: 1px solid var(--border__1rajo3p2, transparent);
-    border-radius: var(--sm__ljimwq3d);
-    background: var(--background__1rajo3p3, none);
-  }
-}

package/dist/assets/components/chip/chip.css

@@ -1,62 +0,0 @@
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .chip_chipClassNames_list__1t8hj09j {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    gap: var(--list-gap__1t8hj094);
-  }
-  .chip_chipClassNames_container__1t8hj09k {
-    container-name: chip_chipContainer__1t8hj090;
-    display: contents;
-  }
-  .chip_chipClassNames_chip__1t8hj09l {
-    width: fit-content;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border: 1px solid var(--border__1t8hj092, transparent);
-    border-radius: var(--round__ljimwq3g);
-    background: var(--background__1t8hj091, none);
-    color: var(--color__1t8hj093, currentcolor);
-    overflow: hidden;
-  }
-  .chip_chipClassNames_label__1t8hj09m {
-    display: flex;
-    gap: var(--chip-gap__1t8hj095);
-    padding: var(--chip-y__1t8hj097) var(--chip-x__1t8hj096);
-    border: none;
-    background: none;
-    color: currentcolor;
-  }
-  .chip_chipClassNames_remove__1t8hj09n {
-    padding: var(--chip-y__1t8hj097);
-    border: none;
-    background: none;
-    cursor: pointer;
-    color: currentcolor;
-  }
-  @container style(--allowsRemoving__1t8hj09a: true) {
-    .chip_chipClassNames_label__1t8hj09m {
-      padding-right: var(--chip-y__1t8hj097);
-    }
-  }
-  @container (style(--selectionMode__1t8hj09c: single) or style(--selectionMode__1t8hj09c: multiple)) {
-    .chip_chipClassNames_label__1t8hj09m {
-      cursor: pointer;
-    }
-  }
-  @container style(--isDisabled__1t8hj09d: true) {
-    .chip_chipClassNames_label__1t8hj09m {
-      cursor: not-allowed;
-    }
-    .chip_chipClassNames_remove__1t8hj09n {
-      cursor: not-allowed;
-    }
-  }
-  @container style(--isFocused__1t8hj09e: true) or style(--isFocusVisible__1t8hj09f: true) {
-    .chip_chipClassNames_remove__1t8hj09n {
-      outline: none;
-    }
-  }
-}

package/dist/assets/components/combo-box/combo-box.css

@@ -1,66 +0,0 @@
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .combo-box_comboBoxClassNames_container__12tc9p8a {
-    container-name: combo-box_comboBoxContainer__12tc9p80;
-    display: contents;
-  }
-  .combo-box_comboBoxClassNames_comboBox__12tc9p8b {
-    width: fit-content;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-  }
-  .combo-box_comboBoxClassNames_label__12tc9p8c {
-    color: var(--color__6yc0ri3);
-  }
-  .combo-box_comboBoxClassNames_group__12tc9p8d {
-    position: relative;
-    display: flex;
-    align-items: center;
-    padding: var(--y__12tc9p84, 0) var(--x__12tc9p83, 0);
-  }
-  .combo-box_comboBoxClassNames_description__12tc9p8h {
-    color: var(--description-color__12tc9p81);
-  }
-  .combo-box_comboBoxClassNames_error__12tc9p8i {
-    color: var(--error-color__12tc9p82);
-  }
-}
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
-  .combo-box_comboBoxClassNames_input_sizer__12tc9p8e::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    display: block;
-    border: 1px solid var(--border__6yc0ri2, transparent);
-    border-radius: var(--md__ljimwq3e);
-    background: var(--background__6yc0ri1);
-    color: var(--color__6yc0ri3);
-  }
-  .combo-box_comboBoxClassNames_input_sizer__12tc9p8e:has(:focus-visible)::before {
-    outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, Highlight);
-    outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, -webkit-focus-ring-color);
-    outline-offset: var(--offset__ljimwq5e);
-  }
-  .combo-box_comboBoxClassNames_input_input__12tc9p8f {
-    position: relative;
-    padding: 0;
-    border: none;
-    background: none;
-  }
-  .combo-box_comboBoxClassNames_input_input__12tc9p8f::-webkit-search-cancel-button, .combo-box_comboBoxClassNames_input_input__12tc9p8f::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-  .combo-box_comboBoxClassNames_input_input__12tc9p8f:focus-visible {
-    outline: none;
-  }
-  .combo-box_comboBoxClassNames_toggle_button__12tc9p8g {
-    position: relative;
-    padding: 0;
-    background: none;
-  }
-}

package/dist/assets/components/dialog/dialog.css

@@ -1,51 +0,0 @@
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
-.dialog_dialogClassNames_modal__8ms59zk {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  z-index: var(--dialog__ljimwq5a);
-  transform: translate(-50%, -50%);
-}
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .dialog_header__8ms59zg {
-    margin-bottom: calc(var(--gap-header-after__8ms59z7) - var(--gap-default__8ms59z6));
-  }
-  .dialog_content__8ms59zh {
-    color: var(--content-color__8ms59z2);
-  }
-  .dialog_dialogClassNames_portal__8ms59zi {
-    display: contents;
-  }
-  .dialog_dialogClassNames_container__8ms59zj {
-    container-name: dialog_dialogContainer__8ms59z0;
-    display: contents;
-  }
-  .dialog_dialogClassNames_container__8ms59zj::before {
-    content: "";
-    width: 100%;
-    height: var(--visual-viewport-height);
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: var(--dialog__ljimwq5a);
-    background: var(--overlay__8ms59z1);
-  }
-  .dialog_dialogClassNames_dialog__8ms59zl {
-    width: var(--width__8ms59z3, 300px);
-    display: flex;
-    flex-direction: column;
-    gap: var(--gap-default__8ms59z6);
-    padding: var(--y__8ms59z5, 0) var(--x__8ms59z4, 0);
-    border-radius: var(--md__ljimwq3e);
-  }
-  .dialog_dialogClassNames_footer__8ms59zm {
-    display: flex;
-    justify-content: flex-end;
-    margin-top: calc(var(--gap-footer-before__8ms59z9) - var(--gap-default__8ms59z6));
-  }
-}
-@container style(--isGlobal__8ms59ze: false) {
-  .dialog_dialogClassNames_modal__8ms59zk {
-    position: absolute;
-  }
-}

package/dist/assets/components/drawer/drawer.css

@@ -1,135 +0,0 @@
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .drawer_drawerClassNames_container__3hvldbh {
-    container-name: drawer_drawerContainer__3hvldb0;
-    display: contents;
-  }
-  .drawer_drawerClassNames_dialog_container__3hvldbk {
-    height: 100%;
-  }
-  .drawer_drawerClassNames_dialog_dialog__3hvldbl {
-    width: var(--drawer-width__3hvldb6);
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    gap: var(--drawer-gap__3hvldb7);
-    padding: var(--drawer-y__3hvldb9, 0) var(--drawer-x__3hvldb8, 0);
-  }
-  .drawer_drawerClassNames_header_header__3hvldbm {
-    display: grid;
-    grid-template-areas: "back title close";
-    grid-template-columns: auto 1fr auto;
-    gap: var(--drawer-gap__3hvldb7);
-    align-items: center;
-  }
-  .drawer_drawerClassNames_header_title__3hvldbo {
-    margin-bottom: 0;
-  }
-  .drawer_drawerClassNames_content__3hvldbq {
-    flex: 1;
-  }
-  .drawer_drawerClassNames_footer__3hvldbr {
-    display: flex;
-    justify-content: flex-end;
-  }
-  @container style(--layoutShift__3hvldbd: false) {
-    .drawer_drawerClassNames_dialog_container__3hvldbk {
-      width: var(--drawer-width__3hvldb6);
-      position: absolute;
-      transition: transform var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
-      overflow: hidden;
-      pointer-events: none;
-    }
-    .drawer_drawerClassNames_dialog_dialog__3hvldbl {
-      transition: transform var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
-      pointer-events: auto;
-    }
-  }
-  @container style(--anchor__3hvldbc: left) and style(--layoutShift__3hvldbd: false) {
-    .drawer_drawerClassNames_dialog_container__3hvldbk {
-      left: 0;
-    }
-  }
-  @container style(--anchor__3hvldbc: right) and style(--layoutShift__3hvldbd: false) {
-    .drawer_drawerClassNames_dialog_container__3hvldbk {
-      right: 0;
-    }
-  }
-  @container style(--layoutShift__3hvldbd: true) {
-    .drawer_drawerClassNames_dialog_container__3hvldbk {
-      width: 0;
-      overflow: hidden;
-      transition: width var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
-    }
-  }
-  @container style(--layoutShift__3hvldbd: true) and style(--isOpen__3hvldbf: true) {
-    .drawer_drawerClassNames_dialog_container__3hvldbk {
-      width: var(--drawer-width__3hvldb6);
-    }
-  }
-  @container style(--anchor__3hvldbc: left) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: false) {
-    .drawer_drawerClassNames_dialog_dialog__3hvldbl {
-      transform: translateX(-100%);
-    }
-  }
-  @container style(--anchor__3hvldbc: right) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: false) {
-    .drawer_drawerClassNames_dialog_dialog__3hvldbl {
-      transform: translateX(100%);
-    }
-  }
-  @container style(--isChild__3hvldbg: false) {
-    .drawer_drawerClassNames_header_title__3hvldbo {
-      grid-area: back title;
-    }
-  }
-  @container style(--isChild__3hvldbg: true) {
-    .drawer_drawerClassNames_header_title__3hvldbo {
-      grid-area: title;
-      text-align: center;
-    }
-  }
-}
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
-  .drawer_drawerClassNames_tabs_tabs__3hvldbi {
-    height: 100%;
-    display: block;
-    position: relative;
-  }
-  .drawer_drawerClassNames_tabs_list_list__3hvldbj {
-    position: absolute;
-    top: var(--list-top__3hvldba);
-    transform: translateY(var(--list-translateY__3hvldbb, 0));
-  }
-  .drawer_drawerClassNames_header_back_container__3hvldbn {
-    grid-area: back;
-  }
-  .drawer_drawerClassNames_header_close_container__3hvldbp {
-    grid-area: close;
-  }
-  @container style(--anchor__3hvldbc: left) {
-    .drawer_drawerClassNames_tabs_list_list__3hvldbj {
-      left: 100%;
-    }
-  }
-  @container style(--anchor__3hvldbc: right) {
-    .drawer_drawerClassNames_tabs_list_list__3hvldbj {
-      right: 100%;
-    }
-  }
-  @container style(--layoutShift__3hvldbd: false) {
-    .drawer_drawerClassNames_tabs_list_list__3hvldbj {
-      transition: transform var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
-    }
-  }
-  @container style(--anchor__3hvldbc: left) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: true) {
-    .drawer_drawerClassNames_tabs_list_list__3hvldbj {
-      transform: translateX(var(--drawer-width__3hvldb6)) translateY(var(--list-translateY__3hvldbb, 0));
-    }
-  }
-  @container style(--anchor__3hvldbc: right) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: true) {
-    .drawer_drawerClassNames_tabs_list_list__3hvldbj {
-      transform: translateX(calc(var(--drawer-width__3hvldb6) * -1)) translateY(var(--list-translateY__3hvldbb, 0));
-    }
-  }
-}

package/dist/assets/components/group/group.css

@@ -1,33 +0,0 @@
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .group_groupClassNames_container__eq8x6h8 {
-    container-name: group_groupContainer__eq8x6h0;
-    display: contents;
-  }
-  .group_groupClassNames_group__eq8x6h9 {
-    width: fit-content;
-    display: flex;
-    gap: var(--gap__eq8x6h1);
-    padding: var(--y__eq8x6h3, 0) var(--x__eq8x6h2, 0);
-  }
-  @container style(--orientation__eq8x6h5: horizontal) and style(--reverse__eq8x6h6: false) {
-    .group_groupClassNames_group__eq8x6h9 {
-      flex-direction: row;
-    }
-  }
-  @container style(--orientation__eq8x6h5: horizontal) and style(--reverse__eq8x6h6: true) {
-    .group_groupClassNames_group__eq8x6h9 {
-      flex-direction: row-reverse;
-    }
-  }
-  @container style(--orientation__eq8x6h5: vertical) and style(--reverse__eq8x6h6: false) {
-    .group_groupClassNames_group__eq8x6h9 {
-      flex-direction: column;
-    }
-  }
-  @container style(--orientation__eq8x6h5: vertical) and style(--reverse__eq8x6h6: true) {
-    .group_groupClassNames_group__eq8x6h9 {
-      flex-direction: column-reverse;
-    }
-  }
-}