@bikdotai/bik-component-library 0.0.196-beta-3 → 0.0.196

package/dist/cjs/components/bik-layout/MockMenus.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/cjs/components/checkBox/CheckBox.d.ts

@@ -5,6 +5,7 @@ export type CheckBoxProps = {
     isDisabled?: boolean;
     value?: string;
     onValueChange: (checked: boolean, value?: string) => void;
+    controlFromOutside?: boolean;
     label?: string;
 };
 export declare const CheckBox: React.FC<CheckBoxProps>;

package/dist/cjs/components/checkBox/CheckBox.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),i=require("./CheckBox.styled.js"),t=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");const a=s=>e.jsxs("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:s.isDisabled?l.COLORS.content.inactive:l.COLORS.background.positive.vibrant}),!s.isPartial&&e.jsx("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),s.isPartial&&e.jsx("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:l.COLORS.surface.standard})]}));exports.CheckBox=r=>{var n;const[c,o]=s.useState(r.isChecked||!1),[d,h]=s.useState(r.isDisabled||!1),[u,x]=s.useState(!1),[b,C]=s.useState(!1);return s.useEffect((()=>{o(r.isChecked)}),[r.isChecked]),s.useEffect((()=>{h(r.isDisabled||!1)}),[r.isDisabled]),e.jsxs(i.CheckboxContainer,Object.assign({onClick:()=>{var e;if(!r.isDisabled){const s=!c;o(s),null===(e=r.onValueChange)||void 0===e||e.call(r,s,r.value)}},onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1),onMouseDown:()=>C(!0),onMouseUp:()=>C(!1)},{children:[e.jsx(i.CheckboxIcon,Object.assign({checked:c,hovered:u,clicked:b,isDisabled:d},{children:c&&e.jsx(a,{isPartial:null!==(n=r.isPartiallyChecked)&&void 0!==n&&n,isDisabled:d})})),r.label&&e.jsx(t.BodyPrimary,Object.assign({color:r.isDisabled?l.COLORS.text.disabled:l.COLORS.text.primary},{children:r.label}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./CheckBox.styled.js"),t=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");const r=i=>e.jsxs("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:i.isDisabled?l.COLORS.content.inactive:l.COLORS.background.positive.vibrant}),!i.isPartial&&e.jsx("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),i.isPartial&&e.jsx("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:l.COLORS.surface.standard})]}));exports.CheckBox=l=>{var o;const[n,a]=i.useState(l.isChecked||!1),[c,d]=i.useState(!1),[h,u]=i.useState(!1);i.useEffect((()=>{l.controlFromOutside&&a(l.isChecked)}),[l.isChecked,l.controlFromOutside]);return i.useEffect((()=>{a(l.isChecked)}),[l.isChecked]),e.jsxs(s.CheckboxContainer,Object.assign({onClick:()=>{var e,i;if(!l.isDisabled){if(l.controlFromOutside)return void(null===(e=l.onValueChange)||void 0===e||e.call(l,!l.isChecked,l.value));const s=!n;a(s),null===(i=l.onValueChange)||void 0===i||i.call(l,s,l.value)}},onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),onMouseDown:()=>u(!0),onMouseUp:()=>u(!1)},{children:[e.jsx(s.CheckboxIcon,Object.assign({checked:n,hovered:c,clicked:h,isDisabled:l.isDisabled||!1},{children:n&&e.jsx(r,{isPartial:null!==(o=l.isPartiallyChecked)&&void 0!==o&&o,isDisabled:l.isDisabled||!1})})),l.label&&e.jsx(t.BodyPrimary,{children:l.label})]}))};

package/dist/cjs/components/checkList/CheckList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../checkBox/CheckBox.js"),i=require("./CheckList.styled.js"),r=require("../TypographyStyle.js"),c=require("../../constants/Theme.js");exports.CheckList=l=>{const[n,a]=s.useState(l.listItems);s.useEffect((()=>{a(l.listItems)}),[l.listItems]);const o=(e,s)=>{const t=[...n],i=n.find((e=>e.value===s));i&&(i.isChecked=e),a(t);const r=t.filter((e=>e.isChecked));l.onChange(r)};return e.jsxs(i.CheckListStyled,{children:[(l.title||l.subTitle)&&e.jsxs("div",Object.assign({className:"title__container"},{children:[l.title&&e.jsx(r.TitleRegular,{children:l.title}),l.subTitle&&e.jsx(r.BodySecondary,Object.assign({color:c.COLORS.text.secondary},{children:l.subTitle}))]})),e.jsx("div",Object.assign({className:"list__container"},{children:n.map((s=>e.jsx(t.CheckBox,Object.assign({},s,{onValueChange:o}),s.value)))}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../checkBox/CheckBox.js"),i=require("./CheckList.styled.js"),r=require("../TypographyStyle.js"),c=require("../../constants/Theme.js");exports.CheckList=n=>{const[l,a]=s.useState(n.listItems);s.useEffect((()=>{const e=l.filter((e=>e.isChecked));n.onChange(e)}),[l]);const o=(e,s)=>{const t=[...l],i=l.find((e=>e.value===s));i&&(i.isChecked=e),a(t)};return e.jsxs(i.CheckListStyled,{children:[(n.title||n.subTitle)&&e.jsxs("div",Object.assign({className:"title__container"},{children:[n.title&&e.jsx(r.TitleRegular,{children:n.title}),n.subTitle&&e.jsx(r.BodySecondary,Object.assign({color:c.COLORS.text.secondary},{children:n.subTitle}))]})),e.jsx("div",Object.assign({className:"list__container"},{children:l.map((s=>e.jsx(t.CheckBox,Object.assign({controlFromOutside:!0},s,{onValueChange:o}),s.value)))}))]})};

package/dist/cjs/components/checkList/CheckList.styled.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("@emotion/styled/base")).default("div","production"===process.env.NODE_ENV?{target:"e31qg550"}:{target:"e31qg550",label:"CheckListStyled"})("production"===process.env.NODE_ENV?{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}"}:{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJDaGVja0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IENoZWNrTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTJweDtcblx0fVxuXHQubGlzdF9fY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAxMHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DaGVja0xpc3Quc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.CheckListStyled=t;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("@emotion/styled/base")).default("div","production"===process.env.NODE_ENV?{target:"e31qg550"}:{target:"e31qg550",label:"CheckListStyled"})("production"===process.env.NODE_ENV?{name:"9a5997",styles:".title__container{margin-bottom:6px;}.list__container{display:flex;flex-direction:column;gap:8px;}"}:{name:"9a5997",styles:".title__container{margin-bottom:6px;}.list__container{display:flex;flex-direction:column;gap:8px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJDaGVja0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IENoZWNrTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogNnB4O1xuXHR9XG5cdC5saXN0X19jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRnYXA6IDhweDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q2hlY2tMaXN0LnN0eWxlZC5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.CheckListStyled=t;

package/dist/cjs/components/radioButton/RadioButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./RadioButton.styled.js"),t=require("../TypographyStyle.js"),n=require("../../constants/Theme.js");const r=i=>{const s=i.isDisabled?n.COLORS.content.inactive:i.isActive?n.COLORS.background.positive.vibrant:n.COLORS.content.primary;return e.jsxs("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("circle",{cx:"10",cy:"10",r:"9",stroke:s,strokeWidth:"2"}),i.isActive&&e.jsx("circle",{cx:"10",cy:"10",r:"5",fill:i.isDisabled?n.COLORS.content.inactive:n.COLORS.background.positive.vibrant})]}))};exports.RadioButton=o=>{const[c,a]=i.useState(o.isActive||!1),[l,d]=i.useState(!1),[u,v]=i.useState(!1);return i.useEffect((()=>{a(o.isActive)}),[o.isActive]),e.jsxs(s.RadioButtonContainer,Object.assign({onClick:()=>{var e;if(!o.isDisabled){const i=!c;a(i),null===(e=o.onValueChange)||void 0===e||e.call(o,i,o.value)}},onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),onMouseDown:()=>v(!0),onMouseUp:()=>v(!1)},{children:[e.jsx(s.RadioButtonIcon,Object.assign({checked:c,hovered:l,clicked:u,isDisabled:o.isDisabled||!1},{children:e.jsx(r,{isActive:c,isDisabled:o.isDisabled||!1})})),o.label&&e.jsx(t.BodyPrimary,Object.assign({color:o.isDisabled?n.COLORS.text.disabled:n.COLORS.text.primary},{children:o.label}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./RadioButton.styled.js"),t=require("../TypographyStyle.js"),n=require("../../constants/Theme.js");const r=i=>{const s=i.isDisabled?n.COLORS.content.inactive:i.isActive?n.COLORS.background.positive.vibrant:n.COLORS.content.primary;return e.jsxs("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("circle",{cx:"10",cy:"10",r:"9",stroke:s,strokeWidth:"2"}),i.isActive&&e.jsx("circle",{cx:"10",cy:"10",r:"5",fill:i.isDisabled?n.COLORS.content.inactive:n.COLORS.background.positive.vibrant})]}))};exports.RadioButton=n=>{const[o,c]=i.useState(n.isActive||!1),[a,l]=i.useState(!1),[u,d]=i.useState(!1);return i.useEffect((()=>{c(n.isActive)}),[n.isActive]),e.jsxs(s.RadioButtonContainer,Object.assign({onClick:()=>{var e;if(!n.isDisabled){const i=!o;c(i),null===(e=n.onValueChange)||void 0===e||e.call(n,i,n.value)}},onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),onMouseDown:()=>d(!0),onMouseUp:()=>d(!1)},{children:[e.jsx(s.RadioButtonIcon,Object.assign({checked:o,hovered:a,clicked:u,isDisabled:n.isDisabled||!1},{children:e.jsx(r,{isActive:o,isDisabled:n.isDisabled||!1})})),n.label&&e.jsx(t.BodyPrimary,{children:n.label})]}))};

package/dist/cjs/components/radioList/RadioList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../radioButton/RadioButton.js"),i=require("./RadioList.styled.js"),r=require("../TypographyStyle.js"),a=require("../../constants/Theme.js");exports.RadioList=l=>{const[n,c]=t.useState(l.listItems);t.useEffect((()=>{c(l.listItems)}),[l.listItems]);const o=(e,t)=>{let s;const i=[...n];i.forEach((i=>{i.value===t?(s=i,i.isActive=e):i.isActive=!e})),c(i),l.onChange(s)};return e.jsxs(i.RadioListStyled,{children:[(l.title||l.subTitle)&&e.jsxs("div",Object.assign({className:"title__container"},{children:[l.title&&e.jsx(r.TitleRegular,{children:l.title}),l.subTitle&&e.jsx(r.BodySecondary,Object.assign({color:a.COLORS.text.secondary},{children:l.subTitle}))]})),e.jsx("div",Object.assign({className:"list__container"},{children:n.map((t=>e.jsx(s.RadioButton,Object.assign({},t,{onValueChange:o}),t.value)))}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../radioButton/RadioButton.js"),i=require("./RadioList.styled.js"),r=require("../TypographyStyle.js"),a=require("../../constants/Theme.js");exports.RadioList=n=>{const[l,o]=t.useState(n.listItems),c=(e,t)=>{let s;const i=[...l];i.forEach((i=>{i.value===t?(s=i,i.isActive=e):i.isActive=!e})),o(i),n.onChange(s)};return e.jsxs(i.RadioListStyled,{children:[(n.title||n.subTitle)&&e.jsxs("div",Object.assign({className:"title__container"},{children:[n.title&&e.jsx(r.TitleRegular,{children:n.title}),n.subTitle&&e.jsx(r.BodySecondary,Object.assign({color:a.COLORS.text.secondary},{children:n.subTitle}))]})),e.jsx("div",Object.assign({className:"list__container"},{children:l.map((t=>e.jsx(s.RadioButton,Object.assign({},t,{onValueChange:c}),t.value)))}))]})};

