@atom-learning/components 8.0.3 → 8.1.1

package/dist/components/checkbox-tree/CheckboxTreeItemContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeItemContent.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeItemContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { Tree } from '~/components/tree/Tree'\nimport { styled } from '~/styled'\n\nconst StyledItemContent = styled('label', {\n  base: ['max-w-full', 'flex', 'items-center', 'gap-2']\n})\n\ntype CheckboxTreeItemContentProps = React.ComponentProps<\n  typeof StyledItemContent\n>\n\nexport const CheckboxTreeItemContent = ({\n  children,\n  ...rest\n}: CheckboxTreeItemContentProps): React.JSX.Element => {\n  return (\n    <StyledItemContent {...rest}>\n      {\n        React.Children.map(children, (child) => {\n          if (typeof child === 'string' || typeof child === 'number') {\n            return <Tree.Text>{child}</Tree.Text>\n          }\n          if (\n            React.isValidElement<React.ComponentPropsWithoutRef<typeof Icon>>(\n              child\n            ) &&\n            child.type === Icon\n          ) {\n            return <Tree.Icon {...child.props} />\n          }\n          return child\n        }) as React.ReactElement<unknown>[]\n      }\n    </StyledItemContent>\n  )\n}\n"],"mappings":";;;;;;AAMA,IAAM,oBAAoB,OAAO,SAAS,EACxC,MAAM;CAAC;CAAc;CAAQ;CAAgB;CAAQ,EACtD,CAAC;AAMF,IAAa,2BAA2B,EACtC,UACA,GAAG,WACkD;AACrD,QACE,oBAAC,mBAAD;EAAmB,GAAI;YAEnB,QAAM,SAAS,IAAI,WAAW,UAAU;AACtC,OAAI,OAAO,UAAU,YAAY,OAAO,UAAU,SAChD,QAAO,oBAAC,KAAK,MAAN,EAAA,UAAY,OAAkB,CAAA;AAEvC,OACE,QAAM,eACJ,MACD,IACD,MAAM,SAAS,KAEf,QAAO,oBAAC,KAAK,MAAN,EAAW,GAAI,MAAM,OAAS,CAAA;AAEvC,UAAO;IACP;EAEc,CAAA"}
+{"version":3,"file":"CheckboxTreeItemContent.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeItemContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../styled'\nimport { Icon } from '../icon/Icon'\nimport { Tree } from '../tree/Tree'\n\nconst StyledItemContent = styled('label', {\n  base: ['max-w-full', 'flex', 'items-center', 'gap-2']\n})\n\ntype CheckboxTreeItemContentProps = React.ComponentProps<\n  typeof StyledItemContent\n>\n\nexport const CheckboxTreeItemContent = ({\n  children,\n  ...rest\n}: CheckboxTreeItemContentProps) => (\n  <StyledItemContent {...rest}>\n    {\n      React.Children.map(children, (child) => {\n        if (typeof child === 'string' || typeof child === 'number') {\n          return <Tree.Text>{child}</Tree.Text>\n        }\n        if (\n          React.isValidElement<React.ComponentPropsWithoutRef<typeof Icon>>(\n            child\n          ) &&\n          child.type === Icon\n        ) {\n          return <Tree.Icon {...child.props} />\n        }\n        return child\n      }) as React.ReactElement<unknown>[]\n    }\n  </StyledItemContent>\n)\n"],"mappings":";;;;;;AAMA,IAAM,oBAAoB,OAAO,SAAS,EACxC,MAAM;CAAC;CAAc;CAAQ;CAAgB;AAAO,EACtD,CAAC;AAMD,IAAa,2BAA2B,EACtC,UACA,GAAG,WAEH,oBAAC,mBAAD;CAAmB,GAAI;WAEnB,QAAM,SAAS,IAAI,WAAW,UAAU;EACtC,IAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAChD,OAAO,oBAAC,KAAK,MAAN,EAAA,UAAY,MAAiB,CAAA;EAEtC,IACE,QAAM,eACJ,KACF,KACA,MAAM,SAAS,MAEf,OAAO,oBAAC,KAAK,MAAN,EAAW,GAAI,MAAM,MAAQ,CAAA;EAEtC,OAAO;CACT,CAAC;AAEc,CAAA"}

package/dist/components/chip/Chip.d.ts

@@ -1,28 +1,28 @@
 import * as React from 'react';
-import { Icon } from '../../components/icon/Icon';
+import { Icon } from '../icon/Icon';
 export declare const StyledChipContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & {
     as?: React.ElementType;
 }>;
 export declare const ChipIcon: (props: React.ComponentProps<typeof Icon>) => React.JSX.Element;
 export declare const StyledRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "appearance" | "size"> & {
-    size?: "sm" | "md" | "lg" | undefined;
-    appearance?: "standard" | "modern" | undefined;
+    size?: "lg" | "md" | "sm" | undefined;
+    appearance?: "modern" | "standard" | undefined;
 } & {
     as?: React.ElementType;
 }>;
-export type TChipRootContext = React.ComponentProps<typeof StyledRoot>;
-export type TChipRootProviderProps = TChipRootContext;
+export type ChipRootContext = React.ComponentProps<typeof StyledRoot>;
+export type ChipRootProviderProps = ChipRootContext;
 export declare const ChipRootContext: React.Context<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "appearance" | "size"> & {
-    size?: "sm" | "md" | "lg" | undefined;
-    appearance?: "standard" | "modern" | undefined;
+    size?: "lg" | "md" | "sm" | undefined;
+    appearance?: "modern" | "standard" | undefined;
 } & {
     as?: React.ElementType;
 }>;
-export declare const ChipRootProvider: ({ size, children }: TChipRootProviderProps) => React.JSX.Element;
-export type TChipRootProps = TChipRootProviderProps;
+export declare const ChipRootProvider: ({ size, children }: ChipRootProviderProps) => React.JSX.Element;
+export type ChipRootProps = ChipRootProviderProps;
 export declare const Chip: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "appearance" | "size"> & {
-    size?: "sm" | "md" | "lg" | undefined;
-    appearance?: "standard" | "modern" | undefined;
+    size?: "lg" | "md" | "sm" | undefined;
+    appearance?: "modern" | "standard" | undefined;
 } & {
     as?: React.ElementType;
 }, "ref"> & React.RefAttributes<HTMLDivElement>> & {

package/dist/components/chip/Chip.js

@@ -96,22 +96,20 @@ var ChipRootProvider = ({ size, children }) => {
 		children
 	});
 };
-var ChipRoot = React$1.forwardRef(({ size = "md", ...rest }, ref) => {
-	return /* @__PURE__ */ jsx(ChipRootProvider, {
+var ChipRoot = React$1.forwardRef(({ size = "md", ...rest }, ref) => /* @__PURE__ */ jsx(ChipRootProvider, {
+	size,
+	children: /* @__PURE__ */ jsx(StyledRoot, {
+		ref,
 		size,
-		children: /* @__PURE__ */ jsx(StyledRoot, {
-			ref,
-			size,
-			...rest
-		})
-	});
-});
+		...rest
+	})
+}));
 var Chip = Object.assign(ChipRoot, {
 	Content: ChipContent,
 	Icon: ChipIcon
 });
 ChipRoot.displayName = "Chip";
 //#endregion
-export { Chip };
+export { Chip, ChipIcon, ChipRootContext, ChipRootProvider, StyledChipContent, StyledRoot };
 
 //# sourceMappingURL=Chip.js.map

