@gobolt/genesis 0.2.8 → 0.2.10

package/dist/_virtual/index5.cjs

@@ -1 +1 @@
-"use strict";const r=require("./_commonjsHelpers.cjs"),e=require("../node_modules/copy-to-clipboard/index.cjs");var o=e.__require();const s=r.getDefaultExportFromCjs(o);module.exports=s;
+"use strict";const e=require("./_commonjsHelpers.cjs"),r=require("../node_modules/debounce/index.cjs");var o=r.__require();const s=e.getDefaultExportFromCjs(o);module.exports=s;

package/dist/_virtual/index5.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as o } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/copy-to-clipboard/index.js";
-var p = r();
-const a = /* @__PURE__ */ o(p);
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/debounce/index.js";
+var o = /* @__PURE__ */ r();
+const a = /* @__PURE__ */ e(o);
 export {
   a as default
 };

package/dist/_virtual/index6.cjs

@@ -1 +1 @@
-"use strict";const e=require("./_commonjsHelpers.cjs"),r=require("../node_modules/debounce/index.cjs");var o=r.__require();const s=e.getDefaultExportFromCjs(o);module.exports=s;
+"use strict";const r=require("./_commonjsHelpers.cjs"),e=require("../node_modules/copy-to-clipboard/index.cjs");var o=e.__require();const s=r.getDefaultExportFromCjs(o);module.exports=s;

package/dist/_virtual/index6.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/debounce/index.js";
-var o = /* @__PURE__ */ r();
-const a = /* @__PURE__ */ e(o);
+import { getDefaultExportFromCjs as o } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/copy-to-clipboard/index.js";
+var p = r();
+const a = /* @__PURE__ */ o(p);
 export {
   a as default
 };

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/Select.d.ts

@@ -10,7 +10,7 @@ export interface SelectProps extends Omit<AntSelectProps, "variant"> {
     }[];
     variant?: "simple" | "none";
     defaultValue?: string | string[] | number | number[] | unknown;
-    onChange?: (value: string) => void;
+    onChange?: (value: string | string[]) => void;
 }
 declare const Select: ({ type, state, variant, defaultValue, onChange, ...rest }: SelectProps) => import("react/jsx-runtime").JSX.Element;
 export default Select;

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"),g=require("../../node_modules/antd/es/select/index.cjs"),f=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;
   }
-`,h=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,b)=>{var s,d,c,l,p,u;return b==="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,26 +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: wrap;
+          flex-wrap: nowrap;
           gap: 4px;
-          padding: 4px 0;
+          padding: 0;
+          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: 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: 12px;
+          height: 100%;
+          display: flex;
+          align-items: center;
+          font-size: 16px;
+
+          .ant-select-selection-item {
+            padding-top: 6px;
+          }
         }
       }
 
@@ -75,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
@@ -109,9 +158,9 @@
         }
       }
     }
-  `},x=a.div`
+  `},$=i.div`
   .ant-select-item-option {
-    transition: ${({theme:e,type:t})=>h(e)};
+    transition: ${({theme:e,type:t})=>b(e)};
     border-radius: 0px;
 
     &:hover {
@@ -132,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`}
@@ -151,6 +200,6 @@
   &.ant-slide-up-leave {
     animation-duration: ${({theme:e})=>`${e.motion.veryfast}s`} !important;
   }
-`,v=a(g)`
-  ${({theme:e,type:t="primary",state:o="active",$variant:r="none"})=>m(e,t,o,r)}
-`;exports.Select=v;exports.SelectDropdown=y;exports.SelectWrapper=f;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 b from "../../node_modules/antd/es/select/index.js";
-const v = a.div`
+import g from "../../node_modules/antd/es/select/index.js";
+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;
   }
-`, g = (e) => `all ${e.motion.veryfast}s ease-in-out`, f = (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;  
       }
     }
-  `, h = ({ colors: e, sizing: t, typography: o, borderRadius: r }, n, i, m) => {
-  var d, s, c, p, l, u;
-  return m === "simple" ? f(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;
@@ -47,26 +47,75 @@ const v = a.div`
       height: auto;
       min-height: 32px;
 
-      background-color:  ${((s = (d = e == null ? void 0 : e[n]) == null ? void 0 : d[i]) == null ? void 0 : s.backgroundColor) ?? "#fff"}
+      background-color:  ${((d = (s = e == null ? void 0 : e[n]) == null ? void 0 : s[i]) == 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: wrap;
+          flex-wrap: nowrap;
           gap: 4px;
-          padding: 4px 0;
+          padding: 0;
+          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: 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: 12px;
+          height: 100%;
+          display: flex;
+          align-items: center;
+          font-size: 16px;
+
+          .ant-select-selection-item {
+            padding-top: 6px;
+          }
         }
       }
 
@@ -79,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
@@ -114,9 +163,9 @@ const v = a.div`
       }
     }
   `;
-}, y = a.div`
+}, v = a.div`
   .ant-select-item-option {
-    transition: ${({ theme: e, type: t }) => g(e)};
+    transition: ${({ theme: e, type: t }) => f(e)};
     border-radius: 0px;
 
     &:hover {
@@ -156,13 +205,13 @@ const v = a.div`
   &.ant-slide-up-leave {
     animation-duration: ${({ theme: e }) => `${e.motion.veryfast}s`} !important;
   }