package/dist/cjs/components/radioList/RadioList.styled.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("@emotion/styled/base")).default("div","production"===process.env.NODE_ENV?{target:"eik8mml0"}:{target:"eik8mml0",label:"RadioListStyled"})("production"===process.env.NODE_ENV?{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}"}:{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJSYWRpb0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IFJhZGlvTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTJweDtcblx0fVxuXHQubGlzdF9fY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAxMHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1SYWRpb0xpc3Quc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.RadioListStyled=t;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("@emotion/styled/base")).default("div","production"===process.env.NODE_ENV?{target:"eik8mml0"}:{target:"eik8mml0",label:"RadioListStyled"})("production"===process.env.NODE_ENV?{name:"9a5997",styles:".title__container{margin-bottom:6px;}.list__container{display:flex;flex-direction:column;gap:8px;}"}:{name:"9a5997",styles:".title__container{margin-bottom:6px;}.list__container{display:flex;flex-direction:column;gap:8px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJSYWRpb0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IFJhZGlvTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogNnB4O1xuXHR9XG5cdC5saXN0X19jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRnYXA6IDhweDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UmFkaW9MaXN0LnN0eWxlZC5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.RadioListStyled=t;

package/dist/cjs/components/stepper/WorkingStepper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const WorkingStepper: () => JSX.Element;
 export declare enum STEPENUM {
     STEP1 = "STEP1",

package/dist/esm/components/bik-layout/MockMenus.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/esm/components/checkBox/CheckBox.d.ts

@@ -5,6 +5,7 @@ export type CheckBoxProps = {
     isDisabled?: boolean;
     value?: string;
     onValueChange: (checked: boolean, value?: string) => void;
+    controlFromOutside?: boolean;
     label?: string;
 };
 export declare const CheckBox: React.FC<CheckBoxProps>;

package/dist/esm/components/checkBox/CheckBox.js

@@ -1 +1 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as s,useEffect as l}from"react";import{CheckboxContainer as t,CheckboxIcon as o}from"./CheckBox.styled.js";import{BodyPrimary as a}from"../TypographyStyle.js";import{COLORS as r}from"../../constants/Theme.js";const n=s=>e("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[i("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:s.isDisabled?r.content.inactive:r.background.positive.vibrant}),!s.isPartial&&i("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),s.isPartial&&i("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:r.surface.standard})]})),d=d=>{var c;const[h,b]=s(d.isChecked||!1),[g,v]=s(d.isDisabled||!1),[w,m]=s(!1),[p,u]=s(!1);return l((()=>{b(d.isChecked)}),[d.isChecked]),l((()=>{v(d.isDisabled||!1)}),[d.isDisabled]),e(t,Object.assign({onClick:()=>{var e;if(!d.isDisabled){const i=!h;b(i),null===(e=d.onValueChange)||void 0===e||e.call(d,i,d.value)}},onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),onMouseDown:()=>u(!0),onMouseUp:()=>u(!1)},{children:[i(o,Object.assign({checked:h,hovered:w,clicked:p,isDisabled:g},{children:h&&i(n,{isPartial:null!==(c=d.isPartiallyChecked)&&void 0!==c&&c,isDisabled:g})})),d.label&&i(a,Object.assign({color:d.isDisabled?r.text.disabled:r.text.primary},{children:d.label}))]}))};export{d as CheckBox};
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as l,useEffect as s}from"react";import{CheckboxContainer as t,CheckboxIcon as o}from"./CheckBox.styled.js";import{BodyPrimary as n}from"../TypographyStyle.js";import{COLORS as r}from"../../constants/Theme.js";const a=l=>e("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[i("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:l.isDisabled?r.content.inactive:r.background.positive.vibrant}),!l.isPartial&&i("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),l.isPartial&&i("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:r.surface.standard})]})),d=r=>{var d;const[c,h]=l(r.isChecked||!1),[u,v]=l(!1),[g,m]=l(!1);s((()=>{r.controlFromOutside&&h(r.isChecked)}),[r.isChecked,r.controlFromOutside]);return s((()=>{h(r.isChecked)}),[r.isChecked]),e(t,Object.assign({onClick:()=>{var e,i;if(!r.isDisabled){if(r.controlFromOutside)return void(null===(e=r.onValueChange)||void 0===e||e.call(r,!r.isChecked,r.value));const l=!c;h(l),null===(i=r.onValueChange)||void 0===i||i.call(r,l,r.value)}},onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),onMouseDown:()=>m(!0),onMouseUp:()=>m(!1)},{children:[i(o,Object.assign({checked:c,hovered:u,clicked:g,isDisabled:r.isDisabled||!1},{children:c&&i(a,{isPartial:null!==(d=r.isPartiallyChecked)&&void 0!==d&&d,isDisabled:r.isDisabled||!1})})),r.label&&i(n,{children:r.label})]}))};export{d as CheckBox};

