@cube-dev/ui-kit 0.121.6 → 0.122.0

package/dist/utils/styles.d.ts

@@ -0,0 +1,19 @@
+
+import { Styles } from "@tenphi/tasty";
+
+//#region src/utils/styles.d.ts
+/**
+ * Split properties into style and non-style properties.
+ * Collects style-related props from `props` (based on `styleList`)
+ * and merges them with `defaultStyles` and `props.styles`.
+ *
+ * @param props - Component prop map.
+ * @param styleList - List of style property names to extract.
+ * @param defaultStyles - Default style map of the component.
+ * @param propMap - Props-to-style alias map (e.g. `{ bg: 'fill' }`).
+ * @param ignoreList - Properties to skip during extraction.
+ */
+declare function extractStyles(props: Record<string, unknown>, styleList?: readonly string[], defaultStyles?: Styles, propMap?: Record<string, string>, ignoreList?: readonly string[]): Styles;
+//#endregion
+export { extractStyles };
+//# sourceMappingURL=styles.d.ts.map

package/dist/utils/styles.js

@@ -0,0 +1,31 @@
+/** @license MIT | @cube-dev/ui-kit v0.122.0 | Cube Dev Team */
+//#region src/utils/styles.ts
+/**
+* Split properties into style and non-style properties.
+* Collects style-related props from `props` (based on `styleList`)
+* and merges them with `defaultStyles` and `props.styles`.
+*
+* @param props - Component prop map.
+* @param styleList - List of style property names to extract.
+* @param defaultStyles - Default style map of the component.
+* @param propMap - Props-to-style alias map (e.g. `{ bg: 'fill' }`).
+* @param ignoreList - Properties to skip during extraction.
+*/
+function extractStyles(props, styleList = [], defaultStyles, propMap, ignoreList = []) {
+	const ignoreSet = new Set(ignoreList);
+	const styleSet = new Set(styleList);
+	const styles = {
+		...defaultStyles,
+		...!ignoreSet.has("styles") && props.styles && typeof props.styles === "object" ? props.styles : void 0
+	};
+	for (const prop of Object.keys(props)) {
+		if (ignoreSet.has(prop)) continue;
+		const styleName = propMap?.[prop] ?? prop;
+		if (styleSet.has(styleName)) styles[styleName] = props[prop];
+	}
+	return styles;
+}
+
+//#endregion
+export { extractStyles };
+//# sourceMappingURL=styles.js.map

