@optiaxiom/react 0.1.0 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{PopoverContent-SMPtGTQS.d.ts → Link-Dc8ekUk0.d.ts} +55 -117
- package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-CVfLPfsi.css → AlertDialogContent.css.ts.vanilla-CXU9RPlt.css} +8 -7
- package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-C1jTI0n3.css +6 -0
- package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-DJeeq1LR.css +10 -0
- package/dist/assets/src/avatar/Avatar.css.ts.vanilla-BqFo8Ckf.css +27 -0
- package/dist/assets/src/badge/Badge.css.ts.vanilla-hRYSETVs.css +46 -0
- package/dist/assets/src/box/{Box.css.ts.vanilla-B8q6Oyuj.css → Box.css.ts.vanilla-l5pxeqpC.css} +24 -24
- package/dist/assets/src/button/Button.css.ts.vanilla-BiYA392f.css +146 -0
- package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-v8ueXwNh.css +18 -0
- package/dist/assets/src/code/Code.css.ts.vanilla-CgFRu84v.css +7 -0
- package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-CuP-Hjp0.css → DialogContent.css.ts.vanilla-DYjXMRmn.css} +9 -8
- package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-C_E7EWK6.css +25 -0
- package/dist/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-Ut0pM30M.css +19 -0
- package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-DWe4kLbE.css → Drawer.css.ts.vanilla-DGdVvYDM.css} +8 -8
- package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-C2rYzgoD.css → HoverCardContent.css.ts.vanilla-B0e1VBuB.css} +3 -3
- package/dist/assets/src/indicator/Indicator.css.ts.vanilla-BGp9E6-V.css +36 -0
- package/dist/assets/src/input-base/InputBase.css.ts.vanilla-xClOcyVV.css +87 -0
- package/dist/assets/src/kbd/Kbd.css.ts.vanilla-BgKxZdBA.css +9 -0
- package/dist/assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css +1 -0
- package/dist/assets/src/link/Link.css.ts.vanilla-BwsjRbT8.css +35 -0
- package/dist/assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-ZuE5SZF1.css +21 -0
- package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-qvZSWu96.css +30 -0
- package/dist/assets/src/pagination/Pagination.css.ts.vanilla-BeD33iJx.css +6 -0
- package/dist/assets/src/pill/{Pill.css.ts.vanilla-0ZyLCs4p.css → Pill.css.ts.vanilla-Cr5zCRpC.css} +4 -4
- package/dist/assets/src/radio/Radio.css.ts.vanilla-ss7fiJd-.css +13 -0
- package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-sXrssmhH.css +6 -0
- package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-CA56kkFg.css +7 -0
- package/dist/assets/src/separator/{Separator.css.ts.vanilla-BPTyRjy9.css → Separator.css.ts.vanilla-DYmYJLS6.css} +10 -10
- package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-CbzO85Ut.css +6 -0
- package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-CJxzKFfW.css +6 -0
- package/dist/assets/src/sprinkles/{properties.css.ts.vanilla-Bg4xFBbC.css → properties.css.ts.vanilla-AO76vkAp.css} +2500 -2476
- package/dist/assets/src/switch/Switch.css.ts.vanilla-DhVULbgx.css +26 -0
- package/dist/assets/src/table/Table.css.ts.vanilla-Cf6hPQuP.css +9 -0
- package/dist/assets/src/table-body/TableBody.css.ts.vanilla-0F7IhhJH.css +6 -0
- package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-C9lLH4Re.css → TableCell.css.ts.vanilla-BPLEQNTw.css} +4 -4
- package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-BppOSaGb.css +6 -0
- package/dist/assets/src/table-row/TableRow.css.ts.vanilla-ApP8nAcG.css +4 -0
- package/dist/assets/src/tabs/Tabs.css.ts.vanilla-Zw8YUjIV.css +9 -0
- package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-C_eok-Uh.css +23 -0
- package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-Df0zUu5W.css → TabsTrigger.css.ts.vanilla-vnwJVqiP.css} +10 -10
- package/dist/assets/src/text/{Text.css.ts.vanilla-ngxCk5hZ.css → Text.css.ts.vanilla-CY9YMJxj.css} +8 -8
- package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-LE6eeC9c.css +34 -0
- package/dist/assets/src/toast/Toast.css.ts.vanilla-CnzzNTMW.css +92 -0
- package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-wsB2DsHJ.css → ToastProvider.css.ts.vanilla-MHbbmzSS.css} +9 -9
- package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-D_YmZiLz.css +22 -0
- package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-B5HkATzv.css +10 -0
- package/dist/assets/src/transition/{Transition.css.ts.vanilla-BHwXmrOM.css → Transition.css.ts.vanilla-CiL90KIm.css} +16 -16
- package/dist/index.d.ts +273 -81
- package/dist/index.js +11 -3
- package/dist/package.json.js +1 -1
- package/dist/src/alert/Alert-css.js +3 -3
- package/dist/src/alert/Alert.js +3 -3
- package/dist/src/alert-dialog-content/AlertDialogContent-css.js +4 -4
- package/dist/src/alert-dialog-description/AlertDialogDescription-css.js +2 -3
- package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js +3 -3
- package/dist/src/alert-dialog-title/AlertDialogTitle.js +26 -15
- package/dist/src/autocomplete/Autocomplete.js +14 -11
- package/dist/src/autocomplete-content/AutocompleteContent-css.js +4 -5
- package/dist/src/autocomplete-content/AutocompleteContent.js +17 -29
- package/dist/src/autocomplete-item/AutocompletItem.js +24 -22
- package/dist/src/autocomplete-item-indicator/AutocompleteItemIndicator.js +8 -3
- package/dist/src/autocomplete-trigger/AutocompleteTrigger.js +37 -20
- package/dist/src/avatar/Avatar-css.js +4 -4
- package/dist/src/avatar-group/AvatarGroup-css.js +3 -3
- package/dist/src/badge/Badge-css.js +3 -3
- package/dist/src/banner/Banner-css.js +3 -3
- package/dist/src/banner/Banner.js +3 -3
- package/dist/src/box/Box-css.js +3 -3
- package/dist/src/button/Button-css.js +8 -8
- package/dist/src/button/Button.js +11 -8
- package/dist/src/button-group/ButtonGroup-css.js +3 -3
- package/dist/src/checkbox/Checkbox-css.js +9 -7
- package/dist/src/checkbox/Checkbox.js +26 -16
- package/dist/src/code/Code-css.js +3 -3
- package/dist/src/dialog/Dialog.js +1 -11
- package/dist/src/dialog-body/DialogBody-css.js +2 -3
- package/dist/src/dialog-content/DialogContent-css.js +5 -5
- package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
- package/dist/src/disclosure-content/DisclosureContent-css.js +3 -3
- package/dist/src/disclosure-trigger/DisclosureTrigger-css.js +4 -4
- package/dist/src/downshift/useCombobox.js +11 -0
- package/dist/src/downshift/useForceRerender.js +12 -0
- package/dist/src/downshift/usePortalPatch.js +18 -0
- package/dist/src/downshift/useSelect.js +11 -0
- package/dist/src/drawer/Drawer-css.js +5 -5
- package/dist/src/dropdown-menu-content/DropdownMenuContent.js +10 -1
- package/dist/src/dropdown-menu-sub-content/DropdownMenuSubContent.js +16 -7
- package/dist/src/field/Field.js +56 -20
- package/dist/src/hover-card-content/HoverCardContent-css.js +3 -3
- package/dist/src/hover-card-content/HoverCardContent.js +1 -1
- package/dist/src/icon/Icon.js +1 -1
- package/dist/src/icons/IconAngleDown.js +6 -5
- package/dist/src/icons/IconAngleLeft.js +2 -4
- package/dist/src/icons/IconAngleRight.js +2 -4
- package/dist/src/icons/IconCircleQuestion.js +6 -5
- package/dist/src/icons/IconMagnifyingGlass.js +22 -8
- package/dist/src/icons/IconTriangleExclamation.js +20 -0
- package/dist/src/icons/IconUpRightFromSquare.js +31 -8
- package/dist/src/indicator/Indicator-css.js +5 -5
- package/dist/src/input/Input-css.js +1 -1
- package/dist/src/input-base/InputBase-css.js +5 -4
- package/dist/src/input-base/InputBase.js +7 -3
- package/dist/src/kbd/Kbd-css.js +3 -3
- package/dist/src/layers/layers-css.js +3 -3
- package/dist/src/link/Link-css.js +4 -4
- package/dist/src/link/Link.js +2 -2
- package/dist/src/menu-button/MenuButton.js +11 -1
- package/dist/src/menu-content-base/MenuContentBase-css.js +3 -3
- package/dist/src/menu-content-base/MenuContentBase.js +22 -5
- package/dist/src/menu-item-base/MenuItemBase-css.js +3 -3
- package/dist/src/pagination/Pagination-css.js +3 -3
- package/dist/src/pill/Pill-css.js +3 -3
- package/dist/src/popover-content/PopoverContent.js +29 -47
- package/dist/src/radio/Radio-css.js +12 -0
- package/dist/src/radio/Radio.js +75 -0
- package/dist/src/radio-group/RadioGroup.js +30 -19
- package/dist/src/radio-group-context/RadioGroupContext.js +5 -0
- package/dist/src/search-input/SearchInput-css.js +4 -4
- package/dist/src/select/Select.js +64 -0
- package/dist/src/select-content/SelectContent-css.js +7 -0
- package/dist/src/select-content/SelectContent.js +35 -0
- package/dist/src/select-context/SelectContext.js +5 -0
- package/dist/src/select-item/SelectItem.js +40 -0
- package/dist/src/select-item-context/SelectItemContext.js +5 -0
- package/dist/src/select-item-indicator/SelectItemIndicator.js +20 -0
- package/dist/src/select-label/SelectLabel.js +23 -0
- package/dist/src/{command/Command.js → select-separator/SelectSeparator.js} +5 -5
- package/dist/src/select-trigger/SelectTrigger.js +41 -0
- package/dist/src/select-value/SelectValue.js +14 -0
- package/dist/src/separator/Separator-css.js +3 -3
- package/dist/src/side-nav/SideNav.js +1 -1
- package/dist/src/side-nav-item/SideNavItem-css.js +5 -5
- package/dist/src/side-nav-item/SideNavItem.js +4 -3
- package/dist/src/skeleton/Skeleton-css.js +3 -3
- package/dist/src/spinner/Spinner.js +44 -34
- package/dist/src/sprinkles/properties-css.js +4 -4
- package/dist/src/switch/Switch-css.js +9 -7
- package/dist/src/switch/Switch.js +33 -15
- package/dist/src/table/Table-css.js +4 -4
- package/dist/src/table-body/TableBody-css.js +3 -3
- package/dist/src/table-cell/TableCell-css.js +4 -4
- package/dist/src/table-header-cell/TableHeaderCell-css.js +3 -3
- package/dist/src/table-row/TableRow-css.js +3 -3
- package/dist/src/tabs/Tabs-css.js +3 -3
- package/dist/src/tabs-list/TabsList-css.js +3 -3
- package/dist/src/tabs-trigger/TabsTrigger-css.js +4 -4
- package/dist/src/text/Text-css.js +3 -3
- package/dist/src/textarea-autosize/TextareaAutosize-css.js +5 -5
- package/dist/src/theme-provider/ThemeProvider.js +1 -1
- package/dist/src/toast/Toast-css.js +5 -5
- package/dist/src/toast/Toast.js +2 -1
- package/dist/src/toast-provider/ToastProvider-css.js +3 -3
- package/dist/src/toast-provider/ToastProvider.js +3 -0
- package/dist/src/toggle-input/ToggleInput-css.js +8 -0
- package/dist/src/toggle-input/ToggleInput.js +30 -0
- package/dist/src/toggle-input-content/ToggleInputContent.js +10 -0
- package/dist/src/toggle-input-context/ToggleInputContext.js +5 -0
- package/dist/src/toggle-input-control/ToggleInputControl-css.js +9 -0
- package/dist/src/toggle-input-control/ToggleInputControl.js +11 -0
- package/dist/src/toggle-input-description/ToggleInputDescription.js +22 -0
- package/dist/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js +6 -0
- package/dist/src/toggle-input-hidden-input/ToggleInputHiddenInput.js +30 -0
- package/dist/src/toggle-input-label/ToggleInputLabel.js +12 -0
- package/dist/src/tooltip/Tooltip.js +0 -2
- package/dist/src/tooltip-content/TooltipContent-css.js +2 -2
- package/dist/src/tooltip-content/TooltipContent.js +12 -13
- package/dist/src/tooltip-root/TooltipRoot.js +0 -2
- package/dist/src/tooltip-trigger/TooltipTrigger.js +2 -14
- package/dist/src/transition/Transition-css.js +3 -3
- package/dist/src/transition/Transition.js +1 -1
- package/dist/unstable.d.ts +87 -418
- package/dist/unstable.js +8 -23
- package/package.json +2 -5
- package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-ByU_MbAC.css +0 -6
- package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DMG9lF3W.css +0 -6
- package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-okSbnsG8.css +0 -10
- package/dist/assets/src/autocomplete-item/AutocompleteItem.css.ts.vanilla-iI5UGzA4.css +0 -26
- package/dist/assets/src/avatar/Avatar.css.ts.vanilla-ClN9p8wH.css +0 -27
- package/dist/assets/src/badge/Badge.css.ts.vanilla-Bo5IfsM_.css +0 -46
- package/dist/assets/src/button/Button.css.ts.vanilla-BDZg-A0O.css +0 -150
- package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-DmEmg4Fg.css +0 -23
- package/dist/assets/src/code/Code.css.ts.vanilla-CP53j-Jc.css +0 -7
- package/dist/assets/src/command-item/CommandItem.css.ts.vanilla-Uu0_1Rf_.css +0 -17
- package/dist/assets/src/command-list/CommandList.css.ts.vanilla-DCUc2i8R.css +0 -9
- package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-BEz0zQpD.css +0 -41
- package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-6I4GFoY3.css +0 -6
- package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-BqeurMvw.css +0 -25
- package/dist/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-0sn-enS-.css +0 -16
- package/dist/assets/src/indicator/Indicator.css.ts.vanilla-VGeZf61K.css +0 -36
- package/dist/assets/src/input-base/InputBase.css.ts.vanilla-BWyzXodK.css +0 -53
- package/dist/assets/src/kbd/Kbd.css.ts.vanilla-bKFa-HZJ.css +0 -9
- package/dist/assets/src/layers/layers.css.ts.vanilla-KObJMImw.css +0 -1
- package/dist/assets/src/link/Link.css.ts.vanilla-CpjSWnSg.css +0 -35
- package/dist/assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-CBmc2U7h.css +0 -9
- package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-DrCV8udS.css +0 -30
- package/dist/assets/src/pagination/Pagination.css.ts.vanilla-BzTZvoeC.css +0 -6
- package/dist/assets/src/popover-content/PopoverContent.css.ts.vanilla-B7WAXVkn.css +0 -8
- package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-Ck5zAZIX.css +0 -9
- package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-2JAkiMlw.css +0 -6
- package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-DoASts5V.css +0 -6
- package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-BsQmCWCL.css +0 -6
- package/dist/assets/src/switch/Switch.css.ts.vanilla-DC1xPpLC.css +0 -26
- package/dist/assets/src/table/Table.css.ts.vanilla-Cok78MJU.css +0 -9
- package/dist/assets/src/table-body/TableBody.css.ts.vanilla-D21txW4v.css +0 -6
- package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-BlbmuVsP.css +0 -6
- package/dist/assets/src/table-row/TableRow.css.ts.vanilla-9uH71Yf6.css +0 -4
- package/dist/assets/src/tabs/Tabs.css.ts.vanilla-CehrT60e.css +0 -9
- package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-tCf9UCkY.css +0 -23
- package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-CJ9hUlY-.css +0 -34
- package/dist/assets/src/toast/Toast.css.ts.vanilla-CDM7TDwV.css +0 -92
- package/dist/src/autocomplete-item/AutocompleteItem-css.js +0 -7
- package/dist/src/combobox/Combobox.js +0 -40
- package/dist/src/combobox-content/ComboboxContent.js +0 -24
- package/dist/src/combobox-context/ComboboxContext.js +0 -5
- package/dist/src/combobox-multi-trigger/ComboboxMultiTrigger.js +0 -34
- package/dist/src/combobox-single-trigger/ComboboxSingleTrigger.js +0 -13
- package/dist/src/combobox-trigger/ComboboxTrigger.js +0 -21
- package/dist/src/command-checkbox-item/CommandCheckboxItem.js +0 -58
- package/dist/src/command-empty/CommandEmpty.js +0 -17
- package/dist/src/command-footer/CommandFooter-css.js +0 -6
- package/dist/src/command-footer/CommandFooter.js +0 -13
- package/dist/src/command-group/CommandGroup.js +0 -17
- package/dist/src/command-input/CommandInput.js +0 -17
- package/dist/src/command-item/CommandItem-css.js +0 -7
- package/dist/src/command-item/CommandItem.js +0 -42
- package/dist/src/command-list/CommandList-css.js +0 -7
- package/dist/src/command-list/CommandList.js +0 -18
- package/dist/src/command-separator/CommandSeparator.js +0 -17
- package/dist/src/control-base/ControlBase-css.js +0 -10
- package/dist/src/control-base/ControlBase.js +0 -38
- package/dist/src/popover-content/PopoverContent-css.js +0 -7
- package/dist/src/radio-group-item/RadioGroupItem-css.js +0 -9
- package/dist/src/radio-group-item/RadioGroupItem.js +0 -25
- /package/dist/src/{autocomplete → downshift}/useDelayedState.js +0 -0
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { CommandList as CommandList$1 } from 'cmdk';
|
|
3
|
-
import { forwardRef } from 'react';
|
|
4
|
-
import { Box } from '../box/Box.js';
|
|
5
|
-
import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
|
|
6
|
-
import '../sprinkles/sprinkles.js';
|
|
7
|
-
import '../sprinkles/sprinklesMerge.js';
|
|
8
|
-
import { list } from './CommandList-css.js';
|
|
9
|
-
|
|
10
|
-
const CommandList = forwardRef(
|
|
11
|
-
({ children, className, ...props }, ref) => {
|
|
12
|
-
const { restProps, sprinkleProps } = extractSprinkles(props);
|
|
13
|
-
return /* @__PURE__ */ jsx(Box, { asChild: true, ...list({}, className), ...sprinkleProps, children: /* @__PURE__ */ jsx(CommandList$1, { ref, ...restProps, children }) });
|
|
14
|
-
}
|
|
15
|
-
);
|
|
16
|
-
CommandList.displayName = "@optiaxiom/react/CommandList";
|
|
17
|
-
|
|
18
|
-
export { CommandList };
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { CommandSeparator as CommandSeparator$1 } from 'cmdk';
|
|
3
|
-
import { forwardRef } from 'react';
|
|
4
|
-
import { Box } from '../box/Box.js';
|
|
5
|
-
import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
|
|
6
|
-
import '../sprinkles/sprinkles.js';
|
|
7
|
-
import '../sprinkles/sprinklesMerge.js';
|
|
8
|
-
|
|
9
|
-
const CommandSeparator = forwardRef(
|
|
10
|
-
({ children, ...props }, ref) => {
|
|
11
|
-
const { restProps, sprinkleProps } = extractSprinkles(props);
|
|
12
|
-
return /* @__PURE__ */ jsx(Box, { asChild: true, ...sprinkleProps, children: /* @__PURE__ */ jsx(CommandSeparator$1, { ref, ...restProps, children }) });
|
|
13
|
-
}
|
|
14
|
-
);
|
|
15
|
-
CommandSeparator.displayName = "@optiaxiom/react/CommandSeparator";
|
|
16
|
-
|
|
17
|
-
export { CommandSeparator };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
|
|
2
|
-
import './../../assets/src/control-base/ControlBase.css.ts.vanilla-BEz0zQpD.css';
|
|
3
|
-
import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
|
|
4
|
-
|
|
5
|
-
var controlBase = recipeRuntime({base:[{display:'grid'},'_1k0g4bu']});
|
|
6
|
-
var description = recipeRuntime({base:[{fontSize:'sm',pl:'xs'},'_1jcl9f8']});
|
|
7
|
-
var indicator = recipeRuntime({base:['qndhmh','fr0r1n']});
|
|
8
|
-
var label = recipeRuntime({base:[{alignItems:'center',display:'flex',overflow:'hidden',pl:'xs'},'jy5n0o']});
|
|
9
|
-
|
|
10
|
-
export { controlBase, description, indicator, label };
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import * as RadixLabel from '@radix-ui/react-label';
|
|
3
|
-
import { useId } from '@reach/auto-id';
|
|
4
|
-
import { forwardRef, cloneElement } from 'react';
|
|
5
|
-
import { Box } from '../box/Box.js';
|
|
6
|
-
import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
|
|
7
|
-
import '../sprinkles/sprinkles.js';
|
|
8
|
-
import '../sprinkles/sprinklesMerge.js';
|
|
9
|
-
import { Text } from '../text/Text.js';
|
|
10
|
-
import '../utils/conditions.js';
|
|
11
|
-
import { fallbackSpan } from '../utils/fallbackSpan.js';
|
|
12
|
-
import { controlBase, indicator, label, description } from './ControlBase-css.js';
|
|
13
|
-
|
|
14
|
-
const ControlBase = forwardRef(
|
|
15
|
-
({ children, className, control, description: description$1, id: idProp, ...props }, ref) => {
|
|
16
|
-
const { restProps, sprinkleProps } = extractSprinkles(props);
|
|
17
|
-
const id = useId(idProp);
|
|
18
|
-
return /* @__PURE__ */ jsxs(Box, { ref, ...controlBase({}, className), ...sprinkleProps, children: [
|
|
19
|
-
/* @__PURE__ */ jsx(Box, { asChild: true, ...indicator(), children: cloneElement(control, {
|
|
20
|
-
id,
|
|
21
|
-
...restProps
|
|
22
|
-
}) }),
|
|
23
|
-
/* @__PURE__ */ jsx(Text, { asChild: true, ...label(), children: /* @__PURE__ */ jsx(RadixLabel.Root, { htmlFor: id, children }) }),
|
|
24
|
-
description$1 && /* @__PURE__ */ jsx(
|
|
25
|
-
Box,
|
|
26
|
-
{
|
|
27
|
-
asChild: true,
|
|
28
|
-
color: props.disabled ? "fg.disabled" : "fg.secondary",
|
|
29
|
-
...description(),
|
|
30
|
-
children: fallbackSpan(description$1)
|
|
31
|
-
}
|
|
32
|
-
)
|
|
33
|
-
] });
|
|
34
|
-
}
|
|
35
|
-
);
|
|
36
|
-
ControlBase.displayName = "@optiaxiom/react/ControlBase";
|
|
37
|
-
|
|
38
|
-
export { ControlBase };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
|
|
2
|
-
import './../../assets/src/popover-content/PopoverContent.css.ts.vanilla-B7WAXVkn.css';
|
|
3
|
-
import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
|
|
4
|
-
|
|
5
|
-
var content = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',gap:'2',p:'sm',rounded:'lg',shadow:'md',z:'popover'},'w61lt3']});
|
|
6
|
-
|
|
7
|
-
export { content };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
|
|
2
|
-
import './../../assets/src/control-base/ControlBase.css.ts.vanilla-BEz0zQpD.css';
|
|
3
|
-
import './../../assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-Ck5zAZIX.css';
|
|
4
|
-
import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
|
|
5
|
-
|
|
6
|
-
var indicator = recipeRuntime({base:[{display:'block',rounded:'inherit',size:'full'},'eu4bj0']});
|
|
7
|
-
var item = recipeRuntime({base:[{border:'1',mt:'2',p:'2',rounded:'full',size:'16'},'_11cl6qu']});
|
|
8
|
-
|
|
9
|
-
export { indicator, item };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import * as RadixRadio from '@radix-ui/react-radio-group';
|
|
3
|
-
import { forwardRef } from 'react';
|
|
4
|
-
import { Box } from '../box/Box.js';
|
|
5
|
-
import { ControlBase } from '../control-base/ControlBase.js';
|
|
6
|
-
import { item, indicator } from './RadioGroupItem-css.js';
|
|
7
|
-
|
|
8
|
-
const RadioGroupItem = forwardRef(
|
|
9
|
-
({ children, description, id, value, ...props }, ref) => {
|
|
10
|
-
return /* @__PURE__ */ jsx(
|
|
11
|
-
ControlBase,
|
|
12
|
-
{
|
|
13
|
-
control: /* @__PURE__ */ jsx(Box, { asChild: true, ...item(), children: /* @__PURE__ */ jsx(RadixRadio.Item, { value, children: /* @__PURE__ */ jsx(Box, { asChild: true, ...indicator(), children: /* @__PURE__ */ jsx(RadixRadio.Indicator, {}) }) }) }),
|
|
14
|
-
description,
|
|
15
|
-
id,
|
|
16
|
-
ref,
|
|
17
|
-
...props,
|
|
18
|
-
children
|
|
19
|
-
}
|
|
20
|
-
);
|
|
21
|
-
}
|
|
22
|
-
);
|
|
23
|
-
RadioGroupItem.displayName = "@optiaxiom/react/RadioGroupItem";
|
|
24
|
-
|
|
25
|
-
export { RadioGroupItem };
|
|
File without changes
|