@semcore/progress-bar 17.0.0-prerelease.34 → 17.0.0-prerelease.36

package/CHANGELOG.md

@@ -2,12 +2,16 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [17.0.0] - 2026-04-08
+## [17.0.0] - 2026-04-10
 
 ### BREAK
 
 - **ellipsis**: New major version.
 
+### Fixed
+
+- Rewrite component to TS.
+
 ## [16.0.11] - 2025-10-29
 
 ### Changed

package/lib/cjs/ProgressBar.js

@@ -30,6 +30,7 @@ const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_star
   "_theme_custom": "_theme_custom_u2ua8_gg_"
 });
 function isCustomTheme(theme) {
+  if (!theme) return false;
   return !['dark', 'invert'].includes(theme);
 }
 class ProgressBarRoot extends _core.Component {

package/lib/cjs/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","names":["_core","require","_baseComponents","_resolveColorEnhance","_interopRequireDefault","_react","style","sstyled","insert","isCustomTheme","theme","includes","ProgressBarRoot","Component","getValueProps","value","duration","size","resolveColor","asProps","render","_ref","_ref3","SProgressBar","Box","Children","styles","useTheme","default","createElement","cn","assignProps","_defineProperty2","resolveColorEnhance","children","ProgressBar","Value","props","_ref2","arguments[0]","_ref4","SValue","width","createComponent","_default","exports"],"sources":["../../src/ProgressBar.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport style from './style/progress-bar.shadow.css';\n\nfunction isCustomTheme(theme) {\n  return !['dark', 'invert'].includes(theme);\n}\n\nclass ProgressBarRoot extends Component {\n  static displayName = 'ProgressBar';\n  static style = style;\n  static enhance = [resolveColorEnhance()];\n  static defaultProps = () => ({\n    duration: 1000,\n    size: 'm',\n    theme: 'invert',\n    children: <ProgressBar.Value />,\n  });\n\n  getValueProps() {\n    const { value, duration, size, resolveColor } = this.asProps;\n    return {\n      value,\n      duration,\n      size,\n      resolveColor,\n    };\n  }\n\n  render() {\n    const SProgressBar = Root;\n    const { Children, styles, duration, theme, value, resolveColor } = this.asProps;\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n    return sstyled(styles)(\n      <SProgressBar\n        render={Box}\n        use:theme={useTheme}\n        use:animation={!value}\n        use:duration={`${duration}ms`}\n        colorBg={resolveColor(theme)}\n        role='progressbar'\n        aria-valuenow={value}\n      >\n        <Children />\n      </SProgressBar>,\n    );\n  }\n}\n\nfunction Value(props) {\n  const SValue = Root;\n  const { styles, value, theme, duration, resolveColor } = props;\n  const width = `${value}%`;\n\n  return sstyled(styles)(\n    <SValue\n      render={Box}\n      use:width={width}\n      use:duration={`${duration}ms`}\n      colorBg={resolveColor(theme)}\n    />,\n  );\n}\n\nconst ProgressBar = createComponent(ProgressBarRoot, {\n  Value,\n});\n\nexport default ProgressBar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ProgressBar.js","names":["_core","require","_baseComponents","_resolveColorEnhance","_interopRequireDefault","_react","style","sstyled","insert","isCustomTheme","theme","includes","ProgressBarRoot","Component","getValueProps","value","duration","size","resolveColor","asProps","render","_ref","_ref3","SProgressBar","Box","Children","styles","useTheme","default","createElement","cn","assignProps","_defineProperty2","resolveColorEnhance","children","ProgressBar","Value","props","_ref2","arguments[0]","_ref4","SValue","width","createComponent","_default","exports"],"sources":["../../src/ProgressBar.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport type { ProgressBarRootComponent, ProgressBarComponent, ProgressBarValueComponent } from './ProgressBar.type';\nimport style from './style/progress-bar.shadow.css';\n\nfunction isCustomTheme(theme?: string) {\n  if (!theme) return false;\n\n  return !['dark', 'invert'].includes(theme);\n}\n\nclass ProgressBarRoot extends Component<\n  Intergalactic.InternalTypings.InferComponentProps<ProgressBarRootComponent>,\n  typeof ProgressBarRoot.enhance\n> {\n  static displayName = 'ProgressBar';\n  static style = style;\n  static enhance = [resolveColorEnhance()] as const;\n  static defaultProps = () => ({\n    duration: 1000,\n    size: 'm',\n    theme: 'invert',\n    children: <ProgressBar.Value />,\n  });\n\n  getValueProps() {\n    const { value, duration, size, resolveColor } = this.asProps;\n    return {\n      value,\n      duration,\n      size,\n      resolveColor,\n    };\n  }\n\n  render() {\n    const SProgressBar = Root;\n    const { Children, styles, duration, theme, value, resolveColor } = this.asProps;\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n    return sstyled(styles)(\n      <SProgressBar\n        render={Box}\n        use:theme={useTheme}\n        use:animation={!value}\n        use:duration={`${duration}ms`}\n        colorBg={resolveColor(theme)}\n        role='progressbar'\n        aria-valuenow={value}\n      >\n        <Children />\n      </SProgressBar>,\n    );\n  }\n}\n\nfunction Value(\n  props: Intergalactic.InternalTypings.InferChildComponentProps<\n    ProgressBarValueComponent,\n    typeof ProgressBarRoot,\n    'Value'\n  >,\n) {\n  const SValue = Root;\n  const { styles, value, theme, duration, resolveColor } = props;\n  const width = `${value}%`;\n\n  return sstyled(styles)(\n    <SValue\n      render={Box}\n      use:width={width}\n      use:duration={`${duration}ms`}\n      colorBg={resolveColor(theme)}\n    />,\n  );\n}\n\nconst ProgressBar = createComponent(ProgressBarRoot, {\n  Value,\n}) as ProgressBarComponent;\n\nexport default ProgressBar;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/ProgressBar.type.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ProgressBar.type.js.map

package/lib/cjs/ProgressBar.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.type.js","names":[],"sources":["../../src/ProgressBar.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\n\nexport type ProgressBarProps = BoxProps & {\n  /**\n   * Progress bar theme\n   * @default invert\n   */\n  theme?: 'dark' | 'invert' | string;\n  /**\n   * Progress bar size\n   * @default m\n   */\n  size?: 's' | 'm' | 'l';\n  /** Value as a percentage */\n  value?: number;\n  /** Duration of animation, ms\n   * @default 1000\n   */\n  duration?: number;\n};\n\nexport type ValueProps = BoxProps & {\n  /** Controls the size of the value bar */\n  size?: 's' | 'm' | 'l';\n  /** Progress value */\n  value?: number;\n  /** Animation diration in milliseconds for transitions */\n  duration?: number;\n  /** Color theme */\n  theme?: string;\n};\n\nexport type ProgressBarCxt = {\n  getValueProps: PropGetterFn;\n};\n\nexport type ProgressBarRootComponent = Intergalactic.Component<'div', ProgressBarProps, ProgressBarCxt>;\nexport type ProgressBarValueComponent = Intergalactic.Component<'div', ValueProps>;\n\nexport type ProgressBarComponent = ProgressBarRootComponent & {\n  Value: ProgressBarValueComponent;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/index.js

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {};
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
@@ -11,4 +12,16 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _ProgressBar = _interopRequireDefault(require("./ProgressBar"));
+var _ProgressBar2 = require("./ProgressBar.type");
+Object.keys(_ProgressBar2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ProgressBar2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ProgressBar2[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_ProgressBar","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './ProgressBar';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_ProgressBar","_interopRequireDefault","require","_ProgressBar2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './ProgressBar';\nexport * from './ProgressBar.type';\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,aAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,aAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,aAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/es6/ProgressBar.js

@@ -26,6 +26,7 @@ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/
   "_theme_custom": "_theme_custom_u2ua8_gg_"
 });
 function isCustomTheme(theme) {
+  if (!theme) return false;
   return !['dark', 'invert'].includes(theme);
 }
 class ProgressBarRoot extends Component {

package/lib/es6/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","names":["Box","createComponent","Component","sstyled","Root","resolveColorEnhance","React","style","_sstyled","insert","isCustomTheme","theme","includes","ProgressBarRoot","getValueProps","value","duration","size","resolveColor","asProps","render","_ref","_ref3","SProgressBar","Children","styles","useTheme","createElement","cn","_assignProps","_defineProperty","children","ProgressBar","Value","props","_ref2","arguments[0]","_ref4","SValue","width","_assignProps2"],"sources":["../../src/ProgressBar.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport style from './style/progress-bar.shadow.css';\n\nfunction isCustomTheme(theme) {\n  return !['dark', 'invert'].includes(theme);\n}\n\nclass ProgressBarRoot extends Component {\n  static displayName = 'ProgressBar';\n  static style = style;\n  static enhance = [resolveColorEnhance()];\n  static defaultProps = () => ({\n    duration: 1000,\n    size: 'm',\n    theme: 'invert',\n    children: <ProgressBar.Value />,\n  });\n\n  getValueProps() {\n    const { value, duration, size, resolveColor } = this.asProps;\n    return {\n      value,\n      duration,\n      size,\n      resolveColor,\n    };\n  }\n\n  render() {\n    const SProgressBar = Root;\n    const { Children, styles, duration, theme, value, resolveColor } = this.asProps;\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n    return sstyled(styles)(\n      <SProgressBar\n        render={Box}\n        use:theme={useTheme}\n        use:animation={!value}\n        use:duration={`${duration}ms`}\n        colorBg={resolveColor(theme)}\n        role='progressbar'\n        aria-valuenow={value}\n      >\n        <Children />\n      </SProgressBar>,\n    );\n  }\n}\n\nfunction Value(props) {\n  const SValue = Root;\n  const { styles, value, theme, duration, resolveColor } = props;\n  const width = `${value}%`;\n\n  return sstyled(styles)(\n    <SValue\n      render={Box}\n      use:width={width}\n      use:duration={`${duration}ms`}\n      colorBg={resolveColor(theme)}\n    />,\n  );\n}\n\nconst ProgressBar = createComponent(ProgressBarRoot, {\n  Value,\n});\n\nexport default ProgressBar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ProgressBar.js","names":["Box","createComponent","Component","sstyled","Root","resolveColorEnhance","React","style","_sstyled","insert","isCustomTheme","theme","includes","ProgressBarRoot","getValueProps","value","duration","size","resolveColor","asProps","render","_ref","_ref3","SProgressBar","Children","styles","useTheme","createElement","cn","_assignProps","_defineProperty","children","ProgressBar","Value","props","_ref2","arguments[0]","_ref4","SValue","width","_assignProps2"],"sources":["../../src/ProgressBar.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport type { ProgressBarRootComponent, ProgressBarComponent, ProgressBarValueComponent } from './ProgressBar.type';\nimport style from './style/progress-bar.shadow.css';\n\nfunction isCustomTheme(theme?: string) {\n  if (!theme) return false;\n\n  return !['dark', 'invert'].includes(theme);\n}\n\nclass ProgressBarRoot extends Component<\n  Intergalactic.InternalTypings.InferComponentProps<ProgressBarRootComponent>,\n  typeof ProgressBarRoot.enhance\n> {\n  static displayName = 'ProgressBar';\n  static style = style;\n  static enhance = [resolveColorEnhance()] as const;\n  static defaultProps = () => ({\n    duration: 1000,\n    size: 'm',\n    theme: 'invert',\n    children: <ProgressBar.Value />,\n  });\n\n  getValueProps() {\n    const { value, duration, size, resolveColor } = this.asProps;\n    return {\n      value,\n      duration,\n      size,\n      resolveColor,\n    };\n  }\n\n  render() {\n    const SProgressBar = Root;\n    const { Children, styles, duration, theme, value, resolveColor } = this.asProps;\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n    return sstyled(styles)(\n      <SProgressBar\n        render={Box}\n        use:theme={useTheme}\n        use:animation={!value}\n        use:duration={`${duration}ms`}\n        colorBg={resolveColor(theme)}\n        role='progressbar'\n        aria-valuenow={value}\n      >\n        <Children />\n      </SProgressBar>,\n    );\n  }\n}\n\nfunction Value(\n  props: Intergalactic.InternalTypings.InferChildComponentProps<\n    ProgressBarValueComponent,\n    typeof ProgressBarRoot,\n    'Value'\n  >,\n) {\n  const SValue = Root;\n  const { styles, value, theme, duration, resolveColor } = props;\n  const width = `${value}%`;\n\n  return sstyled(styles)(\n    <SValue\n      render={Box}\n      use:width={width}\n      use:duration={`${duration}ms`}\n      colorBg={resolveColor(theme)}\n    />,\n  );\n}\n\nconst ProgressBar = createComponent(ProgressBarRoot, {\n  Value,\n}) as ProgressBarComponent;\n\nexport default ProgressBar;\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/ProgressBar.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ProgressBar.type.js.map

package/lib/es6/ProgressBar.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.type.js","names":[],"sources":["../../src/ProgressBar.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\n\nexport type ProgressBarProps = BoxProps & {\n  /**\n   * Progress bar theme\n   * @default invert\n   */\n  theme?: 'dark' | 'invert' | string;\n  /**\n   * Progress bar size\n   * @default m\n   */\n  size?: 's' | 'm' | 'l';\n  /** Value as a percentage */\n  value?: number;\n  /** Duration of animation, ms\n   * @default 1000\n   */\n  duration?: number;\n};\n\nexport type ValueProps = BoxProps & {\n  /** Controls the size of the value bar */\n  size?: 's' | 'm' | 'l';\n  /** Progress value */\n  value?: number;\n  /** Animation diration in milliseconds for transitions */\n  duration?: number;\n  /** Color theme */\n  theme?: string;\n};\n\nexport type ProgressBarCxt = {\n  getValueProps: PropGetterFn;\n};\n\nexport type ProgressBarRootComponent = Intergalactic.Component<'div', ProgressBarProps, ProgressBarCxt>;\nexport type ProgressBarValueComponent = Intergalactic.Component<'div', ValueProps>;\n\nexport type ProgressBarComponent = ProgressBarRootComponent & {\n  Value: ProgressBarValueComponent;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/es6/index.js

@@ -1,2 +1,3 @@
 export { default } from './ProgressBar';
+export * from './ProgressBar.type';
 //# sourceMappingURL=index.js.map

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './ProgressBar';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,eAAe","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './ProgressBar';\nexport * from './ProgressBar.type';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,eAAe;AACvC,cAAc,oBAAoB","ignoreList":[]}

package/lib/esm/ProgressBar.mjs

@@ -30,6 +30,7 @@ const style = (
   })
 );
 function isCustomTheme(theme) {
+  if (!theme) return false;
   return !["dark", "invert"].includes(theme);
 }
 class ProgressBarRoot extends Component {

package/lib/types/ProgressBar.d.ts

@@ -0,0 +1,3 @@
+import type { ProgressBarComponent } from './ProgressBar.type';
+declare const ProgressBar: ProgressBarComponent;
+export default ProgressBar;

package/lib/types/ProgressBar.type.d.ts

@@ -0,0 +1,38 @@
+import type { BoxProps } from '@semcore/base-components';
+import type { PropGetterFn, Intergalactic } from '@semcore/core';
+export type ProgressBarProps = BoxProps & {
+    /**
+     * Progress bar theme
+     * @default invert
+     */
+    theme?: 'dark' | 'invert' | string;
+    /**
+     * Progress bar size
+     * @default m
+     */
+    size?: 's' | 'm' | 'l';
+    /** Value as a percentage */
+    value?: number;
+    /** Duration of animation, ms
+     * @default 1000
+     */
+    duration?: number;
+};
+export type ValueProps = BoxProps & {
+    /** Controls the size of the value bar */
+    size?: 's' | 'm' | 'l';
+    /** Progress value */
+    value?: number;
+    /** Animation diration in milliseconds for transitions */
+    duration?: number;
+    /** Color theme */
+    theme?: string;
+};
+export type ProgressBarCxt = {
+    getValueProps: PropGetterFn;
+};
+export type ProgressBarRootComponent = Intergalactic.Component<'div', ProgressBarProps, ProgressBarCxt>;
+export type ProgressBarValueComponent = Intergalactic.Component<'div', ValueProps>;
+export type ProgressBarComponent = ProgressBarRootComponent & {
+    Value: ProgressBarValueComponent;
+};

package/lib/types/index.d.ts

@@ -1,42 +1,2 @@
-import type { BoxProps } from '@semcore/base-components';
-import type { PropGetterFn, Intergalactic } from '@semcore/core';
-
-export type ProgressBarProps = BoxProps & {
-  /**
-   * Progress bar theme
-   * @default invert
-   */
-  theme?: 'dark' | 'invert' | string;
-  /**
-   * Progress bar size
-   * @default m
-   */
-  size?: 's' | 'm' | 'l';
-  /** Value as a percentage */
-  value?: number;
-  /** Duration of animation, ms
-   * @default 1000
-   */
-  duration?: number;
-};
-
-export type ValueProps = BoxProps & {
-  /** Controls the size of the value bar */
-  size?: 's' | 'm' | 'l';
-  /** Progress value */
-  value?: number;
-  /** Animation diration in milliseconds for transitions */
-  duration?: number;
-  /** Color theme */
-  theme?: string;
-};
-
-export type ProgressBarCxt = {
-  getValueProps: PropGetterFn;
-};
-
-declare const ProgressBar: Intergalactic.Component<'div', ProgressBarProps, ProgressBarCxt> & {
-  Value: Intergalactic.Component<'div', ValueProps>;
-};
-
-export default ProgressBar;
+export { default } from './ProgressBar';
+export * from './ProgressBar.type';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/progress-bar",
   "description": "Semrush ProgressBar Component",
-  "version": "17.0.0-prerelease.34",
+  "version": "17.0.0-prerelease.36",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -22,11 +22,11 @@
     "directory": "semcore/progress-bar"
   },
   "devDependencies": {
-    "@semcore/core": "17.0.0-prerelease.34",
-    "@semcore/base-components": "17.0.0-prerelease.34",
+    "@semcore/core": "17.0.0-prerelease.36",
+    "@semcore/base-components": "17.0.0-prerelease.36",
     "@semcore/testing-utils": "1.0.0"
   },
   "scripts": {
-    "build": "pnpm semcore-builder --source=js && pnpm vite build"
+    "build": "pnpm semcore-builder && pnpm vite build"
   }
 }

package/vite.config.ts

@@ -7,7 +7,7 @@ export default mergeConfig(
   defineConfig({
     build: {
       lib: {
-        entry: './src/index.js',
+        entry: './src/index.ts',
       },
       rollupOptions: {
         external: ['react', 'react-dom', 'react/jsx-runtime', /@babel\/runtime\/*/, /@semcore\/*/],

package/lib/cjs/index.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=index.d.js.map

package/lib/cjs/index.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\n\nexport type ProgressBarProps = BoxProps & {\n  /**\n   * Progress bar theme\n   * @default invert\n   */\n  theme?: 'dark' | 'invert' | string;\n  /**\n   * Progress bar size\n   * @default m\n   */\n  size?: 's' | 'm' | 'l';\n  /** Value as a percentage */\n  value?: number;\n  /** Duration of animation, ms\n   * @default 1000\n   */\n  duration?: number;\n};\n\nexport type ValueProps = BoxProps & {\n  /** Controls the size of the value bar */\n  size?: 's' | 'm' | 'l';\n  /** Progress value */\n  value?: number;\n  /** Animation diration in milliseconds for transitions */\n  duration?: number;\n  /** Color theme */\n  theme?: string;\n};\n\nexport type ProgressBarCxt = {\n  getValueProps: PropGetterFn;\n};\n\ndeclare const ProgressBar: Intergalactic.Component<'div', ProgressBarProps, ProgressBarCxt> & {\n  Value: Intergalactic.Component<'div', ValueProps>;\n};\n\nexport default ProgressBar;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/index.d.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.d.js.map

package/lib/es6/index.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\n\nexport type ProgressBarProps = BoxProps & {\n  /**\n   * Progress bar theme\n   * @default invert\n   */\n  theme?: 'dark' | 'invert' | string;\n  /**\n   * Progress bar size\n   * @default m\n   */\n  size?: 's' | 'm' | 'l';\n  /** Value as a percentage */\n  value?: number;\n  /** Duration of animation, ms\n   * @default 1000\n   */\n  duration?: number;\n};\n\nexport type ValueProps = BoxProps & {\n  /** Controls the size of the value bar */\n  size?: 's' | 'm' | 'l';\n  /** Progress value */\n  value?: number;\n  /** Animation diration in milliseconds for transitions */\n  duration?: number;\n  /** Color theme */\n  theme?: string;\n};\n\nexport type ProgressBarCxt = {\n  getValueProps: PropGetterFn;\n};\n\ndeclare const ProgressBar: Intergalactic.Component<'div', ProgressBarProps, ProgressBarCxt> & {\n  Value: Intergalactic.Component<'div', ValueProps>;\n};\n\nexport default ProgressBar;\n"],"mappings":"","ignoreList":[]}