@gobolt/genesis 0.2.13 → 0.2.14

package/dist/components/SegmentedControls/styles.js

@@ -1,11 +1,11 @@
 import i from "styled-components";
-import m from "../../node_modules/antd/es/segmented/index.js";
-const s = ({ colors: e, borderRadius: n, sizing: o, typography: a }, t = "primary", r = "active") => `
+import s from "../../node_modules/antd/es/segmented/index.js";
+const m = ({ colors: n, borderRadius: o, sizing: t, typography: r }, e = "primary", a = "active") => `
   &.ant-segmented {
-    border-radius: ${n.BorderRadiusMd};
-    color: ${e.onsurface.copy};
-    font-family: ${a.fontFamily};
-    color: ${e.onsurface.copy};
+    border-radius: ${o.BorderRadiusMd};
+    color: ${n.onsurface.copy};
+    font-family: ${r.fontFamily};
+    color: ${n.onsurface.copy};
 
   
     :where(.css-dev-only-do-not-override-240cud).ant-segmented &.ant-segmented-item-icon + * {
@@ -14,31 +14,29 @@ const s = ({ colors: e, borderRadius: n, sizing: o, typography: a }, t = "primar
 
     .ant-segmented-item-label span + span {
       margin-inline-start: 4px !important;
-      font-family: ${a.fontFamily};
-      color: ${e.onsurface.copy};
+      font-family: ${r.fontFamily};
+      color: ${n.onsurface.copy};
     }
   
     .ant-segmented-item {
-      color: ${e[t].text};
+      color: ${n[e].text};
       transition: all 0.3s;
       
       &-selected {
-        background: ${e[t][r]};
-        color: ${e[t].textContrast};
+        background: ${n[e][a]};
+        color: ${n[e].textContrast};
       }
       
       &:hover {
-        color: ${e[t].hover};
+        color: ${n[e].hover};
       }
     }
   }
 
-`, l = i(
-  m
-)`
-  ${({ theme: e, type: n = "primary", state: o = "active" }) => s(e, n, o)}
+`, d = i(s)`
+  ${({ theme: n, type: o = "primary", state: t = "active" }) => m(n, o, t)}
 `;
 export {
-  l as SegmentedControls,
-  s as getGenesisClass
+  d as SegmentedControls,
+  m as getGenesisClass
 };

package/dist/components/Select/Select.cjs

@@ -1,6 +1,6 @@
-"use strict";const s=require("react/jsx-runtime"),d=require("react"),x=require("../../constants/index.cjs"),m=require("../shared/DropdownChevron.cjs"),t=require("./styles.cjs"),f=require("../../providers/useGenesis.cjs"),j=({type:r=x.TYPE.primary,state:c,variant:u="none",defaultValue:i,onChange:n,...l})=>{const{breakpoint:q}=f.useGenesis(),[a,o]=d.useState(!1);d.useEffect(()=>{const e=document.createElement("style");return e.textContent=`
+"use strict";const t=require("react/jsx-runtime"),a=require("react"),c=require("../../constants/index.cjs"),x=require("../shared/DropdownChevron.cjs"),n=require("./styles.cjs"),h=require("../../providers/useGenesis.cjs");module.exports=({type:r=c.TYPE.primary,state:u,variant:d="none",defaultValue:i,onChange:o,...p})=>{const{breakpoint:m}=h.useGenesis(),[l,s]=a.useState(!1);return a.useEffect(()=>{const e=document.createElement("style");return e.textContent=`
       .ant-select-dropdown {
         padding: 0px !important;
         border-radius: 0px !important;
       }
-    `,document.head.appendChild(e),()=>{document.head.removeChild(e)}},[]);const p=e=>s.jsx(t.SelectDropdown,{type:r,state:c,children:s.jsx(t.StyledMenuItem,{type:r,state:c,children:e})});return s.jsx(t.SelectWrapper,{$isFocused:a,type:r,children:s.jsx(t.Select,{...l,defaultValue:i,$variant:u,suffixIcon:s.jsx(m,{}),dropdownRender:p,onFocus:()=>o(!0),onBlur:()=>o(!1),onChange:e=>{o(!1),n==null||n(e)}})})};module.exports=j;
+    `,document.head.appendChild(e),()=>{document.head.removeChild(e)}},[]),t.jsx(n.SelectWrapper,{$isFocused:l,type:r,children:t.jsx(n.Select,{...p,defaultValue:i,$variant:d,suffixIcon:t.jsx(x,{}),dropdownRender:e=>t.jsx(n.SelectDropdown,{type:r,state:u,children:t.jsx(n.StyledMenuItem,{type:r,state:u,children:e})}),onFocus:()=>s(!0),onBlur:()=>s(!1),onChange:e=>{s(!1),o==null||o(e)}})})};

package/dist/components/Select/Select.js

@@ -1,19 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
-import p, { useEffect as l } from "react";
+import { jsx as t } from "react/jsx-runtime";
+import l, { useEffect as m } from "react";
 import { TYPE as u } from "../../constants/index.js";
-import a from "../shared/DropdownChevron.js";
-import { SelectWrapper as f, Select as S, SelectDropdown as w, StyledMenuItem as x } from "./styles.js";
-import { useGenesis as h } from "../../providers/useGenesis.js";
-const y = ({
-  type: t = u.primary,
-  state: d,
-  variant: s = "none",
-  defaultValue: c,
-  onChange: r,
-  ...m
-}) => {
-  const { breakpoint: D } = h(), [i, n] = p.useState(!1);
-  return l(() => {
+import c from "../shared/DropdownChevron.js";
+import { SelectWrapper as f, Select as h, SelectDropdown as y, StyledMenuItem as x } from "./styles.js";
+import { useGenesis as C } from "../../providers/useGenesis.js";
+const I = ({ type: n = u.primary, state: a, variant: s = "none", defaultValue: d, onChange: o, ...p }) => {
+  const { breakpoint: S } = C(), [i, r] = l.useState(!1);
+  return m(() => {
     const e = document.createElement("style");
     return e.textContent = `
       .ant-select-dropdown {
@@ -23,22 +16,10 @@ const y = ({
     `, document.head.appendChild(e), () => {
       document.head.removeChild(e);
     };
-  }, []), /* @__PURE__ */ o(f, { $isFocused: i, type: t, children: /* @__PURE__ */ o(
-    S,
-    {
-      ...m,
-      defaultValue: c,
-      $variant: s,
-      suffixIcon: /* @__PURE__ */ o(a, {}),
-      dropdownRender: (e) => /* @__PURE__ */ o(w, { type: t, state: d, children: /* @__PURE__ */ o(x, { type: t, state: d, children: e }) }),
-      onFocus: () => n(!0),
-      onBlur: () => n(!1),
-      onChange: (e) => {
-        n(!1), r == null || r(e);
-      }
-    }
-  ) });
+  }, []), t(f, { $isFocused: i, type: n, children: t(h, { ...p, defaultValue: d, $variant: s, suffixIcon: t(c, {}), dropdownRender: (e) => t(y, { type: n, state: a, children: t(x, { type: n, state: a, children: e }) }), onFocus: () => r(!0), onBlur: () => r(!1), onChange: (e) => {
+    r(!1), o == null || o(e);
+  } }) });
 };
 export {
-  y as default
+  I as default
 };

package/dist/components/Select/index.d.ts

@@ -1,4 +1,2 @@
 export { default } from './Select';
 export type { SelectProps } from './Select';
-export { default as CountMultiSelect } from './CountMultiSelect';
-export type { CountMultiSelectProps } from './CountMultiSelect';

package/dist/components/Select/styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),f=require("../../node_modules/antd/es/select/index.cjs"),h=i.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),b=require("../../node_modules/antd/es/select/index.cjs"),f=a.div`
   position: relative;
   border: 2px solid transparent;
   background-color: transparent;
@@ -6,34 +6,34 @@
   padding: 1px;
   width: auto;
 
-  ${({$isFocused:e,theme:t,type:n="primary"})=>e&&`
-    border: 2px solid ${t.colors[n].focussed.ringColor};
+  ${({$isFocused:n,theme:e,type:o="primary"})=>n&&`
+    border: 2px solid ${e.colors[o].focussed.ringColor};
     background-color: transparent;
     border-radius: 8px;
     padding: 1px;
   `}
 
   .ant-select-dropdown {
-    animation-duration: ${({theme:e})=>`${e.motion.veryfast}s`} !important;
+    animation-duration: ${({theme:n})=>`${n.motion.veryfast}s`} !important;
   }
-`,b=e=>`all ${e.motion.veryfast}s ease-in-out`,x=(e,t,n,r)=>`
+`,p=({colors:n,sizing:e,typography:o,borderRadius:t},i,u,m)=>{var s,l,c,d;return m==="simple"?((r,y,v,g)=>`
     &.ant-select {
-      background-color: ${e.surface.secondary};
-      border-color: ${e.surface.secondary};
+      background-color: ${r.surface.secondary};
+      border-color: ${r.surface.secondary};
       min-width: 160px;
 
       .ant-select-selector {
-        background-color: ${e.surface.secondary};
-        border-color: ${e.surface.secondary};
-        border-radius: ${r.BorderRadiusSm}px;
+        background-color: ${r.surface.secondary};
+        border-color: ${r.surface.secondary};
+        border-radius: ${g.BorderRadiusSm}px;
         margin: 0px;  
       }
     }
-  `,m=({colors:e,sizing:t,typography:n,borderRadius:r},o,a,g)=>{var s,d,l,c,p,u;return g==="simple"?x(e,o,a,r):`
+  `)(n,0,0,t):`
     &.ant-select {
 
       font-size: 16px;
-      line-height: ${t.Size6}px;
+      line-height: ${e.Size6}px;
       letter-spacing: 0;
       font-weight: 400;
       border-width: 1px;
@@ -43,13 +43,14 @@
       height: auto;
       min-height: 32px;
 
-      background-color:  ${((d=(s=e==null?void 0:e[o])==null?void 0:s[a])==null?void 0:d.backgroundColor)??"#fff"}
+      //background-color:  ${n[i][u].backgroundColor}
+      background-color: #fff;
       
-      border-radius: ${r.BorderRadiusMd}px;
-      gap: ${t.Size2}px;
+      border-radius: ${t.BorderRadiusMd}px;
+      gap: ${e.Size2}px;
 
       .ant-select-selector {
-        border-color: ${e.inputs.surface.border};
+        border-color: ${n.inputs.surface.border};
         padding: 4px 12px !important;
         height: 40px !important;
         min-height: 40px !important;
@@ -124,8 +125,8 @@
       }
 
       &:active {
-        background-color: ${((c=(l=e==null?void 0:e[o])==null?void 0:l.pressed)==null?void 0:c.backgroundColor)??"#fff"};
-        border-color: ${((u=(p=e==null?void 0:e[o])==null?void 0:p.pressed)==null?void 0:u.borderColor)??"#fff"};
+        background-color: ${((l=(s=n==null?void 0:n[i])==null?void 0:s.pressed)==null?void 0:l.backgroundColor)??"#fff"};
+        border-color: ${((d=(c=n==null?void 0:n[i])==null?void 0:c.pressed)==null?void 0:d.borderColor)??"#fff"};
       }
 
       // Remove focus styles
@@ -145,46 +146,46 @@
 
       &:disabled,
       &.ant-select-disabled {
-        color: ${e.inputs.onsurface.disabled};
-        background-color: ${e.inputs.surface.disabled};
-        border-color: ${e.inputs.surface.border};
+        color: ${n.inputs.onsurface.disabled};
+        background-color: ${n.inputs.surface.disabled};
+        border-color: ${n.inputs.surface.border};
         
         .ant-select-selector {
-          background-color: ${e.inputs.surface.disabled};
+          background-color: ${n.inputs.surface.disabled};
         }
         
         .ant-select-arrow {
-          color: ${e.inputs.onsurface["icon-disabled"]};
+          color: ${n.inputs.onsurface["icon-disabled"]};
         }
       }
     }
-  `},$=i.div`
+  `},h=a.div`
   .ant-select-item-option {
-    transition: ${({theme:e,type:t})=>b(e)};
+    transition: ${({theme:n,type:e})=>(o=>`all ${o.motion.veryfast}s ease-in-out`)(n)};
     border-radius: 0px;
 
     &:hover {
-      background-color: ${({theme:e,type:t})=>e.colors.surface.secondary};
-      color: ${({theme:e,type:t})=>e.colors.onsurface["copy-dark"]};
+      background-color: ${({theme:n,type:e})=>n.colors.surface.secondary};
+      color: ${({theme:n,type:e})=>n.colors.onsurface["copy-dark"]};
     }
 
     &.ant-select-item-option-selected {
-      background-color: ${({theme:e,type:t})=>e.colors[t].hover.backgroundColor};
-      color: ${({theme:e,type:t})=>e.colors[t].active.color};
+      background-color: ${({theme:n,type:e})=>n.colors[e].hover.backgroundColor};
+      color: ${({theme:n,type:e})=>n.colors[e].active.color};
       font-weight: 400;
       border-radius: 0px;
 
       &:hover {
-        background-color: ${({theme:e,type:t})=>e.colors[t].hover.backgroundColor};
-        color: ${({theme:e,type:t})=>e.colors[t].hover.color};
+        background-color: ${({theme:n,type:e})=>n.colors[e].hover.backgroundColor};
+        color: ${({theme:n,type:e})=>n.colors[e].hover.color};
         border-radius: 0px;
       }
     }
   }
-`,y=i.div`
+`,x=a.div`
   .ant-select-dropdown {
-    animation-duration: ${({theme:e})=>`${e.motion.veryfast}s`} !important;
-    transition: all ${({theme:e})=>`${e.motion.veryfast}s`}
+    animation-duration: ${({theme:n})=>`${n.motion.veryfast}s`} !important;
+    transition: all ${({theme:n})=>`${n.motion.veryfast}s`}
       cubic-bezier(0.645, 0.045, 0.355, 1) !important;
 
     .ant-select-item {
@@ -194,12 +195,12 @@
 
   &.ant-slide-up-enter,
   &.ant-slide-up-appear {
-    animation-duration: ${({theme:e})=>`${e.motion.veryfast}s`} !important;
+    animation-duration: ${({theme:n})=>`${n.motion.veryfast}s`} !important;
   }
 
   &.ant-slide-up-leave {
-    animation-duration: ${({theme:e})=>`${e.motion.veryfast}s`} !important;
+    animation-duration: ${({theme:n})=>`${n.motion.veryfast}s`} !important;
   }
-`,v=i(f)`
-  ${({theme:e,type:t="primary",state:n="active",$variant:r="none"})=>m(e,t,n,r)}
-`;exports.Select=v;exports.SelectDropdown=y;exports.SelectWrapper=h;exports.StyledMenuItem=$;exports.getGenesisClass=m;
+`,$=a(b)`
+  ${({theme:n,type:e="primary",state:o="active",$variant:t="none"})=>p(n,e,o,t)}
+`;exports.Select=$,exports.SelectDropdown=x,exports.SelectWrapper=f,exports.StyledMenuItem=h,exports.getGenesisClass=p;

package/dist/components/Select/styles.js

@@ -8,36 +8,36 @@ const y = a.div`
   padding: 1px;
   width: auto;
 
-  ${({ $isFocused: e, theme: t, type: o = "primary" }) => e && `
-    border: 2px solid ${t.colors[o].focussed.ringColor};
+  ${({ $isFocused: n, theme: e, type: o = "primary" }) => n && `
+    border: 2px solid ${e.colors[o].focussed.ringColor};
     background-color: transparent;
     border-radius: 8px;
     padding: 1px;
   `}
 
   .ant-select-dropdown {
-    animation-duration: ${({ theme: e }) => `${e.motion.veryfast}s`} !important;
+    animation-duration: ${({ theme: n }) => `${n.motion.veryfast}s`} !important;
   }
-`, f = (e) => `all ${e.motion.veryfast}s ease-in-out`, h = (e, t, o, r) => `
+`, f = ({ colors: n, sizing: e, typography: o, borderRadius: t }, i, p, m) => {
+  var s, l, c, d;
+  return m === "simple" ? ((r, b, h, u) => `
     &.ant-select {
-      background-color: ${e.surface.secondary};
-      border-color: ${e.surface.secondary};
+      background-color: ${r.surface.secondary};
+      border-color: ${r.surface.secondary};
       min-width: 160px;
 
       .ant-select-selector {
-        background-color: ${e.surface.secondary};
-        border-color: ${e.surface.secondary};
-        border-radius: ${r.BorderRadiusSm}px;
+        background-color: ${r.surface.secondary};
+        border-color: ${r.surface.secondary};
+        border-radius: ${u.BorderRadiusSm}px;
         margin: 0px;  
       }
     }
-  `, b = ({ colors: e, sizing: t, typography: o, borderRadius: r }, n, i, u) => {
-  var s, d, l, c, p, m;
-  return u === "simple" ? h(e, n, i, r) : `
+  `)(n, 0, 0, t) : `
     &.ant-select {
 
       font-size: 16px;
-      line-height: ${t.Size6}px;
+      line-height: ${e.Size6}px;
       letter-spacing: 0;
       font-weight: 400;
       border-width: 1px;
@@ -47,13 +47,14 @@ const y = a.div`
       height: auto;
       min-height: 32px;
 
-      background-color:  ${((d = (s = e == null ? void 0 : e[n]) == null ? void 0 : s[i]) == null ? void 0 : d.backgroundColor) ?? "#fff"}
+      //background-color:  ${n[i][p].backgroundColor}
+      background-color: #fff;
       
-      border-radius: ${r.BorderRadiusMd}px;
-      gap: ${t.Size2}px;
+      border-radius: ${t.BorderRadiusMd}px;
+      gap: ${e.Size2}px;
 
       .ant-select-selector {
-        border-color: ${e.inputs.surface.border};
+        border-color: ${n.inputs.surface.border};
         padding: 4px 12px !important;
         height: 40px !important;
         min-height: 40px !important;
@@ -128,8 +129,8 @@ const y = a.div`
       }
 
       &:active {
-        background-color: ${((c = (l = e == null ? void 0 : e[n]) == null ? void 0 : l.pressed) == null ? void 0 : c.backgroundColor) ?? "#fff"};
-        border-color: ${((m = (p = e == null ? void 0 : e[n]) == null ? void 0 : p.pressed) == null ? void 0 : m.borderColor) ?? "#fff"};
+        background-color: ${((l = (s = n == null ? void 0 : n[i]) == null ? void 0 : s.pressed) == null ? void 0 : l.backgroundColor) ?? "#fff"};
+        border-color: ${((d = (c = n == null ? void 0 : n[i]) == null ? void 0 : c.pressed) == null ? void 0 : d.borderColor) ?? "#fff"};
       }
 
       // Remove focus styles
@@ -149,47 +150,47 @@ const y = a.div`
 
       &:disabled,
       &.ant-select-disabled {
-        color: ${e.inputs.onsurface.disabled};
-        background-color: ${e.inputs.surface.disabled};
-        border-color: ${e.inputs.surface.border};
+        color: ${n.inputs.onsurface.disabled};
+        background-color: ${n.inputs.surface.disabled};
+        border-color: ${n.inputs.surface.border};
         
         .ant-select-selector {
-          background-color: ${e.inputs.surface.disabled};
+          background-color: ${n.inputs.surface.disabled};
         }
         
         .ant-select-arrow {
-          color: ${e.inputs.onsurface["icon-disabled"]};
+          color: ${n.inputs.onsurface["icon-disabled"]};
         }
       }
     }
   `;
 }, v = a.div`
   .ant-select-item-option {
-    transition: ${({ theme: e, type: t }) => f(e)};
+    transition: ${({ theme: n, type: e }) => ((o) => `all ${o.motion.veryfast}s ease-in-out`)(n)};
     border-radius: 0px;
 
     &:hover {
-      background-color: ${({ theme: e, type: t }) => e.colors.surface.secondary};
-      color: ${({ theme: e, type: t }) => e.colors.onsurface["copy-dark"]};
+      background-color: ${({ theme: n, type: e }) => n.colors.surface.secondary};
+      color: ${({ theme: n, type: e }) => n.colors.onsurface["copy-dark"]};
     }
 
     &.ant-select-item-option-selected {
-      background-color: ${({ theme: e, type: t }) => e.colors[t].hover.backgroundColor};
-      color: ${({ theme: e, type: t }) => e.colors[t].active.color};
+      background-color: ${({ theme: n, type: e }) => n.colors[e].hover.backgroundColor};
+      color: ${({ theme: n, type: e }) => n.colors[e].active.color};
       font-weight: 400;
       border-radius: 0px;
 
       &:hover {
-        background-color: ${({ theme: e, type: t }) => e.colors[t].hover.backgroundColor};
-        color: ${({ theme: e, type: t }) => e.colors[t].hover.color};
+        background-color: ${({ theme: n, type: e }) => n.colors[e].hover.backgroundColor};
+        color: ${({ theme: n, type: e }) => n.colors[e].hover.color};
         border-radius: 0px;
       }
     }
   }
 `, k = a.div`
   .ant-select-dropdown {
-    animation-duration: ${({ theme: e }) => `${e.motion.veryfast}s`} !important;
-    transition: all ${({ theme: e }) => `${e.motion.veryfast}s`}
+    animation-duration: ${({ theme: n }) => `${n.motion.veryfast}s`} !important;
+    transition: all ${({ theme: n }) => `${n.motion.veryfast}s`}
       cubic-bezier(0.645, 0.045, 0.355, 1) !important;
 
     .ant-select-item {
@@ -199,19 +200,19 @@ const y = a.div`
 
   &.ant-slide-up-enter,
   &.ant-slide-up-appear {
-    animation-duration: ${({ theme: e }) => `${e.motion.veryfast}s`} !important;
+    animation-duration: ${({ theme: n }) => `${n.motion.veryfast}s`} !important;
   }
 
   &.ant-slide-up-leave {
-    animation-duration: ${({ theme: e }) => `${e.motion.veryfast}s`} !important;
+    animation-duration: ${({ theme: n }) => `${n.motion.veryfast}s`} !important;
   }
 `, w = a(g)`
-  ${({ theme: e, type: t = "primary", state: o = "active", $variant: r = "none" }) => b(e, t, o, r)}
+  ${({ theme: n, type: e = "primary", state: o = "active", $variant: t = "none" }) => f(n, e, o, t)}
 `;
 export {
   w as Select,
   k as SelectDropdown,
   y as SelectWrapper,
   v as StyledMenuItem,
-  b as getGenesisClass
+  f as getGenesisClass
 };

package/dist/components/SelectCount/SelectCount.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),a=require("../shared/DropdownChevron.cjs"),d=require("../Select/Select.cjs");module.exports=({options:s,onChange:i,width:t=320,selectedValues:l,placeholder:o="0 selected"})=>e.jsx("div",{style:{width:t},children:e.jsx(d,{options:s,mode:"multiple",value:l,onChange:i,maxTagCount:0,suffixIcon:e.jsx(a,{}),labelInValue:!1,showSearch:!1,maxTagPlaceholder:()=>e.jsxs("div",{style:{fontSize:"16px",lineHeight:"24px",paddingTop:"2px"},children:[l.length," selected"]}),placeholder:o})});

package/dist/components/SelectCount/SelectCount.d.ts

@@ -0,0 +1,12 @@
+export interface SelectCountProps {
+    options: {
+        value: string;
+        label: string;
+    }[];
+    onChange: (values: string[]) => void;
+    width?: number;
+    selectedValues?: string[];
+    placeholder?: string;
+}
+declare const SelectCount: ({ options, onChange, width, selectedValues, placeholder, }: SelectCountProps) => import("react/jsx-runtime").JSX.Element;
+export default SelectCount;

package/dist/components/SelectCount/SelectCount.js

@@ -0,0 +1,7 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import d from "../shared/DropdownChevron.js";
+import i from "../Select/Select.js";
+const c = ({ options: o, onChange: t, width: a = 320, selectedValues: l, placeholder: n = "0 selected" }) => e("div", { style: { width: a }, children: e(i, { options: o, mode: "multiple", value: l, onChange: t, maxTagCount: 0, suffixIcon: e(d, {}), labelInValue: !1, showSearch: !1, maxTagPlaceholder: () => s("div", { style: { fontSize: "16px", lineHeight: "24px", paddingTop: "2px" }, children: [l.length, " selected"] }), placeholder: n }) });
+export {
+  c as default
+};

package/dist/components/SelectCount/__stories__/SelectCount.stories.d.ts

@@ -0,0 +1,7 @@
+import { default as SelectCount } from '../SelectCount';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof SelectCount>;
+export default meta;
+type Story = StoryObj<typeof SelectCount>;
+export declare const Default: Story;
+export declare const ThreeSelected: Story;

package/dist/components/SelectCount/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './SelectCount';
+export type { SelectCountProps } from './SelectCount';

package/dist/components/Shapes/Shapes.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),s=require("./variants/Circle.cjs"),a=require("./variants/Rectangle.cjs"),c=require("./variants/Triangle.cjs"),n=({variant:t="triangle",fill:e})=>t==="circle"?r.jsx(s,{fill:e,dataTestId:"shape-circle"}):t==="rectangle"?r.jsx(a,{fill:e,dataTestId:"shape-rectangle"}):r.jsx(c,{fill:e,dataTestId:"shape-triangle"});module.exports=n;
+"use strict";const r=require("react/jsx-runtime"),t=require("./variants/Circle.cjs"),l=require("./variants/Rectangle.cjs"),i=require("./variants/Triangle.cjs");module.exports=({variant:a="triangle",fill:e})=>a==="circle"?r.jsx(t,{fill:e,dataTestId:"shape-circle"}):a==="rectangle"?r.jsx(l,{fill:e,dataTestId:"shape-rectangle"}):r.jsx(i,{fill:e,dataTestId:"shape-triangle"});

package/dist/components/Shapes/Shapes.js

@@ -1,8 +1,8 @@
-import { jsx as r } from "react/jsx-runtime";
-import a from "./variants/Circle.js";
-import o from "./variants/Rectangle.js";
-import s from "./variants/Triangle.js";
-const m = ({ variant: t = "triangle", fill: e }) => t === "circle" ? /* @__PURE__ */ r(a, { fill: e, dataTestId: "shape-circle" }) : t === "rectangle" ? /* @__PURE__ */ r(o, { fill: e, dataTestId: "shape-rectangle" }) : /* @__PURE__ */ r(s, { fill: e, dataTestId: "shape-triangle" });
+import { jsx as t } from "react/jsx-runtime";
+import r from "./variants/Circle.js";
+import l from "./variants/Rectangle.js";
+import i from "./variants/Triangle.js";
+const m = ({ variant: e = "triangle", fill: a }) => e === "circle" ? t(r, { fill: a, dataTestId: "shape-circle" }) : e === "rectangle" ? t(l, { fill: a, dataTestId: "shape-rectangle" }) : t(i, { fill: a, dataTestId: "shape-triangle" });
 export {
   m as default
 };

package/dist/components/Shapes/variants/Circle.cjs

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),i=({fill:s="#CF3237",dataTestId:t})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:50,height:50,fill:"none","data-testid":t,children:e.jsx("path",{fill:s,fillRule:"evenodd",d:"M25 47c12.15 0 22-9.85 22-22S37.15 3 25 3 3 12.85 3 25s9.85 22 22 22Zm0 3c13.807 0 25-11.193 25-25S38.807 0 25 0 0 11.193 0 25s11.193 25 25 25Z",clipRule:"evenodd"})});module.exports=i;
+"use strict";const e=require("react/jsx-runtime");module.exports=({fill:t="#CF3237",dataTestId:l})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:50,height:50,fill:"none","data-testid":l,children:e.jsx("path",{fill:t,fillRule:"evenodd",d:"M25 47c12.15 0 22-9.85 22-22S37.15 3 25 3 3 12.85 3 25s9.85 22 22 22Zm0 3c13.807 0 25-11.193 25-25S38.807 0 25 0 0 11.193 0 25s11.193 25 25 25Z",clipRule:"evenodd"})});

package/dist/components/Shapes/variants/Circle.js

@@ -1,23 +1,5 @@
-import { jsx as e } from "react/jsx-runtime";
-const i = ({ fill: t = "#CF3237", dataTestId: l }) => /* @__PURE__ */ e(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 50,
-    height: 50,
-    fill: "none",
-    "data-testid": l,
-    children: /* @__PURE__ */ e(
-      "path",
-      {
-        fill: t,
-        fillRule: "evenodd",
-        d: "M25 47c12.15 0 22-9.85 22-22S37.15 3 25 3 3 12.85 3 25s9.85 22 22 22Zm0 3c13.807 0 25-11.193 25-25S38.807 0 25 0 0 11.193 0 25s11.193 25 25 25Z",
-        clipRule: "evenodd"
-      }
-    )
-  }
-);
+import { jsx as l } from "react/jsx-runtime";
+const i = ({ fill: t = "#CF3237", dataTestId: e }) => l("svg", { xmlns: "http://www.w3.org/2000/svg", width: 50, height: 50, fill: "none", "data-testid": e, children: l("path", { fill: t, fillRule: "evenodd", d: "M25 47c12.15 0 22-9.85 22-22S37.15 3 25 3 3 12.85 3 25s9.85 22 22 22Zm0 3c13.807 0 25-11.193 25-25S38.807 0 25 0 0 11.193 0 25s11.193 25 25 25Z", clipRule: "evenodd" }) });
 export {
   i as default
 };

package/dist/components/Shapes/variants/Rectangle.cjs

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),i=({fill:t="#FFBD5D",dataTestId:s})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:50,height:50,fill:"none","data-testid":s,children:e.jsx("path",{fill:t,fillRule:"evenodd",d:"M47 3H3v44h44V3ZM0 0v50h50V0H0Z",clipRule:"evenodd"})});module.exports=i;
+"use strict";const e=require("react/jsx-runtime");module.exports=({fill:t="#FFBD5D",dataTestId:l})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:50,height:50,fill:"none","data-testid":l,children:e.jsx("path",{fill:t,fillRule:"evenodd",d:"M47 3H3v44h44V3ZM0 0v50h50V0H0Z",clipRule:"evenodd"})});

package/dist/components/Shapes/variants/Rectangle.js

@@ -1,23 +1,5 @@
-import { jsx as e } from "react/jsx-runtime";
-const h = ({ fill: t = "#FFBD5D", dataTestId: l }) => /* @__PURE__ */ e(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 50,
-    height: 50,
-    fill: "none",
-    "data-testid": l,
-    children: /* @__PURE__ */ e(
-      "path",
-      {
-        fill: t,
-        fillRule: "evenodd",
-        d: "M47 3H3v44h44V3ZM0 0v50h50V0H0Z",
-        clipRule: "evenodd"
-      }
-    )
-  }
-);
+import { jsx as t } from "react/jsx-runtime";
+const i = ({ fill: e = "#FFBD5D", dataTestId: l }) => t("svg", { xmlns: "http://www.w3.org/2000/svg", width: 50, height: 50, fill: "none", "data-testid": l, children: t("path", { fill: e, fillRule: "evenodd", d: "M47 3H3v44h44V3ZM0 0v50h50V0H0Z", clipRule: "evenodd" }) });
 export {
-  h as default
+  i as default
 };

package/dist/components/Shapes/variants/Triangle.cjs

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),i=({fill:t="#384DF6",dataTestId:s})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:58,height:50,fill:"none","data-testid":s,children:e.jsx("path",{fill:t,fillRule:"evenodd",d:"M29.402.23a.465.465 0 0 0-.804 0L.062 49.31a.458.458 0 0 0 0 .46c.083.143.236.231.402.231h57.072a.465.465 0 0 0 .402-.23.458.458 0 0 0 0-.461L29.402.23ZM29 5.07l24.517 42.165H4.483L29 5.069Z",clipRule:"evenodd"})});module.exports=i;
+"use strict";const e=require("react/jsx-runtime");module.exports=({fill:l="#384DF6",dataTestId:t})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:58,height:50,fill:"none","data-testid":t,children:e.jsx("path",{fill:l,fillRule:"evenodd",d:"M29.402.23a.465.465 0 0 0-.804 0L.062 49.31a.458.458 0 0 0 0 .46c.083.143.236.231.402.231h57.072a.465.465 0 0 0 .402-.23.458.458 0 0 0 0-.461L29.402.23ZM29 5.07l24.517 42.165H4.483L29 5.069Z",clipRule:"evenodd"})});

