@semcore/divider 17.0.0-prerelease.30 → 17.0.0-prerelease.31

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-03-09
+## [17.0.0] - 2026-03-27
 
 ### BREAK
 
 - New major version.
 
+### Fixed
+
+- Rewrite component to TS.
+
 ## [16.0.11] - 2025-10-29
 
 ### Changed

package/lib/cjs/Divider.js

@@ -24,7 +24,7 @@ const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_star
   "_orientation_vertical": "_orientation_vertical_j4ark_gg_",
   "_theme": "__theme_j4ark_gg_"
 });
-class Divider extends _core.Component {
+class DividerRoot extends _core.Component {
   render() {
     var _ref = this.asProps,
       _ref2;
@@ -43,12 +43,13 @@ class Divider extends _core.Component {
     }));
   }
 }
-(0, _defineProperty2.default)(Divider, "displayName", 'Divider');
-(0, _defineProperty2.default)(Divider, "style", style);
-(0, _defineProperty2.default)(Divider, "enhance", [(0, _resolveColorEnhance.default)()]);
-(0, _defineProperty2.default)(Divider, "defaultProps", {
+(0, _defineProperty2.default)(DividerRoot, "displayName", 'Divider');
+(0, _defineProperty2.default)(DividerRoot, "style", style);
+(0, _defineProperty2.default)(DividerRoot, "enhance", [(0, _resolveColorEnhance.default)()]);
+(0, _defineProperty2.default)(DividerRoot, "defaultProps", {
   use: 'primary',
   orientation: 'horizontal'
 });
-var _default = exports.default = (0, _core.createComponent)(Divider);
+const Divider = (0, _core.createComponent)(DividerRoot);
+var _default = exports.default = Divider;
 //# sourceMappingURL=Divider.js.map

package/lib/cjs/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","names":["_core","require","_baseComponents","_resolveColorEnhance","_interopRequireDefault","_react","style","sstyled","insert","Divider","Component","render","_ref","asProps","_ref2","SDivider","Box","orientation","resolveColor","theme","styles","default","createElement","cn","assignProps","_defineProperty2","resolveColorEnhance","use","_default","exports","createComponent"],"sources":["../../src/Divider.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport style from './style/divider.shadow.css';\n\nclass Divider extends Component {\n  static displayName = 'Divider';\n  static style = style;\n  static enhance = [resolveColorEnhance()];\n  static defaultProps = {\n    use: 'primary',\n    orientation: 'horizontal',\n  };\n\n  render() {\n    const SDivider = Root;\n    const { orientation, resolveColor, theme } = this.asProps;\n\n    return sstyled(this.asProps.styles)(\n      <SDivider\n        render={Box}\n        role='separator'\n        aria-orientation={orientation}\n        use:theme={resolveColor(theme)}\n      />,\n    );\n  }\n}\n\nexport default createComponent(Divider);\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,oBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAA0B;AAAA,MAAAK,KAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,MAAMC,OAAO,SAASC,eAAS,CAAC;EAS9BC,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACP,MAAMC,QAAQ,GAKFC,mBAAG;IAJf,MAAM;MAAEC,WAAW;MAAEC,YAAY;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACN,OAAO;IAEzD,OAAAC,KAAA,GAAO,IAAAP,aAAO,EAAC,IAAI,CAACM,OAAO,CAACO,MAAM,CAAC,eACjCf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACP,QAAQ,EAAAD,KAAA,CAAAS,EAAA;MAAA,OAAAvB,KAAA,CAAAwB,WAAA;QAAA,QAEF,WAAW;QAAA,oBACEP,WAAW;QAAA,aAClBC,YAAY,CAACC,KAAK;MAAC,GAAAP,IAAA;IAAA,EAC/B,CAAC;EAEN;AACF;AAAC,IAAAa,gBAAA,CAAAJ,OAAA,EAtBKZ,OAAO,iBACU,SAAS;AAAA,IAAAgB,gBAAA,CAAAJ,OAAA,EAD1BZ,OAAO,WAEIH,KAAK;AAAA,IAAAmB,gBAAA,CAAAJ,OAAA,EAFhBZ,OAAO,aAGM,CAAC,IAAAiB,4BAAmB,EAAC,CAAC,CAAC;AAAA,IAAAD,gBAAA,CAAAJ,OAAA,EAHpCZ,OAAO,kBAIW;EACpBkB,GAAG,EAAE,SAAS;EACdV,WAAW,EAAE;AACf,CAAC;AAAA,IAAAW,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAiBY,IAAAS,qBAAe,EAACrB,OAAO,CAAC","ignoreList":[]}
+{"version":3,"file":"Divider.js","names":["_core","require","_baseComponents","_resolveColorEnhance","_interopRequireDefault","_react","style","sstyled","insert","DividerRoot","Component","render","_ref","asProps","_ref2","SDivider","Box","orientation","resolveColor","theme","styles","default","createElement","cn","assignProps","_defineProperty2","resolveColorEnhance","use","Divider","createComponent","_default","exports"],"sources":["../../src/Divider.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport type { DividerComponent, DividerProps } from './Divider.type';\nimport style from './style/divider.shadow.css';\n\nclass DividerRoot extends Component<DividerProps, typeof DividerRoot.enhance> {\n  static displayName = 'Divider';\n  static style = style;\n  static enhance = [resolveColorEnhance()] as const;\n  static defaultProps = {\n    use: 'primary',\n    orientation: 'horizontal',\n  };\n\n  render() {\n    const SDivider = Root;\n    const { orientation, resolveColor, theme } = this.asProps;\n\n    return sstyled(this.asProps.styles)(\n      <SDivider\n        render={Box}\n        role='separator'\n        aria-orientation={orientation}\n        use:theme={resolveColor(theme)}\n      />,\n    );\n  }\n}\n\nconst Divider = createComponent(DividerRoot) as DividerComponent;\n\nexport default Divider;\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,oBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAA0B;AAAA,MAAAK,KAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAK1B,MAAMC,WAAW,SAASC,eAAS,CAA2C;EAS5EC,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACP,MAAMC,QAAQ,GAKFC,mBAAG;IAJf,MAAM;MAAEC,WAAW;MAAEC,YAAY;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACN,OAAO;IAEzD,OAAAC,KAAA,GAAO,IAAAP,aAAO,EAAC,IAAI,CAACM,OAAO,CAACO,MAAM,CAAC,eACjCf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACP,QAAQ,EAAAD,KAAA,CAAAS,EAAA;MAAA,OAAAvB,KAAA,CAAAwB,WAAA;QAAA,QAEF,WAAW;QAAA,oBACEP,WAAW;QAAA,aAClBC,YAAY,CAACC,KAAK;MAAC,GAAAP,IAAA;IAAA,EAC/B,CAAC;EAEN;AACF;AAAC,IAAAa,gBAAA,CAAAJ,OAAA,EAtBKZ,WAAW,iBACM,SAAS;AAAA,IAAAgB,gBAAA,CAAAJ,OAAA,EAD1BZ,WAAW,WAEAH,KAAK;AAAA,IAAAmB,gBAAA,CAAAJ,OAAA,EAFhBZ,WAAW,aAGE,CAAC,IAAAiB,4BAAmB,EAAC,CAAC,CAAC;AAAA,IAAAD,gBAAA,CAAAJ,OAAA,EAHpCZ,WAAW,kBAIO;EACpBkB,GAAG,EAAE,SAAS;EACdV,WAAW,EAAE;AACf,CAAC;AAiBH,MAAMW,OAAO,GAAG,IAAAC,qBAAe,EAACpB,WAAW,CAAqB;AAAC,IAAAqB,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAElDO,OAAO","ignoreList":[]}

package/lib/cjs/Divider.type.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.type.js","names":[],"sources":["../../src/Divider.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\n\nexport type DividerProps = BoxProps & {\n  /**\n   * Type of the divider\n   * @default primary\n   */\n  use?: 'primary' | 'secondary';\n  /**\n   * Theme of the divider\n   */\n  theme?: string | 'invert';\n  /**\n   * Orientation of the divider\n   * @default horizontal\n   */\n  orientation?: 'horizontal' | 'vertical';\n};\n\nexport type DividerComponent = Intergalactic.Component<'div', DividerProps>;\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 _Divider = _interopRequireDefault(require("./Divider"));
+var _Divider2 = require("./Divider.type");
+Object.keys(_Divider2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Divider2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Divider2[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Divider","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Divider';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_Divider","_interopRequireDefault","require","_Divider2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './Divider';\nexport * from './Divider.type';\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,SAAA,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,SAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,SAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/es6/Divider.js

@@ -19,7 +19,7 @@ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/
   "_orientation_vertical": "_orientation_vertical_j4ark_gg_",
   "_theme": "__theme_j4ark_gg_"
 });
-class Divider extends Component {
+class DividerRoot extends Component {
   render() {
     var _ref = this.asProps,
       _ref2;
@@ -38,12 +38,13 @@ class Divider extends Component {
     }));
   }
 }
-_defineProperty(Divider, "displayName", 'Divider');
-_defineProperty(Divider, "style", style);
-_defineProperty(Divider, "enhance", [resolveColorEnhance()]);
-_defineProperty(Divider, "defaultProps", {
+_defineProperty(DividerRoot, "displayName", 'Divider');
+_defineProperty(DividerRoot, "style", style);
+_defineProperty(DividerRoot, "enhance", [resolveColorEnhance()]);
+_defineProperty(DividerRoot, "defaultProps", {
   use: 'primary',
   orientation: 'horizontal'
 });
-export default createComponent(Divider);
+const Divider = createComponent(DividerRoot);
+export default Divider;
 //# sourceMappingURL=Divider.js.map

package/lib/es6/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","names":["Box","createComponent","Component","Root","sstyled","resolveColorEnhance","React","style","_sstyled","insert","Divider","render","_ref","asProps","_ref2","SDivider","orientation","resolveColor","theme","styles","createElement","cn","_assignProps","_defineProperty","use"],"sources":["../../src/Divider.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport style from './style/divider.shadow.css';\n\nclass Divider extends Component {\n  static displayName = 'Divider';\n  static style = style;\n  static enhance = [resolveColorEnhance()];\n  static defaultProps = {\n    use: 'primary',\n    orientation: 'horizontal',\n  };\n\n  render() {\n    const SDivider = Root;\n    const { orientation, resolveColor, theme } = this.asProps;\n\n    return sstyled(this.asProps.styles)(\n      <SDivider\n        render={Box}\n        role='separator'\n        aria-orientation={orientation}\n        use:theme={resolveColor(theme)}\n      />,\n    );\n  }\n}\n\nexport default createComponent(Divider);\n"],"mappings":";;;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,eAAe,EAAEC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,mBAAmB,MAAM,sDAAsD;AACtF,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,MAAMC,OAAO,SAASR,SAAS,CAAC;EAS9BS,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACP,MAAMC,QAAQ,GAKFf,GAAG;IAJf,MAAM;MAAEgB,WAAW;MAAEC,YAAY;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACL,OAAO;IAEzD,OAAAC,KAAA,GAAOV,OAAO,CAAC,IAAI,CAACS,OAAO,CAACM,MAAM,CAAC,eACjCb,KAAA,CAAAc,aAAA,CAACL,QAAQ,EAAAD,KAAA,CAAAO,EAAA;MAAA,GAAAC,YAAA;QAAA,QAEF,WAAW;QAAA,oBACEN,WAAW;QAAA,aAClBC,YAAY,CAACC,KAAK;MAAC,GAAAN,IAAA;IAAA,EAC/B,CAAC;EAEN;AACF;AAACW,eAAA,CAtBKb,OAAO,iBACU,SAAS;AAAAa,eAAA,CAD1Bb,OAAO,WAEIH,KAAK;AAAAgB,eAAA,CAFhBb,OAAO,aAGM,CAACL,mBAAmB,CAAC,CAAC,CAAC;AAAAkB,eAAA,CAHpCb,OAAO,kBAIW;EACpBc,GAAG,EAAE,SAAS;EACdR,WAAW,EAAE;AACf,CAAC;AAiBH,eAAef,eAAe,CAACS,OAAO,CAAC","ignoreList":[]}
+{"version":3,"file":"Divider.js","names":["Box","createComponent","Component","Root","sstyled","resolveColorEnhance","React","style","_sstyled","insert","DividerRoot","render","_ref","asProps","_ref2","SDivider","orientation","resolveColor","theme","styles","createElement","cn","_assignProps","_defineProperty","use","Divider"],"sources":["../../src/Divider.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport type { DividerComponent, DividerProps } from './Divider.type';\nimport style from './style/divider.shadow.css';\n\nclass DividerRoot extends Component<DividerProps, typeof DividerRoot.enhance> {\n  static displayName = 'Divider';\n  static style = style;\n  static enhance = [resolveColorEnhance()] as const;\n  static defaultProps = {\n    use: 'primary',\n    orientation: 'horizontal',\n  };\n\n  render() {\n    const SDivider = Root;\n    const { orientation, resolveColor, theme } = this.asProps;\n\n    return sstyled(this.asProps.styles)(\n      <SDivider\n        render={Box}\n        role='separator'\n        aria-orientation={orientation}\n        use:theme={resolveColor(theme)}\n      />,\n    );\n  }\n}\n\nconst Divider = createComponent(DividerRoot) as DividerComponent;\n\nexport default Divider;\n"],"mappings":";;;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,eAAe,EAAEC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,mBAAmB,MAAM,sDAAsD;AACtF,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAK1B,MAAMC,WAAW,SAASR,SAAS,CAA2C;EAS5ES,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACP,MAAMC,QAAQ,GAKFf,GAAG;IAJf,MAAM;MAAEgB,WAAW;MAAEC,YAAY;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACL,OAAO;IAEzD,OAAAC,KAAA,GAAOV,OAAO,CAAC,IAAI,CAACS,OAAO,CAACM,MAAM,CAAC,eACjCb,KAAA,CAAAc,aAAA,CAACL,QAAQ,EAAAD,KAAA,CAAAO,EAAA;MAAA,GAAAC,YAAA;QAAA,QAEF,WAAW;QAAA,oBACEN,WAAW;QAAA,aAClBC,YAAY,CAACC,KAAK;MAAC,GAAAN,IAAA;IAAA,EAC/B,CAAC;EAEN;AACF;AAACW,eAAA,CAtBKb,WAAW,iBACM,SAAS;AAAAa,eAAA,CAD1Bb,WAAW,WAEAH,KAAK;AAAAgB,eAAA,CAFhBb,WAAW,aAGE,CAACL,mBAAmB,CAAC,CAAC,CAAC;AAAAkB,eAAA,CAHpCb,WAAW,kBAIO;EACpBc,GAAG,EAAE,SAAS;EACdR,WAAW,EAAE;AACf,CAAC;AAiBH,MAAMS,OAAO,GAAGxB,eAAe,CAACS,WAAW,CAAqB;AAEhE,eAAee,OAAO","ignoreList":[]}

package/lib/es6/Divider.type.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.type.js","names":[],"sources":["../../src/Divider.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\n\nexport type DividerProps = BoxProps & {\n  /**\n   * Type of the divider\n   * @default primary\n   */\n  use?: 'primary' | 'secondary';\n  /**\n   * Theme of the divider\n   */\n  theme?: string | 'invert';\n  /**\n   * Orientation of the divider\n   * @default horizontal\n   */\n  orientation?: 'horizontal' | 'vertical';\n};\n\nexport type DividerComponent = Intergalactic.Component<'div', DividerProps>;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/index.js

@@ -1,2 +1,3 @@
 export { default } from './Divider';
+export * from './Divider.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 './Divider';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,WAAW","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './Divider';\nexport * from './Divider.type';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,WAAW;AACnC,cAAc,gBAAgB","ignoreList":[]}

package/lib/esm/Divider.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, Component, assignProps } from "@semcore/core";
+import { sstyled, createComponent, Component, assignProps } from "@semcore/core";
 import { Box } from "@semcore/base-components";
 import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
 import React from "react";
@@ -24,7 +24,7 @@ const style = (
     "_theme": "__theme_j4ark_gg_"
   })
 );
-class Divider extends Component {
+class DividerRoot extends Component {
   render() {
     var _ref = this.asProps, _ref2;
     const SDivider = Box;
@@ -42,14 +42,14 @@ class Divider extends Component {
     }));
   }
 }
