@gobolt/genesis 0.2.3 → 0.2.5

package/dist/components/Row/RowLabelValue/styles.d.ts

@@ -1,5 +1,15 @@
+interface StyledRowLabelValueProps {
+    $isFullWidth?: boolean;
+}
 export declare const getGenesisRowLabelValueClass: ({ components }: {
     components: any;
 }, $isFullWidth?: boolean) => string;
-export declare const RowLabelValue: any;
-export declare const Skeleton: any;
+export declare const RowLabelValue: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledRowLabelValueProps>> & string;
+export declare const Skeleton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('antd').SkeletonProps, never>> & string & Omit<import('react').FC<import('antd').SkeletonProps> & {
+    Button: import('react').FC<import('antd/es/skeleton/Button').SkeletonButtonProps>;
+    Avatar: import('react').FC<import('antd/es/skeleton/Avatar').AvatarProps>;
+    Input: import('react').FC<import('antd/es/skeleton/Input').SkeletonInputProps>;
+    Image: import('react').FC<import('antd/es/skeleton/Image').SkeletonImageProps>;
+    Node: import('react').FC<import('antd/es/skeleton/Node').SkeletonNodeProps>;
+}, keyof import('react').Component<any, {}, any>>;
+export {};

package/dist/components/Row/RowLabelValue/styles.js

@@ -1,4 +1,4 @@
-import { styled as n } from "../../../utils/styled.js";
+import n from "styled-components";
 import r from "../../../node_modules/antd/es/skeleton/Skeleton.js";
 const a = (e) => `${e.row["ver-padding"]}px ${e.row["hor-padding"]}px`, o = ({ components: e }, t = !1) => `
   display: flex;

package/dist/components/Row/styles.cjs

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../utils/styled.cjs"),d=e=>`1px solid ${e.surface["border-light"]}`,n=({colors:e,borderRadius:o,sizing:s},t=!1,l=!1,r=null)=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),d=e=>`1px solid ${e.surface["border-light"]}`,s=({colors:e,borderRadius:o,sizing:n},t=!1,r=!1,l=null)=>`
   display: flex;
   flex-direction: column;
   width: 100%;
   border-bottom: ${t?d(e):"none"};
-  padding-bottom:${r?"24px":"0"};
-  align-items: ${l?"flex-start !important":"center"};
-`,u=i.styled.div`
-  ${({theme:e,$hasBorder:o,$isFullWidth:s,actions:t})=>n(e,o,s,t)}
-`;exports.Column=u;exports.getGenesisColumnClass=n;
+  padding-bottom:${l?"24px":"0"};
+  align-items: ${r?"flex-start !important":"center"};
+`,u=i.div`
+  ${({theme:e,$hasBorder:o,$isFullWidth:n,actions:t})=>s(e,o,n,t)}
+`;exports.Column=u;exports.getGenesisColumnClass=s;

package/dist/components/Row/styles.d.ts

@@ -1,6 +1,14 @@
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+interface StyledColumnProps {
+    theme?: GenesisTheme;
+    $hasBorder?: boolean;
+    $isFullWidth?: boolean;
+    actions?: unknown;
+}
 export declare const getGenesisColumnClass: ({ colors, borderRadius, sizing }: {
     colors: any;
     borderRadius: any;
     sizing: any;
 }, $hasBorder?: boolean, $isFullWidth?: boolean, actions?: any) => string;
-export declare const Column: any;
+export declare const Column: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledColumnProps>> & string;
+export {};

package/dist/components/Row/styles.js

@@ -1,4 +1,4 @@
-import { styled as i } from "../../utils/styled.js";
+import i from "styled-components";
 const l = (e) => `1px solid ${e.surface["border-light"]}`, d = ({ colors: e, borderRadius: o, sizing: r }, t = !1, n = !1, s = null) => `
   display: flex;
   flex-direction: column;

package/dist/components/SegmentedControls/styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../utils/styled.cjs"),a=require("../../node_modules/antd/es/segmented/index.cjs"),n=({colors:e,borderRadius:r,sizing:s},t="primary",o="active")=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),a=require("../../node_modules/antd/es/segmented/index.cjs"),s=({colors:e,borderRadius:r,sizing:n},t="primary",o="active")=>`
   &.ant-segmented {
     border-radius: ${r.BorderRadiusMd};
     color: ${e.onsurface.copy};
@@ -17,6 +17,6 @@
       }
     }
   }
