@noxickon/onyx 6.2.0 → 6.3.0

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.
Files changed (57) hide show
  1. package/dist/components/Accordion/Accordion.styles.js +1 -1
  2. package/dist/components/Alert/Alert.styles.js +2 -2
  3. package/dist/components/AlertDialog/AlertDialog.d.ts +2 -2
  4. package/dist/components/AlertDialog/AlertDialog.types.d.ts +1 -1
  5. package/dist/components/Breadcrumb/Breadcrumb.styles.js +1 -1
  6. package/dist/components/Button/Button.styles.d.ts +9 -0
  7. package/dist/components/Button/Button.styles.js +2 -1
  8. package/dist/components/Card/Card.d.ts +1 -1
  9. package/dist/components/Card/Card.js +34 -33
  10. package/dist/components/Card/Card.styles.js +3 -3
  11. package/dist/components/Card/Card.types.d.ts +4 -1
  12. package/dist/components/Command/Command.styles.js +1 -1
  13. package/dist/components/CopyInput/CopyInput.d.ts +3 -0
  14. package/dist/components/CopyInput/CopyInput.js +46 -0
  15. package/dist/components/CopyInput/CopyInput.styles.d.ts +25 -0
  16. package/dist/components/CopyInput/CopyInput.styles.js +8 -0
  17. package/dist/components/CopyInput/CopyInput.types.d.ts +9 -0
  18. package/dist/components/CopyInput/index.d.ts +2 -0
  19. package/dist/components/Dialog/Dialog.d.ts +2 -2
  20. package/dist/components/Dialog/Dialog.types.d.ts +1 -1
  21. package/dist/components/HoldToDelete/HoldToDelete.styles.js +1 -1
  22. package/dist/components/Pagination/Pagination.styles.js +1 -1
  23. package/dist/components/ResponsiveOverlay/ResponsiveOverlay.d.ts +9 -0
  24. package/dist/components/ResponsiveOverlay/ResponsiveOverlay.js +228 -0
  25. package/dist/components/ResponsiveOverlay/ResponsiveOverlay.styles.d.ts +78 -0
  26. package/dist/components/ResponsiveOverlay/ResponsiveOverlay.styles.js +36 -0
  27. package/dist/components/ResponsiveOverlay/ResponsiveOverlay.types.d.ts +45 -0
  28. package/dist/components/ResponsiveOverlay/index.d.ts +11 -0
  29. package/dist/components/ResponsiveOverlay/index.js +12 -0
  30. package/dist/components/Sidebar/Sidebar.styles.js +13 -6
  31. package/dist/components/Sidebar/Sidebar2.js +288 -287
  32. package/dist/components/SidebarRail/SidebarRail.styles.js +2 -2
  33. package/dist/components/TabBar/TabBar.styles.js +1 -1
  34. package/dist/components/Tabs/Tabs.styles.js +2 -2
  35. package/dist/components/Toggle/Toggle.styles.js +1 -1
  36. package/dist/components/index.d.ts +2 -0
  37. package/dist/hooks.js +3 -3
  38. package/dist/index.js +44 -42
  39. package/dist/internal/styles/controlStyles.d.ts +1 -1
  40. package/dist/internal/styles/controlStyles.js +1 -1
  41. package/dist/internal/styles/menuSurfaceStyles.js +4 -4
  42. package/dist/internal/styles/overlayFrameStyles.d.ts +5 -0
  43. package/dist/internal/styles/overlayFrameStyles.js +8 -0
  44. package/dist/internal/styles/triggerSurfaceStyles.js +1 -1
  45. package/dist/internal/utils/getInertActivationProps/getInertActivationProps.d.ts +7 -0
  46. package/dist/internal/utils/getInertActivationProps/getInertActivationProps.js +12 -0
  47. package/dist/internal/utils/getInertActivationProps/index.d.ts +1 -0
  48. package/dist/internal/utils/index.d.ts +1 -0
  49. package/package.json +1 -1
  50. package/dist/code-block/onyxHighlighter.test.d.ts +0 -1
  51. package/dist/components/Command/commandScore.test.d.ts +0 -1
  52. package/dist/graphql/executors/apolloMutationExecutor.test.d.ts +0 -1
  53. package/dist/graphql/executors/apolloQueryExecutor.test.d.ts +0 -1
  54. package/dist/hooks/useForm/standardSchemaResolver.test.d.ts +0 -1
  55. package/dist/internal/utils/getFieldControlAttributes/getFieldControlAttributes.test.d.ts +0 -1
  56. package/dist/rest/executors/restExecutor.test.d.ts +0 -1
  57. package/dist/utils/cn.test.d.ts +0 -1