package/dist/components/chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","names":[],"sources":["../../../src/components/chip/Chip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nexport const StyledChipContent = styled('span', {\n  base: [\n    'inline-flex',\n    'items-center',\n    'px-1',\n    'grow',\n    'overflow-hidden',\n    'text-ellipsis',\n    'whitespace-nowrap',\n    '*:not-last:mr-1'\n  ]\n})\n\nconst toIconSize = { sm: 'sm', md: 'sm', lg: 'md' }\n\nexport const ChipIcon = (props: React.ComponentProps<typeof Icon>) => {\n  const rootContext = React.useContext(ChipRootContext)\n  const { size } = rootContext\n  const iconSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toIconSize[s]),\n    [size]\n  )\n  return <Icon {...props} size={iconSize} />\n}\n\nconst ChipContent = ({ children, ...rest }) => {\n  const childrenArray = React.Children.toArray(children)\n  const isSingleChild = childrenArray.length <= 1\n  return (\n    <StyledChipContent {...rest}>\n      {\n        childrenArray.map((child, index) => {\n          if (!isSingleChild && typeof child === 'string')\n            return (\n              <span\n                key={child}\n                className=\"overflow-hidden text-ellipsis whitespace-nowrap\"\n              >\n                {child}\n              </span>\n            )\n          if (\n            React.isValidElement<React.ComponentPropsWithoutRef<typeof Icon>>(\n              child\n            ) &&\n            child.type === Icon\n          ) {\n            return <ChipIcon key={`icon-${index}`} {...child.props} />\n          }\n          return child\n        }) as React.ReactElement<unknown>[]\n      }\n    </StyledChipContent>\n  )\n}\n\nexport const StyledRoot = styled('div', {\n  base: [\n    'flex',\n    'px-2',\n    'border',\n    'rounded-md',\n    'items-center',\n    'font-body',\n    'max-w-full',\n    'border-primary-800',\n    'text-primary-900',\n    'bg-primary-100',\n    'disabled:opacity-30',\n    'disabled:pointer-events-none'\n  ],\n  variants: {\n    size: {\n      sm: ['h-6', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n      md: ['h-8', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n      lg: ['h-10', 'text-md', 'leading-normal', 'capsize-[0.3864]']\n    },\n    appearance: {\n      standard: [],\n      modern: ['border-grey-900', 'text-grey-900', 'bg-grey-100']\n    }\n  }\n})\n\nexport type TChipRootContext = React.ComponentProps<typeof StyledRoot>\nexport type TChipRootProviderProps = TChipRootContext\n\nexport const ChipRootContext = React.createContext<TChipRootContext>({})\n\nexport const ChipRootProvider = ({\n  size,\n  children\n}: TChipRootProviderProps) => {\n  const value = React.useMemo<TChipRootContext>(() => ({ size }), [size])\n  return (\n    <ChipRootContext.Provider value={value}>\n      {children}\n    </ChipRootContext.Provider>\n  )\n}\n\nexport type TChipRootProps = TChipRootProviderProps\n\nconst ChipRoot = React.forwardRef<HTMLDivElement, TChipRootProps>(\n  ({ size = 'md', ...rest }, ref) => {\n    return (\n      <ChipRootProvider size={size}>\n        <StyledRoot ref={ref} size={size} {...rest} />\n      </ChipRootProvider>\n    )\n  }\n)\n\nexport const Chip = Object.assign(ChipRoot, {\n  Content: ChipContent,\n  Icon: ChipIcon\n})\n\nChipRoot.displayName = 'Chip'\n"],"mappings":";;;;;;AAMA,IAAa,oBAAoB,OAAO,QAAQ,EAC9C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,IAAM,aAAa;CAAE,IAAI;CAAM,IAAI;CAAM,IAAI;CAAM;AAEnD,IAAa,YAAY,UAA6C;CAEpE,MAAM,EAAE,SADY,QAAM,WAAW,gBAAgB;CAErD,MAAM,WAAW,QAAM,cACf,2BAA2B,OAAO,MAAM,WAAW,GAAG,EAC5D,CAAC,KAAK,CACP;AACD,QAAO,oBAAC,MAAD;EAAM,GAAI;EAAO,MAAM;EAAY,CAAA;;AAG5C,IAAM,eAAe,EAAE,UAAU,GAAG,WAAW;CAC7C,MAAM,gBAAgB,QAAM,SAAS,QAAQ,SAAS;CACtD,MAAM,gBAAgB,cAAc,UAAU;AAC9C,QACE,oBAAC,mBAAD;EAAmB,GAAI;YAEnB,cAAc,KAAK,OAAO,UAAU;AAClC,OAAI,CAAC,iBAAiB,OAAO,UAAU,SACrC,QACE,oBAAC,QAAD;IAEE,WAAU;cAET;IACI,EAJA,MAIA;AAEX,OACE,QAAM,eACJ,MACD,IACD,MAAM,SAAS,KAEf,QAAO,oBAAC,UAAD,EAAgC,GAAI,MAAM,OAAS,EAApC,QAAQ,QAA4B;AAE5D,UAAO;IACP;EAEc,CAAA;;AAIxB,IAAa,aAAa,OAAO,OAAO;CACtC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAO;IAAW;IAAkB;IAAmB;GAC5D,IAAI;IAAC;IAAO;IAAW;IAAkB;IAAmB;GAC5D,IAAI;IAAC;IAAQ;IAAW;IAAkB;IAAmB;GAC9D;EACD,YAAY;GACV,UAAU,EAAE;GACZ,QAAQ;IAAC;IAAmB;IAAiB;IAAc;GAC5D;EACF;CACF,CAAC;AAKF,IAAa,kBAAkB,QAAM,cAAgC,EAAE,CAAC;AAExE,IAAa,oBAAoB,EAC/B,MACA,eAC4B;CAC5B,MAAM,QAAQ,QAAM,eAAiC,EAAE,MAAM,GAAG,CAAC,KAAK,CAAC;AACvE,QACE,oBAAC,gBAAgB,UAAjB;EAAiC;EAC9B;EACwB,CAAA;;AAM/B,IAAM,WAAW,QAAM,YACpB,EAAE,OAAO,MAAM,GAAG,QAAQ,QAAQ;AACjC,QACE,oBAAC,kBAAD;EAAwB;YACtB,oBAAC,YAAD;GAAiB;GAAW;GAAM,GAAI;GAAQ,CAAA;EAC7B,CAAA;EAGxB;AAED,IAAa,OAAO,OAAO,OAAO,UAAU;CAC1C,SAAS;CACT,MAAM;CACP,CAAC;AAEF,SAAS,cAAc"}
+{"version":3,"file":"Chip.js","names":[],"sources":["../../../src/components/chip/Chip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../styled'\nimport { overrideStyledVariantValue } from '../../utilities/override-styled-variant-value/overrideStyledVariantValue'\nimport { Icon } from '../icon/Icon'\n\nexport const StyledChipContent = styled('span', {\n  base: [\n    'inline-flex',\n    'items-center',\n    'px-1',\n    'grow',\n    'overflow-hidden',\n    'text-ellipsis',\n    'whitespace-nowrap',\n    '*:not-last:mr-1'\n  ]\n})\n\nconst toIconSize = { sm: 'sm', md: 'sm', lg: 'md' }\n\nexport const ChipIcon = (props: React.ComponentProps<typeof Icon>) => {\n  const rootContext = React.useContext(ChipRootContext)\n  const { size } = rootContext\n  const iconSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toIconSize[s]),\n    [size]\n  )\n  return <Icon {...props} size={iconSize} />\n}\n\nconst ChipContent = ({ children, ...rest }) => {\n  const childrenArray = React.Children.toArray(children)\n  const isSingleChild = childrenArray.length <= 1\n  return (\n    <StyledChipContent {...rest}>\n      {\n        childrenArray.map((child, index) => {\n          if (!isSingleChild && typeof child === 'string')\n            return (\n              <span\n                key={child}\n                className=\"overflow-hidden text-ellipsis whitespace-nowrap\"\n              >\n                {child}\n              </span>\n            )\n          if (\n            React.isValidElement<React.ComponentPropsWithoutRef<typeof Icon>>(\n              child\n            ) &&\n            child.type === Icon\n          ) {\n            return <ChipIcon key={`icon-${index}`} {...child.props} />\n          }\n          return child\n        }) as React.ReactElement<unknown>[]\n      }\n    </StyledChipContent>\n  )\n}\n\nexport const StyledRoot = styled('div', {\n  base: [\n    'flex',\n    'px-2',\n    'border',\n    'rounded-md',\n    'items-center',\n    'font-body',\n    'max-w-full',\n    'border-primary-800',\n    'text-primary-900',\n    'bg-primary-100',\n    'disabled:opacity-30',\n    'disabled:pointer-events-none'\n  ],\n  variants: {\n    size: {\n      sm: ['h-6', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n      md: ['h-8', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n      lg: ['h-10', 'text-md', 'leading-normal', 'capsize-[0.3864]']\n    },\n    appearance: {\n      standard: [],\n      modern: ['border-grey-900', 'text-grey-900', 'bg-grey-100']\n    }\n  }\n})\n\nexport type ChipRootContext = React.ComponentProps<typeof StyledRoot>\nexport type ChipRootProviderProps = ChipRootContext\n\nexport const ChipRootContext = React.createContext<ChipRootContext>({})\n\nexport const ChipRootProvider = ({ size, children }: ChipRootProviderProps) => {\n  const value = React.useMemo<ChipRootContext>(() => ({ size }), [size])\n  return (\n    <ChipRootContext.Provider value={value}>\n      {children}\n    </ChipRootContext.Provider>\n  )\n}\n\nexport type ChipRootProps = ChipRootProviderProps\n\nconst ChipRoot = React.forwardRef<HTMLDivElement, ChipRootProps>(\n  ({ size = 'md', ...rest }, ref) => (\n    <ChipRootProvider size={size}>\n      <StyledRoot ref={ref} size={size} {...rest} />\n    </ChipRootProvider>\n  )\n)\n\nexport const Chip = Object.assign(ChipRoot, {\n  Content: ChipContent,\n  Icon: ChipIcon\n})\n\nChipRoot.displayName = 'Chip'\n"],"mappings":";;;;;;AAMA,IAAa,oBAAoB,OAAO,QAAQ,EAC9C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CAAC;AAED,IAAM,aAAa;CAAE,IAAI;CAAM,IAAI;CAAM,IAAI;AAAK;AAElD,IAAa,YAAY,UAA6C;CAEpE,MAAM,EAAE,SADY,QAAM,WAAW,eACpB;CACjB,MAAM,WAAW,QAAM,cACf,2BAA2B,OAAO,MAAM,WAAW,EAAE,GAC3D,CAAC,IAAI,CACP;CACA,OAAO,oBAAC,MAAD;EAAM,GAAI;EAAO,MAAM;CAAW,CAAA;AAC3C;AAEA,IAAM,eAAe,EAAE,UAAU,GAAG,WAAW;CAC7C,MAAM,gBAAgB,QAAM,SAAS,QAAQ,QAAQ;CACrD,MAAM,gBAAgB,cAAc,UAAU;CAC9C,OACE,oBAAC,mBAAD;EAAmB,GAAI;YAEnB,cAAc,KAAK,OAAO,UAAU;GAClC,IAAI,CAAC,iBAAiB,OAAO,UAAU,UACrC,OACE,oBAAC,QAAD;IAEE,WAAU;cAET;GACG,GAJC,KAID;GAEV,IACE,QAAM,eACJ,KACF,KACA,MAAM,SAAS,MAEf,OAAO,oBAAC,UAAD,EAAgC,GAAI,MAAM,MAAQ,GAAnC,QAAQ,OAA2B;GAE3D,OAAO;EACT,CAAC;CAEc,CAAA;AAEvB;AAEA,IAAa,aAAa,OAAO,OAAO;CACtC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAO;IAAW;IAAkB;GAAkB;GAC3D,IAAI;IAAC;IAAO;IAAW;IAAkB;GAAkB;GAC3D,IAAI;IAAC;IAAQ;IAAW;IAAkB;GAAkB;EAC9D;EACA,YAAY;GACV,UAAU,CAAC;GACX,QAAQ;IAAC;IAAmB;IAAiB;GAAa;EAC5D;CACF;AACF,CAAC;AAKD,IAAa,kBAAkB,QAAM,cAA+B,CAAC,CAAC;AAEtE,IAAa,oBAAoB,EAAE,MAAM,eAAsC;CAC7E,MAAM,QAAQ,QAAM,eAAgC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC;CACrE,OACE,oBAAC,gBAAgB,UAAjB;EAAiC;EAC9B;CACuB,CAAA;AAE9B;AAIA,IAAM,WAAW,QAAM,YACpB,EAAE,OAAO,MAAM,GAAG,QAAQ,QACzB,oBAAC,kBAAD;CAAwB;WACtB,oBAAC,YAAD;EAAiB;EAAW;EAAM,GAAI;CAAO,CAAA;AAC7B,CAAA,CAEtB;AAEA,IAAa,OAAO,OAAO,OAAO,UAAU;CAC1C,SAAS;CACT,MAAM;AACR,CAAC;AAED,SAAS,cAAc"}

package/dist/components/chip/ChipGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipGroup.js","names":[],"sources":["../../../src/components/chip/ChipGroup.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const ChipGroup = styled('div', {\n  base: ['flex', 'flex-row', 'flex-wrap', 'gap-2']\n})\n"],"mappings":";;AAEA,IAAa,YAAY,OAAO,OAAO,EACrC,MAAM;CAAC;CAAQ;CAAY;CAAa;CAAQ,EACjD,CAAC"}
+{"version":3,"file":"ChipGroup.js","names":[],"sources":["../../../src/components/chip/ChipGroup.tsx"],"sourcesContent":["import { styled } from '../../styled'\n\nexport const ChipGroup = styled('div', {\n  base: ['flex', 'flex-row', 'flex-wrap', 'gap-2']\n})\n"],"mappings":";;AAEA,IAAa,YAAY,OAAO,OAAO,EACrC,MAAM;CAAC;CAAQ;CAAY;CAAa;AAAO,EACjD,CAAC"}

package/dist/components/chip-dismissible-group/ChipDismissibleGroupItem.d.ts

@@ -1,15 +1,15 @@
 import * as React from 'react';
-import { DismissibleGroup } from '../../components/dismissible-group';
+import { DismissibleGroup } from '../dismissible-group';
 declare const StyledChipDismissibleGroupItem: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "appearance" | "size"> & {
-    size?: "sm" | "md" | "lg" | undefined;
-    appearance?: "standard" | "modern" | undefined;
+    size?: "lg" | "md" | "sm" | undefined;
+    appearance?: "modern" | "standard" | undefined;
 } & {
     as?: React.ElementType;
 }, "ref"> & React.RefAttributes<HTMLDivElement>, never> & {
     as?: React.ElementType;
 }>;
-export type TChipDismissibleGroupItem = React.ComponentProps<typeof DismissibleGroup.Item> & React.ComponentProps<typeof StyledChipDismissibleGroupItem> & {
+export type ChipDismissibleGroupItem = React.ComponentProps<typeof DismissibleGroup.Item> & React.ComponentProps<typeof StyledChipDismissibleGroupItem> & {
     dismissActionLabel: string;
 };
-export declare const ChipDismissibleGroupItem: ({ size, children, dismissActionLabel, ...rest }: TChipDismissibleGroupItem) => React.JSX.Element;
+export declare const ChipDismissibleGroupItem: ({ size, children, dismissActionLabel, ...rest }: ChipDismissibleGroupItem) => React.JSX.Element;
 export {};

package/dist/components/chip-dismissible-group/ChipDismissibleGroupItem.js

@@ -8,24 +8,22 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Close } from "@atom-learning/icons";
 //#region src/components/chip-dismissible-group/ChipDismissibleGroupItem.tsx
 var StyledChipDismissibleGroupItem = styled(Chip, { base: ["flex", "px-1"] });
-var ChipDismissibleGroupItem = ({ size = "md", children, dismissActionLabel = "Dismiss", ...rest }) => {
-	return /* @__PURE__ */ jsx(DismissibleGroup.Item, {
-		asChild: true,
-		...rest,
-		children: /* @__PURE__ */ jsxs(StyledChipDismissibleGroupItem, {
-			size,
-			children: [/* @__PURE__ */ jsx(Chip.Content, { children }), /* @__PURE__ */ jsx(DismissibleGroup.Trigger, {
-				asChild: true,
-				children: /* @__PURE__ */ jsx(ActionIcon, {
-					label: dismissActionLabel,
-					size: size === "sm" ? "xs" : "sm",
-					className: "text-grey-600",
-					children: /* @__PURE__ */ jsx(Icon, { is: Close })
-				})
-			})]
-		})
-	});
-};
+var ChipDismissibleGroupItem = ({ size = "md", children, dismissActionLabel = "Dismiss", ...rest }) => /* @__PURE__ */ jsx(DismissibleGroup.Item, {
+	asChild: true,
+	...rest,
+	children: /* @__PURE__ */ jsxs(StyledChipDismissibleGroupItem, {
+		size,
+		children: [/* @__PURE__ */ jsx(Chip.Content, { children }), /* @__PURE__ */ jsx(DismissibleGroup.Trigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(ActionIcon, {
+				label: dismissActionLabel,
+				size: size === "sm" ? "xs" : "sm",
+				className: "text-grey-600",
+				children: /* @__PURE__ */ jsx(Icon, { is: Close })
+			})
+		})]
+	})
+});
 //#endregion
 export { ChipDismissibleGroupItem };
 

package/dist/components/chip-dismissible-group/ChipDismissibleGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipDismissibleGroupItem.js","names":[],"sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupItem.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { Chip } from '~/components/chip/Chip'\nimport { DismissibleGroup } from '~/components/dismissible-group'\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\n\nconst StyledChipDismissibleGroupItem = styled(Chip, {\n  base: ['flex', 'px-1']\n})\n\nexport type TChipDismissibleGroupItem = React.ComponentProps<\n  typeof DismissibleGroup.Item\n> &\n  React.ComponentProps<typeof StyledChipDismissibleGroupItem> & {\n    dismissActionLabel: string\n  }\n\nexport const ChipDismissibleGroupItem = ({\n  size = 'md',\n  children,\n  dismissActionLabel = 'Dismiss',\n  ...rest\n}: TChipDismissibleGroupItem) => {\n  return (\n    <DismissibleGroup.Item asChild {...rest}>\n      <StyledChipDismissibleGroupItem size={size}>\n        <Chip.Content>{children}</Chip.Content>\n        <DismissibleGroup.Trigger asChild>\n          <ActionIcon\n            label={dismissActionLabel}\n            size={size === 'sm' ? 'xs' : 'sm'}\n            className=\"text-grey-600\"\n          >\n            <Icon is={Close} />\n          </ActionIcon>\n        </DismissibleGroup.Trigger>\n      </StyledChipDismissibleGroupItem>\n    </DismissibleGroup.Item>\n  )\n}\n"],"mappings":";;;;;;;;;AAUA,IAAM,iCAAiC,OAAO,MAAM,EAClD,MAAM,CAAC,QAAQ,OAAO,EACvB,CAAC;AASF,IAAa,4BAA4B,EACvC,OAAO,MACP,UACA,qBAAqB,WACrB,GAAG,WAC4B;AAC/B,QACE,oBAAC,iBAAiB,MAAlB;EAAuB,SAAA;EAAQ,GAAI;YACjC,qBAAC,gCAAD;GAAsC;aAAtC,CACE,oBAAC,KAAK,SAAN,EAAe,UAAwB,CAAA,EACvC,oBAAC,iBAAiB,SAAlB;IAA0B,SAAA;cACxB,oBAAC,YAAD;KACE,OAAO;KACP,MAAM,SAAS,OAAO,OAAO;KAC7B,WAAU;eAEV,oBAAC,MAAD,EAAM,IAAI,OAAS,CAAA;KACR,CAAA;IACY,CAAA,CACI;;EACX,CAAA"}
+{"version":3,"file":"ChipDismissibleGroupItem.js","names":[],"sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupItem.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '../../styled'\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Chip } from '../chip/Chip'\nimport { DismissibleGroup } from '../dismissible-group'\nimport { Icon } from '../icon/Icon'\n\nconst StyledChipDismissibleGroupItem = styled(Chip, {\n  base: ['flex', 'px-1']\n})\n\nexport type ChipDismissibleGroupItem = React.ComponentProps<\n  typeof DismissibleGroup.Item\n> &\n  React.ComponentProps<typeof StyledChipDismissibleGroupItem> & {\n    dismissActionLabel: string\n  }\n\nexport const ChipDismissibleGroupItem = ({\n  size = 'md',\n  children,\n  dismissActionLabel = 'Dismiss',\n  ...rest\n}: ChipDismissibleGroupItem) => (\n  <DismissibleGroup.Item asChild {...rest}>\n    <StyledChipDismissibleGroupItem size={size}>\n      <Chip.Content>{children}</Chip.Content>\n      <DismissibleGroup.Trigger asChild>\n        <ActionIcon\n          label={dismissActionLabel}\n          size={size === 'sm' ? 'xs' : 'sm'}\n          className=\"text-grey-600\"\n        >\n          <Icon is={Close} />\n        </ActionIcon>\n      </DismissibleGroup.Trigger>\n    </StyledChipDismissibleGroupItem>\n  </DismissibleGroup.Item>\n)\n"],"mappings":";;;;;;;;;AASA,IAAM,iCAAiC,OAAO,MAAM,EAClD,MAAM,CAAC,QAAQ,MAAM,EACvB,CAAC;AASD,IAAa,4BAA4B,EACvC,OAAO,MACP,UACA,qBAAqB,WACrB,GAAG,WAEH,oBAAC,iBAAiB,MAAlB;CAAuB,SAAA;CAAQ,GAAI;WACjC,qBAAC,gCAAD;EAAsC;YAAtC,CACE,oBAAC,KAAK,SAAN,EAAe,SAAuB,CAAA,GACtC,oBAAC,iBAAiB,SAAlB;GAA0B,SAAA;aACxB,oBAAC,YAAD;IACE,OAAO;IACP,MAAM,SAAS,OAAO,OAAO;IAC7B,WAAU;cAEV,oBAAC,MAAD,EAAM,IAAI,MAAQ,CAAA;GACR,CAAA;EACY,CAAA,CACI;;AACX,CAAA"}

package/dist/components/chip-dismissible-group/ChipDismissibleGroupRoot.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ChipGroup } from '../../components/chip/ChipGroup';
-import { DismissibleGroup } from '../../components/dismissible-group';
-type TChipDismissibleGroupRootProps = React.ComponentProps<typeof ChipGroup> & React.ComponentProps<typeof DismissibleGroup>;
-export declare const ChipDismissibleGroupRoot: React.ForwardRefExoticComponent<Omit<TChipDismissibleGroupRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+import { ChipGroup } from '../chip/ChipGroup';
+import { DismissibleGroup } from '../dismissible-group';
+type ChipDismissibleGroupRootProps = React.ComponentProps<typeof ChipGroup> & React.ComponentProps<typeof DismissibleGroup>;
+export declare const ChipDismissibleGroupRoot: React.ForwardRefExoticComponent<Omit<ChipDismissibleGroupRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/chip-dismissible-group/ChipDismissibleGroupRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipDismissibleGroupRoot.js","names":[],"sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip/ChipGroup'\nimport { DismissibleGroup } from '~/components/dismissible-group'\n\ntype TChipDismissibleGroupRootProps = React.ComponentProps<typeof ChipGroup> &\n  React.ComponentProps<typeof DismissibleGroup>\n\nexport const ChipDismissibleGroupRoot = React.forwardRef<\n  HTMLDivElement,\n  TChipDismissibleGroupRootProps\n>((props, ref) => {\n  return <ChipGroup as={DismissibleGroup} ref={ref as any} {...props} />\n})\n"],"mappings":";;;;;AAQA,IAAa,2BAA2B,QAAM,YAG3C,OAAO,QAAQ;AAChB,QAAO,oBAAC,WAAD;EAAW,IAAI;EAAuB;EAAY,GAAI;EAAS,CAAA;EACtE"}
+{"version":3,"file":"ChipDismissibleGroupRoot.js","names":[],"sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '../chip/ChipGroup'\nimport { DismissibleGroup } from '../dismissible-group'\n\ntype ChipDismissibleGroupRootProps = React.ComponentProps<typeof ChipGroup> &\n  React.ComponentProps<typeof DismissibleGroup>\n\nexport const ChipDismissibleGroupRoot = React.forwardRef<\n  HTMLDivElement,\n  ChipDismissibleGroupRootProps\n>((props, ref) => {\n  return <ChipGroup as={DismissibleGroup} ref={ref as any} {...props} />\n})\n"],"mappings":";;;;;AAQA,IAAa,2BAA2B,QAAM,YAG3C,OAAO,QAAQ;CAChB,OAAO,oBAAC,WAAD;EAAW,IAAI;EAAuB;EAAY,GAAI;CAAQ,CAAA;AACvE,CAAC"}

