@gobolt/genesis 0.2.9 → 0.2.10

package/dist/components/DatePicker/DatePicker.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),t=require("../../providers/useGenesis.cjs"),i=require("../../node_modules/antd/es/date-picker/index.cjs"),n=e=>{const{theme:s}=t.useGenesis();return r.jsx(i,{...e,style:{border:`1px solid ${s.colors.inputs.surface.border}`}})};module.exports=n;
+"use strict";const r=require("react/jsx-runtime"),t=require("../../providers/useGenesis.cjs"),i=require("../../node_modules/antd/es/date-picker/index.cjs"),n=e=>{const{theme:s}=t.useGenesis();return r.jsx(i,{...e,style:{border:`1px solid ${s.colors.inputs.surface.border}`,padding:"8px"}})};module.exports=n;

package/dist/components/DatePicker/DatePicker.js

@@ -1,18 +1,19 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useGenesis as t } from "../../providers/useGenesis.js";
 import s from "../../node_modules/antd/es/date-picker/index.js";
-const p = (r) => {
+const a = (r) => {
   const { theme: e } = t();
   return /* @__PURE__ */ o(
     s,
     {
       ...r,
       style: {
-        border: `1px solid ${e.colors.inputs.surface.border}`
+        border: `1px solid ${e.colors.inputs.surface.border}`,
+        padding: "8px"
       }
     }
   );
 };
 export {
-  p as default
+  a as default
 };

package/dist/components/DateRangePicker/DateRangePicker.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),t=require("../../providers/useGenesis.cjs"),n=require("../../node_modules/antd/es/date-picker/index.cjs"),{RangePicker:i}=n,o=e=>{const{theme:s}=t.useGenesis();return r.jsx(i,{...e,style:{border:`1px solid ${s.colors.inputs.surface.border}`}})};module.exports=o;
+"use strict";const r=require("react/jsx-runtime"),n=require("../../providers/useGenesis.cjs"),t=require("../../node_modules/antd/es/date-picker/index.cjs"),{RangePicker:i}=t,o=e=>{const{theme:s}=n.useGenesis();return r.jsx(i,{...e,style:{border:`1px solid ${s.colors.inputs.surface.border}`,padding:"8px"}})};module.exports=o;

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -1,18 +1,19 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useGenesis as o } from "../../providers/useGenesis.js";
 import s from "../../node_modules/antd/es/date-picker/index.js";
