npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-8e09ade → 0.0.0-canary-261df01 - Mend

@cube-dev/ui-kit 0.0.0-canary-8e09ade → 0.0.0-canary-261df01

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 (430) hide show

package/dist/tokens/layout.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/tokens/layout.ts
 /**
 * Layout-related tokens for common UI dimensions.

package/dist/tokens/palette.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 import { glaze } from "@tenphi/glaze";
 //#region src/tokens/palette.ts

package/dist/tokens/shadows.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/tokens/shadows.ts
 /**
 * Shadow tokens using tasty shorthand syntax.

package/dist/tokens/sizes.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/tokens/sizes.ts
 /**
 * Component size values in pixels.

package/dist/tokens/spacing.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/tokens/spacing.ts
 /**
 * Spacing tokens using tasty multiplier syntax.

package/dist/tokens/typography.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/tokens/typography.ts
 /**
 * Typography presets for headings, text, and special styles.

package/dist/utils/ResizeSensor.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/utils/ResizeSensor.ts
 /**
 * Iterate over each of the provided element(s).

package/dist/utils/is-dev-env.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/utils/is-dev-env.ts
 function isDevEnv() {
 	if (typeof window !== "undefined" && window.localStorage) try {

package/dist/utils/modules.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/utils/modules.ts
 function extractModule(promise) {
 	return promise.then((module) => module.default || module);

package/dist/utils/promise.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/utils/promise.ts
 function timeout(ms = 30) {
 	return new Promise((resolve) => {

package/dist/utils/raf.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/utils/raf.ts
 /**
 * Chains N requestAnimationFrame calls and returns a cancel function.

package/dist/utils/random.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/utils/random.ts
 function random(min, max) {
 	const realMin = min < max ? min : max;

package/dist/utils/range.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/utils/range.ts
 function range(count) {
 	return Array.from({ length: count }, (_, i) => i);

package/dist/utils/react/RenderCache.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 import { useRef } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";

package/dist/utils/react/Slots.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 import { mergeProps } from "./mergeProps.js";
 import { Children, cloneElement, createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/utils/react/chain.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/utils/react/chain.ts
 /**
 * Calls all functions in the order they were chained with the same arguments.

package/dist/utils/react/forwardRefWithGenerics.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/utils/react/forwardRefWithGenerics.tsx
 /**
 * A helper for creating forwardRef components with generic types.

package/dist/utils/react/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 import { chain } from "./chain.js";
 import { forwardRefWithGenerics } from "./forwardRefWithGenerics.js";
 import { isTextOnly } from "./isTextOnly.js";

package/dist/utils/react/interactions.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 import { useState } from "react";
 import { useFocus, useFocusVisible } from "react-aria";

package/dist/utils/react/isTextOnly.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 import { Children, isValidElement } from "react";
 //#region src/utils/react/isTextOnly.ts

package/dist/utils/react/mapProps.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/utils/react/mapProps.ts
 /** Converts AriaButtonProps to CubeButtonProps */
 function ariaToCubeButtonProps(props) {

package/dist/utils/react/mergeProps.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 import { chain } from "./chain.js";
 import { mergeIds } from "./useId.js";
 import { mergeStyles } from "@tenphi/tasty";

package/dist/utils/react/nullableValue.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/utils/react/nullableValue.ts
 function castNullableStringValue(props) {
 	return castNullableField(props, ["value", "defaultValue"], "string", (v) => String(v));

package/dist/utils/react/resolveIcon.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/utils/react/resolveIcon.ts
 /**
 * Resolves a dynamic icon prop to its content and slot state.

package/dist/utils/react/sharedStore.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useSyncExternalStore } from "react";

package/dist/utils/react/useCombinedRefs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 import { useEffect, useRef } from "react";
 //#region src/utils/react/useCombinedRefs.ts

package/dist/utils/react/useControlledFocusVisible.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 import { createSharedStore } from "./sharedStore.js";
 import { useEffect } from "react";
 import { useFocusVisible } from "react-aria";

package/dist/utils/react/useEventBus.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef } from "react";
 //#region src/utils/react/useEventBus.ts

package/dist/utils/react/useId.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { useEffect, useRef, useState } from "react";
 import { useSSRSafeId } from "@react-aria/ssr";

package/dist/utils/react/useIsDarwin.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 import { useEffect, useState } from "react";
 //#region src/utils/react/useIsDarwin.ts

package/dist/utils/react/useKeySymbols.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 import { useIsDarwin } from "./useIsDarwin.js";
 import { useMemo } from "react";

package/dist/utils/react/useLayoutEffect.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 import * as React$1 from "react";
 //#region src/utils/react/useLayoutEffect.tsx

package/dist/utils/react/useLocalStorage.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useCallback, useSyncExternalStore } from "react";

package/dist/utils/react/useMergeStyles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 import { mergeStyles } from "@tenphi/tasty";
 import { useMemo } from "react";

package/dist/utils/react/usePopoverSync.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 import { EventBusContext, useEventBus } from "./useEventBus.js";
 import { useCallback, useContext, useEffect, useRef } from "react";

package/dist/utils/react/useQaProps.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/utils/react/useQaProps.ts
 /**
 * Processes QA props.

package/dist/utils/react/useViewportSize.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 import { useEffect, useState } from "react";
 //#region src/utils/react/useViewportSize.ts

package/dist/utils/react/wrapNodeIfPlain.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 import { isValidElement } from "react";
 import { isFragment } from "react-is";

package/dist/utils/selection.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/utils/selection.ts
 /**
 * Deduplicate/toggle keys in a selection: if a key appears twice it is

package/dist/utils/styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/utils/styles.ts
 /**
 * Split properties into style and non-style properties.

package/dist/utils/tree.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/utils/tree.ts
 function toFlatTree(tree, includingFolders) {
 	return tree.reduce((result, node) => {

package/dist/utils/warnings.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/utils/warnings.ts
 const SUGGESTED_PROP_MAP = {
 	disabled: "isDisabled",

package/dist/version.js CHANGED Viewed

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8e09ade | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-261df01 | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.0.0-canary-8e09ade";
+const VERSION = "0.0.0-canary-261df01";
 const TASTY_VERSION = "2.8.0";
 if (typeof window !== "undefined") {
 	const version = VERSION;

package/docs/components/fields/CommandTextArea.md CHANGED Viewed

@@ -40,6 +40,21 @@ the active token and the inserted value, so `/cle` becomes `/clear ` with no
 duplication. This decouples insertion from the trigger, so non-command
 autocomplete (e.g. a `@mention` resolving to `@john`) works the same way.
+> **What the filter matches.** The trigger char is stripped from the active
+> token before matching (so `/co` searches for `co`), and the query is matched
+> against each option's `textValue`, its plain-text `children`, and its
+> plain-text `description`. This means an option can match by its description
+> even though the description doesn't contain the trigger char (e.g. typing
+> `/co` keeps `/clear` because its description "Clear conversation" contains
+> "co"). A recommended layout is to put the command in `children` (e.g.
+> `/clear`) and the human-readable text in the `description` prop (e.g.
+> `Clear conversation`), keeping `textValue` equal to the command so it inserts
+> correctly.
+The matched substring (the query with the trigger char stripped) is highlighted
+within each option's plain-text `children` **and** `description`, so wherever the
+query matched is visible.
 ### Base Properties
 Supports [Base properties](../../BaseProperties.md).
@@ -78,8 +93,8 @@ These properties allow direct style application without using the `styles` prop:
   placeholder="Type / to see commands…"
   onCommand={(key) => console.log('picked', key)}
 >
-  <CommandTextArea.Item key="/clear" textValue="/clear">Clear conversation</CommandTextArea.Item>
-  <CommandTextArea.Item key="/help" textValue="/help">Show help</CommandTextArea.Item>
+  <CommandTextArea.Item key="/clear" textValue="/clear" description="Clear conversation">/clear</CommandTextArea.Item>
+  <CommandTextArea.Item key="/help" textValue="/help" description="Show help">/help</CommandTextArea.Item>
 </CommandTextArea>
 ```
@@ -90,8 +105,8 @@ These properties allow direct style application without using the `styles` prop:
   label="Message"
   triggers={[{ char: '@', atLineStart: false }]}
 >
-  <CommandTextArea.Item key="@john" textValue="@john">John Doe</CommandTextArea.Item>
-  <CommandTextArea.Item key="@jane" textValue="@jane">Jane Roe</CommandTextArea.Item>
+  <CommandTextArea.Item key="@john" textValue="@john" description="John Doe">@john</CommandTextArea.Item>
+  <CommandTextArea.Item key="@jane" textValue="@jane" description="Jane Roe">@jane</CommandTextArea.Item>
 </CommandTextArea>
 ```
@@ -99,7 +114,7 @@ These properties allow direct style application without using the `styles` prop:
 ```jsx
 <CommandTextArea items={commands}>
-  {(item) => <CommandTextArea.Item key={item.key} textValue={item.key}>{item.label}</CommandTextArea.Item>}
+  {(item) => <CommandTextArea.Item key={item.key} textValue={item.key} description={item.label}>{item.key}</CommandTextArea.Item>}
 </CommandTextArea>
 ```

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-8e09ade",
+  "version": "0.0.0-canary-261df01",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {