@atom-learning/components 3.5.1 → 3.6.0

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 { Box } from '~/components/box'\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { getTextVariant } from '~/components/text'\nimport { styled } from '~/stitches'\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nconst overflowElipsis = {\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap'\n}\nexport const StyledChipContent = styled('span', {\n  display: 'inline-flex',\n  alignItems: 'center',\n  px: '$1',\n  flexGrow: 1,\n  ...overflowElipsis,\n  '& > *:not(:last-child)': {\n    mr: '$1'\n  }\n})\n\nconst toIconSize = { sm: 'sm', md: 'sm', lg: 'md' }\nexport const StyledChipIcon = styled(Icon, {\n  flexShrink: 0\n})\nexport const ChipIcon: typeof Icon = ({ ...props }) => {\n  const rootContext = React.useContext(ChipRootContext)\n  const { size } = rootContext\n  const iconSize = React.useMemo(\n    () => overrideStitchesVariantValue(size, (s) => toIconSize[s]),\n    [size]\n  )\n  return <StyledChipIcon {...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              <Box as=\"span\" css={overflowElipsis} key={child}>\n                {child}\n              </Box>\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(Flex, {\n  px: '$2',\n  border: '1px solid',\n  borderRadius: '$0',\n  alignItems: 'center',\n  fontFamily: '$body',\n  maxWidth: '100%',\n  borderColor: '$primary',\n  color: '$primaryMid',\n  bg: '$primaryLight',\n  '&[data-disabled]': {\n    opacity: '0.3',\n    pointerEvents: 'none'\n  },\n  variants: {\n    size: {\n      sm: {\n        height: '$2',\n        ...getTextVariant({ size: 'sm' })\n      },\n      md: {\n        height: '$3',\n        ...getTextVariant({ size: 'sm' })\n      },\n      lg: {\n        height: '$4',\n        ...getTextVariant({ size: 'md' })\n      }\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: React.FC<TChipRootProviderProps> = ({\n  size,\n  children\n}) => {\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\ntype TChipType = typeof ChipRoot & {\n  Content: typeof ChipContent\n  Icon: typeof ChipIcon\n}\n\nexport const Chip = ChipRoot as TChipType\nChip.Content = ChipContent\nChip.Icon = ChipIcon\nChip.displayName = 'Chip'\n"],"names":["overflowElipsis","StyledChipContent","styled","toIconSize","StyledChipIcon","Icon","ChipIcon","props","rootContext","React","ChipRootContext","size","iconSize","overrideStitchesVariantValue","s","ChipContent","children","rest","childrenArray","isSingleChild","child","index","Box","StyledRoot","Flex","getTextVariant","ChipRootProvider","value","ChipRoot","ref","Chip"],"mappings":"qWASA,MAAMA,EAAkB,CACtB,SAAU,SACV,aAAc,WACd,WAAY,QACd,EACaC,EAAoBC,EAAO,OAAQ,CAC9C,QAAS,cACT,WAAY,SACZ,GAAI,KACJ,SAAU,EACV,GAAGF,EACH,yBAA0B,CACxB,GAAI,IACN,CACF,CAAC,EAEKG,EAAa,CAAE,GAAI,KAAM,GAAI,KAAM,GAAI,IAAK,EACrCC,EAAiBF,EAAOG,EAAM,CACzC,WAAY,CACd,CAAC,EACYC,EAAwB,CAAC,IAAKC,CAAM,IAAM,CACrD,MAAMC,EAAcC,EAAM,WAAWC,CAAe,EAC9C,CAAE,KAAAC,CAAK,EAAIH,EACXI,EAAWH,EAAM,QACrB,IAAMI,EAA6BF,EAAOG,GAAMX,EAAWW,EAAE,EAC7D,CAACH,CAAI,CACP,EACA,OAAOF,EAAA,cAACL,EAAA,CAAgB,GAAGG,EAAO,KAAMK,CAAU,CAAA,CACpD,EAEMG,EAAc,CAAC,CAAE,SAAAC,KAAaC,CAAK,IAAM,CAC7C,MAAMC,EAAgBT,EAAM,SAAS,QAAQO,CAAQ,EAC/CG,EAAgBD,EAAc,QAAU,EAC9C,OACET,EAAA,cAACR,GAAmB,GAAGgB,CAAAA,EAEnBC,EAAc,IAAI,CAACE,EAAOC,IACpB,CAACF,GAAiB,OAAOC,GAAU,SAEnCX,EAAA,cAACa,EAAA,CAAI,GAAG,OAAO,IAAKtB,EAAiB,IAAKoB,GACvCA,CACH,EAEAX,EAAM,eAAeW,CAAK,GAAKA,EAAM,OAASf,EACzCI,EAAA,cAACH,EAAA,CAAS,IAAK,QAAQe,IAAU,GAAGD,EAAM,MAAO,EAEnDA,CACR,CAEL,CAEJ,EAEaG,EAAarB,EAAOsB,EAAM,CACrC,GAAI,KACJ,OAAQ,YACR,aAAc,KACd,WAAY,SACZ,WAAY,QACZ,SAAU,OACV,YAAa,WACb,MAAO,cACP,GAAI,gBACJ,mBAAoB,CAClB,QAAS,MACT,cAAe,MACjB,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CACF,OAAQ,KACR,GAAGC,EAAe,CAAE,KAAM,IAAK,CAAC,CAClC,EACA,GAAI,CACF,OAAQ,KACR,GAAGA,EAAe,CAAE,KAAM,IAAK,CAAC,CAClC,EACA,GAAI,CACF,OAAQ,KACR,GAAGA,EAAe,CAAE,KAAM,IAAK,CAAC,CAClC,CACF,CACF,CACF,CAAC,EAKYf,EAAkBD,EAAM,cAAgC,CAAA,CAAE,EAE1DiB,EAAqD,CAAC,CACjE,KAAAf,EACA,SAAAK,CACF,IAAM,CACJ,MAAMW,EAAQlB,EAAM,QAA0B,KAAO,CAAE,KAAAE,CAAK,GAAI,CAACA,CAAI,CAAC,EACtE,OACEF,EAAA,cAACC,EAAgB,SAAhB,CAAyB,MAAOiB,CAC9BX,EAAAA,CACH,CAEJ,EAIMY,EACJnB,EAAM,WAAW,CAAC,CAAE,KAAAE,EAAO,QAASM,CAAK,EAAGY,IAExCpB,EAAA,cAACiB,EAAiB,CAAA,KAAMf,GACtBF,EAAA,cAACc,EAAW,CAAA,IAAKM,EAAK,KAAMlB,EAAO,GAAGM,CAAM,CAAA,CAC9C,CAEH,EAOUa,EAAOF,EACpBE,EAAK,QAAUf,EACfe,EAAK,KAAOxB,EACZwB,EAAK,YAAc"}
+{"version":3,"file":"Chip.js","sources":["../../../src/components/chip/Chip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '~/components/box'\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { getTextVariant } from '~/components/text'\nimport { styled } from '~/stitches'\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nconst overflowElipsis = {\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap'\n}\nexport const StyledChipContent = styled('span', {\n  display: 'inline-flex',\n  alignItems: 'center',\n  px: '$1',\n  flexGrow: 1,\n  ...overflowElipsis,\n  '& > *:not(:last-child)': {\n    mr: '$1'\n  }\n})\n\nconst toIconSize = { sm: 'sm', md: 'sm', lg: 'md' }\n\nexport const ChipIcon: typeof Icon = ({ ...props }) => {\n  const rootContext = React.useContext(ChipRootContext)\n  const { size } = rootContext\n  const iconSize = React.useMemo(\n    () => overrideStitchesVariantValue(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              <Box as=\"span\" css={overflowElipsis} key={child}>\n                {child}\n              </Box>\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(Flex, {\n  px: '$2',\n  border: '1px solid',\n  borderRadius: '$0',\n  alignItems: 'center',\n  fontFamily: '$body',\n  maxWidth: '100%',\n  borderColor: '$primary',\n  color: '$primaryMid',\n  bg: '$primaryLight',\n  '&[data-disabled]': {\n    opacity: '0.3',\n    pointerEvents: 'none'\n  },\n  variants: {\n    size: {\n      sm: {\n        height: '$2',\n        ...getTextVariant({ size: 'sm' })\n      },\n      md: {\n        height: '$3',\n        ...getTextVariant({ size: 'sm' })\n      },\n      lg: {\n        height: '$4',\n        ...getTextVariant({ size: 'md' })\n      }\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: React.FC<TChipRootProviderProps> = ({\n  size,\n  children\n}) => {\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\ntype TChipType = typeof ChipRoot & {\n  Content: typeof ChipContent\n  Icon: typeof ChipIcon\n}\n\nexport const Chip = ChipRoot as TChipType\nChip.Content = ChipContent\nChip.Icon = ChipIcon\nChip.displayName = 'Chip'\n"],"names":["overflowElipsis","StyledChipContent","styled","toIconSize","ChipIcon","props","rootContext","React","ChipRootContext","size","iconSize","overrideStitchesVariantValue","s","Icon","ChipContent","children","rest","childrenArray","isSingleChild","child","index","Box","StyledRoot","Flex","getTextVariant","ChipRootProvider","value","ChipRoot","ref","Chip"],"mappings":"qWASA,MAAMA,EAAkB,CACtB,SAAU,SACV,aAAc,WACd,WAAY,QACd,EACaC,EAAoBC,EAAO,OAAQ,CAC9C,QAAS,cACT,WAAY,SACZ,GAAI,KACJ,SAAU,EACV,GAAGF,EACH,yBAA0B,CACxB,GAAI,IACN,CACF,CAAC,EAEKG,EAAa,CAAE,GAAI,KAAM,GAAI,KAAM,GAAI,IAAK,EAErCC,EAAwB,CAAC,IAAKC,CAAM,IAAM,CACrD,MAAMC,EAAcC,EAAM,WAAWC,CAAe,EAC9C,CAAE,KAAAC,CAAK,EAAIH,EACXI,EAAWH,EAAM,QACrB,IAAMI,EAA6BF,EAAOG,GAAMT,EAAWS,EAAE,EAC7D,CAACH,CAAI,CACP,EACA,OAAOF,EAAA,cAACM,EAAA,CAAM,GAAGR,EAAO,KAAMK,CAAU,CAAA,CAC1C,EAEMI,EAAc,CAAC,CAAE,SAAAC,KAAaC,CAAK,IAAM,CAC7C,MAAMC,EAAgBV,EAAM,SAAS,QAAQQ,CAAQ,EAC/CG,EAAgBD,EAAc,QAAU,EAC9C,OACEV,EAAA,cAACN,EAAmB,CAAA,GAAGe,GAEnBC,EAAc,IAAI,CAACE,EAAOC,IACpB,CAACF,GAAiB,OAAOC,GAAU,SAEnCZ,EAAA,cAACc,EAAA,CAAI,GAAG,OAAO,IAAKrB,EAAiB,IAAKmB,CAAAA,EACvCA,CACH,EAEAZ,EAAM,eAAeY,CAAK,GAAKA,EAAM,OAASN,EACzCN,EAAA,cAACH,GAAS,IAAK,QAAQgB,IAAU,GAAGD,EAAM,KAAO,CAAA,EAEnDA,CACR,CAEL,CAEJ,EAEaG,EAAapB,EAAOqB,EAAM,CACrC,GAAI,KACJ,OAAQ,YACR,aAAc,KACd,WAAY,SACZ,WAAY,QACZ,SAAU,OACV,YAAa,WACb,MAAO,cACP,GAAI,gBACJ,mBAAoB,CAClB,QAAS,MACT,cAAe,MACjB,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CACF,OAAQ,KACR,GAAGC,EAAe,CAAE,KAAM,IAAK,CAAC,CAClC,EACA,GAAI,CACF,OAAQ,KACR,GAAGA,EAAe,CAAE,KAAM,IAAK,CAAC,CAClC,EACA,GAAI,CACF,OAAQ,KACR,GAAGA,EAAe,CAAE,KAAM,IAAK,CAAC,CAClC,CACF,CACF,CACF,CAAC,EAKYhB,EAAkBD,EAAM,cAAgC,CAAE,CAAA,EAE1DkB,EAAqD,CAAC,CACjE,KAAAhB,EACA,SAAAM,CACF,IAAM,CACJ,MAAMW,EAAQnB,EAAM,QAA0B,KAAO,CAAE,KAAAE,CAAK,GAAI,CAACA,CAAI,CAAC,EACtE,OACEF,EAAA,cAACC,EAAgB,SAAhB,CAAyB,MAAOkB,GAC9BX,CACH,CAEJ,EAIMY,EACJpB,EAAM,WAAW,CAAC,CAAE,KAAAE,EAAO,QAASO,CAAK,EAAGY,IAExCrB,EAAA,cAACkB,GAAiB,KAAMhB,CAAAA,EACtBF,EAAA,cAACe,EAAA,CAAW,IAAKM,EAAK,KAAMnB,EAAO,GAAGO,CAAM,CAAA,CAC9C,CAEH,EAOUa,EAAOF,EACpBE,EAAK,QAAUf,EACfe,EAAK,KAAOzB,EACZyB,EAAK,YAAc"}

package/dist/components/dismissible/DismissibleRoot.d.ts

@@ -3,15 +3,17 @@ export interface IDismissibleRootContext {
     disabled?: boolean;
     isDismissed: boolean;
     setIsDismissed: (boolean: any) => void;
+    onDismiss: () => void;
 }
 export declare const DismissibleRootContext: React.Context<IDismissibleRootContext>;
 export interface IDismissibleRootProps {
     disabled?: boolean;
+    dismissed?: boolean;
+    onDismiss: () => void;
 }
 export declare const DismissibleRootProvider: React.FC<IDismissibleRootProps>;
-export interface IDismissibleGroupItemProps {
+export interface IDismissibleProps {
     asChild?: boolean;
-    value: React.ReactText;
-    onDismiss?: (value: React.ReactText) => void;
+    onDismiss?: () => void;
 }
-export declare const DismissibleRoot: React.FC<IDismissibleGroupItemProps & IDismissibleRootProps>;
+export declare const DismissibleRoot: React.FC<IDismissibleProps & IDismissibleRootProps>;

package/dist/components/dismissible/DismissibleRoot.js

@@ -1,2 +1,2 @@
-import{Slot as c}from"@radix-ui/react-slot";import*as e from"react";const r=e.createContext({isDismissed:!1,setIsDismissed:()=>null}),n=({children:i,disabled:s})=>{const[t,l]=e.useState(!1),o=e.useMemo(()=>({disabled:s,isDismissed:t,setIsDismissed:l}),[s,t]);return e.createElement(r.Provider,{value:o},i)},u=({asChild:i=!1,value:s,onDismiss:t,...l})=>{const o=e.useContext(r),{isDismissed:d,disabled:a}=o;if(e.useEffect(()=>{d&&(t==null||t(s))},[d]),d)return null;const m={...a&&{["data-disabled"]:""},...l};return e.createElement(i?c:"div",{...m})},b=({disabled:i=!1,...s})=>e.createElement(n,{disabled:i},e.createElement(u,{...s}));export{b as DismissibleRoot,r as DismissibleRootContext,n as DismissibleRootProvider};
+import{Slot as c}from"@radix-ui/react-slot";import*as s from"react";const m=s.createContext({isDismissed:!1,setIsDismissed:()=>{},onDismiss:()=>{}}),r=({dismissed:e,children:o,disabled:i,onDismiss:t})=>{const[d,n]=s.useState(!1),a=s.useMemo(()=>{const l=typeof e=="boolean";return{disabled:i,isDismissed:l?e:d,setIsDismissed:l?()=>null:n,onDismiss:t}},[i,d,t,e]);return s.createElement(m.Provider,{value:a},o)},D=({asChild:e=!1,...o})=>{const i=s.useContext(m),{isDismissed:t,disabled:d}=i;if(t)return null;const n={...d&&{["data-disabled"]:""},...o};return s.createElement(e?c:"div",{...n})},b=({disabled:e=!1,dismissed:o,onDismiss:i,...t})=>s.createElement(r,{dismissed:o,disabled:e,onDismiss:i},s.createElement(D,{...t}));export{b as DismissibleRoot,m as DismissibleRootContext,r as DismissibleRootProvider};
 //# sourceMappingURL=DismissibleRoot.js.map

package/dist/components/dismissible/DismissibleRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissibleRoot.js","sources":["../../../src/components/dismissible/DismissibleRoot.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nexport interface IDismissibleRootContext {\n  disabled?: boolean\n  isDismissed: boolean\n  setIsDismissed: (boolean) => void\n}\n\nexport const DismissibleRootContext =\n  React.createContext<IDismissibleRootContext>({\n    isDismissed: false,\n    setIsDismissed: () => null\n  })\n\nexport interface IDismissibleRootProps {\n  disabled?: boolean\n}\n\nexport const DismissibleRootProvider: React.FC<IDismissibleRootProps> = ({\n  children,\n  disabled\n}) => {\n  const [isDismissed, setIsDismissed] = React.useState(false)\n  const value = React.useMemo<IDismissibleRootContext>(\n    () => ({ disabled, isDismissed, setIsDismissed }),\n    [disabled, isDismissed]\n  )\n  return (\n    <DismissibleRootContext.Provider value={value}>\n      {children}\n    </DismissibleRootContext.Provider>\n  )\n}\n\nexport interface IDismissibleGroupItemProps {\n  asChild?: boolean\n  value: React.ReactText\n  onDismiss?: (value: React.ReactText) => void\n}\n\nconst DismissibleRootInternal: React.FC<IDismissibleGroupItemProps> = ({\n  asChild = false,\n  value,\n  onDismiss,\n  ...rest\n}) => {\n  const rootContext = React.useContext(DismissibleRootContext)\n\n  const { isDismissed, disabled } = rootContext\n\n  React.useEffect(() => {\n    if (isDismissed) onDismiss?.(value)\n  }, [isDismissed])\n\n  if (isDismissed) return null\n\n  const props = { ...(disabled && { [`data-disabled`]: '' }), ...rest }\n  const Component = asChild ? Slot : 'div'\n  return <Component {...props} />\n}\n\nexport const DismissibleRoot: React.FC<\n  IDismissibleGroupItemProps & IDismissibleRootProps\n> = ({ disabled = false, ...rest }) => (\n  <DismissibleRootProvider disabled={disabled}>\n    <DismissibleRootInternal {...rest} />\n  </DismissibleRootProvider>\n)\n"],"names":["DismissibleRootContext","React","DismissibleRootProvider","children","disabled","isDismissed","setIsDismissed","value","DismissibleRootInternal","asChild","onDismiss","rest","rootContext","props","Slot","DismissibleRoot"],"mappings":"oEASO,MAAMA,EACXC,EAAM,cAAuC,CAC3C,YAAa,GACb,eAAgB,IAAM,IACxB,CAAC,EAMUC,EAA2D,CAAC,CACvE,SAAAC,EACA,SAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAaC,CAAc,EAAIL,EAAM,SAAS,EAAK,EACpDM,EAAQN,EAAM,QAClB,KAAO,CAAE,SAAAG,EAAU,YAAAC,EAAa,eAAAC,CAAe,GAC/C,CAACF,EAAUC,CAAW,CACxB,EACA,OACEJ,EAAA,cAACD,EAAuB,SAAvB,CAAgC,MAAOO,CAAAA,EACrCJ,CACH,CAEJ,EAQMK,EAAgE,CAAC,CACrE,QAAAC,EAAU,GACV,MAAAF,EACA,UAAAG,KACGC,CACL,IAAM,CACJ,MAAMC,EAAcX,EAAM,WAAWD,CAAsB,EAErD,CAAE,YAAAK,EAAa,SAAAD,CAAS,EAAIQ,EAMlC,GAJAX,EAAM,UAAU,IAAM,CAChBI,IAAaK,GAAA,MAAAA,EAAYH,CAC/B,EAAA,EAAG,CAACF,CAAW,CAAC,EAEZA,EAAa,OAAO,KAExB,MAAMQ,EAAQ,CAAE,GAAIT,GAAY,CAAE,CAAC,iBAAkB,EAAG,EAAI,GAAGO,CAAK,EAEpE,OAAOV,EAAA,cADWQ,EAAUK,EAAO,MAC3B,CAAW,GAAGD,CAAO,CAAA,CAC/B,EAEaE,EAET,CAAC,CAAE,SAAAX,EAAW,MAAUO,CAAK,IAC/BV,EAAA,cAACC,EAAA,CAAwB,SAAUE,CAAAA,EACjCH,EAAA,cAACO,EAAA,CAAyB,GAAGG,EAAM,CACrC"}
+{"version":3,"file":"DismissibleRoot.js","sources":["../../../src/components/dismissible/DismissibleRoot.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nexport interface IDismissibleRootContext {\n  disabled?: boolean\n  isDismissed: boolean\n  setIsDismissed: (boolean) => void\n  onDismiss: () => void\n}\n\nexport const DismissibleRootContext =\n  React.createContext<IDismissibleRootContext>({\n    isDismissed: false,\n    setIsDismissed: () => undefined,\n    onDismiss: () => undefined\n  })\n\nexport interface IDismissibleRootProps {\n  disabled?: boolean\n  dismissed?: boolean\n  onDismiss: () => void\n}\n\nexport const DismissibleRootProvider: React.FC<IDismissibleRootProps> = ({\n  dismissed: controlledIsDismissed,\n  children,\n  disabled,\n  onDismiss\n}) => {\n  const [isDismissed, setIsDismissed] = React.useState(false)\n\n  const value = React.useMemo<IDismissibleRootContext>(() => {\n    const isControlled = typeof controlledIsDismissed === 'boolean'\n    return {\n      disabled,\n      isDismissed: isControlled\n        ? (controlledIsDismissed as boolean)\n        : isDismissed,\n      setIsDismissed: isControlled ? () => null : setIsDismissed,\n      onDismiss\n    }\n  }, [disabled, isDismissed, onDismiss, controlledIsDismissed])\n\n  return (\n    <DismissibleRootContext.Provider value={value}>\n      {children}\n    </DismissibleRootContext.Provider>\n  )\n}\n\nexport interface IDismissibleProps {\n  asChild?: boolean\n  onDismiss?: () => void\n}\n\nconst DismissibleRootInternal: React.FC<IDismissibleProps> = ({\n  asChild = false,\n  ...rest\n}) => {\n  const rootContext = React.useContext(DismissibleRootContext)\n\n  const { isDismissed, disabled } = rootContext\n\n  if (isDismissed) return null\n\n  const props = { ...(disabled && { [`data-disabled`]: '' }), ...rest }\n  const Component = asChild ? Slot : 'div'\n  return <Component {...props} />\n}\n\nexport const DismissibleRoot: React.FC<\n  IDismissibleProps & IDismissibleRootProps\n> = ({ disabled = false, dismissed, onDismiss, ...rest }) => (\n  <DismissibleRootProvider\n    dismissed={dismissed}\n    disabled={disabled}\n    onDismiss={onDismiss}\n  >\n    <DismissibleRootInternal {...rest} />\n  </DismissibleRootProvider>\n)\n"],"names":["DismissibleRootContext","React","DismissibleRootProvider","controlledIsDismissed","children","disabled","onDismiss","isDismissed","setIsDismissed","value","isControlled","DismissibleRootInternal","asChild","rest","rootContext","props","Slot","DismissibleRoot","dismissed"],"mappings":"oEAUa,MAAAA,EACXC,EAAM,cAAuC,CAC3C,YAAa,GACb,eAAgB,IAAG,CAAA,EACnB,UAAW,IAAG,CAAA,CAChB,CAAC,EAQUC,EAA2D,CAAC,CACvE,UAAWC,EACX,SAAAC,EACA,SAAAC,EACA,UAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAaC,CAAc,EAAIP,EAAM,SAAS,EAAK,EAEpDQ,EAAQR,EAAM,QAAiC,IAAM,CACzD,MAAMS,EAAe,OAAOP,GAA0B,UACtD,MAAO,CACL,SAAAE,EACA,YAAaK,EACRP,EACDI,EACJ,eAAgBG,EAAe,IAAM,KAAOF,EAC5C,UAAAF,CACF,CACF,EAAG,CAACD,EAAUE,EAAaD,EAAWH,CAAqB,CAAC,EAE5D,OACEF,EAAA,cAACD,EAAuB,SAAvB,CAAgC,MAAOS,CAAAA,EACrCL,CACH,CAEJ,EAOMO,EAAuD,CAAC,CAC5D,QAAAC,EAAU,MACPC,CACL,IAAM,CACJ,MAAMC,EAAcb,EAAM,WAAWD,CAAsB,EAErD,CAAE,YAAAO,EAAa,SAAAF,CAAS,EAAIS,EAElC,GAAIP,EAAa,OAAO,KAExB,MAAMQ,EAAQ,CAAE,GAAIV,GAAY,CAAE,CAAC,iBAAkB,EAAG,EAAI,GAAGQ,CAAK,EAEpE,OAAOZ,EAAA,cADWW,EAAUI,EAAO,MAC3B,CAAW,GAAGD,CAAO,CAAA,CAC/B,EAEaE,EAET,CAAC,CAAE,SAAAZ,EAAW,GAAO,UAAAa,EAAW,UAAAZ,KAAcO,CAAK,IACrDZ,EAAA,cAACC,EAAA,CACC,UAAWgB,EACX,SAAUb,EACV,UAAWC,GAEXL,EAAA,cAACU,EAAA,CAAyB,GAAGE,EAAM,CACrC"}

package/dist/components/dismissible/DismissibleTrigger.js

@@ -1,2 +1,2 @@
-import{Slot as m}from"@radix-ui/react-slot";import*as s from"react";import{DismissibleRootContext as l}from"./DismissibleRoot.js";const b=e=>s.createElement("button",{type:"button",...e},"Dismiss"),a=({asChild:e=!1,...t})=>{const i=s.useContext(l);if(i===void 0)throw new Error("Dismissible.Trigger can only be used within a Dismissible.Item");const{setIsDismissed:o,disabled:r}=i,n={disabled:r,onClick:()=>{o(!0)},...t};return s.createElement(e?m:b,{...n})};export{a as DismissibleTrigger};
+import{Slot as l}from"@radix-ui/react-slot";import*as i from"react";import{DismissibleRootContext as a}from"./DismissibleRoot.js";const b=s=>i.createElement("button",{type:"button",...s},"Dismiss"),c=({asChild:s=!1,...o})=>{const e=i.useContext(a);if(e===void 0)throw new Error("Dismissible.Trigger can only be used within a Dismissible.Item");const{setIsDismissed:r,disabled:n,onDismiss:t}=e,m={disabled:n,onClick:()=>{r(!0),t==null||t()},...o};return i.createElement(s?l:b,{...m})};export{c as DismissibleTrigger};
 //# sourceMappingURL=DismissibleTrigger.js.map

package/dist/components/dismissible/DismissibleTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissibleTrigger.js","sources":["../../../src/components/dismissible/DismissibleTrigger.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { DismissibleRootContext } from './DismissibleRoot'\n\nexport interface IDismissibleTriggerProps {\n  asChild?: boolean\n}\n\nconst DefaultTrigger = (props) => (\n  <button type=\"button\" {...props}>\n    Dismiss\n  </button>\n)\n\nexport const DismissibleTrigger: React.FC<IDismissibleTriggerProps> = ({\n  asChild = false,\n  ...rest\n}) => {\n  const context = React.useContext(DismissibleRootContext)\n  if (context === undefined) {\n    throw new Error(\n      'Dismissible.Trigger can only be used within a Dismissible.Item'\n    )\n  }\n\n  const { setIsDismissed, disabled } = context\n\n  const handleDismiss = () => {\n    setIsDismissed(true)\n  }\n\n  const props = {\n    disabled: disabled,\n    onClick: handleDismiss,\n    ...rest\n  }\n\n  const Component = asChild ? Slot : DefaultTrigger\n  return <Component {...props} />\n}\n"],"names":["DefaultTrigger","props","React","DismissibleTrigger","asChild","rest","context","DismissibleRootContext","setIsDismissed","disabled","Slot"],"mappings":"kIASA,MAAMA,EAAkBC,GACtBC,EAAA,cAAC,UAAO,KAAK,SAAU,GAAGD,CAAAA,EAAO,SAEjC,EAGWE,EAAyD,CAAC,CACrE,QAAAC,EAAU,MACPC,CACL,IAAM,CACJ,MAAMC,EAAUJ,EAAM,WAAWK,CAAsB,EACvD,GAAID,IAAY,OACd,MAAM,IAAI,MACR,gEACF,EAGF,KAAM,CAAE,eAAAE,EAAgB,SAAAC,CAAS,EAAIH,EAM/BL,EAAQ,CACZ,SAAUQ,EACV,QANoB,IAAM,CAC1BD,EAAe,EAAI,CACrB,EAKE,GAAGH,CACL,EAGA,OAAOH,EAAA,cADWE,EAAUM,EAAOV,EAC3B,CAAW,GAAGC,EAAO,CAC/B"}
+{"version":3,"file":"DismissibleTrigger.js","sources":["../../../src/components/dismissible/DismissibleTrigger.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { DismissibleRootContext } from './DismissibleRoot'\n\nexport interface IDismissibleTriggerProps {\n  asChild?: boolean\n}\n\nconst DefaultTrigger = (props) => (\n  <button type=\"button\" {...props}>\n    Dismiss\n  </button>\n)\n\nexport const DismissibleTrigger: React.FC<IDismissibleTriggerProps> = ({\n  asChild = false,\n  ...rest\n}) => {\n  const context = React.useContext(DismissibleRootContext)\n  if (context === undefined) {\n    throw new Error(\n      'Dismissible.Trigger can only be used within a Dismissible.Item'\n    )\n  }\n\n  const { setIsDismissed, disabled, onDismiss } = context\n\n  const handleDismiss = () => {\n    setIsDismissed(true)\n    onDismiss?.()\n  }\n\n  const props = {\n    disabled: disabled,\n    onClick: handleDismiss,\n    ...rest\n  }\n\n  const Component = asChild ? Slot : DefaultTrigger\n  return <Component {...props} />\n}\n"],"names":["DefaultTrigger","props","React","DismissibleTrigger","asChild","rest","context","DismissibleRootContext","setIsDismissed","disabled","onDismiss","Slot"],"mappings":"kIASA,MAAMA,EAAkBC,GACtBC,EAAA,cAAC,SAAA,CAAO,KAAK,SAAU,GAAGD,CAAO,EAAA,SAEjC,EAGWE,EAAyD,CAAC,CACrE,QAAAC,EAAU,MACPC,CACL,IAAM,CACJ,MAAMC,EAAUJ,EAAM,WAAWK,CAAsB,EACvD,GAAID,IAAY,OACd,MAAM,IAAI,MACR,gEACF,EAGF,KAAM,CAAE,eAAAE,EAAgB,SAAAC,EAAU,UAAAC,CAAU,EAAIJ,EAO1CL,EAAQ,CACZ,SAAUQ,EACV,QAPoB,IAAM,CAC1BD,EAAe,EAAI,EACnBE,GAAA,MAAAA,EACF,CAAA,EAKE,GAAGL,CACL,EAGA,OAAOH,EAAA,cADWE,EAAUO,EAAOX,EAC3B,CAAW,GAAGC,EAAO,CAC/B"}

package/dist/components/dismissible-group/DismissibleGroupItem.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { Dismissible } from '../../components/dismissible';
 export declare type TDismissibleGroupItemProps = React.ComponentProps<typeof Dismissible> & {
+    value: React.ReactText;
     disabled?: boolean;
 };
 export declare const DismissibleGroupItem: React.FC<TDismissibleGroupItemProps>;

package/dist/components/dismissible-group/DismissibleGroupItem.js

@@ -1,2 +1,2 @@
-import*as i from"react";import{Dismissible as n}from"../dismissible/index.js";import{DismissibleGroupContext as l}from"./DismissibleGroupRoot.js";const b=({children:e,disabled:o=!1,...r})=>{const s=i.useContext(l);if(s===void 0)throw new Error("DismissibleGroup.Item can only be used within a DismissibleGroup");const{onDismiss:t,disabled:m}=s;return i.createElement(n,{disabled:m||o,onDismiss:t,...r},e)};export{b as DismissibleGroupItem};
+import*as i from"react";import{Dismissible as l}from"../dismissible/index.js";import{DismissibleGroupContext as b}from"./DismissibleGroupRoot.js";const d=({children:e,value:o,disabled:r=!1,...t})=>{const s=i.useContext(b);if(s===void 0)throw new Error("DismissibleGroup.Item can only be used within a DismissibleGroup");const{onDismiss:m,disabled:n}=s;return i.createElement(l,{disabled:n||r,...t,onDismiss:()=>m(o)},e)};export{d as DismissibleGroupItem};
 //# sourceMappingURL=DismissibleGroupItem.js.map

package/dist/components/dismissible-group/DismissibleGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissibleGroupItem.js","sources":["../../../src/components/dismissible-group/DismissibleGroupItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Dismissible } from '~/components/dismissible'\n\nimport { DismissibleGroupContext } from './DismissibleGroupRoot'\n\nexport type TDismissibleGroupItemProps = React.ComponentProps<\n  typeof Dismissible\n> & {\n  disabled?: boolean\n}\n\nexport const DismissibleGroupItem: React.FC<TDismissibleGroupItemProps> = ({\n  children,\n  disabled: itemDisabled = false,\n  ...rest\n}) => {\n  const groupContext = React.useContext(DismissibleGroupContext)\n  if (groupContext === undefined) {\n    throw new Error(\n      'DismissibleGroup.Item can only be used within a DismissibleGroup'\n    )\n  }\n  const { onDismiss, disabled: groupDisabled } = groupContext\n  return (\n    <Dismissible\n      disabled={groupDisabled || itemDisabled}\n      onDismiss={onDismiss}\n      {...rest}\n    >\n      {children}\n    </Dismissible>\n  )\n}\n"],"names":["DismissibleGroupItem","children","itemDisabled","rest","groupContext","React","DismissibleGroupContext","onDismiss","groupDisabled","Dismissible"],"mappings":"kJAYO,MAAMA,EAA6D,CAAC,CACzE,SAAAC,EACA,SAAUC,EAAe,MACtBC,CACL,IAAM,CACJ,MAAMC,EAAeC,EAAM,WAAWC,CAAuB,EAC7D,GAAIF,IAAiB,OACnB,MAAM,IAAI,MACR,kEACF,EAEF,KAAM,CAAE,UAAAG,EAAW,SAAUC,CAAc,EAAIJ,EAC/C,OACEC,EAAA,cAACI,EAAA,CACC,SAAUD,GAAiBN,EAC3B,UAAWK,EACV,GAAGJ,CAEHF,EAAAA,CACH,CAEJ"}
+{"version":3,"file":"DismissibleGroupItem.js","sources":["../../../src/components/dismissible-group/DismissibleGroupItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Dismissible } from '~/components/dismissible'\n\nimport { DismissibleGroupContext } from './DismissibleGroupRoot'\n\nexport type TDismissibleGroupItemProps = React.ComponentProps<\n  typeof Dismissible\n> & {\n  value: React.ReactText\n  disabled?: boolean\n}\n\nexport const DismissibleGroupItem: React.FC<TDismissibleGroupItemProps> = ({\n  children,\n  value,\n  disabled: itemDisabled = false,\n  ...rest\n}) => {\n  const groupContext = React.useContext(DismissibleGroupContext)\n  if (groupContext === undefined) {\n    throw new Error(\n      'DismissibleGroup.Item can only be used within a DismissibleGroup'\n    )\n  }\n  const { onDismiss, disabled: groupDisabled } = groupContext\n  return (\n    <Dismissible\n      disabled={groupDisabled || itemDisabled}\n      {...rest}\n      onDismiss={() => onDismiss(value)}\n    >\n      {children}\n    </Dismissible>\n  )\n}\n"],"names":["DismissibleGroupItem","children","value","itemDisabled","rest","groupContext","React","DismissibleGroupContext","onDismiss","groupDisabled","Dismissible"],"mappings":"kJAaa,MAAAA,EAA6D,CAAC,CACzE,SAAAC,EACA,MAAAC,EACA,SAAUC,EAAe,MACtBC,CACL,IAAM,CACJ,MAAMC,EAAeC,EAAM,WAAWC,CAAuB,EAC7D,GAAIF,IAAiB,OACnB,MAAM,IAAI,MACR,kEACF,EAEF,KAAM,CAAE,UAAAG,EAAW,SAAUC,CAAc,EAAIJ,EAC/C,OACEC,EAAA,cAACI,EAAA,CACC,SAAUD,GAAiBN,EAC1B,GAAGC,EACJ,UAAW,IAAMI,EAAUN,CAAK,CAAA,EAE/BD,CACH,CAEJ"}