package/dist/components/Shapes/variants/Triangle.js

@@ -1,23 +1,5 @@
-import { jsx as e } from "react/jsx-runtime";
-const a = ({ fill: l = "#384DF6", dataTestId: t }) => /* @__PURE__ */ e(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 58,
-    height: 50,
-    fill: "none",
-    "data-testid": t,
-    children: /* @__PURE__ */ e(
-      "path",
-      {
-        fill: l,
-        fillRule: "evenodd",
-        d: "M29.402.23a.465.465 0 0 0-.804 0L.062 49.31a.458.458 0 0 0 0 .46c.083.143.236.231.402.231h57.072a.465.465 0 0 0 .402-.23.458.458 0 0 0 0-.461L29.402.23ZM29 5.07l24.517 42.165H4.483L29 5.069Z",
-        clipRule: "evenodd"
-      }
-    )
-  }
-);
+import { jsx as l } from "react/jsx-runtime";
+const d = ({ fill: t = "#384DF6", dataTestId: e }) => l("svg", { xmlns: "http://www.w3.org/2000/svg", width: 58, height: 50, fill: "none", "data-testid": e, children: l("path", { fill: t, fillRule: "evenodd", d: "M29.402.23a.465.465 0 0 0-.804 0L.062 49.31a.458.458 0 0 0 0 .46c.083.143.236.231.402.231h57.072a.465.465 0 0 0 .402-.23.458.458 0 0 0 0-.461L29.402.23ZM29 5.07l24.517 42.165H4.483L29 5.069Z", clipRule: "evenodd" }) });
 export {
-  a as default
+  d as default
 };

package/dist/components/Switch/Switch.cjs

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),n=require("./styles.cjs"),a=({state:o,onChange:e,isChecked:t,isDisabled:s=!1,dataTestId:r,...c})=>i.jsx(n.Switch,{checked:t,onChange:()=>e(!t),disabled:s,"data-testid":r,...c});module.exports=a;
+"use strict";const d=require("react/jsx-runtime"),c=require("./styles.cjs");module.exports=({state:r,onChange:s,isChecked:e,isDisabled:t=!1,dataTestId:a,...i})=>d.jsx(c.Switch,{checked:e,onChange:()=>s(!e),disabled:t,"data-testid":a,...i});