@atom-learning/components 6.0.0-beta.12 → 6.0.0-beta.14

package/dist/components/flex/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sources":["../../../src/components/flex/Flex.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const Flex = styled('div', {\n  base: ['flex'],\n  variants: {\n    direction: {\n      row: ['flex-row'],\n      'row-reverse': ['flex-row-reverse'],\n      column: ['flex-col'],\n      'column-reverse': ['flex-col-reverse'],\n      inherit: ['direction-[inherit]'],\n      initial: ['direction-[initial]'],\n      revert: ['direction-[revert]'],\n      'revert-layer': ['direction-[revert-layer]'],\n      unset: ['direction-[unset]']\n    },\n    wrap: {\n      nowrap: ['flex-no-wrap'],\n      wrap: ['flex-wrap'],\n      'wrap-reverse': ['flex-wrap-reverse'],\n      inherit: ['[flex-wrap:inherit]'],\n      initial: ['[flex-wrap:initial]'],\n      revert: ['[flex-wrap:revert]'],\n      'revert-layer': ['[flex-wrap:revert-layer]'],\n      unset: ['[flex-wrap:unset]']\n    },\n    justify: {\n      normal: ['justify-normal'],\n      unsafe: ['[justify-content:unsafe]'],\n      safe: ['[justify-content:safe]'],\n      start: ['justify-start'],\n      center: ['justify-center'],\n      end: ['justify-end'],\n      'flex-start': ['justify-start'],\n      'flex-end': ['justify-end'],\n      left: ['[justify-content:left]'],\n      right: ['[justify-content:right]'],\n      'space-between': ['justify-between'],\n      'space-around': ['justify-around'],\n      'space-evenly': ['justify-evenly'],\n      stretch: ['justify-stretch'],\n      inherit: ['[justify-content:inherit]'],\n      initial: ['[justify-content:initial]'],\n      revert: ['[justify-content:revert]'],\n      'revert-layer': ['[justify-content:revert-layer]'],\n      unset: ['[justify-content:unset]']\n    },\n    align: {\n      normal: ['[align-items:normal]'],\n      unsafe: ['[align-items:unsafe]'],\n      safe: ['[align-items:safe]'],\n      center: ['items-center'],\n      start: ['items-start'],\n      end: ['items-end'],\n      'self-start': ['[align-items:self-start]'],\n      'self-end': ['[align-items:self-end]'],\n      'flex-start': ['items-start'],\n      'flex-end': ['items-end'],\n      baseline: ['items-baseline'],\n      'first baseline': ['[align-items:first baseline]'],\n      'last baseline': ['[align-items:last baseline]'],\n      stretch: ['items-stretch'],\n      inherit: ['[align-items:inherit]'],\n      initial: ['[align-items:initial]'],\n      revert: ['[align-items:revert]'],\n      'revert-layer': ['[align-items:revert-layer]'],\n      unset: ['[align-items:unset]']\n    },\n    gap: {\n      0: ['gap-0.5'],\n      1: ['gap-1'],\n      2: ['gap-2'],\n      3: ['gap-3'],\n      4: ['gap-4'],\n      24: ['gap-6'],\n      5: ['gap-8'],\n      6: ['gap-10'],\n      7: ['gap-12'],\n      8: ['gap-16'],\n      9: ['gap-20']\n    }\n  }\n})\n\nFlex.displayName = 'Flex'\n"],"names":["Flex","styled"],"mappings":"yCAEO,MAAMA,EAAOC,EAAO,MAAO,CAChC,KAAM,CAAC,MAAM,EACb,SAAU,CACR,UAAW,CACT,IAAK,CAAC,UAAU,EAChB,cAAe,CAAC,kBAAkB,EAClC,OAAQ,CAAC,UAAU,EACnB,iBAAkB,CAAC,kBAAkB,EACrC,QAAS,CAAC,qBAAqB,EAC/B,QAAS,CAAC,qBAAqB,EAC/B,OAAQ,CAAC,oBAAoB,EAC7B,eAAgB,CAAC,0BAA0B,EAC3C,MAAO,CAAC,mBAAmB,CAC7B,EACA,KAAM,CACJ,OAAQ,CAAC,cAAc,EACvB,KAAM,CAAC,WAAW,EAClB,eAAgB,CAAC,mBAAmB,EACpC,QAAS,CAAC,qBAAqB,EAC/B,QAAS,CAAC,qBAAqB,EAC/B,OAAQ,CAAC,oBAAoB,EAC7B,eAAgB,CAAC,0BAA0B,EAC3C,MAAO,CAAC,mBAAmB,CAC7B,EACA,QAAS,CACP,OAAQ,CAAC,gBAAgB,EACzB,OAAQ,CAAC,0BAA0B,EACnC,KAAM,CAAC,wBAAwB,EAC/B,MAAO,CAAC,eAAe,EACvB,OAAQ,CAAC,gBAAgB,EACzB,IAAK,CAAC,aAAa,EACnB,aAAc,CAAC,eAAe,EAC9B,WAAY,CAAC,aAAa,EAC1B,KAAM,CAAC,wBAAwB,EAC/B,MAAO,CAAC,yBAAyB,EACjC,gBAAiB,CAAC,iBAAiB,EACnC,eAAgB,CAAC,gBAAgB,EACjC,eAAgB,CAAC,gBAAgB,EACjC,QAAS,CAAC,iBAAiB,EAC3B,QAAS,CAAC,2BAA2B,EACrC,QAAS,CAAC,2BAA2B,EACrC,OAAQ,CAAC,0BAA0B,EACnC,eAAgB,CAAC,gCAAgC,EACjD,MAAO,CAAC,yBAAyB,CACnC,EACA,MAAO,CACL,OAAQ,CAAC,sBAAsB,EAC/B,OAAQ,CAAC,sBAAsB,EAC/B,KAAM,CAAC,oBAAoB,EAC3B,OAAQ,CAAC,cAAc,EACvB,MAAO,CAAC,aAAa,EACrB,IAAK,CAAC,WAAW,EACjB,aAAc,CAAC,0BAA0B,EACzC,WAAY,CAAC,wBAAwB,EACrC,aAAc,CAAC,aAAa,EAC5B,WAAY,CAAC,WAAW,EACxB,SAAU,CAAC,gBAAgB,EAC3B,iBAAkB,CAAC,8BAA8B,EACjD,gBAAiB,CAAC,6BAA6B,EAC/C,QAAS,CAAC,eAAe,EACzB,QAAS,CAAC,uBAAuB,EACjC,QAAS,CAAC,uBAAuB,EACjC,OAAQ,CAAC,sBAAsB,EAC/B,eAAgB,CAAC,4BAA4B,EAC7C,MAAO,CAAC,qBAAqB,CAC/B,EACA,IAAK,CACH,EAAG,CAAC,SAAS,EACb,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,GAAI,CAAC,OAAO,EACZ,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,CACd,CACF,CACF,CAAC,EAEDD,EAAK,YAAc"}
+{"version":3,"file":"Flex.js","sources":["../../../src/components/flex/Flex.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const Flex = styled(\n  'div',\n  {\n    base: ['flex'],\n    variants: {\n      direction: {\n        row: ['flex-row'],\n        'row-reverse': ['flex-row-reverse'],\n        column: ['flex-col'],\n        'column-reverse': ['flex-col-reverse'],\n        inherit: ['direction-[inherit]'],\n        initial: ['direction-[initial]'],\n        revert: ['direction-[revert]'],\n        'revert-layer': ['direction-[revert-layer]'],\n        unset: ['direction-[unset]']\n      },\n      wrap: {\n        nowrap: ['flex-no-wrap'],\n        wrap: ['flex-wrap'],\n        'wrap-reverse': ['flex-wrap-reverse'],\n        inherit: ['[flex-wrap:inherit]'],\n        initial: ['[flex-wrap:initial]'],\n        revert: ['[flex-wrap:revert]'],\n        'revert-layer': ['[flex-wrap:revert-layer]'],\n        unset: ['[flex-wrap:unset]']\n      },\n      justify: {\n        normal: ['justify-normal'],\n        unsafe: ['[justify-content:unsafe]'],\n        safe: ['[justify-content:safe]'],\n        start: ['justify-start'],\n        center: ['justify-center'],\n        end: ['justify-end'],\n        'flex-start': ['justify-start'],\n        'flex-end': ['justify-end'],\n        left: ['[justify-content:left]'],\n        right: ['[justify-content:right]'],\n        'space-between': ['justify-between'],\n        'space-around': ['justify-around'],\n        'space-evenly': ['justify-evenly'],\n        stretch: ['justify-stretch'],\n        inherit: ['[justify-content:inherit]'],\n        initial: ['[justify-content:initial]'],\n        revert: ['[justify-content:revert]'],\n        'revert-layer': ['[justify-content:revert-layer]'],\n        unset: ['[justify-content:unset]']\n      },\n      align: {\n        normal: ['[align-items:normal]'],\n        unsafe: ['[align-items:unsafe]'],\n        safe: ['[align-items:safe]'],\n        center: ['items-center'],\n        start: ['items-start'],\n        end: ['items-end'],\n        'self-start': ['[align-items:self-start]'],\n        'self-end': ['[align-items:self-end]'],\n        'flex-start': ['items-start'],\n        'flex-end': ['items-end'],\n        baseline: ['items-baseline'],\n        'first baseline': ['[align-items:first baseline]'],\n        'last baseline': ['[align-items:last baseline]'],\n        stretch: ['items-stretch'],\n        inherit: ['[align-items:inherit]'],\n        initial: ['[align-items:initial]'],\n        revert: ['[align-items:revert]'],\n        'revert-layer': ['[align-items:revert-layer]'],\n        unset: ['[align-items:unset]']\n      },\n      gap: {\n        0: ['gap-0.5'],\n        1: ['gap-1'],\n        2: ['gap-2'],\n        3: ['gap-3'],\n        4: ['gap-4'],\n        24: ['gap-6'],\n        5: ['gap-8'],\n        6: ['gap-10'],\n        7: ['gap-12'],\n        8: ['gap-16'],\n        9: ['gap-20']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nFlex.displayName = 'Flex'\n"],"names":["Flex","styled"],"mappings":"yCAEO,MAAMA,EAAOC,EAClB,MACA,CACE,KAAM,CAAC,MAAM,EACb,SAAU,CACR,UAAW,CACT,IAAK,CAAC,UAAU,EAChB,cAAe,CAAC,kBAAkB,EAClC,OAAQ,CAAC,UAAU,EACnB,iBAAkB,CAAC,kBAAkB,EACrC,QAAS,CAAC,qBAAqB,EAC/B,QAAS,CAAC,qBAAqB,EAC/B,OAAQ,CAAC,oBAAoB,EAC7B,eAAgB,CAAC,0BAA0B,EAC3C,MAAO,CAAC,mBAAmB,CAC7B,EACA,KAAM,CACJ,OAAQ,CAAC,cAAc,EACvB,KAAM,CAAC,WAAW,EAClB,eAAgB,CAAC,mBAAmB,EACpC,QAAS,CAAC,qBAAqB,EAC/B,QAAS,CAAC,qBAAqB,EAC/B,OAAQ,CAAC,oBAAoB,EAC7B,eAAgB,CAAC,0BAA0B,EAC3C,MAAO,CAAC,mBAAmB,CAC7B,EACA,QAAS,CACP,OAAQ,CAAC,gBAAgB,EACzB,OAAQ,CAAC,0BAA0B,EACnC,KAAM,CAAC,wBAAwB,EAC/B,MAAO,CAAC,eAAe,EACvB,OAAQ,CAAC,gBAAgB,EACzB,IAAK,CAAC,aAAa,EACnB,aAAc,CAAC,eAAe,EAC9B,WAAY,CAAC,aAAa,EAC1B,KAAM,CAAC,wBAAwB,EAC/B,MAAO,CAAC,yBAAyB,EACjC,gBAAiB,CAAC,iBAAiB,EACnC,eAAgB,CAAC,gBAAgB,EACjC,eAAgB,CAAC,gBAAgB,EACjC,QAAS,CAAC,iBAAiB,EAC3B,QAAS,CAAC,2BAA2B,EACrC,QAAS,CAAC,2BAA2B,EACrC,OAAQ,CAAC,0BAA0B,EACnC,eAAgB,CAAC,gCAAgC,EACjD,MAAO,CAAC,yBAAyB,CACnC,EACA,MAAO,CACL,OAAQ,CAAC,sBAAsB,EAC/B,OAAQ,CAAC,sBAAsB,EAC/B,KAAM,CAAC,oBAAoB,EAC3B,OAAQ,CAAC,cAAc,EACvB,MAAO,CAAC,aAAa,EACrB,IAAK,CAAC,WAAW,EACjB,aAAc,CAAC,0BAA0B,EACzC,WAAY,CAAC,wBAAwB,EACrC,aAAc,CAAC,aAAa,EAC5B,WAAY,CAAC,WAAW,EACxB,SAAU,CAAC,gBAAgB,EAC3B,iBAAkB,CAAC,8BAA8B,EACjD,gBAAiB,CAAC,6BAA6B,EAC/C,QAAS,CAAC,eAAe,EACzB,QAAS,CAAC,uBAAuB,EACjC,QAAS,CAAC,uBAAuB,EACjC,OAAQ,CAAC,sBAAsB,EAC/B,eAAgB,CAAC,4BAA4B,EAC7C,MAAO,CAAC,qBAAqB,CAC/B,EACA,IAAK,CACH,EAAG,CAAC,SAAS,EACb,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,GAAI,CAAC,OAAO,EACZ,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,CACd,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAEAD,EAAK,YAAc"}