-`,d=i.styled(a)`
-  ${({theme:e,type:r="primary",state:s="active"})=>n(e,r,s)}
-`;exports.SegmentedControls=d;exports.getGenesisClass=n;
+`,d=i(a)`
+  ${({theme:e,type:r="primary",state:n="active"})=>s(e,r,n)}
+`;exports.SegmentedControls=d;exports.getGenesisClass=s;

package/dist/components/SegmentedControls/styles.d.ts

@@ -1,3 +1,11 @@
 import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+interface StyledSegmentedControlsProps {
+    theme?: GenesisTheme;
+    type?: "primary" | "secondary";
+    state?: "active" | "disabled";
+}
 export declare const getGenesisClass: ({ colors, borderRadius, sizing }: GenesisTheme, type?: string, state?: string) => string;
-export declare const SegmentedControls: any;
+export declare const SegmentedControls: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').SegmentedProps<unknown> & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLDivElement>;
+}, StyledSegmentedControlsProps>> & string & Omit<(<ValueType>(props: import('antd').SegmentedProps<ValueType> & React.RefAttributes<HTMLDivElement>) => ReturnType<import('react').ForwardRefExoticComponent<Omit<import('antd').SegmentedProps<import('rc-segmented').SegmentedValue>, "ref"> & import('react').RefAttributes<HTMLDivElement>>>) & Pick<import('react').FC<{}>, "displayName">, keyof import('react').Component<any, {}, any>>;
+export {};

package/dist/components/SegmentedControls/styles.js

@@ -1,4 +1,4 @@
-import { styled as a } from "../../utils/styled.js";
+import a from "styled-components";
 import i from "../../node_modules/antd/es/segmented/index.js";
 const s = ({ colors: e, borderRadius: r, sizing: o }, t = "primary", n = "active") => `
   &.ant-segmented {

package/dist/components/Select/styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../utils/styled.cjs"),d=require("../../node_modules/antd/es/select/index.cjs"),c=a.styled.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),d=require("../../node_modules/antd/es/select/index.cjs"),c=a.div`
   position: relative;
   border: 2px solid transparent;
   background-color: transparent;
@@ -82,7 +82,7 @@
         }
       }
     }
-  `,m=a.styled.div`
+  `,m=a.div`
   .ant-select-item-option {
     transition: ${({theme:e,type:o})=>l(e)};
     border-radius: 0px;
@@ -105,7 +105,7 @@
       }
     }
   }
-`,b=a.styled.div`
+`,b=a.div`
   .ant-select-dropdown {
     animation-duration: ${({theme:e})=>`${e.motion.veryfast}s`} !important;
     transition: all ${({theme:e})=>`${e.motion.veryfast}s`}
@@ -124,6 +124,6 @@
   &.ant-slide-up-leave {
     animation-duration: ${({theme:e})=>`${e.motion.veryfast}s`} !important;
   }
-`,$=a.styled(d)`
+`,$=a(d)`
   ${({theme:e,type:o="primary",state:t="active",$variant:r="none"})=>u(e,o,t,r)}
 `;exports.Select=$;exports.SelectDropdown=b;exports.SelectWrapper=c;exports.StyledMenuItem=m;

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

@@ -1,13 +1,30 @@
 import { Select as AntSelect, SelectProps } from 'antd';
 import { BaseSelectRef } from 'rc-select';
 import { StyledComponent } from '../../utils/styled';
-import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+import { GenesisTheme, Breakpoint } from '../../styles/theme/genesis-theme.types';
+import { TYPE } from '../../constants';
 interface StyledSelectProps extends SelectProps {
     theme?: GenesisTheme;
 }
-export declare const SelectWrapper: any;
-export declare const StyledMenuItem: any;
-export declare const SelectDropdown: any;
+interface SelectWrapperProps {
+    theme?: GenesisTheme;
+    $isFocused: boolean;
+    type: keyof typeof TYPE;
+    variant?: "simple" | "none";
+}
+export declare const SelectWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectWrapperProps>> & string;
+interface SelectMenuItemProps {
+    theme: GenesisTheme;
+    type?: keyof typeof TYPE;
+    state?: keyof Breakpoint;
+}
+export declare const StyledMenuItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectMenuItemProps>> & string;
+interface SelectDropdownProps {
+    theme: GenesisTheme;
+    type?: keyof typeof TYPE;
+    state?: keyof Breakpoint;
+}
+export declare const SelectDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectDropdownProps>> & string;
 type StyledSelectComponent = StyledComponent<typeof AntSelect, any, StyledSelectProps & {
     ref?: React.Ref<BaseSelectRef>;
 }, never>;

package/dist/components/Select/styles.js

@@ -1,4 +1,4 @@
-import { styled as a } from "../../utils/styled.js";
+import a from "styled-components";
 import d from "../../node_modules/antd/es/select/index.js";
 const b = a.div`
   position: relative;

package/dist/components/Switch/styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/styled.cjs"),u=require("../../node_modules/antd/es/switch/index.cjs"),n=({colors:e,borderRadius:c})=>`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("styled-components"),t=require("../../node_modules/antd/es/switch/index.cjs"),n=({colors:e,borderRadius:c})=>`
   &.ant-switch {
     background-color: ${e.primary.active};
     border-radius: ${c==null?void 0:c.BorderRadiusMd};
@@ -53,6 +53,6 @@
       }
     }
   }
