npm - @magiclabs/ui-components - Versions diffs - 1.52.1 → 2.1.0 - Mend

@magiclabs/ui-components 1.52.1 → 2.1.0

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

package/dist/cjs/recipes/callout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"callout.js","sources":["../../../src/recipes/callout.ts"],"sourcesContent":["import { sva } from '@~~styled~~/~~css~~';\n\nexport const callout = sva({\n slots: ['container', 'label', 'description', 'icon', 'button', 'focus'],\n base: {\n container: ~~{\n~~ px: ~~4,\n~~ py: ~~3,\n~~ rounded: ~~10,\n~~ w~~: '~~full',\n ~~},\n~~ button: {\n cursor: '~~pointer'~~,\n outline: '~~none'~~,\n ~~_focusVisible~~: ~~{\n outlineColor~~: '~~brand~~.~~base~~',\n ~~outlineStyle~~: '~~solid~~',\n ~~outlineWidth~~: '~~thick~~',\n ~~outlineOffset~~: ~~0.5~~,\n ~~rounded: 2,\n },\n~~ ~~},\n label~~: ~~{\n textAlign:~~ '~~left~~',\n ~~},\n~~ },\n variants: {\n size: {\n sm: {\n label: ~~{ fontSize:~~ 'sm' },\n ~~},\n~~ md: {\n label: ~~{ fontSize:~~ 'md' },\n ~~},\n~~ lg: {\n label: ~~{ fontSize:~~ 'lg' },\n ~~},\n~~ },\n variant: {\n branded: {\n container: ~~{\n~~ bg~~: '~~brand.lightest~~',\n _focusVisible:~~ ~~{\n outlineColor~~: 'brand.lightest',\n ~~},\n~~ ~~},\n~~ label: ~~{\n color:~~ 'brand.darkest',\n ~~},\n~~ description: ~~{\n color:~~ 'brand.darkest',\n ~~},\n~~ icon: ~~{\n color:~~ 'brand.darkest',\n ~~},\n~~ button: ~~{\n color:~~ 'brand.darkest',\n ~~},\n~~ },\n success: {\n container: ~~{\n~~ bg~~: '~~positive.lightest~~',\n _focusVisible:~~ ~~{\n outlineColor~~: 'positive.lightest',\n ~~},\n~~ ~~},\n~~ label: ~~{\n color:~~ 'positive.darkest',\n ~~},\n~~ description: ~~{\n color:~~ 'positive.darkest',\n ~~},\n~~ icon: ~~{\n color:~~ 'positive.darkest',\n ~~},\n~~ button: ~~{\n color:~~ 'positive.darkest',\n ~~},\n~~ },\n error: {\n container: ~~{\n~~ bg~~: '~~negative.lightest~~',\n _focusVisible:~~ ~~{\n outlineColor~~: 'negative.lightest',\n ~~},\n~~ ~~},\n~~ label: ~~{\n color:~~ 'negative.darkest~~',\n _dark:~~ ~~{\n color~~: 'negative.base',\n ~~},\n~~ ~~},\n~~ description: ~~{\n color:~~ 'negative.darkest~~',\n _dark:~~ ~~{\n color~~: 'negative.base',\n ~~},\n~~ ~~},\n~~ icon: ~~{\n color:~~ 'negative.darkest~~',\n _dark:~~ ~~{\n color~~: 'negative.base',\n ~~},\n~~ ~~},\n~~ button: ~~{\n color:~~ 'negative.darkest~~',\n _dark:~~ ~~{\n color~~: 'negative.base',\n ~~},\n },\n~~ },\n warning: {\n container: ~~{\n~~ bg~~: '~~warning.lightest~~',\n _focusVisible:~~ ~~{\n outlineColor~~: 'warning.lightest',\n ~~},\n~~ ~~},\n~~ label: ~~{\n color:~~ 'warning.darkest',\n ~~},\n~~ description: ~~{\n color:~~ 'warning.darkest',\n ~~},\n~~ icon: ~~{\n color:~~ 'warning.darkest',\n ~~},\n~~ button: ~~{\n color:~~ 'warning.darkest',\n ~~},\n~~ },\n neutral: {\n container: ~~{\n~~ bg~~: '~~surface.secondary~~',\n _focusVisible:~~ ~~{\n outlineColor~~: 'surface.secondary',\n ~~},\n~~ ~~},\n~~ label: ~~{\n color:~~ 'text.secondary',\n ~~},\n~~ description: ~~{\n color:~~ 'text.secondary',\n ~~},\n~~ icon: ~~{\n color:~~ 'text.secondary',\n ~~},\n~~ button: ~~{\n color:~~ 'text.secondary',\n ~~},\n~~ },\n },\n icon: {\n true: {\n description: ~~{\n~~ ml: 7,\n ~~},\n~~ },\n },\n dismissible: {\n true: {\n description: ~~{\n~~ mr: 7,\n ~~},\n~~ },\n },\n interactive: {\n true: {\n container: {\n cursor: ~~'pointer',\n~~ transition~~: '~~transform ~~0.2s ease~~, opacity ~~0.2s~~ ease',\n ~~_active~~: ~~{ transform: '~~scale~~(0.~~95)' ~~},\n _hover~~: ~~{\n~~ opacity~~: 0.8~~,\n ~~},\n _focusVisible~~: ~~{\n outlineStyle~~: ~~'solid',\n outlineWidth~~: ~~'thick',\n outlineOffset:~~ 0.5,\n ~~},\n~~ },\n },\n },\n description: {\n true: {\n label: ~~{\n textTransform:~~ 'uppercase~~',\n fontSize:~~ 'xs~~',\n fontWeight:~~ 'semibold~~',\n letterSpacing:~~ '0.06rem',\n ~~},\n~~ },\n },\n isDismissed: {\n true: {\n container~~: {\~~n ~~animationFillMode~~: ~~'forwards',\n animationName~~: ~~'scaleOut',\n animationDuration~~: ~~'150ms',\n _motionReduce~~: { scale~~: 1 }~~,\n ~~},\n~~ },\n },\n },\n});\n"],"names":["callout","sva"],"mappings":"~~gDAEaA~~,EAAUC,EAAAA,IAAI,CACzB,MAAO,CAAC,YAAa,QAAS,cAAe,OAAQ,SAAU,OAAO,EACtE,KAAM,CACJ,UAAW,~~CACT~~,~~GAAI,EACJ,GAAI,EACJ,QAAS,GACT,EAAG,MACJ,EACD,~~OAAQ,CACN,~~OAAQ~~,~~UACR~~,~~QAAS~~,~~OACT~~,~~cAAe~~,~~CACb~~,~~aAAc~~,~~aACd~~,~~aAAc~~,~~QACd~~,~~aAAc~~,~~QACd~~,~~cAAe,GACf,QAAS,CACV,CACF,EACD,~~MAAO,~~CACL~~,~~UAAW,MACZ,CACF,~~EACD,SAAU,CACR,KAAM,CACJ,GAAI,~~CACF~~,MAAO,~~CAAE~~,~~SAAU~~,~~IAAM,CAC1B,EACD,~~GAAI,~~CACF~~,MAAO,~~CAAE~~,~~SAAU~~,~~IAAM,CAC1B,EACD,~~GAAI,~~CACF~~,MAAO,~~CAAE~~,~~SAAU~~,~~IAAM,CAC1B,CACF,~~EACD,QAAS,CACP,QAAS,CACP,UAAW,~~CACT~~,~~GAAI,iBACJ,cAAe,CACb,aAAc,gBACf,CACF,EACD,~~MAAO,~~CACL~~,~~MAAO,eACR,EACD,~~YAAa,~~CACX~~,~~MAAO,eACR,EACD,~~KAAM,~~CACJ~~,~~MAAO,eACR,EACD,~~OAAQ,~~CACN~~,~~MAAO,eACR,CACF,~~EACD,QAAS,CACP,UAAW,~~CACT,GAAI,oBACJ,cAAe,CACb,aAAc,mBACf,CACF,EACD,~~MAAO,~~CACL~~,~~MAAO,kBACR,EACD,~~YAAa,~~CACX~~,~~MAAO,kBACR,EACD,~~KAAM,~~CACJ~~,~~MAAO,kBACR,EACD,~~OAAQ,~~CACN~~,~~MAAO,kBACR,CACF,~~EACD,MAAO,CACL,UAAW,~~CACT,GAAI,oBACJ,cAAe,CACb,aAAc,mBACf,CACF,EACD,~~MAAO,~~CACL~~,~~MAAO,mBACP,MAAO,CACL,MAAO,eACR,CACF,EACD,~~YAAa,~~CACX~~,~~MAAO,mBACP,MAAO,CACL,MAAO,eACR,CACF,EACD,~~KAAM,~~CACJ~~,~~MAAO,mBACP,MAAO,CACL,MAAO,eACR,CACF,EACD,~~OAAQ,~~CACN,MAAO,mBACP,MAAO,CACL,MAAO,eACR,CACF,CACF,~~EACD,QAAS,CACP,UAAW,~~CACT~~,~~GAAI,mBACJ,cAAe,CACb,aAAc,kBACf,CACF,EACD,~~MAAO,~~CACL~~,~~MAAO,iBACR,EACD,~~YAAa,~~CACX~~,~~MAAO,iBACR,EACD,~~KAAM,~~CACJ~~,~~MAAO,iBACR,EACD,~~OAAQ,~~CACN~~,~~MAAO,iBACR,CACF,~~EACD,QAAS,CACP,UAAW,~~CACT,GAAI,oBACJ,cAAe,CACb,aAAc,mBACf,CACF,EACD,~~MAAO,~~CACL~~,~~MAAO,gBACR,EACD,~~YAAa,~~CACX~~,~~MAAO,gBACR,EACD,~~KAAM,~~CACJ~~,~~MAAO,gBACR,EACD,~~OAAQ,~~CACN~~,~~MAAO,gBACR,~~CACF,~~CACF,~~EACD,KAAM,CACJ,KAAM,CACJ,YAAa,~~CACX~~,~~GAAI,CACL,~~CACF,~~CACF,~~EACD,YAAa,CACX,KAAM,CACJ,YAAa,~~CACX~~,~~GAAI,CACL,~~CACF,~~CACF,~~EACD,YAAa,CACX,KAAM,CACJ,UAAW,CACT,~~OAAQ~~,~~UACR~~,~~WAAY~~,~~yCACZ~~,~~QAAS~~,~~CAAE~~,~~UAAW,aAAe,EACrC,OAAQ,CACN,QAAS,EACV,EACD,cAAe,CACb,aAAc,QACd,aAAc,QACd,cAAe,EAChB,~~CACF,~~CACF,CACF,~~EACD,YAAa,CACX,KAAM,CACJ,MAAO,~~CACL~~,~~cAAe,YACf,SAAU,KACV,WAAY,WACZ,cAAe,SAChB,~~CACF,~~CACF,~~EACD,YAAa,CACX,KAAM,CACJ,~~UAAW~~,~~CACT~~,~~kBAAmB,WACnB,cAAe,WACf,kBAAmB,QACnB,cAAe,CAAE,MAAO,CAAG,CAC5B,~~CACF,CACF,CACF,~~CACF,~~CAAA"}
1	+ {"version":3,"file":"callout.js","sources":["../../../src/recipes/callout.ts"],"sourcesContent":["import { sva } from '@lib/sva';\n\nexport const callout = sva({\n slots: ['container', 'label', 'description', 'icon', 'button', 'focus'] as const,\n base: {\n container: 'px-4 py-3 rounded-[10px] w-full',\n button: [\n 'cursor-pointer outline-none',\n 'focus-visible:outline-brand-base focus-visible:outline focus-visible:outline-thick',\n 'focus-visible:outline-offset-[0.125rem] focus-visible:rounded-sm',\n ].join(' '),\n label: 'text-left',\n description: '',\n icon: '',\n focus: '',\n },\n variants: {\n size: {\n sm: { label: 'text-sm' },\n md: { label: 'text-base' },\n lg: { label: 'text-lg' },\n },\n variant: {\n branded: {\n container: 'bg-brand-lightest focus-visible:outline-brand-lightest',\n label: 'text-brand-darkest',\n description: 'text-brand-darkest',\n icon: 'text-brand-darkest',\n button: 'text-brand-darkest',\n },\n success: {\n container: 'bg-positive-lightest focus-visible:outline-positive-lightest',\n label: 'text-positive-darkest',\n description: 'text-positive-darkest',\n icon: 'text-positive-darkest',\n button: 'text-positive-darkest',\n },\n error: {\n container: 'bg-negative-lightest focus-visible:outline-negative-lightest',\n label: 'text-negative-darkest dark:text-negative-base',\n description: 'text-negative-darkest dark:text-negative-base',\n icon: 'text-negative-darkest dark:text-negative-base',\n button: 'text-negative-darkest dark:text-negative-base',\n },\n warning: {\n container: 'bg-warning-lightest focus-visible:outline-warning-lightest',\n label: 'text-warning-darkest',\n description: 'text-warning-darkest',\n icon: 'text-warning-darkest',\n button: 'text-warning-darkest',\n },\n neutral: {\n container: 'bg-surface-secondary focus-visible:outline-surface-secondary',\n label: 'text-text-secondary',\n description: 'text-text-secondary',\n icon: 'text-text-secondary',\n button: 'text-text-secondary',\n },\n },\n icon: {\n true: {\n description: 'ml-7',\n },\n },\n dismissible: {\n true: {\n description: 'mr-7',\n },\n },\n interactive: {\n true: {\n container: [\n 'cursor-pointer transition-[transform,opacity] duration-200 ease-in-out',\n 'active:scale-95 hover:opacity-80',\n 'focus-visible:outline focus-visible:outline-thick focus-visible:outline-offset-[0.125rem]',\n ].join(' '),\n },\n },\n description: {\n true: {\n label: 'uppercase text-xs font-semibold tracking-[0.06rem]',\n },\n },\n isDismissed: {\n true: {\n container:\n '[animation-fill-mode:forwards] [animation-name:scaleOut] [animation-duration:150ms] motion-reduce:scale-100',\n },\n },\n },\n});\n"],"names":["callout","sva"],"mappings":"kDAEaA,EAAUC,EAAAA,IAAI,CACzB,MAAO,CAAC,YAAa,QAAS,cAAe,OAAQ,SAAU,OAAO,EACtE,KAAM,CACJ,UAAW,kCACX,OAAQ,CACN,8BACA,qFACA,oEACA,KAAK,GAAG,EACV,MAAO,YACP,YAAa,GACb,KAAM,GACN,MAAO,EACR,EACD,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,MAAO,SAAW,EACxB,GAAI,CAAE,MAAO,WAAa,EAC1B,GAAI,CAAE,MAAO,SAAW,CACzB,EACD,QAAS,CACP,QAAS,CACP,UAAW,yDACX,MAAO,qBACP,YAAa,qBACb,KAAM,qBACN,OAAQ,oBACT,EACD,QAAS,CACP,UAAW,+DACX,MAAO,wBACP,YAAa,wBACb,KAAM,wBACN,OAAQ,uBACT,EACD,MAAO,CACL,UAAW,+DACX,MAAO,gDACP,YAAa,gDACb,KAAM,gDACN,OAAQ,+CACT,EACD,QAAS,CACP,UAAW,6DACX,MAAO,uBACP,YAAa,uBACb,KAAM,uBACN,OAAQ,sBACT,EACD,QAAS,CACP,UAAW,+DACX,MAAO,sBACP,YAAa,sBACb,KAAM,sBACN,OAAQ,qBACT,CACF,EACD,KAAM,CACJ,KAAM,CACJ,YAAa,MACd,CACF,EACD,YAAa,CACX,KAAM,CACJ,YAAa,MACd,CACF,EACD,YAAa,CACX,KAAM,CACJ,UAAW,CACT,yEACA,mCACA,6FACA,KAAK,GAAG,CACX,CACF,EACD,YAAa,CACX,KAAM,CACJ,MAAO,oDACR,CACF,EACD,YAAa,CACX,KAAM,CACJ,UACE,6GACH,CACF,CACF,CACF,CAAA"}

package/dist/cjs/recipes/card.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@styled/css");const a=e.cva({base:{bgColor:"surface.primary",borderRadius:"1rem"},variants:{asButton:{false:{cursor:"default"},true:{alignItems:"center",cursor:"pointer",h:"10.75rem",justifyContent:"center",p:4,transition:"all 0.1s ease",w:"10.75rem",_active:{transform:"scale(0.95)"}}},alignment:{center:{alignItems:"center"},left:{alignItems:"flex-start"},right:{alignItems:"flex-end"}},alt:{true:{}},expand:{false:{overflow:"hidden"},true:{overflow:"visible",w:"full"}},gapType:{none:{gap:0},sm:{gap:4},md:{gap:5},lg:{gap:6}},heavyShadow:{false:{boxShadow:"0px 1px 2px rgba(189, 189, 189, 0.3)"},true:{boxShadow:"8px 8px 48px rgba(16, 15, 17, 0.14)"}},paddingType:{none:{p:0},sm:{px:4,py:3},md:{px:8,py:6},lg:{p:12}},widthMax:{true:{flex:1,maxW:"29.125rem",mdDown:{maxW:"full"}}},disabled:{true:{opacity:.3,pointerEvents:"none"}},validating:{true:{pointerEvents:"none"}}},compoundVariants:[{asButton:!0,alt:!0,css:{bgColor:"surface.tertiary",color:"text.secondary",_hover:{filter:"brightness(0.9)"}}}],defaultVariants:{alt:!1,expand:!1,gapType:"md",heavyShadow:!1,paddingType:"md",widthMax:!1}});exports.card=a;
+"use strict";var e=require("class-variance-authority");const a=e.cva("bg-surface-primary rounded-2xl",{variants:{asButton:{false:"cursor-default",true:"items-center cursor-pointer h-[10.75rem] justify-center p-4 transition-all duration-100 ease-in-out w-[10.75rem] active:scale-95"},alignment:{center:"items-center",left:"items-start",right:"items-end"},alt:{true:""},expand:{false:"overflow-hidden",true:"overflow-visible w-full"},gapType:{none:"gap-0",sm:"gap-4",md:"gap-5",lg:"gap-6"},heavyShadow:{false:"shadow-[0px_1px_2px_rgba(189,189,189,0.3)]",true:"shadow-[8px_8px_48px_rgba(16,15,17,0.14)]"},paddingType:{none:"p-0",sm:"px-4 py-3",md:"px-8 py-6",lg:"p-12"},widthMax:{true:"flex-1 max-w-[29.125rem] md:max-w-full"},disabled:{true:"opacity-30 pointer-events-none"},validating:{true:"pointer-events-none"}},compoundVariants:[{asButton:!0,alt:!0,class:"bg-surface-tertiary text-text-secondary hover:brightness-90"}],defaultVariants:{alt:!1,expand:!1,gapType:"md",heavyShadow:!1,paddingType:"md",widthMax:!1}});exports.card=a;
 //# sourceMappingURL=card.js.map

