@drivenets/design-system 0.2.0 → 0.3.0

package/dist/components/ds-skeleton/ds-skeleton.d.cts

@@ -0,0 +1,32 @@
+import { DsSkeletonCircleProps, DsSkeletonRectProps, DsSkeletonTextProps } from "./ds-skeleton.types.cjs";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
+
+//#region src/components/ds-skeleton/ds-skeleton.d.ts
+declare const _default: {
+  Text: ({
+    typographyVariant,
+    color,
+    lines,
+    width,
+    radius,
+    className,
+    style
+  }: DsSkeletonTextProps) => react_jsx_runtime36.JSX.Element;
+  Circle: ({
+    size,
+    color,
+    className,
+    style
+  }: DsSkeletonCircleProps) => react_jsx_runtime36.JSX.Element;
+  Rect: ({
+    width,
+    height,
+    radius,
+    color,
+    className,
+    style
+  }: DsSkeletonRectProps) => react_jsx_runtime36.JSX.Element;
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=ds-skeleton.d.cts.map

package/dist/components/ds-skeleton/ds-skeleton.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-skeleton.d.cts","names":[],"sources":["../../../src/components/ds-skeleton/ds-skeleton.tsx"],"sourcesContent":[],"mappings":""}

package/dist/components/ds-skeleton/ds-skeleton.d.ts

@@ -0,0 +1,32 @@
+import { DsSkeletonCircleProps, DsSkeletonRectProps, DsSkeletonTextProps } from "./ds-skeleton.types.js";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
+
+//#region src/components/ds-skeleton/ds-skeleton.d.ts
+declare const _default: {
+  Text: ({
+    typographyVariant,
+    color,
+    lines,
+    width,
+    radius,
+    className,
+    style
+  }: DsSkeletonTextProps) => react_jsx_runtime9.JSX.Element;
+  Circle: ({
+    size,
+    color,
+    className,
+    style
+  }: DsSkeletonCircleProps) => react_jsx_runtime9.JSX.Element;
+  Rect: ({
+    width,
+    height,
+    radius,
+    color,
+    className,
+    style
+  }: DsSkeletonRectProps) => react_jsx_runtime9.JSX.Element;
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=ds-skeleton.d.ts.map

package/dist/components/ds-skeleton/ds-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-skeleton.d.ts","names":[],"sources":["../../../src/components/ds-skeleton/ds-skeleton.tsx"],"sourcesContent":[],"mappings":""}

package/dist/components/ds-skeleton/ds-skeleton.js

@@ -0,0 +1,14 @@
+import ds_skeleton_text_default from "./ds-skeleton-text.js";
+import ds_skeleton_circle_default from "./ds-skeleton-circle.js";
+import ds_skeleton_rect_default from "./ds-skeleton-rect.js";
+
+//#region src/components/ds-skeleton/ds-skeleton.tsx
+var ds_skeleton_default = {
+	Text: ds_skeleton_text_default,
+	Circle: ds_skeleton_circle_default,
+	Rect: ds_skeleton_rect_default
+};
+
+//#endregion
+export { ds_skeleton_default as default };
+//# sourceMappingURL=ds-skeleton.js.map

package/dist/components/ds-skeleton/ds-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-skeleton.js","names":["DsSkeletonText","DsSkeletonCircle","DsSkeletonRect","Text","Circle","Rect"],"sources":["../../../src/components/ds-skeleton/ds-skeleton.tsx"],"sourcesContent":["import DsSkeletonText from './ds-skeleton-text';\nimport DsSkeletonCircle from './ds-skeleton-circle';\nimport DsSkeletonRect from './ds-skeleton-rect';\n\nexport default {\n\tText: DsSkeletonText,\n\tCircle: DsSkeletonCircle,\n\tRect: DsSkeletonRect,\n};\n"],"mappings":";;;;;AAIA,0BAAe;CACdG,MAAMH;CACNI,QAAQH;CACRI,MAAMH;CACN"}

package/dist/components/ds-skeleton/ds-skeleton.module.cjs

@@ -0,0 +1,15 @@
+
+//#region src/components/ds-skeleton/ds-skeleton.module.scss
+var ds_skeleton_module_default = {
+	"skeleton": "_skeleton_14v2k_1",
+	"shimmer": "_shimmer_14v2k_1",
+	"gray": "_gray_14v2k_1",
+	"blue": "_blue_14v2k_1",
+	"text": "_text_14v2k_1",
+	"circle": "_circle_14v2k_1",
+	"rectangle": "_rectangle_14v2k_1",
+	"container": "_container_14v2k_1"
+};
+
+//#endregion
+exports.default = ds_skeleton_module_default;

package/dist/components/ds-skeleton/ds-skeleton.module.js

@@ -0,0 +1,15 @@
+//#region src/components/ds-skeleton/ds-skeleton.module.scss
+var ds_skeleton_module_default = {
+	"skeleton": "_skeleton_14v2k_1",
+	"shimmer": "_shimmer_14v2k_1",
+	"gray": "_gray_14v2k_1",
+	"blue": "_blue_14v2k_1",
+	"text": "_text_14v2k_1",
+	"circle": "_circle_14v2k_1",
+	"rectangle": "_rectangle_14v2k_1",
+	"container": "_container_14v2k_1"
+};
+
+//#endregion
+export { ds_skeleton_module_default as default };
+//# sourceMappingURL=ds-skeleton.module.js.map

package/dist/components/ds-skeleton/ds-skeleton.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-skeleton.module.js","names":[],"sources":["../../../src/components/ds-skeleton/ds-skeleton.module.scss"],"sourcesContent":[".skeleton {\n\tanimation: shimmer 2s linear infinite;\n}\n\n.gray {\n\t--skeleton-gray-base: #f3f5fa;\n\t--skeleton-gray-accent: #e3e3e3;\n\n\tbackground: linear-gradient(\n\t\t90deg,\n\t\tvar(--skeleton-gray-base) 0%,\n\t\tvar(--skeleton-gray-base) 33%,\n\t\tvar(--skeleton-gray-accent) 50%,\n\t\tvar(--skeleton-gray-base) 66%,\n\t\tvar(--skeleton-gray-base) 100%\n\t);\n\tbackground-size: 300% 100%;\n}\n\n.blue {\n\t--skeleton-blue-accent: #759cec;\n\t--skeleton-blue-base: #dfe9ff;\n\n\tbackground: linear-gradient(\n\t\t90deg,\n\t\tvar(--skeleton-blue-base) 0%,\n\t\tvar(--skeleton-blue-base) 33%,\n\t\tvar(--skeleton-blue-accent) 50%,\n\t\tvar(--skeleton-blue-base) 66%,\n\t\tvar(--skeleton-blue-base) 100%\n\t);\n\tbackground-size: 300% 100%;\n}\n\n.text {\n\tdisplay: block;\n\tmargin-bottom: var(--spacing-xs);\n\n\t&:last-child {\n\t\tmargin-bottom: 0;\n\t}\n}\n\n.circle {\n\tdisplay: inline-block;\n\tborder-radius: 50%;\n\tflex-shrink: 0;\n}\n\n.rectangle {\n\tdisplay: inline-block;\n\tflex-shrink: 0;\n}\n\n.container {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n@keyframes shimmer {\n\t0% {\n\t\tbackground-position: 100% 0;\n\t}\n\n\t60% {\n\t\tbackground-position: 0 0;\n\t}\n\n\t100% {\n\t\tbackground-position: 0 0;\n\t}\n}\n"],"mappings":""}

package/dist/components/ds-skeleton/ds-skeleton.types.cjs

@@ -0,0 +1,8 @@
+
+//#region src/components/ds-skeleton/ds-skeleton.types.ts
+const skeletonColorVariants = ["gray", "blue"];
+const skeletonRadiusVariants = ["default", "round"];
+
+//#endregion
+exports.skeletonColorVariants = skeletonColorVariants;
+exports.skeletonRadiusVariants = skeletonRadiusVariants;

package/dist/components/ds-skeleton/ds-skeleton.types.d.cts

@@ -0,0 +1,91 @@
+import { DsAvatarSize } from "../ds-avatar/ds-avatar.types.cjs";
+import { SemanticVariant } from "../ds-typography/ds-typography.types.cjs";
+import { CSSProperties, Ref } from "react";
+
+//#region src/components/ds-skeleton/ds-skeleton.types.d.ts
+declare const skeletonColorVariants: readonly ["gray", "blue"];
+type SkeletonColorVariant = (typeof skeletonColorVariants)[number];
+declare const skeletonRadiusVariants: readonly ["default", "round"];
+type SkeletonRadiusVariant = (typeof skeletonRadiusVariants)[number];
+/**
+ * Shared base props for all skeleton components
+ */
+interface DsSkeletonBaseProps {
+  /**
+   * Color variant of the skeleton
+   * @default 'gray'
+   */
+  color?: SkeletonColorVariant;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional inline styles
+   */
+  style?: CSSProperties;
+  /**
+   * Ref to the skeleton element
+   */
+  ref?: Ref<HTMLSpanElement>;
+}
+/**
+ * Props for DsSkeleton.Text component
+ * Typography-based text skeleton with configurable lines
+ */
+interface DsSkeletonTextProps extends DsSkeletonBaseProps {
+  /**
+   * Typography variant - determines the height of the skeleton
+   * @default 'body-sm-reg'
+   */
+  typographyVariant?: SemanticVariant;
+  /**
+   * Number of lines to render
+   * @default 1
+   */
+  lines?: number;
+  /**
+   * Width of skeleton. Last line will have varied width if not specified.
+   * Can be a number (px) or string ('50%', '200px')
+   * @default '100%' (last line varies between 40-80%)
+   */
+  width?: string | number;
+  /**
+   * Border radius: 'default' (4px), 'round' (pill-shaped), or custom px value
+   * @default 'default'
+   */
+  radius?: SkeletonRadiusVariant | number;
+}
+/**
+ * Props for DsSkeleton.Circle component
+ * Circular skeleton for avatars and icons
+ */
+interface DsSkeletonCircleProps extends DsSkeletonBaseProps {
+  /**
+   * Size of the circle - matches DsAvatar sizes or custom pixel value
+   * @default 'regular'
+   */
+  size?: DsAvatarSize | number;
+}
+/**
+ * Props for DsSkeleton.Rect component
+ * Rectangular skeleton for buttons, images, and custom shapes
+ */
+interface DsSkeletonRectProps extends DsSkeletonBaseProps {
+  /**
+   * Width of rectangle. Can be number (px) or string ('50%', '200px')
+   */
+  width: string | number;
+  /**
+   * Height of rectangle. Can be number (px) or string ('50%', '200px')
+   */
+  height: string | number;
+  /**
+   * Border radius: 'default' (4px), 'round' (pill-shaped), or custom px value
+   * @default 'default'
+   */
+  radius?: SkeletonRadiusVariant | number;
+}
+//#endregion
+export { DsSkeletonBaseProps, DsSkeletonCircleProps, DsSkeletonRectProps, DsSkeletonTextProps, SkeletonColorVariant, SkeletonRadiusVariant, skeletonColorVariants, skeletonRadiusVariants };
+//# sourceMappingURL=ds-skeleton.types.d.cts.map

package/dist/components/ds-skeleton/ds-skeleton.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-skeleton.types.d.cts","names":[],"sources":["../../../src/components/ds-skeleton/ds-skeleton.types.ts"],"sourcesContent":[],"mappings":";;;;;cAIa;KACD,oBAAA,WAA+B;AAD9B,cAGA,sBAHiD,EAAA,SAAA,CAAA,SAAA,EAAA,OAAA,CAAA;AAClD,KAGA,qBAAA,GAHoB,CAAA,OAGY,sBAHoB,CAAA,CAAA,MAAA,CAAA;AAEhE;AACA;AAKA;AAKS,UALQ,mBAAA,CAKR;EAQA;;;;EAWQ,KAAA,CAAA,EAnBR,oBAmB4B;EAKhB;;;EAL2C,SAAA,CAAA,EAAA,MAAA;EA4B/C;AAYjB;;UAnDS;;;;QAIF,IAAI;;;;;;UAOM,mBAAA,SAA4B;;;;;sBAKxB;;;;;;;;;;;;;;;;WAgBX;;;;;;UAOO,qBAAA,SAA8B;;;;;SAKvC;;;;;;UAOS,mBAAA,SAA4B;;;;;;;;;;;;;WAanC"}

package/dist/components/ds-skeleton/ds-skeleton.types.d.ts

@@ -0,0 +1,93 @@
+import { DsAvatarSize } from "../ds-avatar/ds-avatar.types.js";
+import "../ds-avatar/index.js";
+import { SemanticVariant } from "../ds-typography/ds-typography.types.js";
+import "../ds-typography/index.js";
+import { CSSProperties, Ref } from "react";
+
+//#region src/components/ds-skeleton/ds-skeleton.types.d.ts
+declare const skeletonColorVariants: readonly ["gray", "blue"];
+type SkeletonColorVariant = (typeof skeletonColorVariants)[number];
+declare const skeletonRadiusVariants: readonly ["default", "round"];
+type SkeletonRadiusVariant = (typeof skeletonRadiusVariants)[number];
+/**
+ * Shared base props for all skeleton components
+ */
+interface DsSkeletonBaseProps {
+  /**
+   * Color variant of the skeleton
+   * @default 'gray'
+   */
+  color?: SkeletonColorVariant;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional inline styles
+   */
+  style?: CSSProperties;
+  /**
+   * Ref to the skeleton element
+   */
+  ref?: Ref<HTMLSpanElement>;
+}
+/**
+ * Props for DsSkeleton.Text component
+ * Typography-based text skeleton with configurable lines
+ */
+interface DsSkeletonTextProps extends DsSkeletonBaseProps {
+  /**
+   * Typography variant - determines the height of the skeleton
+   * @default 'body-sm-reg'
+   */
+  typographyVariant?: SemanticVariant;
+  /**
+   * Number of lines to render
+   * @default 1
+   */
+  lines?: number;
+  /**
+   * Width of skeleton. Last line will have varied width if not specified.
+   * Can be a number (px) or string ('50%', '200px')
+   * @default '100%' (last line varies between 40-80%)
+   */
+  width?: string | number;
+  /**
+   * Border radius: 'default' (4px), 'round' (pill-shaped), or custom px value
+   * @default 'default'
+   */
+  radius?: SkeletonRadiusVariant | number;
+}
+/**
+ * Props for DsSkeleton.Circle component
+ * Circular skeleton for avatars and icons
+ */
+interface DsSkeletonCircleProps extends DsSkeletonBaseProps {
+  /**
+   * Size of the circle - matches DsAvatar sizes or custom pixel value
+   * @default 'regular'
+   */
+  size?: DsAvatarSize | number;
+}
+/**
+ * Props for DsSkeleton.Rect component
+ * Rectangular skeleton for buttons, images, and custom shapes
+ */
+interface DsSkeletonRectProps extends DsSkeletonBaseProps {
+  /**
+   * Width of rectangle. Can be number (px) or string ('50%', '200px')
+   */
+  width: string | number;
+  /**
+   * Height of rectangle. Can be number (px) or string ('50%', '200px')
+   */
+  height: string | number;
+  /**
+   * Border radius: 'default' (4px), 'round' (pill-shaped), or custom px value
+   * @default 'default'
+   */
+  radius?: SkeletonRadiusVariant | number;
+}
+//#endregion
+export { DsSkeletonBaseProps, DsSkeletonCircleProps, DsSkeletonRectProps, DsSkeletonTextProps, SkeletonColorVariant, SkeletonRadiusVariant, skeletonColorVariants, skeletonRadiusVariants };
+//# sourceMappingURL=ds-skeleton.types.d.ts.map

package/dist/components/ds-skeleton/ds-skeleton.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-skeleton.types.d.ts","names":[],"sources":["../../../src/components/ds-skeleton/ds-skeleton.types.ts"],"sourcesContent":[],"mappings":";;;;;;;cAIa;KACD,oBAAA,WAA+B;cAE9B;KACD,qBAAA,WAAgC;AAJ5C;AACA;AAEA;AACY,UAKK,mBAAA,CALgB;EAKhB;;;;EAiBV,KAAA,CAAA,EAZE,oBAYF;EAAG;AAOV;;EAqBU,SAAA,CAAA,EAAA,MAAA;EArBmC;;AA4B7C;EAYiB,KAAA,CAAA,EAnDR,aAmDQ;;;;QA/CV,IAAI;;;;;;UAOM,mBAAA,SAA4B;;;;;sBAKxB;;;;;;;;;;;;;;;;WAgBX;;;;;;UAOO,qBAAA,SAA8B;;;;;SAKvC;;;;;;UAOS,mBAAA,SAA4B;;;;;;;;;;;;;WAanC"}

package/dist/components/ds-skeleton/ds-skeleton.types.js

@@ -0,0 +1,7 @@
+//#region src/components/ds-skeleton/ds-skeleton.types.ts
+const skeletonColorVariants = ["gray", "blue"];
+const skeletonRadiusVariants = ["default", "round"];
+
+//#endregion
+export { skeletonColorVariants, skeletonRadiusVariants };
+//# sourceMappingURL=ds-skeleton.types.js.map

package/dist/components/ds-skeleton/ds-skeleton.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-skeleton.types.js","names":["CSSProperties","Ref","DsAvatarSize","SemanticVariant","skeletonColorVariants","const","SkeletonColorVariant","skeletonRadiusVariants","SkeletonRadiusVariant","DsSkeletonBaseProps","color","className","style","ref","HTMLSpanElement","DsSkeletonTextProps","typographyVariant","lines","width","radius","DsSkeletonCircleProps","size","DsSkeletonRectProps","height"],"sources":["../../../src/components/ds-skeleton/ds-skeleton.types.ts"],"sourcesContent":["import type { CSSProperties, Ref } from 'react';\nimport type { DsAvatarSize } from '../ds-avatar';\nimport type { SemanticVariant } from '../ds-typography';\n\nexport const skeletonColorVariants = ['gray', 'blue'] as const;\nexport type SkeletonColorVariant = (typeof skeletonColorVariants)[number];\n\nexport const skeletonRadiusVariants = ['default', 'round'] as const;\nexport type SkeletonRadiusVariant = (typeof skeletonRadiusVariants)[number];\n\n/**\n * Shared base props for all skeleton components\n */\nexport interface DsSkeletonBaseProps {\n\t/**\n\t * Color variant of the skeleton\n\t * @default 'gray'\n\t */\n\tcolor?: SkeletonColorVariant;\n\t/**\n\t * Additional CSS class names\n\t */\n\tclassName?: string;\n\t/**\n\t * Additional inline styles\n\t */\n\tstyle?: CSSProperties;\n\t/**\n\t * Ref to the skeleton element\n\t */\n\tref?: Ref<HTMLSpanElement>;\n}\n\n/**\n * Props for DsSkeleton.Text component\n * Typography-based text skeleton with configurable lines\n */\nexport interface DsSkeletonTextProps extends DsSkeletonBaseProps {\n\t/**\n\t * Typography variant - determines the height of the skeleton\n\t * @default 'body-sm-reg'\n\t */\n\ttypographyVariant?: SemanticVariant;\n\t/**\n\t * Number of lines to render\n\t * @default 1\n\t */\n\tlines?: number;\n\t/**\n\t * Width of skeleton. Last line will have varied width if not specified.\n\t * Can be a number (px) or string ('50%', '200px')\n\t * @default '100%' (last line varies between 40-80%)\n\t */\n\twidth?: string | number;\n\t/**\n\t * Border radius: 'default' (4px), 'round' (pill-shaped), or custom px value\n\t * @default 'default'\n\t */\n\tradius?: SkeletonRadiusVariant | number;\n}\n\n/**\n * Props for DsSkeleton.Circle component\n * Circular skeleton for avatars and icons\n */\nexport interface DsSkeletonCircleProps extends DsSkeletonBaseProps {\n\t/**\n\t * Size of the circle - matches DsAvatar sizes or custom pixel value\n\t * @default 'regular'\n\t */\n\tsize?: DsAvatarSize | number;\n}\n\n/**\n * Props for DsSkeleton.Rect component\n * Rectangular skeleton for buttons, images, and custom shapes\n */\nexport interface DsSkeletonRectProps extends DsSkeletonBaseProps {\n\t/**\n\t * Width of rectangle. Can be number (px) or string ('50%', '200px')\n\t */\n\twidth: string | number;\n\t/**\n\t * Height of rectangle. Can be number (px) or string ('50%', '200px')\n\t */\n\theight: string | number;\n\t/**\n\t * Border radius: 'default' (4px), 'round' (pill-shaped), or custom px value\n\t * @default 'default'\n\t */\n\tradius?: SkeletonRadiusVariant | number;\n}\n"],"mappings":";AAIA,MAAaI,wBAAwB,CAAC,QAAQ,OAAO;AAGrD,MAAaG,yBAAyB,CAAC,WAAW,QAAQ"}

package/dist/components/ds-skeleton/index.cjs

@@ -0,0 +1,5 @@
+const require_ds_skeleton_types = require('./ds-skeleton.types.cjs');
+const require_ds_skeleton_text = require('./ds-skeleton-text.cjs');
+const require_ds_skeleton_circle = require('./ds-skeleton-circle.cjs');
+const require_ds_skeleton_rect = require('./ds-skeleton-rect.cjs');
+const require_ds_skeleton = require('./ds-skeleton.cjs');

package/dist/components/ds-skeleton/index.d.ts

@@ -0,0 +1,5 @@
+import { DsSkeletonBaseProps, DsSkeletonCircleProps, DsSkeletonRectProps, DsSkeletonTextProps, SkeletonColorVariant, SkeletonRadiusVariant, skeletonColorVariants, skeletonRadiusVariants } from "./ds-skeleton.types.js";
+import { _default } from "./ds-skeleton.js";
+import { DsSkeletonText } from "./ds-skeleton-text.js";
+import { DsSkeletonCircle } from "./ds-skeleton-circle.js";
+import { DsSkeletonRect } from "./ds-skeleton-rect.js";

package/dist/components/ds-skeleton/index.js

@@ -0,0 +1,5 @@
+import { skeletonColorVariants, skeletonRadiusVariants } from "./ds-skeleton.types.js";
+import ds_skeleton_text_default from "./ds-skeleton-text.js";
+import ds_skeleton_circle_default from "./ds-skeleton-circle.js";
+import ds_skeleton_rect_default from "./ds-skeleton-rect.js";
+import ds_skeleton_default from "./ds-skeleton.js";

package/dist/components/ds-smart-tabs/ds-smart-tabs.d.cts

@@ -1,5 +1,5 @@
 import { DsSmartTabProps, DsSmartTabsProps } from "./ds-smart-tabs.types.cjs";
-import * as react_jsx_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/ds-smart-tabs/ds-smart-tabs.d.ts
@@ -14,7 +14,7 @@ declare const DsSmartTabs: {
     style,
     children,
     ...props
-  }: DsSmartTabsProps): react_jsx_runtime36.JSX.Element;
+  }: DsSmartTabsProps): react_jsx_runtime40.JSX.Element;
   Tab: React.FC<DsSmartTabProps>;
 };
 //#endregion

