@onereach/ui-components 6.6.1 → 6.6.2-beta.3512.0

package/dist/bundled/v2/{OrDateTimePickerMonthSelect-bb91b1cf.js → OrDateTimePickerMonthSelect-46ffe90b.js}

@@ -13,7 +13,7 @@ const DateTimePickerDateControl = [
 // Layout
 'layout-inline-row',
 // Interactivity
-'interactivity-auto',
+'interactivity-click',
 // Theme (focus)
 'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark', 'focus-visible:theme-border-underline'];
 const DateTimePickerDateControlPlaceholder = [

package/dist/bundled/v2/{OrDateTimePickerTimeSelect-3d88a1aa.js → OrDateTimePickerTimeSelect-5ebd3f35.js}

@@ -10,7 +10,7 @@ const DateTimePickerTimeControl = [
 // Layout
 'layout-inline-row',
 // Interactivity
-'interactivity-auto',
+'interactivity-click',
 // Theme (focus)
 'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark', 'focus-visible:theme-border-underline'];
 const DateTimePickerTimeControlPlaceholder = [

package/dist/bundled/v2/components/OrBottomSheetV3/styles.js

@@ -25,7 +25,7 @@ const BottomSheetHandle = [
 // Layout
 'layout-row justify-center',
 // Interactivity
-'interactivity-auto !cursor-grab',
+'interactivity-drag',
 // Box
 'after:w-2xl', 'after:h-xs',
 // Spacing

package/dist/bundled/v2/components/OrButtonV3/styles.js

@@ -6,7 +6,7 @@ const Button = [
 // Overflow
 'overflow-hidden',
 // Interactivity
-'interactivity-auto',
+'interactivity-click',
 // Shape
 'rounded-md',
 // Typography

package/dist/bundled/v2/components/OrCheckboxV3/styles.js

@@ -11,7 +11,7 @@ const CheckboxControl = [
 // Shape
 'rounded-sm',
 // Interactivity
-'interactivity-auto',
+'interactivity-click',
 // Iconography
 'iconography-outlined',
 // Theme

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './styles.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-bb91b1cf.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-e90e27c0.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-46ffe90b.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-fceb3125.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-bb91b1cf.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-e90e27c0.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-3d88a1aa.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-46ffe90b.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-fceb3125.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-5ebd3f35.js';
 import { DateTimePickerTimeFormat } from './props.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/index.js

@@ -1,7 +1,7 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-bb91b1cf.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-e90e27c0.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-3d88a1aa.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-46ffe90b.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-fceb3125.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-5ebd3f35.js';
 export { DateTimePickerTimeFormat } from './props.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 export { formatDate } from './utils/formatDate.js';

package/dist/bundled/v2/components/OrExpansionPanelV3/styles.js

@@ -33,7 +33,7 @@ const ExpansionPanelHeader = [
 // Spacing
 'gap-sm',
 // Interactivity
-'interactivity-auto',
+'interactivity-click',
 // Typography
 'typography-body-2-bold',
 // Theme

package/dist/bundled/v2/components/OrIconButtonV3/styles.js

@@ -6,7 +6,7 @@ const IconButton = [
 // Shape
 'rounded-full',
 // Interactivity
-'interactivity-auto',
+'interactivity-click',
 // Typography
 'typography-button',
 // Iconography

package/dist/bundled/v2/components/OrIconV3/styles.js

@@ -4,7 +4,7 @@ const Icon = [
 // Layout
 'layout-inline-row justify-center',
 // Interactivity
-'select-none'];
+'interactivity-none'];
 const IconVariants = {
   [IconVariant.Outlined]: [
   // Iconography

package/dist/bundled/v2/components/OrLabelV3/styles.js

@@ -28,7 +28,7 @@ const LabelText = [
 // Content (required)
 'required:after:content-label-required',
 // Interactivity
-'interactivity-auto !cursor-default'];
+'interactivity-default'];
 const LabelAddon = [
 // Layout
 'layout-inline-row empty:hidden',

package/dist/bundled/v2/components/OrLinkV3/styles.js

@@ -4,7 +4,7 @@ const LinkRoot = [
 // Spacing
 'gap-xs',
 // Interactivity
-'interactivity-auto',
+'interactivity-click',
 // Typography
 'typography-inherit'];
 const LinkRootColors = {

package/dist/bundled/v2/components/OrMenuItemV3/styles.js

@@ -4,7 +4,7 @@ const MenuItemRoot = [
 // Spacing
 'px-lg md:px-sm', 'py-sm+ md:py-sm', 'gap-sm md:gap-sm',
 // Interactivity
-'interactivity-auto',
+'interactivity-click',
 // Typography
 'typography-body-2-regular md:typography-caption-regular',
 // Typography (selected)

package/dist/bundled/v2/components/OrRadioV3/styles.js

@@ -11,7 +11,7 @@ const RadioControl = [
 // Shape
 'rounded-full',
 // Interactivity
-'interactivity-auto',
+'interactivity-click',
 // Theme
 'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark',
 // Theme (focus)

package/dist/bundled/v2/components/OrResizeablePanelV3/styles.js

@@ -71,7 +71,7 @@ const ResizeablePanelResizeBarPlacements = {
   // Layout
   'flex flex-col justify-center',
   // Interactivity
-  'cursor-row-resize',
+  'interactivity-resize-row',
   // Box
   'h-[calc(theme(spacing.md)+1px)]',
   // Spacing
@@ -82,7 +82,7 @@ const ResizeablePanelResizeBarPlacements = {
   // Layout
   'flex flex-col justify-center',
   // Interactivity
-  'cursor-row-resize',
+  'interactivity-resize-row',
   // Box
   'h-[calc(theme(spacing.md)+1px)]',
   // Spacing
@@ -93,7 +93,7 @@ const ResizeablePanelResizeBarPlacements = {
   // Layout
   'flex flex-row justify-center',
   // Interactivity
-  'cursor-col-resize',
+  'interactivity-resize-column',
   // Box
   'w-[calc(theme(spacing.md)+1px)]',
   // Spacing
@@ -104,7 +104,7 @@ const ResizeablePanelResizeBarPlacements = {
   // Layout
   'flex flex-row justify-center',
   // Interactivity
-  'cursor-col-resize',
+  'interactivity-resize-column',
   // Box
   'w-[calc(theme(spacing.md)+1px)]',
   // Spacing

package/dist/bundled/v2/components/OrSegmentedControlV3/OrSegmentedControl.js

@@ -10,7 +10,7 @@ const SegmentedControlItemRoot = [
 // Shape
 'rounded-md',
 // Interactivity
-'interactivity-auto',
+'interactivity-click',
 // Theme
 'theme-foreground-default', 'dark:theme-foreground-default-dark',
 // Theme (selected)

package/dist/bundled/v2/components/OrSwitchV3/styles.js

@@ -15,7 +15,7 @@ const SwitchControl = [
 // Spacing (checked)
 'checked:px-[3px]', 'active:checked:px-[2px]',
 // Interactivity
-'interactivity-auto',
+'interactivity-click',
 // Theme
 'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark',
 // Theme (focus)

package/dist/bundled/v2/components/OrTabV3/styles.js

@@ -4,7 +4,7 @@ const TabRoot = [
 // Spacing
 'py-[6px]',
 // Interactivity
-'interactivity-auto',
+'interactivity-click',
 // Typography
 'typography-body-2-bold',
 // Theme

package/dist/bundled/v2/components/OrTagV3/styles.js

@@ -13,7 +13,7 @@ const TagRootVariants = {
   'interactivity-none'],
   'button': [
   // Interactivity
-  'interactivity-auto'],
+  'interactivity-click'],
   'reset': [
   // Interactivity
   'interactivity-none']

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { TimePicker, TimePickerPopover } from './styles.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-3d88a1aa.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-5ebd3f35.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -8,7 +8,7 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-e90e27c0.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-fceb3125.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { DateTimePickerTimeFormat } from '../OrDateTimePickerV3/props.js';

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

@@ -50,9 +50,9 @@ export { default as OrDateTimeFormatV3 } from './OrDateTimeFormatV3/OrDateTimeFo
 export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
 export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-bb91b1cf.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-e90e27c0.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-3d88a1aa.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-46ffe90b.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-fceb3125.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-5ebd3f35.js';
 export { DateTimePickerTimeFormat, DateTimePickerTimeFormat as TimePickerFormat } from './OrDateTimePickerV3/props.js';
 export { formatDate } from './OrDateTimePickerV3/utils/formatDate.js';
 export { formatTime } from './OrDateTimePickerV3/utils/formatTime.js';

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

@@ -77,6 +77,14 @@ const screens = {
 };
 
 const variants = {
+  'children': ['& > *'],
+
+  'first-child': ['& > *:first-child'],
+  'middle-child': ['& > *:not(:first-child, :last-child)'],
+  'last-child': ['& > *:last-child'],
+
+  'links': ['& :any-link'],
+
   'checked': ['&[checked]:not([checked="false"])', '&:checked'],
   'selected': ['&[selected]:not([selected="false"])', '&:checked'],
   'activated': ['&[activated]:not([activated="false"])'],
@@ -117,14 +125,6 @@ const variants = {
     '&:not(.interactivity-none):active',
     '&:not(.interactivity-none)[force-state="active"]',
   ],
-
-  'children': ['& > *'],
-
-  'first-child': ['& > *:first-child'],
-  'middle-child': ['& > *:not(:first-child, :last-child)'],
-  'last-child': ['& > *:last-child'],
-
-  'links': ['& :any-link'],
 };
 
 var core = {