-`,s=t.styled(u)`
+`,s=u(t)`
   ${({theme:e})=>n(e)}
 `;exports.Switch=s;exports.default=s;

package/dist/components/Switch/styles.d.ts

@@ -1,2 +1,8 @@
-export declare const Switch: any;
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+interface StyledSwitchProps extends React.HTMLAttributes<HTMLButtonElement> {
+    theme?: GenesisTheme;
+}
+export declare const Switch: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').SwitchProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLButtonElement>;
+}, StyledSwitchProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').SwitchProps & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
 export default Switch;

package/dist/components/Switch/styles.js

@@ -1,4 +1,4 @@
-import { styled as s } from "../../utils/styled.js";
+import s from "styled-components";
 import t from "../../node_modules/antd/es/switch/index.js";
 const u = ({ colors: e, borderRadius: c }) => `
   &.ant-switch {

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/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;
+"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;

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/index5.js";
+import S from "../../../_virtual/index6.js";
 import A from "../../Input/Input.js";
 import d from "../../Button/UtilityButton.js";
 import E from "../../Typography/Typography.js";

package/dist/components/Table/TableControls/styles.d.ts

@@ -1,6 +1,13 @@
+import { GenesisTheme } from '../../../styles/theme/genesis-theme.types';
+interface StyledTableControlsProps {
+    theme?: GenesisTheme;
+    type?: "primary" | "secondary";
+    state?: "active" | "disabled";
+}
 export declare const getGenesisClass: ({ colors, borderRadius, sizing }: {
     colors: any;
     borderRadius: any;
     sizing: any;
 }, type?: string, state?: string) => string;
-export declare const StyledTableControls: any;
+export declare const StyledTableControls: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTableControlsProps>> & string;
+export {};

package/dist/components/Table/styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../utils/styled.cjs"),r=require("../../node_modules/antd/es/table/Table.cjs"),t=({colors:e,borderRadius:l,sizing:a})=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("styled-components"),r=require("../../node_modules/antd/es/table/Table.cjs"),t=({colors:e,borderRadius:a,sizing:l})=>`
   &.ant-table-wrapper {
     // Add your custom styles here
   }
@@ -20,6 +20,6 @@
     font-family: 'Inter', sans-serif;
     font-size: 14px;
   }
-`,o=s.styled(r)`
+`,o=s(r)`
   ${({theme:e})=>t(e)}
 `;exports.Table=o;exports.getGenesisClass=t;

package/dist/components/Table/styles.js

@@ -1,4 +1,4 @@
-import { styled as e } from "../../utils/styled.js";
+import e from "styled-components";
 import r from "../../node_modules/antd/es/table/Table.js";
 const s = ({ colors: t, borderRadius: o, sizing: a }) => `
   &.ant-table-wrapper {

package/dist/components/Tabs/styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../utils/styled.cjs"),i=require("../../node_modules/antd/es/tabs/index.cjs"),r=({colors:t,borderRadius:e,sizing:a},s="primary",b="active")=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),i=require("../../node_modules/antd/es/tabs/index.cjs"),r=({colors:t,borderRadius:e,sizing:a},s="primary",b="active")=>`
   &.ant-tabs {
     background: #F4F4F4;
 
@@ -91,6 +91,6 @@
       }
     }
   }
