@nattstack/ui 0.1.0 → 0.1.2

package/dist/components/index.d.ts

@@ -1,102 +1,65 @@
-import { buttonStyles } from "./button/button.stylex.js";
-import { Button, ButtonProps, ButtonSize, ButtonVariant, getButtonClassName } from "./button/button.js";
+import { Button, ButtonProps, ButtonSize, ButtonVariant } from "./button/button.js";
 import { ButtonLink, ButtonLinkProps } from "./button-link/button-link.js";
-import { checkboxStyles } from "./checkbox/checkbox.stylex.js";
 import { Checkbox, CheckboxProps } from "./checkbox/checkbox.js";
-import { columnStyles } from "./column/column.stylex.js";
 import { Column, ColumnProps } from "./column/column.js";
 import { Combobox, ComboboxProps } from "./combobox/combobox.js";
 import { ComboboxCollection, ComboboxCollectionProps } from "./combobox/combobox-collection.js";
 import { ComboboxContent, ComboboxContentProps } from "./combobox/combobox-content.js";
-import { comboboxEmptyStyles } from "./combobox/combobox-empty.stylex.js";
 import { ComboboxEmpty, ComboboxEmptyProps } from "./combobox/combobox-empty.js";
 import { ComboboxGroup, ComboboxGroupProps } from "./combobox/combobox-group.js";
 import { ComboboxGroupLabel, ComboboxGroupLabelProps } from "./combobox/combobox-group-label.js";
-import { comboboxInputStyles } from "./combobox/combobox-input.stylex.js";
 import { ComboboxInput, ComboboxInputProps, ComboboxInputSize } from "./combobox/combobox-input.js";
 import { ComboboxItem, ComboboxItemProps } from "./combobox/combobox-item.js";
 import { ComboboxList, ComboboxListProps } from "./combobox/combobox-list.js";
-import { comboboxSearchStyles } from "./combobox/combobox-search.stylex.js";
 import { ComboboxSearch, ComboboxSearchProps } from "./combobox/combobox-search.js";
 import { ComboboxSeparator, ComboboxSeparatorProps } from "./combobox/combobox-separator.js";
 import { ComboboxTrigger, ComboboxTriggerProps, ComboboxTriggerSize } from "./combobox/combobox-trigger.js";
-import { comboboxValueStyles } from "./combobox/combobox-value.stylex.js";
 import { ComboboxValue, ComboboxValueProps } from "./combobox/combobox-value.js";
 import { DialogResponsive, DialogResponsiveProps } from "./dialog-responsive/dialog-responsive.js";
-import { dialogResponsivePopupStyles } from "./dialog-responsive/dialog-responsive-popup.stylex.js";
 import { DialogResponsivePopup, DialogResponsivePopupProps } from "./dialog-responsive/dialog-responsive-popup.js";
 import { DialogResponsiveTrigger, DialogResponsiveTriggerProps } from "./dialog-responsive/dialog-responsive-trigger.js";
-import { iconButtonStyles } from "./icon-button/icon-button.stylex.js";
 import { IconButton, IconButtonProps } from "./icon-button/icon-button.js";
-import { inputStyles } from "./input/input.stylex.js";
 import { Input, InputProps, InputSize } from "./input/input.js";
-import { labelStyles } from "./label/label.stylex.js";
 import { Label, LabelProps } from "./label/label.js";
 import { Menu, MenuProps } from "./menu/menu.js";
 import { MenuCheckboxItem, MenuCheckboxItemProps } from "./menu/menu-checkbox-item.js";
-import { menuContentStyles } from "./menu/menu-content.stylex.js";
 import { MenuContent, MenuContentProps } from "./menu/menu-content.js";
 import { MenuGroup, MenuGroupProps } from "./menu/menu-group.js";
 import { MenuGroupLabel, MenuGroupLabelProps } from "./menu/menu-group-label.js";
-import { menuItemStyles } from "./menu/menu-item.stylex.js";
 import { MenuItem, MenuItemProps } from "./menu/menu-item.js";
 import { MenuLinkItem, MenuLinkItemProps } from "./menu/menu-link-item.js";
 import { MenuRadioGroup, MenuRadioGroupProps } from "./menu/menu-radio-group.js";
 import { MenuRadioItem, MenuRadioItemProps } from "./menu/menu-radio-item.js";
 import { MenuSeparator, MenuSeparatorProps } from "./menu/menu-separator.js";
 import { MenuSubmenu, MenuSubmenuProps } from "./menu/menu-submenu.js";
-import { menuSubmenuTriggerStyles } from "./menu/menu-submenu-trigger.stylex.js";
 import { MenuSubmenuTrigger, MenuSubmenuTriggerProps } from "./menu/menu-submenu-trigger.js";
 import { MenuTrigger, MenuTriggerProps } from "./menu/menu-trigger.js";
-import { otpFieldStyles } from "./otp-field/otp-field.stylex.js";
-import { OTPField } from "./otp-field/otp-field.js";
-import { otpFieldInputStyles } from "./otp-field/otp-field-input.stylex.js";
-import { OTPFieldInput } from "./otp-field/otp-field-input.js";
-import { rowStyles } from "./row/row.stylex.js";
+import { OTPField, OTPFieldProps } from "./otp-field/otp-field.js";
+import { OTPFieldInput, OTPFieldInputProps } from "./otp-field/otp-field-input.js";
 import { Row, RowProps } from "./row/row.js";
 import { Select, SelectProps } from "./select/select.js";