package/dist/components/grid/Grid.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
-declare const GridContainer: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare const GridContainer: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "gap"> & {
     gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}>;
 type GridProps = React.ComponentProps<typeof GridContainer> & {
     minItemSize?: string;
     maxItemSize?: string;

package/dist/components/grid/Grid.js

@@ -1,2 +1,2 @@
-import r from"clsx";import*as g from"react";import{styled as o}from"../../styled.js";const l=o("div",{base:["grid"],variants:{gap:{0:["gap-0.5"],1:["gap-1"],2:["gap-2"],3:["gap-3"],4:["gap-4"],24:["gap-6"],5:["gap-8"],6:["gap-10"],7:["gap-12"],8:["gap-16"],9:["gap-20"]}}}),m=({className:i,style:t,gap:p="2",minItemSize:a,maxItemSize:e="1fr",...s})=>g.createElement(l,{...s,style:{...t,...a&&{"--min-item-size":a},...e&&{"--max-item-size":e}},gap:p,className:r(a&&["grid-cols-[repeat(auto-fit,minmax(var(--min-item-size,0),var(--max-item-size,0)))]"],i)});m.displayName="Grid";export{m as Grid};
+import r from"clsx";import*as g from"react";import{styled as o}from"../../styled.js";const n=o("div",{base:["grid"],variants:{gap:{0:["gap-0.5"],1:["gap-1"],2:["gap-2"],3:["gap-3"],4:["gap-4"],24:["gap-6"],5:["gap-8"],6:["gap-10"],7:["gap-12"],8:["gap-16"],9:["gap-20"]}}},{enabledResponsiveVariants:!0}),i=({className:m,style:t,gap:p="2",minItemSize:a,maxItemSize:e="1fr",...s})=>g.createElement(n,{...s,style:{...t,...a&&{"--min-item-size":a},...e&&{"--max-item-size":e}},gap:p,className:r(a&&["grid-cols-[repeat(auto-fit,minmax(var(--min-item-size,0),var(--max-item-size,0)))]"],m)});i.displayName="Grid";export{i as Grid};
 //# sourceMappingURL=Grid.js.map

package/dist/components/grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../src/components/grid/Grid.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst GridContainer = styled('div', {\n  base: ['grid'],\n  variants: {\n    gap: {\n      0: ['gap-0.5'],\n      1: ['gap-1'],\n      2: ['gap-2'],\n      3: ['gap-3'],\n      4: ['gap-4'],\n      24: ['gap-6'],\n      5: ['gap-8'],\n      6: ['gap-10'],\n      7: ['gap-12'],\n      8: ['gap-16'],\n      9: ['gap-20']\n    }\n  }\n})\n\ntype GridProps = React.ComponentProps<typeof GridContainer> & {\n  minItemSize?: string\n  maxItemSize?: string\n}\n\nexport const Grid = ({\n  className,\n  style,\n  gap = '2',\n  minItemSize,\n  maxItemSize = '1fr',\n  ...remainingProps\n}: GridProps) => (\n  <GridContainer\n    {...remainingProps}\n    style={{\n      ...style,\n      ...(minItemSize && { '--min-item-size': minItemSize }),\n      ...(maxItemSize && { '--max-item-size': maxItemSize })\n    }}\n    gap={gap}\n    className={clsx(\n      minItemSize && [\n        'grid-cols-[repeat(auto-fit,minmax(var(--min-item-size,0),var(--max-item-size,0)))]'\n      ],\n      className\n    )}\n  />\n)\n\nGrid.displayName = 'Grid'\n"],"names":["GridContainer","styled","Grid","className","style","gap","minItemSize","maxItemSize","remainingProps","React","clsx"],"mappings":"qFAKA,MAAMA,EAAgBC,EAAO,MAAO,CAClC,KAAM,CAAC,MAAM,EACb,SAAU,CACR,IAAK,CACH,EAAG,CAAC,SAAS,EACb,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,GAAI,CAAC,OAAO,EACZ,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,CACd,CACF,CACF,CAAC,EAOYC,EAAO,CAAC,CACnB,UAAAC,EACA,MAAAC,EACA,IAAAC,EAAM,IACN,YAAAC,EACA,YAAAC,EAAc,MACd,GAAGC,CACL,IACEC,EAAA,cAACT,EAAA,CACE,GAAGQ,EACJ,MAAO,CACL,GAAGJ,EACH,GAAIE,GAAe,CAAE,kBAAmBA,CAAY,EACpD,GAAIC,GAAe,CAAE,kBAAmBA,CAAY,CACtD,EACA,IAAKF,EACL,UAAWK,EACTJ,GAAe,CACb,oFACF,EACAH,CACF,CAAA,CACF,EAGFD,EAAK,YAAc"}
+{"version":3,"file":"Grid.js","sources":["../../../src/components/grid/Grid.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst GridContainer = styled(\n  'div',\n  {\n    base: ['grid'],\n    variants: {\n      gap: {\n        0: ['gap-0.5'],\n        1: ['gap-1'],\n        2: ['gap-2'],\n        3: ['gap-3'],\n        4: ['gap-4'],\n        24: ['gap-6'],\n        5: ['gap-8'],\n        6: ['gap-10'],\n        7: ['gap-12'],\n        8: ['gap-16'],\n        9: ['gap-20']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype GridProps = React.ComponentProps<typeof GridContainer> & {\n  minItemSize?: string\n  maxItemSize?: string\n}\n\nexport const Grid = ({\n  className,\n  style,\n  gap = '2',\n  minItemSize,\n  maxItemSize = '1fr',\n  ...remainingProps\n}: GridProps) => (\n  <GridContainer\n    {...remainingProps}\n    style={{\n      ...style,\n      ...(minItemSize && { '--min-item-size': minItemSize }),\n      ...(maxItemSize && { '--max-item-size': maxItemSize })\n    }}\n    gap={gap}\n    className={clsx(\n      minItemSize && [\n        'grid-cols-[repeat(auto-fit,minmax(var(--min-item-size,0),var(--max-item-size,0)))]'\n      ],\n      className\n    )}\n  />\n)\n\nGrid.displayName = 'Grid'\n"],"names":["GridContainer","styled","Grid","className","style","gap","minItemSize","maxItemSize","remainingProps","React","clsx"],"mappings":"qFAKA,MAAMA,EAAgBC,EACpB,MACA,CACE,KAAM,CAAC,MAAM,EACb,SAAU,CACR,IAAK,CACH,EAAG,CAAC,SAAS,EACb,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,GAAI,CAAC,OAAO,EACZ,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,CACd,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAOaC,EAAO,CAAC,CACnB,UAAAC,EACA,MAAAC,EACA,IAAAC,EAAM,IACN,YAAAC,EACA,YAAAC,EAAc,MACd,GAAGC,CACL,IACEC,EAAA,cAACT,EAAA,CACE,GAAGQ,EACJ,MAAO,CACL,GAAGJ,EACH,GAAIE,GAAe,CAAE,kBAAmBA,CAAY,EACpD,GAAIC,GAAe,CAAE,kBAAmBA,CAAY,CACtD,EACA,IAAKF,EACL,UAAWK,EACTJ,GAAe,CACb,oFACF,EACAH,CACF,CACF,CAAA,EAGFD,EAAK,YAAc"}

package/dist/components/heading/Heading.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { Override } from '../../utilities';
-export declare const StyledHeading: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+export declare const StyledHeading: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
     ref?: ((instance: HTMLHeadingElement | null) => void) | React.RefObject<HTMLHeadingElement> | null | undefined;
 }, "size" | "weight" | "noCapsize"> & {
     size?: ("sm" | "md" | "lg" | "xs" | "xl" | "xxl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl" | "xxl">>) | undefined;
@@ -8,7 +8,7 @@ export declare const StyledHeading: React.ForwardRefExoticComponent<Omit<Omit<Om
     weight?: ("bold" | "medium" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "medium">>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+}>;
 export type HeadingProps = Override<React.ComponentProps<typeof StyledHeading>, {
     as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | React.ComponentType | React.ElementType;
 }>;

package/dist/components/heading/Heading.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{styled as n}from"../../styled.js";const a=n("h2",{base:["m-0"],variants:{size:{xs:["font-body","text-md","leading-normal","capsize-[0.3864]"],sm:["font-body","text-lg","leading-[1.14]","capsize-[0.2078]"],md:["font-display","text-xl","leading-[1.14]","tracking-[0.01em]","capsize-before-[0.2114]","capsize-after-[0.2634]"],lg:["font-display","text-2xl","leading-[1.08]","tracking-[0.01em]","capsize-before-[0.1405]","capsize-after-[0.2405]"],xl:["font-display","text-3xl","leading-[1.12]","capsize-before-[0.16]","capsize-after-[0.26]"],xxl:["font-display","text-4xl","leading-[1]","capsize-before-[0.1]","capsize-after-[0.2]"]},noCapsize:{true:["before:hidden!","after:hidden!"]},weight:{medium:["font-medium"],bold:["font-bold"]}}}),i=e.forwardRef(({size:t="md",weight:d="bold",...o},l)=>e.createElement(a,{ref:l,size:t,weight:d,...o}));i.displayName="Heading";export{i as Heading,a as StyledHeading};
+import*as e from"react";import{styled as s}from"../../styled.js";const a=s("h2",{base:["m-0"],variants:{size:{xs:["font-body","text-md","leading-normal","capsize-[0.3864]"],sm:["font-body","text-lg","leading-[1.14]","capsize-[0.2078]"],md:["font-display","text-xl","leading-[1.14]","tracking-[0.01em]","capsize-before-[0.2114]","capsize-after-[0.2634]"],lg:["font-display","text-2xl","leading-[1.08]","tracking-[0.01em]","capsize-before-[0.1405]","capsize-after-[0.2405]"],xl:["font-display","text-3xl","leading-[1.12]","capsize-before-[0.16]","capsize-after-[0.26]"],xxl:["font-display","text-4xl","leading-none","capsize-before-[0.1]","capsize-after-[0.2]"]},noCapsize:{true:["before:hidden!","after:hidden!"]},weight:{medium:["font-medium"],bold:["font-bold"]}}},{enabledResponsiveVariants:!0}),i=e.forwardRef(({size:t="md",weight:d="bold",...n},o)=>e.createElement(a,{ref:o,size:t,weight:d,...n}));i.displayName="Heading";export{i as Heading,a as StyledHeading};
 //# sourceMappingURL=Heading.js.map

package/dist/components/heading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sources":["../../../src/components/heading/Heading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport type { Override } from '~/utilities'\n\nexport const StyledHeading = styled('h2', {\n  base: ['m-0'],\n  variants: {\n    size: {\n      xs: ['font-body', 'text-md', 'leading-normal', 'capsize-[0.3864]'],\n      sm: ['font-body', 'text-lg', 'leading-[1.14]', 'capsize-[0.2078]'],\n      md: [\n        'font-display',\n        'text-xl',\n        'leading-[1.14]',\n        'tracking-[0.01em]',\n        'capsize-before-[0.2114]',\n        'capsize-after-[0.2634]'\n      ],\n      lg: [\n        'font-display',\n        'text-2xl',\n        'leading-[1.08]',\n        'tracking-[0.01em]',\n        'capsize-before-[0.1405]',\n        'capsize-after-[0.2405]'\n      ],\n      xl: [\n        'font-display',\n        'text-3xl',\n        'leading-[1.12]',\n        'capsize-before-[0.16]',\n        'capsize-after-[0.26]'\n      ],\n      xxl: [\n        'font-display',\n        'text-4xl',\n        'leading-[1]',\n        'capsize-before-[0.1]',\n        'capsize-after-[0.2]'\n      ]\n    },\n    noCapsize: {\n      true: ['before:hidden!', 'after:hidden!']\n    },\n    weight: {\n      medium: ['font-medium'],\n      bold: ['font-bold']\n    }\n  }\n})\n\nexport type HeadingProps = Override<\n  React.ComponentProps<typeof StyledHeading>,\n  {\n    as?:\n      | 'h1'\n      | 'h2'\n      | 'h3'\n      | 'h4'\n      | 'h5'\n      | 'h6'\n      | React.ComponentType\n      | React.ElementType\n  }\n>\n\nexport const Heading = React.forwardRef<HTMLHeadingElement, HeadingProps>(\n  ({ size = 'md', weight = 'bold', ...remainingProps }, ref) => (\n    <StyledHeading ref={ref} size={size} weight={weight} {...remainingProps} />\n  )\n)\n\nHeading.displayName = 'Heading'\n"],"names":["StyledHeading","styled","Heading","React","size","weight","remainingProps","ref"],"mappings":"iEAKO,MAAMA,EAAgBC,EAAO,KAAM,CACxC,KAAM,CAAC,KAAK,EACZ,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,YAAa,UAAW,iBAAkB,kBAAkB,EACjE,GAAI,CAAC,YAAa,UAAW,iBAAkB,kBAAkB,EACjE,GAAI,CACF,eACA,UACA,iBACA,oBACA,0BACA,wBACF,EACA,GAAI,CACF,eACA,WACA,iBACA,oBACA,0BACA,wBACF,EACA,GAAI,CACF,eACA,WACA,iBACA,wBACA,sBACF,EACA,IAAK,CACH,eACA,WACA,cACA,uBACA,qBACF,CACF,EACA,UAAW,CACT,KAAM,CAAC,iBAAkB,eAAe,CAC1C,EACA,OAAQ,CACN,OAAQ,CAAC,aAAa,EACtB,KAAM,CAAC,WAAW,CACpB,CACF,CACF,CAAC,EAiBYC,EAAUC,EAAM,WAC3B,CAAC,CAAE,KAAAC,EAAO,KAAM,OAAAC,EAAS,OAAQ,GAAGC,CAAe,EAAGC,IACpDJ,EAAA,cAACH,EAAc,CAAA,IAAKO,EAAK,KAAMH,EAAM,OAAQC,EAAS,GAAGC,CAAgB,CAAA,CAE7E,EAEAJ,EAAQ,YAAc"}
+{"version":3,"file":"Heading.js","sources":["../../../src/components/heading/Heading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport type { Override } from '~/utilities'\n\nexport const StyledHeading = styled(\n  'h2',\n  {\n    base: ['m-0'],\n    variants: {\n      size: {\n        xs: ['font-body', 'text-md', 'leading-normal', 'capsize-[0.3864]'],\n        sm: ['font-body', 'text-lg', 'leading-[1.14]', 'capsize-[0.2078]'],\n        md: [\n          'font-display',\n          'text-xl',\n          'leading-[1.14]',\n          'tracking-[0.01em]',\n          'capsize-before-[0.2114]',\n          'capsize-after-[0.2634]'\n        ],\n        lg: [\n          'font-display',\n          'text-2xl',\n          'leading-[1.08]',\n          'tracking-[0.01em]',\n          'capsize-before-[0.1405]',\n          'capsize-after-[0.2405]'\n        ],\n        xl: [\n          'font-display',\n          'text-3xl',\n          'leading-[1.12]',\n          'capsize-before-[0.16]',\n          'capsize-after-[0.26]'\n        ],\n        xxl: [\n          'font-display',\n          'text-4xl',\n          'leading-none',\n          'capsize-before-[0.1]',\n          'capsize-after-[0.2]'\n        ]\n      },\n      noCapsize: {\n        true: ['before:hidden!', 'after:hidden!']\n      },\n      weight: {\n        medium: ['font-medium'],\n        bold: ['font-bold']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nexport type HeadingProps = Override<\n  React.ComponentProps<typeof StyledHeading>,\n  {\n    as?:\n      | 'h1'\n      | 'h2'\n      | 'h3'\n      | 'h4'\n      | 'h5'\n      | 'h6'\n      | React.ComponentType\n      | React.ElementType\n  }\n>\n\nexport const Heading = React.forwardRef<HTMLHeadingElement, HeadingProps>(\n  ({ size = 'md', weight = 'bold', ...remainingProps }, ref) => (\n    <StyledHeading ref={ref} size={size} weight={weight} {...remainingProps} />\n  )\n)\n\nHeading.displayName = 'Heading'\n"],"names":["StyledHeading","styled","Heading","React","size","weight","remainingProps","ref"],"mappings":"iEAKO,MAAMA,EAAgBC,EAC3B,KACA,CACE,KAAM,CAAC,KAAK,EACZ,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,YAAa,UAAW,iBAAkB,kBAAkB,EACjE,GAAI,CAAC,YAAa,UAAW,iBAAkB,kBAAkB,EACjE,GAAI,CACF,eACA,UACA,iBACA,oBACA,0BACA,wBACF,EACA,GAAI,CACF,eACA,WACA,iBACA,oBACA,0BACA,wBACF,EACA,GAAI,CACF,eACA,WACA,iBACA,wBACA,sBACF,EACA,IAAK,CACH,eACA,WACA,eACA,uBACA,qBACF,CACF,EACA,UAAW,CACT,KAAM,CAAC,iBAAkB,eAAe,CAC1C,EACA,OAAQ,CACN,OAAQ,CAAC,aAAa,EACtB,KAAM,CAAC,WAAW,CACpB,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAiBaC,EAAUC,EAAM,WAC3B,CAAC,CAAE,KAAAC,EAAO,KAAM,OAAAC,EAAS,OAAQ,GAAGC,CAAe,EAAGC,IACpDJ,EAAA,cAACH,EAAc,CAAA,IAAKO,EAAK,KAAMH,EAAM,OAAQC,EAAS,GAAGC,CAAgB,CAAA,CAE7E,EAEAJ,EAAQ,YAAc"}

package/dist/components/icon/Icon.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { Override } from '../../utilities/types';
-export declare const StyledIcon: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
+export declare const StyledIcon: React.ForwardRefExoticComponent<Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
     ref?: ((instance: SVGSVGElement | null) => void) | React.RefObject<SVGSVGElement> | null | undefined;
 }, "size"> & {
     size?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<SVGSVGElement>>;
+}>;
 type IconProps = Override<React.ComponentProps<typeof StyledIcon>, {
     is: React.FC<React.SVGProps<SVGSVGElement>>;
     as?: never;

package/dist/components/icon/Icon.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{styled as t}from"../../styled.js";const r=t("svg",{base:["inline-block","fill-none","shrink-0","stroke-current","[stroke-linecap:round]","[stroke-linejoin:round]","align-middle"],variants:{size:{sm:["size-4","stroke-[1.5]"],md:["size-6","stroke-[1.75]"],lg:["size-8","stroke-2"]}}}),l=e.forwardRef(({is:s,size:i="md",...o},n)=>e.createElement(r,{size:i,"aria-hidden":"true",...o,as:s,ref:n}));export{l as Icon,r as StyledIcon};
+import*as e from"react";import{styled as t}from"../../styled.js";const s=t("svg",{base:["inline-block","fill-none","shrink-0","stroke-current","[stroke-linecap:round]","[stroke-linejoin:round]","align-middle"],variants:{size:{sm:["size-4","stroke-[1.5]"],md:["size-6","stroke-[1.75]"],lg:["size-8","stroke-2"]}}},{enabledResponsiveVariants:!0}),a=e.forwardRef(({is:r,size:i="md",...n},o)=>e.createElement(s,{size:i,"aria-hidden":"true",...n,as:r,ref:o}));export{a as Icon,s as StyledIcon};
 //# sourceMappingURL=Icon.js.map

package/dist/components/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { Override } from '~/utilities/types'\n\nexport const StyledIcon = styled('svg', {\n  base: [\n    'inline-block',\n    'fill-none',\n    'shrink-0',\n    'stroke-current',\n    '[stroke-linecap:round]',\n    '[stroke-linejoin:round]',\n    'align-middle'\n  ],\n  variants: {\n    size: {\n      sm: ['size-4', 'stroke-[1.5]'],\n      md: ['size-6', 'stroke-[1.75]'],\n      lg: ['size-8', 'stroke-2']\n    }\n  }\n})\n\ntype IconProps = Override<\n  React.ComponentProps<typeof StyledIcon>,\n  {\n    is: React.FC<React.SVGProps<SVGSVGElement>>\n    as?: never\n  }\n>\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ is: SVG, size = 'md', ...remainingProps }, ref) => (\n    <StyledIcon\n      size={size}\n      aria-hidden=\"true\"\n      {...remainingProps}\n      as={SVG}\n      ref={ref}\n    />\n  )\n)\n"],"names":["StyledIcon","styled","Icon","React","SVG","size","remainingProps","ref"],"mappings":"iEAKO,MAAMA,EAAaC,EAAO,MAAO,CACtC,KAAM,CACJ,eACA,YACA,WACA,iBACA,yBACA,0BACA,cACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,SAAU,cAAc,EAC7B,GAAI,CAAC,SAAU,eAAe,EAC9B,GAAI,CAAC,SAAU,UAAU,CAC3B,CACF,CACF,CAAC,EAUYC,EAAOC,EAAM,WACxB,CAAC,CAAE,GAAIC,EAAK,KAAAC,EAAO,KAAM,GAAGC,CAAe,EAAGC,IAC5CJ,EAAA,cAACH,GACC,KAAMK,EACN,cAAY,OACX,GAAGC,EACJ,GAAIF,EACJ,IAAKG,EACP,CAEJ"}
+{"version":3,"file":"Icon.js","sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { Override } from '~/utilities/types'\n\nexport const StyledIcon = styled(\n  'svg',\n  {\n    base: [\n      'inline-block',\n      'fill-none',\n      'shrink-0',\n      'stroke-current',\n      '[stroke-linecap:round]',\n      '[stroke-linejoin:round]',\n      'align-middle'\n    ],\n    variants: {\n      size: {\n        sm: ['size-4', 'stroke-[1.5]'],\n        md: ['size-6', 'stroke-[1.75]'],\n        lg: ['size-8', 'stroke-2']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype IconProps = Override<\n  React.ComponentProps<typeof StyledIcon>,\n  {\n    is: React.FC<React.SVGProps<SVGSVGElement>>\n    as?: never\n  }\n>\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ is: SVG, size = 'md', ...remainingProps }, ref) => (\n    <StyledIcon\n      size={size}\n      aria-hidden=\"true\"\n      {...remainingProps}\n      as={SVG}\n      ref={ref}\n    />\n  )\n)\n"],"names":["StyledIcon","styled","Icon","React","SVG","size","remainingProps","ref"],"mappings":"iEAKO,MAAMA,EAAaC,EACxB,MACA,CACE,KAAM,CACJ,eACA,YACA,WACA,iBACA,yBACA,0BACA,cACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,SAAU,cAAc,EAC7B,GAAI,CAAC,SAAU,eAAe,EAC9B,GAAI,CAAC,SAAU,UAAU,CAC3B,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAUaC,EAAOC,EAAM,WACxB,CAAC,CAAE,GAAIC,EAAK,KAAAC,EAAO,KAAM,GAAGC,CAAe,EAAGC,IAC5CJ,EAAA,cAACH,GACC,KAAMK,EACN,cAAY,OACX,GAAGC,EACJ,GAAIF,EACJ,IAAKG,EACP,CAEJ"}