package/dist/cjs/recipes/card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.js","sources":["../../../src/recipes/card.ts"],"sourcesContent":["import { cva, type ~~RecipeVariantProps~~ } from '~~@styled/css~~';\n\nexport const card = cva(~~{\n base: {\n bgColor:~~ 'surface.primary'~~,\n borderRadius:~~ ~~'1rem',\~~n ~~},\n~~ variants: {\n asButton: {\n false: ~~{\n~~ cursor~~: '~~default',\n ~~},\n~~ true: ~~{\n alignItems:~~ 'center~~',\n~~ cursor: ~~'pointer',\n~~ h~~: '~~10.75rem~~',\n justifyContent:~~ 'center~~',\n~~ p: ~~4,\n~~ transition~~: '~~all ~~0.1s~~ ease~~',\n~~ w~~: '~~10.75rem~~',\n _active:~~ ~~{ transform~~: 'scale~~(0.~~95)' },\n ~~},\n~~ },\n alignment: {\n center: ~~{\n alignItems:~~ 'center',\n ~~},\n~~ left: ~~{\n alignItems:~~ '~~flex~~-start',\n ~~},\n~~ right: ~~{\n alignItems:~~ '~~flex~~-end',\n ~~},\n~~ },\n alt: {\n true: {},\n },\n expand: {\n false: ~~{\n~~ overflow~~: '~~hidden',\n ~~},\n~~ true: ~~{\n~~ overflow: ~~'visible',\n~~ w~~: '~~full',\n ~~},\n~~ },\n gapType: {\n none: ~~{\n~~ gap: 0,\n ~~},\n~~ sm: ~~{\n~~ gap: 4,\n ~~},\n~~ md: ~~{\n~~ gap: 5,\n ~~},\n~~ lg: ~~{\n~~ gap: 6,\n ~~},\n~~ },\n heavyShadow: {\n false: ~~{\n boxShadow:~~ '~~0px 1px 2px rgba~~(189, 189, 189, 0.3)',\n ~~},\n~~ true: ~~{\n boxShadow:~~ '~~8px 8px 48px rgba~~(16, 15, 17, 0.14)',\n ~~},\n~~ },\n paddingType: {\n none: ~~{\n~~ p: 0,\n ~~},\n~~ sm: ~~{\n~~ px: ~~4,\n~~ py: 3,\n ~~},\n~~ md: ~~{\n~~ px: ~~8,\n~~ py: 6,\n ~~},\n~~ lg: ~~{\n~~ p: 12,\n ~~},\n~~ },\n widthMax: {\n true: ~~{\n~~ flex: 1~~,\n maxW:~~ '29.125rem~~',\n mdDown:~~ ~~{ maxW~~: 'full' },\n ~~},\n~~ },\n disabled: {\n true: ~~{\n~~ opacity: ~~0.3,\n pointerEvents: '~~none',\n ~~},\n~~ },\n validating: {\n true: ~~{\n pointerEvents:~~ 'none',\n ~~},\n~~ },\n },\n compoundVariants: [\n {\n asButton: true,\n alt: true,\n ~~css~~: ~~{\n bgColor:~~ 'surface.tertiary~~',\n color:~~ 'text.secondary~~',\n _hover:~~ ~~{\n filter~~: 'brightness~~(0.9)~~',\n ~~},\n },\n~~ },\n ],\n defaultVariants: {\n alt: false,\n expand: false,\n gapType: 'md',\n heavyShadow: false,\n paddingType: 'md',\n widthMax: false,\n },\n});\n\nexport type CardVariants = ~~RecipeVariantProps~~<typeof card>;\n"],"names":["card","cva"],"mappings":"~~0CAEO~~,~~MAAMA~~,EAAOC,EAAAA,IAAI,~~CACtB~~,~~KAAM~~,~~CACJ,QAAS,kBACT,aAAc,MACf,EACD,~~SAAU,CACR,SAAU,CACR,MAAO,~~CACL~~,~~OAAQ,SACT,EACD,~~KAAM,~~CACJ~~,~~WAAY,SACZ,OAAQ,UACR,EAAG,WACH,eAAgB,SAChB,EAAG,EACH,WAAY,gBACZ,EAAG,WACH,QAAS,CAAE,UAAW,aAAe,CACtC,CACF,~~EACD,UAAW,CACT,OAAQ,~~CACN~~,~~WAAY,QACb,EACD,~~KAAM,~~CACJ~~,~~WAAY,YACb,EACD,~~MAAO,~~CACL~~,~~WAAY,UACb,CACF,~~EACD,IAAK,CACH,KAAM,~~CAAA~~,~~CACP,~~EACD,OAAQ,CACN,MAAO,~~CACL~~,~~SAAU,QACX,EACD,~~KAAM,~~CACJ~~,~~SAAU,UACV,EAAG,MACJ,CACF,~~EACD,QAAS,CACP,KAAM,~~CACJ~~,~~IAAK,CACN,EACD,~~GAAI,~~CACF~~,~~IAAK,CACN,EACD,~~GAAI,~~CACF~~,~~IAAK,CACN,EACD,~~GAAI,~~CACF~~,~~IAAK,CACN,CACF,~~EACD,YAAa,CACX,MAAO,~~CACL~~,~~UAAW,sCACZ,EACD,~~KAAM,~~CACJ~~,~~UAAW,qCACZ,CACF,~~EACD,YAAa,CACX,KAAM,~~CACJ~~,~~EAAG,CACJ,EACD,~~GAAI,~~CACF~~,GAAI,~~EACJ~~,GAAI,~~CACL~~,EACD,~~GAAI,CACF,GAAI,EACJ,GAAI,CACL,EACD,GAAI,CACF,EAAG,EACJ,CACF,EACD,~~SAAU,CACR,KAAM,~~CACJ~~,~~KAAM,EACN,KAAM,YACN,OAAQ,CAAE,KAAM,MAAQ,CACzB,CACF,~~EACD,SAAU,CACR,KAAM,~~CACJ~~,~~QAAS,GACT,cAAe,MAChB,CACF,~~EACD,WAAY,CACV,KAAM,~~CACJ~~,~~cAAe,MAChB,~~CACF,~~CACF,~~EACD,iBAAkB,CAChB,CACE,SAAU,GACV,IAAK,GACL,~~IAAK,CACH,QAAS,mBACT,~~MAAO,~~iBACP~~,~~OAAQ,CACN,OAAQ,iBACT,~~CACF,~~CACF,CACF,~~EACD,gBAAiB,CACf,IAAK,GACL,OAAQ,GACR,QAAS,KACT,YAAa,GACb,YAAa,KACb,SAAU,EACX,CACF,CAAA"}
1	+ {"version":3,"file":"card.js","sources":["../../../src/recipes/card.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const card = cva('bg-surface-primary rounded-2xl', {\n variants: {\n asButton: {\n false: 'cursor-default',\n true: 'items-center cursor-pointer h-[10.75rem] justify-center p-4 transition-all duration-100 ease-in-out w-[10.75rem] active:scale-95',\n },\n alignment: {\n center: 'items-center',\n left: 'items-start',\n right: 'items-end',\n },\n alt: {\n true: '',\n },\n expand: {\n false: 'overflow-hidden',\n true: 'overflow-visible w-full',\n },\n gapType: {\n none: 'gap-0',\n sm: 'gap-4',\n md: 'gap-5',\n lg: 'gap-6',\n },\n heavyShadow: {\n false: 'shadow-[0px_1px_2px_rgba(189,189,189,0.3)]',\n true: 'shadow-[8px_8px_48px_rgba(16,15,17,0.14)]',\n },\n paddingType: {\n none: 'p-0',\n sm: 'px-4 py-3',\n md: 'px-8 py-6',\n lg: 'p-12',\n },\n widthMax: {\n true: 'flex-1 max-w-[29.125rem] md:max-w-full',\n },\n disabled: {\n true: 'opacity-30 pointer-events-none',\n },\n validating: {\n true: 'pointer-events-none',\n },\n },\n compoundVariants: [\n {\n asButton: true,\n alt: true,\n class: 'bg-surface-tertiary text-text-secondary hover:brightness-90',\n },\n ],\n defaultVariants: {\n alt: false,\n expand: false,\n gapType: 'md',\n heavyShadow: false,\n paddingType: 'md',\n widthMax: false,\n },\n});\n\nexport type CardVariants = VariantProps<typeof card>;\n"],"names":["card","cva"],"mappings":"uDAEa,MAAAA,EAAOC,EAAAA,IAAI,iCAAkC,CACxD,SAAU,CACR,SAAU,CACR,MAAO,iBACP,KAAM,kIACP,EACD,UAAW,CACT,OAAQ,eACR,KAAM,cACN,MAAO,WACR,EACD,IAAK,CACH,KAAM,EACP,EACD,OAAQ,CACN,MAAO,kBACP,KAAM,yBACP,EACD,QAAS,CACP,KAAM,QACN,GAAI,QACJ,GAAI,QACJ,GAAI,OACL,EACD,YAAa,CACX,MAAO,6CACP,KAAM,2CACP,EACD,YAAa,CACX,KAAM,MACN,GAAI,YACJ,GAAI,YACJ,GAAI,MACL,EACD,SAAU,CACR,KAAM,wCACP,EACD,SAAU,CACR,KAAM,gCACP,EACD,WAAY,CACV,KAAM,qBACP,CACF,EACD,iBAAkB,CAChB,CACE,SAAU,GACV,IAAK,GACL,MAAO,6DACR,CACF,EACD,gBAAiB,CACf,IAAK,GACL,OAAQ,GACR,QAAS,KACT,YAAa,GACb,YAAa,KACb,SAAU,EACX,CACF,CAAA"}

package/dist/cjs/recipes/modal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@styled/css");const r=e.sva({slots:["content","wrapper"],base:{content:{height:"full",width:"full",boxSizing:"border-box"},wrapper:{height:"full",width:"full",bg:"surface.primary",position:"relative",overflow:"auto",scrollbarWidth:"none"}},variants:{fullscreen:{true:{wrapper:{height:"100vh",width:"100vw"}},false:{wrapper:{"@media (min-width: 48rem)":{top:12,mx:"auto",width:"25rem",height:"fit-content",boxShadow:"0px 12px 56px {colors.ink.70/15}",borderRadius:"container",_dark:{boxShadow:"none"}}}}},animate:{false:{wrapper:{animationName:"none",scale:1}}},isOpen:{true:{}},paddingType:{none:{wrapper:{p:0}},sm:{wrapper:{p:2,pb:0}},md:{wrapper:{p:4,pb:0}},lg:{wrapper:{p:8,pb:0}}},showBorder:{true:{wrapper:{"@media (min-width: 48rem)":{_dark:{borderWidth:1,borderBlock:"solid",borderColor:"neutral.secondary"}}}}},isMobileBrowser:{true:{}},isWidget:{true:{wrapper:{height:"auto","@media (min-width: 48rem)":{top:0}}}}},compoundVariants:[{animate:!0,isOpen:!0,css:{wrapper:{animationFillMode:"forwards",animationName:"scaleIn",animationDuration:"250ms",_motionReduce:{scale:1}}}},{animate:!0,isOpen:!1,css:{wrapper:{animationFillMode:"forwards",animationName:"scaleOut",animationDuration:"150ms",_motionReduce:{scale:1}}}},{fullscreen:!0,isMobileBrowser:!0,css:{wrapper:{"@media only screen and (max-width: 767px)":{height:"100dvh"}}}},{fullscreen:!1,isWidget:!0,css:{wrapper:{maxWidth:"25rem",mx:"auto",borderRadius:"container",_dark:{borderWidth:1,borderBlock:"solid",borderColor:"neutral.secondary"}}}}],defaultVariants:{animate:!0,isOpen:!0,paddingType:"none"}});exports.modal=r;
+"use strict";var r=require("../lib/sva.js");const a=r.sva({slots:["content","wrapper"],base:{content:"h-full w-full box-border",wrapper:["h-full w-full bg-surface-primary relative overflow-auto","[scrollbar-width:none]"].join(" ")},variants:{fullscreen:{true:{wrapper:"h-screen w-screen"},false:{wrapper:["md:top-12 md:mx-auto md:w-[25rem] md:h-fit","md:shadow-[0px_12px_56px_rgba(119,118,122,0.15)]","md:rounded-container","md:dark:shadow-none"].join(" ")}},animate:{false:{wrapper:"[animation-name:none] scale-100"}},isOpen:{true:{}},paddingType:{none:{wrapper:"p-0"},sm:{wrapper:"p-2 pb-0"},md:{wrapper:"p-4 pb-0"},lg:{wrapper:"p-8 pb-0"}},showBorder:{true:{wrapper:"md:dark:border md:dark:border-solid md:dark:border-neutral-secondary"}},isMobileBrowser:{true:{}},isWidget:{true:{wrapper:"h-auto md:top-0"}}},compoundVariants:[{animate:!0,isOpen:!0,class:{wrapper:"[animation-fill-mode:forwards] [animation-name:scaleIn] [animation-duration:250ms] motion-reduce:scale-100"}},{animate:!0,isOpen:!1,class:{wrapper:"[animation-fill-mode:forwards] [animation-name:scaleOut] [animation-duration:150ms] motion-reduce:scale-100"}},{fullscreen:!0,isMobileBrowser:!0,class:{wrapper:"max-md:h-[100dvh]"}},{fullscreen:!1,isWidget:!0,class:{wrapper:"max-w-[25rem] mx-auto rounded-container dark:border dark:border-solid dark:border-neutral-secondary"}}],defaultVariants:{animate:!0,isOpen:!0,paddingType:"none"}});exports.modal=a;
 //# sourceMappingURL=modal.js.map

package/dist/cjs/recipes/modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modal.js","sources":["../../../src/recipes/modal.ts"],"sourcesContent":["import { sva, ~~type RecipeVariantProps~~ } from '@~~styled~~/~~css~~';\n\nexport const modal = sva({\n slots: ['content', 'wrapper'],\n base: {\n content: ~~{\n height:~~ 'full~~',\n width:~~ 'full~~',\n boxSizing:~~ 'border~~-box~~',\n ~~},\n~~ wrapper: ~~{\n height:~~ 'full~~',\n width:~~ 'full~~',\n~~ bg~~: '~~surface.primary~~',\n position:~~ 'relative~~',\n~~ overflow~~: '~~auto'~~,\n scrollbarWidth:~~ 'none',\n ~~},\n~~ },\n variants: {\n fullscreen: {\n true: {\n wrapper: ~~{\n height:~~ '~~100vh',\n width:~~ '~~100vw'~~,\n ~~},\n~~ },\n false: {\n wrapper: {\n '~~@media (min~~-~~width:~~ ~~48rem)'~~: ~~{\n top~~: ~~12,\n mx~~: '~~auto'~~,\n ~~width:~~ '~~25rem',\n height~~: ~~'fit~~-~~content',\n boxShadow: '0px 12px 56px {colors~~.~~ink.70/~~15}',\n ~~borderRadius~~: 'container',\n ~~_dark~~: ~~{\n boxShadow~~: 'none',\n ~~},\n },\n~~ },\n },\n },\n animate: {\n false: {\n wrapper: ~~{\n animationName~~: '~~none'~~,\n ~~scale: 1,\n },\n~~ },\n },\n isOpen: { true: {} },\n paddingType: {\n none: {\n wrapper: ~~{\n~~ p: ~~0,\n~~ },\n ~~},\n~~ sm: {\n wrapper: ~~{\n~~ p: ~~2,\n~~ pb: ~~0,\n~~ },\n ~~},\n~~ md: {\n wrapper: ~~{\n~~ p: ~~4,\n~~ pb: ~~0,\n~~ },\n ~~},\n~~ lg: {\n wrapper: ~~{\n~~ p: ~~8,\n~~ pb: ~~0,\n~~ },\n ~~},\n~~ },\n showBorder: {\n true: {\n wrapper: ~~{\n~~ '~~@media (min-width~~: ~~48rem)'~~: ~~{\n _dark~~: ~~{\n borderWidth~~: ~~1,\n borderBlock~~: ~~'solid',\n borderColor~~: 'neutral.secondary',\n ~~},\n },\n },\n~~ },\n },\n isMobileBrowser: { true: {} },\n isWidget: {\n true: {\n wrapper: ~~{\n height:~~ 'auto~~',\n '@media~~ ~~(min-width~~: ~~48rem)': {\n~~ top: 0,\n ~~},\n },\n~~ },\n },\n },\n compoundVariants: [\n {\n animate: true,\n isOpen: true,\n ~~css~~: {\n wrapper~~: {\~~n ~~animationFillMode~~: ~~'forwards',\n animationName~~: ~~'scaleIn',\n animationDuration~~: ~~'250ms',\n _motionReduce~~: { scale~~: 1 }~~,\n ~~},\n~~ },\n },\n {\n animate: true,\n isOpen: false,\n ~~css~~: {\n wrapper~~: {\~~n ~~animationFillMode~~: ~~'forwards',\n animationName~~: ~~'scaleOut',\n animationDuration~~: ~~'150ms',\n _motionReduce~~: { scale~~: 1 }~~,\n ~~},\n~~ },\n },\n {\n fullscreen: true,\n isMobileBrowser: true,\n ~~css~~: {\n wrapper: ~~{\n~~ '~~@media only screen and (~~max-~~width~~: ~~767px)': {\n height: '~~100dvh',\n ~~},\n },\n~~ },\n },\n {\n fullscreen: false,\n isWidget: true,\n ~~css~~: {\n wrapper: ~~{\n maxWidth:~~ '25rem~~',\n~~ mx~~: '~~auto~~',\n borderRadius:~~ 'container~~',\n _dark:~~ ~~{\n borderWidth~~: ~~1,\n borderBlock~~: ~~'solid',\n borderColor~~: 'neutral.secondary',\n ~~},\n },\n~~ },\n },\n ],\n defaultVariants: {\n animate: true,\n isOpen: true,\n paddingType: 'none',\n },\n});\n\nexport type ModalVariants = ~~RecipeVariantProps~~<typeof modal~~>;\~~n"],"names":["modal","sva"],"mappings":"~~0CAEO~~,~~MAAMA~~,EAAQC,~~EAAAA~~,~~IAAI,~~CACvB,MAAO,CAAC,UAAW,SAAS,EAC5B,KAAM,CACJ,QAAS,~~CACP~~,~~OAAQ,OACR,MAAO,OACP,UAAW,YACZ,EACD,~~QAAS,~~CACP~~,~~OAAQ~~,~~OACR~~,~~MAAO~~,~~OACP~~,~~GAAI~~,~~kBACJ~~,~~SAAU,WACV,SAAU,OACV,eAAgB,MACjB,CACF,~~EACD,SAAU,CACR,WAAY,CACV,KAAM,CACJ,QAAS,~~CACP~~,~~OAAQ,QACR,MAAO,OACR,CACF,~~EACD,MAAO,CACL,QAAS,CACP,~~4BAA6B~~,~~CAC3B~~,~~IAAK~~,~~GACL~~,~~GAAI~~,~~OACJ~~,~~MAAO~~,~~QACP,OAAQ,cACR,UAAW,mCACX,aAAc,YACd,MAAO,CACL,UAAW,MACZ,~~CACF,~~CACF,CACF,CACF,~~EACD,QAAS,CACP,MAAO,CACL,QAAS,~~CACP~~,~~cAAe,OACf,MAAO,CACR,~~CACF,~~CACF,~~EACD,OAAQ,CAAE,KAAM,CAAI,~~CAAA,~~EACpB,YAAa,CACX,KAAM,~~CACJ~~,QAAS,~~CACP~~,~~EAAG~~,~~CACJ,CACF,EACD,~~GAAI,~~CACF~~,QAAS,~~CACP~~,~~EAAG~~,~~EACH,~~GAAI,~~CACL~~,~~CACF,EACD,GAAI,CACF,~~QAAS,~~CACP~~,~~EAAG~~,~~EACH,~~GAAI,~~CACL~~,~~CACF,EACD,GAAI,CACF,~~QAAS,~~CACP~~,~~EAAG~~,~~EACH,GAAI,CACL,CACF,CACF,~~EACD,WAAY,CACV,KAAM,CACJ,QAAS,~~CACP~~,~~4BAA6B,CAC3B,MAAO,CACL,YAAa,EACb,YAAa,QACb,YAAa,mBACd,~~CACF,~~CACF,CACF,CACF,~~EACD,gBAAiB,CAAE,KAAM,CAAA,CAAI,EAC7B,SAAU,CACR,KAAM,CACJ,QAAS,~~CACP~~,~~OAAQ,OACR,4BAA6B,CAC3B,IAAK,CACN,~~CACF,CACF,~~CACF,CACF,~~EACD,iBAAkB,CAChB,CACE,QAAS,GACT,OAAQ,GACR,~~IAAK,CACH,QAAS,CACP,kBAAmB,WACnB,cAAe,UACf,kBAAmB,QACnB,cAAe,CAAE,~~MAAO,~~CAAG~~,~~CAC5B~~,~~CACF~~,CACF,EACD,CACE,QAAS,GACT,OAAQ,GACR,~~IAAK,CACH,QAAS,CACP,kBAAmB,WACnB,cAAe,WACf,kBAAmB,QACnB,cAAe,CAAE,~~MAAO,~~CAAG~~,~~CAC5B~~,~~CACF~~,CACF,EACD,CACE,WAAY,GACZ,gBAAiB,GACjB,~~IAAK~~,~~CACH~~,QAAS,~~CACP~~,~~4CAA6C,CAC3C,OAAQ,QACT,~~CACF,~~CACF,CACF,~~EACD,CACE,WAAY,GACZ,SAAU,GACV,~~IAAK,CACH,QAAS,CACP,SAAU,QACV,GAAI,OACJ,aAAc,YACd,~~MAAO,CACL,~~YAAa~~,~~EACb~~,~~YAAa,QACb,YAAa,mBACd,~~CACF,CACF,~~CACF,CACF,~~EACD,gBAAiB,CACf,QAAS,GACT,OAAQ,GACR,YAAa,MACd,CACF,CAAA"}
1	+ {"version":3,"file":"modal.js","sources":["../../../src/recipes/modal.ts"],"sourcesContent":["import { sva } from '@lib/sva';\n\nexport const modal = sva({\n slots: ['content', 'wrapper'] as const,\n base: {\n content: 'h-full w-full box-border',\n wrapper: ['h-full w-full bg-surface-primary relative overflow-auto', '[scrollbar-width:none]'].join(' '),\n },\n variants: {\n fullscreen: {\n true: {\n wrapper: 'h-screen w-screen',\n },\n false: {\n wrapper: [\n 'md:top-12 md:mx-auto md:w-[25rem] md:h-fit',\n 'md:shadow-[0px_12px_56px_rgba(119,118,122,0.15)]',\n 'md:rounded-container',\n 'md:dark:shadow-none',\n ].join(' '),\n },\n },\n animate: {\n false: {\n wrapper: '[animation-name:none] scale-100',\n },\n },\n isOpen: { true: {} },\n paddingType: {\n none: { wrapper: 'p-0' },\n sm: { wrapper: 'p-2 pb-0' },\n md: { wrapper: 'p-4 pb-0' },\n lg: { wrapper: 'p-8 pb-0' },\n },\n showBorder: {\n true: {\n wrapper: 'md:dark:border md:dark:border-solid md:dark:border-neutral-secondary',\n },\n },\n isMobileBrowser: { true: {} },\n isWidget: {\n true: {\n wrapper: 'h-auto md:top-0',\n },\n },\n },\n compoundVariants: [\n {\n animate: true,\n isOpen: true,\n class: {\n wrapper:\n '[animation-fill-mode:forwards] [animation-name:scaleIn] [animation-duration:250ms] motion-reduce:scale-100',\n },\n },\n {\n animate: true,\n isOpen: false,\n class: {\n wrapper:\n '[animation-fill-mode:forwards] [animation-name:scaleOut] [animation-duration:150ms] motion-reduce:scale-100',\n },\n },\n {\n fullscreen: true,\n isMobileBrowser: true,\n class: {\n wrapper: 'max-md:h-[100dvh]',\n },\n },\n {\n fullscreen: false,\n isWidget: true,\n class: {\n wrapper: 'max-w-[25rem] mx-auto rounded-container dark:border dark:border-solid dark:border-neutral-secondary',\n },\n },\n ],\n defaultVariants: {\n animate: true,\n isOpen: true,\n paddingType: 'none',\n },\n});\n\nexport type ModalVariants = Parameters<typeof modal>[0];\n"],"names":["modal","sva"],"mappings":"4CAEa,MAAAA,EAAQC,MAAI,CACvB,MAAO,CAAC,UAAW,SAAS,EAC5B,KAAM,CACJ,QAAS,2BACT,QAAS,CAAC,0DAA2D,wBAAwB,EAAE,KAAK,GAAG,CACxG,EACD,SAAU,CACR,WAAY,CACV,KAAM,CACJ,QAAS,mBACV,EACD,MAAO,CACL,QAAS,CACP,6CACA,mDACA,uBACA,uBACA,KAAK,GAAG,CACX,CACF,EACD,QAAS,CACP,MAAO,CACL,QAAS,iCACV,CACF,EACD,OAAQ,CAAE,KAAM,CAAA,CAAI,EACpB,YAAa,CACX,KAAM,CAAE,QAAS,KAAO,EACxB,GAAI,CAAE,QAAS,UAAY,EAC3B,GAAI,CAAE,QAAS,UAAY,EAC3B,GAAI,CAAE,QAAS,UAAY,CAC5B,EACD,WAAY,CACV,KAAM,CACJ,QAAS,sEACV,CACF,EACD,gBAAiB,CAAE,KAAM,CAAA,CAAI,EAC7B,SAAU,CACR,KAAM,CACJ,QAAS,iBACV,CACF,CACF,EACD,iBAAkB,CAChB,CACE,QAAS,GACT,OAAQ,GACR,MAAO,CACL,QACE,4GACH,CACF,EACD,CACE,QAAS,GACT,OAAQ,GACR,MAAO,CACL,QACE,6GACH,CACF,EACD,CACE,WAAY,GACZ,gBAAiB,GACjB,MAAO,CACL,QAAS,mBACV,CACF,EACD,CACE,WAAY,GACZ,SAAU,GACV,MAAO,CACL,QAAS,qGACV,CACF,CACF,EACD,gBAAiB,CACf,QAAS,GACT,OAAQ,GACR,YAAa,MACd,CACF,CAAA"}

package/dist/cjs/recipes/overlay.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var a=require("@styled/css");const i=a.sva({slots:["bg","container"],base:{bg:{height:"full",width:"full",pointerEvents:"all",position:"fixed",top:0,left:0},container:{height:"100vh",width:"100vw",maxWidth:"100rem",position:"relative",margin:"0 auto","@media (min-width: 48rem)":{height:"fit-content"}}},variants:{fullscreen:{true:{container:{maxWidth:"none"}}},animate:{false:{bg:{animationName:"none"}}},backgroundType:{blurred:{bg:{backdropBlur:"0.375rem",backdropFilter:"auto"}},solid:{bg:{backgroundColor:"surface.tertiary"}},transparent:{},none:{}},hide:{false:{}}},compoundVariants:[{animate:!0,hide:!1,css:{bg:{animationFillMode:"forwards",animationName:"fadeIn",animationDuration:"400ms"}}},{animate:!0,hide:!0,css:{bg:{animationFillMode:"forwards",animationName:"fadeOut",animationDuration:"400ms"}}}],defaultVariants:{animate:!0,backgroundType:"none",hide:!1}});exports.overlay=i;
+"use strict";var a=require("../lib/sva.js");const e=a.sva({slots:["bg","container"],base:{bg:"h-full w-full pointer-events-auto fixed top-0 left-0",container:["h-screen w-screen max-w-[100rem] relative mx-auto","md:h-fit"].join(" ")},variants:{fullscreen:{true:{container:"max-w-none"}},animate:{false:{bg:"[animation-name:none]"}},backgroundType:{blurred:{bg:"backdrop-blur-[0.375rem]"},solid:{bg:"bg-surface-tertiary"},transparent:{},none:{}},hide:{false:{}}},compoundVariants:[{animate:!0,hide:!1,class:{bg:"[animation-fill-mode:forwards] [animation-name:fadeIn] [animation-duration:400ms]"}},{animate:!0,hide:!0,class:{bg:"[animation-fill-mode:forwards] [animation-name:fadeOut] [animation-duration:400ms]"}}],defaultVariants:{animate:!0,backgroundType:"none",hide:!1}});exports.overlay=e;
 //# sourceMappingURL=overlay.js.map