package/dist/components/chip-dismissible-group/index.d.ts

@@ -1,7 +1,7 @@
 import { ChipDismissibleGroupItem } from './ChipDismissibleGroupItem';
 import { ChipDismissibleGroupRoot } from './ChipDismissibleGroupRoot';
-type TChipDismissibleGroup = typeof ChipDismissibleGroupRoot & {
+type ChipDismissibleGroup = typeof ChipDismissibleGroupRoot & {
     Item: typeof ChipDismissibleGroupItem;
 };
-export declare const ChipDismissibleGroup: TChipDismissibleGroup;
+export declare const ChipDismissibleGroup: ChipDismissibleGroup;
 export {};

package/dist/components/chip-dismissible-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/chip-dismissible-group/index.ts"],"sourcesContent":["import { ChipDismissibleGroupItem } from './ChipDismissibleGroupItem'\nimport { ChipDismissibleGroupRoot } from './ChipDismissibleGroupRoot'\n\ntype TChipDismissibleGroup = typeof ChipDismissibleGroupRoot & {\n  Item: typeof ChipDismissibleGroupItem\n}\n\nexport const ChipDismissibleGroup =\n  ChipDismissibleGroupRoot as TChipDismissibleGroup\nChipDismissibleGroup.Item = ChipDismissibleGroupItem\nChipDismissibleGroup.displayName = 'ChipDismissibleGroup'\n"],"mappings":";;;AAOA,IAAa,uBACX;AACF,qBAAqB,OAAO;AAC5B,qBAAqB,cAAc"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/chip-dismissible-group/index.ts"],"sourcesContent":["import { ChipDismissibleGroupItem } from './ChipDismissibleGroupItem'\nimport { ChipDismissibleGroupRoot } from './ChipDismissibleGroupRoot'\n\ntype ChipDismissibleGroup = typeof ChipDismissibleGroupRoot & {\n  Item: typeof ChipDismissibleGroupItem\n}\n\nexport const ChipDismissibleGroup =\n  ChipDismissibleGroupRoot as ChipDismissibleGroup\nChipDismissibleGroup.Item = ChipDismissibleGroupItem\nChipDismissibleGroup.displayName = 'ChipDismissibleGroup'\n"],"mappings":";;;AAOA,IAAa,uBACX;AACF,qBAAqB,OAAO;AAC5B,qBAAqB,cAAc"}

