@choco-vanille/ui 1.2.0 → 1.3.1-dev.1

package/dist/components/actions/toggle-group/components/toggle-group-item/ToggleGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupItem.js","sources":["../../../../../../src/components/actions/toggle-group/components/toggle-group-item/ToggleGroupItem.tsx"],"sourcesContent":["import { Toggle as BaseToggle } from '@base-ui/react/toggle'\r\n\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { buttonSizeToIconSize } from '@components/actions/_shared/buttons/constants'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { TOGGLE_SIZE_TO_FONT_SIZE } from '@components/actions/toggle/constants/toggleSizes.const.ts'\r\nimport { TOGGLE_STYLES } from '@components/actions/toggle/styles/Toggle.css.ts'\r\nimport type { ToggleGroupItemProps } from '@components/actions/toggle-group/components/toggle-group-item/types/ToggleGroupItem.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { FC } from 'react'\r\n\r\nconst ToggleGroupItem: FC<ToggleGroupItemProps> = ({\r\n    variant,\r\n    color,\r\n    size = 'md',\r\n    radius,\r\n    className,\r\n    label,\r\n    icon,\r\n    startIcon,\r\n    endIcon,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const iconSize = buttonSizeToIconSize[size]\r\n    const fontSize = TOGGLE_SIZE_TO_FONT_SIZE[size]\r\n\r\n    return (\r\n        <BaseToggle\r\n            ref={ref}\r\n            data-icon-only={icon ? '' : undefined}\r\n            className={cn(TOGGLE_STYLES.recipe({ variant, color, size, radius }), className)}\r\n            {...props}\r\n        >\r\n            {icon ? (\r\n                <Icon\r\n                    icon={icon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            ) : (\r\n                <>\r\n                    {startIcon && (\r\n                        <Icon\r\n                            icon={startIcon}\r\n                            size={iconSize}\r\n                            className={BUTTON_SHARED_STYLES.icon}\r\n                        />\r\n                    )}\r\n                    <Typography\r\n                        as={'span'}\r\n                        fontSize={fontSize}\r\n                        fontWeight={'medium'}\r\n                    >\r\n                        {label}\r\n                    </Typography>\r\n                    {endIcon && (\r\n                        <Icon\r\n                            icon={endIcon}\r\n                            size={iconSize}\r\n                            className={BUTTON_SHARED_STYLES.icon}\r\n                        />\r\n                    )}\r\n                </>\r\n            )}\r\n        </BaseToggle>\r\n    )\r\n}\r\n\r\nToggleGroupItem.displayName = 'ToggleGroup.Item'\r\n\r\nexport default ToggleGroupItem\r\n"],"names":["ToggleGroupItem","variant","color","size","radius","className","label","icon","startIcon","endIcon","ref","props","iconSize","buttonSizeToIconSize","fontSize","TOGGLE_SIZE_TO_FONT_SIZE","jsx","BaseToggle","cn","TOGGLE_STYLES","Icon","BUTTON_SHARED_STYLES","jsxs","Fragment","Typography"],"mappings":";;;;;;;;;;;AAYA,MAAMA,IAA4C,CAAC;AAAA,EAC/C,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAWC,EAAqBV,CAAI,GACpCW,IAAWC,EAAyBZ,CAAI;AAE9C,SACI,gBAAAa;AAAA,IAACC;AAAAA,IAAA;AAAA,MACG,KAAAP;AAAA,MACA,kBAAgBH,IAAO,KAAK;AAAA,MAC5B,WAAWW,EAAGC,EAAc,OAAO,EAAE,SAAAlB,GAAS,OAAAC,GAAO,MAAAC,GAAM,QAAAC,GAAQ,GAAGC,CAAS;AAAA,MAC9E,GAAGM;AAAA,MAEH,UAAAJ,IACG,gBAAAS;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,MAAAb;AAAA,UACA,MAAMK;AAAA,UACN,WAAWS,EAAqB;AAAA,QAAA;AAAA,MAAA,IAGpC,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,QAAAf,KACG,gBAAAQ;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,MAAMZ;AAAA,YACN,MAAMI;AAAA,YACN,WAAWS,EAAqB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGxC,gBAAAL;AAAA,UAACQ;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,UAAAV;AAAA,YACA,YAAY;AAAA,YAEX,UAAAR;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJG,KACG,gBAAAO;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,MAAMX;AAAA,YACN,MAAMG;AAAA,YACN,WAAWS,EAAqB;AAAA,UAAA;AAAA,QAAA;AAAA,MACpC,EAAA,CAER;AAAA,IAAA;AAAA,EAAA;AAIhB;AAEArB,EAAgB,cAAc;"}
+{"version":3,"file":"ToggleGroupItem.js","sources":["../../../../../../src/components/actions/toggle-group/components/toggle-group-item/ToggleGroupItem.tsx"],"sourcesContent":["import { Toggle as BaseToggle } from '@base-ui/react/toggle'\r\n\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { buttonSizeToIconSize } from '@components/actions/_shared/buttons/constants'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { TOGGLE_SIZE_TO_FONT_SIZE } from '@components/actions/toggle/constants/toggleSizes.const.ts'\r\nimport { TOGGLE_STYLES } from '@components/actions/toggle/styles/Toggle.css.ts'\r\nimport type { ToggleGroupItemProps } from '@components/actions/toggle-group/components/toggle-group-item/types/ToggleGroupItem.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { FC } from 'react'\r\n\r\nconst ToggleGroupItem: FC<ToggleGroupItemProps> = ({\r\n    variant,\r\n    subtle,\r\n    color,\r\n    size = 'md',\r\n    radius,\r\n    className,\r\n    label,\r\n    icon,\r\n    startIcon,\r\n    endIcon,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const iconSize = buttonSizeToIconSize[size]\r\n    const fontSize = TOGGLE_SIZE_TO_FONT_SIZE[size]\r\n\r\n    return (\r\n        <BaseToggle\r\n            ref={ref}\r\n            data-icon-only={icon ? '' : undefined}\r\n            className={cn(TOGGLE_STYLES.recipe({ variant, color, size, radius, subtle }), className)}\r\n            {...props}\r\n        >\r\n            {icon ? (\r\n                <Icon\r\n                    icon={icon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            ) : (\r\n                <>\r\n                    {startIcon && (\r\n                        <Icon\r\n                            icon={startIcon}\r\n                            size={iconSize}\r\n                            className={BUTTON_SHARED_STYLES.icon}\r\n                        />\r\n                    )}\r\n                    <Typography\r\n                        as={'span'}\r\n                        fontSize={fontSize}\r\n                        fontWeight={'medium'}\r\n                    >\r\n                        {label}\r\n                    </Typography>\r\n                    {endIcon && (\r\n                        <Icon\r\n                            icon={endIcon}\r\n                            size={iconSize}\r\n                            className={BUTTON_SHARED_STYLES.icon}\r\n                        />\r\n                    )}\r\n                </>\r\n            )}\r\n        </BaseToggle>\r\n    )\r\n}\r\n\r\nToggleGroupItem.displayName = 'ToggleGroup.Item'\r\n\r\nexport default ToggleGroupItem\r\n"],"names":["ToggleGroupItem","variant","subtle","color","size","radius","className","label","icon","startIcon","endIcon","ref","props","iconSize","buttonSizeToIconSize","fontSize","TOGGLE_SIZE_TO_FONT_SIZE","jsx","BaseToggle","cn","TOGGLE_STYLES","Icon","BUTTON_SHARED_STYLES","jsxs","Fragment","Typography"],"mappings":";;;;;;;;;;;AAYA,MAAMA,IAA4C,CAAC;AAAA,EAC/C,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAWC,EAAqBV,CAAI,GACpCW,IAAWC,EAAyBZ,CAAI;AAE9C,SACI,gBAAAa;AAAA,IAACC;AAAAA,IAAA;AAAA,MACG,KAAAP;AAAA,MACA,kBAAgBH,IAAO,KAAK;AAAA,MAC5B,WAAWW,EAAGC,EAAc,OAAO,EAAE,SAAAnB,GAAS,OAAAE,GAAO,MAAAC,GAAM,QAAAC,GAAQ,QAAAH,EAAA,CAAQ,GAAGI,CAAS;AAAA,MACtF,GAAGM;AAAA,MAEH,UAAAJ,IACG,gBAAAS;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,MAAAb;AAAA,UACA,MAAMK;AAAA,UACN,WAAWS,EAAqB;AAAA,QAAA;AAAA,MAAA,IAGpC,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,QAAAf,KACG,gBAAAQ;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,MAAMZ;AAAA,YACN,MAAMI;AAAA,YACN,WAAWS,EAAqB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGxC,gBAAAL;AAAA,UAACQ;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,UAAAV;AAAA,YACA,YAAY;AAAA,YAEX,UAAAR;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJG,KACG,gBAAAO;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,MAAMX;AAAA,YACN,MAAMG;AAAA,YACN,WAAWS,EAAqB;AAAA,UAAA;AAAA,QAAA;AAAA,MACpC,EAAA,CAER;AAAA,IAAA;AAAA,EAAA;AAIhB;AAEAtB,EAAgB,cAAc;"}