package/dist/cjs/recipes/overlay.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"overlay.js","sources":["../../../src/recipes/overlay.ts"],"sourcesContent":["import { sva, ~~type RecipeVariantProps~~ } from '@~~styled~~/~~css~~';\n\nexport const overlay = sva({\n slots: ['bg', 'container'],\n base: {\n bg: ~~{\n height:~~ 'full~~',\n width:~~ 'full~~',\n pointerEvents:~~ ~~'all',\n position:~~ 'fixed~~',\n~~ top: ~~0,\n~~ left: 0,\n ~~},\n~~ container: ~~{\n height:~~ '~~100vh',\n width:~~ ~~'100vw',\n maxWidth:~~ '100rem~~',\n position:~~ 'relative~~',\n margin:~~ '0 ~~auto~~'~~,\n\n~~ '~~@media~~ (~~min-width: 48rem)~~': ~~{\n height:~~ '~~fit-content'~~,\n ~~},\n },\n~~ },\n variants: {\n fullscreen: {\n true: {\n container: ~~{\n maxWidth:~~ 'none',\n ~~},\n~~ },\n },\n animate: {\n false: {\n bg: ~~{\n animationName~~: 'none',\n ~~},\n~~ },\n },\n backgroundType: {\n blurred: {\n bg: ~~{\n backdropBlur:~~ '0.375rem',\n ~~backdropFilter: 'auto',\n },\n~~ },\n solid: {\n bg: ~~{\n backgroundColor:~~ 'surface.tertiary',\n ~~},\n~~ },\n transparent: {},\n none: {},\n },\n hide: { false: {} },\n },\n compoundVariants: [\n {\n animate: true,\n hide: false,\n ~~css~~: {\n bg: ~~{\n animationFillMode~~: ~~'forwards',\n animationName~~: ~~'fadeIn',\n animationDuration~~: '400ms',\n ~~},\n~~ },\n },\n {\n animate: true,\n hide: true,\n ~~css~~: {\n bg: ~~{\n animationFillMode~~: ~~'forwards',\n animationName~~: ~~'fadeOut',\n animationDuration~~: '400ms',\n ~~},\n~~ },\n },\n ],\n defaultVariants: {\n animate: true,\n backgroundType: 'none',\n hide: false,\n },\n});\n\nexport type OverlayVariants = ~~RecipeVariantProps~~<typeof overlay~~>;\~~n"],"names":["overlay","sva"],"mappings":"~~0CAEO~~,MAAMA,EAAUC,EAAAA,IAAI,CACzB,MAAO,CAAC,KAAM,WAAW,EACzB,KAAM,CACJ,GAAI,~~CACF~~,~~OAAQ,OACR,MAAO,OACP,cAAe,MACf,SAAU,QACV,IAAK,EACL,KAAM,CACP,EACD,~~UAAW,~~CACT~~,~~OAAQ~~,~~QACR~~,~~MAAO~~,~~QACP~~,~~SAAU~~,~~SACV~~,~~SAAU,WACV,OAAQ,SAER,4BAA6B,CAC3B,OAAQ,aACT,CACF,CACF,~~EACD,SAAU,CACR,WAAY,CACV,KAAM,CACJ,UAAW,~~CACT~~,~~SAAU,MACX,~~CACF,~~CACF,~~EACD,QAAS,CACP,MAAO,CACL,GAAI,~~CACF~~,~~cAAe,MAChB,~~CACF,~~CACF,~~EACD,eAAgB,CACd,QAAS,CACP,GAAI,~~CACF~~,~~aAAc,WACd,eAAgB,MACjB,CACF,~~EACD,MAAO,CACL,GAAI,~~CACF~~,~~gBAAiB,kBAClB,CACF,~~EACD,YAAa,~~CAAA~~,~~EACb,~~KAAM,~~CAAA~~,~~CACP,~~EACD,KAAM,CAAE,MAAO,CAAI,CAAA,CACpB,EACD,iBAAkB,CAChB,CACE,QAAS,GACT,KAAM,GACN,~~IAAK~~,~~CACH~~,GAAI,~~CACF~~,~~kBAAmB,WACnB,cAAe,SACf,kBAAmB,OACpB,~~CACF,~~CACF,~~EACD,CACE,QAAS,GACT,KAAM,GACN,~~IAAK~~,~~CACH~~,GAAI,~~CACF~~,~~kBAAmB,WACnB,cAAe,UACf,kBAAmB,OACpB,~~CACF,CACF,~~CACF,~~EACD,gBAAiB,CACf,QAAS,GACT,eAAgB,OAChB,KAAM,EACP,CACF,CAAA"}
1	+ {"version":3,"file":"overlay.js","sources":["../../../src/recipes/overlay.ts"],"sourcesContent":["import { sva } from '@lib/sva';\n\nexport const overlay = sva({\n slots: ['bg', 'container'] as const,\n base: {\n bg: 'h-full w-full pointer-events-auto fixed top-0 left-0',\n container: ['h-screen w-screen max-w-[100rem] relative mx-auto', 'md:h-fit'].join(' '),\n },\n variants: {\n fullscreen: {\n true: {\n container: 'max-w-none',\n },\n },\n animate: {\n false: {\n bg: '[animation-name:none]',\n },\n },\n backgroundType: {\n blurred: {\n bg: 'backdrop-blur-[0.375rem]',\n },\n solid: {\n bg: 'bg-surface-tertiary',\n },\n transparent: {},\n none: {},\n },\n hide: { false: {} },\n },\n compoundVariants: [\n {\n animate: true,\n hide: false,\n class: {\n bg: '[animation-fill-mode:forwards] [animation-name:fadeIn] [animation-duration:400ms]',\n },\n },\n {\n animate: true,\n hide: true,\n class: {\n bg: '[animation-fill-mode:forwards] [animation-name:fadeOut] [animation-duration:400ms]',\n },\n },\n ],\n defaultVariants: {\n animate: true,\n backgroundType: 'none',\n hide: false,\n },\n});\n\nexport type OverlayVariants = Parameters<typeof overlay>[0];\n"],"names":["overlay","sva"],"mappings":"4CAEO,MAAMA,EAAUC,EAAAA,IAAI,CACzB,MAAO,CAAC,KAAM,WAAW,EACzB,KAAM,CACJ,GAAI,uDACJ,UAAW,CAAC,oDAAqD,UAAU,EAAE,KAAK,GAAG,CACtF,EACD,SAAU,CACR,WAAY,CACV,KAAM,CACJ,UAAW,YACZ,CACF,EACD,QAAS,CACP,MAAO,CACL,GAAI,uBACL,CACF,EACD,eAAgB,CACd,QAAS,CACP,GAAI,0BACL,EACD,MAAO,CACL,GAAI,qBACL,EACD,YAAa,GACb,KAAM,EACP,EACD,KAAM,CAAE,MAAO,CAAI,CAAA,CACpB,EACD,iBAAkB,CAChB,CACE,QAAS,GACT,KAAM,GACN,MAAO,CACL,GAAI,mFACL,CACF,EACD,CACE,QAAS,GACT,KAAM,GACN,MAAO,CACL,GAAI,oFACL,CACF,CACF,EACD,gBAAiB,CACf,QAAS,GACT,eAAgB,OAChB,KAAM,EACP,CACF,CAAA"}

package/dist/cjs/recipes/text-input.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("@styled/css");const n=t.sva({slots:["container","label","inputContainer","input","description","typeIcon","actionIcon","actionButton"],base:{label:{fontSize:"sm",fontWeight:"medium",color:"text.primary"},inputContainer:{backgroundColor:"transparent",borderStyle:"solid",borderWidth:"thin",borderColor:"neutral.secondary",borderRadius:"input",boxSizing:"border-box",transition:"all linear 120ms",width:"100%",_hover:{borderColor:"neutral.primary"},_dark:{borderColor:"ink.70",_hover:{borderColor:"ink.50"}},_focusWithin:{outlineColor:"brand.base",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}},input:{transition:"all linear 120ms",width:"100%",boxSizing:"border-box",m:0,p:0,outline:"none",minWidth:10,fontWeight:"normal",backgroundColor:"transparent",color:"text.primary",_placeholder:{color:"text.tertiary"},_groupHover:{borderColor:"neutral.primary"}},description:{fontSize:"sm",color:"text.primary"},typeIcon:{transition:"opacity linear 120ms"},actionIcon:{transition:"opacity linear 120ms",cursor:"pointer"},actionButton:{transition:"opacity linear 120ms"}},variants:{size:{sm:{input:{fontSize:"sm",textAlign:"left"},inputContainer:{height:10,p:3}},md:{input:{fontSize:"md",textAlign:"left"},inputContainer:{height:12,p:3}},lg:{input:{fontSize:"lg",textAlign:"left"},inputContainer:{height:15,padding:4}}},alignText:{left:{input:{textAlign:"left"},container:{alignItems:"flex-start"}},center:{input:{textAlign:"center"},container:{alignItems:"center"}},right:{input:{textAlign:"right"},container:{alignItems:"flex-end"}}},isError:{true:{inputContainer:{borderColor:"negative.base"}}},char:{true:{input:{fontSize:"xl",textAlign:"center"},inputContainer:{height:12,py:2}}},disabled:{true:{container:{opacity:.3,pointerEvents:"none"},inputContainer:{_hover:{borderColor:"neutral.secondary"}}}}}});exports.textInput=n;
+"use strict";var t=require("../lib/sva.js");const n=t.sva({slots:["container","label","inputContainer","input","description","typeIcon","actionIcon","actionButton"],base:{label:"text-sm font-medium text-text-primary",inputContainer:["bg-transparent border-solid border-thin border-neutral-secondary","rounded-input box-border transition-all duration-[120ms] linear w-full","hover:border-neutral-primary","dark:border-ink-70 dark:hover:border-ink-50","focus-within:outline focus-within:outline-brand-base focus-within:outline-thick focus-within:outline-offset-[0.125rem]"].join(" "),input:["transition-all duration-[120ms] linear w-full box-border","m-0 p-0 outline-none min-w-[2.5rem] font-normal","bg-transparent text-text-primary","placeholder:text-text-tertiary","group-hover:border-neutral-primary"].join(" "),description:"text-sm text-text-primary",typeIcon:"transition-opacity duration-[120ms] linear",actionIcon:"transition-opacity duration-[120ms] linear cursor-pointer",actionButton:"transition-opacity duration-[120ms] linear",container:""},variants:{size:{sm:{input:"text-sm text-left",inputContainer:"h-10 p-3"},md:{input:"text-base text-left",inputContainer:"h-12 p-3"},lg:{input:"text-lg text-left",inputContainer:"h-15 p-4"}},alignText:{left:{input:"text-left",container:"items-start"},center:{input:"text-center",container:"items-center"},right:{input:"text-right",container:"items-end"}},isError:{true:{inputContainer:"border-negative-base"}},char:{true:{input:"text-xl text-center",inputContainer:"h-12 py-2"}},disabled:{true:{container:"opacity-30 pointer-events-none",inputContainer:"hover:border-neutral-secondary"}}}});exports.textInput=n;
 //# sourceMappingURL=text-input.js.map

package/dist/cjs/recipes/text-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-input.js","sources":["../../../src/recipes/text-input.ts"],"sourcesContent":["import { sva } from '@~~styled~~/~~css~~';\n\nexport const textInput = sva({\n slots: ['container', 'label', 'inputContainer', 'input', 'description', 'typeIcon', 'actionIcon', 'actionButton'],\n base: {\n label: ~~{\n fontSize:~~ 'sm~~',\n fontWeight:~~ 'medium~~',\n color:~~ 'text.primary',\n ~~},\n~~ inputContainer: {\n ~~backgroundColor:~~ 'transparent~~',\n borderStyle:~~ 'solid~~',\n borderWidth:~~ 'thin~~',\n borderColor:~~ 'neutral.secondary',\n ~~borderRadius:~~ 'input~~',\n boxSizing:~~ 'border-~~box',\n transition: '~~all linear ~~120ms~~',\n ~~width:~~ '~~100%',\n\n _hover~~: ~~{\n borderColor: '~~neutral.primary',\n ~~},\n\n _dark~~: ~~{\n borderColor: '~~ink.70~~',\n _hover:~~ ~~{\n borderColor~~: 'ink.50',\n ~~},\n~~ ~~},\n\n _focusWithin~~: ~~{\n outlineColor~~: 'brand.base~~',\n outlineStyle:~~ ~~'solid',\n outlineWidth~~: ~~'thick',\n outlineOffset~~: 0.5,\n ~~},\n~~ },\n input: {\n transition~~: '~~all ~~linear~~ 120ms~~',\n width:~~ ~~'100%',\n boxSizing:~~ ~~'border~~-box',\n m: 0~~,\n p:~~ ~~0,\n~~ outline~~: '~~none~~',\n minWidth:~~ ~~10,\n fontWeight:~~ 'normal',\n ~~backgroundColor:~~ 'transparent~~',\n color:~~ 'text.primary',\n ~~_placeholder~~: ~~{\n color: '~~text.tertiary',\n ~~},\n\n _groupHover~~: ~~{\n borderColor: '~~neutral.primary',\n ~~},\n~~ },\n description: ~~{\n fontSize:~~ 'sm~~',\n color:~~ 'text.primary',\n ~~},\n~~ typeIcon: ~~{\n~~ transition~~: '~~opacity linear ~~120ms~~',\n ~~},\n~~ actionIcon: ~~{\n~~ transition~~: '~~opacity linear ~~120ms',\n~~ cursor~~: '~~pointer',\n ~~},\n~~ actionButton: ~~{\n~~ transition~~: '~~opacity linear ~~120ms~~',\n },\n },\n variants: {\n size: {\n sm: {\n input: ~~{\n fontSize:~~ 'sm~~',\n textAlign:~~ 'left',\n ~~},\n~~ inputContainer: ~~{\n height:~~ ~~10,\n~~ p: 3,\n ~~},\n~~ },\n md: {\n input: ~~{\n fontSize:~~ '~~md',\n textAlign:~~ 'left',\n ~~},\n~~ inputContainer: ~~{\n height:~~ ~~12,\n~~ p: 3,\n ~~},\n~~ },\n lg: {\n input: ~~{\n fontSize:~~ 'lg~~',\n textAlign:~~ 'left',\n ~~},\n~~ inputContainer: ~~{\n height:~~ 15~~,\n padding:~~ 4,\n ~~},\n~~ },\n },\n alignText: {\n left: {\n input: ~~{\n textAlign:~~ 'left',\n ~~},\n~~ container: ~~{\n alignItems:~~ '~~flex~~-start',\n ~~},\n~~ },\n center: {\n input: ~~{\n textAlign:~~ 'center',\n ~~},\n~~ container: ~~{\n alignItems:~~ 'center',\n ~~},\n~~ },\n right: {\n input: ~~{\n textAlign:~~ 'right',\n ~~},\n~~ container: ~~{\n alignItems:~~ '~~flex~~-end',\n ~~},\n~~ },\n },\n isError: {\n true: {\n inputContainer: ~~{\n borderColor:~~ 'negative.base',\n ~~},\n~~ },\n },\n char: {\n true: {\n input: ~~{\n fontSize:~~ 'xl~~',\n textAlign:~~ 'center',\n ~~},\n~~ inputContainer: ~~{\n height:~~ ~~12,\n~~ py: 2,\n ~~},\n~~ },\n },\n disabled: {\n true: {\n container: ~~{\n~~ opacity: ~~0.3,\n pointerEvents: '~~none',\n ~~},\n~~ inputContainer: ~~{\n _hover~~: ~~{\n borderColor: '~~neutral.secondary',\n ~~},\n },\n~~ },\n },\n },\n});\n"],"names":["textInput","sva"],"mappings":"~~0CAEO~~,MAAMA,EAAYC,EAAAA,IAAI,CAC3B,MAAO,~~CAAC~~,~~YAAa~~,~~QAAS~~,~~iBAAkB~~,~~QAAS~~,~~cAAe~~,~~WAAY~~,~~aAAc~~,~~cAAc~~,~~EAChH~~,KAAM,CACJ,MAAO,~~CACL~~,~~SAAU,KACV,WAAY,SACZ,MAAO,cACR,EACD,~~eAAgB,CACd,~~gBAAiB~~,~~cACjB~~,~~YAAa~~,~~QACb~~,~~YAAa~~,~~OACb~~,~~YAAa~~,~~oBACb,aAAc,QACd,UAAW,aACX,WAAY,mBACZ,~~MAAO,~~OAEP,OAAQ,CACN,YAAa,iBACd,EAED,MAAO,~~CACL,~~YAAa~~,~~SACb~~,~~OAAQ~~,~~CACN~~,~~YAAa~~,~~QACd~~,~~CACF~~,~~EAED~~,~~aAAc,CACZ,aAAc,aACd,aAAc,QACd,aAAc,QACd,cAAe,EAChB,CACF,EACD,MAAO,CACL,WAAY,mBACZ,MAAO,OACP,UAAW,aACX,EAAG,EACH,EAAG,EACH,QAAS,OACT,SAAU,GACV,WAAY,SACZ,gBAAiB,cACjB,MAAO,eACP,aAAc,CACZ,MAAO,eACR,EAED,~~YAAa,~~CACX~~,~~YAAa,iBACd,CACF,EACD,YAAa,CACX,~~SAAU,~~KACV~~,~~MAAO,cACR,EACD,SAAU,CACR,~~WAAY,~~sBACb~~,~~EACD,WAAY,CACV,WAAY,uBACZ,OAAQ,SACT,EACD,~~aAAc,~~CACZ~~,~~WAAY~~,~~sBACb~~,~~CACF,~~EACD,SAAU,CACR,KAAM,CACJ,GAAI,CACF,MAAO,~~CACL~~,~~SAAU,KACV,UAAW,MACZ,EACD,~~eAAgB,~~CACd~~,~~OAAQ,GACR,EAAG,CACJ,CACF,~~EACD,GAAI,CACF,MAAO,~~CACL~~,~~SAAU,KACV,UAAW,MACZ,EACD,~~eAAgB,~~CACd~~,~~OAAQ,GACR,EAAG,CACJ,CACF,~~EACD,GAAI,CACF,MAAO,~~CACL~~,~~SAAU,KACV,UAAW,MACZ,EACD,~~eAAgB,~~CACd~~,~~OAAQ,GACR,QAAS,CACV,~~CACF,~~CACF,~~EACD,UAAW,CACT,KAAM,CACJ,MAAO,~~CACL~~,UAAW,~~MACZ~~,EACD,~~UAAW,CACT,WAAY,YACb,CACF,EACD,~~OAAQ,CACN,MAAO,~~CACL~~,UAAW,~~QACZ~~,EACD,~~UAAW,CACT,WAAY,QACb,CACF,EACD,~~MAAO,CACL,MAAO,~~CACL~~,UAAW,~~OACZ~~,~~EACD,UAAW,CACT,WAAY,UACb,~~CACF,~~CACF,~~EACD,QAAS,CACP,KAAM,CACJ,eAAgB,~~CACd~~,~~YAAa,eACd,~~CACF,~~CACF,~~EACD,KAAM,CACJ,KAAM,CACJ,MAAO,~~CACL~~,~~SAAU,KACV,UAAW,QACZ,EACD,~~eAAgB,~~CACd~~,~~OAAQ,GACR,GAAI,CACL,~~CACF,~~CACF,~~EACD,SAAU,CACR,KAAM,CACJ,UAAW,~~CACT~~,~~QAAS,GACT,cAAe,MAChB,EACD,~~eAAgB,~~CACd~~,~~OAAQ,CACN,YAAa,mBACd,~~CACF,CACF,CACF,~~CACF,CACF,~~CAAA"}
1	+ {"version":3,"file":"text-input.js","sources":["../../../src/recipes/text-input.ts"],"sourcesContent":["import { sva } from '@lib/sva';\n\nexport const textInput = sva({\n slots: [\n 'container',\n 'label',\n 'inputContainer',\n 'input',\n 'description',\n 'typeIcon',\n 'actionIcon',\n 'actionButton',\n ] as const,\n base: {\n label: 'text-sm font-medium text-text-primary',\n inputContainer: [\n 'bg-transparent border-solid border-thin border-neutral-secondary',\n 'rounded-input box-border transition-all duration-[120ms] linear w-full',\n 'hover:border-neutral-primary',\n 'dark:border-ink-70 dark:hover:border-ink-50',\n 'focus-within:outline focus-within:outline-brand-base focus-within:outline-thick focus-within:outline-offset-[0.125rem]',\n ].join(' '),\n input: [\n 'transition-all duration-[120ms] linear w-full box-border',\n 'm-0 p-0 outline-none min-w-[2.5rem] font-normal',\n 'bg-transparent text-text-primary',\n 'placeholder:text-text-tertiary',\n 'group-hover:border-neutral-primary',\n ].join(' '),\n description: 'text-sm text-text-primary',\n typeIcon: 'transition-opacity duration-[120ms] linear',\n actionIcon: 'transition-opacity duration-[120ms] linear cursor-pointer',\n actionButton: 'transition-opacity duration-[120ms] linear',\n container: '',\n },\n variants: {\n size: {\n sm: {\n input: 'text-sm text-left',\n inputContainer: 'h-10 p-3',\n },\n md: {\n input: 'text-base text-left',\n inputContainer: 'h-12 p-3',\n },\n lg: {\n input: 'text-lg text-left',\n inputContainer: 'h-15 p-4',\n },\n },\n alignText: {\n left: {\n input: 'text-left',\n container: 'items-start',\n },\n center: {\n input: 'text-center',\n container: 'items-center',\n },\n right: {\n input: 'text-right',\n container: 'items-end',\n },\n },\n isError: {\n true: {\n inputContainer: 'border-negative-base',\n },\n },\n char: {\n true: {\n input: 'text-xl text-center',\n inputContainer: 'h-12 py-2',\n },\n },\n disabled: {\n true: {\n container: 'opacity-30 pointer-events-none',\n inputContainer: 'hover:border-neutral-secondary',\n },\n },\n },\n});\n"],"names":["textInput","sva"],"mappings":"4CAEO,MAAMA,EAAYC,EAAAA,IAAI,CAC3B,MAAO,CACL,YACA,QACA,iBACA,QACA,cACA,WACA,aACA,cACQ,EACV,KAAM,CACJ,MAAO,wCACP,eAAgB,CACd,mEACA,yEACA,+BACA,8CACA,0HACA,KAAK,GAAG,EACV,MAAO,CACL,2DACA,kDACA,mCACA,iCACA,sCACA,KAAK,GAAG,EACV,YAAa,4BACb,SAAU,6CACV,WAAY,4DACZ,aAAc,6CACd,UAAW,EACZ,EACD,SAAU,CACR,KAAM,CACJ,GAAI,CACF,MAAO,oBACP,eAAgB,UACjB,EACD,GAAI,CACF,MAAO,sBACP,eAAgB,UACjB,EACD,GAAI,CACF,MAAO,oBACP,eAAgB,UACjB,CACF,EACD,UAAW,CACT,KAAM,CACJ,MAAO,YACP,UAAW,aACZ,EACD,OAAQ,CACN,MAAO,cACP,UAAW,cACZ,EACD,MAAO,CACL,MAAO,aACP,UAAW,WACZ,CACF,EACD,QAAS,CACP,KAAM,CACJ,eAAgB,sBACjB,CACF,EACD,KAAM,CACJ,KAAM,CACJ,MAAO,sBACP,eAAgB,WACjB,CACF,EACD,SAAU,CACR,KAAM,CACJ,UAAW,iCACX,eAAgB,gCACjB,CACF,CACF,CACF,CAAA"}