-const { RangePicker: n } = s, m = (e) => {
+const { RangePicker: n } = s, p = (e) => {
   const { theme: r } = o();
   return /* @__PURE__ */ t(
     n,
     {
       ...e,
       style: {
-        border: `1px solid ${r.colors.inputs.surface.border}`
+        border: `1px solid ${r.colors.inputs.surface.border}`,
+        padding: "8px"
       }
     }
   );
 };
 export {
-  m as default
+  p as default
 };

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

@@ -6,3 +6,4 @@ type Story = StoryObj<typeof DateRangePicker>;
 export declare const DateRange: Story;
 export declare const DateTimeRange: Story;
 export declare const SetDateRange: Story;
+export declare const CommplexRow: Story;

package/dist/components/Select/CountMultiSelect.cjs

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

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

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

package/dist/components/Select/CountMultiSelect.js

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

package/dist/components/Select/__stories__/CountMultiSelect.stories.d.ts

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

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

@@ -8,4 +8,3 @@ export declare const Filled: Story;
 export declare const Focussed: Story;
 export declare const Disabled: Story;
 export declare const Simple: Story;
-export declare const MultiSelect: Story;

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

@@ -1,2 +1,4 @@
 export { default } from './Select';
 export type { SelectProps } from './Select';
+export { 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 a=require("styled-components"),b=require("../../node_modules/antd/es/select/index.cjs"),h=a.div`
+"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`
   position: relative;
   border: 2px solid transparent;
   background-color: transparent;
@@ -6,8 +6,8 @@
   padding: 1px;
   width: auto;
 
-  ${({$isFocused:e,theme:t,type:o="primary"})=>e&&`
-    border: 2px solid ${t.colors[o].focussed.ringColor};
+  ${({$isFocused:e,theme:t,type:n="primary"})=>e&&`
+    border: 2px solid ${t.colors[n].focussed.ringColor};
     background-color: transparent;
     border-radius: 8px;
     padding: 1px;
@@ -16,7 +16,7 @@
   .ant-select-dropdown {
     animation-duration: ${({theme:e})=>`${e.motion.veryfast}s`} !important;
   }
-`,f=e=>`all ${e.motion.veryfast}s ease-in-out`,$=(e,t,o,r)=>`
+`,b=e=>`all ${e.motion.veryfast}s ease-in-out`,x=(e,t,n,r)=>`
     &.ant-select {
       background-color: ${e.surface.secondary};
       border-color: ${e.surface.secondary};
@@ -29,10 +29,10 @@
         margin: 0px;  
       }
     }
-  `,m=({colors:e,sizing:t,typography:o,borderRadius:r},n,i,g)=>{var s,d,c,l,p,u;return g==="simple"?$(e,n,i,r):`
+  `,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):`
     &.ant-select {
 
-      font-size: ${t.Size4}px;
+      font-size: 16px;
       line-height: ${t.Size6}px;
       letter-spacing: 0;
       font-weight: 400;
@@ -43,42 +43,75 @@
       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:  ${((d=(s=e==null?void 0:e[o])==null?void 0:s[a])==null?void 0:d.backgroundColor)??"#fff"}
       
       border-radius: ${r.BorderRadiusMd}px;
       gap: ${t.Size2}px;
 
       .ant-select-selector {
         border-color: ${e.inputs.surface.border};
-        padding-left: 4px;
-        height: auto !important;
-        min-height: 32px !important;
+        padding: 4px 12px !important;
+        height: 40px !important;
+        min-height: 40px !important;
         background-color: transparent !important;
+        display: flex;
+        align-items: center;
+
+        .ant-select-selection-search {
+          margin-inline-start: 0;
+          padding-left: 0;
+          height: 100%;
+          display: flex;
+          align-items: center;
+          
+          input {
+            font-size: 16px;
+          }
+        }
 
         .ant-select-selection-overflow {
           flex-wrap: nowrap;
           gap: 4px;
           padding: 0;
-          height: 30px;
+          height: 100%;
           align-items: center;
+          margin-left: 0;
+          display: flex;
         }
 
         .ant-select-selection-item {
-          margin-top: 0;
-          margin-bottom: 0;
+          margin: 0;
           background: transparent;
           border: none;
-          height: 24px;
-          line-height: 24px;
-          padding-right: 0;
+          height: 100%;
+          line-height: normal;
+          padding: 0;
+          font-size: 16px;
+          display: flex;
+          align-items: center;
+
+          &.ant-select-selection-placeholder {
+            padding-top: 6px;
+          }
+        }
+
+        .ant-select-selection-overflow-item {
+          height: 100%;
+          display: flex;
+          align-items: center;
         }
 
         .ant-select-selection-overflow-item-suffix {
           position: absolute;
-          right: 0;
-          height: 30px;
+          right: 12px;
+          height: 100%;
           display: flex;
           align-items: center;
+          font-size: 16px;
+
+          .ant-select-selection-item {
+            padding-top: 6px;
+          }
         }
       }
 
@@ -91,8 +124,8 @@
       }
 
       &:active {
-        background-color: ${((l=(c=e==null?void 0:e[n])==null?void 0:c.pressed)==null?void 0:l.backgroundColor)??"#fff"};
-        border-color: ${((u=(p=e==null?void 0:e[n])==null?void 0:p.pressed)==null?void 0:u.borderColor)??"#fff"};
+        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"};
       }
 
       // Remove focus styles
@@ -125,9 +158,9 @@
         }
       }
     }
-  `},x=a.div`
+  `},$=i.div`
   .ant-select-item-option {
-    transition: ${({theme:e,type:t})=>f(e)};
+    transition: ${({theme:e,type:t})=>b(e)};
     border-radius: 0px;
 
     &:hover {
@@ -148,7 +181,7 @@
       }
     }
   }