package/dist/components/actions/toggle-group/components/toggle-group-item/types/ToggleGroupItem.props.d.ts

@@ -4,6 +4,7 @@ import type * as React from 'react';
 export type ToggleGroupItemProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'color'> & ToggleContent & {
     value: string;
     variant?: ToggleVariant;
+    subtle?: boolean;
     color?: ToggleColor;
     size?: ToggleSize;
     radius?: ToggleRadius;

package/dist/components/actions/toggle-group/styles/ToggleGroup.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                                 */const e=require("@vanilla-extract/recipes/createRuntimeFn");var t={recipe:e.createRuntimeFn({defaultClassName:"_40ge150",variantClassNames:{orientation:{horizontal:"_40ge151",vertical:"_40ge152"}},defaultVariants:{orientation:"horizontal"},compoundVariants:[]})};exports.TOGGLE_GROUP_STYLES=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit64.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                 */const e=require("@vanilla-extract/recipes/createRuntimeFn");var t={recipe:e.createRuntimeFn({defaultClassName:"_40ge150",variantClassNames:{orientation:{horizontal:"_40ge151",vertical:"_40ge152"}},defaultVariants:{orientation:"horizontal"},compoundVariants:[]})};exports.TOGGLE_GROUP_STYLES=t;
 //# sourceMappingURL=ToggleGroup.css.cjs.map

package/dist/components/actions/toggle-group/styles/ToggleGroup.css.js

@@ -1,4 +1,4 @@
-/* empty css                                            */
+import '../../../../ui-kit64.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                               */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var i = { recipe: a({ defaultClassName: "_40ge150", variantClassNames: { orientation: { horizontal: "_40ge151", vertical: "_40ge152" } }, defaultVariants: { orientation: "horizontal" }, compoundVariants: [] }) };

package/dist/components/data-display/_shared/utils/extractText.utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=r=>typeof r=="string"||typeof r=="number"?String(r):Array.isArray(r)?r.map(t).join(""):e.isValidElement(r)?t(r.props.children):"";exports.extractTextFromReactNode=t;
+//# sourceMappingURL=extractText.utils.cjs.map

package/dist/components/data-display/_shared/utils/extractText.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractText.utils.cjs","sources":["../../../../../src/components/data-display/_shared/utils/extractText.utils.ts"],"sourcesContent":["import { isValidElement, type ReactNode } from 'react'\r\n\r\nexport const extractTextFromReactNode = (value: ReactNode): string => {\r\n    if (typeof value === 'string' || typeof value === 'number') {\r\n        return String(value)\r\n    }\r\n\r\n    if (Array.isArray(value)) {\r\n        return value.map(extractTextFromReactNode).join('')\r\n    }\r\n\r\n    if (isValidElement<{ children?: ReactNode }>(value)) {\r\n        return extractTextFromReactNode(value.props.children)\r\n    }\r\n\r\n    return ''\r\n}\r\n"],"names":["extractTextFromReactNode","value","isValidElement"],"mappings":"yGAEaA,EAA4BC,GACjC,OAAOA,GAAU,UAAY,OAAOA,GAAU,SACvC,OAAOA,CAAK,EAGnB,MAAM,QAAQA,CAAK,EACZA,EAAM,IAAID,CAAwB,EAAE,KAAK,EAAE,EAGlDE,EAAAA,eAAyCD,CAAK,EACvCD,EAAyBC,EAAM,MAAM,QAAQ,EAGjD"}

package/dist/components/data-display/_shared/utils/extractText.utils.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare const extractTextFromReactNode: (value: ReactNode) => string;

package/dist/components/data-display/_shared/utils/extractText.utils.js

@@ -0,0 +1,6 @@
+import { isValidElement as i } from "react";
+const t = (r) => typeof r == "string" || typeof r == "number" ? String(r) : Array.isArray(r) ? r.map(t).join("") : i(r) ? t(r.props.children) : "";
+export {
+  t as extractTextFromReactNode
+};
+//# sourceMappingURL=extractText.utils.js.map

package/dist/components/data-display/_shared/utils/extractText.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractText.utils.js","sources":["../../../../../src/components/data-display/_shared/utils/extractText.utils.ts"],"sourcesContent":["import { isValidElement, type ReactNode } from 'react'\r\n\r\nexport const extractTextFromReactNode = (value: ReactNode): string => {\r\n    if (typeof value === 'string' || typeof value === 'number') {\r\n        return String(value)\r\n    }\r\n\r\n    if (Array.isArray(value)) {\r\n        return value.map(extractTextFromReactNode).join('')\r\n    }\r\n\r\n    if (isValidElement<{ children?: ReactNode }>(value)) {\r\n        return extractTextFromReactNode(value.props.children)\r\n    }\r\n\r\n    return ''\r\n}\r\n"],"names":["extractTextFromReactNode","value","isValidElement"],"mappings":";AAEO,MAAMA,IAA2B,CAACC,MACjC,OAAOA,KAAU,YAAY,OAAOA,KAAU,WACvC,OAAOA,CAAK,IAGnB,MAAM,QAAQA,CAAK,IACZA,EAAM,IAAID,CAAwB,EAAE,KAAK,EAAE,IAGlDE,EAAyCD,CAAK,IACvCD,EAAyBC,EAAM,MAAM,QAAQ,IAGjD;"}

package/dist/components/data-display/avatar/components/avatar-fallback/AvatarFallback.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),q=require("@base-ui/react/avatar"),l=require("./styles/AvatarFallback.css.cjs"),i=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const A=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const p=require("../../../../../utils/cn.cjs"),T=require("react"),_=require("./constants/sizeToTypography.const.cjs");;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                            */;/* empty css                                                                         */;/* empty css                                                                          */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                         */;/* empty css                                                                          */;/* empty css                                                                          */const d=require("../../../../../constants/icons.cjs"),s=T.memo(({initials:r,icon:a,size:c="md",delay:t,className:u,...n})=>{const o=r?e.jsx(A,{as:"span",variant:"span","aria-hidden":"true",fontSize:_.AVATAR_SIZE_TO_TYPOGRAPHY_SIZE[c],children:r.slice(0,2).toUpperCase()}):a?e.jsx(i,{icon:a}):e.jsx(i,{icon:d.IconRegistry.user});return e.jsx(q.Avatar.Fallback,{className:p.cn(l.AVATAR_FALLBACK_STYLES.recipe(),u),delay:t,...n,children:o})});s.displayName="Avatar.Fallback";module.exports=s;
+"use strict";require('../../../../../ui-kit4.css');require('../../../../../ui-kit6.css');require('../../../../../ui-kit3.css');require('../../../../../ui-kit8.css');require('../../../../../ui-kit13.css');require('../../../../../ui-kit14.css');require('../../../../../ui-kit12.css');require('../../../../../ui-kit10.css');require('../../../../../ui-kit5.css');require('../../../../../ui-kit7.css');require('../../../../../ui-kit11.css');require('../../../../../ui-kit9.css');const e=require("react/jsx-runtime"),q=require("@base-ui/react/avatar"),l=require("./styles/AvatarFallback.css.cjs"),i=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const A=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const p=require("../../../../../utils/cn.cjs"),T=require("react"),_=require("./constants/sizeToTypography.const.cjs");;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                            */;/* empty css                                                                         */;/* empty css                                                                          */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                         */;/* empty css                                                                          */;/* empty css                                                                          */const d=require("../../../../../constants/icons.cjs"),s=T.memo(({initials:r,icon:a,size:c="md",delay:t,className:u,...n})=>{const o=r?e.jsx(A,{as:"span",variant:"span","aria-hidden":"true",fontSize:_.AVATAR_SIZE_TO_TYPOGRAPHY_SIZE[c],children:r.slice(0,2).toUpperCase()}):a?e.jsx(i,{icon:a}):e.jsx(i,{icon:d.IconRegistry.user});return e.jsx(q.Avatar.Fallback,{className:p.cn(l.AVATAR_FALLBACK_STYLES.recipe(),u),delay:t,...n,children:o})});s.displayName="Avatar.Fallback";module.exports=s;
 //# sourceMappingURL=AvatarFallback.cjs.map

package/dist/components/data-display/avatar/components/avatar-fallback/AvatarFallback.js