-`,o=n.styled(i)`
+`,o=n(i)`
   ${({theme:t,type:e,state:a})=>r(t,e,a)}
 `;exports.Tabs=o;exports.getGenesisClass=r;

package/dist/components/Tabs/styles.d.ts

@@ -1,3 +1,11 @@
 import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+interface StyledTabsProps {
+    theme?: GenesisTheme;
+    state: "active" | "hovered" | "focussed" | "disabled";
+    type: "card";
+}
 export declare const getGenesisClass: ({ colors, borderRadius, sizing }: GenesisTheme, type?: string, state?: string) => string;
-export declare const Tabs: any;
+export declare const Tabs: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('antd').TabsProps, StyledTabsProps>> & string & Omit<import('react').FC<import('antd').TabsProps> & {
+    TabPane: import('react').FC<import('antd').TabPaneProps>;
+}, keyof import('react').Component<any, {}, any>>;
+export {};

package/dist/components/Tabs/styles.js

@@ -1,4 +1,4 @@
-import { styled as r } from "../../utils/styled.js";
+import r from "styled-components";
 import n from "../../node_modules/antd/es/tabs/index.js";
 const i = ({ colors: t, borderRadius: e, sizing: a }, o = "primary", b = "active") => `
   &.ant-tabs {

package/dist/components/Tile/styles.cjs

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../utils/styled.cjs"),t=({sizing:e},s=!1)=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),i=({sizing:e},s=!1)=>`
     display: flex;
     flex-direction: ${s?"row":"column"};
     padding: ${e.Size4};
- `,l=i.styled.div`
-  ${({theme:e,$isHorizontal:s})=>t(e,s)}
-`;exports.Tile=l;exports.getGenesisClass=t;
+ `,l=t.div`
+  ${({theme:e,$isHorizontal:s})=>i(e,s)}
+`;exports.Tile=l;exports.getGenesisClass=i;

package/dist/components/Tile/styles.d.ts

@@ -1,4 +1,10 @@
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+interface StyledTileProps {
+    theme?: GenesisTheme;
+    $isHorizontal?: boolean;
+}
 export declare const getGenesisClass: ({ sizing }: {
     sizing: any;
 }, $isHorizontal?: boolean) => string;
-export declare const Tile: any;
+export declare const Tile: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTileProps>> & string;
+export {};

package/dist/components/Tile/styles.js

@@ -1,4 +1,4 @@
-import { styled as s } from "../../utils/styled.js";
+import s from "styled-components";
 const l = ({ sizing: e }, i = !1) => `
     display: flex;
     flex-direction: ${i ? "row" : "column"};

package/dist/components/Toast/styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../utils/styled.cjs"),i=require("../../constants/index.cjs"),n=s.styled.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),n=require("../../constants/index.cjs"),a=i.div`
   display: flex;
   align-items: center;
   gap: ${({theme:e})=>e.sizing.Size4}px;
@@ -12,13 +12,13 @@
   width: ${({theme:e,state:t,size:o})=>o==="standard"?"340px":"240px"};
   background-color: ${({theme:e,state:t})=>e.colors.surface.default};
   box-shadow: 0px 4px 16px 0px #00000026;
-`,a=s.styled.button`
+`,s=i.button`
   text-decoration: underline;
   border: none;
   background: none;
   cursor: pointer;
   pointer-events: all;
-`,r=s.styled.div`
+`,r=i.div`
   display: flex;
   align-items: center;
   gap: ${({theme:e})=>e.sizing.Size2}px;
@@ -33,6 +33,6 @@
     text-overflow: ellipsis;
     font-size: 16px;
     font-family: ${({theme:e})=>e.typography.fontFamily};
-    line-height: ${({theme:e,size:t})=>t===i.SIZE.standard?e.typography.lineHeight:"16px"};
+    line-height: ${({theme:e,size:t})=>t===n.SIZE.standard?e.typography.lineHeight:"16px"};
   }
-`;exports.ToastCloseButton=a;exports.ToastContent=r;exports.ToastRow=n;
+`;exports.ToastCloseButton=s;exports.ToastContent=r;exports.ToastRow=a;

package/dist/components/Toast/styles.d.ts

@@ -1,3 +1,9 @@
-export declare const ToastRow: any;
-export declare const ToastCloseButton: any;
-export declare const ToastContent: any;
+export declare const ToastRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    state: string;
+    size: string;
+}>> & string;
+export declare const ToastCloseButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const ToastContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    state: string;
+    size: string;
+}>> & string;

package/dist/components/Toast/styles.js

@@ -1,4 +1,4 @@
-import { styled as i } from "../../utils/styled.js";
+import i from "styled-components";
 import { SIZE as r } from "../../constants/index.js";
 const s = i.div`
   display: flex;

package/dist/components/Tooltip/styles.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../utils/styled.cjs"),r=require("../../node_modules/antd/es/tooltip/index.cjs"),i=({colors:e,borderRadius:t,sizing:s},l="primary",a="active")=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),r=require("../../node_modules/antd/es/tooltip/index.cjs"),i=({colors:e,borderRadius:t,sizing:s},l="primary",a="active")=>`
   