package/dist/cjs/recipes/text.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@styled/css");const t=e.cva({base:{textWrap:"wrap"},variants:{mono:{false:{},true:{}},scale:{false:{},true:{}},variant:{text:{color:"text.primary"},error:{color:"negative.darker"},info:{color:"brand.base"},success:{color:"positive.base"},warning:{color:"warning.base"}},size:{xs:{textStyle:"body-xs"},sm:{textStyle:"body-sm"},md:{textStyle:"body-md"},lg:{textStyle:"body-lg"}}},compoundVariants:[{scale:!0,size:"sm",css:{textStyle:"body-sm-scaled"}},{scale:!0,size:"md",css:{textStyle:"body-md-scaled"}},{scale:!0,size:"lg",css:{textStyle:"body-lg-scaled"}},{mono:!0,size:"sm",css:{textStyle:"mono-sm"}},{mono:!0,size:"md",css:{textStyle:"mono-md"}},{mono:!0,size:"lg",css:{textStyle:"mono-lg"}}],defaultVariants:{mono:!1,variant:"text",size:"md"}});exports.text=t;
+"use strict";var t=require("class-variance-authority");const e=t.cva("text-wrap",{variants:{mono:{false:"",true:""},scale:{false:"",true:""},variant:{text:"text-text-primary",error:"text-negative-darker",info:"text-brand-base",success:"text-positive-base",warning:"text-warning-base"},size:{xs:"text-style-body-xs",sm:"text-style-body-sm",md:"text-style-body-md",lg:"text-style-body-lg"}},compoundVariants:[{scale:!0,size:"sm",class:"text-style-body-sm-scaled"},{scale:!0,size:"md",class:"text-style-body-md-scaled"},{scale:!0,size:"lg",class:"text-style-body-lg-scaled"},{mono:!0,size:"sm",class:"text-style-mono-sm"},{mono:!0,size:"md",class:"text-style-mono-md"},{mono:!0,size:"lg",class:"text-style-mono-lg"}],defaultVariants:{mono:!1,variant:"text",size:"md"}});exports.text=e;
 //# sourceMappingURL=text.js.map

package/dist/cjs/recipes/text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text.js","sources":["../../../src/recipes/text.ts"],"sourcesContent":["import { cva, type ~~RecipeVariantProps~~ } from '~~@styled/css~~';\n\nexport const text = cva(~~{\n base:~~ {\n ~~textWrap: 'wrap',\n~~ ~~},\n~~ variants: {\n mono: {\n false: {},\n true: {},\n },\n scale: {\n false: {},\n true: {},\n },\n variant: {\n text: ~~{\n color:~~ 'text.primary',\n ~~},\n~~ error: ~~{\n color:~~ 'negative.darker',\n ~~},\n~~ info: ~~{\n color:~~ 'brand.base',\n ~~},\n~~ success: ~~{\n color:~~ 'positive.base',\n ~~},\n~~ warning: ~~{\n color:~~ 'warning.base',\n ~~},\n~~ },\n size: {\n xs: ~~{\n textStyle:~~ 'body-xs',\n ~~},\n~~ sm: ~~{\n textStyle:~~ 'body-sm',\n ~~},\n~~ md: ~~{\n textStyle:~~ 'body-md',\n ~~},\n~~ lg: ~~{\n textStyle:~~ 'body-lg',\n ~~},\n~~ },\n },\n compoundVariants: [\n {\n scale: true~~,\n~~ size: 'sm'~~,\n css:~~ ~~{\n textStyle~~: 'body-sm-scaled'~~,\n~~ },\n ~~},\n~~ {\n scale: true~~,\n~~ size: 'md'~~,\n css:~~ ~~{\n textStyle~~: 'body-md-scaled'~~,\n~~ },\n ~~},\n~~ {\n scale: true~~,\n~~ size: 'lg'~~,\n css:~~ ~~{\n textStyle~~: 'body-lg-scaled'~~,\n~~ },\n ~~},\n~~ {\n mono: true~~,\n~~ size: 'sm'~~,\n css:~~ ~~{\n textStyle~~: 'mono-sm'~~,\n~~ },\n ~~},\n~~ {\n mono: true~~,\n~~ size: 'md'~~,\n css:~~ ~~{\n textStyle~~: 'mono-md'~~,\n~~ },\n ~~},\n~~ {\n mono: true~~,\n~~ size: 'lg'~~,\n css:~~ ~~{\n textStyle~~: 'mono-lg'~~,\n~~ },\n ~~},\n~~ ],\n defaultVariants: {\n mono: false,\n variant: 'text',\n size: 'md',\n },\n});\n\nexport type TextVariants = ~~RecipeVariantProps~~<typeof text>;\n"],"names":["text","cva"],"mappings":"~~0CAEa~~,MAAAA,EAAOC,MAAI,~~CACtB~~,~~KAAM~~,~~CACJ,~~SAAU,~~MACX,EACD,SAAU,~~CACR,KAAM,CACJ,MAAO,~~CAAA~~,~~EACP,~~KAAM,~~CAAA~~,~~CACP,~~EACD,MAAO,CACL,MAAO,~~CAAA~~,~~EACP,~~KAAM,~~CAAA~~,~~CACP,~~EACD,QAAS,CACP,KAAM,~~CACJ~~,MAAO,~~cACR~~,~~EACD,MAAO,CACL,MAAO,iBACR,EACD,~~KAAM,~~CACJ~~,~~MAAO,YACR,EACD,~~QAAS,~~CACP~~,~~MAAO,eACR,EACD,~~QAAS,~~CACP~~,~~MAAO,cACR,CACF,~~EACD,KAAM,CACJ,GAAI,~~CACF~~,~~UAAW,SACZ,EACD,~~GAAI,~~CACF~~,~~UAAW,SACZ,EACD,~~GAAI,~~CACF~~,~~UAAW,SACZ,EACD,~~GAAI,~~CACF~~,~~UAAW,SACZ,~~CACF,~~CACF,~~EACD,iBAAkB,CAChB,~~CACE~~,MAAO,~~GACP~~,KAAM,~~KACN~~,~~IAAK~~,~~CACH~~,~~UAAW~~,~~gBACZ~~,~~CACF,EACD,CACE,~~MAAO,~~GACP~~,KAAM,~~KACN~~,~~IAAK~~,~~CACH~~,~~UAAW~~,~~gBACZ~~,~~CACF,EACD,CACE,~~MAAO,~~GACP~~,KAAM,~~KACN~~,~~IAAK~~,~~CACH~~,~~UAAW~~,~~gBACZ~~,~~CACF~~,~~EACD~~,~~CACE,~~KAAM,~~GACN,~~KAAM,~~KACN~~,~~IAAK~~,~~CACH~~,~~UAAW~~,~~SACZ~~,~~CACF~~,~~EACD,CACE,~~KAAM,~~GACN,~~KAAM,~~KACN~~,~~IAAK~~,~~CACH~~,~~UAAW~~,~~SACZ~~,~~CACF~~,~~EACD,CACE,~~KAAM,~~GACN,~~KAAM,~~KACN~~,~~IAAK~~,~~CACH~~,~~UAAW,SACZ,CACF,CACF,~~EACD,gBAAiB,CACf,KAAM,GACN,QAAS,OACT,KAAM,IACP,CACF,CAAA"}
1	+ {"version":3,"file":"text.js","sources":["../../../src/recipes/text.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const text = cva('text-wrap', {\n variants: {\n mono: {\n false: '',\n true: '',\n },\n scale: {\n false: '',\n true: '',\n },\n variant: {\n text: 'text-text-primary',\n error: 'text-negative-darker',\n info: 'text-brand-base',\n success: 'text-positive-base',\n warning: 'text-warning-base',\n },\n size: {\n xs: 'text-style-body-xs',\n sm: 'text-style-body-sm',\n md: 'text-style-body-md',\n lg: 'text-style-body-lg',\n },\n },\n compoundVariants: [\n { scale: true, size: 'sm', class: 'text-style-body-sm-scaled' },\n { scale: true, size: 'md', class: 'text-style-body-md-scaled' },\n { scale: true, size: 'lg', class: 'text-style-body-lg-scaled' },\n { mono: true, size: 'sm', class: 'text-style-mono-sm' },\n { mono: true, size: 'md', class: 'text-style-mono-md' },\n { mono: true, size: 'lg', class: 'text-style-mono-lg' },\n ],\n defaultVariants: {\n mono: false,\n variant: 'text',\n size: 'md',\n },\n});\n\nexport type TextVariants = VariantProps<typeof text>;\n"],"names":["text","cva"],"mappings":"uDAEa,MAAAA,EAAOC,MAAI,YAAa,CACnC,SAAU,CACR,KAAM,CACJ,MAAO,GACP,KAAM,EACP,EACD,MAAO,CACL,MAAO,GACP,KAAM,EACP,EACD,QAAS,CACP,KAAM,oBACN,MAAO,uBACP,KAAM,kBACN,QAAS,qBACT,QAAS,mBACV,EACD,KAAM,CACJ,GAAI,qBACJ,GAAI,qBACJ,GAAI,qBACJ,GAAI,oBACL,CACF,EACD,iBAAkB,CAChB,CAAE,MAAO,GAAM,KAAM,KAAM,MAAO,2BAA6B,EAC/D,CAAE,MAAO,GAAM,KAAM,KAAM,MAAO,2BAA6B,EAC/D,CAAE,MAAO,GAAM,KAAM,KAAM,MAAO,2BAA6B,EAC/D,CAAE,KAAM,GAAM,KAAM,KAAM,MAAO,oBAAsB,EACvD,CAAE,KAAM,GAAM,KAAM,KAAM,MAAO,oBAAsB,EACvD,CAAE,KAAM,GAAM,KAAM,KAAM,MAAO,oBAAsB,CACxD,EACD,gBAAiB,CACf,KAAM,GACN,QAAS,OACT,KAAM,IACP,CACF,CAAA"}

package/dist/cjs/recipes/toast.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("@styled/css");const o=t.sva({slots:["container","portal","toast","icon","dismiss"],base:{portal:{boxSizing:"border-box",position:"fixed",zIndex:"max",top:0,left:0,height:"100vh",width:"100vw",pointerEvents:"none"},container:{height:"full",width:"full",p:"20px"},toast:{py:2,px:4,rounded:10,boxShadow:"4px 8px 20px 0px rgba(0, 0, 0, 0.15)"},dismiss:{cursor:"pointer",pointerEvents:"all"},icon:{color:"surface.primary",height:"1rem",width:"1rem"}},variants:{variant:{branded:{toast:{backgroundColor:"brand.base"}},success:{toast:{backgroundColor:"positive.darker"}},warning:{toast:{backgroundColor:"warning.darker"}},error:{toast:{backgroundColor:"negative.darker"}},neutral:{toast:{backgroundColor:"text.tertiary",_dark:{backgroundColor:"text.secondary"}}}},position:{top:{container:{alignItems:"center",justifyContent:"flex-start"}},"top-left":{container:{alignItems:"flex-start",justifyContent:"flex-start"}},"top-right":{container:{alignItems:"flex-end",justifyContent:"flex-start"}},bottom:{container:{alignItems:"center",justifyContent:"flex-end"}},"bottom-left":{container:{alignItems:"flex-start",justifyContent:"flex-end"}},"bottom-right":{container:{alignItems:"flex-end",justifyContent:"flex-end"}}}},defaultVariants:{position:"top-right",variant:"branded"}});exports.toast=o;
+"use strict";var t=require("../lib/sva.js");const e=t.sva({slots:["container","portal","toast","icon","dismiss"],base:{portal:"box-border fixed z-max top-0 left-0 h-screen w-screen pointer-events-none",container:"h-full w-full p-5",toast:"py-2 px-4 rounded-[10px] shadow-[4px_8px_20px_0px_rgba(0,0,0,0.15)]",dismiss:"cursor-pointer pointer-events-auto",icon:"text-surface-primary h-4 w-4"},variants:{variant:{branded:{toast:"bg-brand-base"},success:{toast:"bg-positive-darker"},warning:{toast:"bg-warning-darker"},error:{toast:"bg-negative-darker"},neutral:{toast:"bg-text-tertiary dark:bg-text-secondary"}},position:{top:{container:"items-center justify-start"},"top-left":{container:"items-start justify-start"},"top-right":{container:"items-end justify-start"},bottom:{container:"items-center justify-end"},"bottom-left":{container:"items-start justify-end"},"bottom-right":{container:"items-end justify-end"}}},defaultVariants:{position:"top-right",variant:"branded"}});exports.toast=e;
 //# sourceMappingURL=toast.js.map

package/dist/cjs/recipes/toast.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"toast.js","sources":["../../../src/recipes/toast.ts"],"sourcesContent":["import { sva, ~~type RecipeVariantProps~~ } from '@~~styled~~/~~css~~';\n\nexport const toast = sva({\n slots: ['container', 'portal', 'toast', 'icon', 'dismiss'],\n base: {\n portal: ~~{\n boxSizing:~~ 'border~~-box',\n position:~~ 'fixed~~',\n zIndex:~~ 'max~~',\n~~ top: ~~0,\n~~ left: 0~~,\n height:~~ ~~'100vh',\n width:~~ ~~'100vw',\n pointerEvents:~~ 'none',\n ~~},\n~~ container: ~~{\n height:~~ 'full~~',\n width:~~ 'full~~',\n~~ p: '~~20px'~~,\n ~~},\n~~ toast: ~~{\n~~ py: ~~2,\n~~ px: ~~4,\n~~ rounded: ~~10,\n boxShadow: '4px 8px 20px 0px rgba~~(0, 0, 0, 0.15)',\n ~~},\n~~ dismiss: ~~{\n~~ cursor: 'pointer',\n ~~pointerEvents: 'all',\n~~ ~~},\n~~ icon: ~~{\n color:~~ 'surface.primary~~',\n height:~~ ~~'1rem',\n width:~~ '~~1rem'~~,\n ~~},\n~~ },\n variants: {\n variant: {\n branded: {\n toast: ~~{\n backgroundColor:~~ 'brand.base',\n ~~},\n~~ },\n success: {\n toast: ~~{\n backgroundColor:~~ 'positive.darker',\n ~~},\n~~ },\n warning: {\n toast: ~~{\n backgroundColor:~~ 'warning.darker',\n ~~},\n~~ },\n error: {\n toast: ~~{\n backgroundColor:~~ 'negative.darker',\n ~~},\n~~ },\n neutral: {\n toast: ~~{\n backgroundColor:~~ 'text.tertiary~~',\n _dark:~~ ~~{\n backgroundColor~~: 'text.secondary',\n ~~},\n },\n~~ },\n },\n position: {\n top: {\n container: ~~{\n alignItems:~~ 'center~~',\n justifyContent:~~ ~~'flex~~-start',\n ~~},\n~~ },\n 'top-left': {\n container: ~~{\n alignItems:~~ '~~flex~~-start~~',\n justifyContent:~~ ~~'flex~~-start',\n ~~},\n~~ },\n 'top-right': {\n container: ~~{\n alignItems:~~ '~~flex~~-end~~',\n justifyContent:~~ ~~'flex~~-start',\n ~~},\n~~ },\n bottom: {\n container: ~~{\n alignItems:~~ 'center~~',\n justifyContent:~~ ~~'flex~~-end',\n ~~},\n~~ },\n 'bottom-left': {\n container: ~~{\n alignItems:~~ '~~flex~~-start~~',\n justifyContent:~~ ~~'flex~~-end',\n ~~},\n~~ },\n 'bottom-right': {\n container: ~~{\n alignItems:~~ '~~flex~~-end~~',\n justifyContent:~~ ~~'flex~~-end',\n ~~},\n~~ },\n },\n },\n defaultVariants: {\n position: 'top-right',\n variant: 'branded',\n },\n});\n\nexport type ToastVariants = ~~RecipeVariantProps~~<typeof toast~~>;\~~n"],"names":["toast","sva"],"mappings":"~~0CAEO~~,MAAMA,EAAQC,EAAI,IAAA,CACvB,MAAO,CAAC,YAAa,SAAU,QAAS,OAAQ,SAAS,EACzD,KAAM,CACJ,OAAQ,~~CACN~~,UAAW,~~aACX~~,~~SAAU,QACV,OAAQ,MACR,IAAK,EACL,KAAM,EACN,OAAQ,QACR,~~MAAO,~~QACP~~,~~cAAe,MAChB,EACD,UAAW,CACT,OAAQ,OACR,MAAO,OACP,EAAG,MACJ,EACD,MAAO,CACL,GAAI,EACJ,GAAI,EACJ,~~QAAS,~~GACT~~,~~UAAW,sCACZ,EACD,QAAS,CACP,OAAQ,UACR,cAAe,KAChB,EACD,~~KAAM,~~CACJ~~,~~MAAO,kBACP,OAAQ,OACR,MAAO,MACR,CACF,~~EACD,SAAU,CACR,QAAS,CACP,QAAS,CACP,MAAO,~~CACL~~,~~gBAAiB,YAClB,CACF,~~EACD,QAAS,CACP,MAAO,~~CACL~~,~~gBAAiB,iBAClB,CACF,~~EACD,QAAS,CACP,MAAO,~~CACL~~,~~gBAAiB,gBAClB,CACF,~~EACD,MAAO,CACL,MAAO,~~CACL~~,~~gBAAiB,iBAClB,CACF,~~EACD,QAAS,CACP,MAAO,~~CACL~~,~~gBAAiB,gBACjB,MAAO,CACL,gBAAiB,gBAClB,~~CACF,~~CACF,CACF,~~EACD,SAAU,CACR,IAAK,CACH,UAAW,~~CACT~~,~~WAAY,SACZ,eAAgB,YACjB,CACF,~~EACD,WAAY,CACV,UAAW,~~CACT~~,~~WAAY,aACZ,eAAgB,YACjB,CACF,~~EACD,YAAa,CACX,UAAW,~~CACT~~,~~WAAY,WACZ,eAAgB,YACjB,CACF,~~EACD,OAAQ,CACN,UAAW,~~CACT~~,~~WAAY,SACZ,eAAgB,UACjB,CACF,~~EACD,cAAe,CACb,UAAW,~~CACT~~,~~WAAY,aACZ,eAAgB,UACjB,CACF,~~EACD,eAAgB,CACd,UAAW,~~CACT~~,~~WAAY,WACZ,eAAgB,UACjB,~~CACF,CACF,~~CACF,~~EACD,gBAAiB,CACf,SAAU,YACV,QAAS,SACV,CACF,CAAA"}
1	+ {"version":3,"file":"toast.js","sources":["../../../src/recipes/toast.ts"],"sourcesContent":["import { sva } from '@lib/sva';\n\nexport const toast = sva({\n slots: ['container', 'portal', 'toast', 'icon', 'dismiss'] as const,\n base: {\n portal: 'box-border fixed z-max top-0 left-0 h-screen w-screen pointer-events-none',\n container: 'h-full w-full p-5',\n toast: 'py-2 px-4 rounded-[10px] shadow-[4px_8px_20px_0px_rgba(0,0,0,0.15)]',\n dismiss: 'cursor-pointer pointer-events-auto',\n icon: 'text-surface-primary h-4 w-4',\n },\n variants: {\n variant: {\n branded: {\n toast: 'bg-brand-base',\n },\n success: {\n toast: 'bg-positive-darker',\n },\n warning: {\n toast: 'bg-warning-darker',\n },\n error: {\n toast: 'bg-negative-darker',\n },\n neutral: {\n toast: 'bg-text-tertiary dark:bg-text-secondary',\n },\n },\n position: {\n top: {\n container: 'items-center justify-start',\n },\n 'top-left': {\n container: 'items-start justify-start',\n },\n 'top-right': {\n container: 'items-end justify-start',\n },\n bottom: {\n container: 'items-center justify-end',\n },\n 'bottom-left': {\n container: 'items-start justify-end',\n },\n 'bottom-right': {\n container: 'items-end justify-end',\n },\n },\n },\n defaultVariants: {\n position: 'top-right',\n variant: 'branded',\n },\n});\n\nexport type ToastVariants = Parameters<typeof toast>[0];\n"],"names":["toast","sva"],"mappings":"4CAEO,MAAMA,EAAQC,EAAI,IAAA,CACvB,MAAO,CAAC,YAAa,SAAU,QAAS,OAAQ,SAAS,EACzD,KAAM,CACJ,OAAQ,4EACR,UAAW,oBACX,MAAO,sEACP,QAAS,qCACT,KAAM,8BACP,EACD,SAAU,CACR,QAAS,CACP,QAAS,CACP,MAAO,eACR,EACD,QAAS,CACP,MAAO,oBACR,EACD,QAAS,CACP,MAAO,mBACR,EACD,MAAO,CACL,MAAO,oBACR,EACD,QAAS,CACP,MAAO,yCACR,CACF,EACD,SAAU,CACR,IAAK,CACH,UAAW,4BACZ,EACD,WAAY,CACV,UAAW,2BACZ,EACD,YAAa,CACX,UAAW,yBACZ,EACD,OAAQ,CACN,UAAW,0BACZ,EACD,cAAe,CACb,UAAW,yBACZ,EACD,eAAgB,CACd,UAAW,uBACZ,CACF,CACF,EACD,gBAAiB,CACf,SAAU,YACV,QAAS,SACV,CACF,CAAA"}

