@magiclabs/ui-components 1.23.0 → 1.23.2

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 (202) hide show
  1. package/dist/cjs/components/containers/card.js +1 -1
  2. package/dist/cjs/components/containers/card.js.map +1 -1
  3. package/dist/cjs/components/containers/drawer.js +1 -1
  4. package/dist/cjs/components/containers/drawer.js.map +1 -1
  5. package/dist/cjs/components/external/paypal-button.js +1 -1
  6. package/dist/cjs/components/external/paypal-button.js.map +1 -1
  7. package/dist/cjs/components/feedback/toast-provider.js +1 -1
  8. package/dist/cjs/components/feedback/toast-provider.js.map +1 -1
  9. package/dist/cjs/components/feedback/tooltip.js +1 -1
  10. package/dist/cjs/components/feedback/tooltip.js.map +1 -1
  11. package/dist/cjs/components/icons/ico-caret-down.js +1 -1
  12. package/dist/cjs/components/icons/ico-caret-down.js.map +1 -1
  13. package/dist/cjs/components/icons/ico-dedicated.js +1 -1
  14. package/dist/cjs/components/icons/ico-dedicated.js.map +1 -1
  15. package/dist/cjs/components/icons/ico-polygon-gas-testnet.js +2 -0
  16. package/dist/cjs/components/icons/ico-polygon-gas-testnet.js.map +1 -0
  17. package/dist/cjs/components/icons/ico-polygon-gas.js +2 -0
  18. package/dist/cjs/components/icons/ico-polygon-gas.js.map +1 -0
  19. package/dist/cjs/components/icons/ico-swap.js +1 -1
  20. package/dist/cjs/components/icons/ico-swap.js.map +1 -1
  21. package/dist/cjs/components/icons/ico-warning.js +1 -1
  22. package/dist/cjs/components/icons/ico-warning.js.map +1 -1
  23. package/dist/cjs/components/info/text-box.js +1 -1
  24. package/dist/cjs/components/info/text-box.js.map +1 -1
  25. package/dist/cjs/components/inputs/phone-input.js +1 -1
  26. package/dist/cjs/components/inputs/phone-input.js.map +1 -1
  27. package/dist/cjs/components/inputs/text-input.js +1 -1
  28. package/dist/cjs/components/inputs/text-input.js.map +1 -1
  29. package/dist/cjs/components/list-items/navigation-button.js +1 -1
  30. package/dist/cjs/components/list-items/navigation-button.js.map +1 -1
  31. package/dist/cjs/components/list-items/token-list-item.js +1 -1
  32. package/dist/cjs/components/list-items/token-list-item.js.map +1 -1
  33. package/dist/cjs/components/logos/blc-binance.js +1 -1
  34. package/dist/cjs/components/logos/blc-binance.js.map +1 -1
  35. package/dist/cjs/components/logos/blc-celo.js +1 -1
  36. package/dist/cjs/components/logos/blc-celo.js.map +1 -1
  37. package/dist/cjs/components/logos/blc-rarichain.js +1 -1
  38. package/dist/cjs/components/logos/blc-rarichain.js.map +1 -1
  39. package/dist/cjs/components/logos/blc-stability.js +1 -1
  40. package/dist/cjs/components/logos/blc-stability.js.map +1 -1
  41. package/dist/cjs/components/logos/icon-delete.js +2 -0
  42. package/dist/cjs/components/logos/icon-delete.js.map +1 -0
  43. package/dist/cjs/components/logos/icon-email-globe.js +2 -0
  44. package/dist/cjs/components/logos/icon-email-globe.js.map +1 -0
  45. package/dist/cjs/components/logos/icon-person-dark.js +2 -0
  46. package/dist/cjs/components/logos/icon-person-dark.js.map +1 -0
  47. package/dist/cjs/components/logos/icon-person.js +2 -0
  48. package/dist/cjs/components/logos/icon-person.js.map +1 -0
  49. package/dist/cjs/components/logos/icon-reset.js +2 -0
  50. package/dist/cjs/components/logos/icon-reset.js.map +1 -0
  51. package/dist/cjs/components/logos/icon-warning-shield.js +2 -0
  52. package/dist/cjs/components/logos/icon-warning-shield.js.map +1 -0
  53. package/dist/cjs/components/logos/icon-warning.js +2 -0
  54. package/dist/cjs/components/logos/icon-warning.js.map +1 -0
  55. package/dist/cjs/components/primitives/checkbox.js +1 -1
  56. package/dist/cjs/components/primitives/checkbox.js.map +1 -1
  57. package/dist/cjs/components/primitives/dropdown-selector.js +1 -1
  58. package/dist/cjs/components/primitives/dropdown-selector.js.map +1 -1
  59. package/dist/cjs/components/primitives/radio.js +1 -1
  60. package/dist/cjs/components/primitives/radio.js.map +1 -1
  61. package/dist/cjs/components/primitives/switch.js +1 -1
  62. package/dist/cjs/components/primitives/switch.js.map +1 -1
  63. package/dist/cjs/components/primitives/text.js +1 -1
  64. package/dist/cjs/components/primitives/text.js.map +1 -1
  65. package/dist/cjs/index.js +1 -1
  66. package/dist/cjs/recipes/callout.js +1 -1
  67. package/dist/cjs/recipes/callout.js.map +1 -1
  68. package/dist/cjs/recipes/card.js +1 -1
  69. package/dist/cjs/recipes/card.js.map +1 -1
  70. package/dist/cjs/recipes/text.js +1 -1
  71. package/dist/cjs/recipes/text.js.map +1 -1
  72. package/dist/cjs/styles/semantic-tokens.js +1 -1
  73. package/dist/cjs/styles/semantic-tokens.js.map +1 -1
  74. package/dist/es/components/containers/card.js +1 -1
  75. package/dist/es/components/containers/card.js.map +1 -1
  76. package/dist/es/components/containers/drawer.js +1 -1
  77. package/dist/es/components/containers/drawer.js.map +1 -1
  78. package/dist/es/components/external/paypal-button.js +1 -1
  79. package/dist/es/components/external/paypal-button.js.map +1 -1
  80. package/dist/es/components/feedback/toast-provider.js +1 -1
  81. package/dist/es/components/feedback/toast-provider.js.map +1 -1
  82. package/dist/es/components/feedback/tooltip.js +1 -1
  83. package/dist/es/components/feedback/tooltip.js.map +1 -1
  84. package/dist/es/components/icons/ico-caret-down.js +1 -1
  85. package/dist/es/components/icons/ico-caret-down.js.map +1 -1
  86. package/dist/es/components/icons/ico-dedicated.js +1 -1
  87. package/dist/es/components/icons/ico-dedicated.js.map +1 -1
  88. package/dist/es/components/icons/ico-polygon-gas-testnet.js +2 -0
  89. package/dist/es/components/icons/ico-polygon-gas-testnet.js.map +1 -0
  90. package/dist/es/components/icons/ico-polygon-gas.js +2 -0
  91. package/dist/es/components/icons/ico-polygon-gas.js.map +1 -0
  92. package/dist/es/components/icons/ico-swap.js +1 -1
  93. package/dist/es/components/icons/ico-swap.js.map +1 -1
  94. package/dist/es/components/icons/ico-warning.js +1 -1
  95. package/dist/es/components/icons/ico-warning.js.map +1 -1
  96. package/dist/es/components/info/text-box.js +1 -1
  97. package/dist/es/components/info/text-box.js.map +1 -1
  98. package/dist/es/components/inputs/phone-input.js +1 -1
  99. package/dist/es/components/inputs/phone-input.js.map +1 -1
  100. package/dist/es/components/inputs/text-input.js +1 -1
  101. package/dist/es/components/inputs/text-input.js.map +1 -1
  102. package/dist/es/components/layouts/dialogue.js +1 -1
  103. package/dist/es/components/layouts/error.js +1 -1
  104. package/dist/es/components/list-items/navigation-button.js +1 -1
  105. package/dist/es/components/list-items/navigation-button.js.map +1 -1
  106. package/dist/es/components/list-items/token-list-item.js +1 -1
  107. package/dist/es/components/list-items/token-list-item.js.map +1 -1
  108. package/dist/es/components/logos/blc-binance.js +1 -1
  109. package/dist/es/components/logos/blc-binance.js.map +1 -1
  110. package/dist/es/components/logos/blc-celo.js +1 -1
  111. package/dist/es/components/logos/blc-celo.js.map +1 -1
  112. package/dist/es/components/logos/blc-rarichain.js +1 -1
  113. package/dist/es/components/logos/blc-rarichain.js.map +1 -1
  114. package/dist/es/components/logos/blc-stability.js +1 -1
  115. package/dist/es/components/logos/blc-stability.js.map +1 -1
  116. package/dist/es/components/logos/icon-delete.js +2 -0
  117. package/dist/es/components/logos/icon-delete.js.map +1 -0
  118. package/dist/es/components/logos/icon-email-globe.js +2 -0
  119. package/dist/es/components/logos/icon-email-globe.js.map +1 -0
  120. package/dist/es/components/logos/icon-person-dark.js +2 -0
  121. package/dist/es/components/logos/icon-person-dark.js.map +1 -0
  122. package/dist/es/components/logos/icon-person.js +2 -0
  123. package/dist/es/components/logos/icon-person.js.map +1 -0
  124. package/dist/es/components/logos/icon-reset.js +2 -0
  125. package/dist/es/components/logos/icon-reset.js.map +1 -0
  126. package/dist/es/components/logos/icon-warning-shield.js +2 -0
  127. package/dist/es/components/logos/icon-warning-shield.js.map +1 -0
  128. package/dist/es/components/logos/icon-warning.js +2 -0
  129. package/dist/es/components/logos/icon-warning.js.map +1 -0
  130. package/dist/es/components/primitives/checkbox.js +1 -1
  131. package/dist/es/components/primitives/checkbox.js.map +1 -1
  132. package/dist/es/components/primitives/dropdown-selector.js +1 -1
  133. package/dist/es/components/primitives/dropdown-selector.js.map +1 -1
  134. package/dist/es/components/primitives/radio.js +1 -1
  135. package/dist/es/components/primitives/radio.js.map +1 -1
  136. package/dist/es/components/primitives/switch.js +1 -1
  137. package/dist/es/components/primitives/switch.js.map +1 -1
  138. package/dist/es/components/primitives/text.js +1 -1
  139. package/dist/es/components/primitives/text.js.map +1 -1
  140. package/dist/es/components/sections/verify-pincode.js +1 -1
  141. package/dist/es/index.js +1 -1
  142. package/dist/es/recipes/callout.js +1 -1
  143. package/dist/es/recipes/callout.js.map +1 -1
  144. package/dist/es/recipes/card.js +1 -1
  145. package/dist/es/recipes/card.js.map +1 -1
  146. package/dist/es/recipes/text.js +1 -1
  147. package/dist/es/recipes/text.js.map +1 -1
  148. package/dist/es/styles/semantic-tokens.js +1 -1
  149. package/dist/es/styles/semantic-tokens.js.map +1 -1
  150. package/dist/panda.buildinfo.json +1 -1
  151. package/dist/types/components/containers/card.d.ts +2 -0
  152. package/dist/types/components/containers/card.d.ts.map +1 -1
  153. package/dist/types/components/external/paypal-button.d.ts.map +1 -1
  154. package/dist/types/components/feedback/toast-provider.d.ts.map +1 -1
  155. package/dist/types/components/feedback/tooltip.d.ts +2 -0
  156. package/dist/types/components/feedback/tooltip.d.ts.map +1 -1
  157. package/dist/types/components/icons/ico-polygon-gas-testnet.d.ts +14 -0
  158. package/dist/types/components/icons/ico-polygon-gas-testnet.d.ts.map +1 -0
  159. package/dist/types/components/icons/{ico-loading-fill.d.ts → ico-polygon-gas.d.ts} +3 -3
  160. package/dist/types/components/icons/ico-polygon-gas.d.ts.map +1 -0
  161. package/dist/types/components/icons/index.d.ts +2 -1
  162. package/dist/types/components/icons/index.d.ts.map +1 -1
  163. package/dist/types/components/info/text-box.d.ts +1 -0
  164. package/dist/types/components/info/text-box.d.ts.map +1 -1
  165. package/dist/types/components/inputs/phone-input.d.ts.map +1 -1
  166. package/dist/types/components/list-items/token-list-item.d.ts.map +1 -1
  167. package/dist/types/components/logos/blc-binance.d.ts.map +1 -1
  168. package/dist/types/components/logos/blc-celo.d.ts.map +1 -1
  169. package/dist/types/components/logos/icon-delete.d.ts +10 -0
  170. package/dist/types/components/logos/icon-delete.d.ts.map +1 -0
  171. package/dist/types/components/logos/icon-email-globe.d.ts +10 -0
  172. package/dist/types/components/logos/icon-email-globe.d.ts.map +1 -0
  173. package/dist/types/components/logos/icon-person-dark.d.ts +10 -0
  174. package/dist/types/components/logos/icon-person-dark.d.ts.map +1 -0
  175. package/dist/types/components/logos/icon-person.d.ts +10 -0
  176. package/dist/types/components/logos/icon-person.d.ts.map +1 -0
  177. package/dist/types/components/logos/icon-reset.d.ts +10 -0
  178. package/dist/types/components/logos/icon-reset.d.ts.map +1 -0
  179. package/dist/types/components/logos/icon-warning-shield.d.ts +10 -0
  180. package/dist/types/components/logos/icon-warning-shield.d.ts.map +1 -0
  181. package/dist/types/components/logos/icon-warning.d.ts +10 -0
  182. package/dist/types/components/logos/icon-warning.d.ts.map +1 -0
  183. package/dist/types/components/logos/index.d.ts +7 -0
  184. package/dist/types/components/logos/index.d.ts.map +1 -1
  185. package/dist/types/components/primitives/checkbox.d.ts.map +1 -1
  186. package/dist/types/components/primitives/dropdown-selector.d.ts.map +1 -1
  187. package/dist/types/components/primitives/switch.d.ts.map +1 -1
  188. package/dist/types/components/primitives/text.d.ts +5 -0
  189. package/dist/types/components/primitives/text.d.ts.map +1 -1
  190. package/dist/types/recipes/callout.d.ts.map +1 -1
  191. package/dist/types/recipes/card.d.ts +11 -0
  192. package/dist/types/recipes/card.d.ts.map +1 -1
  193. package/dist/types/recipes/text.d.ts +0 -4
  194. package/dist/types/recipes/text.d.ts.map +1 -1
  195. package/dist/types/styles/semantic-tokens.d.ts +6 -0
  196. package/dist/types/styles/semantic-tokens.d.ts.map +1 -1
  197. package/package.json +1 -1
  198. package/dist/cjs/components/icons/ico-loading-fill.js +0 -2
  199. package/dist/cjs/components/icons/ico-loading-fill.js.map +0 -1
  200. package/dist/es/components/icons/ico-loading-fill.js +0 -2
  201. package/dist/es/components/icons/ico-loading-fill.js.map +0 -1
  202. package/dist/types/components/icons/ico-loading-fill.d.ts.map +0 -1
@@ -1,2 +1,2 @@
1
- import{jsxs as C,jsx as e}from"react/jsx-runtime";import V from"./text.js";import{Flex as c,Circle as v,Box as P}from"@styled/jsx";import{flex as R}from"@styled/patterns";import{createContext as j,forwardRef as k,useContext as S,useRef as w,useCallback as u}from"react";import{useHover as F,useFocusRing as I,usePress as N,VisuallyHidden as W,mergeProps as z}from"react-aria";const p=j({selectedValue:void 0,setSelectedValue:()=>{}}),m=i=>{const{children:s,onChange:t,selectedValue:o,vertical:r}=i,n=u(a=>{t(a)},[t]);return e(c,{direction:r?"column":"row",gap:r?5:10,role:"radiogroup",children:e(p.Provider,{value:{selectedValue:o,setSelectedValue:n},children:s})})},h=k((i,s)=>{const{label:t,value:o}=i,r=S(p),n=w(null),a=s||n,b=u(()=>{r.setSelectedValue(o)},[r,o]),{hoverProps:f}=F({}),{focusProps:x,isFocusVisible:d}=I(),{pressProps:g}=N({onPress:b}),l=r.selectedValue===o,y=l?0:-1;return C("label",{className:R({alignItems:"center"}),children:[e(W,{children:e("input",{...z(g,x,f),ref:a,type:"radio",checked:l,tabIndex:y,readOnly:!0})}),e(c,{justifyContent:"center",alignItems:"center",borderWidth:"thick",borderColor:d||l?"brand.base":"text.tertiary",transition:"border-color 0.2s ease",outlineColor:"brand.base",outlineStyle:d?"solid":"none",outlineWidth:"thick",outlineOffset:.5,_hover:{borderColor:"brand.base"},cursor:"pointer",w:6,h:6,rounded:"full","aria-hidden":"true",children:l&&e(v,{size:3,bg:"brand.base"})}),e(P,{ml:3,children:e(V,{size:"lg",styles:{fontWeight:500},children:t})})]})});m.displayName="RadioGroup",h.displayName="Radio";export{h as Radio,m as RadioGroup};
1
+ import{jsxs as V,jsx as e}from"react/jsx-runtime";import v from"./text.js";import{Flex as c,Circle as y,Box as P}from"@styled/jsx";import{flex as R}from"@styled/patterns";import{createContext as k,forwardRef as S,useContext as j,useRef as w,useCallback as u}from"react";import{useHover as F,useFocusRing as I,usePress as N,VisuallyHidden as W,mergeProps as z}from"react-aria";const m=k({selectedValue:void 0,setSelectedValue:()=>{}}),p=i=>{const{children:s,onChange:t,selectedValue:o,vertical:r}=i,n=u(a=>{t(a)},[t]);return e(c,{direction:r?"column":"row",gap:r?5:10,role:"radiogroup",children:e(m.Provider,{value:{selectedValue:o,setSelectedValue:n},children:s})})},h=S((i,s)=>{const{label:t,value:o}=i,r=j(m),n=w(null),a=s||n,b=u(()=>{r.setSelectedValue(o)},[r,o]),{hoverProps:f}=F({}),{focusProps:x,isFocusVisible:d}=I(),{pressProps:g}=N({onPress:b}),l=r.selectedValue===o,C=l?0:-1;return V("label",{className:R({alignItems:"center"}),children:[e(W,{children:e("input",{...z(g,x,f),ref:a,type:"radio",checked:l,tabIndex:C,readOnly:!0})}),e(c,{justifyContent:"center",alignItems:"center",borderWidth:"thick",borderColor:d||l?"brand.base":"text.tertiary",transition:"border-color 0.2s ease",outlineColor:"brand.base",outlineStyle:d?"solid":"none",outlineWidth:"thick",outlineOffset:.5,_hover:{borderColor:"brand.base"},cursor:"pointer",w:6,h:6,rounded:"full","aria-hidden":"true",children:l&&e(y,{size:3,bg:"brand.base"})}),e(P,{ml:3,children:e(v,{size:"lg",fontWeight:"medium",children:t})})]})});p.displayName="RadioGroup",h.displayName="Radio";export{h as Radio,p as RadioGroup};
2
2
  //# sourceMappingURL=radio.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"radio.js","sources":["../../../../src/components/primitives/radio.tsx"],"sourcesContent":["import Text from '@components/primitives/text';\nimport { Box, Circle, Flex } from '@styled/jsx';\nimport { flex } from '@styled/patterns';\nimport { PropsWithChildren, createContext, forwardRef, useCallback, useContext, useRef } from 'react';\nimport {\n AriaRadioGroupProps,\n AriaRadioProps,\n VisuallyHidden,\n mergeProps,\n useFocusRing,\n useHover,\n usePress,\n} from 'react-aria';\n\nexport interface RadioGroupProps extends AriaRadioGroupProps, PropsWithChildren {\n onChange: (value: string) => void;\n selectedValue?: string;\n vertical?: boolean;\n}\n\nexport interface RadioProps extends AriaRadioProps {\n label?: string;\n}\n\nconst RadioContext = createContext<{\n selectedValue: string | undefined;\n setSelectedValue: (value: string) => void;\n}>({\n selectedValue: undefined,\n setSelectedValue: () => {},\n});\n\nexport const RadioGroup = (props: RadioGroupProps) => {\n const { children, onChange, selectedValue, vertical } = props;\n\n const handleSelect = useCallback(\n (value: string) => {\n onChange(value);\n },\n [onChange],\n );\n\n return (\n <Flex direction={vertical ? 'column' : 'row'} gap={vertical ? 5 : 10} role=\"radiogroup\">\n <RadioContext.Provider value={{ selectedValue, setSelectedValue: handleSelect }}>\n {children}\n </RadioContext.Provider>\n </Flex>\n );\n};\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>((props, forwardedRef) => {\n const { label, value } = props;\n const state = useContext(RadioContext);\n\n const internalRef = useRef<HTMLInputElement>(null);\n const ref = forwardedRef || internalRef;\n\n const handlePress = useCallback(() => {\n state.setSelectedValue(value);\n }, [state, value]);\n\n const { hoverProps } = useHover({});\n const { focusProps, isFocusVisible } = useFocusRing();\n const { pressProps } = usePress({\n onPress: handlePress,\n });\n\n const isSelected = state.selectedValue === value;\n\n const tabIndex = isSelected ? 0 : -1;\n\n return (\n <label className={flex({ alignItems: 'center' })}>\n <VisuallyHidden>\n <input\n {...mergeProps(pressProps, focusProps, hoverProps)}\n ref={ref}\n type=\"radio\"\n checked={isSelected}\n tabIndex={tabIndex}\n readOnly\n />\n </VisuallyHidden>\n <Flex\n justifyContent=\"center\"\n alignItems=\"center\"\n borderWidth=\"thick\"\n borderColor={isFocusVisible || isSelected ? 'brand.base' : 'text.tertiary'}\n transition=\"border-color 0.2s ease\"\n outlineColor=\"brand.base\"\n outlineStyle={isFocusVisible ? 'solid' : 'none'}\n outlineWidth=\"thick\"\n outlineOffset={0.5}\n _hover={{ borderColor: 'brand.base' }}\n cursor=\"pointer\"\n w={6}\n h={6}\n rounded=\"full\"\n aria-hidden=\"true\"\n >\n {isSelected && <Circle size={3} bg=\"brand.base\" />}\n </Flex>\n <Box ml={3}>\n <Text size=\"lg\" styles={{ fontWeight: 500 }}>\n {label}\n </Text>\n </Box>\n </label>\n );\n});\n\nRadioGroup.displayName = 'RadioGroup';\nRadio.displayName = 'Radio';\n"],"names":["RadioContext","createContext","RadioGroup","props","children","onChange","selectedValue","vertical","handleSelect","useCallback","value","_jsx","Flex","Radio","forwardRef","forwardedRef","label","state","useContext","internalRef","useRef","ref","handlePress","hoverProps","useHover","focusProps","isFocusVisible","useFocusRing","pressProps","usePress","isSelected","tabIndex","_jsxs","flex","VisuallyHidden","mergeProps","Circle","Box","Text"],"mappings":"wXAwBA,MAAMA,EAAeC,EAGlB,CACD,cAAe,OACf,iBAAkB,IAAK,CACxB,CAAA,CAAA,EAEYC,EAAcC,GAA0B,CACnD,KAAM,CAAE,SAAAC,EAAU,SAAAC,EAAU,cAAAC,EAAe,SAAAC,CAAQ,EAAKJ,EAElDK,EAAeC,EAClBC,GAAiB,CAChBL,EAASK,CAAK,CAChB,EACA,CAACL,CAAQ,CAAC,EAGZ,OACEM,EAACC,EAAI,CAAC,UAAWL,EAAW,SAAW,MAAO,IAAKA,EAAW,EAAI,GAAI,KAAK,aAAY,SACrFI,EAACX,EAAa,SAAQ,CAAC,MAAO,CAAE,cAAAM,EAAe,iBAAkBE,CAAY,WAC1EJ,CAAQ,CAAA,CAEN,CAAA,CAEX,EAEaS,EAAQC,EAAyC,CAACX,EAAOY,IAAgB,CACpF,KAAM,CAAE,MAAAC,EAAO,MAAAN,CAAO,EAAGP,EACnBc,EAAQC,EAAWlB,CAAY,EAE/BmB,EAAcC,EAAyB,IAAI,EAC3CC,EAAMN,GAAgBI,EAEtBG,EAAcb,EAAY,IAAK,CACnCQ,EAAM,iBAAiBP,CAAK,CAC9B,EAAG,CAACO,EAAOP,CAAK,CAAC,EAEX,CAAE,WAAAa,CAAY,EAAGC,EAAS,CAAE,CAAA,EAC5B,CAAE,WAAAC,EAAY,eAAAC,GAAmBC,IACjC,CAAE,WAAAC,CAAY,EAAGC,EAAS,CAC9B,QAASP,CACV,CAAA,EAEKQ,EAAab,EAAM,gBAAkBP,EAErCqB,EAAWD,EAAa,EAAI,GAElC,OACEE,EAAO,QAAA,CAAA,UAAWC,EAAK,CAAE,WAAY,SAAU,EAAC,SAAA,CAC9CtB,EAACuB,EAAc,CAAA,SACbvB,cACMwB,EAAWP,EAAYH,EAAYF,CAAU,EACjD,IAAKF,EACL,KAAK,QACL,QAASS,EACT,SAAUC,EACV,aAEa,CAAA,EACjBpB,EAACC,EAAI,CACH,eAAe,SACf,WAAW,SACX,YAAY,QACZ,YAAac,GAAkBI,EAAa,aAAe,gBAC3D,WAAW,yBACX,aAAa,aACb,aAAcJ,EAAiB,QAAU,OACzC,aAAa,QACb,cAAe,GACf,OAAQ,CAAE,YAAa,cACvB,OAAO,UACP,EAAG,EACH,EAAG,EACH,QAAQ,qBACI,OAAM,SAEjBI,GAAcnB,EAACyB,EAAM,CAAC,KAAM,EAAG,GAAG,YAAY,CAAA,IAEjDzB,EAAC0B,EAAI,CAAA,GAAI,EAAC,SACR1B,EAAC2B,GAAK,KAAK,KAAK,OAAQ,CAAE,WAAY,KACnC,SAAAtB,GAEC,CAAA,CAAA,CAAA,CAAA,CAGZ,CAAC,EAEDd,EAAW,YAAc,aACzBW,EAAM,YAAc"}
1
+ {"version":3,"file":"radio.js","sources":["../../../../src/components/primitives/radio.tsx"],"sourcesContent":["import Text from '@components/primitives/text';\nimport { Box, Circle, Flex } from '@styled/jsx';\nimport { flex } from '@styled/patterns';\nimport { PropsWithChildren, createContext, forwardRef, useCallback, useContext, useRef } from 'react';\nimport {\n AriaRadioGroupProps,\n AriaRadioProps,\n VisuallyHidden,\n mergeProps,\n useFocusRing,\n useHover,\n usePress,\n} from 'react-aria';\n\nexport interface RadioGroupProps extends AriaRadioGroupProps, PropsWithChildren {\n onChange: (value: string) => void;\n selectedValue?: string;\n vertical?: boolean;\n}\n\nexport interface RadioProps extends AriaRadioProps {\n label?: string;\n}\n\nconst RadioContext = createContext<{\n selectedValue: string | undefined;\n setSelectedValue: (value: string) => void;\n}>({\n selectedValue: undefined,\n setSelectedValue: () => {},\n});\n\nexport const RadioGroup = (props: RadioGroupProps) => {\n const { children, onChange, selectedValue, vertical } = props;\n\n const handleSelect = useCallback(\n (value: string) => {\n onChange(value);\n },\n [onChange],\n );\n\n return (\n <Flex direction={vertical ? 'column' : 'row'} gap={vertical ? 5 : 10} role=\"radiogroup\">\n <RadioContext.Provider value={{ selectedValue, setSelectedValue: handleSelect }}>\n {children}\n </RadioContext.Provider>\n </Flex>\n );\n};\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>((props, forwardedRef) => {\n const { label, value } = props;\n const state = useContext(RadioContext);\n\n const internalRef = useRef<HTMLInputElement>(null);\n const ref = forwardedRef || internalRef;\n\n const handlePress = useCallback(() => {\n state.setSelectedValue(value);\n }, [state, value]);\n\n const { hoverProps } = useHover({});\n const { focusProps, isFocusVisible } = useFocusRing();\n const { pressProps } = usePress({\n onPress: handlePress,\n });\n\n const isSelected = state.selectedValue === value;\n\n const tabIndex = isSelected ? 0 : -1;\n\n return (\n <label className={flex({ alignItems: 'center' })}>\n <VisuallyHidden>\n <input\n {...mergeProps(pressProps, focusProps, hoverProps)}\n ref={ref}\n type=\"radio\"\n checked={isSelected}\n tabIndex={tabIndex}\n readOnly\n />\n </VisuallyHidden>\n <Flex\n justifyContent=\"center\"\n alignItems=\"center\"\n borderWidth=\"thick\"\n borderColor={isFocusVisible || isSelected ? 'brand.base' : 'text.tertiary'}\n transition=\"border-color 0.2s ease\"\n outlineColor=\"brand.base\"\n outlineStyle={isFocusVisible ? 'solid' : 'none'}\n outlineWidth=\"thick\"\n outlineOffset={0.5}\n _hover={{ borderColor: 'brand.base' }}\n cursor=\"pointer\"\n w={6}\n h={6}\n rounded=\"full\"\n aria-hidden=\"true\"\n >\n {isSelected && <Circle size={3} bg=\"brand.base\" />}\n </Flex>\n <Box ml={3}>\n <Text size=\"lg\" fontWeight=\"medium\">\n {label}\n </Text>\n </Box>\n </label>\n );\n});\n\nRadioGroup.displayName = 'RadioGroup';\nRadio.displayName = 'Radio';\n"],"names":["RadioContext","createContext","RadioGroup","props","children","onChange","selectedValue","vertical","handleSelect","useCallback","value","_jsx","Flex","Radio","forwardRef","forwardedRef","label","state","useContext","internalRef","useRef","ref","handlePress","hoverProps","useHover","focusProps","isFocusVisible","useFocusRing","pressProps","usePress","isSelected","tabIndex","_jsxs","flex","VisuallyHidden","mergeProps","Circle","Box","Text"],"mappings":"wXAwBA,MAAMA,EAAeC,EAGlB,CACD,cAAe,OACf,iBAAkB,IAAK,CACxB,CAAA,CAAA,EAEYC,EAAcC,GAA0B,CACnD,KAAM,CAAE,SAAAC,EAAU,SAAAC,EAAU,cAAAC,EAAe,SAAAC,CAAQ,EAAKJ,EAElDK,EAAeC,EAClBC,GAAiB,CAChBL,EAASK,CAAK,CAChB,EACA,CAACL,CAAQ,CAAC,EAGZ,OACEM,EAACC,EAAI,CAAC,UAAWL,EAAW,SAAW,MAAO,IAAKA,EAAW,EAAI,GAAI,KAAK,aAAY,SACrFI,EAACX,EAAa,SAAQ,CAAC,MAAO,CAAE,cAAAM,EAAe,iBAAkBE,CAAY,WAC1EJ,CAAQ,CAAA,CAEN,CAAA,CAEX,EAEaS,EAAQC,EAAyC,CAACX,EAAOY,IAAgB,CACpF,KAAM,CAAE,MAAAC,EAAO,MAAAN,CAAO,EAAGP,EACnBc,EAAQC,EAAWlB,CAAY,EAE/BmB,EAAcC,EAAyB,IAAI,EAC3CC,EAAMN,GAAgBI,EAEtBG,EAAcb,EAAY,IAAK,CACnCQ,EAAM,iBAAiBP,CAAK,CAC9B,EAAG,CAACO,EAAOP,CAAK,CAAC,EAEX,CAAE,WAAAa,CAAY,EAAGC,EAAS,CAAE,CAAA,EAC5B,CAAE,WAAAC,EAAY,eAAAC,GAAmBC,IACjC,CAAE,WAAAC,CAAY,EAAGC,EAAS,CAC9B,QAASP,CACV,CAAA,EAEKQ,EAAab,EAAM,gBAAkBP,EAErCqB,EAAWD,EAAa,EAAI,GAElC,OACEE,EAAO,QAAA,CAAA,UAAWC,EAAK,CAAE,WAAY,SAAU,EAAC,SAAA,CAC9CtB,EAACuB,EAAc,CAAA,SACbvB,cACMwB,EAAWP,EAAYH,EAAYF,CAAU,EACjD,IAAKF,EACL,KAAK,QACL,QAASS,EACT,SAAUC,EACV,SACA,EAAA,CAAA,CAAA,CAAA,EAEJpB,EAACC,EACC,CAAA,eAAe,SACf,WAAW,SACX,YAAY,QACZ,YAAac,GAAkBI,EAAa,aAAe,gBAC3D,WAAW,yBACX,aAAa,aACb,aAAcJ,EAAiB,QAAU,OACzC,aAAa,QACb,cAAe,GACf,OAAQ,CAAE,YAAa,cACvB,OAAO,UACP,EAAG,EACH,EAAG,EACH,QAAQ,OACI,cAAA,gBAEXI,GAAcnB,EAACyB,GAAO,KAAM,EAAG,GAAG,cAC9B,CAAA,EACPzB,EAAC0B,EAAG,CAAC,GAAI,EACP,SAAA1B,EAAC2B,EAAK,CAAA,KAAK,KAAK,WAAW,SACxB,SAAAtB,GAEC,CAAA,CAAA,CAAA,CAAA,CAGZ,CAAC,EAEDd,EAAW,YAAc,aACzBW,EAAM,YAAc"}
@@ -1,2 +1,2 @@
1
- import{jsxs as f,jsx as t}from"react/jsx-runtime";import g from"./text.js";import{useToggleState as h}from"../../hooks/useToggleState.js";import{css as i}from"@styled/css";import{Flex as S}from"@styled/jsx/flex";import{circle as k}from"@styled/patterns";import{forwardRef as x,useRef as y}from"react";import{useToggleButton as v,useFocusRing as w,mergeProps as N}from"react-aria";const o=x((s,l)=>{const{checked:a,disabled:n=!1,label:r,...d}=s,c=y(null),m=l||c,e=h({...s,isSelected:a}),{buttonProps:p}=v({...d,isDisabled:n},e,m),{isFocusVisible:u,focusProps:b}=w();return f(S,{alignItems:"center",children:[r&&t("div",{className:i({mr:2}),children:t(g,{styles:{fontWeight:500,lineHeight:1},children:r})}),t("button",{...N(p,b),className:i({px:.5,h:5,width:11,_disabled:{opacity:.3,pointerEvents:"none"},bg:e.isSelected?"brand.base":"neutral.primary",_hover:{bg:e.isSelected?"brand.base":"ink.70",_dark:{bg:e.isSelected?"brand.base":"slate.4"}},transition:"background-color 0.2s ease",rounded:"full",outlineColor:u?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5,cursor:"pointer"}),children:t("span",{className:k({h:4,w:4,bg:"paper",position:"relative",left:e.isSelected?6:0,transition:"left 0.2s ease"})})})]})});o.displayName="Switch";export{o as default};
1
+ import{jsxs as f,jsx as t}from"react/jsx-runtime";import g from"./text.js";import{useToggleState as h}from"../../hooks/useToggleState.js";import{css as r}from"@styled/css";import{Flex as S}from"@styled/jsx/flex";import{circle as k}from"@styled/patterns";import{forwardRef as x,useRef as y}from"react";import{useToggleButton as v,useFocusRing as w,mergeProps as N}from"react-aria";const o=x((s,l)=>{const{checked:a,disabled:n=!1,label:i,...d}=s,c=y(null),m=l||c,e=h({...s,isSelected:a}),{buttonProps:p}=v({...d,isDisabled:n},e,m),{isFocusVisible:u,focusProps:b}=w();return f(S,{alignItems:"center",children:[i&&t("div",{className:r({mr:2}),children:t(g,{fontWeight:"medium",styles:{lineHeight:1},children:i})}),t("button",{...N(p,b),className:r({px:.5,h:5,width:11,_disabled:{opacity:.3,pointerEvents:"none"},bg:e.isSelected?"brand.base":"neutral.primary",_hover:{bg:e.isSelected?"brand.base":"ink.70",_dark:{bg:e.isSelected?"brand.base":"slate.4"}},transition:"background-color 0.2s ease",rounded:"full",outlineColor:u?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5,cursor:"pointer"}),children:t("span",{className:k({h:4,w:4,bg:"paper",position:"relative",left:e.isSelected?6:0,transition:"left 0.2s ease"})})})]})});o.displayName="Switch";export{o as default};
2
2
  //# sourceMappingURL=switch.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"switch.js","sources":["../../../../src/components/primitives/switch.tsx"],"sourcesContent":["import Text from '@components/primitives/text';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { css } from '@styled/css';\nimport { Flex } from '@styled/jsx/flex';\nimport { circle } from '@styled/patterns';\nimport { forwardRef, useRef } from 'react';\nimport { mergeProps, useFocusRing, useToggleButton, type AriaToggleButtonProps } from 'react-aria';\n\nexport type SwitchProps = AriaToggleButtonProps & {\n checked?: boolean;\n disabled?: boolean;\n label?: string;\n};\n\nconst Switch = forwardRef<HTMLButtonElement, SwitchProps>((props, forwardedRef) => {\n const { checked, disabled = false, label, ...otherProps } = props;\n\n const internalRef = useRef(null);\n const ref = forwardedRef || internalRef;\n\n const state = useToggleState({ ...props, isSelected: checked });\n\n const { buttonProps } = useToggleButton(\n { ...otherProps, isDisabled: disabled },\n state,\n ref as React.RefObject<HTMLButtonElement>,\n );\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return (\n <Flex alignItems=\"center\">\n {label && (\n <div className={css({ mr: 2 })}>\n <Text styles={{ fontWeight: 500, lineHeight: 1 }}>{label}</Text>\n </div>\n )}\n <button\n {...mergeProps(buttonProps, focusProps)}\n className={css({\n px: 0.5,\n h: 5,\n width: 11,\n _disabled: {\n opacity: 0.3,\n pointerEvents: 'none',\n },\n bg: state.isSelected ? 'brand.base' : 'neutral.primary',\n _hover: {\n bg: !state.isSelected ? 'ink.70' : 'brand.base',\n _dark: {\n bg: !state.isSelected ? 'slate.4' : 'brand.base',\n },\n },\n transition: 'background-color 0.2s ease',\n rounded: 'full',\n outlineColor: isFocusVisible ? 'brand.base' : 'transparent',\n outlineStyle: 'solid',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n cursor: 'pointer',\n })}\n >\n <span\n className={circle({\n h: 4,\n w: 4,\n bg: 'paper',\n position: 'relative',\n left: state.isSelected ? 6 : 0,\n transition: 'left 0.2s ease',\n })}\n />\n </button>\n </Flex>\n );\n});\n\nSwitch.displayName = 'Switch';\n\nexport default Switch;\n"],"names":["Switch","forwardRef","props","forwardedRef","checked","disabled","label","otherProps","internalRef","useRef","ref","state","useToggleState","buttonProps","useToggleButton","isFocusVisible","focusProps","useFocusRing","_jsxs","Flex","_jsx","css","Text","mergeProps","circle"],"mappings":"4XAcA,MAAMA,EAASC,EAA2C,CAACC,EAAOC,IAAgB,CAChF,KAAM,CAAE,QAAAC,EAAS,SAAAC,EAAW,GAAO,MAAAC,EAAO,GAAGC,CAAY,EAAGL,EAEtDM,EAAcC,EAAO,IAAI,EACzBC,EAAMP,GAAgBK,EAEtBG,EAAQC,EAAe,CAAE,GAAGV,EAAO,WAAYE,CAAO,CAAE,EAExD,CAAE,YAAAS,CAAW,EAAKC,EACtB,CAAE,GAAGP,EAAY,WAAYF,CAAU,EACvCM,EACAD,CAAyC,EAErC,CAAE,eAAAK,EAAgB,WAAAC,GAAeC,IAEvC,OACEC,EAACC,EAAK,CAAA,WAAW,SAAQ,SAAA,CACtBb,GACCc,EAAA,MAAA,CAAK,UAAWC,EAAI,CAAE,GAAI,CAAC,CAAE,EAAC,SAC5BD,EAACE,EAAK,CAAA,OAAQ,CAAE,WAAY,IAAK,WAAY,CAAC,EAAK,SAAAhB,CAAa,CAAA,CAAA,CAAA,EAGpEc,EAAA,SAAA,CAAA,GACMG,EAAWV,EAAaG,CAAU,EACtC,UAAWK,EAAI,CACb,GAAI,GACJ,EAAG,EACH,MAAO,GACP,UAAW,CACT,QAAS,GACT,cAAe,MAChB,EACD,GAAIV,EAAM,WAAa,aAAe,kBACtC,OAAQ,CACN,GAAKA,EAAM,WAAwB,aAAX,SACxB,MAAO,CACL,GAAKA,EAAM,WAAyB,aAAZ,SACzB,CACF,EACD,WAAY,6BACZ,QAAS,OACT,aAAcI,EAAiB,aAAe,cAC9C,aAAc,QACd,aAAc,QACd,cAAe,GACf,OAAQ,SACT,CAAA,EAED,SAAAK,EAAA,OAAA,CACE,UAAWI,EAAO,CAChB,EAAG,EACH,EAAG,EACH,GAAI,QACJ,SAAU,WACV,KAAMb,EAAM,WAAa,EAAI,EAC7B,WAAY,gBACb,CAAA,CACD,CAAA,CAAA,CAAA,CACK,CACJ,CAAA,CAEX,CAAC,EAEDX,EAAO,YAAc"}
