@onereach/ui-components 8.20.3 → 8.21.0

package/dist/bundled/v3/components/index.js

@@ -8,7 +8,7 @@ export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTT
 export { default as OrIconButton, default as OrIconButtonV2 } from './OrIconButtonV2/OrIconButton.js';
 export { default as OrCard } from './OrCard/OrCard.js';
 export { CARD_COLLECTION_LAYOUT, OrCardCollection } from './OrCardCollection/index.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollectionV3-d2f8dc3d.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollectionV3-eb816bb7.js';
 export { C as CardPadding, s as OrCardV3 } from './OrCardV3-f9908b34.js';
 export { default as OrCheckbox } from './OrCheckbox/OrCheckbox.js';
 export { default as OrCheckboxGroupV3 } from './OrCheckboxGroupV3/OrCheckboxGroup.js';
@@ -16,21 +16,22 @@ export { s as OrCheckboxTreeV3 } from './OrCheckboxTreeV3-8306b255.js';
 export { s as OrCheckboxV3 } from './OrCheckboxV3-96eb3430.js';
 export { s as OrChip, a as OrChips } from './OrChips-ba5bb85b.js';
 export { E as EditorState, a as EditorView, q as OrCode, O as OrCodeLanguages, b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from './OrCode-f7708644.js';
-export { C as CodeLanguage, s as OrCodeV3 } from './OrCodeV3-90c3a481.js';
+export { C as CodeLanguage, s as OrCodeV3 } from './OrCodeV3-5dd7f3bf.js';
 export { default as OrCollapse } from './OrCollapse/OrCollapse.js';
 export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-2271c176.js';
 export { s as OrCombinedInputV3 } from './OrCombinedInputV3-bd03f7e5.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateRangePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize, I as TimeRangePickerSize } from './OrInputBoxV3-ddd117f0.js';
 export { s as OrConfirm } from './OrConfirm-66387c1f.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-04865a62.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-d98781c3.js';
 export { OrContextMenuV3 } from './OrContextMenuV3/index.js';
-export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopoverV3-6f7b922c.js';
-export { s as OrDateFormatV3 } from './OrDateFormatV3-b6b74310.js';
-export { s as OrDatePickerV3 } from './OrDatePickerV3-05c9f073.js';
-export { s as OrDateRangePickerV3 } from './OrDateRangePickerV3-74cdbedb.js';
-export { s as OrDateTimeFormatV3 } from './OrDateTimeFormatV3-e42b74dd.js';
+export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopoverV3-f23d857d.js';
+export { s as OrDateFormatV3 } from './OrDateFormatV3-65eaca56.js';
+export { s as OrDatePickerV3 } from './OrDatePickerV3-beeb258b.js';
+export { s as OrDateRangePickerV3 } from './OrDateRangePickerV3-393c6270.js';
+export { s as OrDateTimeFormatV3 } from './OrDateTimeFormatV3-da3206a5.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, n as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-118c12fd.js';
-export { D as DateTimePickerTimeFormat, s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, j as OrDateTimePickerTimeControl, k as OrDateTimePickerTimeSelect, l as OrDateTimePickerV3, D as TimePickerFormat, D as TimeRangePickerFormat, f as formatDate, i as formatTime, g as getCurrentDate, m as getDatePlaceholder, h as getNextMonthDate, n as getTimePlaceholder } from './OrDateTimePickerV3-2a6074c8.js';
+export { D as DateTimePickerTimeFormat, s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, j as OrDateTimePickerTimeControl, k as OrDateTimePickerTimeSelect, l as OrDateTimePickerV3, D as TimePickerFormat, D as TimeRangePickerFormat, f as formatDate, i as formatTime, g as getCurrentDate, m as getDatePlaceholder, h as getNextMonthDate, n as getTimePlaceholder } from './OrDateTimePickerV3-48184097.js';
+export { D as DropAreaSize, s as OrDropAreaV3, a as approximateFileSize } from './OrDropAreaV3-5083baca.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from './OrEmptyStateV3-f6122da2.js';
 export { default as OrError } from './OrError/OrError.js';
 export { s as OrErrorTagV3 } from './OrErrorTagV3-bfd5574d.js';
@@ -42,56 +43,56 @@ export { F as FormGroupDirection, s as OrFormGroupV3 } from './OrFormGroupV3-c7a
 export { default as OrHint } from './OrHint/OrHint.js';
 export { s as OrHintV3 } from './OrHintV3-1fcfaa19.js';
 export { OrIcon, OrIconColors, OrIconType } from './OrIcon/index.js';
-export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButtonV3-b37d49d9.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButtonV3-1a5e8f8e.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, s as OrIconV3 } from './OrIconV3-5db4e349.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './OrInlineInputBoxV3-a75f9e25.js';
-export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInputV3-4fa87007.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInputV3-b27f4750.js';
 export { InlineTextEditTrimmingTypes, InlineTextEditTypes, OrInlineTextEdit } from './OrInlineTextEdit/index.js';