package/dist/cjs/recipes/tooltip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("@styled/css");const r=t.sva({slots:["trigger","content","spacer"],base:{trigger:{position:"relative",w:"auto"},content:{w:"max",maxW:72,color:"text.secondary",bg:"surface.primary",borderColor:"neutral.secondary",borderWidth:"thin",_dark:{bg:"surface.tertiary"},position:"absolute",py:2,px:3,rounded:"xl",boxShadow:"0px 4px 20px 0px rgba(0, 0, 0, 0.10)",zIndex:"max",display:"none"},spacer:{position:"absolute"}},variants:{expand:{true:{trigger:{w:"full"}}},isOpen:{true:{content:{display:"block"}}},placement:{top:{content:{top:"0%",left:"50%",transform:"translateX(-50%) translateY(calc(-100% - 0.75rem))"}},"top left":{content:{top:"0%",right:"100%",transform:"translateX(10%) translateY(calc(-100% - 0.75rem))"}},"top right":{content:{top:"0%",left:"100%",transform:"translateX(-10%) translateY(calc(-100% - 0.75rem))"}},left:{content:{top:"50%",left:"0%",transform:"translateX(calc(-100% - 0.75rem)) translateY(-50%)"}},"left top":{content:{top:"50%",left:"0%",transform:"translateX(calc(-100% - 0.75rem)) translateY(-75%)"}},"left bottom":{content:{top:"50%",left:"0%",transform:"translateX(calc(-100% - 0.75rem)) translateY(-25%)"}},right:{content:{top:"50%",right:"0%",transform:"translateX(calc(100% + 0.75rem)) translateY(-50%)"}},"right top":{content:{top:"50%",right:"0%",transform:"translateX(calc(100% + 0.75rem)) translateY(-75%)"}},"right bottom":{content:{top:"50%",right:"0%",transform:"translateX(calc(100% + 0.75rem)) translateY(-25%)"}},bottom:{content:{bottom:"0%",left:"50%",transform:"translateX(-50%) translateY(calc(100% + 0.75rem))"}},"bottom left":{content:{bottom:"0%",right:"100%",transform:"translateX(10%) translateY(calc(100% + 0.75rem))"}},"bottom right":{content:{bottom:"0%",left:"100%",transform:"translateX(-10%) translateY(calc(100% + 0.75rem))"}}},position:{top:{spacer:{width:72,height:4,bottom:0,left:"50%",transform:"translateX(-50%) translateY(0.75rem)"}},bottom:{spacer:{width:72,height:4,top:0,left:"50%",transform:"translateX(-50%) translateY(-0.75rem)"}},left:{spacer:{width:4,height:48,top:"50%",right:-6,transform:"translateX(-0.75rem) translateY(-50%)"}},right:{spacer:{width:4,height:48,top:"50%",left:-6,transform:"translateX(0.75rem) translateY(-50%)"}}}}});exports.tooltip=r;
+"use strict";var t=require("../lib/sva.js");const r=t.sva({slots:["trigger","content","spacer"],base:{trigger:"relative w-auto",content:["w-max max-w-[18rem] text-text-secondary","bg-surface-primary border-neutral-secondary border-thin","dark:bg-surface-tertiary","absolute py-2 px-3 rounded-xl","shadow-[0px_4px_20px_0px_rgba(0,0,0,0.10)]","z-max hidden"].join(" "),spacer:"absolute"},variants:{expand:{true:{trigger:"w-full"}},isOpen:{true:{content:"block"}},placement:{top:{content:"top-0 left-1/2 [transform:translateX(-50%)_translateY(calc(-100%-0.75rem))]"},"top left":{content:"top-0 right-full [transform:translateX(10%)_translateY(calc(-100%-0.75rem))]"},"top right":{content:"top-0 left-full [transform:translateX(-10%)_translateY(calc(-100%-0.75rem))]"},left:{content:"top-1/2 left-0 [transform:translateX(calc(-100%-0.75rem))_translateY(-50%)]"},"left top":{content:"top-1/2 left-0 [transform:translateX(calc(-100%-0.75rem))_translateY(-75%)]"},"left bottom":{content:"top-1/2 left-0 [transform:translateX(calc(-100%-0.75rem))_translateY(-25%)]"},right:{content:"top-1/2 right-0 [transform:translateX(calc(100%+0.75rem))_translateY(-50%)]"},"right top":{content:"top-1/2 right-0 [transform:translateX(calc(100%+0.75rem))_translateY(-75%)]"},"right bottom":{content:"top-1/2 right-0 [transform:translateX(calc(100%+0.75rem))_translateY(-25%)]"},bottom:{content:"bottom-0 left-1/2 [transform:translateX(-50%)_translateY(calc(100%+0.75rem))]"},"bottom left":{content:"bottom-0 right-full [transform:translateX(10%)_translateY(calc(100%+0.75rem))]"},"bottom right":{content:"bottom-0 left-full [transform:translateX(-10%)_translateY(calc(100%+0.75rem))]"}},position:{top:{spacer:"w-[18rem] h-4 bottom-0 left-1/2 [transform:translateX(-50%)_translateY(0.75rem)]"},bottom:{spacer:"w-[18rem] h-4 top-0 left-1/2 [transform:translateX(-50%)_translateY(-0.75rem)]"},left:{spacer:"w-4 h-48 top-1/2 -right-6 [transform:translateX(-0.75rem)_translateY(-50%)]"},right:{spacer:"w-4 h-48 top-1/2 -left-6 [transform:translateX(0.75rem)_translateY(-50%)]"}}}});exports.tooltip=r;
 //# sourceMappingURL=tooltip.js.map

package/dist/cjs/recipes/tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip.js","sources":["../../../src/recipes/tooltip.ts"],"sourcesContent":["import { sva } from '@~~styled~~/~~css~~';\n\nexport const tooltip = sva({\n slots: ['trigger', 'content', 'spacer'],\n base: {\n trigger: ~~{\n position:~~ 'relative~~',\n~~ w~~: '~~auto',\n ~~},\n~~ content: {\n w: 'max~~',\n maxW:~~ ~~72,\n color: '~~text.secondary',\n bg~~: '~~surface.primary~~',\n borderColor:~~ 'neutral.secondary~~',\n borderWidth:~~ 'thin',\n ~~_dark~~: { bg~~: '~~surface.tertiary' },\n ~~position:~~ 'absolute~~',\n~~ py: ~~2,\n~~ px: ~~3,\n~~ rounded~~: '~~xl',\n ~~boxShadow:~~ '~~0px 4px 20px 0px rgba~~(0, 0, 0, 0.10)',\n ~~zIndex:~~ 'max',\n ~~display:~~ '~~none'~~,\n ~~},\n~~ spacer: ~~{\n position:~~ 'absolute',\n ~~},\n~~ },\n variants: {\n expand: {\n true: {\n trigger: ~~{\n~~ w~~: '~~full',\n ~~},\n~~ },\n },\n isOpen: {\n true: {\n content: ~~{\n display:~~ 'block',\n ~~},\n~~ },\n },\n placement: {\n top: {\n content: ~~{\n~~ top: ~~'0%',\n~~ left: ~~'50%',\n~~ transform: 'translateX(-50%) ~~translateY~~(calc(-100~~% -~~ 0.75rem))',\n ~~},\n~~ },\n 'top left': {\n content: ~~{\n~~ top: ~~'0%',\n~~ right: ~~'100%',\n~~ transform: 'translateX(10%) ~~translateY~~(calc(-100~~% -~~ 0.75rem))',\n ~~},\n~~ },\n 'top right': {\n content: ~~{\n~~ top: ~~'0%',\n~~ left: ~~'100%',\n~~ transform: 'translateX(-10%) ~~translateY~~(calc(-100~~% -~~ 0.75rem))',\n ~~},\n~~ },\n left: {\n content: ~~{\n~~ top: ~~'50%',\n~~ left: ~~'0%',\n~~ transform: 'translateX(calc(-100~~% -~~ 0.75rem)) ~~translateY~~(-50%)',\n ~~},\n~~ },\n 'left top': {\n content: ~~{\n~~ top: ~~'50%',\n~~ left: ~~'0%',\n~~ transform: 'translateX(calc(-100~~% -~~ 0.75rem)) ~~translateY~~(-75%)',\n ~~},\n~~ },\n 'left bottom': {\n content: ~~{\n~~ top: ~~'50%',\n~~ left: ~~'0%',\n~~ transform: 'translateX(calc(-100~~% -~~ 0.75rem)) ~~translateY~~(-25%)',\n ~~},\n~~ },\n right: {\n content: ~~{\n~~ top: ~~'50%',\n~~ right: ~~'0%',\n~~ transform: 'translateX(calc(100~~% +~~ 0.75rem)) ~~translateY~~(-50%)',\n ~~},\n~~ },\n 'right top': {\n content: ~~{\n~~ top: ~~'50%',\n~~ right: ~~'0%',\n~~ transform: 'translateX(calc(100~~% +~~ 0.75rem)) ~~translateY~~(-75%)',\n ~~},\n~~ },\n 'right bottom': {\n content: ~~{\n~~ top: ~~'50%',\n~~ right: ~~'0%',\n~~ transform: 'translateX(calc(100~~% +~~ 0.75rem)) ~~translateY~~(-25%)',\n ~~},\n~~ },\n bottom: {\n content: ~~{\n~~ bottom: ~~'0%',\n~~ left: ~~'50%',\n~~ transform: 'translateX(-50%) ~~translateY~~(calc(100~~% +~~ 0.75rem))',\n ~~},\n~~ },\n 'bottom left': {\n content: ~~{\n~~ bottom: ~~'0%',\n~~ right: ~~'100%',\n~~ transform: 'translateX(10%) ~~translateY~~(calc(100~~% +~~ 0.75rem))',\n ~~},\n~~ },\n 'bottom right': {\n content: ~~{\n~~ bottom: ~~'0%',\n~~ left: ~~'100%',\n~~ transform: 'translateX(-10%) ~~translateY~~(calc(100~~% +~~ 0.75rem))',\n ~~},\n~~ },\n },\n position: {\n top: {\n spacer: ~~{\n width:~~ ~~72,\n height:~~ ~~4,\n~~ bottom: ~~0,\n~~ left: ~~'50%',\n~~ transform: 'translateX(-50%) ~~translateY~~(0.75rem)',\n ~~},\n~~ },\n bottom: {\n spacer: ~~{\n width:~~ ~~72,\n height:~~ ~~4,\n~~ top: ~~0,\n~~ left: ~~'50%',\n~~ transform: 'translateX(-50%) ~~translateY~~(-0.75rem)',\n ~~},\n~~ },\n left: {\n spacer: ~~{\n width:~~ 4~~,\n height:~~ 48~~,\n~~ top: ~~'50%',\n~~ right: -6~~,\n~~ transform: 'translateX(-0.75rem) ~~translateY~~(-50%)',\n ~~},\n~~ },\n right: {\n spacer: ~~{\n width:~~ 4~~,\n height:~~ 48~~,\n~~ top: ~~'50%',\n~~ left: -6~~,\n~~ transform: 'translateX(0.75rem) ~~translateY~~(-50%)',\n ~~},\n~~ },\n },\n },\n});\n"],"names":["tooltip","sva"],"mappings":"~~0CAEO~~,MAAMA,EAAUC,EAAAA,IAAI,CACzB,MAAO,CAAC,UAAW,UAAW,QAAQ,EACtC,KAAM,CACJ,QAAS,~~CACP~~,~~SAAU,WACV,EAAG,MACJ,EACD,~~QAAS,CACP,~~EAAG~~,~~MACH~~,~~KAAM~~,~~GACN~~,~~MAAO~~,~~iBACP~~,~~GAAI~~,~~kBACJ~~,~~YAAa~~,~~oBACb,YAAa,OACb,MAAO,CAAE,GAAI,kBAAoB,EACjC,SAAU,WACV,GAAI,EACJ,GAAI,EACJ,QAAS,KACT,UAAW,uCACX,~~OAAQ,~~MACR~~,~~QAAS,MACV,~~EACD,~~OAAQ,CACN,~~SAAU,~~UACX,CACF,EACD,SAAU,~~CACR,OAAQ,CACN,KAAM,CACJ,QAAS,~~CACP~~,~~EAAG,MACJ,~~CACF,~~CACF,~~EACD,OAAQ,CACN,KAAM,CACJ,QAAS,~~CACP,QAAS,~~OACV,CACF,~~CACF,~~EACD,UAAW,CACT,IAAK,CACH,QAAS,~~CACP~~,~~IAAK,KACL,KAAM,MACN,UAAW,oDACZ,CACF,~~EACD,WAAY,CACV,QAAS,~~CACP~~,~~IAAK,KACL,MAAO,OACP,UAAW,mDACZ,CACF,~~EACD,YAAa,CACX,QAAS,~~CACP~~,~~IAAK,KACL,KAAM,OACN,UAAW,oDACZ,CACF,~~EACD,KAAM,CACJ,QAAS,~~CACP~~,~~IAAK,MACL,KAAM,KACN,UAAW,oDACZ,CACF,~~EACD,WAAY,CACV,QAAS,~~CACP~~,~~IAAK,MACL,KAAM,KACN,UAAW,oDACZ,CACF,~~EACD,cAAe,CACb,QAAS,~~CACP~~,~~IAAK,MACL,KAAM,KACN,UAAW,oDACZ,CACF,~~EACD,MAAO,CACL,QAAS,~~CACP~~,~~IAAK,MACL,MAAO,KACP,UAAW,mDACZ,CACF,~~EACD,YAAa,CACX,QAAS,~~CACP~~,~~IAAK,MACL,MAAO,KACP,UAAW,mDACZ,CACF,~~EACD,eAAgB,CACd,QAAS,~~CACP~~,~~IAAK,MACL,MAAO,KACP,UAAW,mDACZ,CACF,~~EACD,OAAQ,CACN,QAAS,~~CACP,OAAQ,KACR,KAAM,MACN,UAAW,mDACZ,CACF,~~EACD,cAAe,CACb,QAAS,~~CACP~~,~~OAAQ,KACR,MAAO,OACP,UAAW,kDACZ,CACF,~~EACD,eAAgB,CACd,QAAS,~~CACP~~,~~OAAQ,KACR,KAAM,OACN,UAAW,mDACZ,~~CACF,~~CACF,~~EACD,SAAU,CACR,IAAK,CACH,OAAQ,~~CACN~~,~~MAAO,GACP,OAAQ,EACR,OAAQ,EACR,KAAM,MACN,UAAW,sCACZ,CACF,~~EACD,OAAQ,CACN,OAAQ,~~CACN~~,~~MAAO,GACP,OAAQ,EACR,IAAK,EACL,KAAM,MACN,UAAW,uCACZ,CACF,~~EACD,KAAM,CACJ,OAAQ,~~CACN~~,~~MAAO,EACP,OAAQ,GACR,IAAK,MACL,MAAO,GACP,UAAW,uCACZ,CACF,~~EACD,MAAO,CACL,OAAQ,~~CACN~~,~~MAAO,EACP,OAAQ,GACR,IAAK,MACL,KAAM,GACN,UAAW,sCACZ,~~CACF,CACF,CACF,~~CACF,~~CAAA"}
1	+ {"version":3,"file":"tooltip.js","sources":["../../../src/recipes/tooltip.ts"],"sourcesContent":["import { sva } from '@lib/sva';\n\nexport const tooltip = sva({\n slots: ['trigger', 'content', 'spacer'] as const,\n base: {\n trigger: 'relative w-auto',\n content: [\n 'w-max max-w-[18rem] text-text-secondary',\n 'bg-surface-primary border-neutral-secondary border-thin',\n 'dark:bg-surface-tertiary',\n 'absolute py-2 px-3 rounded-xl',\n 'shadow-[0px_4px_20px_0px_rgba(0,0,0,0.10)]',\n 'z-max hidden',\n ].join(' '),\n spacer: 'absolute',\n },\n variants: {\n expand: {\n true: {\n trigger: 'w-full',\n },\n },\n isOpen: {\n true: {\n content: 'block',\n },\n },\n placement: {\n top: {\n content: 'top-0 left-1/2 [transform:translateX(-50%)_translateY(calc(-100%-0.75rem))]',\n },\n 'top left': {\n content: 'top-0 right-full [transform:translateX(10%)_translateY(calc(-100%-0.75rem))]',\n },\n 'top right': {\n content: 'top-0 left-full [transform:translateX(-10%)_translateY(calc(-100%-0.75rem))]',\n },\n left: {\n content: 'top-1/2 left-0 [transform:translateX(calc(-100%-0.75rem))_translateY(-50%)]',\n },\n 'left top': {\n content: 'top-1/2 left-0 [transform:translateX(calc(-100%-0.75rem))_translateY(-75%)]',\n },\n 'left bottom': {\n content: 'top-1/2 left-0 [transform:translateX(calc(-100%-0.75rem))_translateY(-25%)]',\n },\n right: {\n content: 'top-1/2 right-0 [transform:translateX(calc(100%+0.75rem))_translateY(-50%)]',\n },\n 'right top': {\n content: 'top-1/2 right-0 [transform:translateX(calc(100%+0.75rem))_translateY(-75%)]',\n },\n 'right bottom': {\n content: 'top-1/2 right-0 [transform:translateX(calc(100%+0.75rem))_translateY(-25%)]',\n },\n bottom: {\n content: 'bottom-0 left-1/2 [transform:translateX(-50%)_translateY(calc(100%+0.75rem))]',\n },\n 'bottom left': {\n content: 'bottom-0 right-full [transform:translateX(10%)_translateY(calc(100%+0.75rem))]',\n },\n 'bottom right': {\n content: 'bottom-0 left-full [transform:translateX(-10%)_translateY(calc(100%+0.75rem))]',\n },\n },\n position: {\n top: {\n spacer: 'w-[18rem] h-4 bottom-0 left-1/2 [transform:translateX(-50%)_translateY(0.75rem)]',\n },\n bottom: {\n spacer: 'w-[18rem] h-4 top-0 left-1/2 [transform:translateX(-50%)_translateY(-0.75rem)]',\n },\n left: {\n spacer: 'w-4 h-48 top-1/2 -right-6 [transform:translateX(-0.75rem)_translateY(-50%)]',\n },\n right: {\n spacer: 'w-4 h-48 top-1/2 -left-6 [transform:translateX(0.75rem)_translateY(-50%)]',\n },\n },\n },\n});\n"],"names":["tooltip","sva"],"mappings":"4CAEO,MAAMA,EAAUC,EAAAA,IAAI,CACzB,MAAO,CAAC,UAAW,UAAW,QAAQ,EACtC,KAAM,CACJ,QAAS,kBACT,QAAS,CACP,0CACA,0DACA,2BACA,gCACA,6CACA,gBACA,KAAK,GAAG,EACV,OAAQ,UACT,EACD,SAAU,CACR,OAAQ,CACN,KAAM,CACJ,QAAS,QACV,CACF,EACD,OAAQ,CACN,KAAM,CACJ,QAAS,OACV,CACF,EACD,UAAW,CACT,IAAK,CACH,QAAS,6EACV,EACD,WAAY,CACV,QAAS,8EACV,EACD,YAAa,CACX,QAAS,8EACV,EACD,KAAM,CACJ,QAAS,6EACV,EACD,WAAY,CACV,QAAS,6EACV,EACD,cAAe,CACb,QAAS,6EACV,EACD,MAAO,CACL,QAAS,6EACV,EACD,YAAa,CACX,QAAS,6EACV,EACD,eAAgB,CACd,QAAS,6EACV,EACD,OAAQ,CACN,QAAS,+EACV,EACD,cAAe,CACb,QAAS,gFACV,EACD,eAAgB,CACd,QAAS,gFACV,CACF,EACD,SAAU,CACR,IAAK,CACH,OAAQ,kFACT,EACD,OAAQ,CACN,OAAQ,gFACT,EACD,KAAM,CACJ,OAAQ,6EACT,EACD,MAAO,CACL,OAAQ,2EACT,CACF,CACF,CACF,CAAA"}

package/dist/cjs/styles/keyframes.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var a=require("@pandacss/dev");const e=a.defineKeyframes({fadeIn:{"0%":{opacity:"0"}},fadeOut:{"100%":{opacity:"0"}},scaleIn:{"0%":{opacity:"0"},"100%":{opacity:"1",scale:"1"}},scaleOut:{"0%":{opacity:"1",scale:"1"},"100%":{opacity:"0",scale:"0.9"}},slideIn:{"0%":{opacity:"0",transform:"translateY(1.25rem)"},"100%":{opacity:"1",transform:"translateY(0)"}},slideOut:{"0%":{opacity:"1",transform:"translateY(0)"},"100%":{opacity:"0",transform:"translateY(1.25rem)"}},slideRight:{"0% ":{left:"-150%"},"100%":{left:"175%"}},moveRight:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(1.25rem)"},"100%":{transform:"translateX(1.2rem)"}},moveLeft:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(-1.25rem)"},"100%":{transform:"translateX(-1.2rem)"}},animateSpinnerSmall:{"0%":{strokeDasharray:"0.4, 60",strokeDashoffset:"0"},"50%":{strokeDasharray:"36, 60",strokeDashoffset:"-14"},"100%":{strokeDasharray:"36, 60",strokeDashoffset:"-52"}},animateSpinnerLarge:{"0%":{strokeDasharray:"0.875, 175",strokeDashoffset:"0"},"50%":{strokeDasharray:"78.75, 131.25",strokeDashoffset:"-31"},"100%":{strokeDasharray:"0.875, 175",strokeDashoffset:"-158"}},popIn:{"0%":{scale:0},"100%":{scale:1}},popOut:{"0%":{scale:1},"100%":{scale:0}}});exports.keyframes=e;
+"use strict";const a={fadeIn:{"0%":{opacity:"0"}},fadeOut:{"100%":{opacity:"0"}},scaleIn:{"0%":{opacity:"0"},"100%":{opacity:"1",scale:"1"}},scaleOut:{"0%":{opacity:"1",scale:"1"},"100%":{opacity:"0",scale:"0.9"}},slideIn:{"0%":{opacity:"0",transform:"translateY(1.25rem)"},"100%":{opacity:"1",transform:"translateY(0)"}},slideOut:{"0%":{opacity:"1",transform:"translateY(0)"},"100%":{opacity:"0",transform:"translateY(1.25rem)"}},slideRight:{"0% ":{left:"-150%"},"100%":{left:"175%"}},moveRight:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(1.25rem)"},"100%":{transform:"translateX(1.2rem)"}},moveLeft:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(-1.25rem)"},"100%":{transform:"translateX(-1.2rem)"}},animateSpinnerSmall:{"0%":{strokeDasharray:"0.4, 60",strokeDashoffset:"0"},"50%":{strokeDasharray:"36, 60",strokeDashoffset:"-14"},"100%":{strokeDasharray:"36, 60",strokeDashoffset:"-52"}},animateSpinnerLarge:{"0%":{strokeDasharray:"0.875, 175",strokeDashoffset:"0"},"50%":{strokeDasharray:"78.75, 131.25",strokeDashoffset:"-31"},"100%":{strokeDasharray:"0.875, 175",strokeDashoffset:"-158"}},popIn:{"0%":{scale:0},"100%":{scale:1}},popOut:{"0%":{scale:1},"100%":{scale:0}}};exports.keyframes=a;
 //# sourceMappingURL=keyframes.js.map