-_defineProperty(Divider, "displayName", "Divider");
-_defineProperty(Divider, "style", style);
-_defineProperty(Divider, "enhance", [resolveColorEnhance()]);
-_defineProperty(Divider, "defaultProps", {
+_defineProperty(DividerRoot, "displayName", "Divider");
+_defineProperty(DividerRoot, "style", style);
+_defineProperty(DividerRoot, "enhance", [resolveColorEnhance()]);
+_defineProperty(DividerRoot, "defaultProps", {
   use: "primary",
   orientation: "horizontal"
 });
-const Divider_default = createComponent(Divider);
+const Divider = createComponent(DividerRoot);
 export {
-  Divider_default as default
+  Divider as default
 };

package/lib/types/Divider.d.ts

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

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

@@ -0,0 +1,19 @@
+import type { BoxProps } from '@semcore/base-components';
+import type { Intergalactic } from '@semcore/core';
+export type DividerProps = BoxProps & {
+    /**
+     * Type of the divider
+     * @default primary
+     */
+    use?: 'primary' | 'secondary';
+    /**
+     * Theme of the divider
+     */
+    theme?: string | 'invert';
+    /**
+     * Orientation of the divider
+     * @default horizontal
+     */
+    orientation?: 'horizontal' | 'vertical';
+};
+export type DividerComponent = Intergalactic.Component<'div', DividerProps>;

package/lib/types/index.d.ts

@@ -1,23 +1,2 @@
-import type { BoxProps } from '@semcore/base-components';
-import type { Intergalactic } from '@semcore/core';
-
-export type DividerProps = BoxProps & {
-  /**
-   * Type of the divider
-   * @default primary
-   */
-  use?: 'primary' | 'secondary';
-  /**
-   * Theme of the divider
-   */
-  theme?: string | 'invert';
-  /**
-   * Orientation of the divider
-   * @default horizontal
-   */
-  orientation?: 'horizontal' | 'vertical';
-};
-
-declare const Divider: Intergalactic.Component<'div', DividerProps>;
-
-export default Divider;
+export { default } from './Divider';
+export * from './Divider.type';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/divider",
   "description": "Semrush Divider Component",
-  "version": "17.0.0-prerelease.30",
+  "version": "17.0.0-prerelease.31",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -22,11 +22,11 @@
     "directory": "semcore/divider"
   },
   "devDependencies": {
-    "@semcore/core": "17.0.0-prerelease.30",
-    "@semcore/testing-utils": "1.0.0",
-    "@semcore/base-components": "17.0.0-prerelease.30"
+    "@semcore/core": "17.0.0-prerelease.31",
+    "@semcore/base-components": "17.0.0-prerelease.31",
+    "@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 { Intergalactic } from '@semcore/core';\n\nexport type DividerProps = BoxProps & {\n  /**\n   * Type of the divider\n   * @default primary\n   */\n  use?: 'primary' | 'secondary';\n  /**\n   * Theme of the divider\n   */\n  theme?: string | 'invert';\n  /**\n   * Orientation of the divider\n   * @default horizontal\n   */\n  orientation?: 'horizontal' | 'vertical';\n};\n\ndeclare const Divider: Intergalactic.Component<'div', DividerProps>;\n\nexport default Divider;\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 { Intergalactic } from '@semcore/core';\n\nexport type DividerProps = BoxProps & {\n  /**\n   * Type of the divider\n   * @default primary\n   */\n  use?: 'primary' | 'secondary';\n  /**\n   * Theme of the divider\n   */\n  theme?: string | 'invert';\n  /**\n   * Orientation of the divider\n   * @default horizontal\n   */\n  orientation?: 'horizontal' | 'vertical';\n};\n\ndeclare const Divider: Intergalactic.Component<'div', DividerProps>;\n\nexport default Divider;\n"],"mappings":"","ignoreList":[]}