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

@traefik-labs/faency 12.3.5 → 12.3.6

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 (263) hide show

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;;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~~"}
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,KAAK,EAAE,SAAS,EAAG,EAAE,YAAY;CACpF;CAEa,OAAA,WAAoB,kBAAkB;EACjD,gBAAgB;EAChB,aAAa;EACb,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;EACrB,0BAA0B,UAAU,aAAa,KAAK,EAAE,SAAS,EAAG,EAAE,YAAY;CACpF;wBACF"}

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;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"}
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;AAAQ,CAAA;AAM/D,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;EAAS;EACnD,GAAI;EAEH;CACY,CAAA;AAEnB,CAAC;AAED,IAAM,cAAc,wBAAA,OAAO,OAAO,cAAA,mBAAmB;CACnD,OAAO;CACP,QAAQ;CACR,IAAI;CACJ,yBAAyB,EACvB,iBAAiB,kBACnB;AACF,CAAC;AAED,IAAM,kBAAkB,wBAAA,OAAO,OAAO,cAAA,qBAAqB;AAE3D,IAAM,8BAA8B,wBAAA,OAAO,kBAAA,wBAAwB,EACjE,UAAU,EACR,WAAW,GACR,KAAK,gBAAgB,EACpB,WAAW,2CACb,EACF,EACF,EACF,CAAC;AAGD,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,CAAkB,CAAA,EACP,CAAA,GACZ,QAC0B;IACR,CAAA;AAE3B,CAAC;AAED,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;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"}
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;AAAQ,CAAA;AAM/D,IAAa,qBAAqB,MAAM,YAGrC,EAAE,OAAO,UAAU,GAAG,SAAS,iBAAiB;CACjD,OACE,oBAAC,eAAD;EACS;EACP,KAAK;EACL,KAAK;GAAE,SAAS;GAAW,eAAe;EAAS;EACnD,GAAI;EAEH;CACY,CAAA;AAEnB,CAAC;AAED,IAAM,cAAc,OAAO,OAAO,mBAAmB;CACnD,OAAO;CACP,QAAQ;CACR,IAAI;CACJ,yBAAyB,EACvB,iBAAiB,kBACnB;AACF,CAAC;AAED,IAAM,kBAAkB,OAAO,OAAO,qBAAqB;AAE3D,IAAM,8BAA8B,OAAO,wBAAwB,EACjE,UAAU,EACR,WAAW,GACR,KAAK,gBAAgB,EACpB,WAAW,2CACb,EACF,EACF,EACF,CAAC;AAGD,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,CAAkB,CAAA,EACP,CAAA,GACZ,QAC0B;IACR,CAAA;AAE3B,CAAC;AAED,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":";;;;;;;;AAOA,IAAM,eAAe,kBAAA,kBAAkB,GAAG;AAC1C,IAAM,cAAc;AAEpB,IAAM,sBAAsB,wBAAA,OAAO,sBAAA,eAAe;CAChD,UAAU;CACV,eAAe;CACf,SAAS;CAET,UAAU;EAGR,MAAM;GACJ,OAAO;IACL,WAAW;IACX,YAAY;~~IACb~~;~~GACD~~,QAAQ;IACN,WAAW;IACX,YAAY;~~IACb~~;~~GACD~~,OAAO;IACL,WAAW;IACX,YAAY;~~IACb~~;~~GACF~~;~~EACD~~,QAAQ;GACN,SAAS;IACP,QAAQ;IACR,WAAW,EACT,QAAQ,~~QACT~~;~~IACF~~;~~GACD~~,MAAM,EACJ,QAAQ,~~QACT~~;~~GACF;~~EACF;~~CACD~~,iBAAiB,EACf,MAAM,~~UACP~~;~~CACF~~,CAAC;~~AAEF~~,IAAM,eAAe,wBAAA,OAAO,UAAU;CACpC,YAAY;CACZ,iBAAiB;CACjB,QAAQ;CACR,cAAc;CACd,OAAO;CACP,MAAM;CACN,SAAS;CACT,OAAO;CACP,QAAQ;CACR,IAAI;CACJ,IAAI;CACJ,YAAY;CACZ,UAAU;CACV,cAAc;CACd,YAAY;CAEZ,YAAY;EACV,OAAO;EACP,IAAI;~~EACL~~;~~CAED~~,mBAAmB,EACjB,WAAW,8CAA8C,~~gBAC1D~~;~~CAED~~,cAAc;EACZ,eAAe;EACf,OAAO;~~EACR~~;~~CACF~~,CAAC;~~AAEF~~,IAAM,gBAAgB,wBAAA,OAAO,OAAO;CAClC,UAAU;CACV,iBAAiB;CACjB,cAAc;CACd,WAAW;CACX,OAAO;CACP,YAAY;CACZ,UAAU;CACV,oBAAoB;CACpB,YAAY;CACZ,QAAQ;CACR,YAAY;CAEZ,aAAa;EACX,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,eAAe;EACf,cAAc;~~EACf~~;~~CACD~~,YAAY;EACV,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,eAAe;EACf,cAAc;~~EACf~~;~~CAED~~,mBAAmB;EACjB,aAAa,EACX,iBAAiB,~~kBAClB~~;~~EACD~~,YAAY;GACV,iBAAiB;GACjB,SAAS;~~GACV~~;~~EACF~~;~~CAED~~,UAAU,EACR,WAAW;EACT,aAAa,EACX,iBAAiB,~~kBAClB~~;~~EACD~~,YAAY;GACV,iBAAiB;GACjB,SAAS;~~GACV~~;~~EACF~~,EACF;~~CAED~~,UAAU;EACR,UAAU,EACR,MAAM;GACJ,SAAS;GACT,OAAO;GACP,UAAU,EACR,WAAW;IACT,aAAa,EACX,SAAS,~~QACV~~;~~IACD~~,YAAY,EACV,SAAS,~~QACV~~;~~IACF~~,EACF;~~GACF~~,EACF;~~EACD~~,MAAM;GACJ,OAAO;IACL,cAAc;IACd,QAAQ;IACR,UAAU;IACV,YAAY;IACZ,kCAAkC,EAChC,UAAU,~~MACX~~;~~KACA~~,KAAK,iBAAiB;KACrB,IAAI;KACJ,IAAI,aAAa,YAAY;~~KAC9B~~;~~KACA~~,KAAK,wBAAwB,EAC5B,OAAO,~~gBACR~~;~~IACF~~;~~GACD~~,QAAQ;IACN,cAAc;IACd,QAAQ;IACR,UAAU;IACV,YAAY;IACZ,kCAAkC,EAChC,UAAU,~~MACX~~;~~KACA~~,KAAK,iBAAiB;KACrB,IAAI;KACJ,IAAI,aAAa,YAAY;~~KAC9B~~;~~KACA~~,KAAK,wBAAwB,EAC5B,OAAO,~~gBACR~~;~~IACF~~;~~GACD~~,OAAO;IACL,cAAc;IACd,QAAQ;IACR,UAAU;IACV,YAAY;IACZ,kCAAkC,EAChC,UAAU,~~MACX~~;~~KACA~~,KAAK,iBAAiB;KACrB,IAAI;KACJ,IAAI,aAAa,YAAY;~~KAC9B~~;~~KACA~~,KAAK,wBAAwB,EAC5B,OAAO,~~gBACR~~;~~IACF;~~GACF;~~EACD~~,SAAS,EACP,OAAO;GACL,WAAW;GACX,iBAAiB;GACjB,UAAU,EACR,WAAW;IACT,WAAW;IACX,iBAAiB;~~IAClB~~,EACF;~~GACD~~,kBAAkB;IAChB,iBAAiB;IACjB,WACE;~~IACH~~;~~GACF~~,EACF;~~EACD~~,OAAO,EACL,SAAS;GACP,WAAW;GACX,mBAAmB,EACjB,WAAW,gDAAgD,~~gBAC5D~~;~~GACF~~,EACF;~~EACF~~;~~CACD~~,iBAAiB,EACf,MAAM,~~UACP~~;~~CACF~~,CAAC;~~AASF~~,IAAa,SAAS,MAAA,QAAM,YACzB,EAAE,KAAK,MAAM,OAAO,SAAS,QAAQ,GAAG,SAAS,iBAAiB;CACjE,OACE,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":";;;;;;AAOA,IAAM,eAAe,kBAAkB,GAAG;AAC1C,IAAM,cAAc;AAEpB,IAAM,sBAAsB,OAAO,eAAe;CAChD,UAAU;CACV,eAAe;CACf,SAAS;CAET,UAAU;EAGR,MAAM;GACJ,OAAO;IACL,WAAW;IACX,YAAY;~~IACb~~;~~GACD~~,QAAQ;IACN,WAAW;IACX,YAAY;~~IACb~~;~~GACD~~,OAAO;IACL,WAAW;IACX,YAAY;~~IACb~~;~~GACF~~;~~EACD~~,QAAQ;GACN,SAAS;IACP,QAAQ;IACR,WAAW,EACT,QAAQ,~~QACT~~;~~IACF~~;~~GACD~~,MAAM,EACJ,QAAQ,~~QACT~~;~~GACF;~~EACF;~~CACD~~,iBAAiB,EACf,MAAM,~~UACP~~;~~CACF~~,CAAC;~~AAEF~~,IAAM,eAAe,OAAO,UAAU;CACpC,YAAY;CACZ,iBAAiB;CACjB,QAAQ;CACR,cAAc;CACd,OAAO;CACP,MAAM;CACN,SAAS;CACT,OAAO;CACP,QAAQ;CACR,IAAI;CACJ,IAAI;CACJ,YAAY;CACZ,UAAU;CACV,cAAc;CACd,YAAY;CAEZ,YAAY;EACV,OAAO;EACP,IAAI;~~EACL~~;~~CAED~~,mBAAmB,EACjB,WAAW,8CAA8C,~~gBAC1D~~;~~CAED~~,cAAc;EACZ,eAAe;EACf,OAAO;~~EACR~~;~~CACF~~,CAAC;~~AAEF~~,IAAM,gBAAgB,OAAO,OAAO;CAClC,UAAU;CACV,iBAAiB;CACjB,cAAc;CACd,WAAW;CACX,OAAO;CACP,YAAY;CACZ,UAAU;CACV,oBAAoB;CACpB,YAAY;CACZ,QAAQ;CACR,YAAY;CAEZ,aAAa;EACX,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,eAAe;EACf,cAAc;~~EACf~~;~~CACD~~,YAAY;EACV,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,eAAe;EACf,cAAc;~~EACf~~;~~CAED~~,mBAAmB;EACjB,aAAa,EACX,iBAAiB,~~kBAClB~~;~~EACD~~,YAAY;GACV,iBAAiB;GACjB,SAAS;~~GACV~~;~~EACF~~;~~CAED~~,UAAU,EACR,WAAW;EACT,aAAa,EACX,iBAAiB,~~kBAClB~~;~~EACD~~,YAAY;GACV,iBAAiB;GACjB,SAAS;~~GACV~~;~~EACF~~,EACF;~~CAED~~,UAAU;EACR,UAAU,EACR,MAAM;GACJ,SAAS;GACT,OAAO;GACP,UAAU,EACR,WAAW;IACT,aAAa,EACX,SAAS,~~QACV~~;~~IACD~~,YAAY,EACV,SAAS,~~QACV~~;~~IACF~~,EACF;~~GACF~~,EACF;~~EACD~~,MAAM;GACJ,OAAO;IACL,cAAc;IACd,QAAQ;IACR,UAAU;IACV,YAAY;IACZ,kCAAkC,EAChC,UAAU,~~MACX~~;~~KACA~~,KAAK,iBAAiB;KACrB,IAAI;KACJ,IAAI,aAAa,YAAY;~~KAC9B~~;~~KACA~~,KAAK,wBAAwB,EAC5B,OAAO,~~gBACR~~;~~IACF~~;~~GACD~~,QAAQ;IACN,cAAc;IACd,QAAQ;IACR,UAAU;IACV,YAAY;IACZ,kCAAkC,EAChC,UAAU,~~MACX~~;~~KACA~~,KAAK,iBAAiB;KACrB,IAAI;KACJ,IAAI,aAAa,YAAY;~~KAC9B~~;~~KACA~~,KAAK,wBAAwB,EAC5B,OAAO,~~gBACR~~;~~IACF~~;~~GACD~~,OAAO;IACL,cAAc;IACd,QAAQ;IACR,UAAU;IACV,YAAY;IACZ,kCAAkC,EAChC,UAAU,~~MACX~~;~~KACA~~,KAAK,iBAAiB;KACrB,IAAI;KACJ,IAAI,aAAa,YAAY;~~KAC9B~~;~~KACA~~,KAAK,wBAAwB,EAC5B,OAAO,~~gBACR~~;~~IACF;~~GACF;~~EACD~~,SAAS,EACP,OAAO;GACL,WAAW;GACX,iBAAiB;GACjB,UAAU,EACR,WAAW;IACT,WAAW;IACX,iBAAiB;~~IAClB~~,EACF;~~GACD~~,kBAAkB;IAChB,iBAAiB;IACjB,WACE;~~IACH~~;~~GACF~~,EACF;~~EACD~~,OAAO,EACL,SAAS;GACP,WAAW;GACX,mBAAmB,EACjB,WAAW,gDAAgD,~~gBAC5D~~;~~GACF~~,EACF;~~EACF~~;~~CACD~~,iBAAiB,EACf,MAAM,~~UACP~~;~~CACF~~,CAAC;~~AASF~~,IAAa,SAAS,MAAM,YACzB,EAAE,KAAK,MAAM,OAAO,SAAS,QAAQ,GAAG,SAAS,iBAAiB;CACjE,OACE,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~~;~~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~~"}
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;CACxC;CAEa,OAAA,YAAqB,kBAAkB,EAClD,GAAG,gBAAgB,qBAAA,MAAW,SAAS,YAAY,CAAC,EACtD;CAEa,OAAA,WAAoB,kBAAkB,EACjD,GAAG,gBAAgB,qBAAA,MAAW,QAAQ,YAAY,CAAC,EACrD;wBACF"}

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~~;~~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~~"}
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;CACxC;CAEa,OAAA,YAAqB,kBAAkB,EAClD,GAAG,gBAAgB,QAAW,SAAS,YAAY,CAAC,EACtD;CAEa,OAAA,WAAoB,kBAAkB,EACjD,GAAG,gBAAgB,QAAW,QAAQ,YAAY,CAAC,EACrD;wBACF"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SidePanel.cjs","names":[],"sources":["../../../components/SidePanel/SidePanel.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden';\nimport React, { ComponentProps } from 'react';\n\nimport { CSS, keyframes, styled, VariantProps } from '../../stitches.config';\nimport { IconButton } from '../IconButton';\nimport { overlayStyles } from '../Overlay';\n\nconst fadeIn = keyframes({\n from: { opacity: '0' },\n to: { opacity: '1' },\n});\n\nconst fadeOut = keyframes({\n from: { opacity: '1' },\n to: { opacity: '0' },\n});\n\nconst SidePanelOverlay = styled(DialogPrimitive.Overlay, overlayStyles, {\n position: 'fixed',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n\n '&[data-state=\"open\"]': {\n animation: `${fadeIn} 150ms cubic-bezier(0.22, 1, 0.36, 1)`,\n },\n\n '&[data-state=\"closed\"]': {\n animation: `${fadeOut} 150ms cubic-bezier(0.22, 1, 0.36, 1)`,\n },\n});\n\nconst slideIn = keyframes({\n from: { transform: '$$transformValue' },\n to: { transform: 'translate3d(0,0,0)' },\n});\n\nconst slideOut = keyframes({\n from: { transform: 'translate3d(0,0,0)' },\n to: { transform: '$$transformValue' },\n});\n\nconst StyledContent = styled(DialogPrimitive.Content, {\n backgroundColor: '$sidePanelBackground',\n boxShadow: 'inset 0 0 0 1px $colors$deepBlue4',\n position: 'fixed',\n top: 0,\n bottom: 0,\n width: 375,\n p: '$4',\n\n '&[data-state=\"open\"]': {\n animation: `${slideIn} 150ms cubic-bezier(0.22, 1, 0.36, 1)`,\n },\n\n '&[data-state=\"closed\"]': {\n animation: `${slideOut} 150ms cubic-bezier(0.22, 1, 0.36, 1)`,\n },\n\n variants: {\n side: {\n top: {\n $$transformValue: 'translate3d(0,-100%,0)',\n width: '100%',\n height: 250,\n bottom: 'auto',\n },\n right: {\n $$transformValue: 'translate3d(100%,0,0)',\n right: 0,\n maxWidth: '50%',\n },\n bottom: {\n $$transformValue: 'translate3d(0,100%,0)',\n width: '100%',\n height: 250,\n bottom: 0,\n top: 'auto',\n },\n left: {\n $$transformValue: 'translate3d(-100%,0,0)',\n left: 0,\n maxWidth: '50%',\n },\n },\n },\n\n defaultVariants: {\n side: 'right',\n },\n});\n\nconst StyledCloseButton = styled(DialogPrimitive.Close, {\n position: 'absolute',\n top: '$2',\n right: '$2',\n cursor: 'pointer',\n});\n\ninterface SidePanelCloseButtonProps\n extends VariantProps<typeof IconButton>,\n ComponentProps<typeof IconButton> {}\n\nconst SidePanelCloseIconButton = React.forwardRef<\n React.ElementRef<typeof IconButton>,\n SidePanelCloseButtonProps\n>((props, forwardedRef) => (\n <StyledCloseButton asChild>\n <IconButton ref={forwardedRef} css={{ color: '$hiContrast' }} {...props}>\n <Cross1Icon />\n </IconButton>\n </StyledCloseButton>\n));\n\ntype SidePanelContentVariants = VariantProps<typeof StyledContent>;\ntype SidePanelContentPrimitiveProps = React.ComponentProps<typeof DialogPrimitive.Content>;\ntype SidePanelProps = SidePanelContentPrimitiveProps &\n SidePanelContentVariants & {\n css?: CSS;\n description?: string;\n noOverlay?: boolean;\n noCloseIcon?: boolean;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange(open: boolean): void;\n };\n\nexport const SidePanel = React.forwardRef<React.ElementRef<typeof StyledContent>, SidePanelProps>(\n (\n {\n description,\n noOverlay = false,\n noCloseIcon = false,\n children,\n onOpenChange,\n open = false,\n defaultOpen = false,\n ...props\n },\n forwardedRef,\n ) => (\n <DialogPrimitive.Root open={open} onOpenChange={onOpenChange} defaultOpen={defaultOpen}>\n <DialogPrimitive.Portal>\n {!noOverlay && <SidePanelOverlay />}\n <StyledContent {...props} ref={forwardedRef}>\n {description ? (\n <VisuallyHidden asChild>\n <DialogPrimitive.Description>{description}</DialogPrimitive.Description>\n </VisuallyHidden>\n ) : null}\n {children}\n {!noCloseIcon && <SidePanelCloseIconButton />}\n </StyledContent>\n </DialogPrimitive.Portal>\n </DialogPrimitive.Root>\n ),\n);\n"],"mappings":";;;;;;;;;;;;AASA,IAAM,SAAS,wBAAA,UAAU;CACvB,MAAM,EAAE,SAAS,~~KAAK~~;~~CACtB~~,IAAI,EAAE,SAAS,~~KAAK~~;~~CACrB~~,CAAC;~~AAEF~~,IAAM,UAAU,wBAAA,UAAU;CACxB,MAAM,EAAE,SAAS,~~KAAK~~;~~CACtB~~,IAAI,EAAE,SAAS,~~KAAK~~;~~CACrB~~,CAAC;~~AAEF~~,IAAM,mBAAmB,wBAAA,OAAO,uBAAgB,SAAS,gBAAA,eAAe;CACtE,UAAU;CACV,KAAK;CACL,OAAO;CACP,QAAQ;CACR,MAAM;CAEN,0BAAwB,EACtB,WAAW,GAAG,OAAO,~~wCACtB~~;~~CAED~~,4BAA0B,EACxB,WAAW,GAAG,QAAQ,~~wCACvB~~;~~CACF~~,CAAC;~~AAEF~~,IAAM,UAAU,wBAAA,UAAU;CACxB,MAAM,EAAE,WAAW,~~oBAAoB~~;~~CACvC~~,IAAI,EAAE,WAAW,~~sBAAsB~~;~~CACxC~~,CAAC;~~AAEF~~,IAAM,WAAW,wBAAA,UAAU;CACzB,MAAM,EAAE,WAAW,~~sBAAsB~~;~~CACzC~~,IAAI,EAAE,WAAW,~~oBAAoB~~;~~CACtC~~,CAAC;~~AAEF~~,IAAM,gBAAgB,wBAAA,OAAO,uBAAgB,SAAS;CACpD,iBAAiB;CACjB,WAAW;CACX,UAAU;CACV,KAAK;CACL,QAAQ;CACR,OAAO;CACP,GAAG;CAEH,0BAAwB,EACtB,WAAW,GAAG,QAAQ,~~wCACvB~~;~~CAED~~,4BAA0B,EACxB,WAAW,GAAG,SAAS,~~wCACxB~~;~~CAED~~,UAAU,EACR,MAAM;EACJ,KAAK;GACH,kBAAkB;GAClB,OAAO;GACP,QAAQ;GACR,QAAQ;~~GACT~~;~~EACD~~,OAAO;GACL,kBAAkB;GAClB,OAAO;GACP,UAAU;~~GACX~~;~~EACD~~,QAAQ;GACN,kBAAkB;GAClB,OAAO;GACP,QAAQ;GACR,QAAQ;GACR,KAAK;~~GACN~~;~~EACD~~,MAAM;GACJ,kBAAkB;GAClB,MAAM;GACN,UAAU;~~GACX~~;~~EACF~~,EACF;~~CAED~~,iBAAiB,EACf,MAAM,~~SACP~~;~~CACF~~,CAAC;~~AAEF~~,IAAM,oBAAoB,wBAAA,OAAO,uBAAgB,OAAO;CACtD,UAAU;CACV,KAAK;CACL,OAAO;CACP,QAAQ;~~CACT~~,CAAC;~~AAMF~~,IAAM,2BAA2B,MAAA,QAAM,YAGpC,OAAO,iBACR,iBAAA,GAAA,kBAAA,KAAC,mBAAD;CAAmB,SAAA;WACjB,iBAAA,GAAA,kBAAA,KAAC,mBAAA,YAAD;EAAY,KAAK;EAAc,KAAK,EAAE,OAAO,~~eAAe~~;~~EAAE~~,GAAI;YAChE,iBAAA,GAAA,kBAAA,KAAC,sBAAA,YAAD,~~EAAc~~,CAAA;~~EACH~~,CAAA;~~CACK~~,CAAA,CACpB;~~AAeF~~,IAAa,YAAY,MAAA,QAAM,YAE3B,EACE,aACA,YAAY,OACZ,cAAc,OACd,UACA,cACA,OAAO,OACP,cAAc,OACd,GAAG,SAEL,iBAEA,iBAAA,GAAA,kBAAA,KAAC,uBAAgB,MAAjB;CAA4B;CAAoB;CAA2B;WACzE,iBAAA,GAAA,kBAAA,MAAC,uBAAgB,QAAjB,EAAA,UAAA,CACG,CAAC,aAAa,iBAAA,GAAA,kBAAA,KAAC,kBAAD,~~EAAoB~~,CAAA,~~EACnC~~,iBAAA,GAAA,kBAAA,MAAC,eAAD;EAAe,GAAI;EAAO,KAAK;YAA/B;GACG,cACC,iBAAA,GAAA,kBAAA,KAAC,gCAAA,gBAAD;IAAgB,SAAA;cACd,iBAAA,GAAA,kBAAA,KAAC,uBAAgB,aAAjB,EAAA,UAA8B,~~aAA0C~~,CAAA;~~IACzD~~,CAAA,~~GACf~~;GACH;GACA,CAAC,eAAe,iBAAA,GAAA,kBAAA,KAAC,0BAAD,~~EAA4B~~,CAAA;~~GAC~~/B;~~IACO~~,EAAA,CAAA;~~CACJ~~,CAAA,CAE1B"}
1	+ {"version":3,"file":"SidePanel.cjs","names":[],"sources":["../../../components/SidePanel/SidePanel.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden';\nimport React, { ComponentProps } from 'react';\n\nimport { CSS, keyframes, styled, VariantProps } from '../../stitches.config';\nimport { IconButton } from '../IconButton';\nimport { overlayStyles } from '../Overlay';\n\nconst fadeIn = keyframes({\n from: { opacity: '0' },\n to: { opacity: '1' },\n});\n\nconst fadeOut = keyframes({\n from: { opacity: '1' },\n to: { opacity: '0' },\n});\n\nconst SidePanelOverlay = styled(DialogPrimitive.Overlay, overlayStyles, {\n position: 'fixed',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n\n '&[data-state=\"open\"]': {\n animation: `${fadeIn} 150ms cubic-bezier(0.22, 1, 0.36, 1)`,\n },\n\n '&[data-state=\"closed\"]': {\n animation: `${fadeOut} 150ms cubic-bezier(0.22, 1, 0.36, 1)`,\n },\n});\n\nconst slideIn = keyframes({\n from: { transform: '$$transformValue' },\n to: { transform: 'translate3d(0,0,0)' },\n});\n\nconst slideOut = keyframes({\n from: { transform: 'translate3d(0,0,0)' },\n to: { transform: '$$transformValue' },\n});\n\nconst StyledContent = styled(DialogPrimitive.Content, {\n backgroundColor: '$sidePanelBackground',\n boxShadow: 'inset 0 0 0 1px $colors$deepBlue4',\n position: 'fixed',\n top: 0,\n bottom: 0,\n width: 375,\n p: '$4',\n\n '&[data-state=\"open\"]': {\n animation: `${slideIn} 150ms cubic-bezier(0.22, 1, 0.36, 1)`,\n },\n\n '&[data-state=\"closed\"]': {\n animation: `${slideOut} 150ms cubic-bezier(0.22, 1, 0.36, 1)`,\n },\n\n variants: {\n side: {\n top: {\n $$transformValue: 'translate3d(0,-100%,0)',\n width: '100%',\n height: 250,\n bottom: 'auto',\n },\n right: {\n $$transformValue: 'translate3d(100%,0,0)',\n right: 0,\n maxWidth: '50%',\n },\n bottom: {\n $$transformValue: 'translate3d(0,100%,0)',\n width: '100%',\n height: 250,\n bottom: 0,\n top: 'auto',\n },\n left: {\n $$transformValue: 'translate3d(-100%,0,0)',\n left: 0,\n maxWidth: '50%',\n },\n },\n },\n\n defaultVariants: {\n side: 'right',\n },\n});\n\nconst StyledCloseButton = styled(DialogPrimitive.Close, {\n position: 'absolute',\n top: '$2',\n right: '$2',\n cursor: 'pointer',\n});\n\ninterface SidePanelCloseButtonProps\n extends VariantProps<typeof IconButton>,\n ComponentProps<typeof IconButton> {}\n\nconst SidePanelCloseIconButton = React.forwardRef<\n React.ElementRef<typeof IconButton>,\n SidePanelCloseButtonProps\n>((props, forwardedRef) => (\n <StyledCloseButton asChild>\n <IconButton ref={forwardedRef} css={{ color: '$hiContrast' }} {...props}>\n <Cross1Icon />\n </IconButton>\n </StyledCloseButton>\n));\n\ntype SidePanelContentVariants = VariantProps<typeof StyledContent>;\ntype SidePanelContentPrimitiveProps = React.ComponentProps<typeof DialogPrimitive.Content>;\ntype SidePanelProps = SidePanelContentPrimitiveProps &\n SidePanelContentVariants & {\n css?: CSS;\n description?: string;\n noOverlay?: boolean;\n noCloseIcon?: boolean;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange(open: boolean): void;\n };\n\nexport const SidePanel = React.forwardRef<React.ElementRef<typeof StyledContent>, SidePanelProps>(\n (\n {\n description,\n noOverlay = false,\n noCloseIcon = false,\n children,\n onOpenChange,\n open = false,\n defaultOpen = false,\n ...props\n },\n forwardedRef,\n ) => (\n <DialogPrimitive.Root open={open} onOpenChange={onOpenChange} defaultOpen={defaultOpen}>\n <DialogPrimitive.Portal>\n {!noOverlay && <SidePanelOverlay />}\n <StyledContent {...props} ref={forwardedRef}>\n {description ? (\n <VisuallyHidden asChild>\n <DialogPrimitive.Description>{description}</DialogPrimitive.Description>\n </VisuallyHidden>\n ) : null}\n {children}\n {!noCloseIcon && <SidePanelCloseIconButton />}\n </StyledContent>\n </DialogPrimitive.Portal>\n </DialogPrimitive.Root>\n ),\n);\n"],"mappings":";;;;;;;;;;;;AASA,IAAM,SAAS,wBAAA,UAAU;CACvB,MAAM,EAAE,SAAS,IAAI;CACrB,IAAI,EAAE,SAAS,IAAI;AACrB,CAAC;AAED,IAAM,UAAU,wBAAA,UAAU;CACxB,MAAM,EAAE,SAAS,IAAI;CACrB,IAAI,EAAE,SAAS,IAAI;AACrB,CAAC;AAED,IAAM,mBAAmB,wBAAA,OAAO,uBAAgB,SAAS,gBAAA,eAAe;CACtE,UAAU;CACV,KAAK;CACL,OAAO;CACP,QAAQ;CACR,MAAM;CAEN,0BAAwB,EACtB,WAAW,GAAG,OAAO,uCACvB;CAEA,4BAA0B,EACxB,WAAW,GAAG,QAAQ,uCACxB;AACF,CAAC;AAED,IAAM,UAAU,wBAAA,UAAU;CACxB,MAAM,EAAE,WAAW,mBAAmB;CACtC,IAAI,EAAE,WAAW,qBAAqB;AACxC,CAAC;AAED,IAAM,WAAW,wBAAA,UAAU;CACzB,MAAM,EAAE,WAAW,qBAAqB;CACxC,IAAI,EAAE,WAAW,mBAAmB;AACtC,CAAC;AAED,IAAM,gBAAgB,wBAAA,OAAO,uBAAgB,SAAS;CACpD,iBAAiB;CACjB,WAAW;CACX,UAAU;CACV,KAAK;CACL,QAAQ;CACR,OAAO;CACP,GAAG;CAEH,0BAAwB,EACtB,WAAW,GAAG,QAAQ,uCACxB;CAEA,4BAA0B,EACxB,WAAW,GAAG,SAAS,uCACzB;CAEA,UAAU,EACR,MAAM;EACJ,KAAK;GACH,kBAAkB;GAClB,OAAO;GACP,QAAQ;GACR,QAAQ;EACV;EACA,OAAO;GACL,kBAAkB;GAClB,OAAO;GACP,UAAU;EACZ;EACA,QAAQ;GACN,kBAAkB;GAClB,OAAO;GACP,QAAQ;GACR,QAAQ;GACR,KAAK;EACP;EACA,MAAM;GACJ,kBAAkB;GAClB,MAAM;GACN,UAAU;EACZ;CACF,EACF;CAEA,iBAAiB,EACf,MAAM,QACR;AACF,CAAC;AAED,IAAM,oBAAoB,wBAAA,OAAO,uBAAgB,OAAO;CACtD,UAAU;CACV,KAAK;CACL,OAAO;CACP,QAAQ;AACV,CAAC;AAMD,IAAM,2BAA2B,MAAA,QAAM,YAGpC,OAAO,iBACR,iBAAA,GAAA,kBAAA,KAAC,mBAAD;CAAmB,SAAA;WACjB,iBAAA,GAAA,kBAAA,KAAC,mBAAA,YAAD;EAAY,KAAK;EAAc,KAAK,EAAE,OAAO,cAAc;EAAG,GAAI;YAChE,iBAAA,GAAA,kBAAA,KAAC,sBAAA,YAAD,CAAa,CAAA;CACH,CAAA;AACK,CAAA,CACpB;AAeD,IAAa,YAAY,MAAA,QAAM,YAE3B,EACE,aACA,YAAY,OACZ,cAAc,OACd,UACA,cACA,OAAO,OACP,cAAc,OACd,GAAG,SAEL,iBAEA,iBAAA,GAAA,kBAAA,KAAC,uBAAgB,MAAjB;CAA4B;CAAoB;CAA2B;WACzE,iBAAA,GAAA,kBAAA,MAAC,uBAAgB,QAAjB,EAAA,UAAA,CACG,CAAC,aAAa,iBAAA,GAAA,kBAAA,KAAC,kBAAD,CAAmB,CAAA,GAClC,iBAAA,GAAA,kBAAA,MAAC,eAAD;EAAe,GAAI;EAAO,KAAK;YAA/B;GACG,cACC,iBAAA,GAAA,kBAAA,KAAC,gCAAA,gBAAD;IAAgB,SAAA;cACd,iBAAA,GAAA,kBAAA,KAAC,uBAAgB,aAAjB,EAAA,UAA8B,YAAyC,CAAA;GACzD,CAAA,IACd;GACH;GACA,CAAC,eAAe,iBAAA,GAAA,kBAAA,KAAC,0BAAD,CAA2B,CAAA;EAC/B;GACO,EAAA,CAAA;AACJ,CAAA,CAE1B"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SidePanel.js","names":[],"sources":["../../../components/SidePanel/SidePanel.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden';\nimport React, { ComponentProps } from 'react';\n\nimport { CSS, keyframes, styled, VariantProps } from '../../stitches.config';\nimport { IconButton } from '../IconButton';\nimport { overlayStyles } from '../Overlay';\n\nconst fadeIn = keyframes({\n from: { opacity: '0' },\n to: { opacity: '1' },\n});\n\nconst fadeOut = keyframes({\n from: { opacity: '1' },\n to: { opacity: '0' },\n});\n\nconst SidePanelOverlay = styled(DialogPrimitive.Overlay, overlayStyles, {\n position: 'fixed',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n\n '&[data-state=\"open\"]': {\n animation: `${fadeIn} 150ms cubic-bezier(0.22, 1, 0.36, 1)`,\n },\n\n '&[data-state=\"closed\"]': {\n animation: `${fadeOut} 150ms cubic-bezier(0.22, 1, 0.36, 1)`,\n },\n});\n\nconst slideIn = keyframes({\n from: { transform: '$$transformValue' },\n to: { transform: 'translate3d(0,0,0)' },\n});\n\nconst slideOut = keyframes({\n from: { transform: 'translate3d(0,0,0)' },\n to: { transform: '$$transformValue' },\n});\n\nconst StyledContent = styled(DialogPrimitive.Content, {\n backgroundColor: '$sidePanelBackground',\n boxShadow: 'inset 0 0 0 1px $colors$deepBlue4',\n position: 'fixed',\n top: 0,\n bottom: 0,\n width: 375,\n p: '$4',\n\n '&[data-state=\"open\"]': {\n animation: `${slideIn} 150ms cubic-bezier(0.22, 1, 0.36, 1)`,\n },\n\n '&[data-state=\"closed\"]': {\n animation: `${slideOut} 150ms cubic-bezier(0.22, 1, 0.36, 1)`,\n },\n\n variants: {\n side: {\n top: {\n $$transformValue: 'translate3d(0,-100%,0)',\n width: '100%',\n height: 250,\n bottom: 'auto',\n },\n right: {\n $$transformValue: 'translate3d(100%,0,0)',\n right: 0,\n maxWidth: '50%',\n },\n bottom: {\n $$transformValue: 'translate3d(0,100%,0)',\n width: '100%',\n height: 250,\n bottom: 0,\n top: 'auto',\n },\n left: {\n $$transformValue: 'translate3d(-100%,0,0)',\n left: 0,\n maxWidth: '50%',\n },\n },\n },\n\n defaultVariants: {\n side: 'right',\n },\n});\n\nconst StyledCloseButton = styled(DialogPrimitive.Close, {\n position: 'absolute',\n top: '$2',\n right: '$2',\n cursor: 'pointer',\n});\n\ninterface SidePanelCloseButtonProps\n extends VariantProps<typeof IconButton>,\n ComponentProps<typeof IconButton> {}\n\nconst SidePanelCloseIconButton = React.forwardRef<\n React.ElementRef<typeof IconButton>,\n SidePanelCloseButtonProps\n>((props, forwardedRef) => (\n <StyledCloseButton asChild>\n <IconButton ref={forwardedRef} css={{ color: '$hiContrast' }} {...props}>\n <Cross1Icon />\n </IconButton>\n </StyledCloseButton>\n));\n\ntype SidePanelContentVariants = VariantProps<typeof StyledContent>;\ntype SidePanelContentPrimitiveProps = React.ComponentProps<typeof DialogPrimitive.Content>;\ntype SidePanelProps = SidePanelContentPrimitiveProps &\n SidePanelContentVariants & {\n css?: CSS;\n description?: string;\n noOverlay?: boolean;\n noCloseIcon?: boolean;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange(open: boolean): void;\n };\n\nexport const SidePanel = React.forwardRef<React.ElementRef<typeof StyledContent>, SidePanelProps>(\n (\n {\n description,\n noOverlay = false,\n noCloseIcon = false,\n children,\n onOpenChange,\n open = false,\n defaultOpen = false,\n ...props\n },\n forwardedRef,\n ) => (\n <DialogPrimitive.Root open={open} onOpenChange={onOpenChange} defaultOpen={defaultOpen}>\n <DialogPrimitive.Portal>\n {!noOverlay && <SidePanelOverlay />}\n <StyledContent {...props} ref={forwardedRef}>\n {description ? (\n <VisuallyHidden asChild>\n <DialogPrimitive.Description>{description}</DialogPrimitive.Description>\n </VisuallyHidden>\n ) : null}\n {children}\n {!noCloseIcon && <SidePanelCloseIconButton />}\n </StyledContent>\n </DialogPrimitive.Portal>\n </DialogPrimitive.Root>\n ),\n);\n"],"mappings":";;;;;;;;;AASA,IAAM,SAAS,UAAU;CACvB,MAAM,EAAE,SAAS,~~KAAK~~;~~CACtB~~,IAAI,EAAE,SAAS,~~KAAK~~;~~CACrB~~,CAAC;~~AAEF~~,IAAM,UAAU,UAAU;CACxB,MAAM,EAAE,SAAS,~~KAAK~~;~~CACtB~~,IAAI,EAAE,SAAS,~~KAAK~~;~~CACrB~~,CAAC;~~AAEF~~,IAAM,mBAAmB,OAAO,gBAAgB,SAAS,eAAe;CACtE,UAAU;CACV,KAAK;CACL,OAAO;CACP,QAAQ;CACR,MAAM;CAEN,0BAAwB,EACtB,WAAW,GAAG,OAAO,~~wCACtB~~;~~CAED~~,4BAA0B,EACxB,WAAW,GAAG,QAAQ,~~wCACvB~~;~~CACF~~,CAAC;~~AAEF~~,IAAM,UAAU,UAAU;CACxB,MAAM,EAAE,WAAW,~~oBAAoB~~;~~CACvC~~,IAAI,EAAE,WAAW,~~sBAAsB~~;~~CACxC~~,CAAC;~~AAEF~~,IAAM,WAAW,UAAU;CACzB,MAAM,EAAE,WAAW,~~sBAAsB~~;~~CACzC~~,IAAI,EAAE,WAAW,~~oBAAoB~~;~~CACtC~~,CAAC;~~AAEF~~,IAAM,gBAAgB,OAAO,gBAAgB,SAAS;CACpD,iBAAiB;CACjB,WAAW;CACX,UAAU;CACV,KAAK;CACL,QAAQ;CACR,OAAO;CACP,GAAG;CAEH,0BAAwB,EACtB,WAAW,GAAG,QAAQ,~~wCACvB~~;~~CAED~~,4BAA0B,EACxB,WAAW,GAAG,SAAS,~~wCACxB~~;~~CAED~~,UAAU,EACR,MAAM;EACJ,KAAK;GACH,kBAAkB;GAClB,OAAO;GACP,QAAQ;GACR,QAAQ;~~GACT~~;~~EACD~~,OAAO;GACL,kBAAkB;GAClB,OAAO;GACP,UAAU;~~GACX~~;~~EACD~~,QAAQ;GACN,kBAAkB;GAClB,OAAO;GACP,QAAQ;GACR,QAAQ;GACR,KAAK;~~GACN~~;~~EACD~~,MAAM;GACJ,kBAAkB;GAClB,MAAM;GACN,UAAU;~~GACX~~;~~EACF~~,EACF;~~CAED~~,iBAAiB,EACf,MAAM,~~SACP~~;~~CACF~~,CAAC;~~AAEF~~,IAAM,oBAAoB,OAAO,gBAAgB,OAAO;CACtD,UAAU;CACV,KAAK;CACL,OAAO;CACP,QAAQ;~~CACT~~,CAAC;~~AAMF~~,IAAM,2BAA2B,MAAM,YAGpC,OAAO,iBACR,oBAAC,mBAAD;CAAmB,SAAA;WACjB,oBAAC,YAAD;EAAY,KAAK;EAAc,KAAK,EAAE,OAAO,~~eAAe~~;~~EAAE~~,GAAI;YAChE,oBAAC,YAAD,~~EAAc~~,CAAA;~~EACH~~,CAAA;~~CACK~~,CAAA,CACpB;~~AAeF~~,IAAa,YAAY,MAAM,YAE3B,EACE,aACA,YAAY,OACZ,cAAc,OACd,UACA,cACA,OAAO,OACP,cAAc,OACd,GAAG,SAEL,iBAEA,oBAAC,gBAAgB,MAAjB;CAA4B;CAAoB;CAA2B;WACzE,qBAAC,gBAAgB,QAAjB,EAAA,UAAA,CACG,CAAC,aAAa,oBAAC,kBAAD,~~EAAoB~~,CAAA,~~EACnC~~,qBAAC,eAAD;EAAe,GAAI;EAAO,KAAK;YAA/B;GACG,cACC,oBAAC,gBAAD;IAAgB,SAAA;cACd,oBAAC,gBAAgB,aAAjB,EAAA,UAA8B,~~aAA0C~~,CAAA;~~IACzD~~,CAAA,~~GACf~~;GACH;GACA,CAAC,eAAe,oBAAC,0BAAD,~~EAA4B~~,CAAA;~~GAC~~/B;~~IACO~~,EAAA,CAAA;~~CACJ~~,CAAA,CAE1B"}
1	+ {"version":3,"file":"SidePanel.js","names":[],"sources":["../../../components/SidePanel/SidePanel.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden';\nimport React, { ComponentProps } from 'react';\n\nimport { CSS, keyframes, styled, VariantProps } from '../../stitches.config';\nimport { IconButton } from '../IconButton';\nimport { overlayStyles } from '../Overlay';\n\nconst fadeIn = keyframes({\n from: { opacity: '0' },\n to: { opacity: '1' },\n});\n\nconst fadeOut = keyframes({\n from: { opacity: '1' },\n to: { opacity: '0' },\n});\n\nconst SidePanelOverlay = styled(DialogPrimitive.Overlay, overlayStyles, {\n position: 'fixed',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n\n '&[data-state=\"open\"]': {\n animation: `${fadeIn} 150ms cubic-bezier(0.22, 1, 0.36, 1)`,\n },\n\n '&[data-state=\"closed\"]': {\n animation: `${fadeOut} 150ms cubic-bezier(0.22, 1, 0.36, 1)`,\n },\n});\n\nconst slideIn = keyframes({\n from: { transform: '$$transformValue' },\n to: { transform: 'translate3d(0,0,0)' },\n});\n\nconst slideOut = keyframes({\n from: { transform: 'translate3d(0,0,0)' },\n to: { transform: '$$transformValue' },\n});\n\nconst StyledContent = styled(DialogPrimitive.Content, {\n backgroundColor: '$sidePanelBackground',\n boxShadow: 'inset 0 0 0 1px $colors$deepBlue4',\n position: 'fixed',\n top: 0,\n bottom: 0,\n width: 375,\n p: '$4',\n\n '&[data-state=\"open\"]': {\n animation: `${slideIn} 150ms cubic-bezier(0.22, 1, 0.36, 1)`,\n },\n\n '&[data-state=\"closed\"]': {\n animation: `${slideOut} 150ms cubic-bezier(0.22, 1, 0.36, 1)`,\n },\n\n variants: {\n side: {\n top: {\n $$transformValue: 'translate3d(0,-100%,0)',\n width: '100%',\n height: 250,\n bottom: 'auto',\n },\n right: {\n $$transformValue: 'translate3d(100%,0,0)',\n right: 0,\n maxWidth: '50%',\n },\n bottom: {\n $$transformValue: 'translate3d(0,100%,0)',\n width: '100%',\n height: 250,\n bottom: 0,\n top: 'auto',\n },\n left: {\n $$transformValue: 'translate3d(-100%,0,0)',\n left: 0,\n maxWidth: '50%',\n },\n },\n },\n\n defaultVariants: {\n side: 'right',\n },\n});\n\nconst StyledCloseButton = styled(DialogPrimitive.Close, {\n position: 'absolute',\n top: '$2',\n right: '$2',\n cursor: 'pointer',\n});\n\ninterface SidePanelCloseButtonProps\n extends VariantProps<typeof IconButton>,\n ComponentProps<typeof IconButton> {}\n\nconst SidePanelCloseIconButton = React.forwardRef<\n React.ElementRef<typeof IconButton>,\n SidePanelCloseButtonProps\n>((props, forwardedRef) => (\n <StyledCloseButton asChild>\n <IconButton ref={forwardedRef} css={{ color: '$hiContrast' }} {...props}>\n <Cross1Icon />\n </IconButton>\n </StyledCloseButton>\n));\n\ntype SidePanelContentVariants = VariantProps<typeof StyledContent>;\ntype SidePanelContentPrimitiveProps = React.ComponentProps<typeof DialogPrimitive.Content>;\ntype SidePanelProps = SidePanelContentPrimitiveProps &\n SidePanelContentVariants & {\n css?: CSS;\n description?: string;\n noOverlay?: boolean;\n noCloseIcon?: boolean;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange(open: boolean): void;\n };\n\nexport const SidePanel = React.forwardRef<React.ElementRef<typeof StyledContent>, SidePanelProps>(\n (\n {\n description,\n noOverlay = false,\n noCloseIcon = false,\n children,\n onOpenChange,\n open = false,\n defaultOpen = false,\n ...props\n },\n forwardedRef,\n ) => (\n <DialogPrimitive.Root open={open} onOpenChange={onOpenChange} defaultOpen={defaultOpen}>\n <DialogPrimitive.Portal>\n {!noOverlay && <SidePanelOverlay />}\n <StyledContent {...props} ref={forwardedRef}>\n {description ? (\n <VisuallyHidden asChild>\n <DialogPrimitive.Description>{description}</DialogPrimitive.Description>\n </VisuallyHidden>\n ) : null}\n {children}\n {!noCloseIcon && <SidePanelCloseIconButton />}\n </StyledContent>\n </DialogPrimitive.Portal>\n </DialogPrimitive.Root>\n ),\n);\n"],"mappings":";;;;;;;;;AASA,IAAM,SAAS,UAAU;CACvB,MAAM,EAAE,SAAS,IAAI;CACrB,IAAI,EAAE,SAAS,IAAI;AACrB,CAAC;AAED,IAAM,UAAU,UAAU;CACxB,MAAM,EAAE,SAAS,IAAI;CACrB,IAAI,EAAE,SAAS,IAAI;AACrB,CAAC;AAED,IAAM,mBAAmB,OAAO,gBAAgB,SAAS,eAAe;CACtE,UAAU;CACV,KAAK;CACL,OAAO;CACP,QAAQ;CACR,MAAM;CAEN,0BAAwB,EACtB,WAAW,GAAG,OAAO,uCACvB;CAEA,4BAA0B,EACxB,WAAW,GAAG,QAAQ,uCACxB;AACF,CAAC;AAED,IAAM,UAAU,UAAU;CACxB,MAAM,EAAE,WAAW,mBAAmB;CACtC,IAAI,EAAE,WAAW,qBAAqB;AACxC,CAAC;AAED,IAAM,WAAW,UAAU;CACzB,MAAM,EAAE,WAAW,qBAAqB;CACxC,IAAI,EAAE,WAAW,mBAAmB;AACtC,CAAC;AAED,IAAM,gBAAgB,OAAO,gBAAgB,SAAS;CACpD,iBAAiB;CACjB,WAAW;CACX,UAAU;CACV,KAAK;CACL,QAAQ;CACR,OAAO;CACP,GAAG;CAEH,0BAAwB,EACtB,WAAW,GAAG,QAAQ,uCACxB;CAEA,4BAA0B,EACxB,WAAW,GAAG,SAAS,uCACzB;CAEA,UAAU,EACR,MAAM;EACJ,KAAK;GACH,kBAAkB;GAClB,OAAO;GACP,QAAQ;GACR,QAAQ;EACV;EACA,OAAO;GACL,kBAAkB;GAClB,OAAO;GACP,UAAU;EACZ;EACA,QAAQ;GACN,kBAAkB;GAClB,OAAO;GACP,QAAQ;GACR,QAAQ;GACR,KAAK;EACP;EACA,MAAM;GACJ,kBAAkB;GAClB,MAAM;GACN,UAAU;EACZ;CACF,EACF;CAEA,iBAAiB,EACf,MAAM,QACR;AACF,CAAC;AAED,IAAM,oBAAoB,OAAO,gBAAgB,OAAO;CACtD,UAAU;CACV,KAAK;CACL,OAAO;CACP,QAAQ;AACV,CAAC;AAMD,IAAM,2BAA2B,MAAM,YAGpC,OAAO,iBACR,oBAAC,mBAAD;CAAmB,SAAA;WACjB,oBAAC,YAAD;EAAY,KAAK;EAAc,KAAK,EAAE,OAAO,cAAc;EAAG,GAAI;YAChE,oBAAC,YAAD,CAAa,CAAA;CACH,CAAA;AACK,CAAA,CACpB;AAeD,IAAa,YAAY,MAAM,YAE3B,EACE,aACA,YAAY,OACZ,cAAc,OACd,UACA,cACA,OAAO,OACP,cAAc,OACd,GAAG,SAEL,iBAEA,oBAAC,gBAAgB,MAAjB;CAA4B;CAAoB;CAA2B;WACzE,qBAAC,gBAAgB,QAAjB,EAAA,UAAA,CACG,CAAC,aAAa,oBAAC,kBAAD,CAAmB,CAAA,GAClC,qBAAC,eAAD;EAAe,GAAI;EAAO,KAAK;YAA/B;GACG,cACC,oBAAC,gBAAD;IAAgB,SAAA;cACd,oBAAC,gBAAgB,aAAjB,EAAA,UAA8B,YAAyC,CAAA;GACzD,CAAA,IACd;GACH;GACA,CAAC,eAAe,oBAAC,0BAAD,CAA2B,CAAA;EAC/B;GACO,EAAA,CAAA;AACJ,CAAA,CAE1B"}

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;;CAOQ,OAAA,kBAA2B,EACtC,qBAAqB,~~cACtB~~;~~CAEY~~,OAAA,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,aACvB;CAEa,OAAA,iBAA0B,EACrC,qBAAqB,aACvB;wBACF"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SidePanel.themes.js","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~~"}
1	+ {"version":3,"file":"SidePanel.themes.js","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,aACvB;CAEa,OAAA,iBAA0B,EACrC,qBAAqB,aACvB;wBACF"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.cjs","names":[],"sources":["../../../components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { keyframes, styled, VariantProps } from '../../stitches.config';\n\nconst pulse = keyframes({\n '0%': { opacity: 0 },\n '100%': { opacity: '100%' },\n});\n\nexport const Skeleton = styled('div', {\n backgroundColor: '$skeletonBackground',\n position: 'relative',\n overflow: 'hidden',\n borderRadius: '3px',\n height: 'auto',\n width: 'auto',\n '&:not(:empty)': {\n '& > *': {\n visibility: 'hidden',\n display: 'block',\n },\n maxWidth: 'fit-content',\n },\n\n '&::after': {\n animationName: `${pulse}`,\n animationDuration: '500ms',\n animationDirection: 'alternate',\n animationIterationCount: 'infinite',\n animationTimingFunction: 'ease-in-out',\n backgroundColor: '$skeletonAnimation',\n borderRadius: 'inherit',\n bottom: 0,\n content: '\"\"',\n left: 0,\n position: 'absolute',\n right: 0,\n top: 0,\n },\n\n variants: {\n variant: {\n square: {\n borderRadius: '$2',\n },\n circle: {\n borderRadius: '$round',\n },\n badge: {\n borderRadius: '$pill',\n display: 'inline-flex',\n },\n button: {\n borderRadius: '$3',\n display: 'inline-flex',\n },\n text: {\n '&:empty:before': {\n content: '\"\\\\00a0\"', // adds a space character before element\n },\n },\n },\n },\n defaultVariants: {\n variant: 'text',\n },\n});\n\nexport type SkeletonVariants = VariantProps<typeof Skeleton>;\nexport type SkeletonProps = SkeletonVariants & NonNullable<unknown>;\n"],"mappings":";;AAEA,IAAM,QAAQ,wBAAA,UAAU;CACtB,MAAM,EAAE,SAAS,~~GAAG~~;~~CACpB~~,QAAQ,EAAE,SAAS,~~QAAQ~~;~~CAC5B~~,CAAC;~~AAEF~~,IAAa,WAAW,wBAAA,OAAO,OAAO;CACpC,iBAAiB;CACjB,UAAU;CACV,UAAU;CACV,cAAc;CACd,QAAQ;CACR,OAAO;CACP,iBAAiB;EACf,SAAS;GACP,YAAY;GACZ,SAAS;~~GACV~~;~~EACD~~,UAAU;~~EACX~~;~~CAED~~,YAAY;EACV,eAAe,GAAG;EAClB,mBAAmB;EACnB,oBAAoB;EACpB,yBAAyB;EACzB,yBAAyB;EACzB,iBAAiB;EACjB,cAAc;EACd,QAAQ;EACR,SAAS;EACT,MAAM;EACN,UAAU;EACV,OAAO;EACP,KAAK;~~EACN~~;~~CAED~~,UAAU,EACR,SAAS;EACP,QAAQ,EACN,cAAc,~~MACf~~;~~EACD~~,QAAQ,EACN,cAAc,~~UACf~~;~~EACD~~,OAAO;GACL,cAAc;GACd,SAAS;~~GACV~~;~~EACD~~,QAAQ;GACN,cAAc;GACd,SAAS;~~GACV~~;~~EACD~~,MAAM,EACJ,kBAAkB,EAChB,SAAS,~~cACV~~,EACF;~~EACF~~,EACF;~~CACD~~,iBAAiB,EACf,SAAS,~~QACV~~;~~CACF~~,CAAC"}
1	+ {"version":3,"file":"Skeleton.cjs","names":[],"sources":["../../../components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { keyframes, styled, VariantProps } from '../../stitches.config';\n\nconst pulse = keyframes({\n '0%': { opacity: 0 },\n '100%': { opacity: '100%' },\n});\n\nexport const Skeleton = styled('div', {\n backgroundColor: '$skeletonBackground',\n position: 'relative',\n overflow: 'hidden',\n borderRadius: '3px',\n height: 'auto',\n width: 'auto',\n '&:not(:empty)': {\n '& > *': {\n visibility: 'hidden',\n display: 'block',\n },\n maxWidth: 'fit-content',\n },\n\n '&::after': {\n animationName: `${pulse}`,\n animationDuration: '500ms',\n animationDirection: 'alternate',\n animationIterationCount: 'infinite',\n animationTimingFunction: 'ease-in-out',\n backgroundColor: '$skeletonAnimation',\n borderRadius: 'inherit',\n bottom: 0,\n content: '\"\"',\n left: 0,\n position: 'absolute',\n right: 0,\n top: 0,\n },\n\n variants: {\n variant: {\n square: {\n borderRadius: '$2',\n },\n circle: {\n borderRadius: '$round',\n },\n badge: {\n borderRadius: '$pill',\n display: 'inline-flex',\n },\n button: {\n borderRadius: '$3',\n display: 'inline-flex',\n },\n text: {\n '&:empty:before': {\n content: '\"\\\\00a0\"', // adds a space character before element\n },\n },\n },\n },\n defaultVariants: {\n variant: 'text',\n },\n});\n\nexport type SkeletonVariants = VariantProps<typeof Skeleton>;\nexport type SkeletonProps = SkeletonVariants & NonNullable<unknown>;\n"],"mappings":";;AAEA,IAAM,QAAQ,wBAAA,UAAU;CACtB,MAAM,EAAE,SAAS,EAAE;CACnB,QAAQ,EAAE,SAAS,OAAO;AAC5B,CAAC;AAED,IAAa,WAAW,wBAAA,OAAO,OAAO;CACpC,iBAAiB;CACjB,UAAU;CACV,UAAU;CACV,cAAc;CACd,QAAQ;CACR,OAAO;CACP,iBAAiB;EACf,SAAS;GACP,YAAY;GACZ,SAAS;EACX;EACA,UAAU;CACZ;CAEA,YAAY;EACV,eAAe,GAAG;EAClB,mBAAmB;EACnB,oBAAoB;EACpB,yBAAyB;EACzB,yBAAyB;EACzB,iBAAiB;EACjB,cAAc;EACd,QAAQ;EACR,SAAS;EACT,MAAM;EACN,UAAU;EACV,OAAO;EACP,KAAK;CACP;CAEA,UAAU,EACR,SAAS;EACP,QAAQ,EACN,cAAc,KAChB;EACA,QAAQ,EACN,cAAc,SAChB;EACA,OAAO;GACL,cAAc;GACd,SAAS;EACX;EACA,QAAQ;GACN,cAAc;GACd,SAAS;EACX;EACA,MAAM,EACJ,kBAAkB,EAChB,SAAS,aACX,EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,OACX;AACF,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.js","names":[],"sources":["../../../components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { keyframes, styled, VariantProps } from '../../stitches.config';\n\nconst pulse = keyframes({\n '0%': { opacity: 0 },\n '100%': { opacity: '100%' },\n});\n\nexport const Skeleton = styled('div', {\n backgroundColor: '$skeletonBackground',\n position: 'relative',\n overflow: 'hidden',\n borderRadius: '3px',\n height: 'auto',\n width: 'auto',\n '&:not(:empty)': {\n '& > *': {\n visibility: 'hidden',\n display: 'block',\n },\n maxWidth: 'fit-content',\n },\n\n '&::after': {\n animationName: `${pulse}`,\n animationDuration: '500ms',\n animationDirection: 'alternate',\n animationIterationCount: 'infinite',\n animationTimingFunction: 'ease-in-out',\n backgroundColor: '$skeletonAnimation',\n borderRadius: 'inherit',\n bottom: 0,\n content: '\"\"',\n left: 0,\n position: 'absolute',\n right: 0,\n top: 0,\n },\n\n variants: {\n variant: {\n square: {\n borderRadius: '$2',\n },\n circle: {\n borderRadius: '$round',\n },\n badge: {\n borderRadius: '$pill',\n display: 'inline-flex',\n },\n button: {\n borderRadius: '$3',\n display: 'inline-flex',\n },\n text: {\n '&:empty:before': {\n content: '\"\\\\00a0\"', // adds a space character before element\n },\n },\n },\n },\n defaultVariants: {\n variant: 'text',\n },\n});\n\nexport type SkeletonVariants = VariantProps<typeof Skeleton>;\nexport type SkeletonProps = SkeletonVariants & NonNullable<unknown>;\n"],"mappings":";AAOA,IAAa,WAAW,OAAO,OAAO;CACpC,iBAAiB;CACjB,UAAU;CACV,UAAU;CACV,cAAc;CACd,QAAQ;CACR,OAAO;CACP,iBAAiB;EACf,SAAS;GACP,YAAY;GACZ,SAAS;~~GACV~~;~~EACD~~,UAAU;~~EACX~~;~~CAED~~,YAAY;EACV,eAAe,GArBL,UAAU;GACtB,MAAM,EAAE,SAAS,~~GAAG~~;~~GACpB~~,QAAQ,EAAE,SAAS,~~QAAQ~~;~~GAC5B~~,~~CAkBqB~~;EAClB,mBAAmB;EACnB,oBAAoB;EACpB,yBAAyB;EACzB,yBAAyB;EACzB,iBAAiB;EACjB,cAAc;EACd,QAAQ;EACR,SAAS;EACT,MAAM;EACN,UAAU;EACV,OAAO;EACP,KAAK;~~EACN~~;~~CAED~~,UAAU,EACR,SAAS;EACP,QAAQ,EACN,cAAc,~~MACf~~;~~EACD~~,QAAQ,EACN,cAAc,~~UACf~~;~~EACD~~,OAAO;GACL,cAAc;GACd,SAAS;~~GACV~~;~~EACD~~,QAAQ;GACN,cAAc;GACd,SAAS;~~GACV~~;~~EACD~~,MAAM,EACJ,kBAAkB,EAChB,SAAS,~~cACV~~,EACF;~~EACF~~,EACF;~~CACD~~,iBAAiB,EACf,SAAS,~~QACV~~;~~CACF~~,CAAC"}
1	+ {"version":3,"file":"Skeleton.js","names":[],"sources":["../../../components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { keyframes, styled, VariantProps } from '../../stitches.config';\n\nconst pulse = keyframes({\n '0%': { opacity: 0 },\n '100%': { opacity: '100%' },\n});\n\nexport const Skeleton = styled('div', {\n backgroundColor: '$skeletonBackground',\n position: 'relative',\n overflow: 'hidden',\n borderRadius: '3px',\n height: 'auto',\n width: 'auto',\n '&:not(:empty)': {\n '& > *': {\n visibility: 'hidden',\n display: 'block',\n },\n maxWidth: 'fit-content',\n },\n\n '&::after': {\n animationName: `${pulse}`,\n animationDuration: '500ms',\n animationDirection: 'alternate',\n animationIterationCount: 'infinite',\n animationTimingFunction: 'ease-in-out',\n backgroundColor: '$skeletonAnimation',\n borderRadius: 'inherit',\n bottom: 0,\n content: '\"\"',\n left: 0,\n position: 'absolute',\n right: 0,\n top: 0,\n },\n\n variants: {\n variant: {\n square: {\n borderRadius: '$2',\n },\n circle: {\n borderRadius: '$round',\n },\n badge: {\n borderRadius: '$pill',\n display: 'inline-flex',\n },\n button: {\n borderRadius: '$3',\n display: 'inline-flex',\n },\n text: {\n '&:empty:before': {\n content: '\"\\\\00a0\"', // adds a space character before element\n },\n },\n },\n },\n defaultVariants: {\n variant: 'text',\n },\n});\n\nexport type SkeletonVariants = VariantProps<typeof Skeleton>;\nexport type SkeletonProps = SkeletonVariants & NonNullable<unknown>;\n"],"mappings":";AAOA,IAAa,WAAW,OAAO,OAAO;CACpC,iBAAiB;CACjB,UAAU;CACV,UAAU;CACV,cAAc;CACd,QAAQ;CACR,OAAO;CACP,iBAAiB;EACf,SAAS;GACP,YAAY;GACZ,SAAS;EACX;EACA,UAAU;CACZ;CAEA,YAAY;EACV,eAAe,GArBL,UAAU;GACtB,MAAM,EAAE,SAAS,EAAE;GACnB,QAAQ,EAAE,SAAS,OAAO;EAC5B,CAkBsB;EAClB,mBAAmB;EACnB,oBAAoB;EACpB,yBAAyB;EACzB,yBAAyB;EACzB,iBAAiB;EACjB,cAAc;EACd,QAAQ;EACR,SAAS;EACT,MAAM;EACN,UAAU;EACV,OAAO;EACP,KAAK;CACP;CAEA,UAAU,EACR,SAAS;EACP,QAAQ,EACN,cAAc,KAChB;EACA,QAAQ,EACN,cAAc,SAChB;EACA,OAAO;GACL,cAAc;GACd,SAAS;EACX;EACA,QAAQ;GACN,cAAc;GACd,SAAS;EACX;EACA,MAAM,EACJ,kBAAkB,EAChB,SAAS,aACX,EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,OACX;AACF,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.themes.cjs","names":[],"sources":["../../../components/Skeleton/Skeleton.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n type Colors = {\n skeletonBackground: Property.Color;\n skeletonAnimation: Property.Color;\n };\n\n type Factory = (primaryColor?: ColorInfo) => Colors;\n\n export const getLight: Factory = () => ({\n skeletonBackground: '$slate4',\n skeletonAnimation: '$slate6',\n });\n\n export const getDark: Factory = () => ({\n skeletonBackground: '$deepBlue3',\n skeletonAnimation: '$deepBlue4',\n });\n}\n"],"mappings":";AAIO,IAAA;;CAQQ,OAAA,kBAA2B;EACtC,oBAAoB;EACpB,mBAAmB;~~EACpB~~;~~CAEY~~,OAAA,iBAA0B;EACrC,oBAAoB;EACpB,mBAAmB;~~EACpB~~;~~yBACF~~"}
1	+ {"version":3,"file":"Skeleton.themes.cjs","names":[],"sources":["../../../components/Skeleton/Skeleton.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n type Colors = {\n skeletonBackground: Property.Color;\n skeletonAnimation: Property.Color;\n };\n\n type Factory = (primaryColor?: ColorInfo) => Colors;\n\n export const getLight: Factory = () => ({\n skeletonBackground: '$slate4',\n skeletonAnimation: '$slate6',\n });\n\n export const getDark: Factory = () => ({\n skeletonBackground: '$deepBlue3',\n skeletonAnimation: '$deepBlue4',\n });\n}\n"],"mappings":";AAIO,IAAA;;CAQQ,OAAA,kBAA2B;EACtC,oBAAoB;EACpB,mBAAmB;CACrB;CAEa,OAAA,iBAA0B;EACrC,oBAAoB;EACpB,mBAAmB;CACrB;wBACF"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.themes.js","names":[],"sources":["../../../components/Skeleton/Skeleton.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n type Colors = {\n skeletonBackground: Property.Color;\n skeletonAnimation: Property.Color;\n };\n\n type Factory = (primaryColor?: ColorInfo) => Colors;\n\n export const getLight: Factory = () => ({\n skeletonBackground: '$slate4',\n skeletonAnimation: '$slate6',\n });\n\n export const getDark: Factory = () => ({\n skeletonBackground: '$deepBlue3',\n skeletonAnimation: '$deepBlue4',\n });\n}\n"],"mappings":";AAIO,IAAA;;CAQQ,OAAA,kBAA2B;EACtC,oBAAoB;EACpB,mBAAmB;~~EACpB~~;~~CAEY~~,OAAA,iBAA0B;EACrC,oBAAoB;EACpB,mBAAmB;~~EACpB~~;~~yBACF~~"}
1	+ {"version":3,"file":"Skeleton.themes.js","names":[],"sources":["../../../components/Skeleton/Skeleton.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n type Colors = {\n skeletonBackground: Property.Color;\n skeletonAnimation: Property.Color;\n };\n\n type Factory = (primaryColor?: ColorInfo) => Colors;\n\n export const getLight: Factory = () => ({\n skeletonBackground: '$slate4',\n skeletonAnimation: '$slate6',\n });\n\n export const getDark: Factory = () => ({\n skeletonBackground: '$deepBlue3',\n skeletonAnimation: '$deepBlue4',\n });\n}\n"],"mappings":";AAIO,IAAA;;CAQQ,OAAA,kBAA2B;EACtC,oBAAoB;EACpB,mBAAmB;CACrB;CAEa,OAAA,iBAA0B;EACrC,oBAAoB;EACpB,mBAAmB;CACrB;wBACF"}

package/dist/components/Skeleton/Skeleton.vanilla.cjs CHANGED Viewed

@@ -1,4 +1,3 @@
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_cssProps = require("../../styles/cssProps.cjs");
 const require_themeContext = require("../../styles/themeContext.cjs");
 const require_Skeleton_vanilla_css = require("./Skeleton.vanilla.css.cjs");

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.vanilla.cjs","names":[],"sources":["../../../components/Skeleton/Skeleton.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 { skeletonRecipe } from './Skeleton.vanilla.css';\n\ntype SkeletonRecipeVariants = NonNullable<RecipeVariants<typeof skeletonRecipe>>;\n\ninterface SkeletonVanillaOwnProps extends SkeletonRecipeVariants, CSSProps {}\n\nexport type SkeletonVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n C,\n SkeletonVanillaOwnProps\n>;\n\ntype SkeletonVanillaComponent = PolymorphicComponent<'div', SkeletonVanillaProps<ElementType>>;\n\nconst SkeletonVanillaImpl = forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, variant, ...props }: SkeletonVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'div';\n const { colors } = useVanillaExtractTheme();\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = skeletonRecipe({ variant });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nSkeletonVanillaImpl.displayName = 'SkeletonVanilla';\n\nexport const SkeletonVanilla = SkeletonVanillaImpl as SkeletonVanillaComponent;\n"],"mappings":"~~;;;;;;;;~~AAwBA,IAAM,uBAAA,GAAA,MAAA,aAEF,EAAE,IAAI,WAAW,KAAK,OAAO,SAAS,GAAG,SACzC,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,qBAAA,~~wBAAwB~~;~~CAC3C~~,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,6BAAA,eAAe,EAAE,~~SAAS~~,~~CAK5B~~,~~CAAY~~,GAAG,aAAa,KAAK,~~MAAM~~;~~EACrD~~,OAAO;EACP,GAAI;~~EACJ~~,CAAA;~~EAGP~~;~~AAED~~,oBAAoB,cAAc;AAElC,IAAa,kBAAkB"}
1	+ {"version":3,"file":"Skeleton.vanilla.cjs","names":[],"sources":["../../../components/Skeleton/Skeleton.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 { skeletonRecipe } from './Skeleton.vanilla.css';\n\ntype SkeletonRecipeVariants = NonNullable<RecipeVariants<typeof skeletonRecipe>>;\n\ninterface SkeletonVanillaOwnProps extends SkeletonRecipeVariants, CSSProps {}\n\nexport type SkeletonVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n C,\n SkeletonVanillaOwnProps\n>;\n\ntype SkeletonVanillaComponent = PolymorphicComponent<'div', SkeletonVanillaProps<ElementType>>;\n\nconst SkeletonVanillaImpl = forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, variant, ...props }: SkeletonVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'div';\n const { colors } = useVanillaExtractTheme();\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = skeletonRecipe({ variant });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nSkeletonVanillaImpl.displayName = 'SkeletonVanilla';\n\nexport const SkeletonVanilla = SkeletonVanillaImpl as SkeletonVanillaComponent;\n"],"mappings":";;;;;;;AAwBA,IAAM,uBAAA,GAAA,MAAA,aAEF,EAAE,IAAI,WAAW,KAAK,OAAO,SAAS,GAAG,SACzC,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,qBAAA,uBAAuB;CAC1C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,kBAAoB,IAAI;CAC1B;CAIA,OACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,GALK,6BAAA,eAAe,EAAE,QAAQ,CAK3B,EAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,oBAAoB,cAAc;AAElC,IAAa,kBAAkB"}

package/dist/components/Skeleton/Skeleton.vanilla.css.cjs CHANGED Viewed

@@ -1,4 +1,3 @@
-require("../../_virtual/_rolldown/runtime.cjs");
 ;/* empty css                                      */
 //#region components/Skeleton/Skeleton.vanilla.css.ts
 var skeletonRecipe = (0, require("@vanilla-extract/recipes/createRuntimeFn").createRuntimeFn)({

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.vanilla.js","names":[],"sources":["../../../components/Skeleton/Skeleton.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 { skeletonRecipe } from './Skeleton.vanilla.css';\n\ntype SkeletonRecipeVariants = NonNullable<RecipeVariants<typeof skeletonRecipe>>;\n\ninterface SkeletonVanillaOwnProps extends SkeletonRecipeVariants, CSSProps {}\n\nexport type SkeletonVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n C,\n SkeletonVanillaOwnProps\n>;\n\ntype SkeletonVanillaComponent = PolymorphicComponent<'div', SkeletonVanillaProps<ElementType>>;\n\nconst SkeletonVanillaImpl = forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, variant, ...props }: SkeletonVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'div';\n const { colors } = useVanillaExtractTheme();\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = skeletonRecipe({ variant });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nSkeletonVanillaImpl.displayName = 'SkeletonVanilla';\n\nexport const SkeletonVanilla = SkeletonVanillaImpl as SkeletonVanillaComponent;\n"],"mappings":";;;;;;;AAwBA,IAAM,sBAAsB,YAExB,EAAE,IAAI,WAAW,KAAK,OAAO,SAAS,GAAG,SACzC,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,~~wBAAwB~~;~~CAC3C~~,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,eAAe,EAAE,~~SAAS~~,~~CAK5B~~,~~CAAY~~,GAAG,aAAa,KAAK,~~MAAM~~;~~EACrD~~,OAAO;EACP,GAAI;~~EACJ~~,CAAA;~~EAGP~~;~~AAED~~,oBAAoB,cAAc;AAElC,IAAa,kBAAkB"}
1	+ {"version":3,"file":"Skeleton.vanilla.js","names":[],"sources":["../../../components/Skeleton/Skeleton.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 { skeletonRecipe } from './Skeleton.vanilla.css';\n\ntype SkeletonRecipeVariants = NonNullable<RecipeVariants<typeof skeletonRecipe>>;\n\ninterface SkeletonVanillaOwnProps extends SkeletonRecipeVariants, CSSProps {}\n\nexport type SkeletonVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n C,\n SkeletonVanillaOwnProps\n>;\n\ntype SkeletonVanillaComponent = PolymorphicComponent<'div', SkeletonVanillaProps<ElementType>>;\n\nconst SkeletonVanillaImpl = forwardRef(\n <C extends ElementType = 'div'>(\n { as, className, css, style, variant, ...props }: SkeletonVanillaProps<C>,\n ref?: PolymorphicRef<C>,\n ) => {\n const Component = as \|\| 'div';\n const { colors } = useVanillaExtractTheme();\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = skeletonRecipe({ variant });\n\n return (\n <Component\n ref={ref}\n className={`${recipeClass} ${className \|\| ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nSkeletonVanillaImpl.displayName = 'SkeletonVanilla';\n\nexport const SkeletonVanilla = SkeletonVanillaImpl as SkeletonVanillaComponent;\n"],"mappings":";;;;;;;AAwBA,IAAM,sBAAsB,YAExB,EAAE,IAAI,WAAW,KAAK,OAAO,SAAS,GAAG,SACzC,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,uBAAuB;CAC1C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;CAE7D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,IAAI;CAC1B;CAIA,OACE,oBAAC,WAAD;EACO;EACL,WAAW,GALK,eAAe,EAAE,QAAQ,CAK3B,EAAY,GAAG,aAAa,KAAK,KAAK;EACpD,OAAO;EACP,GAAI;CACL,CAAA;AAEL,CACF;AAEA,oBAAoB,cAAc;AAElC,IAAa,kBAAkB"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Switch.cjs","names":[],"sources":["../../../components/Switch/Switch.tsx"],"sourcesContent":["import * as SwitchPrimitive from '@radix-ui/react-switch';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\n// CONSTANTS\nconst THUMB_DIAMETER = 14; // @FIXME: shouldn't this size be part of theme ?\nconst LARGE_RATIO = 1.5;\nconst THUMB_GAP = 2; // Gap between thumb and background\nconst ROOT_WIDTH = 32;\nconst ROOT_HEIGHT = 18;\n\n// COMPONENTS\nconst StyledThumb = styled(SwitchPrimitive.Thumb, {\n position: 'absolute',\n left: 0,\n width: THUMB_DIAMETER,\n height: THUMB_DIAMETER,\n backgroundColor: '$switchThumb',\n borderRadius: '$round',\n boxShadow: 'rgba(0, 0, 0, 0.3) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 1px 2px;',\n transition: 'transform 100ms cubic-bezier(0.22, 1, 0.36, 1)',\n transform: `translateX(${THUMB_GAP}px)`,\n willChange: 'transform',\n\n '&[data-state=\"checked\"]': {\n transform: `translateX(${ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER}px)`,\n },\n});\n\nconst StyledSwitch = styled(SwitchPrimitive.Root, {\n all: 'unset',\n boxSizing: 'border-box',\n userSelect: 'none',\n '&::before': {\n boxSizing: 'border-box',\n },\n '&::after': {\n boxSizing: 'border-box',\n },\n\n // Reset\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center',\n lineHeight: '1',\n margin: '0',\n outline: 'none',\n WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n\n backgroundColor: '$switchBackground',\n borderRadius: '$pill',\n position: 'relative',\n '@hover': {\n '&:hover': {\n cursor: 'pointer',\n [`& ${StyledThumb}`]: {\n ...elevationVariants[1],\n },\n },\n },\n '&:focus': {\n outline: '2px solid $switchFocusBorder',\n [`& ${StyledThumb}`]: {\n ...elevationVariants[2],\n },\n },\n '&:disabled': {\n pointerEvents: 'none',\n opacity: 0.38,\n },\n '&[data-state=\"checked\"]': {\n backgroundColor: '$switchActiveBackground',\n },\n\n variants: {\n size: {\n '1': {\n width: ROOT_WIDTH,\n height: ROOT_HEIGHT,\n m: '$2',\n },\n '2': {\n width: ROOT_WIDTH * LARGE_RATIO,\n height: ROOT_HEIGHT * LARGE_RATIO,\n [`& ${StyledThumb}`]: {\n width: THUMB_DIAMETER * LARGE_RATIO,\n height: THUMB_DIAMETER * LARGE_RATIO,\n transform: `translateX(${LARGE_RATIO * THUMB_GAP})`,\n\n '&[data-state=\"checked\"]': {\n transform: `translateX(${LARGE_RATIO * (ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER)}px)`,\n },\n },\n },\n },\n },\n defaultVariants: {\n size: '1',\n },\n});\n\nexport type SwitchVariants = VariantProps<typeof StyledSwitch>;\ntype SwitchPrimitiveProps = Omit<React.ComponentProps<typeof SwitchPrimitive.Root>, 'as'>;\nexport type SwitchProps = SwitchPrimitiveProps & SwitchVariants & { css?: CSS };\n\nexport const Switch = React.forwardRef<React.ElementRef<typeof StyledSwitch>, SwitchProps>(\n (props, forwardedRef) => (\n <StyledSwitch {...props} ref={forwardedRef}>\n <StyledThumb />\n </StyledSwitch>\n )\n);\n"],"mappings":";;;;;;;;;AAOA,IAAM,iBAAiB;AACvB,IAAM,cAAc;AACpB,IAAM,YAAY;AAClB,IAAM,aAAa;AACnB,IAAM,cAAc;AAGpB,IAAM,cAAc,wBAAA,OAAO,uBAAgB,OAAO;CAChD,UAAU;CACV,MAAM;CACN,OAAO;CACP,QAAQ;CACR,iBAAiB;CACjB,cAAc;CACd,WAAW;CACX,YAAY;CACZ,WAAW,cAAc,UAAU;CACnC,YAAY;CAEZ,6BAA2B,EACzB,WAAW,cAAc,aAAa,YAAY,eAAe,~~MAClE~~;~~CACF~~,CAAC;~~AAEF~~,IAAM,eAAe,wBAAA,OAAO,uBAAgB,MAAM;CAChD,KAAK;CACL,WAAW;CACX,YAAY;CACZ,aAAa,EACX,WAAW,~~cACZ~~;~~CACD~~,YAAY,EACV,WAAW,~~cACZ~~;~~CAGD~~,YAAY;CACZ,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,QAAQ;CACR,SAAS;CACT,yBAAyB;CAEzB,iBAAiB;CACjB,cAAc;CACd,UAAU;CACV,UAAU,EACR,WAAW;EACT,QAAQ;GACP,KAAK,gBAAgB,EACpB,GAAG,kBAAA,kBAAkB,~~IACtB~~;~~EACF~~,EACF;~~CACD~~,WAAW;EACT,SAAS;GACR,KAAK,gBAAgB,EACpB,GAAG,kBAAA,kBAAkB,~~IACtB~~;~~EACF~~;~~CACD~~,cAAc;EACZ,eAAe;EACf,SAAS;~~EACV~~;~~CACD~~,6BAA2B,EACzB,iBAAiB,~~2BAClB~~;~~CAED~~,UAAU,EACR,MAAM;EACJ,KAAK;GACH,OAAO;GACP,QAAQ;GACR,GAAG;~~GACJ~~;~~EACD~~,KAAK;GACH,OAAO,aAAa;GACpB,QAAQ,cAAc;IACrB,KAAK,gBAAgB;IACpB,OAAO,iBAAiB;IACxB,QAAQ,iBAAiB;IACzB,WAAW,cAAc,cAAc,UAAU;IAEjD,6BAA2B,EACzB,WAAW,cAAc,eAAe,aAAa,YAAY,gBAAgB,~~MAClF~~;~~IACF;~~GACF;EACF,EACF;~~CACD~~,iBAAiB,EACf,MAAM,~~KACP~~;~~CACF~~,CAAC;~~AAMF~~,IAAa,SAAS,MAAA,QAAM,YACzB,OAAO,iBACN,iBAAA,GAAA,kBAAA,KAAC,cAAD;CAAc,GAAI;CAAO,KAAK;WAC5B,iBAAA,GAAA,kBAAA,KAAC,aAAD,~~EAAe~~,CAAA;~~CACF~~,CAAA,CAElB"}
1	+ {"version":3,"file":"Switch.cjs","names":[],"sources":["../../../components/Switch/Switch.tsx"],"sourcesContent":["import * as SwitchPrimitive from '@radix-ui/react-switch';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\n// CONSTANTS\nconst THUMB_DIAMETER = 14; // @FIXME: shouldn't this size be part of theme ?\nconst LARGE_RATIO = 1.5;\nconst THUMB_GAP = 2; // Gap between thumb and background\nconst ROOT_WIDTH = 32;\nconst ROOT_HEIGHT = 18;\n\n// COMPONENTS\nconst StyledThumb = styled(SwitchPrimitive.Thumb, {\n position: 'absolute',\n left: 0,\n width: THUMB_DIAMETER,\n height: THUMB_DIAMETER,\n backgroundColor: '$switchThumb',\n borderRadius: '$round',\n boxShadow: 'rgba(0, 0, 0, 0.3) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 1px 2px;',\n transition: 'transform 100ms cubic-bezier(0.22, 1, 0.36, 1)',\n transform: `translateX(${THUMB_GAP}px)`,\n willChange: 'transform',\n\n '&[data-state=\"checked\"]': {\n transform: `translateX(${ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER}px)`,\n },\n});\n\nconst StyledSwitch = styled(SwitchPrimitive.Root, {\n all: 'unset',\n boxSizing: 'border-box',\n userSelect: 'none',\n '&::before': {\n boxSizing: 'border-box',\n },\n '&::after': {\n boxSizing: 'border-box',\n },\n\n // Reset\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center',\n lineHeight: '1',\n margin: '0',\n outline: 'none',\n WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n\n backgroundColor: '$switchBackground',\n borderRadius: '$pill',\n position: 'relative',\n '@hover': {\n '&:hover': {\n cursor: 'pointer',\n [`& ${StyledThumb}`]: {\n ...elevationVariants[1],\n },\n },\n },\n '&:focus': {\n outline: '2px solid $switchFocusBorder',\n [`& ${StyledThumb}`]: {\n ...elevationVariants[2],\n },\n },\n '&:disabled': {\n pointerEvents: 'none',\n opacity: 0.38,\n },\n '&[data-state=\"checked\"]': {\n backgroundColor: '$switchActiveBackground',\n },\n\n variants: {\n size: {\n '1': {\n width: ROOT_WIDTH,\n height: ROOT_HEIGHT,\n m: '$2',\n },\n '2': {\n width: ROOT_WIDTH * LARGE_RATIO,\n height: ROOT_HEIGHT * LARGE_RATIO,\n [`& ${StyledThumb}`]: {\n width: THUMB_DIAMETER * LARGE_RATIO,\n height: THUMB_DIAMETER * LARGE_RATIO,\n transform: `translateX(${LARGE_RATIO * THUMB_GAP})`,\n\n '&[data-state=\"checked\"]': {\n transform: `translateX(${LARGE_RATIO * (ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER)}px)`,\n },\n },\n },\n },\n },\n defaultVariants: {\n size: '1',\n },\n});\n\nexport type SwitchVariants = VariantProps<typeof StyledSwitch>;\ntype SwitchPrimitiveProps = Omit<React.ComponentProps<typeof SwitchPrimitive.Root>, 'as'>;\nexport type SwitchProps = SwitchPrimitiveProps & SwitchVariants & { css?: CSS };\n\nexport const Switch = React.forwardRef<React.ElementRef<typeof StyledSwitch>, SwitchProps>(\n (props, forwardedRef) => (\n <StyledSwitch {...props} ref={forwardedRef}>\n <StyledThumb />\n </StyledSwitch>\n )\n);\n"],"mappings":";;;;;;;;;AAOA,IAAM,iBAAiB;AACvB,IAAM,cAAc;AACpB,IAAM,YAAY;AAClB,IAAM,aAAa;AACnB,IAAM,cAAc;AAGpB,IAAM,cAAc,wBAAA,OAAO,uBAAgB,OAAO;CAChD,UAAU;CACV,MAAM;CACN,OAAO;CACP,QAAQ;CACR,iBAAiB;CACjB,cAAc;CACd,WAAW;CACX,YAAY;CACZ,WAAW,cAAc,UAAU;CACnC,YAAY;CAEZ,6BAA2B,EACzB,WAAW,cAAc,aAAa,YAAY,eAAe,KACnE;AACF,CAAC;AAED,IAAM,eAAe,wBAAA,OAAO,uBAAgB,MAAM;CAChD,KAAK;CACL,WAAW;CACX,YAAY;CACZ,aAAa,EACX,WAAW,aACb;CACA,YAAY,EACV,WAAW,aACb;CAGA,YAAY;CACZ,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,QAAQ;CACR,SAAS;CACT,yBAAyB;CAEzB,iBAAiB;CACjB,cAAc;CACd,UAAU;CACV,UAAU,EACR,WAAW;EACT,QAAQ;GACP,KAAK,gBAAgB,EACpB,GAAG,kBAAA,kBAAkB,GACvB;CACF,EACF;CACA,WAAW;EACT,SAAS;GACR,KAAK,gBAAgB,EACpB,GAAG,kBAAA,kBAAkB,GACvB;CACF;CACA,cAAc;EACZ,eAAe;EACf,SAAS;CACX;CACA,6BAA2B,EACzB,iBAAiB,0BACnB;CAEA,UAAU,EACR,MAAM;EACJ,KAAK;GACH,OAAO;GACP,QAAQ;GACR,GAAG;EACL;EACA,KAAK;GACH,OAAO,aAAa;GACpB,QAAQ,cAAc;IACrB,KAAK,gBAAgB;IACpB,OAAO,iBAAiB;IACxB,QAAQ,iBAAiB;IACzB,WAAW,cAAc,cAAc,UAAU;IAEjD,6BAA2B,EACzB,WAAW,cAAc,eAAe,aAAa,YAAY,gBAAgB,KACnF;GACF;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,IACR;AACF,CAAC;AAMD,IAAa,SAAS,MAAA,QAAM,YACzB,OAAO,iBACN,iBAAA,GAAA,kBAAA,KAAC,cAAD;CAAc,GAAI;CAAO,KAAK;WAC5B,iBAAA,GAAA,kBAAA,KAAC,aAAD,CAAc,CAAA;AACF,CAAA,CAElB"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Switch.js","names":[],"sources":["../../../components/Switch/Switch.tsx"],"sourcesContent":["import * as SwitchPrimitive from '@radix-ui/react-switch';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\n// CONSTANTS\nconst THUMB_DIAMETER = 14; // @FIXME: shouldn't this size be part of theme ?\nconst LARGE_RATIO = 1.5;\nconst THUMB_GAP = 2; // Gap between thumb and background\nconst ROOT_WIDTH = 32;\nconst ROOT_HEIGHT = 18;\n\n// COMPONENTS\nconst StyledThumb = styled(SwitchPrimitive.Thumb, {\n position: 'absolute',\n left: 0,\n width: THUMB_DIAMETER,\n height: THUMB_DIAMETER,\n backgroundColor: '$switchThumb',\n borderRadius: '$round',\n boxShadow: 'rgba(0, 0, 0, 0.3) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 1px 2px;',\n transition: 'transform 100ms cubic-bezier(0.22, 1, 0.36, 1)',\n transform: `translateX(${THUMB_GAP}px)`,\n willChange: 'transform',\n\n '&[data-state=\"checked\"]': {\n transform: `translateX(${ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER}px)`,\n },\n});\n\nconst StyledSwitch = styled(SwitchPrimitive.Root, {\n all: 'unset',\n boxSizing: 'border-box',\n userSelect: 'none',\n '&::before': {\n boxSizing: 'border-box',\n },\n '&::after': {\n boxSizing: 'border-box',\n },\n\n // Reset\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center',\n lineHeight: '1',\n margin: '0',\n outline: 'none',\n WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n\n backgroundColor: '$switchBackground',\n borderRadius: '$pill',\n position: 'relative',\n '@hover': {\n '&:hover': {\n cursor: 'pointer',\n [`& ${StyledThumb}`]: {\n ...elevationVariants[1],\n },\n },\n },\n '&:focus': {\n outline: '2px solid $switchFocusBorder',\n [`& ${StyledThumb}`]: {\n ...elevationVariants[2],\n },\n },\n '&:disabled': {\n pointerEvents: 'none',\n opacity: 0.38,\n },\n '&[data-state=\"checked\"]': {\n backgroundColor: '$switchActiveBackground',\n },\n\n variants: {\n size: {\n '1': {\n width: ROOT_WIDTH,\n height: ROOT_HEIGHT,\n m: '$2',\n },\n '2': {\n width: ROOT_WIDTH * LARGE_RATIO,\n height: ROOT_HEIGHT * LARGE_RATIO,\n [`& ${StyledThumb}`]: {\n width: THUMB_DIAMETER * LARGE_RATIO,\n height: THUMB_DIAMETER * LARGE_RATIO,\n transform: `translateX(${LARGE_RATIO * THUMB_GAP})`,\n\n '&[data-state=\"checked\"]': {\n transform: `translateX(${LARGE_RATIO * (ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER)}px)`,\n },\n },\n },\n },\n },\n defaultVariants: {\n size: '1',\n },\n});\n\nexport type SwitchVariants = VariantProps<typeof StyledSwitch>;\ntype SwitchPrimitiveProps = Omit<React.ComponentProps<typeof SwitchPrimitive.Root>, 'as'>;\nexport type SwitchProps = SwitchPrimitiveProps & SwitchVariants & { css?: CSS };\n\nexport const Switch = React.forwardRef<React.ElementRef<typeof StyledSwitch>, SwitchProps>(\n (props, forwardedRef) => (\n <StyledSwitch {...props} ref={forwardedRef}>\n <StyledThumb />\n </StyledSwitch>\n )\n);\n"],"mappings":";;;;;;AAOA,IAAM,iBAAiB;AACvB,IAAM,cAAc;AACpB,IAAM,YAAY;AAClB,IAAM,aAAa;AACnB,IAAM,cAAc;AAGpB,IAAM,cAAc,OAAO,gBAAgB,OAAO;CAChD,UAAU;CACV,MAAM;CACN,OAAO;CACP,QAAQ;CACR,iBAAiB;CACjB,cAAc;CACd,WAAW;CACX,YAAY;CACZ,WAAW,cAAc,UAAU;CACnC,YAAY;CAEZ,6BAA2B,EACzB,WAAW,cAAc,aAAa,YAAY,eAAe,~~MAClE~~;~~CACF~~,CAAC;~~AAEF~~,IAAM,eAAe,OAAO,gBAAgB,MAAM;CAChD,KAAK;CACL,WAAW;CACX,YAAY;CACZ,aAAa,EACX,WAAW,~~cACZ~~;~~CACD~~,YAAY,EACV,WAAW,~~cACZ~~;~~CAGD~~,YAAY;CACZ,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,QAAQ;CACR,SAAS;CACT,yBAAyB;CAEzB,iBAAiB;CACjB,cAAc;CACd,UAAU;CACV,UAAU,EACR,WAAW;EACT,QAAQ;GACP,KAAK,gBAAgB,EACpB,GAAG,kBAAkB,~~IACtB~~;~~EACF~~,EACF;~~CACD~~,WAAW;EACT,SAAS;GACR,KAAK,gBAAgB,EACpB,GAAG,kBAAkB,~~IACtB~~;~~EACF~~;~~CACD~~,cAAc;EACZ,eAAe;EACf,SAAS;~~EACV~~;~~CACD~~,6BAA2B,EACzB,iBAAiB,~~2BAClB~~;~~CAED~~,UAAU,EACR,MAAM;EACJ,KAAK;GACH,OAAO;GACP,QAAQ;GACR,GAAG;~~GACJ~~;~~EACD~~,KAAK;GACH,OAAO,aAAa;GACpB,QAAQ,cAAc;IACrB,KAAK,gBAAgB;IACpB,OAAO,iBAAiB;IACxB,QAAQ,iBAAiB;IACzB,WAAW,cAAc,cAAc,UAAU;IAEjD,6BAA2B,EACzB,WAAW,cAAc,eAAe,aAAa,YAAY,gBAAgB,~~MAClF~~;~~IACF;~~GACF;EACF,EACF;~~CACD~~,iBAAiB,EACf,MAAM,~~KACP~~;~~CACF~~,CAAC;~~AAMF~~,IAAa,SAAS,MAAM,YACzB,OAAO,iBACN,oBAAC,cAAD;CAAc,GAAI;CAAO,KAAK;WAC5B,oBAAC,aAAD,~~EAAe~~,CAAA;~~CACF~~,CAAA,CAElB"}
1	+ {"version":3,"file":"Switch.js","names":[],"sources":["../../../components/Switch/Switch.tsx"],"sourcesContent":["import * as SwitchPrimitive from '@radix-ui/react-switch';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\n// CONSTANTS\nconst THUMB_DIAMETER = 14; // @FIXME: shouldn't this size be part of theme ?\nconst LARGE_RATIO = 1.5;\nconst THUMB_GAP = 2; // Gap between thumb and background\nconst ROOT_WIDTH = 32;\nconst ROOT_HEIGHT = 18;\n\n// COMPONENTS\nconst StyledThumb = styled(SwitchPrimitive.Thumb, {\n position: 'absolute',\n left: 0,\n width: THUMB_DIAMETER,\n height: THUMB_DIAMETER,\n backgroundColor: '$switchThumb',\n borderRadius: '$round',\n boxShadow: 'rgba(0, 0, 0, 0.3) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 1px 2px;',\n transition: 'transform 100ms cubic-bezier(0.22, 1, 0.36, 1)',\n transform: `translateX(${THUMB_GAP}px)`,\n willChange: 'transform',\n\n '&[data-state=\"checked\"]': {\n transform: `translateX(${ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER}px)`,\n },\n});\n\nconst StyledSwitch = styled(SwitchPrimitive.Root, {\n all: 'unset',\n boxSizing: 'border-box',\n userSelect: 'none',\n '&::before': {\n boxSizing: 'border-box',\n },\n '&::after': {\n boxSizing: 'border-box',\n },\n\n // Reset\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center',\n lineHeight: '1',\n margin: '0',\n outline: 'none',\n WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n\n backgroundColor: '$switchBackground',\n borderRadius: '$pill',\n position: 'relative',\n '@hover': {\n '&:hover': {\n cursor: 'pointer',\n [`& ${StyledThumb}`]: {\n ...elevationVariants[1],\n },\n },\n },\n '&:focus': {\n outline: '2px solid $switchFocusBorder',\n [`& ${StyledThumb}`]: {\n ...elevationVariants[2],\n },\n },\n '&:disabled': {\n pointerEvents: 'none',\n opacity: 0.38,\n },\n '&[data-state=\"checked\"]': {\n backgroundColor: '$switchActiveBackground',\n },\n\n variants: {\n size: {\n '1': {\n width: ROOT_WIDTH,\n height: ROOT_HEIGHT,\n m: '$2',\n },\n '2': {\n width: ROOT_WIDTH * LARGE_RATIO,\n height: ROOT_HEIGHT * LARGE_RATIO,\n [`& ${StyledThumb}`]: {\n width: THUMB_DIAMETER * LARGE_RATIO,\n height: THUMB_DIAMETER * LARGE_RATIO,\n transform: `translateX(${LARGE_RATIO * THUMB_GAP})`,\n\n '&[data-state=\"checked\"]': {\n transform: `translateX(${LARGE_RATIO * (ROOT_WIDTH - THUMB_GAP - THUMB_DIAMETER)}px)`,\n },\n },\n },\n },\n },\n defaultVariants: {\n size: '1',\n },\n});\n\nexport type SwitchVariants = VariantProps<typeof StyledSwitch>;\ntype SwitchPrimitiveProps = Omit<React.ComponentProps<typeof SwitchPrimitive.Root>, 'as'>;\nexport type SwitchProps = SwitchPrimitiveProps & SwitchVariants & { css?: CSS };\n\nexport const Switch = React.forwardRef<React.ElementRef<typeof StyledSwitch>, SwitchProps>(\n (props, forwardedRef) => (\n <StyledSwitch {...props} ref={forwardedRef}>\n <StyledThumb />\n </StyledSwitch>\n )\n);\n"],"mappings":";;;;;;AAOA,IAAM,iBAAiB;AACvB,IAAM,cAAc;AACpB,IAAM,YAAY;AAClB,IAAM,aAAa;AACnB,IAAM,cAAc;AAGpB,IAAM,cAAc,OAAO,gBAAgB,OAAO;CAChD,UAAU;CACV,MAAM;CACN,OAAO;CACP,QAAQ;CACR,iBAAiB;CACjB,cAAc;CACd,WAAW;CACX,YAAY;CACZ,WAAW,cAAc,UAAU;CACnC,YAAY;CAEZ,6BAA2B,EACzB,WAAW,cAAc,aAAa,YAAY,eAAe,KACnE;AACF,CAAC;AAED,IAAM,eAAe,OAAO,gBAAgB,MAAM;CAChD,KAAK;CACL,WAAW;CACX,YAAY;CACZ,aAAa,EACX,WAAW,aACb;CACA,YAAY,EACV,WAAW,aACb;CAGA,YAAY;CACZ,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,QAAQ;CACR,SAAS;CACT,yBAAyB;CAEzB,iBAAiB;CACjB,cAAc;CACd,UAAU;CACV,UAAU,EACR,WAAW;EACT,QAAQ;GACP,KAAK,gBAAgB,EACpB,GAAG,kBAAkB,GACvB;CACF,EACF;CACA,WAAW;EACT,SAAS;GACR,KAAK,gBAAgB,EACpB,GAAG,kBAAkB,GACvB;CACF;CACA,cAAc;EACZ,eAAe;EACf,SAAS;CACX;CACA,6BAA2B,EACzB,iBAAiB,0BACnB;CAEA,UAAU,EACR,MAAM;EACJ,KAAK;GACH,OAAO;GACP,QAAQ;GACR,GAAG;EACL;EACA,KAAK;GACH,OAAO,aAAa;GACpB,QAAQ,cAAc;IACrB,KAAK,gBAAgB;IACpB,OAAO,iBAAiB;IACxB,QAAQ,iBAAiB;IACzB,WAAW,cAAc,cAAc,UAAU;IAEjD,6BAA2B,EACzB,WAAW,cAAc,eAAe,aAAa,YAAY,gBAAgB,KACnF;GACF;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,IACR;AACF,CAAC;AAMD,IAAa,SAAS,MAAM,YACzB,OAAO,iBACN,oBAAC,cAAD;CAAc,GAAI;CAAO,KAAK;WAC5B,oBAAC,aAAD,CAAc,CAAA;AACF,CAAA,CAElB"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Switch.themes.cjs","names":[],"sources":["../../../components/Switch/Switch.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n type Colors = {\n switchBackground: Property.Color;\n switchActiveBackground: Property.Color;\n switchFocusBorder: Property.Color;\n switchThumb: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = (primaryColor) => ({\n switchBackground: tinycolor('black').setAlpha(0.2).toHslString(),\n switchActiveBackground: '$primary',\n switchFocusBorder: primaryColor.helpers.pickScale(8),\n switchThumb: tinycolor('white').setAlpha(0.87).toHslString(),\n });\n\n export const getDark: Factory = (primaryColor) => ({\n switchBackground: tinycolor('white').setAlpha(0.2).toHslString(),\n switchActiveBackground: '$primary',\n switchFocusBorder: primaryColor.helpers.pickScale(11),\n switchThumb: tinycolor('black').setAlpha(0.87).toHslString(),\n });\n}\n"],"mappings":";;;;AAKO,IAAA;;CAUQ,OAAA,YAAqB,kBAAkB;EAClD,mBAAA,GAAA,WAAA,SAA4B,~~QAAQ~~,~~CAAC~~,SAAS,~~GAAI~~,~~CAAC~~,~~aAAa~~;~~EAChE~~,wBAAwB;EACxB,mBAAmB,aAAa,QAAQ,UAAU,~~EAAE~~;~~EACpD~~,cAAA,GAAA,WAAA,SAAuB,~~QAAQ~~,~~CAAC~~,SAAS,~~IAAK~~,~~CAAC~~,~~aAAa~~;~~EAC7D~~;~~CAEY~~,OAAA,WAAoB,kBAAkB;EACjD,mBAAA,GAAA,WAAA,SAA4B,~~QAAQ~~,~~CAAC~~,SAAS,~~GAAI~~,~~CAAC~~,~~aAAa~~;~~EAChE~~,wBAAwB;EACxB,mBAAmB,aAAa,QAAQ,UAAU,~~GAAG~~;~~EACrD~~,cAAA,GAAA,WAAA,SAAuB,~~QAAQ~~,~~CAAC~~,SAAS,~~IAAK~~,~~CAAC~~,~~aAAa~~;~~EAC7D~~;~~yBACF~~"}
1	+ {"version":3,"file":"Switch.themes.cjs","names":[],"sources":["../../../components/Switch/Switch.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n type Colors = {\n switchBackground: Property.Color;\n switchActiveBackground: Property.Color;\n switchFocusBorder: Property.Color;\n switchThumb: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = (primaryColor) => ({\n switchBackground: tinycolor('black').setAlpha(0.2).toHslString(),\n switchActiveBackground: '$primary',\n switchFocusBorder: primaryColor.helpers.pickScale(8),\n switchThumb: tinycolor('white').setAlpha(0.87).toHslString(),\n });\n\n export const getDark: Factory = (primaryColor) => ({\n switchBackground: tinycolor('white').setAlpha(0.2).toHslString(),\n switchActiveBackground: '$primary',\n switchFocusBorder: primaryColor.helpers.pickScale(11),\n switchThumb: tinycolor('black').setAlpha(0.87).toHslString(),\n });\n}\n"],"mappings":";;;;AAKO,IAAA;;CAUQ,OAAA,YAAqB,kBAAkB;EAClD,mBAAA,GAAA,WAAA,SAA4B,OAAO,EAAE,SAAS,EAAG,EAAE,YAAY;EAC/D,wBAAwB;EACxB,mBAAmB,aAAa,QAAQ,UAAU,CAAC;EACnD,cAAA,GAAA,WAAA,SAAuB,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;CAC7D;CAEa,OAAA,WAAoB,kBAAkB;EACjD,mBAAA,GAAA,WAAA,SAA4B,OAAO,EAAE,SAAS,EAAG,EAAE,YAAY;EAC/D,wBAAwB;EACxB,mBAAmB,aAAa,QAAQ,UAAU,EAAE;EACpD,cAAA,GAAA,WAAA,SAAuB,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;CAC7D;wBACF"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Switch.themes.js","names":[],"sources":["../../../components/Switch/Switch.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n type Colors = {\n switchBackground: Property.Color;\n switchActiveBackground: Property.Color;\n switchFocusBorder: Property.Color;\n switchThumb: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = (primaryColor) => ({\n switchBackground: tinycolor('black').setAlpha(0.2).toHslString(),\n switchActiveBackground: '$primary',\n switchFocusBorder: primaryColor.helpers.pickScale(8),\n switchThumb: tinycolor('white').setAlpha(0.87).toHslString(),\n });\n\n export const getDark: Factory = (primaryColor) => ({\n switchBackground: tinycolor('white').setAlpha(0.2).toHslString(),\n switchActiveBackground: '$primary',\n switchFocusBorder: primaryColor.helpers.pickScale(11),\n switchThumb: tinycolor('black').setAlpha(0.87).toHslString(),\n });\n}\n"],"mappings":";;AAKO,IAAA;;CAUQ,OAAA,YAAqB,kBAAkB;EAClD,kBAAkB,UAAU,~~QAAQ~~,~~CAAC~~,SAAS,~~GAAI~~,~~CAAC~~,~~aAAa~~;~~EAChE~~,wBAAwB;EACxB,mBAAmB,aAAa,QAAQ,UAAU,~~EAAE~~;~~EACpD~~,aAAa,UAAU,~~QAAQ~~,~~CAAC~~,SAAS,~~IAAK~~,~~CAAC~~,~~aAAa~~;~~EAC7D~~;~~CAEY~~,OAAA,WAAoB,kBAAkB;EACjD,kBAAkB,UAAU,~~QAAQ~~,~~CAAC~~,SAAS,~~GAAI~~,~~CAAC~~,~~aAAa~~;~~EAChE~~,wBAAwB;EACxB,mBAAmB,aAAa,QAAQ,UAAU,~~GAAG~~;~~EACrD~~,aAAa,UAAU,~~QAAQ~~,~~CAAC~~,SAAS,~~IAAK~~,~~CAAC~~,~~aAAa~~;~~EAC7D~~;~~yBACF~~"}
1	+ {"version":3,"file":"Switch.themes.js","names":[],"sources":["../../../components/Switch/Switch.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n type Colors = {\n switchBackground: Property.Color;\n switchActiveBackground: Property.Color;\n switchFocusBorder: Property.Color;\n switchThumb: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = (primaryColor) => ({\n switchBackground: tinycolor('black').setAlpha(0.2).toHslString(),\n switchActiveBackground: '$primary',\n switchFocusBorder: primaryColor.helpers.pickScale(8),\n switchThumb: tinycolor('white').setAlpha(0.87).toHslString(),\n });\n\n export const getDark: Factory = (primaryColor) => ({\n switchBackground: tinycolor('white').setAlpha(0.2).toHslString(),\n switchActiveBackground: '$primary',\n switchFocusBorder: primaryColor.helpers.pickScale(11),\n switchThumb: tinycolor('black').setAlpha(0.87).toHslString(),\n });\n}\n"],"mappings":";;AAKO,IAAA;;CAUQ,OAAA,YAAqB,kBAAkB;EAClD,kBAAkB,UAAU,OAAO,EAAE,SAAS,EAAG,EAAE,YAAY;EAC/D,wBAAwB;EACxB,mBAAmB,aAAa,QAAQ,UAAU,CAAC;EACnD,aAAa,UAAU,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;CAC7D;CAEa,OAAA,WAAoB,kBAAkB;EACjD,kBAAkB,UAAU,OAAO,EAAE,SAAS,EAAG,EAAE,YAAY;EAC/D,wBAAwB;EACxB,mBAAmB,aAAa,QAAQ,UAAU,EAAE;EACpD,aAAa,UAAU,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;CAC7D;wBACF"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.cjs","names":[],"sources":["../../../components/Table/Table.tsx"],"sourcesContent":["import { ChevronRightIcon } from '@radix-ui/react-icons';\nimport React, { ComponentProps, ElementRef, forwardRef, ReactNode, useMemo, useState } from 'react';\n\nimport { styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { elevationVariants } from '../Elevation';\nimport { Flex } from '../Flex';\nimport { Label } from '../Label';\nimport { Text } from '../Text';\n\nexport const Caption = styled('caption', Text, {\n display: 'table-caption',\n textAlign: 'start',\n fontVariantNumeric: 'proportional-nums',\n fontWeight: '$medium',\n lineHeight: '1.25',\n});\n\nexport const Tbody = styled('tbody', {\n width: '100%',\n verticalAlign: 'middle',\n});\n\nexport const Th = styled('th', Label, {\n // override Label\n display: 'table-cell',\n verticalAlign: 'inherit',\n\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n\n textAlign: 'start',\n p: '$2 $3',\n borderBottom: '1px solid $tableRowBorder',\n\n variants: {\n align: {\n start: {\n textAlign: 'start',\n },\n center: {\n textAlign: 'center',\n },\n end: {\n textAlign: 'end',\n },\n },\n transform: {\n capitalize: {\n display: 'table-cell', // revert Label enforced value\n },\n },\n },\n defaultVariants: {\n align: 'start',\n },\n});\n\nexport const Td = styled('td', {\n boxSizing: 'border-box',\n p: '$5 $3',\n borderBottom: '1px solid $tableRowBorder',\n fontSize: '$3',\n lineHeight: '16px',\n verticalAlign: 'inherit',\n variants: {\n subtle: {\n true: {\n fontWeight: '$regular',\n color: '$tableSubtleText',\n },\n },\n align: {\n start: {\n textAlign: 'start',\n },\n center: {\n textAlign: 'center',\n },\n end: {\n textAlign: 'end',\n },\n },\n },\n defaultVariants: {\n align: 'start',\n },\n});\n\nexport const StyledTr = styled('tr', {\n verticalAlign: 'inherit',\n '&:hover': {\n color: '$tableHoverText',\n },\n [`&:last-child > ${Td}`]: {\n borderBottom: 'none',\n },\n\n variants: {\n interactive: {\n true: {\n '&:hover': {\n backgroundColor: '$tableHoverBackground',\n cursor: 'pointer',\n },\n },\n },\n active: {\n true: {\n backgroundColor: '$tableHoverBackground',\n color: '$tableActiveText',\n fontWeight: '$semiBold',\n },\n },\n },\n compoundVariants: [\n {\n interactive: true,\n active: true,\n css: {\n '&:hover': {\n color: '$tableActiveHoverText',\n },\n },\n },\n ],\n});\n\nconst AnimatedTr = ({\n collapsedContentColSpan,\n isOpen,\n children,\n}: {\n collapsedContentColSpan: number;\n isOpen: boolean;\n children: ReactNode;\n}) => {\n const appliedStyle = useMemo(\n () =>\n isOpen\n ? { transition: 'padding 0.2s ease-out' }\n : {\n transition: 'padding 0.2s ease-out',\n lineHeight: 0,\n fontSize: 0,\n padding: '0px 16px',\n border: 'none',\n },\n [isOpen],\n );\n\n const containerStyle = useMemo(\n () =>\n isOpen\n ? { transition: 'all 0.2s ease-out' }\n : {\n transition: 'all 0.2s ease-out',\n height: 0,\n overflow: 'hidden',\n },\n [isOpen],\n );\n\n return (\n <Tr>\n <Td colSpan={collapsedContentColSpan} css={appliedStyle}>\n <Box css={containerStyle}>{children}</Box>\n </Td>\n </Tr>\n );\n};\nexport type TrProps = ComponentProps<typeof StyledTr> &\n VariantProps<typeof StyledTr> & {\n children: React.ReactNode;\n collapsedContent?: React.ReactNode;\n emptyFirstColumn?: boolean;\n tableHead?: boolean;\n collapsedContentColSpan?: number;\n };\n\nexport const Tr = forwardRef<ElementRef<typeof StyledTr>, TrProps>(\n (\n {\n children,\n collapsedContent,\n emptyFirstColumn = false,\n tableHead = false,\n collapsedContentColSpan = 1,\n css,\n ...props\n },\n ref,\n ) => {\n const [isCollapsed, setIsCollapsed] = useState(false);\n\n return (\n <>\n <StyledTr\n ref={ref}\n css={\n !!collapsedContent && !isCollapsed\n ? {\n ...css,\n [`&:nth-last-child(2) > ${Td}`]: {\n borderBottom: 'none',\n },\n }\n : { ...css }\n }\n {...props}\n >\n {emptyFirstColumn ? tableHead ? <Th css={{ width: 24 }} /> : <Td /> : null}\n {!!collapsedContent && (\n <Td\n css={{ padding: '0 0 0 $3' }}\n onClick={(e) => {\n e.stopPropagation();\n e.preventDefault();\n }}\n >\n <Flex\n align=\"center\"\n justify=\"center\"\n css={{\n height: '40px',\n '&:hover': {\n color: '$tableActiveText',\n },\n }}\n onClick={() => setIsCollapsed(!isCollapsed)}\n >\n <ChevronRightIcon\n style={{\n cursor: 'pointer',\n transition: 'transform 0.2s ease-out',\n transform: isCollapsed ? 'rotate(90deg)' : 'initial',\n }}\n />\n </Flex>\n </Td>\n )}\n {children}\n </StyledTr>\n {!!collapsedContent && (\n <AnimatedTr isOpen={isCollapsed} collapsedContentColSpan={collapsedContentColSpan}>\n {collapsedContent}\n </AnimatedTr>\n )}\n </>\n );\n },\n);\n\nexport const Tfoot = styled('tfoot', {\n verticalAlign: 'middle',\n position: 'relative',\n borderRadius: 'inherit',\n\n '&::after': {\n pointerEvents: 'none',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n backgroundColor: '$tableFooterLayerBackground',\n borderRadius: 'inherit',\n },\n\n [`& ${Td}`]: {\n fontSize: '$1',\n color: '$tableHeaderText',\n fontWeight: '$light',\n p: '$2 $3',\n },\n});\n\nexport const Thead = styled('thead', {\n position: 'relative',\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n verticalAlign: 'middle',\n\n '&::after': {\n pointerEvents: 'none',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n backgroundColor: '$tableHeaderLayerBackground',\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n },\n\n [`& ${Th}`]: {\n fontSize: '$1',\n color: '$tableHeaderText',\n fontWeight: '$light',\n },\n});\n\nexport const Table = styled('table', {\n width: '100%',\n tableLayout: 'fixed',\n boxSizing: 'border-box',\n borderCollapse: 'separate',\n borderSpacing: 0,\n fontFamily: '$rubik',\n color: '$tableText',\n borderRadius: '$3',\n overflow: 'hidden',\n [`& ${Tbody}:not(:empty) ~ ${Tfoot}`]: {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n [`& ${Td}`]: {\n borderTop: '1px solid $tableRowBorder',\n },\n },\n [`& ${Thead}:not(:empty) ~ ${Tfoot}`]: {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n },\n\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 1,\n },\n});\n\nexport type TableVariants = VariantProps<typeof Table>;\nexport type TableProps = TableVariants & NonNullable<unknown>;\n"],"mappings":"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"}
1	+ {"version":3,"file":"Table.cjs","names":[],"sources":["../../../components/Table/Table.tsx"],"sourcesContent":["import { ChevronRightIcon } from '@radix-ui/react-icons';\nimport React, { ComponentProps, ElementRef, forwardRef, ReactNode, useMemo, useState } from 'react';\n\nimport { styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { elevationVariants } from '../Elevation';\nimport { Flex } from '../Flex';\nimport { Label } from '../Label';\nimport { Text } from '../Text';\n\nexport const Caption = styled('caption', Text, {\n display: 'table-caption',\n textAlign: 'start',\n fontVariantNumeric: 'proportional-nums',\n fontWeight: '$medium',\n lineHeight: '1.25',\n});\n\nexport const Tbody = styled('tbody', {\n width: '100%',\n verticalAlign: 'middle',\n});\n\nexport const Th = styled('th', Label, {\n // override Label\n display: 'table-cell',\n verticalAlign: 'inherit',\n\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n\n textAlign: 'start',\n p: '$2 $3',\n borderBottom: '1px solid $tableRowBorder',\n\n variants: {\n align: {\n start: {\n textAlign: 'start',\n },\n center: {\n textAlign: 'center',\n },\n end: {\n textAlign: 'end',\n },\n },\n transform: {\n capitalize: {\n display: 'table-cell', // revert Label enforced value\n },\n },\n },\n defaultVariants: {\n align: 'start',\n },\n});\n\nexport const Td = styled('td', {\n boxSizing: 'border-box',\n p: '$5 $3',\n borderBottom: '1px solid $tableRowBorder',\n fontSize: '$3',\n lineHeight: '16px',\n verticalAlign: 'inherit',\n variants: {\n subtle: {\n true: {\n fontWeight: '$regular',\n color: '$tableSubtleText',\n },\n },\n align: {\n start: {\n textAlign: 'start',\n },\n center: {\n textAlign: 'center',\n },\n end: {\n textAlign: 'end',\n },\n },\n },\n defaultVariants: {\n align: 'start',\n },\n});\n\nexport const StyledTr = styled('tr', {\n verticalAlign: 'inherit',\n '&:hover': {\n color: '$tableHoverText',\n },\n [`&:last-child > ${Td}`]: {\n borderBottom: 'none',\n },\n\n variants: {\n interactive: {\n true: {\n '&:hover': {\n backgroundColor: '$tableHoverBackground',\n cursor: 'pointer',\n },\n },\n },\n active: {\n true: {\n backgroundColor: '$tableHoverBackground',\n color: '$tableActiveText',\n fontWeight: '$semiBold',\n },\n },\n },\n compoundVariants: [\n {\n interactive: true,\n active: true,\n css: {\n '&:hover': {\n color: '$tableActiveHoverText',\n },\n },\n },\n ],\n});\n\nconst AnimatedTr = ({\n collapsedContentColSpan,\n isOpen,\n children,\n}: {\n collapsedContentColSpan: number;\n isOpen: boolean;\n children: ReactNode;\n}) => {\n const appliedStyle = useMemo(\n () =>\n isOpen\n ? { transition: 'padding 0.2s ease-out' }\n : {\n transition: 'padding 0.2s ease-out',\n lineHeight: 0,\n fontSize: 0,\n padding: '0px 16px',\n border: 'none',\n },\n [isOpen],\n );\n\n const containerStyle = useMemo(\n () =>\n isOpen\n ? { transition: 'all 0.2s ease-out' }\n : {\n transition: 'all 0.2s ease-out',\n height: 0,\n overflow: 'hidden',\n },\n [isOpen],\n );\n\n return (\n <Tr>\n <Td colSpan={collapsedContentColSpan} css={appliedStyle}>\n <Box css={containerStyle}>{children}</Box>\n </Td>\n </Tr>\n );\n};\nexport type TrProps = ComponentProps<typeof StyledTr> &\n VariantProps<typeof StyledTr> & {\n children: React.ReactNode;\n collapsedContent?: React.ReactNode;\n emptyFirstColumn?: boolean;\n tableHead?: boolean;\n collapsedContentColSpan?: number;\n };\n\nexport const Tr = forwardRef<ElementRef<typeof StyledTr>, TrProps>(\n (\n {\n children,\n collapsedContent,\n emptyFirstColumn = false,\n tableHead = false,\n collapsedContentColSpan = 1,\n css,\n ...props\n },\n ref,\n ) => {\n const [isCollapsed, setIsCollapsed] = useState(false);\n\n return (\n <>\n <StyledTr\n ref={ref}\n css={\n !!collapsedContent && !isCollapsed\n ? {\n ...css,\n [`&:nth-last-child(2) > ${Td}`]: {\n borderBottom: 'none',\n },\n }\n : { ...css }\n }\n {...props}\n >\n {emptyFirstColumn ? tableHead ? <Th css={{ width: 24 }} /> : <Td /> : null}\n {!!collapsedContent && (\n <Td\n css={{ padding: '0 0 0 $3' }}\n onClick={(e) => {\n e.stopPropagation();\n e.preventDefault();\n }}\n >\n <Flex\n align=\"center\"\n justify=\"center\"\n css={{\n height: '40px',\n '&:hover': {\n color: '$tableActiveText',\n },\n }}\n onClick={() => setIsCollapsed(!isCollapsed)}\n >\n <ChevronRightIcon\n style={{\n cursor: 'pointer',\n transition: 'transform 0.2s ease-out',\n transform: isCollapsed ? 'rotate(90deg)' : 'initial',\n }}\n />\n </Flex>\n </Td>\n )}\n {children}\n </StyledTr>\n {!!collapsedContent && (\n <AnimatedTr isOpen={isCollapsed} collapsedContentColSpan={collapsedContentColSpan}>\n {collapsedContent}\n </AnimatedTr>\n )}\n </>\n );\n },\n);\n\nexport const Tfoot = styled('tfoot', {\n verticalAlign: 'middle',\n position: 'relative',\n borderRadius: 'inherit',\n\n '&::after': {\n pointerEvents: 'none',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n backgroundColor: '$tableFooterLayerBackground',\n borderRadius: 'inherit',\n },\n\n [`& ${Td}`]: {\n fontSize: '$1',\n color: '$tableHeaderText',\n fontWeight: '$light',\n p: '$2 $3',\n },\n});\n\nexport const Thead = styled('thead', {\n position: 'relative',\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n verticalAlign: 'middle',\n\n '&::after': {\n pointerEvents: 'none',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n backgroundColor: '$tableHeaderLayerBackground',\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n },\n\n [`& ${Th}`]: {\n fontSize: '$1',\n color: '$tableHeaderText',\n fontWeight: '$light',\n },\n});\n\nexport const Table = styled('table', {\n width: '100%',\n tableLayout: 'fixed',\n boxSizing: 'border-box',\n borderCollapse: 'separate',\n borderSpacing: 0,\n fontFamily: '$rubik',\n color: '$tableText',\n borderRadius: '$3',\n overflow: 'hidden',\n [`& ${Tbody}:not(:empty) ~ ${Tfoot}`]: {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n [`& ${Td}`]: {\n borderTop: '1px solid $tableRowBorder',\n },\n },\n [`& ${Thead}:not(:empty) ~ ${Tfoot}`]: {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n },\n\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 1,\n },\n});\n\nexport type TableVariants = VariantProps<typeof Table>;\nexport type TableProps = TableVariants & NonNullable<unknown>;\n"],"mappings":"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"}