1
+ {"version":3,"file":"switch.js","sources":["../../../../src/components/primitives/switch.tsx"],"sourcesContent":["import Text from '@components/primitives/text';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { css } from '@styled/css';\nimport { Flex } from '@styled/jsx/flex';\nimport { circle } from '@styled/patterns';\nimport { forwardRef, useRef } from 'react';\nimport { mergeProps, useFocusRing, useToggleButton, type AriaToggleButtonProps } from 'react-aria';\n\nexport type SwitchProps = AriaToggleButtonProps & {\n checked?: boolean;\n disabled?: boolean;\n label?: string;\n};\n\nconst Switch = forwardRef<HTMLButtonElement, SwitchProps>((props, forwardedRef) => {\n const { checked, disabled = false, label, ...otherProps } = props;\n\n const internalRef = useRef(null);\n const ref = forwardedRef || internalRef;\n\n const state = useToggleState({ ...props, isSelected: checked });\n\n const { buttonProps } = useToggleButton(\n { ...otherProps, isDisabled: disabled },\n state,\n ref as React.RefObject<HTMLButtonElement>,\n );\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return (\n <Flex alignItems=\"center\">\n {label && (\n <div className={css({ mr: 2 })}>\n <Text fontWeight=\"medium\" styles={{ lineHeight: 1 }}>\n {label}\n </Text>\n </div>\n )}\n <button\n {...mergeProps(buttonProps, focusProps)}\n className={css({\n px: 0.5,\n h: 5,\n width: 11,\n _disabled: {\n opacity: 0.3,\n pointerEvents: 'none',\n },\n bg: state.isSelected ? 'brand.base' : 'neutral.primary',\n _hover: {\n bg: !state.isSelected ? 'ink.70' : 'brand.base',\n _dark: {\n bg: !state.isSelected ? 'slate.4' : 'brand.base',\n },\n },\n transition: 'background-color 0.2s ease',\n rounded: 'full',\n outlineColor: isFocusVisible ? 'brand.base' : 'transparent',\n outlineStyle: 'solid',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n cursor: 'pointer',\n })}\n >\n <span\n className={circle({\n h: 4,\n w: 4,\n bg: 'paper',\n position: 'relative',\n left: state.isSelected ? 6 : 0,\n transition: 'left 0.2s ease',\n })}\n />\n </button>\n </Flex>\n );\n});\n\nSwitch.displayName = 'Switch';\n\nexport default Switch;\n"],"names":["Switch","forwardRef","props","forwardedRef","checked","disabled","label","otherProps","internalRef","useRef","ref","state","useToggleState","buttonProps","useToggleButton","isFocusVisible","focusProps","useFocusRing","_jsxs","Flex","_jsx","css","Text","mergeProps","circle"],"mappings":"4XAcA,MAAMA,EAASC,EAA2C,CAACC,EAAOC,IAAgB,CAChF,KAAM,CAAE,QAAAC,EAAS,SAAAC,EAAW,GAAO,MAAAC,EAAO,GAAGC,CAAY,EAAGL,EAEtDM,EAAcC,EAAO,IAAI,EACzBC,EAAMP,GAAgBK,EAEtBG,EAAQC,EAAe,CAAE,GAAGV,EAAO,WAAYE,CAAO,CAAE,EAExD,CAAE,YAAAS,CAAW,EAAKC,EACtB,CAAE,GAAGP,EAAY,WAAYF,CAAU,EACvCM,EACAD,CAAyC,EAErC,CAAE,eAAAK,EAAgB,WAAAC,GAAeC,IAEvC,OACEC,EAACC,EAAK,CAAA,WAAW,SAAQ,SAAA,CACtBb,GACCc,EAAA,MAAA,CAAK,UAAWC,EAAI,CAAE,GAAI,CAAC,CAAE,EAAC,SAC5BD,EAACE,EAAK,CAAA,WAAW,SAAS,OAAQ,CAAE,WAAY,CAAC,EAC9C,SAAAhB,CACI,CAAA,CAAA,CAAA,EAGXc,EAAA,SAAA,CAAA,GACMG,EAAWV,EAAaG,CAAU,EACtC,UAAWK,EAAI,CACb,GAAI,GACJ,EAAG,EACH,MAAO,GACP,UAAW,CACT,QAAS,GACT,cAAe,MAChB,EACD,GAAIV,EAAM,WAAa,aAAe,kBACtC,OAAQ,CACN,GAAKA,EAAM,WAAwB,aAAX,SACxB,MAAO,CACL,GAAKA,EAAM,WAAyB,aAAZ,SACzB,CACF,EACD,WAAY,6BACZ,QAAS,OACT,aAAcI,EAAiB,aAAe,cAC9C,aAAc,QACd,aAAc,QACd,cAAe,GACf,OAAQ,SACT,CAAA,EAED,SAAAK,EAAA,OAAA,CACE,UAAWI,EAAO,CAChB,EAAG,EACH,EAAG,EACH,GAAI,QACJ,SAAU,WACV,KAAMb,EAAM,WAAa,EAAI,EAC7B,WAAY,gBACb,CAAA,CACD,CAAA,CAAA,CAAA,CACK,CACJ,CAAA,CAEX,CAAC,EAEDX,EAAO,YAAc"}
@@ -1,2 +1,2 @@
1
- import{jsx as l}from"react/jsx-runtime";import{text as m}from"../../recipes/text.js";import{css as r}from"@styled/css";import{forwardRef as c}from"react";const i={color:"text.primary"},p=c(({children:e,styles:t={},scale:s},a)=>l("h1",{ref:a,className:r({textStyle:s?"h1-scaled":"h1",textWrap:"pretty",...i}),style:t,children:e})),x=c(({children:e,styles:t={},scale:s},a)=>l("h2",{ref:a,className:r({textStyle:s?"h2-scaled":"h2",textWrap:"pretty",...i}),style:t,children:e})),o=c(({children:e,styles:t={},scale:s},a)=>l("h3",{ref:a,className:r({textStyle:s?"h3-scaled":"h3",textWrap:"pretty",...i}),style:t,children:e})),N=c(({children:e,styles:t={},scale:s},a)=>l("h4",{ref:a,className:r({textStyle:s?"h4-scaled":"h4",textWrap:"pretty",...i}),style:t,children:e})),f=c(({children:e,styles:t={},scale:s},a)=>l("h5",{ref:a,className:r({textStyle:s?"h5-scaled":"h5",textWrap:"pretty",...i}),style:t,children:e})),H=c(({children:e,styles:t={},scale:s},a)=>l("h6",{ref:a,className:r({textStyle:s?"h6-scaled":"h6",textWrap:"pretty",color:"text.secondary"}),style:t,children:e})),T=c(({children:e,styles:t={},variant:s="text",size:a="md",truncate:n=!1},y)=>{const d=m({mono:!0,variant:s,size:a});return l("span",{ref:y,className:`${d} ${r({truncate:n})}`,style:t,children:e})}),u=c(({children:e,styles:t={},scale:s,inline:a=!1,variant:n="text",size:y="md",truncate:d=!1},S)=>{const W=m({variant:n,size:y,scale:s}),h={ref:S,className:`${W} ${r({truncate:d})}`,style:t};return a?l("span",{...h,children:e}):l("p",{...h,children:e})}),v=Object.assign(u,{H1:p,H2:x,H3:o,H4:N,H5:f,H6:H,Mono:T});u.displayName="Text",p.displayName="Text.H1",x.displayName="Text.H2",o.displayName="Text.H3",N.displayName="Text.H4",f.displayName="Text.H5",H.displayName="Text.H6",T.displayName="Text.Mono";var $=v;export{$ as default};
1
+ import{jsx as r}from"react/jsx-runtime";import{text as v}from"../../recipes/text.js";import{css as i,cx as z}from"@styled/css";import{forwardRef as o}from"react";const h="text.primary",m=o(({children:e,styles:l={},scale:s,color:a=h,...c},t)=>r("h1",{ref:t,className:i({textStyle:s?"h1-scaled":"h1",color:a,...c}),style:l,children:e})),y=o(({children:e,styles:l={},scale:s,color:a=h,...c},t)=>r("h2",{ref:t,className:i({textStyle:s?"h2-scaled":"h2",color:a,...c}),style:l,children:e})),x=o(({children:e,styles:l={},scale:s,color:a=h,...c},t)=>r("h3",{ref:t,className:i({textStyle:s?"h3-scaled":"h3",color:a,...c}),style:l,children:e})),f=o(({children:e,styles:l={},scale:s,color:a=h,...c},t)=>r("h4",{ref:t,className:i({textStyle:s?"h4-scaled":"h4",color:a,...c}),style:l,children:e})),p=o(({children:e,styles:l={},scale:s,color:a=h,...c},t)=>r("h5",{ref:t,className:i({textStyle:s?"h5-scaled":"h5",color:a,...c}),style:l,children:e})),N=o(({children:e,styles:l={},scale:s,color:a="text.secondary",...c},t)=>r("h6",{ref:t,className:i({textStyle:s?"h6-scaled":"h6",color:a,...c}),style:l,children:e})),n=o(({children:e,styles:l={},scale:s,inline:a=!1,mono:c=!1,variant:t="text",size:T="md",truncate:S=!1,fontWeight:u,...g},b)=>{const j=v({mono:c,variant:t,size:T,scale:s}),d={ref:b,className:z(j,i({truncate:S,fontWeight:u??(t!=="text"?"medium":"normal"),...g})),style:l};return a?r("span",{...d,children:e}):r("p",{...d,children:e})}),H=o((e,l)=>r(n,{ref:l,mono:!0,...e})),M=Object.assign(n,{H1:m,H2:y,H3:x,H4:f,H5:p,H6:N,Mono:H});n.displayName="Text",m.displayName="Text.H1",y.displayName="Text.H2",x.displayName="Text.H3",f.displayName="Text.H4",p.displayName="Text.H5",N.displayName="Text.H6",H.displayName="Text.Mono";export{M as default};
2
2
  //# sourceMappingURL=text.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"text.js","sources":["../../../../src/components/primitives/text.tsx"],"sourcesContent":["import { text } from '@recipes/text';\nimport { css } from '@styled/css';\nimport { CSSProperties, PropsWithChildren, forwardRef } from 'react';\n\nexport type TextStyles = {\n color?: CSSProperties['color'];\n fontWeight?: CSSProperties['fontWeight'];\n fontSize?: CSSProperties['fontSize'];\n lineHeight?: CSSProperties['lineHeight'];\n letterSpacing?: CSSProperties['letterSpacing'];\n textAlign?: CSSProperties['textAlign'];\n textDecoration?: CSSProperties['textDecoration'];\n textTransform?: CSSProperties['textTransform'];\n};\n\nexport interface TextProps extends PropsWithChildren {\n styles?: TextStyles;\n scale?: boolean;\n}\n\nexport interface BodyProps extends TextProps {\n inline?: boolean;\n variant?: 'text' | 'error' | 'info' | 'success' | 'warning';\n size?: 'xs' | 'sm' | 'md' | 'lg';\n truncate?: boolean;\n}\n\nconst defaultColor = { color: 'text.primary' };\n\nconst TextH1 = forwardRef<HTMLHeadingElement, TextProps>(({ children, styles = {}, scale }, ref) => (\n <h1\n ref={ref}\n className={css({ textStyle: scale ? 'h1-scaled' : 'h1', textWrap: 'pretty', ...defaultColor })}\n style={styles}\n >\n {children}\n </h1>\n));\n\nconst TextH2 = forwardRef<HTMLHeadingElement, TextProps>(({ children, styles = {}, scale }, ref) => (\n <h2\n ref={ref}\n className={css({ textStyle: scale ? 'h2-scaled' : 'h2', textWrap: 'pretty', ...defaultColor })}\n style={styles}\n >\n {children}\n </h2>\n));\n\nconst TextH3 = forwardRef<HTMLHeadingElement, TextProps>(({ children, styles = {}, scale }, ref) => (\n <h3\n ref={ref}\n className={css({ textStyle: scale ? 'h3-scaled' : 'h3', textWrap: 'pretty', ...defaultColor })}\n style={styles}\n >\n {children}\n </h3>\n));\n\nconst TextH4 = forwardRef<HTMLHeadingElement, TextProps>(({ children, styles = {}, scale }, ref) => (\n <h4\n ref={ref}\n className={css({ textStyle: scale ? 'h4-scaled' : 'h4', textWrap: 'pretty', ...defaultColor })}\n style={styles}\n >\n {children}\n </h4>\n));\n\nconst TextH5 = forwardRef<HTMLHeadingElement, TextProps>(({ children, styles = {}, scale }, ref) => (\n <h5\n ref={ref}\n className={css({ textStyle: scale ? 'h5-scaled' : 'h5', textWrap: 'pretty', ...defaultColor })}\n style={styles}\n >\n {children}\n </h5>\n));\n\nconst TextH6 = forwardRef<HTMLHeadingElement, TextProps>(({ children, styles = {}, scale }, ref) => (\n <h6\n ref={ref}\n className={css({ textStyle: scale ? 'h6-scaled' : 'h6', textWrap: 'pretty', color: 'text.secondary' })}\n style={styles}\n >\n {children}\n </h6>\n));\n\nconst TextMono = forwardRef<HTMLParagraphElement, BodyProps>(\n ({ children, styles = {}, variant = 'text', size = 'md', truncate = false }, ref) => {\n const classStyles = text({ mono: true, variant, size });\n\n return (\n <span ref={ref} className={`${classStyles} ${css({ truncate })}`} style={styles}>\n {children}\n </span>\n );\n },\n);\n\nconst Body = forwardRef<HTMLParagraphElement, BodyProps>(\n ({ children, styles = {}, scale, inline = false, variant = 'text', size = 'md', truncate = false }, ref) => {\n const classStyles = text({ variant, size, scale });\n const bodyProps = {\n ref,\n className: `${classStyles} ${css({ truncate })}`,\n style: styles,\n };\n\n if (inline) {\n return <span {...bodyProps}>{children}</span>;\n }\n\n return <p {...bodyProps}>{children}</p>;\n },\n);\n\nconst Text = Object.assign(Body, {\n H1: TextH1,\n H2: TextH2,\n H3: TextH3,\n H4: TextH4,\n H5: TextH5,\n H6: TextH6,\n Mono: TextMono,\n});\n\nBody.displayName = 'Text';\nTextH1.displayName = 'Text.H1';\nTextH2.displayName = 'Text.H2';\nTextH3.displayName = 'Text.H3';\nTextH4.displayName = 'Text.H4';\nTextH5.displayName = 'Text.H5';\nTextH6.displayName = 'Text.H6';\nTextMono.displayName = 'Text.Mono';\n\nexport default Text;\n"],"names":["defaultColor","TextH1","forwardRef","children","styles","scale","ref","_jsx","css","TextH2","TextH3","TextH4","TextH5","TextH6","TextMono","variant","size","truncate","classStyles","text","Body","inline","bodyProps","Text"],"mappings":"0JA2BA,MAAMA,EAAe,CAAE,MAAO,gBAExBC,EAASC,EAA0C,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,GAAI,MAAAC,CAAO,EAAEC,IAC1FC,EAAA,KAAA,CACE,IAAKD,EACL,UAAWE,EAAI,CAAE,UAAWH,EAAQ,YAAc,KAAM,SAAU,SAAU,GAAGL,CAAY,CAAE,EAC7F,MAAOI,EAAM,SAEZD,CAAQ,CAAA,CAEZ,EAEKM,EAASP,EAA0C,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,CAAA,EAAI,MAAAC,CAAO,EAAEC,IAC1FC,EAAA,KAAA,CACE,IAAKD,EACL,UAAWE,EAAI,CAAE,UAAWH,EAAQ,YAAc,KAAM,SAAU,SAAU,GAAGL,CAAY,CAAE,EAC7F,MAAOI,EAAM,SAEZD,CAAQ,CAAA,CAEZ,EAEKO,EAASR,EAA0C,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,CAAA,EAAI,MAAAC,CAAO,EAAEC,IAC1FC,EAAA,KAAA,CACE,IAAKD,EACL,UAAWE,EAAI,CAAE,UAAWH,EAAQ,YAAc,KAAM,SAAU,SAAU,GAAGL,CAAY,CAAE,EAC7F,MAAOI,EAAM,SAEZD,CAAQ,CAAA,CAEZ,EAEKQ,EAAST,EAA0C,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,CAAA,EAAI,MAAAC,CAAO,EAAEC,IAC1FC,EAAA,KAAA,CACE,IAAKD,EACL,UAAWE,EAAI,CAAE,UAAWH,EAAQ,YAAc,KAAM,SAAU,SAAU,GAAGL,CAAY,CAAE,EAC7F,MAAOI,EAAM,SAEZD,CAAQ,CAAA,CAEZ,EAEKS,EAASV,EAA0C,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,CAAA,EAAI,MAAAC,CAAO,EAAEC,IAC1FC,EAAA,KAAA,CACE,IAAKD,EACL,UAAWE,EAAI,CAAE,UAAWH,EAAQ,YAAc,KAAM,SAAU,SAAU,GAAGL,CAAY,CAAE,EAC7F,MAAOI,EAAM,SAEZD,CAAQ,CAAA,CAEZ,EAEKU,EAASX,EAA0C,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,GAAI,MAAAC,CAAK,EAAIC,IAC1FC,EACE,KAAA,CAAA,IAAKD,EACL,UAAWE,EAAI,CAAE,UAAWH,EAAQ,YAAc,KAAM,SAAU,SAAU,MAAO,gBAAgB,CAAE,EACrG,MAAOD,EAAM,SAEZD,CAAQ,CAAA,CAEZ,EAEKW,EAAWZ,EACf,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,CAAA,EAAI,QAAAW,EAAU,OAAQ,KAAAC,EAAO,KAAM,SAAAC,EAAW,EAAO,EAAEX,IAAO,CAClF,MAAMY,EAAcC,EAAK,CAAE,KAAM,GAAM,QAAAJ,EAAS,KAAAC,CAAI,CAAE,EAEtD,OACET,EAAM,OAAA,CAAA,IAAKD,EAAK,UAAW,GAAGY,CAAW,IAAIV,EAAI,CAAE,SAAAS,CAAQ,CAAE,CAAC,GAAI,MAAOb,EACtE,SAAAD,CACI,CAAA,CAEX,CAAC,EAGGiB,EAAOlB,EACX,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,CAAI,EAAA,MAAAC,EAAO,OAAAgB,EAAS,GAAO,QAAAN,EAAU,OAAQ,KAAAC,EAAO,KAAM,SAAAC,EAAW,EAAK,EAAIX,IAAO,CACzG,MAAMY,EAAcC,EAAK,CAAE,QAAAJ,EAAS,KAAAC,EAAM,MAAAX,CAAO,CAAA,EAC3CiB,EAAY,CAChB,IAAAhB,EACA,UAAW,GAAGY,CAAW,IAAIV,EAAI,CAAE,SAAAS,CAAU,CAAA,CAAC,GAC9C,MAAOb,GAGT,OAAIiB,EACKd,EAAU,OAAA,CAAA,GAAAe,EAAY,SAAAnB,IAGxBI,EAAO,IAAA,CAAA,GAAAe,EAAY,SAAAnB,GAC5B,CAAC,EAGGoB,EAAO,OAAO,OAAOH,EAAM,CAC/B,GAAInB,EACJ,GAAIQ,EACJ,GAAIC,EACJ,GAAIC,EACJ,GAAIC,EACJ,GAAIC,EACJ,KAAMC,CACP,CAAA,EAEDM,EAAK,YAAc,OACnBnB,EAAO,YAAc,UACrBQ,EAAO,YAAc,UACrBC,EAAO,YAAc,UACrBC,EAAO,YAAc,UACrBC,EAAO,YAAc,UACrBC,EAAO,YAAc,UACrBC,EAAS,YAAc,YAEvB,MAAeS"}