-import { pickerPopupStyles } from "./picker/picker-popup.stylex.js";
 import { SelectContent, SelectContentProps } from "./select/select-content.js";
-import { pickerGroupStyles } from "./picker/picker-group.stylex.js";
 import { SelectGroup, SelectGroupProps } from "./select/select-group.js";
 import { SelectGroupLabel, SelectGroupLabelProps } from "./select/select-group-label.js";
-import { pickerItemStyles } from "./picker/picker-item.stylex.js";
 import { SelectItem, SelectItemProps } from "./select/select-item.js";
-import { pickerSeparatorStyles } from "./picker/picker-separator.stylex.js";
 import { SelectSeparator, SelectSeparatorProps } from "./select/select-separator.js";
-import { pickerTriggerStyles } from "./picker/picker-trigger.stylex.js";
 import { SelectTrigger, SelectTriggerProps, SelectTriggerSize } from "./select/select-trigger.js";
-import { selectValueStyles } from "./select/select-value.stylex.js";
 import { SelectValue, SelectValueProps } from "./select/select-value.js";
-import { spacerStyles } from "./spacer/spacer.stylex.js";
 import { Spacer, SpacerProps } from "./spacer/spacer.js";
-import { switchStyles } from "./switch/switch.stylex.js";
 import { Switch, SwitchProps, SwitchSize } from "./switch/switch.js";
-import { tabsPillListStyles } from "./tabs-pill/tabs-pill-list.stylex.js";
 import { TabsPillList, TabsPillListProps } from "./tabs-pill/tabs-pill-list.js";
-import { tabsPillTabStyles } from "./tabs-pill/tabs-pill-tab.stylex.js";
 import { TabsPillTab, TabsPillTabProps } from "./tabs-pill/tabs-pill-tab.js";
-import { tabsSegmentedListStyles } from "./tabs-segmented/tabs-segmented-list.stylex.js";
 import { TabsSegmentedList, TabsSegmentedListProps } from "./tabs-segmented/tabs-segmented-list.js";
-import { tabsSegmentedTabStyles } from "./tabs-segmented/tabs-segmented-tab.stylex.js";
 import { TabsSegmentedTab, TabsSegmentedTabProps } from "./tabs-segmented/tabs-segmented-tab.js";
-import { tabsUnderlineListStyles } from "./tabs-underline/tabs-underline-list.stylex.js";
 import { TabsUnderlineList, TabsUnderlineListProps } from "./tabs-underline/tabs-underline-list.js";
-import { tabsUnderlineTabStyles } from "./tabs-underline/tabs-underline-tab.stylex.js";
 import { TabsUnderlineTab, TabsUnderlineTabProps } from "./tabs-underline/tabs-underline-tab.js";
-import { tabsStyles } from "./tabs/tabs.stylex.js";
 import { Tabs, TabsProps } from "./tabs/tabs.js";
-import { tabsPanelStyles } from "./tabs/tabs-panel.stylex.js";
 import { TabsPanel, TabsPanelProps } from "./tabs/tabs-panel.js";
-import { textareaStyles } from "./textarea/textarea.stylex.js";
 import { Textarea, TextareaProps } from "./textarea/textarea.js";
-import { toggleGroupStyles } from "./toggle-group/toggle-group.stylex.js";
 import { ToggleGroup, ToggleGroupProps } from "./toggle-group/toggle-group.js";
-import { toggleGroupItemStyles } from "./toggle-group/toggle-group-item.stylex.js";
 import { ToggleGroupItem, ToggleGroupItemProps } from "./toggle-group/toggle-group-item.js";
 import { Tooltip, TooltipProps } from "./tooltip/tooltip.js";
-import { tooltipPopupStyles } from "./tooltip/tooltip-popup.stylex.js";
 import { TooltipPopup, TooltipPopupProps } from "./tooltip/tooltip-popup.js";
 import { TooltipProvider, TooltipProviderProps } from "./tooltip/tooltip-provider.js";
 import { TooltipTrigger, TooltipTriggerProps } from "./tooltip/tooltip-trigger.js";