- `,n=o.styled(r)`
+ `,n=o(r)`
   ${({theme:e,type:t,state:s})=>i(e,t,s)}
 `;exports.Tooltip=n;exports.getGenesisClass=i;

package/dist/components/Tooltip/styles.d.ts

@@ -1,6 +1,19 @@
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+interface StyledTooltipProps {
+    theme?: GenesisTheme;
+    type?: "primary" | "secondary";
+    state?: "active" | "disabled";
+}
 export declare const getGenesisClass: ({ colors, borderRadius, sizing }: {
     colors: any;
     borderRadius: any;
     sizing: any;
 }, type?: string, state?: string) => string;
-export declare const Tooltip: any;
+export declare const Tooltip: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<(Omit<import('antd/es/tooltip').TooltipPropsWithTitle & import('react').RefAttributes<import('antd/es/tooltip').TooltipRef>, "ref"> & {
+    ref?: import('react').Ref<import('antd/es/tooltip').TooltipRef>;
+}) | (Omit<import('antd/es/tooltip').TooltipPropsWithOverlay & import('react').RefAttributes<import('antd/es/tooltip').TooltipRef>, "ref"> & {
+    ref?: import('react').Ref<import('antd/es/tooltip').TooltipRef>;
+}), StyledTooltipProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').TooltipProps & import('react').RefAttributes<import('antd/es/tooltip').TooltipRef>> & {
+    _InternalPanelDoNotUseOrYouWillBeFired: import('react').FC<import('antd/es/tooltip/PurePanel').PurePanelProps>;
+}, keyof import('react').Component<any, {}, any>>;
+export {};

package/dist/components/Tooltip/styles.js

@@ -1,4 +1,4 @@
-import { styled as s } from "../../utils/styled.js";
+import s from "styled-components";
 import e from "../../node_modules/antd/es/tooltip/index.js";
 const i = ({ colors: o, borderRadius: t, sizing: r }, p = "primary", a = "active") => `
   

package/dist/components/Typography/styles.cjs

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../utils/styled.cjs"),a=require("../../node_modules/antd/es/typography/index.cjs"),u=(t,e,n)=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),l=require("../../node_modules/antd/es/typography/index.cjs"),g=(t,e,n)=>`
         font-size: ${t[n][e].fontSize}px !important;
         line-height: ${t[n][e].lineHeight};
         letter-spacing: ${t[n][e].letterSpacing}px;
         font-weight: ${t[n][e].fontWeight};
-      `,g=(t,e,n)=>t||e[n].active.color,$=t=>`
+      `,d=(t,e,n)=>t||e[n].active.color,$=t=>`
     ${t.includes("digits")?"'Roboto Mono', sans-serif":"'Inter', sans-serif"} !important;
-  `,c=({colors:t,typography:e},n,r,i,o,s,d)=>`
+  `,c=({colors:t,typography:e},n,r,s,o,i,u)=>`
     &.ant-typography {
       font-family: ${$(r)};
-      color: ${g(s,t,n)} !important;
-      ${u(e,r,o)}
+      color: ${d(i,t,n)} !important;
+      ${g(e,r,o)}
       margin-bottom: 0 !important;
-      width: ${d?"100%":"auto"};
+      width: ${u?"100%":"auto"};
       line-height: 1;
 
       &:disabled {
@@ -20,10 +20,10 @@
         cursor: not-allowed;
       }
     } 