package/dist/cjs/styles/keyframes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"keyframes.js","sources":["../../../src/styles/keyframes.ts"],"sourcesContent":["~~import~~ ~~{ defineKeyframes } from '@pandacss/dev';\n\nexport~~ const keyframes = ~~defineKeyframes(~~{\n fadeIn: {\n '0%': { opacity: '0' },\n },\n fadeOut: {\n '100%': { opacity: '0' },\n },\n scaleIn: {\n '0%': { opacity: '0' },\n '100%': { opacity: '1', scale: '1' },\n },\n scaleOut: {\n '0%': { opacity: '1', scale: '1' },\n '100%': { opacity: '0', scale: '0.9' },\n },\n slideIn: {\n '0%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n '100%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n },\n slideOut: {\n '0%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n '100%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n },\n slideRight: {\n '0% ': {\n left: '-150%',\n },\n '100%': {\n left: '175%',\n },\n },\n moveRight: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(1.25rem)' },\n '100%': { transform: 'translateX(1.2rem)' },\n },\n moveLeft: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(-1.25rem)' },\n '100%': { transform: 'translateX(-1.2rem)' },\n },\n animateSpinnerSmall: {\n '0%': {\n strokeDasharray: '0.4, 60',\n strokeDashoffset: '0',\n },\n '50%': {\n strokeDasharray: '36, 60',\n strokeDashoffset: '-14',\n },\n '100%': {\n strokeDasharray: '36, 60',\n strokeDashoffset: '-52',\n },\n },\n animateSpinnerLarge: {\n '0%': {\n strokeDasharray: '0.875, 175',\n strokeDashoffset: '0',\n },\n '50%': {\n strokeDasharray: '78.75, 131.25',\n strokeDashoffset: '-31',\n },\n '100%': {\n strokeDasharray: '0.875, 175',\n strokeDashoffset: '-158',\n },\n },\n popIn: {\n '0%': {\n scale: 0,\n },\n '100%': {\n scale: 1,\n },\n },\n popOut: {\n '0%': {\n scale: 1,\n },\n '100%': {\n scale: 0,\n },\n },\n});\n"],"names":["keyframes"~~,"defineKeyframes"~~],"mappings":"~~4CAEO~~,~~MAAMA~~,~~EAAYC~~,~~EAAAA~~,~~gBAAgB,CACvC,~~OAAQ,CACN,KAAM,CAAE,QAAS,GAAK,CACvB,EACD,QAAS,CACP,OAAQ,CAAE,QAAS,GAAK,CACzB,EACD,QAAS,CACP,KAAM,CAAE,QAAS,GAAK,EACtB,OAAQ,CAAE,QAAS,IAAK,MAAO,GAAK,CACrC,EACD,SAAU,CACR,KAAM,CAAE,QAAS,IAAK,MAAO,GAAK,EAClC,OAAQ,CAAE,QAAS,IAAK,MAAO,KAAO,CACvC,EACD,QAAS,CACP,KAAM,CACJ,QAAS,IACT,UAAW,qBACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,eACZ,CACF,EACD,SAAU,CACR,KAAM,CACJ,QAAS,IACT,UAAW,eACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,qBACZ,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,OACP,EACD,OAAQ,CACN,KAAM,MACP,CACF,EACD,UAAW,CACT,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,qBAAuB,EAC3C,OAAQ,CAAE,UAAW,oBAAsB,CAC5C,EACD,SAAU,CACR,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,sBAAwB,EAC5C,OAAQ,CAAE,UAAW,qBAAuB,CAC7C,EACD,oBAAqB,CACnB,KAAM,CACJ,gBAAiB,UACjB,iBAAkB,GACnB,EACD,MAAO,CACL,gBAAiB,SACjB,iBAAkB,KACnB,EACD,OAAQ,CACN,gBAAiB,SACjB,iBAAkB,KACnB,CACF,EACD,oBAAqB,CACnB,KAAM,CACJ,gBAAiB,aACjB,iBAAkB,GACnB,EACD,MAAO,CACL,gBAAiB,gBACjB,iBAAkB,KACnB,EACD,OAAQ,CACN,gBAAiB,aACjB,iBAAkB,MACnB,CACF,EACD,MAAO,CACL,KAAM,CACJ,MAAO,CACR,EACD,OAAQ,CACN,MAAO,CACR,CACF,EACD,OAAQ,CACN,KAAM,CACJ,MAAO,CACR,EACD,OAAQ,CACN,MAAO,CACR,CACF~~,CACF,CAAA~~"}
1	+ {"version":3,"file":"keyframes.js","sources":["../../../src/styles/keyframes.ts"],"sourcesContent":["export const keyframes = {\n fadeIn: {\n '0%': { opacity: '0' },\n },\n fadeOut: {\n '100%': { opacity: '0' },\n },\n scaleIn: {\n '0%': { opacity: '0' },\n '100%': { opacity: '1', scale: '1' },\n },\n scaleOut: {\n '0%': { opacity: '1', scale: '1' },\n '100%': { opacity: '0', scale: '0.9' },\n },\n slideIn: {\n '0%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n '100%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n },\n slideOut: {\n '0%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n '100%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n },\n slideRight: {\n '0% ': {\n left: '-150%',\n },\n '100%': {\n left: '175%',\n },\n },\n moveRight: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(1.25rem)' },\n '100%': { transform: 'translateX(1.2rem)' },\n },\n moveLeft: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(-1.25rem)' },\n '100%': { transform: 'translateX(-1.2rem)' },\n },\n animateSpinnerSmall: {\n '0%': {\n strokeDasharray: '0.4, 60',\n strokeDashoffset: '0',\n },\n '50%': {\n strokeDasharray: '36, 60',\n strokeDashoffset: '-14',\n },\n '100%': {\n strokeDasharray: '36, 60',\n strokeDashoffset: '-52',\n },\n },\n animateSpinnerLarge: {\n '0%': {\n strokeDasharray: '0.875, 175',\n strokeDashoffset: '0',\n },\n '50%': {\n strokeDasharray: '78.75, 131.25',\n strokeDashoffset: '-31',\n },\n '100%': {\n strokeDasharray: '0.875, 175',\n strokeDashoffset: '-158',\n },\n },\n popIn: {\n '0%': {\n scale: 0,\n },\n '100%': {\n scale: 1,\n },\n },\n popOut: {\n '0%': {\n scale: 1,\n },\n '100%': {\n scale: 0,\n },\n },\n} as const;\n"],"names":["keyframes"],"mappings":"aAAa,MAAAA,EAAY,CACvB,OAAQ,CACN,KAAM,CAAE,QAAS,GAAK,CACvB,EACD,QAAS,CACP,OAAQ,CAAE,QAAS,GAAK,CACzB,EACD,QAAS,CACP,KAAM,CAAE,QAAS,GAAK,EACtB,OAAQ,CAAE,QAAS,IAAK,MAAO,GAAK,CACrC,EACD,SAAU,CACR,KAAM,CAAE,QAAS,IAAK,MAAO,GAAK,EAClC,OAAQ,CAAE,QAAS,IAAK,MAAO,KAAO,CACvC,EACD,QAAS,CACP,KAAM,CACJ,QAAS,IACT,UAAW,qBACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,eACZ,CACF,EACD,SAAU,CACR,KAAM,CACJ,QAAS,IACT,UAAW,eACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,qBACZ,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,OACP,EACD,OAAQ,CACN,KAAM,MACP,CACF,EACD,UAAW,CACT,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,qBAAuB,EAC3C,OAAQ,CAAE,UAAW,oBAAsB,CAC5C,EACD,SAAU,CACR,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,sBAAwB,EAC5C,OAAQ,CAAE,UAAW,qBAAuB,CAC7C,EACD,oBAAqB,CACnB,KAAM,CACJ,gBAAiB,UACjB,iBAAkB,GACnB,EACD,MAAO,CACL,gBAAiB,SACjB,iBAAkB,KACnB,EACD,OAAQ,CACN,gBAAiB,SACjB,iBAAkB,KACnB,CACF,EACD,oBAAqB,CACnB,KAAM,CACJ,gBAAiB,aACjB,iBAAkB,GACnB,EACD,MAAO,CACL,gBAAiB,gBACjB,iBAAkB,KACnB,EACD,OAAQ,CACN,gBAAiB,aACjB,iBAAkB,MACnB,CACF,EACD,MAAO,CACL,KAAM,CACJ,MAAO,CACR,EACD,OAAQ,CACN,MAAO,CACR,CACF,EACD,OAAQ,CACN,KAAM,CACJ,MAAO,CACR,EACD,OAAQ,CACN,MAAO,CACR,CACF"}

package/dist/cjs/styles/semantic-tokens.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var r=require("@pandacss/dev");const a=r.defineSemanticTokens.colors({surface:{primary:{value:{base:"var(--surface-primary, {colors.paper})",_light:"var(--surface-primary, {colors.paper})",_dark:"var(--surface-primary-dark, {colors.slate.0})"}},secondary:{value:{base:"var(--surface-secondary, {colors.ink.10})",_light:"var(--surface-secondary, {colors.ink.10})",_dark:"var(--surface-secondary-dark, {colors.slate.1})"}},tertiary:{value:{base:"var(--surface-tertiary, {colors.ink.20})",_light:"var(--surface-tertiary, {colors.ink.20})",_dark:"var(--surface-tertiary-dark, {colors.slate.2})"}},quaternary:{value:{base:"var(--surface-quaternary, {colors.ink.30})",_light:"var(--surface-quaternary, {colors.ink.30})",_dark:"var(--surface-quaternary-dark, {colors.slate.3})"}}},text:{primary:{value:{base:"var(--text-primary, {colors.ink.90})",_light:"var(--text-primary, {colors.ink.90})",_dark:"var(--text-primary-dark, {colors.chalk})"}},secondary:{value:{base:"var(--text-secondary, {colors.ink.80})",_light:"var(--text-secondary, {colors.ink.80})",_dark:"var(--text-secondary-dark, {colors.chalk/72})"}},tertiary:{value:{base:"var(--text-tertiary, {colors.ink.70})",_light:"var(--text-tertiary, {colors.ink.70})",_dark:"var(--text-tertiary-dark, {colors.chalk/44})"}},quaternary:{value:{base:"var(--text-quaternary, {colors.chalk})",_light:"var(--text-quaternary, {colors.chalk})",_dark:"var(--text-quaternary-dark, {colors.ink.90})"}}},neutral:{primary:{value:{base:"var(--neutral-primary, {colors.ink.50})",_light:"var(--neutral-primary, {colors.ink.50})",_dark:"var(--neutral-primary-dark, {colors.chalk/16})"}},secondary:{value:{base:"var(--neutral-secondary, {colors.ink.30})",_light:"var(--neutral-secondary, {colors.ink.30})",_dark:"var(--neutral-secondary-dark, {colors.chalk/12})"}},tertiary:{value:{base:"var(--neutral-tertiary, {colors.ink.20})",_light:"var(--neutral-tertiary, {colors.ink.20})",_dark:"var(--neutral-tertiary-dark, {colors.chalk/8})"}},quaternary:{value:{base:"var(--neutral-quaternary, {colors.ink.10})",_light:"var(--neutral-quaternary, {colors.ink.10})",_dark:"var(--neutral-quaternary-dark, {colors.chalk/5})"}}},brand:{lightest:{value:{base:"var(--brand-lightest, {colors.magic.10})",_light:"var(--brand-lightest, {colors.magic.10})",_dark:"var(--brand-lightest-dark, {colors.magic.30/25})"}},lighter:{value:{base:"var(--brand-lighter, {colors.magic.30})",_light:"var(--brand-lighter, {colors.magic.30})",_dark:"var(--brand-lighter-dark, {colors.magic.30/66})"}},base:{value:{base:"var(--brand-base, {colors.magic.50})",_light:"var(--brand-base, {colors.magic.50})",_dark:"var(--brand-base-dark, {colors.magic.30})"}},darker:{value:{base:"var(--brand-darker, {colors.magic.70})",_light:"var(--brand-darker, {colors.magic.70})",_dark:"var(--brand-darker-dark, {colors.magic.10})"}},darkest:{value:{base:"var(--brand-darkest, {colors.magic.90})",_light:"var(--brand-darkest, {colors.magic.90})",_dark:"var(--brand-darkest-dark, {colors.magic.10})"}}},positive:{lightest:{value:{base:"{colors.leaf.10}",_light:"{colors.leaf.10}",_dark:"{colors.leaf.30/8}"}},lighter:{value:{base:"{colors.leaf.30}",_light:"{colors.leaf.30}",_dark:"{colors.leaf.30/72}"}},base:{value:{base:"{colors.leaf.50}",_light:"{colors.leaf.50}",_dark:"{colors.leaf.30}"}},darker:{value:{base:"{colors.leaf.70}",_light:"{colors.leaf.70}",_dark:"{colors.leaf.50}"}},darkest:{value:{base:"{colors.leaf.90}",_light:"{colors.leaf.90}",_dark:"{colors.leaf.50}"}}},negative:{lightest:{value:{base:"{colors.ruby.10}",_light:"{colors.ruby.10}",_dark:"{colors.ruby.30/8}"}},lighter:{value:{base:"{colors.ruby.30}",_light:"{colors.ruby.30}",_dark:"{colors.ruby.30/72}"}},base:{value:{base:"{colors.ruby.50}",_light:"{colors.ruby.50}",_dark:"{colors.ruby.30}"}},darker:{value:{base:"{colors.ruby.70}",_light:"{colors.ruby.70}",_dark:"{colors.ruby.50}"}},darkest:{value:{base:"{colors.ruby.90}",_light:"{colors.ruby.90}",_dark:"{colors.ruby.50}"}}},warning:{lightest:{value:{base:"{colors.gold.10}",_light:"{colors.gold.10}",_dark:"{colors.gold.30/8}"}},lighter:{value:{base:"{colors.gold.30}",_light:"{colors.gold.30}",_dark:"{colors.gold.30/72}"}},base:{value:{base:"{colors.gold.50}",_light:"{colors.gold.50}",_dark:"{colors.gold.30}"}},darker:{value:{base:"{colors.gold.70}",_light:"{colors.gold.70}",_dark:"{colors.gold.50}"}},darkest:{value:{base:"{colors.gold.90}",_light:"{colors.gold.90}",_dark:"{colors.gold.50}"}}},dedicated:{lightest:{value:{base:"{colors.sky.10}",_light:"{colors.sky.10}",_dark:"{colors.sky.30/8}"}},lighter:{value:{base:"{colors.sky.30}",_light:"{colors.sky.30}",_dark:"{colors.sky.30/72}"}},base:{value:{base:"{colors.sky.50}",_light:"{colors.sky.50}",_dark:"{colors.sky.30}"}},darker:{value:{base:"{colors.sky.70}",_light:"{colors.sky.70}",_dark:"{colors.sky.50}"}},darkest:{value:{base:"{colors.sky.90}",_light:"{colors.sky.90}",_dark:"{colors.sky.50}"}}}});exports.semanticColors=a;
+"use strict";const r={surface:{primary:{light:"var(--surface-primary, #FFFFFF)",dark:"var(--surface-primary-dark, #19191A)"},secondary:{light:"var(--surface-secondary, #F8F8FA)",dark:"var(--surface-secondary-dark, #252525)"},tertiary:{light:"var(--surface-tertiary, #EDEDF3)",dark:"var(--surface-tertiary-dark, #303030)"},quaternary:{light:"var(--surface-quaternary, #E2E0E5)",dark:"var(--surface-quaternary-dark, #383838)"}},text:{primary:{light:"var(--text-primary, #18171A)",dark:"var(--text-primary-dark, #FFFFFF)"},secondary:{light:"var(--text-secondary, #4E4D52)",dark:"var(--text-secondary-dark, rgba(255,255,255,0.72))"},tertiary:{light:"var(--text-tertiary, #77767A)",dark:"var(--text-tertiary-dark, rgba(255,255,255,0.44))"},quaternary:{light:"var(--text-quaternary, #FFFFFF)",dark:"var(--text-quaternary-dark, #18171A)"}},neutral:{primary:{light:"var(--neutral-primary, #B6B4BA)",dark:"var(--neutral-primary-dark, rgba(255,255,255,0.16))"},secondary:{light:"var(--neutral-secondary, #E2E0E5)",dark:"var(--neutral-secondary-dark, rgba(255,255,255,0.12))"},tertiary:{light:"var(--neutral-tertiary, #EDEDF3)",dark:"var(--neutral-tertiary-dark, rgba(255,255,255,0.08))"},quaternary:{light:"var(--neutral-quaternary, #F8F8FA)",dark:"var(--neutral-quaternary-dark, rgba(255,255,255,0.05))"}},brand:{lightest:{light:"var(--brand-lightest, #EDEBFF)",dark:"var(--brand-lightest-dark, rgba(167,153,255,0.25))"},lighter:{light:"var(--brand-lighter, #A799FF)",dark:"var(--brand-lighter-dark, rgba(167,153,255,0.66))"},base:{light:"var(--brand-base, #6851FF)",dark:"var(--brand-base-dark, #A799FF)"},darker:{light:"var(--brand-darker, #522FD4)",dark:"var(--brand-darker-dark, #EDEBFF)"},darkest:{light:"var(--brand-darkest, #3512B2)",dark:"var(--brand-darkest-dark, #EDEBFF)"}},positive:{lightest:{light:"#E3FAF3",dark:"rgba(144,240,211,0.08)"},lighter:{light:"#90F0D3",dark:"rgba(144,240,211,0.72)"},base:{light:"#00CC8F",dark:"#90F0D3"},darker:{light:"#00875F",dark:"#00CC8F"},darkest:{light:"#006647",dark:"#00CC8F"}},negative:{lightest:{light:"#FFEAE5",dark:"rgba(255,155,128,0.08)"},lighter:{light:"#FF9B80",dark:"rgba(255,155,128,0.72)"},base:{light:"#FC5C30",dark:"#FF9B80"},darker:{light:"#D43100",dark:"#FC5C30"},darkest:{light:"#AD2B03",dark:"#FC5C30"}},warning:{lightest:{light:"#FCF4E5",dark:"rgba(255,213,148,0.08)"},lighter:{light:"#FFD594",dark:"rgba(255,213,148,0.72)"},base:{light:"#DBA550",dark:"#FFD594"},darker:{light:"#A36B14",dark:"#DBA550"},darkest:{light:"#8A5A03",dark:"#DBA550"}},dedicated:{lightest:{light:"#EBF0FE",dark:"rgba(115,152,255,0.08)"},lighter:{light:"#7398FF",dark:"rgba(115,152,255,0.72)"},base:{light:"#346BF7",dark:"#7398FF"},darker:{light:"#1E50D6",dark:"#346BF7"},darkest:{light:"#0737B8",dark:"#346BF7"}}};exports.semanticColors=r;
 //# sourceMappingURL=semantic-tokens.js.map

