@atom-learning/components 6.0.0-beta.0 → 6.0.0-beta.10

package/dist/components/checkbox-tree/CheckboxTreeCollapsible.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CheckboxGroup } from '../checkbox-group';
+import { Tree } from '../tree';
+type CheckboxTreeCollapsibleProps = Omit<React.ComponentProps<typeof Tree.Collapsible> & React.ComponentProps<typeof CheckboxGroup.Sub>, 'asChild'>;
+export declare const CheckboxTreeCollapsible: ({ children, ...rest }: CheckboxTreeCollapsibleProps) => JSX.Element;
+export {};

package/dist/components/checkbox-tree/CheckboxTreeCollapsibleContent.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Tree } from '../tree';
+type CheckboxTreeCollapsibleContentProps = Omit<React.ComponentProps<typeof Tree.CollapsibleContent>, 'asChild'>;
+export declare const CheckboxTreeCollapsibleContent: ({ children, ...rest }: CheckboxTreeCollapsibleContentProps) => JSX.Element;
+export {};

package/dist/components/checkbox-tree/CheckboxTreeCollapsibleTrigger.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CheckboxGroup } from '../checkbox-group';
+import { Tree } from '../tree';
+type CheckboxGroupCollapsibleTriggerProps = Omit<React.ComponentProps<typeof Tree.CollapsibleTrigger> & React.ComponentProps<typeof CheckboxGroup.AllItem>, 'required' | 'asChild'>;
+export declare const CheckboxTreeCollapsibleTrigger: ({ onCheckedChange, title, label, children, disabled, ...rest }: CheckboxGroupCollapsibleTriggerProps) => JSX.Element;
+export {};

package/dist/components/checkbox-tree/CheckboxTreeItem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CheckboxGroup } from '../checkbox-group';
+import { Tree } from '../tree';
+type CheckboxTreeItemProps = Omit<React.ComponentProps<typeof Tree.Item> & React.ComponentProps<typeof CheckboxGroup.Item>, 'required' | 'asChild'>;
+export declare const CheckboxTreeItem: ({ value, title, onCheckedChange, children, disabled, ...rest }: CheckboxTreeItemProps) => JSX.Element;
+export {};

package/dist/components/checkbox-tree/CheckboxTreeItemContent.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { Flex } from '../../components/flex';
+type CheckboxTreeItemContentProps = React.ComponentProps<typeof Flex>;
+export declare const CheckboxTreeItemContent: ({ children, ...rest }: CheckboxTreeItemContentProps) => JSX.Element;
+export {};

package/dist/components/checkbox-tree/index.d.ts