package/dist/esm/components/checkList/CheckList.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as s,useEffect as i}from"react";import{CheckBox as c}from"../checkBox/CheckBox.js";import{CheckListStyled as o}from"./CheckList.styled.js";import{TitleRegular as r,BodySecondary as n}from"../TypographyStyle.js";import{COLORS as l}from"../../constants/Theme.js";const a=a=>{const[m,h]=s(a.listItems);i((()=>{h(a.listItems)}),[a.listItems]);const d=(t,e)=>{const s=[...m],i=m.find((t=>t.value===e));i&&(i.isChecked=t),h(s);const c=s.filter((t=>t.isChecked));a.onChange(c)};return t(o,{children:[(a.title||a.subTitle)&&t("div",Object.assign({className:"title__container"},{children:[a.title&&e(r,{children:a.title}),a.subTitle&&e(n,Object.assign({color:l.text.secondary},{children:a.subTitle}))]})),e("div",Object.assign({className:"list__container"},{children:m.map((t=>e(c,Object.assign({},t,{onValueChange:d}),t.value)))}))]})};export{a as CheckList};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as s,useEffect as i}from"react";import{CheckBox as o}from"../checkBox/CheckBox.js";import{CheckListStyled as r}from"./CheckList.styled.js";import{TitleRegular as c,BodySecondary as n}from"../TypographyStyle.js";import{COLORS as l}from"../../constants/Theme.js";const a=a=>{const[m,h]=s(a.listItems);i((()=>{const e=m.filter((e=>e.isChecked));a.onChange(e)}),[m]);const d=(e,t)=>{const s=[...m],i=m.find((e=>e.value===t));i&&(i.isChecked=e),h(s)};return e(r,{children:[(a.title||a.subTitle)&&e("div",Object.assign({className:"title__container"},{children:[a.title&&t(c,{children:a.title}),a.subTitle&&t(n,Object.assign({color:l.text.secondary},{children:a.subTitle}))]})),t("div",Object.assign({className:"list__container"},{children:m.map((e=>t(o,Object.assign({controlFromOutside:!0},e,{onValueChange:d}),e.value)))}))]})};export{a as CheckList};