-export { Button, ButtonLink, ButtonLinkProps, ButtonProps, ButtonSize, ButtonVariant, Checkbox, CheckboxProps, Column, ColumnProps, Combobox, ComboboxCollection, ComboboxCollectionProps, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInput, ComboboxInputProps, ComboboxInputSize, ComboboxItem, ComboboxItemProps, ComboboxList, ComboboxListProps, ComboboxProps, ComboboxSearch, ComboboxSearchProps, ComboboxSeparator, ComboboxSeparatorProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxTriggerSize, ComboboxValue, ComboboxValueProps, DialogResponsive, DialogResponsivePopup, DialogResponsivePopupProps, DialogResponsiveProps, DialogResponsiveTrigger, DialogResponsiveTriggerProps, IconButton, IconButtonProps, Input, InputProps, InputSize, Label, LabelProps, Menu, MenuCheckboxItem, MenuCheckboxItemProps, MenuContent, MenuContentProps, MenuGroup, MenuGroupLabel, MenuGroupLabelProps, MenuGroupProps, MenuItem, MenuItemProps, MenuLinkItem, MenuLinkItemProps, MenuProps, MenuRadioGroup, MenuRadioGroupProps, MenuRadioItem, MenuRadioItemProps, MenuSeparator, MenuSeparatorProps, MenuSubmenu, MenuSubmenuProps, MenuSubmenuTrigger, MenuSubmenuTriggerProps, MenuTrigger, MenuTriggerProps, OTPField, OTPFieldInput, Row, RowProps, Select, SelectContent, SelectContentProps, SelectGroup, SelectGroupLabel, SelectGroupLabelProps, SelectGroupProps, SelectItem, SelectItemProps, SelectProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectTriggerSize, SelectValue, SelectValueProps, Spacer, SpacerProps, Switch, SwitchProps, SwitchSize, Tabs, TabsPanel, TabsPanelProps, TabsPillList, TabsPillListProps, TabsPillTab, TabsPillTabProps, TabsProps, TabsSegmentedList, TabsSegmentedListProps, TabsSegmentedTab, TabsSegmentedTabProps, TabsUnderlineList, TabsUnderlineListProps, TabsUnderlineTab, TabsUnderlineTabProps, Textarea, TextareaProps, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, Tooltip, TooltipPopup, TooltipPopupProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipTrigger, TooltipTriggerProps, buttonStyles, checkboxStyles, columnStyles, comboboxEmptyStyles, comboboxInputStyles, comboboxSearchStyles, comboboxValueStyles, dialogResponsivePopupStyles, getButtonClassName, iconButtonStyles, inputStyles, labelStyles, menuContentStyles, menuItemStyles, menuSubmenuTriggerStyles, otpFieldInputStyles, otpFieldStyles, rowStyles, pickerPopupStyles as selectContentStyles, pickerGroupStyles as selectGroupStyles, pickerItemStyles as selectItemStyles, pickerSeparatorStyles as selectSeparatorStyles, pickerTriggerStyles as selectTriggerStyles, selectValueStyles, spacerStyles, switchStyles, tabsPanelStyles, tabsPillListStyles, tabsPillTabStyles, tabsSegmentedListStyles, tabsSegmentedTabStyles, tabsStyles, tabsUnderlineListStyles, tabsUnderlineTabStyles, textareaStyles, toggleGroupItemStyles, toggleGroupStyles, tooltipPopupStyles };
+export { Button, ButtonLink, ButtonLinkProps, ButtonProps, ButtonSize, ButtonVariant, Checkbox, CheckboxProps, Column, ColumnProps, Combobox, ComboboxCollection, ComboboxCollectionProps, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInput, ComboboxInputProps, ComboboxInputSize, ComboboxItem, ComboboxItemProps, ComboboxList, ComboboxListProps, ComboboxProps, ComboboxSearch, ComboboxSearchProps, ComboboxSeparator, ComboboxSeparatorProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxTriggerSize, ComboboxValue, ComboboxValueProps, DialogResponsive, DialogResponsivePopup, DialogResponsivePopupProps, DialogResponsiveProps, DialogResponsiveTrigger, DialogResponsiveTriggerProps, IconButton, IconButtonProps, Input, InputProps, InputSize, Label, LabelProps, Menu, MenuCheckboxItem, MenuCheckboxItemProps, MenuContent, MenuContentProps, MenuGroup, MenuGroupLabel, MenuGroupLabelProps, MenuGroupProps, MenuItem, MenuItemProps, MenuLinkItem, MenuLinkItemProps, MenuProps, MenuRadioGroup, MenuRadioGroupProps, MenuRadioItem, MenuRadioItemProps, MenuSeparator, MenuSeparatorProps, MenuSubmenu, MenuSubmenuProps, MenuSubmenuTrigger, MenuSubmenuTriggerProps, MenuTrigger, MenuTriggerProps, OTPField, OTPFieldInput, OTPFieldInputProps, OTPFieldProps, Row, RowProps, Select, SelectContent, SelectContentProps, SelectGroup, SelectGroupLabel, SelectGroupLabelProps, SelectGroupProps, SelectItem, SelectItemProps, SelectProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectTriggerSize, SelectValue, SelectValueProps, Spacer, SpacerProps, Switch, SwitchProps, SwitchSize, Tabs, TabsPanel, TabsPanelProps, TabsPillList, TabsPillListProps, TabsPillTab, TabsPillTabProps, TabsProps, TabsSegmentedList, TabsSegmentedListProps, TabsSegmentedTab, TabsSegmentedTabProps, TabsUnderlineList, TabsUnderlineListProps, TabsUnderlineTab, TabsUnderlineTabProps, Textarea, TextareaProps, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, Tooltip, TooltipPopup, TooltipPopupProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipTrigger, TooltipTriggerProps };

package/dist/components/index.js

@@ -1,64 +1,42 @@
-import "./stylex.css";
-import { buttonStyles } from "./button/button.stylex.js";
-import { Button, getButtonClassName } from "./button/button.js";
+/* empty css       */
 import { ButtonLink } from "./button-link/button-link.js";
-import { checkboxStyles } from "./checkbox/checkbox.stylex.js";
+import { Button } from "./button/button.js";
 import { Checkbox } from "./checkbox/checkbox.js";