@@ -0,0 +1 @@
+export { CheckboxTree } from './CheckboxTree';

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

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { Icon } from '../../components/icon';
+export declare const StyledChipContent: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, never> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const ChipIcon: (props: React.ComponentProps<typeof Icon>) => React.JSX.Element;
+export declare const StyledRoot: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "size"> & {
+    size?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type TChipRootContext = React.ComponentProps<typeof StyledRoot>;
+export type TChipRootProviderProps = TChipRootContext;
+export declare const ChipRootContext: React.Context<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "size"> & {
+    size?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ChipRootProvider: ({ size, children }: TChipRootProviderProps) => React.JSX.Element;
+export type TChipRootProps = TChipRootProviderProps;
+export declare const Chip: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "size"> & {
+    size?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    Content: ({ children, ...rest }: {
+        [x: string]: any;
+        children: any;
+    }) => React.JSX.Element;
+    Icon: (props: React.ComponentProps<typeof Icon>) => React.JSX.Element;
+};

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../src/components/chip/Chip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon'\nimport { getTextVariant } from '~/components/text'\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 (React.isValidElement(child) && child.type === Icon) {\n            return <ChipIcon key={`icon-${index}`} {...child.props} />\n          }\n          return child\n        }) as React.ReactElement[]\n      }\n    </StyledChipContent>\n  )\n}\n\nexport const StyledRoot = styled('div', {\n  base: [\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', ...getTextVariant({ size: 'sm' })],\n      md: ['h-8', ...getTextVariant({ size: 'sm' })],\n      lg: ['h-10', ...getTextVariant({ size: 'md' })]\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.ForwardRefExoticComponent<TChipRootProps> =\n  React.forwardRef(({ size = 'md', ...rest }, ref) => {\n    return (\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"],"names":["StyledChipContent","styled","toIconSize","ChipIcon","props","rootContext","React","ChipRootContext","size","iconSize","overrideStyledVariantValue","s","Icon","ChipContent","children","rest","childrenArray","isSingleChild","child","index","StyledRoot","getTextVariant","ChipRootProvider","value","ChipRoot","ref","Chip"],"mappings":"kRAOa,MAAAA,EAAoBC,EAAO,OAAQ,CAC9C,KAAM,CACJ,cACA,eACA,OACA,OACA,kBACA,gBACA,oBACA,iBACF,CACF,CAAC,EAEKC,EAAa,CAAE,GAAI,KAAM,GAAI,KAAM,GAAI,IAAK,EAErCC,EAAYC,GAA6C,CACpE,MAAMC,EAAcC,EAAM,WAAWC,CAAe,EAC9C,CAAE,KAAAC,CAAK,EAAIH,EACXI,EAAWH,EAAM,QACrB,IAAMI,EAA2BF,EAAOG,GAAMT,EAAWS,CAAC,CAAC,EAC3D,CAACH,CAAI,CACP,EACA,OAAOF,EAAA,cAACM,EAAA,CAAM,GAAGR,EAAO,KAAMK,CAAU,CAAA,CAC1C,EAEMI,EAAc,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAK,IAAM,CAC7C,MAAMC,EAAgBV,EAAM,SAAS,QAAQQ,CAAQ,EAC/CG,EAAgBD,EAAc,QAAU,EAC9C,OACEV,EAAA,cAACN,EAAA,CAAmB,GAAGe,CAAAA,EAEnBC,EAAc,IAAI,CAACE,EAAOC,IACpB,CAACF,GAAiB,OAAOC,GAAU,SAEnCZ,EAAA,cAAC,QACC,IAAKY,EACL,UAAU,iDAAA,EAETA,CACH,EAEAZ,EAAM,eAAeY,CAAK,GAAKA,EAAM,OAASN,EACzCN,EAAA,cAACH,EAAA,CAAS,IAAK,QAAQ,OAAAgB,CAAU,EAAA,GAAGD,EAAM,KAAA,CAAO,EAEnDA,CACR,CAEL,CAEJ,EAEaE,EAAanB,EAAO,MAAO,CACtC,KAAM,CACJ,OACA,SACA,aACA,eACA,YACA,aACA,qBACA,mBACA,iBACA,sBACA,8BACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,MAAO,GAAGoB,EAAe,CAAE,KAAM,IAAK,CAAC,CAAC,EAC7C,GAAI,CAAC,MAAO,GAAGA,EAAe,CAAE,KAAM,IAAK,CAAC,CAAC,EAC7C,GAAI,CAAC,OAAQ,GAAGA,EAAe,CAAE,KAAM,IAAK,CAAC,CAAC,CAChD,CACF,CACF,CAAC,EAKYd,EAAkBD,EAAM,cAAgC,CAAA,CAAE,EAE1DgB,EAAmB,CAAC,CAC/B,KAAAd,EACA,SAAAM,CACF,IAA8B,CAC5B,MAAMS,EAAQjB,EAAM,QAA0B,KAAO,CAAE,KAAAE,CAAK,GAAI,CAACA,CAAI,CAAC,EACtE,OACEF,EAAA,cAACC,EAAgB,SAAhB,CAAyB,MAAOgB,CAAAA,EAC9BT,CACH,CAEJ,EAIMU,EACJlB,EAAM,WAAW,CAAC,CAAE,KAAAE,EAAO,KAAM,GAAGO,CAAK,EAAGU,IAExCnB,EAAA,cAACgB,EAAA,CAAiB,KAAMd,CAAAA,EACtBF,EAAA,cAACc,EAAA,CAAW,IAAKK,EAAK,KAAMjB,EAAO,GAAGO,CAAM,CAAA,CAC9C,CAEH,EAEUW,EAAO,OAAO,OAAOF,EAAU,CAC1C,QAASX,EACT,KAAMV,CACR,CAAC,EAEDqB,EAAS,YAAc"}
+{"version":3,"file":"Chip.js","sources":["../../../src/components/chip/Chip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon'\nimport { getTextVariant } from '~/components/text'\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 (React.isValidElement(child) && child.type === Icon) {\n            return <ChipIcon key={`icon-${index}`} {...child.props} />\n          }\n          return child\n        }) as React.ReactElement[]\n      }\n    </StyledChipContent>\n  )\n}\n\nexport const StyledRoot = styled('div', {\n  base: [\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', ...getTextVariant({ size: 'sm' })],\n      md: ['h-8', ...getTextVariant({ size: 'sm' })],\n      lg: ['h-10', ...getTextVariant({ size: 'md' })]\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"],"names":["StyledChipContent","styled","toIconSize","ChipIcon","props","rootContext","React","ChipRootContext","size","iconSize","overrideStyledVariantValue","s","Icon","ChipContent","children","rest","childrenArray","isSingleChild","child","index","StyledRoot","getTextVariant","ChipRootProvider","value","ChipRoot","ref","Chip"],"mappings":"kRAOa,MAAAA,EAAoBC,EAAO,OAAQ,CAC9C,KAAM,CACJ,cACA,eACA,OACA,OACA,kBACA,gBACA,oBACA,iBACF,CACF,CAAC,EAEKC,EAAa,CAAE,GAAI,KAAM,GAAI,KAAM,GAAI,IAAK,EAErCC,EAAYC,GAA6C,CACpE,MAAMC,EAAcC,EAAM,WAAWC,CAAe,EAC9C,CAAE,KAAAC,CAAK,EAAIH,EACXI,EAAWH,EAAM,QACrB,IAAMI,EAA2BF,EAAOG,GAAMT,EAAWS,CAAC,CAAC,EAC3D,CAACH,CAAI,CACP,EACA,OAAOF,EAAA,cAACM,EAAA,CAAM,GAAGR,EAAO,KAAMK,CAAU,CAAA,CAC1C,EAEMI,EAAc,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAK,IAAM,CAC7C,MAAMC,EAAgBV,EAAM,SAAS,QAAQQ,CAAQ,EAC/CG,EAAgBD,EAAc,QAAU,EAC9C,OACEV,EAAA,cAACN,EAAA,CAAmB,GAAGe,CAAAA,EAEnBC,EAAc,IAAI,CAACE,EAAOC,IACpB,CAACF,GAAiB,OAAOC,GAAU,SAEnCZ,EAAA,cAAC,QACC,IAAKY,EACL,UAAU,iDAAA,EAETA,CACH,EAEAZ,EAAM,eAAeY,CAAK,GAAKA,EAAM,OAASN,EACzCN,EAAA,cAACH,EAAA,CAAS,IAAK,QAAQ,OAAAgB,CAAU,EAAA,GAAGD,EAAM,KAAA,CAAO,EAEnDA,CACR,CAEL,CAEJ,EAEaE,EAAanB,EAAO,MAAO,CACtC,KAAM,CACJ,OACA,SACA,aACA,eACA,YACA,aACA,qBACA,mBACA,iBACA,sBACA,8BACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,MAAO,GAAGoB,EAAe,CAAE,KAAM,IAAK,CAAC,CAAC,EAC7C,GAAI,CAAC,MAAO,GAAGA,EAAe,CAAE,KAAM,IAAK,CAAC,CAAC,EAC7C,GAAI,CAAC,OAAQ,GAAGA,EAAe,CAAE,KAAM,IAAK,CAAC,CAAC,CAChD,CACF,CACF,CAAC,EAKYd,EAAkBD,EAAM,cAAgC,CAAA,CAAE,EAE1DgB,EAAmB,CAAC,CAC/B,KAAAd,EACA,SAAAM,CACF,IAA8B,CAC5B,MAAMS,EAAQjB,EAAM,QAA0B,KAAO,CAAE,KAAAE,CAAK,GAAI,CAACA,CAAI,CAAC,EACtE,OACEF,EAAA,cAACC,EAAgB,SAAhB,CAAyB,MAAOgB,CAAAA,EAC9BT,CACH,CAEJ,EAIMU,EAAWlB,EAAM,WACrB,CAAC,CAAE,KAAAE,EAAO,KAAM,GAAGO,CAAK,EAAGU,IAEvBnB,EAAA,cAACgB,EAAA,CAAiB,KAAMd,CAAAA,EACtBF,EAAA,cAACc,EAAA,CAAW,IAAKK,EAAK,KAAMjB,EAAO,GAAGO,CAAM,CAAA,CAC9C,CAGN,EAEaW,EAAO,OAAO,OAAOF,EAAU,CAC1C,QAASX,EACT,KAAMV,CACR,CAAC,EAEDqB,EAAS,YAAc"}

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+type TChipGroupProps = {
+    gap: 1 | 2 | 3;
+};
+export declare const ChipGroup: React.ForwardRefExoticComponent<Omit<TChipGroupProps & 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;
+    wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
+    justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
+    align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
+    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> & {
+    as?: any;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ChipGroup.js","sources":["../../../src/components/chip/ChipGroup.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\n\ntype TChipGroupProps = {\n  gap: 1 | 2 | 3\n}\n\nexport const ChipGroup: React.ForwardRefExoticComponent<\n  TChipGroupProps & React.ComponentProps<typeof Flex> & { as?: any }\n> = React.forwardRef(({ gap = 2, ...rest }, ref) => (\n  <Flex direction=\"row\" wrap=\"wrap\" gap={gap} {...rest} ref={ref} />\n))\n"],"names":["ChipGroup","React","gap","rest","ref","Flex"],"mappings":"+DAQO,MAAMA,EAETC,EAAM,WAAW,CAAC,CAAE,IAAAC,EAAM,EAAG,GAAGC,CAAK,EAAGC,IAC1CH,EAAA,cAACI,EAAA,CAAK,UAAU,MAAM,KAAK,OAAO,IAAKH,EAAM,GAAGC,EAAM,IAAKC,EAAK,CACjE"}
+{"version":3,"file":"ChipGroup.js","sources":["../../../src/components/chip/ChipGroup.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\n\ntype TChipGroupProps = {\n  gap: 1 | 2 | 3\n}\n\nexport const ChipGroup = React.forwardRef<\n  HTMLDivElement,\n  TChipGroupProps & React.ComponentProps<typeof Flex> & { as?: any }\n>(({ gap = 2, ...rest }, ref) => (\n  <Flex direction=\"row\" wrap=\"wrap\" gap={gap} {...rest} ref={ref} />\n))\n"],"names":["ChipGroup","React","gap","rest","ref","Flex"],"mappings":"+DAQO,MAAMA,EAAYC,EAAM,WAG7B,CAAC,CAAE,IAAAC,EAAM,EAAG,GAAGC,CAAK,EAAGC,IACvBH,EAAA,cAACI,EAAA,CAAK,UAAU,MAAM,KAAK,OAAO,IAAKH,EAAM,GAAGC,EAAM,IAAKC,EAAK,CACjE"}

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

@@ -0,0 +1,2 @@
+export { Chip } from './Chip';
+export { ChipGroup } from './ChipGroup';

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

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

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { ChipGroup } from '../../components/chip';
+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>>;
+export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ChipDismissibleGroupRoot.js","sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip'\nimport { DismissibleGroup } from '~/components/dismissible-group'\n\ntype TChipDismissibleGroupRootProps = React.ComponentProps<typeof ChipGroup> &\n  React.ComponentProps<typeof DismissibleGroup>\n\nexport const ChipDismissibleGroupRoot: React.ForwardRefExoticComponent<TChipDismissibleGroupRootProps> =\n  React.forwardRef((props, ref) => {\n    return <ChipGroup as={DismissibleGroup} ref={ref} {...props} />\n  })\n"],"names":["ChipDismissibleGroupRoot","React","props","ref","ChipGroup","DismissibleGroup"],"mappings":"kKAQO,MAAMA,EACXC,EAAM,WAAW,CAACC,EAAOC,IAChBF,EAAA,cAACG,EAAA,CAAU,GAAIC,EAAkB,IAAKF,EAAM,GAAGD,CAAAA,CAAO,CAC9D"}
+{"version":3,"file":"ChipDismissibleGroupRoot.js","sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip'\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"],"names":["ChipDismissibleGroupRoot","React","props","ref","ChipGroup","DismissibleGroup"],"mappings":"kKAQO,MAAMA,EAA2BC,EAAM,WAG5C,CAACC,EAAOC,IACDF,EAAA,cAACG,EAAA,CAAU,GAAIC,EAAkB,IAAKF,EAAa,GAAGD,CAAAA,CAAO,CACrE"}

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

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

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

@@ -0,0 +1,14 @@
+import * as ToggleGroup from '@radix-ui/react-toggle-group';
+import * as React from 'react';
+declare const StyledChipToggleGroupItem: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "size"> & {
+    size?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, never> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type TChipToggleGroupItem = React.ComponentProps<typeof ToggleGroup.Item> & React.ComponentProps<typeof StyledChipToggleGroupItem>;
+export declare const ChipToggleGroupItem: ({ size, children, ...rest }: TChipToggleGroupItem) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,34 @@
+import * as React from 'react';
+export declare const ChipToggleGroupRoot: React.ForwardRefExoticComponent<(Omit<Omit<{
+    gap: 1 | 2 | 3;
+} & 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;
+    wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
+    justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
+    align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
+    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> & {
+    as?: any;
+}, "ref"> & React.RefAttributes<HTMLDivElement> & Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement> & {
+    disableDeselect?: boolean;
+}, "ref">, "ref"> | Omit<Omit<{
+    gap: 1 | 2 | 3;
+} & 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;
+    wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
+    justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
+    align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
+    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> & {
+    as?: any;
+}, "ref"> & React.RefAttributes<HTMLDivElement> & Omit<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement> & {
+    disableDeselect?: boolean;
+}, "ref">, "ref">) & React.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"ChipToggleGroupRoot.js","sources":["../../../src/components/chip-toggle-group/ChipToggleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip'\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.ForwardRefExoticComponent<TChipToggleGroupRootProps> =\n  React.forwardRef((props, ref) => {\n    return (\n      <ChipGroup\n        ref={ref}\n        as={ToggleGroup.Root}\n        orientation=\"horizontal\"\n        {...props}\n      />\n    )\n  })\n"],"names":["ChipToggleGroupRoot","React","props","ref","ChipGroup","ToggleGroup"],"mappings":"qLAQa,MAAAA,EACXC,EAAM,WAAW,CAACC,EAAOC,IAErBF,EAAA,cAACG,EAAA,CACC,IAAKD,EACL,GAAIE,EAAY,KAChB,YAAY,aACX,GAAGH,EACN,CAEH"}
+{"version":3,"file":"ChipToggleGroupRoot.js","sources":["../../../src/components/chip-toggle-group/ChipToggleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip'\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"],"names":["ChipToggleGroupRoot","React","props","ref","ChipGroup","ToggleGroup"],"mappings":"qLAQa,MAAAA,EAAsBC,EAAM,WAGvC,CAACC,EAAOC,IAENF,EAAA,cAACG,EAAA,CACC,IAAKD,EACL,GAAIE,EAAY,KAChB,YAAY,aACX,GAAGH,EACN,CAEH"}

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

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

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

@@ -0,0 +1,36 @@
+import { ComboboxOptionText } from '@reach/combobox';
+export declare const Combobox: import("@reach/utils/polymorphic").ForwardRefComponent<"div", import("@reach/combobox").ComboboxProps> & {
+    displayName: string;
+    Option: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+        ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
+    }, "as" | keyof import("@reach/combobox").ComboboxOptionProps> & import("@reach/combobox").ComboboxOptionProps & {
+        as?: "li" | undefined;
+    }, never> & {
+        as?: import("react").ElementType;
+    }, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+    Input: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+        ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
+    }, "as" | keyof import("@reach/combobox").ComboboxInputProps> & import("@reach/combobox").ComboboxInputProps & {
+        as?: "input" | undefined;
+    }, "size" | "state"> & {
+        size?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
+        state?: ("error" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "error">>) | undefined;
+    } & {
+        as?: import("react").ElementType;
+    }, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+    Popover: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    }, "as" | keyof import("@reach/popover").PopoverProps | "portal"> & import("@reach/combobox").ComboboxPopoverProps & Partial<import("@reach/popover").PopoverProps> & {
+        as?: "div" | undefined;
+    }, never> & {
+        as?: import("react").ElementType;
+    }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    List: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+        ref?: ((instance: HTMLUListElement | null) => void) | import("react").RefObject<HTMLUListElement> | null | undefined;
+    }, "as" | "persistSelection"> & import("@reach/combobox").ComboboxListProps & {
+        as?: "ul" | undefined;
+    }, never> & {
+        as?: import("react").ElementType;
+    }, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
+    OptionText: typeof ComboboxOptionText;
+};

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+export declare const StyledComboboxInput: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
+}, "as" | keyof import("@reach/combobox").ComboboxInputProps> & import("@reach/combobox").ComboboxInputProps & {
+    as?: "input" | undefined;
+}, "size" | "state"> & {
+    size?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
+    state?: ("error" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "error">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export type ComboboxInputProps = React.ComponentProps<typeof StyledComboboxInput>;
+export declare const ComboboxInput: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
+}, "as" | keyof import("@reach/combobox").ComboboxInputProps> & import("@reach/combobox").ComboboxInputProps & {
+    as?: "input" | undefined;
+}, "size" | "state"> & {
+    size?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
+    state?: ("error" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "error">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.js","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-white',\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    'border',\n    'border-grey-700',\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    'focus-within:border-primary-800',\n    'focus-within:outline-none',\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    state: {\n      error: ['border', 'border-danger']\n    }\n  }\n})\n\nexport type ComboboxInputProps = React.ComponentProps<\n  typeof StyledComboboxInput\n>\n\nexport const ComboboxInput: React.ForwardRefExoticComponent<ComboboxInputProps> =\n  React.forwardRef(({ size = 'md', ...rest }, ref) => (\n    <StyledComboboxInput size={size} {...rest} ref={ref} />\n  ))\n"],"names":["StyledComboboxInput","styled","BaseComboboxInput","ComboboxInput","React","size","rest","ref"],"mappings":"iHAKO,MAAMA,EAAsBC,EAAOC,EAAmB,CAC3D,KAAM,CACJ,WACA,0BACA,+CACA,yCACA,mCACA,cACA,kBACA,SACA,kBACA,aACA,aACA,iBACA,cACA,QACA,YACA,OACA,OACA,QACA,iBACA,eACA,WACA,SACA,0BACA,4BACA,kCACA,4BACA,uBACA,8BACA,wBACF,EAEA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,MAAO,UAAW,eAAe,EACtC,GAAI,CAAC,OAAQ,UAAW,eAAe,EACvC,GAAI,CAAC,OAAQ,UAAW,eAAe,CACzC,EACA,MAAO,CACL,MAAO,CAAC,SAAU,eAAe,CACnC,CACF,CACF,CAAC,EAMYC,EACXC,EAAM,WAAW,CAAC,CAAE,KAAAC,EAAO,KAAM,GAAGC,CAAK,EAAGC,IAC1CH,EAAA,cAACJ,EAAoB,CAAA,KAAMK,EAAO,GAAGC,EAAM,IAAKC,CAAAA,CAAK,CACtD"}
+{"version":3,"file":"ComboboxInput.js","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-white',\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    'border',\n    'border-grey-700',\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    'focus-within:border-primary-800',\n    'focus-within:outline-none',\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    state: {\n      error: ['border', 'border-danger']\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', ...rest }, ref) => (\n  <StyledComboboxInput \n    size={size as React.ComponentProps<typeof StyledComboboxInput>['size']} \n    {...rest} \n    ref={ref} \n  />\n))\n"],"names":["StyledComboboxInput","styled","BaseComboboxInput","ComboboxInput","React","size","rest","ref"],"mappings":"iHAKO,MAAMA,EAAsBC,EAAOC,EAAmB,CAC3D,KAAM,CACJ,WACA,0BACA,+CACA,yCACA,mCACA,cACA,kBACA,SACA,kBACA,aACA,aACA,iBACA,cACA,QACA,YACA,OACA,OACA,QACA,iBACA,eACA,WACA,SACA,0BACA,4BACA,kCACA,4BACA,uBACA,8BACA,wBACF,EAEA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,MAAO,UAAW,eAAe,EACtC,GAAI,CAAC,OAAQ,UAAW,eAAe,EACvC,GAAI,CAAC,OAAQ,UAAW,eAAe,CACzC,EACA,MAAO,CACL,MAAO,CAAC,SAAU,eAAe,CACnC,CACF,CACF,CAAC,EAMYC,EAAgBC,EAAM,WAGjC,CAAC,CAAE,KAAAC,EAAO,KAAM,GAAGC,CAAK,EAAGC,IAC3BH,EAAA,cAACJ,EACC,CAAA,KAAMK,EACL,GAAGC,EACJ,IAAKC,CAAAA,CACP,CACD"}

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

@@ -0,0 +1,7 @@
+export declare const ComboboxList: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+    ref?: ((instance: HTMLUListElement | null) => void) | import("react").RefObject<HTMLUListElement> | null | undefined;
+}, "as" | "persistSelection"> & import("@reach/combobox").ComboboxListProps & {
+    as?: "ul" | undefined;
+}, never> & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLUListElement>>;

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

@@ -0,0 +1,7 @@
+export declare const ComboboxOption: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}, "as" | keyof import("@reach/combobox").ComboboxOptionProps> & import("@reach/combobox").ComboboxOptionProps & {
+    as?: "li" | undefined;
+}, never> & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLLIElement>>;

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

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

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