@@ -8,7 +8,7 @@ import "../../../../foundation/typography/styles/Typography.css.js";
 import { cn as f } from "../../../../../utils/cn.js";
 import { memo as A } from "react";
 import { AVATAR_SIZE_TO_TYPOGRAPHY_SIZE as d } from "./constants/sizeToTypography.const.js";
-/* empty css                                                                 */
+import '../../../../../ui-kit4.css';import '../../../../../ui-kit6.css';import '../../../../../ui-kit3.css';import '../../../../../ui-kit8.css';import '../../../../../ui-kit13.css';import '../../../../../ui-kit14.css';import '../../../../../ui-kit12.css';import '../../../../../ui-kit10.css';import '../../../../../ui-kit5.css';import '../../../../../ui-kit7.css';import '../../../../../ui-kit11.css';import '../../../../../ui-kit9.css';/* empty css                                                                 */
 /* empty css                                                                  */
 /* empty css                                                                          */
 /* empty css                                                                       */

package/dist/components/data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                    */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"_13eayvd0",variantClassNames:{},defaultVariants:{},compoundVariants:[]})};exports.AVATAR_FALLBACK_STYLES=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit83.css');;/* empty css                                    */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"_13eayvd0",variantClassNames:{},defaultVariants:{},compoundVariants:[]})};exports.AVATAR_FALLBACK_STYLES=a;
 //# sourceMappingURL=AvatarFallback.css.cjs.map

package/dist/components/data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.js

