@atom-learning/components 2.33.0 → 2.35.0

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

@@ -33,6 +33,42 @@ declare const StyledChipDismissibleGroupItem: import("@stitches/react/types/styl
                 textPlaceholder: any;
                 background: any;
                 backgroundAccent: any;
+                grey100: any;
+                grey200: any;
+                grey300: any;
+                grey400: any;
+                grey500: any;
+                grey600: any;
+                grey700: any;
+                grey800: any;
+                grey900: any;
+                grey1000: any;
+                grey1100: any;
+                grey1200: any;
+                blue100: any;
+                blue200: any;
+                blue300: any;
+                blue400: any;
+                blue500: any;
+                blue600: any;
+                blue700: any;
+                blue800: any;
+                blue900: any;
+                blue1000: any;
+                blue1100: any;
+                blue1200: any;
+                purple100: any;
+                purple200: any;
+                purple300: any;
+                purple400: any;
+                purple500: any;
+                purple600: any;
+                purple700: any;
+                purple800: any;
+                purple900: any;
+                purple1000: any;
+                purple1100: any;
+                purple1200: any;
                 tonal50: any;
                 tonal100: any;
                 tonal200: any;
@@ -90,6 +126,7 @@ declare const StyledChipDismissibleGroupItem: import("@stitches/react/types/styl
                 "7": any;
                 "8": any;
                 "9": any;
+                "24": any;
             };
             fontSizes: {
                 xs: any;
@@ -213,6 +250,42 @@ declare const StyledChipDismissibleGroupItem: import("@stitches/react/types/styl
         textPlaceholder: any;
         background: any;
         backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -270,6 +343,7 @@ declare const StyledChipDismissibleGroupItem: import("@stitches/react/types/styl
         "7": any;
         "8": any;
         "9": any;
+        "24": any;
     };
     fontSizes: {
         xs: any;

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

@@ -1 +1,2 @@
 import*as e from"react";import{styled as l}from"../../stitches.js";import{Chip as i}from"../chip/Chip.js";import"../chip/ChipGroup.js";import{DismissibleGroup as m}from"../dismissible-group/index.js";import{ActionIcon as n}from"../action-icon/ActionIcon.js";import{Icon as c}from"../icon/Icon.js";import{Close as p}from"@atom-learning/icons";const a=l(i,{px:"$1"}),f=({size:t="md",children:o,dismissActionLabel:r="Dismiss",...s})=>e.createElement(m.Item,{asChild:!0,...s},e.createElement(a,{size:t},e.createElement(i.Content,null,o),e.createElement(m.Trigger,{asChild:!0},e.createElement(n,{label:r,css:{color:"$tonal200"},size:t==="sm"?"xs":"sm"},e.createElement(c,{is:p})))));export{f as ChipDismissibleGroupItem};
+//# sourceMappingURL=ChipDismissibleGroupItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipDismissibleGroupItem.js","sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupItem.tsx"],"sourcesContent":["import * as React from 'react'\nimport { styled } from '~/stitches'\nimport { Chip } from '~/components/chip'\nimport { DismissibleGroup } from '~/components/dismissible-group'\nimport { ActionIcon } from '../action-icon'\nimport { Icon } from '../icon'\nimport { Close } from '@atom-learning/icons'\n\nconst StyledChipDismissibleGroupItem = styled(Chip, { px: '$1' })\n\nexport type TChipDismissibleGroupItem = React.ComponentProps<\n  typeof DismissibleGroup.Item\n> &\n  React.ComponentProps<typeof StyledChipDismissibleGroupItem> & {\n    dismissActionLabel: string\n  }\n\nexport const ChipDismissibleGroupItem: React.FC<TChipDismissibleGroupItem> = ({\n  size = 'md',\n  children,\n  dismissActionLabel = 'Dismiss',\n  ...rest\n}) => {\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            css={{ color: '$tonal200' }}\n            size={size === 'sm' ? 'xs' : 'sm'}\n          >\n            <Icon is={Close} />\n          </ActionIcon>\n        </DismissibleGroup.Trigger>\n      </StyledChipDismissibleGroupItem>\n    </DismissibleGroup.Item>\n  )\n}\n"],"names":["StyledChipDismissibleGroupItem","styled","Chip","ChipDismissibleGroupItem","size","children","dismissActionLabel","rest","React","DismissibleGroup","ActionIcon","Icon","Close"],"mappings":"sVAQA,MAAMA,EAAiCC,EAAOC,EAAM,CAAE,GAAI,IAAK,CAAC,EASnDC,EAAgE,CAAC,CAC5E,KAAAC,EAAO,KACP,SAAAC,EACA,mBAAAC,EAAqB,aAClBC,CACL,IAEIC,EAAA,cAACC,EAAiB,KAAjB,CAAsB,QAAO,GAAE,GAAGF,GACjCC,EAAA,cAACR,EAAA,CAA+B,KAAMI,CAAAA,EACpCI,EAAA,cAACN,EAAK,QAAL,KAAcG,CAAS,EACxBG,EAAA,cAACC,EAAiB,QAAjB,CAAyB,QAAO,EAAA,EAC/BD,EAAA,cAACE,EAAA,CACC,MAAOJ,EACP,IAAK,CAAE,MAAO,WAAY,EAC1B,KAAMF,IAAS,KAAO,KAAO,IAAA,EAE7BI,EAAA,cAACG,EAAA,CAAK,GAAIC,CAAO,CAAA,CACnB,CACF,CACF,CACF"}

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

@@ -1 +1,2 @@
 import*as o from"react";import"../chip/Chip.js";import{ChipGroup as m}from"../chip/ChipGroup.js";import{DismissibleGroup as p}from"../dismissible-group/index.js";const t=o.forwardRef((r,i)=>o.createElement(m,{as:p,ref:i,...r}));export{t as ChipDismissibleGroupRoot};
+//# sourceMappingURL=ChipDismissibleGroupRoot.js.map

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

@@ -0,0 +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.forwardRef<\n  HTMLDivElement,\n  TChipDismissibleGroupRootProps\n>((props, ref) => {\n  return <ChipGroup as={DismissibleGroup} ref={ref} {...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,EAAM,GAAGD,CAAAA,CAAO,CAC9D"}

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

@@ -1 +1,2 @@
 import{ChipDismissibleGroupItem as s}from"./ChipDismissibleGroupItem.js";import{ChipDismissibleGroupRoot as o}from"./ChipDismissibleGroupRoot.js";const i=o;i.Item=s,i.displayName="ChipDismissibleGroup";export{i as ChipDismissibleGroup};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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"],"names":["ChipDismissibleGroup","ChipDismissibleGroupRoot","ChipDismissibleGroupItem"],"mappings":"kJAOa,MAAAA,EACXC,EACFD,EAAqB,KAAOE,EAC5BF,EAAqB,YAAc"}

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

@@ -33,6 +33,42 @@ declare const StyledChipToggleGroupItem: import("@stitches/react/types/styled-co
                 textPlaceholder: any;
                 background: any;
                 backgroundAccent: any;
+                grey100: any;
+                grey200: any;
+                grey300: any;
+                grey400: any;
+                grey500: any;
+                grey600: any;
+                grey700: any;
+                grey800: any;
+                grey900: any;
+                grey1000: any;
+                grey1100: any;
+                grey1200: any;
+                blue100: any;
+                blue200: any;
+                blue300: any;
+                blue400: any;
+                blue500: any;
+                blue600: any;
+                blue700: any;
+                blue800: any;
+                blue900: any;
+                blue1000: any;
+                blue1100: any;
+                blue1200: any;
+                purple100: any;
+                purple200: any;
+                purple300: any;
+                purple400: any;
+                purple500: any;
+                purple600: any;
+                purple700: any;
+                purple800: any;
+                purple900: any;
+                purple1000: any;
+                purple1100: any;
+                purple1200: any;
                 tonal50: any;
                 tonal100: any;
                 tonal200: any;
@@ -90,6 +126,7 @@ declare const StyledChipToggleGroupItem: import("@stitches/react/types/styled-co
                 "7": any;
                 "8": any;
                 "9": any;
+                "24": any;
             };
             fontSizes: {
                 xs: any;
@@ -213,6 +250,42 @@ declare const StyledChipToggleGroupItem: import("@stitches/react/types/styled-co
         textPlaceholder: any;
         background: any;
         backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -270,6 +343,7 @@ declare const StyledChipToggleGroupItem: import("@stitches/react/types/styled-co
         "7": any;
         "8": any;
         "9": any;
+        "24": any;
     };
     fontSizes: {
         xs: any;

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

@@ -1 +1,2 @@
 import{Ok as i}from"@atom-learning/icons";import*as m from"@radix-ui/react-toggle-group";import*as o from"react";import{Chip as t}from"../chip/Chip.js";import"../chip/ChipGroup.js";import{Icon as s}from"../icon/Icon.js";import{styled as r}from"../../stitches.js";import{focusVisibleStyleBlock as c}from"../../utilities/style/focus-visible-style-block.js";const e=r(s,{display:"none"}),p=r(t,{"&:not([disabled])":{cursor:"pointer","&:hover":{bg:"$tonal100",color:"$tonal600",borderColor:"currentColor"},"&:focus-visible":{...c()},'&[data-state="on"]':{"&:hover":{bg:"$white",color:"$primaryDark"}}},'&[data-state="off"]':{color:"$tonal400",bg:"$tonal50",borderColor:"$tonal200"},'&[data-state="on"]':{[`& ${e}`]:{display:"block"}}}),d=({size:l="md",children:a,...n})=>o.createElement(m.Item,{...n,asChild:!0},o.createElement(p,{asWorkaround:"button"},o.createElement(e,{is:i,size:l==="lg"?"md":"sm"}),o.createElement(t.Content,null,a)));export{d as ChipToggleGroupItem};
+//# sourceMappingURL=ChipToggleGroupItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipToggleGroupItem.js","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'\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/stitches'\nimport { focusVisibleStyleBlock } from '~/utilities'\n\nconst StyledChipToggleIcon = styled(Icon, {\n  display: 'none'\n})\n\nconst StyledChipToggleGroupItem = styled(Chip, {\n  '&:not([disabled])': {\n    cursor: 'pointer',\n    '&:hover': {\n      bg: '$tonal100',\n      color: '$tonal600',\n      borderColor: 'currentColor'\n    },\n    '&:focus-visible': {\n      ...focusVisibleStyleBlock()\n    },\n    '&[data-state=\"on\"]': {\n      '&:hover': {\n        bg: '$white',\n        color: '$primaryDark'\n      }\n    }\n  },\n  '&[data-state=\"off\"]': {\n    color: '$tonal400',\n    bg: '$tonal50',\n    borderColor: '$tonal200'\n  },\n  '&[data-state=\"on\"]': {\n    [`& ${StyledChipToggleIcon}`]: {\n      display: 'block'\n    }\n  }\n})\n\ntype TChipToggleGroupItem = React.ComponentProps<typeof ToggleGroup.Item> &\n  React.ComponentProps<typeof StyledChipToggleGroupItem>\n\nexport const ChipToggleGroupItem: React.FC<TChipToggleGroupItem> = ({\n  size = 'md',\n  children,\n  ...rest\n}) => {\n  return (\n    <ToggleGroup.Item {...rest} asChild>\n      <StyledChipToggleGroupItem asWorkaround=\"button\">\n        <StyledChipToggleIcon is={Ok} size={size === 'lg' ? 'md' : 'sm'} />\n        <Chip.Content>{children}</Chip.Content>\n      </StyledChipToggleGroupItem>\n    </ToggleGroup.Item>\n  )\n}\n"],"names":["StyledChipToggleIcon","styled","Icon","StyledChipToggleGroupItem","Chip","focusVisibleStyleBlock","ChipToggleGroupItem","size","children","rest","React","ToggleGroup","Ok"],"mappings":"mWASA,MAAMA,EAAuBC,EAAOC,EAAM,CACxC,QAAS,MACX,CAAC,EAEKC,EAA4BF,EAAOG,EAAM,CAC7C,oBAAqB,CACnB,OAAQ,UACR,UAAW,CACT,GAAI,YACJ,MAAO,YACP,YAAa,cACf,EACA,kBAAmB,CACjB,GAAGC,EAAAA,CACL,EACA,qBAAsB,CACpB,UAAW,CACT,GAAI,SACJ,MAAO,cACT,CACF,CACF,EACA,sBAAuB,CACrB,MAAO,YACP,GAAI,WACJ,YAAa,WACf,EACA,qBAAsB,CACpB,CAAC,KAAKL,KAAyB,CAC7B,QAAS,OACX,CACF,CACF,CAAC,EAKYM,EAAsD,CAAC,CAClE,KAAAC,EAAO,KACP,SAAAC,KACGC,CACL,IAEIC,EAAA,cAACC,EAAY,KAAZ,CAAkB,GAAGF,EAAM,QAAO,EAAA,EACjCC,EAAA,cAACP,EAAA,CAA0B,aAAa,QAAA,EACtCO,EAAA,cAACV,EAAA,CAAqB,GAAIY,EAAI,KAAML,IAAS,KAAO,KAAO,IAAM,CAAA,EACjEG,EAAA,cAACN,EAAK,QAAL,KAAcI,CAAS,CAC1B,CACF"}

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

@@ -9,7 +9,7 @@ export declare const ChipToggleGroupRoot: React.ForwardRefExoticComponent<(Pick<
     wrap?: "wrap" | "wrap-reverse" | "no-wrap" | undefined;
     justify?: boolean | "center" | "false" | "end" | "start" | undefined;
     align?: boolean | "center" | "false" | "end" | "start" | undefined;
-    gap?: number | boolean | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "false" | undefined;
+    gap?: number | boolean | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | "false" | undefined;
 }, {
     sm: string;
     md: string;
@@ -34,6 +34,42 @@ export declare const ChipToggleGroupRoot: React.ForwardRefExoticComponent<(Pick<
             textPlaceholder: any;
             background: any;
             backgroundAccent: any;
+            grey100: any;
+            grey200: any;
+            grey300: any;
+            grey400: any;
+            grey500: any;
+            grey600: any;
+            grey700: any;
+            grey800: any;
+            grey900: any;
+            grey1000: any;
+            grey1100: any;
+            grey1200: any;
+            blue100: any;
+            blue200: any;
+            blue300: any;
+            blue400: any;
+            blue500: any;
+            blue600: any;
+            blue700: any;
+            blue800: any;
+            blue900: any;
+            blue1000: any;
+            blue1100: any;
+            blue1200: any;
+            purple100: any;
+            purple200: any;
+            purple300: any;
+            purple400: any;
+            purple500: any;
+            purple600: any;
+            purple700: any;
+            purple800: any;
+            purple900: any;
+            purple1000: any;
+            purple1100: any;
+            purple1200: any;
             tonal50: any;
             tonal100: any;
             tonal200: any;
@@ -91,6 +127,7 @@ export declare const ChipToggleGroupRoot: React.ForwardRefExoticComponent<(Pick<
             "7": any;
             "8": any;
             "9": any;
+            "24": any;
         };
         fontSizes: {
             xs: any;
@@ -199,7 +236,7 @@ export declare const ChipToggleGroupRoot: React.ForwardRefExoticComponent<(Pick<
     wrap?: "wrap" | "wrap-reverse" | "no-wrap" | undefined;
     justify?: boolean | "center" | "false" | "end" | "start" | undefined;
     align?: boolean | "center" | "false" | "end" | "start" | undefined;
-    gap?: number | boolean | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "false" | undefined;
+    gap?: number | boolean | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | "false" | undefined;
 }, {
     sm: string;
     md: string;
@@ -224,6 +261,42 @@ export declare const ChipToggleGroupRoot: React.ForwardRefExoticComponent<(Pick<
             textPlaceholder: any;
             background: any;
             backgroundAccent: any;
+            grey100: any;
+            grey200: any;
+            grey300: any;
+            grey400: any;
+            grey500: any;
+            grey600: any;
+            grey700: any;
+            grey800: any;
+            grey900: any;
+            grey1000: any;
+            grey1100: any;
+            grey1200: any;
+            blue100: any;
+            blue200: any;
+            blue300: any;
+            blue400: any;
+            blue500: any;
+            blue600: any;
+            blue700: any;
+            blue800: any;
+            blue900: any;
+            blue1000: any;
+            blue1100: any;
+            blue1200: any;
+            purple100: any;
+            purple200: any;
+            purple300: any;
+            purple400: any;
+            purple500: any;
+            purple600: any;
+            purple700: any;
+            purple800: any;
+            purple900: any;
+            purple1000: any;
+            purple1100: any;
+            purple1200: any;
             tonal50: any;
             tonal100: any;
             tonal200: any;
@@ -281,6 +354,7 @@ export declare const ChipToggleGroupRoot: React.ForwardRefExoticComponent<(Pick<
             "7": any;
             "8": any;
             "9": any;
+            "24": any;
         };
         fontSizes: {
             xs: any;

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

@@ -1 +1,2 @@
 import*as e from"@radix-ui/react-toggle-group";import*as o from"react";import"../chip/Chip.js";import{ChipGroup as i}from"../chip/ChipGroup.js";const p=o.forwardRef((r,t)=>o.createElement(i,{ref:t,as:e.Root,orientation:"horizontal",...r}));export{p as ChipToggleGroupRoot};
+//# sourceMappingURL=ChipToggleGroupRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipToggleGroupRoot.js","sources":["../../../src/components/chip-toggle-group/ChipToggleGroupRoot.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip'\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":"gJAQO,MAAMA,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.js

@@ -1 +1,2 @@
 import{ChipToggleGroupItem as p}from"./ChipToggleGroupItem.js";import{ChipToggleGroupRoot as e}from"./ChipToggleGroupRoot.js";const o=e;o.Item=p,o.displayName="ChipToggleGroupItem";export{o as ChipToggleGroup};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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"],"names":["ChipToggleGroup","ChipToggleGroupRoot","ChipToggleGroupItem"],"mappings":"8HAOa,MAAAA,EAAkBC,EAC/BD,EAAgB,KAAOE,EACvBF,EAAgB,YAAc"}

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

@@ -27,6 +27,42 @@ declare const StyledCombobox: import("@stitches/react/types/styled-component").S
         textPlaceholder: any;
         background: any;
         backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -84,6 +120,7 @@ declare const StyledCombobox: import("@stitches/react/types/styled-component").S
         "7": any;
         "8": any;
         "9": any;
+        "24": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/combobox/Combobox.js

@@ -1 +1,2 @@
 import{Combobox as t,ComboboxOptionText as b}from"@reach/combobox";import*as r from"react";import{globalCss as p,styled as i}from"../../stitches.js";import{ComboboxInput as x}from"./ComboboxInput.js";import{ComboboxList as e}from"./ComboboxList.js";import{ComboboxOption as n}from"./ComboboxOption.js";import{ComboboxPopover as s}from"./ComboboxPopover.js";p({":root":{"--reach-combobox":1}})();const C=i(t,{}),o=m=>r.createElement(C,{...m});o.displayName="Combobox",o.Option=n,o.Input=x,o.Popover=s,o.List=e,o.OptionText=b;export{o as Combobox};
+//# sourceMappingURL=Combobox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import { Combobox as BaseCombobox, ComboboxOptionText } from '@reach/combobox'\nimport * as React from 'react'\n\nimport { globalCss, styled } from '~/stitches'\n\nimport { ComboboxInput } from './ComboboxInput'\nimport { ComboboxList } from './ComboboxList'\nimport { ComboboxOption } from './ComboboxOption'\nimport { ComboboxPopover } from './ComboboxPopover'\n\nglobalCss({ ':root': { '--reach-combobox': 1 } })()\n\nconst StyledCombobox = styled(BaseCombobox, {})\n\ntype ComboboxProps = React.ComponentProps<typeof StyledCombobox>\n\nexport const Combobox: React.FC<ComboboxProps> & {\n  Input: typeof ComboboxInput\n  Popover: typeof ComboboxPopover\n  List: typeof ComboboxList\n  Option: typeof ComboboxOption\n  OptionText: typeof ComboboxOptionText\n} = (props) => <StyledCombobox {...props} />\n\nCombobox.displayName = 'Combobox'\nCombobox.Option = ComboboxOption\nCombobox.Input = ComboboxInput\nCombobox.Popover = ComboboxPopover\nCombobox.List = ComboboxList\nCombobox.OptionText = ComboboxOptionText\n"],"names":["globalCss","StyledCombobox","styled","BaseCombobox","Combobox","props","React","ComboboxOption","ComboboxInput","ComboboxPopover","ComboboxList","ComboboxOptionText"],"mappings":"qWAUAA,EAAU,CAAE,QAAS,CAAE,mBAAoB,CAAE,CAAE,CAAC,EAAE,EAElD,MAAMC,EAAiBC,EAAOC,EAAc,CAAA,CAAE,EAIjCC,EAMRC,GAAUC,EAAA,cAACL,EAAA,CAAgB,GAAGI,CAAO,CAAA,EAE1CD,EAAS,YAAc,WACvBA,EAAS,OAASG,EAClBH,EAAS,MAAQI,EACjBJ,EAAS,QAAUK,EACnBL,EAAS,KAAOM,EAChBN,EAAS,WAAaO"}

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

@@ -23,6 +23,42 @@ export declare const ComboboxInput: import("@stitches/react/types/styled-compone
         textPlaceholder: any;
         background: any;
         backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -80,6 +116,7 @@ export declare const ComboboxInput: import("@stitches/react/types/styled-compone
         "7": any;
         "8": any;
         "9": any;
+        "24": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/combobox/ComboboxInput.js

@@ -1 +1,2 @@
 import{ComboboxInput as o}from"@reach/combobox";import{styled as r,theme as e}from"../../stitches.js";import{encodeBackgroundIcon as a}from"../../utilities/style/encode-background-icon.js";const t=r(o,{boxShadow:"none",fontSize:"$md",appearance:"none",backgroundImage:a(e.colors.tonal300.value,"chevron"),backgroundPosition:"right $space$3 top 50%, 0 0",backgroundRepeat:"no-repeat, repeat",backgroundSize:"20px auto, 100%",border:"1px solid $tonal300",borderRadius:"$0",boxSizing:"border-box",color:"$tonal600",cursor:"text",display:"block",fontFamily:"$body",height:"$4",pl:"$3",pr:"$6",transition:"all 100ms ease-out",width:"100%","&::placeholder":{color:"$tonal300",opacity:1},"&:focus-within":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},variants:{state:{error:{border:"1px solid $danger"}}}});export{t as ComboboxInput};
+//# sourceMappingURL=ComboboxInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxInput.js","sources":["../../../src/components/combobox/ComboboxInput.tsx"],"sourcesContent":["import { ComboboxInput as BaseComboboxInput } from '@reach/combobox'\n\nimport { styled, theme } from '~/stitches'\nimport { encodeBackgroundIcon } from '~/utilities'\n\nexport const ComboboxInput = styled(BaseComboboxInput, {\n  boxShadow: 'none', // prevent default iOS default styling\n  fontSize: '$md', // prevent iOS zooming on focus\n  appearance: 'none',\n  backgroundImage: encodeBackgroundIcon(theme.colors.tonal300.value, 'chevron'),\n  backgroundPosition: 'right $space$3 top 50%, 0 0',\n  backgroundRepeat: 'no-repeat, repeat',\n  backgroundSize: '20px auto, 100%',\n  border: '1px solid $tonal300',\n  borderRadius: '$0',\n  boxSizing: 'border-box',\n  color: '$tonal600',\n  cursor: 'text',\n  display: 'block',\n  fontFamily: '$body',\n  height: '$4',\n  pl: '$3',\n  pr: '$6',\n  transition: 'all 100ms ease-out',\n  width: '100%',\n  '&::placeholder': {\n    color: '$tonal300',\n    opacity: 1\n  },\n  '&:focus-within': {\n    borderColor: '$primary',\n    outline: 'none'\n  },\n  '&[disabled]': {\n    backgroundColor: '$tonal100',\n    color: '$tonal400',\n    cursor: 'not-allowed'\n  },\n  variants: {\n    state: {\n      error: {\n        border: '1px solid $danger'\n      }\n    }\n  }\n})\n"],"names":["ComboboxInput","styled","BaseComboboxInput","encodeBackgroundIcon","theme"],"mappings":"mMAKaA,EAAgBC,EAAOC,EAAmB,CACrD,UAAW,OACX,SAAU,MACV,WAAY,OACZ,gBAAiBC,EAAqBC,EAAM,OAAO,SAAS,MAAO,SAAS,EAC5E,mBAAoB,8BACpB,iBAAkB,oBAClB,eAAgB,kBAChB,OAAQ,sBACR,aAAc,KACd,UAAW,aACX,MAAO,YACP,OAAQ,OACR,QAAS,QACT,WAAY,QACZ,OAAQ,KACR,GAAI,KACJ,GAAI,KACJ,WAAY,qBACZ,MAAO,OACP,iBAAkB,CAChB,MAAO,YACP,QAAS,CACX,EACA,iBAAkB,CAChB,YAAa,WACb,QAAS,MACX,EACA,cAAe,CACb,gBAAiB,YACjB,MAAO,YACP,OAAQ,aACV,EACA,SAAU,CACR,MAAO,CACL,MAAO,CACL,OAAQ,mBACV,CACF,CACF,CACF,CAAC"}

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

@@ -21,6 +21,42 @@ export declare const ComboboxList: import("@stitches/react/types/styled-componen
         textPlaceholder: any;
         background: any;
         backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -78,6 +114,7 @@ export declare const ComboboxList: import("@stitches/react/types/styled-componen
         "7": any;
         "8": any;
         "9": any;
+        "24": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/combobox/ComboboxList.js

@@ -1 +1,2 @@
 import{ComboboxList as o}from"@reach/combobox";import{styled as t}from"../../stitches.js";const e=t(o,{listStyle:"none",m:0,p:0,userSelect:"none"});export{e as ComboboxList};
+//# sourceMappingURL=ComboboxList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxList.js","sources":["../../../src/components/combobox/ComboboxList.tsx"],"sourcesContent":["import { ComboboxList as BaseComboboxList } from '@reach/combobox'\n\nimport { styled } from '~/stitches'\n\nexport const ComboboxList = styled(BaseComboboxList, {\n  listStyle: 'none',\n  m: 0,\n  p: 0,\n  userSelect: 'none'\n})\n"],"names":["ComboboxList","styled","BaseComboboxList"],"mappings":"gGAIaA,EAAeC,EAAOC,EAAkB,CACnD,UAAW,OACX,EAAG,EACH,EAAG,EACH,WAAY,MACd,CAAC"}

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

@@ -21,6 +21,42 @@ export declare const ComboboxOption: import("@stitches/react/types/styled-compon
         textPlaceholder: any;
         background: any;
         backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -78,6 +114,7 @@ export declare const ComboboxOption: import("@stitches/react/types/styled-compon
         "7": any;
         "8": any;
         "9": any;
+        "24": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/combobox/ComboboxOption.js

@@ -1 +1,2 @@
 import{ComboboxOption as o}from"@reach/combobox";import{styled as r}from"../../stitches.js";const t=r(o,{color:"$tonal500",cursor:"pointer",m:0,p:"$2",'&:hover, &[aria-selected="true"]':{bg:"$tonal50",borderRadius:"$0"},"[data-user-value]":{color:"$primary"}});export{t as ComboboxOption};
+//# sourceMappingURL=ComboboxOption.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxOption.js","sources":["../../../src/components/combobox/ComboboxOption.tsx"],"sourcesContent":["import { ComboboxOption as BaseComboboxOption } from '@reach/combobox'\n\nimport { styled } from '~/stitches'\n\nexport const ComboboxOption = styled(BaseComboboxOption, {\n  color: '$tonal500',\n  cursor: 'pointer',\n  m: 0,\n  p: '$2',\n  '&:hover, &[aria-selected=\"true\"]': {\n    bg: '$tonal50',\n    borderRadius: '$0'\n  },\n  '[data-user-value]': {\n    color: '$primary'\n  }\n})\n"],"names":["ComboboxOption","styled","BaseComboboxOption"],"mappings":"4FAIa,MAAAA,EAAiBC,EAAOC,EAAoB,CACvD,MAAO,YACP,OAAQ,UACR,EAAG,EACH,EAAG,KACH,mCAAoC,CAClC,GAAI,WACJ,aAAc,IAChB,EACA,oBAAqB,CACnB,MAAO,UACT,CACF,CAAC"}