@cube-dev/ui-kit 0.190.2 → 0.190.4

package/dist/components/content/HotKeys/HotKeys.js

@@ -1,11 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.4 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { _Text } from "../Text.js";
 import { useKeySymbols } from "../../../utils/react/useKeySymbols.js";
 import { Space } from "../../layout/Space.js";
 import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
-import { Fragment, forwardRef } from "react";
+import { Children, Fragment, forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/content/HotKeys/HotKeys.tsx
@@ -52,21 +52,27 @@ const KeyElement = tasty({
 	}
 });
 function HotKeys(props, ref) {
-	const $ = c(11);
-	const { children: keys, type, ...otherProps } = props;
-	const parsedKeys = useKeySymbols(keys);
+	const $ = c(13);
+	const { children, type, ...otherProps } = props;
+	let t0;
+	if ($[0] !== children) {
+		t0 = Children.toArray(children).join("");
+		$[0] = children;
+		$[1] = t0;
+	} else t0 = $[1];
+	const parsedKeys = useKeySymbols(t0);
 	const styles = extractStyles(otherProps, CONTAINER_STYLES);
 	const T0 = StyledHotKeys;
-	const t0 = "HotKeys";
-	const t1 = filterBaseProps(otherProps, {
+	const t1 = "HotKeys";
+	const t2 = filterBaseProps(otherProps, {
 		eventProps: true,
 		labelable: true
 	});
-	let t2;
-	if ($[0] !== parsedKeys || $[1] !== type) {
-		let t3;
-		if ($[3] !== type) {
-			t3 = (keyGroup, groupIndex) => /* @__PURE__ */ jsxs(Fragment, { children: [groupIndex > 0 && /* @__PURE__ */ jsx(_Text, {
+	let t3;
+	if ($[2] !== parsedKeys || $[3] !== type) {
+		let t4;
+		if ($[5] !== type) {
+			t4 = (keyGroup, groupIndex) => /* @__PURE__ */ jsxs(Fragment, { children: [groupIndex > 0 && /* @__PURE__ */ jsx(_Text, {
 				color: "#dark-03",
 				role: "separator",
 				"aria-hidden": "true",
@@ -84,31 +90,31 @@ function HotKeys(props, ref) {
 					children: key
 				}, keyIndex))
 			})] }, groupIndex);
-			$[3] = type;
-			$[4] = t3;
-		} else t3 = $[4];
-		t2 = parsedKeys.map(t3);
-		$[0] = parsedKeys;
-		$[1] = type;
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[5] !== T0 || $[6] !== ref || $[7] !== styles || $[8] !== t1 || $[9] !== t2) {
-		t3 = /* @__PURE__ */ jsx(T0, {
-			qa: t0,
-			...t1,
+			$[5] = type;
+			$[6] = t4;
+		} else t4 = $[6];
+		t3 = parsedKeys.map(t4);
+		$[2] = parsedKeys;
+		$[3] = type;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[7] !== T0 || $[8] !== ref || $[9] !== styles || $[10] !== t2 || $[11] !== t3) {
+		t4 = /* @__PURE__ */ jsx(T0, {
+			qa: t1,
+			...t2,
 			ref,
 			styles,
-			children: t2
+			children: t3
 		});
-		$[5] = T0;
-		$[6] = ref;
-		$[7] = styles;
-		$[8] = t1;
-		$[9] = t2;
-		$[10] = t3;
-	} else t3 = $[10];
-	return t3;
+		$[7] = T0;
+		$[8] = ref;
+		$[9] = styles;
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t4;
+	} else t4 = $[12];
+	return t4;
 }
 const _HotKeys = forwardRef(HotKeys);
 _HotKeys.displayName = "HotKeys";

package/dist/components/content/HotKeys/HotKeys.js.map

@@ -1 +1 @@
-{"version":3,"file":"HotKeys.js","names":["BasePropsWithoutChildren","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","forwardRef","Fragment","useKeySymbols","extractStyles","Space","Text","StyledHotKeys","qa","role","styles","display","flow","gap","placeSelf","KeyElement","as","placeContent","placeItems","radius","preset","boxSizing","width","height","textAlign","whiteSpace","padding","color","fill","border","CubeHotKeysProps","children","type","HotKeys","props","ref","$","_c","keys","otherProps","parsedKeys","T0","t0","t1","eventProps","labelable","t2","t3","keyGroup","groupIndex","map","key","keyIndex","_HotKeys","displayName"],"sources":["../../../../src/components/content/HotKeys/HotKeys.tsx"],"sourcesContent":["import {\n  BasePropsWithoutChildren,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, Fragment } from 'react';\n\nimport { useKeySymbols } from '../../../utils/react/useKeySymbols';\nimport { extractStyles } from '../../../utils/styles';\nimport { Space } from '../../layout/Space';\nimport { Text } from '../Text';\n\nconst StyledHotKeys = tasty(Space, {\n  qa: 'HotKeys',\n  role: 'group',\n  'aria-label': 'Keyboard shortcuts',\n  styles: {\n    display: 'inline-flex',\n    flow: 'row',\n    gap: '1x',\n    placeSelf: 'center',\n  },\n});\n\nconst KeyElement = tasty({\n  as: 'kbd',\n  role: 'text',\n  styles: {\n    display: 'inline-flex',\n    placeContent: 'center',\n    placeItems: 'center start',\n    radius: '1r',\n    preset: 'tag',\n    boxSizing: 'border-box',\n    width: '2.5x max-content max-content',\n    height: 'min-content',\n    textAlign: 'left',\n    whiteSpace: 'nowrap',\n    padding: '0 (.5x - 1bw)',\n    color: {\n      '': '#dark.65',\n      'type=primary': '#white',\n      'type=inherit': '#current',\n    },\n    fill: {\n      '': '#dark.04',\n      'type=primary | type=inherit': '#clear',\n    },\n    border: {\n      '': true,\n      'type=primary': '#white',\n      'type=inherit': '#current',\n    },\n  },\n});\n\nexport interface CubeHotKeysProps\n  extends BasePropsWithoutChildren,\n    ContainerStyleProps {\n  children: string;\n  type?: 'default' | 'primary' | 'inherit';\n}\n\nfunction HotKeys(props: CubeHotKeysProps, ref) {\n  const { children: keys, type, ...otherProps } = props;\n  const parsedKeys = useKeySymbols(keys);\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  return (\n    <StyledHotKeys\n      qa=\"HotKeys\"\n      {...filterBaseProps(otherProps, { eventProps: true, labelable: true })}\n      ref={ref}\n      styles={styles}\n    >\n      {parsedKeys.map((keyGroup, groupIndex) => (\n        <Fragment key={groupIndex}>\n          {groupIndex > 0 && (\n            <Text color=\"#dark-03\" role=\"separator\" aria-hidden=\"true\">\n              or\n            </Text>\n          )}\n          <Space\n            flow=\"row\"\n            gap=\"0.25x\"\n            role=\"group\"\n            aria-label={`Key combination ${groupIndex + 1}`}\n          >\n            {keyGroup.map((key, keyIndex) => (\n              <KeyElement\n                key={keyIndex}\n                data-type={type}\n                as=\"kbd\"\n                role=\"text\"\n                aria-label={`Key ${key}`}\n              >\n                {key}\n              </KeyElement>\n            ))}\n          </Space>\n        </Fragment>\n      ))}\n    </StyledHotKeys>\n  );\n}\n\nconst _HotKeys = forwardRef(HotKeys);\n\n_HotKeys.displayName = 'HotKeys';\n\nexport { _HotKeys as HotKeys };\n"],"mappings":";;;;;;;;;;;AAcA,MAAMW,gBAAgBP,MAAMK,OAAO;CACjCG,IAAI;CACJC,MAAM;CACN,cAAc;CACdC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,WAAW;EACb;CACD,CAAC;AAEF,MAAMC,aAAaf,MAAM;CACvBgB,IAAI;CACJP,MAAM;CACNC,QAAQ;EACNC,SAAS;EACTM,cAAc;EACdC,YAAY;EACZC,QAAQ;EACRC,QAAQ;EACRC,WAAW;EACXC,OAAO;EACPC,QAAQ;EACRC,WAAW;EACXC,YAAY;EACZC,SAAS;EACTC,OAAO;GACL,IAAI;GACJ,gBAAgB;GAChB,gBAAgB;GACjB;EACDC,MAAM;GACJ,IAAI;GACJ,+BAA+B;GAChC;EACDC,QAAQ;GACN,IAAI;GACJ,gBAAgB;GAChB,gBAAgB;GAClB;EACF;CACD,CAAC;AASF,SAAAI,QAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACE,MAAA,EAAAN,UAAAO,MAAAN,MAAA,GAAAO,eAAgDL;CAChD,MAAAM,aAAmBrC,cAAcmC,KAAK;CACtC,MAAA5B,SAAeN,cAAcmC,YAAY1C,iBAAiB;CAGvD,MAAA4C,KAAAlC;CACI,MAAAmC,KAAA;CACC,MAAAC,KAAA5C,gBAAgBwC,YAAY;EAAAK,YAAc;EAAIC,WAAa;EAAM,CAAC;CAAA,IAAAC;AAAA,KAAAV,EAAA,OAAAI,cAAAJ,EAAA,OAAAJ,MAAA;EAAA,IAAAe;AAAA,MAAAX,EAAA,OAAAJ,MAAA;AAItDe,SAAAC,UAAAC,eACd,qBAAC,uBACEA,aAAa,KACZ,oBAAC;IAAW,OAAA;IAAgB,MAAA;IAAwB,eAAA;cAAO;KAG7D,EACA,oBAAC;IACM,MAAA;IACD,KAAA;IACC,MAAA;IACO,cAAA,mBAAmBA,aAAa;cAE3CD,SAAQE,KAAKC,KAAAC,aACZ,oBAAC;KAEYpB,aAAAA;KACR,IAAA;KACE,MAAA;KACO,cAAA,OAAOmB;eAElBA;OANIC,SAQR,CAAA;KAEL,KAxBeH,WAyBhB;AAAAb,KAAA,KAAAJ;AAAAI,KAAA,KAAAW;QAAAA,MAAAX,EAAA;AA1BAU,OAAAN,WAAUU,IAAKH,GA0Bd;AAAAX,IAAA,KAAAI;AAAAJ,IAAA,KAAAJ;AAAAI,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAK,MAAAL,EAAA,OAAAD,OAAAC,EAAA,OAAA1B,UAAA0B,EAAA,OAAAO,MAAAP,EAAA,OAAAU,IAAA;AAhCJC,OAAA,oBAAC;GACI,IAAAL;GAAS,GACRC;GACCR;GACGzB;aAEPoC;IA2Ba;AAAAV,IAAA,KAAAK;AAAAL,IAAA,KAAAD;AAAAC,IAAA,KAAA1B;AAAA0B,IAAA,KAAAO;AAAAP,IAAA,KAAAU;AAAAV,IAAA,MAAAW;OAAAA,MAAAX,EAAA;AAAA,QAjChBW;;AAqCJ,MAAMM,WAAWpD,WAAWgC,QAAQ;AAEpCoB,SAASC,cAAc"}
+{"version":3,"file":"HotKeys.js","names":["BasePropsWithoutChildren","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","Children","forwardRef","Fragment","useKeySymbols","extractStyles","Space","Text","StyledHotKeys","qa","role","styles","display","flow","gap","placeSelf","KeyElement","as","placeContent","placeItems","radius","preset","boxSizing","width","height","textAlign","whiteSpace","padding","color","fill","border","CubeHotKeysProps","children","type","HotKeys","props","ref","$","_c","otherProps","t0","toArray","join","parsedKeys","T0","t1","t2","eventProps","labelable","t3","t4","keyGroup","groupIndex","map","key","keyIndex","_HotKeys","displayName"],"sources":["../../../../src/components/content/HotKeys/HotKeys.tsx"],"sourcesContent":["import {\n  BasePropsWithoutChildren,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { Children, forwardRef, Fragment } from 'react';\n\nimport { useKeySymbols } from '../../../utils/react/useKeySymbols';\nimport { extractStyles } from '../../../utils/styles';\nimport { Space } from '../../layout/Space';\nimport { Text } from '../Text';\n\nconst StyledHotKeys = tasty(Space, {\n  qa: 'HotKeys',\n  role: 'group',\n  'aria-label': 'Keyboard shortcuts',\n  styles: {\n    display: 'inline-flex',\n    flow: 'row',\n    gap: '1x',\n    placeSelf: 'center',\n  },\n});\n\nconst KeyElement = tasty({\n  as: 'kbd',\n  role: 'text',\n  styles: {\n    display: 'inline-flex',\n    placeContent: 'center',\n    placeItems: 'center start',\n    radius: '1r',\n    preset: 'tag',\n    boxSizing: 'border-box',\n    width: '2.5x max-content max-content',\n    height: 'min-content',\n    textAlign: 'left',\n    whiteSpace: 'nowrap',\n    padding: '0 (.5x - 1bw)',\n    color: {\n      '': '#dark.65',\n      'type=primary': '#white',\n      'type=inherit': '#current',\n    },\n    fill: {\n      '': '#dark.04',\n      'type=primary | type=inherit': '#clear',\n    },\n    border: {\n      '': true,\n      'type=primary': '#white',\n      'type=inherit': '#current',\n    },\n  },\n});\n\nexport interface CubeHotKeysProps\n  extends BasePropsWithoutChildren,\n    ContainerStyleProps {\n  /**\n   * Key combinations, such as `\"mod+k, ctrl+k\"`. An array of text, which\n   * `<Trans>` passes to a component slot, is joined into one string first.\n   */\n  children?: string | readonly (string | number)[];\n  type?: 'default' | 'primary' | 'inherit';\n}\n\nfunction HotKeys(props: CubeHotKeysProps, ref) {\n  const { children, type, ...otherProps } = props;\n  const parsedKeys = useKeySymbols(Children.toArray(children).join(''));\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  return (\n    <StyledHotKeys\n      qa=\"HotKeys\"\n      {...filterBaseProps(otherProps, { eventProps: true, labelable: true })}\n      ref={ref}\n      styles={styles}\n    >\n      {parsedKeys.map((keyGroup, groupIndex) => (\n        <Fragment key={groupIndex}>\n          {groupIndex > 0 && (\n            <Text color=\"#dark-03\" role=\"separator\" aria-hidden=\"true\">\n              or\n            </Text>\n          )}\n          <Space\n            flow=\"row\"\n            gap=\"0.25x\"\n            role=\"group\"\n            aria-label={`Key combination ${groupIndex + 1}`}\n          >\n            {keyGroup.map((key, keyIndex) => (\n              <KeyElement\n                key={keyIndex}\n                data-type={type}\n                as=\"kbd\"\n                role=\"text\"\n                aria-label={`Key ${key}`}\n              >\n                {key}\n              </KeyElement>\n            ))}\n          </Space>\n        </Fragment>\n      ))}\n    </StyledHotKeys>\n  );\n}\n\nconst _HotKeys = forwardRef(HotKeys);\n\n_HotKeys.displayName = 'HotKeys';\n\nexport { _HotKeys as HotKeys };\n"],"mappings":";;;;;;;;;;;AAcA,MAAMY,gBAAgBR,MAAMM,OAAO;CACjCG,IAAI;CACJC,MAAM;CACN,cAAc;CACdC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,WAAW;EACb;CACD,CAAC;AAEF,MAAMC,aAAahB,MAAM;CACvBiB,IAAI;CACJP,MAAM;CACNC,QAAQ;EACNC,SAAS;EACTM,cAAc;EACdC,YAAY;EACZC,QAAQ;EACRC,QAAQ;EACRC,WAAW;EACXC,OAAO;EACPC,QAAQ;EACRC,WAAW;EACXC,YAAY;EACZC,SAAS;EACTC,OAAO;GACL,IAAI;GACJ,gBAAgB;GAChB,gBAAgB;GACjB;EACDC,MAAM;GACJ,IAAI;GACJ,+BAA+B;GAChC;EACDC,QAAQ;GACN,IAAI;GACJ,gBAAgB;GAChB,gBAAgB;GAClB;EACF;CACD,CAAC;AAaF,SAAAI,QAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACE,MAAA,EAAAN,UAAAC,MAAA,GAAAM,eAA0CJ;CAAM,IAAAK;AAAA,KAAAH,EAAA,OAAAL,UAAA;AACfQ,OAAAvC,SAAQwC,QAAST,SAAS,CAAAU,KAAM,GAAG;AAAAL,IAAA,KAAAL;AAAAK,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAApE,MAAAM,aAAmBvC,cAAcoC,GAAoC;CACrE,MAAA7B,SAAeN,cAAckC,YAAY1C,iBAAiB;CAGvD,MAAA+C,KAAApC;CACI,MAAAqC,KAAA;CACC,MAAAC,KAAA/C,gBAAgBwC,YAAY;EAAAQ,YAAc;EAAIC,WAAa;EAAM,CAAC;CAAA,IAAAC;AAAA,KAAAZ,EAAA,OAAAM,cAAAN,EAAA,OAAAJ,MAAA;EAAA,IAAAiB;AAAA,MAAAb,EAAA,OAAAJ,MAAA;AAItDiB,SAAAC,UAAAC,eACd,qBAAC,uBACEA,aAAa,KACZ,oBAAC;IAAW,OAAA;IAAgB,MAAA;IAAwB,eAAA;cAAO;KAG7D,EACA,oBAAC;IACM,MAAA;IACD,KAAA;IACC,MAAA;IACO,cAAA,mBAAmBA,aAAa;cAE3CD,SAAQE,KAAKC,KAAAC,aACZ,oBAAC;KAEYtB,aAAAA;KACR,IAAA;KACE,MAAA;KACO,cAAA,OAAOqB;eAElBA;OANIC,SAQR,CAAA;KAEL,KAxBeH,WAyBhB;AAAAf,KAAA,KAAAJ;AAAAI,KAAA,KAAAa;QAAAA,MAAAb,EAAA;AA1BAY,OAAAN,WAAUU,IAAKH,GA0Bd;AAAAb,IAAA,KAAAM;AAAAN,IAAA,KAAAJ;AAAAI,IAAA,KAAAY;OAAAA,MAAAZ,EAAA;CAAA,IAAAa;AAAA,KAAAb,EAAA,OAAAO,MAAAP,EAAA,OAAAD,OAAAC,EAAA,OAAA1B,UAAA0B,EAAA,QAAAS,MAAAT,EAAA,QAAAY,IAAA;AAhCJC,OAAA,oBAAC;GACI,IAAAL;GAAS,GACRC;GACCV;GACGzB;aAEPsC;IA2Ba;AAAAZ,IAAA,KAAAO;AAAAP,IAAA,KAAAD;AAAAC,IAAA,KAAA1B;AAAA0B,IAAA,MAAAS;AAAAT,IAAA,MAAAY;AAAAZ,IAAA,MAAAa;OAAAA,MAAAb,EAAA;AAAA,QAjChBa;;AAqCJ,MAAMM,WAAWtD,WAAWgC,QAAQ;AAEpCsB,SAASC,cAAc"}

package/dist/components/content/InfoBadge/InfoBadge.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.4 | Cube Dev Team */
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "../ItemBadge/ItemBadge.js";

package/dist/components/content/InlineInput/InlineInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.4 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";