-import { columnStyles } from "./column/column.stylex.js";
 import { Column } from "./column/column.js";
 import { Combobox } from "./combobox/combobox.js";
 import { ComboboxCollection } from "./combobox/combobox-collection.js";
-import { pickerPopupStyles } from "./picker/picker-popup.stylex.js";
 import { ComboboxContent } from "./combobox/combobox-content.js";
-import { comboboxEmptyStyles } from "./combobox/combobox-empty.stylex.js";
 import { ComboboxEmpty } from "./combobox/combobox-empty.js";
-import { pickerGroupStyles } from "./picker/picker-group.stylex.js";
 import { ComboboxGroup } from "./combobox/combobox-group.js";
 import { ComboboxGroupLabel } from "./combobox/combobox-group-label.js";
-import { comboboxInputStyles } from "./combobox/combobox-input.stylex.js";
 import { ComboboxInput } from "./combobox/combobox-input.js";
-import { pickerItemStyles } from "./picker/picker-item.stylex.js";
 import { ComboboxItem } from "./combobox/combobox-item.js";
 import { ComboboxList } from "./combobox/combobox-list.js";
-import { comboboxSearchStyles } from "./combobox/combobox-search.stylex.js";
 import { ComboboxSearch } from "./combobox/combobox-search.js";
-import { pickerSeparatorStyles } from "./picker/picker-separator.stylex.js";
 import { ComboboxSeparator } from "./combobox/combobox-separator.js";
-import { pickerTriggerStyles } from "./picker/picker-trigger.stylex.js";
 import { ComboboxTrigger } from "./combobox/combobox-trigger.js";
-import { comboboxValueStyles } from "./combobox/combobox-value.stylex.js";
 import { ComboboxValue } from "./combobox/combobox-value.js";
 import { DialogResponsive } from "./dialog-responsive/dialog-responsive.js";
-import { dialogResponsivePopupStyles } from "./dialog-responsive/dialog-responsive-popup.stylex.js";
 import { DialogResponsivePopup } from "./dialog-responsive/dialog-responsive-popup.js";
 import { DialogResponsiveTrigger } from "./dialog-responsive/dialog-responsive-trigger.js";
-import { iconButtonStyles } from "./icon-button/icon-button.stylex.js";
 import { IconButton } from "./icon-button/icon-button.js";
-import { inputStyles } from "./input/input.stylex.js";
 import { Input } from "./input/input.js";
-import { labelStyles } from "./label/label.stylex.js";
 import { Label } from "./label/label.js";
 import { Menu } from "./menu/menu.js";
 import { MenuCheckboxItem } from "./menu/menu-checkbox-item.js";
-import { menuContentStyles } from "./menu/menu-content.stylex.js";
 import { MenuContent } from "./menu/menu-content.js";
 import { MenuGroup } from "./menu/menu-group.js";
 import { MenuGroupLabel } from "./menu/menu-group-label.js";
-import { menuItemStyles } from "./menu/menu-item.stylex.js";
 import { MenuItem } from "./menu/menu-item.js";
 import { MenuLinkItem } from "./menu/menu-link-item.js";
 import { MenuRadioGroup } from "./menu/menu-radio-group.js";
 import { MenuRadioItem } from "./menu/menu-radio-item.js";
 import { MenuSeparator } from "./menu/menu-separator.js";
 import { MenuSubmenu } from "./menu/menu-submenu.js";
-import { menuSubmenuTriggerStyles } from "./menu/menu-submenu-trigger.stylex.js";
 import { MenuSubmenuTrigger } from "./menu/menu-submenu-trigger.js";
 import { MenuTrigger } from "./menu/menu-trigger.js";
-import { otpFieldStyles } from "./otp-field/otp-field.stylex.js";
 import { OTPField } from "./otp-field/otp-field.js";
-import { otpFieldInputStyles } from "./otp-field/otp-field-input.stylex.js";
 import { OTPFieldInput } from "./otp-field/otp-field-input.js";
-import { rowStyles } from "./row/row.stylex.js";
 import { Row } from "./row/row.js";
 import { Select } from "./select/select.js";
 import { SelectContent } from "./select/select-content.js";
@@ -67,37 +45,22 @@ import { SelectGroupLabel } from "./select/select-group-label.js";
 import { SelectItem } from "./select/select-item.js";
 import { SelectSeparator } from "./select/select-separator.js";
 import { SelectTrigger } from "./select/select-trigger.js";
-import { selectValueStyles } from "./select/select-value.stylex.js";
 import { SelectValue } from "./select/select-value.js";
-import { spacerStyles } from "./spacer/spacer.stylex.js";
 import { Spacer } from "./spacer/spacer.js";
-import { switchStyles } from "./switch/switch.stylex.js";
 import { Switch } from "./switch/switch.js";
-import { tabsPillListStyles } from "./tabs-pill/tabs-pill-list.stylex.js";
 import { TabsPillList } from "./tabs-pill/tabs-pill-list.js";
-import { tabsPillTabStyles } from "./tabs-pill/tabs-pill-tab.stylex.js";
 import { TabsPillTab } from "./tabs-pill/tabs-pill-tab.js";
-import { tabsSegmentedListStyles } from "./tabs-segmented/tabs-segmented-list.stylex.js";
 import { TabsSegmentedList } from "./tabs-segmented/tabs-segmented-list.js";