1
+ {"version":3,"file":"text.js","sources":["../../../../src/components/primitives/text.tsx"],"sourcesContent":["import { text } from '@recipes/text';\nimport { css, cx } from '@styled/css';\nimport { CSSProperties, PropsWithChildren, forwardRef } from 'react';\n\nexport type TextStyles = {\n color?: CSSProperties['color'];\n fontWeight?: CSSProperties['fontWeight'];\n fontSize?: CSSProperties['fontSize'];\n lineHeight?: CSSProperties['lineHeight'];\n letterSpacing?: CSSProperties['letterSpacing'];\n textAlign?: CSSProperties['textAlign'];\n textDecoration?: CSSProperties['textDecoration'];\n textTransform?: CSSProperties['textTransform'];\n textWrap?: CSSProperties['textWrap'];\n maxWidth?: CSSProperties['maxWidth'];\n};\n\nexport interface TextProps extends PropsWithChildren {\n styles?: TextStyles;\n scale?: boolean;\n fontWeight?: 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold';\n color?: 'text.primary' | 'text.secondary' | 'text.tertiary' | 'text.quaternary';\n}\n\nexport interface BodyProps extends TextProps {\n inline?: boolean;\n mono?: boolean;\n variant?: 'text' | 'error' | 'info' | 'success' | 'warning';\n size?: 'xs' | 'sm' | 'md' | 'lg';\n truncate?: boolean;\n}\n\nconst defaultColor = 'text.primary';\n\nconst TextH1 = forwardRef<HTMLHeadingElement, TextProps>(\n ({ children, styles = {}, scale, color = defaultColor, ...props }, ref) => (\n <h1 ref={ref} className={css({ textStyle: scale ? 'h1-scaled' : 'h1', color, ...props })} style={styles}>\n {children}\n </h1>\n ),\n);\n\nconst TextH2 = forwardRef<HTMLHeadingElement, TextProps>(\n ({ children, styles = {}, scale, color = defaultColor, ...props }, ref) => (\n <h2 ref={ref} className={css({ textStyle: scale ? 'h2-scaled' : 'h2', color, ...props })} style={styles}>\n {children}\n </h2>\n ),\n);\n\nconst TextH3 = forwardRef<HTMLHeadingElement, TextProps>(\n ({ children, styles = {}, scale, color = defaultColor, ...props }, ref) => (\n <h3 ref={ref} className={css({ textStyle: scale ? 'h3-scaled' : 'h3', color, ...props })} style={styles}>\n {children}\n </h3>\n ),\n);\n\nconst TextH4 = forwardRef<HTMLHeadingElement, TextProps>(\n ({ children, styles = {}, scale, color = defaultColor, ...props }, ref) => (\n <h4 ref={ref} className={css({ textStyle: scale ? 'h4-scaled' : 'h4', color, ...props })} style={styles}>\n {children}\n </h4>\n ),\n);\n\nconst TextH5 = forwardRef<HTMLHeadingElement, TextProps>(\n ({ children, styles = {}, scale, color = defaultColor, ...props }, ref) => (\n <h5 ref={ref} className={css({ textStyle: scale ? 'h5-scaled' : 'h5', color, ...props })} style={styles}>\n {children}\n </h5>\n ),\n);\n\nconst TextH6 = forwardRef<HTMLHeadingElement, TextProps>(\n ({ children, styles = {}, scale, color = 'text.secondary', ...props }, ref) => (\n <h6 ref={ref} className={css({ textStyle: scale ? 'h6-scaled' : 'h6', color, ...props })} style={styles}>\n {children}\n </h6>\n ),\n);\n\nconst Body = forwardRef<HTMLParagraphElement, BodyProps>(\n (\n {\n children,\n styles = {},\n scale,\n inline = false,\n mono = false,\n variant = 'text',\n size = 'md',\n truncate = false,\n fontWeight,\n ...props\n },\n ref,\n ) => {\n const classStyles = text({ mono, variant, size, scale });\n const fontWeightStyle = fontWeight ?? (variant !== 'text' ? 'medium' : 'normal');\n const bodyProps = {\n ref,\n className: cx(classStyles, css({ truncate, fontWeight: fontWeightStyle, ...props })),\n style: styles,\n };\n\n if (inline) {\n return <span {...bodyProps}>{children}</span>;\n }\n\n return <p {...bodyProps}>{children}</p>;\n },\n);\n\nconst TextMono = forwardRef<HTMLParagraphElement, BodyProps>((props, ref) => {\n return <Body ref={ref} mono {...props} />;\n});\n\nconst Text = Object.assign(Body, {\n H1: TextH1,\n H2: TextH2,\n H3: TextH3,\n H4: TextH4,\n H5: TextH5,\n H6: TextH6,\n Mono: TextMono,\n});\n\nBody.displayName = 'Text';\nTextH1.displayName = 'Text.H1';\nTextH2.displayName = 'Text.H2';\nTextH3.displayName = 'Text.H3';\nTextH4.displayName = 'Text.H4';\nTextH5.displayName = 'Text.H5';\nTextH6.displayName = 'Text.H6';\nTextMono.displayName = 'Text.Mono';\n\nexport default Text;\n"],"names":["defaultColor","TextH1","forwardRef","children","styles","scale","color","props","ref","_jsx","css","TextH2","TextH3","TextH4","TextH5","TextH6","Body","inline","mono","variant","size","truncate","fontWeight","classStyles","text","bodyProps","cx","TextMono","Text"],"mappings":"kKAgCA,MAAMA,EAAe,eAEfC,EAASC,EACb,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,CAAE,EAAE,MAAAC,EAAO,MAAAC,EAAQN,EAAc,GAAGO,CAAK,EAAIC,IACjEC,EAAI,KAAA,CAAA,IAAKD,EAAK,UAAWE,EAAI,CAAE,UAAWL,EAAQ,YAAc,KAAM,MAAAC,EAAO,GAAGC,CAAO,CAAA,EAAG,MAAOH,EAC9F,SAAAD,CACE,CAAA,CACN,EAGGQ,EAAST,EACb,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,CAAE,EAAE,MAAAC,EAAO,MAAAC,EAAQN,EAAc,GAAGO,CAAK,EAAIC,IACjEC,EAAI,KAAA,CAAA,IAAKD,EAAK,UAAWE,EAAI,CAAE,UAAWL,EAAQ,YAAc,KAAM,MAAAC,EAAO,GAAGC,CAAO,CAAA,EAAG,MAAOH,EAC9F,SAAAD,CACE,CAAA,CACN,EAGGS,EAASV,EACb,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,CAAE,EAAE,MAAAC,EAAO,MAAAC,EAAQN,EAAc,GAAGO,CAAK,EAAIC,IACjEC,EAAI,KAAA,CAAA,IAAKD,EAAK,UAAWE,EAAI,CAAE,UAAWL,EAAQ,YAAc,KAAM,MAAAC,EAAO,GAAGC,CAAO,CAAA,EAAG,MAAOH,EAC9F,SAAAD,CACE,CAAA,CACN,EAGGU,EAASX,EACb,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,CAAE,EAAE,MAAAC,EAAO,MAAAC,EAAQN,EAAc,GAAGO,CAAK,EAAIC,IACjEC,EAAI,KAAA,CAAA,IAAKD,EAAK,UAAWE,EAAI,CAAE,UAAWL,EAAQ,YAAc,KAAM,MAAAC,EAAO,GAAGC,CAAO,CAAA,EAAG,MAAOH,EAC9F,SAAAD,CACE,CAAA,CACN,EAGGW,EAASZ,EACb,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,GAAI,MAAAC,EAAO,MAAAC,EAAQN,EAAc,GAAGO,CAAK,EAAIC,IACjEC,EAAI,KAAA,CAAA,IAAKD,EAAK,UAAWE,EAAI,CAAE,UAAWL,EAAQ,YAAc,KAAM,MAAAC,EAAO,GAAGC,CAAO,CAAA,EAAG,MAAOH,EAC9F,SAAAD,CACE,CAAA,CACN,EAGGY,EAASb,EACb,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,CAAE,EAAE,MAAAC,EAAO,MAAAC,EAAQ,iBAAkB,GAAGC,CAAK,EAAIC,IACrEC,EAAI,KAAA,CAAA,IAAKD,EAAK,UAAWE,EAAI,CAAE,UAAWL,EAAQ,YAAc,KAAM,MAAAC,EAAO,GAAGC,CAAO,CAAA,EAAG,MAAOH,EAC9F,SAAAD,CACE,CAAA,CACN,EAGGa,EAAOd,EACX,CACE,CACE,SAAAC,EACA,OAAAC,EAAS,GACT,MAAAC,EACA,OAAAY,EAAS,GACT,KAAAC,EAAO,GACP,QAAAC,EAAU,OACV,KAAAC,EAAO,KACP,SAAAC,EAAW,GACX,WAAAC,EACA,GAAGf,GAELC,IACE,CACF,MAAMe,EAAcC,EAAK,CAAE,KAAAN,EAAM,QAAAC,EAAS,KAAAC,EAAM,MAAAf,CAAK,CAAE,EAEjDoB,EAAY,CAChB,IAAAjB,EACA,UAAWkB,EAAGH,EAAab,EAAI,CAAE,SAAAW,EAAU,WAHrBC,IAAeH,IAAY,OAAS,SAAW,UAGG,GAAGZ,CAAK,CAAE,CAAC,EACnF,MAAOH,GAGT,OAAIa,EACKR,EAAU,OAAA,CAAA,GAAAgB,EAAY,SAAAtB,IAGxBM,EAAO,IAAA,CAAA,GAAAgB,EAAY,SAAAtB,GAC5B,CAAC,EAGGwB,EAAWzB,EAA4C,CAACK,EAAOC,IAC5DC,EAACO,EAAI,CAAC,IAAKR,EAAK,KAAI,GAAA,GAAKD,CAAK,CAAA,CACtC,EAEKqB,EAAO,OAAO,OAAOZ,EAAM,CAC/B,GAAIf,EACJ,GAAIU,EACJ,GAAIC,EACJ,GAAIC,EACJ,GAAIC,EACJ,GAAIC,EACJ,KAAMY,CACP,CAAA,EAEDX,EAAK,YAAc,OACnBf,EAAO,YAAc,UACrBU,EAAO,YAAc,UACrBC,EAAO,YAAc,UACrBC,EAAO,YAAc,UACrBC,EAAO,YAAc,UACrBC,EAAO,YAAc,UACrBY,EAAS,YAAc"}
@@ -1,2 +1,2 @@
1
- import{jsxs as f,jsx as o}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as u}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import{token as C}from"@styled/tokens";import j from"../icons/ico-checkmark-circle-fill.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import x from"../primitives/text.js";import"../primitives/portal.js";import"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import{VStack as y,Center as S}from"@styled/jsx";import"../feedback/tooltip.js";import"../inputs/phone-input.js";import{PinCodeInput as b}from"../inputs/pincode-input.js";import"../inputs/text-input.js";import{createSlot as k,createHost as F}from"create-slots";const i=k(({children:r})=>r),L=r=>{const{isPending:e,isSuccess:n,onChange:m,onComplete:p,originName:s,pinLength:c,id:a,autoFocus:g,errorMessage:t,children:h}=r,d=()=>e?o(u,{size:36,strokeWidth:4}):n?o(j,{color:C("colors.brand.base"),width:36,height:36}):o(b,{originName:s,onChange:m,pinLength:c,onComplete:p,id:a,autoFocus:g});return F(h,l=>f(y,{gap:3,my:3,children:[o(S,{height:12,children:d()}),t&&o(x,{variant:"error",size:"sm",styles:{textAlign:"center"},children:t}),l.get(i)]}))},P=Object.assign(L,{RetryContent:i});export{P as VerifyPincode};
1
+ import{jsxs as f,jsx as o}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as u}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import{token as C}from"@styled/tokens";import x from"../icons/ico-checkmark-circle-fill.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import y from"../primitives/text.js";import"../primitives/portal.js";import"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import{VStack as S,Center as b}from"@styled/jsx";import"../feedback/tooltip.js";import"../inputs/phone-input.js";import{PinCodeInput as j}from"../inputs/pincode-input.js";import"../inputs/text-input.js";import{createSlot as k,createHost as F}from"create-slots";const i=k(({children:r})=>r),L=r=>{const{isPending:e,isSuccess:n,onChange:m,onComplete:p,originName:s,pinLength:c,id:a,autoFocus:g,errorMessage:t,children:h}=r,d=()=>e?o(u,{size:36,strokeWidth:4}):n?o(x,{color:C("colors.brand.base"),width:36,height:36}):o(j,{originName:s,onChange:m,pinLength:c,onComplete:p,id:a,autoFocus:g});return F(h,l=>f(S,{gap:3,my:3,children:[o(b,{height:12,children:d()}),t&&o(y,{variant:"error",size:"sm",styles:{textAlign:"center"},children:t}),l.get(i)]}))},P=Object.assign(L,{RetryContent:i});export{P as VerifyPincode};
2
2
  //# sourceMappingURL=verify-pincode.js.map