package/dist/components/ds-smart-tabs/ds-smart-tabs.d.ts

@@ -1,5 +1,5 @@
 import { DsSmartTabProps, DsSmartTabsProps } from "./ds-smart-tabs.types.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/ds-smart-tabs/ds-smart-tabs.d.ts
@@ -14,7 +14,7 @@ declare const DsSmartTabs: {
     style,
     children,
     ...props
-  }: DsSmartTabsProps): react_jsx_runtime0.JSX.Element;
+  }: DsSmartTabsProps): react_jsx_runtime7.JSX.Element;
   Tab: React.FC<DsSmartTabProps>;
 };
 //#endregion

package/dist/components/ds-spinner/ds-spinner.cjs

@@ -20,7 +20,7 @@ const widthMap = {
 * Design system Spinner component
 */
 const DsSpinner = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(26);
+	const $ = (0, react_compiler_runtime.c)(25);
 	let className;
 	let props;
 	let t1;
@@ -51,70 +51,68 @@ const DsSpinner = (t0) => {
 	const radius = (actualSize - actualWidth) / 2;
 	const circumference = 2 * Math.PI * radius;
 	const strokeDasharray = `${String(.25 * circumference)} ${String(circumference)}`;
-	const t4 = require_ds_spinner_module.default[size];
-	let t5;
-	if ($[7] !== className || $[8] !== t4) {
-		t5 = (0, classnames.default)(require_ds_spinner_module.default.spinnerContainer, t4, className);
+	let t4;
+	if ($[7] !== className) {
+		t4 = (0, classnames.default)(require_ds_spinner_module.default.spinnerContainer, className);
 		$[7] = className;
 		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = (0, classnames.default)(require_ds_spinner_module.default.progressCircle, require_ds_spinner_module.default.spin);
 		$[9] = t5;
 	} else t5 = $[9];
-	let t6;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = (0, classnames.default)(require_ds_spinner_module.default.progressCircle, require_ds_spinner_module.default.spin);
-		$[10] = t6;
-	} else t6 = $[10];
-	const t7 = `0 0 ${String(actualSize)} ${String(actualSize)}`;
+	const t6 = `0 0 ${String(actualSize)} ${String(actualSize)}`;
+	const t7 = actualSize / 2;
 	const t8 = actualSize / 2;
-	const t9 = actualSize / 2;
-	let t10;
-	if ($[11] !== actualWidth || $[12] !== radius || $[13] !== strokeDasharray || $[14] !== t8 || $[15] !== t9) {
-		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+	let t9;
+	if ($[10] !== actualWidth || $[11] !== radius || $[12] !== strokeDasharray || $[13] !== t7 || $[14] !== t8) {
+		t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
 			className: require_ds_spinner_module.default.progressArc,
-			cx: t8,
-			cy: t9,
+			cx: t7,
+			cy: t8,
 			r: radius,
 			fill: "none",
 			strokeWidth: actualWidth,
 			strokeDasharray,
 			strokeLinecap: "round"
 		});
-		$[11] = actualWidth;
-		$[12] = radius;
-		$[13] = strokeDasharray;
+		$[10] = actualWidth;
+		$[11] = radius;
+		$[12] = strokeDasharray;
+		$[13] = t7;
 		$[14] = t8;
 		$[15] = t9;
-		$[16] = t10;
-	} else t10 = $[16];
-	let t11;
-	if ($[17] !== actualSize || $[18] !== t10 || $[19] !== t7) {
-		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-			className: t6,
+	} else t9 = $[15];
+	let t10;
+	if ($[16] !== actualSize || $[17] !== t6 || $[18] !== t9) {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			className: t5,
 			width: actualSize,
 			height: actualSize,
-			viewBox: t7,
-			children: t10
+			viewBox: t6,
+			children: t9
 		});