package/dist/components/image/Image.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { Override } from '../../utilities/types';
-export declare const StyledImage: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
+export declare const StyledImage: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
     ref?: ((instance: HTMLImageElement | null) => void) | React.RefObject<HTMLImageElement> | null | undefined;
 }, "fluid"> & {
-    fluid?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    fluid?: boolean | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLImageElement>>;
+}>;
 type ImageProps = Override<React.ComponentProps<typeof StyledImage>, {
     as?: never;
 }>;

package/dist/components/inline-message/InlineMessage.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const InlineMessageContainer: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare const InlineMessageContainer: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "direction" | "align" | "wrap" | "justify" | "gap"> & {
     direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
@@ -9,11 +9,11 @@ declare const InlineMessageContainer: React.ForwardRefExoticComponent<Omit<Omit<
     gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>, "theme"> & {
-    theme?: ("warning" | "error" | "success" | "info" | "neutral" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "warning" | "error" | "success" | "info" | "neutral">>) | undefined;
+}, "theme"> & {
+    theme?: "warning" | "error" | "success" | "info" | "neutral" | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}>;
 type TInlineMessageProps = React.ComponentProps<typeof InlineMessageContainer> & {
     showIcon?: boolean;
     size?: 'xs' | 'sm' | 'md';

package/dist/components/input/Input.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare const InputBackground: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const InputBackground: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "direction" | "align" | "wrap" | "justify" | "gap"> & {
     direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
@@ -9,15 +9,15 @@ export declare const InputBackground: React.ForwardRefExoticComponent<Omit<Omit<
     gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>, "disabled" | "size" | "appearance" | "state"> & {
-    appearance?: ("standard" | "modern" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "standard" | "modern">>) | undefined;
-    size?: ("sm" | "md" | "lg" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xl">>) | undefined;
-    disabled?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
-    state?: ("error" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "error">>) | undefined;
+}, "disabled" | "size" | "appearance" | "state"> & {
+    appearance?: "standard" | "modern" | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | undefined;
+    disabled?: boolean | undefined;
+    state?: "error" | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const StyledInputText: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+}>;
+declare const StyledInputText: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
 }, "size" | "weight" | "family" | "noCapsize"> & {
     weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
@@ -26,11 +26,11 @@ declare const StyledInputText: React.ForwardRefExoticComponent<Omit<Omit<Omit<Om
     noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLParagraphElement>, "as"> & {
+}, "as"> & {
     as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
 }, "ref"> & React.RefAttributes<HTMLParagraphElement>, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+}>;
 export type InputTextProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & Omit<React.ComponentProps<typeof StyledInputText>, 'type' | 'as'> & {
     type?: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'search';
     as?: never;

package/dist/components/keyboard-shortcut/KeyboardShortcut.d.ts

@@ -13,7 +13,7 @@ export declare const KeyboardShortcut: React.ForwardRefExoticComponent<React.HTM
     targetWindow?: boolean;
     onKeyDown?: (e: KeyboardEventWindowOrElement) => void;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const StyledKeyboardShortcutIndicator: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+declare const StyledKeyboardShortcutIndicator: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
 }, "size" | "weight" | "family" | "noCapsize"> & {
     weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
@@ -22,11 +22,11 @@ declare const StyledKeyboardShortcutIndicator: React.ForwardRefExoticComponent<O
     noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLParagraphElement>, "as"> & {
+}, "as"> & {
     as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
 }, "ref"> & React.RefAttributes<HTMLParagraphElement>, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+}>;
 type KeyboardShortcutIndicatorProps = React.ComponentProps<typeof StyledKeyboardShortcutIndicator>;
 export declare const KeyboardShortcutIndicator: {
     (props: KeyboardShortcutIndicatorProps): React.JSX.Element;

package/dist/components/keyboard-shortcut/index.d.ts

@@ -11,7 +11,7 @@ export declare const KeyboardShortcut: import("react").ForwardRefExoticComponent
     onKeyDown?: (e: import("react").KeyboardEvent<HTMLDivElement> | KeyboardEvent) => void;
 } & import("react").RefAttributes<HTMLDivElement>> & {
     Indicator: {
-        (props: Omit<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+        (props: Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
             ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
         }, "size" | "weight" | "family" | "noCapsize"> & {
             weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
@@ -20,11 +20,11 @@ export declare const KeyboardShortcut: import("react").ForwardRefExoticComponent
             noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
         } & {
             as?: import("react").ElementType;
-        }, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "as"> & {
+        }, "as"> & {
             as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
         }, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, never> & {
             as?: import("react").ElementType;
-        }, "ref"> & import("react").RefAttributes<HTMLParagraphElement>): import("react").JSX.Element;
+        }): import("react").JSX.Element;
         displayName: string;
     };
 };

package/dist/components/label/Label.d.ts

@@ -1,16 +1,16 @@
 import * as React from 'react';
 import type { Override } from '../../utilities/types';
-declare const StyledLabel: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+declare const StyledLabel: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
     ref?: ((instance: HTMLLabelElement | null) => void) | React.RefObject<HTMLLabelElement> | null | undefined;
 }, "type" | "direction" | "size" | "align" | "appearance"> & {
-    size?: ("sm" | "md" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md">>) | undefined;
-    type?: ("inline" | "block" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "inline" | "block">>) | undefined;
-    align?: ("start" | "center" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "start" | "center">>) | undefined;
-    direction?: ("reverse" | "row" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "reverse" | "row">>) | undefined;
-    appearance?: ("standard" | "modern" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "standard" | "modern">>) | undefined;
+    size?: "sm" | "md" | undefined;
+    type?: "inline" | "block" | undefined;
+    align?: "start" | "center" | undefined;
+    direction?: "reverse" | "row" | undefined;
+    appearance?: "standard" | "modern" | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+}>;
 export type LabelProps = Override<React.ComponentPropsWithoutRef<typeof StyledLabel>, {
     as?: 'label' | 'legend';
     required?: boolean;

package/dist/components/link/Link.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import { NavigatorActions } from '../../types';
 import { Override } from '../../utilities';
-export declare const StyledLink: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+export declare const StyledLink: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
     ref?: ((instance: HTMLAnchorElement | null) => void) | React.RefObject<HTMLAnchorElement> | null | undefined;
 }, "size" | "noCapsize"> & {
     size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
     noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+}>;
 type LinkProps = Override<React.ComponentProps<typeof StyledLink>, NavigatorActions & {
     disabled?: boolean;
 }>;

package/dist/components/link/Link.js

@@ -1,2 +1,2 @@
-import*as n from"react";import{styled as f}from"../../styled.js";import{getExternalAnchorProps as l}from"../../utilities/uri/index.js";import{textVariants as s}from"../text/Text.js";const t=f("a",{base:["bg-[unset]","border-[unset]","px-[unset]","py-[unset]","text-primary-800","cursor-pointer","font-body","no-underline","focus:text-primary-900","focus:underline","hover:text-primary-900","hover:underline","active:text-primary-1000","disabled:cursor-not-allowed","disabled:opacity-30","disabled:pointer-events-none","[p_>_&]:after:content-none","[p_>_&]:before:content-none","[p_>_&]:leading-[1]","[p_>_&]:text-[100%]","[h1>&]:after:content-none","[h1>&]:before:content-none","[h1>&]:leading-[1]","[h1>&]:text-[100%]","[h2>&]:after:content-none","[h2>&]:before:content-none","[h2>&]:leading-[1]","[h2>&]:text-[100%]","[h3>&]:after:content-none","[h3>&]:before:content-none","[h3>&]:leading-[1]","[h3>&]:text-[100%]","[h4>&]:after:content-none","[h4>&]:before:content-none","[h4>&]:leading-[1]","[h4>&]:text-[100%]","[li>&]:after:content-none","[li>&]:before:content-none","[li>&]:leading-[1]","[li>&]:text-[100%]","[em>&]:after:content-none","[em>&]:before:content-none","[em>&]:leading-[1]","[em>&]:text-[100%]"],variants:s,defaultVariants:{size:"md"}}),o=n.forwardRef(({as:r,disabled:a,href:e,...i},d)=>n.createElement(t,{as:r||(e?void 0:"button"),noCapsize:e?void 0:!0,href:e,...a&&{disabled:!0},...i,...l(e),ref:d}));o.displayName="Link";export{o as Link,t as StyledLink};
+import*as n from"react";import{styled as s}from"../../styled.js";import{getExternalAnchorProps as l}from"../../utilities/uri/index.js";import{textVariants as f}from"../text/Text.js";const t=s("a",{base:["bg-[unset]","border-[unset]","px-[unset]","py-[unset]","text-primary-800","cursor-pointer","font-body","no-underline","focus:text-primary-900","focus:underline","hover:text-primary-900","hover:underline","active:text-primary-1000","disabled:cursor-not-allowed","disabled:opacity-30","disabled:pointer-events-none","[p_>_&]:after:content-none","[p_>_&]:before:content-none","[p_>_&]:leading-none","[p_>_&]:text-[100%]","[h1>&]:after:content-none","[h1>&]:before:content-none","[h1>&]:leading-none","[h1>&]:text-[100%]","[h2>&]:after:content-none","[h2>&]:before:content-none","[h2>&]:leading-none","[h2>&]:text-[100%]","[h3>&]:after:content-none","[h3>&]:before:content-none","[h3>&]:leading-none","[h3>&]:text-[100%]","[h4>&]:after:content-none","[h4>&]:before:content-none","[h4>&]:leading-none","[h4>&]:text-[100%]","[li>&]:after:content-none","[li>&]:before:content-none","[li>&]:leading-none","[li>&]:text-[100%]","[em>&]:after:content-none","[em>&]:before:content-none","[em>&]:leading-none","[em>&]:text-[100%]"],variants:f,defaultVariants:{size:"md"}},{enabledResponsiveVariants:!0}),o=n.forwardRef(({as:r,disabled:a,href:e,...i},d)=>n.createElement(t,{as:r||(e?void 0:"button"),noCapsize:e?void 0:!0,href:e,...a&&{disabled:!0},...i,...l(e),ref:d}));o.displayName="Link";export{o as Link,t as StyledLink};
 //# sourceMappingURL=Link.js.map

package/dist/components/link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { textVariants } from '../text/Text'\n\nexport const StyledLink = styled('a', {\n  base: [\n    'bg-[unset]',\n    'border-[unset]',\n    'px-[unset]',\n    'py-[unset]',\n    'text-primary-800',\n    'cursor-pointer',\n    'font-body',\n    'no-underline',\n    'focus:text-primary-900',\n    'focus:underline',\n    'hover:text-primary-900',\n    'hover:underline',\n    'active:text-primary-1000',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30',\n    'disabled:pointer-events-none',\n    '[p_>_&]:after:content-none',\n    '[p_>_&]:before:content-none',\n    '[p_>_&]:leading-[1]',\n    '[p_>_&]:text-[100%]',\n    '[h1>&]:after:content-none',\n    '[h1>&]:before:content-none',\n    '[h1>&]:leading-[1]',\n    '[h1>&]:text-[100%]',\n    '[h2>&]:after:content-none',\n    '[h2>&]:before:content-none',\n    '[h2>&]:leading-[1]',\n    '[h2>&]:text-[100%]',\n    '[h3>&]:after:content-none',\n    '[h3>&]:before:content-none',\n    '[h3>&]:leading-[1]',\n    '[h3>&]:text-[100%]',\n    '[h4>&]:after:content-none',\n    '[h4>&]:before:content-none',\n    '[h4>&]:leading-[1]',\n    '[h4>&]:text-[100%]',\n    '[li>&]:after:content-none',\n    '[li>&]:before:content-none',\n    '[li>&]:leading-[1]',\n    '[li>&]:text-[100%]',\n    '[em>&]:after:content-none',\n    '[em>&]:before:content-none',\n    '[em>&]:leading-[1]',\n    '[em>&]:text-[100%]'\n  ],\n  variants: textVariants,\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\ntype LinkProps = Override<\n  React.ComponentProps<typeof StyledLink>,\n  NavigatorActions & { disabled?: boolean }\n>\n\nexport const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ as, disabled, href, ...rest }, ref) => (\n    <StyledLink\n      as={as || (!href ? 'button' : undefined)}\n      noCapsize={!href ? true : undefined}\n      href={href}\n      {...(disabled && { disabled: true })}\n      {...rest}\n      {...getExternalAnchorProps(href)}\n      ref={ref as any}\n    />\n  )\n)\n\nLink.displayName = 'Link'\n"],"names":["StyledLink","styled","textVariants","Link","React","as","disabled","href","rest","ref","getExternalAnchorProps"],"mappings":"sLASO,MAAMA,EAAaC,EAAO,IAAK,CACpC,KAAM,CACJ,aACA,iBACA,aACA,aACA,mBACA,iBACA,YACA,eACA,yBACA,kBACA,yBACA,kBACA,2BACA,8BACA,sBACA,+BACA,6BACA,8BACA,sBACA,sBACA,4BACA,6BACA,qBACA,qBACA,4BACA,6BACA,qBACA,qBACA,4BACA,6BACA,qBACA,qBACA,4BACA,6BACA,qBACA,qBACA,4BACA,6BACA,qBACA,qBACA,4BACA,6BACA,qBACA,oBACF,EACA,SAAUC,EACV,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EAOYC,EAAOC,EAAM,WACxB,CAAC,CAAE,GAAAC,EAAI,SAAAC,EAAU,KAAAC,EAAM,GAAGC,CAAK,EAAGC,IAChCL,EAAA,cAACJ,EAAA,CACC,GAAIK,IAAQE,EAAkB,OAAX,UACnB,UAAYA,EAAc,OAAP,GACnB,KAAMA,EACL,GAAID,GAAY,CAAE,SAAU,EAAK,EACjC,GAAGE,EACH,GAAGE,EAAuBH,CAAI,EAC/B,IAAKE,CACP,CAAA,CAEJ,EAEAN,EAAK,YAAc"}
+{"version":3,"file":"Link.js","sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { textVariants } from '../text/Text'\n\nexport const StyledLink = styled(\n  'a',\n  {\n    base: [\n      'bg-[unset]',\n      'border-[unset]',\n      'px-[unset]',\n      'py-[unset]',\n      'text-primary-800',\n      'cursor-pointer',\n      'font-body',\n      'no-underline',\n      'focus:text-primary-900',\n      'focus:underline',\n      'hover:text-primary-900',\n      'hover:underline',\n      'active:text-primary-1000',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-30',\n      'disabled:pointer-events-none',\n      '[p_>_&]:after:content-none',\n      '[p_>_&]:before:content-none',\n      '[p_>_&]:leading-none',\n      '[p_>_&]:text-[100%]',\n      '[h1>&]:after:content-none',\n      '[h1>&]:before:content-none',\n      '[h1>&]:leading-none',\n      '[h1>&]:text-[100%]',\n      '[h2>&]:after:content-none',\n      '[h2>&]:before:content-none',\n      '[h2>&]:leading-none',\n      '[h2>&]:text-[100%]',\n      '[h3>&]:after:content-none',\n      '[h3>&]:before:content-none',\n      '[h3>&]:leading-none',\n      '[h3>&]:text-[100%]',\n      '[h4>&]:after:content-none',\n      '[h4>&]:before:content-none',\n      '[h4>&]:leading-none',\n      '[h4>&]:text-[100%]',\n      '[li>&]:after:content-none',\n      '[li>&]:before:content-none',\n      '[li>&]:leading-none',\n      '[li>&]:text-[100%]',\n      '[em>&]:after:content-none',\n      '[em>&]:before:content-none',\n      '[em>&]:leading-none',\n      '[em>&]:text-[100%]'\n    ],\n    variants: textVariants,\n    defaultVariants: {\n      size: 'md'\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype LinkProps = Override<\n  React.ComponentProps<typeof StyledLink>,\n  NavigatorActions & { disabled?: boolean }\n>\n\nexport const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ as, disabled, href, ...rest }, ref) => (\n    <StyledLink\n      as={as || (!href ? 'button' : undefined)}\n      noCapsize={!href ? true : undefined}\n      href={href}\n      {...(disabled && { disabled: true })}\n      {...rest}\n      {...getExternalAnchorProps(href)}\n      ref={ref as any}\n    />\n  )\n)\n\nLink.displayName = 'Link'\n"],"names":["StyledLink","styled","textVariants","Link","React","as","disabled","href","rest","ref","getExternalAnchorProps"],"mappings":"sLASa,MAAAA,EAAaC,EACxB,IACA,CACE,KAAM,CACJ,aACA,iBACA,aACA,aACA,mBACA,iBACA,YACA,eACA,yBACA,kBACA,yBACA,kBACA,2BACA,8BACA,sBACA,+BACA,6BACA,8BACA,uBACA,sBACA,4BACA,6BACA,sBACA,qBACA,4BACA,6BACA,sBACA,qBACA,4BACA,6BACA,sBACA,qBACA,4BACA,6BACA,sBACA,qBACA,4BACA,6BACA,sBACA,qBACA,4BACA,6BACA,sBACA,oBACF,EACA,SAAUC,EACV,gBAAiB,CACf,KAAM,IACR,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAOaC,EAAOC,EAAM,WACxB,CAAC,CAAE,GAAAC,EAAI,SAAAC,EAAU,KAAAC,EAAM,GAAGC,CAAK,EAAGC,IAChCL,EAAA,cAACJ,EACC,CAAA,GAAIK,IAAQE,EAAkB,OAAX,UACnB,UAAYA,EAAc,OAAP,GACnB,KAAMA,EACL,GAAID,GAAY,CAAE,SAAU,EAAK,EACjC,GAAGE,EACH,GAAGE,EAAuBH,CAAI,EAC/B,IAAKE,CAAAA,CACP,CAEJ,EAEAN,EAAK,YAAc"}

package/dist/components/list/List.d.ts

@@ -1,19 +1,19 @@
 import * as React from 'react';
-export declare const StyledLi: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+export declare const StyledLi: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
 }, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLLIElement>>;
-export declare const StyledList: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+}>;
+export declare const StyledList: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
     ref?: ((instance: HTMLUListElement | null) => void) | React.RefObject<HTMLUListElement> | null | undefined;
 }, "theme" | "size" | "noCapsize" | "ordered"> & {
-    ordered?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
-    theme?: ("primary" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "primary">>) | undefined;
-    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
-    noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    ordered?: boolean | undefined;
+    theme?: "primary" | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+    noCapsize?: boolean | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLUListElement>>;
+}>;
 type ListProps = React.ComponentProps<typeof StyledList> & {
     ordered?: boolean;
 };