-`,f=l.styled(a.Title)`
-  ${({theme:t,$themeType:e,variant:n,state:r,breakpoint:i,color:o,$isFullWidth:s})=>c(t,e,n,r,i,o,s)}
-`,h=l.styled(a.Paragraph)`
-  ${({theme:t,$themeType:e,variant:n,state:r,breakpoint:i,color:o,$isFullWidth:s})=>c(t,e,n,r,i,o,s)}
-`,m=l.styled(a.Text)`
-  ${({theme:t,$themeType:e,variant:n,state:r,breakpoint:i,color:o,$isFullWidth:s})=>c(t,e,n,r,i,o,s)}
+`,f=a(l.Title)`
+  ${({theme:t,$themeType:e,variant:n,state:r,breakpoint:s,color:o,$isFullWidth:i})=>c(t,e,n,r,s,o,i)}
+`,h=a(l.Paragraph)`
+  ${({theme:t,$themeType:e,variant:n,state:r,breakpoint:s,color:o,$isFullWidth:i})=>c(t,e,n,r,s,o,i)}
+`,m=a(l.Text)`
+  ${({theme:t,$themeType:e,variant:n,state:r,breakpoint:s,color:o,$isFullWidth:i})=>c(t,e,n,r,s,o,i)}
 `;exports.Headline=f;exports.Paragraph=h;exports.Text=m;

package/dist/components/Typography/styles.d.ts

@@ -1,3 +1,21 @@
-export declare const Headline: any;
-export declare const Paragraph: any;
-export declare const Text: any;
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+import { TYPE, STATE } from '../../constants';
+interface TypographyStyledProps {
+    theme: GenesisTheme;
+    $themeType?: keyof typeof TYPE;
+    variant?: string;
+    state?: keyof typeof STATE;
+    breakpoint?: string;
+    color?: string;
+    $isFullWidth?: boolean;
+}
+export declare const Headline: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd/es/typography/Title').TitleProps & import('react').RefAttributes<HTMLElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLElement>;
+}, TypographyStyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd/es/typography/Title').TitleProps & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const Paragraph: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd/es/typography/Paragraph').ParagraphProps & import('react').RefAttributes<HTMLElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLElement>;
+}, TypographyStyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd/es/typography/Paragraph').ParagraphProps & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const Text: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd/es/typography/Text').TextProps & import('react').RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLSpanElement>;
+}, TypographyStyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd/es/typography/Text').TextProps & import('react').RefAttributes<HTMLSpanElement>>, keyof import('react').Component<any, {}, any>>;
+export {};

package/dist/components/Typography/styles.js

@@ -1,4 +1,4 @@
-import { styled as a } from "../../utils/styled.js";
+import a from "styled-components";
 import l from "../../node_modules/antd/es/typography/index.js";
 const m = (t, e, n) => `
         font-size: ${t[n][e].fontSize}px !important;

package/dist/genesis/styles.d.ts

@@ -1,2 +1,11 @@
-export declare const Card: any;
-export declare const Headline: any;
+import { DefaultTheme } from 'styled-components';
+interface StyledProps {
+    theme: DefaultTheme;
+}
+export declare const Card: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').CardProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLDivElement>;
+}, StyledProps>> & string & Omit<import('antd/es/card').CardInterface, keyof import('react').Component<any, {}, any>>;
+export declare const Headline: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd/es/typography/Title').TitleProps & import('react').RefAttributes<HTMLElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLElement>;
+}, StyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd/es/typography/Title').TitleProps & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
+export {};

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

@@ -1 +1 @@
-"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;
+"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;

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

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

package/dist/styles/global-styles.d.ts

@@ -1 +1 @@
-export declare const GlobalStyles: any;
+export declare const GlobalStyles: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & object>;

package/dist/utils/styled.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("styled-components");function i(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(l,o,r.get?r:{enumerable:!0,get:()=>t[o]})}}return l.default=t,Object.freeze(l)}const n=i(s),a=typeof navigator<"u"&&navigator.product==="ReactNative";let e;if(a)try{e=require("styled-components/native")}catch{console.warn("Failed to load styled-components/native, falling back to web"),e=n}else e=n;const c=e.default,u=e.ThemeProvider,d=e.useTheme;e.css;const f=a?()=>null:n.createGlobalStyle;exports.ThemeProvider=u;exports.createGlobalStyle=f;exports.default=c;exports.styled=c;exports.useTheme=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),t=e.createGlobalStyle,l=e.ThemeProvider,r=e.useTheme;exports.default=e;exports.ThemeProvider=l;exports.createGlobalStyle=t;exports.useTheme=r;

package/dist/utils/styled.d.ts

@@ -1,7 +1,6 @@
-import * as styledComponents from "styled-components";
-export declare const styled: any;
-export declare const ThemeProvider: any;
-export declare const useTheme: any;
-export declare const css: any;
-export declare const createGlobalStyle: (() => any) | typeof styledComponents.createGlobalStyle;
+import { default as styled, createGlobalStyle as styledCreateGlobalStyle, ThemeProvider as styledThemeProvider, useTheme as styledUseTheme, css as styledCss } from 'styled-components';
+export declare const createGlobalStyle: typeof styledCreateGlobalStyle;
+export declare const ThemeProvider: typeof styledThemeProvider;
+export declare const useTheme: typeof styledUseTheme;
+export declare const css: typeof styledCss;
 export default styled;