-export { s as OrInlineTextareaV3 } from './OrInlineTextareaV3-4fbf60da.js';
+export { s as OrInlineTextareaV3 } from './OrInlineTextareaV3-75ea4ca0.js';
 export { default as OrInput } from './OrInput/OrInput.js';
-export { I as InputType, s as OrInputV3 } from './OrInputV3-60f6d2cc.js';
+export { I as InputType, s as OrInputV3 } from './OrInputV3-a68f35c0.js';
 export { default as OrLabel } from './OrLabel/OrLabel.js';
 export { L as LabelVariant, s as OrLabelV3 } from './OrLabelV3-44afce27.js';
 export { L as LinkColor, s as OrLinkV3 } from './OrLinkV3-dc35424e.js';
 export { s as OrList } from './OrList-bc9b2880.js';
 export { default as OrListOfInputs } from './OrListOfInputs/OrListOfInputs.js';
-export { a as OrListItem, s as OrListV3 } from './OrListV3-f6962d33.js';
+export { a as OrListItem, s as OrListV3 } from './OrListV3-235fb6a6.js';
 export { LoaderViews, OrLoader } from './OrLoader/index.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from './OrLoaderV3-b7b7afab.js';
 export { s as OrMenuItemV3 } from './OrMenuItemV3-7b557536.js';
-export { s as OrMenuV3 } from './OrMenuV3-4ad46e25.js';
+export { s as OrMenuV3 } from './OrMenuV3-cc8fa519.js';
 export { s as OrModal, O as OrModalSizes } from './OrModal-70fa6d2d.js';
-export { M as ModalSize, s as OrModalV3 } from './OrModalV3-a06678db.js';
+export { M as ModalSize, s as OrModalV3 } from './OrModalV3-6bdc2b71.js';
 export { OR_NOTIFICATION_SIZE, OR_NOTIFICATION_TYPE, OrNotification } from './OrNotification/index.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotificationV3-4461046e.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotificationV3-ed803802.js';
 export { default as OrNumberInput } from './OrNumberInput/OrNumberInput.js';
 export { default as OrOverflowMenu } from './OrOverflowMenu/OrOverflowMenu.js';
 export { default as OrOverlay } from './OrOverlay/OrOverlay.js';
 export { s as OrOverlayV3 } from './OrOverlayV3-b2576ca1.js';
-export { s as OrPaginationV3 } from './OrPaginationV3-71b83e05.js';
+export { s as OrPaginationV3 } from './OrPaginationV3-d4673eb4.js';
 export { default as OrPassword } from './OrPassword/OrPassword.js';
 export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './OrProgress-90fa9d97.js';
-export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgressV3-5c4128fd.js';
+export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgressV3-faaea90c.js';
 export { s as OrRadio } from './OrRadio-eebd2f66.js';
 export { default as OrRadioGroup } from './OrRadioGroup/OrRadioGroup.js';
 export { default as OrRadioGroupV3 } from './OrRadioGroupV3/OrRadioGroup.js';
 export { s as OrRadioV3 } from './OrRadioV3-b7c28ae1.js';
-export { s as OrRangeSliderV3 } from './OrRangeSliderV3-97bba60a.js';
-export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSliderV3-a9ffd5dc.js';
+export { s as OrRangeSliderV3 } from './OrRangeSliderV3-73c0ba82.js';
+export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSliderV3-49856430.js';
 export { s as OrRatingV3 } from './OrRatingV3-b6b47938.js';