package/dist/cjs/styles/semantic-tokens.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"semantic-tokens.js","sources":["../../../src/styles/semantic-tokens.ts"],"sourcesContent":["~~import~~ ~~{ defineSemanticTokens } from '@pandacss/dev';\n\nexport~~ const semanticColors = ~~defineSemanticTokens.colors(~~{\n surface: {\n primary: {~~\n value:~~ ~~{\n base~~: 'var(--surface-primary, ~~{colors.paper}~~)'~~,\n _light: 'var(--surface-primary~~, ~~{colors.paper})',\n _dark~~: 'var(--surface-primary-dark, ~~{colors.slate.0}~~)'~~,\n~~ },\n ~~},\n~~ secondary: {~~\n value:~~ ~~{\n base~~: 'var(--surface-secondary, ~~{colors.ink.10}~~)'~~,\n _light: 'var(--surface-secondary~~, ~~{colors.ink.10})',\n _dark~~: 'var(--surface-secondary-dark, ~~{colors.slate.1}~~)'~~,\n~~ },\n ~~},\n~~ tertiary: {~~\n value:~~ ~~{\n base~~: 'var(--surface-tertiary, ~~{colors.ink.20}~~)'~~,\n _light: 'var(--surface-tertiary~~, ~~{colors.ink.20})',\n _dark~~: 'var(--surface-tertiary-dark, ~~{colors.slate.2}~~)'~~,\n~~ },\n ~~},\n~~ quaternary: {~~\n value:~~ ~~{\n base~~: 'var(--surface-quaternary, ~~{colors.ink.30}~~)'~~,\n _light: 'var(--surface-quaternary~~, ~~{colors.ink.30})',\n _dark~~: 'var(--surface-quaternary-dark, ~~{colors.slate.3}~~)'~~,\n~~ },\n ~~},\n~~ },\n text: {\n primary: {~~\n value:~~ ~~{\n base~~: 'var(--text-primary, ~~{colors.ink.90}~~)'~~,\n _light: 'var(--text-primary~~, ~~{colors.ink.90})',\n _dark~~: 'var(--text-primary-dark, ~~{colors.chalk}~~)'~~,\n~~ },\n ~~},\n~~ secondary: {~~\n value:~~ ~~{\n base~~: 'var(--text-secondary, ~~{colors.ink.80}~~)'~~,\n _light: 'var(--text-secondary~~, ~~{colors.ink.80})',\n _dark~~: 'var(--text-secondary-dark, ~~{colors~~.~~chalk/~~72})'~~,\n~~ },\n ~~},\n~~ tertiary: {~~\n value:~~ ~~{\n base~~: 'var(--text-tertiary, ~~{colors.ink.70}~~)'~~,\n _light: 'var(--text-tertiary~~, ~~{colors.ink.70})',\n _dark~~: 'var(--text-tertiary-dark, ~~{colors~~.~~chalk/~~44})'~~,\n~~ },\n ~~},\n~~ quaternary: {~~\n value:~~ ~~{\n base~~: 'var(--text-quaternary, ~~{colors.chalk}~~)'~~,\n _light: 'var(--text-quaternary~~, ~~{colors.chalk})',\n _dark~~: 'var(--text-quaternary-dark, ~~{colors.ink.90}~~)'~~,\n~~ },\n ~~},\n~~ },\n neutral: {\n primary: {~~\n value:~~ ~~{\n base~~: 'var(--neutral-primary, ~~{colors.ink.50}~~)'~~,\n _light: 'var(--neutral-primary~~, ~~{colors.ink.50})',\n _dark~~: 'var(--neutral-primary-dark, ~~{colors~~.~~chalk/~~16})'~~,\n~~ },\n ~~},\n~~ secondary: {\n ~~value~~: ~~{\n base:~~ 'var(--neutral-secondary, ~~{colors.ink.30}~~)',\n ~~_light~~: 'var(--neutral-secondary, ~~{colors.ink.30})',\n _dark: 'var~~(~~--neutral-secondary-dark~~, ~~{colors~~.~~chalk/~~12})',\n ~~},\n~~ },\n tertiary: {\n ~~value~~: ~~{\n base:~~ 'var(--neutral-tertiary, ~~{colors.ink.20}~~)',\n ~~_light~~: 'var(--neutral-tertiary, ~~{colors.ink.20})',\n _dark: 'var~~(~~--neutral-tertiary-dark~~, ~~{colors~~.~~chalk/8}~~)',\n ~~},\n~~ },\n quaternary: {\n ~~value~~: ~~{\n base:~~ 'var(--neutral-quaternary, ~~{colors.ink.10}~~)',\n ~~_light~~: 'var(--neutral-quaternary, ~~{colors.ink.10})',\n _dark: 'var~~(~~--neutral-quaternary-dark~~, ~~{colors~~.~~chalk/5}~~)',\n ~~},\n~~ },\n },\n brand: {\n lightest: {~~\n value:~~ ~~{\n base~~: 'var(--brand-lightest, ~~{colors.magic.10}~~)'~~,\n _light: 'var(--brand-lightest~~, ~~{colors.magic.10})',\n _dark~~: 'var(--brand-lightest-dark, ~~{colors~~.~~magic.30/~~25})'~~,\n~~ },\n ~~},\n~~ lighter: {~~\n value:~~ ~~{\n base~~: 'var(--brand-lighter, ~~{colors.magic.30}~~)'~~,\n _light: 'var(--brand-lighter~~, ~~{colors.magic.30})',\n _dark~~: 'var(--brand-lighter-dark, ~~{colors~~.~~magic.30/~~66})'~~,\n~~ },\n ~~},\n~~ base: {~~\n value:~~ ~~{\n base~~: 'var(--brand-base, ~~{colors.magic.50}~~)'~~,\n _light: 'var(--brand-base~~, ~~{colors.magic.50})',\n _dark~~: 'var(--brand-base-dark, ~~{colors.magic.30}~~)'~~,\n~~ },\n ~~},\n~~ darker: {~~\n value:~~ ~~{\n base~~: 'var(--brand-darker, ~~{colors.magic.70}~~)'~~,\n _light: 'var(--brand-darker~~, ~~{colors.magic.70})',\n _dark~~: 'var(--brand-darker-dark, ~~{colors.magic.10}~~)'~~,\n~~ },\n ~~},\n~~ darkest: {~~\n value:~~ ~~{\n base~~: 'var(--brand-darkest, ~~{colors.magic.90}~~)'~~,\n _light: 'var(--brand-darkest~~, ~~{colors.magic.90})',\n _dark~~: 'var(--brand-darkest-dark, ~~{colors.magic.10}~~)'~~,\n~~ },\n ~~},\n~~ },\n positive: {\n lightest: { ~~value~~: ~~{ base:~~ '~~{colors.leaf.10}~~', ~~_light~~: '~~{colors.leaf.10}'~~, ~~_dark: '{colors~~.~~leaf.30/8}~~' } },\n lighter: { ~~value~~: ~~{ base:~~ '~~{colors.leaf.30}~~', ~~_light~~: '~~{colors.leaf.30}'~~, ~~_dark: '{colors~~.~~leaf.30/~~72}' } },\n base: { ~~value~~: ~~{ base:~~ '~~{colors.leaf.50}~~', ~~_light~~: '~~{colors.leaf.50}~~', ~~_dark: '{colors.leaf.30~~}~~' } }~~,\n darker: { ~~value~~: ~~{ base:~~ '~~{colors.leaf.70}~~', ~~_light~~: '~~{colors.leaf.70}~~', ~~_dark: '{colors.leaf.50~~}~~' } }~~,\n darkest: { ~~value~~: ~~{ base:~~ '~~{colors.leaf.90}~~', ~~_light~~: '~~{colors.leaf.90}~~', ~~_dark: '{colors.leaf.50~~}~~' } }~~,\n },\n negative: {\n lightest: { ~~value~~: ~~{ base:~~ '~~{colors.ruby.10}~~', ~~_light~~: '~~{colors.ruby.10}'~~, ~~_dark: '{colors~~.~~ruby.30/8}~~' } },\n lighter: { ~~value~~: ~~{ base:~~ '~~{colors.ruby.30}~~', ~~_light~~: '~~{colors.ruby.30}'~~, ~~_dark: '{colors~~.~~ruby.30/~~72}' } },\n base: { ~~value~~: ~~{ base:~~ '~~{colors.ruby.50}~~', ~~_light~~: '~~{colors.ruby.50}~~', ~~_dark: '{colors.ruby.30~~}~~' } }~~,\n darker: { ~~value~~: ~~{ base:~~ '~~{colors.ruby.70}~~', ~~_light~~: '~~{colors.ruby.70}~~', ~~_dark: '{colors.ruby.50~~}~~' } }~~,\n darkest: { ~~value~~: ~~{ base:~~ '~~{colors.ruby.90}~~', ~~_light~~: '~~{colors.ruby.90}~~', ~~_dark: '{colors.ruby.50~~}~~' } }~~,\n },\n warning: {\n lightest: { ~~value~~: ~~{ base:~~ '~~{colors.gold.10}~~', ~~_light~~: '~~{colors.gold.10}'~~, ~~_dark: '{colors~~.~~gold.30/8}~~' } },\n lighter: { ~~value~~: ~~{ base:~~ '~~{colors.gold.30}~~', ~~_light~~: '~~{colors.gold.30}'~~, ~~_dark: '{colors~~.~~gold.30/~~72}' } },\n base: { ~~value~~: ~~{ base:~~ '~~{colors.gold.50}~~', ~~_light~~: '~~{colors.gold.50}~~', ~~_dark: '{colors.gold.30~~}~~' } }~~,\n darker: { ~~value~~: ~~{ base:~~ '~~{colors.gold.70}~~', ~~_light~~: '~~{colors.gold.70}~~', ~~_dark: '{colors.gold.50~~}~~' } }~~,\n darkest: { ~~value~~: ~~{ base:~~ '~~{colors.gold.90}~~', ~~_light~~: '~~{colors.gold.90}~~', ~~_dark: '{colors.gold.50~~}~~' } }~~,\n },\n dedicated: {\n lightest: { ~~value~~: ~~{ base:~~ '~~{colors.sky.10}~~', ~~_light~~: '~~{colors.sky.10}'~~, ~~_dark: '{colors~~.~~sky.30/8}~~' } },\n lighter: { ~~value~~: ~~{ base:~~ '~~{colors.sky.30}~~', ~~_light~~: '~~{colors.sky.30}'~~, ~~_dark: '{colors~~.~~sky.30/~~72}' } },\n base: { ~~value~~: ~~{ base:~~ '~~{colors.sky.50}~~', ~~_light~~: '~~{colors.sky.50}~~', ~~_dark: '{colors.sky.30~~}~~' } }~~,\n darker: { ~~value~~: ~~{ base:~~ '~~{colors.sky.70}~~', ~~_light~~: '~~{colors.sky.70}~~', ~~_dark: '{colors.sky.50~~}~~' } }~~,\n darkest: { ~~value~~: ~~{ base:~~ '~~{colors.sky.90}~~', ~~_light~~: '~~{colors.sky.90}~~', ~~_dark: '{colors.sky.50~~}~~' } }~~,\n },\n});\n"],"names":["semanticColors"~~,"defineSemanticTokens"~~],"mappings":"~~4CAEa~~,~~MAAAA~~,~~EAAiBC~~,~~EAAqB~~,~~qBAAA,OAAO,CACxD,~~QAAS,CACP,QAAS,~~CACP~~,MAAO,~~CACL~~,KAAM,~~yCACN~~,~~OAAQ~~,~~yCACR,MAAO,+CACR,CACF,EACD,~~UAAW,~~CACT~~,MAAO,~~CACL~~,KAAM,~~4CACN~~,~~OAAQ~~,~~4CACR,MAAO,iDACR,CACF,EACD,~~SAAU,~~CACR~~,MAAO,~~CACL~~,KAAM,~~2CACN~~,~~OAAQ~~,~~2CACR,MAAO,gDACR,CACF,EACD,~~WAAY,~~CACV~~,MAAO,~~CACL~~,KAAM,~~6CACN~~,~~OAAQ~~,~~6CACR,MAAO,kDACR,CACF,CACF,~~EACD,KAAM,CACJ,QAAS,~~CACP~~,MAAO,~~CACL,~~KAAM,~~uCACN~~,~~OAAQ~~,~~uCACR,MAAO,0CACR,CACF,EACD,~~UAAW,~~CACT~~,MAAO,~~CACL~~,KAAM,~~yCACN~~,~~OAAQ~~,~~yCACR,MAAO,+CACR,CACF,EACD,~~SAAU,~~CACR~~,MAAO,~~CACL~~,KAAM,~~wCACN~~,~~OAAQ~~,~~wCACR,MAAO,8CACR,CACF,EACD,~~WAAY,~~CACV~~,MAAO,~~CACL~~,KAAM,~~yCACN~~,~~OAAQ~~,~~yCACR,MAAO,8CACR,CACF,CACF,~~EACD,QAAS,CACP,QAAS,~~CACP~~,MAAO,~~CACL~~,KAAM,~~0CACN~~,~~OAAQ~~,~~0CACR,MAAO,gDACR,CACF,EACD,~~UAAW,CACT,MAAO,~~CACL~~,KAAM,~~4CACN~~,~~OAAQ,4CACR,MAAO,kDACR,CACF,~~EACD,SAAU,CACR,MAAO,~~CACL~~,KAAM,~~2CACN~~,~~OAAQ,2CACR,MAAO,gDACR,CACF,~~EACD,WAAY,CACV,MAAO,~~CACL~~,KAAM,~~6CACN~~,~~OAAQ,6CACR,MAAO,kDACR,~~CACF,~~CACF,~~EACD,MAAO,CACL,SAAU,~~CACR~~,MAAO,~~CACL~~,KAAM,~~2CACN~~,~~OAAQ~~,~~2CACR,MAAO,kDACR,CACF,EACD,~~QAAS,~~CACP~~,MAAO,~~CACL~~,KAAM,~~0CACN~~,~~OAAQ~~,~~0CACR,MAAO,iDACR,CACF,EACD,~~KAAM,~~CACJ~~,MAAO,~~CACL~~,KAAM,~~uCACN~~,~~OAAQ~~,~~uCACR,MAAO,2CACR,CACF,EACD,~~OAAQ,~~CACN~~,MAAO,~~CACL,~~KAAM,~~yCACN~~,~~OAAQ~~,~~yCACR,MAAO,6CACR,CACF,EACD,~~QAAS,~~CACP~~,MAAO,~~CACL~~,KAAM,~~0CACN~~,~~OAAQ~~,~~0CACR,MAAO,8CACR,CACF,CACF,~~EACD,SAAU,CACR,SAAU,CAAE,MAAO,~~CAAE~~,KAAM,~~mBAAoB~~,~~OAAQ~~,~~mBAAoB,MAAO,qBAAwB,EAC1G,~~QAAS,CAAE,MAAO,~~CAAE~~,KAAM,~~mBAAoB~~,~~OAAQ~~,~~mBAAoB,MAAO,sBAAyB,EAC1G,~~KAAM,CAAE,MAAO,~~CAAE~~,KAAM,~~mBAAoB~~,~~OAAQ~~,~~mBAAoB,MAAO,mBAAsB,EACpG,~~OAAQ,CAAE,MAAO,~~CAAE~~,KAAM,~~mBAAoB~~,~~OAAQ~~,~~mBAAoB,MAAO,mBAAsB,EACtG,~~QAAS,CAAE,MAAO,~~CAAE~~,KAAM,~~mBAAoB~~,~~OAAQ~~,~~mBAAoB,MAAO,mBAAsB,CACxG,~~EACD,SAAU,CACR,SAAU,CAAE,MAAO,~~CAAE~~,KAAM,~~mBAAoB~~,~~OAAQ~~,~~mBAAoB,MAAO,qBAAwB,EAC1G,~~QAAS,CAAE,MAAO,~~CAAE~~,KAAM,~~mBAAoB~~,~~OAAQ~~,~~mBAAoB,MAAO,sBAAyB,EAC1G,~~KAAM,CAAE,MAAO,~~CAAE~~,KAAM,~~mBAAoB~~,~~OAAQ~~,~~mBAAoB,MAAO,mBAAsB,EACpG,~~OAAQ,CAAE,MAAO,~~CAAE~~,KAAM,~~mBAAoB~~,~~OAAQ~~,~~mBAAoB,MAAO,mBAAsB,EACtG,~~QAAS,CAAE,MAAO,~~CAAE~~,KAAM,~~mBAAoB~~,~~OAAQ~~,~~mBAAoB,MAAO,mBAAsB,CACxG,~~EACD,QAAS,CACP,SAAU,CAAE,MAAO,~~CAAE~~,KAAM,~~mBAAoB~~,~~OAAQ~~,~~mBAAoB,MAAO,qBAAwB,EAC1G,~~QAAS,CAAE,MAAO,~~CAAE~~,KAAM,~~mBAAoB~~,~~OAAQ~~,~~mBAAoB,MAAO,sBAAyB,EAC1G,~~KAAM,CAAE,MAAO,~~CAAE~~,KAAM,~~mBAAoB~~,~~OAAQ~~,~~mBAAoB,MAAO,mBAAsB,EACpG,~~OAAQ,CAAE,MAAO,~~CAAE~~,KAAM,~~mBAAoB~~,~~OAAQ~~,~~mBAAoB,MAAO,mBAAsB,EACtG,~~QAAS,CAAE,MAAO,~~CAAE~~,KAAM,~~mBAAoB~~,~~OAAQ~~,~~mBAAoB,MAAO,mBAAsB,CACxG,~~EACD,UAAW,CACT,SAAU,CAAE,MAAO,~~CAAE~~,KAAM,~~kBAAmB~~,~~OAAQ~~,~~kBAAmB,MAAO,oBAAuB,EACvG,~~QAAS,CAAE,MAAO,~~CAAE~~,KAAM,~~kBAAmB~~,~~OAAQ~~,~~kBAAmB,MAAO,qBAAwB,EACvG,~~KAAM,CAAE,MAAO,~~CAAE~~,KAAM,~~kBAAmB~~,~~OAAQ~~,~~kBAAmB,MAAO,kBAAqB,EACjG,~~OAAQ,CAAE,MAAO,~~CAAE~~,KAAM,~~kBAAmB~~,~~OAAQ~~,~~kBAAmB,MAAO,kBAAqB,EACnG,~~QAAS,CAAE,MAAO,~~CAAE~~,KAAM,~~kBAAmB~~,~~OAAQ,kBAAmB,MAAO,kBAAqB,CACrG,CACF,CAAA~~"}
1	+ {"version":3,"file":"semantic-tokens.js","sources":["../../../src/styles/semantic-tokens.ts"],"sourcesContent":["export const semanticColors = {\n surface: {\n primary: { light: 'var(--surface-primary, #FFFFFF)', dark: 'var(--surface-primary-dark, #19191A)' },\n secondary: { light: 'var(--surface-secondary, #F8F8FA)', dark: 'var(--surface-secondary-dark, #252525)' },\n tertiary: { light: 'var(--surface-tertiary, #EDEDF3)', dark: 'var(--surface-tertiary-dark, #303030)' },\n quaternary: { light: 'var(--surface-quaternary, #E2E0E5)', dark: 'var(--surface-quaternary-dark, #383838)' },\n },\n text: {\n primary: { light: 'var(--text-primary, #18171A)', dark: 'var(--text-primary-dark, #FFFFFF)' },\n secondary: { light: 'var(--text-secondary, #4E4D52)', dark: 'var(--text-secondary-dark, rgba(255,255,255,0.72))' },\n tertiary: { light: 'var(--text-tertiary, #77767A)', dark: 'var(--text-tertiary-dark, rgba(255,255,255,0.44))' },\n quaternary: { light: 'var(--text-quaternary, #FFFFFF)', dark: 'var(--text-quaternary-dark, #18171A)' },\n },\n neutral: {\n primary: { light: 'var(--neutral-primary, #B6B4BA)', dark: 'var(--neutral-primary-dark, rgba(255,255,255,0.16))' },\n secondary: {\n light: 'var(--neutral-secondary, #E2E0E5)',\n dark: 'var(--neutral-secondary-dark, rgba(255,255,255,0.12))',\n },\n tertiary: {\n light: 'var(--neutral-tertiary, #EDEDF3)',\n dark: 'var(--neutral-tertiary-dark, rgba(255,255,255,0.08))',\n },\n quaternary: {\n light: 'var(--neutral-quaternary, #F8F8FA)',\n dark: 'var(--neutral-quaternary-dark, rgba(255,255,255,0.05))',\n },\n },\n brand: {\n lightest: { light: 'var(--brand-lightest, #EDEBFF)', dark: 'var(--brand-lightest-dark, rgba(167,153,255,0.25))' },\n lighter: { light: 'var(--brand-lighter, #A799FF)', dark: 'var(--brand-lighter-dark, rgba(167,153,255,0.66))' },\n base: { light: 'var(--brand-base, #6851FF)', dark: 'var(--brand-base-dark, #A799FF)' },\n darker: { light: 'var(--brand-darker, #522FD4)', dark: 'var(--brand-darker-dark, #EDEBFF)' },\n darkest: { light: 'var(--brand-darkest, #3512B2)', dark: 'var(--brand-darkest-dark, #EDEBFF)' },\n },\n positive: {\n lightest: { light: '#E3FAF3', dark: 'rgba(144,240,211,0.08)' },\n lighter: { light: '#90F0D3', dark: 'rgba(144,240,211,0.72)' },\n base: { light: '#00CC8F', dark: '#90F0D3' },\n darker: { light: '#00875F', dark: '#00CC8F' },\n darkest: { light: '#006647', dark: '#00CC8F' },\n },\n negative: {\n lightest: { light: '#FFEAE5', dark: 'rgba(255,155,128,0.08)' },\n lighter: { light: '#FF9B80', dark: 'rgba(255,155,128,0.72)' },\n base: { light: '#FC5C30', dark: '#FF9B80' },\n darker: { light: '#D43100', dark: '#FC5C30' },\n darkest: { light: '#AD2B03', dark: '#FC5C30' },\n },\n warning: {\n lightest: { light: '#FCF4E5', dark: 'rgba(255,213,148,0.08)' },\n lighter: { light: '#FFD594', dark: 'rgba(255,213,148,0.72)' },\n base: { light: '#DBA550', dark: '#FFD594' },\n darker: { light: '#A36B14', dark: '#DBA550' },\n darkest: { light: '#8A5A03', dark: '#DBA550' },\n },\n dedicated: {\n lightest: { light: '#EBF0FE', dark: 'rgba(115,152,255,0.08)' },\n lighter: { light: '#7398FF', dark: 'rgba(115,152,255,0.72)' },\n base: { light: '#346BF7', dark: '#7398FF' },\n darker: { light: '#1E50D6', dark: '#346BF7' },\n darkest: { light: '#0737B8', dark: '#346BF7' },\n },\n} as const;\n"],"names":["semanticColors"],"mappings":"aAAO,MAAMA,EAAiB,CAC5B,QAAS,CACP,QAAS,CAAE,MAAO,kCAAmC,KAAM,sCAAwC,EACnG,UAAW,CAAE,MAAO,oCAAqC,KAAM,wCAA0C,EACzG,SAAU,CAAE,MAAO,mCAAoC,KAAM,uCAAyC,EACtG,WAAY,CAAE,MAAO,qCAAsC,KAAM,yCAA2C,CAC7G,EACD,KAAM,CACJ,QAAS,CAAE,MAAO,+BAAgC,KAAM,mCAAqC,EAC7F,UAAW,CAAE,MAAO,iCAAkC,KAAM,oDAAsD,EAClH,SAAU,CAAE,MAAO,gCAAiC,KAAM,mDAAqD,EAC/G,WAAY,CAAE,MAAO,kCAAmC,KAAM,sCAAwC,CACvG,EACD,QAAS,CACP,QAAS,CAAE,MAAO,kCAAmC,KAAM,qDAAuD,EAClH,UAAW,CACT,MAAO,oCACP,KAAM,uDACP,EACD,SAAU,CACR,MAAO,mCACP,KAAM,sDACP,EACD,WAAY,CACV,MAAO,qCACP,KAAM,wDACP,CACF,EACD,MAAO,CACL,SAAU,CAAE,MAAO,iCAAkC,KAAM,oDAAsD,EACjH,QAAS,CAAE,MAAO,gCAAiC,KAAM,mDAAqD,EAC9G,KAAM,CAAE,MAAO,6BAA8B,KAAM,iCAAmC,EACtF,OAAQ,CAAE,MAAO,+BAAgC,KAAM,mCAAqC,EAC5F,QAAS,CAAE,MAAO,gCAAiC,KAAM,oCAAsC,CAChG,EACD,SAAU,CACR,SAAU,CAAE,MAAO,UAAW,KAAM,wBAA0B,EAC9D,QAAS,CAAE,MAAO,UAAW,KAAM,wBAA0B,EAC7D,KAAM,CAAE,MAAO,UAAW,KAAM,SAAW,EAC3C,OAAQ,CAAE,MAAO,UAAW,KAAM,SAAW,EAC7C,QAAS,CAAE,MAAO,UAAW,KAAM,SAAW,CAC/C,EACD,SAAU,CACR,SAAU,CAAE,MAAO,UAAW,KAAM,wBAA0B,EAC9D,QAAS,CAAE,MAAO,UAAW,KAAM,wBAA0B,EAC7D,KAAM,CAAE,MAAO,UAAW,KAAM,SAAW,EAC3C,OAAQ,CAAE,MAAO,UAAW,KAAM,SAAW,EAC7C,QAAS,CAAE,MAAO,UAAW,KAAM,SAAW,CAC/C,EACD,QAAS,CACP,SAAU,CAAE,MAAO,UAAW,KAAM,wBAA0B,EAC9D,QAAS,CAAE,MAAO,UAAW,KAAM,wBAA0B,EAC7D,KAAM,CAAE,MAAO,UAAW,KAAM,SAAW,EAC3C,OAAQ,CAAE,MAAO,UAAW,KAAM,SAAW,EAC7C,QAAS,CAAE,MAAO,UAAW,KAAM,SAAW,CAC/C,EACD,UAAW,CACT,SAAU,CAAE,MAAO,UAAW,KAAM,wBAA0B,EAC9D,QAAS,CAAE,MAAO,UAAW,KAAM,wBAA0B,EAC7D,KAAM,CAAE,MAAO,UAAW,KAAM,SAAW,EAC3C,OAAQ,CAAE,MAAO,UAAW,KAAM,SAAW,EAC7C,QAAS,CAAE,MAAO,UAAW,KAAM,SAAW,CAC/C"}

package/dist/cjs/styles/text-styles.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@pandacss/dev");const t=e.defineTextStyles({h1:{description:"h1 default styling",value:{fontSize:"2.5rem",lineHeight:"3.5rem",fontWeight:"extrabold"}},"h1-scaled":{description:"h1 scalable styling",value:{fontSize:{base:"2.5rem",lg:"5rem"},lineHeight:{base:"3.25rem",lg:"5.5rem"},fontWeight:"extrabold"}},h2:{description:"h2 default styling",value:{fontSize:"2rem",lineHeight:"2.75rem",fontWeight:"extrabold"}},"h2-scaled":{description:"h2 scalable styling",value:{fontSize:{base:"2.25rem",lg:"4rem"},lineHeight:{base:"3rem",lg:"4.75rem"},fontWeight:"extrabold"}},h3:{description:"h3 default styling",value:{fontSize:"1.5rem",lineHeight:"2.25rem",fontWeight:"bold"}},"h3-scaled":{description:"h3 scalable styling",value:{fontSize:{base:"2rem",lg:"3rem"},lineHeight:{base:"2.75rem",lg:"4rem"},fontWeight:"extrabold"}},h4:{description:"h4 default styling",value:{fontSize:"1.25rem",lineHeight:"2rem",fontWeight:"bold"}},"h4-scaled":{description:"h4 scalable styling",value:{fontSize:{base:"1.25rem",lg:"1.5rem"},lineHeight:{base:"2rem",lg:"2.25rem"},fontWeight:"bold"}},h5:{description:"h5 default styling",value:{fontSize:"1.125rem",lineHeight:"1.75rem",fontWeight:"bold"}},"h5-scaled":{description:"h5 scalable styling",value:{fontSize:{base:"1.125rem",lg:"1.25rem"},lineHeight:{base:"1.75rem",lg:"2rem"},fontWeight:"bold"}},h6:{description:"h6 default styling",value:{fontSize:"0.75rem",lineHeight:"0.75rem",fontWeight:"semibold",letterSpacing:"0.06rem",textTransform:"uppercase"}},"h6-scaled":{description:"h6 scalable styling",value:{fontSize:{base:"0.625rem",lg:"0.75rem"},lineHeight:{base:"0.75rem",lg:"0.75rem"},fontWeight:"semibold",letterSpacing:"0.06rem",textTransform:"uppercase"}},"body-lg":{description:"body text large default styling",value:{fontSize:"1.125rem",lineHeight:"1.75rem",fontWeight:"normal"}},"body-lg-scaled":{description:"body text large scalable styling",value:{fontSize:{base:"1rem",lg:"1.125rem"},lineHeight:{base:"1.5rem",lg:"1.75rem"},fontWeight:"normal"}},"body-md":{description:"body text medium default styling",value:{fontSize:"1rem",lineHeight:"1.5rem",fontWeight:"normal"}},"body-md-scaled":{description:"body text medium default styling",value:{fontSize:{base:"0.875rem",lg:"1rem"},lineHeight:{base:"1.5rem",lg:"1.5rem"},fontWeight:"normal"}},"body-sm":{description:"body text small default styling",value:{fontSize:"0.875rem",lineHeight:"1.5rem",fontWeight:"normal"}},"body-sm-scaled":{description:"body text small default styling",value:{fontSize:{base:"0.75rem",lg:"0.875rem"},lineHeight:{base:"1.25rem",lg:"1.5rem"},fontWeight:"normal"}},"body-xs":{description:"body text fine print default styling",value:{fontSize:"0.75rem",lineHeight:"1.25rem",fontWeight:"normal"}},"mono-lg":{description:"monospace typography large default styling",value:{fontSize:"1.125rem",lineHeight:"1.75rem",fontFamily:"mono"}},"mono-md":{description:"monospace typography medium default styling",value:{fontSize:"1rem",lineHeight:"1.5rem",fontFamily:"mono"}},"mono-sm":{description:"monospace typography small default styling",value:{fontSize:"0.875rem",lineHeight:"1.5rem",fontFamily:"mono"}}});exports.textStyles=t;
+"use strict";const e={h1:{fontSize:"2.5rem",lineHeight:"3.5rem",fontWeight:800},"h1-scaled":{fontSize:"2.5rem",lineHeight:"3.25rem",fontWeight:800,lg:{fontSize:"5rem",lineHeight:"5.5rem"}},h2:{fontSize:"2rem",lineHeight:"2.75rem",fontWeight:800},"h2-scaled":{fontSize:"2.25rem",lineHeight:"3rem",fontWeight:800,lg:{fontSize:"4rem",lineHeight:"4.75rem"}},h3:{fontSize:"1.5rem",lineHeight:"2.25rem",fontWeight:700},"h3-scaled":{fontSize:"2rem",lineHeight:"2.75rem",fontWeight:800,lg:{fontSize:"3rem",lineHeight:"4rem"}},h4:{fontSize:"1.25rem",lineHeight:"2rem",fontWeight:700},"h4-scaled":{fontSize:"1.25rem",lineHeight:"2rem",fontWeight:700,lg:{fontSize:"1.5rem",lineHeight:"2.25rem"}},h5:{fontSize:"1.125rem",lineHeight:"1.75rem",fontWeight:700},"h5-scaled":{fontSize:"1.125rem",lineHeight:"1.75rem",fontWeight:700,lg:{fontSize:"1.25rem",lineHeight:"2rem"}},h6:{fontSize:"0.75rem",lineHeight:"0.75rem",fontWeight:600,letterSpacing:"0.06rem",textTransform:"uppercase"},"h6-scaled":{fontSize:"0.625rem",lineHeight:"0.75rem",fontWeight:600,letterSpacing:"0.06rem",textTransform:"uppercase",lg:{fontSize:"0.75rem",lineHeight:"0.75rem"}},"body-lg":{fontSize:"1.125rem",lineHeight:"1.75rem",fontWeight:400},"body-lg-scaled":{fontSize:"1rem",lineHeight:"1.5rem",fontWeight:400,lg:{fontSize:"1.125rem",lineHeight:"1.75rem"}},"body-md":{fontSize:"1rem",lineHeight:"1.5rem",fontWeight:400},"body-md-scaled":{fontSize:"0.875rem",lineHeight:"1.5rem",fontWeight:400,lg:{fontSize:"1rem",lineHeight:"1.5rem"}},"body-sm":{fontSize:"0.875rem",lineHeight:"1.5rem",fontWeight:400},"body-sm-scaled":{fontSize:"0.75rem",lineHeight:"1.25rem",fontWeight:400,lg:{fontSize:"0.875rem",lineHeight:"1.5rem"}},"body-xs":{fontSize:"0.75rem",lineHeight:"1.25rem",fontWeight:400},"mono-lg":{fontSize:"1.125rem",lineHeight:"1.75rem",fontFamily:"monospace"},"mono-md":{fontSize:"1rem",lineHeight:"1.5rem",fontFamily:"monospace"},"mono-sm":{fontSize:"0.875rem",lineHeight:"1.5rem",fontFamily:"monospace"}};exports.textStyles=e;
 //# sourceMappingURL=text-styles.js.map

