npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-ea6c4d5 → 0.0.0-canary-8aab400 - Mend

@cube-dev/ui-kit 0.0.0-canary-ea6c4d5 → 0.0.0-canary-8aab400

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

package/dist/tokens/sizes.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | 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-ea6c4d5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8aab400 | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.0.0-canary-ea6c4d5";
+const VERSION = "0.0.0-canary-8aab400";
 const TASTY_VERSION = "3.0.1";
 if (typeof window !== "undefined") {
 	const version = VERSION;

package/docs/components/actions/ButtonGroup.md CHANGED Viewed

@@ -9,7 +9,7 @@ A container for grouping buttons with consistent spacing. Extends `Space` and in
 ## Properties
-Inherits all [Space](../layout/Space.md) properties.
+Inherits all Space properties.
 ### Style Defaults

package/docs/components/organisms/FileTabs.md ADDED Viewed

@@ -0,0 +1,51 @@
+# FileTabs
+A tab bar for file-like items with close buttons and dirty state indicators. Designed for editor-style interfaces.
+## When to Use
+- Code editors or file editors
+- Multi-document interfaces
+- Tabbed interfaces with close/dirty indicators
+## Properties
+- **`activeKey`** `string` — Controlled active tab key
+- **`defaultActiveKey`** `string` — Default active tab key (uncontrolled)
+- **`onTabClick`** `(key: string) => void` — Callback when a tab is clicked
+- **`onTabClose`** `(key: string) => void` — Callback when a tab's close button is clicked
+- **`isClosable`** `boolean` (default: `true`) — Whether tabs can be closed
+- **`paneStyles`** `Styles` — Custom styles for the tab pane area
+### Style Defaults
+- Tab `radius` — `1r 1r 0 0`
+- Tab `padding` — `1x 1.5x`
+- Tab `fill` — `#dark.04` (active tabs use `#surface`)
+- Tab gap — `.5x`
+### Base Properties
+Supports [Base properties](../../BaseProperties.md).
+### Style Properties
+These properties allow direct style application without using the `styles` prop:
+- **Base:** `display`, `font`, `preset`, `hide`, `whiteSpace`, `opacity`, `transition`
+- **Position:** `gridArea`, `order`, `gridColumn`, `gridRow`, `placeSelf`, `alignSelf`, `justifySelf`, `zIndex`, `margin`, `inset`, `position`, `scrollMargin`
+- **Dimension:** `width`, `height`, `flexBasis`, `flexGrow`, `flexShrink`, `flex`
+- **Block:** `border`, `radius`, `shadow`, `outline`, `padding`, `paddingInline`, `paddingBlock`, `overflow`, `scrollbar`, `textAlign`
+- **Color:** `color`, `fill`, `fade`, `image`
+- **Text:** `textTransform`, `fontWeight`, `fontStyle`
+- **Flow:** `flow`, `place`, `placeItems`, `placeContent`, `alignItems`, `alignContent`, `justifyItems`, `justifyContent`, `align`, `justify`, `gap`, `columnGap`, `rowGap`, `gridColumns`, `gridRows`, `gridTemplate`, `gridAreas`
+## Examples
+```jsx
+<FileTabs defaultActiveKey="1" onTabClose={(key) => removeTab(key)}>
+  <FileTabs.Tab key="1" title="index.ts" />
+  <FileTabs.Tab key="2" title="styles.css" isDirty />
+  <FileTabs.Tab key="3" title="readme.md" />
+</FileTabs>
+```

package/package.json CHANGED Viewed

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