package/dist/components/loader/Loader.js

@@ -1,2 +1,2 @@
-import*as n from"@radix-ui/react-visually-hidden";import o from"clsx";import*as e from"react";import{Flex as s}from"../flex/Flex.js";import{styled as l}from"../../styled.js";const a=l("div",{base:["animate-pulse","bg-current","rounded-round","animation-duration-900","nth-3:animation-delay-300","nth-4:animation-delay-600"],variants:{size:{sm:["size-1","mx-0.5"],md:["size-1.5","mx-0.5"],lg:["size-2","mx-[3px]"]}}}),d=({className:m,message:i="Loading",size:t="md",...r})=>e.createElement(s,{role:"alert",...r,className:o("justify-center",m)},e.createElement(n.Root,null,i),e.createElement(a,{size:t}),e.createElement(a,{size:t}),e.createElement(a,{size:t}));export{d as Loader};
+import*as o from"@radix-ui/react-visually-hidden";import s from"clsx";import*as e from"react";import{Flex as n}from"../flex/Flex.js";import{styled as l}from"../../styled.js";const a=l("div",{base:["animate-pulse","bg-current","rounded-full","animation-duration-900","nth-3:animation-delay-300","nth-4:animation-delay-600"],variants:{size:{sm:["size-1","mx-0.5"],md:["size-1.5","mx-0.5"],lg:["size-2","mx-[3px]"]}}}),c=({className:m,message:i="Loading",size:t="md",...r})=>e.createElement(n,{role:"alert",...r,className:s("justify-center",m)},e.createElement(o.Root,null,i),e.createElement(a,{size:t}),e.createElement(a,{size:t}),e.createElement(a,{size:t}));export{c as Loader};
 //# sourceMappingURL=Loader.js.map