package/dist/cjs/styles/text-styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-styles.js","sources":["../../../src/styles/text-styles.ts"],"sourcesContent":["~~import~~ ~~{ defineTextStyles } from '@pandacss/dev';\n\nexport~~ const textStyles = ~~defineTextStyles(~~{\n h1: {~~\n description:~~ ~~'h1 default styling',\n value: {\n~~ fontSize: '2.5rem'~~,\n~~ lineHeight: '3.5rem'~~,\n~~ fontWeight: ~~'extrabold',\n~~ },\n ~~},\n~~ 'h1-scaled': {\n ~~description~~: '~~h1 scalable styling~~',\n ~~value~~: ~~{\n fontSize: {\n base:~~ '2.~~5rem~~',\n lg: ~~'5rem'~~,\n ~~},\n lineHeight~~: {~~\n base~~: '~~3.25rem~~'~~,\n lg~~: '5.5rem'~~,\n },\n fontWeight:~~ ~~'extrabold',\n~~ },\n },\n h2: {~~\n description:~~ ~~'h2 default styling',\n value: {\n~~ fontSize: '2rem'~~,\n~~ lineHeight: '2.75rem'~~,\n~~ fontWeight: ~~'extrabold',\n~~ },\n ~~},\n~~ 'h2-scaled': {\n ~~description: 'h2 scalable styling',\n value: {\n~~ fontSize: ~~{\n base:~~ '2.25rem',\n lg: '~~4rem~~',\n },\n ~~lineHeight~~: {~~\n base~~: '~~3rem~~'~~,\n lg~~: '4.75rem'~~,\n },\n fontWeight:~~ ~~'extrabold',\n~~ },\n },\n h3: {~~\n description:~~ ~~'h3 default styling',\n value: {\n~~ fontSize: '1.5rem'~~,\n~~ lineHeight: '2.25rem'~~,\n~~ fontWeight: ~~'bold',\n~~ },\n ~~},\n~~ 'h3-scaled': {\n ~~description~~: '~~h3 scalable styling~~',\n ~~value~~: ~~{\n fontSize: {\n base:~~ '~~2rem~~',\n lg: ~~'3rem'~~,\n ~~},\n lineHeight~~: {~~\n base~~: '~~2.75rem~~'~~,\n lg~~: '4rem'~~,\n },\n fontWeight:~~ ~~'extrabold',\n~~ },\n },\n h4: {~~\n description:~~ ~~'h4 default styling',\n value: {\n~~ fontSize: '1.25rem'~~,\n~~ lineHeight: '2rem'~~,\n~~ fontWeight: ~~'bold',\n~~ },\n ~~},\n~~ 'h4-scaled': {\n ~~description: 'h4 scalable styling',\n value: {\n~~ fontSize: ~~{\n base:~~ '1.25rem',\n lg: '~~1.5rem~~',\n },\n ~~lineHeight~~: {~~\n base~~: '~~2rem~~'~~,\n lg~~: '2.25rem'~~,\n },\n fontWeight:~~ ~~'bold',\n~~ },\n },\n h5: {~~\n description:~~ ~~'h5 default styling',\n value: {\n~~ fontSize: '1.125rem'~~,\n~~ lineHeight: '1.75rem'~~,\n~~ fontWeight: ~~'bold',\n~~ },\n ~~},\n~~ 'h5-scaled': {\n ~~description: 'h5 scalable styling',\n value: {\n~~ fontSize: ~~{\n base:~~ '1.125rem',\n lg: '1.~~25rem~~',\n },\n ~~lineHeight~~: {~~\n base~~: '1.~~75rem~~'~~,\n lg~~: '2rem'~~,\n },\n fontWeight:~~ ~~'bold',\n~~ },\n },\n h6: {\n ~~description: 'h6 default styling',\n value: {\n~~ fontSize: '0.75rem',\n lineHeight: '0.75rem',\n fontWeight: ~~'semibold'~~,\n letterSpacing: '0.06rem',\n textTransform: 'uppercase',\n ~~},\n~~ },\n 'h6-scaled': {\n ~~description: 'h6 scalable styling',\n value: {\n~~ fontSize: ~~{\n base:~~ '0.625rem',\n lg: '0.75rem',\n ~~},\n lineHeight~~: {\n ~~base~~: '0.~~75rem~~',\n lg: '~~0.75rem~~',\n ~~},\n fontWeight~~: ~~'semibold',\n letterSpacing~~: '0.~~06rem~~'~~,\n textTransform~~: '~~uppercase~~'~~,\n~~ },\n },\n 'body-lg': {~~\n description:~~ ~~'body text large default styling',\n value: {\n~~ fontSize: '1.125rem'~~,\n~~ lineHeight: '1.75rem'~~,\n~~ fontWeight: ~~'normal',\n~~ },\n ~~},\n~~ 'body-lg-scaled': {\n ~~description: 'body text large scalable styling',\n value: {\n~~ fontSize: ~~{\n base:~~ '1rem',\n lg: '1.~~125rem~~',\n },\n ~~lineHeight~~: {~~\n base~~: '1.~~5rem~~'~~,\n lg~~: '1.75rem'~~,\n },\n fontWeight:~~ ~~'normal',\n~~ },\n },\n 'body-md': {~~\n description:~~ ~~'body text medium default styling',\n value: {\n~~ fontSize: '1rem'~~,\n~~ lineHeight: '1.5rem'~~,\n~~ fontWeight: ~~'normal',\n~~ },\n ~~},\n~~ 'body-md-scaled': {\n ~~description~~: '~~body text medium default styling~~',\n ~~value~~: ~~{\n fontSize: {\n base:~~ '0.~~875rem~~',\n lg: ~~'1rem'~~,\n ~~},\n lineHeight~~: {~~\n base~~: '~~1.5rem~~'~~,\n lg~~: '1.5rem'~~,\n },\n fontWeight:~~ ~~'normal',\n~~ },\n },\n 'body-sm': {~~\n description:~~ ~~'body text small default styling',\n value: {\n~~ fontSize: '0.875rem'~~,\n~~ lineHeight: '1.5rem'~~,\n~~ fontWeight: ~~'normal',\n~~ },\n ~~},\n~~ 'body-sm-scaled': {\n ~~description: 'body text small default styling',\n value: {\n~~ fontSize: ~~{\n base:~~ '0.75rem',\n lg: '0.~~875rem~~',\n },\n ~~lineHeight~~: {~~\n base~~: '1.~~25rem~~'~~,\n lg~~: '1.5rem'~~,\n },\n fontWeight:~~ ~~'normal',\n~~ },\n },\n 'body-xs': {~~\n description:~~ ~~'body text fine print default styling',\n value: {\n~~ fontSize: '0.75rem'~~,\n~~ lineHeight: '1.25rem'~~,\n~~ fontWeight: ~~'normal',\n~~ },\n ~~},\n~~ 'mono-lg': {~~\n description:~~ ~~'monospace typography large default styling',\n value: {\n~~ fontSize: '1.125rem'~~,\n~~ lineHeight: '1.75rem'~~,\n~~ fontFamily: '~~mono~~'~~,\n~~ },\n ~~},\n~~ 'mono-md': {~~\n description:~~ ~~'monospace typography medium default styling',\n value: {\n~~ fontSize: '1rem'~~,\n~~ lineHeight: '1.5rem'~~,\n~~ fontFamily: '~~mono~~'~~,\n~~ },\n ~~},\n~~ 'mono-sm': {~~\n description:~~ ~~'monospace typography small default styling',\n value: {\n~~ fontSize: '0.875rem'~~,\n~~ lineHeight: '1.5rem'~~,\n~~ fontFamily: '~~mono~~'~~,\n~~ },\n }~~,\n})~~;\n"],"names":["textStyles"~~,"defineTextStyles"~~],"mappings":"~~4CAEO~~,MAAMA,~~EAAaC~~,~~EAAAA~~,~~iBAAiB,CACzC,~~GAAI,~~CACF~~,~~YAAa~~,~~qBACb,MAAO,CACL,~~SAAU,~~SACV,~~WAAY,~~SACZ~~,WAAY,~~WACb~~,~~CACF~~,~~EACD,~~YAAa,CACX,~~YAAa,sBACb,MAAO,CACL,~~SAAU,~~CACR~~,~~KAAM~~,~~SACN~~,~~GAAI,MACL,EACD,~~WAAY,~~CACV~~,~~KAAM~~,~~UACN~~,~~GAAI~~,~~QACL~~,~~EACD,~~WAAY,~~WACb~~,~~CACF~~,EACD,GAAI,~~CACF~~,~~YAAa,qBACb,MAAO,CACL,~~SAAU,~~OACV~~,WAAY,~~UACZ~~,WAAY,~~WACb~~,~~CACF~~,~~EACD,~~YAAa,CACX,~~YAAa,sBACb,MAAO,CACL,~~SAAU,~~CACR~~,~~KAAM~~,~~UACN~~,~~GAAI,MACL,EACD,~~WAAY,~~CACV~~,~~KAAM~~,~~OACN~~,~~GAAI~~,~~SACL~~,~~EACD,~~WAAY,~~WACb~~,~~CACF~~,EACD,GAAI,~~CACF~~,~~YAAa~~,~~qBACb,MAAO,CACL,~~SAAU,~~SACV,~~WAAY,~~UACZ~~,WAAY,~~MACb~~,~~CACF~~,~~EACD,~~YAAa,CACX,~~YAAa,sBACb,MAAO,CACL,~~SAAU,~~CACR~~,~~KAAM~~,~~OACN~~,~~GAAI,MACL,EACD,~~WAAY,~~CACV~~,~~KAAM~~,~~UACN~~,~~GAAI~~,~~MACL~~,~~EACD,~~WAAY,~~WACb~~,~~CACF~~,EACD,GAAI,~~CACF~~,~~YAAa,qBACb,MAAO,CACL,~~SAAU,~~UACV~~,WAAY,~~OACZ~~,WAAY,~~MACb~~,~~CACF~~,~~EACD,~~YAAa,CACX,~~YAAa,sBACb,MAAO,CACL,~~SAAU,~~CACR~~,~~KAAM~~,~~UACN~~,~~GAAI,QACL,EACD,~~WAAY,~~CACV~~,~~KAAM~~,~~OACN~~,~~GAAI~~,~~SACL~~,~~EACD,~~WAAY,~~MACb~~,~~CACF~~,EACD,GAAI,~~CACF~~,~~YAAa,qBACb,MAAO,CACL,~~SAAU,~~WACV~~,WAAY,~~UACZ~~,WAAY,~~MACb~~,~~CACF~~,~~EACD,~~YAAa,CACX,~~YAAa,sBACb,MAAO,CACL,~~SAAU,~~CACR~~,~~KAAM~~,~~WACN~~,~~GAAI,SACL,EACD,~~WAAY,~~CACV~~,~~KAAM~~,~~UACN~~,~~GAAI~~,~~MACL~~,~~EACD,~~WAAY,~~MACb~~,~~CACF~~,EACD,GAAI,CACF,~~YAAa,qBACb,MAAO,CACL,~~SAAU,UACV,WAAY,UACZ,WAAY,~~WACZ~~,cAAe,UACf,cAAe,WAChB,~~CACF,~~EACD,YAAa,CACX,~~YAAa,sBACb,MAAO,CACL,~~SAAU,~~CACR~~,~~KAAM,WACN,GAAI,SACL,EACD,~~WAAY,~~CACV~~,~~KAAM,UACN,GAAI,SACL,EACD,~~WAAY,~~WACZ~~,cAAe,UACf,cAAe,~~WAChB~~,~~CACF~~,~~EACD~~,UAAW,~~CACT~~,~~YAAa~~,~~kCACb~~,~~MAAO~~,~~CACL~~,SAAU,~~WACV~~,WAAY,~~UACZ~~,WAAY,~~QACb~~,~~CACF~~,~~EACD,~~iBAAkB,CAChB,~~YAAa,mCACb,MAAO,CACL,~~SAAU,~~CACR~~,~~KAAM~~,~~OACN~~,~~GAAI,UACL,EACD,~~WAAY,~~CACV~~,~~KAAM,SACN,~~GAAI,~~SACL~~,~~EACD~~,WAAY,~~QACb~~,~~CACF~~,EACD,UAAW,~~CACT~~,~~YAAa,mCACb,MAAO,CACL,~~SAAU,~~OACV~~,WAAY,~~SACZ~~,WAAY,~~QACb~~,~~CACF~~,~~EACD,~~iBAAkB,CAChB,~~YAAa,mCACb,MAAO,CACL,~~SAAU,~~CACR~~,~~KAAM~~,~~WACN~~,~~GAAI,MACL,EACD,~~WAAY,~~CACV~~,~~KAAM~~,~~SACN~~,~~GAAI~~,~~QACL~~,~~EACD,~~WAAY,~~QACb~~,~~CACF~~,EACD,UAAW,~~CACT~~,~~YAAa,kCACb,MAAO,CACL,~~SAAU,~~WACV~~,WAAY,~~SACZ~~,WAAY,~~QACb~~,~~CACF~~,~~EACD,~~iBAAkB,CAChB,~~YAAa,kCACb,MAAO,CACL,~~SAAU,~~CACR~~,~~KAAM~~,~~UACN~~,~~GAAI,UACL,EACD,~~WAAY,~~CACV~~,~~KAAM,UACN,~~GAAI,~~QACL~~,~~EACD~~,WAAY,~~QACb~~,~~CACF~~,EACD,UAAW,~~CACT~~,~~YAAa,uCACb,MAAO,CACL,~~SAAU,~~UACV~~,WAAY,~~UACZ~~,WAAY,~~QACb~~,~~CACF~~,~~EACD,~~UAAW,~~CACT~~,~~YAAa,6CACb,MAAO,CACL,~~SAAU,~~WACV~~,WAAY,~~UACZ~~,WAAY,~~MACb~~,~~CACF~~,~~EACD,~~UAAW,~~CACT~~,~~YAAa,8CACb,MAAO,CACL,~~SAAU,~~OACV~~,WAAY,~~SACZ~~,WAAY,~~MACb~~,~~CACF~~,~~EACD,~~UAAW,~~CACT~~,~~YAAa,6CACb,MAAO,CACL,~~SAAU,~~WACV~~,WAAY,~~SACZ~~,WAAY,~~MACb,CACF,CACF,CAAA~~"}
1	+ {"version":3,"file":"text-styles.js","sources":["../../../src/styles/text-styles.ts"],"sourcesContent":["export const textStyles = {\n h1: { fontSize: '2.5rem', lineHeight: '3.5rem', fontWeight: 800 },\n 'h1-scaled': {\n fontSize: '2.5rem',\n lineHeight: '3.25rem',\n fontWeight: 800,\n lg: { fontSize: '5rem', lineHeight: '5.5rem' },\n },\n h2: { fontSize: '2rem', lineHeight: '2.75rem', fontWeight: 800 },\n 'h2-scaled': {\n fontSize: '2.25rem',\n lineHeight: '3rem',\n fontWeight: 800,\n lg: { fontSize: '4rem', lineHeight: '4.75rem' },\n },\n h3: { fontSize: '1.5rem', lineHeight: '2.25rem', fontWeight: 700 },\n 'h3-scaled': {\n fontSize: '2rem',\n lineHeight: '2.75rem',\n fontWeight: 800,\n lg: { fontSize: '3rem', lineHeight: '4rem' },\n },\n h4: { fontSize: '1.25rem', lineHeight: '2rem', fontWeight: 700 },\n 'h4-scaled': {\n fontSize: '1.25rem',\n lineHeight: '2rem',\n fontWeight: 700,\n lg: { fontSize: '1.5rem', lineHeight: '2.25rem' },\n },\n h5: { fontSize: '1.125rem', lineHeight: '1.75rem', fontWeight: 700 },\n 'h5-scaled': {\n fontSize: '1.125rem',\n lineHeight: '1.75rem',\n fontWeight: 700,\n lg: { fontSize: '1.25rem', lineHeight: '2rem' },\n },\n h6: {\n fontSize: '0.75rem',\n lineHeight: '0.75rem',\n fontWeight: 600,\n letterSpacing: '0.06rem',\n textTransform: 'uppercase',\n },\n 'h6-scaled': {\n fontSize: '0.625rem',\n lineHeight: '0.75rem',\n fontWeight: 600,\n letterSpacing: '0.06rem',\n textTransform: 'uppercase',\n lg: { fontSize: '0.75rem', lineHeight: '0.75rem' },\n },\n 'body-lg': { fontSize: '1.125rem', lineHeight: '1.75rem', fontWeight: 400 },\n 'body-lg-scaled': {\n fontSize: '1rem',\n lineHeight: '1.5rem',\n fontWeight: 400,\n lg: { fontSize: '1.125rem', lineHeight: '1.75rem' },\n },\n 'body-md': { fontSize: '1rem', lineHeight: '1.5rem', fontWeight: 400 },\n 'body-md-scaled': {\n fontSize: '0.875rem',\n lineHeight: '1.5rem',\n fontWeight: 400,\n lg: { fontSize: '1rem', lineHeight: '1.5rem' },\n },\n 'body-sm': { fontSize: '0.875rem', lineHeight: '1.5rem', fontWeight: 400 },\n 'body-sm-scaled': {\n fontSize: '0.75rem',\n lineHeight: '1.25rem',\n fontWeight: 400,\n lg: { fontSize: '0.875rem', lineHeight: '1.5rem' },\n },\n 'body-xs': { fontSize: '0.75rem', lineHeight: '1.25rem', fontWeight: 400 },\n 'mono-lg': { fontSize: '1.125rem', lineHeight: '1.75rem', fontFamily: 'monospace' },\n 'mono-md': { fontSize: '1rem', lineHeight: '1.5rem', fontFamily: 'monospace' },\n 'mono-sm': { fontSize: '0.875rem', lineHeight: '1.5rem', fontFamily: 'monospace' },\n} as const;\n"],"names":["textStyles"],"mappings":"aAAO,MAAMA,EAAa,CACxB,GAAI,CAAE,SAAU,SAAU,WAAY,SAAU,WAAY,GAAK,EACjE,YAAa,CACX,SAAU,SACV,WAAY,UACZ,WAAY,IACZ,GAAI,CAAE,SAAU,OAAQ,WAAY,QAAU,CAC/C,EACD,GAAI,CAAE,SAAU,OAAQ,WAAY,UAAW,WAAY,GAAK,EAChE,YAAa,CACX,SAAU,UACV,WAAY,OACZ,WAAY,IACZ,GAAI,CAAE,SAAU,OAAQ,WAAY,SAAW,CAChD,EACD,GAAI,CAAE,SAAU,SAAU,WAAY,UAAW,WAAY,GAAK,EAClE,YAAa,CACX,SAAU,OACV,WAAY,UACZ,WAAY,IACZ,GAAI,CAAE,SAAU,OAAQ,WAAY,MAAQ,CAC7C,EACD,GAAI,CAAE,SAAU,UAAW,WAAY,OAAQ,WAAY,GAAK,EAChE,YAAa,CACX,SAAU,UACV,WAAY,OACZ,WAAY,IACZ,GAAI,CAAE,SAAU,SAAU,WAAY,SAAW,CAClD,EACD,GAAI,CAAE,SAAU,WAAY,WAAY,UAAW,WAAY,GAAK,EACpE,YAAa,CACX,SAAU,WACV,WAAY,UACZ,WAAY,IACZ,GAAI,CAAE,SAAU,UAAW,WAAY,MAAQ,CAChD,EACD,GAAI,CACF,SAAU,UACV,WAAY,UACZ,WAAY,IACZ,cAAe,UACf,cAAe,WAChB,EACD,YAAa,CACX,SAAU,WACV,WAAY,UACZ,WAAY,IACZ,cAAe,UACf,cAAe,YACf,GAAI,CAAE,SAAU,UAAW,WAAY,SAAW,CACnD,EACD,UAAW,CAAE,SAAU,WAAY,WAAY,UAAW,WAAY,GAAK,EAC3E,iBAAkB,CAChB,SAAU,OACV,WAAY,SACZ,WAAY,IACZ,GAAI,CAAE,SAAU,WAAY,WAAY,SAAW,CACpD,EACD,UAAW,CAAE,SAAU,OAAQ,WAAY,SAAU,WAAY,GAAK,EACtE,iBAAkB,CAChB,SAAU,WACV,WAAY,SACZ,WAAY,IACZ,GAAI,CAAE,SAAU,OAAQ,WAAY,QAAU,CAC/C,EACD,UAAW,CAAE,SAAU,WAAY,WAAY,SAAU,WAAY,GAAK,EAC1E,iBAAkB,CAChB,SAAU,UACV,WAAY,UACZ,WAAY,IACZ,GAAI,CAAE,SAAU,WAAY,WAAY,QAAU,CACnD,EACD,UAAW,CAAE,SAAU,UAAW,WAAY,UAAW,WAAY,GAAK,EAC1E,UAAW,CAAE,SAAU,WAAY,WAAY,UAAW,WAAY,WAAa,EACnF,UAAW,CAAE,SAAU,OAAQ,WAAY,SAAU,WAAY,WAAa,EAC9E,UAAW,CAAE,SAAU,WAAY,WAAY,SAAU,WAAY,WAAa"}