-export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanelV3-2f648d2b.js';
-export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-02e4de0f.js';
+export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanelV3-05022160.js';
+export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-8f5b6fef.js';
 export { default as OrSearch } from './OrSearch/OrSearch.js';
 export { OrSearchV3 } from './OrSearchV3/index.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControlV3-56862f95.js';
 export { s as OrSelect } from './OrSelect-ab9e3084.js';
-export { s as OrSelectV3 } from './OrSelectV3-c1a82eae.js';
+export { s as OrSelectV3 } from './OrSelectV3-71af01b4.js';
 export { OrSidebar, OrSidebarSide } from './OrSidebar/index.js';
-export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebarV3-14f942dd.js';
+export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebarV3-d089ce77.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeleton-6b7c940e.js';
 export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonV3-e1c62691.js';
 export { default as OrSlider } from './OrSlider/OrSlider.js';
-export { s as OrSortingV3 } from './OrSortingV3-2cd01463.js';
+export { s as OrSortingV3 } from './OrSortingV3-b0d450ae.js';
 export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from './OrStatusV3-4ed05f8f.js';
 export { default as OrStepper } from './OrStepper/OrStepper.js';
 export { default as OrSwitch } from './OrSwitch/OrSwitch.js';
@@ -100,22 +101,22 @@ export { default as OrTab } from './OrTab/OrTab.js';
 export { default as OrTabHeaderItem } from './OrTabHeaderItem/OrTabHeaderItem.js';
 export { s as OrTabV3 } from './OrTabV3-9dbd8ad9.js';
 export { default as OrTabs } from './OrTabs/OrTabs.js';
-export { s as OrTabsV3, T as TabsVariant } from './OrTabsV3-7ada5959.js';
+export { s as OrTabsV3, T as TabsVariant } from './OrTabsV3-2bf15721.js';
 export { default as OrTag } from './OrTag/OrTag.js';
-export { s as OrTagInputV3 } from './OrTagInputV3-be04d355.js';
-export { s as OrTagV3, T as TagColor, a as TagVariant } from './OrTagV3-ede7830b.js';
-export { s as OrTagsV3, T as TagsOverflow } from './OrTagsV3-b14b5c4f.js';
+export { s as OrTagInputV3 } from './OrTagInputV3-31f442b0.js';
+export { s as OrTagV3, T as TagColor, a as TagVariant } from './OrTagV3-923c4802.js';
+export { s as OrTagsV3, T as TagsOverflow } from './OrTagsV3-dbb9a0bc.js';
 export { s as OrTeleport } from './OrTeleport-5a34b07f.js';
 export { default as OrTeleportV3 } from './OrTeleportV3/OrTeleport.js';
 export { s as OrTextV3 } from './OrTextV3-ff806d55.js';
 export { default as OrTextarea } from './OrTextarea/OrTextarea.js';
 export { s as OrTextareaV3 } from './OrTextareaV3-6fdb2f4a.js';
 export { OrTextbox, TextboxTypes } from './OrTextbox/index.js';
-export { s as OrTimeFormatV3 } from './OrTimeFormatV3-51d64937.js';
-export { s as OrTimePickerV3 } from './OrTimePickerV3-58c9e50d.js';
-export { s as OrTimeRangePickerV3 } from './OrTimeRangePickerV3-54ad4772.js';
+export { s as OrTimeFormatV3 } from './OrTimeFormatV3-7a04065c.js';
+export { s as OrTimePickerV3 } from './OrTimePickerV3-e1fed2b5.js';
+export { s as OrTimeRangePickerV3 } from './OrTimeRangePickerV3-844b35ee.js';
 export { s as OrToast, a as OrToastContainer, P as PositionsX, c as PositionsY, d as ToastType, T as TransitionType, b as useQueue, u as useToast } from './OrToast-feaab110.js';
-export { a as OrToastContainerV3, s as OrToastV3, p as PropsV3, t as TypesV3, b as useQueueV3, u as useToastV3 } from './OrToastV3-9bc46337.js';
+export { a as OrToastContainerV3, s as OrToastV3, p as PropsV3, t as TypesV3, b as useQueueV3, u as useToastV3 } from './OrToastV3-4d0ca9c7.js';
 export { OrTooltip, OrTooltipContent } from './OrTooltip/index.js';
-export { s as OrTooltipV3 } from './OrTooltipV3-6ee8e0d5.js';
+export { s as OrTooltipV3 } from './OrTooltipV3-033f8432.js';
 export { OrTreeV3, TreeNodeDropPosition } from './OrTreeV3/index.js';

