npm - @traefik-labs/faency - Versions diffs - 12.3.3 → 12.3.5 - Mend

@traefik-labs/faency 12.3.3 → 12.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (155) hide show

package/dist/components/Navigation/Navigation.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Navigation.cjs","names":[],"sources":["../../../components/Navigation/Navigation.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\n\nimport { CSS, css, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\nimport { Flex } from '../Flex';\n\nconst FlexWithOpacity = styled(Flex, {\n opacity: 0.74,\n\n variants: {\n active: {\n true: {\n opacity: 1,\n },\n },\n },\n});\n\nconst baseNavItemCss = css({\n position: 'relative',\n display: 'flex',\n boxSizing: 'border-box',\n alignItems: 'center',\n backgroundColor: '$navButtonBg',\n color: '$navButtonText',\n border: 'none',\n minHeight: '$7',\n width: '100%',\n px: '$3',\n py: '$2',\n borderRadius: '$3',\n cursor: 'pointer',\n fontFamily: '$rubik',\n fontWeight: '$medium',\n outline: 'none',\n fontSize: '$3',\n mt: '$2',\n\n '&::before': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n borderRadius: '$3',\n },\n '&::after': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n borderRadius: '$3',\n },\n\n [`&:focus > ${FlexWithOpacity}, &:hover > ${FlexWithOpacity}`]: {\n opacity: 1,\n },\n\n '&:focus': {\n color: '$navButtonFocusText',\n boxShadow: 'inset 0 0 0 2px $colors$navButtonFocusBorder',\n\n '&::before': {\n backgroundColor: '$navButtonFocusBg',\n },\n '&::after': {\n backgroundColor: '$navButtonFocusBg2',\n opacity: 0.05,\n },\n },\n\n '@hover': {\n '&:hover': {\n color: '$navButtonHoverText',\n\n '&::before': {\n backgroundColor: '$navButtonHoverBg',\n },\n '&::after': {\n backgroundColor: '$navButtonHoverBg2',\n opacity: 0.05,\n },\n },\n },\n\n '&:first-child': {\n mt: 0,\n },\n\n variants: {\n active: {\n true: {\n color: '$navButtonActiveText',\n\n '&::before': {\n backgroundColor: '$navButtonActiveBg',\n },\n '&::after': {\n backgroundColor: '$navButtonActiveBg2',\n opacity: 0.05,\n },\n\n '@hover': {\n '&:hover': {\n color: '$navButtonActiveText',\n },\n },\n\n '&:focus': {\n color: '$navButtonActiveText',\n },\n },\n },\n },\n defaultVariants: {\n active: false,\n },\n});\n\nexport const NavigationContainer = styled('div', {\n display: 'flex',\n boxSizing: 'border-box',\n flexDirection: 'column',\n});\n\nexport type NavigationContainerVariants = VariantProps<typeof NavigationContainer>;\nexport type NavigationContainerProps = NavigationContainerVariants & NonNullable<unknown>;\n\nexport const NavigationDrawer = styled('nav', {\n display: 'flex',\n boxSizing: 'border-box',\n padding: '$3',\n maxWidth: '240px',\n flexDirection: 'column',\n variants: {\n elevation: elevationVariants,\n fullWidth: {\n true: {\n px: 0,\n '> , > div > ,': {\n borderRadius: 0,\n\n '&::before': {\n borderRadius: 0,\n },\n\n '&::after': {\n borderRadius: 0,\n },\n\n '&:focus': {\n border: 'none',\n boxShadow: 'none',\n },\n },\n },\n },\n },\n defaultVariants: {\n elevation: 1,\n fullWidth: false,\n },\n});\n\nexport type NavigationDrawerVariants = VariantProps<typeof NavigationDrawer>;\nexport type NavigationDrawerProps = NavigationDrawerVariants & NonNullable<unknown>;\n\nconst StyledLink = styled('a', baseNavItemCss, {\n textDecoration: 'none',\n});\n\ntype StyledLinkProps = VariantProps<typeof StyledLink> & React.ComponentProps<typeof StyledLink>;\n\nconst StyledButton = styled('button', baseNavItemCss);\n\ntype StyledButtonProps = VariantProps<typeof StyledButton> &\n React.ComponentProps<typeof StyledButton>;\ninterface NavigationItemBaseProps {\n css?: CSS;\n startAdornment?: ReactNode;\n endAdornment?: ReactNode;\n children?: ReactNode;\n active?: boolean;\n}\n\ntype NavigationItemButtonProps = NavigationItemBaseProps &\n StyledButtonProps & {\n as?: 'button';\n };\ntype NavigationItemLinkProps = NavigationItemBaseProps &\n StyledLinkProps &\n React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n as: 'a';\n };\n\nexport type NavigationItemProps = NavigationItemButtonProps \| NavigationItemLinkProps;\n\nconst NavigationItemWrapper = (props: NavigationItemProps): JSX.Element =>\n props.as === 'a' ? <StyledLink {...props} /> : <StyledButton type=\"button\" {...props} />;\n\nexport const NavigationItem = ({\n startAdornment,\n endAdornment,\n children,\n ...restProps\n}: NavigationItemProps): JSX.Element => {\n const hasStartAdornment = useMemo(() => Boolean(startAdornment), [startAdornment]);\n const hasEndAdornment = useMemo(() => Boolean(endAdornment), [endAdornment]);\n\n return (\n <NavigationItemWrapper {...restProps}>\n {hasStartAdornment && (\n <FlexWithOpacity css={{ pr: '$2', ml: '-$1' }} active={restProps.active}>\n {startAdornment}\n </FlexWithOpacity>\n )}\n <FlexWithOpacity css={{ flexGrow: 1 }} active={restProps.active}>\n {children}\n </FlexWithOpacity>\n {hasEndAdornment && <Flex css={{ pl: '$2', mr: '-$1' }}>{endAdornment}</Flex>}\n </NavigationItemWrapper>\n );\n};\n\nexport type NavigationItemVariants = VariantProps<typeof NavigationItem>;\n\nexport const NavigationLink = (props: Omit<NavigationItemLinkProps, 'as'>) => (\n <NavigationItem as=\"a\" {...props} />\n);\n\nexport type NavigationLinkVariants = VariantProps<typeof NavigationLink>;\n\nexport type NavigationLinkProps = NavigationLinkVariants & NonNullable<unknown>;\n"],"mappings":";;;;;;;;AAMA,IAAM,kBAAkB,wBAAA,OAAO,aAAA,MAAM;CACnC,SAAS;CAET,UAAU,EACR,QAAQ,EACN,MAAM,EACJ,SAAS,GACV,EACF,EACF;CACF,CAAC;AAEF,IAAM,iBAAiB,wBAAA,IAAI;CACzB,UAAU;CACV,SAAS;CACT,WAAW;CACX,YAAY;CACZ,iBAAiB;CACjB,OAAO;CACP,QAAQ;CACR,WAAW;CACX,OAAO;CACP,IAAI;CACJ,IAAI;CACJ,cAAc;CACd,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,SAAS;CACT,UAAU;CACV,IAAI;CAEJ,aAAa;EACX,WAAW;EACX,SAAS;EACT,UAAU;EACV,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,cAAc;EACf;CACD,YAAY;EACV,WAAW;EACX,SAAS;EACT,UAAU;EACV,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,cAAc;EACf;EAEA,aAAa,gBAAgB,cAAc,oBAAoB,EAC9D,SAAS,GACV;CAED,WAAW;EACT,OAAO;EACP,WAAW;EAEX,aAAa,EACX,iBAAiB,qBAClB;EACD,YAAY;GACV,iBAAiB;GACjB,SAAS;GACV;EACF;CAED,UAAU,EACR,WAAW;EACT,OAAO;EAEP,aAAa,EACX,iBAAiB,qBAClB;EACD,YAAY;GACV,iBAAiB;GACjB,SAAS;GACV;EACF,EACF;CAED,iBAAiB,EACf,IAAI,GACL;CAED,UAAU,EACR,QAAQ,EACN,MAAM;EACJ,OAAO;EAEP,aAAa,EACX,iBAAiB,sBAClB;EACD,YAAY;GACV,iBAAiB;GACjB,SAAS;GACV;EAED,UAAU,EACR,WAAW,EACT,OAAO,wBACR,EACF;EAED,WAAW,EACT,OAAO,wBACR;EACF,EACF,EACF;CACD,iBAAiB,EACf,QAAQ,OACT;CACF,CAAC;AAEF,IAAa,sBAAsB,wBAAA,OAAO,OAAO;CAC/C,SAAS;CACT,WAAW;CACX,eAAe;CAChB,CAAC;AAKF,IAAa,mBAAmB,wBAAA,OAAO,OAAO;CAC5C,SAAS;CACT,WAAW;CACX,SAAS;CACT,UAAU;CACV,eAAe;CACf,UAAU;EACR,WAAW,kBAAA;EACX,WAAW,EACT,MAAM;GACJ,IAAI;GACJ,mBAAmB;IACjB,cAAc;IAEd,aAAa,EACX,cAAc,GACf;IAED,YAAY,EACV,cAAc,GACf;IAED,WAAW;KACT,QAAQ;KACR,WAAW;KACZ;IACF;GACF,EACF;EACF;CACD,iBAAiB;EACf,WAAW;EACX,WAAW;EACZ;CACF,CAAC;AAKF,IAAM,aAAa,wBAAA,OAAO,KAAK,gBAAgB,EAC7C,gBAAgB,QACjB,CAAC;AAIF,IAAM,eAAe,wBAAA,OAAO,UAAU,eAAe;AAwBrD,IAAM,yBAAyB,UAC7B,MAAM,OAAO,MAAM,iBAAA,GAAA,kBAAA,KAAC,YAAD,EAAY,GAAI,OAAS,CAAA,GAAG,iBAAA,GAAA,kBAAA,KAAC,cAAD;CAAc,MAAK;CAAS,GAAI;CAAS,CAAA;AAE1F,IAAa,kBAAkB,EAC7B,gBACA,cACA,UACA,GAAG,gBACmC;CACtC,MAAM,qBAAA,GAAA,MAAA,eAAkC,QAAQ,eAAe,EAAE,CAAC,eAAe,CAAC;CAClF,MAAM,mBAAA,GAAA,MAAA,eAAgC,QAAQ,aAAa,EAAE,CAAC,aAAa,CAAC;~~AAE5E~~,~~QACE~~,iBAAA,GAAA,kBAAA,MAAC,uBAAD;EAAuB,GAAI;YAA3B;GACG,qBACC,iBAAA,GAAA,kBAAA,KAAC,iBAAD;IAAiB,KAAK;KAAE,IAAI;KAAM,IAAI;KAAO;IAAE,QAAQ,UAAU;cAC9D;IACe,CAAA;GAEpB,iBAAA,GAAA,kBAAA,KAAC,iBAAD;IAAiB,KAAK,EAAE,UAAU,GAAG;IAAE,QAAQ,UAAU;IACtD;IACe,CAAA;GACjB,mBAAmB,iBAAA,GAAA,kBAAA,KAAC,aAAA,MAAD;IAAM,KAAK;KAAE,IAAI;KAAM,IAAI;KAAO;cAAG;IAAoB,CAAA;GACvD;;;AAM5B,IAAa,kBAAkB,UAC7B,iBAAA,GAAA,kBAAA,KAAC,gBAAD;CAAgB,IAAG;CAAI,GAAI;CAAS,CAAA"}
1	+ {"version":3,"file":"Navigation.cjs","names":[],"sources":["../../../components/Navigation/Navigation.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\n\nimport { CSS, css, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\nimport { Flex } from '../Flex';\n\nconst FlexWithOpacity = styled(Flex, {\n opacity: 0.74,\n\n variants: {\n active: {\n true: {\n opacity: 1,\n },\n },\n },\n});\n\nconst baseNavItemCss = css({\n position: 'relative',\n display: 'flex',\n boxSizing: 'border-box',\n alignItems: 'center',\n backgroundColor: '$navButtonBg',\n color: '$navButtonText',\n border: 'none',\n minHeight: '$7',\n width: '100%',\n px: '$3',\n py: '$2',\n borderRadius: '$3',\n cursor: 'pointer',\n fontFamily: '$rubik',\n fontWeight: '$medium',\n outline: 'none',\n fontSize: '$3',\n mt: '$2',\n\n '&::before': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n borderRadius: '$3',\n },\n '&::after': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n borderRadius: '$3',\n },\n\n [`&:focus > ${FlexWithOpacity}, &:hover > ${FlexWithOpacity}`]: {\n opacity: 1,\n },\n\n '&:focus': {\n color: '$navButtonFocusText',\n boxShadow: 'inset 0 0 0 2px $colors$navButtonFocusBorder',\n\n '&::before': {\n backgroundColor: '$navButtonFocusBg',\n },\n '&::after': {\n backgroundColor: '$navButtonFocusBg2',\n opacity: 0.05,\n },\n },\n\n '@hover': {\n '&:hover': {\n color: '$navButtonHoverText',\n\n '&::before': {\n backgroundColor: '$navButtonHoverBg',\n },\n '&::after': {\n backgroundColor: '$navButtonHoverBg2',\n opacity: 0.05,\n },\n },\n },\n\n '&:first-child': {\n mt: 0,\n },\n\n variants: {\n active: {\n true: {\n color: '$navButtonActiveText',\n\n '&::before': {\n backgroundColor: '$navButtonActiveBg',\n },\n '&::after': {\n backgroundColor: '$navButtonActiveBg2',\n opacity: 0.05,\n },\n\n '@hover': {\n '&:hover': {\n color: '$navButtonActiveText',\n },\n },\n\n '&:focus': {\n color: '$navButtonActiveText',\n },\n },\n },\n },\n defaultVariants: {\n active: false,\n },\n});\n\nexport const NavigationContainer = styled('div', {\n display: 'flex',\n boxSizing: 'border-box',\n flexDirection: 'column',\n});\n\nexport type NavigationContainerVariants = VariantProps<typeof NavigationContainer>;\nexport type NavigationContainerProps = NavigationContainerVariants & NonNullable<unknown>;\n\nexport const NavigationDrawer = styled('nav', {\n display: 'flex',\n boxSizing: 'border-box',\n padding: '$3',\n maxWidth: '240px',\n flexDirection: 'column',\n variants: {\n elevation: elevationVariants,\n fullWidth: {\n true: {\n px: 0,\n '> , > div > ,': {\n borderRadius: 0,\n\n '&::before': {\n borderRadius: 0,\n },\n\n '&::after': {\n borderRadius: 0,\n },\n\n '&:focus': {\n border: 'none',\n boxShadow: 'none',\n },\n },\n },\n },\n },\n defaultVariants: {\n elevation: 1,\n fullWidth: false,\n },\n});\n\nexport type NavigationDrawerVariants = VariantProps<typeof NavigationDrawer>;\nexport type NavigationDrawerProps = NavigationDrawerVariants & NonNullable<unknown>;\n\nconst StyledLink = styled('a', baseNavItemCss, {\n textDecoration: 'none',\n});\n\ntype StyledLinkProps = VariantProps<typeof StyledLink> & React.ComponentProps<typeof StyledLink>;\n\nconst StyledButton = styled('button', baseNavItemCss);\n\ntype StyledButtonProps = VariantProps<typeof StyledButton> &\n React.ComponentProps<typeof StyledButton>;\ninterface NavigationItemBaseProps {\n css?: CSS;\n startAdornment?: ReactNode;\n endAdornment?: ReactNode;\n children?: ReactNode;\n active?: boolean;\n}\n\ntype NavigationItemButtonProps = NavigationItemBaseProps &\n StyledButtonProps & {\n as?: 'button';\n };\ntype NavigationItemLinkProps = NavigationItemBaseProps &\n StyledLinkProps &\n React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n as: 'a';\n };\n\nexport type NavigationItemProps = NavigationItemButtonProps \| NavigationItemLinkProps;\n\nconst NavigationItemWrapper = (props: NavigationItemProps): JSX.Element =>\n props.as === 'a' ? <StyledLink {...props} /> : <StyledButton type=\"button\" {...props} />;\n\nexport const NavigationItem = ({\n startAdornment,\n endAdornment,\n children,\n ...restProps\n}: NavigationItemProps): JSX.Element => {\n const hasStartAdornment = useMemo(() => Boolean(startAdornment), [startAdornment]);\n const hasEndAdornment = useMemo(() => Boolean(endAdornment), [endAdornment]);\n\n return (\n <NavigationItemWrapper {...restProps}>\n {hasStartAdornment && (\n <FlexWithOpacity css={{ pr: '$2', ml: '-$1' }} active={restProps.active}>\n {startAdornment}\n </FlexWithOpacity>\n )}\n <FlexWithOpacity css={{ flexGrow: 1 }} active={restProps.active}>\n {children}\n </FlexWithOpacity>\n {hasEndAdornment && <Flex css={{ pl: '$2', mr: '-$1' }}>{endAdornment}</Flex>}\n </NavigationItemWrapper>\n );\n};\n\nexport type NavigationItemVariants = VariantProps<typeof NavigationItem>;\n\nexport const NavigationLink = (props: Omit<NavigationItemLinkProps, 'as'>) => (\n <NavigationItem as=\"a\" {...props} />\n);\n\nexport type NavigationLinkVariants = VariantProps<typeof NavigationLink>;\n\nexport type NavigationLinkProps = NavigationLinkVariants & NonNullable<unknown>;\n"],"mappings":"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"}

