@cube-dev/ui-kit 0.196.0 → 0.198.0

package/dist/components/content/Alert/Alert.d.ts

@@ -1,9 +1,6 @@
 
 import { CubeAlertProps } from "./types.js";
-import * as react from "react";
-
 //#region src/components/content/Alert/Alert.d.ts
-declare const Alert: react.ForwardRefExoticComponent<CubeAlertProps & react.RefAttributes<HTMLDivElement>>;
+export declare const Alert: import("react").ForwardRefExoticComponent<CubeAlertProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
-export { Alert };
 //# sourceMappingURL=Alert.d.ts.map

package/dist/components/content/Alert/Alert.js

@@ -1,11 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import themes_default from "../../../data/themes.js";
 import { useAlert } from "./use-alert.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/content/Alert/Alert.tsx
 const AlertElement = tasty({
 	name: "Alert",
@@ -22,6 +21,7 @@ const AlertElement = tasty({
 		preset: "t3",
 		color: {
 			"": "#dark-02",
+			"type=special": themes_default.special.color,
 			"type=disabled": themes_default.disabled.color
 		},
 		fill: {
@@ -60,7 +60,7 @@ const Alert = forwardRef(function Alert(props, ref) {
 	} else t0 = $[4];
 	return t0;
 });
-
 //#endregion
 export { Alert };
+
 //# sourceMappingURL=Alert.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","names":["tasty","ForwardedRef","forwardRef","THEMES","CubeAlertProps","useAlert","AlertElement","name","role","qa","styles","display","flow","radius","padding","preset","color","disabled","fill","Object","keys","reduce","map","type","border","Alert","props","ref","$","_c","mods","filteredProps","t0"],"sources":["../../../../src/components/content/Alert/Alert.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport THEMES from '../../../data/themes';\n\nimport { CubeAlertProps } from './types';\nimport { useAlert } from './use-alert';\n\nconst AlertElement = tasty({\n  name: 'Alert',\n  role: 'alert',\n  qa: 'Alert',\n  styles: {\n    display: 'block',\n    flow: 'column',\n    radius: {\n      '': '1cr',\n      'shape=sharp': '0',\n    },\n    padding: '1.5x',\n    preset: 't3',\n    color: {\n      '': '#dark-02',\n      'type=disabled': THEMES.disabled.color,\n    },\n    fill: {\n      '': '#clear',\n      // eslint-disable-next-line tasty/no-style-spread -- per-theme fill states generated from THEMES\n      ...Object.keys(THEMES).reduce((map, type) => {\n        map[`type=${type}`] = THEMES[type].fill;\n\n        return map;\n      }, {}),\n    },\n    border: {\n      '': '#clear',\n      // eslint-disable-next-line tasty/no-style-spread -- per-theme border states generated from THEMES\n      ...Object.keys(THEMES).reduce((map, type) => {\n        map[`type=${type}`] = THEMES[type].border;\n\n        return map;\n      }, {}),\n      'shape=sharp': '0',\n    },\n  },\n});\n\nexport const Alert = forwardRef(function Alert(\n  props: CubeAlertProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { styles, mods, filteredProps } = useAlert(props);\n\n  return (\n    <AlertElement {...filteredProps} ref={ref} mods={mods} styles={styles} />\n  );\n});\n"],"mappings":";;;;;;;;;AAQA,MAAMM,eAAeN,MAAM;CACzBO,MAAM;CACNC,MAAM;CACNC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,QAAQ;GACN,IAAI;GACJ,eAAe;GAChB;EACDC,SAAS;EACTC,QAAQ;EACRC,OAAO;GACL,IAAI;GACJ,iBAAiBb,eAAOc,SAASD;GAClC;EACDE,MAAM;GACJ,IAAI;GAEJ,GAAGC,OAAOC,KAAKjB,eAAO,CAACkB,QAAQC,KAAKC,SAAS;AAC3CD,QAAI,QAAQC,UAAUpB,eAAOoB,MAAML;AAEnC,WAAOI;MACN,EAAE,CAAA;GACN;EACDE,QAAQ;GACN,IAAI;GAEJ,GAAGL,OAAOC,KAAKjB,eAAO,CAACkB,QAAQC,KAAKC,SAAS;AAC3CD,QAAI,QAAQC,UAAUpB,eAAOoB,MAAMC;AAEnC,WAAOF;MACN,EAAE,CAAC;GACN,eAAe;GACjB;EACF;CACD,CAAC;AAEF,MAAaG,QAAQvB,WAAW,SAAAuB,MAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAI9B,MAAA,EAAAnB,QAAAoB,MAAAC,kBAAwC1B,SAASqB,MAAM;CAAC,IAAAM;AAAA,KAAAJ,EAAA,OAAAG,iBAAAH,EAAA,OAAAE,QAAAF,EAAA,OAAAD,OAAAC,EAAA,OAAAlB,QAAA;AAGtDsB,OAAA,oBAAC;GAAY,GAAKD;GAAoBJ;GAAWG;GAAcpB;IAAU;AAAAkB,IAAA,KAAAG;AAAAH,IAAA,KAAAE;AAAAF,IAAA,KAAAD;AAAAC,IAAA,KAAAlB;AAAAkB,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;AAAA,QAAzEI;EAEF"}
+{"version":3,"file":"Alert.js","names":["tasty","ForwardedRef","forwardRef","THEMES","CubeAlertProps","useAlert","AlertElement","name","role","qa","styles","display","flow","radius","padding","preset","color","special","disabled","fill","Object","keys","reduce","map","type","border","Alert","props","ref","$","_c","mods","filteredProps","t0","THEMES","_c"],"sources":["../../../../src/components/content/Alert/Alert.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport THEMES from '../../../data/themes';\n\nimport { CubeAlertProps } from './types';\nimport { useAlert } from './use-alert';\n\nconst AlertElement = tasty({\n  name: 'Alert',\n  role: 'alert',\n  qa: 'Alert',\n  styles: {\n    display: 'block',\n    flow: 'column',\n    radius: {\n      '': '1cr',\n      'shape=sharp': '0',\n    },\n    padding: '1.5x',\n    preset: 't3',\n    color: {\n      '': '#dark-02',\n      // `color` in THEMES is Badge's fill for the status themes, so only these\n      // two read it as a label.\n      'type=special': THEMES.special.color,\n      'type=disabled': THEMES.disabled.color,\n    },\n    fill: {\n      '': '#clear',\n      // eslint-disable-next-line tasty/no-style-spread -- per-theme fill states generated from THEMES\n      ...Object.keys(THEMES).reduce((map, type) => {\n        map[`type=${type}`] = THEMES[type].fill;\n\n        return map;\n      }, {}),\n    },\n    border: {\n      '': '#clear',\n      // eslint-disable-next-line tasty/no-style-spread -- per-theme border states generated from THEMES\n      ...Object.keys(THEMES).reduce((map, type) => {\n        map[`type=${type}`] = THEMES[type].border;\n\n        return map;\n      }, {}),\n      'shape=sharp': '0',\n    },\n  },\n});\n\nexport const Alert = forwardRef(function Alert(\n  props: CubeAlertProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { styles, mods, filteredProps } = useAlert(props);\n\n  return (\n    <AlertElement {...filteredProps} ref={ref} mods={mods} styles={styles} />\n  );\n});\n"],"mappings":";;;;;;;;AAQA,MAAMM,eAAeN,MAAM;CACzBO,MAAM;CACNC,MAAM;CACNC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,QAAQ;GACN,IAAI;GACJ,eAAe;EACjB;EACAC,SAAS;EACTC,QAAQ;EACRC,OAAO;GACL,IAAI;GAGJ,gBAAgBb,eAAOc,QAAQD;GAC/B,iBAAiBb,eAAOe,SAASF;EACnC;EACAG,MAAM;GACJ,IAAI;GAEJ,GAAGC,OAAOC,KAAKlB,cAAM,CAAC,CAACmB,QAAQC,KAAKC,SAAS;IAC3CD,IAAI,QAAQC,UAAUrB,eAAOqB,KAAK,CAACL;IAEnC,OAAOI;GACT,GAAG,CAAC,CAAC;EACP;EACAE,QAAQ;GACN,IAAI;GAEJ,GAAGL,OAAOC,KAAKlB,cAAM,CAAC,CAACmB,QAAQC,KAAKC,SAAS;IAC3CD,IAAI,QAAQC,UAAUrB,eAAOqB,KAAK,CAACC;IAEnC,OAAOF;GACT,GAAG,CAAC,CAAC;GACL,eAAe;EACjB;CACF;AACF,CAAC;AAED,MAAaG,QAAQxB,WAAW,SAAAwB,MAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAI9B,MAAA,EAAApB,QAAAqB,MAAAC,kBAAwC3B,SAASsB,KAAK;CAAE,IAAAM;CAAA,IAAAJ,EAAA,OAAAG,iBAAAH,EAAA,OAAAE,QAAAF,EAAA,OAAAD,OAAAC,EAAA,OAAAnB,QAAA;EAGtDuB,KAAA,oBAAC,cAAD;GAAa,GAAKD;GAAoBJ;GAAWG;GAAcrB;EAAM,CAAA;EAAImB,EAAA,KAAAG;EAAAH,EAAA,KAAAE;EAAAF,EAAA,KAAAD;EAAAC,EAAA,KAAAnB;EAAAmB,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OAAzEI;AAAyE,CAE5E"}

package/dist/components/content/Alert/index.d.ts

@@ -1,3 +1,4 @@
 
 import { CubeAlertProps } from "./types.js";
-import { Alert } from "./Alert.js";
+import { Alert } from "./Alert.js";
+export { Alert, type CubeAlertProps };

package/dist/components/content/Alert/types.d.ts

@@ -1,9 +1,8 @@
 
-import { _default } from "../../../data/themes.js";
+import _default from "../../../data/themes.js";
 import { BaseProps, ContainerStyleProps, TextStyleProps } from "@tenphi/tasty";
-
 //#region src/components/content/Alert/types.d.ts
-interface CubeAlertProps extends Omit<BaseProps, 'theme'>, ContainerStyleProps, TextStyleProps {
+export interface CubeAlertProps extends Omit<BaseProps, 'theme'>, ContainerStyleProps, TextStyleProps {
   /**
    * ***Deprecated***
    *
@@ -26,5 +25,4 @@ interface CubeAlertProps extends Omit<BaseProps, 'theme'>, ContainerStyleProps,
   shape?: 'card' | 'sharp';
 }
 //#endregion
-export { CubeAlertProps };
 //# sourceMappingURL=types.d.ts.map

package/dist/components/content/Alert/use-alert.js

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useDeprecationWarning } from "../../../_internal/hooks/use-deprecation-warning.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps } from "@tenphi/tasty";
-
 //#region src/components/content/Alert/use-alert.ts
 const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
 function useAlert(props) {
@@ -61,7 +60,7 @@ function useAlert(props) {
 	} else t6 = $[12];
 	return t6;
 }
-
 //#endregion
 export { useAlert };
+
 //# sourceMappingURL=use-alert.js.map

package/dist/components/content/Alert/use-alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-alert.js","names":["CONTAINER_STYLES","filterBaseProps","TEXT_STYLES","useDeprecationWarning","extractStyles","CubeAlertProps","STYLE_LIST","const","useAlert","props","$","_c","type","isDisabled","t0","theme","shape","t1","mods","undefined","t2","styles","t3","Symbol","for","property","name","betterAlternative","_theme","t4","t5","eventProps","t6","filteredProps"],"sources":["../../../../src/components/content/Alert/use-alert.ts"],"sourcesContent":["import { CONTAINER_STYLES, filterBaseProps, TEXT_STYLES } from '@tenphi/tasty';\n\nimport { useDeprecationWarning } from '../../../_internal';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { CubeAlertProps } from './types';\n\nconst STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES] as const;\n\nexport function useAlert(props: CubeAlertProps) {\n  const { type, isDisabled = false, theme, shape = 'card', mods } = props;\n\n  const styles = extractStyles(props, STYLE_LIST);\n\n  useDeprecationWarning(typeof type === 'undefined', {\n    property: 'type',\n    name: 'Alert',\n    betterAlternative: 'theme',\n  });\n\n  const _theme = isDisabled ? 'disabled' : theme ?? type ?? 'note';\n\n  return {\n    styles,\n    mods: {\n      shape,\n      type: _theme,\n      ...mods,\n    },\n    filteredProps: filterBaseProps(props, { eventProps: true }),\n  };\n}\n"],"mappings":";;;;;;;AAOA,MAAMM,aAAa,CAAC,GAAGN,kBAAkB,GAAGE,YAAY;AAExD,SAAOM,SAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAC,MAAAC,YAAAC,IAAAC,OAAAC,OAAAC,IAAAC,SAAkET;CAApD,MAAAI,aAAAC,OAAAK,SAAA,QAAAL;CAA2B,MAAAE,QAAAC,OAAAE,SAAA,SAAAF;CAAc,IAAAG;AAAA,KAAAV,EAAA,OAAAD,OAAA;AAExCW,OAAAhB,cAAcK,OAAOH,WAAW;AAAAI,IAAA,KAAAD;AAAAC,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAA/C,MAAAW,SAAeD;CAAiC,IAAAE;AAAA,KAAAZ,EAAA,OAAAa,OAAAC,IAAA,4BAAA,EAAA;AAEGF,OAAA;GAAAG,UACvC;GAAMC,MACV;GAAOC,mBACM;GACpB;AAAAjB,IAAA,KAAAY;OAAAA,MAAAZ,EAAA;AAJDP,uBAAsB,OAAOS,SAAS,aAAaU,GAIjD;CAEF,MAAAM,SAAef,aAAA,aAA0BE,SAAAH,QAAA;CAAwB,IAAAiB;AAAA,KAAAnB,EAAA,OAAAkB,UAAAlB,EAAA,OAAAQ,QAAAR,EAAA,OAAAM,OAAA;AAIzDa,OAAA;GAAAb;GAAAJ,MAEEgB;GAAM,GACTV;GACJ;AAAAR,IAAA,KAAAkB;AAAAlB,IAAA,KAAAQ;AAAAR,IAAA,KAAAM;AAAAN,IAAA,KAAAmB;OAAAA,MAAAnB,EAAA;CAAA,IAAAoB;AAAA,KAAApB,EAAA,OAAAD,OAAA;AACcqB,OAAA7B,gBAAgBQ,OAAO,EAAAsB,YAAc,MAAM,CAAC;AAAArB,IAAA,KAAAD;AAAAC,IAAA,KAAAoB;OAAAA,MAAApB,EAAA;CAAA,IAAAsB;AAAA,KAAAtB,EAAA,OAAAW,UAAAX,EAAA,QAAAmB,MAAAnB,EAAA,QAAAoB,IAAA;AAPtDE,OAAA;GAAAX;GAAAH,MAECW;GAILI,eACcH;GAChB;AAAApB,IAAA,KAAAW;AAAAX,IAAA,MAAAmB;AAAAnB,IAAA,MAAAoB;AAAApB,IAAA,MAAAsB;OAAAA,MAAAtB,EAAA;AAAA,QARMsB"}
+{"version":3,"file":"use-alert.js","names":["CONTAINER_STYLES","filterBaseProps","TEXT_STYLES","useDeprecationWarning","extractStyles","CubeAlertProps","STYLE_LIST","const","useAlert","props","$","_c","type","isDisabled","t0","theme","shape","t1","mods","undefined","t2","styles","t3","Symbol","for","property","name","betterAlternative","_theme","t4","t5","eventProps","t6","filteredProps","_c"],"sources":["../../../../src/components/content/Alert/use-alert.ts"],"sourcesContent":["import { CONTAINER_STYLES, filterBaseProps, TEXT_STYLES } from '@tenphi/tasty';\n\nimport { useDeprecationWarning } from '../../../_internal';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { CubeAlertProps } from './types';\n\nconst STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES] as const;\n\nexport function useAlert(props: CubeAlertProps) {\n  const { type, isDisabled = false, theme, shape = 'card', mods } = props;\n\n  const styles = extractStyles(props, STYLE_LIST);\n\n  useDeprecationWarning(typeof type === 'undefined', {\n    property: 'type',\n    name: 'Alert',\n    betterAlternative: 'theme',\n  });\n\n  const _theme = isDisabled ? 'disabled' : (theme ?? type ?? 'note');\n\n  return {\n    styles,\n    mods: {\n      shape,\n      type: _theme,\n      ...mods,\n    },\n    filteredProps: filterBaseProps(props, { eventProps: true }),\n  };\n}\n"],"mappings":";;;;;;AAOA,MAAMM,aAAa,CAAC,GAAGN,kBAAkB,GAAGE,WAAW;AAEvD,SAAOM,SAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAC,MAAAC,YAAAC,IAAAC,OAAAC,OAAAC,IAAAC,SAAkET;CAApD,MAAAI,aAAAC,OAAAK,KAAAA,IAAA,QAAAL;CAA2B,MAAAE,QAAAC,OAAAE,KAAAA,IAAA,SAAAF;CAAc,IAAAG;CAAA,IAAAV,EAAA,OAAAD,OAAA;EAExCW,KAAAhB,cAAcK,OAAOH,UAAU;EAACI,EAAA,KAAAD;EAAAC,EAAA,KAAAU;CAAA,OAAAA,KAAAV,EAAA;CAA/C,MAAAW,SAAeD;CAAiC,IAAAE;CAAA,IAAAZ,EAAA,OAAAa,OAAAC,IAAA,2BAAA,GAAA;EAEGF,KAAA;GAAAG,UACvC;GAAMC,MACV;GAAOC,mBACM;EACrB;EAACjB,EAAA,KAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAJDP,sBAAsB,OAAOS,SAAS,aAAaU,EAIlD;CAED,MAAAM,SAAef,aAAA,aAA2BE,SAAAH,QAAA;CAAyB,IAAAiB;CAAA,IAAAnB,EAAA,OAAAkB,UAAAlB,EAAA,OAAAQ,QAAAR,EAAA,OAAAM,OAAA;EAI3Da,KAAA;GAAAb;GAAAJ,MAEEgB;GAAM,GACTV;EACL;EAACR,EAAA,KAAAkB;EAAAlB,EAAA,KAAAQ;EAAAR,EAAA,KAAAM;EAAAN,EAAA,KAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,IAAAoB;CAAA,IAAApB,EAAA,OAAAD,OAAA;EACcqB,KAAA7B,gBAAgBQ,OAAO,EAAAsB,YAAc,KAAK,CAAC;EAACrB,EAAA,KAAAD;EAAAC,EAAA,KAAAoB;CAAA,OAAAA,KAAApB,EAAA;CAAA,IAAAsB;CAAA,IAAAtB,EAAA,OAAAW,UAAAX,EAAA,QAAAmB,MAAAnB,EAAA,QAAAoB,IAAA;EAPtDE,KAAA;GAAAX;GAAAH,MAECW;GAILI,eACcH;EACjB;EAACpB,EAAA,KAAAW;EAAAX,EAAA,MAAAmB;EAAAnB,EAAA,MAAAoB;EAAApB,EAAA,MAAAsB;CAAA,OAAAA,KAAAtB,EAAA;CAAA,OARMsB;AAQN"}

package/dist/components/content/Avatar/Avatar.d.ts

@@ -1,14 +1,11 @@
 
 import { BaseProps, ContainerStyleProps, Styles } from "@tenphi/tasty";
-import * as react from "react";
 import { ReactNode } from "react";
-
 //#region src/components/content/Avatar/Avatar.d.ts
-interface CubeAvatarProps extends BaseProps, ContainerStyleProps {
+export interface CubeAvatarProps extends BaseProps, ContainerStyleProps {
   icon?: ReactNode;
   size?: Styles['size'];
 }
-declare const Avatar: react.ForwardRefExoticComponent<CubeAvatarProps & react.RefAttributes<unknown>>;
+export declare const Avatar: import("react").ForwardRefExoticComponent<CubeAvatarProps & import("react").RefAttributes<unknown>>;
 //#endregion
-export { Avatar, CubeAvatarProps };
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/components/content/Avatar/Avatar.js

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.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, Element, filterBaseProps } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsxs } from "react/jsx-runtime";
-
 //#region src/components/content/Avatar/Avatar.tsx
 const DEFAULT_STYLES = {
 	display: "grid",
@@ -70,7 +69,7 @@ const Avatar = forwardRef(function Avatar(t0, ref) {
 	} else t2 = $[12];
 	return t2;
 });
-
 //#endregion
 export { Avatar };
+
 //# sourceMappingURL=Avatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","Element","filterBaseProps","Styles","forwardRef","ReactNode","extractStyles","DEFAULT_STYLES","display","gap","flow","fill","color","radius","placeContent","width","height","fontSize","lineHeight","fontWeight","CubeAvatarProps","icon","size","Avatar","t0","ref","$","_c","T0","children","styles","t1","t2","t3","t4","props","undefined","eventProps"],"sources":["../../../../src/components/content/Avatar/Avatar.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Element,\n  filterBaseProps,\n  Styles,\n} from '@tenphi/tasty';\nimport { forwardRef, ReactNode } from 'react';\n\nimport { extractStyles } from '../../../utils/styles';\n\nconst DEFAULT_STYLES = {\n  display: 'grid',\n  gap: '1x',\n  flow: 'row',\n  fill: '#primary',\n  color: '#white',\n  radius: 'round',\n  placeContent: 'center',\n  width: '$avatar-size $avatar-size $avatar-size',\n  height: '$avatar-size $avatar-size $avatar-size',\n  fontSize: 'calc($avatar-size / 2)',\n  lineHeight: 'calc($avatar-size / 2)',\n  fontWeight: 500,\n};\n\nexport interface CubeAvatarProps extends BaseProps, ContainerStyleProps {\n  icon?: ReactNode;\n  size?: Styles['size'];\n}\n\nexport const Avatar = forwardRef(function Avatar(\n  { size = '4x', icon, children, ...props }: CubeAvatarProps,\n  ref,\n) {\n  const styles = extractStyles(props, CONTAINER_STYLES, {\n    ...DEFAULT_STYLES,\n    '--avatar-size': size,\n  });\n\n  return (\n    <Element\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n      data-theme=\"special\"\n    >\n      {icon}\n      {children}\n    </Element>\n  );\n});\n"],"mappings":";;;;;;;;AAYA,MAAMS,iBAAiB;CACrBC,SAAS;CACTC,KAAK;CACLC,MAAM;CACNC,MAAM;CACNC,OAAO;CACPC,QAAQ;CACRC,cAAc;CACdC,OAAO;CACPC,QAAQ;CACRC,UAAU;CACVC,YAAY;CACZC,YAAY;CACb;AAOD,MAAaI,SAASnB,WAAW,SAAAmB,OAAAC,IAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAR;CAAA,IAAAS;CAAA,IAAAC;AAAA,KAAAL,EAAA,OAAAF,IAAA;EAC/B,MAAA,EAAAF,MAAAU,IAAAX,MAAAY,IAAAJ,UAAAK,IAAA,GAAAC,UAAAX;AAAAH,SAAAY;AAAAJ,aAAAK;EAAE,MAAAZ,OAAAU,OAAAI,SAAA,OAAAJ;AAGFF,WAAexB,cAAc6B,OAAOpC,kBAAkB;GAAA,GACjDQ;GAAc,iBACAe;GAClB,CAAC;AAGCM,OAAA3B;AACK8B,OAAA7B,gBAAgBiC,OAAO,EAAAE,YAAc,MAAM,CAAC;AAAAX,IAAA,KAAAF;AAAAE,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAL;AAAAK,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;QAAA;AAAAH,OAAAF,EAAA;AAAAG,aAAAH,EAAA;AAAAL,SAAAK,EAAA;AAAAI,WAAAJ,EAAA;AAAAK,OAAAL,EAAA;;CAAA,IAAAM;AAAA,KAAAN,EAAA,OAAAE,MAAAF,EAAA,OAAAG,YAAAH,EAAA,OAAAL,QAAAK,EAAA,OAAAD,OAAAC,EAAA,QAAAI,UAAAJ,EAAA,QAAAK,IAAA;AADlDC,OAAA,qBAAC;GAAO,GACFD;GACCN;GACGK;GACG,cAAA;cAEVT,MACAQ;IACO;AAAAH,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAL;AAAAK,IAAA,KAAAD;AAAAC,IAAA,MAAAI;AAAAJ,IAAA,MAAAK;AAAAL,IAAA,MAAAM;OAAAA,MAAAN,EAAA;AAAA,QARVM;EAUF"}
+{"version":3,"file":"Avatar.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","Element","filterBaseProps","Styles","forwardRef","ReactNode","extractStyles","DEFAULT_STYLES","display","gap","flow","fill","color","radius","placeContent","width","height","fontSize","lineHeight","fontWeight","CubeAvatarProps","icon","size","Avatar","t0","ref","$","_c","T0","children","styles","t1","t2","t3","t4","props","undefined","eventProps","_c"],"sources":["../../../../src/components/content/Avatar/Avatar.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Element,\n  filterBaseProps,\n  Styles,\n} from '@tenphi/tasty';\nimport { forwardRef, ReactNode } from 'react';\n\nimport { extractStyles } from '../../../utils/styles';\n\nconst DEFAULT_STYLES = {\n  display: 'grid',\n  gap: '1x',\n  flow: 'row',\n  fill: '#primary',\n  color: '#white',\n  radius: 'round',\n  placeContent: 'center',\n  width: '$avatar-size $avatar-size $avatar-size',\n  height: '$avatar-size $avatar-size $avatar-size',\n  fontSize: 'calc($avatar-size / 2)',\n  lineHeight: 'calc($avatar-size / 2)',\n  fontWeight: 500,\n};\n\nexport interface CubeAvatarProps extends BaseProps, ContainerStyleProps {\n  icon?: ReactNode;\n  size?: Styles['size'];\n}\n\nexport const Avatar = forwardRef(function Avatar(\n  { size = '4x', icon, children, ...props }: CubeAvatarProps,\n  ref,\n) {\n  const styles = extractStyles(props, CONTAINER_STYLES, {\n    ...DEFAULT_STYLES,\n    '--avatar-size': size,\n  });\n\n  return (\n    <Element\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n      data-theme=\"special\"\n    >\n      {icon}\n      {children}\n    </Element>\n  );\n});\n"],"mappings":";;;;;;;AAYA,MAAMS,iBAAiB;CACrBC,SAAS;CACTC,KAAK;CACLC,MAAM;CACNC,MAAM;CACNC,OAAO;CACPC,QAAQ;CACRC,cAAc;CACdC,OAAO;CACPC,QAAQ;CACRC,UAAU;CACVC,YAAY;CACZC,YAAY;AACd;AAOA,MAAaI,SAASnB,WAAW,SAAAmB,OAAAC,IAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAR;CAAA,IAAAS;CAAA,IAAAC;CAAA,IAAAL,EAAA,OAAAF,IAAA;EAC/B,MAAA,EAAAF,MAAAU,IAAAX,MAAAY,IAAAJ,UAAAK,IAAA,GAAAC,UAAAX;EAAAH,OAAAY;EAAAJ,WAAAK;EAAE,MAAAZ,OAAAU,OAAAI,KAAAA,IAAA,OAAAJ;EAGFF,SAAexB,cAAc6B,OAAOpC,kBAAkB;GAAA,GACjDQ;GAAc,iBACAe;EACnB,CAAC;EAGEM,KAAA3B;EACK8B,KAAA7B,gBAAgBiC,OAAO,EAAAE,YAAc,KAAK,CAAC;EAACX,EAAA,KAAAF;EAAAE,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAL;EAAAK,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAA;EAAAH,KAAAF,EAAA;EAAAG,WAAAH,EAAA;EAAAL,OAAAK,EAAA;EAAAI,SAAAJ,EAAA;EAAAK,KAAAL,EAAA;CAAA;CAAA,IAAAM;CAAA,IAAAN,EAAA,OAAAE,MAAAF,EAAA,OAAAG,YAAAH,EAAA,OAAAL,QAAAK,EAAA,OAAAD,OAAAC,EAAA,QAAAI,UAAAJ,EAAA,QAAAK,IAAA;EADlDC,KAAA,qBAAC,IAAD;GAAQ,GACFD;GACCN;GACGK;GACG,cAAA;GAJb,UAAA,CAMGT,MACAQ,QAPK;;EAQEH,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAL;EAAAK,EAAA,KAAAD;EAAAC,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;EAAAL,EAAA,MAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,OARVM;AAQU,CAEb"}

package/dist/components/content/Badge/Badge.d.ts

@@ -1,15 +1,13 @@
 
 import "../Item/index.js";
-import { CubeItemProps } from "../Item/Item.js";
-import { _default } from "../../../data/themes.js";
-import * as react from "react";
-
+import { CubeItemBaseProps as CubeItemProps } from "../Item/Item.js";
+import _default from "../../../data/themes.js";
 //#region src/components/content/Badge/Badge.d.ts
-interface CubeBadgeProps extends CubeItemProps {
+export interface CubeBadgeProps extends CubeItemProps {
   type?: keyof typeof _default | string;
   theme?: keyof typeof _default | string;
 }
-declare const _Badge: react.ForwardRefExoticComponent<CubeBadgeProps & react.RefAttributes<unknown>>;
+declare const _Badge: import("react").ForwardRefExoticComponent<CubeBadgeProps & import("react").RefAttributes<unknown>>;
 //#endregion
-export { CubeBadgeProps, _Badge };
+export { _Badge as Badge };
 //# sourceMappingURL=Badge.d.ts.map

package/dist/components/content/Badge/Badge.js

@@ -1,11 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
-import { _Item } from "../Item/Item.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
+import { Item as _Item } from "../Item/Item.js";
 import themes_default from "../../../data/themes.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/content/Badge/Badge.tsx
 const FILL_STYLES = Object.keys(themes_default).reduce((map, type) => {
 	map[`theme=${type}`] = type === "special" ? themes_default[type].fill : themes_default[type].color;
@@ -88,7 +87,7 @@ function Badge(allProps, ref) {
 }
 const _Badge = forwardRef(Badge);
 _Badge.displayName = "Badge";
-
 //#endregion
-export { _Badge };
+export { _Badge as Badge };
+
 //# sourceMappingURL=Badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["tasty","forwardRef","THEMES","CubeItemProps","Item","FILL_STYLES","Object","keys","reduce","map","type","fill","color","BadgeElement","qa","role","size","styles","radius","preset","border","Label","textAlign","placeSelf","CubeBadgeProps","theme","Badge","allProps","ref","$","_c","children","props","t0","t1","undefined","badgeTheme","t2","_Badge","displayName"],"sources":["../../../../src/components/content/Badge/Badge.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport THEMES from '../../../data/themes';\nimport { CubeItemProps, Item } from '../Item';\n\nconst FILL_STYLES = Object.keys(THEMES).reduce((map, type) => {\n  map[`theme=${type}`] =\n    type === 'special' ? THEMES[type].fill : THEMES[type].color;\n\n  return map;\n}, {});\n\nconst BadgeElement = tasty(Item, {\n  qa: 'Badge',\n  role: 'status',\n  size: 'inline',\n  styles: {\n    radius: 'round',\n    color: {\n      '': '#white',\n      // Every other theme fills with a fixed accent; `disabled` fills with the\n      // adaptive `#surface-text-soft-2`, which turns light in dark, so its label\n      // flips with it (a fixed `#white` fell to 3.59:1 there).\n      'theme=disabled': '#surface',\n    },\n    fill: {\n      '': '#primary',\n      // eslint-disable-next-line tasty/no-style-spread -- per-theme fill states generated from THEMES\n      ...FILL_STYLES,\n    },\n    preset: {\n      '': 'tag',\n      'size=xsmall': 't4',\n      'size=small | size=medium': 't3',\n      'size=large | size=xlarge': 't2',\n    },\n    border: {\n      // extend\n      'type=primary': '#clear',\n    },\n\n    '$inline-padding': {\n      '': 'max($min-inline-padding, (($size - 1lh - 2bw) / 2 + $inline-compensation))',\n      'size=inline': '.5x',\n    },\n\n    Label: {\n      textAlign: 'center',\n      placeSelf: 'center',\n    },\n  },\n});\n\nexport interface CubeBadgeProps extends CubeItemProps {\n  /* @deprecated Use theme instead */\n  type?: keyof typeof THEMES | string;\n  theme?: keyof typeof THEMES | string;\n}\n\nfunction Badge(allProps: CubeBadgeProps, ref) {\n  let {\n    type,\n    theme = 'special',\n    children,\n    size = 'inline',\n    ...props\n  } = allProps;\n\n  const badgeTheme = theme ?? type;\n\n  return (\n    <BadgeElement\n      ref={ref}\n      size={size}\n      data-type=\"primary\"\n      data-theme={badgeTheme}\n      {...props}\n    >\n      {children}\n    </BadgeElement>\n  );\n}\n\nconst _Badge = forwardRef(Badge);\n\n_Badge.displayName = 'Badge';\n\nexport { _Badge as Badge };\n"],"mappings":";;;;;;;;;AAMA,MAAMK,cAAcC,OAAOC,KAAKL,eAAO,CAACM,QAAQC,KAAKC,SAAS;AAC5DD,KAAI,SAASC,UACXA,SAAS,YAAYR,eAAOQ,MAAMC,OAAOT,eAAOQ,MAAME;AAExD,QAAOH;GACN,EAAE,CAAC;AAEN,MAAMI,eAAeb,MAAMI,OAAM;CAC/BU,IAAI;CACJC,MAAM;CACNC,MAAM;CACNC,QAAQ;EACNC,QAAQ;EACRN,OAAO;GACL,IAAI;GAIJ,kBAAkB;GACnB;EACDD,MAAM;GACJ,IAAI;GAEJ,GAAGN;GACJ;EACDc,QAAQ;GACN,IAAI;GACJ,eAAe;GACf,4BAA4B;GAC5B,4BAA4B;GAC7B;EACDC,QAAQ,EAEN,gBAAgB,UACjB;EAED,mBAAmB;GACjB,IAAI;GACJ,eAAe;GAChB;EAEDC,OAAO;GACLC,WAAW;GACXC,WAAW;GACb;EACF;CACD,CAAC;AAQF,SAAAG,MAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAxB;AAAA,KAAAmB,EAAA,OAAAF,UAAA;AACE,GAAA,CAAAjB,MAAAe,OAAAQ,IAAAF,UAAAf,MAAAkB,OAAAF,SAMIL;AAASE,IAAA,KAAAF;AAAAE,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAnB;QAAA;AAAAqB,aAAAF,EAAA;AAAAG,UAAAH,EAAA;AAAAI,OAAAJ,EAAA;AAAAK,OAAAL,EAAA;AAAAnB,SAAAmB,EAAA;;CAJX,MAAAJ,QAAAQ,OAAAE,SAAA,YAAAF;CAEA,MAAAjB,OAAAkB,OAAAC,SAAA,WAAAD;CAIF,MAAAE,aAAmBX,SAAAf;CAAc,IAAA2B;AAAA,KAAAR,EAAA,OAAAO,cAAAP,EAAA,OAAAE,YAAAF,EAAA,OAAAG,SAAAH,EAAA,OAAAD,OAAAC,EAAA,QAAAb,MAAA;AAG/BqB,OAAA,oBAAC;GACMT;GACCZ;GACI,aAAA;GACEoB,cAAAA;GAAU,GAClBJ;GAEHD;IACY;AAAAF,IAAA,KAAAO;AAAAP,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAD;AAAAC,IAAA,MAAAb;AAAAa,IAAA,MAAAQ;OAAAA,MAAAR,EAAA;AAAA,QARfQ;;AAYJ,MAAMC,SAASrC,WAAWyB,MAAM;AAEhCY,OAAOC,cAAc"}
+{"version":3,"file":"Badge.js","names":["tasty","forwardRef","THEMES","CubeItemProps","Item","FILL_STYLES","Object","keys","reduce","map","type","fill","color","BadgeElement","qa","role","size","styles","radius","preset","border","Label","textAlign","placeSelf","CubeBadgeProps","theme","Badge","allProps","ref","$","_c","children","props","t0","t1","undefined","badgeTheme","t2","_Badge","displayName","THEMES","Item","_c"],"sources":["../../../../src/components/content/Badge/Badge.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport THEMES from '../../../data/themes';\nimport { CubeItemProps, Item } from '../Item';\n\nconst FILL_STYLES = Object.keys(THEMES).reduce((map, type) => {\n  map[`theme=${type}`] =\n    type === 'special' ? THEMES[type].fill : THEMES[type].color;\n\n  return map;\n}, {});\n\nconst BadgeElement = tasty(Item, {\n  qa: 'Badge',\n  role: 'status',\n  size: 'inline',\n  styles: {\n    radius: 'round',\n    color: {\n      '': '#white',\n      // Every other theme fills with a fixed accent; `disabled` fills with the\n      // adaptive `#surface-text-soft-2`, which turns light in dark, so its label\n      // flips with it (a fixed `#white` fell to 3.59:1 there).\n      'theme=disabled': '#surface',\n    },\n    fill: {\n      '': '#primary',\n      // eslint-disable-next-line tasty/no-style-spread -- per-theme fill states generated from THEMES\n      ...FILL_STYLES,\n    },\n    preset: {\n      '': 'tag',\n      'size=xsmall': 't4',\n      'size=small | size=medium': 't3',\n      'size=large | size=xlarge': 't2',\n    },\n    border: {\n      // extend\n      'type=primary': '#clear',\n    },\n\n    '$inline-padding': {\n      '': 'max($min-inline-padding, (($size - 1lh - 2bw) / 2 + $inline-compensation))',\n      'size=inline': '.5x',\n    },\n\n    Label: {\n      textAlign: 'center',\n      placeSelf: 'center',\n    },\n  },\n});\n\nexport interface CubeBadgeProps extends CubeItemProps {\n  /* @deprecated Use theme instead */\n  type?: keyof typeof THEMES | string;\n  theme?: keyof typeof THEMES | string;\n}\n\nfunction Badge(allProps: CubeBadgeProps, ref) {\n  let {\n    type,\n    theme = 'special',\n    children,\n    size = 'inline',\n    ...props\n  } = allProps;\n\n  const badgeTheme = theme ?? type;\n\n  return (\n    <BadgeElement\n      ref={ref}\n      size={size}\n      data-type=\"primary\"\n      data-theme={badgeTheme}\n      {...props}\n    >\n      {children}\n    </BadgeElement>\n  );\n}\n\nconst _Badge = forwardRef(Badge);\n\n_Badge.displayName = 'Badge';\n\nexport { _Badge as Badge };\n"],"mappings":";;;;;;;;AAMA,MAAMK,cAAcC,OAAOC,KAAKL,cAAM,CAAC,CAACM,QAAQC,KAAKC,SAAS;CAC5DD,IAAI,SAASC,UACXA,SAAS,YAAYR,eAAOQ,KAAK,CAACC,OAAOT,eAAOQ,KAAK,CAACE;CAExD,OAAOH;AACT,GAAG,CAAC,CAAC;AAEL,MAAMI,eAAeb,MAAMI,OAAM;CAC/BU,IAAI;CACJC,MAAM;CACNC,MAAM;CACNC,QAAQ;EACNC,QAAQ;EACRN,OAAO;GACL,IAAI;GAIJ,kBAAkB;EACpB;EACAD,MAAM;GACJ,IAAI;GAEJ,GAAGN;EACL;EACAc,QAAQ;GACN,IAAI;GACJ,eAAe;GACf,4BAA4B;GAC5B,4BAA4B;EAC9B;EACAC,QAAQ,EAEN,gBAAgB,SAClB;EAEA,mBAAmB;GACjB,IAAI;GACJ,eAAe;EACjB;EAEAC,OAAO;GACLC,WAAW;GACXC,WAAW;EACb;CACF;AACF,CAAC;AAQD,SAAAG,MAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAxB;CAAA,IAAAmB,EAAA,OAAAF,UAAA;EACE,CAAA,CAAAjB,MAAAe,OAAAQ,IAAAF,UAAAf,MAAAkB,IAAA,GAAAF,SAMIL;EAASE,EAAA,KAAAF;EAAAE,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAnB;CAAA,OAAA;EAAAqB,WAAAF,EAAA;EAAAG,QAAAH,EAAA;EAAAI,KAAAJ,EAAA;EAAAK,KAAAL,EAAA;EAAAnB,OAAAmB,EAAA;CAAA;CAJX,MAAAJ,QAAAQ,OAAAE,KAAAA,IAAA,YAAAF;CAEA,MAAAjB,OAAAkB,OAAAC,KAAAA,IAAA,WAAAD;CAIF,MAAAE,aAAmBX,SAAAf;CAAc,IAAA2B;CAAA,IAAAR,EAAA,OAAAO,cAAAP,EAAA,OAAAE,YAAAF,EAAA,OAAAG,SAAAH,EAAA,OAAAD,OAAAC,EAAA,QAAAb,MAAA;EAG/BqB,KAAA,oBAAC,cAAD;GACOT;GACCZ;GACI,aAAA;GACEoB,cAAAA;GAAU,GAClBJ;GAEHD;EAPU,CAAA;EAQEF,EAAA,KAAAO;EAAAP,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAD;EAAAC,EAAA,MAAAb;EAAAa,EAAA,MAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,OARfQ;AAQe;AAInB,MAAMC,SAASrC,WAAWyB,KAAK;AAE/BY,OAAOC,cAAc"}

package/dist/components/content/Card/Card.d.ts

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

package/dist/components/content/Card/Card.js

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.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/content/Card/Card.tsx
 const CardElement = tasty({
 	role: "region",
@@ -48,7 +47,7 @@ const Card = forwardRef(function Card(props, ref) {
 	} else t2 = $[7];
 	return t2;
 });
-
 //#endregion
 export { Card };
+
 //# sourceMappingURL=Card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["AllBaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","forwardRef","extractStyles","CardElement","role","styles","display","flow","radius","fill","border","padding","preset","styleProps","CubeCardProps","Omit","Card","props","ref","$","_c","t0","t1","eventProps","t2"],"sources":["../../../../src/components/content/Card/Card.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 CardElement = tasty({\n  role: 'region',\n  styles: {\n    display: 'block',\n    flow: 'column',\n    radius: '(1cr + 1bw)',\n    fill: '#surface',\n    border: '#border',\n    padding: '1.5x',\n    preset: 't3',\n  },\n  styleProps: CONTAINER_STYLES,\n});\n\nexport interface CubeCardProps\n  extends Omit<AllBaseProps, 'title' | 'value' | 'placeholder' | 'text'>,\n    ContainerStyleProps {}\n\nexport const Card = forwardRef(function Card(props: CubeCardProps, ref) {\n  const styles = extractStyles(props, CONTAINER_STYLES);\n\n  return (\n    <CardElement\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;;AAWA,MAAMO,cAAcH,MAAM;CACxBI,MAAM;CACNC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACRC,SAAS;EACTC,QAAQ;EACT;CACDC,YAAYhB;CACb,CAAC;AAMF,MAAamB,OAAOf,WAAW,SAAAe,KAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAF,OAAA;AACdI,OAAAnB,cAAce,OAAOpB,iBAAiB;AAAAsB,IAAA,KAAAF;AAAAE,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAArD,MAAAd,SAAegB;CAAuC,IAAAC;AAAA,KAAAH,EAAA,OAAAF,OAAA;AAI9CK,OAAAvB,gBAAgBkB,OAAO,EAAAM,YAAc,MAAM,CAAC;AAAAJ,IAAA,KAAAF;AAAAE,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAK;AAAA,KAAAL,EAAA,OAAAD,OAAAC,EAAA,OAAAd,UAAAc,EAAA,OAAAG,IAAA;AADlDE,OAAA,oBAAC;GAAW,GACNF;GACCJ;GACGb;IACR;AAAAc,IAAA,KAAAD;AAAAC,IAAA,KAAAd;AAAAc,IAAA,KAAAG;AAAAH,IAAA,KAAAK;OAAAA,MAAAL,EAAA;AAAA,QAJFK;EAMF"}
+{"version":3,"file":"Card.js","names":["AllBaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","forwardRef","extractStyles","CardElement","role","styles","display","flow","radius","fill","border","padding","preset","styleProps","CubeCardProps","Omit","Card","props","ref","$","_c","t0","t1","eventProps","t2","_c"],"sources":["../../../../src/components/content/Card/Card.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 CardElement = tasty({\n  role: 'region',\n  styles: {\n    display: 'block',\n    flow: 'column',\n    radius: '(1cr + 1bw)',\n    fill: '#surface',\n    border: '#border',\n    padding: '1.5x',\n    preset: 't3',\n  },\n  styleProps: CONTAINER_STYLES,\n});\n\nexport interface CubeCardProps\n  extends\n    Omit<AllBaseProps, 'title' | 'value' | 'placeholder' | 'text'>,\n    ContainerStyleProps {}\n\nexport const Card = forwardRef(function Card(props: CubeCardProps, ref) {\n  const styles = extractStyles(props, CONTAINER_STYLES);\n\n  return (\n    <CardElement\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;AAWA,MAAMO,cAAcH,MAAM;CACxBI,MAAM;CACNC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACRC,SAAS;EACTC,QAAQ;CACV;CACAC,YAAYhB;AACd,CAAC;AAOD,MAAamB,OAAOf,WAAW,SAAAe,KAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAF,OAAA;EACdI,KAAAnB,cAAce,OAAOpB,gBAAgB;EAACsB,EAAA,KAAAF;EAAAE,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAArD,MAAAd,SAAegB;CAAuC,IAAAC;CAAA,IAAAH,EAAA,OAAAF,OAAA;EAI9CK,KAAAvB,gBAAgBkB,OAAO,EAAAM,YAAc,KAAK,CAAC;EAACJ,EAAA,KAAAF;EAAAE,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAAC,EAAA,OAAAd,UAAAc,EAAA,OAAAG,IAAA;EADlDE,KAAA,oBAAC,aAAD;GAAY,GACNF;GACCJ;GACGb;EAAM,CAAA;EACdc,EAAA,KAAAD;EAAAC,EAAA,KAAAd;EAAAc,EAAA,KAAAG;EAAAH,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAJFK;AAIE,CAEL"}

package/dist/components/content/Content.d.ts

@@ -1,10 +1,7 @@
 
 import { BaseProps, ContainerStyleProps, TextStyleProps } from "@tenphi/tasty";
-import * as react from "react";
-
 //#region src/components/content/Content.d.ts
-interface CubeContentProps extends BaseProps, ContainerStyleProps, TextStyleProps {}
-declare const Content: react.ForwardRefExoticComponent<CubeContentProps & react.RefAttributes<unknown>>;
+export interface CubeContentProps extends BaseProps, ContainerStyleProps, TextStyleProps {}
+export declare const Content: import("react").ForwardRefExoticComponent<CubeContentProps & import("react").RefAttributes<unknown>>;
 //#endregion
-export { Content, CubeContentProps };
 //# sourceMappingURL=Content.d.ts.map

package/dist/components/content/Content.js

@@ -1,11 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/content/Content.tsx
 const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
 const ContentElement = tasty({
@@ -53,7 +52,7 @@ const Content = forwardRef(function Content(props, ref) {
 	} else t2 = $[7];
 	return t2;
 });
-
 //#endregion
 export { Content };
+
 //# sourceMappingURL=Content.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Content.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","TEXT_STYLES","TextStyleProps","forwardRef","useSlotProps","extractStyles","STYLE_LIST","ContentElement","qa","as","styles","gridArea","preset","color","display","flow","gap","overflow","scrollbar","CubeContentProps","Content","props","ref","$","_c","t0","t1","eventProps","t2"],"sources":["../../../src/components/content/Content.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nconst STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nconst ContentElement = tasty({\n  qa: 'Content',\n  // Stable where `qa` is not: `Dialog` finds its body by this to watch it for\n  // overflow, and a consumer's own `qa` must not hide it.\n  'data-id': 'Content',\n  as: 'section',\n  styles: {\n    gridArea: 'content',\n    preset: 'p3',\n    color: '#dark-02',\n    display: 'block',\n    flow: 'column',\n    gap: '2x',\n    overflow: 'auto',\n    scrollbar: 'styled',\n  },\n});\n\nexport interface CubeContentProps\n  extends BaseProps,\n    ContainerStyleProps,\n    TextStyleProps {}\n\nexport const Content = forwardRef(function Content(\n  props: CubeContentProps,\n  ref,\n) {\n  props = useSlotProps(props, 'content');\n\n  const styles = extractStyles(props, STYLE_LIST);\n\n  return (\n    <ContentElement\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;;;AAcA,MAAMU,aAAa,CAAC,GAAGT,kBAAkB,GAAGI,YAAY;AAExD,MAAMM,iBAAiBP,MAAM;CAC3BQ,IAAI;CAGJ,WAAW;CACXC,IAAI;CACJC,QAAQ;EACNC,UAAU;EACVC,QAAQ;EACRC,OAAO;EACPC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,UAAU;EACVC,WAAW;EACb;CACD,CAAC;AAOF,MAAaE,UAAUjB,WAAW,SAAAiB,QAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;AAIhCH,SAAQjB,aAAaiB,OAAO,UAAU;CAAjC,IAAAI;AAAA,KAAAF,EAAA,OAAAF,OAAA;AAEUI,OAAApB,cAAcgB,OAAOf,WAAW;AAAAiB,IAAA,KAAAF;AAAAE,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAA/C,MAAAb,SAAee;CAAiC,IAAAC;AAAA,KAAAH,EAAA,OAAAF,OAAA;AAIxCK,OAAA3B,gBAAgBsB,OAAO,EAAAM,YAAc,MAAM,CAAC;AAAAJ,IAAA,KAAAF;AAAAE,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAK;AAAA,KAAAL,EAAA,OAAAD,OAAAC,EAAA,OAAAb,UAAAa,EAAA,OAAAG,IAAA;AADlDE,OAAA,oBAAC;GAAc,GACTF;GACCJ;GACGZ;IACR;AAAAa,IAAA,KAAAD;AAAAC,IAAA,KAAAb;AAAAa,IAAA,KAAAG;AAAAH,IAAA,KAAAK;OAAAA,MAAAL,EAAA;AAAA,QAJFK;EAMF"}
+{"version":3,"file":"Content.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","TEXT_STYLES","TextStyleProps","forwardRef","useSlotProps","extractStyles","STYLE_LIST","ContentElement","qa","as","styles","gridArea","preset","color","display","flow","gap","overflow","scrollbar","CubeContentProps","Content","props","ref","$","_c","t0","t1","eventProps","t2","_c"],"sources":["../../../src/components/content/Content.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nconst STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nconst ContentElement = tasty({\n  qa: 'Content',\n  // Stable where `qa` is not: `Dialog` finds its body by this to watch it for\n  // overflow, and a consumer's own `qa` must not hide it.\n  'data-id': 'Content',\n  as: 'section',\n  styles: {\n    gridArea: 'content',\n    preset: 'p3',\n    color: '#dark-02',\n    display: 'block',\n    flow: 'column',\n    gap: '2x',\n    overflow: 'auto',\n    scrollbar: 'styled',\n  },\n});\n\nexport interface CubeContentProps\n  extends BaseProps, ContainerStyleProps, TextStyleProps {}\n\nexport const Content = forwardRef(function Content(\n  props: CubeContentProps,\n  ref,\n) {\n  props = useSlotProps(props, 'content');\n\n  const styles = extractStyles(props, STYLE_LIST);\n\n  return (\n    <ContentElement\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;;AAcA,MAAMU,aAAa,CAAC,GAAGT,kBAAkB,GAAGI,WAAW;AAEvD,MAAMM,iBAAiBP,MAAM;CAC3BQ,IAAI;CAGJ,WAAW;CACXC,IAAI;CACJC,QAAQ;EACNC,UAAU;EACVC,QAAQ;EACRC,OAAO;EACPC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,UAAU;EACVC,WAAW;CACb;AACF,CAAC;AAKD,MAAaE,UAAUjB,WAAW,SAAAiB,QAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAIhCH,QAAQjB,aAAaiB,OAAO,SAAS;CAAhC,IAAAI;CAAA,IAAAF,EAAA,OAAAF,OAAA;EAEUI,KAAApB,cAAcgB,OAAOf,UAAU;EAACiB,EAAA,KAAAF;EAAAE,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAA/C,MAAAb,SAAee;CAAiC,IAAAC;CAAA,IAAAH,EAAA,OAAAF,OAAA;EAIxCK,KAAA3B,gBAAgBsB,OAAO,EAAAM,YAAc,KAAK,CAAC;EAACJ,EAAA,KAAAF;EAAAE,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAAC,EAAA,OAAAb,UAAAa,EAAA,OAAAG,IAAA;EADlDE,KAAA,oBAAC,gBAAD;GAAe,GACTF;GACCJ;GACGZ;EAAM,CAAA;EACda,EAAA,KAAAD;EAAAC,EAAA,KAAAb;EAAAa,EAAA,KAAAG;EAAAH,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAJFK;AAIE,CAEL"}

package/dist/components/content/CopyPasteBlock/CopyPasteBlock.d.ts

@@ -1,11 +1,9 @@
 
 import { CubeCardProps } from "../Card/Card.js";
 import { PositionStyleProps, Styles } from "@tenphi/tasty";
-import * as react from "react";
 import { ReactNode } from "react";
-
 //#region src/components/content/CopyPasteBlock/CopyPasteBlock.d.ts
-interface CubeCopyPasteBlockProps extends Omit<CubeCardProps, 'onPaste' | 'onCopy'>, PositionStyleProps {
+export interface CubeCopyPasteBlockProps extends Omit<CubeCardProps, 'onPaste' | 'onCopy'>, PositionStyleProps {
   padding?: Styles['padding'];
   /** The code snippet */
   value?: string;
@@ -16,7 +14,7 @@ interface CubeCopyPasteBlockProps extends Omit<CubeCardProps, 'onPaste' | 'onCop
   onCopy?: () => void;
   size?: 'small' | 'medium' | 'large';
 }
-declare const _CopyPasteBlock: react.ForwardRefExoticComponent<CubeCopyPasteBlockProps & react.RefAttributes<HTMLDivElement>>;
+declare const _CopyPasteBlock: import("react").ForwardRefExoticComponent<CubeCopyPasteBlockProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
-export { CubeCopyPasteBlockProps, _CopyPasteBlock };
+export { _CopyPasteBlock as CopyPasteBlock };
 //# sourceMappingURL=CopyPasteBlock.d.ts.map

package/dist/components/content/CopyPasteBlock/CopyPasteBlock.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useTimer } from "../../../_internal/hooks/use-timer/use-timer.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -11,7 +11,6 @@ import { forwardRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useClipboard } from "react-aria";
 import copy from "clipboard-copy";
-
 //#region src/components/content/CopyPasteBlock/CopyPasteBlock.tsx
 const StyledBlock = tasty({ styles: {
 	display: "grid",
@@ -164,7 +163,7 @@ function CopyPasteBlock(allProps, ref) {
 }
 const _CopyPasteBlock = forwardRef(CopyPasteBlock);
 _CopyPasteBlock.displayName = "CopyPasteBlock";
-
 //#endregion
-export { _CopyPasteBlock };
+export { _CopyPasteBlock as CopyPasteBlock };
+
 //# sourceMappingURL=CopyPasteBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CopyPasteBlock.js","names":["POSITION_STYLES","PositionStyleProps","Styles","tasty","copy","ForwardedRef","forwardRef","ReactNode","useState","TextDropItem","useClipboard","useTimer","useI18n","CopyIcon","extractStyles","Button","useToast","Card","CubeCardProps","StyledBlock","styles","display","flow","placeContent","placeItems","gap","position","width","color","padding","userSelect","Label","whiteSpace","overflow","textOverflow","CopyPasteBlockElement","qa","fill","radius","error","border","cursor","preset","height","boxSizing","Grid","gridColumns","Shortcut","hide","CopyButton","type","icon","placeSelf","shadow","focused","outline","CubeCopyPasteBlockProps","Omit","value","placeholder","title","onPaste","text","Promise","onCopy","size","CopyPasteBlock","allProps","ref","HTMLDivElement","props","t","setError","toast","clipboardProps","items","pasted","all","filter","item","kind","types","has","map","getText","join","e","String","getItems","success","delay","callback","isDisabled","pristineValue","replace","_CopyPasteBlock","displayName"],"sources":["../../../../src/components/content/CopyPasteBlock/CopyPasteBlock.tsx"],"sourcesContent":["import {\n  POSITION_STYLES,\n  PositionStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport copy from 'clipboard-copy';\nimport { ForwardedRef, forwardRef, ReactNode, useState } from 'react';\nimport { TextDropItem, useClipboard } from 'react-aria';\n\nimport { useTimer } from '../../../_internal';\nimport { useI18n } from '../../../i18n';\nimport { CopyIcon } from '../../../icons/CopyIcon';\nimport { extractStyles } from '../../../utils/styles';\nimport { Button } from '../../actions';\nimport { useToast } from '../../overlays/Toast';\nimport { Card, CubeCardProps } from '../Card/Card';\n\nconst StyledBlock = tasty({\n  styles: {\n    display: 'grid',\n    flow: 'column',\n    placeContent: 'center space-between',\n    placeItems: 'center stretch',\n    gap: '1x',\n    position: 'relative',\n    width: 'max 100%',\n    color: 'inherit',\n    padding: '0 1.5x',\n    // height: {\n    //   '': '4.5x',\n    //   '[data-size=\"small\"]': '3.5x',\n    //   '[data-size=\"large\"]': '5.5x',\n    // },\n    userSelect: 'none',\n\n    Label: {\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n    },\n  },\n});\n\nconst CopyPasteBlockElement = tasty(Card, {\n  qa: 'CopyPasteBlock',\n  styles: {\n    display: 'grid',\n    fill: '#surface-2',\n    radius: '1r',\n    padding: {\n      '': '0 1px',\n      ':focus': '0',\n    },\n    color: {\n      '': '#dark',\n      error: '#danger-text',\n    },\n    border: {\n      '': 'dashed #dark-03',\n      ':focus': '2px dashed #primary-text',\n      error: 'dashed #danger',\n    },\n    cursor: '$pointer',\n    preset: {\n      '': 't3',\n      'size=large': 't2',\n    },\n    height: {\n      '': '5x',\n      'size=small': '4x',\n      'size=large': '6x',\n    },\n    boxSizing: 'border-box',\n\n    Grid: {\n      display: 'grid',\n      flow: 'row',\n      gridColumns: 'minmax(0, 1fr) min-content',\n      placeContent: 'stretch',\n      width: 'min 20x',\n      radius: '1r',\n      position: 'relative',\n    },\n\n    Shortcut: {\n      display: 'inline',\n      hide: {\n        '': true,\n        ':focus & !error': false,\n      },\n    },\n  },\n});\n\nconst CopyButton = tasty(Button, {\n  type: 'clear',\n  icon: <CopyIcon />,\n  styles: {\n    placeSelf: 'stretch',\n    border: '#clear',\n    shadow: {\n      '': '0 0 0 1ow #purple-03.0 inset',\n      focused: '0 0 0 1ow #purple-03 inset',\n    },\n    radius: {\n      '': '0 1r 1r 0',\n      'multiline | has-scroll': '1r top-right',\n    },\n    height: 'auto',\n    outline: false,\n  },\n});\n\nexport interface CubeCopyPasteBlockProps\n  extends Omit<CubeCardProps, 'onPaste' | 'onCopy'>,\n    PositionStyleProps {\n  padding?: Styles['padding'];\n  /** The code snippet */\n  value?: string;\n  placeholder?: ReactNode;\n  /** The title of the snippet */\n  title?: string;\n  onPaste?: (text: string) => void | Promise<void | string>;\n  onCopy?: () => void;\n  size?: 'small' | 'medium' | 'large';\n}\n\nfunction CopyPasteBlock(\n  allProps: CubeCopyPasteBlockProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    value = '',\n    onPaste,\n    placeholder,\n    title,\n    size = 'medium',\n    ...props\n  } = allProps;\n  const styles = extractStyles(props, POSITION_STYLES);\n\n  const { t } = useI18n();\n  const [error, setError] = useState<string | null>(null);\n  const toast = useToast();\n\n  const { clipboardProps } = useClipboard({\n    async onPaste(items) {\n      let pasted = await Promise.all(\n        items\n          .filter(\n            (item) => item.kind === 'text' && item.types.has('text/plain'),\n          )\n          .map((item) => (item as TextDropItem).getText('text/plain')),\n      );\n      try {\n        await onPaste?.(pasted.join('\\n'));\n      } catch (e) {\n        setError(String(e));\n      }\n    },\n    getItems() {\n      return value\n        ? [\n            {\n              'text/plain': value,\n            },\n          ]\n        : [];\n    },\n    onCopy() {\n      if (value) {\n        toast.success(\n          t('copyPasteBlock.copied', '{{title}} copied', {\n            title: title || t('copyPasteBlock.defaultTitle', 'Text'),\n          }),\n        );\n      }\n    },\n  });\n\n  useTimer({\n    delay: 1000,\n    callback() {\n      setError(null);\n    },\n    isDisabled: !error,\n  });\n\n  async function onCopy() {\n    await copy(value);\n\n    toast.success(\n      t('copyPasteBlock.copied', '{{title}} copied', {\n        title: title || t('copyPasteBlock.defaultTitle', 'Text'),\n      }),\n    );\n  }\n\n  const pristineValue = value.replace(/\\n/, ' ');\n\n  return (\n    <CopyPasteBlockElement\n      ref={ref}\n      mods={{ error: !!error }}\n      data-size={size}\n      styles={styles}\n      tabIndex={0}\n      {...props}\n      {...clipboardProps}\n    >\n      <div data-element=\"Grid\">\n        <StyledBlock\n          data-size={size}\n          mods={{\n            placeholder: !!placeholder || !value,\n          }}\n        >\n          <div data-element=\"Label\">\n            {error != null ? (\n              error || t('copyPasteBlock.invalidData', 'Invalid data')\n            ) : value ? (\n              pristineValue\n            ) : (\n              <>\n                {placeholder\n                  ? placeholder\n                  : t('copyPasteBlock.selectAndPaste', 'Select and paste')}\n              </>\n            )}\n          </div>\n          <span data-element=\"Shortcut\">\n            <kbd>Cmd</kbd> + <kbd>V</kbd>\n          </span>\n        </StyledBlock>\n        {value && !error && (\n          <CopyButton\n            size={size}\n            aria-label={t(\n              'copyPasteBlock.copyToClipboard',\n              'Copy {{title}} to clipboard',\n              {\n                title: title || t('copyPasteBlock.defaultTitle', 'Text'),\n              },\n            )}\n            onPress={onCopy}\n          />\n        )}\n      </div>\n    </CopyPasteBlockElement>\n  );\n}\n\nconst _CopyPasteBlock = forwardRef(CopyPasteBlock);\n\n_CopyPasteBlock.displayName = 'CopyPasteBlock';\n\nexport { _CopyPasteBlock as CopyPasteBlock };\n"],"mappings":"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"}
+{"version":3,"file":"CopyPasteBlock.js","names":["POSITION_STYLES","PositionStyleProps","Styles","tasty","copy","ForwardedRef","forwardRef","ReactNode","useState","TextDropItem","useClipboard","useTimer","useI18n","CopyIcon","extractStyles","Button","useToast","Card","CubeCardProps","StyledBlock","styles","display","flow","placeContent","placeItems","gap","position","width","color","padding","userSelect","Label","whiteSpace","overflow","textOverflow","CopyPasteBlockElement","qa","fill","radius","error","border","cursor","preset","height","boxSizing","Grid","gridColumns","Shortcut","hide","CopyButton","type","icon","placeSelf","shadow","focused","outline","CubeCopyPasteBlockProps","Omit","value","placeholder","title","onPaste","text","Promise","onCopy","size","CopyPasteBlock","allProps","ref","HTMLDivElement","props","t","setError","toast","clipboardProps","items","pasted","all","filter","item","kind","types","has","map","getText","join","e","String","getItems","success","delay","callback","isDisabled","pristineValue","replace","_CopyPasteBlock","displayName"],"sources":["../../../../src/components/content/CopyPasteBlock/CopyPasteBlock.tsx"],"sourcesContent":["import {\n  POSITION_STYLES,\n  PositionStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport copy from 'clipboard-copy';\nimport { ForwardedRef, forwardRef, ReactNode, useState } from 'react';\nimport { TextDropItem, useClipboard } from 'react-aria';\n\nimport { useTimer } from '../../../_internal';\nimport { useI18n } from '../../../i18n';\nimport { CopyIcon } from '../../../icons/CopyIcon';\nimport { extractStyles } from '../../../utils/styles';\nimport { Button } from '../../actions';\nimport { useToast } from '../../overlays/Toast';\nimport { Card, CubeCardProps } from '../Card/Card';\n\nconst StyledBlock = tasty({\n  styles: {\n    display: 'grid',\n    flow: 'column',\n    placeContent: 'center space-between',\n    placeItems: 'center stretch',\n    gap: '1x',\n    position: 'relative',\n    width: 'max 100%',\n    color: 'inherit',\n    padding: '0 1.5x',\n    // height: {\n    //   '': '4.5x',\n    //   '[data-size=\"small\"]': '3.5x',\n    //   '[data-size=\"large\"]': '5.5x',\n    // },\n    userSelect: 'none',\n\n    Label: {\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n    },\n  },\n});\n\nconst CopyPasteBlockElement = tasty(Card, {\n  qa: 'CopyPasteBlock',\n  styles: {\n    display: 'grid',\n    fill: '#surface-2',\n    radius: '1r',\n    padding: {\n      '': '0 1px',\n      ':focus': '0',\n    },\n    color: {\n      '': '#dark',\n      error: '#danger-text',\n    },\n    border: {\n      '': 'dashed #dark-03',\n      ':focus': '2px dashed #primary-text',\n      error: 'dashed #danger',\n    },\n    cursor: '$pointer',\n    preset: {\n      '': 't3',\n      'size=large': 't2',\n    },\n    height: {\n      '': '5x',\n      'size=small': '4x',\n      'size=large': '6x',\n    },\n    boxSizing: 'border-box',\n\n    Grid: {\n      display: 'grid',\n      flow: 'row',\n      gridColumns: 'minmax(0, 1fr) min-content',\n      placeContent: 'stretch',\n      width: 'min 20x',\n      radius: '1r',\n      position: 'relative',\n    },\n\n    Shortcut: {\n      display: 'inline',\n      hide: {\n        '': true,\n        ':focus & !error': false,\n      },\n    },\n  },\n});\n\nconst CopyButton = tasty(Button, {\n  type: 'clear',\n  icon: <CopyIcon />,\n  styles: {\n    placeSelf: 'stretch',\n    border: '#clear',\n    shadow: {\n      '': '0 0 0 1ow #purple-03.0 inset',\n      focused: '0 0 0 1ow #purple-03 inset',\n    },\n    radius: {\n      '': '0 1r 1r 0',\n      'multiline | has-scroll': '1r top-right',\n    },\n    height: 'auto',\n    outline: false,\n  },\n});\n\nexport interface CubeCopyPasteBlockProps\n  extends Omit<CubeCardProps, 'onPaste' | 'onCopy'>, PositionStyleProps {\n  padding?: Styles['padding'];\n  /** The code snippet */\n  value?: string;\n  placeholder?: ReactNode;\n  /** The title of the snippet */\n  title?: string;\n  onPaste?: (text: string) => void | Promise<void | string>;\n  onCopy?: () => void;\n  size?: 'small' | 'medium' | 'large';\n}\n\nfunction CopyPasteBlock(\n  allProps: CubeCopyPasteBlockProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    value = '',\n    onPaste,\n    placeholder,\n    title,\n    size = 'medium',\n    ...props\n  } = allProps;\n  const styles = extractStyles(props, POSITION_STYLES);\n\n  const { t } = useI18n();\n  const [error, setError] = useState<string | null>(null);\n  const toast = useToast();\n\n  const { clipboardProps } = useClipboard({\n    async onPaste(items) {\n      let pasted = await Promise.all(\n        items\n          .filter(\n            (item) => item.kind === 'text' && item.types.has('text/plain'),\n          )\n          .map((item) => (item as TextDropItem).getText('text/plain')),\n      );\n      try {\n        await onPaste?.(pasted.join('\\n'));\n      } catch (e) {\n        setError(String(e));\n      }\n    },\n    getItems() {\n      return value\n        ? [\n            {\n              'text/plain': value,\n            },\n          ]\n        : [];\n    },\n    onCopy() {\n      if (value) {\n        toast.success(\n          t('copyPasteBlock.copied', '{{title}} copied', {\n            title: title || t('copyPasteBlock.defaultTitle', 'Text'),\n          }),\n        );\n      }\n    },\n  });\n\n  useTimer({\n    delay: 1000,\n    callback() {\n      setError(null);\n    },\n    isDisabled: !error,\n  });\n\n  async function onCopy() {\n    await copy(value);\n\n    toast.success(\n      t('copyPasteBlock.copied', '{{title}} copied', {\n        title: title || t('copyPasteBlock.defaultTitle', 'Text'),\n      }),\n    );\n  }\n\n  const pristineValue = value.replace(/\\n/, ' ');\n\n  return (\n    <CopyPasteBlockElement\n      ref={ref}\n      mods={{ error: !!error }}\n      data-size={size}\n      styles={styles}\n      tabIndex={0}\n      {...props}\n      {...clipboardProps}\n    >\n      <div data-element=\"Grid\">\n        <StyledBlock\n          data-size={size}\n          mods={{\n            placeholder: !!placeholder || !value,\n          }}\n        >\n          <div data-element=\"Label\">\n            {error != null ? (\n              error || t('copyPasteBlock.invalidData', 'Invalid data')\n            ) : value ? (\n              pristineValue\n            ) : (\n              <>\n                {placeholder\n                  ? placeholder\n                  : t('copyPasteBlock.selectAndPaste', 'Select and paste')}\n              </>\n            )}\n          </div>\n          <span data-element=\"Shortcut\">\n            <kbd>Cmd</kbd> + <kbd>V</kbd>\n          </span>\n        </StyledBlock>\n        {value && !error && (\n          <CopyButton\n            size={size}\n            aria-label={t(\n              'copyPasteBlock.copyToClipboard',\n              'Copy {{title}} to clipboard',\n              {\n                title: title || t('copyPasteBlock.defaultTitle', 'Text'),\n              },\n            )}\n            onPress={onCopy}\n          />\n        )}\n      </div>\n    </CopyPasteBlockElement>\n  );\n}\n\nconst _CopyPasteBlock = forwardRef(CopyPasteBlock);\n\n_CopyPasteBlock.displayName = 'CopyPasteBlock';\n\nexport { _CopyPasteBlock as CopyPasteBlock };\n"],"mappings":"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"}

package/dist/components/content/CopyPasteBlock/index.d.ts

@@ -1,2 +1,3 @@
 
-import { CubeCopyPasteBlockProps, _CopyPasteBlock } from "./CopyPasteBlock.js";
+import { CopyPasteBlock as _CopyPasteBlock, CubeCopyPasteBlockProps } from "./CopyPasteBlock.js";
+export { _CopyPasteBlock as CopyPasteBlock, CubeCopyPasteBlockProps };