package/dist/components/chip-toggle-group/ChipToggleGroupItem.d.ts

@@ -1,15 +1,15 @@
 import * as ToggleGroup from '@radix-ui/react-toggle-group';
 import * as React from 'react';
 declare const StyledChipToggleGroupItem: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "appearance" | "size"> & {
-    size?: "sm" | "md" | "lg" | undefined;
-    appearance?: "standard" | "modern" | undefined;
+    size?: "lg" | "md" | "sm" | undefined;
+    appearance?: "modern" | "standard" | undefined;
 } & {
     as?: React.ElementType;
 }, "ref"> & React.RefAttributes<HTMLDivElement>, "appearance"> & {
-    appearance?: "standard" | "modern" | undefined;
+    appearance?: "modern" | "standard" | undefined;
 } & {
     as?: React.ElementType;
 }>;
-type TChipToggleGroupItem = React.ComponentProps<typeof ToggleGroup.Item> & React.ComponentProps<typeof StyledChipToggleGroupItem>;
-export declare const ChipToggleGroupItem: ({ size, appearance, children, ...rest }: TChipToggleGroupItem) => React.JSX.Element;
+type ChipToggleGroupItem = React.ComponentProps<typeof ToggleGroup.Item> & React.ComponentProps<typeof StyledChipToggleGroupItem>;
+export declare const ChipToggleGroupItem: ({ size, appearance, children, ...rest }: ChipToggleGroupItem) => React.JSX.Element;
 export {};

package/dist/components/chip-toggle-group/ChipToggleGroupItem.js

@@ -38,20 +38,18 @@ var StyledChipToggleGroupItem = styled(Chip, {
 		]
 	} }
 });
-var ChipToggleGroupItem = ({ size = "md", appearance, children, ...rest }) => {
-	return /* @__PURE__ */ jsx(ToggleGroup.Item, {
-		...rest,
-		asChild: true,
-		children: /* @__PURE__ */ jsxs(StyledChipToggleGroupItem, {
-			as: "button",
-			appearance,
-			children: [/* @__PURE__ */ jsx(StyledChipToggleIcon, {
-				is: Ok,
-				size: size === "lg" ? "md" : "sm"
-			}), /* @__PURE__ */ jsx(Chip.Content, { children })]
-		})
-	});
-};
+var ChipToggleGroupItem = ({ size = "md", appearance, children, ...rest }) => /* @__PURE__ */ jsx(ToggleGroup.Item, {
+	...rest,
+	asChild: true,
+	children: /* @__PURE__ */ jsxs(StyledChipToggleGroupItem, {
+		as: "button",
+		appearance,
+		children: [/* @__PURE__ */ jsx(StyledChipToggleIcon, {
+			is: Ok,
+			size: size === "lg" ? "md" : "sm"
+		}), /* @__PURE__ */ jsx(Chip.Content, { children })]
+	})
+});
 //#endregion
 export { ChipToggleGroupItem };
 

package/dist/components/chip-toggle-group/ChipToggleGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipToggleGroupItem.js","names":[],"sources":["../../../src/components/chip-toggle-group/ChipToggleGroupItem.tsx"],"sourcesContent":["import { Ok } from '@atom-learning/icons'\nimport * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\nimport { Chip } from '~/components/chip/Chip'\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\n\nconst StyledChipToggleIcon = styled(Icon, {\n  base: ['hidden']\n})\n\nconst StyledChipToggleGroupItem = styled(Chip, {\n  base: [\n    'flex',\n    'not-disabled:cursor-pointer',\n    'not-disabled:data-[state=on]:hover:bg-white',\n    'not-disabled:data-[state=on]:hover:text-primary-1000',\n    'not-disabled:focus-visible:outline-none',\n    'not-disabled:focus-visible:relative',\n    'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n    'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n    'not-disabled:focus-visible:z-1',\n    'not-disabled:hover:bg-grey-200',\n    'not-disabled:hover:border-current',\n    'not-disabled:hover:text-grey-1000',\n    'data-[state=off]:bg-white',\n    'data-[state=off]:border-grey-600',\n    'data-[state=off]:text-grey-800',\n    'data-[state=on]:[&_svg]:block'\n  ],\n  variants: {\n    appearance: {\n      standard: [],\n      modern: [\n        'data-[state=off]:bg-grey-100',\n        'data-[state=off]:border-transparent',\n        'data-[state=on]:border-grey-900',\n        'data-[state=on]:text-grey-900',\n        'data-[state=on]:bg-white',\n        'data-[state=on]:font-bold'\n      ]\n    }\n  }\n})\n\ntype TChipToggleGroupItem = React.ComponentProps<typeof ToggleGroup.Item> &\n  React.ComponentProps<typeof StyledChipToggleGroupItem>\n\nexport const ChipToggleGroupItem = ({\n  size = 'md',\n  appearance,\n  children,\n  ...rest\n}: TChipToggleGroupItem) => {\n  return (\n    <ToggleGroup.Item {...rest} asChild>\n      <StyledChipToggleGroupItem as=\"button\" appearance={appearance}>\n        <StyledChipToggleIcon is={Ok} size={size === 'lg' ? 'md' : 'sm'} />\n        <Chip.Content>{children}</Chip.Content>\n      </StyledChipToggleGroupItem>\n    </ToggleGroup.Item>\n  )\n}\n"],"mappings":";;;;;;;;AAQA,IAAM,uBAAuB,OAAO,MAAM,EACxC,MAAM,CAAC,SAAS,EACjB,CAAC;AAEF,IAAM,4BAA4B,OAAO,MAAM;CAC7C,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,YAAY;EACV,UAAU,EAAE;EACZ,QAAQ;GACN;GACA;GACA;GACA;GACA;GACA;GACD;EACF,EACF;CACF,CAAC;AAKF,IAAa,uBAAuB,EAClC,OAAO,MACP,YACA,UACA,GAAG,WACuB;AAC1B,QACE,oBAAC,YAAY,MAAb;EAAkB,GAAI;EAAM,SAAA;YAC1B,qBAAC,2BAAD;GAA2B,IAAG;GAAqB;aAAnD,CACE,oBAAC,sBAAD;IAAsB,IAAI;IAAI,MAAM,SAAS,OAAO,OAAO;IAAQ,CAAA,EACnE,oBAAC,KAAK,SAAN,EAAe,UAAwB,CAAA,CACb;;EACX,CAAA"}
+{"version":3,"file":"ChipToggleGroupItem.js","names":[],"sources":["../../../src/components/chip-toggle-group/ChipToggleGroupItem.tsx"],"sourcesContent":["import { Ok } from '@atom-learning/icons'\nimport * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\nimport { styled } from '../../styled'\nimport { Chip } from '../chip/Chip'\nimport { Icon } from '../icon/Icon'\n\nconst StyledChipToggleIcon = styled(Icon, {\n  base: ['hidden']\n})\n\nconst StyledChipToggleGroupItem = styled(Chip, {\n  base: [\n    'flex',\n    'not-disabled:cursor-pointer',\n    'not-disabled:data-[state=on]:hover:bg-white',\n    'not-disabled:data-[state=on]:hover:text-primary-1000',\n    'not-disabled:focus-visible:outline-none',\n    'not-disabled:focus-visible:relative',\n    'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n    'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n    'not-disabled:focus-visible:z-1',\n    'not-disabled:hover:bg-grey-200',\n    'not-disabled:hover:border-current',\n    'not-disabled:hover:text-grey-1000',\n    'data-[state=off]:bg-white',\n    'data-[state=off]:border-grey-600',\n    'data-[state=off]:text-grey-800',\n    'data-[state=on]:[&_svg]:block'\n  ],\n  variants: {\n    appearance: {\n      standard: [],\n      modern: [\n        'data-[state=off]:bg-grey-100',\n        'data-[state=off]:border-transparent',\n        'data-[state=on]:border-grey-900',\n        'data-[state=on]:text-grey-900',\n        'data-[state=on]:bg-white',\n        'data-[state=on]:font-bold'\n      ]\n    }\n  }\n})\n\ntype ChipToggleGroupItem = React.ComponentProps<typeof ToggleGroup.Item> &\n  React.ComponentProps<typeof StyledChipToggleGroupItem>\n\nexport const ChipToggleGroupItem = ({\n  size = 'md',\n  appearance,\n  children,\n  ...rest\n}: ChipToggleGroupItem) => (\n  <ToggleGroup.Item {...rest} asChild>\n    <StyledChipToggleGroupItem as=\"button\" appearance={appearance}>\n      <StyledChipToggleIcon is={Ok} size={size === 'lg' ? 'md' : 'sm'} />\n      <Chip.Content>{children}</Chip.Content>\n    </StyledChipToggleGroupItem>\n  </ToggleGroup.Item>\n)\n"],"mappings":";;;;;;;;AAQA,IAAM,uBAAuB,OAAO,MAAM,EACxC,MAAM,CAAC,QAAQ,EACjB,CAAC;AAED,IAAM,4BAA4B,OAAO,MAAM;CAC7C,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,UAAU,EACR,YAAY;EACV,UAAU,CAAC;EACX,QAAQ;GACN;GACA;GACA;GACA;GACA;GACA;EACF;CACF,EACF;AACF,CAAC;AAKD,IAAa,uBAAuB,EAClC,OAAO,MACP,YACA,UACA,GAAG,WAEH,oBAAC,YAAY,MAAb;CAAkB,GAAI;CAAM,SAAA;WAC1B,qBAAC,2BAAD;EAA2B,IAAG;EAAqB;YAAnD,CACE,oBAAC,sBAAD;GAAsB,IAAI;GAAI,MAAM,SAAS,OAAO,OAAO;EAAO,CAAA,GAClE,oBAAC,KAAK,SAAN,EAAe,SAAuB,CAAA,CACb;;AACX,CAAA"}