@@ -1,4 +1,4 @@
-/* empty css                                  */
+import '../../../../../../ui-kit83.css';/* empty css                                  */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var t = { recipe: a({ defaultClassName: "_13eayvd0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] }) };
 export {

package/dist/components/data-display/avatar/components/avatar-image/styles/AvatarImage.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                 */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"_1if4j8q0",variantClassNames:{},defaultVariants:{},compoundVariants:[]})};exports.AVATAR_IMAGE_STYLES=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit96.css');;/* empty css                                 */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"_1if4j8q0",variantClassNames:{},defaultVariants:{},compoundVariants:[]})};exports.AVATAR_IMAGE_STYLES=a;
 //# sourceMappingURL=AvatarImage.css.cjs.map

package/dist/components/data-display/avatar/components/avatar-image/styles/AvatarImage.css.js

@@ -1,4 +1,4 @@
-/* empty css                               */
+import '../../../../../../ui-kit96.css';/* empty css                               */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var t = { recipe: a({ defaultClassName: "_1if4j8q0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] }) };
 export {

package/dist/components/data-display/avatar/components/avatar-root/styles/AvatarRoot.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                */const r=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:r.createRuntimeFn({defaultClassName:"d3r51n0",variantClassNames:{size:{sm:"d3r51n1",md:"d3r51n2",lg:"d3r51n3",xl:"d3r51n4"},shape:{circle:"d3r51n5",square:"d3r51n6"},color:{primary:"d3r51n7",secondary:"d3r51n8",tertiary:"d3r51n9",destructive:"d3r51na",success:"d3r51nb",warning:"d3r51nc",info:"d3r51nd",purple:"d3r51ne",pink:"d3r51nf",orange:"d3r51ng",teal:"d3r51nh",cyan:"d3r51ni",indigo:"d3r51nj"}},defaultVariants:{size:"md",shape:"circle",color:"primary"},compoundVariants:[]})};exports.AVATAR_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit100.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                */const r=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:r.createRuntimeFn({defaultClassName:"d3r51n0",variantClassNames:{size:{sm:"d3r51n1",md:"d3r51n2",lg:"d3r51n3",xl:"d3r51n4"},shape:{circle:"d3r51n5",square:"d3r51n6"},color:{primary:"d3r51n7",secondary:"d3r51n8",tertiary:"d3r51n9",destructive:"d3r51na",success:"d3r51nb",warning:"d3r51nc",info:"d3r51nd",purple:"d3r51ne",pink:"d3r51nf",orange:"d3r51ng",teal:"d3r51nh",cyan:"d3r51ni",indigo:"d3r51nj"}},defaultVariants:{size:"md",shape:"circle",color:"primary"},compoundVariants:[]})};exports.AVATAR_STYLES=e;
 //# sourceMappingURL=AvatarRoot.css.cjs.map

package/dist/components/data-display/avatar/components/avatar-root/styles/AvatarRoot.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                  */
+import '../../../../../../ui-kit100.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                              */
 import { createRuntimeFn as r } from "@vanilla-extract/recipes/createRuntimeFn";
 var e = { recipe: r({ defaultClassName: "d3r51n0", variantClassNames: { size: { sm: "d3r51n1", md: "d3r51n2", lg: "d3r51n3", xl: "d3r51n4" }, shape: { circle: "d3r51n5", square: "d3r51n6" }, color: { primary: "d3r51n7", secondary: "d3r51n8", tertiary: "d3r51n9", destructive: "d3r51na", success: "d3r51nb", warning: "d3r51nc", info: "d3r51nd", purple: "d3r51ne", pink: "d3r51nf", orange: "d3r51ng", teal: "d3r51nh", cyan: "d3r51ni", indigo: "d3r51nj" } }, defaultVariants: { size: "md", shape: "circle", color: "primary" }, compoundVariants: [] }) };

package/dist/components/data-display/avatar/components/avatar-status/styles/AvatarStatus.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                  */const e=require("@vanilla-extract/recipes/createRuntimeFn");var n={recipe:e.createRuntimeFn({defaultClassName:"_1n12kyw0",variantClassNames:{size:{sm:"_1n12kyw1",md:"_1n12kyw2",lg:"_1n12kyw3",xl:"_1n12kyw4"},status:{online:"_1n12kyw5",offline:"_1n12kyw6",busy:"_1n12kyw7",away:"_1n12kyw8"}},defaultVariants:{size:"md",status:"online"},compoundVariants:[]})};exports.AVATAR_STATUS_STYLES=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit91.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */const e=require("@vanilla-extract/recipes/createRuntimeFn");var n={recipe:e.createRuntimeFn({defaultClassName:"_1n12kyw0",variantClassNames:{size:{sm:"_1n12kyw1",md:"_1n12kyw2",lg:"_1n12kyw3",xl:"_1n12kyw4"},status:{online:"_1n12kyw5",offline:"_1n12kyw6",busy:"_1n12kyw7",away:"_1n12kyw8"}},defaultVariants:{size:"md",status:"online"},compoundVariants:[]})};exports.AVATAR_STATUS_STYLES=n;
 //# sourceMappingURL=AvatarStatus.css.cjs.map

package/dist/components/data-display/avatar/components/avatar-status/styles/AvatarStatus.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                  */
+import '../../../../../../ui-kit91.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                */
 import { createRuntimeFn as n } from "@vanilla-extract/recipes/createRuntimeFn";
 var t = { recipe: n({ defaultClassName: "_1n12kyw0", variantClassNames: { size: { sm: "_1n12kyw1", md: "_1n12kyw2", lg: "_1n12kyw3", xl: "_1n12kyw4" }, status: { online: "_1n12kyw5", offline: "_1n12kyw6", busy: "_1n12kyw7", away: "_1n12kyw8" } }, defaultVariants: { size: "md", status: "online" }, compoundVariants: [] }) };

package/dist/components/data-display/badge/constants/badgeVariants.const.d.ts

@@ -4,4 +4,4 @@ export declare const BADGE_VARIANTS: {
     readonly outlined: "outlined";
     readonly outlinedSubtle: "outlinedSubtle";
 };
-export declare const BADGE_VARIANTS_ARRAY: ("contained" | "subtle" | "outlined" | "outlinedSubtle")[];
+export declare const BADGE_VARIANTS_ARRAY: ("contained" | "outlined" | "subtle" | "outlinedSubtle")[];

package/dist/components/data-display/badge/styles/Badge.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                           */const r=require("@vanilla-extract/recipes/createRuntimeFn");var o={recipe:r.createRuntimeFn({defaultClassName:"mw901r0",variantClassNames:{size:{sm:"mw901r1",md:"mw901r2",lg:"mw901r3"},variant:{contained:"mw901r4",subtle:"mw901r5",outlined:"mw901r6",outlinedSubtle:"mw901r7"},color:{primary:"mw901r8",secondary:"mw901r9",tertiary:"mw901ra",destructive:"mw901rb",success:"mw901rc",warning:"mw901rd",info:"mw901re",purple:"mw901rf",pink:"mw901rg",orange:"mw901rh",teal:"mw901ri",cyan:"mw901rj",indigo:"mw901rk"}},defaultVariants:{variant:"outlinedSubtle",color:"primary",size:"md"},compoundVariants:[[{variant:"contained",color:"primary"},"mw901rl"],[{variant:"contained",color:"secondary"},"mw901rm"],[{variant:"contained",color:"tertiary"},"mw901rn"],[{variant:"contained",color:"destructive"},"mw901ro"],[{variant:"contained",color:"success"},"mw901rp"],[{variant:"contained",color:"warning"},"mw901rq"],[{variant:"contained",color:"info"},"mw901rr"],[{variant:"contained",color:"purple"},"mw901rs"],[{variant:"contained",color:"pink"},"mw901rt"],[{variant:"contained",color:"orange"},"mw901ru"],[{variant:"contained",color:"teal"},"mw901rv"],[{variant:"contained",color:"cyan"},"mw901rw"],[{variant:"contained",color:"indigo"},"mw901rx"],[{variant:"subtle",color:"primary"},"mw901ry"],[{variant:"subtle",color:"secondary"},"mw901rz"],[{variant:"subtle",color:"tertiary"},"mw901r10"],[{variant:"subtle",color:"destructive"},"mw901r11"],[{variant:"subtle",color:"success"},"mw901r12"],[{variant:"subtle",color:"warning"},"mw901r13"],[{variant:"subtle",color:"info"},"mw901r14"],[{variant:"subtle",color:"purple"},"mw901r15"],[{variant:"subtle",color:"pink"},"mw901r16"],[{variant:"subtle",color:"orange"},"mw901r17"],[{variant:"subtle",color:"teal"},"mw901r18"],[{variant:"subtle",color:"cyan"},"mw901r19"],[{variant:"subtle",color:"indigo"},"mw901r1a"],[{variant:"outlined",color:"primary"},"mw901r1b"],[{variant:"outlined",color:"secondary"},"mw901r1c"],[{variant:"outlined",color:"tertiary"},"mw901r1d"],[{variant:"outlined",color:"destructive"},"mw901r1e"],[{variant:"outlined",color:"success"},"mw901r1f"],[{variant:"outlined",color:"warning"},"mw901r1g"],[{variant:"outlined",color:"info"},"mw901r1h"],[{variant:"outlined",color:"purple"},"mw901r1i"],[{variant:"outlined",color:"pink"},"mw901r1j"],[{variant:"outlined",color:"orange"},"mw901r1k"],[{variant:"outlined",color:"teal"},"mw901r1l"],[{variant:"outlined",color:"cyan"},"mw901r1m"],[{variant:"outlined",color:"indigo"},"mw901r1n"],[{variant:"outlinedSubtle",color:"primary"},"mw901r1o"],[{variant:"outlinedSubtle",color:"secondary"},"mw901r1p"],[{variant:"outlinedSubtle",color:"tertiary"},"mw901r1q"],[{variant:"outlinedSubtle",color:"destructive"},"mw901r1r"],[{variant:"outlinedSubtle",color:"success"},"mw901r1s"],[{variant:"outlinedSubtle",color:"warning"},"mw901r1t"],[{variant:"outlinedSubtle",color:"info"},"mw901r1u"],[{variant:"outlinedSubtle",color:"purple"},"mw901r1v"],[{variant:"outlinedSubtle",color:"pink"},"mw901r1w"],[{variant:"outlinedSubtle",color:"orange"},"mw901r1x"],[{variant:"outlinedSubtle",color:"teal"},"mw901r1y"],[{variant:"outlinedSubtle",color:"cyan"},"mw901r1z"],[{variant:"outlinedSubtle",color:"indigo"},"mw901r20"]]})};exports.BADGE_STYLES=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit70.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                           */const r=require("@vanilla-extract/recipes/createRuntimeFn");var o={recipe:r.createRuntimeFn({defaultClassName:"mw901r0",variantClassNames:{size:{sm:"mw901r1",md:"mw901r2",lg:"mw901r3"},variant:{contained:"mw901r4",subtle:"mw901r5",outlined:"mw901r6",outlinedSubtle:"mw901r7"},color:{primary:"mw901r8",secondary:"mw901r9",tertiary:"mw901ra",destructive:"mw901rb",success:"mw901rc",warning:"mw901rd",info:"mw901re",purple:"mw901rf",pink:"mw901rg",orange:"mw901rh",teal:"mw901ri",cyan:"mw901rj",indigo:"mw901rk"}},defaultVariants:{variant:"outlinedSubtle",color:"primary",size:"md"},compoundVariants:[[{variant:"contained",color:"primary"},"mw901rl"],[{variant:"contained",color:"secondary"},"mw901rm"],[{variant:"contained",color:"tertiary"},"mw901rn"],[{variant:"contained",color:"destructive"},"mw901ro"],[{variant:"contained",color:"success"},"mw901rp"],[{variant:"contained",color:"warning"},"mw901rq"],[{variant:"contained",color:"info"},"mw901rr"],[{variant:"contained",color:"purple"},"mw901rs"],[{variant:"contained",color:"pink"},"mw901rt"],[{variant:"contained",color:"orange"},"mw901ru"],[{variant:"contained",color:"teal"},"mw901rv"],[{variant:"contained",color:"cyan"},"mw901rw"],[{variant:"contained",color:"indigo"},"mw901rx"],[{variant:"subtle",color:"primary"},"mw901ry"],[{variant:"subtle",color:"secondary"},"mw901rz"],[{variant:"subtle",color:"tertiary"},"mw901r10"],[{variant:"subtle",color:"destructive"},"mw901r11"],[{variant:"subtle",color:"success"},"mw901r12"],[{variant:"subtle",color:"warning"},"mw901r13"],[{variant:"subtle",color:"info"},"mw901r14"],[{variant:"subtle",color:"purple"},"mw901r15"],[{variant:"subtle",color:"pink"},"mw901r16"],[{variant:"subtle",color:"orange"},"mw901r17"],[{variant:"subtle",color:"teal"},"mw901r18"],[{variant:"subtle",color:"cyan"},"mw901r19"],[{variant:"subtle",color:"indigo"},"mw901r1a"],[{variant:"outlined",color:"primary"},"mw901r1b"],[{variant:"outlined",color:"secondary"},"mw901r1c"],[{variant:"outlined",color:"tertiary"},"mw901r1d"],[{variant:"outlined",color:"destructive"},"mw901r1e"],[{variant:"outlined",color:"success"},"mw901r1f"],[{variant:"outlined",color:"warning"},"mw901r1g"],[{variant:"outlined",color:"info"},"mw901r1h"],[{variant:"outlined",color:"purple"},"mw901r1i"],[{variant:"outlined",color:"pink"},"mw901r1j"],[{variant:"outlined",color:"orange"},"mw901r1k"],[{variant:"outlined",color:"teal"},"mw901r1l"],[{variant:"outlined",color:"cyan"},"mw901r1m"],[{variant:"outlined",color:"indigo"},"mw901r1n"],[{variant:"outlinedSubtle",color:"primary"},"mw901r1o"],[{variant:"outlinedSubtle",color:"secondary"},"mw901r1p"],[{variant:"outlinedSubtle",color:"tertiary"},"mw901r1q"],[{variant:"outlinedSubtle",color:"destructive"},"mw901r1r"],[{variant:"outlinedSubtle",color:"success"},"mw901r1s"],[{variant:"outlinedSubtle",color:"warning"},"mw901r1t"],[{variant:"outlinedSubtle",color:"info"},"mw901r1u"],[{variant:"outlinedSubtle",color:"purple"},"mw901r1v"],[{variant:"outlinedSubtle",color:"pink"},"mw901r1w"],[{variant:"outlinedSubtle",color:"orange"},"mw901r1x"],[{variant:"outlinedSubtle",color:"teal"},"mw901r1y"],[{variant:"outlinedSubtle",color:"cyan"},"mw901r1z"],[{variant:"outlinedSubtle",color:"indigo"},"mw901r20"]]})};exports.BADGE_STYLES=o;
 //# sourceMappingURL=Badge.css.cjs.map

package/dist/components/data-display/badge/styles/Badge.css.js

@@ -1,4 +1,4 @@
-/* empty css                                            */
+import '../../../../ui-kit70.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                         */
 import { createRuntimeFn as r } from "@vanilla-extract/recipes/createRuntimeFn";
 var n = { recipe: r({ defaultClassName: "mw901r0", variantClassNames: { size: { sm: "mw901r1", md: "mw901r2", lg: "mw901r3" }, variant: { contained: "mw901r4", subtle: "mw901r5", outlined: "mw901r6", outlinedSubtle: "mw901r7" }, color: { primary: "mw901r8", secondary: "mw901r9", tertiary: "mw901ra", destructive: "mw901rb", success: "mw901rc", warning: "mw901rd", info: "mw901re", purple: "mw901rf", pink: "mw901rg", orange: "mw901rh", teal: "mw901ri", cyan: "mw901rj", indigo: "mw901rk" } }, defaultVariants: { variant: "outlinedSubtle", color: "primary", size: "md" }, compoundVariants: [[{ variant: "contained", color: "primary" }, "mw901rl"], [{ variant: "contained", color: "secondary" }, "mw901rm"], [{ variant: "contained", color: "tertiary" }, "mw901rn"], [{ variant: "contained", color: "destructive" }, "mw901ro"], [{ variant: "contained", color: "success" }, "mw901rp"], [{ variant: "contained", color: "warning" }, "mw901rq"], [{ variant: "contained", color: "info" }, "mw901rr"], [{ variant: "contained", color: "purple" }, "mw901rs"], [{ variant: "contained", color: "pink" }, "mw901rt"], [{ variant: "contained", color: "orange" }, "mw901ru"], [{ variant: "contained", color: "teal" }, "mw901rv"], [{ variant: "contained", color: "cyan" }, "mw901rw"], [{ variant: "contained", color: "indigo" }, "mw901rx"], [{ variant: "subtle", color: "primary" }, "mw901ry"], [{ variant: "subtle", color: "secondary" }, "mw901rz"], [{ variant: "subtle", color: "tertiary" }, "mw901r10"], [{ variant: "subtle", color: "destructive" }, "mw901r11"], [{ variant: "subtle", color: "success" }, "mw901r12"], [{ variant: "subtle", color: "warning" }, "mw901r13"], [{ variant: "subtle", color: "info" }, "mw901r14"], [{ variant: "subtle", color: "purple" }, "mw901r15"], [{ variant: "subtle", color: "pink" }, "mw901r16"], [{ variant: "subtle", color: "orange" }, "mw901r17"], [{ variant: "subtle", color: "teal" }, "mw901r18"], [{ variant: "subtle", color: "cyan" }, "mw901r19"], [{ variant: "subtle", color: "indigo" }, "mw901r1a"], [{ variant: "outlined", color: "primary" }, "mw901r1b"], [{ variant: "outlined", color: "secondary" }, "mw901r1c"], [{ variant: "outlined", color: "tertiary" }, "mw901r1d"], [{ variant: "outlined", color: "destructive" }, "mw901r1e"], [{ variant: "outlined", color: "success" }, "mw901r1f"], [{ variant: "outlined", color: "warning" }, "mw901r1g"], [{ variant: "outlined", color: "info" }, "mw901r1h"], [{ variant: "outlined", color: "purple" }, "mw901r1i"], [{ variant: "outlined", color: "pink" }, "mw901r1j"], [{ variant: "outlined", color: "orange" }, "mw901r1k"], [{ variant: "outlined", color: "teal" }, "mw901r1l"], [{ variant: "outlined", color: "cyan" }, "mw901r1m"], [{ variant: "outlined", color: "indigo" }, "mw901r1n"], [{ variant: "outlinedSubtle", color: "primary" }, "mw901r1o"], [{ variant: "outlinedSubtle", color: "secondary" }, "mw901r1p"], [{ variant: "outlinedSubtle", color: "tertiary" }, "mw901r1q"], [{ variant: "outlinedSubtle", color: "destructive" }, "mw901r1r"], [{ variant: "outlinedSubtle", color: "success" }, "mw901r1s"], [{ variant: "outlinedSubtle", color: "warning" }, "mw901r1t"], [{ variant: "outlinedSubtle", color: "info" }, "mw901r1u"], [{ variant: "outlinedSubtle", color: "purple" }, "mw901r1v"], [{ variant: "outlinedSubtle", color: "pink" }, "mw901r1w"], [{ variant: "outlinedSubtle", color: "orange" }, "mw901r1x"], [{ variant: "outlinedSubtle", color: "teal" }, "mw901r1y"], [{ variant: "outlinedSubtle", color: "cyan" }, "mw901r1z"], [{ variant: "outlinedSubtle", color: "indigo" }, "mw901r20"]] }) };

package/dist/components/data-display/index.d.ts

@@ -1,4 +1,5 @@
 export * from './avatar';
 export * from './avatar-group';
 export * from './badge';
+export * from './rich-text-renderer';
 export * from './table';

package/dist/components/data-display/markdown-renderer/constants/markdownAllowedElements.const.d.ts

@@ -0,0 +1 @@
+export declare const MARKDOWN_ALLOWED_ELEMENTS: readonly ["a", "blockquote", "br", "code", "del", "em", "h1", "h2", "h3", "h4", "h5", "h6", "hr", "li", "ol", "p", "pre", "strong", "table", "tbody", "td", "th", "thead", "tr", "ul"];

package/dist/components/data-display/rich-text-renderer/RichTextRenderer.cjs

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),i=require("react"),o=require("../../layout/box/Box.cjs");require("../../layout/box/styles/Box.css.cjs");const R=require("../../../utils/cn.cjs"),u=require("./styles/RichTextRenderer.css.cjs"),d=require("./utils/renderRichTextNodes.utils.cjs"),e=i.memo(({value:r,className:c,ref:s,...t})=>n.jsx(o,{ref:s,className:R.cn(u.RICH_TEXT_RENDERER_STYLES,c),...t,children:d.renderRichTextNodes(r.content)}));e.displayName="RichTextRenderer";module.exports=e;
+//# sourceMappingURL=RichTextRenderer.cjs.map

package/dist/components/data-display/rich-text-renderer/RichTextRenderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextRenderer.cjs","sources":["../../../../src/components/data-display/rich-text-renderer/RichTextRenderer.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { RICH_TEXT_RENDERER_STYLES } from '@components/data-display/rich-text-renderer/styles/RichTextRenderer.css.ts'\r\nimport type { RichTextRendererProps } from '@components/data-display/rich-text-renderer/types'\r\nimport { renderRichTextNodes } from '@components/data-display/rich-text-renderer/utils/renderRichTextNodes.utils.tsx'\r\n\r\nconst RichTextRenderer = memo<RichTextRendererProps>(({\r\n    value,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => (\r\n    <Box\r\n        ref={ref}\r\n        className={cn(RICH_TEXT_RENDERER_STYLES, className)}\r\n        {...props}\r\n    >\r\n        {renderRichTextNodes(value.content)}\r\n    </Box>\r\n))\r\n\r\nRichTextRenderer.displayName = 'RichTextRenderer'\r\n\r\nexport default RichTextRenderer\r\n"],"names":["RichTextRenderer","memo","value","className","ref","props","jsx","Box","cn","RICH_TEXT_RENDERER_STYLES","renderRichTextNodes"],"mappings":"qSAQMA,EAAmBC,EAAAA,KAA4B,CAAC,CAClD,MAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,IAACC,EAAA,CACG,IAAAH,EACA,UAAWI,EAAAA,GAAGC,EAAAA,0BAA2BN,CAAS,EACjD,GAAGE,EAEH,SAAAK,EAAAA,oBAAoBR,EAAM,OAAO,CAAA,CACtC,CACH,EAEDF,EAAiB,YAAc"}

package/dist/components/data-display/rich-text-renderer/RichTextRenderer.d.ts

@@ -0,0 +1,4 @@
+import { RichTextRendererProps } from './types';
+import { NamedExoticComponent } from 'react';
+declare const RichTextRenderer: NamedExoticComponent<RichTextRendererProps>;
+export default RichTextRenderer;

package/dist/components/data-display/rich-text-renderer/RichTextRenderer.js

@@ -0,0 +1,26 @@
+import { jsx as t } from "react/jsx-runtime";
+import { memo as i } from "react";
+import p from "../../layout/box/Box.js";
+import "../../layout/box/styles/Box.css.js";
+import { cn as R } from "../../../utils/cn.js";
+import { RICH_TEXT_RENDERER_STYLES as c } from "./styles/RichTextRenderer.css.js";
+import { renderRichTextNodes as n } from "./utils/renderRichTextNodes.utils.js";
+const d = i(({
+  value: r,
+  className: e,
+  ref: o,
+  ...m
+}) => /* @__PURE__ */ t(
+  p,
+  {
+    ref: o,
+    className: R(c, e),
+    ...m,
+    children: n(r.content)
+  }
+));
+d.displayName = "RichTextRenderer";
+export {
+  d as default
+};
+//# sourceMappingURL=RichTextRenderer.js.map

package/dist/components/data-display/rich-text-renderer/RichTextRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextRenderer.js","sources":["../../../../src/components/data-display/rich-text-renderer/RichTextRenderer.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { RICH_TEXT_RENDERER_STYLES } from '@components/data-display/rich-text-renderer/styles/RichTextRenderer.css.ts'\r\nimport type { RichTextRendererProps } from '@components/data-display/rich-text-renderer/types'\r\nimport { renderRichTextNodes } from '@components/data-display/rich-text-renderer/utils/renderRichTextNodes.utils.tsx'\r\n\r\nconst RichTextRenderer = memo<RichTextRendererProps>(({\r\n    value,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => (\r\n    <Box\r\n        ref={ref}\r\n        className={cn(RICH_TEXT_RENDERER_STYLES, className)}\r\n        {...props}\r\n    >\r\n        {renderRichTextNodes(value.content)}\r\n    </Box>\r\n))\r\n\r\nRichTextRenderer.displayName = 'RichTextRenderer'\r\n\r\nexport default RichTextRenderer\r\n"],"names":["RichTextRenderer","memo","value","className","ref","props","jsx","Box","cn","RICH_TEXT_RENDERER_STYLES","renderRichTextNodes"],"mappings":";;;;;;;AAQA,MAAMA,IAAmBC,EAA4B,CAAC;AAAA,EAClD,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAAH;AAAA,IACA,WAAWI,EAAGC,GAA2BN,CAAS;AAAA,IACjD,GAAGE;AAAA,IAEH,UAAAK,EAAoBR,EAAM,OAAO;AAAA,EAAA;AACtC,CACH;AAEDF,EAAiB,cAAc;"}

package/dist/components/data-display/rich-text-renderer/index.d.ts

@@ -0,0 +1,3 @@
+export { default as RichTextRenderer } from './RichTextRenderer.tsx';
+export { RICH_TEXT_RENDERER_STYLES } from './styles/RichTextRenderer.css.ts';
+export type { RichTextRendererProps } from './types';

package/dist/components/data-display/rich-text-renderer/styles/RichTextRenderer.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit39.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                      */var e="_14fy7o60";exports.RICH_TEXT_RENDERER_STYLES=e;
+//# sourceMappingURL=RichTextRenderer.css.cjs.map

package/dist/components/data-display/rich-text-renderer/styles/RichTextRenderer.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextRenderer.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/data-display/rich-text-renderer/styles/RichTextRenderer.css.d.ts

@@ -0,0 +1 @@
+export declare const RICH_TEXT_RENDERER_STYLES: string;

package/dist/components/data-display/rich-text-renderer/styles/RichTextRenderer.css.js

@@ -0,0 +1,7 @@
+import '../../../../ui-kit39.css';import '../../../../ui-kit.css';/* empty css                                            */
+/* empty css                                    */
+var r = "_14fy7o60";
+export {
+  r as RICH_TEXT_RENDERER_STYLES
+};
+//# sourceMappingURL=RichTextRenderer.css.js.map

package/dist/components/data-display/rich-text-renderer/styles/RichTextRenderer.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextRenderer.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/data-display/rich-text-renderer/types/RichTextRenderer.props.d.ts

@@ -0,0 +1,7 @@
+import { RefAttributes } from 'react';
+import { RichTextValue } from '../../../forms/rich-text-editor/types/RichTextEditor.types.ts';
+import { BoxProps } from '../../../layout/box';
+export type RichTextRendererProps = Omit<BoxProps, 'children' | 'ref'> & RefAttributes<HTMLDivElement> & {
+    /** Versioned document emitted by RichTextEditor. */
+    value: RichTextValue;
+};

package/dist/components/data-display/rich-text-renderer/types/index.d.ts

@@ -0,0 +1 @@
+export type { RichTextRendererProps } from './RichTextRenderer.props.ts';

package/dist/components/data-display/rich-text-renderer/utils/renderRichTextNodes.utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const x=require("../../_shared/utils/extractText.utils.cjs"),o=require("../../../foundation/typography/Typography.cjs");require("../../../foundation/typography/styles/Typography.css.cjs");const h=require("../../../navigation/link/Link.cjs");require("../../../navigation/link/styles/Link.css.cjs");const l=require("../../../forms/rich-text-editor/utils/richText.utils.cjs"),j=(c,t=[])=>t.reduceRight((a,r)=>{switch(r.type){case"bold":return e.jsx(o,{as:"strong",variant:"strong",children:a});case"italic":return e.jsx(o,{as:"em",variant:"em",children:a});case"underline":return e.jsx("u",{children:a});case"strike":return e.jsx("s",{children:a});case"code":return e.jsx("code",{children:a});case"textStyle":{const s=l.normalizeRichTextColorValue(r.attrs.color),i=l.normalizeRichTextFontSizeValue(r.attrs.fontSize);return s||i?e.jsx("span",{style:{color:s,fontSize:i},children:a}):a}case"link":{const s=l.normalizeRichTextUrl(r.attrs.href),i=x.extractTextFromReactNode(a);return s&&i?e.jsx(h,{href:s,label:i,target:"_blank",rel:"noopener noreferrer"}):a}}},c),p=c=>j(c.text,c.marks),u=(c=[])=>c.map((t,a)=>{const r=`${t.type}-${a}`;if(t.type==="text")return e.jsx("span",{children:p(t)},r);if(t.type==="image"){const n=t.attrs.src.startsWith("data:image/")?t.attrs.src:l.normalizeRichTextUrl(t.attrs.src);return n?e.jsx("img",{src:n,alt:t.attrs.alt??"",title:t.attrs.title??void 0,style:t.attrs.width&&/^\d+(?:\.\d+)?(?:%|px|rem|em)?$/.test(t.attrs.width)?{width:t.attrs.width}:void 0},r):null}if(t.type==="horizontalRule")return e.jsx("hr",{},r);if(t.type==="hardBreak")return e.jsx("br",{},r);const s=u(t.content),i=t.attrs?.textAlign?{textAlign:t.attrs.textAlign}:void 0;switch(t.type){case"paragraph":return e.jsx(o,{variant:"p",style:i,children:s},r);case"heading":{const n=t.attrs?.level===1?"h1":t.attrs?.level===2?"h2":"h3";return e.jsx(o,{variant:n,style:i,children:s},r)}case"bulletList":return e.jsx("ul",{children:s},r);case"orderedList":return e.jsx("ol",{children:s},r);case"listItem":return e.jsx("li",{children:s},r);case"blockquote":return e.jsx("blockquote",{children:s},r);case"codeBlock":return e.jsx("pre",{children:e.jsx("code",{children:s})},r)}});exports.renderRichTextNodes=u;
+//# sourceMappingURL=renderRichTextNodes.utils.cjs.map

package/dist/components/data-display/rich-text-renderer/utils/renderRichTextNodes.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderRichTextNodes.utils.cjs","sources":["../../../../../src/components/data-display/rich-text-renderer/utils/renderRichTextNodes.utils.tsx"],"sourcesContent":["import { type ReactNode } from 'react'\r\n\r\nimport { extractTextFromReactNode } from '@components/data-display/_shared/utils/extractText.utils.ts'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { Link } from '@components/navigation/link'\r\nimport type {\r\n    RichTextMark,\r\n    RichTextNode,\r\n    RichTextTextNode,\r\n} from '@components/forms/rich-text-editor/types/RichTextEditor.types.ts'\r\nimport {\r\n    normalizeRichTextColorValue,\r\n    normalizeRichTextFontSizeValue,\r\n    normalizeRichTextUrl,\r\n} from '@components/forms/rich-text-editor/utils/richText.utils.ts'\r\n\r\nconst renderMarks = (content: ReactNode, marks: RichTextMark[] = []): ReactNode =>\r\n    marks.reduceRight<ReactNode>((children, mark) => {\r\n        switch (mark.type) {\r\n            case 'bold':\r\n                return (\r\n                    <Typography\r\n                        as={'strong'}\r\n                        variant={'strong'}\r\n                    >\r\n                        {children}\r\n                    </Typography>\r\n                )\r\n            case 'italic':\r\n                return (\r\n                    <Typography\r\n                        as={'em'}\r\n                        variant={'em'}\r\n                    >\r\n                        {children}\r\n                    </Typography>\r\n                )\r\n            case 'underline':\r\n                return <u>{children}</u>\r\n            case 'strike':\r\n                return <s>{children}</s>\r\n            case 'code':\r\n                return <code>{children}</code>\r\n            case 'textStyle': {\r\n                const color = normalizeRichTextColorValue(mark.attrs.color)\r\n                const fontSize = normalizeRichTextFontSizeValue(mark.attrs.fontSize)\r\n\r\n                return color || fontSize\r\n                    ? <span style={{ color, fontSize }}>{children}</span>\r\n                    : children\r\n            }\r\n            case 'link': {\r\n                const href = normalizeRichTextUrl(mark.attrs.href)\r\n                const label = extractTextFromReactNode(children)\r\n\r\n                return href && label ? (\r\n                    <Link\r\n                        href={href}\r\n                        label={label}\r\n                        target={'_blank'}\r\n                        rel={'noopener noreferrer'}\r\n                    />\r\n                ) : children\r\n            }\r\n        }\r\n    }, content)\r\n\r\nconst renderTextNode = (node: RichTextTextNode): ReactNode => renderMarks(node.text, node.marks)\r\n\r\nexport const renderRichTextNodes = (nodes: RichTextNode[] = []): ReactNode[] =>\r\n    nodes.map((node, index) => {\r\n        const key = `${node.type}-${index}`\r\n\r\n        if (node.type === 'text') {\r\n            return <span key={key}>{renderTextNode(node)}</span>\r\n        }\r\n\r\n        if (node.type === 'image') {\r\n            const src = node.attrs.src.startsWith('data:image/')\r\n                ? node.attrs.src\r\n                : normalizeRichTextUrl(node.attrs.src)\r\n\r\n            return src ? (\r\n                <img\r\n                    key={key}\r\n                    src={src}\r\n                    alt={node.attrs.alt ?? ''}\r\n                    title={node.attrs.title ?? undefined}\r\n                    style={node.attrs.width && /^\\d+(?:\\.\\d+)?(?:%|px|rem|em)?$/.test(node.attrs.width)\r\n                        ? { width: node.attrs.width }\r\n                        : undefined}\r\n                />\r\n            ) : null\r\n        }\r\n\r\n        if (node.type === 'horizontalRule') {\r\n            return <hr key={key} />\r\n        }\r\n\r\n        if (node.type === 'hardBreak') {\r\n            return <br key={key} />\r\n        }\r\n\r\n        const children = renderRichTextNodes(node.content)\r\n        const style = node.attrs?.textAlign\r\n            ? { textAlign: node.attrs.textAlign }\r\n            : undefined\r\n\r\n        switch (node.type) {\r\n            case 'paragraph':\r\n                return (\r\n                    <Typography\r\n                        key={key}\r\n                        variant={'p'}\r\n                        style={style}\r\n                    >\r\n                        {children}\r\n                    </Typography>\r\n                )\r\n            case 'heading': {\r\n                const variant = node.attrs?.level === 1\r\n                    ? 'h1'\r\n                    : node.attrs?.level === 2\r\n                        ? 'h2'\r\n                        : 'h3'\r\n\r\n                return (\r\n                    <Typography\r\n                        key={key}\r\n                        variant={variant}\r\n                        style={style}\r\n                    >\r\n                        {children}\r\n                    </Typography>\r\n                )\r\n            }\r\n            case 'bulletList':\r\n                return <ul key={key}>{children}</ul>\r\n            case 'orderedList':\r\n                return <ol key={key}>{children}</ol>\r\n            case 'listItem':\r\n                return <li key={key}>{children}</li>\r\n            case 'blockquote':\r\n                return <blockquote key={key}>{children}</blockquote>\r\n            case 'codeBlock':\r\n                return <pre key={key}><code>{children}</code></pre>\r\n        }\r\n    })\r\n"],"names":["renderMarks","content","marks","children","mark","jsx","Typography","color","normalizeRichTextColorValue","fontSize","normalizeRichTextFontSizeValue","href","normalizeRichTextUrl","label","extractTextFromReactNode","Link","renderTextNode","node","renderRichTextNodes","nodes","index","key","src","style","variant"],"mappings":"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"}

package/dist/components/data-display/rich-text-renderer/utils/renderRichTextNodes.utils.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+import { RichTextNode } from '../../../forms/rich-text-editor/types/RichTextEditor.types.ts';
+export declare const renderRichTextNodes: (nodes?: RichTextNode[]) => ReactNode[];

package/dist/components/data-display/rich-text-renderer/utils/renderRichTextNodes.utils.js

@@ -0,0 +1,112 @@
+import { jsx as r } from "react/jsx-runtime";
+import "react";
+import { extractTextFromReactNode as u } from "../../_shared/utils/extractText.utils.js";
+import l from "../../../foundation/typography/Typography.js";
+import "../../../foundation/typography/styles/Typography.css.js";
+import p from "../../../navigation/link/Link.js";
+import "../../../navigation/link/styles/Link.css.js";
+import { normalizeRichTextUrl as n, normalizeRichTextColorValue as m, normalizeRichTextFontSizeValue as h } from "../../../forms/rich-text-editor/utils/richText.utils.js";
+const x = (o, t = []) => t.reduceRight((a, e) => {
+  switch (e.type) {
+    case "bold":
+      return /* @__PURE__ */ r(
+        l,
+        {
+          as: "strong",
+          variant: "strong",
+          children: a
+        }
+      );
+    case "italic":
+      return /* @__PURE__ */ r(
+        l,
+        {
+          as: "em",
+          variant: "em",
+          children: a
+        }
+      );
+    case "underline":
+      return /* @__PURE__ */ r("u", { children: a });
+    case "strike":
+      return /* @__PURE__ */ r("s", { children: a });
+    case "code":
+      return /* @__PURE__ */ r("code", { children: a });
+    case "textStyle": {
+      const s = m(e.attrs.color), i = h(e.attrs.fontSize);
+      return s || i ? /* @__PURE__ */ r("span", { style: { color: s, fontSize: i }, children: a }) : a;
+    }
+    case "link": {
+      const s = n(e.attrs.href), i = u(a);
+      return s && i ? /* @__PURE__ */ r(
+        p,
+        {
+          href: s,
+          label: i,
+          target: "_blank",
+          rel: "noopener noreferrer"
+        }
+      ) : a;
+    }
+  }
+}, o), f = (o) => x(o.text, o.marks), y = (o = []) => o.map((t, a) => {
+  const e = `${t.type}-${a}`;
+  if (t.type === "text")
+    return /* @__PURE__ */ r("span", { children: f(t) }, e);
+  if (t.type === "image") {
+    const c = t.attrs.src.startsWith("data:image/") ? t.attrs.src : n(t.attrs.src);
+    return c ? /* @__PURE__ */ r(
+      "img",
+      {
+        src: c,
+        alt: t.attrs.alt ?? "",
+        title: t.attrs.title ?? void 0,
+        style: t.attrs.width && /^\d+(?:\.\d+)?(?:%|px|rem|em)?$/.test(t.attrs.width) ? { width: t.attrs.width } : void 0
+      },
+      e
+    ) : null;
+  }
+  if (t.type === "horizontalRule")
+    return /* @__PURE__ */ r("hr", {}, e);
+  if (t.type === "hardBreak")
+    return /* @__PURE__ */ r("br", {}, e);
+  const s = y(t.content), i = t.attrs?.textAlign ? { textAlign: t.attrs.textAlign } : void 0;
+  switch (t.type) {
+    case "paragraph":
+      return /* @__PURE__ */ r(
+        l,
+        {
+          variant: "p",
+          style: i,
+          children: s
+        },
+        e
+      );
+    case "heading": {
+      const c = t.attrs?.level === 1 ? "h1" : t.attrs?.level === 2 ? "h2" : "h3";
+      return /* @__PURE__ */ r(
+        l,
+        {
+          variant: c,
+          style: i,
+          children: s
+        },
+        e
+      );
+    }
+    case "bulletList":
+      return /* @__PURE__ */ r("ul", { children: s }, e);
+    case "orderedList":
+      return /* @__PURE__ */ r("ol", { children: s }, e);
+    case "listItem":
+      return /* @__PURE__ */ r("li", { children: s }, e);
+    case "blockquote":
+      return /* @__PURE__ */ r("blockquote", { children: s }, e);
+    case "codeBlock":
+      return /* @__PURE__ */ r("pre", { children: /* @__PURE__ */ r("code", { children: s }) }, e);
+  }
+});
+export {
+  y as renderRichTextNodes
+};
+//# sourceMappingURL=renderRichTextNodes.utils.js.map

package/dist/components/data-display/rich-text-renderer/utils/renderRichTextNodes.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderRichTextNodes.utils.js","sources":["../../../../../src/components/data-display/rich-text-renderer/utils/renderRichTextNodes.utils.tsx"],"sourcesContent":["import { type ReactNode } from 'react'\r\n\r\nimport { extractTextFromReactNode } from '@components/data-display/_shared/utils/extractText.utils.ts'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { Link } from '@components/navigation/link'\r\nimport type {\r\n    RichTextMark,\r\n    RichTextNode,\r\n    RichTextTextNode,\r\n} from '@components/forms/rich-text-editor/types/RichTextEditor.types.ts'\r\nimport {\r\n    normalizeRichTextColorValue,\r\n    normalizeRichTextFontSizeValue,\r\n    normalizeRichTextUrl,\r\n} from '@components/forms/rich-text-editor/utils/richText.utils.ts'\r\n\r\nconst renderMarks = (content: ReactNode, marks: RichTextMark[] = []): ReactNode =>\r\n    marks.reduceRight<ReactNode>((children, mark) => {\r\n        switch (mark.type) {\r\n            case 'bold':\r\n                return (\r\n                    <Typography\r\n                        as={'strong'}\r\n                        variant={'strong'}\r\n                    >\r\n                        {children}\r\n                    </Typography>\r\n                )\r\n            case 'italic':\r\n                return (\r\n                    <Typography\r\n                        as={'em'}\r\n                        variant={'em'}\r\n                    >\r\n                        {children}\r\n                    </Typography>\r\n                )\r\n            case 'underline':\r\n                return <u>{children}</u>\r\n            case 'strike':\r\n                return <s>{children}</s>\r\n            case 'code':\r\n                return <code>{children}</code>\r\n            case 'textStyle': {\r\n                const color = normalizeRichTextColorValue(mark.attrs.color)\r\n                const fontSize = normalizeRichTextFontSizeValue(mark.attrs.fontSize)\r\n\r\n                return color || fontSize\r\n                    ? <span style={{ color, fontSize }}>{children}</span>\r\n                    : children\r\n            }\r\n            case 'link': {\r\n                const href = normalizeRichTextUrl(mark.attrs.href)\r\n                const label = extractTextFromReactNode(children)\r\n\r\n                return href && label ? (\r\n                    <Link\r\n                        href={href}\r\n                        label={label}\r\n                        target={'_blank'}\r\n                        rel={'noopener noreferrer'}\r\n                    />\r\n                ) : children\r\n            }\r\n        }\r\n    }, content)\r\n\r\nconst renderTextNode = (node: RichTextTextNode): ReactNode => renderMarks(node.text, node.marks)\r\n\r\nexport const renderRichTextNodes = (nodes: RichTextNode[] = []): ReactNode[] =>\r\n    nodes.map((node, index) => {\r\n        const key = `${node.type}-${index}`\r\n\r\n        if (node.type === 'text') {\r\n            return <span key={key}>{renderTextNode(node)}</span>\r\n        }\r\n\r\n        if (node.type === 'image') {\r\n            const src = node.attrs.src.startsWith('data:image/')\r\n                ? node.attrs.src\r\n                : normalizeRichTextUrl(node.attrs.src)\r\n\r\n            return src ? (\r\n                <img\r\n                    key={key}\r\n                    src={src}\r\n                    alt={node.attrs.alt ?? ''}\r\n                    title={node.attrs.title ?? undefined}\r\n                    style={node.attrs.width && /^\\d+(?:\\.\\d+)?(?:%|px|rem|em)?$/.test(node.attrs.width)\r\n                        ? { width: node.attrs.width }\r\n                        : undefined}\r\n                />\r\n            ) : null\r\n        }\r\n\r\n        if (node.type === 'horizontalRule') {\r\n            return <hr key={key} />\r\n        }\r\n\r\n        if (node.type === 'hardBreak') {\r\n            return <br key={key} />\r\n        }\r\n\r\n        const children = renderRichTextNodes(node.content)\r\n        const style = node.attrs?.textAlign\r\n            ? { textAlign: node.attrs.textAlign }\r\n            : undefined\r\n\r\n        switch (node.type) {\r\n            case 'paragraph':\r\n                return (\r\n                    <Typography\r\n                        key={key}\r\n                        variant={'p'}\r\n                        style={style}\r\n                    >\r\n                        {children}\r\n                    </Typography>\r\n                )\r\n            case 'heading': {\r\n                const variant = node.attrs?.level === 1\r\n                    ? 'h1'\r\n                    : node.attrs?.level === 2\r\n                        ? 'h2'\r\n                        : 'h3'\r\n\r\n                return (\r\n                    <Typography\r\n                        key={key}\r\n                        variant={variant}\r\n                        style={style}\r\n                    >\r\n                        {children}\r\n                    </Typography>\r\n                )\r\n            }\r\n            case 'bulletList':\r\n                return <ul key={key}>{children}</ul>\r\n            case 'orderedList':\r\n                return <ol key={key}>{children}</ol>\r\n            case 'listItem':\r\n                return <li key={key}>{children}</li>\r\n            case 'blockquote':\r\n                return <blockquote key={key}>{children}</blockquote>\r\n            case 'codeBlock':\r\n                return <pre key={key}><code>{children}</code></pre>\r\n        }\r\n    })\r\n"],"names":["renderMarks","content","marks","children","mark","jsx","Typography","color","normalizeRichTextColorValue","fontSize","normalizeRichTextFontSizeValue","href","normalizeRichTextUrl","label","extractTextFromReactNode","Link","renderTextNode","node","renderRichTextNodes","nodes","index","key","src","style","variant"],"mappings":"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"}

package/dist/components/data-display/table/components/table-body/styles/TableBody.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                               */var e={root:"_16oss8w0"};exports.TABLE_BODY_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit90.css');;/* empty css                               */var e={root:"_16oss8w0"};exports.TABLE_BODY_STYLES=e;
 //# sourceMappingURL=TableBody.css.cjs.map

package/dist/components/data-display/table/components/table-body/styles/TableBody.css.js

@@ -1,4 +1,4 @@
-/* empty css                             */
+import '../../../../../../ui-kit90.css';/* empty css                             */
 var r = { root: "_16oss8w0" };
 export {
   r as TABLE_BODY_STYLES

package/dist/components/data-display/table/components/table-caption/styles/TableCaption.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                  */var e={root:"_1950t4m0"};exports.TABLE_CAPTION_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit85.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */var e={root:"_1950t4m0"};exports.TABLE_CAPTION_STYLES=e;
 //# sourceMappingURL=TableCaption.css.cjs.map

package/dist/components/data-display/table/components/table-caption/styles/TableCaption.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                  */
+import '../../../../../../ui-kit85.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                */
 var t = { root: "_1950t4m0" };
 export {

package/dist/components/data-display/table/components/table-cell/styles/TableCell.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                         */;/* empty css                               */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"_1x19plz0",variantClassNames:{align:{left:"_1x19plz1",center:"_1x19plz2",right:"_1x19plz3"}},defaultVariants:{align:"left"},compoundVariants:[]}),truncate:"_1x19plz4",numeric:"_1x19plz5"};exports.TABLE_CELL_STYLES=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit99.css');require('../../../../../../ui-kit65.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                         */;/* empty css                               */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"_1x19plz0",variantClassNames:{align:{left:"_1x19plz1",center:"_1x19plz2",right:"_1x19plz3"}},defaultVariants:{align:"left"},compoundVariants:[]}),truncate:"_1x19plz4",numeric:"_1x19plz5"};exports.TABLE_CELL_STYLES=r;
 //# sourceMappingURL=TableCell.css.cjs.map

package/dist/components/data-display/table/components/table-cell/styles/TableCell.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                  */
+import '../../../../../../ui-kit99.css';import '../../../../../../ui-kit65.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                       */
 /* empty css                             */
 import { createRuntimeFn as t } from "@vanilla-extract/recipes/createRuntimeFn";

package/dist/components/data-display/table/components/table-footer/styles/TableFooter.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                 */var e={root:"_48ilzc0"};exports.TABLE_FOOTER_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit89.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */var e={root:"_48ilzc0"};exports.TABLE_FOOTER_STYLES=e;
 //# sourceMappingURL=TableFooter.css.cjs.map

package/dist/components/data-display/table/components/table-footer/styles/TableFooter.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                  */
+import '../../../../../../ui-kit89.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                               */
 var t = { root: "_48ilzc0" };
 export {

package/dist/components/data-display/table/components/table-head/styles/TableHead.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                         */;/* empty css                               */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"v46kfd0",variantClassNames:{align:{left:"v46kfd1",center:"v46kfd2",right:"v46kfd3"}},defaultVariants:{align:"left"},compoundVariants:[]}),sortable:"v46kfd4",sortWrapper:"v46kfd5",sortIcon:"v46kfd6",sortIconActive:"v46kfd7"};exports.TABLE_HEAD_STYLES=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit102.css');require('../../../../../../ui-kit65.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                         */;/* empty css                               */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"v46kfd0",variantClassNames:{align:{left:"v46kfd1",center:"v46kfd2",right:"v46kfd3"}},defaultVariants:{align:"left"},compoundVariants:[]}),sortable:"v46kfd4",sortWrapper:"v46kfd5",sortIcon:"v46kfd6",sortIconActive:"v46kfd7"};exports.TABLE_HEAD_STYLES=r;
 //# sourceMappingURL=TableHead.css.cjs.map

package/dist/components/data-display/table/components/table-head/styles/TableHead.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                  */
+import '../../../../../../ui-kit102.css';import '../../../../../../ui-kit65.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                       */
 /* empty css                             */
 import { createRuntimeFn as t } from "@vanilla-extract/recipes/createRuntimeFn";

package/dist/components/data-display/table/components/table-header/styles/TableHeader.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                 */var e={root:"_1g39mrf0"};exports.TABLE_HEADER_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit87.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */var e={root:"_1g39mrf0"};exports.TABLE_HEADER_STYLES=e;
 //# sourceMappingURL=TableHeader.css.cjs.map