@@ -0,0 +1 @@
+export { Combobox } from './Combobox';

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { Override } from '../../utilities';
+import { FieldElementWrapperProps } from '../field-wrapper';
+import { PasswordInput } from '../password-input';
+type ValidationResult = Record<string, boolean>;
+type CreatePasswordFieldProps = Override<React.ComponentProps<typeof PasswordInput> & FieldElementWrapperProps, {
+    label?: string;
+    name?: string;
+    validate: (password: string) => Promise<ValidationResult | undefined> | ValidationResult;
+    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 {};

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

@@ -1,2 +1,2 @@
-import E from"invariant";import*as t from"react";import{useFormContext as N}from"react-hook-form";import{throttle as k}from"throttle-debounce";import{InlineMessage as P}from"../inline-message/InlineMessage.js";import{PasswordField as B}from"../password-field/PasswordField.js";const u=({validate:p,defaultValidation:v,messageDirection:f="row",label:b="Create a password",name:r="password",className:y,validation:w,appearance:C,...h})=>{var i;const{formState:o,control:n}=N(),[s,m]=t.useState(!1),[c,d]=t.useState(v),F=o.touched[r],g=((i=o.errors[r])==null?void 0:i.type)==="validate"||Object.values(c).every(e=>!e),l=t.useCallback(async e=>{const a=await p(e);return a?(E(typeof a=="object","The validate function must return an object"),d(a),Object.values(a).every(x=>x)):!1},[d]),j=t.useCallback(k(500,l),[l]),O=(e,a)=>e?"success":a?"neutral":"error",S=n.mode.isOnBlur&&(s||F)||n.mode.isOnSubmit&&(s||o.isSubmitted&&g);return t.createElement("div",{className:y},t.createElement(B,{label:b,name:r,onChange:e=>j(e.target.value),onBlur:()=>m(!1),onFocus:()=>m(!0),validation:{...w,validate:l},appearance:C,...h}),S&&t.createElement("div",{style:{"--direction":f},className:"direction-(--direction) mt-2 flex flex-wrap gap-2"},Object.entries(c).map(([e,a])=>t.createElement(P,{key:e,theme:O(a,s)},e))))};u.displayName="CreatePasswordField";export{u as CreatePasswordField};
+import E from"invariant";import*as a from"react";import{useFormContext as N}from"react-hook-form";import{throttle as k}from"throttle-debounce";import{InlineMessage as P}from"../inline-message/InlineMessage.js";import{PasswordField as B}from"../password-field/PasswordField.js";const u=({validate:p,defaultValidation:v,messageDirection:f="row",label:b="Create a password",name:r="password",className:y,validation:w,appearance:C,...h})=>{var i;const{formState:o,control:n}=N(),[s,m]=a.useState(!1),[c,d]=a.useState(v),F=o.touched[r],g=((i=o.errors[r])==null?void 0:i.type)==="validate"||Object.values(c).every(e=>!e),l=a.useCallback(async e=>{const t=await p(e);return t?(E(typeof t=="object","The validate function must return an object"),d(t),Object.values(t).every(x=>x)):!1},[d]),j=a.useCallback(k(500,l),[l]),O=(e,t)=>e?"success":t?"neutral":"error",S=n.mode.isOnBlur&&(s||F)||n.mode.isOnSubmit&&(s||o.isSubmitted&&g);return a.createElement("div",{className:y},a.createElement(B,{label:b,name:r,onChange:e=>j(e.target.value),onBlur:()=>m(!1),onFocus:()=>m(!0),validation:{...w,validate:l},appearance:C,...h}),S&&a.createElement("div",{style:{"--direction":f},className:"direction-(--direction) mt-2 flex flex-wrap gap-2"},Object.entries(c).map(([e,t])=>a.createElement(P,{key:e,theme:O(t,s)},e))))};u.displayName="CreatePasswordField";export{u as CreatePasswordField};
 //# sourceMappingURL=CreatePasswordField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CreatePasswordField.js","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'\n\nimport { FieldElementWrapperProps } from '../field-wrapper'\nimport { InlineMessage } from '../inline-message'\nimport { PasswordField } from '../password-field'\nimport { PasswordInput } from '../password-input'\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) => handleChange(e.target.value)}\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"],"names":["CreatePasswordField","validate","defaultValidation","messageDirection","label","name","className","validation","appearance","remainingProps","_a","formState","control","useFormContext","isFocused","setIsFocused","React","validationResult","setValidationResult","touched","error","isValid","validatePassword","password","result","invariant","handleChange","throttle","getMessageTheme","showValidation","PasswordField","message","InlineMessage"],"mappings":"qRA2Ba,MAAAA,EAAsB,CAAC,CAClC,SAAAC,EACA,kBAAAC,EACA,iBAAAC,EAAmB,MACnB,MAAAC,EAAQ,oBACR,KAAAC,EAAO,WACP,UAAAC,EACA,WAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAAgC,CArChC,IAAAC,EAsCE,KAAM,CAAE,UAAAC,EAAW,QAAAC,CAAQ,EAAIC,IACzB,CAACC,EAAWC,CAAY,EAAIC,EAAM,SAAkB,EAAK,EACzD,CAACC,EAAkBC,CAAmB,EAC1CF,EAAM,SAA2Bd,CAAiB,EAE9CiB,EAAmBR,EAAU,QAAQN,CAAI,EACzCe,IACJV,EAAAC,EAAU,OAAON,CAAI,IAArB,KAAA,OAAAK,EAAwB,QAAS,YACjC,OAAO,OAAOO,CAAgB,EAAE,MAAOI,GAAY,CAACA,CAAO,EAEvDC,EAAmBN,EAAM,YAC7B,MAAOO,GAAqB,CAC1B,MAAMC,EAAS,MAAMvB,EAASsB,CAAQ,EAEtC,OAAIC,GACFC,EACE,OAAOD,GAAW,SAClB,6CACF,EAEAN,EAAoBM,CAAM,EACnB,OAAO,OAAOA,CAAM,EAAE,MAAOH,GAAYA,CAAO,GAGlD,EACT,EACA,CAACH,CAAmB,CACtB,EAEMQ,EAAeV,EAAM,YAAYW,EAAS,IAAKL,CAAgB,EAAG,CACtEA,CACF,CAAC,EAEKM,EAAkB,CAACJ,EAAiBV,IACpCU,EAAe,UAEZV,EAAY,UAAY,QAG3Be,EACHjB,EAAQ,KAAK,WAAaE,GAAaK,IACvCP,EAAQ,KAAK,aAAeE,GAAcH,EAAU,aAAeS,GAEtE,OACEJ,EAAA,cAAC,MAAA,CAAI,UAAWV,CAAAA,EACdU,EAAA,cAACc,EAAA,CACC,MAAO1B,EACP,KAAMC,EACN,SAAW,GAAMqB,EAAa,EAAE,OAAO,KAAK,EAC5C,OAAQ,IAAMX,EAAa,EAAK,EAChC,QAAS,IAAMA,EAAa,EAAI,EAChC,WAAY,CAAE,GAAGR,EAAY,SAAUe,CAAiB,EACxD,WAAYd,EACX,GAAGC,CAAAA,CACN,EACCoB,GACCb,EAAA,cAAC,MACC,CAAA,MAAO,CAAE,cAAeb,CAAiB,EACzC,UAAU,mDAAA,EAET,OAAO,QAAQc,CAAgB,EAAE,IAAI,CAAC,CAACc,EAASP,CAAM,IACrDR,EAAA,cAACgB,EAAA,CACC,IAAKD,EACL,MAAOH,EAAgBJ,EAAQV,CAAS,CAEvCiB,EAAAA,CACH,CACD,CACH,CAEJ,CAEJ,EAEA/B,EAAoB,YAAc"}
+{"version":3,"file":"CreatePasswordField.js","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'\n\nimport { FieldElementWrapperProps } from '../field-wrapper'\nimport { InlineMessage } from '../inline-message'\nimport { PasswordField } from '../password-field'\nimport { PasswordInput } from '../password-input'\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"],"names":["CreatePasswordField","validate","defaultValidation","messageDirection","label","name","className","validation","appearance","remainingProps","_a","formState","control","useFormContext","isFocused","setIsFocused","React","validationResult","setValidationResult","touched","error","isValid","validatePassword","password","result","invariant","handleChange","throttle","getMessageTheme","showValidation","PasswordField","message","InlineMessage"],"mappings":"qRA2Ba,MAAAA,EAAsB,CAAC,CAClC,SAAAC,EACA,kBAAAC,EACA,iBAAAC,EAAmB,MACnB,MAAAC,EAAQ,oBACR,KAAAC,EAAO,WACP,UAAAC,EACA,WAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAAgC,CArChC,IAAAC,EAsCE,KAAM,CAAE,UAAAC,EAAW,QAAAC,CAAQ,EAAIC,IACzB,CAACC,EAAWC,CAAY,EAAIC,EAAM,SAAkB,EAAK,EACzD,CAACC,EAAkBC,CAAmB,EAC1CF,EAAM,SAA2Bd,CAAiB,EAE9CiB,EAAmBR,EAAU,QAAQN,CAAI,EACzCe,IACJV,EAAAC,EAAU,OAAON,CAAI,IAArB,KAAA,OAAAK,EAAwB,QAAS,YACjC,OAAO,OAAOO,CAAgB,EAAE,MAAOI,GAAY,CAACA,CAAO,EAEvDC,EAAmBN,EAAM,YAC7B,MAAOO,GAAqB,CAC1B,MAAMC,EAAS,MAAMvB,EAASsB,CAAQ,EAEtC,OAAIC,GACFC,EACE,OAAOD,GAAW,SAClB,6CACF,EAEAN,EAAoBM,CAAM,EACnB,OAAO,OAAOA,CAAM,EAAE,MAAOH,GAAYA,CAAO,GAGlD,EACT,EACA,CAACH,CAAmB,CACtB,EAEMQ,EAAeV,EAAM,YAAYW,EAAS,IAAKL,CAAgB,EAAG,CACtEA,CACF,CAAC,EAEKM,EAAkB,CAACJ,EAAiBV,IACpCU,EAAe,UAEZV,EAAY,UAAY,QAG3Be,EACHjB,EAAQ,KAAK,WAAaE,GAAaK,IACvCP,EAAQ,KAAK,aAAeE,GAAcH,EAAU,aAAeS,GAEtE,OACEJ,EAAA,cAAC,MAAA,CAAI,UAAWV,CAAAA,EACdU,EAAA,cAACc,EAAA,CACC,MAAO1B,EACP,KAAMC,EACN,SAAW,GACTqB,EAAa,EAAE,OAAO,KAAK,EAE7B,OAAQ,IAAMX,EAAa,EAAK,EAChC,QAAS,IAAMA,EAAa,EAAI,EAChC,WAAY,CAAE,GAAGR,EAAY,SAAUe,CAAiB,EACxD,WAAYd,EACX,GAAGC,CAAAA,CACN,EACCoB,GACCb,EAAA,cAAC,MACC,CAAA,MAAO,CAAE,cAAeb,CAAiB,EACzC,UAAU,mDAAA,EAET,OAAO,QAAQc,CAAgB,EAAE,IAAI,CAAC,CAACc,EAASP,CAAM,IACrDR,EAAA,cAACgB,EAAA,CACC,IAAKD,EACL,MAAOH,EAAgBJ,EAAQV,CAAS,CAEvCiB,EAAAA,CACH,CACD,CACH,CAEJ,CAEJ,EAEA/B,EAAoB,YAAc"}

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

@@ -0,0 +1 @@
+export { CreatePasswordField } from './CreatePasswordField';