package/dist/components/chip-toggle-group/ChipToggleGroupRoot.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 export declare const ChipToggleGroupRoot: React.ForwardRefExoticComponent<(Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & {
     as?: React.ElementType;
-} & Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement> & {
+} & Omit<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement> & {
     disableDeselect?: boolean;
 }, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & {
     as?: React.ElementType;
-} & Omit<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement> & {
+} & Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement> & {
     disableDeselect?: boolean;
 }, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">) & React.RefAttributes<HTMLDivElement>>;

package/dist/components/chip-toggle-group/ChipToggleGroupRoot.js

@@ -3,14 +3,12 @@ import { ToggleGroup } from "../../utilities/radix-overrides/toggle-group/index.
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/chip-toggle-group/ChipToggleGroupRoot.tsx
-var ChipToggleGroupRoot = React$1.forwardRef((props, ref) => {
-	return /* @__PURE__ */ jsx(ChipGroup, {
-		ref,
-		as: ToggleGroup.Root,
-		orientation: "horizontal",
-		...props
-	});
-});
+var ChipToggleGroupRoot = React$1.forwardRef((props, ref) => /* @__PURE__ */ jsx(ChipGroup, {
+	ref,
+	as: ToggleGroup.Root,
+	orientation: "horizontal",
+	...props
+}));
 //#endregion
 export { ChipToggleGroupRoot };
 

package/dist/components/chip-toggle-group/ChipToggleGroupRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipToggleGroupRoot.js","names":[],"sources":["../../../src/components/chip-toggle-group/ChipToggleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip/ChipGroup'\nimport { ToggleGroup } from '~/utilities/radix-overrides/toggle-group'\n\ntype TChipToggleGroupRootProps = React.ComponentProps<typeof ChipGroup> &\n  React.ComponentProps<typeof ToggleGroup.Root>\n\nexport const ChipToggleGroupRoot = React.forwardRef<\n  HTMLDivElement,\n  TChipToggleGroupRootProps\n>((props, ref) => {\n  return (\n    <ChipGroup\n      ref={ref}\n      as={ToggleGroup.Root}\n      orientation=\"horizontal\"\n      {...props}\n    />\n  )\n})\n"],"mappings":";;;;;AAQA,IAAa,sBAAsB,QAAM,YAGtC,OAAO,QAAQ;AAChB,QACE,oBAAC,WAAD;EACO;EACL,IAAI,YAAY;EAChB,aAAY;EACZ,GAAI;EACJ,CAAA;EAEJ"}
+{"version":3,"file":"ChipToggleGroupRoot.js","names":[],"sources":["../../../src/components/chip-toggle-group/ChipToggleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ToggleGroup } from '../../utilities/radix-overrides/toggle-group'\nimport { ChipGroup } from '../chip/ChipGroup'\n\ntype ChipToggleGroupRootProps = React.ComponentProps<typeof ChipGroup> &\n  React.ComponentProps<typeof ToggleGroup.Root>\n\nexport const ChipToggleGroupRoot = React.forwardRef<\n  HTMLDivElement,\n  ChipToggleGroupRootProps\n>((props, ref) => (\n  <ChipGroup\n    ref={ref}\n    as={ToggleGroup.Root}\n    orientation=\"horizontal\"\n    {...props}\n  />\n))\n"],"mappings":";;;;;AAQA,IAAa,sBAAsB,QAAM,YAGtC,OAAO,QACR,oBAAC,WAAD;CACO;CACL,IAAI,YAAY;CAChB,aAAY;CACZ,GAAI;AACL,CAAA,CACF"}

package/dist/components/chip-toggle-group/index.d.ts

@@ -1,7 +1,7 @@
 import { ChipToggleGroupItem } from './ChipToggleGroupItem';
 import { ChipToggleGroupRoot } from './ChipToggleGroupRoot';
-type TChipToggleGroup = typeof ChipToggleGroupRoot & {
+type ChipToggleGroup = typeof ChipToggleGroupRoot & {
     Item: typeof ChipToggleGroupItem;
 };
-export declare const ChipToggleGroup: TChipToggleGroup;
+export declare const ChipToggleGroup: ChipToggleGroup;
 export {};

package/dist/components/chip-toggle-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/chip-toggle-group/index.ts"],"sourcesContent":["import { ChipToggleGroupItem } from './ChipToggleGroupItem'\nimport { ChipToggleGroupRoot } from './ChipToggleGroupRoot'\n\ntype TChipToggleGroup = typeof ChipToggleGroupRoot & {\n  Item: typeof ChipToggleGroupItem\n}\n\nexport const ChipToggleGroup = ChipToggleGroupRoot as TChipToggleGroup\nChipToggleGroup.Item = ChipToggleGroupItem\nChipToggleGroup.displayName = 'ChipToggleGroupItem'\n"],"mappings":";;;AAOA,IAAa,kBAAkB;AAC/B,gBAAgB,OAAO;AACvB,gBAAgB,cAAc"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/chip-toggle-group/index.ts"],"sourcesContent":["import { ChipToggleGroupItem } from './ChipToggleGroupItem'\nimport { ChipToggleGroupRoot } from './ChipToggleGroupRoot'\n\ntype ChipToggleGroup = typeof ChipToggleGroupRoot & {\n  Item: typeof ChipToggleGroupItem\n}\n\nexport const ChipToggleGroup = ChipToggleGroupRoot as ChipToggleGroup\nChipToggleGroup.Item = ChipToggleGroupItem\nChipToggleGroup.displayName = 'ChipToggleGroupItem'\n"],"mappings":";;;AAOA,IAAa,kBAAkB;AAC/B,gBAAgB,OAAO;AACvB,gBAAgB,cAAc"}

package/dist/components/combobox/Combobox.d.ts

@@ -1,5 +1,5 @@
 import { ComboboxOptionText } from '@reach/combobox';