-`,y=a.div`
+`,y=i.div`
   .ant-select-dropdown {
     animation-duration: ${({theme:e})=>`${e.motion.veryfast}s`} !important;
     transition: all ${({theme:e})=>`${e.motion.veryfast}s`}
@@ -167,6 +200,6 @@
   &.ant-slide-up-leave {
     animation-duration: ${({theme:e})=>`${e.motion.veryfast}s`} !important;
   }
-`,v=a(b)`
-  ${({theme:e,type:t="primary",state:o="active",$variant:r="none"})=>m(e,t,o,r)}
-`;exports.Select=v;exports.SelectDropdown=y;exports.SelectWrapper=h;exports.StyledMenuItem=x;exports.getGenesisClass=m;
+`,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;

package/dist/components/Select/styles.js

@@ -1,6 +1,6 @@
 import a from "styled-components";
 import g from "../../node_modules/antd/es/select/index.js";
-const v = a.div`
+const y = a.div`
   position: relative;
   border: 2px solid transparent;
   background-color: transparent;
@@ -18,7 +18,7 @@ const v = a.div`
   .ant-select-dropdown {
     animation-duration: ${({ theme: e }) => `${e.motion.veryfast}s`} !important;
   }
-`, b = (e) => `all ${e.motion.veryfast}s ease-in-out`, h = (e, t, o, r) => `
+`, f = (e) => `all ${e.motion.veryfast}s ease-in-out`, h = (e, t, o, r) => `
     &.ant-select {
       background-color: ${e.surface.secondary};
       border-color: ${e.surface.secondary};
@@ -31,12 +31,12 @@ const v = a.div`
         margin: 0px;  
       }
     }
-  `, f = ({ colors: e, sizing: t, typography: o, borderRadius: r }, n, i, m) => {
-  var s, d, c, p, l, u;
-  return m === "simple" ? h(e, n, i, r) : `
+  `, 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) : `
     &.ant-select {
 
-      font-size: ${t.Size4}px;
+      font-size: 16px;
       line-height: ${t.Size6}px;
       letter-spacing: 0;
       font-weight: 400;
@@ -54,35 +54,68 @@ const v = a.div`
 
       .ant-select-selector {
         border-color: ${e.inputs.surface.border};
-        padding-left: 4px;
-        height: auto !important;
-        min-height: 32px !important;
+        padding: 4px 12px !important;
+        height: 40px !important;
+        min-height: 40px !important;
         background-color: transparent !important;
+        display: flex;
+        align-items: center;
+
+        .ant-select-selection-search {
+          margin-inline-start: 0;
+          padding-left: 0;
+          height: 100%;
+          display: flex;
+          align-items: center;
+          
+          input {
+            font-size: 16px;
+          }
+        }
 
         .ant-select-selection-overflow {
           flex-wrap: nowrap;
           gap: 4px;
           padding: 0;
-          height: 30px;
+          height: 100%;
           align-items: center;
+          margin-left: 0;
+          display: flex;
         }
 
         .ant-select-selection-item {
-          margin-top: 0;
-          margin-bottom: 0;
+          margin: 0;
           background: transparent;
           border: none;
-          height: 24px;
-          line-height: 24px;
-          padding-right: 0;
+          height: 100%;
+          line-height: normal;
+          padding: 0;
+          font-size: 16px;
+          display: flex;
+          align-items: center;
+
+          &.ant-select-selection-placeholder {
+            padding-top: 6px;
+          }
+        }
+
+        .ant-select-selection-overflow-item {
+          height: 100%;
+          display: flex;
+          align-items: center;
         }
 
         .ant-select-selection-overflow-item-suffix {
           position: absolute;
-          right: 0;
-          height: 30px;
+          right: 12px;
+          height: 100%;
           display: flex;
           align-items: center;
+          font-size: 16px;
+
+          .ant-select-selection-item {
+            padding-top: 6px;
+          }
         }
       }
 
@@ -95,8 +128,8 @@ const v = a.div`
       }
 
       &:active {
-        background-color: ${((p = (c = e == null ? void 0 : e[n]) == null ? void 0 : c.pressed) == null ? void 0 : p.backgroundColor) ?? "#fff"};
-        border-color: ${((u = (l = e == null ? void 0 : e[n]) == null ? void 0 : l.pressed) == null ? void 0 : u.borderColor) ?? "#fff"};
+        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"};
       }
 
       // Remove focus styles
@@ -130,9 +163,9 @@ const v = a.div`
       }
     }
   `;