package/dist/components/Navigation/Navigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Navigation.js","names":[],"sources":["../../../components/Navigation/Navigation.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\n\nimport { CSS, css, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\nimport { Flex } from '../Flex';\n\nconst FlexWithOpacity = styled(Flex, {\n opacity: 0.74,\n\n variants: {\n active: {\n true: {\n opacity: 1,\n },\n },\n },\n});\n\nconst baseNavItemCss = css({\n position: 'relative',\n display: 'flex',\n boxSizing: 'border-box',\n alignItems: 'center',\n backgroundColor: '$navButtonBg',\n color: '$navButtonText',\n border: 'none',\n minHeight: '$7',\n width: '100%',\n px: '$3',\n py: '$2',\n borderRadius: '$3',\n cursor: 'pointer',\n fontFamily: '$rubik',\n fontWeight: '$medium',\n outline: 'none',\n fontSize: '$3',\n mt: '$2',\n\n '&::before': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n borderRadius: '$3',\n },\n '&::after': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n borderRadius: '$3',\n },\n\n [`&:focus > ${FlexWithOpacity}, &:hover > ${FlexWithOpacity}`]: {\n opacity: 1,\n },\n\n '&:focus': {\n color: '$navButtonFocusText',\n boxShadow: 'inset 0 0 0 2px $colors$navButtonFocusBorder',\n\n '&::before': {\n backgroundColor: '$navButtonFocusBg',\n },\n '&::after': {\n backgroundColor: '$navButtonFocusBg2',\n opacity: 0.05,\n },\n },\n\n '@hover': {\n '&:hover': {\n color: '$navButtonHoverText',\n\n '&::before': {\n backgroundColor: '$navButtonHoverBg',\n },\n '&::after': {\n backgroundColor: '$navButtonHoverBg2',\n opacity: 0.05,\n },\n },\n },\n\n '&:first-child': {\n mt: 0,\n },\n\n variants: {\n active: {\n true: {\n color: '$navButtonActiveText',\n\n '&::before': {\n backgroundColor: '$navButtonActiveBg',\n },\n '&::after': {\n backgroundColor: '$navButtonActiveBg2',\n opacity: 0.05,\n },\n\n '@hover': {\n '&:hover': {\n color: '$navButtonActiveText',\n },\n },\n\n '&:focus': {\n color: '$navButtonActiveText',\n },\n },\n },\n },\n defaultVariants: {\n active: false,\n },\n});\n\nexport const NavigationContainer = styled('div', {\n display: 'flex',\n boxSizing: 'border-box',\n flexDirection: 'column',\n});\n\nexport type NavigationContainerVariants = VariantProps<typeof NavigationContainer>;\nexport type NavigationContainerProps = NavigationContainerVariants & NonNullable<unknown>;\n\nexport const NavigationDrawer = styled('nav', {\n display: 'flex',\n boxSizing: 'border-box',\n padding: '$3',\n maxWidth: '240px',\n flexDirection: 'column',\n variants: {\n elevation: elevationVariants,\n fullWidth: {\n true: {\n px: 0,\n '> , > div > ,': {\n borderRadius: 0,\n\n '&::before': {\n borderRadius: 0,\n },\n\n '&::after': {\n borderRadius: 0,\n },\n\n '&:focus': {\n border: 'none',\n boxShadow: 'none',\n },\n },\n },\n },\n },\n defaultVariants: {\n elevation: 1,\n fullWidth: false,\n },\n});\n\nexport type NavigationDrawerVariants = VariantProps<typeof NavigationDrawer>;\nexport type NavigationDrawerProps = NavigationDrawerVariants & NonNullable<unknown>;\n\nconst StyledLink = styled('a', baseNavItemCss, {\n textDecoration: 'none',\n});\n\ntype StyledLinkProps = VariantProps<typeof StyledLink> & React.ComponentProps<typeof StyledLink>;\n\nconst StyledButton = styled('button', baseNavItemCss);\n\ntype StyledButtonProps = VariantProps<typeof StyledButton> &\n React.ComponentProps<typeof StyledButton>;\ninterface NavigationItemBaseProps {\n css?: CSS;\n startAdornment?: ReactNode;\n endAdornment?: ReactNode;\n children?: ReactNode;\n active?: boolean;\n}\n\ntype NavigationItemButtonProps = NavigationItemBaseProps &\n StyledButtonProps & {\n as?: 'button';\n };\ntype NavigationItemLinkProps = NavigationItemBaseProps &\n StyledLinkProps &\n React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n as: 'a';\n };\n\nexport type NavigationItemProps = NavigationItemButtonProps \| NavigationItemLinkProps;\n\nconst NavigationItemWrapper = (props: NavigationItemProps): JSX.Element =>\n props.as === 'a' ? <StyledLink {...props} /> : <StyledButton type=\"button\" {...props} />;\n\nexport const NavigationItem = ({\n startAdornment,\n endAdornment,\n children,\n ...restProps\n}: NavigationItemProps): JSX.Element => {\n const hasStartAdornment = useMemo(() => Boolean(startAdornment), [startAdornment]);\n const hasEndAdornment = useMemo(() => Boolean(endAdornment), [endAdornment]);\n\n return (\n <NavigationItemWrapper {...restProps}>\n {hasStartAdornment && (\n <FlexWithOpacity css={{ pr: '$2', ml: '-$1' }} active={restProps.active}>\n {startAdornment}\n </FlexWithOpacity>\n )}\n <FlexWithOpacity css={{ flexGrow: 1 }} active={restProps.active}>\n {children}\n </FlexWithOpacity>\n {hasEndAdornment && <Flex css={{ pl: '$2', mr: '-$1' }}>{endAdornment}</Flex>}\n </NavigationItemWrapper>\n );\n};\n\nexport type NavigationItemVariants = VariantProps<typeof NavigationItem>;\n\nexport const NavigationLink = (props: Omit<NavigationItemLinkProps, 'as'>) => (\n <NavigationItem as=\"a\" {...props} />\n);\n\nexport type NavigationLinkVariants = VariantProps<typeof NavigationLink>;\n\nexport type NavigationLinkProps = NavigationLinkVariants & NonNullable<unknown>;\n"],"mappings":";;;;;;AAMA,IAAM,kBAAkB,OAAO,MAAM;CACnC,SAAS;CAET,UAAU,EACR,QAAQ,EACN,MAAM,EACJ,SAAS,GACV,EACF,EACF;CACF,CAAC;AAEF,IAAM,iBAAiB,IAAI;CACzB,UAAU;CACV,SAAS;CACT,WAAW;CACX,YAAY;CACZ,iBAAiB;CACjB,OAAO;CACP,QAAQ;CACR,WAAW;CACX,OAAO;CACP,IAAI;CACJ,IAAI;CACJ,cAAc;CACd,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,SAAS;CACT,UAAU;CACV,IAAI;CAEJ,aAAa;EACX,WAAW;EACX,SAAS;EACT,UAAU;EACV,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,cAAc;EACf;CACD,YAAY;EACV,WAAW;EACX,SAAS;EACT,UAAU;EACV,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,cAAc;EACf;EAEA,aAAa,gBAAgB,cAAc,oBAAoB,EAC9D,SAAS,GACV;CAED,WAAW;EACT,OAAO;EACP,WAAW;EAEX,aAAa,EACX,iBAAiB,qBAClB;EACD,YAAY;GACV,iBAAiB;GACjB,SAAS;GACV;EACF;CAED,UAAU,EACR,WAAW;EACT,OAAO;EAEP,aAAa,EACX,iBAAiB,qBAClB;EACD,YAAY;GACV,iBAAiB;GACjB,SAAS;GACV;EACF,EACF;CAED,iBAAiB,EACf,IAAI,GACL;CAED,UAAU,EACR,QAAQ,EACN,MAAM;EACJ,OAAO;EAEP,aAAa,EACX,iBAAiB,sBAClB;EACD,YAAY;GACV,iBAAiB;GACjB,SAAS;GACV;EAED,UAAU,EACR,WAAW,EACT,OAAO,wBACR,EACF;EAED,WAAW,EACT,OAAO,wBACR;EACF,EACF,EACF;CACD,iBAAiB,EACf,QAAQ,OACT;CACF,CAAC;AAEF,IAAa,sBAAsB,OAAO,OAAO;CAC/C,SAAS;CACT,WAAW;CACX,eAAe;CAChB,CAAC;AAKF,IAAa,mBAAmB,OAAO,OAAO;CAC5C,SAAS;CACT,WAAW;CACX,SAAS;CACT,UAAU;CACV,eAAe;CACf,UAAU;EACR,WAAW;EACX,WAAW,EACT,MAAM;GACJ,IAAI;GACJ,mBAAmB;IACjB,cAAc;IAEd,aAAa,EACX,cAAc,GACf;IAED,YAAY,EACV,cAAc,GACf;IAED,WAAW;KACT,QAAQ;KACR,WAAW;KACZ;IACF;GACF,EACF;EACF;CACD,iBAAiB;EACf,WAAW;EACX,WAAW;EACZ;CACF,CAAC;AAKF,IAAM,aAAa,OAAO,KAAK,gBAAgB,EAC7C,gBAAgB,QACjB,CAAC;AAIF,IAAM,eAAe,OAAO,UAAU,eAAe;AAwBrD,IAAM,yBAAyB,UAC7B,MAAM,OAAO,MAAM,oBAAC,YAAD,EAAY,GAAI,OAAS,CAAA,GAAG,oBAAC,cAAD;CAAc,MAAK;CAAS,GAAI;CAAS,CAAA;AAE1F,IAAa,kBAAkB,EAC7B,gBACA,cACA,UACA,GAAG,gBACmC;CACtC,MAAM,oBAAoB,cAAc,QAAQ,eAAe,EAAE,CAAC,eAAe,CAAC;CAClF,MAAM,kBAAkB,cAAc,QAAQ,aAAa,EAAE,CAAC,aAAa,CAAC;~~AAE5E~~,~~QACE~~,qBAAC,uBAAD;EAAuB,GAAI;YAA3B;GACG,qBACC,oBAAC,iBAAD;IAAiB,KAAK;KAAE,IAAI;KAAM,IAAI;KAAO;IAAE,QAAQ,UAAU;cAC9D;IACe,CAAA;GAEpB,oBAAC,iBAAD;IAAiB,KAAK,EAAE,UAAU,GAAG;IAAE,QAAQ,UAAU;IACtD;IACe,CAAA;GACjB,mBAAmB,oBAAC,MAAD;IAAM,KAAK;KAAE,IAAI;KAAM,IAAI;KAAO;cAAG;IAAoB,CAAA;GACvD;;;AAM5B,IAAa,kBAAkB,UAC7B,oBAAC,gBAAD;CAAgB,IAAG;CAAI,GAAI;CAAS,CAAA"}
1	+ {"version":3,"file":"Navigation.js","names":[],"sources":["../../../components/Navigation/Navigation.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\n\nimport { CSS, css, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\nimport { Flex } from '../Flex';\n\nconst FlexWithOpacity = styled(Flex, {\n opacity: 0.74,\n\n variants: {\n active: {\n true: {\n opacity: 1,\n },\n },\n },\n});\n\nconst baseNavItemCss = css({\n position: 'relative',\n display: 'flex',\n boxSizing: 'border-box',\n alignItems: 'center',\n backgroundColor: '$navButtonBg',\n color: '$navButtonText',\n border: 'none',\n minHeight: '$7',\n width: '100%',\n px: '$3',\n py: '$2',\n borderRadius: '$3',\n cursor: 'pointer',\n fontFamily: '$rubik',\n fontWeight: '$medium',\n outline: 'none',\n fontSize: '$3',\n mt: '$2',\n\n '&::before': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n borderRadius: '$3',\n },\n '&::after': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n borderRadius: '$3',\n },\n\n [`&:focus > ${FlexWithOpacity}, &:hover > ${FlexWithOpacity}`]: {\n opacity: 1,\n },\n\n '&:focus': {\n color: '$navButtonFocusText',\n boxShadow: 'inset 0 0 0 2px $colors$navButtonFocusBorder',\n\n '&::before': {\n backgroundColor: '$navButtonFocusBg',\n },\n '&::after': {\n backgroundColor: '$navButtonFocusBg2',\n opacity: 0.05,\n },\n },\n\n '@hover': {\n '&:hover': {\n color: '$navButtonHoverText',\n\n '&::before': {\n backgroundColor: '$navButtonHoverBg',\n },\n '&::after': {\n backgroundColor: '$navButtonHoverBg2',\n opacity: 0.05,\n },\n },\n },\n\n '&:first-child': {\n mt: 0,\n },\n\n variants: {\n active: {\n true: {\n color: '$navButtonActiveText',\n\n '&::before': {\n backgroundColor: '$navButtonActiveBg',\n },\n '&::after': {\n backgroundColor: '$navButtonActiveBg2',\n opacity: 0.05,\n },\n\n '@hover': {\n '&:hover': {\n color: '$navButtonActiveText',\n },\n },\n\n '&:focus': {\n color: '$navButtonActiveText',\n },\n },\n },\n },\n defaultVariants: {\n active: false,\n },\n});\n\nexport const NavigationContainer = styled('div', {\n display: 'flex',\n boxSizing: 'border-box',\n flexDirection: 'column',\n});\n\nexport type NavigationContainerVariants = VariantProps<typeof NavigationContainer>;\nexport type NavigationContainerProps = NavigationContainerVariants & NonNullable<unknown>;\n\nexport const NavigationDrawer = styled('nav', {\n display: 'flex',\n boxSizing: 'border-box',\n padding: '$3',\n maxWidth: '240px',\n flexDirection: 'column',\n variants: {\n elevation: elevationVariants,\n fullWidth: {\n true: {\n px: 0,\n '> , > div > ,': {\n borderRadius: 0,\n\n '&::before': {\n borderRadius: 0,\n },\n\n '&::after': {\n borderRadius: 0,\n },\n\n '&:focus': {\n border: 'none',\n boxShadow: 'none',\n },\n },\n },\n },\n },\n defaultVariants: {\n elevation: 1,\n fullWidth: false,\n },\n});\n\nexport type NavigationDrawerVariants = VariantProps<typeof NavigationDrawer>;\nexport type NavigationDrawerProps = NavigationDrawerVariants & NonNullable<unknown>;\n\nconst StyledLink = styled('a', baseNavItemCss, {\n textDecoration: 'none',\n});\n\ntype StyledLinkProps = VariantProps<typeof StyledLink> & React.ComponentProps<typeof StyledLink>;\n\nconst StyledButton = styled('button', baseNavItemCss);\n\ntype StyledButtonProps = VariantProps<typeof StyledButton> &\n React.ComponentProps<typeof StyledButton>;\ninterface NavigationItemBaseProps {\n css?: CSS;\n startAdornment?: ReactNode;\n endAdornment?: ReactNode;\n children?: ReactNode;\n active?: boolean;\n}\n\ntype NavigationItemButtonProps = NavigationItemBaseProps &\n StyledButtonProps & {\n as?: 'button';\n };\ntype NavigationItemLinkProps = NavigationItemBaseProps &\n StyledLinkProps &\n React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n as: 'a';\n };\n\nexport type NavigationItemProps = NavigationItemButtonProps \| NavigationItemLinkProps;\n\nconst NavigationItemWrapper = (props: NavigationItemProps): JSX.Element =>\n props.as === 'a' ? <StyledLink {...props} /> : <StyledButton type=\"button\" {...props} />;\n\nexport const NavigationItem = ({\n startAdornment,\n endAdornment,\n children,\n ...restProps\n}: NavigationItemProps): JSX.Element => {\n const hasStartAdornment = useMemo(() => Boolean(startAdornment), [startAdornment]);\n const hasEndAdornment = useMemo(() => Boolean(endAdornment), [endAdornment]);\n\n return (\n <NavigationItemWrapper {...restProps}>\n {hasStartAdornment && (\n <FlexWithOpacity css={{ pr: '$2', ml: '-$1' }} active={restProps.active}>\n {startAdornment}\n </FlexWithOpacity>\n )}\n <FlexWithOpacity css={{ flexGrow: 1 }} active={restProps.active}>\n {children}\n </FlexWithOpacity>\n {hasEndAdornment && <Flex css={{ pl: '$2', mr: '-$1' }}>{endAdornment}</Flex>}\n </NavigationItemWrapper>\n );\n};\n\nexport type NavigationItemVariants = VariantProps<typeof NavigationItem>;\n\nexport const NavigationLink = (props: Omit<NavigationItemLinkProps, 'as'>) => (\n <NavigationItem as=\"a\" {...props} />\n);\n\nexport type NavigationLinkVariants = VariantProps<typeof NavigationLink>;\n\nexport type NavigationLinkProps = NavigationLinkVariants & NonNullable<unknown>;\n"],"mappings":"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"}

package/dist/components/Navigation/Navigation.themes.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Navigation.themes.cjs","names":[],"sources":["../../../components/Navigation/Navigation.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nexport namespace Theme {\n type Colors = {\n navButtonBg: Property.Color;\n navButtonHoverBg: Property.Color;\n navButtonHoverBg2: Property.Color;\n navButtonFocusBg: Property.Color;\n navButtonFocusBg2: Property.Color;\n navButtonFocusBorder: Property.Color;\n navButtonText: Property.Color;\n navButtonHoverText: Property.Color;\n navButtonActiveText: Property.Color;\n navButtonFocusText: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = (primaryColor) => ({\n navButtonBg: 'transparent',\n navButtonHoverBg: tinycolor('black').setAlpha(0.04).toHslString(),\n navButtonHoverBg2: 'transparent',\n navButtonFocusBg: tinycolor('white').setAlpha(0.15).toHslString(),\n navButtonFocusBg2: '$primary',\n navButtonFocusBorder: primaryColor.helpers.pickScale(8),\n navButtonActiveBg: tinycolor('black').setAlpha(0.04).toHslString(),\n navButtonActiveBg2: 'transparent',\n navButtonText: tinycolor('black').setAlpha(0.54).toHslString(),\n navButtonHoverText: 'black',\n navButtonFocusText: 'black',\n navButtonActiveText: '$primary',\n });\n\n export const getDark: Factory = (primaryColor) => ({\n navButtonBg: 'transparent',\n navButtonHoverBg: tinycolor('white').setAlpha(0.05).toHslString(),\n navButtonHoverBg2: '$primary',\n navButtonFocusBg: tinycolor('white').setAlpha(0.15).toHslString(),\n navButtonFocusBg2: '$primary',\n navButtonFocusBorder: primaryColor.helpers.pickScale(11),\n navButtonActiveBg: tinycolor('white').setAlpha(0.05).toHslString(),\n navButtonActiveBg2: '$primary',\n navButtonText: 'white',\n navButtonHoverText: 'white',\n navButtonFocusText: 'white',\n navButtonActiveText: '$primary',\n });\n}\n"],"mappings":";;;;AAIO,IAAA;;~~AAgBQ~~,~~QAAA~~,YAAqB,kBAAkB;EAClD,aAAa;EACb,mBAAA,GAAA,WAAA,SAA4B,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACjE,mBAAmB;EACnB,mBAAA,GAAA,WAAA,SAA4B,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACjE,mBAAmB;EACnB,sBAAsB,aAAa,QAAQ,UAAU,EAAE;EACvD,oBAAA,GAAA,WAAA,SAA6B,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAClE,oBAAoB;EACpB,gBAAA,GAAA,WAAA,SAAyB,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAC9D,oBAAoB;EACpB,oBAAoB;EACpB,qBAAqB;EACtB;~~AAEY~~,~~QAAA~~,WAAoB,kBAAkB;EACjD,aAAa;EACb,mBAAA,GAAA,WAAA,SAA4B,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACjE,mBAAmB;EACnB,mBAAA,GAAA,WAAA,SAA4B,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACjE,mBAAmB;EACnB,sBAAsB,aAAa,QAAQ,UAAU,GAAG;EACxD,oBAAA,GAAA,WAAA,SAA6B,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAClE,oBAAoB;EACpB,eAAe;EACf,oBAAoB;EACpB,oBAAoB;EACpB,qBAAqB;EACtB;yBACF"}
1	+ {"version":3,"file":"Navigation.themes.cjs","names":[],"sources":["../../../components/Navigation/Navigation.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nexport namespace Theme {\n type Colors = {\n navButtonBg: Property.Color;\n navButtonHoverBg: Property.Color;\n navButtonHoverBg2: Property.Color;\n navButtonFocusBg: Property.Color;\n navButtonFocusBg2: Property.Color;\n navButtonFocusBorder: Property.Color;\n navButtonText: Property.Color;\n navButtonHoverText: Property.Color;\n navButtonActiveText: Property.Color;\n navButtonFocusText: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = (primaryColor) => ({\n navButtonBg: 'transparent',\n navButtonHoverBg: tinycolor('black').setAlpha(0.04).toHslString(),\n navButtonHoverBg2: 'transparent',\n navButtonFocusBg: tinycolor('white').setAlpha(0.15).toHslString(),\n navButtonFocusBg2: '$primary',\n navButtonFocusBorder: primaryColor.helpers.pickScale(8),\n navButtonActiveBg: tinycolor('black').setAlpha(0.04).toHslString(),\n navButtonActiveBg2: 'transparent',\n navButtonText: tinycolor('black').setAlpha(0.54).toHslString(),\n navButtonHoverText: 'black',\n navButtonFocusText: 'black',\n navButtonActiveText: '$primary',\n });\n\n export const getDark: Factory = (primaryColor) => ({\n navButtonBg: 'transparent',\n navButtonHoverBg: tinycolor('white').setAlpha(0.05).toHslString(),\n navButtonHoverBg2: '$primary',\n navButtonFocusBg: tinycolor('white').setAlpha(0.15).toHslString(),\n navButtonFocusBg2: '$primary',\n navButtonFocusBorder: primaryColor.helpers.pickScale(11),\n navButtonActiveBg: tinycolor('white').setAlpha(0.05).toHslString(),\n navButtonActiveBg2: '$primary',\n navButtonText: 'white',\n navButtonHoverText: 'white',\n navButtonFocusText: 'white',\n navButtonActiveText: '$primary',\n });\n}\n"],"mappings":";;;;AAIO,IAAA;;CAgBQ,OAAA,YAAqB,kBAAkB;EAClD,aAAa;EACb,mBAAA,GAAA,WAAA,SAA4B,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACjE,mBAAmB;EACnB,mBAAA,GAAA,WAAA,SAA4B,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACjE,mBAAmB;EACnB,sBAAsB,aAAa,QAAQ,UAAU,EAAE;EACvD,oBAAA,GAAA,WAAA,SAA6B,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAClE,oBAAoB;EACpB,gBAAA,GAAA,WAAA,SAAyB,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAC9D,oBAAoB;EACpB,oBAAoB;EACpB,qBAAqB;EACtB;CAEY,OAAA,WAAoB,kBAAkB;EACjD,aAAa;EACb,mBAAA,GAAA,WAAA,SAA4B,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACjE,mBAAmB;EACnB,mBAAA,GAAA,WAAA,SAA4B,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACjE,mBAAmB;EACnB,sBAAsB,aAAa,QAAQ,UAAU,GAAG;EACxD,oBAAA,GAAA,WAAA,SAA6B,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAClE,oBAAoB;EACpB,eAAe;EACf,oBAAoB;EACpB,oBAAoB;EACpB,qBAAqB;EACtB;yBACF"}

package/dist/components/Navigation/Navigation.themes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Navigation.themes.js","names":[],"sources":["../../../components/Navigation/Navigation.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nexport namespace Theme {\n type Colors = {\n navButtonBg: Property.Color;\n navButtonHoverBg: Property.Color;\n navButtonHoverBg2: Property.Color;\n navButtonFocusBg: Property.Color;\n navButtonFocusBg2: Property.Color;\n navButtonFocusBorder: Property.Color;\n navButtonText: Property.Color;\n navButtonHoverText: Property.Color;\n navButtonActiveText: Property.Color;\n navButtonFocusText: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = (primaryColor) => ({\n navButtonBg: 'transparent',\n navButtonHoverBg: tinycolor('black').setAlpha(0.04).toHslString(),\n navButtonHoverBg2: 'transparent',\n navButtonFocusBg: tinycolor('white').setAlpha(0.15).toHslString(),\n navButtonFocusBg2: '$primary',\n navButtonFocusBorder: primaryColor.helpers.pickScale(8),\n navButtonActiveBg: tinycolor('black').setAlpha(0.04).toHslString(),\n navButtonActiveBg2: 'transparent',\n navButtonText: tinycolor('black').setAlpha(0.54).toHslString(),\n navButtonHoverText: 'black',\n navButtonFocusText: 'black',\n navButtonActiveText: '$primary',\n });\n\n export const getDark: Factory = (primaryColor) => ({\n navButtonBg: 'transparent',\n navButtonHoverBg: tinycolor('white').setAlpha(0.05).toHslString(),\n navButtonHoverBg2: '$primary',\n navButtonFocusBg: tinycolor('white').setAlpha(0.15).toHslString(),\n navButtonFocusBg2: '$primary',\n navButtonFocusBorder: primaryColor.helpers.pickScale(11),\n navButtonActiveBg: tinycolor('white').setAlpha(0.05).toHslString(),\n navButtonActiveBg2: '$primary',\n navButtonText: 'white',\n navButtonHoverText: 'white',\n navButtonFocusText: 'white',\n navButtonActiveText: '$primary',\n });\n}\n"],"mappings":";;AAIO,IAAA;;~~AAgBQ~~,~~QAAA~~,YAAqB,kBAAkB;EAClD,aAAa;EACb,kBAAkB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACjE,mBAAmB;EACnB,kBAAkB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACjE,mBAAmB;EACnB,sBAAsB,aAAa,QAAQ,UAAU,EAAE;EACvD,mBAAmB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAClE,oBAAoB;EACpB,eAAe,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAC9D,oBAAoB;EACpB,oBAAoB;EACpB,qBAAqB;EACtB;~~AAEY~~,~~QAAA~~,WAAoB,kBAAkB;EACjD,aAAa;EACb,kBAAkB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACjE,mBAAmB;EACnB,kBAAkB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACjE,mBAAmB;EACnB,sBAAsB,aAAa,QAAQ,UAAU,GAAG;EACxD,mBAAmB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAClE,oBAAoB;EACpB,eAAe;EACf,oBAAoB;EACpB,oBAAoB;EACpB,qBAAqB;EACtB;yBACF"}
1	+ {"version":3,"file":"Navigation.themes.js","names":[],"sources":["../../../components/Navigation/Navigation.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nexport namespace Theme {\n type Colors = {\n navButtonBg: Property.Color;\n navButtonHoverBg: Property.Color;\n navButtonHoverBg2: Property.Color;\n navButtonFocusBg: Property.Color;\n navButtonFocusBg2: Property.Color;\n navButtonFocusBorder: Property.Color;\n navButtonText: Property.Color;\n navButtonHoverText: Property.Color;\n navButtonActiveText: Property.Color;\n navButtonFocusText: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = (primaryColor) => ({\n navButtonBg: 'transparent',\n navButtonHoverBg: tinycolor('black').setAlpha(0.04).toHslString(),\n navButtonHoverBg2: 'transparent',\n navButtonFocusBg: tinycolor('white').setAlpha(0.15).toHslString(),\n navButtonFocusBg2: '$primary',\n navButtonFocusBorder: primaryColor.helpers.pickScale(8),\n navButtonActiveBg: tinycolor('black').setAlpha(0.04).toHslString(),\n navButtonActiveBg2: 'transparent',\n navButtonText: tinycolor('black').setAlpha(0.54).toHslString(),\n navButtonHoverText: 'black',\n navButtonFocusText: 'black',\n navButtonActiveText: '$primary',\n });\n\n export const getDark: Factory = (primaryColor) => ({\n navButtonBg: 'transparent',\n navButtonHoverBg: tinycolor('white').setAlpha(0.05).toHslString(),\n navButtonHoverBg2: '$primary',\n navButtonFocusBg: tinycolor('white').setAlpha(0.15).toHslString(),\n navButtonFocusBg2: '$primary',\n navButtonFocusBorder: primaryColor.helpers.pickScale(11),\n navButtonActiveBg: tinycolor('white').setAlpha(0.05).toHslString(),\n navButtonActiveBg2: '$primary',\n navButtonText: 'white',\n navButtonHoverText: 'white',\n navButtonFocusText: 'white',\n navButtonActiveText: '$primary',\n });\n}\n"],"mappings":";;AAIO,IAAA;;CAgBQ,OAAA,YAAqB,kBAAkB;EAClD,aAAa;EACb,kBAAkB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACjE,mBAAmB;EACnB,kBAAkB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACjE,mBAAmB;EACnB,sBAAsB,aAAa,QAAQ,UAAU,EAAE;EACvD,mBAAmB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAClE,oBAAoB;EACpB,eAAe,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAC9D,oBAAoB;EACpB,oBAAoB;EACpB,qBAAqB;EACtB;CAEY,OAAA,WAAoB,kBAAkB;EACjD,aAAa;EACb,kBAAkB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACjE,mBAAmB;EACnB,kBAAkB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACjE,mBAAmB;EACnB,sBAAsB,aAAa,QAAQ,UAAU,GAAG;EACxD,mBAAmB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAClE,oBAAoB;EACpB,eAAe;EACf,oBAAoB;EACpB,oBAAoB;EACpB,qBAAqB;EACtB;yBACF"}

package/dist/components/NavigationTree/NavigationTreeContainer.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationTreeContainer.cjs","names":[],"sources":["../../../components/NavigationTree/NavigationTreeContainer.tsx"],"sourcesContent":["import { ChevronDownIcon, ChevronRightIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS } from '../../stitches.config';\nimport { NavigationContainer, NavigationContainerProps } from '../Navigation';\n\nexport interface NavigationTreeProps {\n children: React.ReactNode;\n defaultExpandIcon?: React.ReactNode;\n defaultCollapseIcon?: React.ReactNode;\n css?: CSS;\n fullWidth?: boolean;\n}\n\nexport const NavigationTreeContainer = ({\n children,\n defaultCollapseIcon = <ChevronDownIcon />,\n defaultExpandIcon = <ChevronRightIcon />,\n fullWidth = false,\n ...props\n}: NavigationTreeProps & NavigationContainerProps) => {\n const renderChildren = React.Children.map(children, (child) => {\n return React.cloneElement(child as React.ReactElement, {\n defaultCollapseIcon,\n defaultExpandIcon,\n fullWidth,\n });\n });\n\n return <NavigationContainer {...props}>{renderChildren}</NavigationContainer>;\n};\n"],"mappings":";;;;;;;AAcA,IAAa,2BAA2B,EACtC,UACA,sBAAsB,iBAAA,GAAA,kBAAA,KAAC,sBAAA,iBAAD,EAAmB,CAAA,EACzC,oBAAoB,iBAAA,GAAA,kBAAA,KAAC,sBAAA,kBAAD,EAAoB,CAAA,EACxC,YAAY,OACZ,GAAG,YACiD;CACpD,MAAM,iBAAiB,MAAA,QAAM,SAAS,IAAI,WAAW,UAAU;~~AAC7D~~,~~SAAO~~,MAAA,QAAM,aAAa,OAA6B;GACrD;GACA;GACA;GACD,CAAC;GACF;~~AAEF~~,~~QAAO~~,iBAAA,GAAA,kBAAA,KAAC,mBAAA,qBAAD;EAAqB,GAAI;YAAQ;EAAqC,CAAA"}
1	+ {"version":3,"file":"NavigationTreeContainer.cjs","names":[],"sources":["../../../components/NavigationTree/NavigationTreeContainer.tsx"],"sourcesContent":["import { ChevronDownIcon, ChevronRightIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS } from '../../stitches.config';\nimport { NavigationContainer, NavigationContainerProps } from '../Navigation';\n\nexport interface NavigationTreeProps {\n children: React.ReactNode;\n defaultExpandIcon?: React.ReactNode;\n defaultCollapseIcon?: React.ReactNode;\n css?: CSS;\n fullWidth?: boolean;\n}\n\nexport const NavigationTreeContainer = ({\n children,\n defaultCollapseIcon = <ChevronDownIcon />,\n defaultExpandIcon = <ChevronRightIcon />,\n fullWidth = false,\n ...props\n}: NavigationTreeProps & NavigationContainerProps) => {\n const renderChildren = React.Children.map(children, (child) => {\n return React.cloneElement(child as React.ReactElement, {\n defaultCollapseIcon,\n defaultExpandIcon,\n fullWidth,\n });\n });\n\n return <NavigationContainer {...props}>{renderChildren}</NavigationContainer>;\n};\n"],"mappings":";;;;;;;AAcA,IAAa,2BAA2B,EACtC,UACA,sBAAsB,iBAAA,GAAA,kBAAA,KAAC,sBAAA,iBAAD,EAAmB,CAAA,EACzC,oBAAoB,iBAAA,GAAA,kBAAA,KAAC,sBAAA,kBAAD,EAAoB,CAAA,EACxC,YAAY,OACZ,GAAG,YACiD;CACpD,MAAM,iBAAiB,MAAA,QAAM,SAAS,IAAI,WAAW,UAAU;EAC7D,OAAO,MAAA,QAAM,aAAa,OAA6B;GACrD;GACA;GACA;GACD,CAAC;GACF;CAEF,OAAO,iBAAA,GAAA,kBAAA,KAAC,mBAAA,qBAAD;EAAqB,GAAI;YAAQ;EAAqC,CAAA"}

package/dist/components/NavigationTree/NavigationTreeContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationTreeContainer.js","names":[],"sources":["../../../components/NavigationTree/NavigationTreeContainer.tsx"],"sourcesContent":["import { ChevronDownIcon, ChevronRightIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS } from '../../stitches.config';\nimport { NavigationContainer, NavigationContainerProps } from '../Navigation';\n\nexport interface NavigationTreeProps {\n children: React.ReactNode;\n defaultExpandIcon?: React.ReactNode;\n defaultCollapseIcon?: React.ReactNode;\n css?: CSS;\n fullWidth?: boolean;\n}\n\nexport const NavigationTreeContainer = ({\n children,\n defaultCollapseIcon = <ChevronDownIcon />,\n defaultExpandIcon = <ChevronRightIcon />,\n fullWidth = false,\n ...props\n}: NavigationTreeProps & NavigationContainerProps) => {\n const renderChildren = React.Children.map(children, (child) => {\n return React.cloneElement(child as React.ReactElement, {\n defaultCollapseIcon,\n defaultExpandIcon,\n fullWidth,\n });\n });\n\n return <NavigationContainer {...props}>{renderChildren}</NavigationContainer>;\n};\n"],"mappings":";;;;;AAcA,IAAa,2BAA2B,EACtC,UACA,sBAAsB,oBAAC,iBAAD,EAAmB,CAAA,EACzC,oBAAoB,oBAAC,kBAAD,EAAoB,CAAA,EACxC,YAAY,OACZ,GAAG,YACiD;CACpD,MAAM,iBAAiB,MAAM,SAAS,IAAI,WAAW,UAAU;~~AAC7D~~,~~SAAO~~,MAAM,aAAa,OAA6B;GACrD;GACA;GACA;GACD,CAAC;GACF;~~AAEF~~,~~QAAO~~,oBAAC,qBAAD;EAAqB,GAAI;YAAQ;EAAqC,CAAA"}
1	+ {"version":3,"file":"NavigationTreeContainer.js","names":[],"sources":["../../../components/NavigationTree/NavigationTreeContainer.tsx"],"sourcesContent":["import { ChevronDownIcon, ChevronRightIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS } from '../../stitches.config';\nimport { NavigationContainer, NavigationContainerProps } from '../Navigation';\n\nexport interface NavigationTreeProps {\n children: React.ReactNode;\n defaultExpandIcon?: React.ReactNode;\n defaultCollapseIcon?: React.ReactNode;\n css?: CSS;\n fullWidth?: boolean;\n}\n\nexport const NavigationTreeContainer = ({\n children,\n defaultCollapseIcon = <ChevronDownIcon />,\n defaultExpandIcon = <ChevronRightIcon />,\n fullWidth = false,\n ...props\n}: NavigationTreeProps & NavigationContainerProps) => {\n const renderChildren = React.Children.map(children, (child) => {\n return React.cloneElement(child as React.ReactElement, {\n defaultCollapseIcon,\n defaultExpandIcon,\n fullWidth,\n });\n });\n\n return <NavigationContainer {...props}>{renderChildren}</NavigationContainer>;\n};\n"],"mappings":";;;;;AAcA,IAAa,2BAA2B,EACtC,UACA,sBAAsB,oBAAC,iBAAD,EAAmB,CAAA,EACzC,oBAAoB,oBAAC,kBAAD,EAAoB,CAAA,EACxC,YAAY,OACZ,GAAG,YACiD;CACpD,MAAM,iBAAiB,MAAM,SAAS,IAAI,WAAW,UAAU;EAC7D,OAAO,MAAM,aAAa,OAA6B;GACrD;GACA;GACA;GACD,CAAC;GACF;CAEF,OAAO,oBAAC,qBAAD;EAAqB,GAAI;YAAQ;EAAqC,CAAA"}

package/dist/components/NavigationTree/NavigationTreeDrawer.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationTreeDrawer.cjs","names":[],"sources":["../../../components/NavigationTree/NavigationTreeDrawer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CSS } from '../../stitches.config';\nimport { NavigationDrawer, NavigationDrawerProps } from '../Navigation';\n\nexport interface NavigationTreeDrawerProps {\n children: React.ReactNode;\n css?: CSS;\n fullWidth?: boolean;\n}\n\nexport const NavigationTreeDrawer = ({\n children,\n fullWidth = false,\n ...props\n}: NavigationTreeDrawerProps & NavigationDrawerProps) => {\n const renderChildren = React.Children.map(children, (child) => {\n return React.cloneElement(child as React.ReactElement, {\n fullWidth,\n });\n });\n\n return (\n <NavigationDrawer fullWidth={fullWidth} {...props}>\n {renderChildren}\n </NavigationDrawer>\n );\n};\n"],"mappings":";;;;;;AAWA,IAAa,wBAAwB,EACnC,UACA,YAAY,OACZ,GAAG,YACoD;CACvD,MAAM,iBAAiB,MAAA,QAAM,SAAS,IAAI,WAAW,UAAU;~~AAC7D~~,~~SAAO~~,MAAA,QAAM,aAAa,OAA6B,EACrD,WACD,CAAC;GACF;~~AAEF~~,~~QACE~~,iBAAA,GAAA,kBAAA,KAAC,mBAAA,kBAAD;EAA6B;EAAW,GAAI;YACzC;EACgB,CAAA"}
1	+ {"version":3,"file":"NavigationTreeDrawer.cjs","names":[],"sources":["../../../components/NavigationTree/NavigationTreeDrawer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CSS } from '../../stitches.config';\nimport { NavigationDrawer, NavigationDrawerProps } from '../Navigation';\n\nexport interface NavigationTreeDrawerProps {\n children: React.ReactNode;\n css?: CSS;\n fullWidth?: boolean;\n}\n\nexport const NavigationTreeDrawer = ({\n children,\n fullWidth = false,\n ...props\n}: NavigationTreeDrawerProps & NavigationDrawerProps) => {\n const renderChildren = React.Children.map(children, (child) => {\n return React.cloneElement(child as React.ReactElement, {\n fullWidth,\n });\n });\n\n return (\n <NavigationDrawer fullWidth={fullWidth} {...props}>\n {renderChildren}\n </NavigationDrawer>\n );\n};\n"],"mappings":";;;;;;AAWA,IAAa,wBAAwB,EACnC,UACA,YAAY,OACZ,GAAG,YACoD;CACvD,MAAM,iBAAiB,MAAA,QAAM,SAAS,IAAI,WAAW,UAAU;EAC7D,OAAO,MAAA,QAAM,aAAa,OAA6B,EACrD,WACD,CAAC;GACF;CAEF,OACE,iBAAA,GAAA,kBAAA,KAAC,mBAAA,kBAAD;EAA6B;EAAW,GAAI;YACzC;EACgB,CAAA"}

package/dist/components/NavigationTree/NavigationTreeDrawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationTreeDrawer.js","names":[],"sources":["../../../components/NavigationTree/NavigationTreeDrawer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CSS } from '../../stitches.config';\nimport { NavigationDrawer, NavigationDrawerProps } from '../Navigation';\n\nexport interface NavigationTreeDrawerProps {\n children: React.ReactNode;\n css?: CSS;\n fullWidth?: boolean;\n}\n\nexport const NavigationTreeDrawer = ({\n children,\n fullWidth = false,\n ...props\n}: NavigationTreeDrawerProps & NavigationDrawerProps) => {\n const renderChildren = React.Children.map(children, (child) => {\n return React.cloneElement(child as React.ReactElement, {\n fullWidth,\n });\n });\n\n return (\n <NavigationDrawer fullWidth={fullWidth} {...props}>\n {renderChildren}\n </NavigationDrawer>\n );\n};\n"],"mappings":";;;;AAWA,IAAa,wBAAwB,EACnC,UACA,YAAY,OACZ,GAAG,YACoD;CACvD,MAAM,iBAAiB,MAAM,SAAS,IAAI,WAAW,UAAU;~~AAC7D~~,~~SAAO~~,MAAM,aAAa,OAA6B,EACrD,WACD,CAAC;GACF;~~AAEF~~,~~QACE~~,oBAAC,kBAAD;EAA6B;EAAW,GAAI;YACzC;EACgB,CAAA"}
1	+ {"version":3,"file":"NavigationTreeDrawer.js","names":[],"sources":["../../../components/NavigationTree/NavigationTreeDrawer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CSS } from '../../stitches.config';\nimport { NavigationDrawer, NavigationDrawerProps } from '../Navigation';\n\nexport interface NavigationTreeDrawerProps {\n children: React.ReactNode;\n css?: CSS;\n fullWidth?: boolean;\n}\n\nexport const NavigationTreeDrawer = ({\n children,\n fullWidth = false,\n ...props\n}: NavigationTreeDrawerProps & NavigationDrawerProps) => {\n const renderChildren = React.Children.map(children, (child) => {\n return React.cloneElement(child as React.ReactElement, {\n fullWidth,\n });\n });\n\n return (\n <NavigationDrawer fullWidth={fullWidth} {...props}>\n {renderChildren}\n </NavigationDrawer>\n );\n};\n"],"mappings":";;;;AAWA,IAAa,wBAAwB,EACnC,UACA,YAAY,OACZ,GAAG,YACoD;CACvD,MAAM,iBAAiB,MAAM,SAAS,IAAI,WAAW,UAAU;EAC7D,OAAO,MAAM,aAAa,OAA6B,EACrD,WACD,CAAC;GACF;CAEF,OACE,oBAAC,kBAAD;EAA6B;EAAW,GAAI;YACzC;EACgB,CAAA"}