-import { tabsSegmentedTabStyles } from "./tabs-segmented/tabs-segmented-tab.stylex.js";
 import { TabsSegmentedTab } from "./tabs-segmented/tabs-segmented-tab.js";
-import { tabsUnderlineListStyles } from "./tabs-underline/tabs-underline-list.stylex.js";
 import { TabsUnderlineList } from "./tabs-underline/tabs-underline-list.js";
-import { tabsUnderlineTabStyles } from "./tabs-underline/tabs-underline-tab.stylex.js";
 import { TabsUnderlineTab } from "./tabs-underline/tabs-underline-tab.js";
-import { tabsStyles } from "./tabs/tabs.stylex.js";
 import { Tabs } from "./tabs/tabs.js";
-import { tabsPanelStyles } from "./tabs/tabs-panel.stylex.js";
 import { TabsPanel } from "./tabs/tabs-panel.js";
-import { textareaStyles } from "./textarea/textarea.stylex.js";
 import { Textarea } from "./textarea/textarea.js";
-import { toggleGroupStyles } from "./toggle-group/toggle-group.stylex.js";
 import { ToggleGroup } from "./toggle-group/toggle-group.js";
-import { toggleGroupItemStyles } from "./toggle-group/toggle-group-item.stylex.js";
 import { ToggleGroupItem } from "./toggle-group/toggle-group-item.js";
 import { Tooltip } from "./tooltip/tooltip.js";
-import { tooltipPopupStyles } from "./tooltip/tooltip-popup.stylex.js";
 import { TooltipPopup } from "./tooltip/tooltip-popup.js";
 import { TooltipProvider } from "./tooltip/tooltip-provider.js";
 import { TooltipTrigger } from "./tooltip/tooltip-trigger.js";
-export { Button, ButtonLink, Checkbox, Column, Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSearch, ComboboxSeparator, ComboboxTrigger, ComboboxValue, DialogResponsive, DialogResponsivePopup, DialogResponsiveTrigger, IconButton, Input, Label, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuLinkItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, OTPField, OTPFieldInput, Row, Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator, SelectTrigger, SelectValue, Spacer, Switch, Tabs, TabsPanel, TabsPillList, TabsPillTab, TabsSegmentedList, TabsSegmentedTab, TabsUnderlineList, TabsUnderlineTab, Textarea, ToggleGroup, ToggleGroupItem, Tooltip, TooltipPopup, TooltipProvider, TooltipTrigger, buttonStyles, checkboxStyles, columnStyles, comboboxEmptyStyles, comboboxInputStyles, comboboxSearchStyles, comboboxValueStyles, dialogResponsivePopupStyles, getButtonClassName, iconButtonStyles, inputStyles, labelStyles, menuContentStyles, menuItemStyles, menuSubmenuTriggerStyles, otpFieldInputStyles, otpFieldStyles, rowStyles, pickerPopupStyles as selectContentStyles, pickerGroupStyles as selectGroupStyles, pickerItemStyles as selectItemStyles, pickerSeparatorStyles as selectSeparatorStyles, pickerTriggerStyles as selectTriggerStyles, selectValueStyles, spacerStyles, switchStyles, tabsPanelStyles, tabsPillListStyles, tabsPillTabStyles, tabsSegmentedListStyles, tabsSegmentedTabStyles, tabsStyles, tabsUnderlineListStyles, tabsUnderlineTabStyles, textareaStyles, toggleGroupItemStyles, toggleGroupStyles, tooltipPopupStyles };
+export { Button, ButtonLink, Checkbox, Column, Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSearch, ComboboxSeparator, ComboboxTrigger, ComboboxValue, DialogResponsive, DialogResponsivePopup, DialogResponsiveTrigger, IconButton, Input, Label, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuLinkItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, OTPField, OTPFieldInput, Row, Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator, SelectTrigger, SelectValue, Spacer, Switch, Tabs, TabsPanel, TabsPillList, TabsPillTab, TabsSegmentedList, TabsSegmentedTab, TabsUnderlineList, TabsUnderlineTab, Textarea, ToggleGroup, ToggleGroupItem, Tooltip, TooltipPopup, TooltipProvider, TooltipTrigger };

package/dist/components/input/input.d.ts