-`, w = a(b)`
-  ${({ theme: e, type: t = "primary", state: o = "active", $variant: r = "none" }) => h(e, t, o, r)}
+`, w = a(g)`
+  ${({ 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,
-  h as getGenesisClass
+  y as SelectWrapper,
+  v as StyledMenuItem,
+  b as getGenesisClass
 };

package/dist/components/Table/TableControls/PrimaryTableControlsRow.cjs

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),j=require("../../../node_modules/react-icons/hi2/index.cjs"),c=require("../../../node_modules/react-icons/hi/index.cjs"),m=require("../../../node_modules/react-icons/fi/index.cjs"),q=require("../../../_virtual/index6.cjs"),I=require("../../Input/Input.cjs"),d=require("../../Button/UtilityButton.cjs"),f=require("../../Typography/Typography.cjs"),k=require("../../Select/Select.cjs"),S=require("../../Button/IconButton.cjs"),b=({sortOptions:s,searchByPlaceholder:p="",searchField:x="address",isSortedAscending:n=!0,onChange:t})=>{const a=i=>{const v={event:"inputChange",payload:{value:i.target.value,field:x}};q(()=>{t==null||t(v)},200)()},r=i=>{const u={event:"primaryChange",payload:{value:i}};t==null||t(u)},l=()=>{const i={event:"filterClick",payload:{}};t==null||t(i)},o=()=>{const i={event:"settingsClick",payload:{}};t==null||t(i)},y=()=>{const i={event:"orderClick",payload:{value:n?"desc":"asc"}};t==null||t(i)};return e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",minWidth:800},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx(I,{size:"normal",placeholder:p,prefix:e.jsx(c.HiSearch,{}),style:{padding:"5px 8px"},onChange:a}),l&&e.jsx(d,{isIconButton:!0,icon:e.jsx(j.HiMiniAdjustmentsVertical,{}),onClick:l}),o&&e.jsx(d,{isIconButton:!0,icon:e.jsx(m.FiSettings,{}),onClick:o})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[e.jsx(f,{variant:"body3",color:"#6C6C6C",children:"Sort by"}),s&&r?e.jsx(k,{options:s,defaultValue:s[0].value,variant:"simple",onChange:r}):null,e.jsx(S,{icon:n?e.jsx(c.HiOutlineSortDescending,{}):e.jsx(c.HiOutlineSortAscending,{}),onClick:y})]})]})};module.exports=b;
+"use strict";const e=require("react/jsx-runtime"),j=require("../../../node_modules/react-icons/hi2/index.cjs"),c=require("../../../node_modules/react-icons/hi/index.cjs"),m=require("../../../node_modules/react-icons/fi/index.cjs"),q=require("../../../_virtual/index5.cjs"),I=require("../../Input/Input.cjs"),d=require("../../Button/UtilityButton.cjs"),f=require("../../Typography/Typography.cjs"),k=require("../../Select/Select.cjs"),S=require("../../Button/IconButton.cjs"),b=({sortOptions:s,searchByPlaceholder:p="",searchField:x="address",isSortedAscending:n=!0,onChange:t})=>{const a=i=>{const v={event:"inputChange",payload:{value:i.target.value,field:x}};q(()=>{t==null||t(v)},200)()},r=i=>{const u={event:"primaryChange",payload:{value:i}};t==null||t(u)},l=()=>{const i={event:"filterClick",payload:{}};t==null||t(i)},o=()=>{const i={event:"settingsClick",payload:{}};t==null||t(i)},y=()=>{const i={event:"orderClick",payload:{value:n?"desc":"asc"}};t==null||t(i)};return e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",minWidth:800},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx(I,{size:"normal",placeholder:p,prefix:e.jsx(c.HiSearch,{}),style:{padding:"5px 8px"},onChange:a}),l&&e.jsx(d,{isIconButton:!0,icon:e.jsx(j.HiMiniAdjustmentsVertical,{}),onClick:l}),o&&e.jsx(d,{isIconButton:!0,icon:e.jsx(m.FiSettings,{}),onClick:o})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[e.jsx(f,{variant:"body3",color:"#6C6C6C",children:"Sort by"}),s&&r?e.jsx(k,{options:s,defaultValue:s[0].value,variant:"simple",onChange:r}):null,e.jsx(S,{icon:n?e.jsx(c.HiOutlineSortDescending,{}):e.jsx(c.HiOutlineSortAscending,{}),onClick:y})]})]})};module.exports=b;

package/dist/components/Table/TableControls/PrimaryTableControlsRow.js

@@ -2,7 +2,7 @@ import { jsxs as r, jsx as i } from "react/jsx-runtime";
 import { HiMiniAdjustmentsVertical as v } from "../../../node_modules/react-icons/hi2/index.js";
 import { HiSearch as I, HiOutlineSortDescending as k, HiOutlineSortAscending as x } from "../../../node_modules/react-icons/hi/index.js";
 import { FiSettings as b } from "../../../node_modules/react-icons/fi/index.js";
-import S from "../../../_virtual/index6.js";
+import S from "../../../_virtual/index5.js";
 import A from "../../Input/Input.js";
 import d from "../../Button/UtilityButton.js";
 import E from "../../Typography/Typography.js";

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/dist/node_modules/antd/es/typography/hooks/useCopyClick.cjs

@@ -1 +1 @@
-"use strict";const v=require("react"),m=require("../../../../../_virtual/index5.cjs"),x=require("../../../../rc-util/es/hooks/useEvent.cjs"),C=require("../../_util/toList.cjs");function _(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,c.get?c:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const d=_(v);var h=function(o,t,e,c){function s(u){return u instanceof e?u:new e(function(r){r(u)})}return new(e||(e=Promise))(function(u,r){function f(i){try{a(c.next(i))}catch(n){r(n)}}function l(i){try{a(c.throw(i))}catch(n){r(n)}}function a(i){i.done?u(i.value):s(i.value).then(f,l)}a((c=c.apply(o,t||[])).next())})};const w=o=>{let{copyConfig:t,children:e}=o;const[c,s]=d.useState(!1),[u,r]=d.useState(!1),f=d.useRef(null),l=()=>{f.current&&clearTimeout(f.current)},a={};t.format&&(a.format=t.format),d.useEffect(()=>l,[]);const i=x(n=>h(void 0,void 0,void 0,function*(){var p;n==null||n.preventDefault(),n==null||n.stopPropagation(),r(!0);try{const y=typeof t.text=="function"?yield t.text():t.text;m(y||C(e,!0).join("")||"",a),r(!1),s(!0),l(),f.current=setTimeout(()=>{s(!1)},3e3),(p=t.onCopy)===null||p===void 0||p.call(t,n)}catch(y){throw r(!1),y}}));return{copied:c,copyLoading:u,onClick:i}};module.exports=w;
+"use strict";const v=require("react"),m=require("../../../../../_virtual/index6.cjs"),x=require("../../../../rc-util/es/hooks/useEvent.cjs"),C=require("../../_util/toList.cjs");function _(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,c.get?c:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const d=_(v);var h=function(o,t,e,c){function s(u){return u instanceof e?u:new e(function(r){r(u)})}return new(e||(e=Promise))(function(u,r){function f(i){try{a(c.next(i))}catch(n){r(n)}}function l(i){try{a(c.throw(i))}catch(n){r(n)}}function a(i){i.done?u(i.value):s(i.value).then(f,l)}a((c=c.apply(o,t||[])).next())})};const w=o=>{let{copyConfig:t,children:e}=o;const[c,s]=d.useState(!1),[u,r]=d.useState(!1),f=d.useRef(null),l=()=>{f.current&&clearTimeout(f.current)},a={};t.format&&(a.format=t.format),d.useEffect(()=>l,[]);const i=x(n=>h(void 0,void 0,void 0,function*(){var p;n==null||n.preventDefault(),n==null||n.stopPropagation(),r(!0);try{const y=typeof t.text=="function"?yield t.text():t.text;m(y||C(e,!0).join("")||"",a),r(!1),s(!0),l(),f.current=setTimeout(()=>{s(!1)},3e3),(p=t.onCopy)===null||p===void 0||p.call(t,n)}catch(y){throw r(!1),y}}));return{copied:c,copyLoading:u,onClick:i}};module.exports=w;

package/dist/node_modules/antd/es/typography/hooks/useCopyClick.js

@@ -1,5 +1,5 @@
 import * as d from "react";
-import m from "../../../../../_virtual/index5.js";
+import m from "../../../../../_virtual/index6.js";
 import v from "../../../../rc-util/es/hooks/useEvent.js";
 import C from "../../_util/toList.js";
 var h = function(l, o, c, f) {

package/package.json

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