@bolttech/atoms-segmented-control 0.1.5 → 0.1.6

package/{index.js → index.cjs}

@@ -1,6 +1,14 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import styled from 'styled-components';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1619,7 +1627,7 @@ $({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign },
   assign: assign
 });
 
-const StyledAtomsSegmentedControl = /*#__PURE__*/styled.div.withConfig({
+const StyledAtomsSegmentedControl = /*#__PURE__*/styled__default["default"].div.withConfig({
   displayName: "atoms-segmented-controlstyles__StyledAtomsSegmentedControl",
   componentId: "sc-1lpqq2u-0"
 })(["border-radius:", ";box-shadow:", ";display:flex;flex-direction:row;gap:", ";"], ({
@@ -1633,7 +1641,7 @@ const StyledAtomsSegmentedControl = /*#__PURE__*/styled.div.withConfig({
 }) => `${shadow.lvl0.x} ${shadow.lvl0.y} ${shadow.lvl0.blur} ${shadow.lvl0.spread} ${shadow.lvl0.color}`, ({
   theme
 }) => theme.components.segmentControl.gap);
-const Option = /*#__PURE__*/styled.button.withConfig({
+const Option = /*#__PURE__*/styled__default["default"].button.withConfig({
   displayName: "atoms-segmented-controlstyles__Option",
   componentId: "sc-1lpqq2u-1"
 })(["background-color:", ";border:1px solid ", ";padding:", ";:first-of-type{border-right:0;}:last-of-type{border-left:0;}:not(:first-of-type) +:not(:last-of-type){border-right:0;border-left:0;}"], ({
@@ -1645,7 +1653,7 @@ const Option = /*#__PURE__*/styled.button.withConfig({
 }) => pressed ? theme.components.segmentControl.border.color.pressed : theme.components.segmentControl.border.color.default, ({
   theme
 }) => `${theme.components.segmentControl.paddingVertical} ${theme.components.segmentControl.paddingVertical}`);
-const OptionLabel = /*#__PURE__*/styled.label.withConfig({
+const OptionLabel = /*#__PURE__*/styled__default["default"].label.withConfig({
   displayName: "atoms-segmented-controlstyles__OptionLabel",
   componentId: "sc-1lpqq2u-2"
 })(["color:", ";font-size:", ";font-weight:", ";letter-spacing:", ";line-height:", ";text-decoration:", ";text-indent:", ";text-transform:", ";"], ({
@@ -1668,30 +1676,30 @@ const OptionLabel = /*#__PURE__*/styled.label.withConfig({
 }) => theme.components.segmentControl.fieldLabel.textCase);
 
 function SegmentedControl(props) {
-  const [value, setValue] = useState(props.selected || '');
+  const [value, setValue] = react.useState(props.selected || '');
   const onPressOption = valueSelected => {
     setValue(valueSelected);
     if (typeof props.onSelect === 'function') props.onSelect(valueSelected);
   };
   const renderOptions = () => {
-    if (props.options.length < 1) return jsx("p", {
+    if (props.options.length < 1) return jsxRuntime.jsx("p", {
       children: "Two options at minimum are required."
     });
-    return props.options.map(option => jsx(Option, Object.assign({
+    return props.options.map(option => jsxRuntime.jsx(Option, Object.assign({
       "data-testid": `segmentedcontrol-option-${option.value}`,
       onClick: () => onPressOption(option.value),
       pressed: option.value === value
     }, {
-      children: jsx(OptionLabel, Object.assign({
+      children: jsxRuntime.jsx(OptionLabel, Object.assign({
         pressed: option.value === value
       }, {
         children: option.label
       }))
     }), `segmentedcontrol-option-${option.value}`));
   };
-  return jsx(StyledAtomsSegmentedControl, {
+  return jsxRuntime.jsx(StyledAtomsSegmentedControl, {
     children: renderOptions()
   });
 }
 
-export { SegmentedControl };
+exports.SegmentedControl = SegmentedControl;

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@bolttech/atoms-segmented-control",
-  "version": "0.1.5",
-  "module": "./index.js",
-  "main": "./index.js",
-  "type": "module",
+  "version": "0.1.6",
+  "main": "./index.cjs",
+  "type": "commonjs",
   "types": "./src/index.d.ts",
   "dependencies": {},
   "peerDependencies": {