@cube-dev/ui-kit 0.197.0 → 0.198.0

package/dist/CHANGELOG.md

@@ -1,5 +1,53 @@
 # @cube-dev/ui-kit
 
+## 0.198.0
+
+### Minor Changes
+
+- [#1534](https://github.com/cube-js/cube-ui-kit/pull/1534) [`0e3733f7`](https://github.com/cube-js/cube-ui-kit/commit/0e3733f78a9692bd113b4f7df9bf2f3661959081) Thanks [@tenphi](https://github.com/tenphi)! - Fields render their chrome only when there is something to show again: a non-empty `label`, a form binding, a `description`, `errorMessage`, `message`, `fieldStyles`, `fieldProps` or `isHidden` prop, whatever it holds, or a `validate` on `TextInput`, `TextArea`, `PasswordInput` and `NumberInput`, which show its errors. A field with none of them renders only the control, as before 0.196.0, so a standalone control without a label no longer needs `isBare` to stay out of a field wrapper. `TagInput` keeps its chrome for its refusal messages, and a custom control that shows the errors of its `validate` can pass `showsValidateErrors: true` to `useFieldProps`. `isBare` still overrides a label and keeps it visually hidden, and `isBare={false}` now renders the chrome anyway, replacing the deprecated `forceField`, which renders it again too.
+
+- [#1534](https://github.com/cube-js/cube-ui-kit/pull/1534) [`0e3733f7`](https://github.com/cube-js/cube-ui-kit/commit/0e3733f78a9692bd113b4f7df9bf2f3661959081) Thanks [@tenphi](https://github.com/tenphi)! - A field's `ref` now points at its control with or without the field chrome, so a bare field's is never `null`, and the new `labelRef` reaches its label; reach the wrapper with `fieldProps={{ ref }}`. `wrapWithField(control, props)` takes no ref, and its three-argument form is deprecated: the `ref` it takes is now ignored, where it used to reach the field wrapper. A bare date picker's `ref.focus()` now focuses its first segment, and `FileInput`'s ref resolves to its element instead of the inner button's handle.
+
+- [#1538](https://github.com/cube-js/cube-ui-kit/pull/1538) [`fc6b517f`](https://github.com/cube-js/cube-ui-kit/commit/fc6b517f651bb41622119231e4a2593aab13f684) Thanks [@tenphi](https://github.com/tenphi)! - `Layout.Panel` in dialog mode now honours `hideOnClose`: the closed dialog is hidden instead of unmounting the panel content, as in the other modes.
+
+- [#1535](https://github.com/cube-js/cube-ui-kit/pull/1535) [`95105399`](https://github.com/cube-js/cube-ui-kit/commit/9510539946d98eda657658618bceffd7645f3330) Thanks [@tenphi](https://github.com/tenphi)! - Add `hideOnClose` to `Layout.Panel` (outside dialog mode): a closed panel is hidden instead of unmounting its content, so the content keeps its state, such as an unsent draft or a request in flight, until the panel reopens. The hidden panel takes no space, no focus and no resize handle.
+
+- [#1542](https://github.com/cube-js/cube-ui-kit/pull/1542) [`48561f64`](https://github.com/cube-js/cube-ui-kit/commit/48561f64a269426368afe1a3dd81e418fa77491f) Thanks [@tenphi](https://github.com/tenphi)! - `TextItem` no longer accepts the `ellipsis` and `nowrap` props it inherited from `Text`. It renders one line truncated with an ellipsis, so both props had no effect, and `ellipsis={false}` could not turn truncation off. Remove them from `TextItem` call sites; for text that wraps, use `Text`.
+
+### Patch Changes
+
+- [#1549](https://github.com/cube-js/cube-ui-kit/pull/1549) [`deeabdce`](https://github.com/cube-js/cube-ui-kit/commit/deeabdce510820ca4177d958a598da3677cb2f23) Thanks [@tenphi](https://github.com/tenphi)! - Make `Alert` themes recognisable at a glance: `note`, `success`, `danger` and `warning` now use their own, more tinted fill and border, through new `#<theme>-alert-surface` and `#<theme>-alert-border` tokens on those four themes. The shared `#<theme>-surface` / `#<theme>-border` tokens, the default and primary themes, Badge and the Item family are unchanged. Also fix `theme="special"` rendering dark text on its purple fill: the label is now white.
+
+- [#1538](https://github.com/cube-js/cube-ui-kit/pull/1538) [`fc6b517f`](https://github.com/cube-js/cube-ui-kit/commit/fc6b517f651bb41622119231e4a2593aab13f684) Thanks [@tenphi](https://github.com/tenphi)! - Fix focus dropping to the page when a `hideOnClose` dialog closes: `DialogContainer` and a popover `DialogTrigger` now return focus to the element that opened them, as they do without `hideOnClose`. Every open of a `hideOnClose` dialog now also moves focus in the way a newly mounted dialog does: to an autofocused text field (a `TextArea` included), or to a submit or primary button, otherwise to the dialog itself, so a reopen keeps its scroll position instead of scrolling back to its first control.
+
+- [#1535](https://github.com/cube-js/cube-ui-kit/pull/1535) [`95105399`](https://github.com/cube-js/cube-ui-kit/commit/9510539946d98eda657658618bceffd7645f3330) Thanks [@tenphi](https://github.com/tenphi)! - Fix a `Layout` that mounts inside a hidden container, such as a closed `hideOnClose` panel or a hidden tab, staying collapsed after it is shown: it now checks its height once it is visible.
+
+- [#1542](https://github.com/cube-js/cube-ui-kit/pull/1542) [`48561f64`](https://github.com/cube-js/cube-ui-kit/commit/48561f64a269426368afe1a3dd81e418fa77491f) Thanks [@tenphi](https://github.com/tenphi)! - The `no-redundant-default-prop` lint rule no longer reports `focusOnHover={true}` on `ListBox` as a restated default, and reports `focusOnHover={false}` instead. The docs had given its default as `true`, but it is `false`: removing `focusOnHover={true}` as the rule suggested stopped options from taking focus on hover.
+
+- [#1538](https://github.com/cube-js/cube-ui-kit/pull/1538) [`fc6b517f`](https://github.com/cube-js/cube-ui-kit/commit/fc6b517f651bb41622119231e4a2593aab13f684) Thanks [@tenphi](https://github.com/tenphi)! - A `hideOnClose` dialog now moves focus as a dialog without it does in more cases. Autofocused buttons, selects, checkboxes, switches, radios, `CommandMenu` and date fields take focus on every open, as autofocused text fields already did, and the last of several autofocused controls wins. Closing a dialog opened from a menu item or from a button in a popover returns focus to that menu's or popover's trigger, and so does unmounting the dialog while it is open. A retained dialog opened from a button in a popover keeps focus instead of losing it to the popover's trigger. `Tab` out of a retained panel, out of a popover that is not dismissable, or from any retained dialog while it closes moves to the controls beside its opener. A dialog opened from a retained one returns focus to that one's opener once that one has closed. A retained dialog nested in another overlay opens above it where the browser supports `moveBefore`, and it focuses itself on open and again half a second later, as `useDialog` does. Any dialog that a screen reader opens now focuses its autofocused control, its submit or primary button, or else the dialog itself, rather than its first control or a destructive button. A kit control's `data-autofocus` set by the consumer is no longer dropped. The DialogContainer docs list what still differs.
+
+- [#1534](https://github.com/cube-js/cube-ui-kit/pull/1534) [`0e3733f7`](https://github.com/cube-js/cube-ui-kit/commit/0e3733f78a9692bd113b4f7df9bf2f3661959081) Thanks [@tenphi](https://github.com/tenphi)! - Update Tasty to 3.10.0 (from 3.9.9). Production builds no longer turn on Tasty's development diagnostics and debug instrumentation by default. An `animation` keeps the case of a camelCase keyframe name and finds a name written after `steps(n, end)`. Global styles set with `useGlobalStyles` apply `@starting` values inside `@starting-style`, emit the local `@keyframes` they use, give every selector in a list its states and sub-elements, and attach `@root()` states on `:root` or `html`, including tokens set with `configure({ tokens })`, to the root itself.
+
+- [#1537](https://github.com/cube-js/cube-ui-kit/pull/1537) [`cab46c5b`](https://github.com/cube-js/cube-ui-kit/commit/cab46c5b8ff8f2f2ee6eea8f90654ebb6daf6fba) Thanks [@tenphi](https://github.com/tenphi)! - Update Tasty to 3.11.1 (from 3.10.0). The kit needed no changes. For apps built on it:
+
+  - `tasty(Base, options)` now applies the options it type-checks: `styleProps`, `modProps` and `tokenProps` become styles, mods and tokens instead of reaching `Base` as unknown props, `variants` apply over the extension's `styles`, and `elements` adds sub-elements. The `variant` option sets the default variant, in `tasty({ variants, variant })` too, where it used to reach the DOM as an attribute.
+  - `#clear` is always `transparent` and no longer reads `--clear-color`, so overriding that property has no effect.
+  - A `border` or `outline` with no color is drawn in the text color unless `#border` or `#outline` is defined. The kit defines `#border`, not `#outline`.
+  - `@media` and `@container` conditions resolve units to literal lengths. The kit's `x`, `r`, `cr`, `bw` and `ow` units are custom properties, which still cannot work in a query condition, and Tasty now reports one there in development.
+  - `width: 'stretch'` and the other size styles emit each engine's fallback, `transition: 'zIndex'` transitions `z-index`, container queries over `aspect-ratio` and `orientation` apply, and media query bounds in different units are compared correctly.
+  - CSS built with `extractStylesWithChunks()` or `extractStylesForSelector()` also needs `extractConfigProperties()` from `@tenphi/tasty/zero`, once per stylesheet.
+
+- [#1544](https://github.com/cube-js/cube-ui-kit/pull/1544) [`98155248`](https://github.com/cube-js/cube-ui-kit/commit/98155248ddc7600ab38e175331caa59fee874b67) Thanks [@tenphi](https://github.com/tenphi)! - Update Tasty to 3.11.2 (from 3.11.1). The kit needed no changes. A sub-element whose `# @cube-dev/ui-kit ends in a pseudo-element, such as `$: '&::before'`, now applies `@own(...)`to the pseudo-element itself. States a pseudo-element cannot have are dropped with a`PSEUDO_ELEMENT_STATE_IGNORED`warning: modifiers, attributes, classes and tree positions. Before, they produced a selector that never matched, and their default branch never applied either. Put such a condition on the element in`# @cube-dev/ui-kit instead, as in `$: 'a[rel="next"]::before'`. The same holds for a `useGlobalStyles()` selector ending in a pseudo-element, whose `@parent(...)` states now go before the pseudo-element, where they match.
+
+- [#1546](https://github.com/cube-js/cube-ui-kit/pull/1546) [`b7ab8461`](https://github.com/cube-js/cube-ui-kit/commit/b7ab8461536bc929732d4e8ceaafb3fe73c79cf8) Thanks [@tenphi](https://github.com/tenphi)! - Update Tasty to 3.12.0 (from 3.11.2). A faded color such as `#dark.15` now compiles to `color-mix(in oklab, var(--dark-color) 15%, transparent)` instead of relative color syntax, and the selection color of code blocks follows. `color-mix()` is widely available, while relative color syntax needs Chrome 125, Firefox 128 or Safari 18. An opaque token fades to the same color as before. For apps built on the kit:
+
+  - Alpha composes, so a token that is already translucent is faded further. A `$prop` alpha must hold a number: `$fade: '.5'` works, `'50%'` no longer does.
+  - `false` writes nothing in `padding`, `margin`, `inset`, `scrollMargin`, `scrollPadding`, the size styles and `outlineOffset`, set directly or under a state. Before, `width: { '': false, ellipsis: 'max 100%' }` wrote `width: auto; min-width: initial; max-width: initial` outside `ellipsis`.
+  - Named and system colors, such as `red` or `Highlight`, are colors in `border`, `outline`, `shadow`, `scrollbar`, `fade` and color tokens. They are emitted lowercase.
+  - `transition: 'none'` turns transitions off, alone or under a state. Before, it emitted a declaration the browser dropped.
+  - A custom property written as CSS keeps its case: `var(--myGap)` no longer becomes `var(--mygap)`.
+  - `mergeStyles()` and the `Styles` type are exported from `@tenphi/tasty/zero`, and Tasty's Babel plugin supports Babel 8.
+
 ## 0.197.0
 
 ### Minor Changes
@@ -1122,7 +1170,6 @@
   - `ItemButton`'s `ActionsWrapper` reproduces the label rather than the chip, for the same reason on the sibling path.
 
   ### Also
-
   - `current` is registered in `TastyThemeNames`, so `theme="current"` autocompletes on every tasty component.
   - New `CurrentStates` stories on `Button` and `Item` sweep every type and state on the theme, inside containers that paint their own text color; the context sweeps are renamed `CurrentTheme`.
 
@@ -2543,7 +2590,6 @@
   flicker: the modal mounts first, then the popover closes.
 
   ### Opt-outs
-
   - **Automatic** — Buttons that act as popover triggers (`MenuTrigger`
     children, `DialogTrigger type="popover"` children, picker trigger
     ItemButtons) already carry `data-popover-trigger` and skip the dismiss.
@@ -2573,7 +2619,6 @@
   `Select` need no change — they're auto-skipped.
 
   ### Internals
-
   - `usePopoverSync` gained a `dismissOnInnerButtonPress` option (default
     `true`). `DialogTrigger` passes `false` for modal/tray/fullscreen types
     so buttons inside those dialogs don't subscribe to the new dismiss
@@ -3590,7 +3635,6 @@
 - [#966](https://github.com/cube-js/cube-ui-kit/pull/966) [`3244c5d9`](https://github.com/cube-js/cube-ui-kit/commit/3244c5d958e4f1cbcb5637a205ca5cf64d3a9fa9) Thanks [@tenphi](https://github.com/tenphi)! - Refactor color system to use OKHSL format with unified constants
 
   ### What's changed:
-
   - Converted all color tokens from RGB to OKHSL format for perceptually uniform color manipulation
   - Added color constants (`PURPLE_HUE`, `DANGER_HUE`, `MAIN_SATURATION`, etc.) for consistent color values across themes
   - Moved color conversion utilities (`hslToRgb`, `okhslToRgb`) to separate files (`hsl-to-rgb.ts`, `okhsl-to-rgb.ts`)
@@ -3603,7 +3647,6 @@
   OKHSL provides perceptually uniform color space, making it easier to create consistent color variations. Using constants ensures all theme colors maintain consistent saturation and lightness values.
 
   ### Technical details:
-
   - All color tokens now use `okhsl()` format
   - Color conversion utilities properly handle OKHSL → RGB conversion for CSS variable generation
   - Internal file organization improved with consistent naming conventions
@@ -3611,7 +3654,6 @@
 - [#966](https://github.com/cube-js/cube-ui-kit/pull/966) [`3244c5d9`](https://github.com/cube-js/cube-ui-kit/commit/3244c5d958e4f1cbcb5637a205ca5cf64d3a9fa9) Thanks [@tenphi](https://github.com/tenphi)! - Add warning theme and rename note theme across components
 
   ### What's changed:
-
   - Added `warning` theme support to `Badge`, `Tag`, and `Item` components
   - Renamed previous `note` theme to `warning` (yellow/amber) across the codebase
   - Added new `note` theme (violet) for informational content, available for `card` type items
@@ -3619,14 +3661,12 @@
   - Updated notification icons to use `warning` theme instead of `note`
 
   ### Components affected:
-
   - `Badge`: Added `warning` theme option
   - `Tag`: Added `warning` theme option
   - `Item`: Added `warning.card` and `note.card` theme variants
   - `NotificationIcon`: Changed default/attention from `note` to `warning` colors
 
   ### Migration:
-
   - If you were using `theme="note"` on `Badge` or `Tag` components, change to `theme="warning"` for the same yellow/amber appearance
   - For violet informational cards, use `type="card" theme="note"` on `Item` component
   - Notification icons now use warning colors by default (previously note colors)
@@ -3779,7 +3819,6 @@
   - Recursive unit resolution: Units can reference other custom units with automatic resolution (e.g., `{ x: '8px', y: '2x' }` → `1y` = `16px`).
 
   ### Removed
-
   - Units `rp`, `gp`, and `sp` have been removed from default units.
 
 - [#960](https://github.com/cube-js/cube-ui-kit/pull/960) [`d89a036e`](https://github.com/cube-js/cube-ui-kit/commit/d89a036e578591fe20f22a21a0c37c41f9c9daf5) Thanks [@tenphi](https://github.com/tenphi)! - Fixed variant switching causing DOM element recreation. Components with `variants` now preserve their DOM element and state when the `variant` prop changes.

package/dist/_internal/hooks/use-debounced-value.js

@@ -1,7 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from "react";
-
 //#region src/_internal/hooks/use-debounced-value.ts
 function useDebouncedValue(value, t0, maxWait) {
 	const $ = c(5);
@@ -57,7 +56,7 @@ function useDebouncedValue(value, t0, maxWait) {
 	useEffect(t1, t2);
 	return debouncedValue;
 }
-
 //#endregion
 export { useDebouncedValue };
+
 //# sourceMappingURL=use-debounced-value.js.map

package/dist/_internal/hooks/use-debounced-value.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-debounced-value.js","names":["useEffect","useRef","useState","useDebouncedValue","value","t0","maxWait","$","_c","delay","undefined","debouncedValue","setDebouncedValue","lastValueRef","timeoutRef","maxWaitTimeoutRef","t1","t2","current","clearTimeout","setTimeout"],"sources":["../../../src/_internal/hooks/use-debounced-value.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport function useDebouncedValue<T>(\n  value: T,\n  delay: number = 300,\n  maxWait?: number,\n): T {\n  const [debouncedValue, setDebouncedValue] = useState(value);\n  const lastValueRef = useRef(value);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const maxWaitTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    // If value returns to the original while waiting, clear timeouts\n    if (value === lastValueRef.current) {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      if (maxWaitTimeoutRef.current) clearTimeout(maxWaitTimeoutRef.current);\n      return;\n    }\n\n    // Handle delay\n    timeoutRef.current = setTimeout(() => {\n      setDebouncedValue(value);\n      lastValueRef.current = value;\n      if (maxWaitTimeoutRef.current) {\n        clearTimeout(maxWaitTimeoutRef.current);\n        maxWaitTimeoutRef.current = null;\n      }\n    }, delay);\n\n    // Handle maxWait if provided\n    if (maxWait && !maxWaitTimeoutRef.current) {\n      maxWaitTimeoutRef.current = setTimeout(() => {\n        setDebouncedValue(value);\n        lastValueRef.current = value;\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n          timeoutRef.current = null;\n        }\n      }, maxWait);\n    }\n\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      if (maxWaitTimeoutRef.current) clearTimeout(maxWaitTimeoutRef.current);\n    };\n  }, [value, delay, maxWait]);\n\n  return debouncedValue;\n}\n"],"mappings":";;;;;AAEA,SAAOG,kBAAAC,OAAAC,IAAAC,SAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAEL,MAAAC,QAAAJ,OAAAK,SAAA,MAAAL;CAGA,MAAA,CAAAM,gBAAAC,qBAA4CV,SAASE,MAAM;CAC3D,MAAAS,eAAqBZ,OAAOG,MAAM;CAClC,MAAAU,aAAmBb,OAA6C,KAAK;CACrE,MAAAc,oBAA0Bd,OAA6C,KAAK;CAAC,IAAAe;CAAA,IAAAC;AAAA,KAAAV,EAAA,OAAAE,SAAAF,EAAA,OAAAD,WAAAC,EAAA,OAAAH,OAAA;AAEnEY,aAAA;AAER,OAAIZ,UAAUS,aAAYK,SAAQ;AAChC,QAAIJ,WAAUI,QAAUC,cAAaL,WAAUI,QAAS;AACxD,QAAIH,kBAAiBG,QAAUC,cAAaJ,kBAAiBG,QAAS;AAAC;;AAKzEJ,cAAUI,UAAWE,iBAAW;AAC9BR,sBAAkBR,MAAM;AACxBS,iBAAYK,UAAWd;AACvB,QAAIW,kBAAiBG,SAAQ;AAC3BC,kBAAaJ,kBAAiBG,QAAS;AACvCH,uBAAiBG,UAAW;;MAE7BT,MAPe;AAUlB,OAAIH,WAAA,CAAYS,kBAAiBG,QAC/BH,mBAAiBG,UAAWE,iBAAW;AACrCR,sBAAkBR,MAAM;AACxBS,iBAAYK,UAAWd;AACvB,QAAIU,WAAUI,SAAQ;AACpBC,kBAAaL,WAAUI,QAAS;AAChCJ,gBAAUI,UAAW;;MAEtBZ,QAPsB;AAQ1B,gBAEM;AACL,QAAIQ,WAAUI,QAAUC,cAAaL,WAAUI,QAAS;AACxD,QAAIH,kBAAiBG,QAAUC,cAAaJ,kBAAiBG,QAAS;;;AAEvED,OAAA;GAACb;GAAOK;GAAOH;GAAQ;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAD;AAAAC,IAAA,KAAAH;AAAAG,IAAA,KAAAS;AAAAT,IAAA,KAAAU;QAAA;AAAAD,OAAAT,EAAA;AAAAU,OAAAV,EAAA;;AAlC1BP,WAAUgB,IAkCPC,GAAwB;AAAA,QAEpBN"}
+{"version":3,"file":"use-debounced-value.js","names":["useEffect","useRef","useState","useDebouncedValue","value","t0","maxWait","$","_c","delay","undefined","debouncedValue","setDebouncedValue","lastValueRef","timeoutRef","maxWaitTimeoutRef","t1","t2","current","clearTimeout","setTimeout","_c"],"sources":["../../../src/_internal/hooks/use-debounced-value.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport function useDebouncedValue<T>(\n  value: T,\n  delay: number = 300,\n  maxWait?: number,\n): T {\n  const [debouncedValue, setDebouncedValue] = useState(value);\n  const lastValueRef = useRef(value);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const maxWaitTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    // If value returns to the original while waiting, clear timeouts\n    if (value === lastValueRef.current) {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      if (maxWaitTimeoutRef.current) clearTimeout(maxWaitTimeoutRef.current);\n      return;\n    }\n\n    // Handle delay\n    timeoutRef.current = setTimeout(() => {\n      setDebouncedValue(value);\n      lastValueRef.current = value;\n      if (maxWaitTimeoutRef.current) {\n        clearTimeout(maxWaitTimeoutRef.current);\n        maxWaitTimeoutRef.current = null;\n      }\n    }, delay);\n\n    // Handle maxWait if provided\n    if (maxWait && !maxWaitTimeoutRef.current) {\n      maxWaitTimeoutRef.current = setTimeout(() => {\n        setDebouncedValue(value);\n        lastValueRef.current = value;\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n          timeoutRef.current = null;\n        }\n      }, maxWait);\n    }\n\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      if (maxWaitTimeoutRef.current) clearTimeout(maxWaitTimeoutRef.current);\n    };\n  }, [value, delay, maxWait]);\n\n  return debouncedValue;\n}\n"],"mappings":";;;;AAEA,SAAOG,kBAAAC,OAAAC,IAAAC,SAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAEL,MAAAC,QAAAJ,OAAAK,KAAAA,IAAA,MAAAL;CAGA,MAAA,CAAAM,gBAAAC,qBAA4CV,SAASE,KAAK;CAC1D,MAAAS,eAAqBZ,OAAOG,KAAK;CACjC,MAAAU,aAAmBb,OAA6C,IAAI;CACpE,MAAAc,oBAA0Bd,OAA6C,IAAI;CAAE,IAAAe;CAAA,IAAAC;CAAA,IAAAV,EAAA,OAAAE,SAAAF,EAAA,OAAAD,WAAAC,EAAA,OAAAH,OAAA;EAEnEY,WAAA;GAER,IAAIZ,UAAUS,aAAYK,SAAQ;IAChC,IAAIJ,WAAUI,SAAUC,aAAaL,WAAUI,OAAQ;IACvD,IAAIH,kBAAiBG,SAAUC,aAAaJ,kBAAiBG,OAAQ;IAAE;GAAA;GAKzEJ,WAAUI,UAAWE,iBAAW;IAC9BR,kBAAkBR,KAAK;IACvBS,aAAYK,UAAWd;IACvB,IAAIW,kBAAiBG,SAAQ;KAC3BC,aAAaJ,kBAAiBG,OAAQ;KACtCH,kBAAiBG,UAAW;IAAH;GAC1B,GACAT,KAAK;GAGR,IAAIH,WAAA,CAAYS,kBAAiBG,SAC/BH,kBAAiBG,UAAWE,iBAAW;IACrCR,kBAAkBR,KAAK;IACvBS,aAAYK,UAAWd;IACvB,IAAIU,WAAUI,SAAQ;KACpBC,aAAaL,WAAUI,OAAQ;KAC/BJ,WAAUI,UAAW;IAAH;GACnB,GACAZ,OAAO;GACX,aAEM;IACL,IAAIQ,WAAUI,SAAUC,aAAaL,WAAUI,OAAQ;IACvD,IAAIH,kBAAiBG,SAAUC,aAAaJ,kBAAiBG,OAAQ;GAAE;EACxE;EACAD,KAAA;GAACb;GAAOK;GAAOH;EAAO;EAACC,EAAA,KAAAE;EAAAF,EAAA,KAAAD;EAAAC,EAAA,KAAAH;EAAAG,EAAA,KAAAS;EAAAT,EAAA,KAAAU;CAAA,OAAA;EAAAD,KAAAT,EAAA;EAAAU,KAAAV,EAAA;CAAA;CAlC1BP,UAAUgB,IAkCPC,EAAuB;CAAC,OAEpBN;AAAc"}

package/dist/_internal/hooks/use-deprecation-warning.js

@@ -1,8 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { deprecationWarning } from "../../utils/warnings.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect } from "react";
-
 //#region src/_internal/hooks/use-deprecation-warning.ts
 function useDeprecationWarning(...t0) {
 	const $ = c(4);
@@ -26,7 +25,7 @@ function useDeprecationWarning(...t0) {
 	} else t2 = $[3];
 	useEffect(t1, t2);
 }
-
 //#endregion
 export { useDeprecationWarning };
+
 //# sourceMappingURL=use-deprecation-warning.js.map

package/dist/_internal/hooks/use-deprecation-warning.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-deprecation-warning.js","names":["React","useEffect","deprecationWarning","useDeprecationWarning","t0","$","_c","args","didWarn","useRef","t1","current","t2"],"sources":["../../../src/_internal/hooks/use-deprecation-warning.ts"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { deprecationWarning } from '../../utils/warnings';\n\nexport function useDeprecationWarning(\n  ...args: Parameters<typeof deprecationWarning>\n) {\n  const didWarn = React.useRef(false);\n\n  useEffect(() => {\n    if (didWarn.current) return;\n\n    didWarn.current = true;\n    deprecationWarning(...args);\n  }, [args[0]]);\n}\n"],"mappings":";;;;;;AAIA,SAAOG,sBAAA,GAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAAC,OAAAH;CAEA,MAAAI,UAAgBR,MAAKS,OAAQ,MAAM;CAAC,IAAAC;AAAA,KAAAL,EAAA,OAAAE,MAAA;AAE1BG,aAAA;AACR,OAAIF,QAAOG,QAAQ;AAEnBH,WAAOG,UAAW;AAClBT,sBAAkB,GAAIK,KAAK;;AAC5BF,IAAA,KAAAE;AAAAF,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAO;AAAA,KAAAP,EAAA,OAAAE,KAAA,IAAA;AAAEK,OAAA,CAACL,KAAI,GAAI;AAAAF,IAAA,KAAAE,KAAA;AAAAF,IAAA,KAAAO;OAAAA,MAAAP,EAAA;AALZJ,WAAUS,IAKPE,GAAU"}
+{"version":3,"file":"use-deprecation-warning.js","names":["React","useEffect","deprecationWarning","useDeprecationWarning","t0","$","_c","args","didWarn","useRef","t1","current","t2","_c"],"sources":["../../../src/_internal/hooks/use-deprecation-warning.ts"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { deprecationWarning } from '../../utils/warnings';\n\nexport function useDeprecationWarning(\n  ...args: Parameters<typeof deprecationWarning>\n) {\n  const didWarn = React.useRef(false);\n\n  useEffect(() => {\n    if (didWarn.current) return;\n\n    didWarn.current = true;\n    deprecationWarning(...args);\n  }, [args[0]]);\n}\n"],"mappings":";;;;;AAIA,SAAOG,sBAAA,GAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CACL,MAAAC,OAAAH;CAEA,MAAAI,UAAgBR,MAAKS,OAAQ,KAAK;CAAE,IAAAC;CAAA,IAAAL,EAAA,OAAAE,MAAA;EAE1BG,WAAA;GACR,IAAIF,QAAOG,SAAQ;GAEnBH,QAAOG,UAAW;GAClBT,mBAAkB,GAAIK,IAAI;EAAC;EAC5BF,EAAA,KAAAE;EAAAF,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,OAAAE,KAAA,IAAA;EAAEK,KAAA,CAACL,KAAI,EAAG;EAACF,EAAA,KAAAE,KAAA;EAAAF,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CALZJ,UAAUS,IAKPE,EAAS;AAAC"}

package/dist/_internal/hooks/use-event.js

@@ -1,7 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useSyncRef } from "./use-sync-ref.js";
 import { c } from "react/compiler-runtime";
-
 //#region src/_internal/hooks/use-event.ts
 /**
 * Keeps one callable identity for consumers retaining old references while
@@ -25,7 +24,7 @@ function useEvent(callback) {
 	} else t0 = $[1];
 	return t0;
 }
-
 //#endregion
 export { useEvent };
+
 //# sourceMappingURL=use-event.js.map

package/dist/_internal/hooks/use-event.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-event.js","names":["useCallback","useSyncRef","useEvent","callback","$","_c","callbackRef","t0","t1","args","current"],"sources":["../../../src/_internal/hooks/use-event.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { useSyncRef } from './use-sync-ref';\n\n/**\n * Keeps one callable identity for consumers retaining old references while\n * forwarding to the latest committed callback. Ordinary handlers use plain\n * functions; callbacks owned by local effects use React's useEffectEvent.\n *\n * @see https://github.com/reactjs/rfcs/pull/220\n * @see https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md#internal-implementation\n */\nexport function useEvent<\n  Func extends (...args: Args) => Result,\n  Args extends Parameters<any> = Parameters<Func>,\n  Result extends ReturnType<any> = ReturnType<Func>,\n>(callback: Func): (...args: Args) => Result {\n  const callbackRef = useSyncRef(callback);\n\n  return useCallback((...args) => callbackRef.current(...args), [callbackRef]);\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,SAAOE,SAAAC,UAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAKL,MAAAC,cAAoBL,WAAWE,SAAS;CAAC,IAAAI;AAAA,KAAAH,EAAA,OAAAE,aAAA;AAEtBC,QAAA,GAAAC,OAAA;GAAC,MAAAC,OAAAD;AAAO,UAAKF,YAAWI,QAAQ,GAAID,KAAK;;AAAAL,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;AAAA,QAArDG"}
+{"version":3,"file":"use-event.js","names":["useCallback","useSyncRef","useEvent","callback","$","_c","callbackRef","t0","t1","args","current","_c"],"sources":["../../../src/_internal/hooks/use-event.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { useSyncRef } from './use-sync-ref';\n\n/**\n * Keeps one callable identity for consumers retaining old references while\n * forwarding to the latest committed callback. Ordinary handlers use plain\n * functions; callbacks owned by local effects use React's useEffectEvent.\n *\n * @see https://github.com/reactjs/rfcs/pull/220\n * @see https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md#internal-implementation\n */\nexport function useEvent<\n  Func extends (...args: Args) => Result,\n  Args extends Parameters<any> = Parameters<Func>,\n  Result extends ReturnType<any> = ReturnType<Func>,\n>(callback: Func): (...args: Args) => Result {\n  const callbackRef = useSyncRef(callback);\n\n  return useCallback((...args) => callbackRef.current(...args), [callbackRef]);\n}\n"],"mappings":";;;;;;;;;;;;AAYA,SAAOE,SAAAC,UAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAKL,MAAAC,cAAoBL,WAAWE,QAAQ;CAAE,IAAAI;CAAA,IAAAH,EAAA,OAAAE,aAAA;EAEtBC,MAAA,GAAAC,OAAA;GAAC,MAAAC,OAAAD;GAAO,OAAKF,YAAWI,QAAQ,GAAID,IAAI;EAAC;EAAAL,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,OAArDG;AAAqE"}

package/dist/_internal/hooks/use-is-first-render.js

@@ -1,6 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useRef } from "react";
-
 //#region src/_internal/hooks/use-is-first-render.ts
 function useIsFirstRender() {
 	const isFirst = useRef(true);
@@ -10,7 +9,7 @@ function useIsFirstRender() {
 	}
 	return isFirst.current;
 }
-
 //#endregion
 export { useIsFirstRender };
+
 //# sourceMappingURL=use-is-first-render.js.map

package/dist/_internal/hooks/use-is-first-render.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-is-first-render.js","names":["useRef","useIsFirstRender","isFirst","current"],"sources":["../../../src/_internal/hooks/use-is-first-render.ts"],"sourcesContent":["import { useRef } from 'react';\n\nexport function useIsFirstRender(): boolean {\n  const isFirst = useRef(true);\n\n  if (isFirst.current) {\n    isFirst.current = false;\n\n    return true;\n  }\n\n  return isFirst.current;\n}\n"],"mappings":";;;;AAEA,SAAgBC,mBAA4B;CAC1C,MAAMC,UAAUF,OAAO,KAAK;AAE5B,KAAIE,QAAQC,SAAS;AACnBD,UAAQC,UAAU;AAElB,SAAO;;AAGT,QAAOD,QAAQC"}
+{"version":3,"file":"use-is-first-render.js","names":["useRef","useIsFirstRender","isFirst","current"],"sources":["../../../src/_internal/hooks/use-is-first-render.ts"],"sourcesContent":["import { useRef } from 'react';\n\nexport function useIsFirstRender(): boolean {\n  const isFirst = useRef(true);\n\n  if (isFirst.current) {\n    isFirst.current = false;\n\n    return true;\n  }\n\n  return isFirst.current;\n}\n"],"mappings":";;;AAEA,SAAgBC,mBAA4B;CAC1C,MAAMC,UAAUF,OAAO,IAAI;CAE3B,IAAIE,QAAQC,SAAS;EACnBD,QAAQC,UAAU;EAElB,OAAO;CACT;CAEA,OAAOD,QAAQC;AACjB"}

package/dist/_internal/hooks/use-sync-ref.js

@@ -1,8 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { c } from "react/compiler-runtime";
 import { useRef } from "react";
-
 //#region src/_internal/hooks/use-sync-ref.ts
 function useSyncRef(value) {
 	const $ = c(2);
@@ -18,7 +17,7 @@ function useSyncRef(value) {
 	useLayoutEffect$1(t0);
 	return ref;
 }
-
 //#endregion
 export { useSyncRef };
+
 //# sourceMappingURL=use-sync-ref.js.map

package/dist/_internal/hooks/use-sync-ref.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-sync-ref.js","names":["MutableRefObject","useRef","useLayoutEffect","useSyncRef","value","$","_c","ref","t0","current"],"sources":["../../../src/_internal/hooks/use-sync-ref.ts"],"sourcesContent":["import { MutableRefObject, useRef } from 'react';\n\nimport { useLayoutEffect } from '../../utils/react';\n\nexport function useSyncRef<T>(value: T): MutableRefObject<T> {\n  const ref = useRef<T>(value);\n\n  useLayoutEffect(() => {\n    ref.current = value;\n  });\n\n  return ref;\n}\n"],"mappings":";;;;;;AAIA,SAAOG,WAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAAC,MAAYN,OAAUG,MAAM;CAAC,IAAAI;AAAA,KAAAH,EAAA,OAAAD,OAAA;AAEbI,aAAA;AACdD,OAAGE,UAAWL;;AACfC,IAAA,KAAAD;AAAAC,IAAA,KAAAG;OAAAA,MAAAH,EAAA;AAFDH,mBAAgBM,GAEd;AAAA,QAEKD"}
+{"version":3,"file":"use-sync-ref.js","names":["MutableRefObject","useRef","useLayoutEffect","useSyncRef","value","$","_c","ref","t0","current","_c"],"sources":["../../../src/_internal/hooks/use-sync-ref.ts"],"sourcesContent":["import { MutableRefObject, useRef } from 'react';\n\nimport { useLayoutEffect } from '../../utils/react';\n\nexport function useSyncRef<T>(value: T): MutableRefObject<T> {\n  const ref = useRef<T>(value);\n\n  useLayoutEffect(() => {\n    ref.current = value;\n  });\n\n  return ref;\n}\n"],"mappings":";;;;;AAIA,SAAOG,WAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CACL,MAAAC,MAAYN,OAAUG,KAAK;CAAE,IAAAI;CAAA,IAAAH,EAAA,OAAAD,OAAA;EAEbI,WAAA;GACdD,IAAGE,UAAWL;EAAH;EACZC,EAAA,KAAAD;EAAAC,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAFDH,kBAAgBM,EAEf;CAAC,OAEKD;AAAG"}

package/dist/_internal/hooks/use-timer/timer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 //#region src/_internal/hooks/use-timer/timer.ts
 var Timer = class {
 	callback;
@@ -46,7 +46,7 @@ var Timer = class {
 		this.timerId = null;
 	}
 };
-
 //#endregion
 export { Timer };
+
 //# sourceMappingURL=timer.js.map

package/dist/_internal/hooks/use-timer/timer.js.map

@@ -1 +1 @@
-{"version":3,"file":"timer.js","names":["Timer","callback","delay","remaining","timerId","ReturnType","setTimeout","startTime","_status","status","constructor","resume","reset","clear","pause","Date","now","clearTimeout"],"sources":["../../../../src/_internal/hooks/use-timer/timer.ts"],"sourcesContent":["export class Timer {\n  private readonly callback: () => void;\n  private readonly delay: number;\n\n  private remaining: number;\n  private timerId: ReturnType<typeof setTimeout> | null = null;\n  private startTime: number | null = null;\n\n  private _status: 'stopped' | 'paused' | 'running' = 'stopped';\n\n  get status() {\n    return this._status;\n  }\n\n  private set status(status) {\n    this._status = status;\n  }\n\n  constructor(callback: () => unknown, delay: number) {\n    this.callback = callback;\n    this.delay = delay;\n    this.remaining = delay;\n\n    this.resume();\n  }\n\n  reset() {\n    this.clear();\n    this.remaining = this.delay;\n    this.status = 'stopped';\n  }\n\n  pause() {\n    if (this.timerId === null || this.startTime === null) {\n      return;\n    }\n\n    this.clear();\n    this.remaining -= Date.now() - this.startTime;\n    this.status = 'paused';\n  }\n\n  resume() {\n    if (this.timerId !== null) return;\n\n    this.startTime = Date.now();\n    this.clear();\n\n    this.timerId = setTimeout(() => {\n      this.reset();\n      this.callback();\n    }, this.remaining);\n\n    this.status = 'running';\n  }\n\n  private clear() {\n    if (this.timerId === null) {\n      return;\n    }\n\n    clearTimeout(this.timerId);\n    this.timerId = null;\n  }\n}\n"],"mappings":";;AAAA,IAAaA,QAAb,MAAmB;CACjB,AAAiBC;CACjB,AAAiBC;CAEjB,AAAQC;CACR,AAAQC,UAAgD;CACxD,AAAQG,YAA2B;CAEnC,AAAQC,UAA4C;CAEpD,IAAIC,SAAS;AACX,SAAO,KAAKD;;CAGd,IAAYC,OAAOA,QAAQ;AACzB,OAAKD,UAAUC;;CAGjBC,YAAYT,UAAyBC,OAAe;AAClD,OAAKD,WAAWA;AAChB,OAAKC,QAAQA;AACb,OAAKC,YAAYD;AAEjB,OAAKS,QAAQ;;CAGfC,QAAQ;AACN,OAAKC,OAAO;AACZ,OAAKV,YAAY,KAAKD;AACtB,OAAKO,SAAS;;CAGhBK,QAAQ;AACN,MAAI,KAAKV,YAAY,QAAQ,KAAKG,cAAc,KAC9C;AAGF,OAAKM,OAAO;AACZ,OAAKV,aAAaY,KAAKC,KAAK,GAAG,KAAKT;AACpC,OAAKE,SAAS;;CAGhBE,SAAS;AACP,MAAI,KAAKP,YAAY,KAAM;AAE3B,OAAKG,YAAYQ,KAAKC,KAAK;AAC3B,OAAKH,OAAO;AAEZ,OAAKT,UAAUE,iBAAiB;AAC9B,QAAKM,OAAO;AACZ,QAAKX,UAAU;KACd,KAAKE,UAAU;AAElB,OAAKM,SAAS;;CAGhB,AAAQI,QAAQ;AACd,MAAI,KAAKT,YAAY,KACnB;AAGFa,eAAa,KAAKb,QAAQ;AAC1B,OAAKA,UAAU"}
+{"version":3,"file":"timer.js","names":["Timer","callback","delay","remaining","timerId","ReturnType","setTimeout","startTime","_status","status","constructor","resume","reset","clear","pause","Date","now","clearTimeout"],"sources":["../../../../src/_internal/hooks/use-timer/timer.ts"],"sourcesContent":["export class Timer {\n  private readonly callback: () => void;\n  private readonly delay: number;\n\n  private remaining: number;\n  private timerId: ReturnType<typeof setTimeout> | null = null;\n  private startTime: number | null = null;\n\n  private _status: 'stopped' | 'paused' | 'running' = 'stopped';\n\n  get status() {\n    return this._status;\n  }\n\n  private set status(status) {\n    this._status = status;\n  }\n\n  constructor(callback: () => unknown, delay: number) {\n    this.callback = callback;\n    this.delay = delay;\n    this.remaining = delay;\n\n    this.resume();\n  }\n\n  reset() {\n    this.clear();\n    this.remaining = this.delay;\n    this.status = 'stopped';\n  }\n\n  pause() {\n    if (this.timerId === null || this.startTime === null) {\n      return;\n    }\n\n    this.clear();\n    this.remaining -= Date.now() - this.startTime;\n    this.status = 'paused';\n  }\n\n  resume() {\n    if (this.timerId !== null) return;\n\n    this.startTime = Date.now();\n    this.clear();\n\n    this.timerId = setTimeout(() => {\n      this.reset();\n      this.callback();\n    }, this.remaining);\n\n    this.status = 'running';\n  }\n\n  private clear() {\n    if (this.timerId === null) {\n      return;\n    }\n\n    clearTimeout(this.timerId);\n    this.timerId = null;\n  }\n}\n"],"mappings":";;AAAA,IAAaA,QAAb,MAAmB;CACjB;CACA;CAEA;CACA,UAAwD;CACxD,YAAmC;CAEnC,UAAoD;CAEpD,IAAIS,SAAS;EACX,OAAO,KAAKD;CACd;CAEA,IAAYC,OAAOA,QAAQ;EACzB,KAAKD,UAAUC;CACjB;CAEAC,YAAYT,UAAyBC,OAAe;EAClD,KAAKD,WAAWA;EAChB,KAAKC,QAAQA;EACb,KAAKC,YAAYD;EAEjB,KAAKS,OAAO;CACd;CAEAC,QAAQ;EACN,KAAKC,MAAM;EACX,KAAKV,YAAY,KAAKD;EACtB,KAAKO,SAAS;CAChB;CAEAK,QAAQ;EACN,IAAI,KAAKV,YAAY,QAAQ,KAAKG,cAAc,MAC9C;EAGF,KAAKM,MAAM;EACX,KAAKV,aAAaY,KAAKC,IAAI,IAAI,KAAKT;EACpC,KAAKE,SAAS;CAChB;CAEAE,SAAS;EACP,IAAI,KAAKP,YAAY,MAAM;EAE3B,KAAKG,YAAYQ,KAAKC,IAAI;EAC1B,KAAKH,MAAM;EAEX,KAAKT,UAAUE,iBAAiB;GAC9B,KAAKM,MAAM;GACX,KAAKX,SAAS;EAChB,GAAG,KAAKE,SAAS;EAEjB,KAAKM,SAAS;CAChB;CAEA,QAAgB;EACd,IAAI,KAAKL,YAAY,MACnB;EAGFa,aAAa,KAAKb,OAAO;EACzB,KAAKA,UAAU;CACjB;AACF"}

package/dist/_internal/hooks/use-timer/use-timer.js

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useEvent } from "../use-event.js";
 import { Timer } from "./timer.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useState } from "react";
-
 //#region src/_internal/hooks/use-timer/use-timer.ts
 function useTimer(t0) {
 	const $ = c(26);
@@ -96,7 +95,7 @@ function useTimer(t0) {
 	} else t11 = $[25];
 	return t11;
 }
-
 //#endregion
 export { useTimer };
+
 //# sourceMappingURL=use-timer.js.map

package/dist/_internal/hooks/use-timer/use-timer.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-timer.js","names":["useEffect","useState","useEvent","Timer","UseTimerProps","callback","delay","isDisabled","timer","useTimer","t0","$","_c","t1","undefined","props","t2","propsTimer","t3","callbackEvent","t4","setTimer","reset","resume","t5","t6","t7","t8","t10","t9","t11","const"],"sources":["../../../../src/_internal/hooks/use-timer/use-timer.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useEvent } from '../use-event';\n\nimport { Timer } from './timer';\n\nexport type UseTimerProps = {\n  callback?: () => void;\n  delay?: number | null;\n  isDisabled?: boolean;\n  timer?: Timer | null;\n};\n\nexport function useTimer(props: UseTimerProps = {}) {\n  const { callback, delay, isDisabled, timer: propsTimer = null } = props;\n\n  const callbackEvent = useEvent(() => callback?.());\n  const [timer, setTimer] = useState<Timer | null>(() => {\n    if (propsTimer) {\n      return propsTimer;\n    }\n\n    if (typeof delay === 'number') {\n      return new Timer(callbackEvent, delay);\n    }\n\n    return null;\n  });\n\n  if (isDisabled) {\n    timer?.reset();\n  } else {\n    timer?.resume();\n  }\n\n  useEffect(() => {\n    setTimer(propsTimer);\n    return () => timer?.reset();\n  }, [propsTimer]);\n\n  useEffect(() => {\n    if (propsTimer) return;\n\n    if (typeof delay === 'number') {\n      setTimer(new Timer(callbackEvent, delay));\n    }\n\n    return () => timer?.reset();\n  }, [delay, propsTimer]);\n\n  useEffect(() => () => timer?.reset(), [timer]);\n\n  return { timer } as const;\n}\n"],"mappings":";;;;;;;AAaA,SAAOS,SAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAD,IAAA;AAAkBG,OAAAH,OAAAI,SAAA,EAAyB,GAAzBJ;AAAyBC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAChD,MAAA,EAAAN,UAAAC,OAAAC,YAAAC,OAAAQ,OADuBH;CACqB,MAAAI,aAAAD,OAAAF,SAAA,OAAAE;CAAiB,IAAAE;AAAA,KAAAP,EAAA,OAAAN,UAAA;AAE9Ba,aAAMb,YAAY;AAAAM,IAAA,KAAAN;AAAAM,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAAjD,MAAAQ,gBAAsBjB,SAASgB,GAAmB;CAAC,IAAAE;AAAA,KAAAT,EAAA,OAAAQ,iBAAAR,EAAA,OAAAL,SAAAK,EAAA,OAAAM,YAAA;AACFG,aAAA;AAC/C,OAAIH,WAAU,QACLA;AAGT,OAAI,OAAOX,UAAU,SAAQ,QACpB,IAAIH,MAAMgB,eAAeb,MAAM;AACvC,UAEM;;AACRK,IAAA,KAAAQ;AAAAR,IAAA,KAAAL;AAAAK,IAAA,KAAAM;AAAAN,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAVD,MAAA,CAAAH,OAAAa,YAA0BpB,SAAuBmB,GAU/C;AAEF,KAAIb,WACFC,QAAKc,OAAS;KAEdd,QAAKe,QAAU;CAChB,IAAAC;AAAA,KAAAb,EAAA,OAAAM,cAAAN,EAAA,OAAAH,OAAA;AAESgB,aAAA;AACRH,YAASJ,WAAW;AAAA,gBACPT,OAAKc,OAAS;;AAC5BX,IAAA,KAAAM;AAAAN,IAAA,KAAAH;AAAAG,IAAA,MAAAa;OAAAA,MAAAb,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,QAAAM,YAAA;AAAEQ,OAAA,CAACR,WAAW;AAAAN,IAAA,MAAAM;AAAAN,IAAA,MAAAc;OAAAA,MAAAd,EAAA;AAHfX,WAAUwB,IAGPC,GAAa;CAAA,IAAAC;AAAA,KAAAf,EAAA,QAAAQ,iBAAAR,EAAA,QAAAL,SAAAK,EAAA,QAAAM,cAAAN,EAAA,QAAAH,OAAA;AAENkB,aAAA;AACR,OAAIT,WAAU;AAEd,OAAI,OAAOX,UAAU,SACnBe,UAAS,IAAIlB,MAAMgB,eAAeb,MAAM,CAAC;AAC1C,gBAEYE,OAAKc,OAAS;;AAC5BX,IAAA,MAAAQ;AAAAR,IAAA,MAAAL;AAAAK,IAAA,MAAAM;AAAAN,IAAA,MAAAH;AAAAG,IAAA,MAAAe;OAAAA,MAAAf,EAAA;CAAA,IAAAgB;AAAA,KAAAhB,EAAA,QAAAL,SAAAK,EAAA,QAAAM,YAAA;AAAEU,OAAA,CAACrB,OAAOW,WAAW;AAAAN,IAAA,MAAAL;AAAAK,IAAA,MAAAM;AAAAN,IAAA,MAAAgB;OAAAA,MAAAhB,EAAA;AARtBX,WAAU0B,IAQPC,GAAoB;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAlB,EAAA,QAAAH,OAAA;AAEbqB,mBAAYrB,OAAKc,OAAS;AAAEM,QAAA,CAACpB,MAAM;AAAAG,IAAA,MAAAH;AAAAG,IAAA,MAAAiB;AAAAjB,IAAA,MAAAkB;QAAA;AAAAD,QAAAjB,EAAA;AAAAkB,OAAAlB,EAAA;;AAA7CX,WAAU6B,IAA4BD,IAAQ;CAAA,IAAAE;AAAA,KAAAnB,EAAA,QAAAH,OAAA;AAEvCsB,QAAA,EAAAtB,OAAS;AAAAG,IAAA,MAAAH;AAAAG,IAAA,MAAAmB;OAAAA,OAAAnB,EAAA;AAAA,QAATmB"}
+{"version":3,"file":"use-timer.js","names":["useEffect","useState","useEvent","Timer","UseTimerProps","callback","delay","isDisabled","timer","useTimer","t0","$","_c","t1","undefined","props","t2","propsTimer","t3","callbackEvent","t4","setTimer","reset","resume","t5","t6","t7","t8","t10","t9","t11","const","_c","props"],"sources":["../../../../src/_internal/hooks/use-timer/use-timer.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useEvent } from '../use-event';\n\nimport { Timer } from './timer';\n\nexport type UseTimerProps = {\n  callback?: () => void;\n  delay?: number | null;\n  isDisabled?: boolean;\n  timer?: Timer | null;\n};\n\nexport function useTimer(props: UseTimerProps = {}) {\n  const { callback, delay, isDisabled, timer: propsTimer = null } = props;\n\n  const callbackEvent = useEvent(() => callback?.());\n  const [timer, setTimer] = useState<Timer | null>(() => {\n    if (propsTimer) {\n      return propsTimer;\n    }\n\n    if (typeof delay === 'number') {\n      return new Timer(callbackEvent, delay);\n    }\n\n    return null;\n  });\n\n  if (isDisabled) {\n    timer?.reset();\n  } else {\n    timer?.resume();\n  }\n\n  useEffect(() => {\n    setTimer(propsTimer);\n    return () => timer?.reset();\n  }, [propsTimer]);\n\n  useEffect(() => {\n    if (propsTimer) return;\n\n    if (typeof delay === 'number') {\n      setTimer(new Timer(callbackEvent, delay));\n    }\n\n    return () => timer?.reset();\n  }, [delay, propsTimer]);\n\n  useEffect(() => () => timer?.reset(), [timer]);\n\n  return { timer } as const;\n}\n"],"mappings":";;;;;;AAaA,SAAOS,SAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAD,IAAA;EAAkBG,KAAAH,OAAAI,KAAAA,IAAA,CAAwB,IAAxBJ;EAAyBC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAChD,MAAA,EAAAN,UAAAC,OAAAC,YAAAC,OAAAQ,OAAkED;CAAtB,MAAAE,aAAAD,OAAAF,KAAAA,IAAA,OAAAE;CAAiB,IAAAE;CAAA,IAAAP,EAAA,OAAAN,UAAA;EAE9Ba,WAAMb,WAAW;EAACM,EAAA,KAAAN;EAAAM,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAjD,MAAAQ,gBAAsBjB,SAASgB,EAAkB;CAAE,IAAAE;CAAA,IAAAT,EAAA,OAAAQ,iBAAAR,EAAA,OAAAL,SAAAK,EAAA,OAAAM,YAAA;EACFG,WAAA;GAC/C,IAAIH,YAAU,OACLA;GAGT,IAAI,OAAOX,UAAU,UAAQ,OACpB,IAAIH,MAAMgB,eAAeb,KAAK;GACtC,OAEM;EAAI;EACZK,EAAA,KAAAQ;EAAAR,EAAA,KAAAL;EAAAK,EAAA,KAAAM;EAAAN,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAVD,MAAA,CAAAH,OAAAa,YAA0BpB,SAAuBmB,EAUhD;CAED,IAAIb,YACFC,OAAKc,MAAQ;MAEbd,OAAKe,OAAS;CACf,IAAAC;CAAA,IAAAb,EAAA,OAAAM,cAAAN,EAAA,OAAAH,OAAA;EAESgB,WAAA;GACRH,SAASJ,UAAU;GAAC,aACPT,OAAKc,MAAQ;EAAC;EAC5BX,EAAA,KAAAM;EAAAN,EAAA,KAAAH;EAAAG,EAAA,MAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAA,IAAAc;CAAA,IAAAd,EAAA,QAAAM,YAAA;EAAEQ,KAAA,CAACR,UAAU;EAACN,EAAA,MAAAM;EAAAN,EAAA,MAAAc;CAAA,OAAAA,KAAAd,EAAA;CAHfX,UAAUwB,IAGPC,EAAY;CAAC,IAAAC;CAAA,IAAAf,EAAA,QAAAQ,iBAAAR,EAAA,QAAAL,SAAAK,EAAA,QAAAM,cAAAN,EAAA,QAAAH,OAAA;EAENkB,WAAA;GACR,IAAIT,YAAU;GAEd,IAAI,OAAOX,UAAU,UACnBe,SAAS,IAAIlB,MAAMgB,eAAeb,KAAK,CAAC;GACzC,aAEYE,OAAKc,MAAQ;EAAC;EAC5BX,EAAA,MAAAQ;EAAAR,EAAA,MAAAL;EAAAK,EAAA,MAAAM;EAAAN,EAAA,MAAAH;EAAAG,EAAA,MAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAA,IAAAgB;CAAA,IAAAhB,EAAA,QAAAL,SAAAK,EAAA,QAAAM,YAAA;EAAEU,KAAA,CAACrB,OAAOW,UAAU;EAACN,EAAA,MAAAL;EAAAK,EAAA,MAAAM;EAAAN,EAAA,MAAAgB;CAAA,OAAAA,KAAAhB,EAAA;CARtBX,UAAU0B,IAQPC,EAAmB;CAAC,IAAAC;CAAA,IAAAC;CAAA,IAAAlB,EAAA,QAAAH,OAAA;EAEbqB,iBAAYrB,OAAKc,MAAQ;EAAGM,MAAA,CAACpB,KAAK;EAACG,EAAA,MAAAH;EAAAG,EAAA,MAAAiB;EAAAjB,EAAA,MAAAkB;CAAA,OAAA;EAAAD,MAAAjB,EAAA;EAAAkB,KAAAlB,EAAA;CAAA;CAA7CX,UAAU6B,IAA4BD,GAAO;CAAC,IAAAE;CAAA,IAAAnB,EAAA,QAAAH,OAAA;EAEvCsB,MAAA,EAAAtB,MAAQ;EAACG,EAAA,MAAAH;EAAAG,EAAA,MAAAmB;CAAA,OAAAA,MAAAnB,EAAA;CAAA,OAATmB;AAAkB"}

package/dist/_internal/hooks/use-warn.js

@@ -1,8 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useEvent } from "./use-event.js";
 import { warn } from "../../utils/warnings.js";
 import { useRef } from "react";
-
 //#region src/_internal/hooks/use-warn.ts
 const GLOBAL_WARNED = /* @__PURE__ */ new Set();
 function useWarn(condition, params) {
@@ -29,7 +28,7 @@ function useWarn(condition, params) {
 		return;
 	}
 }
-
 //#endregion
 export { useWarn };
+
 //# sourceMappingURL=use-warn.js.map

package/dist/_internal/hooks/use-warn.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-warn.js","names":["useRef","warn","useEvent","GLOBAL_WARNED","Set","WarnKey","WarnArgs","Parameters","WarnParameters","once","key","T","args","useWarn","condition","Condition","params","Key","hasWarnedRef","execute","keyString","JSON","stringify","has","add","current"],"sources":["../../../src/_internal/hooks/use-warn.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport { warn } from '../../utils/warnings';\n\nimport { useEvent } from './use-event';\n\nconst GLOBAL_WARNED = new Set<string>();\n\nexport type WarnKey = string | unknown[];\nexport type WarnArgs = Parameters<typeof warn>;\nexport type WarnParameters<T extends WarnKey = WarnKey> = {\n  /**\n   * If true, the warning will only be shown once per session.\n   * If false, the warning will be shown once for a component instance.\n   *\n   * @default true\n   */\n  once?: boolean;\n  key?: T;\n  args: [...WarnArgs];\n};\n\nexport function useWarn<Condition, Key extends WarnKey>(\n  condition: Condition,\n  params: WarnParameters<Key>,\n) {\n  const { once = true, key, args } = params;\n\n  const hasWarnedRef = useRef(false);\n\n  const execute = useEvent((condition: Condition, args: WarnArgs) => {\n    if (condition) {\n      warn(...args);\n      return true;\n    }\n\n    return false;\n  });\n\n  if (once) {\n    const keyString = JSON.stringify(key);\n\n    if (GLOBAL_WARNED.has(keyString)) return;\n\n    if (execute(condition, args)) {\n      GLOBAL_WARNED.add(keyString);\n      return;\n    }\n  }\n\n  if (hasWarnedRef.current) return;\n\n  if (execute(condition, args)) {\n    hasWarnedRef.current = true;\n    return;\n  }\n}\n"],"mappings":";;;;;;AAMA,MAAMG,gCAAgB,IAAIC,KAAa;AAgBvC,SAAgBS,QACdC,WACAE,QACA;CACA,MAAM,EAAEP,OAAO,MAAMC,KAAKE,SAASI;CAEnC,MAAME,eAAelB,OAAO,MAAM;CAElC,MAAMmB,UAAUjB,UAAUY,aAAsBF,WAAmB;AACjE,MAAIE,aAAW;AACbb,QAAK,GAAGW,OAAK;AACb,UAAO;;AAGT,SAAO;GACP;AAEF,KAAIH,MAAM;EACR,MAAMW,YAAYC,KAAKC,UAAUZ,IAAI;AAErC,MAAIP,cAAcoB,IAAIH,UAAU,CAAE;AAElC,MAAID,QAAQL,WAAWF,KAAK,EAAE;AAC5BT,iBAAcqB,IAAIJ,UAAU;AAC5B;;;AAIJ,KAAIF,aAAaO,QAAS;AAE1B,KAAIN,QAAQL,WAAWF,KAAK,EAAE;AAC5BM,eAAaO,UAAU;AACvB"}
+{"version":3,"file":"use-warn.js","names":["useRef","warn","useEvent","GLOBAL_WARNED","Set","WarnKey","WarnArgs","Parameters","WarnParameters","once","key","T","args","useWarn","condition","Condition","params","Key","hasWarnedRef","execute","keyString","JSON","stringify","has","add","current"],"sources":["../../../src/_internal/hooks/use-warn.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport { warn } from '../../utils/warnings';\n\nimport { useEvent } from './use-event';\n\nconst GLOBAL_WARNED = new Set<string>();\n\nexport type WarnKey = string | unknown[];\nexport type WarnArgs = Parameters<typeof warn>;\nexport type WarnParameters<T extends WarnKey = WarnKey> = {\n  /**\n   * If true, the warning will only be shown once per session.\n   * If false, the warning will be shown once for a component instance.\n   *\n   * @default true\n   */\n  once?: boolean;\n  key?: T;\n  args: [...WarnArgs];\n};\n\nexport function useWarn<Condition, Key extends WarnKey>(\n  condition: Condition,\n  params: WarnParameters<Key>,\n) {\n  const { once = true, key, args } = params;\n\n  const hasWarnedRef = useRef(false);\n\n  const execute = useEvent((condition: Condition, args: WarnArgs) => {\n    if (condition) {\n      warn(...args);\n      return true;\n    }\n\n    return false;\n  });\n\n  if (once) {\n    const keyString = JSON.stringify(key);\n\n    if (GLOBAL_WARNED.has(keyString)) return;\n\n    if (execute(condition, args)) {\n      GLOBAL_WARNED.add(keyString);\n      return;\n    }\n  }\n\n  if (hasWarnedRef.current) return;\n\n  if (execute(condition, args)) {\n    hasWarnedRef.current = true;\n    return;\n  }\n}\n"],"mappings":";;;;;AAMA,MAAMG,gCAAgB,IAAIC,IAAY;AAgBtC,SAAgBS,QACdC,WACAE,QACA;CACA,MAAM,EAAEP,OAAO,MAAMC,KAAKE,SAASI;CAEnC,MAAME,eAAelB,OAAO,KAAK;CAEjC,MAAMmB,UAAUjB,UAAUY,aAAsBF,WAAmB;EACjE,IAAIE,aAAW;GACbb,KAAK,GAAGW,MAAI;GACZ,OAAO;EACT;EAEA,OAAO;CACT,CAAC;CAED,IAAIH,MAAM;EACR,MAAMW,YAAYC,KAAKC,UAAUZ,GAAG;EAEpC,IAAIP,cAAcoB,IAAIH,SAAS,GAAG;EAElC,IAAID,QAAQL,WAAWF,IAAI,GAAG;GAC5BT,cAAcqB,IAAIJ,SAAS;GAC3B;EACF;CACF;CAEA,IAAIF,aAAaO,SAAS;CAE1B,IAAIN,QAAQL,WAAWF,IAAI,GAAG;EAC5BM,aAAaO,UAAU;EACvB;CACF;AACF"}

package/dist/components/Block.d.ts

@@ -1,10 +1,7 @@
 
 import { AllBaseProps, ContainerStyleProps } from "@tenphi/tasty";
-import * as react from "react";
-
 //#region src/components/Block.d.ts
-interface CubeBlockProps extends Omit<AllBaseProps, keyof ContainerStyleProps | 'as'>, ContainerStyleProps {}
-declare const Block: react.ForwardRefExoticComponent<CubeBlockProps & react.RefAttributes<unknown>>;
+export interface CubeBlockProps extends Omit<AllBaseProps, keyof ContainerStyleProps | 'as'>, ContainerStyleProps {}
+export declare const Block: import("react").ForwardRefExoticComponent<CubeBlockProps & import("react").RefAttributes<unknown>>;
 //#endregion
-export { Block, CubeBlockProps };
 //# sourceMappingURL=Block.d.ts.map

package/dist/components/Block.js

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/Block.tsx
 const BlockElement = tasty({ styles: { display: "block" } });
 const Block = forwardRef(function Block(props, ref) {
@@ -36,7 +35,7 @@ const Block = forwardRef(function Block(props, ref) {
 	} else t2 = $[7];
 	return t2;
 });
-
 //#endregion
 export { Block };
+
 //# sourceMappingURL=Block.js.map

package/dist/components/Block.js.map

@@ -1 +1 @@
-{"version":3,"file":"Block.js","names":["AllBaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","forwardRef","extractStyles","BlockElement","styles","display","CubeBlockProps","Omit","Block","props","ref","$","_c","t0","t1","eventProps","t2"],"sources":["../../src/components/Block.tsx"],"sourcesContent":["import {\n  AllBaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { extractStyles } from '../utils/styles';\n\nconst BlockElement = tasty({\n  styles: {\n    display: 'block',\n  },\n});\n\nexport interface CubeBlockProps\n  extends Omit<AllBaseProps, keyof ContainerStyleProps | 'as'>,\n    ContainerStyleProps {}\n\nexport const Block = forwardRef(function Block(props: CubeBlockProps, ref) {\n  const styles = extractStyles(props, CONTAINER_STYLES);\n\n  return (\n    <BlockElement\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;;AAWA,MAAMO,eAAeH,MAAM,EACzBI,QAAQ,EACNC,SAAS,SACX,EACD,CAAC;AAMF,MAAaG,QAAQP,WAAW,SAAAO,MAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAF,OAAA;AACfI,OAAAX,cAAcO,OAAOZ,iBAAiB;AAAAc,IAAA,KAAAF;AAAAE,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAArD,MAAAP,SAAeS;CAAuC,IAAAC;AAAA,KAAAH,EAAA,OAAAF,OAAA;AAI9CK,OAAAf,gBAAgBU,OAAO,EAAAM,YAAc,MAAM,CAAC;AAAAJ,IAAA,KAAAF;AAAAE,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAK;AAAA,KAAAL,EAAA,OAAAD,OAAAC,EAAA,OAAAP,UAAAO,EAAA,OAAAG,IAAA;AADlDE,OAAA,oBAAC;GAAY,GACPF;GACCJ;GACGN;IACR;AAAAO,IAAA,KAAAD;AAAAC,IAAA,KAAAP;AAAAO,IAAA,KAAAG;AAAAH,IAAA,KAAAK;OAAAA,MAAAL,EAAA;AAAA,QAJFK;EAMF"}
+{"version":3,"file":"Block.js","names":["AllBaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","forwardRef","extractStyles","BlockElement","styles","display","CubeBlockProps","Omit","Block","props","ref","$","_c","t0","t1","eventProps","t2","_c"],"sources":["../../src/components/Block.tsx"],"sourcesContent":["import {\n  AllBaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { extractStyles } from '../utils/styles';\n\nconst BlockElement = tasty({\n  styles: {\n    display: 'block',\n  },\n});\n\nexport interface CubeBlockProps\n  extends\n    Omit<AllBaseProps, keyof ContainerStyleProps | 'as'>,\n    ContainerStyleProps {}\n\nexport const Block = forwardRef(function Block(props: CubeBlockProps, ref) {\n  const styles = extractStyles(props, CONTAINER_STYLES);\n\n  return (\n    <BlockElement\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;AAWA,MAAMO,eAAeH,MAAM,EACzBI,QAAQ,EACNC,SAAS,QACX,EACF,CAAC;AAOD,MAAaG,QAAQP,WAAW,SAAAO,MAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAF,OAAA;EACfI,KAAAX,cAAcO,OAAOZ,gBAAgB;EAACc,EAAA,KAAAF;EAAAE,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAArD,MAAAP,SAAeS;CAAuC,IAAAC;CAAA,IAAAH,EAAA,OAAAF,OAAA;EAI9CK,KAAAf,gBAAgBU,OAAO,EAAAM,YAAc,KAAK,CAAC;EAACJ,EAAA,KAAAF;EAAAE,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAAC,EAAA,OAAAP,UAAAO,EAAA,OAAAG,IAAA;EADlDE,KAAA,oBAAC,cAAD;GAAa,GACPF;GACCJ;GACGN;EAAM,CAAA;EACdO,EAAA,KAAAD;EAAAC,EAAA,KAAAP;EAAAO,EAAA,KAAAG;EAAAH,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAJFK;AAIE,CAEL"}

package/dist/components/CollectionItem.d.ts

@@ -3,18 +3,17 @@ import { ItemAction } from "./actions/ItemAction/ItemAction.js";
 import "./actions/ItemAction/index.js";
 import { ItemBadge } from "./content/ItemBadge/ItemBadge.js";
 import "./content/ItemBadge/index.js";
-import { CubeItemProps } from "./content/Item/Item.js";
+import { CubeItemBaseProps as CubeItemProps } from "./content/Item/Item.js";
 import { ReactElement } from "react";
 import { ItemProps, ListState } from "react-stately";
 import { LinkDOMProps } from "@react-types/shared";
-
 //#region src/components/CollectionItem.d.ts
-interface CubeCollectionItemBaseProps<T> extends Omit<ItemProps<T>, keyof LinkDOMProps>, Omit<CubeItemProps, 'children' | keyof LinkDOMProps> {
+export interface CubeCollectionItemBaseProps<T> extends Omit<ItemProps<T>, keyof LinkDOMProps>, Omit<CubeItemProps, 'children' | keyof LinkDOMProps> {
   onAction?: () => void;
   wrapper?: (item: ReactElement) => ReactElement;
 }
 /** Value-selection options cannot navigate. Menu owns navigation items. */
-interface CubeCollectionItemProps<T> extends CubeCollectionItemBaseProps<T> {
+export interface CubeCollectionItemProps<T> extends CubeCollectionItemBaseProps<T> {
   href?: never;
   to?: never;
   navigationOptions?: never;
@@ -33,5 +32,5 @@ declare const _CollectionItem: typeof CollectionItem & {
   Badge: typeof ItemBadge;
 };
 //#endregion
-export { CubeCollectionItemBaseProps, CubeCollectionItemProps, _CollectionItem };
+export { _CollectionItem as CollectionItem };
 //# sourceMappingURL=CollectionItem.d.ts.map

package/dist/components/CollectionItem.js

@@ -1,16 +1,15 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { ItemAction } from "./actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "./content/ItemBadge/ItemBadge.js";
 import { Item } from "react-stately";
 import { ListCollection } from "react-stately/private/list/ListCollection";
-
 //#region src/components/CollectionItem.tsx
 const COLLECTION_ITEM_CLICK = Symbol("CollectionItem deferred click");
 /**
 * Service props that are used by react-stately or parent components
 * and should not be passed to the Item component.
 */
-const SERVICE_PROPS = new Set([
+const SERVICE_PROPS = /* @__PURE__ */ new Set([
 	"textValue",
 	"hasChildItems",
 	"childItems",
@@ -99,7 +98,7 @@ const _CollectionItem = Object.assign(CollectionItem, {
 		return Item.getCollectionNode(filterSelectionItemProps(props), context);
 	}
 });
-
 //#endregion
-export { COLLECTION_ITEM_CLICK, _CollectionItem, filterCollectionItemProps, filterSelectionItemProps, getValueSelectionState };
+export { COLLECTION_ITEM_CLICK, _CollectionItem as CollectionItem, filterCollectionItemProps, filterSelectionItemProps, getValueSelectionState };
+
 //# sourceMappingURL=CollectionItem.js.map

package/dist/components/CollectionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionItem.js","names":["ReactElement","Item","ItemProps","ListCollection","ItemAction","CubeItemProps","ItemBadge","LinkDOMProps","Node","ListState","COLLECTION_ITEM_CLICK","Symbol","CubeCollectionItemBaseProps","Omit","T","onAction","wrapper","item","CubeCollectionItemProps","href","to","navigationOptions","routerOptions","hrefLang","target","rel","download","ping","referrerPolicy","key","SERVICE_PROPS","Set","NAVIGATION_PROPS","filterSelectionItemProps","itemProps","Record","PropertyKey","filtered","undefined","onClick","hasNavigationItem","nodes","Iterable","node","props","type","childNodes","selectionNodes","Array","from","getValueSelectionState","state","S","collection","selectionManager","withCollection","filterCollectionItemProps","Object","prototype","hasOwnProperty","call","has","CollectionItem","_props","_CollectionItem","Action","Badge","assign","getCollectionNode","context"],"sources":["../../src/components/CollectionItem.tsx"],"sourcesContent":["import { ReactElement } from 'react';\nimport { Item, ItemProps } from 'react-stately';\nimport { ListCollection } from 'react-stately/private/list/ListCollection';\n\nimport { ItemAction } from './actions/ItemAction';\nimport { CubeItemProps } from './content/Item/Item';\nimport { ItemBadge } from './content/ItemBadge';\n\nimport type { LinkDOMProps, Node } from '@react-types/shared';\nimport type { ListState } from 'react-stately';\n\n// Menu defers link clicks; selection controls restore them when removing links.\nexport const COLLECTION_ITEM_CLICK = Symbol('CollectionItem deferred click');\n\nexport interface CubeCollectionItemBaseProps<T>\n  extends Omit<ItemProps<T>, keyof LinkDOMProps>,\n    Omit<CubeItemProps, 'children' | keyof LinkDOMProps> {\n  onAction?: () => void;\n  wrapper?: (item: ReactElement) => ReactElement;\n}\n\n/** Value-selection options cannot navigate. Menu owns navigation items. */\nexport interface CubeCollectionItemProps<T>\n  extends CubeCollectionItemBaseProps<T> {\n  href?: never;\n  to?: never;\n  navigationOptions?: never;\n  routerOptions?: never;\n  hrefLang?: never;\n  target?: never;\n  rel?: never;\n  download?: never;\n  ping?: never;\n  referrerPolicy?: never;\n  [key: string]: any;\n}\n\n/**\n * Service props that are used by react-stately or parent components\n * and should not be passed to the Item component.\n */\nconst SERVICE_PROPS = new Set([\n  // React Stately props\n  'textValue',\n  'hasChildItems',\n  'childItems',\n  'title',\n  // Custom service props\n  'onAction',\n  'wrapper',\n  'keywords', // CommandMenu-specific\n  'forceMount', // CommandMenu-specific\n]);\n\nconst NAVIGATION_PROPS = [\n  'href',\n  'to',\n  'navigationOptions',\n  'routerOptions',\n  'hrefLang',\n  'target',\n  'rel',\n  'download',\n  'ping',\n  'referrerPolicy',\n  'data-href',\n  'data-target',\n  'data-rel',\n  'data-download',\n  'data-ping',\n  'data-referrer-policy',\n];\n\n/** Keeps options as value selections even when a different item factory is used. */\nexport function filterSelectionItemProps(\n  itemProps: Record<PropertyKey, any> | undefined,\n): Record<PropertyKey, any> {\n  const filtered = { ...itemProps };\n\n  for (const key of NAVIGATION_PROPS) {\n    delete filtered[key];\n  }\n\n  if (filtered[COLLECTION_ITEM_CLICK] !== undefined) {\n    filtered.onClick = filtered[COLLECTION_ITEM_CLICK];\n  }\n  delete filtered[COLLECTION_ITEM_CLICK];\n\n  return filtered;\n}\n\nfunction hasNavigationItem<T>(nodes: Iterable<Node<T>>): boolean {\n  for (const node of nodes) {\n    if (\n      node.props?.href != null ||\n      node.props?.to != null ||\n      node.props?.['data-href'] != null ||\n      (node.type === 'section' && hasNavigationItem(node.childNodes))\n    ) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nfunction selectionNodes<T>(nodes: Iterable<Node<T>>): Node<T>[] {\n  return Array.from(nodes, (node) => ({\n    ...node,\n    props: filterSelectionItemProps(node.props),\n    childNodes: selectionNodes(node.childNodes),\n  }));\n}\n\n/** Bound selection semantics at the control, including foreign item factories. */\nexport function getValueSelectionState<S extends ListState<any>>(state: S): S {\n  if (!hasNavigationItem(state.collection)) {\n    return state;\n  }\n\n  // ListCollection owns its nodes, so give it copies instead of changing the input.\n  const collection = new ListCollection(selectionNodes(state.collection));\n\n  return {\n    ...state,\n    collection,\n    selectionManager: state.selectionManager.withCollection(collection),\n  };\n}\n\n/**\n * Filters out service props from collection item props, returning only\n * props that should be passed to the Item component.\n *\n * This eliminates the need to manually extract and pass Item props\n * in components like MenuItem, ListBox Option, and Select Option.\n *\n * @param itemProps - The props from a collection item (node.props)\n * @returns Filtered props safe to spread onto Item component\n *\n * @example\n * ```tsx\n * const itemProps = filterCollectionItemProps(item.props);\n * return <Item {...itemProps} />;\n * ```\n */\nexport function filterCollectionItemProps(\n  itemProps: Record<string, any> | undefined,\n): Record<string, any> {\n  if (!itemProps) {\n    return {};\n  }\n\n  const filtered: Record<string, any> = {};\n\n  for (const key in itemProps) {\n    if (\n      Object.prototype.hasOwnProperty.call(itemProps, key) &&\n      !SERVICE_PROPS.has(key)\n    ) {\n      filtered[key] = itemProps[key];\n    }\n  }\n\n  return filtered;\n}\n\nfunction CollectionItem<T>(\n  _props: CubeCollectionItemProps<T>,\n): ReactElement | null {\n  return null;\n}\n\nconst _CollectionItem: typeof CollectionItem & {\n  Action: typeof ItemAction;\n  Badge: typeof ItemBadge;\n} = Object.assign(CollectionItem, {\n  Action: ItemAction,\n  Badge: ItemBadge,\n  getCollectionNode<T>(props: CubeCollectionItemProps<T>, context: unknown) {\n    // Strip destinations before Aria builds selection state, including JS callers.\n    return (Item as any).getCollectionNode(\n      filterSelectionItemProps(props),\n      context,\n    );\n  },\n});\n\nexport { _CollectionItem as CollectionItem };\n"],"mappings":";;;;;;;AAYA,MAAaU,wBAAwBC,OAAO,gCAAgC;;;;;AA6B5E,MAAMmB,gBAAgB,IAAIC,IAAI;CAE5B;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CACD,CAAC;AAEF,MAAMC,mBAAmB;CACvB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;;AAGD,SAAgBC,yBACdC,WAC0B;CAC1B,MAAMG,WAAW,EAAE,GAAGH,WAAW;AAEjC,MAAK,MAAML,OAAOG,iBAChB,QAAOK,SAASR;AAGlB,KAAIQ,SAAS3B,2BAA2B4B,OACtCD,UAASE,UAAUF,SAAS3B;AAE9B,QAAO2B,SAAS3B;AAEhB,QAAO2B;;AAGT,SAASG,kBAAqBC,OAAmC;AAC/D,MAAK,MAAME,QAAQF,MACjB,KACEE,KAAKC,OAAOzB,QAAQ,QACpBwB,KAAKC,OAAOxB,MAAM,QAClBuB,KAAKC,QAAQ,gBAAgB,QAC5BD,KAAKE,SAAS,aAAaL,kBAAkBG,KAAKG,WAAY,CAE/D,QAAO;AAIX,QAAO;;AAGT,SAASC,eAAkBN,OAAqC;AAC9D,QAAOO,MAAMC,KAAKR,QAAQE,UAAU;EAClC,GAAGA;EACHC,OAAOX,yBAAyBU,KAAKC,MAAM;EAC3CE,YAAYC,eAAeJ,KAAKG,WAAU;EAC3C,EAAE;;;AAIL,SAAgBI,uBAAiDC,OAAa;AAC5E,KAAI,CAACX,kBAAkBW,MAAME,WAAW,CACtC,QAAOF;CAIT,MAAME,aAAa,IAAIlD,eAAe4C,eAAeI,MAAME,WAAW,CAAC;AAEvE,QAAO;EACL,GAAGF;EACHE;EACAC,kBAAkBH,MAAMG,iBAAiBC,eAAeF,WAAU;EACnE;;;;;;;;;;;;;;;;;;AAmBH,SAAgBG,0BACdtB,WACqB;AACrB,KAAI,CAACA,UACH,QAAO,EAAE;CAGX,MAAMG,WAAgC,EAAE;AAExC,MAAK,MAAMR,OAAOK,UAChB,KACEuB,OAAOC,UAAUC,eAAeC,KAAK1B,WAAWL,IAAI,IACpD,CAACC,cAAc+B,IAAIhC,IAAI,CAEvBQ,UAASR,OAAOK,UAAUL;AAI9B,QAAOQ;;AAGT,SAASyB,eACPC,QACqB;AACrB,QAAO;;AAGT,MAAMC,kBAGFP,OAAOU,OAAOL,gBAAgB;CAChCG,QAAQ7D;CACR8D,OAAO5D;CACP8D,kBAAqBxB,OAAmCyB,SAAkB;AAExE,SAAQpE,KAAamE,kBACnBnC,yBAAyBW,MAAM,EAC/ByB,QACD;;CAEJ,CAAC"}
+{"version":3,"file":"CollectionItem.js","names":["ReactElement","Item","ItemProps","ListCollection","ItemAction","CubeItemProps","ItemBadge","LinkDOMProps","Node","ListState","COLLECTION_ITEM_CLICK","Symbol","CubeCollectionItemBaseProps","Omit","T","onAction","wrapper","item","CubeCollectionItemProps","href","to","navigationOptions","routerOptions","hrefLang","target","rel","download","ping","referrerPolicy","key","SERVICE_PROPS","Set","NAVIGATION_PROPS","filterSelectionItemProps","itemProps","Record","PropertyKey","filtered","undefined","onClick","hasNavigationItem","nodes","Iterable","node","props","type","childNodes","selectionNodes","Array","from","getValueSelectionState","state","S","collection","selectionManager","withCollection","filterCollectionItemProps","Object","prototype","hasOwnProperty","call","has","CollectionItem","_props","_CollectionItem","Action","Badge","assign","getCollectionNode","context"],"sources":["../../src/components/CollectionItem.tsx"],"sourcesContent":["import { ReactElement } from 'react';\nimport { Item, ItemProps } from 'react-stately';\nimport { ListCollection } from 'react-stately/private/list/ListCollection';\n\nimport { ItemAction } from './actions/ItemAction';\nimport { CubeItemProps } from './content/Item/Item';\nimport { ItemBadge } from './content/ItemBadge';\n\nimport type { LinkDOMProps, Node } from '@react-types/shared';\nimport type { ListState } from 'react-stately';\n\n// Menu defers link clicks; selection controls restore them when removing links.\nexport const COLLECTION_ITEM_CLICK = Symbol('CollectionItem deferred click');\n\nexport interface CubeCollectionItemBaseProps<T>\n  extends\n    Omit<ItemProps<T>, keyof LinkDOMProps>,\n    Omit<CubeItemProps, 'children' | keyof LinkDOMProps> {\n  onAction?: () => void;\n  wrapper?: (item: ReactElement) => ReactElement;\n}\n\n/** Value-selection options cannot navigate. Menu owns navigation items. */\nexport interface CubeCollectionItemProps<\n  T,\n> extends CubeCollectionItemBaseProps<T> {\n  href?: never;\n  to?: never;\n  navigationOptions?: never;\n  routerOptions?: never;\n  hrefLang?: never;\n  target?: never;\n  rel?: never;\n  download?: never;\n  ping?: never;\n  referrerPolicy?: never;\n  [key: string]: any;\n}\n\n/**\n * Service props that are used by react-stately or parent components\n * and should not be passed to the Item component.\n */\nconst SERVICE_PROPS = new Set([\n  // React Stately props\n  'textValue',\n  'hasChildItems',\n  'childItems',\n  'title',\n  // Custom service props\n  'onAction',\n  'wrapper',\n  'keywords', // CommandMenu-specific\n  'forceMount', // CommandMenu-specific\n]);\n\nconst NAVIGATION_PROPS = [\n  'href',\n  'to',\n  'navigationOptions',\n  'routerOptions',\n  'hrefLang',\n  'target',\n  'rel',\n  'download',\n  'ping',\n  'referrerPolicy',\n  'data-href',\n  'data-target',\n  'data-rel',\n  'data-download',\n  'data-ping',\n  'data-referrer-policy',\n];\n\n/** Keeps options as value selections even when a different item factory is used. */\nexport function filterSelectionItemProps(\n  itemProps: Record<PropertyKey, any> | undefined,\n): Record<PropertyKey, any> {\n  const filtered = { ...itemProps };\n\n  for (const key of NAVIGATION_PROPS) {\n    delete filtered[key];\n  }\n\n  if (filtered[COLLECTION_ITEM_CLICK] !== undefined) {\n    filtered.onClick = filtered[COLLECTION_ITEM_CLICK];\n  }\n  delete filtered[COLLECTION_ITEM_CLICK];\n\n  return filtered;\n}\n\nfunction hasNavigationItem<T>(nodes: Iterable<Node<T>>): boolean {\n  for (const node of nodes) {\n    if (\n      node.props?.href != null ||\n      node.props?.to != null ||\n      node.props?.['data-href'] != null ||\n      (node.type === 'section' && hasNavigationItem(node.childNodes))\n    ) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nfunction selectionNodes<T>(nodes: Iterable<Node<T>>): Node<T>[] {\n  return Array.from(nodes, (node) => ({\n    ...node,\n    props: filterSelectionItemProps(node.props),\n    childNodes: selectionNodes(node.childNodes),\n  }));\n}\n\n/** Bound selection semantics at the control, including foreign item factories. */\nexport function getValueSelectionState<S extends ListState<any>>(state: S): S {\n  if (!hasNavigationItem(state.collection)) {\n    return state;\n  }\n\n  // ListCollection owns its nodes, so give it copies instead of changing the input.\n  const collection = new ListCollection(selectionNodes(state.collection));\n\n  return {\n    ...state,\n    collection,\n    selectionManager: state.selectionManager.withCollection(collection),\n  };\n}\n\n/**\n * Filters out service props from collection item props, returning only\n * props that should be passed to the Item component.\n *\n * This eliminates the need to manually extract and pass Item props\n * in components like MenuItem, ListBox Option, and Select Option.\n *\n * @param itemProps - The props from a collection item (node.props)\n * @returns Filtered props safe to spread onto Item component\n *\n * @example\n * ```tsx\n * const itemProps = filterCollectionItemProps(item.props);\n * return <Item {...itemProps} />;\n * ```\n */\nexport function filterCollectionItemProps(\n  itemProps: Record<string, any> | undefined,\n): Record<string, any> {\n  if (!itemProps) {\n    return {};\n  }\n\n  const filtered: Record<string, any> = {};\n\n  for (const key in itemProps) {\n    if (\n      Object.prototype.hasOwnProperty.call(itemProps, key) &&\n      !SERVICE_PROPS.has(key)\n    ) {\n      filtered[key] = itemProps[key];\n    }\n  }\n\n  return filtered;\n}\n\nfunction CollectionItem<T>(\n  _props: CubeCollectionItemProps<T>,\n): ReactElement | null {\n  return null;\n}\n\nconst _CollectionItem: typeof CollectionItem & {\n  Action: typeof ItemAction;\n  Badge: typeof ItemBadge;\n} = Object.assign(CollectionItem, {\n  Action: ItemAction,\n  Badge: ItemBadge,\n  getCollectionNode<T>(props: CubeCollectionItemProps<T>, context: unknown) {\n    // Strip destinations before Aria builds selection state, including JS callers.\n    return (Item as any).getCollectionNode(\n      filterSelectionItemProps(props),\n      context,\n    );\n  },\n});\n\nexport { _CollectionItem as CollectionItem };\n"],"mappings":";;;;;;AAYA,MAAaU,wBAAwBC,OAAO,+BAA+B;;;;;AA+B3E,MAAMmB,gCAAgB,IAAIC,IAAI;CAE5B;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;AAAc,CACf;AAED,MAAMC,mBAAmB;CACvB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AAAsB;;AAIxB,SAAgBC,yBACdC,WAC0B;CAC1B,MAAMG,WAAW,EAAE,GAAGH,UAAU;CAEhC,KAAK,MAAML,OAAOG,kBAChB,OAAOK,SAASR;CAGlB,IAAIQ,SAAS3B,2BAA2B4B,KAAAA,GACtCD,SAASE,UAAUF,SAAS3B;CAE9B,OAAO2B,SAAS3B;CAEhB,OAAO2B;AACT;AAEA,SAASG,kBAAqBC,OAAmC;CAC/D,KAAK,MAAME,QAAQF,OACjB,IACEE,KAAKC,OAAOzB,QAAQ,QACpBwB,KAAKC,OAAOxB,MAAM,QAClBuB,KAAKC,QAAQ,gBAAgB,QAC5BD,KAAKE,SAAS,aAAaL,kBAAkBG,KAAKG,UAAU,GAE7D,OAAO;CAIX,OAAO;AACT;AAEA,SAASC,eAAkBN,OAAqC;CAC9D,OAAOO,MAAMC,KAAKR,QAAQE,UAAU;EAClC,GAAGA;EACHC,OAAOX,yBAAyBU,KAAKC,KAAK;EAC1CE,YAAYC,eAAeJ,KAAKG,UAAU;CAC5C,EAAE;AACJ;;AAGA,SAAgBI,uBAAiDC,OAAa;CAC5E,IAAI,CAACX,kBAAkBW,MAAME,UAAU,GACrC,OAAOF;CAIT,MAAME,aAAa,IAAIlD,eAAe4C,eAAeI,MAAME,UAAU,CAAC;CAEtE,OAAO;EACL,GAAGF;EACHE;EACAC,kBAAkBH,MAAMG,iBAAiBC,eAAeF,UAAU;CACpE;AACF;;;;;;;;;;;;;;;;;AAkBA,SAAgBG,0BACdtB,WACqB;CACrB,IAAI,CAACA,WACH,OAAO,CAAC;CAGV,MAAMG,WAAgC,CAAC;CAEvC,KAAK,MAAMR,OAAOK,WAChB,IACEuB,OAAOC,UAAUC,eAAeC,KAAK1B,WAAWL,GAAG,KACnD,CAACC,cAAc+B,IAAIhC,GAAG,GAEtBQ,SAASR,OAAOK,UAAUL;CAI9B,OAAOQ;AACT;AAEA,SAASyB,eACPC,QACqB;CACrB,OAAO;AACT;AAEA,MAAMC,kBAGFP,OAAOU,OAAOL,gBAAgB;CAChCG,QAAQ7D;CACR8D,OAAO5D;CACP8D,kBAAqBxB,OAAmCyB,SAAkB;EAExE,OAAQpE,KAAamE,kBACnBnC,yBAAyBW,KAAK,GAC9ByB,OACF;CACF;AACF,CAAC"}

package/dist/components/GlobalStyles.js

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { mergeStyleLayers } from "../utils/styles.js";
 import { usePaletteValue } from "../tokens/palette-config.js";
 import { getTokens } from "../tokens/all-tokens.js";
 import { c } from "react/compiler-runtime";
 import { useGlobalStyles, useRawCSS } from "@tenphi/tasty";
-
 //#region src/components/GlobalStyles.tsx
 /**
 * Body styles applied via useGlobalStyles.
@@ -116,13 +115,13 @@ const STATIC_CSS = `
   pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
   code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
     text-shadow: none;
-    background: oklch(from var(--primary-color) l c h / .2);
+    background: color-mix(in oklab, var(--primary-color) 20%, transparent);
   }
 
   pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
   code[class*="language-"]::selection, code[class*="language-"] ::selection {
     text-shadow: none;
-    background: oklch(from var(--primary-color) l c h / .2);
+    background: color-mix(in oklab, var(--primary-color) 20%, transparent);
   }
 
   @media print {
@@ -306,7 +305,7 @@ ${STATIC_CSS}`;
 	useRawCSS(t2, t3);
 	return null;
 }
-
 //#endregion
 export { GlobalStyles };
+
 //# sourceMappingURL=GlobalStyles.js.map