package/dist/components/NavigationTree/NavigationTreeItem.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationTreeItem.cjs","names":[],"sources":["../../../components/NavigationTree/NavigationTreeItem.tsx"],"sourcesContent":["import React, { ReactNode, useMemo, useState } from 'react';\n\nimport { CSS } from '../..';\nimport { Box } from '../Box';\nimport { Flex } from '../Flex';\nimport { NavigationItem, NavigationItemProps } from '../Navigation';\nimport { Text } from '../Text';\nimport { NavigationTreeContainer } from './NavigationTreeContainer';\n\nexport interface NavigationTreeItemProps {\n label: string \| ReactNode;\n subtitle?: string;\n children?: React.ReactNode;\n defaultExpanded?: boolean;\n onClick?: () => void;\n defaultExpandIcon?: React.ReactNode;\n defaultCollapseIcon?: React.ReactNode;\n customExpandIcon?: React.ReactNode;\n customCollapseIcon?: React.ReactNode;\n nestedChildrenLevel?: number;\n fullWidth?: boolean;\n}\n\nexport const NavigationTreeItem = ({\n label,\n subtitle,\n children,\n onClick,\n defaultExpanded = false,\n defaultCollapseIcon,\n defaultExpandIcon,\n customCollapseIcon,\n customExpandIcon,\n nestedChildrenLevel = 1,\n fullWidth = false,\n ...props\n}: NavigationTreeItemProps & NavigationItemProps) => {\n const [isExpanded, setIsExpanded] = useState(defaultExpanded);\n const isExpandable = useMemo(() => React.Children.count(children) > 0, [children]);\n const hasStartAdornment = useMemo(() => !!props.startAdornment, [props.startAdornment]);\n const usedStartAdornment = useMemo(\n () =>\n hasStartAdornment\n ? props.startAdornment\n : isExpandable\n ? isExpanded\n ? customCollapseIcon \|\| defaultCollapseIcon\n : customExpandIcon \|\| defaultExpandIcon\n : null,\n [\n hasStartAdornment,\n isExpandable,\n isExpanded,\n defaultCollapseIcon,\n defaultExpandIcon,\n customCollapseIcon,\n customExpandIcon,\n props.startAdornment,\n ],\n );\n\n const childCss = useMemo(() => {\n if (!isExpandable) return null;\n\n return {\n pl: '$4',\n '> div > ': {\n '&::before, &::after': {\n left: fullWidth ? `calc(${nestedChildrenLevel} -20px)` : 0,\n },\n },\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isExpandable, nestedChildrenLevel]);\n\n const focusStyle = useMemo(() => {\n if (!isExpandable) return {};\n\n return {\n '&:focus': {\n boxShadow: 'none',\n\n '&::before': {\n background: 'none',\n },\n '&::after': {\n background: 'none',\n },\n },\n };\n }, [isExpandable]);\n\n return (\n <Box>\n <NavigationItem\n css={{ width: '100%', ...focusStyle }}\n {...props}\n startAdornment={usedStartAdornment}\n onClick={isExpandable ? () => setIsExpanded(!isExpanded) : onClick}\n >\n <Flex\n direction=\"column\"\n align=\"start\"\n gap={1}\n css={{\n ml: isExpandable \|\| hasStartAdornment ? 0 : '$4',\n color: 'inherit',\n width: '100%',\n }}\n >\n {typeof label === 'string' ? <Text css={{ color: 'inherit' }}>{label}</Text> : label}\n {subtitle && (\n <Text variant=\"subtle\" css={{ fontSize: '$3', opacity: 0.8 }}>\n {subtitle}\n </Text>\n )}\n </Flex>\n </NavigationItem>\n {isExpanded && (\n <NavigationTreeContainer\n defaultCollapseIcon={defaultCollapseIcon}\n defaultExpandIcon={defaultExpandIcon}\n fullWidth={fullWidth}\n css={childCss as CSS}\n >\n {children}\n </NavigationTreeContainer>\n )}\n </Box>\n );\n};\n"],"mappings":";;;;;;;;;;AAuBA,IAAa,sBAAsB,EACjC,OACA,UACA,UACA,SACA,kBAAkB,OAClB,qBACA,mBACA,oBACA,kBACA,sBAAsB,GACtB,YAAY,OACZ,GAAG,YACgD;CACnD,MAAM,CAAC,YAAY,kBAAA,GAAA,MAAA,UAA0B,gBAAgB;CAC7D,MAAM,gBAAA,GAAA,MAAA,eAA6B,MAAA,QAAM,SAAS,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC;CAClF,MAAM,qBAAA,GAAA,MAAA,eAAkC,CAAC,CAAC,MAAM,gBAAgB,CAAC,MAAM,eAAe,CAAC;CACvF,MAAM,sBAAA,GAAA,MAAA,eAEF,oBACI,MAAM,iBACN,eACE,aACE,sBAAsB,sBACtB,oBAAoB,oBACtB,MACR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAM;EACP,CACF;CAED,MAAM,YAAA,GAAA,MAAA,eAAyB;~~AAC7B~~,~~MAAI~~,CAAC,~~aAAc~~,~~QAAO~~;~~AAE1B~~,~~SAAO~~;GACL,IAAI;GACJ,aAAa,EACX,uBAAuB,EACrB,MAAM,YAAY,QAAQ,oBAAoB,aAAa,GAC5D,EACF;GACF;IAEA,CAAC,cAAc,oBAAoB,CAAC;~~AAmBvC~~,~~QACE~~,iBAAA,GAAA,kBAAA,MAAC,YAAA,KAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,mBAAA,gBAAD;EACE,KAAK;GAAE,OAAO;GAAQ,IAAA,GAAA,MAAA,eApBK;~~AAC~~/B,~~QAAI~~,CAAC,~~aAAc~~,~~QAAO~~,EAAE;~~AAE5B~~,~~WAAO~~,EACL,WAAW;KACT,WAAW;KAEX,aAAa,EACX,YAAY,QACb;KACD,YAAY,EACV,YAAY,QACb;KACF,EACF;MACA,CAAC,aAAa,CAKc;GAAY;EACrC,GAAI;EACJ,gBAAgB;EAChB,SAAS,qBAAqB,cAAc,CAAC,WAAW,GAAG;YAE3D,iBAAA,GAAA,kBAAA,MAAC,aAAA,MAAD;GACE,WAAU;GACV,OAAM;GACN,KAAK;GACL,KAAK;IACH,IAAI,gBAAgB,oBAAoB,IAAI;IAC5C,OAAO;IACP,OAAO;IACR;aARH,CAUG,OAAO,UAAU,WAAW,iBAAA,GAAA,kBAAA,KAAC,aAAA,MAAD;IAAM,KAAK,EAAE,OAAO,WAAW;cAAG;IAAa,CAAA,GAAG,OAC9E,YACC,iBAAA,GAAA,kBAAA,KAAC,aAAA,MAAD;IAAM,SAAQ;IAAS,KAAK;KAAE,UAAU;KAAM,SAAS;KAAK;cACzD;IACI,CAAA,CAEJ;;EACQ,CAAA,EAChB,cACC,iBAAA,GAAA,kBAAA,KAAC,gCAAA,yBAAD;EACuB;EACF;EACR;EACX,KAAK;EAEJ;EACuB,CAAA,CAExB,EAAA,CAAA"}
1	+ {"version":3,"file":"NavigationTreeItem.cjs","names":[],"sources":["../../../components/NavigationTree/NavigationTreeItem.tsx"],"sourcesContent":["import React, { ReactNode, useMemo, useState } from 'react';\n\nimport { CSS } from '../..';\nimport { Box } from '../Box';\nimport { Flex } from '../Flex';\nimport { NavigationItem, NavigationItemProps } from '../Navigation';\nimport { Text } from '../Text';\nimport { NavigationTreeContainer } from './NavigationTreeContainer';\n\nexport interface NavigationTreeItemProps {\n label: string \| ReactNode;\n subtitle?: string;\n children?: React.ReactNode;\n defaultExpanded?: boolean;\n onClick?: () => void;\n defaultExpandIcon?: React.ReactNode;\n defaultCollapseIcon?: React.ReactNode;\n customExpandIcon?: React.ReactNode;\n customCollapseIcon?: React.ReactNode;\n nestedChildrenLevel?: number;\n fullWidth?: boolean;\n}\n\nexport const NavigationTreeItem = ({\n label,\n subtitle,\n children,\n onClick,\n defaultExpanded = false,\n defaultCollapseIcon,\n defaultExpandIcon,\n customCollapseIcon,\n customExpandIcon,\n nestedChildrenLevel = 1,\n fullWidth = false,\n ...props\n}: NavigationTreeItemProps & NavigationItemProps) => {\n const [isExpanded, setIsExpanded] = useState(defaultExpanded);\n const isExpandable = useMemo(() => React.Children.count(children) > 0, [children]);\n const hasStartAdornment = useMemo(() => !!props.startAdornment, [props.startAdornment]);\n const usedStartAdornment = useMemo(\n () =>\n hasStartAdornment\n ? props.startAdornment\n : isExpandable\n ? isExpanded\n ? customCollapseIcon \|\| defaultCollapseIcon\n : customExpandIcon \|\| defaultExpandIcon\n : null,\n [\n hasStartAdornment,\n isExpandable,\n isExpanded,\n defaultCollapseIcon,\n defaultExpandIcon,\n customCollapseIcon,\n customExpandIcon,\n props.startAdornment,\n ],\n );\n\n const childCss = useMemo(() => {\n if (!isExpandable) return null;\n\n return {\n pl: '$4',\n '> div > ': {\n '&::before, &::after': {\n left: fullWidth ? `calc(${nestedChildrenLevel} -20px)` : 0,\n },\n },\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isExpandable, nestedChildrenLevel]);\n\n const focusStyle = useMemo(() => {\n if (!isExpandable) return {};\n\n return {\n '&:focus': {\n boxShadow: 'none',\n\n '&::before': {\n background: 'none',\n },\n '&::after': {\n background: 'none',\n },\n },\n };\n }, [isExpandable]);\n\n return (\n <Box>\n <NavigationItem\n css={{ width: '100%', ...focusStyle }}\n {...props}\n startAdornment={usedStartAdornment}\n onClick={isExpandable ? () => setIsExpanded(!isExpanded) : onClick}\n >\n <Flex\n direction=\"column\"\n align=\"start\"\n gap={1}\n css={{\n ml: isExpandable \|\| hasStartAdornment ? 0 : '$4',\n color: 'inherit',\n width: '100%',\n }}\n >\n {typeof label === 'string' ? <Text css={{ color: 'inherit' }}>{label}</Text> : label}\n {subtitle && (\n <Text variant=\"subtle\" css={{ fontSize: '$3', opacity: 0.8 }}>\n {subtitle}\n </Text>\n )}\n </Flex>\n </NavigationItem>\n {isExpanded && (\n <NavigationTreeContainer\n defaultCollapseIcon={defaultCollapseIcon}\n defaultExpandIcon={defaultExpandIcon}\n fullWidth={fullWidth}\n css={childCss as CSS}\n >\n {children}\n </NavigationTreeContainer>\n )}\n </Box>\n );\n};\n"],"mappings":";;;;;;;;;;AAuBA,IAAa,sBAAsB,EACjC,OACA,UACA,UACA,SACA,kBAAkB,OAClB,qBACA,mBACA,oBACA,kBACA,sBAAsB,GACtB,YAAY,OACZ,GAAG,YACgD;CACnD,MAAM,CAAC,YAAY,kBAAA,GAAA,MAAA,UAA0B,gBAAgB;CAC7D,MAAM,gBAAA,GAAA,MAAA,eAA6B,MAAA,QAAM,SAAS,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC;CAClF,MAAM,qBAAA,GAAA,MAAA,eAAkC,CAAC,CAAC,MAAM,gBAAgB,CAAC,MAAM,eAAe,CAAC;CACvF,MAAM,sBAAA,GAAA,MAAA,eAEF,oBACI,MAAM,iBACN,eACE,aACE,sBAAsB,sBACtB,oBAAoB,oBACtB,MACR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAM;EACP,CACF;CAED,MAAM,YAAA,GAAA,MAAA,eAAyB;EAC7B,IAAI,CAAC,cAAc,OAAO;EAE1B,OAAO;GACL,IAAI;GACJ,aAAa,EACX,uBAAuB,EACrB,MAAM,YAAY,QAAQ,oBAAoB,aAAa,GAC5D,EACF;GACF;IAEA,CAAC,cAAc,oBAAoB,CAAC;CAmBvC,OACE,iBAAA,GAAA,kBAAA,MAAC,YAAA,KAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,mBAAA,gBAAD;EACE,KAAK;GAAE,OAAO;GAAQ,IAAA,GAAA,MAAA,eApBK;IAC/B,IAAI,CAAC,cAAc,OAAO,EAAE;IAE5B,OAAO,EACL,WAAW;KACT,WAAW;KAEX,aAAa,EACX,YAAY,QACb;KACD,YAAY,EACV,YAAY,QACb;KACF,EACF;MACA,CAAC,aAAa,CAKc;GAAY;EACrC,GAAI;EACJ,gBAAgB;EAChB,SAAS,qBAAqB,cAAc,CAAC,WAAW,GAAG;YAE3D,iBAAA,GAAA,kBAAA,MAAC,aAAA,MAAD;GACE,WAAU;GACV,OAAM;GACN,KAAK;GACL,KAAK;IACH,IAAI,gBAAgB,oBAAoB,IAAI;IAC5C,OAAO;IACP,OAAO;IACR;aARH,CAUG,OAAO,UAAU,WAAW,iBAAA,GAAA,kBAAA,KAAC,aAAA,MAAD;IAAM,KAAK,EAAE,OAAO,WAAW;cAAG;IAAa,CAAA,GAAG,OAC9E,YACC,iBAAA,GAAA,kBAAA,KAAC,aAAA,MAAD;IAAM,SAAQ;IAAS,KAAK;KAAE,UAAU;KAAM,SAAS;KAAK;cACzD;IACI,CAAA,CAEJ;;EACQ,CAAA,EAChB,cACC,iBAAA,GAAA,kBAAA,KAAC,gCAAA,yBAAD;EACuB;EACF;EACR;EACX,KAAK;EAEJ;EACuB,CAAA,CAExB,EAAA,CAAA"}

package/dist/components/NavigationTree/NavigationTreeItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationTreeItem.js","names":[],"sources":["../../../components/NavigationTree/NavigationTreeItem.tsx"],"sourcesContent":["import React, { ReactNode, useMemo, useState } from 'react';\n\nimport { CSS } from '../..';\nimport { Box } from '../Box';\nimport { Flex } from '../Flex';\nimport { NavigationItem, NavigationItemProps } from '../Navigation';\nimport { Text } from '../Text';\nimport { NavigationTreeContainer } from './NavigationTreeContainer';\n\nexport interface NavigationTreeItemProps {\n label: string \| ReactNode;\n subtitle?: string;\n children?: React.ReactNode;\n defaultExpanded?: boolean;\n onClick?: () => void;\n defaultExpandIcon?: React.ReactNode;\n defaultCollapseIcon?: React.ReactNode;\n customExpandIcon?: React.ReactNode;\n customCollapseIcon?: React.ReactNode;\n nestedChildrenLevel?: number;\n fullWidth?: boolean;\n}\n\nexport const NavigationTreeItem = ({\n label,\n subtitle,\n children,\n onClick,\n defaultExpanded = false,\n defaultCollapseIcon,\n defaultExpandIcon,\n customCollapseIcon,\n customExpandIcon,\n nestedChildrenLevel = 1,\n fullWidth = false,\n ...props\n}: NavigationTreeItemProps & NavigationItemProps) => {\n const [isExpanded, setIsExpanded] = useState(defaultExpanded);\n const isExpandable = useMemo(() => React.Children.count(children) > 0, [children]);\n const hasStartAdornment = useMemo(() => !!props.startAdornment, [props.startAdornment]);\n const usedStartAdornment = useMemo(\n () =>\n hasStartAdornment\n ? props.startAdornment\n : isExpandable\n ? isExpanded\n ? customCollapseIcon \|\| defaultCollapseIcon\n : customExpandIcon \|\| defaultExpandIcon\n : null,\n [\n hasStartAdornment,\n isExpandable,\n isExpanded,\n defaultCollapseIcon,\n defaultExpandIcon,\n customCollapseIcon,\n customExpandIcon,\n props.startAdornment,\n ],\n );\n\n const childCss = useMemo(() => {\n if (!isExpandable) return null;\n\n return {\n pl: '$4',\n '> div > ': {\n '&::before, &::after': {\n left: fullWidth ? `calc(${nestedChildrenLevel} -20px)` : 0,\n },\n },\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isExpandable, nestedChildrenLevel]);\n\n const focusStyle = useMemo(() => {\n if (!isExpandable) return {};\n\n return {\n '&:focus': {\n boxShadow: 'none',\n\n '&::before': {\n background: 'none',\n },\n '&::after': {\n background: 'none',\n },\n },\n };\n }, [isExpandable]);\n\n return (\n <Box>\n <NavigationItem\n css={{ width: '100%', ...focusStyle }}\n {...props}\n startAdornment={usedStartAdornment}\n onClick={isExpandable ? () => setIsExpanded(!isExpanded) : onClick}\n >\n <Flex\n direction=\"column\"\n align=\"start\"\n gap={1}\n css={{\n ml: isExpandable \|\| hasStartAdornment ? 0 : '$4',\n color: 'inherit',\n width: '100%',\n }}\n >\n {typeof label === 'string' ? <Text css={{ color: 'inherit' }}>{label}</Text> : label}\n {subtitle && (\n <Text variant=\"subtle\" css={{ fontSize: '$3', opacity: 0.8 }}>\n {subtitle}\n </Text>\n )}\n </Flex>\n </NavigationItem>\n {isExpanded && (\n <NavigationTreeContainer\n defaultCollapseIcon={defaultCollapseIcon}\n defaultExpandIcon={defaultExpandIcon}\n fullWidth={fullWidth}\n css={childCss as CSS}\n >\n {children}\n </NavigationTreeContainer>\n )}\n </Box>\n );\n};\n"],"mappings":";;;;;;;;AAuBA,IAAa,sBAAsB,EACjC,OACA,UACA,UACA,SACA,kBAAkB,OAClB,qBACA,mBACA,oBACA,kBACA,sBAAsB,GACtB,YAAY,OACZ,GAAG,YACgD;CACnD,MAAM,CAAC,YAAY,iBAAiB,SAAS,gBAAgB;CAC7D,MAAM,eAAe,cAAc,MAAM,SAAS,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC;CAClF,MAAM,oBAAoB,cAAc,CAAC,CAAC,MAAM,gBAAgB,CAAC,MAAM,eAAe,CAAC;CACvF,MAAM,qBAAqB,cAEvB,oBACI,MAAM,iBACN,eACE,aACE,sBAAsB,sBACtB,oBAAoB,oBACtB,MACR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAM;EACP,CACF;CAED,MAAM,WAAW,cAAc;~~AAC7B~~,~~MAAI~~,CAAC,~~aAAc~~,~~QAAO~~;~~AAE1B~~,~~SAAO~~;GACL,IAAI;GACJ,aAAa,EACX,uBAAuB,EACrB,MAAM,YAAY,QAAQ,oBAAoB,aAAa,GAC5D,EACF;GACF;IAEA,CAAC,cAAc,oBAAoB,CAAC;~~AAmBvC~~,~~QACE~~,qBAAC,KAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;EACE,KAAK;GAAE,OAAO;GAAQ,GApBT,cAAc;~~AAC~~/B,~~QAAI~~,CAAC,~~aAAc~~,~~QAAO~~,EAAE;~~AAE5B~~,~~WAAO~~,EACL,WAAW;KACT,WAAW;KAEX,aAAa,EACX,YAAY,QACb;KACD,YAAY,EACV,YAAY,QACb;KACF,EACF;MACA,CAAC,aAAa,CAKc;GAAY;EACrC,GAAI;EACJ,gBAAgB;EAChB,SAAS,qBAAqB,cAAc,CAAC,WAAW,GAAG;YAE3D,qBAAC,MAAD;GACE,WAAU;GACV,OAAM;GACN,KAAK;GACL,KAAK;IACH,IAAI,gBAAgB,oBAAoB,IAAI;IAC5C,OAAO;IACP,OAAO;IACR;aARH,CAUG,OAAO,UAAU,WAAW,oBAAC,MAAD;IAAM,KAAK,EAAE,OAAO,WAAW;cAAG;IAAa,CAAA,GAAG,OAC9E,YACC,oBAAC,MAAD;IAAM,SAAQ;IAAS,KAAK;KAAE,UAAU;KAAM,SAAS;KAAK;cACzD;IACI,CAAA,CAEJ;;EACQ,CAAA,EAChB,cACC,oBAAC,yBAAD;EACuB;EACF;EACR;EACX,KAAK;EAEJ;EACuB,CAAA,CAExB,EAAA,CAAA"}
1	+ {"version":3,"file":"NavigationTreeItem.js","names":[],"sources":["../../../components/NavigationTree/NavigationTreeItem.tsx"],"sourcesContent":["import React, { ReactNode, useMemo, useState } from 'react';\n\nimport { CSS } from '../..';\nimport { Box } from '../Box';\nimport { Flex } from '../Flex';\nimport { NavigationItem, NavigationItemProps } from '../Navigation';\nimport { Text } from '../Text';\nimport { NavigationTreeContainer } from './NavigationTreeContainer';\n\nexport interface NavigationTreeItemProps {\n label: string \| ReactNode;\n subtitle?: string;\n children?: React.ReactNode;\n defaultExpanded?: boolean;\n onClick?: () => void;\n defaultExpandIcon?: React.ReactNode;\n defaultCollapseIcon?: React.ReactNode;\n customExpandIcon?: React.ReactNode;\n customCollapseIcon?: React.ReactNode;\n nestedChildrenLevel?: number;\n fullWidth?: boolean;\n}\n\nexport const NavigationTreeItem = ({\n label,\n subtitle,\n children,\n onClick,\n defaultExpanded = false,\n defaultCollapseIcon,\n defaultExpandIcon,\n customCollapseIcon,\n customExpandIcon,\n nestedChildrenLevel = 1,\n fullWidth = false,\n ...props\n}: NavigationTreeItemProps & NavigationItemProps) => {\n const [isExpanded, setIsExpanded] = useState(defaultExpanded);\n const isExpandable = useMemo(() => React.Children.count(children) > 0, [children]);\n const hasStartAdornment = useMemo(() => !!props.startAdornment, [props.startAdornment]);\n const usedStartAdornment = useMemo(\n () =>\n hasStartAdornment\n ? props.startAdornment\n : isExpandable\n ? isExpanded\n ? customCollapseIcon \|\| defaultCollapseIcon\n : customExpandIcon \|\| defaultExpandIcon\n : null,\n [\n hasStartAdornment,\n isExpandable,\n isExpanded,\n defaultCollapseIcon,\n defaultExpandIcon,\n customCollapseIcon,\n customExpandIcon,\n props.startAdornment,\n ],\n );\n\n const childCss = useMemo(() => {\n if (!isExpandable) return null;\n\n return {\n pl: '$4',\n '> div > ': {\n '&::before, &::after': {\n left: fullWidth ? `calc(${nestedChildrenLevel} -20px)` : 0,\n },\n },\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isExpandable, nestedChildrenLevel]);\n\n const focusStyle = useMemo(() => {\n if (!isExpandable) return {};\n\n return {\n '&:focus': {\n boxShadow: 'none',\n\n '&::before': {\n background: 'none',\n },\n '&::after': {\n background: 'none',\n },\n },\n };\n }, [isExpandable]);\n\n return (\n <Box>\n <NavigationItem\n css={{ width: '100%', ...focusStyle }}\n {...props}\n startAdornment={usedStartAdornment}\n onClick={isExpandable ? () => setIsExpanded(!isExpanded) : onClick}\n >\n <Flex\n direction=\"column\"\n align=\"start\"\n gap={1}\n css={{\n ml: isExpandable \|\| hasStartAdornment ? 0 : '$4',\n color: 'inherit',\n width: '100%',\n }}\n >\n {typeof label === 'string' ? <Text css={{ color: 'inherit' }}>{label}</Text> : label}\n {subtitle && (\n <Text variant=\"subtle\" css={{ fontSize: '$3', opacity: 0.8 }}>\n {subtitle}\n </Text>\n )}\n </Flex>\n </NavigationItem>\n {isExpanded && (\n <NavigationTreeContainer\n defaultCollapseIcon={defaultCollapseIcon}\n defaultExpandIcon={defaultExpandIcon}\n fullWidth={fullWidth}\n css={childCss as CSS}\n >\n {children}\n </NavigationTreeContainer>\n )}\n </Box>\n );\n};\n"],"mappings":";;;;;;;;AAuBA,IAAa,sBAAsB,EACjC,OACA,UACA,UACA,SACA,kBAAkB,OAClB,qBACA,mBACA,oBACA,kBACA,sBAAsB,GACtB,YAAY,OACZ,GAAG,YACgD;CACnD,MAAM,CAAC,YAAY,iBAAiB,SAAS,gBAAgB;CAC7D,MAAM,eAAe,cAAc,MAAM,SAAS,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC;CAClF,MAAM,oBAAoB,cAAc,CAAC,CAAC,MAAM,gBAAgB,CAAC,MAAM,eAAe,CAAC;CACvF,MAAM,qBAAqB,cAEvB,oBACI,MAAM,iBACN,eACE,aACE,sBAAsB,sBACtB,oBAAoB,oBACtB,MACR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAM;EACP,CACF;CAED,MAAM,WAAW,cAAc;EAC7B,IAAI,CAAC,cAAc,OAAO;EAE1B,OAAO;GACL,IAAI;GACJ,aAAa,EACX,uBAAuB,EACrB,MAAM,YAAY,QAAQ,oBAAoB,aAAa,GAC5D,EACF;GACF;IAEA,CAAC,cAAc,oBAAoB,CAAC;CAmBvC,OACE,qBAAC,KAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;EACE,KAAK;GAAE,OAAO;GAAQ,GApBT,cAAc;IAC/B,IAAI,CAAC,cAAc,OAAO,EAAE;IAE5B,OAAO,EACL,WAAW;KACT,WAAW;KAEX,aAAa,EACX,YAAY,QACb;KACD,YAAY,EACV,YAAY,QACb;KACF,EACF;MACA,CAAC,aAAa,CAKc;GAAY;EACrC,GAAI;EACJ,gBAAgB;EAChB,SAAS,qBAAqB,cAAc,CAAC,WAAW,GAAG;YAE3D,qBAAC,MAAD;GACE,WAAU;GACV,OAAM;GACN,KAAK;GACL,KAAK;IACH,IAAI,gBAAgB,oBAAoB,IAAI;IAC5C,OAAO;IACP,OAAO;IACR;aARH,CAUG,OAAO,UAAU,WAAW,oBAAC,MAAD;IAAM,KAAK,EAAE,OAAO,WAAW;cAAG;IAAa,CAAA,GAAG,OAC9E,YACC,oBAAC,MAAD;IAAM,SAAQ;IAAS,KAAK;KAAE,UAAU;KAAM,SAAS;KAAK;cACzD;IACI,CAAA,CAEJ;;EACQ,CAAA,EAChB,cACC,oBAAC,yBAAD;EACuB;EACF;EACR;EACX,KAAK;EAEJ;EACuB,CAAA,CAExB,EAAA,CAAA"}

package/dist/components/Panel/Panel.vanilla.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Panel.vanilla.cjs","names":[],"sources":["../../../components/Panel/Panel.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { panelStyle } from './Panel.vanilla.css';\n\nexport type PanelVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n C,\n CSSProps\n>;\n\ntype PanelVanillaComponent = PolymorphicComponent<'div', PanelVanillaProps<ElementType>>;\n\nconst PanelVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, ...props }: PanelVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'div';\n const { colors } = useVanillaExtractTheme();\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n return (\n <Component\n ref={ref}\n className={`${panelStyle} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nPanelVanillaComponentImpl.displayName = 'PanelVanilla';\n\nexport const PanelVanilla = PanelVanillaComponentImpl as PanelVanillaComponent;\n"],"mappings":";;;;;;;;AAmBA,IAAM,6BAAA,GAAA,MAAA,aAEF,EAAE,IAAI,WAAW,KAAK,OAAO,GAAG,SAChC,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,qBAAA,wBAAwB;CAC3C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,OAAO;CAC9D,MAAM,eAAe;EAAE,GAAG;EAAW,GAAG;EAAO,IAAA,GAAA,yBAAA,kBAAoB,KAAK;EAAE;~~AAE1E~~,~~QACE~~,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,GAAG,0BAAA,WAAW,GAAG,aAAa,KAAK,MAAM;EACpD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,0BAA0B,cAAc;AAExC,IAAa,eAAe"}
1	+ {"version":3,"file":"Panel.vanilla.cjs","names":[],"sources":["../../../components/Panel/Panel.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { panelStyle } from './Panel.vanilla.css';\n\nexport type PanelVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n C,\n CSSProps\n>;\n\ntype PanelVanillaComponent = PolymorphicComponent<'div', PanelVanillaProps<ElementType>>;\n\nconst PanelVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, ...props }: PanelVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'div';\n const { colors } = useVanillaExtractTheme();\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n return (\n <Component\n ref={ref}\n className={`${panelStyle} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nPanelVanillaComponentImpl.displayName = 'PanelVanilla';\n\nexport const PanelVanilla = PanelVanillaComponentImpl as PanelVanillaComponent;\n"],"mappings":";;;;;;;;AAmBA,IAAM,6BAAA,GAAA,MAAA,aAEF,EAAE,IAAI,WAAW,KAAK,OAAO,GAAG,SAChC,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,qBAAA,wBAAwB;CAC3C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,OAAO;CAC9D,MAAM,eAAe;EAAE,GAAG;EAAW,GAAG;EAAO,IAAA,GAAA,yBAAA,kBAAoB,KAAK;EAAE;CAE1E,OACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,GAAG,0BAAA,WAAW,GAAG,aAAa,KAAK,MAAM;EACpD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,0BAA0B,cAAc;AAExC,IAAa,eAAe"}

package/dist/components/Panel/Panel.vanilla.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Panel.vanilla.js","names":[],"sources":["../../../components/Panel/Panel.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { panelStyle } from './Panel.vanilla.css';\n\nexport type PanelVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n C,\n CSSProps\n>;\n\ntype PanelVanillaComponent = PolymorphicComponent<'div', PanelVanillaProps<ElementType>>;\n\nconst PanelVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, ...props }: PanelVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'div';\n const { colors } = useVanillaExtractTheme();\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n return (\n <Component\n ref={ref}\n className={`${panelStyle} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nPanelVanillaComponentImpl.displayName = 'PanelVanilla';\n\nexport const PanelVanilla = PanelVanillaComponentImpl as PanelVanillaComponent;\n"],"mappings":";;;;;;;AAmBA,IAAM,4BAA4B,YAE9B,EAAE,IAAI,WAAW,KAAK,OAAO,GAAG,SAChC,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,wBAAwB;CAC3C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,OAAO;CAC9D,MAAM,eAAe;EAAE,GAAG;EAAW,GAAG;EAAO,GAAG,iBAAiB,KAAK;EAAE;~~AAE1E~~,~~QACE~~,oBAAC,WAAD;EACO;EACL,WAAW,GAAG,WAAW,GAAG,aAAa,KAAK,MAAM;EACpD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,0BAA0B,cAAc;AAExC,IAAa,eAAe"}
1	+ {"version":3,"file":"Panel.vanilla.js","names":[],"sources":["../../../components/Panel/Panel.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { panelStyle } from './Panel.vanilla.css';\n\nexport type PanelVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n C,\n CSSProps\n>;\n\ntype PanelVanillaComponent = PolymorphicComponent<'div', PanelVanillaProps<ElementType>>;\n\nconst PanelVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, ...props }: PanelVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'div';\n const { colors } = useVanillaExtractTheme();\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n return (\n <Component\n ref={ref}\n className={`${panelStyle} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nPanelVanillaComponentImpl.displayName = 'PanelVanilla';\n\nexport const PanelVanilla = PanelVanillaComponentImpl as PanelVanillaComponent;\n"],"mappings":";;;;;;;AAmBA,IAAM,4BAA4B,YAE9B,EAAE,IAAI,WAAW,KAAK,OAAO,GAAG,SAChC,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,wBAAwB;CAC3C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,OAAO;CAC9D,MAAM,eAAe;EAAE,GAAG;EAAW,GAAG;EAAO,GAAG,iBAAiB,KAAK;EAAE;CAE1E,OACE,oBAAC,WAAD;EACO;EACL,WAAW,GAAG,WAAW,GAAG,aAAa,KAAK,MAAM;EACpD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,0BAA0B,cAAc;AAExC,IAAa,eAAe"}

package/dist/components/Paragraph/Paragraph.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Paragraph.cjs","names":[],"sources":["../../../components/Paragraph/Paragraph.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CSS, VariantProps } from '../../stitches.config';\nimport { deepMerge } from '../../utils/deepMerge';\nimport { Text } from '../Text';\n\nconst DEFAULT_TAG = 'p';\n\ntype TextSizeVariants = Pick<VariantProps<typeof Text>, 'size'>;\n\ntype ParagraphSizeVariants = '1' \| '2';\ntype ParagraphVariants = { size?: ParagraphSizeVariants } & Omit<VariantProps<typeof Text>, 'size'>;\ntype ParagraphProps = React.ComponentProps<typeof DEFAULT_TAG> &\n ParagraphVariants & { css?: CSS; as?: any };\n\nexport const Paragraph = React.forwardRef<React.ElementRef<typeof DEFAULT_TAG>, ParagraphProps>(\n (props, forwardedRef) => {\n // '2' here is the default Paragraph size variant\n const { size = '1', ...textProps } = props;\n\n // This is the mapping of Paragraph Variants to Text variants\n const textSize: Record<ParagraphSizeVariants, TextSizeVariants['size']> = {\n 1: { '@initial': '3', '@bp2': '4' },\n 2: { '@initial': '5', '@bp2': '6' },\n };\n\n // This is the mapping of Paragraph Variants to Text css\n const textCss: Record<ParagraphSizeVariants, CSS> = {\n 1: { lineHeight: '25px', '@bp2': { lineHeight: '27px' } },\n 2: { color: '$slate11', lineHeight: '27px', '@bp2': { lineHeight: '30px' } },\n };\n return (\n <Text\n as={DEFAULT_TAG}\n {...textProps}\n ref={forwardedRef}\n size={textSize[size]}\n css={{\n ...deepMerge(textCss[size], props.css),\n }}\n />\n );\n },\n);\n"],"mappings":";;;;;;;AAMA,IAAM,cAAc;AASpB,IAAa,YAAY,MAAA,QAAM,YAC5B,OAAO,iBAAiB;CAEvB,MAAM,EAAE,OAAO,KAAK,GAAG,cAAc;CAGrC,MAAM,WAAoE;EACxE,GAAG;GAAE,YAAY;GAAK,QAAQ;GAAK;EACnC,GAAG;GAAE,YAAY;GAAK,QAAQ;GAAK;EACpC;CAGD,MAAM,UAA8C;EAClD,GAAG;GAAE,YAAY;GAAQ,QAAQ,EAAE,YAAY,QAAQ;GAAE;EACzD,GAAG;GAAE,OAAO;GAAY,YAAY;GAAQ,QAAQ,EAAE,YAAY,QAAQ;GAAE;EAC7E;~~AACD~~,~~QACE~~,iBAAA,GAAA,kBAAA,KAAC,aAAA,MAAD;EACE,IAAI;EACJ,GAAI;EACJ,KAAK;EACL,MAAM,SAAS;EACf,KAAK,EACH,GAAG,kBAAA,UAAU,QAAQ,OAAO,MAAM,IAAI,EACvC;EACD,CAAA;EAGP"}
1	+ {"version":3,"file":"Paragraph.cjs","names":[],"sources":["../../../components/Paragraph/Paragraph.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CSS, VariantProps } from '../../stitches.config';\nimport { deepMerge } from '../../utils/deepMerge';\nimport { Text } from '../Text';\n\nconst DEFAULT_TAG = 'p';\n\ntype TextSizeVariants = Pick<VariantProps<typeof Text>, 'size'>;\n\ntype ParagraphSizeVariants = '1' \| '2';\ntype ParagraphVariants = { size?: ParagraphSizeVariants } & Omit<VariantProps<typeof Text>, 'size'>;\ntype ParagraphProps = React.ComponentProps<typeof DEFAULT_TAG> &\n ParagraphVariants & { css?: CSS; as?: any };\n\nexport const Paragraph = React.forwardRef<React.ElementRef<typeof DEFAULT_TAG>, ParagraphProps>(\n (props, forwardedRef) => {\n // '2' here is the default Paragraph size variant\n const { size = '1', ...textProps } = props;\n\n // This is the mapping of Paragraph Variants to Text variants\n const textSize: Record<ParagraphSizeVariants, TextSizeVariants['size']> = {\n 1: { '@initial': '3', '@bp2': '4' },\n 2: { '@initial': '5', '@bp2': '6' },\n };\n\n // This is the mapping of Paragraph Variants to Text css\n const textCss: Record<ParagraphSizeVariants, CSS> = {\n 1: { lineHeight: '25px', '@bp2': { lineHeight: '27px' } },\n 2: { color: '$slate11', lineHeight: '27px', '@bp2': { lineHeight: '30px' } },\n };\n return (\n <Text\n as={DEFAULT_TAG}\n {...textProps}\n ref={forwardedRef}\n size={textSize[size]}\n css={{\n ...deepMerge(textCss[size], props.css),\n }}\n />\n );\n },\n);\n"],"mappings":";;;;;;;AAMA,IAAM,cAAc;AASpB,IAAa,YAAY,MAAA,QAAM,YAC5B,OAAO,iBAAiB;CAEvB,MAAM,EAAE,OAAO,KAAK,GAAG,cAAc;CAGrC,MAAM,WAAoE;EACxE,GAAG;GAAE,YAAY;GAAK,QAAQ;GAAK;EACnC,GAAG;GAAE,YAAY;GAAK,QAAQ;GAAK;EACpC;CAGD,MAAM,UAA8C;EAClD,GAAG;GAAE,YAAY;GAAQ,QAAQ,EAAE,YAAY,QAAQ;GAAE;EACzD,GAAG;GAAE,OAAO;GAAY,YAAY;GAAQ,QAAQ,EAAE,YAAY,QAAQ;GAAE;EAC7E;CACD,OACE,iBAAA,GAAA,kBAAA,KAAC,aAAA,MAAD;EACE,IAAI;EACJ,GAAI;EACJ,KAAK;EACL,MAAM,SAAS;EACf,KAAK,EACH,GAAG,kBAAA,UAAU,QAAQ,OAAO,MAAM,IAAI,EACvC;EACD,CAAA;EAGP"}

package/dist/components/Paragraph/Paragraph.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Paragraph.js","names":[],"sources":["../../../components/Paragraph/Paragraph.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CSS, VariantProps } from '../../stitches.config';\nimport { deepMerge } from '../../utils/deepMerge';\nimport { Text } from '../Text';\n\nconst DEFAULT_TAG = 'p';\n\ntype TextSizeVariants = Pick<VariantProps<typeof Text>, 'size'>;\n\ntype ParagraphSizeVariants = '1' \| '2';\ntype ParagraphVariants = { size?: ParagraphSizeVariants } & Omit<VariantProps<typeof Text>, 'size'>;\ntype ParagraphProps = React.ComponentProps<typeof DEFAULT_TAG> &\n ParagraphVariants & { css?: CSS; as?: any };\n\nexport const Paragraph = React.forwardRef<React.ElementRef<typeof DEFAULT_TAG>, ParagraphProps>(\n (props, forwardedRef) => {\n // '2' here is the default Paragraph size variant\n const { size = '1', ...textProps } = props;\n\n // This is the mapping of Paragraph Variants to Text variants\n const textSize: Record<ParagraphSizeVariants, TextSizeVariants['size']> = {\n 1: { '@initial': '3', '@bp2': '4' },\n 2: { '@initial': '5', '@bp2': '6' },\n };\n\n // This is the mapping of Paragraph Variants to Text css\n const textCss: Record<ParagraphSizeVariants, CSS> = {\n 1: { lineHeight: '25px', '@bp2': { lineHeight: '27px' } },\n 2: { color: '$slate11', lineHeight: '27px', '@bp2': { lineHeight: '30px' } },\n };\n return (\n <Text\n as={DEFAULT_TAG}\n {...textProps}\n ref={forwardedRef}\n size={textSize[size]}\n css={{\n ...deepMerge(textCss[size], props.css),\n }}\n />\n );\n },\n);\n"],"mappings":";;;;;AAMA,IAAM,cAAc;AASpB,IAAa,YAAY,MAAM,YAC5B,OAAO,iBAAiB;CAEvB,MAAM,EAAE,OAAO,KAAK,GAAG,cAAc;CAGrC,MAAM,WAAoE;EACxE,GAAG;GAAE,YAAY;GAAK,QAAQ;GAAK;EACnC,GAAG;GAAE,YAAY;GAAK,QAAQ;GAAK;EACpC;CAGD,MAAM,UAA8C;EAClD,GAAG;GAAE,YAAY;GAAQ,QAAQ,EAAE,YAAY,QAAQ;GAAE;EACzD,GAAG;GAAE,OAAO;GAAY,YAAY;GAAQ,QAAQ,EAAE,YAAY,QAAQ;GAAE;EAC7E;~~AACD~~,~~QACE~~,oBAAC,MAAD;EACE,IAAI;EACJ,GAAI;EACJ,KAAK;EACL,MAAM,SAAS;EACf,KAAK,EACH,GAAG,UAAU,QAAQ,OAAO,MAAM,IAAI,EACvC;EACD,CAAA;EAGP"}
1	+ {"version":3,"file":"Paragraph.js","names":[],"sources":["../../../components/Paragraph/Paragraph.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CSS, VariantProps } from '../../stitches.config';\nimport { deepMerge } from '../../utils/deepMerge';\nimport { Text } from '../Text';\n\nconst DEFAULT_TAG = 'p';\n\ntype TextSizeVariants = Pick<VariantProps<typeof Text>, 'size'>;\n\ntype ParagraphSizeVariants = '1' \| '2';\ntype ParagraphVariants = { size?: ParagraphSizeVariants } & Omit<VariantProps<typeof Text>, 'size'>;\ntype ParagraphProps = React.ComponentProps<typeof DEFAULT_TAG> &\n ParagraphVariants & { css?: CSS; as?: any };\n\nexport const Paragraph = React.forwardRef<React.ElementRef<typeof DEFAULT_TAG>, ParagraphProps>(\n (props, forwardedRef) => {\n // '2' here is the default Paragraph size variant\n const { size = '1', ...textProps } = props;\n\n // This is the mapping of Paragraph Variants to Text variants\n const textSize: Record<ParagraphSizeVariants, TextSizeVariants['size']> = {\n 1: { '@initial': '3', '@bp2': '4' },\n 2: { '@initial': '5', '@bp2': '6' },\n };\n\n // This is the mapping of Paragraph Variants to Text css\n const textCss: Record<ParagraphSizeVariants, CSS> = {\n 1: { lineHeight: '25px', '@bp2': { lineHeight: '27px' } },\n 2: { color: '$slate11', lineHeight: '27px', '@bp2': { lineHeight: '30px' } },\n };\n return (\n <Text\n as={DEFAULT_TAG}\n {...textProps}\n ref={forwardedRef}\n size={textSize[size]}\n css={{\n ...deepMerge(textCss[size], props.css),\n }}\n />\n );\n },\n);\n"],"mappings":";;;;;AAMA,IAAM,cAAc;AASpB,IAAa,YAAY,MAAM,YAC5B,OAAO,iBAAiB;CAEvB,MAAM,EAAE,OAAO,KAAK,GAAG,cAAc;CAGrC,MAAM,WAAoE;EACxE,GAAG;GAAE,YAAY;GAAK,QAAQ;GAAK;EACnC,GAAG;GAAE,YAAY;GAAK,QAAQ;GAAK;EACpC;CAGD,MAAM,UAA8C;EAClD,GAAG;GAAE,YAAY;GAAQ,QAAQ,EAAE,YAAY,QAAQ;GAAE;EACzD,GAAG;GAAE,OAAO;GAAY,YAAY;GAAQ,QAAQ,EAAE,YAAY,QAAQ;GAAE;EAC7E;CACD,OACE,oBAAC,MAAD;EACE,IAAI;EACJ,GAAI;EACJ,KAAK;EACL,MAAM,SAAS;EACf,KAAK,EACH,GAAG,UAAU,QAAQ,OAAO,MAAM,IAAI,EACvC;EACD,CAAA;EAGP"}

package/dist/components/Paragraph/Paragraph.vanilla.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Paragraph.vanilla.cjs","names":[],"sources":["../../../components/Paragraph/Paragraph.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { paragraphRecipe } from './Paragraph.vanilla.css';\n\ntype ParagraphRecipeVariants = RecipeVariants<typeof paragraphRecipe>;\n\ninterface ParagraphOwnProps extends Omit<ParagraphRecipeVariants, never>, CSSProps {}\n\nexport type ParagraphVanillaProps<C extends ElementType = 'p'> = PolymorphicComponentProps<\n C,\n ParagraphOwnProps\n>;\n\ntype ParagraphVanillaComponent = PolymorphicComponent<'p', ParagraphVanillaProps<ElementType>>;\n\nconst ParagraphVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'p'>(\n { as, size, className, css, style, ...props }: ParagraphVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'p';\n\n const { colors } = useVanillaExtractTheme();\n\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = paragraphRecipe({ size });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nParagraphVanillaComponentImpl.displayName = 'ParagraphVanilla';\n\nexport const ParagraphVanilla = ParagraphVanillaComponentImpl as ParagraphVanillaComponent;\n"],"mappings":";;;;;;;;AAwBA,IAAM,iCAAA,GAAA,MAAA,aAEF,EAAE,IAAI,MAAM,WAAW,KAAK,OAAO,GAAG,SACtC,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,qBAAA,wBAAwB;CAE3C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,kBAAoB,KAAK;EAC1B;~~AAID~~,~~QACE~~,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,GALK,8BAAA,gBAAgB,EAAE,MAAM,CAK1B,CAAY,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,8BAA8B,cAAc;AAE5C,IAAa,mBAAmB"}
1	+ {"version":3,"file":"Paragraph.vanilla.cjs","names":[],"sources":["../../../components/Paragraph/Paragraph.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { paragraphRecipe } from './Paragraph.vanilla.css';\n\ntype ParagraphRecipeVariants = RecipeVariants<typeof paragraphRecipe>;\n\ninterface ParagraphOwnProps extends Omit<ParagraphRecipeVariants, never>, CSSProps {}\n\nexport type ParagraphVanillaProps<C extends ElementType = 'p'> = PolymorphicComponentProps<\n C,\n ParagraphOwnProps\n>;\n\ntype ParagraphVanillaComponent = PolymorphicComponent<'p', ParagraphVanillaProps<ElementType>>;\n\nconst ParagraphVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'p'>(\n { as, size, className, css, style, ...props }: ParagraphVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'p';\n\n const { colors } = useVanillaExtractTheme();\n\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = paragraphRecipe({ size });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nParagraphVanillaComponentImpl.displayName = 'ParagraphVanilla';\n\nexport const ParagraphVanilla = ParagraphVanillaComponentImpl as ParagraphVanillaComponent;\n"],"mappings":";;;;;;;;AAwBA,IAAM,iCAAA,GAAA,MAAA,aAEF,EAAE,IAAI,MAAM,WAAW,KAAK,OAAO,GAAG,SACtC,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,qBAAA,wBAAwB;CAE3C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,kBAAoB,KAAK;EAC1B;CAID,OACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,GALK,8BAAA,gBAAgB,EAAE,MAAM,CAK1B,CAAY,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,8BAA8B,cAAc;AAE5C,IAAa,mBAAmB"}

package/dist/components/Paragraph/Paragraph.vanilla.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Paragraph.vanilla.js","names":[],"sources":["../../../components/Paragraph/Paragraph.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { paragraphRecipe } from './Paragraph.vanilla.css';\n\ntype ParagraphRecipeVariants = RecipeVariants<typeof paragraphRecipe>;\n\ninterface ParagraphOwnProps extends Omit<ParagraphRecipeVariants, never>, CSSProps {}\n\nexport type ParagraphVanillaProps<C extends ElementType = 'p'> = PolymorphicComponentProps<\n C,\n ParagraphOwnProps\n>;\n\ntype ParagraphVanillaComponent = PolymorphicComponent<'p', ParagraphVanillaProps<ElementType>>;\n\nconst ParagraphVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'p'>(\n { as, size, className, css, style, ...props }: ParagraphVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'p';\n\n const { colors } = useVanillaExtractTheme();\n\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = paragraphRecipe({ size });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nParagraphVanillaComponentImpl.displayName = 'ParagraphVanilla';\n\nexport const ParagraphVanilla = ParagraphVanillaComponentImpl as ParagraphVanillaComponent;\n"],"mappings":";;;;;;;AAwBA,IAAM,gCAAgC,YAElC,EAAE,IAAI,MAAM,WAAW,KAAK,OAAO,GAAG,SACtC,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,wBAAwB;CAE3C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,KAAK;EAC1B;~~AAID~~,~~QACE~~,oBAAC,WAAD;EACO;EACL,WAAW,GALK,gBAAgB,EAAE,MAAM,CAK1B,CAAY,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,8BAA8B,cAAc;AAE5C,IAAa,mBAAmB"}
1	+ {"version":3,"file":"Paragraph.vanilla.js","names":[],"sources":["../../../components/Paragraph/Paragraph.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n PolymorphicComponent,\n PolymorphicComponentProps,\n PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { paragraphRecipe } from './Paragraph.vanilla.css';\n\ntype ParagraphRecipeVariants = RecipeVariants<typeof paragraphRecipe>;\n\ninterface ParagraphOwnProps extends Omit<ParagraphRecipeVariants, never>, CSSProps {}\n\nexport type ParagraphVanillaProps<C extends ElementType = 'p'> = PolymorphicComponentProps<\n C,\n ParagraphOwnProps\n>;\n\ntype ParagraphVanillaComponent = PolymorphicComponent<'p', ParagraphVanillaProps<ElementType>>;\n\nconst ParagraphVanillaComponentImpl = forwardRef(\n <C extends ElementType = 'p'>(\n { as, size, className, css, style, ...props }: ParagraphVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'p';\n\n const { colors } = useVanillaExtractTheme();\n\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = paragraphRecipe({ size });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nParagraphVanillaComponentImpl.displayName = 'ParagraphVanilla';\n\nexport const ParagraphVanilla = ParagraphVanillaComponentImpl as ParagraphVanillaComponent;\n"],"mappings":";;;;;;;AAwBA,IAAM,gCAAgC,YAElC,EAAE,IAAI,MAAM,WAAW,KAAK,OAAO,GAAG,SACtC,QACG;CACH,MAAM,YAAY,MAAM;CAExB,MAAM,EAAE,WAAW,wBAAwB;CAE3C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,KAAK;EAC1B;CAID,OACE,oBAAC,WAAD;EACO;EACL,WAAW,GALK,gBAAgB,EAAE,MAAM,CAK1B,CAAY,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,8BAA8B,cAAc;AAE5C,IAAa,mBAAmB"}

package/dist/components/Popover/Popover.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.cjs","names":[],"sources":["../../../components/Popover/Popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\nimport { panelStyles } from '../Panel';\n\nexport type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root> & {\n children: React.ReactNode;\n};\nexport type PopoverVariants = VariantProps<typeof Popover>;\n\nexport function Popover({ children, ...props }: PopoverProps) {\n return <PopoverPrimitive.Root {...props}>{children}</PopoverPrimitive.Root>;\n}\n\nconst StyledContent = styled(PopoverPrimitive.Content, panelStyles, {\n minWidth: 200,\n minHeight: '$6',\n maxWidth: 265,\n color: '$hiContrast',\n '&:focus': {\n outline: 'none',\n },\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\nconst fillColorVariants: Record<number, CSS> = {\n 0: {\n fill: '$00dp',\n },\n 1: {\n fill: '$01dp',\n },\n 2: {\n fill: '$02dp',\n },\n 3: {\n fill: '$03dp',\n },\n 4: {\n fill: '$04dp',\n },\n 5: {\n fill: '$05dp',\n },\n};\n\nconst StyledArrow = styled(PopoverPrimitive.Arrow, {\n fill: 'currentColor',\n variants: {\n elevation: fillColorVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\ntype PopoverContentPrimitiveProps = Omit<\n React.ComponentProps<typeof PopoverPrimitive.Content>,\n 'as'\n>;\nexport type PopoverContentProps = PopoverContentPrimitiveProps &\n VariantProps<typeof StyledContent> & {\n css?: CSS;\n hideArrow?: boolean;\n arrowCss?: CSS;\n };\n\nexport const PopoverContent = React.forwardRef<\n React.ElementRef<typeof StyledContent>,\n PopoverContentProps\n>(({ children, hideArrow, arrowCss, elevation, ...props }, fowardedRef) => (\n <StyledContent sideOffset={0} elevation={elevation} {...props} ref={fowardedRef}>\n {children}\n {!hideArrow && (\n <StyledArrow elevation={elevation} width={11} height={5} offset={5} css={arrowCss} />\n )}\n </StyledContent>\n));\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverClose = PopoverPrimitive.Close;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverPortal = PopoverPrimitive.Portal;\n"],"mappings":";;;;;;;;;;AAYA,SAAgB,QAAQ,EAAE,UAAU,GAAG,SAAuB;~~AAC5D~~,~~QAAO~~,iBAAA,GAAA,kBAAA,KAAC,wBAAiB,MAAlB;EAAuB,GAAI;EAAQ;EAAiC,CAAA;;AAG7E,IAAM,gBAAgB,wBAAA,OAAO,wBAAiB,SAAS,cAAA,aAAa;CAClE,UAAU;CACV,WAAW;CACX,UAAU;CACV,OAAO;CACP,WAAW,EACT,SAAS,QACV;CACD,UAAU,EACR,WAAW,kBAAA,mBACZ;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAuBF,IAAM,cAAc,wBAAA,OAAO,wBAAiB,OAAO;CACjD,MAAM;CACN,UAAU,EACR,WAAW;EAvBb,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EAMY,EACZ;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAaF,IAAa,iBAAiB,MAAA,QAAM,YAGjC,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,SAAS,gBACzD,iBAAA,GAAA,kBAAA,MAAC,eAAD;CAAe,YAAY;CAAc;CAAW,GAAI;CAAO,KAAK;WAApE,CACG,UACA,CAAC,aACA,iBAAA,GAAA,kBAAA,KAAC,aAAD;EAAwB;EAAW,OAAO;EAAI,QAAQ;EAAG,QAAQ;EAAG,KAAK;EAAY,CAAA,CAEzE;GAChB;AAEF,IAAa,iBAAiB,wBAAiB;AAC/C,IAAa,eAAe,wBAAiB;AAC7C,IAAa,gBAAgB,wBAAiB;AAC9C,IAAa,gBAAgB,wBAAiB"}
1	+ {"version":3,"file":"Popover.cjs","names":[],"sources":["../../../components/Popover/Popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\nimport { panelStyles } from '../Panel';\n\nexport type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root> & {\n children: React.ReactNode;\n};\nexport type PopoverVariants = VariantProps<typeof Popover>;\n\nexport function Popover({ children, ...props }: PopoverProps) {\n return <PopoverPrimitive.Root {...props}>{children}</PopoverPrimitive.Root>;\n}\n\nconst StyledContent = styled(PopoverPrimitive.Content, panelStyles, {\n minWidth: 200,\n minHeight: '$6',\n maxWidth: 265,\n color: '$hiContrast',\n '&:focus': {\n outline: 'none',\n },\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\nconst fillColorVariants: Record<number, CSS> = {\n 0: {\n fill: '$00dp',\n },\n 1: {\n fill: '$01dp',\n },\n 2: {\n fill: '$02dp',\n },\n 3: {\n fill: '$03dp',\n },\n 4: {\n fill: '$04dp',\n },\n 5: {\n fill: '$05dp',\n },\n};\n\nconst StyledArrow = styled(PopoverPrimitive.Arrow, {\n fill: 'currentColor',\n variants: {\n elevation: fillColorVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\ntype PopoverContentPrimitiveProps = Omit<\n React.ComponentProps<typeof PopoverPrimitive.Content>,\n 'as'\n>;\nexport type PopoverContentProps = PopoverContentPrimitiveProps &\n VariantProps<typeof StyledContent> & {\n css?: CSS;\n hideArrow?: boolean;\n arrowCss?: CSS;\n };\n\nexport const PopoverContent = React.forwardRef<\n React.ElementRef<typeof StyledContent>,\n PopoverContentProps\n>(({ children, hideArrow, arrowCss, elevation, ...props }, fowardedRef) => (\n <StyledContent sideOffset={0} elevation={elevation} {...props} ref={fowardedRef}>\n {children}\n {!hideArrow && (\n <StyledArrow elevation={elevation} width={11} height={5} offset={5} css={arrowCss} />\n )}\n </StyledContent>\n));\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverClose = PopoverPrimitive.Close;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverPortal = PopoverPrimitive.Portal;\n"],"mappings":";;;;;;;;;;AAYA,SAAgB,QAAQ,EAAE,UAAU,GAAG,SAAuB;CAC5D,OAAO,iBAAA,GAAA,kBAAA,KAAC,wBAAiB,MAAlB;EAAuB,GAAI;EAAQ;EAAiC,CAAA;;AAG7E,IAAM,gBAAgB,wBAAA,OAAO,wBAAiB,SAAS,cAAA,aAAa;CAClE,UAAU;CACV,WAAW;CACX,UAAU;CACV,OAAO;CACP,WAAW,EACT,SAAS,QACV;CACD,UAAU,EACR,WAAW,kBAAA,mBACZ;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAuBF,IAAM,cAAc,wBAAA,OAAO,wBAAiB,OAAO;CACjD,MAAM;CACN,UAAU,EACR,WAAW;EAvBb,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EAMY,EACZ;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAaF,IAAa,iBAAiB,MAAA,QAAM,YAGjC,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,SAAS,gBACzD,iBAAA,GAAA,kBAAA,MAAC,eAAD;CAAe,YAAY;CAAc;CAAW,GAAI;CAAO,KAAK;WAApE,CACG,UACA,CAAC,aACA,iBAAA,GAAA,kBAAA,KAAC,aAAD;EAAwB;EAAW,OAAO;EAAI,QAAQ;EAAG,QAAQ;EAAG,KAAK;EAAY,CAAA,CAEzE;GAChB;AAEF,IAAa,iBAAiB,wBAAiB;AAC/C,IAAa,eAAe,wBAAiB;AAC7C,IAAa,gBAAgB,wBAAiB;AAC9C,IAAa,gBAAgB,wBAAiB"}

package/dist/components/Popover/Popover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.js","names":[],"sources":["../../../components/Popover/Popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\nimport { panelStyles } from '../Panel';\n\nexport type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root> & {\n children: React.ReactNode;\n};\nexport type PopoverVariants = VariantProps<typeof Popover>;\n\nexport function Popover({ children, ...props }: PopoverProps) {\n return <PopoverPrimitive.Root {...props}>{children}</PopoverPrimitive.Root>;\n}\n\nconst StyledContent = styled(PopoverPrimitive.Content, panelStyles, {\n minWidth: 200,\n minHeight: '$6',\n maxWidth: 265,\n color: '$hiContrast',\n '&:focus': {\n outline: 'none',\n },\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\nconst fillColorVariants: Record<number, CSS> = {\n 0: {\n fill: '$00dp',\n },\n 1: {\n fill: '$01dp',\n },\n 2: {\n fill: '$02dp',\n },\n 3: {\n fill: '$03dp',\n },\n 4: {\n fill: '$04dp',\n },\n 5: {\n fill: '$05dp',\n },\n};\n\nconst StyledArrow = styled(PopoverPrimitive.Arrow, {\n fill: 'currentColor',\n variants: {\n elevation: fillColorVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\ntype PopoverContentPrimitiveProps = Omit<\n React.ComponentProps<typeof PopoverPrimitive.Content>,\n 'as'\n>;\nexport type PopoverContentProps = PopoverContentPrimitiveProps &\n VariantProps<typeof StyledContent> & {\n css?: CSS;\n hideArrow?: boolean;\n arrowCss?: CSS;\n };\n\nexport const PopoverContent = React.forwardRef<\n React.ElementRef<typeof StyledContent>,\n PopoverContentProps\n>(({ children, hideArrow, arrowCss, elevation, ...props }, fowardedRef) => (\n <StyledContent sideOffset={0} elevation={elevation} {...props} ref={fowardedRef}>\n {children}\n {!hideArrow && (\n <StyledArrow elevation={elevation} width={11} height={5} offset={5} css={arrowCss} />\n )}\n </StyledContent>\n));\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverClose = PopoverPrimitive.Close;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverPortal = PopoverPrimitive.Portal;\n"],"mappings":";;;;;;;AAYA,SAAgB,QAAQ,EAAE,UAAU,GAAG,SAAuB;~~AAC5D~~,~~QAAO~~,oBAAC,iBAAiB,MAAlB;EAAuB,GAAI;EAAQ;EAAiC,CAAA;;AAG7E,IAAM,gBAAgB,OAAO,iBAAiB,SAAS,aAAa;CAClE,UAAU;CACV,WAAW;CACX,UAAU;CACV,OAAO;CACP,WAAW,EACT,SAAS,QACV;CACD,UAAU,EACR,WAAW,mBACZ;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAuBF,IAAM,cAAc,OAAO,iBAAiB,OAAO;CACjD,MAAM;CACN,UAAU,EACR,WAAW;EAvBb,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EAMY,EACZ;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAaF,IAAa,iBAAiB,MAAM,YAGjC,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,SAAS,gBACzD,qBAAC,eAAD;CAAe,YAAY;CAAc;CAAW,GAAI;CAAO,KAAK;WAApE,CACG,UACA,CAAC,aACA,oBAAC,aAAD;EAAwB;EAAW,OAAO;EAAI,QAAQ;EAAG,QAAQ;EAAG,KAAK;EAAY,CAAA,CAEzE;GAChB;AAEF,IAAa,iBAAiB,iBAAiB;AAC/C,IAAa,eAAe,iBAAiB;AAC7C,IAAa,gBAAgB,iBAAiB;AAC9C,IAAa,gBAAgB,iBAAiB"}
1	+ {"version":3,"file":"Popover.js","names":[],"sources":["../../../components/Popover/Popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\nimport { panelStyles } from '../Panel';\n\nexport type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root> & {\n children: React.ReactNode;\n};\nexport type PopoverVariants = VariantProps<typeof Popover>;\n\nexport function Popover({ children, ...props }: PopoverProps) {\n return <PopoverPrimitive.Root {...props}>{children}</PopoverPrimitive.Root>;\n}\n\nconst StyledContent = styled(PopoverPrimitive.Content, panelStyles, {\n minWidth: 200,\n minHeight: '$6',\n maxWidth: 265,\n color: '$hiContrast',\n '&:focus': {\n outline: 'none',\n },\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\nconst fillColorVariants: Record<number, CSS> = {\n 0: {\n fill: '$00dp',\n },\n 1: {\n fill: '$01dp',\n },\n 2: {\n fill: '$02dp',\n },\n 3: {\n fill: '$03dp',\n },\n 4: {\n fill: '$04dp',\n },\n 5: {\n fill: '$05dp',\n },\n};\n\nconst StyledArrow = styled(PopoverPrimitive.Arrow, {\n fill: 'currentColor',\n variants: {\n elevation: fillColorVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\ntype PopoverContentPrimitiveProps = Omit<\n React.ComponentProps<typeof PopoverPrimitive.Content>,\n 'as'\n>;\nexport type PopoverContentProps = PopoverContentPrimitiveProps &\n VariantProps<typeof StyledContent> & {\n css?: CSS;\n hideArrow?: boolean;\n arrowCss?: CSS;\n };\n\nexport const PopoverContent = React.forwardRef<\n React.ElementRef<typeof StyledContent>,\n PopoverContentProps\n>(({ children, hideArrow, arrowCss, elevation, ...props }, fowardedRef) => (\n <StyledContent sideOffset={0} elevation={elevation} {...props} ref={fowardedRef}>\n {children}\n {!hideArrow && (\n <StyledArrow elevation={elevation} width={11} height={5} offset={5} css={arrowCss} />\n )}\n </StyledContent>\n));\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverClose = PopoverPrimitive.Close;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverPortal = PopoverPrimitive.Portal;\n"],"mappings":";;;;;;;AAYA,SAAgB,QAAQ,EAAE,UAAU,GAAG,SAAuB;CAC5D,OAAO,oBAAC,iBAAiB,MAAlB;EAAuB,GAAI;EAAQ;EAAiC,CAAA;;AAG7E,IAAM,gBAAgB,OAAO,iBAAiB,SAAS,aAAa;CAClE,UAAU;CACV,WAAW;CACX,UAAU;CACV,OAAO;CACP,WAAW,EACT,SAAS,QACV;CACD,UAAU,EACR,WAAW,mBACZ;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAuBF,IAAM,cAAc,OAAO,iBAAiB,OAAO;CACjD,MAAM;CACN,UAAU,EACR,WAAW;EAvBb,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EAMY,EACZ;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAaF,IAAa,iBAAiB,MAAM,YAGjC,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,SAAS,gBACzD,qBAAC,eAAD;CAAe,YAAY;CAAc;CAAW,GAAI;CAAO,KAAK;WAApE,CACG,UACA,CAAC,aACA,oBAAC,aAAD;EAAwB;EAAW,OAAO;EAAI,QAAQ;EAAG,QAAQ;EAAG,KAAK;EAAY,CAAA,CAEzE;GAChB;AAEF,IAAa,iBAAiB,iBAAiB;AAC/C,IAAa,eAAe,iBAAiB;AAC7C,IAAa,gBAAgB,iBAAiB;AAC9C,IAAa,gBAAgB,iBAAiB"}

package/dist/components/Radio/Radio.themes.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Radio.themes.cjs","names":[],"sources":["../../../components/Radio/Radio.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nexport namespace Theme {\n type Colors = {\n radioBorder: Property.Color;\n radioHoverBg: Property.Color;\n radioHoverBorder: Property.Color;\n radioFocusBorder: Property.Color;\n radioDisabledBg: Property.Color;\n radioDisabledBorder: Property.Color;\n radioIndicatorDisabledBg: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = (primaryColor) => ({\n radioIndicator: '$primary',\n radioBorder: '$grayBlue9',\n radioHoverBg: 'transparent',\n radioHoverBorder: '$primary',\n radioFocusBorder: '$primary',\n radioDisabledBg: '$deepBlue3',\n radioDisabledBorder: '$deepBlue5',\n radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n });\n\n export const getDark: Factory = (primaryColor) => ({\n radioIndicator: '$primary',\n radioBorder: '$grayBlue9',\n radioHoverBg: '$deepBlue3',\n radioHoverBorder: '$primary',\n radioFocusBorder: '$primary',\n radioDisabledBg: '$deepBlue3',\n radioDisabledBorder: '$deepBlue4',\n radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n });\n}\n"],"mappings":";;;;AAIO,IAAA;;~~AAaQ~~,~~QAAA~~,YAAqB,kBAAkB;EAClD,gBAAgB;EAChB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;EACrB,2BAAA,GAAA,WAAA,SAAoC,aAAa,MAAM,CAAC,SAAS,GAAI,CAAC,aAAa;EACpF;~~AAEY~~,~~QAAA~~,WAAoB,kBAAkB;EACjD,gBAAgB;EAChB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;EACrB,2BAAA,GAAA,WAAA,SAAoC,aAAa,MAAM,CAAC,SAAS,GAAI,CAAC,aAAa;EACpF;yBACF"}
1	+ {"version":3,"file":"Radio.themes.cjs","names":[],"sources":["../../../components/Radio/Radio.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nexport namespace Theme {\n type Colors = {\n radioBorder: Property.Color;\n radioHoverBg: Property.Color;\n radioHoverBorder: Property.Color;\n radioFocusBorder: Property.Color;\n radioDisabledBg: Property.Color;\n radioDisabledBorder: Property.Color;\n radioIndicatorDisabledBg: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = (primaryColor) => ({\n radioIndicator: '$primary',\n radioBorder: '$grayBlue9',\n radioHoverBg: 'transparent',\n radioHoverBorder: '$primary',\n radioFocusBorder: '$primary',\n radioDisabledBg: '$deepBlue3',\n radioDisabledBorder: '$deepBlue5',\n radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n });\n\n export const getDark: Factory = (primaryColor) => ({\n radioIndicator: '$primary',\n radioBorder: '$grayBlue9',\n radioHoverBg: '$deepBlue3',\n radioHoverBorder: '$primary',\n radioFocusBorder: '$primary',\n radioDisabledBg: '$deepBlue3',\n radioDisabledBorder: '$deepBlue4',\n radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n });\n}\n"],"mappings":";;;;AAIO,IAAA;;CAaQ,OAAA,YAAqB,kBAAkB;EAClD,gBAAgB;EAChB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;EACrB,2BAAA,GAAA,WAAA,SAAoC,aAAa,MAAM,CAAC,SAAS,GAAI,CAAC,aAAa;EACpF;CAEY,OAAA,WAAoB,kBAAkB;EACjD,gBAAgB;EAChB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;EACrB,2BAAA,GAAA,WAAA,SAAoC,aAAa,MAAM,CAAC,SAAS,GAAI,CAAC,aAAa;EACpF;yBACF"}

package/dist/components/Radio/Radio.themes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Radio.themes.js","names":[],"sources":["../../../components/Radio/Radio.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nexport namespace Theme {\n type Colors = {\n radioBorder: Property.Color;\n radioHoverBg: Property.Color;\n radioHoverBorder: Property.Color;\n radioFocusBorder: Property.Color;\n radioDisabledBg: Property.Color;\n radioDisabledBorder: Property.Color;\n radioIndicatorDisabledBg: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = (primaryColor) => ({\n radioIndicator: '$primary',\n radioBorder: '$grayBlue9',\n radioHoverBg: 'transparent',\n radioHoverBorder: '$primary',\n radioFocusBorder: '$primary',\n radioDisabledBg: '$deepBlue3',\n radioDisabledBorder: '$deepBlue5',\n radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n });\n\n export const getDark: Factory = (primaryColor) => ({\n radioIndicator: '$primary',\n radioBorder: '$grayBlue9',\n radioHoverBg: '$deepBlue3',\n radioHoverBorder: '$primary',\n radioFocusBorder: '$primary',\n radioDisabledBg: '$deepBlue3',\n radioDisabledBorder: '$deepBlue4',\n radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n });\n}\n"],"mappings":";;AAIO,IAAA;;~~AAaQ~~,~~QAAA~~,YAAqB,kBAAkB;EAClD,gBAAgB;EAChB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;EACrB,0BAA0B,UAAU,aAAa,MAAM,CAAC,SAAS,GAAI,CAAC,aAAa;EACpF;~~AAEY~~,~~QAAA~~,WAAoB,kBAAkB;EACjD,gBAAgB;EAChB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;EACrB,0BAA0B,UAAU,aAAa,MAAM,CAAC,SAAS,GAAI,CAAC,aAAa;EACpF;yBACF"}
1	+ {"version":3,"file":"Radio.themes.js","names":[],"sources":["../../../components/Radio/Radio.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nexport namespace Theme {\n type Colors = {\n radioBorder: Property.Color;\n radioHoverBg: Property.Color;\n radioHoverBorder: Property.Color;\n radioFocusBorder: Property.Color;\n radioDisabledBg: Property.Color;\n radioDisabledBorder: Property.Color;\n radioIndicatorDisabledBg: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = (primaryColor) => ({\n radioIndicator: '$primary',\n radioBorder: '$grayBlue9',\n radioHoverBg: 'transparent',\n radioHoverBorder: '$primary',\n radioFocusBorder: '$primary',\n radioDisabledBg: '$deepBlue3',\n radioDisabledBorder: '$deepBlue5',\n radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n });\n\n export const getDark: Factory = (primaryColor) => ({\n radioIndicator: '$primary',\n radioBorder: '$grayBlue9',\n radioHoverBg: '$deepBlue3',\n radioHoverBorder: '$primary',\n radioFocusBorder: '$primary',\n radioDisabledBg: '$deepBlue3',\n radioDisabledBorder: '$deepBlue4',\n radioIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n });\n}\n"],"mappings":";;AAIO,IAAA;;CAaQ,OAAA,YAAqB,kBAAkB;EAClD,gBAAgB;EAChB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;EACrB,0BAA0B,UAAU,aAAa,MAAM,CAAC,SAAS,GAAI,CAAC,aAAa;EACpF;CAEY,OAAA,WAAoB,kBAAkB;EACjD,gBAAgB;EAChB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;EACrB,0BAA0B,UAAU,aAAa,MAAM,CAAC,SAAS,GAAI,CAAC,aAAa;EACpF;yBACF"}

package/dist/components/RadioAccordion/RadioAccordion.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioAccordion.cjs","names":[],"sources":["../../../components/RadioAccordion/RadioAccordion.tsx"],"sourcesContent":["import type { AccordionSingleProps } from '@radix-ui/react-accordion';\nimport React, { ComponentProps } from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport {\n AccordionContent,\n AccordionItem,\n AccordionRoot,\n AccordionTriggerProps,\n StyledAccordionHeader,\n StyledAccordionTrigger,\n} from '../Accordion';\nimport { INDICATOR_BASE_STYLES, RADIO_BASE_STYLES } from '../Radio';\n\nexport interface RadioAccordionRootProps\n extends Omit<AccordionSingleProps, 'type' \| 'collapsible'>,\n Omit<VariantProps<typeof AccordionRoot>, 'type' \| 'collapsible'> {\n css?: CSS; // could not skipped\n}\n\nexport const RadioAccordionRoot: (props: RadioAccordionRootProps) => JSX.Element = (props) => (\n <AccordionRoot {...props} type=\"single\" collapsible={false} />\n);\n\nexport interface RadioAccordionItemProps\n extends ComponentProps<typeof AccordionItem>,\n VariantProps<typeof AccordionItem> {}\nexport const RadioAccordionItem = React.forwardRef<\n React.ElementRef<typeof AccordionItem>,\n RadioAccordionItemProps\n>(({ value, children, ...props }, forwardedRef) => {\n return (\n <AccordionItem\n value={value}\n ref={forwardedRef}\n css={{ display: 'inherit', flexDirection: 'column' }}\n {...props}\n >\n {children}\n </AccordionItem>\n );\n});\n\nconst StyledRadio = styled('div', RADIO_BASE_STYLES, {\n width: 18,\n height: 18,\n mr: '$2',\n '[data-state=open] > &': {\n backgroundColor: '$radioIndicator',\n },\n});\n\nconst StyledIndicator = styled('div', INDICATOR_BASE_STYLES);\n\nconst StyledRadioAccordionTrigger = styled(StyledAccordionTrigger, {\n '@hover': {\n '&:hover': {\n [`& ${StyledRadio}`]: {\n boxShadow: 'inset 0 0 0 1px $colors$radioHoverBorder',\n },\n },\n },\n});\n\nexport interface RadioAccordionTriggerProps extends AccordionTriggerProps {}\nexport const RadioAccordionTrigger = React.forwardRef<\n React.ElementRef<typeof StyledRadioAccordionTrigger>,\n RadioAccordionTriggerProps\n>(({ children, ...props }, ref) => {\n return (\n <StyledAccordionHeader>\n <StyledRadioAccordionTrigger ref={ref} {...props}>\n <StyledRadio>\n <StyledIndicator />\n </StyledRadio>\n {children}\n </StyledRadioAccordionTrigger>\n </StyledAccordionHeader>\n );\n});\n\nexport const RadioAccordionContent = AccordionContent;\n"],"mappings":";;;;;;;;AAoBA,IAAa,sBAAuE,UAClF,iBAAA,GAAA,kBAAA,KAAC,kBAAA,eAAD;CAAe,GAAI;CAAO,MAAK;CAAS,aAAa;CAAS,CAAA;AAMhE,IAAa,qBAAqB,MAAA,QAAM,YAGrC,EAAE,OAAO,UAAU,GAAG,SAAS,iBAAiB;~~AACjD~~,~~QACE~~,iBAAA,GAAA,kBAAA,KAAC,kBAAA,eAAD;EACS;EACP,KAAK;EACL,KAAK;GAAE,SAAS;GAAW,eAAe;GAAU;EACpD,GAAI;EAEH;EACa,CAAA;EAElB;AAEF,IAAM,cAAc,wBAAA,OAAO,OAAO,cAAA,mBAAmB;CACnD,OAAO;CACP,QAAQ;CACR,IAAI;CACJ,yBAAyB,EACvB,iBAAiB,mBAClB;CACF,CAAC;AAEF,IAAM,kBAAkB,wBAAA,OAAO,OAAO,cAAA,sBAAsB;AAE5D,IAAM,8BAA8B,wBAAA,OAAO,kBAAA,wBAAwB,EACjE,UAAU,EACR,WAAW,GACR,KAAK,gBAAgB,EACpB,WAAW,4CACZ,EACF,EACF,EACF,CAAC;AAGF,IAAa,wBAAwB,MAAA,QAAM,YAGxC,EAAE,UAAU,GAAG,SAAS,QAAQ;~~AACjC~~,~~QACE~~,iBAAA,GAAA,kBAAA,KAAC,kBAAA,uBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,MAAC,6BAAD;EAAkC;EAAK,GAAI;YAA3C,CACE,iBAAA,GAAA,kBAAA,KAAC,aAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,iBAAD,EAAmB,CAAA,EACP,CAAA,EACb,SAC2B;KACR,CAAA;EAE1B;AAEF,IAAa,wBAAwB,kBAAA"}
1	+ {"version":3,"file":"RadioAccordion.cjs","names":[],"sources":["../../../components/RadioAccordion/RadioAccordion.tsx"],"sourcesContent":["import type { AccordionSingleProps } from '@radix-ui/react-accordion';\nimport React, { ComponentProps } from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport {\n AccordionContent,\n AccordionItem,\n AccordionRoot,\n AccordionTriggerProps,\n StyledAccordionHeader,\n StyledAccordionTrigger,\n} from '../Accordion';\nimport { INDICATOR_BASE_STYLES, RADIO_BASE_STYLES } from '../Radio';\n\nexport interface RadioAccordionRootProps\n extends Omit<AccordionSingleProps, 'type' \| 'collapsible'>,\n Omit<VariantProps<typeof AccordionRoot>, 'type' \| 'collapsible'> {\n css?: CSS; // could not skipped\n}\n\nexport const RadioAccordionRoot: (props: RadioAccordionRootProps) => JSX.Element = (props) => (\n <AccordionRoot {...props} type=\"single\" collapsible={false} />\n);\n\nexport interface RadioAccordionItemProps\n extends ComponentProps<typeof AccordionItem>,\n VariantProps<typeof AccordionItem> {}\nexport const RadioAccordionItem = React.forwardRef<\n React.ElementRef<typeof AccordionItem>,\n RadioAccordionItemProps\n>(({ value, children, ...props }, forwardedRef) => {\n return (\n <AccordionItem\n value={value}\n ref={forwardedRef}\n css={{ display: 'inherit', flexDirection: 'column' }}\n {...props}\n >\n {children}\n </AccordionItem>\n );\n});\n\nconst StyledRadio = styled('div', RADIO_BASE_STYLES, {\n width: 18,\n height: 18,\n mr: '$2',\n '[data-state=open] > &': {\n backgroundColor: '$radioIndicator',\n },\n});\n\nconst StyledIndicator = styled('div', INDICATOR_BASE_STYLES);\n\nconst StyledRadioAccordionTrigger = styled(StyledAccordionTrigger, {\n '@hover': {\n '&:hover': {\n [`& ${StyledRadio}`]: {\n boxShadow: 'inset 0 0 0 1px $colors$radioHoverBorder',\n },\n },\n },\n});\n\nexport interface RadioAccordionTriggerProps extends AccordionTriggerProps {}\nexport const RadioAccordionTrigger = React.forwardRef<\n React.ElementRef<typeof StyledRadioAccordionTrigger>,\n RadioAccordionTriggerProps\n>(({ children, ...props }, ref) => {\n return (\n <StyledAccordionHeader>\n <StyledRadioAccordionTrigger ref={ref} {...props}>\n <StyledRadio>\n <StyledIndicator />\n </StyledRadio>\n {children}\n </StyledRadioAccordionTrigger>\n </StyledAccordionHeader>\n );\n});\n\nexport const RadioAccordionContent = AccordionContent;\n"],"mappings":";;;;;;;;AAoBA,IAAa,sBAAuE,UAClF,iBAAA,GAAA,kBAAA,KAAC,kBAAA,eAAD;CAAe,GAAI;CAAO,MAAK;CAAS,aAAa;CAAS,CAAA;AAMhE,IAAa,qBAAqB,MAAA,QAAM,YAGrC,EAAE,OAAO,UAAU,GAAG,SAAS,iBAAiB;CACjD,OACE,iBAAA,GAAA,kBAAA,KAAC,kBAAA,eAAD;EACS;EACP,KAAK;EACL,KAAK;GAAE,SAAS;GAAW,eAAe;GAAU;EACpD,GAAI;EAEH;EACa,CAAA;EAElB;AAEF,IAAM,cAAc,wBAAA,OAAO,OAAO,cAAA,mBAAmB;CACnD,OAAO;CACP,QAAQ;CACR,IAAI;CACJ,yBAAyB,EACvB,iBAAiB,mBAClB;CACF,CAAC;AAEF,IAAM,kBAAkB,wBAAA,OAAO,OAAO,cAAA,sBAAsB;AAE5D,IAAM,8BAA8B,wBAAA,OAAO,kBAAA,wBAAwB,EACjE,UAAU,EACR,WAAW,GACR,KAAK,gBAAgB,EACpB,WAAW,4CACZ,EACF,EACF,EACF,CAAC;AAGF,IAAa,wBAAwB,MAAA,QAAM,YAGxC,EAAE,UAAU,GAAG,SAAS,QAAQ;CACjC,OACE,iBAAA,GAAA,kBAAA,KAAC,kBAAA,uBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,MAAC,6BAAD;EAAkC;EAAK,GAAI;YAA3C,CACE,iBAAA,GAAA,kBAAA,KAAC,aAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,iBAAD,EAAmB,CAAA,EACP,CAAA,EACb,SAC2B;KACR,CAAA;EAE1B;AAEF,IAAa,wBAAwB,kBAAA"}

package/dist/components/RadioAccordion/RadioAccordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioAccordion.js","names":[],"sources":["../../../components/RadioAccordion/RadioAccordion.tsx"],"sourcesContent":["import type { AccordionSingleProps } from '@radix-ui/react-accordion';\nimport React, { ComponentProps } from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport {\n AccordionContent,\n AccordionItem,\n AccordionRoot,\n AccordionTriggerProps,\n StyledAccordionHeader,\n StyledAccordionTrigger,\n} from '../Accordion';\nimport { INDICATOR_BASE_STYLES, RADIO_BASE_STYLES } from '../Radio';\n\nexport interface RadioAccordionRootProps\n extends Omit<AccordionSingleProps, 'type' \| 'collapsible'>,\n Omit<VariantProps<typeof AccordionRoot>, 'type' \| 'collapsible'> {\n css?: CSS; // could not skipped\n}\n\nexport const RadioAccordionRoot: (props: RadioAccordionRootProps) => JSX.Element = (props) => (\n <AccordionRoot {...props} type=\"single\" collapsible={false} />\n);\n\nexport interface RadioAccordionItemProps\n extends ComponentProps<typeof AccordionItem>,\n VariantProps<typeof AccordionItem> {}\nexport const RadioAccordionItem = React.forwardRef<\n React.ElementRef<typeof AccordionItem>,\n RadioAccordionItemProps\n>(({ value, children, ...props }, forwardedRef) => {\n return (\n <AccordionItem\n value={value}\n ref={forwardedRef}\n css={{ display: 'inherit', flexDirection: 'column' }}\n {...props}\n >\n {children}\n </AccordionItem>\n );\n});\n\nconst StyledRadio = styled('div', RADIO_BASE_STYLES, {\n width: 18,\n height: 18,\n mr: '$2',\n '[data-state=open] > &': {\n backgroundColor: '$radioIndicator',\n },\n});\n\nconst StyledIndicator = styled('div', INDICATOR_BASE_STYLES);\n\nconst StyledRadioAccordionTrigger = styled(StyledAccordionTrigger, {\n '@hover': {\n '&:hover': {\n [`& ${StyledRadio}`]: {\n boxShadow: 'inset 0 0 0 1px $colors$radioHoverBorder',\n },\n },\n },\n});\n\nexport interface RadioAccordionTriggerProps extends AccordionTriggerProps {}\nexport const RadioAccordionTrigger = React.forwardRef<\n React.ElementRef<typeof StyledRadioAccordionTrigger>,\n RadioAccordionTriggerProps\n>(({ children, ...props }, ref) => {\n return (\n <StyledAccordionHeader>\n <StyledRadioAccordionTrigger ref={ref} {...props}>\n <StyledRadio>\n <StyledIndicator />\n </StyledRadio>\n {children}\n </StyledRadioAccordionTrigger>\n </StyledAccordionHeader>\n );\n});\n\nexport const RadioAccordionContent = AccordionContent;\n"],"mappings":";;;;;;AAoBA,IAAa,sBAAuE,UAClF,oBAAC,eAAD;CAAe,GAAI;CAAO,MAAK;CAAS,aAAa;CAAS,CAAA;AAMhE,IAAa,qBAAqB,MAAM,YAGrC,EAAE,OAAO,UAAU,GAAG,SAAS,iBAAiB;~~AACjD~~,~~QACE~~,oBAAC,eAAD;EACS;EACP,KAAK;EACL,KAAK;GAAE,SAAS;GAAW,eAAe;GAAU;EACpD,GAAI;EAEH;EACa,CAAA;EAElB;AAEF,IAAM,cAAc,OAAO,OAAO,mBAAmB;CACnD,OAAO;CACP,QAAQ;CACR,IAAI;CACJ,yBAAyB,EACvB,iBAAiB,mBAClB;CACF,CAAC;AAEF,IAAM,kBAAkB,OAAO,OAAO,sBAAsB;AAE5D,IAAM,8BAA8B,OAAO,wBAAwB,EACjE,UAAU,EACR,WAAW,GACR,KAAK,gBAAgB,EACpB,WAAW,4CACZ,EACF,EACF,EACF,CAAC;AAGF,IAAa,wBAAwB,MAAM,YAGxC,EAAE,UAAU,GAAG,SAAS,QAAQ;~~AACjC~~,~~QACE~~,oBAAC,uBAAD,EAAA,UACE,qBAAC,6BAAD;EAAkC;EAAK,GAAI;YAA3C,CACE,oBAAC,aAAD,EAAA,UACE,oBAAC,iBAAD,EAAmB,CAAA,EACP,CAAA,EACb,SAC2B;KACR,CAAA;EAE1B;AAEF,IAAa,wBAAwB"}
1	+ {"version":3,"file":"RadioAccordion.js","names":[],"sources":["../../../components/RadioAccordion/RadioAccordion.tsx"],"sourcesContent":["import type { AccordionSingleProps } from '@radix-ui/react-accordion';\nimport React, { ComponentProps } from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport {\n AccordionContent,\n AccordionItem,\n AccordionRoot,\n AccordionTriggerProps,\n StyledAccordionHeader,\n StyledAccordionTrigger,\n} from '../Accordion';\nimport { INDICATOR_BASE_STYLES, RADIO_BASE_STYLES } from '../Radio';\n\nexport interface RadioAccordionRootProps\n extends Omit<AccordionSingleProps, 'type' \| 'collapsible'>,\n Omit<VariantProps<typeof AccordionRoot>, 'type' \| 'collapsible'> {\n css?: CSS; // could not skipped\n}\n\nexport const RadioAccordionRoot: (props: RadioAccordionRootProps) => JSX.Element = (props) => (\n <AccordionRoot {...props} type=\"single\" collapsible={false} />\n);\n\nexport interface RadioAccordionItemProps\n extends ComponentProps<typeof AccordionItem>,\n VariantProps<typeof AccordionItem> {}\nexport const RadioAccordionItem = React.forwardRef<\n React.ElementRef<typeof AccordionItem>,\n RadioAccordionItemProps\n>(({ value, children, ...props }, forwardedRef) => {\n return (\n <AccordionItem\n value={value}\n ref={forwardedRef}\n css={{ display: 'inherit', flexDirection: 'column' }}\n {...props}\n >\n {children}\n </AccordionItem>\n );\n});\n\nconst StyledRadio = styled('div', RADIO_BASE_STYLES, {\n width: 18,\n height: 18,\n mr: '$2',\n '[data-state=open] > &': {\n backgroundColor: '$radioIndicator',\n },\n});\n\nconst StyledIndicator = styled('div', INDICATOR_BASE_STYLES);\n\nconst StyledRadioAccordionTrigger = styled(StyledAccordionTrigger, {\n '@hover': {\n '&:hover': {\n [`& ${StyledRadio}`]: {\n boxShadow: 'inset 0 0 0 1px $colors$radioHoverBorder',\n },\n },\n },\n});\n\nexport interface RadioAccordionTriggerProps extends AccordionTriggerProps {}\nexport const RadioAccordionTrigger = React.forwardRef<\n React.ElementRef<typeof StyledRadioAccordionTrigger>,\n RadioAccordionTriggerProps\n>(({ children, ...props }, ref) => {\n return (\n <StyledAccordionHeader>\n <StyledRadioAccordionTrigger ref={ref} {...props}>\n <StyledRadio>\n <StyledIndicator />\n </StyledRadio>\n {children}\n </StyledRadioAccordionTrigger>\n </StyledAccordionHeader>\n );\n});\n\nexport const RadioAccordionContent = AccordionContent;\n"],"mappings":";;;;;;AAoBA,IAAa,sBAAuE,UAClF,oBAAC,eAAD;CAAe,GAAI;CAAO,MAAK;CAAS,aAAa;CAAS,CAAA;AAMhE,IAAa,qBAAqB,MAAM,YAGrC,EAAE,OAAO,UAAU,GAAG,SAAS,iBAAiB;CACjD,OACE,oBAAC,eAAD;EACS;EACP,KAAK;EACL,KAAK;GAAE,SAAS;GAAW,eAAe;GAAU;EACpD,GAAI;EAEH;EACa,CAAA;EAElB;AAEF,IAAM,cAAc,OAAO,OAAO,mBAAmB;CACnD,OAAO;CACP,QAAQ;CACR,IAAI;CACJ,yBAAyB,EACvB,iBAAiB,mBAClB;CACF,CAAC;AAEF,IAAM,kBAAkB,OAAO,OAAO,sBAAsB;AAE5D,IAAM,8BAA8B,OAAO,wBAAwB,EACjE,UAAU,EACR,WAAW,GACR,KAAK,gBAAgB,EACpB,WAAW,4CACZ,EACF,EACF,EACF,CAAC;AAGF,IAAa,wBAAwB,MAAM,YAGxC,EAAE,UAAU,GAAG,SAAS,QAAQ;CACjC,OACE,oBAAC,uBAAD,EAAA,UACE,qBAAC,6BAAD;EAAkC;EAAK,GAAI;YAA3C,CACE,oBAAC,aAAD,EAAA,UACE,oBAAC,iBAAD,EAAmB,CAAA,EACP,CAAA,EACb,SAC2B;KACR,CAAA;EAE1B;AAEF,IAAa,wBAAwB"}

package/dist/components/Select/Select.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.cjs","names":[],"sources":["../../../components/Select/Select.tsx"],"sourcesContent":["import { CaretSortIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\n// CONSTANTS\nconst FOCUS_SHADOW = elevationVariants[1].boxShadow; // apply elevation $1 when focus\nconst CARET_WIDTH = '15px';\n\nconst StyledCaretSortIcon = styled(CaretSortIcon, {\n position: 'absolute',\n pointerEvents: 'none',\n display: 'inline',\n\n variants: {\n // Use margins instead of top/left to avoid setting \"position: relative\" on parent,\n // which would make stacking context tricky with Select used in a control group.\n size: {\n small: {\n marginTop: 5,\n marginLeft: -16,\n },\n medium: {\n marginTop: 9,\n marginLeft: -16,\n },\n large: {\n marginTop: 13,\n marginLeft: -16,\n },\n },\n cursor: {\n default: {\n cursor: 'default',\n '&:focus': {\n cursor: 'text',\n },\n },\n text: {\n cursor: 'text',\n },\n },\n },\n defaultVariants: {\n size: 'medium',\n },\n});\n\nconst StyledSelect = styled('select', {\n appearance: 'none',\n backgroundColor: 'transparent',\n border: 'none',\n borderRadius: 'inherit',\n color: 'inherit',\n font: 'inherit',\n outline: 'none',\n width: '100%',\n height: '100%',\n pl: '$1',\n pr: '$3',\n lineHeight: '25px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n\n '& option': {\n color: 'black',\n bc: 'white',\n },\n\n '&:focus-visible': {\n boxShadow: `inset 0 0 0 2px $colors$selectFocusBorder, ${FOCUS_SHADOW}`,\n },\n\n '&:disabled': {\n pointerEvents: 'none',\n color: '$selectDisabledText',\n },\n});\n\nconst SelectWrapper = styled('div', {\n position: 'relative',\n backgroundColor: '$selectBg',\n borderRadius: '$2',\n boxShadow: 'inset 0 0 0 1px $colors$selectBorder',\n color: '$selectText',\n fontFamily: '$rubik',\n fontSize: '$1',\n fontVariantNumeric: 'tabular-nums',\n fontWeight: '$regular',\n height: '$5',\n flexShrink: 0,\n\n '&::before': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n pointerEvents: 'none',\n borderRadius: 'inherit',\n },\n '&::after': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n pointerEvents: 'none',\n borderRadius: 'inherit',\n },\n\n '&:focus-visible': {\n '&::before': {\n backgroundColor: '$selectFocusBg',\n },\n '&::after': {\n backgroundColor: '$primary',\n opacity: 0.15,\n },\n },\n\n '@hover': {\n '&:hover': {\n '&::before': {\n backgroundColor: '$selectHoverBg',\n },\n '&::after': {\n backgroundColor: '$primary',\n opacity: 0.05,\n },\n },\n },\n\n variants: {\n disabled: {\n true: {\n opacity: 0.7,\n color: '$selectDisabledText',\n '@hover': {\n '&:hover': {\n '&::before': {\n display: 'none',\n },\n '&::after': {\n display: 'none',\n },\n },\n },\n },\n },\n size: {\n small: {\n borderRadius: '$2',\n height: '$5',\n fontSize: '$1',\n lineHeight: '$sizes$5',\n '&:-webkit-autofill::first-line': {\n fontSize: '$1',\n },\n [`& ${StyledSelect}`]: {\n pl: '$2',\n pr: `calc($2 + ${CARET_WIDTH})`,\n },\n [`& ${StyledCaretSortIcon}`]: {\n right: 'calc($2 / 2)',\n },\n },\n medium: {\n borderRadius: '$3',\n height: '$6',\n fontSize: '$3',\n lineHeight: '$sizes$6',\n '&:-webkit-autofill::first-line': {\n fontSize: '$3',\n },\n [`& ${StyledSelect}`]: {\n pl: '$3',\n pr: `calc($3 + ${CARET_WIDTH})`,\n },\n [`& ${StyledCaretSortIcon}`]: {\n right: 'calc($3 / 2)',\n },\n },\n large: {\n borderRadius: '$3',\n height: '$7',\n fontSize: '$3',\n lineHeight: '$sizes$7',\n '&:-webkit-autofill::first-line': {\n fontSize: '$3',\n },\n [`& ${StyledSelect}`]: {\n pl: '$3',\n pr: `calc($3 + ${CARET_WIDTH})`,\n },\n [`& ${StyledCaretSortIcon}`]: {\n right: 'calc($3 / 2)',\n },\n },\n },\n variant: {\n ghost: {\n boxShadow: 'none',\n backgroundColor: 'transparent',\n '@hover': {\n '&:hover': {\n boxShadow: 'inset 0 0 0 1px $colors$slateA7',\n backgroundColor: '$selectHoverBg',\n },\n },\n '&:focus-within': {\n backgroundColor: '$loContrast',\n boxShadow:\n 'inset 0px 0px 0px 1px $colors$selectFocusBorder, 0px 0px 0px 1px $colors$selectFocusBorder',\n },\n },\n },\n state: {\n invalid: {\n boxShadow: 'inset 0 0 0 1px $colors$selectInvalidBorder',\n '&:focus-visible': {\n boxShadow: `inset 0 0 0 2px $colors$selectInvalidBorder, ${FOCUS_SHADOW}`,\n },\n },\n },\n },\n defaultVariants: {\n size: 'medium',\n },\n});\n\nexport type SelectVariants = VariantProps<typeof StyledSelect> &\n VariantProps<typeof SelectWrapper> &\n VariantProps<typeof StyledCaretSortIcon>;\n\nexport type SelectProps = Omit<React.ComponentProps<typeof StyledSelect>, 'size'> &\n SelectVariants & { css?: CSS };\n\nexport const Select = React.forwardRef<React.ElementRef<typeof StyledSelect>, SelectProps>(\n ({ css, size, state, variant, cursor, ...props }, forwardedRef) => {\n return (\n <SelectWrapper\n css={css}\n size={size}\n state={state}\n variant={variant}\n disabled={props.disabled}\n >\n <StyledSelect ref={forwardedRef} {...props} />\n <StyledCaretSortIcon size={size} cursor={cursor} />\n </SelectWrapper>\n );\n }\n);\n\nSelect.toString = () => `.${SelectWrapper.className}`;\n"],"mappings":"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~~AACjE~~,~~QACE~~,iBAAA,GAAA,kBAAA,MAAC,eAAD;EACO;EACC;EACC;EACE;EACT,UAAU,MAAM;YALlB,CAOE,iBAAA,GAAA,kBAAA,KAAC,cAAD;GAAc,KAAK;GAAc,GAAI;GAAS,CAAA,EAC9C,iBAAA,GAAA,kBAAA,KAAC,qBAAD;GAA2B;GAAc;GAAU,CAAA,CACrC;;EAGrB;AAED,OAAO,iBAAiB,IAAI,cAAc"}
1	+ {"version":3,"file":"Select.cjs","names":[],"sources":["../../../components/Select/Select.tsx"],"sourcesContent":["import { CaretSortIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\n// CONSTANTS\nconst FOCUS_SHADOW = elevationVariants[1].boxShadow; // apply elevation $1 when focus\nconst CARET_WIDTH = '15px';\n\nconst StyledCaretSortIcon = styled(CaretSortIcon, {\n position: 'absolute',\n pointerEvents: 'none',\n display: 'inline',\n\n variants: {\n // Use margins instead of top/left to avoid setting \"position: relative\" on parent,\n // which would make stacking context tricky with Select used in a control group.\n size: {\n small: {\n marginTop: 5,\n marginLeft: -16,\n },\n medium: {\n marginTop: 9,\n marginLeft: -16,\n },\n large: {\n marginTop: 13,\n marginLeft: -16,\n },\n },\n cursor: {\n default: {\n cursor: 'default',\n '&:focus': {\n cursor: 'text',\n },\n },\n text: {\n cursor: 'text',\n },\n },\n },\n defaultVariants: {\n size: 'medium',\n },\n});\n\nconst StyledSelect = styled('select', {\n appearance: 'none',\n backgroundColor: 'transparent',\n border: 'none',\n borderRadius: 'inherit',\n color: 'inherit',\n font: 'inherit',\n outline: 'none',\n width: '100%',\n height: '100%',\n pl: '$1',\n pr: '$3',\n lineHeight: '25px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n\n '& option': {\n color: 'black',\n bc: 'white',\n },\n\n '&:focus-visible': {\n boxShadow: `inset 0 0 0 2px $colors$selectFocusBorder, ${FOCUS_SHADOW}`,\n },\n\n '&:disabled': {\n pointerEvents: 'none',\n color: '$selectDisabledText',\n },\n});\n\nconst SelectWrapper = styled('div', {\n position: 'relative',\n backgroundColor: '$selectBg',\n borderRadius: '$2',\n boxShadow: 'inset 0 0 0 1px $colors$selectBorder',\n color: '$selectText',\n fontFamily: '$rubik',\n fontSize: '$1',\n fontVariantNumeric: 'tabular-nums',\n fontWeight: '$regular',\n height: '$5',\n flexShrink: 0,\n\n '&::before': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n pointerEvents: 'none',\n borderRadius: 'inherit',\n },\n '&::after': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n pointerEvents: 'none',\n borderRadius: 'inherit',\n },\n\n '&:focus-visible': {\n '&::before': {\n backgroundColor: '$selectFocusBg',\n },\n '&::after': {\n backgroundColor: '$primary',\n opacity: 0.15,\n },\n },\n\n '@hover': {\n '&:hover': {\n '&::before': {\n backgroundColor: '$selectHoverBg',\n },\n '&::after': {\n backgroundColor: '$primary',\n opacity: 0.05,\n },\n },\n },\n\n variants: {\n disabled: {\n true: {\n opacity: 0.7,\n color: '$selectDisabledText',\n '@hover': {\n '&:hover': {\n '&::before': {\n display: 'none',\n },\n '&::after': {\n display: 'none',\n },\n },\n },\n },\n },\n size: {\n small: {\n borderRadius: '$2',\n height: '$5',\n fontSize: '$1',\n lineHeight: '$sizes$5',\n '&:-webkit-autofill::first-line': {\n fontSize: '$1',\n },\n [`& ${StyledSelect}`]: {\n pl: '$2',\n pr: `calc($2 + ${CARET_WIDTH})`,\n },\n [`& ${StyledCaretSortIcon}`]: {\n right: 'calc($2 / 2)',\n },\n },\n medium: {\n borderRadius: '$3',\n height: '$6',\n fontSize: '$3',\n lineHeight: '$sizes$6',\n '&:-webkit-autofill::first-line': {\n fontSize: '$3',\n },\n [`& ${StyledSelect}`]: {\n pl: '$3',\n pr: `calc($3 + ${CARET_WIDTH})`,\n },\n [`& ${StyledCaretSortIcon}`]: {\n right: 'calc($3 / 2)',\n },\n },\n large: {\n borderRadius: '$3',\n height: '$7',\n fontSize: '$3',\n lineHeight: '$sizes$7',\n '&:-webkit-autofill::first-line': {\n fontSize: '$3',\n },\n [`& ${StyledSelect}`]: {\n pl: '$3',\n pr: `calc($3 + ${CARET_WIDTH})`,\n },\n [`& ${StyledCaretSortIcon}`]: {\n right: 'calc($3 / 2)',\n },\n },\n },\n variant: {\n ghost: {\n boxShadow: 'none',\n backgroundColor: 'transparent',\n '@hover': {\n '&:hover': {\n boxShadow: 'inset 0 0 0 1px $colors$slateA7',\n backgroundColor: '$selectHoverBg',\n },\n },\n '&:focus-within': {\n backgroundColor: '$loContrast',\n boxShadow:\n 'inset 0px 0px 0px 1px $colors$selectFocusBorder, 0px 0px 0px 1px $colors$selectFocusBorder',\n },\n },\n },\n state: {\n invalid: {\n boxShadow: 'inset 0 0 0 1px $colors$selectInvalidBorder',\n '&:focus-visible': {\n boxShadow: `inset 0 0 0 2px $colors$selectInvalidBorder, ${FOCUS_SHADOW}`,\n },\n },\n },\n },\n defaultVariants: {\n size: 'medium',\n },\n});\n\nexport type SelectVariants = VariantProps<typeof StyledSelect> &\n VariantProps<typeof SelectWrapper> &\n VariantProps<typeof StyledCaretSortIcon>;\n\nexport type SelectProps = Omit<React.ComponentProps<typeof StyledSelect>, 'size'> &\n SelectVariants & { css?: CSS };\n\nexport const Select = React.forwardRef<React.ElementRef<typeof StyledSelect>, SelectProps>(\n ({ css, size, state, variant, cursor, ...props }, forwardedRef) => {\n return (\n <SelectWrapper\n css={css}\n size={size}\n state={state}\n variant={variant}\n disabled={props.disabled}\n >\n <StyledSelect ref={forwardedRef} {...props} />\n <StyledCaretSortIcon size={size} cursor={cursor} />\n </SelectWrapper>\n );\n }\n);\n\nSelect.toString = () => `.${SelectWrapper.className}`;\n"],"mappings":"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"}

package/dist/components/Select/Select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.js","names":[],"sources":["../../../components/Select/Select.tsx"],"sourcesContent":["import { CaretSortIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\n// CONSTANTS\nconst FOCUS_SHADOW = elevationVariants[1].boxShadow; // apply elevation $1 when focus\nconst CARET_WIDTH = '15px';\n\nconst StyledCaretSortIcon = styled(CaretSortIcon, {\n position: 'absolute',\n pointerEvents: 'none',\n display: 'inline',\n\n variants: {\n // Use margins instead of top/left to avoid setting \"position: relative\" on parent,\n // which would make stacking context tricky with Select used in a control group.\n size: {\n small: {\n marginTop: 5,\n marginLeft: -16,\n },\n medium: {\n marginTop: 9,\n marginLeft: -16,\n },\n large: {\n marginTop: 13,\n marginLeft: -16,\n },\n },\n cursor: {\n default: {\n cursor: 'default',\n '&:focus': {\n cursor: 'text',\n },\n },\n text: {\n cursor: 'text',\n },\n },\n },\n defaultVariants: {\n size: 'medium',\n },\n});\n\nconst StyledSelect = styled('select', {\n appearance: 'none',\n backgroundColor: 'transparent',\n border: 'none',\n borderRadius: 'inherit',\n color: 'inherit',\n font: 'inherit',\n outline: 'none',\n width: '100%',\n height: '100%',\n pl: '$1',\n pr: '$3',\n lineHeight: '25px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n\n '& option': {\n color: 'black',\n bc: 'white',\n },\n\n '&:focus-visible': {\n boxShadow: `inset 0 0 0 2px $colors$selectFocusBorder, ${FOCUS_SHADOW}`,\n },\n\n '&:disabled': {\n pointerEvents: 'none',\n color: '$selectDisabledText',\n },\n});\n\nconst SelectWrapper = styled('div', {\n position: 'relative',\n backgroundColor: '$selectBg',\n borderRadius: '$2',\n boxShadow: 'inset 0 0 0 1px $colors$selectBorder',\n color: '$selectText',\n fontFamily: '$rubik',\n fontSize: '$1',\n fontVariantNumeric: 'tabular-nums',\n fontWeight: '$regular',\n height: '$5',\n flexShrink: 0,\n\n '&::before': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n pointerEvents: 'none',\n borderRadius: 'inherit',\n },\n '&::after': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n pointerEvents: 'none',\n borderRadius: 'inherit',\n },\n\n '&:focus-visible': {\n '&::before': {\n backgroundColor: '$selectFocusBg',\n },\n '&::after': {\n backgroundColor: '$primary',\n opacity: 0.15,\n },\n },\n\n '@hover': {\n '&:hover': {\n '&::before': {\n backgroundColor: '$selectHoverBg',\n },\n '&::after': {\n backgroundColor: '$primary',\n opacity: 0.05,\n },\n },\n },\n\n variants: {\n disabled: {\n true: {\n opacity: 0.7,\n color: '$selectDisabledText',\n '@hover': {\n '&:hover': {\n '&::before': {\n display: 'none',\n },\n '&::after': {\n display: 'none',\n },\n },\n },\n },\n },\n size: {\n small: {\n borderRadius: '$2',\n height: '$5',\n fontSize: '$1',\n lineHeight: '$sizes$5',\n '&:-webkit-autofill::first-line': {\n fontSize: '$1',\n },\n [`& ${StyledSelect}`]: {\n pl: '$2',\n pr: `calc($2 + ${CARET_WIDTH})`,\n },\n [`& ${StyledCaretSortIcon}`]: {\n right: 'calc($2 / 2)',\n },\n },\n medium: {\n borderRadius: '$3',\n height: '$6',\n fontSize: '$3',\n lineHeight: '$sizes$6',\n '&:-webkit-autofill::first-line': {\n fontSize: '$3',\n },\n [`& ${StyledSelect}`]: {\n pl: '$3',\n pr: `calc($3 + ${CARET_WIDTH})`,\n },\n [`& ${StyledCaretSortIcon}`]: {\n right: 'calc($3 / 2)',\n },\n },\n large: {\n borderRadius: '$3',\n height: '$7',\n fontSize: '$3',\n lineHeight: '$sizes$7',\n '&:-webkit-autofill::first-line': {\n fontSize: '$3',\n },\n [`& ${StyledSelect}`]: {\n pl: '$3',\n pr: `calc($3 + ${CARET_WIDTH})`,\n },\n [`& ${StyledCaretSortIcon}`]: {\n right: 'calc($3 / 2)',\n },\n },\n },\n variant: {\n ghost: {\n boxShadow: 'none',\n backgroundColor: 'transparent',\n '@hover': {\n '&:hover': {\n boxShadow: 'inset 0 0 0 1px $colors$slateA7',\n backgroundColor: '$selectHoverBg',\n },\n },\n '&:focus-within': {\n backgroundColor: '$loContrast',\n boxShadow:\n 'inset 0px 0px 0px 1px $colors$selectFocusBorder, 0px 0px 0px 1px $colors$selectFocusBorder',\n },\n },\n },\n state: {\n invalid: {\n boxShadow: 'inset 0 0 0 1px $colors$selectInvalidBorder',\n '&:focus-visible': {\n boxShadow: `inset 0 0 0 2px $colors$selectInvalidBorder, ${FOCUS_SHADOW}`,\n },\n },\n },\n },\n defaultVariants: {\n size: 'medium',\n },\n});\n\nexport type SelectVariants = VariantProps<typeof StyledSelect> &\n VariantProps<typeof SelectWrapper> &\n VariantProps<typeof StyledCaretSortIcon>;\n\nexport type SelectProps = Omit<React.ComponentProps<typeof StyledSelect>, 'size'> &\n SelectVariants & { css?: CSS };\n\nexport const Select = React.forwardRef<React.ElementRef<typeof StyledSelect>, SelectProps>(\n ({ css, size, state, variant, cursor, ...props }, forwardedRef) => {\n return (\n <SelectWrapper\n css={css}\n size={size}\n state={state}\n variant={variant}\n disabled={props.disabled}\n >\n <StyledSelect ref={forwardedRef} {...props} />\n <StyledCaretSortIcon size={size} cursor={cursor} />\n </SelectWrapper>\n );\n }\n);\n\nSelect.toString = () => `.${SelectWrapper.className}`;\n"],"mappings":"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~~AACjE~~,~~QACE~~,qBAAC,eAAD;EACO;EACC;EACC;EACE;EACT,UAAU,MAAM;YALlB,CAOE,oBAAC,cAAD;GAAc,KAAK;GAAc,GAAI;GAAS,CAAA,EAC9C,oBAAC,qBAAD;GAA2B;GAAc;GAAU,CAAA,CACrC;;EAGrB;AAED,OAAO,iBAAiB,IAAI,cAAc"}
1	+ {"version":3,"file":"Select.js","names":[],"sources":["../../../components/Select/Select.tsx"],"sourcesContent":["import { CaretSortIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\n// CONSTANTS\nconst FOCUS_SHADOW = elevationVariants[1].boxShadow; // apply elevation $1 when focus\nconst CARET_WIDTH = '15px';\n\nconst StyledCaretSortIcon = styled(CaretSortIcon, {\n position: 'absolute',\n pointerEvents: 'none',\n display: 'inline',\n\n variants: {\n // Use margins instead of top/left to avoid setting \"position: relative\" on parent,\n // which would make stacking context tricky with Select used in a control group.\n size: {\n small: {\n marginTop: 5,\n marginLeft: -16,\n },\n medium: {\n marginTop: 9,\n marginLeft: -16,\n },\n large: {\n marginTop: 13,\n marginLeft: -16,\n },\n },\n cursor: {\n default: {\n cursor: 'default',\n '&:focus': {\n cursor: 'text',\n },\n },\n text: {\n cursor: 'text',\n },\n },\n },\n defaultVariants: {\n size: 'medium',\n },\n});\n\nconst StyledSelect = styled('select', {\n appearance: 'none',\n backgroundColor: 'transparent',\n border: 'none',\n borderRadius: 'inherit',\n color: 'inherit',\n font: 'inherit',\n outline: 'none',\n width: '100%',\n height: '100%',\n pl: '$1',\n pr: '$3',\n lineHeight: '25px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n\n '& option': {\n color: 'black',\n bc: 'white',\n },\n\n '&:focus-visible': {\n boxShadow: `inset 0 0 0 2px $colors$selectFocusBorder, ${FOCUS_SHADOW}`,\n },\n\n '&:disabled': {\n pointerEvents: 'none',\n color: '$selectDisabledText',\n },\n});\n\nconst SelectWrapper = styled('div', {\n position: 'relative',\n backgroundColor: '$selectBg',\n borderRadius: '$2',\n boxShadow: 'inset 0 0 0 1px $colors$selectBorder',\n color: '$selectText',\n fontFamily: '$rubik',\n fontSize: '$1',\n fontVariantNumeric: 'tabular-nums',\n fontWeight: '$regular',\n height: '$5',\n flexShrink: 0,\n\n '&::before': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n pointerEvents: 'none',\n borderRadius: 'inherit',\n },\n '&::after': {\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n pointerEvents: 'none',\n borderRadius: 'inherit',\n },\n\n '&:focus-visible': {\n '&::before': {\n backgroundColor: '$selectFocusBg',\n },\n '&::after': {\n backgroundColor: '$primary',\n opacity: 0.15,\n },\n },\n\n '@hover': {\n '&:hover': {\n '&::before': {\n backgroundColor: '$selectHoverBg',\n },\n '&::after': {\n backgroundColor: '$primary',\n opacity: 0.05,\n },\n },\n },\n\n variants: {\n disabled: {\n true: {\n opacity: 0.7,\n color: '$selectDisabledText',\n '@hover': {\n '&:hover': {\n '&::before': {\n display: 'none',\n },\n '&::after': {\n display: 'none',\n },\n },\n },\n },\n },\n size: {\n small: {\n borderRadius: '$2',\n height: '$5',\n fontSize: '$1',\n lineHeight: '$sizes$5',\n '&:-webkit-autofill::first-line': {\n fontSize: '$1',\n },\n [`& ${StyledSelect}`]: {\n pl: '$2',\n pr: `calc($2 + ${CARET_WIDTH})`,\n },\n [`& ${StyledCaretSortIcon}`]: {\n right: 'calc($2 / 2)',\n },\n },\n medium: {\n borderRadius: '$3',\n height: '$6',\n fontSize: '$3',\n lineHeight: '$sizes$6',\n '&:-webkit-autofill::first-line': {\n fontSize: '$3',\n },\n [`& ${StyledSelect}`]: {\n pl: '$3',\n pr: `calc($3 + ${CARET_WIDTH})`,\n },\n [`& ${StyledCaretSortIcon}`]: {\n right: 'calc($3 / 2)',\n },\n },\n large: {\n borderRadius: '$3',\n height: '$7',\n fontSize: '$3',\n lineHeight: '$sizes$7',\n '&:-webkit-autofill::first-line': {\n fontSize: '$3',\n },\n [`& ${StyledSelect}`]: {\n pl: '$3',\n pr: `calc($3 + ${CARET_WIDTH})`,\n },\n [`& ${StyledCaretSortIcon}`]: {\n right: 'calc($3 / 2)',\n },\n },\n },\n variant: {\n ghost: {\n boxShadow: 'none',\n backgroundColor: 'transparent',\n '@hover': {\n '&:hover': {\n boxShadow: 'inset 0 0 0 1px $colors$slateA7',\n backgroundColor: '$selectHoverBg',\n },\n },\n '&:focus-within': {\n backgroundColor: '$loContrast',\n boxShadow:\n 'inset 0px 0px 0px 1px $colors$selectFocusBorder, 0px 0px 0px 1px $colors$selectFocusBorder',\n },\n },\n },\n state: {\n invalid: {\n boxShadow: 'inset 0 0 0 1px $colors$selectInvalidBorder',\n '&:focus-visible': {\n boxShadow: `inset 0 0 0 2px $colors$selectInvalidBorder, ${FOCUS_SHADOW}`,\n },\n },\n },\n },\n defaultVariants: {\n size: 'medium',\n },\n});\n\nexport type SelectVariants = VariantProps<typeof StyledSelect> &\n VariantProps<typeof SelectWrapper> &\n VariantProps<typeof StyledCaretSortIcon>;\n\nexport type SelectProps = Omit<React.ComponentProps<typeof StyledSelect>, 'size'> &\n SelectVariants & { css?: CSS };\n\nexport const Select = React.forwardRef<React.ElementRef<typeof StyledSelect>, SelectProps>(\n ({ css, size, state, variant, cursor, ...props }, forwardedRef) => {\n return (\n <SelectWrapper\n css={css}\n size={size}\n state={state}\n variant={variant}\n disabled={props.disabled}\n >\n <StyledSelect ref={forwardedRef} {...props} />\n <StyledCaretSortIcon size={size} cursor={cursor} />\n </SelectWrapper>\n );\n }\n);\n\nSelect.toString = () => `.${SelectWrapper.className}`;\n"],"mappings":"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"}

package/dist/components/Select/Select.themes.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.themes.cjs","names":[],"sources":["../../../components/Select/Select.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nimport { Theme as InputTheme } from '../Input/Input.themes';\n\nexport namespace Theme {\n type Colors = {\n selectBg: Property.Color;\n selectBorder: Property.Color;\n selectFocusBg: Property.Color;\n selectFocusBorder: Property.Color;\n selectHoverBg: Property.Color;\n selectText: Property.Color;\n selectPlaceholder: Property.Color;\n selectDisabledText: Property.Color;\n selectInvalidBorder: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n type FactoryMapper = (colors: InputTheme.Colors) => Colors;\n\n const remapInputTheme: FactoryMapper = (inputLightOrDark) => ({\n selectBg: inputLightOrDark.inputBg,\n selectBorder: inputLightOrDark.inputBorder,\n selectFocusBg: inputLightOrDark.inputFocusBg,\n selectFocusBorder: inputLightOrDark.inputFocusBorder,\n selectHoverBg: inputLightOrDark.inputHoverBg,\n selectText: inputLightOrDark.inputText,\n selectPlaceholder: inputLightOrDark.inputPlaceholder,\n selectDisabledText: inputLightOrDark.inputDisabledText,\n selectInvalidBorder: inputLightOrDark.inputInvalidBorder,\n });\n\n export const getLight: Factory = (primaryColor) => ({\n ...remapInputTheme(InputTheme.getLight(primaryColor)),\n });\n\n export const getDark: Factory = (primaryColor) => ({\n ...remapInputTheme(InputTheme.getDark(primaryColor)),\n });\n}\n"],"mappings":";;AAKO,IAAA;;CAgBL,MAAM,mBAAkC,sBAAsB;EAC5D,UAAU,iBAAiB;EAC3B,cAAc,iBAAiB;EAC/B,eAAe,iBAAiB;EAChC,mBAAmB,iBAAiB;EACpC,eAAe,iBAAiB;EAChC,YAAY,iBAAiB;EAC7B,mBAAmB,iBAAiB;EACpC,oBAAoB,iBAAiB;EACrC,qBAAqB,iBAAiB;EACvC;~~AAEY~~,~~QAAA~~,YAAqB,kBAAkB,EAClD,GAAG,gBAAgB,qBAAA,MAAW,SAAS,aAAa,CAAC,EACtD;~~AAEY~~,~~QAAA~~,WAAoB,kBAAkB,EACjD,GAAG,gBAAgB,qBAAA,MAAW,QAAQ,aAAa,CAAC,EACrD;yBACF"}
1	+ {"version":3,"file":"Select.themes.cjs","names":[],"sources":["../../../components/Select/Select.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nimport { Theme as InputTheme } from '../Input/Input.themes';\n\nexport namespace Theme {\n type Colors = {\n selectBg: Property.Color;\n selectBorder: Property.Color;\n selectFocusBg: Property.Color;\n selectFocusBorder: Property.Color;\n selectHoverBg: Property.Color;\n selectText: Property.Color;\n selectPlaceholder: Property.Color;\n selectDisabledText: Property.Color;\n selectInvalidBorder: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n type FactoryMapper = (colors: InputTheme.Colors) => Colors;\n\n const remapInputTheme: FactoryMapper = (inputLightOrDark) => ({\n selectBg: inputLightOrDark.inputBg,\n selectBorder: inputLightOrDark.inputBorder,\n selectFocusBg: inputLightOrDark.inputFocusBg,\n selectFocusBorder: inputLightOrDark.inputFocusBorder,\n selectHoverBg: inputLightOrDark.inputHoverBg,\n selectText: inputLightOrDark.inputText,\n selectPlaceholder: inputLightOrDark.inputPlaceholder,\n selectDisabledText: inputLightOrDark.inputDisabledText,\n selectInvalidBorder: inputLightOrDark.inputInvalidBorder,\n });\n\n export const getLight: Factory = (primaryColor) => ({\n ...remapInputTheme(InputTheme.getLight(primaryColor)),\n });\n\n export const getDark: Factory = (primaryColor) => ({\n ...remapInputTheme(InputTheme.getDark(primaryColor)),\n });\n}\n"],"mappings":";;AAKO,IAAA;;CAgBL,MAAM,mBAAkC,sBAAsB;EAC5D,UAAU,iBAAiB;EAC3B,cAAc,iBAAiB;EAC/B,eAAe,iBAAiB;EAChC,mBAAmB,iBAAiB;EACpC,eAAe,iBAAiB;EAChC,YAAY,iBAAiB;EAC7B,mBAAmB,iBAAiB;EACpC,oBAAoB,iBAAiB;EACrC,qBAAqB,iBAAiB;EACvC;CAEY,OAAA,YAAqB,kBAAkB,EAClD,GAAG,gBAAgB,qBAAA,MAAW,SAAS,aAAa,CAAC,EACtD;CAEY,OAAA,WAAoB,kBAAkB,EACjD,GAAG,gBAAgB,qBAAA,MAAW,QAAQ,aAAa,CAAC,EACrD;yBACF"}

package/dist/components/Select/Select.themes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.themes.js","names":[],"sources":["../../../components/Select/Select.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nimport { Theme as InputTheme } from '../Input/Input.themes';\n\nexport namespace Theme {\n type Colors = {\n selectBg: Property.Color;\n selectBorder: Property.Color;\n selectFocusBg: Property.Color;\n selectFocusBorder: Property.Color;\n selectHoverBg: Property.Color;\n selectText: Property.Color;\n selectPlaceholder: Property.Color;\n selectDisabledText: Property.Color;\n selectInvalidBorder: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n type FactoryMapper = (colors: InputTheme.Colors) => Colors;\n\n const remapInputTheme: FactoryMapper = (inputLightOrDark) => ({\n selectBg: inputLightOrDark.inputBg,\n selectBorder: inputLightOrDark.inputBorder,\n selectFocusBg: inputLightOrDark.inputFocusBg,\n selectFocusBorder: inputLightOrDark.inputFocusBorder,\n selectHoverBg: inputLightOrDark.inputHoverBg,\n selectText: inputLightOrDark.inputText,\n selectPlaceholder: inputLightOrDark.inputPlaceholder,\n selectDisabledText: inputLightOrDark.inputDisabledText,\n selectInvalidBorder: inputLightOrDark.inputInvalidBorder,\n });\n\n export const getLight: Factory = (primaryColor) => ({\n ...remapInputTheme(InputTheme.getLight(primaryColor)),\n });\n\n export const getDark: Factory = (primaryColor) => ({\n ...remapInputTheme(InputTheme.getDark(primaryColor)),\n });\n}\n"],"mappings":";;AAKO,IAAA;;CAgBL,MAAM,mBAAkC,sBAAsB;EAC5D,UAAU,iBAAiB;EAC3B,cAAc,iBAAiB;EAC/B,eAAe,iBAAiB;EAChC,mBAAmB,iBAAiB;EACpC,eAAe,iBAAiB;EAChC,YAAY,iBAAiB;EAC7B,mBAAmB,iBAAiB;EACpC,oBAAoB,iBAAiB;EACrC,qBAAqB,iBAAiB;EACvC;~~AAEY~~,~~QAAA~~,YAAqB,kBAAkB,EAClD,GAAG,gBAAgB,QAAW,SAAS,aAAa,CAAC,EACtD;~~AAEY~~,~~QAAA~~,WAAoB,kBAAkB,EACjD,GAAG,gBAAgB,QAAW,QAAQ,aAAa,CAAC,EACrD;yBACF"}
1	+ {"version":3,"file":"Select.themes.js","names":[],"sources":["../../../components/Select/Select.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nimport { Theme as InputTheme } from '../Input/Input.themes';\n\nexport namespace Theme {\n type Colors = {\n selectBg: Property.Color;\n selectBorder: Property.Color;\n selectFocusBg: Property.Color;\n selectFocusBorder: Property.Color;\n selectHoverBg: Property.Color;\n selectText: Property.Color;\n selectPlaceholder: Property.Color;\n selectDisabledText: Property.Color;\n selectInvalidBorder: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n type FactoryMapper = (colors: InputTheme.Colors) => Colors;\n\n const remapInputTheme: FactoryMapper = (inputLightOrDark) => ({\n selectBg: inputLightOrDark.inputBg,\n selectBorder: inputLightOrDark.inputBorder,\n selectFocusBg: inputLightOrDark.inputFocusBg,\n selectFocusBorder: inputLightOrDark.inputFocusBorder,\n selectHoverBg: inputLightOrDark.inputHoverBg,\n selectText: inputLightOrDark.inputText,\n selectPlaceholder: inputLightOrDark.inputPlaceholder,\n selectDisabledText: inputLightOrDark.inputDisabledText,\n selectInvalidBorder: inputLightOrDark.inputInvalidBorder,\n });\n\n export const getLight: Factory = (primaryColor) => ({\n ...remapInputTheme(InputTheme.getLight(primaryColor)),\n });\n\n export const getDark: Factory = (primaryColor) => ({\n ...remapInputTheme(InputTheme.getDark(primaryColor)),\n });\n}\n"],"mappings":";;AAKO,IAAA;;CAgBL,MAAM,mBAAkC,sBAAsB;EAC5D,UAAU,iBAAiB;EAC3B,cAAc,iBAAiB;EAC/B,eAAe,iBAAiB;EAChC,mBAAmB,iBAAiB;EACpC,eAAe,iBAAiB;EAChC,YAAY,iBAAiB;EAC7B,mBAAmB,iBAAiB;EACpC,oBAAoB,iBAAiB;EACrC,qBAAqB,iBAAiB;EACvC;CAEY,OAAA,YAAqB,kBAAkB,EAClD,GAAG,gBAAgB,QAAW,SAAS,aAAa,CAAC,EACtD;CAEY,OAAA,WAAoB,kBAAkB,EACjD,GAAG,gBAAgB,QAAW,QAAQ,aAAa,CAAC,EACrD;yBACF"}

package/dist/components/SidePanel/SidePanel.themes.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidePanel.themes.cjs","names":[],"sources":["../../../components/SidePanel/SidePanel.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n type Colors = {\n sidePanelBackground: Property.Color;\n };\n\n type Factory = (primaryColor?: ColorInfo) => Colors;\n\n export const getLight: Factory = () => ({\n sidePanelBackground: '$deepBlue2',\n });\n\n export const getDark: Factory = () => ({\n sidePanelBackground: '$deepBlue3',\n });\n}\n"],"mappings":";AAIO,IAAA;;~~AAOQ~~,~~QAAA~~,kBAA2B,EACtC,qBAAqB,cACtB;~~AAEY~~,~~QAAA~~,iBAA0B,EACrC,qBAAqB,cACtB;yBACF"}
1	+ {"version":3,"file":"SidePanel.themes.cjs","names":[],"sources":["../../../components/SidePanel/SidePanel.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n type Colors = {\n sidePanelBackground: Property.Color;\n };\n\n type Factory = (primaryColor?: ColorInfo) => Colors;\n\n export const getLight: Factory = () => ({\n sidePanelBackground: '$deepBlue2',\n });\n\n export const getDark: Factory = () => ({\n sidePanelBackground: '$deepBlue3',\n });\n}\n"],"mappings":";AAIO,IAAA;;CAOQ,OAAA,kBAA2B,EACtC,qBAAqB,cACtB;CAEY,OAAA,iBAA0B,EACrC,qBAAqB,cACtB;yBACF"}