package/dist/es/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import{Card as r}from"./components/containers/card.js";import{Content as t}from"./components/containers/content.js";import{Drawer as l}from"./components/containers/drawer.js";import{Footer as m}from"./components/containers/footer.js";import{Header as d}from"./components/containers/header.js";import{Modal as x}from"./components/containers/modal.js";import{Overlay as n}from"./components/containers/overlay.js";import{PayPalButton as g}from"./components/external/paypal-button.js";import{SocialLoginButton as I}from"./components/external/social-login-button.js";import{Callout as k}from"./components/feedback/callout.js";import{LoadingSpinner as h}from"./components/feedback/loading-spinner.js";import{ProgressBar as C}from"./components/feedback/progress-bar.js";import{Toast as A,ToastProvider as P}from"./components/feedback/toast-provider.js";import{default as S}from"./components/feedback/tooltip.js";import{default as W}from"./components/icons/ico-add.js";import{default as E}from"./components/icons/ico-alert-circle-fill.js";import{default as G}from"./components/icons/ico-alert-circle.js";import{default as R}from"./components/icons/ico-arrow-down.js";import{default as z}from"./components/icons/ico-arrow-left.js";import{default as Z}from"./components/icons/ico-arrow-right.js";import{default as X}from"./components/icons/ico-asterisk-with-shield.js";import{default as Q}from"./components/icons/ico-asterisk.js";import{default as q}from"./components/icons/ico-astronaut.js";import{default as J}from"./components/icons/ico-atom.js";import{default as Y}from"./components/icons/ico-bank.js";import{default as $}from"./components/icons/ico-bell-notification.js";import{default as eo}from"./components/icons/ico-bell.js";import{default as ao}from"./components/icons/ico-block.js";import{default as fo}from"./components/icons/ico-branding.js";import{default as so}from"./components/icons/ico-caret-down.js";import{default as po}from"./components/icons/ico-caret-left.js";import{default as xo}from"./components/icons/ico-caret-right.js";import{default as no}from"./components/icons/ico-caret-up.js";import{default as go}from"./components/icons/ico-checkmark-circle-fill.js";import{default as Io}from"./components/icons/ico-checkmark-circle.js";import{default as ko}from"./components/icons/ico-checkmark.js";import{default as ho}from"./components/icons/ico-code-editor.js";import{default as Co}from"./components/icons/ico-code-sandbox.js";import{default as Ao}from"./components/icons/ico-code.js";import{default as bo}from"./components/icons/ico-command-line.js";import{default as yo}from"./components/icons/ico-comment.js";import{default as To}from"./components/icons/ico-copy.js";import{default as Do}from"./components/icons/ico-credit-card.js";import{default as Oo}from"./components/icons/ico-dedicated.js";import{default as vo}from"./components/icons/ico-diamond.js";import{default as Ho}from"./components/icons/ico-dismiss-circle-fill.js";import{default as No}from"./components/icons/ico-dismiss-circle.js";import{default as jo}from"./components/icons/ico-dismiss.js";import{default as Vo}from"./components/icons/ico-doc.js";import{default as Uo}from"./components/icons/ico-download.js";import{default as Ko}from"./components/icons/ico-edit-email.js";import{default as _o}from"./components/icons/ico-edit.js";import{default as oe}from"./components/icons/ico-email-fill.js";import{default as re}from"./components/icons/ico-email-open.js";import{default as te}from"./components/icons/ico-email.js";import{default as le}from"./components/icons/ico-expand.js";import{default as me}from"./components/icons/ico-expiration.js";import{default as de}from"./components/icons/ico-external-link.js";import{default as xe}from"./components/icons/ico-eye-closed.js";import{default as ne}from"./components/icons/ico-eye-opened.js";import{default as ge}from"./components/icons/ico-fingerprint-fill.js";import{default as Ie}from"./components/icons/ico-fingerprint.js";import{default as ke}from"./components/icons/ico-gas.js";import{default as he}from"./components/icons/ico-gift.js";import{default as Ce}from"./components/icons/ico-globe.js";import{default as Ae}from"./components/icons/ico-guide.js";import{default as be}from"./components/icons/ico-home.js";import{default as ye}from"./components/icons/ico-hourglass.js";import{default as Te}from"./components/icons/ico-info-circle-fill.js";import{default as De}from"./components/icons/ico-info-circle.js";import{default as Oe}from"./components/icons/ico-kebab.js";import{default as ve}from"./components/icons/ico-key.js";import{default as He}from"./components/icons/ico-lightbulb-fill.js";import{default as Ne}from"./components/icons/ico-lightbulb.js";import{default as je}from"./components/icons/ico-lightning-fill.js";import{default as Ve}from"./components/icons/ico-lightning.js";import{default as Ue}from"./components/icons/ico-link.js";import{default as Ke}from"./components/icons/ico-loading-fill.js";import{default as _e}from"./components/icons/ico-loading.js";import{default as or}from"./components/icons/ico-lock-locked.js";import{default as rr}from"./components/icons/ico-lock-password.js";import{default as tr}from"./components/icons/ico-lock-unlocked.js";import{default as lr}from"./components/icons/ico-login-form.js";import{default as mr}from"./components/icons/ico-magic.js";import{default as dr}from"./components/icons/ico-megaphone.js";import{default as xr}from"./components/icons/ico-menu.js";import{default as nr}from"./components/icons/ico-message-fill.js";import{default as gr}from"./components/icons/ico-message.js";import{default as Ir}from"./components/icons/ico-mfa.js";import{default as kr}from"./components/icons/ico-minimize.js";import{default as hr}from"./components/icons/ico-mobile2fa.js";import{default as Cr}from"./components/icons/ico-mobile2fafill.js";import{default as Ar}from"./components/icons/ico-open-book.js";import{default as br}from"./components/icons/ico-paper-plane.js";import{default as yr}from"./components/icons/ico-passport.js";import{default as Tr}from"./components/icons/ico-passwordless.js";import{default as Dr}from"./components/icons/ico-pending-connection.js";import{default as Or}from"./components/icons/ico-phone.js";import{default as vr}from"./components/icons/ico-price.js";import{default as Hr}from"./components/icons/ico-qrcode.js";import{default as Nr}from"./components/icons/ico-question-circle-fill.js";import{default as jr}from"./components/icons/ico-question-circle.js";import{default as Vr}from"./components/icons/ico-refresh-circle-fill.js";import{default as Ur}from"./components/icons/ico-refresh.js";import{default as Kr}from"./components/icons/ico-rocket-fill.js";import{default as _r}from"./components/icons/ico-search.js";import{default as oa}from"./components/icons/ico-settings.js";import{default as ra}from"./components/icons/ico-shapes.js";import{default as ta}from"./components/icons/ico-shield-approved.js";import{default as la}from"./components/icons/ico-shield-rejected.js";import{default as ma}from"./components/icons/ico-shield.js";import{default as da}from"./components/icons/ico-social.js";import{default as xa}from"./components/icons/ico-sold-out-tag.js";import{default as na}from"./components/icons/ico-star.js";import{default as ga}from"./components/icons/ico-swap.js";import{default as Ia}from"./components/icons/ico-swatches.js";import{default as ka}from"./components/icons/ico-team.js";import{default as ha}from"./components/icons/ico-trash.js";import{default as Ca}from"./components/icons/ico-users.js";import{default as Aa}from"./components/icons/ico-wallet-fill.js";import{default as ba}from"./components/icons/ico-wallet.js";import{default as ya}from"./components/icons/ico-wand.js";import{default as Ta}from"./components/icons/ico-warning-fill.js";import{default as Da}from"./components/icons/ico-warning.js";import{default as Oa}from"./components/info/copy-button.js";import{default as va}from"./components/info/email-wbr.js";import{default as Ha}from"./components/info/security-otp.js";import{default as Na}from"./components/info/text-box.js";import{default as ja}from"./components/info/wallet-address.js";import{default as Va}from"./components/inputs/phone-input.js";import{PinCodeInput as Ua}from"./components/inputs/pincode-input.js";import{TextInput as Ka}from"./components/inputs/text-input.js";import{Dialogue as _a}from"./components/layouts/dialogue.js";import{Error as ot}from"./components/layouts/error.js";import{Page as rt}from"./components/layouts/page.js";import{default as tt}from"./components/list-items/navigation-button.js";import{NFTTile as lt}from"./components/list-items/nft-tile.js";import{TokenListItem as mt}from"./components/list-items/token-list-item.js";import{default as dt}from"./components/logos/blc-algorand.js";import{default as xt}from"./components/logos/blc-aptos.js";import{default as nt}from"./components/logos/blc-arbitrum.js";import{default as gt}from"./components/logos/blc-astar.js";import{default as It}from"./components/logos/blc-avalanche.js";import{default as kt}from"./components/logos/blc-base.js";import{default as ht}from"./components/logos/blc-berachain.js";import{default as Ct}from"./components/logos/blc-binance.js";import{default as At}from"./components/logos/blc-bitcoin.js";import{default as bt}from"./components/logos/blc-celo.js";import{default as yt}from"./components/logos/blc-chiliz.js";import{default as Tt}from"./components/logos/blc-cosmos.js";import{default as Dt}from"./components/logos/blc-ethereum.js";import{default as Ot}from"./components/logos/blc-etherlink.js";import{default as vt}from"./components/logos/blc-flow.js";import{default as Ht}from"./components/logos/blc-harmony.js";import{default as Nt}from"./components/logos/blc-icon.js";import{default as jt}from"./components/logos/blc-immutable-x.js";import{default as Vt}from"./components/logos/blc-loopring.js";import{default as Ut}from"./components/logos/blc-moonbeam.js";import{default as Kt}from"./components/logos/blc-near.js";import{default as _t}from"./components/logos/blc-optimism.js";import{default as of}from"./components/logos/blc-polkadot.js";import{default as rf}from"./components/logos/blc-polygon.js";import{default as tf}from"./components/logos/blc-rarichain.js";import{default as lf}from"./components/logos/blc-solana.js";import{default as mf}from"./components/logos/blc-stability.js";import{default as df}from"./components/logos/blc-sui.js";import{default as xf}from"./components/logos/blc-tezos.js";import{default as nf}from"./components/logos/blc-wax.js";import{default as Lf}from"./components/logos/blc-zetachain.js";import{default as Mf}from"./components/logos/blc-zilliqa.js";import{default as Bf}from"./components/logos/blc-zksync.js";import{default as Ff}from"./components/logos/fwk-11ty.js";import{default as wf}from"./components/logos/fwk-android.js";import{default as Pf}from"./components/logos/fwk-apple.js";import{default as Sf}from"./components/logos/fwk-authy.js";import{default as Wf}from"./components/logos/fwk-binance-fill.js";import{default as Ef}from"./components/logos/fwk-chrome.js";import{default as Gf}from"./components/logos/fwk-electron.js";import{default as Rf}from"./components/logos/fwk-express.js";import{default as zf}from"./components/logos/fwk-fauna.js";import{default as Zf}from"./components/logos/fwk-firebase.js";import{default as Xf}from"./components/logos/fwk-go.js";import{default as Qf}from"./components/logos/fwk-google-authenticator.js";import{default as qf}from"./components/logos/fwk-hasura.js";import{default as Jf}from"./components/logos/fwk-javascript.js";import{default as Yf}from"./components/logos/fwk-jwt.js";import{default as $f}from"./components/logos/fwk-laravel.js";import{default as el}from"./components/logos/fwk-nextjs.js";import{default as al}from"./components/logos/fwk-nodejs.js";import{default as fl}from"./components/logos/fwk-nuxtjs.js";import{default as sl}from"./components/logos/fwk-php.js";import{default as pl}from"./components/logos/fwk-react.js";import{default as ul}from"./components/logos/fwk-strapi.js";import{default as cl}from"./components/logos/fwk-stripe.js";import{default as il}from"./components/logos/fwk-vue.js";import{default as Ll}from"./components/logos/fwk-webflow.js";import{default as Ml}from"./components/logos/fwk-wordpress.js";import{default as Bl}from"./components/logos/fwk-zapier.js";import{default as Fl}from"./components/logos/icon-art-dark.js";import{default as wl}from"./components/logos/icon-art.js";import{default as Pl}from"./components/logos/icon-email.js";import{default as Sl}from"./components/logos/icon-game-controller-dark.js";import{default as Wl}from"./components/logos/icon-game-controller.js";import{default as El}from"./components/logos/icon-generic-token.js";import{default as Gl}from"./components/logos/icon-magic-globe.js";import{default as Rl}from"./components/logos/icon-magic-logo.js";import{default as zl}from"./components/logos/icon-music-dark.js";import{default as Zl}from"./components/logos/icon-music.js";import{default as Xl}from"./components/logos/icon-profile-dark.js";import{default as Ql}from"./components/logos/icon-profile-light.js";import{default as ql}from"./components/logos/icon-sms.js";import{default as Jl}from"./components/logos/icon-ticket-dark.js";import{default as Yl}from"./components/logos/icon-ticket.js";import{default as $l}from"./components/logos/logo-algorand-mono.js";import{default as es}from"./components/logos/logo-algorand.js";import{default as as}from"./components/logos/logo-apple-mono.js";import{default as fs}from"./components/logos/logo-apple.js";import{default as ss}from"./components/logos/logo-aptos-mono.js";import{default as ps}from"./components/logos/logo-aptos.js";import{default as us}from"./components/logos/logo-arbitrum-mono.js";import{default as cs}from"./components/logos/logo-arbitrum-one-mono.js";import{default as is}from"./components/logos/logo-arbitrum-one.js";import{default as Ls}from"./components/logos/logo-arbitrum.js";import{default as Ms}from"./components/logos/logo-astar-mono.js";import{default as Bs}from"./components/logos/logo-astar.js";import{default as Fs}from"./components/logos/logo-auth0-mono.js";import{default as ws}from"./components/logos/logo-auth0.js";import{default as Ps}from"./components/logos/logo-avalanche-mono.js";import{default as Ss}from"./components/logos/logo-avalanche.js";import{default as Ws}from"./components/logos/logo-azure-mono.js";import{default as Es}from"./components/logos/logo-azure.js";import{default as Gs}from"./components/logos/logo-base-mono.js";import{default as Rs}from"./components/logos/logo-base.js";import{default as zs}from"./components/logos/logo-berachain-mono.js";import{default as Zs}from"./components/logos/logo-berachain.js";import{default as Xs}from"./components/logos/logo-binance-mono.js";import{default as Qs}from"./components/logos/logo-binance.js";import{default as qs}from"./components/logos/logo-bit-bucket-mono.js";import{default as Js}from"./components/logos/logo-bit-bucket.js";import{default as Ys}from"./components/logos/logo-bitcoin-mono.js";import{default as $s}from"./components/logos/logo-bitcoin.js";import{default as em}from"./components/logos/logo-bnb-mono.js";import{default as am}from"./components/logos/logo-bnb.js";import{default as fm}from"./components/logos/logo-celo-mono.js";import{default as sm}from"./components/logos/logo-celo.js";import{default as pm}from"./components/logos/logo-chiliz-mono.js";import{default as um}from"./components/logos/logo-chiliz.js";import{default as cm}from"./components/logos/logo-cognito-mono.js";import{default as im}from"./components/logos/logo-cognito.js";import{default as Lm}from"./components/logos/logo-cosmos-mono.js";import{default as Mm}from"./components/logos/logo-cosmos.js";import{default as Bm}from"./components/logos/logo-discord-mono.js";import{default as Fm}from"./components/logos/logo-discord.js";import{default as wm}from"./components/logos/logo-ethereum-mono.js";import{default as Pm}from"./components/logos/logo-ethereum.js";import{default as Sm}from"./components/logos/logo-etherlink-mono.js";import{default as Wm}from"./components/logos/logo-etherlink.js";import{default as Em}from"./components/logos/logo-facebook-mono.js";import{default as Gm}from"./components/logos/logo-facebook.js";import{default as Rm}from"./components/logos/logo-flare-mono.js";import{default as zm}from"./components/logos/logo-flare.js";import{default as Zm}from"./components/logos/logo-flow-mono.js";import{default as Xm}from"./components/logos/logo-flow.js";import{default as Qm}from"./components/logos/logo-git-hub-mono.js";import{default as qm}from"./components/logos/logo-git-hub.js";import{default as Jm}from"./components/logos/logo-git-lab-mono.js";import{default as Ym}from"./components/logos/logo-git-lab.js";import{default as $m}from"./components/logos/logo-google-mono.js";import{default as ep}from"./components/logos/logo-google.js";import{default as ap}from"./components/logos/logo-harmony-mono.js";import{default as fp}from"./components/logos/logo-harmony.js";import{default as sp}from"./components/logos/logo-horizen-mono.js";import{default as pp}from"./components/logos/logo-horizen.js";import{default as up}from"./components/logos/logo-icon-mono.js";import{default as cp}from"./components/logos/logo-icon.js";import{default as ip}from"./components/logos/logo-immutable-x-mono.js";import{default as Lp}from"./components/logos/logo-immutable-x.js";import{default as Mp}from"./components/logos/logo-link-by-stripe-mono.js";import{default as Bp}from"./components/logos/logo-link-by-stripe.js";import{default as Fp}from"./components/logos/logo-link-mono.js";import{default as wp}from"./components/logos/logo-link.js";import{default as Pp}from"./components/logos/logo-linked-in-mono.js";import{default as Sp}from"./components/logos/logo-linked-in.js";import{default as Wp}from"./components/logos/logo-loopring-mono.js";import{default as Ep}from"./components/logos/logo-loopring.js";import{default as Gp}from"./components/logos/logo-microsoft-mono.js";import{default as Rp}from"./components/logos/logo-microsoft.js";import{default as zp}from"./components/logos/logo-moonbeam-mono.js";import{default as Zp}from"./components/logos/logo-moonbeam.js";import{default as Xp}from"./components/logos/logo-near-mono.js";import{default as Qp}from"./components/logos/logo-near.js";import{default as qp}from"./components/logos/logo-onramper-mono.js";import{default as Jp}from"./components/logos/logo-onramper.js";import{default as Yp}from"./components/logos/logo-optimism-mono.js";import{default as $p}from"./components/logos/logo-optimism.js";import{default as ed}from"./components/logos/logo-pay-pal-mono.js";import{default as ad}from"./components/logos/logo-pay-pal-wordmark-mono.js";import{default as fd}from"./components/logos/logo-pay-pal-wordmark.js";import{default as sd}from"./components/logos/logo-pay-pal.js";import{default as pd}from"./components/logos/logo-poa-mono.js";import{default as ud}from"./components/logos/logo-poa.js";import{default as cd}from"./components/logos/logo-polkadot-mono.js";import{default as id}from"./components/logos/logo-polkadot.js";import{default as Ld}from"./components/logos/logo-polygon-mono.js";import{default as Md}from"./components/logos/logo-polygon.js";import{default as Bd}from"./components/logos/logo-rarichain-mono.js";import{default as Fd}from"./components/logos/logo-rarichain.js";import{default as wd}from"./components/logos/logo-sardine-mono.js";import{default as Pd}from"./components/logos/logo-sardine.js";import{default as Sd}from"./components/logos/logo-sei-mono.js";import{default as Wd}from"./components/logos/logo-sei.js";import{default as Ed}from"./components/logos/logo-solana-mono.js";import{default as Gd}from"./components/logos/logo-solana.js";import{default as Rd}from"./components/logos/logo-stability-mono.js";import{default as zd}from"./components/logos/logo-stability.js";import{default as Zd}from"./components/logos/logo-sui-mono.js";import{default as Xd}from"./components/logos/logo-sui.js";import{default as Qd}from"./components/logos/logo-tezos-mono.js";import{default as qd}from"./components/logos/logo-tezos.js";import{default as Jd}from"./components/logos/logo-twitch-mono.js";import{default as Yd}from"./components/logos/logo-twitch.js";import{default as $d}from"./components/logos/logo-twitter-mono.js";import{default as eu}from"./components/logos/logo-twitter.js";import{default as au}from"./components/logos/logo-wallet-connect-mono.js";import{default as fu}from"./components/logos/logo-wallet-connect.js";import{default as su}from"./components/logos/logo-warpcast-mono.js";import{default as pu}from"./components/logos/logo-warpcast.js";import{default as uu}from"./components/logos/logo-wax-mono.js";import{default as cu}from"./components/logos/logo-wax.js";import{default as iu}from"./components/logos/logo-xdc-mono.js";import{default as Lu}from"./components/logos/logo-xdc.js";import{default as Mu}from"./components/logos/logo-zetachain-mono.js";import{default as Bu}from"./components/logos/logo-zetachain.js";import{default as Fu}from"./components/logos/logo-zilliqa-mono.js";import{default as wu}from"./components/logos/logo-zilliqa.js";import{default as Pu}from"./components/logos/logo-zksync-mono.js";import{default as Su}from"./components/logos/logo-zksync.js";import{default as Wu}from"./components/logos/pay-amex.js";import{default as Eu}from"./components/logos/pay-discover.js";import{default as Gu}from"./components/logos/pay-mastercard.js";import{default as Ru}from"./components/logos/pay-visa.js";import{default as zu}from"./components/logos/presentation-logo.js";import{default as Zu}from"./components/logos/website-magic.js";import{default as Xu}from"./components/logos/wlt-coinbase.js";import{default as Qu}from"./components/logos/wlt-mattel.js";import{default as qu}from"./components/logos/wlt-metamask.js";import{default as Ju}from"./components/logos/wlt-phantom.js";import{default as Yu}from"./components/logos/wlt-rainbow.js";import{default as $u}from"./components/logos/wlt-wallet-connect.js";import{default as ex}from"./components/primitives/button.js";import{default as ax}from"./components/primitives/checkbox.js";import{DropdownOption as fx,DropdownSelector as lx}from"./components/primitives/dropdown-selector.js";import{Popover as mx}from"./components/primitives/popover.js";import{Radio as dx,RadioGroup as ux}from"./components/primitives/radio.js";import{SegmentedControl as cx,Tab as nx}from"./components/primitives/segmented-control.js";import{default as gx}from"./components/primitives/switch.js";import{default as Ix}from"./components/primitives/text.js";import{VerifyPincode as kx}from"./components/sections/verify-pincode.js";import{default as hx}from"./components/utils/animate.js";import{ClientAssetLogo as Cx}from"./components/utils/client-asset-logo.js";import{default as Ax}from"./components/utils/qr-code.js";import{default as bx}from"./components/utils/secured-by-magic.js";import{default as yx}from"./components/utils/shared-logo.js";import{useCustomVars as Tx}from"./hooks/theme.js";import{useToast as Dx}from"./hooks/useToast.js";export{hx as Animate,dt as BlcAlgorand,xt as BlcAptos,nt as BlcArbitrum,gt as BlcAstar,It as BlcAvalanche,kt as BlcBase,ht as BlcBerachain,Ct as BlcBinance,At as BlcBitcoin,bt as BlcCelo,yt as BlcChiliz,Tt as BlcCosmos,Dt as BlcEthereum,Ot as BlcEtherlink,vt as BlcFlow,Ht as BlcHarmony,Nt as BlcIcon,jt as BlcImmutableX,Vt as BlcLoopring,Ut as BlcMoonbeam,Kt as BlcNear,_t as BlcOptimism,of as BlcPolkadot,rf as BlcPolygon,tf as BlcRarichain,lf as BlcSolana,mf as BlcStability,df as BlcSui,xf as BlcTezos,nf as BlcWax,Lf as BlcZetachain,Mf as BlcZilliqa,Bf as BlcZksync,ex as Button,k as Callout,r as Card,ax as Checkbox,Cx as ClientAssetLogo,t as Content,Oa as CopyButton,_a as Dialogue,l as Drawer,fx as DropdownOption,lx as DropdownSelector,va as EmailWbr,ot as Error,m as Footer,Ff as Fwk11ty,wf as FwkAndroid,Pf as FwkApple,Sf as FwkAuthy,Wf as FwkBinanceFill,Ef as FwkChrome,Gf as FwkElectron,Rf as FwkExpress,zf as FwkFauna,Zf as FwkFirebase,Xf as FwkGo,Qf as FwkGoogleAuthenticator,qf as FwkHasura,Jf as FwkJavascript,Yf as FwkJwt,$f as FwkLaravel,el as FwkNextjs,al as FwkNodejs,fl as FwkNuxtjs,sl as FwkPhp,pl as FwkReact,ul as FwkStrapi,cl as FwkStripe,il as FwkVue,Ll as FwkWebflow,Ml as FwkWordpress,Bl as FwkZapier,d as Header,W as IcoAdd,G as IcoAlertCircle,E as IcoAlertCircleFill,R as IcoArrowDown,z as IcoArrowLeft,Z as IcoArrowRight,Q as IcoAsterisk,X as IcoAsteriskWithShield,q as IcoAstronaut,J as IcoAtom,Y as IcoBank,eo as IcoBell,$ as IcoBellNotification,ao as IcoBlock,fo as IcoBranding,so as IcoCaretDown,po as IcoCaretLeft,xo as IcoCaretRight,no as IcoCaretUp,ko as IcoCheckmark,Io as IcoCheckmarkCircle,go as IcoCheckmarkCircleFill,Ao as IcoCode,ho as IcoCodeEditor,Co as IcoCodeSandbox,bo as IcoCommandLine,yo as IcoComment,To as IcoCopy,Do as IcoCreditCard,Oo as IcoDedicated,vo as IcoDiamond,jo as IcoDismiss,No as IcoDismissCircle,Ho as IcoDismissCircleFill,Vo as IcoDoc,Uo as IcoDownload,_o as IcoEdit,Ko as IcoEditEmail,te as IcoEmail,oe as IcoEmailFill,re as IcoEmailOpen,le as IcoExpand,me as IcoExpiration,de as IcoExternalLink,xe as IcoEyeClosed,ne as IcoEyeOpened,Ie as IcoFingerprint,ge as IcoFingerprintFill,ke as IcoGas,he as IcoGift,Ce as IcoGlobe,Ae as IcoGuide,be as IcoHome,ye as IcoHourglass,De as IcoInfoCircle,Te as IcoInfoCircleFill,Oe as IcoKebab,ve as IcoKey,Ne as IcoLightbulb,He as IcoLightbulbFill,Ve as IcoLightning,je as IcoLightningFill,Ue as IcoLink,_e as IcoLoading,Ke as IcoLoadingFill,or as IcoLockLocked,rr as IcoLockPassword,tr as IcoLockUnlocked,lr as IcoLoginForm,mr as IcoMagic,dr as IcoMegaphone,xr as IcoMenu,gr as IcoMessage,nr as IcoMessageFill,Ir as IcoMfa,kr as IcoMinimize,hr as IcoMobile2fa,Cr as IcoMobile2fafill,Ar as IcoOpenBook,br as IcoPaperPlane,yr as IcoPassport,Tr as IcoPasswordless,Dr as IcoPendingConnection,Or as IcoPhone,vr as IcoPrice,Hr as IcoQrcode,jr as IcoQuestionCircle,Nr as IcoQuestionCircleFill,Ur as IcoRefresh,Vr as IcoRefreshCircleFill,Kr as IcoRocketFill,_r as IcoSearch,oa as IcoSettings,ra as IcoShapes,ma as IcoShield,ta as IcoShieldApproved,la as IcoShieldRejected,da as IcoSocial,xa as IcoSoldOutTag,na as IcoStar,ga as IcoSwap,Ia as IcoSwatches,ka as IcoTeam,ha as IcoTrash,Ca as IcoUsers,ba as IcoWallet,Aa as IcoWalletFill,ya as IcoWand,Da as IcoWarning,Ta as IcoWarningFill,wl as IconArt,Fl as IconArtDark,Pl as IconEmail,Wl as IconGameController,Sl as IconGameControllerDark,El as IconGenericToken,Gl as IconMagicGlobe,Rl as IconMagicLogo,Zl as IconMusic,zl as IconMusicDark,Xl as IconProfileDark,Ql as IconProfileLight,ql as IconSms,Yl as IconTicket,Jl as IconTicketDark,h as LoadingSpinner,es as LogoAlgorand,$l as LogoAlgorandMono,fs as LogoApple,as as LogoAppleMono,ps as LogoAptos,ss as LogoAptosMono,Ls as LogoArbitrum,us as LogoArbitrumMono,is as LogoArbitrumOne,cs as LogoArbitrumOneMono,Bs as LogoAstar,Ms as LogoAstarMono,ws as LogoAuth0,Fs as LogoAuth0Mono,Ss as LogoAvalanche,Ps as LogoAvalancheMono,Es as LogoAzure,Ws as LogoAzureMono,Rs as LogoBase,Gs as LogoBaseMono,Zs as LogoBerachain,zs as LogoBerachainMono,Qs as LogoBinance,Xs as LogoBinanceMono,Js as LogoBitBucket,qs as LogoBitBucketMono,$s as LogoBitcoin,Ys as LogoBitcoinMono,am as LogoBnb,em as LogoBnbMono,sm as LogoCelo,fm as LogoCeloMono,um as LogoChiliz,pm as LogoChilizMono,im as LogoCognito,cm as LogoCognitoMono,Mm as LogoCosmos,Lm as LogoCosmosMono,Fm as LogoDiscord,Bm as LogoDiscordMono,Pm as LogoEthereum,wm as LogoEthereumMono,Wm as LogoEtherlink,Sm as LogoEtherlinkMono,Gm as LogoFacebook,Em as LogoFacebookMono,zm as LogoFlare,Rm as LogoFlareMono,Xm as LogoFlow,Zm as LogoFlowMono,qm as LogoGitHub,Qm as LogoGitHubMono,Ym as LogoGitLab,Jm as LogoGitLabMono,ep as LogoGoogle,$m as LogoGoogleMono,fp as LogoHarmony,ap as LogoHarmonyMono,pp as LogoHorizen,sp as LogoHorizenMono,cp as LogoIcon,up as LogoIconMono,Lp as LogoImmutableX,ip as LogoImmutableXMono,wp as LogoLink,Bp as LogoLinkByStripe,Mp as LogoLinkByStripeMono,Fp as LogoLinkMono,Sp as LogoLinkedIn,Pp as LogoLinkedInMono,Ep as LogoLoopring,Wp as LogoLoopringMono,Rp as LogoMicrosoft,Gp as LogoMicrosoftMono,Zp as LogoMoonbeam,zp as LogoMoonbeamMono,Qp as LogoNear,Xp as LogoNearMono,Jp as LogoOnramper,qp as LogoOnramperMono,$p as LogoOptimism,Yp as LogoOptimismMono,sd as LogoPayPal,ed as LogoPayPalMono,fd as LogoPayPalWordmark,ad as LogoPayPalWordmarkMono,ud as LogoPoa,pd as LogoPoaMono,id as LogoPolkadot,cd as LogoPolkadotMono,Md as LogoPolygon,Ld as LogoPolygonMono,Fd as LogoRarichain,Bd as LogoRarichainMono,Pd as LogoSardine,wd as LogoSardineMono,Wd as LogoSei,Sd as LogoSeiMono,Gd as LogoSolana,Ed as LogoSolanaMono,zd as LogoStability,Rd as LogoStabilityMono,Xd as LogoSui,Zd as LogoSuiMono,qd as LogoTezos,Qd as LogoTezosMono,Yd as LogoTwitch,Jd as LogoTwitchMono,eu as LogoTwitter,$d as LogoTwitterMono,fu as LogoWalletConnect,au as LogoWalletConnectMono,pu as LogoWarpcast,su as LogoWarpcastMono,cu as LogoWax,uu as LogoWaxMono,Lu as LogoXdc,iu as LogoXdcMono,Bu as LogoZetachain,Mu as LogoZetachainMono,wu as LogoZilliqa,Fu as LogoZilliqaMono,Su as LogoZksync,Pu as LogoZksyncMono,x as Modal,lt as NFTTile,tt as NavigationButton,n as Overlay,rt as Page,Wu as PayAmex,Eu as PayDiscover,Gu as PayMastercard,g as PayPalButton,Ru as PayVisa,Va as PhoneInput,Ua as PinCodeInput,mx as Popover,zu as PresentationLogo,C as ProgressBar,Ax as QRCode,dx as Radio,ux as RadioGroup,bx as SecuredByMagic,Ha as SecurityOtp,cx as SegmentedControl,yx as SharedLogo,I as SocialLoginButton,gx as Switch,nx as Tab,Ix as Text,Na as TextBox,Ka as TextInput,A as Toast,P as ToastProvider,mt as TokenListItem,S as Tooltip,kx as VerifyPincode,ja as WalletAddress,Zu as WebsiteMagic,Xu as WltCoinbase,Qu as WltMattel,qu as WltMetamask,Ju as WltPhantom,Yu as WltRainbow,$u as WltWalletConnect,Tx as useCustomVars,Dx as useToast};
1
+ import{Card as r}from"./components/containers/card.js";import{Content as t}from"./components/containers/content.js";import{Drawer as l}from"./components/containers/drawer.js";import{Footer as m}from"./components/containers/footer.js";import{Header as d}from"./components/containers/header.js";import{Modal as x}from"./components/containers/modal.js";import{Overlay as n}from"./components/containers/overlay.js";import{PayPalButton as g}from"./components/external/paypal-button.js";import{SocialLoginButton as I}from"./components/external/social-login-button.js";import{Callout as k}from"./components/feedback/callout.js";import{LoadingSpinner as h}from"./components/feedback/loading-spinner.js";import{ProgressBar as F}from"./components/feedback/progress-bar.js";import{Toast as P,ToastProvider as A}from"./components/feedback/toast-provider.js";import{default as S}from"./components/feedback/tooltip.js";import{default as W}from"./components/icons/ico-add.js";import{default as E}from"./components/icons/ico-alert-circle-fill.js";import{default as G}from"./components/icons/ico-alert-circle.js";import{default as O}from"./components/icons/ico-arrow-down.js";import{default as z}from"./components/icons/ico-arrow-left.js";import{default as Z}from"./components/icons/ico-arrow-right.js";import{default as X}from"./components/icons/ico-asterisk-with-shield.js";import{default as Q}from"./components/icons/ico-asterisk.js";import{default as q}from"./components/icons/ico-astronaut.js";import{default as J}from"./components/icons/ico-atom.js";import{default as Y}from"./components/icons/ico-bank.js";import{default as $}from"./components/icons/ico-bell-notification.js";import{default as eo}from"./components/icons/ico-bell.js";import{default as ao}from"./components/icons/ico-block.js";import{default as fo}from"./components/icons/ico-branding.js";import{default as so}from"./components/icons/ico-caret-down.js";import{default as po}from"./components/icons/ico-caret-left.js";import{default as xo}from"./components/icons/ico-caret-right.js";import{default as no}from"./components/icons/ico-caret-up.js";import{default as go}from"./components/icons/ico-checkmark-circle-fill.js";import{default as Io}from"./components/icons/ico-checkmark-circle.js";import{default as ko}from"./components/icons/ico-checkmark.js";import{default as ho}from"./components/icons/ico-code-editor.js";import{default as Fo}from"./components/icons/ico-code-sandbox.js";import{default as Po}from"./components/icons/ico-code.js";import{default as bo}from"./components/icons/ico-command-line.js";import{default as yo}from"./components/icons/ico-comment.js";import{default as To}from"./components/icons/ico-copy.js";import{default as Do}from"./components/icons/ico-credit-card.js";import{default as Ro}from"./components/icons/ico-dedicated.js";import{default as vo}from"./components/icons/ico-diamond.js";import{default as Ho}from"./components/icons/ico-dismiss-circle-fill.js";import{default as No}from"./components/icons/ico-dismiss-circle.js";import{default as jo}from"./components/icons/ico-dismiss.js";import{default as Vo}from"./components/icons/ico-doc.js";import{default as Uo}from"./components/icons/ico-download.js";import{default as Ko}from"./components/icons/ico-edit-email.js";import{default as _o}from"./components/icons/ico-edit.js";import{default as oe}from"./components/icons/ico-email-fill.js";import{default as re}from"./components/icons/ico-email-open.js";import{default as te}from"./components/icons/ico-email.js";import{default as le}from"./components/icons/ico-expand.js";import{default as me}from"./components/icons/ico-expiration.js";import{default as de}from"./components/icons/ico-external-link.js";import{default as xe}from"./components/icons/ico-eye-closed.js";import{default as ne}from"./components/icons/ico-eye-opened.js";import{default as ge}from"./components/icons/ico-fingerprint-fill.js";import{default as Ie}from"./components/icons/ico-fingerprint.js";import{default as ke}from"./components/icons/ico-gas.js";import{default as he}from"./components/icons/ico-gift.js";import{default as Fe}from"./components/icons/ico-globe.js";import{default as Pe}from"./components/icons/ico-guide.js";import{default as be}from"./components/icons/ico-home.js";import{default as ye}from"./components/icons/ico-hourglass.js";import{default as Te}from"./components/icons/ico-info-circle-fill.js";import{default as De}from"./components/icons/ico-info-circle.js";import{default as Re}from"./components/icons/ico-kebab.js";import{default as ve}from"./components/icons/ico-key.js";import{default as He}from"./components/icons/ico-lightbulb-fill.js";import{default as Ne}from"./components/icons/ico-lightbulb.js";import{default as je}from"./components/icons/ico-lightning-fill.js";import{default as Ve}from"./components/icons/ico-lightning.js";import{default as Ue}from"./components/icons/ico-link.js";import{default as Ke}from"./components/icons/ico-loading.js";import{default as _e}from"./components/icons/ico-lock-locked.js";import{default as or}from"./components/icons/ico-lock-password.js";import{default as rr}from"./components/icons/ico-lock-unlocked.js";import{default as tr}from"./components/icons/ico-login-form.js";import{default as lr}from"./components/icons/ico-magic.js";import{default as mr}from"./components/icons/ico-megaphone.js";import{default as dr}from"./components/icons/ico-menu.js";import{default as xr}from"./components/icons/ico-message-fill.js";import{default as nr}from"./components/icons/ico-message.js";import{default as gr}from"./components/icons/ico-mfa.js";import{default as Ir}from"./components/icons/ico-minimize.js";import{default as kr}from"./components/icons/ico-mobile2fa.js";import{default as hr}from"./components/icons/ico-mobile2fafill.js";import{default as Fr}from"./components/icons/ico-open-book.js";import{default as Pr}from"./components/icons/ico-paper-plane.js";import{default as br}from"./components/icons/ico-passport.js";import{default as yr}from"./components/icons/ico-passwordless.js";import{default as Tr}from"./components/icons/ico-pending-connection.js";import{default as Dr}from"./components/icons/ico-phone.js";import{default as Rr}from"./components/icons/ico-polygon-gas-testnet.js";import{default as vr}from"./components/icons/ico-polygon-gas.js";import{default as Hr}from"./components/icons/ico-price.js";import{default as Nr}from"./components/icons/ico-qrcode.js";import{default as jr}from"./components/icons/ico-question-circle-fill.js";import{default as Vr}from"./components/icons/ico-question-circle.js";import{default as Ur}from"./components/icons/ico-refresh-circle-fill.js";import{default as Kr}from"./components/icons/ico-refresh.js";import{default as _r}from"./components/icons/ico-rocket-fill.js";import{default as oa}from"./components/icons/ico-search.js";import{default as ra}from"./components/icons/ico-settings.js";import{default as ta}from"./components/icons/ico-shapes.js";import{default as la}from"./components/icons/ico-shield-approved.js";import{default as ma}from"./components/icons/ico-shield-rejected.js";import{default as da}from"./components/icons/ico-shield.js";import{default as xa}from"./components/icons/ico-social.js";import{default as na}from"./components/icons/ico-sold-out-tag.js";import{default as ga}from"./components/icons/ico-star.js";import{default as Ia}from"./components/icons/ico-swap.js";import{default as ka}from"./components/icons/ico-swatches.js";import{default as ha}from"./components/icons/ico-team.js";import{default as Fa}from"./components/icons/ico-trash.js";import{default as Pa}from"./components/icons/ico-users.js";import{default as ba}from"./components/icons/ico-wallet-fill.js";import{default as ya}from"./components/icons/ico-wallet.js";import{default as Ta}from"./components/icons/ico-wand.js";import{default as Da}from"./components/icons/ico-warning-fill.js";import{default as Ra}from"./components/icons/ico-warning.js";import{default as va}from"./components/info/copy-button.js";import{default as Ha}from"./components/info/email-wbr.js";import{default as Na}from"./components/info/security-otp.js";import{default as ja}from"./components/info/text-box.js";import{default as Va}from"./components/info/wallet-address.js";import{default as Ua}from"./components/inputs/phone-input.js";import{PinCodeInput as Ka}from"./components/inputs/pincode-input.js";import{TextInput as _a}from"./components/inputs/text-input.js";import{Dialogue as ot}from"./components/layouts/dialogue.js";import{Error as rt}from"./components/layouts/error.js";import{Page as tt}from"./components/layouts/page.js";import{default as lt}from"./components/list-items/navigation-button.js";import{NFTTile as mt}from"./components/list-items/nft-tile.js";import{TokenListItem as dt}from"./components/list-items/token-list-item.js";import{default as xt}from"./components/logos/blc-algorand.js";import{default as nt}from"./components/logos/blc-aptos.js";import{default as gt}from"./components/logos/blc-arbitrum.js";import{default as It}from"./components/logos/blc-astar.js";import{default as kt}from"./components/logos/blc-avalanche.js";import{default as ht}from"./components/logos/blc-base.js";import{default as Ft}from"./components/logos/blc-berachain.js";import{default as Pt}from"./components/logos/blc-binance.js";import{default as bt}from"./components/logos/blc-bitcoin.js";import{default as yt}from"./components/logos/blc-celo.js";import{default as Tt}from"./components/logos/blc-chiliz.js";import{default as Dt}from"./components/logos/blc-cosmos.js";import{default as Rt}from"./components/logos/blc-ethereum.js";import{default as vt}from"./components/logos/blc-etherlink.js";import{default as Ht}from"./components/logos/blc-flow.js";import{default as Nt}from"./components/logos/blc-harmony.js";import{default as jt}from"./components/logos/blc-icon.js";import{default as Vt}from"./components/logos/blc-immutable-x.js";import{default as Ut}from"./components/logos/blc-loopring.js";import{default as Kt}from"./components/logos/blc-moonbeam.js";import{default as _t}from"./components/logos/blc-near.js";import{default as of}from"./components/logos/blc-optimism.js";import{default as rf}from"./components/logos/blc-polkadot.js";import{default as tf}from"./components/logos/blc-polygon.js";import{default as lf}from"./components/logos/blc-rarichain.js";import{default as mf}from"./components/logos/blc-solana.js";import{default as df}from"./components/logos/blc-stability.js";import{default as xf}from"./components/logos/blc-sui.js";import{default as nf}from"./components/logos/blc-tezos.js";import{default as Lf}from"./components/logos/blc-wax.js";import{default as Mf}from"./components/logos/blc-zetachain.js";import{default as Bf}from"./components/logos/blc-zilliqa.js";import{default as Cf}from"./components/logos/blc-zksync.js";import{default as wf}from"./components/logos/fwk-11ty.js";import{default as Af}from"./components/logos/fwk-android.js";import{default as Sf}from"./components/logos/fwk-apple.js";import{default as Wf}from"./components/logos/fwk-authy.js";import{default as Ef}from"./components/logos/fwk-binance-fill.js";import{default as Gf}from"./components/logos/fwk-chrome.js";import{default as Of}from"./components/logos/fwk-electron.js";import{default as zf}from"./components/logos/fwk-express.js";import{default as Zf}from"./components/logos/fwk-fauna.js";import{default as Xf}from"./components/logos/fwk-firebase.js";import{default as Qf}from"./components/logos/fwk-go.js";import{default as qf}from"./components/logos/fwk-google-authenticator.js";import{default as Jf}from"./components/logos/fwk-hasura.js";import{default as Yf}from"./components/logos/fwk-javascript.js";import{default as $f}from"./components/logos/fwk-jwt.js";import{default as el}from"./components/logos/fwk-laravel.js";import{default as al}from"./components/logos/fwk-nextjs.js";import{default as fl}from"./components/logos/fwk-nodejs.js";import{default as sl}from"./components/logos/fwk-nuxtjs.js";import{default as pl}from"./components/logos/fwk-php.js";import{default as ul}from"./components/logos/fwk-react.js";import{default as cl}from"./components/logos/fwk-strapi.js";import{default as il}from"./components/logos/fwk-stripe.js";import{default as Ll}from"./components/logos/fwk-vue.js";import{default as Ml}from"./components/logos/fwk-webflow.js";import{default as Bl}from"./components/logos/fwk-wordpress.js";import{default as Cl}from"./components/logos/fwk-zapier.js";import{default as wl}from"./components/logos/icon-art-dark.js";import{default as Al}from"./components/logos/icon-art.js";import{default as Sl}from"./components/logos/icon-delete.js";import{default as Wl}from"./components/logos/icon-email-globe.js";import{default as El}from"./components/logos/icon-email.js";import{default as Gl}from"./components/logos/icon-game-controller-dark.js";import{default as Ol}from"./components/logos/icon-game-controller.js";import{default as zl}from"./components/logos/icon-generic-token.js";import{default as Zl}from"./components/logos/icon-magic-globe.js";import{default as Xl}from"./components/logos/icon-magic-logo.js";import{default as Ql}from"./components/logos/icon-music-dark.js";import{default as ql}from"./components/logos/icon-music.js";import{default as Jl}from"./components/logos/icon-person-dark.js";import{default as Yl}from"./components/logos/icon-person.js";import{default as $l}from"./components/logos/icon-profile-dark.js";import{default as es}from"./components/logos/icon-profile-light.js";import{default as as}from"./components/logos/icon-reset.js";import{default as fs}from"./components/logos/icon-sms.js";import{default as ss}from"./components/logos/icon-ticket-dark.js";import{default as ps}from"./components/logos/icon-ticket.js";import{default as us}from"./components/logos/icon-warning-shield.js";import{default as cs}from"./components/logos/icon-warning.js";import{default as is}from"./components/logos/logo-algorand-mono.js";import{default as Ls}from"./components/logos/logo-algorand.js";import{default as Ms}from"./components/logos/logo-apple-mono.js";import{default as Bs}from"./components/logos/logo-apple.js";import{default as Cs}from"./components/logos/logo-aptos-mono.js";import{default as ws}from"./components/logos/logo-aptos.js";import{default as As}from"./components/logos/logo-arbitrum-mono.js";import{default as Ss}from"./components/logos/logo-arbitrum-one-mono.js";import{default as Ws}from"./components/logos/logo-arbitrum-one.js";import{default as Es}from"./components/logos/logo-arbitrum.js";import{default as Gs}from"./components/logos/logo-astar-mono.js";import{default as Os}from"./components/logos/logo-astar.js";import{default as zs}from"./components/logos/logo-auth0-mono.js";import{default as Zs}from"./components/logos/logo-auth0.js";import{default as Xs}from"./components/logos/logo-avalanche-mono.js";import{default as Qs}from"./components/logos/logo-avalanche.js";import{default as qs}from"./components/logos/logo-azure-mono.js";import{default as Js}from"./components/logos/logo-azure.js";import{default as Ys}from"./components/logos/logo-base-mono.js";import{default as $s}from"./components/logos/logo-base.js";import{default as em}from"./components/logos/logo-berachain-mono.js";import{default as am}from"./components/logos/logo-berachain.js";import{default as fm}from"./components/logos/logo-binance-mono.js";import{default as sm}from"./components/logos/logo-binance.js";import{default as pm}from"./components/logos/logo-bit-bucket-mono.js";import{default as um}from"./components/logos/logo-bit-bucket.js";import{default as cm}from"./components/logos/logo-bitcoin-mono.js";import{default as im}from"./components/logos/logo-bitcoin.js";import{default as Lm}from"./components/logos/logo-bnb-mono.js";import{default as Mm}from"./components/logos/logo-bnb.js";import{default as Bm}from"./components/logos/logo-celo-mono.js";import{default as Cm}from"./components/logos/logo-celo.js";import{default as wm}from"./components/logos/logo-chiliz-mono.js";import{default as Am}from"./components/logos/logo-chiliz.js";import{default as Sm}from"./components/logos/logo-cognito-mono.js";import{default as Wm}from"./components/logos/logo-cognito.js";import{default as Em}from"./components/logos/logo-cosmos-mono.js";import{default as Gm}from"./components/logos/logo-cosmos.js";import{default as Om}from"./components/logos/logo-discord-mono.js";import{default as zm}from"./components/logos/logo-discord.js";import{default as Zm}from"./components/logos/logo-ethereum-mono.js";import{default as Xm}from"./components/logos/logo-ethereum.js";import{default as Qm}from"./components/logos/logo-etherlink-mono.js";import{default as qm}from"./components/logos/logo-etherlink.js";import{default as Jm}from"./components/logos/logo-facebook-mono.js";import{default as Ym}from"./components/logos/logo-facebook.js";import{default as $m}from"./components/logos/logo-flare-mono.js";import{default as ep}from"./components/logos/logo-flare.js";import{default as ap}from"./components/logos/logo-flow-mono.js";import{default as fp}from"./components/logos/logo-flow.js";import{default as sp}from"./components/logos/logo-git-hub-mono.js";import{default as pp}from"./components/logos/logo-git-hub.js";import{default as up}from"./components/logos/logo-git-lab-mono.js";import{default as cp}from"./components/logos/logo-git-lab.js";import{default as ip}from"./components/logos/logo-google-mono.js";import{default as Lp}from"./components/logos/logo-google.js";import{default as Mp}from"./components/logos/logo-harmony-mono.js";import{default as Bp}from"./components/logos/logo-harmony.js";import{default as Cp}from"./components/logos/logo-horizen-mono.js";import{default as wp}from"./components/logos/logo-horizen.js";import{default as Ap}from"./components/logos/logo-icon-mono.js";import{default as Sp}from"./components/logos/logo-icon.js";import{default as Wp}from"./components/logos/logo-immutable-x-mono.js";import{default as Ep}from"./components/logos/logo-immutable-x.js";import{default as Gp}from"./components/logos/logo-link-by-stripe-mono.js";import{default as Op}from"./components/logos/logo-link-by-stripe.js";import{default as zp}from"./components/logos/logo-link-mono.js";import{default as Zp}from"./components/logos/logo-link.js";import{default as Xp}from"./components/logos/logo-linked-in-mono.js";import{default as Qp}from"./components/logos/logo-linked-in.js";import{default as qp}from"./components/logos/logo-loopring-mono.js";import{default as Jp}from"./components/logos/logo-loopring.js";import{default as Yp}from"./components/logos/logo-microsoft-mono.js";import{default as $p}from"./components/logos/logo-microsoft.js";import{default as ed}from"./components/logos/logo-moonbeam-mono.js";import{default as ad}from"./components/logos/logo-moonbeam.js";import{default as fd}from"./components/logos/logo-near-mono.js";import{default as sd}from"./components/logos/logo-near.js";import{default as pd}from"./components/logos/logo-onramper-mono.js";import{default as ud}from"./components/logos/logo-onramper.js";import{default as cd}from"./components/logos/logo-optimism-mono.js";import{default as id}from"./components/logos/logo-optimism.js";import{default as Ld}from"./components/logos/logo-pay-pal-mono.js";import{default as Md}from"./components/logos/logo-pay-pal-wordmark-mono.js";import{default as Bd}from"./components/logos/logo-pay-pal-wordmark.js";import{default as Cd}from"./components/logos/logo-pay-pal.js";import{default as wd}from"./components/logos/logo-poa-mono.js";import{default as Ad}from"./components/logos/logo-poa.js";import{default as Sd}from"./components/logos/logo-polkadot-mono.js";import{default as Wd}from"./components/logos/logo-polkadot.js";import{default as Ed}from"./components/logos/logo-polygon-mono.js";import{default as Gd}from"./components/logos/logo-polygon.js";import{default as Od}from"./components/logos/logo-rarichain-mono.js";import{default as zd}from"./components/logos/logo-rarichain.js";import{default as Zd}from"./components/logos/logo-sardine-mono.js";import{default as Xd}from"./components/logos/logo-sardine.js";import{default as Qd}from"./components/logos/logo-sei-mono.js";import{default as qd}from"./components/logos/logo-sei.js";import{default as Jd}from"./components/logos/logo-solana-mono.js";import{default as Yd}from"./components/logos/logo-solana.js";import{default as $d}from"./components/logos/logo-stability-mono.js";import{default as eu}from"./components/logos/logo-stability.js";import{default as au}from"./components/logos/logo-sui-mono.js";import{default as fu}from"./components/logos/logo-sui.js";import{default as su}from"./components/logos/logo-tezos-mono.js";import{default as pu}from"./components/logos/logo-tezos.js";import{default as uu}from"./components/logos/logo-twitch-mono.js";import{default as cu}from"./components/logos/logo-twitch.js";import{default as iu}from"./components/logos/logo-twitter-mono.js";import{default as Lu}from"./components/logos/logo-twitter.js";import{default as Mu}from"./components/logos/logo-wallet-connect-mono.js";import{default as Bu}from"./components/logos/logo-wallet-connect.js";import{default as Cu}from"./components/logos/logo-warpcast-mono.js";import{default as wu}from"./components/logos/logo-warpcast.js";import{default as Au}from"./components/logos/logo-wax-mono.js";import{default as Su}from"./components/logos/logo-wax.js";import{default as Wu}from"./components/logos/logo-xdc-mono.js";import{default as Eu}from"./components/logos/logo-xdc.js";import{default as Gu}from"./components/logos/logo-zetachain-mono.js";import{default as Ou}from"./components/logos/logo-zetachain.js";import{default as zu}from"./components/logos/logo-zilliqa-mono.js";import{default as Zu}from"./components/logos/logo-zilliqa.js";import{default as Xu}from"./components/logos/logo-zksync-mono.js";import{default as Qu}from"./components/logos/logo-zksync.js";import{default as qu}from"./components/logos/pay-amex.js";import{default as Ju}from"./components/logos/pay-discover.js";import{default as Yu}from"./components/logos/pay-mastercard.js";import{default as $u}from"./components/logos/pay-visa.js";import{default as ex}from"./components/logos/presentation-logo.js";import{default as ax}from"./components/logos/website-magic.js";import{default as fx}from"./components/logos/wlt-coinbase.js";import{default as sx}from"./components/logos/wlt-mattel.js";import{default as px}from"./components/logos/wlt-metamask.js";import{default as ux}from"./components/logos/wlt-phantom.js";import{default as cx}from"./components/logos/wlt-rainbow.js";import{default as ix}from"./components/logos/wlt-wallet-connect.js";import{default as Lx}from"./components/primitives/button.js";import{default as Mx}from"./components/primitives/checkbox.js";import{DropdownOption as Bx,DropdownSelector as hx}from"./components/primitives/dropdown-selector.js";import{Popover as Fx}from"./components/primitives/popover.js";import{Radio as Px,RadioGroup as Ax}from"./components/primitives/radio.js";import{SegmentedControl as Sx,Tab as yx}from"./components/primitives/segmented-control.js";import{default as Tx}from"./components/primitives/switch.js";import{default as Dx}from"./components/primitives/text.js";import{VerifyPincode as Rx}from"./components/sections/verify-pincode.js";import{default as vx}from"./components/utils/animate.js";import{ClientAssetLogo as Hx}from"./components/utils/client-asset-logo.js";import{default as Nx}from"./components/utils/qr-code.js";import{default as jx}from"./components/utils/secured-by-magic.js";import{default as Vx}from"./components/utils/shared-logo.js";import{useCustomVars as Ux}from"./hooks/theme.js";import{useToast as Kx}from"./hooks/useToast.js";export{vx as Animate,xt as BlcAlgorand,nt as BlcAptos,gt as BlcArbitrum,It as BlcAstar,kt as BlcAvalanche,ht as BlcBase,Ft as BlcBerachain,Pt as BlcBinance,bt as BlcBitcoin,yt as BlcCelo,Tt as BlcChiliz,Dt as BlcCosmos,Rt as BlcEthereum,vt as BlcEtherlink,Ht as BlcFlow,Nt as BlcHarmony,jt as BlcIcon,Vt as BlcImmutableX,Ut as BlcLoopring,Kt as BlcMoonbeam,_t as BlcNear,of as BlcOptimism,rf as BlcPolkadot,tf as BlcPolygon,lf as BlcRarichain,mf as BlcSolana,df as BlcStability,xf as BlcSui,nf as BlcTezos,Lf as BlcWax,Mf as BlcZetachain,Bf as BlcZilliqa,Cf as BlcZksync,Lx as Button,k as Callout,r as Card,Mx as Checkbox,Hx as ClientAssetLogo,t as Content,va as CopyButton,ot as Dialogue,l as Drawer,Bx as DropdownOption,hx as DropdownSelector,Ha as EmailWbr,rt as Error,m as Footer,wf as Fwk11ty,Af as FwkAndroid,Sf as FwkApple,Wf as FwkAuthy,Ef as FwkBinanceFill,Gf as FwkChrome,Of as FwkElectron,zf as FwkExpress,Zf as FwkFauna,Xf as FwkFirebase,Qf as FwkGo,qf as FwkGoogleAuthenticator,Jf as FwkHasura,Yf as FwkJavascript,$f as FwkJwt,el as FwkLaravel,al as FwkNextjs,fl as FwkNodejs,sl as FwkNuxtjs,pl as FwkPhp,ul as FwkReact,cl as FwkStrapi,il as FwkStripe,Ll as FwkVue,Ml as FwkWebflow,Bl as FwkWordpress,Cl as FwkZapier,d as Header,W as IcoAdd,G as IcoAlertCircle,E as IcoAlertCircleFill,O as IcoArrowDown,z as IcoArrowLeft,Z as IcoArrowRight,Q as IcoAsterisk,X as IcoAsteriskWithShield,q as IcoAstronaut,J as IcoAtom,Y as IcoBank,eo as IcoBell,$ as IcoBellNotification,ao as IcoBlock,fo as IcoBranding,so as IcoCaretDown,po as IcoCaretLeft,xo as IcoCaretRight,no as IcoCaretUp,ko as IcoCheckmark,Io as IcoCheckmarkCircle,go as IcoCheckmarkCircleFill,Po as IcoCode,ho as IcoCodeEditor,Fo as IcoCodeSandbox,bo as IcoCommandLine,yo as IcoComment,To as IcoCopy,Do as IcoCreditCard,Ro as IcoDedicated,vo as IcoDiamond,jo as IcoDismiss,No as IcoDismissCircle,Ho as IcoDismissCircleFill,Vo as IcoDoc,Uo as IcoDownload,_o as IcoEdit,Ko as IcoEditEmail,te as IcoEmail,oe as IcoEmailFill,re as IcoEmailOpen,le as IcoExpand,me as IcoExpiration,de as IcoExternalLink,xe as IcoEyeClosed,ne as IcoEyeOpened,Ie as IcoFingerprint,ge as IcoFingerprintFill,ke as IcoGas,he as IcoGift,Fe as IcoGlobe,Pe as IcoGuide,be as IcoHome,ye as IcoHourglass,De as IcoInfoCircle,Te as IcoInfoCircleFill,Re as IcoKebab,ve as IcoKey,Ne as IcoLightbulb,He as IcoLightbulbFill,Ve as IcoLightning,je as IcoLightningFill,Ue as IcoLink,Ke as IcoLoading,_e as IcoLockLocked,or as IcoLockPassword,rr as IcoLockUnlocked,tr as IcoLoginForm,lr as IcoMagic,mr as IcoMegaphone,dr as IcoMenu,nr as IcoMessage,xr as IcoMessageFill,gr as IcoMfa,Ir as IcoMinimize,kr as IcoMobile2fa,hr as IcoMobile2fafill,Fr as IcoOpenBook,Pr as IcoPaperPlane,br as IcoPassport,yr as IcoPasswordless,Tr as IcoPendingConnection,Dr as IcoPhone,vr as IcoPolygonGas,Rr as IcoPolygonGasTestnet,Hr as IcoPrice,Nr as IcoQrcode,Vr as IcoQuestionCircle,jr as IcoQuestionCircleFill,Kr as IcoRefresh,Ur as IcoRefreshCircleFill,_r as IcoRocketFill,oa as IcoSearch,ra as IcoSettings,ta as IcoShapes,da as IcoShield,la as IcoShieldApproved,ma as IcoShieldRejected,xa as IcoSocial,na as IcoSoldOutTag,ga as IcoStar,Ia as IcoSwap,ka as IcoSwatches,ha as IcoTeam,Fa as IcoTrash,Pa as IcoUsers,ya as IcoWallet,ba as IcoWalletFill,Ta as IcoWand,Ra as IcoWarning,Da as IcoWarningFill,Al as IconArt,wl as IconArtDark,Sl as IconDelete,El as IconEmail,Wl as IconEmailGlobe,Ol as IconGameController,Gl as IconGameControllerDark,zl as IconGenericToken,Zl as IconMagicGlobe,Xl as IconMagicLogo,ql as IconMusic,Ql as IconMusicDark,Yl as IconPerson,Jl as IconPersonDark,$l as IconProfileDark,es as IconProfileLight,as as IconReset,fs as IconSms,ps as IconTicket,ss as IconTicketDark,cs as IconWarning,us as IconWarningShield,h as LoadingSpinner,Ls as LogoAlgorand,is as LogoAlgorandMono,Bs as LogoApple,Ms as LogoAppleMono,ws as LogoAptos,Cs as LogoAptosMono,Es as LogoArbitrum,As as LogoArbitrumMono,Ws as LogoArbitrumOne,Ss as LogoArbitrumOneMono,Os as LogoAstar,Gs as LogoAstarMono,Zs as LogoAuth0,zs as LogoAuth0Mono,Qs as LogoAvalanche,Xs as LogoAvalancheMono,Js as LogoAzure,qs as LogoAzureMono,$s as LogoBase,Ys as LogoBaseMono,am as LogoBerachain,em as LogoBerachainMono,sm as LogoBinance,fm as LogoBinanceMono,um as LogoBitBucket,pm as LogoBitBucketMono,im as LogoBitcoin,cm as LogoBitcoinMono,Mm as LogoBnb,Lm as LogoBnbMono,Cm as LogoCelo,Bm as LogoCeloMono,Am as LogoChiliz,wm as LogoChilizMono,Wm as LogoCognito,Sm as LogoCognitoMono,Gm as LogoCosmos,Em as LogoCosmosMono,zm as LogoDiscord,Om as LogoDiscordMono,Xm as LogoEthereum,Zm as LogoEthereumMono,qm as LogoEtherlink,Qm as LogoEtherlinkMono,Ym as LogoFacebook,Jm as LogoFacebookMono,ep as LogoFlare,$m as LogoFlareMono,fp as LogoFlow,ap as LogoFlowMono,pp as LogoGitHub,sp as LogoGitHubMono,cp as LogoGitLab,up as LogoGitLabMono,Lp as LogoGoogle,ip as LogoGoogleMono,Bp as LogoHarmony,Mp as LogoHarmonyMono,wp as LogoHorizen,Cp as LogoHorizenMono,Sp as LogoIcon,Ap as LogoIconMono,Ep as LogoImmutableX,Wp as LogoImmutableXMono,Zp as LogoLink,Op as LogoLinkByStripe,Gp as LogoLinkByStripeMono,zp as LogoLinkMono,Qp as LogoLinkedIn,Xp as LogoLinkedInMono,Jp as LogoLoopring,qp as LogoLoopringMono,$p as LogoMicrosoft,Yp as LogoMicrosoftMono,ad as LogoMoonbeam,ed as LogoMoonbeamMono,sd as LogoNear,fd as LogoNearMono,ud as LogoOnramper,pd as LogoOnramperMono,id as LogoOptimism,cd as LogoOptimismMono,Cd as LogoPayPal,Ld as LogoPayPalMono,Bd as LogoPayPalWordmark,Md as LogoPayPalWordmarkMono,Ad as LogoPoa,wd as LogoPoaMono,Wd as LogoPolkadot,Sd as LogoPolkadotMono,Gd as LogoPolygon,Ed as LogoPolygonMono,zd as LogoRarichain,Od as LogoRarichainMono,Xd as LogoSardine,Zd as LogoSardineMono,qd as LogoSei,Qd as LogoSeiMono,Yd as LogoSolana,Jd as LogoSolanaMono,eu as LogoStability,$d as LogoStabilityMono,fu as LogoSui,au as LogoSuiMono,pu as LogoTezos,su as LogoTezosMono,cu as LogoTwitch,uu as LogoTwitchMono,Lu as LogoTwitter,iu as LogoTwitterMono,Bu as LogoWalletConnect,Mu as LogoWalletConnectMono,wu as LogoWarpcast,Cu as LogoWarpcastMono,Su as LogoWax,Au as LogoWaxMono,Eu as LogoXdc,Wu as LogoXdcMono,Ou as LogoZetachain,Gu as LogoZetachainMono,Zu as LogoZilliqa,zu as LogoZilliqaMono,Qu as LogoZksync,Xu as LogoZksyncMono,x as Modal,mt as NFTTile,lt as NavigationButton,n as Overlay,tt as Page,qu as PayAmex,Ju as PayDiscover,Yu as PayMastercard,g as PayPalButton,$u as PayVisa,Ua as PhoneInput,Ka as PinCodeInput,Fx as Popover,ex as PresentationLogo,F as ProgressBar,Nx as QRCode,Px as Radio,Ax as RadioGroup,jx as SecuredByMagic,Na as SecurityOtp,Sx as SegmentedControl,Vx as SharedLogo,I as SocialLoginButton,Tx as Switch,yx as Tab,Dx as Text,ja as TextBox,_a as TextInput,P as Toast,A as ToastProvider,dt as TokenListItem,S as Tooltip,Rx as VerifyPincode,Va as WalletAddress,ax as WebsiteMagic,fx as WltCoinbase,sx as WltMattel,px as WltMetamask,ux as WltPhantom,cx as WltRainbow,ix as WltWalletConnect,Ux as useCustomVars,Kx as useToast};
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- import{sva as o}from"@styled/css";const e=o({slots:["container","label","description","icon","button","focus"],base:{container:{px:4,py:3,rounded:10,w:"full"},button:{cursor:"pointer",outline:"none",_focusVisible:{outlineColor:"brand.base",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5,rounded:2}}},variants:{size:{sm:{label:{fontSize:"sm"}},md:{label:{fontSize:"md"}},lg:{label:{fontSize:"lg"}}},variant:{branded:{container:{bg:"brand.lightest",_focusVisible:{outlineColor:"brand.lightest"}},label:{color:"brand.darkest"},description:{color:"brand.darkest"},icon:{color:"brand.darkest"},button:{color:"brand.darkest"}},success:{container:{bg:"positive.lightest",_focusVisible:{outlineColor:"positive.lightest"}},label:{color:"positive.darkest"},description:{color:"positive.darkest"},icon:{color:"positive.darkest"},button:{color:"positive.darkest"}},error:{container:{bg:"negative.lightest",_focusVisible:{outlineColor:"negative.lightest"}},label:{color:"negative.darkest"},description:{color:"negative.darkest"},icon:{color:"negative.darkest"},button:{color:"negative.darkest"}},warning:{container:{bg:"warning.lightest",_focusVisible:{outlineColor:"warning.lightest"}},label:{color:"warning.darkest"},description:{color:"warning.darkest"},icon:{color:"warning.darkest"},button:{color:"warning.darkest"}},neutral:{container:{bg:"surface.secondary",_focusVisible:{outlineColor:"surface.secondary"}},label:{color:"text.secondary"},description:{color:"text.secondary"},icon:{color:"text.secondary"},button:{color:"text.secondary"}}},icon:{true:{description:{ml:7}}},dismissible:{true:{description:{mr:7}}},interactive:{true:{container:{cursor:"pointer",transition:"transform 0.2s ease, opacity 0.2s ease",_active:{transform:"scale(0.95)"},_hover:{opacity:.8},_focusVisible:{outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}}}},description:{true:{label:{textTransform:"uppercase",fontSize:"xs",fontWeight:"semibold",letterSpacing:"0.06rem"}}},isDismissed:{true:{container:{animationFillMode:"forwards",animationName:"scaleOut",animationDuration:"150ms",_motionReduce:{scale:1}}}}}});export{e as callout};
1
+ import{sva as e}from"@styled/css";const o=e({slots:["container","label","description","icon","button","focus"],base:{container:{px:4,py:3,rounded:10,w:"full"},button:{cursor:"pointer",outline:"none",_focusVisible:{outlineColor:"brand.base",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5,rounded:2}},label:{textAlign:"left"}},variants:{size:{sm:{label:{fontSize:"sm"}},md:{label:{fontSize:"md"}},lg:{label:{fontSize:"lg"}}},variant:{branded:{container:{bg:"brand.lightest",_focusVisible:{outlineColor:"brand.lightest"}},label:{color:"brand.darkest"},description:{color:"brand.darkest"},icon:{color:"brand.darkest"},button:{color:"brand.darkest"}},success:{container:{bg:"positive.lightest",_focusVisible:{outlineColor:"positive.lightest"}},label:{color:"positive.darkest"},description:{color:"positive.darkest"},icon:{color:"positive.darkest"},button:{color:"positive.darkest"}},error:{container:{bg:"negative.lightest",_focusVisible:{outlineColor:"negative.lightest"}},label:{color:"negative.darkest"},description:{color:"negative.darkest"},icon:{color:"negative.darkest"},button:{color:"negative.darkest"}},warning:{container:{bg:"warning.lightest",_focusVisible:{outlineColor:"warning.lightest"}},label:{color:"warning.darkest"},description:{color:"warning.darkest"},icon:{color:"warning.darkest"},button:{color:"warning.darkest"}},neutral:{container:{bg:"surface.secondary",_focusVisible:{outlineColor:"surface.secondary"}},label:{color:"text.secondary"},description:{color:"text.secondary"},icon:{color:"text.secondary"},button:{color:"text.secondary"}}},icon:{true:{description:{ml:7}}},dismissible:{true:{description:{mr:7}}},interactive:{true:{container:{cursor:"pointer",transition:"transform 0.2s ease, opacity 0.2s ease",_active:{transform:"scale(0.95)"},_hover:{opacity:.8},_focusVisible:{outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}}}},description:{true:{label:{textTransform:"uppercase",fontSize:"xs",fontWeight:"semibold",letterSpacing:"0.06rem"}}},isDismissed:{true:{container:{animationFillMode:"forwards",animationName:"scaleOut",animationDuration:"150ms",_motionReduce:{scale:1}}}}}});export{o as callout};
2
2
  //# sourceMappingURL=callout.js.map