package/dist/components/loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../../src/components/loader/Loader.tsx"],"sourcesContent":["import * as VisuallyHidden from '@radix-ui/react-visually-hidden'\nimport clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { styled } from '~/styled'\n\nconst Dot = styled('div', {\n  base: [\n    'animate-pulse',\n    'bg-current',\n    'rounded-round',\n    'animation-duration-900',\n    'nth-3:animation-delay-300',\n    'nth-4:animation-delay-600'\n  ],\n\n  variants: {\n    size: {\n      sm: ['size-1', 'mx-0.5'],\n      md: ['size-1.5', 'mx-0.5'],\n      lg: ['size-2', 'mx-[3px]']\n    }\n  }\n})\n\ntype LoaderProps = React.ComponentProps<typeof Flex> & {\n  message?: string\n  size?: 'sm' | 'md' | 'lg'\n}\n\nexport const Loader = ({\n  className,\n  message = 'Loading',\n  size = 'md',\n  ...props\n}: LoaderProps) => (\n  <Flex role=\"alert\" {...props} className={clsx('justify-center', className)}>\n    <VisuallyHidden.Root>{message}</VisuallyHidden.Root>\n    <Dot size={size} />\n    <Dot size={size} />\n    <Dot size={size} />\n  </Flex>\n)\n"],"names":["Dot","styled","Loader","className","message","size","props","React","Flex","clsx","VisuallyHidden"],"mappings":"8KAOA,MAAMA,EAAMC,EAAO,MAAO,CACxB,KAAM,CACJ,gBACA,aACA,gBACA,yBACA,4BACA,2BACF,EAEA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,SAAU,QAAQ,EACvB,GAAI,CAAC,WAAY,QAAQ,EACzB,GAAI,CAAC,SAAU,UAAU,CAC3B,CACF,CACF,CAAC,EAOYC,EAAS,CAAC,CACrB,UAAAC,EACA,QAAAC,EAAU,UACV,KAAAC,EAAO,KACP,GAAGC,CACL,IACEC,EAAA,cAACC,EAAA,CAAK,KAAK,QAAS,GAAGF,EAAO,UAAWG,EAAK,iBAAkBN,CAAS,CACvEI,EAAAA,EAAA,cAACG,EAAe,KAAf,KAAqBN,CAAQ,EAC9BG,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,CACnB"}
+{"version":3,"file":"Loader.js","sources":["../../../src/components/loader/Loader.tsx"],"sourcesContent":["import * as VisuallyHidden from '@radix-ui/react-visually-hidden'\nimport clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { styled } from '~/styled'\n\nconst Dot = styled('div', {\n  base: [\n    'animate-pulse',\n    'bg-current',\n    'rounded-full',\n    'animation-duration-900',\n    'nth-3:animation-delay-300',\n    'nth-4:animation-delay-600'\n  ],\n\n  variants: {\n    size: {\n      sm: ['size-1', 'mx-0.5'],\n      md: ['size-1.5', 'mx-0.5'],\n      lg: ['size-2', 'mx-[3px]']\n    }\n  }\n})\n\ntype LoaderProps = React.ComponentProps<typeof Flex> & {\n  message?: string\n  size?: 'sm' | 'md' | 'lg'\n}\n\nexport const Loader = ({\n  className,\n  message = 'Loading',\n  size = 'md',\n  ...props\n}: LoaderProps) => (\n  <Flex role=\"alert\" {...props} className={clsx('justify-center', className)}>\n    <VisuallyHidden.Root>{message}</VisuallyHidden.Root>\n    <Dot size={size} />\n    <Dot size={size} />\n    <Dot size={size} />\n  </Flex>\n)\n"],"names":["Dot","styled","Loader","className","message","size","props","React","Flex","clsx","VisuallyHidden"],"mappings":"8KAOA,MAAMA,EAAMC,EAAO,MAAO,CACxB,KAAM,CACJ,gBACA,aACA,eACA,yBACA,4BACA,2BACF,EAEA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,SAAU,QAAQ,EACvB,GAAI,CAAC,WAAY,QAAQ,EACzB,GAAI,CAAC,SAAU,UAAU,CAC3B,CACF,CACF,CAAC,EAOYC,EAAS,CAAC,CACrB,UAAAC,EACA,QAAAC,EAAU,UACV,KAAAC,EAAO,KACP,GAAGC,CACL,IACEC,EAAA,cAACC,EAAA,CAAK,KAAK,QAAS,GAAGF,EAAO,UAAWG,EAAK,iBAAkBN,CAAS,CACvEI,EAAAA,EAAA,cAACG,EAAe,KAAf,KAAqBN,CAAQ,EAC9BG,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,CACnB"}