package/dist/bundled/v3/hooks/useResponsive/useResponsive.js

@@ -79,23 +79,23 @@ const variants = {
   'mobile': '@media (hover: none)',
   'desktop': '@media (hover: hover)',
 
-  'draggable': ['&[draggable]:not([draggable="false"])'],
+  'draggable': ['&:is([draggable]:not([draggable="false"]))', '&[force-state~="draggable"]'],
 
-  'checked': ['&[checked]:not([checked="false"])', '&:checked'],
-  'selected': ['&[selected]:not([selected="false"])', '&:checked'],
-  'activated': ['&[activated]:not([activated="false"])'],
+  'checked': ['&:is([checked]:not([checked="false"]), :checked)', '&[force-state~="checked"]'],
+  'selected': ['&:is([selected]:not([selected="false"]), :checked)', '&[force-state~="selected"]'],
+  'activated': ['&:is([activated]:not([activated="false"]))', '&[force-state~="activated"]'],
 
-  'enabled': ['&:not([disabled])', '&[disabled="false"]'],
-  'disabled': ['&[disabled]:not([disabled="false"])'],
+  'enabled': ['&:is(:not([disabled]), [disabled="false"])', '&[force-state~="enabled"]'],
+  'disabled': ['&:is([disabled]:not([disabled="false"]))', '&[force-state~="disabled"]'],
 
-  'optional': ['&:not([required])', '&[required="false"]'],
-  'required': ['&[required]:not([required="false"])'],
+  'optional': ['&:is(:not([required]), [required="false"])', '&[force-state~="optional"]'],
+  'required': ['&:is([required]:not([required="false"]))', '&[force-state~="required"]'],
 
-  'read-write': ['&:not([readonly])', '&[readonly="false"]'],
-  'read-only': ['&[readonly]:not([readonly="false"])'],
+  'read-write': ['&:is(:not([readonly]), [readonly="false"])', '&[force-state~="read-write"]'],
+  'read-only': ['&:is([readonly]:not([readonly="false"]))', '&[force-state~="read-only"]'],
 
-  'valid': ['&:not([invalid])', '&[invalid="false"]'],
-  'invalid': ['&[invalid]:not([invalid="false"])'],
+  'valid': ['&:is(:not([invalid]), [invalid="false"])', '&[force-state~="valid"]'],
+  'invalid': ['&:is([invalid]:not([invalid="false"]))', '&[force-state~="invalid"]'],
 
   // Sub-components
   'children': ['& > *'],
@@ -103,35 +103,35 @@ const variants = {
   get 'hover'() {
     return this['enabled'].flatMap((selector) => [
       `${selector}:not(.interactivity-none):not([force-state]):hover`,
-      `${selector}:not(.interactivity-none)[force-state="hover"]`,
+      `${selector}:not(.interactivity-none)[force-state~="hover"]`,
     ]);
   },
 
   get 'focus'() {
     return this['enabled'].flatMap((selector) => [
       `${selector}:not(.interactivity-none):not([force-state]):focus`,
-      `${selector}:not(.interactivity-none)[force-state="focus"]`,
+      `${selector}:not(.interactivity-none)[force-state~="focus"]`,
     ]);
   },
 
   get 'focus-within'() {
     return this['enabled'].flatMap((selector) => [
       `${selector}:not(.interactivity-none):not([force-state]):focus-within`,
-      `${selector}:not(.interactivity-none)[force-state="focus-within"]`,
+      `${selector}:not(.interactivity-none)[force-state~="focus-within"]`,
     ]);
   },
 
   get 'focus-visible'() {
     return this['enabled'].flatMap((selector) => [
       `${selector}:not(.interactivity-none):not([force-state]):focus-visible`,
-      `${selector}:not(.interactivity-none)[force-state="focus-visible"]`,
+      `${selector}:not(.interactivity-none)[force-state~="focus-visible"]`,
     ]);
   },
 
   get 'active'() {
     return this['enabled'].flatMap((selector) => [
       `${selector}:not(.interactivity-none):not([force-state]):active`,
-      `${selector}:not(.interactivity-none)[force-state="active"]`,
+      `${selector}:not(.interactivity-none)[force-state~="active"]`,
     ]);
   },
 };