@@ -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 },\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 },\n description: {\n color: 'negative.darkest',\n },\n icon: {\n color: 'negative.darkest',\n },\n button: {\n color: 'negative.darkest',\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":"kCAEa,MAAAA,EAAUC,EAAI,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,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,kBACR,EACD,YAAa,CACX,MAAO,kBACR,EACD,KAAM,CACJ,MAAO,kBACR,EACD,OAAQ,CACN,MAAO,kBACR,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 '@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 },\n description: {\n color: 'negative.darkest',\n },\n icon: {\n color: 'negative.darkest',\n },\n button: {\n color: 'negative.darkest',\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":"kCAEa,MAAAA,EAAUC,EAAI,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,kBACR,EACD,YAAa,CACX,MAAO,kBACR,EACD,KAAM,CACJ,MAAO,kBACR,EACD,OAAQ,CACN,MAAO,kBACR,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,2 +1,2 @@
1
- import{cva as e}from"@styled/css";const a=e({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"}}}},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}});export{a as card};
1
+ import{cva as e}from"@styled/css";const a=e({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}});export{a as card};
2
2
  //# sourceMappingURL=card.js.map
@@ -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 },\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":"kCAEO,MAAMA,EAAOC,EAAI,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,CACP,CAAA,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,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 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":"kCAEO,MAAMA,EAAOC,EAAI,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,2 +1,2 @@
1
- import{cva as e}from"@styled/css";const t=e({base:{textWrap:"pretty"},variants:{mono:{false:{},true:{}},scale:{false:{},true:{}},variant:{text:{color:"text.primary"},error:{color:"negative.darker",fontWeight:"medium"},info:{color:"brand.base",fontWeight:"medium"},success:{color:"positive.base",fontWeight:"medium"},warning:{color:"warning.base",fontWeight:"medium"}},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"}});export{t as text};
1
+ import{cva as e}from"@styled/css";const t=e({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"}});export{t as text};
2
2
  //# sourceMappingURL=text.js.map
@@ -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: 'pretty',\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 fontWeight: 'medium',\n },\n info: {\n color: 'brand.base',\n fontWeight: 'medium',\n },\n success: {\n color: 'positive.base',\n fontWeight: 'medium',\n },\n warning: {\n color: 'warning.base',\n fontWeight: 'medium',\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":"kCAEa,MAAAA,EAAOC,EAAI,CACtB,KAAM,CACJ,SAAU,QACX,EACD,SAAU,CACR,KAAM,CACJ,MAAO,CAAE,EACT,KAAM,CACP,CAAA,EACD,MAAO,CACL,MAAO,CAAA,EACP,KAAM,CAAA,CACP,EACD,QAAS,CACP,KAAM,CACJ,MAAO,cACR,EACD,MAAO,CACL,MAAO,kBACP,WAAY,QACb,EACD,KAAM,CACJ,MAAO,aACP,WAAY,QACb,EACD,QAAS,CACP,MAAO,gBACP,WAAY,QACb,EACD,QAAS,CACP,MAAO,eACP,WAAY,QACb,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 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":"kCAEa,MAAAA,EAAOC,EAAI,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,2 +1,2 @@
1
- import{defineSemanticTokens as r}from"@pandacss/dev";const a=r.colors({surface:{primary:{value:{base:"var(--surface-primary, {colors.paper})",_dark:"var(--surface-primary-dark, {colors.slate.0})"}},secondary:{value:{base:"var(--surface-secondary, {colors.ink.10})",_dark:"var(--surface-secondary-dark, {colors.slate.1})"}},tertiary:{value:{base:"var(--surface-tertiary, {colors.ink.20})",_dark:"var(--surface-tertiary-dark, {colors.slate.2})"}}},text:{primary:{value:{base:"var(--text-primary, {colors.ink.90})",_dark:"var(--text-primary-dark, {colors.chalk})"}},secondary:{value:{base:"var(--text-secondary, {colors.ink.80})",_dark:"var(--text-secondary-dark, {colors.chalk/72})"}},tertiary:{value:{base:"var(--text-tertiary, {colors.ink.70})",_dark:"var(--text-tertiary-dark, {colors.chalk/44})"}}},neutral:{primary:{value:{base:"var(--neutral-primary, {colors.ink.50})",_dark:"var(--neutral-primary-dark, {colors.chalk/16})"}},secondary:{value:{base:"var(--neutral-secondary, {colors.ink.30})",_dark:"var(--neutral-secondary-dark, {colors.chalk/12})"}},tertiary:{value:{base:"var(--neutral-tertiary, {colors.ink.20})",_dark:"var(--neutral-tertiary-dark, {colors.chalk/8})"}},quaternary:{value:{base:"var(--neutral-quaternary, {colors.ink.10})",_dark:"var(--neutral-quaternary-dark, {colors.chalk/5})"}}},brand:{lightest:{value:{base:"var(--brand-lightest, {colors.magic.10})",_dark:"var(--brand-lightest-dark, {colors.magic.30/25})"}},lighter:{value:{base:"var(--brand-lighter, {colors.magic.30})",_dark:"var(--brand-lighter-dark, {colors.magic.30/66})"}},base:{value:{base:"var(--brand-base, {colors.magic.50})",_dark:"var(--brand-base-dark, {colors.magic.30})"}},darker:{value:{base:"var(--brand-darker, {colors.magic.70})",_dark:"var(--brand-darker-dark, {colors.magic.10})"}},darkest:{value:{base:"var(--brand-darkest, {colors.magic.90})",_dark:"var(--brand-darkest-dark, {colors.magic.10})"}}},positive:{lightest:{value:{base:"{colors.leaf.10}",_dark:"{colors.leaf.30/8}"}},lighter:{value:{base:"{colors.leaf.30}",_dark:"{colors.leaf.50}"}},base:{value:{base:"{colors.leaf.50}",_dark:"{colors.leaf.50}"}},darker:{value:{base:"{colors.leaf.70}",_dark:"{colors.leaf.50}"}},darkest:{value:{base:"{colors.leaf.90}",_dark:"{colors.leaf.50}"}}},negative:{lightest:{value:{base:"{colors.ruby.10}",_dark:"{colors.ruby.30/8}"}},lighter:{value:{base:"{colors.ruby.30}",_dark:"{colors.ruby.50}"}},base:{value:{base:"{colors.ruby.50}",_dark:"{colors.ruby.50}"}},darker:{value:{base:"{colors.ruby.70}",_dark:"{colors.ruby.50}"}},darkest:{value:{base:"{colors.ruby.90}",_dark:"{colors.ruby.50}"}}},warning:{lightest:{value:{base:"{colors.gold.10}",_dark:"{colors.gold.30/8}"}},lighter:{value:{base:"{colors.gold.30}",_dark:"{colors.gold.50}"}},base:{value:{base:"{colors.gold.50}",_dark:"{colors.gold.50}"}},darker:{value:{base:"{colors.gold.70}",_dark:"{colors.gold.50}"}},darkest:{value:{base:"{colors.gold.90}",_dark:"{colors.gold.50}"}}},dedicated:{lightest:{value:{base:"{colors.sky.10}",_dark:"{colors.sky.30/8}"}},lighter:{value:{base:"{colors.sky.30}",_dark:"{colors.sky.30}"}},base:{value:{base:"{colors.sky.50}",_dark:"{colors.sky.30}"}},darker:{value:{base:"{colors.sky.70}",_dark:"{colors.sky.30}"}},darkest:{value:{base:"{colors.sky.90}",_dark:"{colors.sky.30}"}}}});export{a as semanticColors};
1
+ import{defineSemanticTokens as r}from"@pandacss/dev";const a=r.colors({surface:{primary:{value:{base:"var(--surface-primary, {colors.paper})",_dark:"var(--surface-primary-dark, {colors.slate.0})"}},secondary:{value:{base:"var(--surface-secondary, {colors.ink.10})",_dark:"var(--surface-secondary-dark, {colors.slate.1})"}},tertiary:{value:{base:"var(--surface-tertiary, {colors.ink.20})",_dark:"var(--surface-tertiary-dark, {colors.slate.2})"}}},text:{primary:{value:{base:"var(--text-primary, {colors.ink.90})",_dark:"var(--text-primary-dark, {colors.chalk})"}},secondary:{value:{base:"var(--text-secondary, {colors.ink.80})",_dark:"var(--text-secondary-dark, {colors.chalk/72})"}},tertiary:{value:{base:"var(--text-tertiary, {colors.ink.70})",_dark:"var(--text-tertiary-dark, {colors.chalk/44})"}},quaternary:{value:{base:"var(--text-quaternary, {colors.chalk})",_dark:"var(--text-quaternary-dark, {colors.ink.90})"}}},neutral:{primary:{value:{base:"var(--neutral-primary, {colors.ink.50})",_dark:"var(--neutral-primary-dark, {colors.chalk/16})"}},secondary:{value:{base:"var(--neutral-secondary, {colors.ink.30})",_dark:"var(--neutral-secondary-dark, {colors.chalk/12})"}},tertiary:{value:{base:"var(--neutral-tertiary, {colors.ink.20})",_dark:"var(--neutral-tertiary-dark, {colors.chalk/8})"}},quaternary:{value:{base:"var(--neutral-quaternary, {colors.ink.10})",_dark:"var(--neutral-quaternary-dark, {colors.chalk/5})"}}},brand:{lightest:{value:{base:"var(--brand-lightest, {colors.magic.10})",_dark:"var(--brand-lightest-dark, {colors.magic.30/25})"}},lighter:{value:{base:"var(--brand-lighter, {colors.magic.30})",_dark:"var(--brand-lighter-dark, {colors.magic.30/66})"}},base:{value:{base:"var(--brand-base, {colors.magic.50})",_dark:"var(--brand-base-dark, {colors.magic.30})"}},darker:{value:{base:"var(--brand-darker, {colors.magic.70})",_dark:"var(--brand-darker-dark, {colors.magic.10})"}},darkest:{value:{base:"var(--brand-darkest, {colors.magic.90})",_dark:"var(--brand-darkest-dark, {colors.magic.10})"}}},positive:{lightest:{value:{base:"{colors.leaf.10}",_dark:"{colors.leaf.30/8}"}},lighter:{value:{base:"{colors.leaf.30}",_dark:"{colors.leaf.50}"}},base:{value:{base:"{colors.leaf.50}",_dark:"{colors.leaf.50}"}},darker:{value:{base:"{colors.leaf.70}",_dark:"{colors.leaf.50}"}},darkest:{value:{base:"{colors.leaf.90}",_dark:"{colors.leaf.50}"}}},negative:{lightest:{value:{base:"{colors.ruby.10}",_dark:"{colors.ruby.30/8}"}},lighter:{value:{base:"{colors.ruby.30}",_dark:"{colors.ruby.50}"}},base:{value:{base:"{colors.ruby.50}",_dark:"{colors.ruby.50}"}},darker:{value:{base:"{colors.ruby.70}",_dark:"{colors.ruby.50}"}},darkest:{value:{base:"{colors.ruby.90}",_dark:"{colors.ruby.50}"}}},warning:{lightest:{value:{base:"{colors.gold.10}",_dark:"{colors.gold.30/8}"}},lighter:{value:{base:"{colors.gold.30}",_dark:"{colors.gold.50}"}},base:{value:{base:"{colors.gold.50}",_dark:"{colors.gold.50}"}},darker:{value:{base:"{colors.gold.70}",_dark:"{colors.gold.50}"}},darkest:{value:{base:"{colors.gold.90}",_dark:"{colors.gold.50}"}}},dedicated:{lightest:{value:{base:"{colors.sky.10}",_dark:"{colors.sky.30/8}"}},lighter:{value:{base:"{colors.sky.30}",_dark:"{colors.sky.30}"}},base:{value:{base:"{colors.sky.50}",_dark:"{colors.sky.30}"}},darker:{value:{base:"{colors.sky.70}",_dark:"{colors.sky.30}"}},darkest:{value:{base:"{colors.sky.90}",_dark:"{colors.sky.30}"}}}});export{a as semanticColors};
2
2
  //# sourceMappingURL=semantic-tokens.js.map
@@ -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 _dark: 'var(--surface-primary-dark, {colors.slate.0})',\n },\n },\n secondary: {\n value: {\n base: '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 _dark: 'var(--surface-tertiary-dark, {colors.slate.2})',\n },\n },\n },\n text: {\n primary: {\n value: {\n base: '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 _dark: 'var(--text-secondary-dark, {colors.chalk/72})',\n },\n },\n tertiary: {\n value: {\n base: 'var(--text-tertiary, {colors.ink.70})',\n _dark: 'var(--text-tertiary-dark, {colors.chalk/44})',\n },\n },\n },\n neutral: {\n primary: {\n value: {\n base: '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 _dark: 'var(--neutral-secondary-dark, {colors.chalk/12})',\n },\n },\n tertiary: {\n value: {\n base: '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 _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 _dark: 'var(--brand-lightest-dark, {colors.magic.30/25})',\n },\n },\n lighter: {\n value: {\n base: '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 _dark: 'var(--brand-base-dark, {colors.magic.30})',\n },\n },\n darker: {\n value: {\n base: '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 _dark: 'var(--brand-darkest-dark, {colors.magic.10})',\n },\n },\n },\n positive: {\n lightest: { value: { base: '{colors.leaf.10}', _dark: '{colors.leaf.30/8}' } },\n lighter: { value: { base: '{colors.leaf.30}', _dark: '{colors.leaf.50}' } },\n base: { value: { base: '{colors.leaf.50}', _dark: '{colors.leaf.50}' } },\n darker: { value: { base: '{colors.leaf.70}', _dark: '{colors.leaf.50}' } },\n darkest: { value: { base: '{colors.leaf.90}', _dark: '{colors.leaf.50}' } },\n },\n negative: {\n lightest: { value: { base: '{colors.ruby.10}', _dark: '{colors.ruby.30/8}' } },\n lighter: { value: { base: '{colors.ruby.30}', _dark: '{colors.ruby.50}' } },\n base: { value: { base: '{colors.ruby.50}', _dark: '{colors.ruby.50}' } },\n darker: { value: { base: '{colors.ruby.70}', _dark: '{colors.ruby.50}' } },\n darkest: { value: { base: '{colors.ruby.90}', _dark: '{colors.ruby.50}' } },\n },\n warning: {\n lightest: { value: { base: '{colors.gold.10}', _dark: '{colors.gold.30/8}' } },\n lighter: { value: { base: '{colors.gold.30}', _dark: '{colors.gold.50}' } },\n base: { value: { base: '{colors.gold.50}', _dark: '{colors.gold.50}' } },\n darker: { value: { base: '{colors.gold.70}', _dark: '{colors.gold.50}' } },\n darkest: { value: { base: '{colors.gold.90}', _dark: '{colors.gold.50}' } },\n },\n dedicated: {\n lightest: { value: { base: '{colors.sky.10}', _dark: '{colors.sky.30/8}' } },\n lighter: { value: { base: '{colors.sky.30}', _dark: '{colors.sky.30}' } },\n base: { value: { base: '{colors.sky.50}', _dark: '{colors.sky.30}' } },\n darker: { value: { base: '{colors.sky.70}', _dark: '{colors.sky.30}' } },\n darkest: { value: { base: '{colors.sky.90}', _dark: '{colors.sky.30}' } },\n },\n});\n"],"names":["semanticColors","defineSemanticTokens"],"mappings":"qDAEO,MAAMA,EAAiBC,EAAqB,OAAO,CACxD,QAAS,CACP,QAAS,CACP,MAAO,CACL,KAAM,yCACN,MAAO,+CACR,CACF,EACD,UAAW,CACT,MAAO,CACL,KAAM,4CACN,MAAO,iDACR,CACF,EACD,SAAU,CACR,MAAO,CACL,KAAM,2CACN,MAAO,gDACR,CACF,CACF,EACD,KAAM,CACJ,QAAS,CACP,MAAO,CACL,KAAM,uCACN,MAAO,0CACR,CACF,EACD,UAAW,CACT,MAAO,CACL,KAAM,yCACN,MAAO,+CACR,CACF,EACD,SAAU,CACR,MAAO,CACL,KAAM,wCACN,MAAO,8CACR,CACF,CACF,EACD,QAAS,CACP,QAAS,CACP,MAAO,CACL,KAAM,0CACN,MAAO,gDACR,CACF,EACD,UAAW,CACT,MAAO,CACL,KAAM,4CACN,MAAO,kDACR,CACF,EACD,SAAU,CACR,MAAO,CACL,KAAM,2CACN,MAAO,gDACR,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,6CACN,MAAO,kDACR,CACF,CACF,EACD,MAAO,CACL,SAAU,CACR,MAAO,CACL,KAAM,2CACN,MAAO,kDACR,CACF,EACD,QAAS,CACP,MAAO,CACL,KAAM,0CACN,MAAO,iDACR,CACF,EACD,KAAM,CACJ,MAAO,CACL,KAAM,uCACN,MAAO,2CACR,CACF,EACD,OAAQ,CACN,MAAO,CACL,KAAM,yCACN,MAAO,6CACR,CACF,EACD,QAAS,CACP,MAAO,CACL,KAAM,0CACN,MAAO,8CACR,CACF,CACF,EACD,SAAU,CACR,SAAU,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,qBAAwB,EAC9E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC3E,KAAM,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EACxE,OAAQ,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC1E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,CAC5E,EACD,SAAU,CACR,SAAU,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,qBAAwB,EAC9E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC3E,KAAM,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EACxE,OAAQ,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC1E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,CAC5E,EACD,QAAS,CACP,SAAU,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,qBAAwB,EAC9E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC3E,KAAM,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EACxE,OAAQ,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC1E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,CAC5E,EACD,UAAW,CACT,SAAU,CAAE,MAAO,CAAE,KAAM,kBAAmB,MAAO,oBAAuB,EAC5E,QAAS,CAAE,MAAO,CAAE,KAAM,kBAAmB,MAAO,kBAAqB,EACzE,KAAM,CAAE,MAAO,CAAE,KAAM,kBAAmB,MAAO,kBAAqB,EACtE,OAAQ,CAAE,MAAO,CAAE,KAAM,kBAAmB,MAAO,kBAAqB,EACxE,QAAS,CAAE,MAAO,CAAE,KAAM,kBAAmB,MAAO,kBAAqB,CAC1E,CACF,CAAA"}
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 _dark: 'var(--surface-primary-dark, {colors.slate.0})',\n },\n },\n secondary: {\n value: {\n base: '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 _dark: 'var(--surface-tertiary-dark, {colors.slate.2})',\n },\n },\n },\n text: {\n primary: {\n value: {\n base: '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 _dark: 'var(--text-secondary-dark, {colors.chalk/72})',\n },\n },\n tertiary: {\n value: {\n base: '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 _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 _dark: 'var(--neutral-primary-dark, {colors.chalk/16})',\n },\n },\n secondary: {\n value: {\n base: '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 _dark: 'var(--neutral-tertiary-dark, {colors.chalk/8})',\n },\n },\n quaternary: {\n value: {\n base: '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 _dark: 'var(--brand-lightest-dark, {colors.magic.30/25})',\n },\n },\n lighter: {\n value: {\n base: '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 _dark: 'var(--brand-base-dark, {colors.magic.30})',\n },\n },\n darker: {\n value: {\n base: '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 _dark: 'var(--brand-darkest-dark, {colors.magic.10})',\n },\n },\n },\n positive: {\n lightest: { value: { base: '{colors.leaf.10}', _dark: '{colors.leaf.30/8}' } },\n lighter: { value: { base: '{colors.leaf.30}', _dark: '{colors.leaf.50}' } },\n base: { value: { base: '{colors.leaf.50}', _dark: '{colors.leaf.50}' } },\n darker: { value: { base: '{colors.leaf.70}', _dark: '{colors.leaf.50}' } },\n darkest: { value: { base: '{colors.leaf.90}', _dark: '{colors.leaf.50}' } },\n },\n negative: {\n lightest: { value: { base: '{colors.ruby.10}', _dark: '{colors.ruby.30/8}' } },\n lighter: { value: { base: '{colors.ruby.30}', _dark: '{colors.ruby.50}' } },\n base: { value: { base: '{colors.ruby.50}', _dark: '{colors.ruby.50}' } },\n darker: { value: { base: '{colors.ruby.70}', _dark: '{colors.ruby.50}' } },\n darkest: { value: { base: '{colors.ruby.90}', _dark: '{colors.ruby.50}' } },\n },\n warning: {\n lightest: { value: { base: '{colors.gold.10}', _dark: '{colors.gold.30/8}' } },\n lighter: { value: { base: '{colors.gold.30}', _dark: '{colors.gold.50}' } },\n base: { value: { base: '{colors.gold.50}', _dark: '{colors.gold.50}' } },\n darker: { value: { base: '{colors.gold.70}', _dark: '{colors.gold.50}' } },\n darkest: { value: { base: '{colors.gold.90}', _dark: '{colors.gold.50}' } },\n },\n dedicated: {\n lightest: { value: { base: '{colors.sky.10}', _dark: '{colors.sky.30/8}' } },\n lighter: { value: { base: '{colors.sky.30}', _dark: '{colors.sky.30}' } },\n base: { value: { base: '{colors.sky.50}', _dark: '{colors.sky.30}' } },\n darker: { value: { base: '{colors.sky.70}', _dark: '{colors.sky.30}' } },\n darkest: { value: { base: '{colors.sky.90}', _dark: '{colors.sky.30}' } },\n },\n});\n"],"names":["semanticColors","defineSemanticTokens"],"mappings":"qDAEO,MAAMA,EAAiBC,EAAqB,OAAO,CACxD,QAAS,CACP,QAAS,CACP,MAAO,CACL,KAAM,yCACN,MAAO,+CACR,CACF,EACD,UAAW,CACT,MAAO,CACL,KAAM,4CACN,MAAO,iDACR,CACF,EACD,SAAU,CACR,MAAO,CACL,KAAM,2CACN,MAAO,gDACR,CACF,CACF,EACD,KAAM,CACJ,QAAS,CACP,MAAO,CACL,KAAM,uCACN,MAAO,0CACR,CACF,EACD,UAAW,CACT,MAAO,CACL,KAAM,yCACN,MAAO,+CACR,CACF,EACD,SAAU,CACR,MAAO,CACL,KAAM,wCACN,MAAO,8CACR,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,yCACN,MAAO,8CACR,CACF,CACF,EACD,QAAS,CACP,QAAS,CACP,MAAO,CACL,KAAM,0CACN,MAAO,gDACR,CACF,EACD,UAAW,CACT,MAAO,CACL,KAAM,4CACN,MAAO,kDACR,CACF,EACD,SAAU,CACR,MAAO,CACL,KAAM,2CACN,MAAO,gDACR,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,6CACN,MAAO,kDACR,CACF,CACF,EACD,MAAO,CACL,SAAU,CACR,MAAO,CACL,KAAM,2CACN,MAAO,kDACR,CACF,EACD,QAAS,CACP,MAAO,CACL,KAAM,0CACN,MAAO,iDACR,CACF,EACD,KAAM,CACJ,MAAO,CACL,KAAM,uCACN,MAAO,2CACR,CACF,EACD,OAAQ,CACN,MAAO,CACL,KAAM,yCACN,MAAO,6CACR,CACF,EACD,QAAS,CACP,MAAO,CACL,KAAM,0CACN,MAAO,8CACR,CACF,CACF,EACD,SAAU,CACR,SAAU,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,qBAAwB,EAC9E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC3E,KAAM,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EACxE,OAAQ,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC1E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,CAC5E,EACD,SAAU,CACR,SAAU,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,qBAAwB,EAC9E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC3E,KAAM,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EACxE,OAAQ,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC1E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,CAC5E,EACD,QAAS,CACP,SAAU,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,qBAAwB,EAC9E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC3E,KAAM,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EACxE,OAAQ,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC1E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,CAC5E,EACD,UAAW,CACT,SAAU,CAAE,MAAO,CAAE,KAAM,kBAAmB,MAAO,oBAAuB,EAC5E,QAAS,CAAE,MAAO,CAAE,KAAM,kBAAmB,MAAO,kBAAqB,EACzE,KAAM,CAAE,MAAO,CAAE,KAAM,kBAAmB,MAAO,kBAAqB,EACtE,OAAQ,CAAE,MAAO,CAAE,KAAM,kBAAmB,MAAO,kBAAqB,EACxE,QAAS,CAAE,MAAO,CAAE,KAAM,kBAAmB,MAAO,kBAAqB,CAC1E,CACF,CAAA"}