package/dist/utils/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":[],"sources":["../../src/utils/styles.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n/**\n * Split properties into style and non-style properties.\n * Collects style-related props from `props` (based on `styleList`)\n * and merges them with `defaultStyles` and `props.styles`.\n *\n * @param props - Component prop map.\n * @param styleList - List of style property names to extract.\n * @param defaultStyles - Default style map of the component.\n * @param propMap - Props-to-style alias map (e.g. `{ bg: 'fill' }`).\n * @param ignoreList - Properties to skip during extraction.\n */\nexport function extractStyles(\n  props: Record<string, unknown>,\n  styleList: readonly string[] = [],\n  defaultStyles?: Styles,\n  propMap?: Record<string, string>,\n  ignoreList: readonly string[] = [],\n): Styles {\n  const ignoreSet = new Set(ignoreList);\n  const styleSet = new Set(styleList);\n\n  const styles: Styles = {\n    ...defaultStyles,\n    ...(!ignoreSet.has('styles') &&\n    props.styles &&\n    typeof props.styles === 'object'\n      ? (props.styles as Styles)\n      : undefined),\n  };\n\n  for (const prop of Object.keys(props)) {\n    if (ignoreSet.has(prop)) continue;\n\n    const styleName = propMap?.[prop] ?? prop;\n\n    if (styleSet.has(styleName)) {\n      styles[styleName] = props[prop] as Styles[keyof Styles];\n    }\n  }\n\n  return styles;\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,SAAgB,cACd,OACA,YAA+B,EAAE,EACjC,eACA,SACA,aAAgC,EAAE,EAC1B;CACR,MAAM,YAAY,IAAI,IAAI,WAAW;CACrC,MAAM,WAAW,IAAI,IAAI,UAAU;CAEnC,MAAM,SAAiB;EACrB,GAAG;EACH,GAAI,CAAC,UAAU,IAAI,SAAS,IAC5B,MAAM,UACN,OAAO,MAAM,WAAW,WACnB,MAAM,SACP;EACL;AAED,MAAK,MAAM,QAAQ,OAAO,KAAK,MAAM,EAAE;AACrC,MAAI,UAAU,IAAI,KAAK,CAAE;EAEzB,MAAM,YAAY,UAAU,SAAS;AAErC,MAAI,SAAS,IAAI,UAAU,CACzB,QAAO,aAAa,MAAM;;AAI9B,QAAO"}

package/dist/utils/tree.js

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

package/dist/utils/warnings.js

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

package/dist/version.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.122.0 | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.121.6";
+const VERSION = "0.122.0";
 if (typeof window !== "undefined") {
 	const version = VERSION;
 	window.CubeUIKit = window.CubeUIKit || { version };

package/docs/components/navigation/Tabs.md

@@ -33,7 +33,7 @@ An accessible tabbed interface for organizing content into multiple panels, show
 - **`menu`** `ReactNode` — Menu items for all tabs (use `Menu.Item` children)
 - **`menuTriggerProps`** `Partial<CubeItemActionProps>` — Props for the menu trigger button
 - **`menuProps`** `Partial<CubeMenuProps>` — Props for the Menu component
-- **`contextMenu`** `boolean` (default: `false`) — Enable right-click context menu on tabs
+- **`contextMenu`** `boolean | 'context-only'` (default: `false`) — `false`: overflow trigger only; `true`: overflow + right-click; `'context-only'`: right-click only (inline close still shown when `onDelete` is set)
 - **`onAction`** `(action: string, tabKey: string) => void` — Callback when a menu action is triggered
 - **`renderPanel`** `(key: string) => ReactNode` — Render function for lazy panel content
 - **`panelCacheKeys`** `Record<string, any>` — Cache keys for `renderPanel` content
@@ -190,7 +190,7 @@ Individual tabs accept these props in addition to style props:
 - **`menu`** `ReactNode \| null` — Menu items for this tab (overrides Tabs-level, `null` disables)
 - **`menuTriggerProps`** `Partial<CubeItemActionProps>` — Props for menu trigger button
 - **`menuProps`** `Partial<CubeMenuProps>` — Props for Menu component
-- **`contextMenu`** `boolean` — Enable right-click context menu
+- **`contextMenu`** `boolean | 'context-only'` — Same as Tabs `contextMenu`
 - **`onAction`** `(action: Key) => void` — Callback when menu action is triggered
 - **`prerender`** `boolean` — Override panel prerender behavior
 - **`keepMounted`** `boolean` — Override panel keepMounted behavior
@@ -336,7 +336,7 @@ Combine editable tabs with a menu for rename, duplicate, and delete actions.
 
 ### Context Menu
 
-Enable right-click context menus with the `contextMenu` prop. Uses the same menu items.
+Enable right-click context menus with the `contextMenu` prop. Uses the same menu items as `menu`. With `contextMenu={true}`, the ⋮ overflow trigger stays visible. With `contextMenu="context-only"`, only right-click (and Shift+F10) opens the menu; the actions row behaves like tabs without an overflow menu (e.g. inline close when `onDelete` is set).
 
 ```jsx
 <Tabs
@@ -352,6 +352,21 @@ Enable right-click context menus with the `contextMenu` prop. Uses the same menu
 </Tabs>
 ```
 
+```jsx
+<Tabs
+  isEditable
+  contextMenu="context-only"
+  onDelete={handleClose}
+  menu={
+    <>
+      <Menu.Item key="rename">Rename</Menu.Item>
+    </>
+  }
+>
+  <Tab key="tab1" title="Tab 1">Content</Tab>
+</Tabs>
+```
+
 ### Per-Tab Menu Override
 
 Override or disable menus on individual tabs.

package/docs/tasty/tasty-static.md

@@ -237,14 +237,14 @@ The `configFile` option is key for Turbopack — it passes a file path (JSON-ser
 pnpm add babel-loader
 ```
 
-### Including the CSS
+### CSS Injection
 
-```tsx
-// app/layout.tsx (App Router)
-import '@/public/tasty.css';
+`withTastyZero` automatically injects the generated CSS into your app. Every file that imports from `@tenphi/tasty/static` gets its import replaced with an import of the output CSS file at build time. No manual CSS import is needed.
+
+The generated CSS file (e.g. `public/tasty.css`) is created as an empty stub before the first build if it doesn't exist, so there's no chicken-and-egg problem with fresh clones or CI builds. Add it to `.gitignore`:
 
-// or pages/_app.tsx (Pages Router)
-import '../public/tasty.css';
+```gitignore
+public/tasty.css
 ```
 
 ---
@@ -410,7 +410,6 @@ const card = tastyStatic({
 2. **Use selector mode** for global/body styles
 3. **Enable devMode** in development for easier debugging
 4. **Configure states** for consistent responsive breakpoints
-5. **Import generated CSS** early in your app entry point
 
 ---
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.121.6",
+  "version": "0.122.0",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {
@@ -45,7 +45,7 @@
     "@react-types/shared": "^3.32.1",
     "@tabler/icons-react": "^3.31.0",
     "@tanstack/react-virtual": "^3.13.12",
-    "@tenphi/tasty": "0.13.0",
+    "@tenphi/tasty": "0.13.1",
     "clipboard-copy": "^4.0.1",
     "clsx": "^1.1.1",
     "diff": "^8.0.3",