package/dist/esm/components/checkList/CheckList.styled.js

@@ -1 +1 @@
-import t from"@emotion/styled/base";const e=t("div","production"===process.env.NODE_ENV?{target:"e31qg550"}:{target:"e31qg550",label:"CheckListStyled"})("production"===process.env.NODE_ENV?{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}"}:{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJDaGVja0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IENoZWNrTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTJweDtcblx0fVxuXHQubGlzdF9fY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAxMHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DaGVja0xpc3Quc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{e as CheckListStyled};
+import t from"@emotion/styled/base";const e=t("div","production"===process.env.NODE_ENV?{target:"e31qg550"}:{target:"e31qg550",label:"CheckListStyled"})("production"===process.env.NODE_ENV?{name:"9a5997",styles:".title__container{margin-bottom:6px;}.list__container{display:flex;flex-direction:column;gap:8px;}"}:{name:"9a5997",styles:".title__container{margin-bottom:6px;}.list__container{display:flex;flex-direction:column;gap:8px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJDaGVja0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IENoZWNrTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogNnB4O1xuXHR9XG5cdC5saXN0X19jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRnYXA6IDhweDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q2hlY2tMaXN0LnN0eWxlZC5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{e as CheckListStyled};

package/dist/esm/components/radioButton/RadioButton.js

@@ -1 +1 @@
-import{jsxs as i,jsx as e}from"react/jsx-runtime";import{useState as t,useEffect as s}from"react";import{RadioButtonContainer as o,RadioButtonIcon as c}from"./RadioButton.styled.js";import{BodyPrimary as n}from"../TypographyStyle.js";import{COLORS as r}from"../../constants/Theme.js";const l=t=>{const s=t.isDisabled?r.content.inactive:t.isActive?r.background.positive.vibrant:r.content.primary;return i("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("circle",{cx:"10",cy:"10",r:"9",stroke:s,strokeWidth:"2"}),t.isActive&&e("circle",{cx:"10",cy:"10",r:"5",fill:t.isDisabled?r.content.inactive:r.background.positive.vibrant})]}))},a=a=>{const[d,v]=t(a.isActive||!1),[b,m]=t(!1),[h,p]=t(!1);return s((()=>{v(a.isActive)}),[a.isActive]),i(o,Object.assign({onClick:()=>{var i;if(!a.isDisabled){const e=!d;v(e),null===(i=a.onValueChange)||void 0===i||i.call(a,e,a.value)}},onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),onMouseDown:()=>p(!0),onMouseUp:()=>p(!1)},{children:[e(c,Object.assign({checked:d,hovered:b,clicked:h,isDisabled:a.isDisabled||!1},{children:e(l,{isActive:d,isDisabled:a.isDisabled||!1})})),a.label&&e(n,Object.assign({color:a.isDisabled?r.text.disabled:r.text.primary},{children:a.label}))]}))};export{a as RadioButton};
+import{jsxs as i,jsx as e}from"react/jsx-runtime";import{useState as t,useEffect as s}from"react";import{RadioButtonContainer as o,RadioButtonIcon as n}from"./RadioButton.styled.js";import{BodyPrimary as c}from"../TypographyStyle.js";import{COLORS as r}from"../../constants/Theme.js";const l=t=>{const s=t.isDisabled?r.content.inactive:t.isActive?r.background.positive.vibrant:r.content.primary;return i("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("circle",{cx:"10",cy:"10",r:"9",stroke:s,strokeWidth:"2"}),t.isActive&&e("circle",{cx:"10",cy:"10",r:"5",fill:t.isDisabled?r.content.inactive:r.background.positive.vibrant})]}))},a=r=>{const[a,d]=t(r.isActive||!1),[v,b]=t(!1),[h,m]=t(!1);return s((()=>{d(r.isActive)}),[r.isActive]),i(o,Object.assign({onClick:()=>{var i;if(!r.isDisabled){const e=!a;d(e),null===(i=r.onValueChange)||void 0===i||i.call(r,e,r.value)}},onMouseEnter:()=>b(!0),onMouseLeave:()=>b(!1),onMouseDown:()=>m(!0),onMouseUp:()=>m(!1)},{children:[e(n,Object.assign({checked:a,hovered:v,clicked:h,isDisabled:r.isDisabled||!1},{children:e(l,{isActive:a,isDisabled:r.isDisabled||!1})})),r.label&&e(c,{children:r.label})]}))};export{a as RadioButton};

package/dist/esm/components/radioList/RadioList.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as s}from"react";import{RadioButton as o}from"../radioButton/RadioButton.js";import{RadioListStyled as r}from"./RadioList.styled.js";import{TitleRegular as n,BodySecondary as a}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";const l=l=>{const[m,d]=i(l.listItems);s((()=>{d(l.listItems)}),[l.listItems]);const h=(t,e)=>{let i;const s=[...m];s.forEach((s=>{s.value===e?(i=s,s.isActive=t):s.isActive=!t})),d(s),l.onChange(i)};return t(r,{children:[(l.title||l.subTitle)&&t("div",Object.assign({className:"title__container"},{children:[l.title&&e(n,{children:l.title}),l.subTitle&&e(a,Object.assign({color:c.text.secondary},{children:l.subTitle}))]})),e("div",Object.assign({className:"list__container"},{children:m.map((t=>e(o,Object.assign({},t,{onValueChange:h}),t.value)))}))]})};export{l as RadioList};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i}from"react";import{RadioButton as s}from"../radioButton/RadioButton.js";import{RadioListStyled as o}from"./RadioList.styled.js";import{TitleRegular as r,BodySecondary as n}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";const c=c=>{const[l,m]=i(c.listItems),d=(t,e)=>{let i;const s=[...l];s.forEach((s=>{s.value===e?(i=s,s.isActive=t):s.isActive=!t})),m(s),c.onChange(i)};return t(o,{children:[(c.title||c.subTitle)&&t("div",Object.assign({className:"title__container"},{children:[c.title&&e(r,{children:c.title}),c.subTitle&&e(n,Object.assign({color:a.text.secondary},{children:c.subTitle}))]})),e("div",Object.assign({className:"list__container"},{children:l.map((t=>e(s,Object.assign({},t,{onValueChange:d}),t.value)))}))]})};export{c as RadioList};

package/dist/esm/components/radioList/RadioList.styled.js

@@ -1 +1 @@
-import t from"@emotion/styled/base";const e=t("div","production"===process.env.NODE_ENV?{target:"eik8mml0"}:{target:"eik8mml0",label:"RadioListStyled"})("production"===process.env.NODE_ENV?{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}"}:{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJSYWRpb0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IFJhZGlvTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTJweDtcblx0fVxuXHQubGlzdF9fY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAxMHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1SYWRpb0xpc3Quc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{e as RadioListStyled};
+import t from"@emotion/styled/base";const e=t("div","production"===process.env.NODE_ENV?{target:"eik8mml0"}:{target:"eik8mml0",label:"RadioListStyled"})("production"===process.env.NODE_ENV?{name:"9a5997",styles:".title__container{margin-bottom:6px;}.list__container{display:flex;flex-direction:column;gap:8px;}"}:{name:"9a5997",styles:".title__container{margin-bottom:6px;}.list__container{display:flex;flex-direction:column;gap:8px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJSYWRpb0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IFJhZGlvTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogNnB4O1xuXHR9XG5cdC5saXN0X19jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRnYXA6IDhweDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UmFkaW9MaXN0LnN0eWxlZC5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{e as RadioListStyled};

package/dist/esm/components/stepper/WorkingStepper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const WorkingStepper: () => JSX.Element;
 export declare enum STEPENUM {
     STEP1 = "STEP1",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.196-beta-3",
+	"version": "0.0.196",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",