-}, y = a.div`
+}, v = a.div`
   .ant-select-item-option {
-    transition: ${({ theme: e, type: t }) => b(e)};
+    transition: ${({ theme: e, type: t }) => f(e)};
     border-radius: 0px;
 
     &:hover {
@@ -173,12 +206,12 @@ const v = a.div`
     animation-duration: ${({ theme: e }) => `${e.motion.veryfast}s`} !important;
   }
 `, w = a(g)`
-  ${({ theme: e, type: t = "primary", state: o = "active", $variant: r = "none" }) => f(e, t, o, r)}
+  ${({ theme: e, type: t = "primary", state: o = "active", $variant: r = "none" }) => b(e, t, o, r)}
 `;
 export {
   w as Select,
   k as SelectDropdown,
-  v as SelectWrapper,
-  y as StyledMenuItem,
-  f as getGenesisClass
+  y as SelectWrapper,
+  v as StyledMenuItem,
+  b as getGenesisClass
 };

package/dist/components/index.d.ts

@@ -45,6 +45,8 @@ export { default as SegmentedControls } from './SegmentedControls';
 export type { SegmentedControlsProps } from './SegmentedControls';
 export { default as Select } from './Select';
 export type { SelectProps } from './Select';
+export { CountMultiSelect } from './Select/CountMultiSelect';
+export type { CountMultiSelectProps } from './Select/CountMultiSelect';
 export { default as Shapes } from './Shapes';
 export type { ShapesProps } from './Shapes';
 export { default as Switch } from './Switch';

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./constants/index.cjs"),o=require("./styles/global-styles.cjs"),t=require("./components/Avatar/Avatar.cjs"),s=require("./components/Badge/Badge.cjs"),i=require("./components/Breadcrumb/Breadcrumb.cjs"),n=require("./components/Button/Button.cjs"),u=require("./components/Button/UtilityButton.cjs"),a=require("./components/Button/IconButton.cjs"),c=require("./components/Card/Card.cjs"),l=require("./components/Checkbox/Checkbox.cjs"),q=require("./components/DatePicker/DatePicker.cjs"),T=require("./components/DateRangePicker/DateRangePicker.cjs"),b=require("./components/ErrorBoundary/ErrorBoundary.cjs"),d=require("./components/ErrorBoundaryFallback/ErrorBoundaryFallback.cjs"),y=require("./components/Form/Form.cjs"),g=require("./components/Input/Input.cjs"),h=require("./components/Layout/Layout.cjs"),p=require("./components/Message/Message.cjs"),S=require("./components/Notification/Notification.cjs"),k=require("./components/Popover/Popover.cjs"),B=require("./components/Progress/Progress.cjs"),m=require("./components/Radio/RadioGroup.cjs"),P=require("./components/Row/Row.cjs"),C=require("./components/SegmentedControls/SegmentedControls.cjs"),G=require("./components/Select/Select.cjs"),v=require("./components/Shapes/Shapes.cjs"),E=require("./components/Switch/Switch.cjs"),R=require("./components/Table/Table.cjs"),f=require("./components/Table/TableWithControls/TableWithControls.cjs"),I=require("./components/Tabs/Tabs.cjs"),W=require("./components/Tile/Tile.cjs"),w=require("./components/Toast/Toast.cjs"),z=require("./components/Tooltip/Tooltip.cjs"),D=require("./components/Typography/Typography.cjs"),F=require("./providers/GenesisProvider.cjs"),x=require("./components/Table/useTable.cjs"),M=require("./components/Table/TableWithControls/useTableWithControls.cjs"),N=require("./providers/useGenesis.cjs"),e=require("./styles/theme/genesis-theme.cjs");exports.GENESIS=r.default;exports.GlobalStyles=o.GlobalStyles;exports.Avatar=t;exports.Badge=s;exports.Breadcrumb=i;exports.Button=n;exports.UtilityButton=u;exports.IconButton=a;exports.Card=c;exports.Checkbox=l;exports.DatePicker=q;exports.DateRangePicker=T;exports.ErrorBoundary=b;exports.ErrorBoundaryFallback=d;exports.Form=y.default;exports.Input=g;exports.Layout=h;exports.Message=p;exports.Notification=S;exports.Popover=k;exports.Progress=B;exports.RadioGroup=m;exports.Row=P;exports.SegmentedControls=C;exports.Select=G;exports.Shapes=v;exports.Switch=E;exports.Table=R;exports.TableWithControls=f;exports.Tabs=I;exports.Tile=W;exports.Toast=w;exports.Tooltip=z;exports.Typography=D;exports.GenesisProvider=F.GenesisProvider;exports.useTable=x.useTable;exports.useTableWithControls=M.useTableWithControls;exports.useGenesis=N.useGenesis;exports.TypographySizeKey=e.TypographySizeKey;exports.baseTokens=e.baseTokens;exports.breakpoints=e.breakpoints;exports.darkTheme=e.darkTheme;exports.lightTheme=e.lightTheme;exports.sizing=e.sizing;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./constants/index.cjs"),o=require("./styles/global-styles.cjs"),t=require("./components/Avatar/Avatar.cjs"),s=require("./components/Badge/Badge.cjs"),i=require("./components/Breadcrumb/Breadcrumb.cjs"),n=require("./components/Button/Button.cjs"),u=require("./components/Button/UtilityButton.cjs"),a=require("./components/Button/IconButton.cjs"),c=require("./components/Card/Card.cjs"),l=require("./components/Checkbox/Checkbox.cjs"),q=require("./components/DatePicker/DatePicker.cjs"),T=require("./components/DateRangePicker/DateRangePicker.cjs"),b=require("./components/ErrorBoundary/ErrorBoundary.cjs"),d=require("./components/ErrorBoundaryFallback/ErrorBoundaryFallback.cjs"),y=require("./components/Form/Form.cjs"),g=require("./components/Input/Input.cjs"),h=require("./components/Layout/Layout.cjs"),p=require("./components/Message/Message.cjs"),S=require("./components/Notification/Notification.cjs"),k=require("./components/Popover/Popover.cjs"),B=require("./components/Progress/Progress.cjs"),C=require("./components/Radio/RadioGroup.cjs"),m=require("./components/Row/Row.cjs"),P=require("./components/SegmentedControls/SegmentedControls.cjs"),G=require("./components/Select/Select.cjs"),v=require("./components/Shapes/Shapes.cjs"),E=require("./components/Switch/Switch.cjs"),M=require("./components/Table/Table.cjs"),R=require("./components/Table/TableWithControls/TableWithControls.cjs"),f=require("./components/Tabs/Tabs.cjs"),I=require("./components/Tile/Tile.cjs"),W=require("./components/Toast/Toast.cjs"),w=require("./components/Tooltip/Tooltip.cjs"),z=require("./components/Typography/Typography.cjs"),D=require("./providers/GenesisProvider.cjs"),F=require("./components/Select/CountMultiSelect.cjs"),x=require("./components/Table/useTable.cjs"),N=require("./components/Table/TableWithControls/useTableWithControls.cjs"),A=require("./providers/useGenesis.cjs"),e=require("./styles/theme/genesis-theme.cjs");exports.GENESIS=r.default;exports.GlobalStyles=o.GlobalStyles;exports.Avatar=t;exports.Badge=s;exports.Breadcrumb=i;exports.Button=n;exports.UtilityButton=u;exports.IconButton=a;exports.Card=c;exports.Checkbox=l;exports.DatePicker=q;exports.DateRangePicker=T;exports.ErrorBoundary=b;exports.ErrorBoundaryFallback=d;exports.Form=y.default;exports.Input=g;exports.Layout=h;exports.Message=p;exports.Notification=S;exports.Popover=k;exports.Progress=B;exports.RadioGroup=C;exports.Row=m;exports.SegmentedControls=P;exports.Select=G;exports.Shapes=v;exports.Switch=E;exports.Table=M;exports.TableWithControls=R;exports.Tabs=f;exports.Tile=I;exports.Toast=W;exports.Tooltip=w;exports.Typography=z;exports.GenesisProvider=D.GenesisProvider;exports.CountMultiSelect=F.CountMultiSelect;exports.useTable=x.useTable;exports.useTableWithControls=N.useTableWithControls;exports.useGenesis=A.useGenesis;exports.TypographySizeKey=e.TypographySizeKey;exports.baseTokens=e.baseTokens;exports.breakpoints=e.breakpoints;exports.darkTheme=e.darkTheme;exports.lightTheme=e.lightTheme;exports.sizing=e.sizing;

package/dist/index.js

@@ -6,7 +6,7 @@ import { default as m } from "./components/Breadcrumb/Breadcrumb.js";
 import { default as x } from "./components/Button/Button.js";
 import { default as n } from "./components/Button/UtilityButton.js";
 import { default as b } from "./components/Button/IconButton.js";
-import { default as y } from "./components/Card/Card.js";
+import { default as h } from "./components/Card/Card.js";
 import { default as g } from "./components/Checkbox/Checkbox.js";
 import { default as k } from "./components/DatePicker/DatePicker.js";
 import { default as C } from "./components/DateRangePicker/DateRangePicker.js";
@@ -15,9 +15,9 @@ import { default as v } from "./components/ErrorBoundaryFallback/ErrorBoundaryFa
 import { default as R } from "./components/Form/Form.js";
 import { default as z } from "./components/Input/Input.js";
 import { default as F } from "./components/Layout/Layout.js";
-import { default as W } from "./components/Message/Message.js";
-import { default as K } from "./components/Notification/Notification.js";
-import { default as M } from "./components/Popover/Popover.js";
+import { default as N } from "./components/Message/Message.js";
+import { default as A } from "./components/Notification/Notification.js";
+import { default as L } from "./components/Popover/Popover.js";
 import { default as j } from "./components/Progress/Progress.js";
 import { default as H } from "./components/Radio/RadioGroup.js";
 import { default as O } from "./components/Row/Row.js";
@@ -33,17 +33,19 @@ import { default as me } from "./components/Toast/Toast.js";
 import { default as xe } from "./components/Tooltip/Tooltip.js";
 import { default as ne } from "./components/Typography/Typography.js";
 import { GenesisProvider as be } from "./providers/GenesisProvider.js";
-import { useTable as ye } from "./components/Table/useTable.js";
-import { useTableWithControls as ge } from "./components/Table/TableWithControls/useTableWithControls.js";
-import { useGenesis as ke } from "./providers/useGenesis.js";
-import { TypographySizeKey as Ce, baseTokens as Ge, breakpoints as Pe, darkTheme as Ee, lightTheme as ve, sizing as Ie } from "./styles/theme/genesis-theme.js";
+import { CountMultiSelect as he } from "./components/Select/CountMultiSelect.js";
+import { useTable as ge } from "./components/Table/useTable.js";
+import { useTableWithControls as ke } from "./components/Table/TableWithControls/useTableWithControls.js";
+import { useGenesis as Ce } from "./providers/useGenesis.js";
+import { TypographySizeKey as Pe, baseTokens as Ee, breakpoints as ve, darkTheme as Ie, lightTheme as Re, sizing as we } from "./styles/theme/genesis-theme.js";
 export {
   s as Avatar,
   p as Badge,
   m as Breadcrumb,
   x as Button,
-  y as Card,
+  h as Card,
   g as Checkbox,
+  he as CountMultiSelect,
   k as DatePicker,
   C as DateRangePicker,
   P as ErrorBoundary,
@@ -55,9 +57,9 @@ export {
   b as IconButton,
   z as Input,
   F as Layout,
-  W as Message,
-  K as Notification,
-  M as Popover,
+  N as Message,
+  A as Notification,
+  L as Popover,
   j as Progress,
   H as RadioGroup,
   O as Row,
@@ -72,14 +74,14 @@ export {
   me as Toast,
   xe as Tooltip,
   ne as Typography,
-  Ce as TypographySizeKey,
+  Pe as TypographySizeKey,
   n as UtilityButton,
-  Ge as baseTokens,
-  Pe as breakpoints,
-  Ee as darkTheme,
-  ve as lightTheme,
-  Ie as sizing,
-  ke as useGenesis,
-  ye as useTable,
-  ge as useTableWithControls
+  Ee as baseTokens,
+  ve as breakpoints,
+  Ie as darkTheme,
+  Re as lightTheme,
+  we as sizing,
+  Ce as useGenesis,
+  ge as useTable,
+  ke as useTableWithControls
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.2.9",
+  "version": "0.2.10",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",