package/dist/components/markdown-content/MarkdownContent.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 type HandleNode = (node: any) => JSX.Element | null;
-declare const StyledMarkdownContent: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare const StyledMarkdownContent: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "direction" | "align" | "wrap" | "justify" | "gap"> & {
     direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
@@ -10,9 +10,9 @@ declare const StyledMarkdownContent: React.ForwardRefExoticComponent<Omit<Omit<O
     gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>, never> & {
+}, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}>;
 type MarkdownContentProps = React.ComponentProps<typeof StyledMarkdownContent> & {
     content: string;
     customComponents?: {

package/dist/components/markdown-content/components/MarkdownEmphasis.d.ts

@@ -4,10 +4,10 @@ type MarkdownEmphasisProps = {
     node: Emphasis;
     handleNode: (node: Content) => React.ReactElement;
 };
-export declare const StyledMarkdownEmphasis: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+export declare const StyledMarkdownEmphasis: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
     ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
 }, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLElement>>;
+}>;
 export declare const MarkdownEmphasis: ({ node, handleNode }: MarkdownEmphasisProps) => React.JSX.Element;
 export {};

package/dist/components/markdown-content/components/MarkdownThematicBreak.js

@@ -1,2 +1,2 @@
-import r from"clsx";import*as m from"react";import{Divider as a}from"../../divider/Divider.js";const o=({className:e})=>m.createElement(a,{className:r("w-full",e)});export{o as MarkdownThematicBreak};
+import r from"clsx";import*as m from"react";import{Divider as o}from"../../divider/Divider.js";const a=({className:e})=>m.createElement(o,{className:r("w-full",e)});export{a as MarkdownThematicBreak};
 //# sourceMappingURL=MarkdownThematicBreak.js.map