-export declare const Combobox: import("@reach/utils/polymorphic").ForwardRefComponent<"div", import("@reach/combobox").ComboboxProps> & {
+export declare const Combobox: import("@reach/utils/polymorphic/dist/reach-utils-polymorphic.cjs").ForwardRefComponent<"div", import("@reach/combobox").ComboboxProps> & {
     displayName: string;
     Option: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "as" | keyof import("@reach/combobox").ComboboxOptionProps> & import("@reach/combobox").ComboboxOptionProps & {
         as?: "li" | undefined;
@@ -8,15 +8,15 @@ export declare const Combobox: import("@reach/utils/polymorphic").ForwardRefComp
     }>;
     Input: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "as" | keyof import("@reach/combobox").ComboboxInputProps> & import("@reach/combobox").ComboboxInputProps & {
         as?: "input" | undefined;
-    }, "appearance" | "size" | "theme" | "state"> & {
-        size?: "sm" | "md" | "lg" | undefined;
-        appearance?: "standard" | "modern" | undefined;
+    }, "appearance" | "size" | "state" | "theme"> & {
+        size?: "lg" | "md" | "sm" | undefined;
+        appearance?: "modern" | "standard" | undefined;
         theme?: "grey" | "white" | undefined;
         state?: "error" | undefined;
     } & {
         as?: import("react").ElementType;
     }, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-    Popover: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "as" | keyof import("@reach/popover").PopoverProps | "portal"> & import("@reach/combobox").ComboboxPopoverProps & Partial<import("@reach/popover").PopoverProps> & {
+    Popover: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "as" | "portal" | keyof import("@reach/popover").PopoverProps> & import("@reach/combobox").ComboboxPopoverProps & Partial<import("@reach/popover").PopoverProps> & {
         as?: "div" | undefined;
     }, never> & {
         as?: import("react").ElementType;

package/dist/components/combobox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","names":[],"sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import { Combobox as BaseCombobox, ComboboxOptionText } from '@reach/combobox'\n\nimport { ComboboxInput } from './ComboboxInput'\nimport { ComboboxList } from './ComboboxList'\nimport { ComboboxOption } from './ComboboxOption'\nimport { ComboboxPopover } from './ComboboxPopover'\n\n// ':root': { '--reach-combobox': 1 }\n\nexport const Combobox = Object.assign(BaseCombobox, {\n  displayName: 'Combobox',\n  Option: ComboboxOption,\n  Input: ComboboxInput,\n  Popover: ComboboxPopover,\n  List: ComboboxList,\n  OptionText: ComboboxOptionText\n})\n"],"mappings":";;;;;;AASA,IAAa,aAAW,OAAO,OAAO,UAAc;CAClD,aAAa;CACb,QAAQ;CACR,OAAO;CACP,SAAS;CACT,MAAM;CACN,YAAY;CACb,CAAC"}
+{"version":3,"file":"Combobox.js","names":[],"sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import { Combobox as BaseCombobox, ComboboxOptionText } from '@reach/combobox'\n\nimport { ComboboxInput } from './ComboboxInput'\nimport { ComboboxList } from './ComboboxList'\nimport { ComboboxOption } from './ComboboxOption'\nimport { ComboboxPopover } from './ComboboxPopover'\n\n// ':root': { '--reach-combobox': 1 }\n\nexport const Combobox = Object.assign(BaseCombobox, {\n  displayName: 'Combobox',\n  Option: ComboboxOption,\n  Input: ComboboxInput,\n  Popover: ComboboxPopover,\n  List: ComboboxList,\n  OptionText: ComboboxOptionText\n})\n"],"mappings":";;;;;;AASA,IAAa,aAAW,OAAO,OAAO,UAAc;CAClD,aAAa;CACb,QAAQ;CACR,OAAO;CACP,SAAS;CACT,MAAM;CACN,YAAY;AACd,CAAC"}

package/dist/components/combobox/ComboboxInput.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 export declare const StyledComboboxInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "as" | keyof import("@reach/combobox").ComboboxInputProps> & import("@reach/combobox").ComboboxInputProps & {
     as?: "input" | undefined;
-}, "appearance" | "size" | "theme" | "state"> & {
-    size?: "sm" | "md" | "lg" | undefined;
-    appearance?: "standard" | "modern" | undefined;
+}, "appearance" | "size" | "state" | "theme"> & {
+    size?: "lg" | "md" | "sm" | undefined;
+    appearance?: "modern" | "standard" | undefined;
     theme?: "grey" | "white" | undefined;
     state?: "error" | undefined;
 } & {
@@ -12,9 +12,9 @@ export declare const StyledComboboxInput: React.ForwardRefExoticComponent<Omit<O
 export type ComboboxInputProps = React.ComponentProps<typeof StyledComboboxInput>;
 export declare const ComboboxInput: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "as" | keyof import("@reach/combobox").ComboboxInputProps> & import("@reach/combobox").ComboboxInputProps & {
     as?: "input" | undefined;
-}, "appearance" | "size" | "theme" | "state"> & {
-    size?: "sm" | "md" | "lg" | undefined;
-    appearance?: "standard" | "modern" | undefined;
+}, "appearance" | "size" | "state" | "theme"> & {
+    size?: "lg" | "md" | "sm" | undefined;
+    appearance?: "modern" | "standard" | undefined;
     theme?: "grey" | "white" | undefined;
     state?: "error" | undefined;
 } & {

package/dist/components/combobox/ComboboxInput.js

@@ -102,6 +102,6 @@ var ComboboxInput$1 = React$1.forwardRef(({ size = "md", appearance = "standard"
 	ref
 }));
 //#endregion
-export { ComboboxInput$1 as ComboboxInput };
+export { ComboboxInput$1 as ComboboxInput, StyledComboboxInput };
 
 //# sourceMappingURL=ComboboxInput.js.map

package/dist/components/combobox/ComboboxInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.js","names":[],"sources":["../../../src/components/combobox/ComboboxInput.tsx"],"sourcesContent":["import { ComboboxInput as BaseComboboxInput } from '@reach/combobox'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const StyledComboboxInput = styled(BaseComboboxInput, {\n  base: [\n    'bg-(image:--bg-chevron)',\n    'bg-position-[right_--spacing(3)_top_50%,0_0]',\n    '[background-repeat:no-repeat,repeat-x]',\n    'bg-size-[--spacing(5)_auto,100%]',\n    'shadow-none',\n    'appearance-none',\n    'rounded-md',\n    'box-border',\n    'text-grey-1000',\n    'cursor-text',\n    'block',\n    'font-body',\n    'h-10',\n    'pl-3',\n    'pr-10',\n    'transition-all',\n    'duration-100',\n    'ease-out',\n    'w-full',\n    'placeholder:opacity-100',\n    'placeholder:text-grey-700',\n    'disabled:bg-grey-200',\n    'disabled:cursor-not-allowed',\n    'disabled:text-grey-800'\n  ],\n\n  variants: {\n    size: {\n      sm: ['h-8', 'text-sm', 'leading-[1.7]'],\n      md: ['h-10', 'text-md', 'leading-loose'],\n      lg: ['h-12', 'text-md', 'leading-loose']\n    },\n    appearance: {\n      standard: [\n        'bg-white',\n        'border',\n        'border-grey-700',\n        'focus-within:border-primary-800',\n        'focus-within:outline-none'\n      ],\n      modern: [\n        'bg-grey-100',\n        'border-none',\n        'focus-within:outline-2',\n        'focus-within:outline-blue-800',\n        'focus-within:outline-offset-1',\n        'focus-within:outline-solid',\n        'focus-within:z-1'\n      ]\n    },\n    theme: {\n      white: [],\n      grey: []\n    },\n    state: {\n      error: []\n    }\n  },\n  compoundVariants: [\n    {\n      state: 'error',\n      appearance: 'standard',\n      class: ['border', 'border-danger']\n    },\n    {\n      state: 'error',\n      appearance: 'modern',\n      class: ['bg-danger-light', 'focus-within:outline-danger']\n    },\n    {\n      appearance: 'modern',\n      theme: 'white',\n      class: ['bg-white']\n    },\n    {\n      appearance: 'modern',\n      theme: 'grey',\n      class: ['bg-grey-100']\n    }\n  ]\n})\n\nexport type ComboboxInputProps = React.ComponentProps<\n  typeof StyledComboboxInput\n>\n\nexport const ComboboxInput = React.forwardRef<\n  HTMLInputElement,\n  ComboboxInputProps\n>(({ size = 'md', appearance = 'standard', ...rest }, ref) => (\n  <StyledComboboxInput\n    size={size}\n    appearance={appearance}\n    {...rest}\n    ref={ref}\n  />\n))\n"],"mappings":";;;;;AAKA,IAAa,sBAAsB,OAAO,eAAmB;CAC3D,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CAED,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAO;IAAW;IAAgB;GACvC,IAAI;IAAC;IAAQ;IAAW;IAAgB;GACxC,IAAI;IAAC;IAAQ;IAAW;IAAgB;GACzC;EACD,YAAY;GACV,UAAU;IACR;IACA;IACA;IACA;IACA;IACD;GACD,QAAQ;IACN;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACF;EACD,OAAO;GACL,OAAO,EAAE;GACT,MAAM,EAAE;GACT;EACD,OAAO,EACL,OAAO,EAAE,EACV;EACF;CACD,kBAAkB;EAChB;GACE,OAAO;GACP,YAAY;GACZ,OAAO,CAAC,UAAU,gBAAgB;GACnC;EACD;GACE,OAAO;GACP,YAAY;GACZ,OAAO,CAAC,mBAAmB,8BAA8B;GAC1D;EACD;GACE,YAAY;GACZ,OAAO;GACP,OAAO,CAAC,WAAW;GACpB;EACD;GACE,YAAY;GACZ,OAAO;GACP,OAAO,CAAC,cAAc;GACvB;EACF;CACF,CAAC;AAMF,IAAa,kBAAgB,QAAM,YAGhC,EAAE,OAAO,MAAM,aAAa,YAAY,GAAG,QAAQ,QACpD,oBAAC,qBAAD;CACQ;CACM;CACZ,GAAI;CACC;CACL,CAAA,CACF"}
+{"version":3,"file":"ComboboxInput.js","names":[],"sources":["../../../src/components/combobox/ComboboxInput.tsx"],"sourcesContent":["import { ComboboxInput as BaseComboboxInput } from '@reach/combobox'\nimport * as React from 'react'\n\nimport { styled } from '../../styled'\n\nexport const StyledComboboxInput = styled(BaseComboboxInput, {\n  base: [\n    'bg-(image:--bg-chevron)',\n    'bg-position-[right_--spacing(3)_top_50%,0_0]',\n    '[background-repeat:no-repeat,repeat-x]',\n    'bg-size-[--spacing(5)_auto,100%]',\n    'shadow-none',\n    'appearance-none',\n    'rounded-md',\n    'box-border',\n    'text-grey-1000',\n    'cursor-text',\n    'block',\n    'font-body',\n    'h-10',\n    'pl-3',\n    'pr-10',\n    'transition-all',\n    'duration-100',\n    'ease-out',\n    'w-full',\n    'placeholder:opacity-100',\n    'placeholder:text-grey-700',\n    'disabled:bg-grey-200',\n    'disabled:cursor-not-allowed',\n    'disabled:text-grey-800'\n  ],\n\n  variants: {\n    size: {\n      sm: ['h-8', 'text-sm', 'leading-[1.7]'],\n      md: ['h-10', 'text-md', 'leading-loose'],\n      lg: ['h-12', 'text-md', 'leading-loose']\n    },\n    appearance: {\n      standard: [\n        'bg-white',\n        'border',\n        'border-grey-700',\n        'focus-within:border-primary-800',\n        'focus-within:outline-none'\n      ],\n      modern: [\n        'bg-grey-100',\n        'border-none',\n        'focus-within:outline-2',\n        'focus-within:outline-blue-800',\n        'focus-within:outline-offset-1',\n        'focus-within:outline-solid',\n        'focus-within:z-1'\n      ]\n    },\n    theme: {\n      white: [],\n      grey: []\n    },\n    state: {\n      error: []\n    }\n  },\n  compoundVariants: [\n    {\n      state: 'error',\n      appearance: 'standard',\n      class: ['border', 'border-danger']\n    },\n    {\n      state: 'error',\n      appearance: 'modern',\n      class: ['bg-danger-light', 'focus-within:outline-danger']\n    },\n    {\n      appearance: 'modern',\n      theme: 'white',\n      class: ['bg-white']\n    },\n    {\n      appearance: 'modern',\n      theme: 'grey',\n      class: ['bg-grey-100']\n    }\n  ]\n})\n\nexport type ComboboxInputProps = React.ComponentProps<\n  typeof StyledComboboxInput\n>\n\nexport const ComboboxInput = React.forwardRef<\n  HTMLInputElement,\n  ComboboxInputProps\n>(({ size = 'md', appearance = 'standard', ...rest }, ref) => (\n  <StyledComboboxInput\n    size={size}\n    appearance={appearance}\n    {...rest}\n    ref={ref}\n  />\n))\n"],"mappings":";;;;;AAKA,IAAa,sBAAsB,OAAO,eAAmB;CAC3D,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAO;IAAW;GAAe;GACtC,IAAI;IAAC;IAAQ;IAAW;GAAe;GACvC,IAAI;IAAC;IAAQ;IAAW;GAAe;EACzC;EACA,YAAY;GACV,UAAU;IACR;IACA;IACA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA;IACA;IACA;IACA;IACA;GACF;EACF;EACA,OAAO;GACL,OAAO,CAAC;GACR,MAAM,CAAC;EACT;EACA,OAAO,EACL,OAAO,CAAC,EACV;CACF;CACA,kBAAkB;EAChB;GACE,OAAO;GACP,YAAY;GACZ,OAAO,CAAC,UAAU,eAAe;EACnC;EACA;GACE,OAAO;GACP,YAAY;GACZ,OAAO,CAAC,mBAAmB,6BAA6B;EAC1D;EACA;GACE,YAAY;GACZ,OAAO;GACP,OAAO,CAAC,UAAU;EACpB;EACA;GACE,YAAY;GACZ,OAAO;GACP,OAAO,CAAC,aAAa;EACvB;CACF;AACF,CAAC;AAMD,IAAa,kBAAgB,QAAM,YAGhC,EAAE,OAAO,MAAM,aAAa,YAAY,GAAG,QAAQ,QACpD,oBAAC,qBAAD;CACQ;CACM;CACZ,GAAI;CACC;AACN,CAAA,CACF"}

package/dist/components/combobox/ComboboxList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxList.js","names":[],"sources":["../../../src/components/combobox/ComboboxList.tsx"],"sourcesContent":["import { ComboboxList as BaseComboboxList } from '@reach/combobox'\n\nimport { styled } from '~/styled'\n\nexport const ComboboxList = styled(BaseComboboxList, {\n  base: ['list-none', 'm-0', 'p-0', 'select-none']\n})\n"],"mappings":";;;AAIA,IAAa,iBAAe,OAAO,cAAkB,EACnD,MAAM;CAAC;CAAa;CAAO;CAAO;CAAc,EACjD,CAAC"}
+{"version":3,"file":"ComboboxList.js","names":[],"sources":["../../../src/components/combobox/ComboboxList.tsx"],"sourcesContent":["import { ComboboxList as BaseComboboxList } from '@reach/combobox'\n\nimport { styled } from '../../styled'\n\nexport const ComboboxList = styled(BaseComboboxList, {\n  base: ['list-none', 'm-0', 'p-0', 'select-none']\n})\n"],"mappings":";;;AAIA,IAAa,iBAAe,OAAO,cAAkB,EACnD,MAAM;CAAC;CAAa;CAAO;CAAO;AAAa,EACjD,CAAC"}

package/dist/components/combobox/ComboboxOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxOption.js","names":[],"sources":["../../../src/components/combobox/ComboboxOption.tsx"],"sourcesContent":["import { ComboboxOption as BaseComboboxOption } from '@reach/combobox'\n\nimport { styled } from '~/styled'\n\nexport const ComboboxOption = styled(BaseComboboxOption, {\n  base: [\n    'text-grey-900',\n    'cursor-pointer',\n    'm-0',\n    'p-2',\n    'hover:bg-grey-100',\n    'hover:rounded-sm',\n    'aria-selected:bg-grey-100',\n    'aria-selected:rounded-sm',\n    'data-user-value:text-primary-800'\n  ]\n})\n"],"mappings":";;;AAIA,IAAa,mBAAiB,OAAO,gBAAoB,EACvD,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC"}
+{"version":3,"file":"ComboboxOption.js","names":[],"sources":["../../../src/components/combobox/ComboboxOption.tsx"],"sourcesContent":["import { ComboboxOption as BaseComboboxOption } from '@reach/combobox'\n\nimport { styled } from '../../styled'\n\nexport const ComboboxOption = styled(BaseComboboxOption, {\n  base: [\n    'text-grey-900',\n    'cursor-pointer',\n    'm-0',\n    'p-2',\n    'hover:bg-grey-100',\n    'hover:rounded-sm',\n    'aria-selected:bg-grey-100',\n    'aria-selected:rounded-sm',\n    'data-user-value:text-primary-800'\n  ]\n})\n"],"mappings":";;;AAIA,IAAa,mBAAiB,OAAO,gBAAoB,EACvD,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CAAC"}

package/dist/components/combobox/ComboboxPopover.d.ts

@@ -1,4 +1,4 @@
-export declare const ComboboxPopover: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "as" | keyof import("@reach/popover").PopoverProps | "portal"> & import("@reach/combobox").ComboboxPopoverProps & Partial<import("@reach/popover").PopoverProps> & {
+export declare const ComboboxPopover: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "as" | "portal" | keyof import("@reach/popover").PopoverProps> & import("@reach/combobox").ComboboxPopoverProps & Partial<import("@reach/popover").PopoverProps> & {
     as?: "div" | undefined;
 }, never> & {
     as?: import("react").ElementType;

package/dist/components/combobox/ComboboxPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxPopover.js","names":[],"sources":["../../../src/components/combobox/ComboboxPopover.tsx"],"sourcesContent":["import { ComboboxPopover as BaseComboboxPopover } from '@reach/combobox'\n\nimport { styled } from '~/styled'\n\nexport const ComboboxPopover = styled(BaseComboboxPopover, {\n  base: [\n    'bg-white',\n    'border',\n    'border-grey-200',\n    'rounded-md',\n    'shadow-md',\n    'box-border',\n    'font-body',\n    'text-md',\n    'outline-none',\n    'p-1',\n    'translate-y-2'\n  ]\n})\n"],"mappings":";;;AAIA,IAAa,oBAAkB,OAAO,iBAAqB,EACzD,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC"}
+{"version":3,"file":"ComboboxPopover.js","names":[],"sources":["../../../src/components/combobox/ComboboxPopover.tsx"],"sourcesContent":["import { ComboboxPopover as BaseComboboxPopover } from '@reach/combobox'\n\nimport { styled } from '../../styled'\n\nexport const ComboboxPopover = styled(BaseComboboxPopover, {\n  base: [\n    'bg-white',\n    'border',\n    'border-grey-200',\n    'rounded-md',\n    'shadow-md',\n    'box-border',\n    'font-body',\n    'text-md',\n    'outline-none',\n    'p-1',\n    'translate-y-2'\n  ]\n})\n"],"mappings":";;;AAIA,IAAa,oBAAkB,OAAO,iBAAqB,EACzD,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CAAC"}

package/dist/components/create-password-field/CreatePasswordField.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { Override } from '../../utilities/types';
-import { FieldElementWrapperProps } from '../field-wrapper/FieldWrapper';
+import type { Override } from '../../utilities/types';
+import type { FieldElementWrapperProps } from '../field-wrapper/FieldWrapper';
 import { PasswordInput } from '../password-input/PasswordInput';
 type ValidationResult = Record<string, boolean>;
 type CreatePasswordFieldProps = Override<React.ComponentProps<typeof PasswordInput> & FieldElementWrapperProps, {
@@ -10,8 +10,8 @@ type CreatePasswordFieldProps = Override<React.ComponentProps<typeof PasswordInp
     defaultValidation: ValidationResult;
     messageDirection?: 'row' | 'column';
 }>;
-export declare const CreatePasswordField: {
-    ({ validate, defaultValidation, messageDirection, label, name, className, validation, appearance, ...remainingProps }: CreatePasswordFieldProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function CreatePasswordField({ validate, defaultValidation, messageDirection, label, name, className, validation, appearance, ...rest }: CreatePasswordFieldProps): React.JSX.Element;
+export declare namespace CreatePasswordField {
+    var displayName: string;
+}
 export {};

package/dist/components/create-password-field/CreatePasswordField.js

@@ -6,7 +6,7 @@ import invariant from "invariant";
 import { throttle } from "throttle-debounce";
 import { useFormContext } from "react-hook-form";
 //#region src/components/create-password-field/CreatePasswordField.tsx
-var CreatePasswordField = ({ validate, defaultValidation, messageDirection = "row", label = "Create a password", name = "password", className, validation, appearance, ...remainingProps }) => {
+var CreatePasswordField = ({ validate, defaultValidation, messageDirection = "row", label = "Create a password", name = "password", className, validation, appearance, ...rest }) => {
 	const { formState, control } = useFormContext();
 	const [isFocused, setIsFocused] = React$1.useState(false);
 	const [validationResult, setValidationResult] = React$1.useState(defaultValidation);
@@ -40,7 +40,7 @@ var CreatePasswordField = ({ validate, defaultValidation, messageDirection = "ro
 				validate: validatePassword
 			},
 			appearance,
-			...remainingProps
+			...rest
 		}), showValidation && /* @__PURE__ */ jsx("div", {
 			style: { "--direction": messageDirection },
 			className: "direction-(--direction) mt-2 flex flex-wrap gap-2",

package/dist/components/create-password-field/CreatePasswordField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreatePasswordField.js","names":[],"sources":["../../../src/components/create-password-field/CreatePasswordField.tsx"],"sourcesContent":["import invariant from 'invariant'\nimport * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\nimport { throttle } from 'throttle-debounce'\n\nimport { Override } from '~/utilities/types'\n\nimport { FieldElementWrapperProps } from '../field-wrapper/FieldWrapper'\nimport { InlineMessage } from '../inline-message/InlineMessage'\nimport { PasswordField } from '../password-field/PasswordField'\nimport { PasswordInput } from '../password-input/PasswordInput'\n\ntype ValidationResult = Record<string, boolean>\n\ntype CreatePasswordFieldProps = Override<\n  React.ComponentProps<typeof PasswordInput> & FieldElementWrapperProps,\n  {\n    label?: string\n    name?: string\n    validate: (\n      password: string\n    ) => Promise<ValidationResult | undefined> | ValidationResult\n    defaultValidation: ValidationResult\n    messageDirection?: 'row' | 'column'\n  }\n>\n\nexport const CreatePasswordField = ({\n  validate,\n  defaultValidation,\n  messageDirection = 'row',\n  label = 'Create a password',\n  name = 'password',\n  className,\n  validation,\n  appearance,\n  ...remainingProps\n}: CreatePasswordFieldProps) => {\n  const { formState, control } = useFormContext()\n  const [isFocused, setIsFocused] = React.useState<boolean>(false)\n  const [validationResult, setValidationResult] =\n    React.useState<ValidationResult>(defaultValidation)\n\n  const touched: boolean = formState.touched[name]\n  const error =\n    formState.errors[name]?.type === 'validate' ||\n    Object.values(validationResult).every((isValid) => !isValid)\n\n  const validatePassword = React.useCallback(\n    async (password: string) => {\n      const result = await validate(password)\n\n      if (result) {\n        invariant(\n          typeof result === 'object',\n          'The validate function must return an object'\n        )\n\n        setValidationResult(result)\n        return Object.values(result).every((isValid) => isValid)\n      }\n\n      return false\n    },\n    [setValidationResult]\n  )\n\n  const handleChange = React.useCallback(throttle(500, validatePassword), [\n    validatePassword\n  ])\n\n  const getMessageTheme = (result: boolean, isFocused: boolean) => {\n    if (result) return 'success'\n\n    return isFocused ? 'neutral' : 'error'\n  }\n\n  const showValidation: boolean =\n    (control.mode.isOnBlur && (isFocused || touched)) ||\n    (control.mode.isOnSubmit && (isFocused || (formState.isSubmitted && error)))\n\n  return (\n    <div className={className}>\n      <PasswordField\n        label={label}\n        name={name}\n        onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n          handleChange(e.target.value)\n        }\n        onBlur={() => setIsFocused(false)}\n        onFocus={() => setIsFocused(true)}\n        validation={{ ...validation, validate: validatePassword }}\n        appearance={appearance}\n        {...remainingProps}\n      />\n      {showValidation && (\n        <div\n          style={{ '--direction': messageDirection }}\n          className=\"direction-(--direction) mt-2 flex flex-wrap gap-2\"\n        >\n          {Object.entries(validationResult).map(([message, result]) => (\n            <InlineMessage\n              key={message}\n              theme={getMessageTheme(result, isFocused)}\n            >\n              {message}\n            </InlineMessage>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nCreatePasswordField.displayName = 'CreatePasswordField'\n"],"mappings":";;;;;;;;AA2BA,IAAa,uBAAuB,EAClC,UACA,mBACA,mBAAmB,OACnB,QAAQ,qBACR,OAAO,YACP,WACA,YACA,YACA,GAAG,qBAC2B;CAC9B,MAAM,EAAE,WAAW,YAAY,gBAAgB;CAC/C,MAAM,CAAC,WAAW,gBAAgB,QAAM,SAAkB,MAAM;CAChE,MAAM,CAAC,kBAAkB,uBACvB,QAAM,SAA2B,kBAAkB;CAErD,MAAM,UAAmB,UAAU,QAAQ;CAC3C,MAAM,QACJ,UAAU,OAAO,OAAO,SAAS,cACjC,OAAO,OAAO,iBAAiB,CAAC,OAAO,YAAY,CAAC,QAAQ;CAE9D,MAAM,mBAAmB,QAAM,YAC7B,OAAO,aAAqB;EAC1B,MAAM,SAAS,MAAM,SAAS,SAAS;AAEvC,MAAI,QAAQ;AACV,aACE,OAAO,WAAW,UAClB,8CACD;AAED,uBAAoB,OAAO;AAC3B,UAAO,OAAO,OAAO,OAAO,CAAC,OAAO,YAAY,QAAQ;;AAG1D,SAAO;IAET,CAAC,oBAAoB,CACtB;CAED,MAAM,eAAe,QAAM,YAAY,SAAS,KAAK,iBAAiB,EAAE,CACtE,iBACD,CAAC;CAEF,MAAM,mBAAmB,QAAiB,cAAuB;AAC/D,MAAI,OAAQ,QAAO;AAEnB,SAAO,YAAY,YAAY;;CAGjC,MAAM,iBACH,QAAQ,KAAK,aAAa,aAAa,YACvC,QAAQ,KAAK,eAAe,aAAc,UAAU,eAAe;AAEtE,QACE,qBAAC,OAAD;EAAgB;YAAhB,CACE,oBAAC,eAAD;GACS;GACD;GACN,WAAW,MACT,aAAa,EAAE,OAAO,MAAM;GAE9B,cAAc,aAAa,MAAM;GACjC,eAAe,aAAa,KAAK;GACjC,YAAY;IAAE,GAAG;IAAY,UAAU;IAAkB;GAC7C;GACZ,GAAI;GACJ,CAAA,EACD,kBACC,oBAAC,OAAD;GACE,OAAO,EAAE,eAAe,kBAAkB;GAC1C,WAAU;aAET,OAAO,QAAQ,iBAAiB,CAAC,KAAK,CAAC,SAAS,YAC/C,oBAAC,eAAD;IAEE,OAAO,gBAAgB,QAAQ,UAAU;cAExC;IACa,EAJT,QAIS,CAChB;GACE,CAAA,CAEJ;;;AAIV,oBAAoB,cAAc"}
+{"version":3,"file":"CreatePasswordField.js","names":[],"sources":["../../../src/components/create-password-field/CreatePasswordField.tsx"],"sourcesContent":["import invariant from 'invariant'\nimport * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\nimport { throttle } from 'throttle-debounce'\n\nimport type { Override } from '../../utilities/types'\nimport type { FieldElementWrapperProps } from '../field-wrapper/FieldWrapper'\nimport { InlineMessage } from '../inline-message/InlineMessage'\nimport { PasswordField } from '../password-field/PasswordField'\nimport { PasswordInput } from '../password-input/PasswordInput'\n\ntype ValidationResult = Record<string, boolean>\n\ntype CreatePasswordFieldProps = Override<\n  React.ComponentProps<typeof PasswordInput> & FieldElementWrapperProps,\n  {\n    label?: string\n    name?: string\n    validate: (\n      password: string\n    ) => Promise<ValidationResult | undefined> | ValidationResult\n    defaultValidation: ValidationResult\n    messageDirection?: 'row' | 'column'\n  }\n>\n\nexport const CreatePasswordField = ({\n  validate,\n  defaultValidation,\n  messageDirection = 'row',\n  label = 'Create a password',\n  name = 'password',\n  className,\n  validation,\n  appearance,\n  ...rest\n}: CreatePasswordFieldProps) => {\n  const { formState, control } = useFormContext()\n  const [isFocused, setIsFocused] = React.useState<boolean>(false)\n  const [validationResult, setValidationResult] =\n    React.useState<ValidationResult>(defaultValidation)\n\n  const touched: boolean = formState.touched[name]\n  const error =\n    formState.errors[name]?.type === 'validate' ||\n    Object.values(validationResult).every((isValid) => !isValid)\n\n  const validatePassword = React.useCallback(\n    async (password: string) => {\n      const result = await validate(password)\n\n      if (result) {\n        invariant(\n          typeof result === 'object',\n          'The validate function must return an object'\n        )\n\n        setValidationResult(result)\n        return Object.values(result).every((isValid) => isValid)\n      }\n\n      return false\n    },\n    [setValidationResult]\n  )\n\n  const handleChange = React.useCallback(throttle(500, validatePassword), [\n    validatePassword\n  ])\n\n  const getMessageTheme = (result: boolean, isFocused: boolean) => {\n    if (result) return 'success'\n\n    return isFocused ? 'neutral' : 'error'\n  }\n\n  const showValidation: boolean =\n    (control.mode.isOnBlur && (isFocused || touched)) ||\n    (control.mode.isOnSubmit && (isFocused || (formState.isSubmitted && error)))\n\n  return (\n    <div className={className}>\n      <PasswordField\n        label={label}\n        name={name}\n        onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n          handleChange(e.target.value)\n        }\n        onBlur={() => setIsFocused(false)}\n        onFocus={() => setIsFocused(true)}\n        validation={{ ...validation, validate: validatePassword }}\n        appearance={appearance}\n        {...rest}\n      />\n      {showValidation && (\n        <div\n          style={{ '--direction': messageDirection }}\n          className=\"direction-(--direction) mt-2 flex flex-wrap gap-2\"\n        >\n          {Object.entries(validationResult).map(([message, result]) => (\n            <InlineMessage\n              key={message}\n              theme={getMessageTheme(result, isFocused)}\n            >\n              {message}\n            </InlineMessage>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nCreatePasswordField.displayName = 'CreatePasswordField'\n"],"mappings":";;;;;;;;AA0BA,IAAa,uBAAuB,EAClC,UACA,mBACA,mBAAmB,OACnB,QAAQ,qBACR,OAAO,YACP,WACA,YACA,YACA,GAAG,WAC2B;CAC9B,MAAM,EAAE,WAAW,YAAY,eAAe;CAC9C,MAAM,CAAC,WAAW,gBAAgB,QAAM,SAAkB,KAAK;CAC/D,MAAM,CAAC,kBAAkB,uBACvB,QAAM,SAA2B,iBAAiB;CAEpD,MAAM,UAAmB,UAAU,QAAQ;CAC3C,MAAM,QACJ,UAAU,OAAO,KAAK,EAAE,SAAS,cACjC,OAAO,OAAO,gBAAgB,CAAC,CAAC,OAAO,YAAY,CAAC,OAAO;CAE7D,MAAM,mBAAmB,QAAM,YAC7B,OAAO,aAAqB;EAC1B,MAAM,SAAS,MAAM,SAAS,QAAQ;EAEtC,IAAI,QAAQ;GACV,UACE,OAAO,WAAW,UAClB,6CACF;GAEA,oBAAoB,MAAM;GAC1B,OAAO,OAAO,OAAO,MAAM,CAAC,CAAC,OAAO,YAAY,OAAO;EACzD;EAEA,OAAO;CACT,GACA,CAAC,mBAAmB,CACtB;CAEA,MAAM,eAAe,QAAM,YAAY,SAAS,KAAK,gBAAgB,GAAG,CACtE,gBACF,CAAC;CAED,MAAM,mBAAmB,QAAiB,cAAuB;EAC/D,IAAI,QAAQ,OAAO;EAEnB,OAAO,YAAY,YAAY;CACjC;CAEA,MAAM,iBACH,QAAQ,KAAK,aAAa,aAAa,YACvC,QAAQ,KAAK,eAAe,aAAc,UAAU,eAAe;CAEtE,OACE,qBAAC,OAAD;EAAgB;YAAhB,CACE,oBAAC,eAAD;GACS;GACD;GACN,WAAW,MACT,aAAa,EAAE,OAAO,KAAK;GAE7B,cAAc,aAAa,KAAK;GAChC,eAAe,aAAa,IAAI;GAChC,YAAY;IAAE,GAAG;IAAY,UAAU;GAAiB;GAC5C;GACZ,GAAI;EACL,CAAA,GACA,kBACC,oBAAC,OAAD;GACE,OAAO,EAAE,eAAe,iBAAiB;GACzC,WAAU;aAET,OAAO,QAAQ,gBAAgB,CAAC,CAAC,KAAK,CAAC,SAAS,YAC/C,oBAAC,eAAD;IAEE,OAAO,gBAAgB,QAAQ,SAAS;cAEvC;GACY,GAJR,OAIQ,CAChB;EACE,CAAA,CAEJ;;AAET;AAEA,oBAAoB,cAAc"}