@@ -1,4 +1,3 @@
-import { inputStyles } from "./input.stylex.js";
 import { ComponentProps, JSX } from "react";
 //#region src/components/input/input.d.ts
 interface InputProps extends Omit<ComponentProps<"input">, "aria-pressed"> {
@@ -11,4 +10,4 @@ interface InputProps extends Omit<ComponentProps<"input">, "aria-pressed"> {
 type InputSize = 32 | 36 | 40 | 44 | 48;
 declare function Input(props: InputProps): JSX.Element;
 //#endregion
-export { Input, InputProps, InputSize, inputStyles };
+export { Input, InputProps, InputSize };

package/dist/components/input/input.js

@@ -1,18 +1,19 @@
-import { cn, sx } from "../cn.js";
-import { inputStyles } from "./input.stylex.js";
+import { cn } from "../cn.js";
+import { inputStyles, inputStylesBy } from "./input.stylex.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/input/input.tsx
 function Input(props) {
-	const { className: customClassName = "", active = false, invalid = void 0, rounded = false, valid = void 0, size = 48, ...rest } = props;
+	const { className = "", active = false, invalid = void 0, rounded = false, size = 48, valid = void 0, ...rest } = props;
+	const combinedClassName = cn(inputStyles.base, inputStylesBy.size[size], rounded && inputStylesBy.rounded.full, className);
 	return /* @__PURE__ */ jsx("input", {
-		className: cn(sx(inputStyles.base, inputStyles[size], rounded && inputStyles.roundedFull), customClassName),
+		className: combinedClassName,
+		"data-component": "input",
 		"data-is-active": active,
 		"data-is-invalid": invalid,
 		"data-is-valid": valid,
-		"data-slot": "input",
 		type: "text",
 		...rest
 	});
 }
 //#endregion
-export { Input, inputStyles };
+export { Input };

package/dist/components/input/input.stylex.js

@@ -1,71 +1,84 @@
 //#region src/components/input/input.stylex.ts
 const inputStyles = {
-	"32": {
+	base: {
+		k8Qsv1: "x1ta7s2x",
+		kI5SfV: "xjp5s5a",
+		kysU6D: "xjyslct",
+		kWkggS: "x1h73wb5",
+		ksu8eU: "xng3xce",
+		kGVxlE: "xnn6d81 xho1339 x1rlgnxn xhxsgan x1er153n",
+		kMwMTN: "x1tgivj0",
+		kkrTdU: "x1s07b3s x1ed109x",
+		kGuDYH: "xif65rj",
+		k63SB2: "xo1l8bm",
+		kLWn49: "x1evy7pa",
+		kSiTet: "xijokvz x1hc1fzr",
+		kjBf7l: "xfcj4rt x43j12e x1mr6snm x1uczgqu",
+		kInvED: "x2ssjo2",
+		k3XXqK: "xaatb59",
+		kMeerF: "x1de99jn",
+		kybGjl: "x1hl2dhg",
+		kIyJzY: "xx6bhzk",
+		k1ekBW: "xe97l14",
+		kzqmXN: "xh8yej3",
+		$$css: true
+	},
+	rounded_base: {
+		kaIpWk: "x4pepcl",
+		$$css: true
+	},
+	rounded_full: {
+		kaIpWk: "x10hpsqq",
+		$$css: true
+	},
+	size_32: {
 		kaIpWk: "xur7f20",
 		kAzted: "x21xpn4",
 		k8WAf4: "xt970qd",
 		kg3NbH: "xdqyycr",
 		$$css: true
 	},
-	"36": {
+	size_36: {
 		kaIpWk: "xhpnuu7",
 		kAzted: "xu0aao5",
 		k8WAf4: "xt970qd",
 		kg3NbH: "x1awh872",
 		$$css: true
 	},
-	"40": {
+	size_40: {
 		kaIpWk: "x1q4ynmn",
 		kAzted: "x1ba4aug",
 		k8WAf4: "xt970qd",
 		kg3NbH: "xaope02",
 		$$css: true
 	},
-	"44": {
+	size_44: {
 		kaIpWk: "x1ctf4ec",
 		kAzted: "x1gg8mnh",
 		k8WAf4: "xt970qd",
 		kg3NbH: "xqin4a2",
 		$$css: true
 	},
-	"48": {
+	size_48: {
 		kaIpWk: "x4pepcl",
 		kAzted: "x1wxaq2x",
 		k8WAf4: "xt970qd",
 		kg3NbH: "x1hr3lfm",
 		$$css: true
+	}
+};
+const inputStylesBy = {
+	rounded: {
+		base: inputStyles.rounded_base,
+		full: inputStyles.rounded_full
 	},
-	base: {
-		k8Qsv1: "x1ta7s2x",
-		kI5SfV: "xjp5s5a",
-		kysU6D: "xjyslct",
-		kWkggS: "x1h73wb5",
-		ksu8eU: "xng3xce",
-		kGVxlE: "xnn6d81 xho1339 x1rlgnxn xhxsgan x1er153n",
-		kMwMTN: "x1tgivj0",
-		kkrTdU: "x1s07b3s x1ed109x",
-		kGuDYH: "xif65rj",
-		k63SB2: "xo1l8bm",
-		kLWn49: "x1evy7pa",
-		kSiTet: "xijokvz x1hc1fzr",
-		kjBf7l: "xfcj4rt x43j12e x1mr6snm x1uczgqu",
-		kInvED: "x2ssjo2",
-		k3XXqK: "xaatb59",
-		kMeerF: "x1de99jn",
-		kybGjl: "x1hl2dhg",
-		kIyJzY: "xx6bhzk",
-		k1ekBW: "xe97l14",
-		kzqmXN: "xh8yej3",
-		$$css: true
-	},
-	roundedBase: {
-		kaIpWk: "x4pepcl",
-		$$css: true
-	},
-	roundedFull: {
-		kaIpWk: "x10hpsqq",
-		$$css: true
+	size: {
+		32: inputStyles.size_32,
+		36: inputStyles.size_36,
+		40: inputStyles.size_40,
+		44: inputStyles.size_44,
+		48: inputStyles.size_48
 	}
 };
 //#endregion
-export { inputStyles };
+export { inputStyles, inputStylesBy };

package/dist/components/label/label.d.ts

@@ -1,7 +1,6 @@
-import { labelStyles } from "./label.stylex.js";
 import { ComponentProps, JSX } from "react";
 //#region src/components/label/label.d.ts
 interface LabelProps extends ComponentProps<"label"> {}
 declare function Label(props: LabelProps): JSX.Element;
 //#endregion
-export { Label, LabelProps, labelStyles };
+export { Label, LabelProps };

package/dist/components/label/label.js

@@ -1,18 +1,17 @@
 import { cn } from "../cn.js";
 import { labelStyles } from "./label.stylex.js";
-import * as stylex from "@stylexjs/stylex";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/label/label.tsx
 function Label(props) {
 	const { className = "", htmlFor = void 0, children = void 0, ...rest } = props;
-	const { className: stylexClassName } = stylex.props(labelStyles.base);
+	const combinedClassName = cn(labelStyles.base, className);
 	return /* @__PURE__ */ jsx("label", {
-		className: cn(stylexClassName, className),
-		"data-slot": "label",
+		className: combinedClassName,
+		"data-component": "label",
 		htmlFor,
 		...rest,
 		children
 	});
 }
 //#endregion
-export { Label, labelStyles };
+export { Label };

package/dist/components/menu/menu-checkbox-item.js

@@ -1,21 +1,22 @@
-import { cn, sx } from "../cn.js";
+import { cn } from "../cn.js";
 import { pickerItemStyles } from "../picker/picker-item.stylex.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-checkbox-item.tsx
 function MenuCheckboxItem(props) {
-	const { children, className: customClassName = "", ...rest } = props;
+	const { children, className = "", ...rest } = props;
+	const combinedClassName = cn(pickerItemStyles.base, className);
 	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
-		className: cn(sx(pickerItemStyles.base), customClassName),
-		"data-slot": "menu-checkbox-item",
+		className: combinedClassName,
+		"data-component": "menu-checkbox-item",
 		...rest,
 		children: [/* @__PURE__ */ jsx("span", {
-			className: sx(pickerItemStyles.label),
-			"data-slot": "menu-checkbox-item-text",
+			className: cn(pickerItemStyles.label),
+			"data-component": "menu-checkbox-item-text",
 			children
 		}), /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, {
-			className: sx(pickerItemStyles.indicator),
-			"data-slot": "menu-checkbox-item-indicator",
+			className: cn(pickerItemStyles.indicator),
+			"data-component": "menu-checkbox-item-indicator",
 			children: /* @__PURE__ */ jsx("svg", {
 				height: "14px",
 				viewBox: "0 0 18 18",

package/dist/components/menu/menu-content.d.ts

@@ -1,4 +1,3 @@
-import { menuContentStyles } from "./menu-content.stylex.js";
 import { Menu } from "@base-ui/react";
 import { JSX } from "react";
 //#region src/components/menu/menu-content.d.ts
@@ -8,4 +7,4 @@ interface MenuContentProps extends Omit<Menu.Popup.Props, "className">, Pick<Men
 }
 declare function MenuContent(props: MenuContentProps): JSX.Element;
 //#endregion
-export { MenuContent, MenuContentProps, menuContentStyles };
+export { MenuContent, MenuContentProps };

package/dist/components/menu/menu-content.js

@@ -1,4 +1,4 @@
-import { cn, sx } from "../cn.js";
+import { cn } from "../cn.js";
 import { pickerPopupStyles } from "../picker/picker-popup.stylex.js";
 import { pickerListStyles } from "../picker/picker-list.stylex.js";
 import { menuContentStyles } from "./menu-content.stylex.js";
@@ -6,32 +6,33 @@ import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-content.tsx
 function MenuContent(props) {
-	const { align = "start", alignOffset = getDefaultAlignOffset, anchor = void 0, arrowPadding = void 0, children, className: customClassName = "", collisionAvoidance = void 0, collisionBoundary = void 0, collisionPadding = void 0, container = void 0, disableAnchorTracking = void 0, positionMethod = void 0, side = void 0, sideOffset = getDefaultSideOffset, sticky = void 0, ...rest } = props;
+	const { align = "start", alignOffset = getDefaultAlignOffset, anchor = void 0, arrowPadding = void 0, children, className = "", collisionAvoidance = void 0, collisionBoundary = void 0, collisionPadding = void 0, container = void 0, disableAnchorTracking = void 0, positionMethod = void 0, side = void 0, sideOffset = getDefaultSideOffset, sticky = void 0, ...rest } = props;
+	const combinedClassName = cn(pickerPopupStyles.base, menuContentStyles.base, className);
 	return /* @__PURE__ */ jsx(Menu.Portal, {
 		container,
-		"data-slot": "menu-portal",
+		"data-component": "menu-portal",
 		children: /* @__PURE__ */ jsx(Menu.Positioner, {
 			align,
 			alignOffset,
 			anchor,
 			arrowPadding,
-			className: sx(pickerPopupStyles.positioner),
+			className: cn(pickerPopupStyles.positioner),
 			collisionAvoidance,
 			collisionBoundary,
 			collisionPadding,
-			"data-slot": "menu-positioner",
+			"data-component": "menu-positioner",
 			disableAnchorTracking,
 			positionMethod,
 			side,
 			sideOffset,
 			sticky,
 			children: /* @__PURE__ */ jsx(Menu.Popup, {
-				className: cn(sx(pickerPopupStyles.base, menuContentStyles.base), customClassName),
-				"data-slot": "menu-content",
+				className: combinedClassName,
+				"data-component": "menu-content",
 				...rest,
 				children: /* @__PURE__ */ jsx("div", {
-					className: sx(pickerListStyles.base),
-					"data-slot": "menu-list",
+					className: cn(pickerListStyles.base),
+					"data-component": "menu-list",
 					children
 				})
 			})
@@ -45,4 +46,4 @@ function getDefaultSideOffset(data) {
 	return data.side === "bottom" || data.side === "top" ? 6 : -4;
 }
 //#endregion
-export { MenuContent, menuContentStyles };
+export { MenuContent };

package/dist/components/menu/menu-group-label.js

@@ -1,13 +1,14 @@
-import { cn, sx } from "../cn.js";
+import { cn } from "../cn.js";
 import { pickerGroupStyles } from "../picker/picker-group.stylex.js";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-group-label.tsx
 function MenuGroupLabel(props) {
-	const { className: customClassName = "", ...rest } = props;
+	const { className = "", ...rest } = props;
+	const combinedClassName = cn(pickerGroupStyles.label, className);
 	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
-		className: cn(sx(pickerGroupStyles.label), customClassName),
-		"data-slot": "menu-group-label",
+		className: combinedClassName,
+		"data-component": "menu-group-label",
 		...rest
 	});
 }

package/dist/components/menu/menu-group.js

@@ -1,13 +1,14 @@
-import { cn, sx } from "../cn.js";
+import { cn } from "../cn.js";
 import { pickerGroupStyles } from "../picker/picker-group.stylex.js";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-group.tsx
 function MenuGroup(props) {
-	const { className: customClassName = "", ...rest } = props;
+	const { className = "", ...rest } = props;
+	const combinedClassName = cn(pickerGroupStyles.base, className);
 	return /* @__PURE__ */ jsx(Menu.Group, {
-		className: cn(sx(pickerGroupStyles.base), customClassName),
-		"data-slot": "menu-group",
+		className: combinedClassName,
+		"data-component": "menu-group",
 		...rest
 	});
 }

package/dist/components/menu/menu-item.d.ts

@@ -1,4 +1,3 @@
-import { menuItemStyles } from "./menu-item.stylex.js";
 import { Menu } from "@base-ui/react";
 import { JSX } from "react";
 //#region src/components/menu/menu-item.d.ts
@@ -7,4 +6,4 @@ interface MenuItemProps extends Omit<Menu.Item.Props, "className"> {
 }
 declare function MenuItem(props: MenuItemProps): JSX.Element;
 //#endregion
-export { MenuItem, MenuItemProps, menuItemStyles };
+export { MenuItem, MenuItemProps };

package/dist/components/menu/menu-item.js

@@ -1,16 +1,17 @@
-import { cn, sx } from "../cn.js";
+import { cn } from "../cn.js";
 import { pickerItemStyles } from "../picker/picker-item.stylex.js";
 import { menuItemStyles } from "./menu-item.stylex.js";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-item.tsx
 function MenuItem(props) {
-	const { className: customClassName = "", ...rest } = props;
+	const { className = "", ...rest } = props;
+	const combinedClassName = cn(pickerItemStyles.base, menuItemStyles.base, className);
 	return /* @__PURE__ */ jsx(Menu.Item, {
-		className: cn(sx(pickerItemStyles.base, menuItemStyles.base), customClassName),
-		"data-slot": "menu-item",
+		className: combinedClassName,
+		"data-component": "menu-item",
 		...rest
 	});
 }
 //#endregion
-export { MenuItem, menuItemStyles };
+export { MenuItem };

package/dist/components/menu/menu-link-item.js

@@ -1,14 +1,15 @@
-import { cn, sx } from "../cn.js";
+import { cn } from "../cn.js";
 import { pickerItemStyles } from "../picker/picker-item.stylex.js";
 import { menuItemStyles } from "./menu-item.stylex.js";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-link-item.tsx
 function MenuLinkItem(props) {
-	const { className: customClassName = "", ...rest } = props;
+	const { className = "", ...rest } = props;
+	const combinedClassName = cn(pickerItemStyles.base, menuItemStyles.base, className);
 	return /* @__PURE__ */ jsx(Menu.LinkItem, {
-		className: cn(sx(pickerItemStyles.base, menuItemStyles.base), customClassName),
-		"data-slot": "menu-link-item",
+		className: combinedClassName,
+		"data-component": "menu-link-item",
 		...rest
 	});
 }

package/dist/components/menu/menu-radio-group.js

@@ -1,13 +1,14 @@
-import { cn, sx } from "../cn.js";
+import { cn } from "../cn.js";
 import { pickerGroupStyles } from "../picker/picker-group.stylex.js";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-radio-group.tsx
 function MenuRadioGroup(props) {
-	const { className: customClassName = "", ...rest } = props;
+	const { className = "", ...rest } = props;
+	const combinedClassName = cn(pickerGroupStyles.base, className);
 	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
-		className: cn(sx(pickerGroupStyles.base), customClassName),
-		"data-slot": "menu-radio-group",
+		className: combinedClassName,
+		"data-component": "menu-radio-group",
 		...rest
 	});
 }