package/dist/components/navigation/NavigationMenu.d.ts

@@ -1,23 +1,23 @@
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import React from 'react';
-declare const StyledMenu: React.ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, never> & {
+declare const StyledMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLElement>>;
+}>;
 export declare const NavigationMenu: {
     ({ children, className, ...props }: React.ComponentProps<typeof StyledMenu>): React.JSX.Element;
     displayName: string;
 } & {
-    Link: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-        elementType?: ("link" | "dropdownItem" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "link" | "dropdownItem">>) | undefined;
+    Link: React.ForwardRefExoticComponent<Omit<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+        elementType?: "link" | "dropdownItem" | undefined;
     } & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+    }, "elementType"> & {
         disabled?: boolean;
-        variant?: React.ComponentProps<React.ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-            elementType?: ("link" | "dropdownItem" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "link" | "dropdownItem">>) | undefined;
+        variant?: React.ComponentProps<React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+            elementType?: "link" | "dropdownItem" | undefined;
         } & {
             as?: React.ElementType;
-        }, "ref"> & React.RefAttributes<HTMLAnchorElement>>>["elementType"];
+        }>>["elementType"];
     }, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
     Dropdown: {
         ({ children, id, ...props }: {
@@ -28,24 +28,24 @@ export declare const NavigationMenu: {
         displayName: string;
     };
     DropdownContent: {
-        ({ children, ...rest }: Omit<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, never> & {
+        ({ children, ...rest }: Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, never> & {
             as?: React.ElementType;
-        }, "ref"> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+        }): React.JSX.Element;
         displayName: string;
     };
-    DropdownItem: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Omit<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-        elementType?: ("link" | "dropdownItem" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "link" | "dropdownItem">>) | undefined;
+    DropdownItem: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+        elementType?: "link" | "dropdownItem" | undefined;
     } & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+    }, "elementType"> & {
         disabled?: boolean;
-        variant?: React.ComponentProps<React.ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-            elementType?: ("link" | "dropdownItem" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "link" | "dropdownItem">>) | undefined;
+        variant?: React.ComponentProps<React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+            elementType?: "link" | "dropdownItem" | undefined;
         } & {
             as?: React.ElementType;
-        }, "ref"> & React.RefAttributes<HTMLAnchorElement>>>["elementType"];
+        }>>["elementType"];
     }, "ref"> & React.RefAttributes<HTMLAnchorElement>>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-    DropdownItemTitle: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    DropdownItemTitle: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
         ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
     }, "size" | "weight" | "family" | "noCapsize"> & {
         weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
@@ -54,15 +54,15 @@ export declare const NavigationMenu: {
         noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
     } & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLParagraphElement>, "as"> & {
+    }, "as"> & {
         as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
     }, "ref"> & React.RefAttributes<HTMLParagraphElement>, never> & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-    DropdownTrigger: React.ForwardRefExoticComponent<Omit<Omit<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "active"> & {
-        active?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    }>;
+    DropdownTrigger: React.ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "active"> & {
+        active?: boolean | undefined;
     } & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 };
 export {};