@@ -23,9 +23,9 @@ var t = e({ slots: {
23
23
  "text-fg-muted transition-colors ease-out-quint",
24
24
  "ox-interactive:hover:text-fg",
25
25
  "ox-interactive:[&:not([data-active])]:hover:bg-surface-high",
26
- "ox-active:text-primary-ink",
26
+ "ox-active:text-fg",
27
27
  "focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-primary-ink focus-visible:z-20",
28
- "ox-disabled:opacity-50 ox-disabled:pointer-events-none ox-disabled:cursor-not-allowed",
28
+ "ox-disabled:opacity-50 ox-disabled:cursor-not-allowed",
29
29
  "[&>svg]:size-5 [&>svg]:shrink-0"
30
30
  ]
31
31
  } });
@@ -16,7 +16,7 @@ var t = ["h-6 w-[34px]"], n = e({
16
16
  "text-fg-subtle ox-active:text-primary-ink",
17
17
  "transition-colors duration-200 ease-out-quint motion-reduce:transition-none",
18
18
  "focus-visible:rounded-md focus-visible:outline-2 focus-visible:-outline-offset-[3px] focus-visible:outline-primary-ink",
19
- "ox-disabled:pointer-events-none ox-disabled:opacity-50"
19
+ "ox-disabled:cursor-not-allowed ox-disabled:opacity-50"
20
20
  ],
21
21
  icon: [
22
22
  "relative z-10 grid place-items-center",
@@ -27,7 +27,7 @@ var t = ["ox-horizontal:items-center", "ox-vertical:flex-col ox-vertical:items-s
27
27
  "text-fg-muted ox-interactive:hover:text-fg",
28
28
  "transition-colors ease-out-quint",
29
29
  "focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-primary-ink",
30
- "ox-disabled:pointer-events-none ox-disabled:opacity-50"
30
+ "ox-disabled:cursor-not-allowed ox-disabled:opacity-50"
31
31
  ],
32
32
  panel: [
33
33
  "outline-none",
@@ -66,7 +66,7 @@ var t = ["ox-horizontal:items-center", "ox-vertical:flex-col ox-vertical:items-s
66
66
  ]
67
67
  },
68
68
  pill: {
69
- list: ["w-fit gap-0.5 p-0.75 border border-line bg-surface-raised rounded-control"],
69
+ list: ["w-fit max-w-full gap-0.5 p-0.75 border border-line bg-surface-raised rounded-control"],
70
70
  tab: [
71
71
  i,
72
72
  "rounded-sm",
@@ -12,7 +12,7 @@ var t = e({
12
12
  "ox-interactive:data-pressed:hover:bg-[color-mix(in_oklab,var(--primary-soft),var(--fg)_8%)]",
13
13
  "data-pressed:[&_svg]:fill-current",
14
14
  "[&_svg:not([class*=size-])]:size-icon",
15
- "ox-disabled:opacity-50 ox-disabled:cursor-not-allowed ox-disabled:pointer-events-none"
15
+ "ox-disabled:opacity-50 ox-disabled:cursor-not-allowed"
16
16
  ],
17
17
  variants: {
18
18
  variant: {
@@ -17,6 +17,7 @@ export * from './Checkbox';
17
17
  export * from './CheckboxGroup';
18
18
  export * from './ContextMenu';
19
19
  export * from './CopyButton';
20
+ export * from './CopyInput';
20
21
  export * from './DataTable';
21
22
  export * from './DescriptionList';
22
23
  export * from './Dialog';
@@ -40,6 +41,7 @@ export * from './Pagination';
40
41
  export * from './Popover';
41
42
  export * from './Progress';
42
43
  export * from './Radio';
44
+ export * from './ResponsiveOverlay';
43
45
  export * from './Select';
44
46
  export * from './ScrollArea';
45
47
  export * from './Separator';
package/dist/hooks.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { useOxMediaQuery as e } from "./hooks/useMediaQuery/useMediaQuery.js";
2
- import { useOxVirtualizer as t } from "./hooks/useVirtualizer/useVirtualizer.js";
3
- import { oxBreakpoints as n, useOxBreakpoint as r, useOxBreakpointDown as i, useOxBreakpointUp as a } from "./hooks/useBreakpoint/useBreakpoint.js";
2
+ import { oxBreakpoints as t, useOxBreakpoint as n, useOxBreakpointDown as r, useOxBreakpointUp as i } from "./hooks/useBreakpoint/useBreakpoint.js";
3
+ import { useOxVirtualizer as a } from "./hooks/useVirtualizer/useVirtualizer.js";
4
4
  import { useOxCommandShortcut as o } from "./hooks/useCommandShortcut/useCommandShortcut.js";
5
5
  import { useOxDebounce as s, useOxDebouncedValue as c } from "./hooks/useDebounce/useDebounce.js";
6
6
  import { OxFormErrors as l, formErrors as u, useOxForm as d } from "./hooks/useForm/useForm.js";
@@ -10,4 +10,4 @@ import { useOxPagination as m } from "./hooks/usePagination/usePagination.js";
10
10
  import { useOxPoll as h } from "./hooks/usePoll/usePoll.js";
11
11
  import { oxHistoryStateAdapter as g, oxLocalStorageAdapter as _, oxSessionStorageAdapter as v } from "./hooks/useRemember/useRemember.adapters.js";
12
12
  import { useOxRemember as y } from "./hooks/useRemember/useRemember.js";
13
- export { l as OxFormErrors, u as formErrors, n as oxBreakpoints, g as oxHistoryStateAdapter, _ as oxLocalStorageAdapter, v as oxSessionStorageAdapter, f as standardSchemaResolver, r as useOxBreakpoint, i as useOxBreakpointDown, a as useOxBreakpointUp, o as useOxCommandShortcut, s as useOxDebounce, c as useOxDebouncedValue, p as useOxFilter, d as useOxForm, e as useOxMediaQuery, m as useOxPagination, h as useOxPoll, y as useOxRemember, t as useOxVirtualizer };
13
+ export { l as OxFormErrors, u as formErrors, t as oxBreakpoints, g as oxHistoryStateAdapter, _ as oxLocalStorageAdapter, v as oxSessionStorageAdapter, f as standardSchemaResolver, n as useOxBreakpoint, r as useOxBreakpointDown, i as useOxBreakpointUp, o as useOxCommandShortcut, s as useOxDebounce, c as useOxDebouncedValue, p as useOxFilter, d as useOxForm, e as useOxMediaQuery, m as useOxPagination, h as useOxPoll, y as useOxRemember, a as useOxVirtualizer };
package/dist/index.js CHANGED
@@ -20,45 +20,47 @@ import { OxCheckbox as C } from "./components/Checkbox/Checkbox.js";
20
20
  import { OxCheckboxGroup as w } from "./components/CheckboxGroup/CheckboxGroup.js";
21
21
  import { OxContextMenu as T } from "./components/ContextMenu/index.js";
22
22
  import { OxCopyButton as E } from "./components/CopyButton/CopyButton.js";
23
- import { OxPopover as D } from "./components/Popover/index.js";
24
- import { OxSkeleton as O } from "./components/Skeleton/Skeleton2.js";
25
- import { OxTable as k } from "./components/Table/index.js";
26
- import { OxDataTable as A } from "./components/DataTable/index.js";
27
- import { OxDescriptionList as j } from "./components/DescriptionList/index.js";
28
- import { OxDialog as M } from "./components/Dialog/index.js";
29
- import { OxDrawer as N } from "./components/Drawer/index.js";
30
- import { OxField as P } from "./components/Field/index.js";
31
- import { OxFieldset as F } from "./components/Fieldset/index.js";
32
- import { OxFooter as I } from "./components/Footer/index.js";
33
- import { OxHeader as L } from "./components/Header/index.js";
34
- import { OxHoldToDelete as R } from "./components/HoldToDelete/HoldToDelete2.js";
35
- import { OxInput as z } from "./components/Input/index.js";
36
- import { OxKbd as B } from "./components/Kbd/Kbd.js";
37
- import { OxMain as V } from "./components/Main/Main.js";
38
- import { OxMeter as H } from "./components/Meter/index.js";
39
- import { OxNavigationMenu as U } from "./components/NavigationMenu/index.js";
40
- import { OxNumberInput as W } from "./components/NumberInput/index.js";
41
- import { OxOtpField as G } from "./components/OtpField/OtpField.js";
42
- import { OxPageProgress as K } from "./components/PageProgress/PageProgress.js";
43
- import { OxPagination as q } from "./components/Pagination/index.js";
44
- import { OxProgress as J } from "./components/Progress/index.js";
45
- import { OxRadio as Y, OxRadioGroup as X } from "./components/Radio/Radio.js";
46
- import { OxSelect as Z } from "./components/Select/index.js";
47
- import { OxScrollArea as Q } from "./components/ScrollArea/ScrollArea2.js";
48
- import { OxSeparator as $ } from "./components/Separator/Separator.js";
49
- import { OxSidebar as ee } from "./components/Sidebar/index.js";
50
- import { OxTooltip as te, OxTooltipProvider as ne } from "./components/Tooltip/Tooltip.js";
51
- import { OxSidebarRail as re } from "./components/SidebarRail/index.js";
52
- import { OxSwitch as ie } from "./components/Switch/Switch.js";
53
- import { OxTabBar as ae } from "./components/TabBar/index.js";
54
- import { OxTabs as oe } from "./components/Tabs/index.js";
55
- import { OxSlider as se } from "./components/Slider/Slider.js";
56
- import { OxStatusDisplay as ce } from "./components/StatusDisplay/index.js";
57
- import { OxChip as le } from "./components/Chip/Chip.js";
58
- import { OxTextarea as ue } from "./components/Textarea/index.js";
59
- import { createOxToastManager as de, oxToast as fe, useOxToast as pe } from "./components/Toast/toastManager.js";
60
- import { OxToast as me } from "./components/Toast/index.js";
61
- import { OxToggle as he } from "./components/Toggle/index.js";
62
- import { OxTypewriter as ge } from "./components/Typewriter/index.js";
63
- import { OxVirtualList as _e } from "./components/VirtualList/VirtualList.js";
64
- export { e as OxAccordion, t as OxAlert, r as OxAlertDialog, i as OxAnimatedGradientText, a as OxAppLayout, s as OxAutocomplete, u as OxAvatar, d as OxAvatarGroup, f as OxBadge, m as OxBlurSwitch, g as OxBreadcrumb, p as OxButton, _ as OxCard, C as OxCheckbox, w as OxCheckboxGroup, le as OxChip, v as OxCollapsible, y as OxCombobox, S as OxCommand, T as OxContextMenu, E as OxCopyButton, A as OxDataTable, j as OxDescriptionList, M as OxDialog, N as OxDrawer, h as OxDropdown, P as OxField, F as OxFieldset, I as OxFooter, L as OxHeader, R as OxHoldToDelete, n as OxIconTile, z as OxInput, B as OxKbd, V as OxMain, H as OxMeter, U as OxNavigationMenu, W as OxNumberInput, G as OxOtpField, K as OxPageProgress, q as OxPagination, D as OxPopover, J as OxProgress, Y as OxRadio, X as OxRadioGroup, Q as OxScrollArea, Z as OxSelect, $ as OxSeparator, ee as OxSidebar, re as OxSidebarRail, O as OxSkeleton, se as OxSlider, o as OxSpinner, ce as OxStatusDisplay, ie as OxSwitch, ae as OxTabBar, k as OxTable, oe as OxTabs, ue as OxTextarea, me as OxToast, he as OxToggle, te as OxTooltip, ne as OxTooltipProvider, ge as OxTypewriter, _e as OxVirtualList, de as createOxToastManager, fe as oxToast, c as useOxAutocompleteFilter, l as useOxAutocompleteFilteredItems, b as useOxComboboxFilter, x as useOxComboboxFilteredItems, pe as useOxToast };
23
+ import { OxInput as D } from "./components/Input/index.js";
24
+ import { OxCopyInput as O } from "./components/CopyInput/CopyInput.js";
25
+ import { OxPopover as k } from "./components/Popover/index.js";
26
+ import { OxSkeleton as A } from "./components/Skeleton/Skeleton2.js";
27
+ import { OxTable as j } from "./components/Table/index.js";
28
+ import { OxDataTable as M } from "./components/DataTable/index.js";
29
+ import { OxDescriptionList as N } from "./components/DescriptionList/index.js";
30
+ import { OxDialog as P } from "./components/Dialog/index.js";
31
+ import { OxDrawer as F } from "./components/Drawer/index.js";
32
+ import { OxField as I } from "./components/Field/index.js";
33
+ import { OxFieldset as L } from "./components/Fieldset/index.js";
34
+ import { OxFooter as R } from "./components/Footer/index.js";
35
+ import { OxHeader as z } from "./components/Header/index.js";
36
+ import { OxHoldToDelete as B } from "./components/HoldToDelete/HoldToDelete2.js";
37
+ import { OxKbd as V } from "./components/Kbd/Kbd.js";
38
+ import { OxMain as H } from "./components/Main/Main.js";
39
+ import { OxMeter as U } from "./components/Meter/index.js";
40
+ import { OxNavigationMenu as W } from "./components/NavigationMenu/index.js";
41
+ import { OxNumberInput as G } from "./components/NumberInput/index.js";
42
+ import { OxOtpField as K } from "./components/OtpField/OtpField.js";
43
+ import { OxPageProgress as q } from "./components/PageProgress/PageProgress.js";
44
+ import { OxPagination as J } from "./components/Pagination/index.js";
45
+ import { OxProgress as Y } from "./components/Progress/index.js";
46
+ import { OxRadio as X, OxRadioGroup as Z } from "./components/Radio/Radio.js";
47
+ import { OxResponsiveOverlay as Q } from "./components/ResponsiveOverlay/index.js";
48
+ import { OxSelect as $ } from "./components/Select/index.js";
49
+ import { OxScrollArea as ee } from "./components/ScrollArea/ScrollArea2.js";
50
+ import { OxSeparator as te } from "./components/Separator/Separator.js";
51
+ import { OxSidebar as ne } from "./components/Sidebar/index.js";
52
+ import { OxTooltip as re, OxTooltipProvider as ie } from "./components/Tooltip/Tooltip.js";
53
+ import { OxSidebarRail as ae } from "./components/SidebarRail/index.js";
54
+ import { OxSwitch as oe } from "./components/Switch/Switch.js";
55
+ import { OxTabBar as se } from "./components/TabBar/index.js";
56
+ import { OxTabs as ce } from "./components/Tabs/index.js";
57
+ import { OxSlider as le } from "./components/Slider/Slider.js";
58
+ import { OxStatusDisplay as ue } from "./components/StatusDisplay/index.js";
59
+ import { OxChip as de } from "./components/Chip/Chip.js";
60
+ import { OxTextarea as fe } from "./components/Textarea/index.js";
61
+ import { createOxToastManager as pe, oxToast as me, useOxToast as he } from "./components/Toast/toastManager.js";
62
+ import { OxToast as ge } from "./components/Toast/index.js";
63
+ import { OxToggle as _e } from "./components/Toggle/index.js";
64
+ import { OxTypewriter as ve } from "./components/Typewriter/index.js";
65
+ import { OxVirtualList as ye } from "./components/VirtualList/VirtualList.js";
66
+ export { e as OxAccordion, t as OxAlert, r as OxAlertDialog, i as OxAnimatedGradientText, a as OxAppLayout, s as OxAutocomplete, u as OxAvatar, d as OxAvatarGroup, f as OxBadge, m as OxBlurSwitch, g as OxBreadcrumb, p as OxButton, _ as OxCard, C as OxCheckbox, w as OxCheckboxGroup, de as OxChip, v as OxCollapsible, y as OxCombobox, S as OxCommand, T as OxContextMenu, E as OxCopyButton, O as OxCopyInput, M as OxDataTable, N as OxDescriptionList, P as OxDialog, F as OxDrawer, h as OxDropdown, I as OxField, L as OxFieldset, R as OxFooter, z as OxHeader, B as OxHoldToDelete, n as OxIconTile, D as OxInput, V as OxKbd, H as OxMain, U as OxMeter, W as OxNavigationMenu, G as OxNumberInput, K as OxOtpField, q as OxPageProgress, J as OxPagination, k as OxPopover, Y as OxProgress, X as OxRadio, Z as OxRadioGroup, Q as OxResponsiveOverlay, ee as OxScrollArea, $ as OxSelect, te as OxSeparator, ne as OxSidebar, ae as OxSidebarRail, A as OxSkeleton, le as OxSlider, o as OxSpinner, ue as OxStatusDisplay, oe as OxSwitch, se as OxTabBar, j as OxTable, ce as OxTabs, fe as OxTextarea, ge as OxToast, _e as OxToggle, re as OxTooltip, ie as OxTooltipProvider, ve as OxTypewriter, ye as OxVirtualList, pe as createOxToastManager, me as oxToast, c as useOxAutocompleteFilter, l as useOxAutocompleteFilteredItems, b as useOxComboboxFilter, x as useOxComboboxFilteredItems, he as useOxToast };
@@ -1,6 +1,6 @@
1
1
  declare const controlSurface: string[];
2
2
  declare const controlFocusWithin: string[];
3
3
  declare const controlFocusVisible: string[];
4
- declare const controlDisabled = "ox-disabled:pointer-events-none ox-disabled:opacity-50 ox-disabled:bg-surface-raised";
4
+ declare const controlDisabled = "ox-disabled:cursor-not-allowed ox-disabled:opacity-50 ox-disabled:bg-surface-raised";
5
5
  declare const controlReadonly = "ox-readonly:bg-sunken ox-readonly:text-fg-muted";
6
6
  export { controlDisabled, controlFocusVisible, controlFocusWithin, controlReadonly, controlSurface, };
@@ -9,6 +9,6 @@ var e = ["rounded-control border border-line bg-surface text-fg text-control out
9
9
  "focus-visible:border-primary-outline focus-visible:shadow-[0_0_0_3px_var(--primary-soft)]",
10
10
  "ox-invalid:border-[var(--err-strong)]",
11
11
  "ox-invalid:focus-visible:shadow-[0_0_0_3px_var(--err-tint)]"
12
- ], r = "ox-disabled:pointer-events-none ox-disabled:opacity-50 ox-disabled:bg-surface-raised", i = "ox-readonly:bg-sunken ox-readonly:text-fg-muted";
12
+ ], r = "ox-disabled:cursor-not-allowed ox-disabled:opacity-50 ox-disabled:bg-surface-raised", i = "ox-readonly:bg-sunken ox-readonly:text-fg-muted";
13
13
  //#endregion
14
14
  export { r as controlDisabled, n as controlFocusVisible, t as controlFocusWithin, i as controlReadonly, e as controlSurface };
@@ -11,13 +11,13 @@ var t = "text-3xs font-semibold uppercase tracking-wider text-fg-subtle", n = "z
11
11
  "rounded-sm px-2.5 py-1.5 text-body text-fg-muted",
12
12
  "pointer-coarse:min-h-10 pointer-coarse:py-2.5 pointer-coarse:text-sm",
13
13
  "cursor-pointer select-none outline-none transition-colors",
14
- "data-[highlighted]:bg-surface-high data-[highlighted]:text-fg",
15
- "ox-disabled:pointer-events-none ox-disabled:opacity-50"
14
+ "ox-interactive:data-[highlighted]:bg-surface-high ox-interactive:data-[highlighted]:text-fg",
15
+ "ox-disabled:cursor-not-allowed ox-disabled:opacity-50"
16
16
  ], o = [
17
17
  "[&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:opacity-75",
18
- "data-[highlighted]:[&>svg]:opacity-100",
18
+ "ox-interactive:data-[highlighted]:[&>svg]:opacity-100",
19
19
  "[&>kbd]:ms-auto [&>kbd]:shrink-0"
20
- ], s = ["text-danger-ink", "data-[highlighted]:bg-[var(--err-fill)] data-[highlighted]:text-[var(--err-strong)]"], c = ["inline-flex size-4 shrink-0 items-center justify-center text-primary-ink", "transition-opacity data-[unchecked]:opacity-0"], l = "size-1.5 rounded-full bg-primary-ink pointer-coarse:size-1.75", u = "ms-auto size-3.5 shrink-0 text-fg-subtle", d = ["truncate px-2.5 pt-2 pb-1", t], f = "my-1.5 h-px bg-line", p = [...i, "min-w-[var(--anchor-width)]"], m = [...a, "[&_svg]:shrink-0"], h = "data-[selected]:font-medium data-[selected]:text-fg", g = [
20
+ ], s = ["text-danger-ink", "ox-interactive:data-[highlighted]:bg-[var(--err-fill)] ox-interactive:data-[highlighted]:text-[var(--err-strong)]"], c = ["inline-flex size-4 shrink-0 items-center justify-center text-primary-ink", "transition-opacity data-[unchecked]:opacity-0"], l = "size-1.5 rounded-full bg-primary-ink pointer-coarse:size-1.75", u = "ms-auto size-3.5 shrink-0 text-fg-subtle", d = ["truncate px-2.5 pt-2 pb-1", t], f = "my-1.5 h-px bg-line", p = [...i, "min-w-[var(--anchor-width)]"], m = [...a, "[&_svg]:shrink-0"], h = "data-[selected]:font-medium data-[selected]:text-fg", g = [
21
21
  "grid place-items-center shrink-0 size-4 text-primary-ink [&_svg]:size-3.5",
22
22
  "pointer-coarse:[&_svg]:size-4",
23
23
  "opacity-0 transition-opacity data-[selected]:opacity-100"
@@ -0,0 +1,5 @@
1
+ export declare const overlayHeader = "flex shrink-0 items-center justify-between gap-3 px-4.5 pt-4";
2
+ export declare const overlayDescription = "mt-0 shrink-0 px-4.5 pt-1";
3
+ export declare const overlayBody = "min-h-0 flex-1 overflow-y-auto overscroll-contain px-4.5 py-3.5";
4
+ export declare const overlayFooter: string[];
5
+ export declare const overlayFullWidthActions = "pointer-coarse:*:flex-1";
@@ -0,0 +1,8 @@
1
+ //#region src/internal/styles/overlayFrameStyles.ts
2
+ var e = "flex shrink-0 items-center justify-between gap-3 px-4.5 pt-4", t = "mt-0 shrink-0 px-4.5 pt-1", n = "min-h-0 flex-1 overflow-y-auto overscroll-contain px-4.5 py-3.5", r = [
3
+ "flex shrink-0 flex-wrap items-center justify-end gap-2",
4
+ "px-4.5 pt-3.5 pb-[calc(0.875rem+env(safe-area-inset-bottom))]",
5
+ "pointer-coarse:*:flex-1"
6
+ ], i = "pointer-coarse:*:flex-1";
7
+ //#endregion
8
+ export { n as overlayBody, t as overlayDescription, r as overlayFooter, i as overlayFullWidthActions, e as overlayHeader };
@@ -13,7 +13,7 @@ var r = [
13
13
  "inline-grid place-items-center self-stretch shrink-0 w-9",
14
14
  "bg-transparent text-fg-subtle transition-colors ease-out",
15
15
  "focus-visible:outline-none",
16
- "ox-disabled:pointer-events-none ox-disabled:opacity-50"
16
+ "ox-disabled:cursor-not-allowed ox-disabled:opacity-50"
17
17
  ], s = "grid place-items-center size-7 rounded-sm transition-colors ease-out [&_svg]:size-4", c = [
18
18
  "group/ox-clear",
19
19
  ...o,
@@ -0,0 +1,7 @@
1
+ import { MouseEvent } from 'react';
2
+ declare function suppressActivation(event: MouseEvent<HTMLElement>): void;
3
+ export declare function getInertActivationProps(): {
4
+ readonly tabIndex: -1;
5
+ readonly onClick: typeof suppressActivation;
6
+ };
7
+ export {};
@@ -0,0 +1,12 @@
1
+ //#region src/internal/utils/getInertActivationProps/getInertActivationProps.ts
2
+ function e(e) {
3
+ e.preventDefault(), e.stopPropagation();
4
+ }
5
+ function t() {
6
+ return {
7
+ tabIndex: -1,
8
+ onClick: e
9
+ };
10
+ }
11
+ //#endregion
12
+ export { t as getInertActivationProps };
@@ -0,0 +1 @@
1
+ export * from './getInertActivationProps';
@@ -1 +1,2 @@
1
1
  export * from './getFieldControlAttributes';
2
+ export * from './getInertActivationProps';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@noxickon/onyx",
3
- "version": "6.2.0",
3
+ "version": "6.3.0",
4
4
  "type": "module",
5
5
  "module": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};