package/dist/components/icon/Icon.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{styled as n}from"../../stitches.js";const i=n("svg",{display:"inline-block",fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",verticalAlign:"middle",variants:{size:{sm:{size:"$1",strokeWidth:"1.5"},md:{size:"$2",strokeWidth:"1.75"},lg:{size:"$3",strokeWidth:"2"}}}}),d=e.forwardRef(({is:r,size:o="md",...s},t)=>e.createElement(i,{size:o,"aria-hidden":"true",...s,as:r,ref:t}));export{d as Icon,i as StyledIcon};
+import*as e from"react";import{styled as n}from"../../stitches.js";const i=n("svg",{display:"inline-block",fill:"none",flexShrink:0,stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",verticalAlign:"middle",variants:{size:{sm:{size:"$1",strokeWidth:"1.5"},md:{size:"$2",strokeWidth:"1.75"},lg:{size:"$3",strokeWidth:"2"}}}}),d=e.forwardRef(({is:r,size:o="md",...s},t)=>e.createElement(i,{size:o,"aria-hidden":"true",...s,as:r,ref:t}));export{d as Icon,i as StyledIcon};
 //# sourceMappingURL=Icon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { Override } from '~/utilities/types'\n\nexport const StyledIcon = styled('svg', {\n  display: 'inline-block',\n  fill: 'none',\n  stroke: 'currentcolor',\n  strokeLinecap: 'round',\n  strokeLinejoin: 'round',\n  verticalAlign: 'middle',\n  variants: {\n    size: {\n      sm: { size: '$1', strokeWidth: '1.5' },\n      md: { size: '$2', strokeWidth: '1.75' },\n      lg: { size: '$3', strokeWidth: '2' }\n    }\n  }\n})\n\ntype IconProps = Override<\n  React.ComponentProps<typeof StyledIcon>,\n  {\n    is: React.FC<React.SVGProps<SVGSVGElement>>\n    as?: never\n  }\n>\n\nexport const Icon: React.FC<IconProps> = React.forwardRef(\n  ({ is: SVG, size = 'md', ...remainingProps }, ref) => (\n    <StyledIcon\n      size={size}\n      aria-hidden=\"true\"\n      {...remainingProps}\n      as={SVG}\n      ref={ref}\n    />\n  )\n)\n"],"names":["StyledIcon","styled","Icon","React","SVG","size","remainingProps","ref"],"mappings":"mEAKa,MAAAA,EAAaC,EAAO,MAAO,CACtC,QAAS,eACT,KAAM,OACN,OAAQ,eACR,cAAe,QACf,eAAgB,QAChB,cAAe,SACf,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,KAAM,KAAM,YAAa,KAAM,EACrC,GAAI,CAAE,KAAM,KAAM,YAAa,MAAO,EACtC,GAAI,CAAE,KAAM,KAAM,YAAa,GAAI,CACrC,CACF,CACF,CAAC,EAUYC,EAA4BC,EAAM,WAC7C,CAAC,CAAE,GAAIC,EAAK,KAAAC,EAAO,QAASC,CAAe,EAAGC,IAC5CJ,EAAA,cAACH,EACC,CAAA,KAAMK,EACN,cAAY,OACX,GAAGC,EACJ,GAAIF,EACJ,IAAKG,EACP,CAEJ"}
+{"version":3,"file":"Icon.js","sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { Override } from '~/utilities/types'\n\nexport const StyledIcon = styled('svg', {\n  display: 'inline-block',\n  fill: 'none',\n  flexShrink: 0,\n  stroke: 'currentcolor',\n  strokeLinecap: 'round',\n  strokeLinejoin: 'round',\n  verticalAlign: 'middle',\n  variants: {\n    size: {\n      sm: { size: '$1', strokeWidth: '1.5' },\n      md: { size: '$2', strokeWidth: '1.75' },\n      lg: { size: '$3', strokeWidth: '2' }\n    }\n  }\n})\n\ntype IconProps = Override<\n  React.ComponentProps<typeof StyledIcon>,\n  {\n    is: React.FC<React.SVGProps<SVGSVGElement>>\n    as?: never\n  }\n>\n\nexport const Icon: React.FC<IconProps> = React.forwardRef(\n  ({ is: SVG, size = 'md', ...remainingProps }, ref) => (\n    <StyledIcon\n      size={size}\n      aria-hidden=\"true\"\n      {...remainingProps}\n      as={SVG}\n      ref={ref}\n    />\n  )\n)\n"],"names":["StyledIcon","styled","Icon","React","SVG","size","remainingProps","ref"],"mappings":"mEAKa,MAAAA,EAAaC,EAAO,MAAO,CACtC,QAAS,eACT,KAAM,OACN,WAAY,EACZ,OAAQ,eACR,cAAe,QACf,eAAgB,QAChB,cAAe,SACf,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,KAAM,KAAM,YAAa,KAAM,EACrC,GAAI,CAAE,KAAM,KAAM,YAAa,MAAO,EACtC,GAAI,CAAE,KAAM,KAAM,YAAa,GAAI,CACrC,CACF,CACF,CAAC,EAUYC,EAA4BC,EAAM,WAC7C,CAAC,CAAE,GAAIC,EAAK,KAAAC,EAAO,QAASC,CAAe,EAAGC,IAC5CJ,EAAA,cAACH,EACC,CAAA,KAAMK,EACN,cAAY,OACX,GAAGC,EACJ,GAAIF,EACJ,IAAKG,EACP,CAEJ"}

package/dist/components/inline-message/InlineMessage.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{Flex as a}from"../flex/Flex.js";import{Icon as c}from"../icon/Icon.js";import{Text as E}from"../text/Text.js";import{styled as s}from"../../stitches.js";import{INLINE_MESSAGE_THEMES as f,INLINE_MESSAGE_ICONS as l}from"./InlineMessage.config.js";const p=s(a,{variants:{theme:f}}),I=s(c,{flexShrink:"0",mr:"$2"}),S=({css:t,showIcon:m=!0,theme:r="error",size:o="sm",children:n,...i})=>e.createElement(p,{theme:r,css:t,...i},m&&e.createElement(I,{size:"sm",is:l[r]}),e.createElement(E,{as:"span",size:o,css:{transform:"translateY($space$0)"}},n));export{S as InlineMessage};
+import*as e from"react";import{Flex as a}from"../flex/Flex.js";import{Icon as c}from"../icon/Icon.js";import{Text as i}from"../text/Text.js";import{styled as E}from"../../stitches.js";import{INLINE_MESSAGE_THEMES as p,INLINE_MESSAGE_ICONS as f}from"./InlineMessage.config.js";const l=E(a,{variants:{theme:p}}),I=({css:r,showIcon:t=!0,theme:s="error",size:m="sm",children:o,...n})=>e.createElement(l,{theme:s,css:r,...n},t&&e.createElement(c,{css:{mr:"$2"},size:"sm",is:f[s]}),e.createElement(i,{as:"span",size:m,css:{transform:"translateY($space$0)"}},o));export{I as InlineMessage};
 //# sourceMappingURL=InlineMessage.js.map

package/dist/components/inline-message/InlineMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineMessage.js","sources":["../../../src/components/inline-message/InlineMessage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { Text } from '~/components/text'\nimport { styled } from '~/stitches'\n\nimport {\n  INLINE_MESSAGE_ICONS,\n  INLINE_MESSAGE_THEMES\n} from './InlineMessage.config'\nimport { InlineMessageTheme } from './InlineMessage.types'\n\nconst InlineMessageContainer = styled(Flex, {\n  variants: {\n    theme: INLINE_MESSAGE_THEMES\n  }\n})\n\nconst InlineMessageIcon = styled(Icon, {\n  flexShrink: '0',\n  mr: '$2'\n})\n\ntype TInlineMessageProps = React.ComponentProps<\n  typeof InlineMessageContainer\n> & {\n  showIcon?: boolean\n  size?: 'xs' | 'sm' | 'md'\n}\n\nexport const InlineMessage: React.FC<TInlineMessageProps> = ({\n  css,\n  showIcon = true,\n  theme = 'error',\n  size = 'sm',\n  children,\n  ...rest\n}) => (\n  <InlineMessageContainer theme={theme} css={css} {...rest}>\n    {showIcon && (\n      <InlineMessageIcon\n        size=\"sm\"\n        is={INLINE_MESSAGE_ICONS[theme as InlineMessageTheme]}\n      />\n    )}\n    <Text as=\"span\" size={size} css={{ transform: 'translateY($space$0)' }}>\n      {children}\n    </Text>\n  </InlineMessageContainer>\n)\n"],"names":["InlineMessageContainer","styled","Flex","INLINE_MESSAGE_THEMES","InlineMessageIcon","Icon","InlineMessage","css","showIcon","theme","size","children","rest","React","INLINE_MESSAGE_ICONS","Text"],"mappings":"oRAaA,MAAMA,EAAyBC,EAAOC,EAAM,CAC1C,SAAU,CACR,MAAOC,CACT,CACF,CAAC,EAEKC,EAAoBH,EAAOI,EAAM,CACrC,WAAY,IACZ,GAAI,IACN,CAAC,EASYC,EAA+C,CAAC,CAC3D,IAAAC,EACA,SAAAC,EAAW,GACX,MAAAC,EAAQ,QACR,KAAAC,EAAO,KACP,SAAAC,KACGC,CACL,IACEC,EAAA,cAACb,EAAA,CAAuB,MAAOS,EAAO,IAAKF,EAAM,GAAGK,CACjDJ,EAAAA,GACCK,EAAA,cAACT,EAAA,CACC,KAAK,KACL,GAAIU,EAAqBL,EAAAA,CAC3B,EAEFI,EAAA,cAACE,EAAA,CAAK,GAAG,OAAO,KAAML,EAAM,IAAK,CAAE,UAAW,sBAAuB,CAClEC,EAAAA,CACH,CACF"}
+{"version":3,"file":"InlineMessage.js","sources":["../../../src/components/inline-message/InlineMessage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { Text } from '~/components/text'\nimport { styled } from '~/stitches'\n\nimport {\n  INLINE_MESSAGE_ICONS,\n  INLINE_MESSAGE_THEMES\n} from './InlineMessage.config'\nimport { InlineMessageTheme } from './InlineMessage.types'\n\nconst InlineMessageContainer = styled(Flex, {\n  variants: {\n    theme: INLINE_MESSAGE_THEMES\n  }\n})\n\ntype TInlineMessageProps = React.ComponentProps<\n  typeof InlineMessageContainer\n> & {\n  showIcon?: boolean\n  size?: 'xs' | 'sm' | 'md'\n}\n\nexport const InlineMessage: React.FC<TInlineMessageProps> = ({\n  css,\n  showIcon = true,\n  theme = 'error',\n  size = 'sm',\n  children,\n  ...rest\n}) => (\n  <InlineMessageContainer theme={theme} css={css} {...rest}>\n    {showIcon && (\n      <Icon\n        css={{ mr: '$2' }}\n        size=\"sm\"\n        is={INLINE_MESSAGE_ICONS[theme as InlineMessageTheme]}\n      />\n    )}\n    <Text as=\"span\" size={size} css={{ transform: 'translateY($space$0)' }}>\n      {children}\n    </Text>\n  </InlineMessageContainer>\n)\n"],"names":["InlineMessageContainer","styled","Flex","INLINE_MESSAGE_THEMES","InlineMessage","css","showIcon","theme","size","children","rest","React","Icon","INLINE_MESSAGE_ICONS","Text"],"mappings":"oRAaA,MAAMA,EAAyBC,EAAOC,EAAM,CAC1C,SAAU,CACR,MAAOC,CACT,CACF,CAAC,EASYC,EAA+C,CAAC,CAC3D,IAAAC,EACA,SAAAC,EAAW,GACX,MAAAC,EAAQ,QACR,KAAAC,EAAO,KACP,SAAAC,KACGC,CACL,IACEC,EAAA,cAACX,EAAA,CAAuB,MAAOO,EAAO,IAAKF,EAAM,GAAGK,CAAAA,EACjDJ,GACCK,EAAA,cAACC,EAAA,CACC,IAAK,CAAE,GAAI,IAAK,EAChB,KAAK,KACL,GAAIC,EAAqBN,EAC3B,CAAA,EAEFI,EAAA,cAACG,EAAA,CAAK,GAAG,OAAO,KAAMN,EAAM,IAAK,CAAE,UAAW,sBAAuB,CAClEC,EAAAA,CACH,CACF"}

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordionTrigger.js

@@ -1,2 +1,2 @@
-import{ChevronDown as i}from"@atom-learning/icons";import{Trigger as a}from"@radix-ui/react-collapsible";import{Link as m}from"@radix-ui/react-navigation-menu";import e from"react";import{Flex as l}from"../flex/Flex.js";import{Icon as s}from"../icon/Icon.js";import{styled as t}from"../../stitches.js";import{navigationMenuVerticalItemStyles as c}from"./NavigationMenuVertical.styles.js";import{NavigationMenuVerticalAccordionContext as f}from"./NavigationMenuVerticalAccordion.js";import{NavigationMenuVerticalItemContent as p}from"./NavigationMenuVerticalItemContent.js";const g=t(a,c),u=t(s,{flexShrink:0,transition:"transform 300ms",'[data-state="open"] > &':{transform:"rotate(180deg)"}}),d=({children:r,...o})=>{const{setTriggerRef:n}=e.useContext(f);return e.createElement(m,{asChild:!0},e.createElement(g,{size:"lg",...o,asChild:!0},e.createElement(l,{as:"button",type:"button",align:"center",justify:"space-between",gap:3,ref:n},e.createElement(p,null,r),e.createElement(u,{size:"sm",is:i}))))};export{d as NavigationMenuVerticalAccordionTrigger};
+import{ChevronDown as i}from"@atom-learning/icons";import{Trigger as a}from"@radix-ui/react-collapsible";import{Link as m}from"@radix-ui/react-navigation-menu";import e from"react";import{Flex as s}from"../flex/Flex.js";import{Icon as c}from"../icon/Icon.js";import{styled as t}from"../../stitches.js";import{navigationMenuVerticalItemStyles as l}from"./NavigationMenuVertical.styles.js";import{NavigationMenuVerticalAccordionContext as f}from"./NavigationMenuVerticalAccordion.js";import{NavigationMenuVerticalItemContent as p}from"./NavigationMenuVerticalItemContent.js";const g=t(a,l),u=t(c,{transition:"transform 300ms",'[data-state="open"] > &':{transform:"rotate(180deg)"}}),d=({children:r,...o})=>{const{setTriggerRef:n}=e.useContext(f);return e.createElement(m,{asChild:!0},e.createElement(g,{size:"lg",...o,asChild:!0},e.createElement(s,{as:"button",type:"button",align:"center",justify:"space-between",gap:3,ref:n},e.createElement(p,null,r),e.createElement(u,{size:"sm",is:i}))))};export{d as NavigationMenuVerticalAccordionTrigger};
 //# sourceMappingURL=NavigationMenuVerticalAccordionTrigger.js.map

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordionTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalAccordionTrigger.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalAccordionTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport { Trigger } from '@radix-ui/react-collapsible'\nimport { Link } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/stitches'\n\nimport { navigationMenuVerticalItemStyles } from './NavigationMenuVertical.styles'\nimport { NavigationMenuVerticalAccordionContext } from './NavigationMenuVerticalAccordion'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\n\nconst StyledNavigationMenuVerticalAccordionTrigger = styled(\n  Trigger,\n  navigationMenuVerticalItemStyles\n)\n\nconst StyledIcon = styled(Icon, {\n  flexShrink: 0,\n  transition: 'transform 300ms',\n  '[data-state=\"open\"] > &': {\n    transform: 'rotate(180deg)'\n  }\n})\n\ntype TNavigationMenuAccordionTriggerProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalAccordionTrigger\n>\n\nexport const NavigationMenuVerticalAccordionTrigger = ({\n  children,\n  ...rest\n}: TNavigationMenuAccordionTriggerProps) => {\n  const { setTriggerRef } = React.useContext(\n    NavigationMenuVerticalAccordionContext\n  )\n\n  return (\n    <Link asChild>\n      <StyledNavigationMenuVerticalAccordionTrigger size=\"lg\" {...rest} asChild>\n        <Flex\n          as=\"button\"\n          type=\"button\"\n          align=\"center\"\n          justify=\"space-between\"\n          gap={3}\n          ref={setTriggerRef}\n        >\n          <NavigationMenuVerticalItemContent>\n            {children}\n          </NavigationMenuVerticalItemContent>\n          <StyledIcon size=\"sm\" is={ChevronDown} />\n        </Flex>\n      </StyledNavigationMenuVerticalAccordionTrigger>\n    </Link>\n  )\n}\n"],"names":["StyledNavigationMenuVerticalAccordionTrigger","styled","Trigger","navigationMenuVerticalItemStyles","StyledIcon","Icon","NavigationMenuVerticalAccordionTrigger","children","rest","setTriggerRef","React","NavigationMenuVerticalAccordionContext","Link","Flex","NavigationMenuVerticalItemContent","ChevronDown"],"mappings":"6jBAaA,MAAMA,EAA+CC,EACnDC,EACAC,CACF,EAEMC,EAAaH,EAAOI,EAAM,CAC9B,WAAY,EACZ,WAAY,kBACZ,0BAA2B,CACzB,UAAW,gBACb,CACF,CAAC,EAMYC,EAAyC,CAAC,CACrD,SAAAC,KACGC,CACL,IAA4C,CAC1C,KAAM,CAAE,cAAAC,CAAc,EAAIC,EAAM,WAC9BC,CACF,EAEA,OACED,EAAA,cAACE,EAAA,CAAK,QAAO,EACXF,EAAAA,EAAA,cAACV,EAAA,CAA6C,KAAK,KAAM,GAAGQ,EAAM,QAAO,IACvEE,EAAA,cAACG,EAAA,CACC,GAAG,SACH,KAAK,SACL,MAAM,SACN,QAAQ,gBACR,IAAK,EACL,IAAKJ,CAAAA,EAELC,EAAA,cAACI,EAAA,KACEP,CACH,EACAG,EAAA,cAACN,EAAA,CAAW,KAAK,KAAK,GAAIW,CAAAA,CAAa,CACzC,CACF,CACF,CAEJ"}
+{"version":3,"file":"NavigationMenuVerticalAccordionTrigger.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalAccordionTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport { Trigger } from '@radix-ui/react-collapsible'\nimport { Link } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/stitches'\n\nimport { navigationMenuVerticalItemStyles } from './NavigationMenuVertical.styles'\nimport { NavigationMenuVerticalAccordionContext } from './NavigationMenuVerticalAccordion'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\n\nconst StyledNavigationMenuVerticalAccordionTrigger = styled(\n  Trigger,\n  navigationMenuVerticalItemStyles\n)\n\nconst StyledIcon = styled(Icon, {\n  transition: 'transform 300ms',\n  '[data-state=\"open\"] > &': {\n    transform: 'rotate(180deg)'\n  }\n})\n\ntype TNavigationMenuAccordionTriggerProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalAccordionTrigger\n>\n\nexport const NavigationMenuVerticalAccordionTrigger = ({\n  children,\n  ...rest\n}: TNavigationMenuAccordionTriggerProps) => {\n  const { setTriggerRef } = React.useContext(\n    NavigationMenuVerticalAccordionContext\n  )\n\n  return (\n    <Link asChild>\n      <StyledNavigationMenuVerticalAccordionTrigger size=\"lg\" {...rest} asChild>\n        <Flex\n          as=\"button\"\n          type=\"button\"\n          align=\"center\"\n          justify=\"space-between\"\n          gap={3}\n          ref={setTriggerRef}\n        >\n          <NavigationMenuVerticalItemContent>\n            {children}\n          </NavigationMenuVerticalItemContent>\n          <StyledIcon size=\"sm\" is={ChevronDown} />\n        </Flex>\n      </StyledNavigationMenuVerticalAccordionTrigger>\n    </Link>\n  )\n}\n"],"names":["StyledNavigationMenuVerticalAccordionTrigger","styled","Trigger","navigationMenuVerticalItemStyles","StyledIcon","Icon","NavigationMenuVerticalAccordionTrigger","children","rest","setTriggerRef","React","NavigationMenuVerticalAccordionContext","Link","Flex","NavigationMenuVerticalItemContent","ChevronDown"],"mappings":"6jBAaA,MAAMA,EAA+CC,EACnDC,EACAC,CACF,EAEMC,EAAaH,EAAOI,EAAM,CAC9B,WAAY,kBACZ,0BAA2B,CACzB,UAAW,gBACb,CACF,CAAC,EAMYC,EAAyC,CAAC,CACrD,SAAAC,KACGC,CACL,IAA4C,CAC1C,KAAM,CAAE,cAAAC,CAAc,EAAIC,EAAM,WAC9BC,CACF,EAEA,OACED,EAAA,cAACE,EAAA,CAAK,QAAO,EAAA,EACXF,EAAA,cAACV,EAAA,CAA6C,KAAK,KAAM,GAAGQ,EAAM,QAAO,EAAA,EACvEE,EAAA,cAACG,EAAA,CACC,GAAG,SACH,KAAK,SACL,MAAM,SACN,QAAQ,gBACR,IAAK,EACL,IAAKJ,CAAAA,EAELC,EAAA,cAACI,EAAA,KACEP,CACH,EACAG,EAAA,cAACN,EAAA,CAAW,KAAK,KAAK,GAAIW,CAAAA,CAAa,CACzC,CACF,CACF,CAEJ"}

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalIcon.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{Icon as o}from"../icon/Icon.js";import{styled as r}from"../../stitches.js";const i=r(o,{flexShrink:0,alignSelf:"start"}),n=t=>e.createElement(i,{size:"md",...t});export{n as NavigationMenuVerticalIcon};
+import*as o from"react";import{Icon as e}from"../icon/Icon.js";import{styled as r}from"../../stitches.js";const i=r(e,{alignSelf:"start"}),m=t=>o.createElement(i,{size:"md",...t});export{m as NavigationMenuVerticalIcon};
 //# sourceMappingURL=NavigationMenuVerticalIcon.js.map

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalIcon.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/stitches'\n\nconst StyledNavigationMenuVerticalIcon = styled(Icon, {\n  flexShrink: 0,\n  alignSelf: 'start'\n})\nexport const NavigationMenuVerticalIcon = (\n  props: React.ComponentProps<typeof StyledNavigationMenuVerticalIcon>\n): JSX.Element => <StyledNavigationMenuVerticalIcon size=\"md\" {...props} />\n"],"names":["StyledNavigationMenuVerticalIcon","styled","Icon","NavigationMenuVerticalIcon","props","React"],"mappings":"0GAKA,MAAMA,EAAmCC,EAAOC,EAAM,CACpD,WAAY,EACZ,UAAW,OACb,CAAC,EACYC,EACXC,GACgBC,EAAA,cAACL,EAAA,CAAiC,KAAK,KAAM,GAAGI,CAAO,CAAA"}
+{"version":3,"file":"NavigationMenuVerticalIcon.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/stitches'\n\nconst StyledNavigationMenuVerticalIcon = styled(Icon, {\n  alignSelf: 'start'\n})\nexport const NavigationMenuVerticalIcon = (\n  props: React.ComponentProps<typeof StyledNavigationMenuVerticalIcon>\n): JSX.Element => <StyledNavigationMenuVerticalIcon size=\"md\" {...props} />\n"],"names":["StyledNavigationMenuVerticalIcon","styled","Icon","NavigationMenuVerticalIcon","props","React"],"mappings":"0GAKA,MAAMA,EAAmCC,EAAOC,EAAM,CACpD,UAAW,OACb,CAAC,EACYC,EACXC,GACgBC,EAAA,cAACL,EAAA,CAAiC,KAAK,KAAM,GAAGI,CAAO,CAAA"}

package/dist/components/section-message/SectionMessage.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const StyledSectionMessage: import("@stitches/react/types/styled-component").StyledComponent<React.FC<import("../dismissible/DismissibleRoot").IDismissibleGroupItemProps & import("../dismissible/DismissibleRoot").IDismissibleRootProps> & {
+declare const StyledSectionMessage: import("@stitches/react/types/styled-component").StyledComponent<React.FC<import("../dismissible/DismissibleRoot").IDismissibleProps & import("../dismissible/DismissibleRoot").IDismissibleRootProps> & {
     Trigger: React.FC<import("../dismissible/DismissibleTrigger").IDismissibleTriggerProps>;
 }, {
     theme?: "success" | "warning" | "neutral" | "info" | "error" | undefined;

package/dist/components/toggle-group/ToggleGroupButton.js

@@ -1,2 +1,2 @@
-import*as n from"react";import{styled as f}from"../../stitches.js";import{StyledIcon as g,Icon as r}from"../icon/Icon.js";import{StyledItem as h}from"./ToggleGroupItem.js";const t={sm:"32px",md:"40px",lg:"48px"},u={sm:"$4",md:"$5",lg:"$5"},$={sm:"$2",md:"$3",lg:"$3"},l=i=>({fontSize:`$${i}`,px:u[i],minHeight:t[i],"& > *:not(:last-child)":{mr:$[i]}}),d=f(h,{flexGrow:1,display:"flex",alignItems:"center",justifyContent:"center",fontWeight:600,lineHeight:1,py:"$1",[`& ${g}`]:{flexShrink:0},variants:{size:{sm:l("sm"),md:l("md"),lg:l("lg")},isIconOnly:{true:{}}},compoundVariants:[{isIconOnly:!0,size:"sm",css:{minWidth:t.sm,p:0}},{isIconOnly:!0,size:"md",css:{minWidth:t.md,p:0}},{isIconOnly:!0,size:"lg",css:{minWidth:t.lg,p:0}}]}),x=n.forwardRef(({size:i="md",children:p,...c},y)=>{var m;const s=n.Children.toArray(p),o=s.length<=1,a=o&&n.isValidElement(s[0])&&((m=s[0])==null?void 0:m.type)===r;return n.createElement(d,{ref:y,size:i,isIconOnly:a,...c},s.map(e=>!o&&(typeof e=="string"||typeof e=="number")?n.createElement("span",{key:e},e):n.isValidElement(e)&&(e==null?void 0:e.type)===r?n.cloneElement(e,{...e.props,size:i}):e))});export{d as StyledButton,x as ToggleGroupButton};
+import*as n from"react";import{styled as g}from"../../stitches.js";import{Icon as r}from"../icon/Icon.js";import{StyledItem as f}from"./ToggleGroupItem.js";const t={sm:"32px",md:"40px",lg:"48px"},u={sm:"$4",md:"$5",lg:"$5"},h={sm:"$2",md:"$3",lg:"$3"},m=i=>({fontSize:`$${i}`,px:u[i],minHeight:t[i],"& > *:not(:last-child)":{mr:h[i]}}),d=g(f,{flexGrow:1,display:"flex",alignItems:"center",justifyContent:"center",fontWeight:600,lineHeight:1,py:"$1",variants:{size:{sm:m("sm"),md:m("md"),lg:m("lg")},isIconOnly:{true:{}}},compoundVariants:[{isIconOnly:!0,size:"sm",css:{minWidth:t.sm,p:0}},{isIconOnly:!0,size:"md",css:{minWidth:t.md,p:0}},{isIconOnly:!0,size:"lg",css:{minWidth:t.lg,p:0}}]}),$=n.forwardRef(({size:i="md",children:p,...c},a)=>{var l;const s=n.Children.toArray(p),o=s.length<=1,y=o&&n.isValidElement(s[0])&&((l=s[0])==null?void 0:l.type)===r;return n.createElement(d,{ref:a,size:i,isIconOnly:y,...c},s.map(e=>!o&&(typeof e=="string"||typeof e=="number")?n.createElement("span",{key:e},e):n.isValidElement(e)&&(e==null?void 0:e.type)===r?n.cloneElement(e,{...e.props,size:i}):e))});export{d as StyledButton,$ as ToggleGroupButton};
 //# sourceMappingURL=ToggleGroupButton.js.map

package/dist/components/toggle-group/ToggleGroupButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupButton.js","sources":["../../../src/components/toggle-group/ToggleGroupButton.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Icon, StyledIcon } from '../icon'\nimport { StyledItem } from './ToggleGroupItem'\n\nconst minHeight = {\n  sm: '32px',\n  md: '40px',\n  lg: '48px'\n}\n\nconst px = {\n  sm: '$4',\n  md: '$5',\n  lg: '$5'\n}\n\nconst spacingBetweenElements = {\n  sm: '$2',\n  md: '$3',\n  lg: '$3'\n}\n\nconst getSizeVariant = (size) => ({\n  fontSize: `$${size}`,\n  px: px[size],\n  minHeight: minHeight[size],\n  '& > *:not(:last-child)': {\n    mr: spacingBetweenElements[size]\n  }\n})\n\nexport const StyledButton = styled(StyledItem, {\n  flexGrow: 1,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  fontWeight: 600,\n  lineHeight: 1,\n  py: '$1',\n  [`& ${StyledIcon}`]: {\n    flexShrink: 0\n  },\n  variants: {\n    size: {\n      sm: getSizeVariant('sm'),\n      md: getSizeVariant('md'),\n      lg: getSizeVariant('lg')\n    },\n    isIconOnly: {\n      true: {}\n    }\n  },\n  compoundVariants: [\n    {\n      isIconOnly: true,\n      size: 'sm',\n      css: {\n        minWidth: minHeight.sm,\n        p: 0\n      }\n    },\n    {\n      isIconOnly: true,\n      size: 'md',\n      css: {\n        minWidth: minHeight.md,\n        p: 0\n      }\n    },\n    {\n      isIconOnly: true,\n      size: 'lg',\n      css: {\n        minWidth: minHeight.lg,\n        p: 0\n      }\n    }\n  ]\n})\n\nexport const ToggleGroupButton: React.ForwardRefExoticComponent<\n  React.ComponentProps<typeof StyledButton>\n> = React.forwardRef(({ size = 'md', children, ...rest }, ref) => {\n  const childrenArray = React.Children.toArray(children)\n  const isSingleChild = childrenArray.length <= 1\n  const isIconOnly =\n    isSingleChild &&\n    React.isValidElement(childrenArray[0]) &&\n    childrenArray[0]?.type === Icon\n\n  return (\n    <StyledButton ref={ref} size={size} isIconOnly={isIconOnly} {...rest}>\n      {\n        childrenArray.map((child) => {\n          if (\n            !isSingleChild &&\n            (typeof child === 'string' || typeof child === 'number')\n          )\n            return <span key={child}>{child}</span>\n          if (React.isValidElement(child)) {\n            if (child?.type === Icon)\n              return React.cloneElement(child, { ...child.props, size })\n          }\n          return child\n        }) as React.ReactElement[]\n      }\n    </StyledButton>\n  )\n})\n"],"names":["minHeight","px","spacingBetweenElements","getSizeVariant","size","StyledButton","styled","StyledItem","StyledIcon","ToggleGroupButton","React","children","rest","ref","_a","childrenArray","isSingleChild","isIconOnly","Icon","child"],"mappings":"4KAOA,MAAMA,EAAY,CAChB,GAAI,OACJ,GAAI,OACJ,GAAI,MACN,EAEMC,EAAK,CACT,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEMC,EAAyB,CAC7B,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEMC,EAAkBC,IAAU,CAChC,SAAU,IAAIA,IACd,GAAIH,EAAGG,GACP,UAAWJ,EAAUI,GACrB,yBAA0B,CACxB,GAAIF,EAAuBE,EAC7B,CACF,GAEaC,EAAeC,EAAOC,EAAY,CAC7C,SAAU,EACV,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,WAAY,IACZ,WAAY,EACZ,GAAI,KACJ,CAAC,KAAKC,KAAe,CACnB,WAAY,CACd,EACA,SAAU,CACR,KAAM,CACJ,GAAIL,EAAe,IAAI,EACvB,GAAIA,EAAe,IAAI,EACvB,GAAIA,EAAe,IAAI,CACzB,EACA,WAAY,CACV,KAAM,CACR,CAAA,CACF,EACA,iBAAkB,CAChB,CACE,WAAY,GACZ,KAAM,KACN,IAAK,CACH,SAAUH,EAAU,GACpB,EAAG,CACL,CACF,EACA,CACE,WAAY,GACZ,KAAM,KACN,IAAK,CACH,SAAUA,EAAU,GACpB,EAAG,CACL,CACF,EACA,CACE,WAAY,GACZ,KAAM,KACN,IAAK,CACH,SAAUA,EAAU,GACpB,EAAG,CACL,CACF,CACF,CACF,CAAC,EAEYS,EAETC,EAAM,WAAW,CAAC,CAAE,KAAAN,EAAO,KAAM,SAAAO,KAAaC,CAAK,EAAGC,IAAQ,CArFlE,IAAAC,EAsFE,MAAMC,EAAgBL,EAAM,SAAS,QAAQC,CAAQ,EAC/CK,EAAgBD,EAAc,QAAU,EACxCE,EACJD,GACAN,EAAM,eAAeK,EAAc,EAAE,KACrCD,EAAAC,EAAc,KAAd,KAAAD,OAAAA,EAAkB,QAASI,EAE7B,OACER,EAAA,cAACL,EAAA,CAAa,IAAKQ,EAAK,KAAMT,EAAM,WAAYa,EAAa,GAAGL,CAAAA,EAE5DG,EAAc,IAAKI,GAEf,CAACH,IACA,OAAOG,GAAU,UAAY,OAAOA,GAAU,UAExCT,EAAA,cAAC,OAAA,CAAK,IAAKS,CAAAA,EAAQA,CAAM,EAC9BT,EAAM,eAAeS,CAAK,IACxBA,GAAA,KAAA,OAAAA,EAAO,QAASD,EACXR,EAAM,aAAaS,EAAO,CAAE,GAAGA,EAAM,MAAO,KAAAf,CAAK,CAAC,EAEtDe,CACR,CAEL,CAEJ,CAAC"}
+{"version":3,"file":"ToggleGroupButton.js","sources":["../../../src/components/toggle-group/ToggleGroupButton.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Icon, StyledIcon } from '../icon'\nimport { StyledItem } from './ToggleGroupItem'\n\nconst minHeight = {\n  sm: '32px',\n  md: '40px',\n  lg: '48px'\n}\n\nconst px = {\n  sm: '$4',\n  md: '$5',\n  lg: '$5'\n}\n\nconst spacingBetweenElements = {\n  sm: '$2',\n  md: '$3',\n  lg: '$3'\n}\n\nconst getSizeVariant = (size) => ({\n  fontSize: `$${size}`,\n  px: px[size],\n  minHeight: minHeight[size],\n  '& > *:not(:last-child)': {\n    mr: spacingBetweenElements[size]\n  }\n})\n\nexport const StyledButton = styled(StyledItem, {\n  flexGrow: 1,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  fontWeight: 600,\n  lineHeight: 1,\n  py: '$1',\n  variants: {\n    size: {\n      sm: getSizeVariant('sm'),\n      md: getSizeVariant('md'),\n      lg: getSizeVariant('lg')\n    },\n    isIconOnly: {\n      true: {}\n    }\n  },\n  compoundVariants: [\n    {\n      isIconOnly: true,\n      size: 'sm',\n      css: {\n        minWidth: minHeight.sm,\n        p: 0\n      }\n    },\n    {\n      isIconOnly: true,\n      size: 'md',\n      css: {\n        minWidth: minHeight.md,\n        p: 0\n      }\n    },\n    {\n      isIconOnly: true,\n      size: 'lg',\n      css: {\n        minWidth: minHeight.lg,\n        p: 0\n      }\n    }\n  ]\n})\n\nexport const ToggleGroupButton: React.ForwardRefExoticComponent<\n  React.ComponentProps<typeof StyledButton>\n> = React.forwardRef(({ size = 'md', children, ...rest }, ref) => {\n  const childrenArray = React.Children.toArray(children)\n  const isSingleChild = childrenArray.length <= 1\n  const isIconOnly =\n    isSingleChild &&\n    React.isValidElement(childrenArray[0]) &&\n    childrenArray[0]?.type === Icon\n\n  return (\n    <StyledButton ref={ref} size={size} isIconOnly={isIconOnly} {...rest}>\n      {\n        childrenArray.map((child) => {\n          if (\n            !isSingleChild &&\n            (typeof child === 'string' || typeof child === 'number')\n          )\n            return <span key={child}>{child}</span>\n          if (React.isValidElement(child)) {\n            if (child?.type === Icon)\n              return React.cloneElement(child, { ...child.props, size })\n          }\n          return child\n        }) as React.ReactElement[]\n      }\n    </StyledButton>\n  )\n})\n"],"names":["minHeight","px","spacingBetweenElements","getSizeVariant","size","StyledButton","styled","StyledItem","ToggleGroupButton","React","children","rest","ref","_a","childrenArray","isSingleChild","isIconOnly","Icon","child"],"mappings":"4JAOA,MAAMA,EAAY,CAChB,GAAI,OACJ,GAAI,OACJ,GAAI,MACN,EAEMC,EAAK,CACT,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEMC,EAAyB,CAC7B,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEMC,EAAkBC,IAAU,CAChC,SAAU,IAAIA,IACd,GAAIH,EAAGG,GACP,UAAWJ,EAAUI,GACrB,yBAA0B,CACxB,GAAIF,EAAuBE,EAC7B,CACF,GAEaC,EAAeC,EAAOC,EAAY,CAC7C,SAAU,EACV,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,WAAY,IACZ,WAAY,EACZ,GAAI,KACJ,SAAU,CACR,KAAM,CACJ,GAAIJ,EAAe,IAAI,EACvB,GAAIA,EAAe,IAAI,EACvB,GAAIA,EAAe,IAAI,CACzB,EACA,WAAY,CACV,KAAM,CAAA,CACR,CACF,EACA,iBAAkB,CAChB,CACE,WAAY,GACZ,KAAM,KACN,IAAK,CACH,SAAUH,EAAU,GACpB,EAAG,CACL,CACF,EACA,CACE,WAAY,GACZ,KAAM,KACN,IAAK,CACH,SAAUA,EAAU,GACpB,EAAG,CACL,CACF,EACA,CACE,WAAY,GACZ,KAAM,KACN,IAAK,CACH,SAAUA,EAAU,GACpB,EAAG,CACL,CACF,CACF,CACF,CAAC,EAEYQ,EAETC,EAAM,WAAW,CAAC,CAAE,KAAAL,EAAO,KAAM,SAAAM,KAAaC,CAAK,EAAGC,IAAQ,CAlFlE,IAAAC,EAmFE,MAAMC,EAAgBL,EAAM,SAAS,QAAQC,CAAQ,EAC/CK,EAAgBD,EAAc,QAAU,EACxCE,EACJD,GACAN,EAAM,eAAeK,EAAc,EAAE,KACrCD,EAAAC,EAAc,KAAd,KAAA,OAAAD,EAAkB,QAASI,EAE7B,OACER,EAAA,cAACJ,EAAa,CAAA,IAAKO,EAAK,KAAMR,EAAM,WAAYY,EAAa,GAAGL,CAE5DG,EAAAA,EAAc,IAAKI,GAEf,CAACH,IACA,OAAOG,GAAU,UAAY,OAAOA,GAAU,UAExCT,EAAA,cAAC,OAAK,CAAA,IAAKS,CAAQA,EAAAA,CAAM,EAC9BT,EAAM,eAAeS,CAAK,IACxBA,GAAA,KAAAA,OAAAA,EAAO,QAASD,EACXR,EAAM,aAAaS,EAAO,CAAE,GAAGA,EAAM,MAAO,KAAAd,CAAK,CAAC,EAEtDc,CACR,CAEL,CAEJ,CAAC"}