-		$[17] = actualSize;
-		$[18] = t10;
-		$[19] = t7;
-		$[20] = t11;
-	} else t11 = $[20];
-	let t12;
-	if ($[21] !== props || $[22] !== style || $[23] !== t11 || $[24] !== t5) {
-		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: t5,
+		$[16] = actualSize;
+		$[17] = t6;
+		$[18] = t9;
+		$[19] = t10;
+	} else t10 = $[19];
+	let t11;
+	if ($[20] !== props || $[21] !== style || $[22] !== t10 || $[23] !== t4) {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: t4,
 			style,
 			...props,
-			children: t11
+			children: t10
 		});
-		$[21] = props;
-		$[22] = style;
-		$[23] = t11;
-		$[24] = t5;
-		$[25] = t12;
-	} else t12 = $[25];
-	return t12;
+		$[20] = props;
+		$[21] = style;
+		$[22] = t10;
+		$[23] = t4;
+		$[24] = t11;
+	} else t11 = $[24];
+	return t11;
 };
 var ds_spinner_default = DsSpinner;
 

package/dist/components/ds-spinner/ds-spinner.js

@@ -18,7 +18,7 @@ const widthMap = {
 * Design system Spinner component
 */
 const DsSpinner = (t0) => {
-	const $ = c(26);
+	const $ = c(25);
 	let className;
 	let props;
 	let t1;
@@ -49,70 +49,68 @@ const DsSpinner = (t0) => {
 	const radius = (actualSize - actualWidth) / 2;
 	const circumference = 2 * Math.PI * radius;
 	const strokeDasharray = `${String(.25 * circumference)} ${String(circumference)}`;
-	const t4 = ds_spinner_module_default[size];
-	let t5;
-	if ($[7] !== className || $[8] !== t4) {
-		t5 = classNames(ds_spinner_module_default.spinnerContainer, t4, className);
+	let t4;
+	if ($[7] !== className) {
+		t4 = classNames(ds_spinner_module_default.spinnerContainer, className);
 		$[7] = className;
 		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = classNames(ds_spinner_module_default.progressCircle, ds_spinner_module_default.spin);
 		$[9] = t5;
 	} else t5 = $[9];
-	let t6;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = classNames(ds_spinner_module_default.progressCircle, ds_spinner_module_default.spin);
-		$[10] = t6;
-	} else t6 = $[10];
-	const t7 = `0 0 ${String(actualSize)} ${String(actualSize)}`;
+	const t6 = `0 0 ${String(actualSize)} ${String(actualSize)}`;
+	const t7 = actualSize / 2;
 	const t8 = actualSize / 2;
-	const t9 = actualSize / 2;
-	let t10;
-	if ($[11] !== actualWidth || $[12] !== radius || $[13] !== strokeDasharray || $[14] !== t8 || $[15] !== t9) {
-		t10 = /* @__PURE__ */ jsx("circle", {
+	let t9;
+	if ($[10] !== actualWidth || $[11] !== radius || $[12] !== strokeDasharray || $[13] !== t7 || $[14] !== t8) {
+		t9 = /* @__PURE__ */ jsx("circle", {
 			className: ds_spinner_module_default.progressArc,
-			cx: t8,
-			cy: t9,
+			cx: t7,
+			cy: t8,
 			r: radius,
 			fill: "none",
 			strokeWidth: actualWidth,
 			strokeDasharray,
 			strokeLinecap: "round"
 		});
-		$[11] = actualWidth;
-		$[12] = radius;
-		$[13] = strokeDasharray;
+		$[10] = actualWidth;
+		$[11] = radius;
+		$[12] = strokeDasharray;
+		$[13] = t7;
 		$[14] = t8;
 		$[15] = t9;
-		$[16] = t10;
-	} else t10 = $[16];
-	let t11;
-	if ($[17] !== actualSize || $[18] !== t10 || $[19] !== t7) {
-		t11 = /* @__PURE__ */ jsx("svg", {
-			className: t6,
+	} else t9 = $[15];
+	let t10;
+	if ($[16] !== actualSize || $[17] !== t6 || $[18] !== t9) {
+		t10 = /* @__PURE__ */ jsx("svg", {
+			className: t5,
 			width: actualSize,
 			height: actualSize,
-			viewBox: t7,
-			children: t10
+			viewBox: t6,
+			children: t9
 		});
-		$[17] = actualSize;
-		$[18] = t10;
-		$[19] = t7;
-		$[20] = t11;
-	} else t11 = $[20];
-	let t12;
-	if ($[21] !== props || $[22] !== style || $[23] !== t11 || $[24] !== t5) {
-		t12 = /* @__PURE__ */ jsx("div", {
-			className: t5,
+		$[16] = actualSize;
+		$[17] = t6;
+		$[18] = t9;
+		$[19] = t10;
+	} else t10 = $[19];
+	let t11;
+	if ($[20] !== props || $[21] !== style || $[22] !== t10 || $[23] !== t4) {
+		t11 = /* @__PURE__ */ jsx("div", {
+			className: t4,
 			style,
 			...props,
-			children: t11
+			children: t10
 		});
-		$[21] = props;
-		$[22] = style;
-		$[23] = t11;
-		$[24] = t5;
-		$[25] = t12;
-	} else t12 = $[25];
-	return t12;
+		$[20] = props;
+		$[21] = style;
+		$[22] = t10;
+		$[23] = t4;
+		$[24] = t11;
+	} else t11 = $[24];
+	return t11;
 };
 var ds_spinner_default = DsSpinner;