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

@magiclabs/ui-components 1.52.1 → 2.0.0

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

Files changed (1474) hide show

package/dist/es/components/inputs/text-input.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as N}from"react/jsx-runtime";import{Children as z,cloneElement as k,isValidElement as ee,forwardRef as D,useRef as E}from"react";import{useTextField as S,useFocusRing as w,useHover as B,mergeProps as H}from"react-aria";import R from"../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 p from"../primitives/text.js";import{textInput as V}from"../../recipes/text-input.js";import{cx as q,css as re}from"@styled/css";import{Flex as P,VStack as te,HStack as oe}from"@styled/jsx";import{token as A}from"@styled/tokens";import{createSlot as m,createHost as ie}from"create-slots";const K=m(({children:o,...s})=>t(P,{alignItems:"center",justifyContent:"center",children:z.map(o,e=>{var r;return k(e,{...s,color:(r=e.props.color)!==null&&r!==void 0?r:A("colors.neutral.primary")})})})),M=m(({children:o,...s})=>t(P,{alignItems:"center",justifyContent:"center",children:z.map(o,e=>{var r;return ee(e)?k(e,{...s,color:(r=e.props.color)!==null&&r!==void 0?r:A("colors.brand.base")}):null})})),O=m(R),W=m(p),$=m(p),G=D((o,s)=>{const{label:e,disabled:r,size:n="md",alignText:h="left",attr:f,description:a,autoFocus:g,className:x="",errorMessage:d,required:l}=o,u=n==="sm"?16:20,L=E(null),I=s||L,{labelProps:Q,inputProps:U,descriptionProps:X,errorMessageProps:Y,isInvalid:y,validationErrors:C}=S({...o,isDisabled:r??!1,isInvalid:!!d},I),{focusProps:Z}=w({autoFocus:g??!1}),{hoverProps:_}=B({isDisabled:r??!1});return ie(o.children,c=>{const v=c.get(K),b=c.get(M),j=c.getProps(O),F=c.getProps(W),T=c.getProps($),i=V({size:n,alignText:h,disabled:r,isError:y});return N(te,{className:q(i.container,x),children:[e&&N("label",{className:i.label,...Q,children:[e," ",l&&t("span",{className:re({color:"negative.darker"}),children:"*"})]}),N(oe,{className:i.inputContainer,children:[v&&{...v,props:{...v.props,className:i.typeIcon,width:u,height:u}},F&&t(p,{...F,fontColor:"text.tertiary"}),t("input",{ref:I,className:i.input,...H(U,Z,_),...f}),T&&t(p,{...T,fontColor:"text.tertiary"}),b&&{...b,props:{...b.props,className:i.actionIcon,width:u,height:u}},j&&t(P,{alignItems:"center",justifyContent:"center",className:i.actionButton,children:t(R,{...j,variant:"text",size:n})})]}),a&&t("div",{className:i.description,...X,children:a}),y&&t(p,{variant:"error",...Y,size:"sm",fontWeight:"normal",children:C.length>0?C.join(" "):d})]})})}),J=D((o,s)=>{const{disabled:e,autoFocus:r,className:n="",attr:h}=o,f=E(null),a=s||f,{inputProps:g}=S({...o,isDisabled:e??!1},a),{focusProps:x}=w({autoFocus:r??!1}),{hoverProps:d}=B({isDisabled:e??!1}),l=V({char:!0,disabled:e});return t("div",{className:q(l.container,l.inputContainer,n),children:t("input",{ref:a,className:l.input,...H(g,x,d),size:1,...h})})}),se=Object.assign(G,{TypeIcon:K,ActionIcon:M,ActionButton:O,Char:J,Prefix:W,Suffix:$});G.displayName="TextInput",J.displayName="TextInputChar";export{se as TextInput};
+import{jsx as t,jsxs as P}from"react/jsx-runtime";import{Children as z,cloneElement as q,isValidElement as Z,forwardRef as w,useRef as D}from"react";import{useTextField as E,useFocusRing as M,useHover as R,mergeProps as k}from"react-aria";import A from"../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 p from"../primitives/text.js";import{cn as f}from"../../lib/cn.js";import{textInput as B}from"../../recipes/text-input.js";import{createSlot as m,createHost as _}from"create-slots";const H=m(({children:i,...s})=>t("div",{className:"flex items-center justify-center",children:z.map(i,e=>{var r;return q(e,{...s,color:(r=e.props.color)!==null&&r!==void 0?r:"var(--color-neutral-primary)"})})})),O=m(({children:i,...s})=>t("div",{className:"flex items-center justify-center",children:z.map(i,e=>{var r;return Z(e)?q(e,{...s,color:(r=e.props.color)!==null&&r!==void 0?r:"var(--color-brand-base)"}):null})})),S=m(A),V=m(p),W=m(p),$=w((i,s)=>{const{label:e,disabled:r,size:a="md",alignText:h="left",attr:x,description:n,autoFocus:g,className:v="",errorMessage:d,required:l}=i,u=a==="sm"?16:20,J=D(null),y=s||J,{labelProps:K,inputProps:L,descriptionProps:Q,errorMessageProps:U,isInvalid:I,validationErrors:j}=E({...i,isDisabled:r??!1,isInvalid:!!d},y),{focusProps:X}=M({autoFocus:g??!1}),{hoverProps:Y}=R({isDisabled:r??!1});return _(i.children,c=>{const N=c.get(H),b=c.get(O),C=c.getProps(S),T=c.getProps(V),F=c.getProps(W),o=B({size:a,alignText:h,disabled:r,isError:I});return P("div",{className:f(o.container,"flex flex-col gap-2.5",v),children:[e&&P("label",{className:o.label,...K,children:[e," ",l&&t("span",{className:"text-negative-darker",children:"*"})]}),P("div",{className:f(o.inputContainer,"flex flex-row items-center gap-2 group"),children:[N&&{...N,props:{...N.props,className:o.typeIcon,width:u,height:u}},T&&t(p,{...T,fontColor:"text.tertiary"}),t("input",{ref:y,className:o.input,...k(L,X,Y),...x}),F&&t(p,{...F,fontColor:"text.tertiary"}),b&&{...b,props:{...b.props,className:o.actionIcon,width:u,height:u}},C&&t("div",{className:f(o.actionButton,"flex items-center justify-center"),children:t(A,{...C,variant:"text",size:a})})]}),n&&t("div",{className:o.description,...Q,children:n}),I&&t(p,{variant:"error",...U,size:"sm",fontWeight:"normal",children:j.length>0?j.join(" "):d})]})})}),G=w((i,s)=>{const{disabled:e,autoFocus:r,className:a="",attr:h}=i,x=D(null),n=s||x,{inputProps:g}=E({...i,isDisabled:e??!1},n),{focusProps:v}=M({autoFocus:r??!1}),{hoverProps:d}=R({isDisabled:e??!1}),l=B({char:!0,disabled:e});return t("div",{className:f(l.container,l.inputContainer,a),children:t("input",{ref:n,className:l.input,...k(g,v,d),size:1,...h})})}),ee=Object.assign($,{TypeIcon:H,ActionIcon:O,ActionButton:S,Char:G,Prefix:V,Suffix:W});$.displayName="TextInput",G.displayName="TextInputChar";export{ee as TextInput};
 //# sourceMappingURL=text-input.js.map

package/dist/es/components/inputs/text-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-input.js","sources":["../../../../src/components/inputs/text-input.tsx"],"sourcesContent":["import {\n Children,\n cloneElement,\n forwardRef,\n HTMLAttributes,\n InputHTMLAttributes,\n isValidElement,\n ReactNode,\n RefObject,\n useRef,\n} from 'react';\nimport type { AriaTextFieldProps } from 'react-aria';\nimport { mergeProps, useFocusRing, useHover, useTextField } from 'react-aria';\n\nimport { Button, Text } from '@components/primitives';\nimport { textInput } from '@recipes/text-input';\nimport { css, cx } from '@styled/css';\nimport { Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\n\nimport { createHost, createSlot } from 'create-slots';\n\nexport type TextInputProps = AriaTextFieldProps & {\n className?: string;\n disabled?: boolean;\n attr?: InputHTMLAttributes<HTMLInputElement>;\n errorMessage?: string;\n children?: ReactNode;\n size?: 'sm' \| 'md' \| 'lg';\n alignText?: 'left' \| 'center' \| 'right';\n required?: boolean;\n};\n\nexport type CharProps = AriaTextFieldProps & {\n className?: string;\n disabled?: boolean;\n attr?: InputHTMLAttributes<HTMLInputElement>;\n};\n\nexport type ActionIconProps = HTMLAttributes<HTMLElement> & {\n onClick: () => void;\n};\n\nconst TypeIcon = createSlot(({ children, ...props }) => {\n return (\n <Flex alignItems=\"center\" justifyContent=\"center\">\n {Children.map(children, child => {\n return cloneElement(child, { ...props, color: child.props.color ?? token('colors.neutral.primary') });\n })}\n </Flex>\n );\n});\n\nconst ActionIcon = createSlot(({ children, ...props }: ActionIconProps) => {\n return (\n <Flex alignItems=\"center\" justifyContent=\"center\">\n {Children.map(children, child => {\n if (isValidElement<ActionIconProps>(child)) {\n return cloneElement(child, { ...props, color: child.props.color ?? token('colors.brand.base') });\n }\n return null;\n })}\n </Flex>\n );\n});\n\nconst ActionButton = createSlot(Button);\nconst Prefix = createSlot(Text);\nconst Suffix = createSlot(Text);\n\nconst Component = forwardRef<HTMLInputElement, TextInputProps>((props, forwardedRef) => {\n const {\n label,\n disabled,\n size = 'md',\n alignText = 'left',\n attr,\n description,\n autoFocus,\n className = '',\n errorMessage,\n required,\n } = props;\n const iconSize = size === 'sm' ? 16 : 20;\n\n const internalRef = useRef(null);\n // forwardedRef is null until after first render\n const ref = forwardedRef \|\| internalRef;\n\n const { labelProps, inputProps, descriptionProps, errorMessageProps, isInvalid, validationErrors } = useTextField(\n { ...props, isDisabled: disabled ?? false, isInvalid: !!errorMessage },\n ref as RefObject<HTMLInputElement>,\n );\n\n const { focusProps } = useFocusRing({\n autoFocus: autoFocus ?? false,\n });\n const { hoverProps } = useHover({ isDisabled: disabled ?? false });\n\n return createHost(props.children, slots => {\n const typeIcon = slots.get(TypeIcon);\n const actionIcon = slots.get(ActionIcon);\n const actionButtonProps = slots.getProps(ActionButton);\n const prefixProps = slots.getProps(Prefix);\n const suffixProps = slots.getProps(Suffix);\n\n const classes = textInput({\n size,\n alignText,\n disabled,\n isError: isInvalid,\n });\n\n return (\n <VStack className={cx(classes.container, className)}>\n {label && (\n <label className={classes.label} {...labelProps}>\n {label} {required && <span className={css({ color: 'negative.darker' })}>*</span>}\n </label>\n )}\n <HStack className={classes.inputContainer}>\n {typeIcon && {\n ...typeIcon,\n props: { ...typeIcon.props, className: classes.typeIcon, width: iconSize, height: iconSize },\n }}\n {prefixProps && <Text {...prefixProps} fontColor=\"text.tertiary\" />}\n <input ref={ref} className={classes.input} {...mergeProps(inputProps, focusProps, hoverProps)} {...attr} />\n {suffixProps && <Text {...suffixProps} fontColor=\"text.tertiary\" />}\n {actionIcon && {\n ...actionIcon,\n props: { ...actionIcon.props, className: classes.actionIcon, width: iconSize, height: iconSize },\n }}\n {actionButtonProps && (\n <Flex alignItems=\"center\" justifyContent=\"center\" className={classes.actionButton}>\n <Button {...actionButtonProps} variant=\"text\" size={size} />\n </Flex>\n )}\n </HStack>\n {description && (\n <div className={classes.description} {...descriptionProps}>\n {description}\n </div>\n )}\n {isInvalid && (\n <Text variant=\"error\" {...errorMessageProps} size={'sm'} fontWeight=\"normal\">\n {validationErrors.length > 0 ? validationErrors.join(' ') : errorMessage}\n </Text>\n )}\n </VStack>\n );\n });\n});\n\nconst Char = forwardRef<HTMLInputElement, CharProps>((props, forwardedRef) => {\n const { disabled, autoFocus, className = '', attr } = props;\n\n const internalRef = useRef(null);\n // forwardedRef is null until after first render\n const ref = forwardedRef \|\| internalRef;\n\n const { inputProps } = useTextField({ ...props, isDisabled: disabled ?? false }, ref as RefObject<HTMLInputElement>);\n\n const { focusProps } = useFocusRing({ autoFocus: autoFocus ?? false });\n const { hoverProps } = useHover({ isDisabled: disabled ?? false });\n\n const classes = textInput({ char: true, disabled });\n\n return (\n <div className={cx(classes.container, classes.inputContainer, className)}>\n <input\n ref={ref}\n className={classes.input}\n {...mergeProps(inputProps, focusProps, hoverProps)}\n size={1}\n {...attr}\n />\n </div>\n );\n});\n\nexport const TextInput = Object.assign(Component, {\n TypeIcon,\n ActionIcon,\n ActionButton,\n Char,\n Prefix,\n Suffix,\n});\n\nComponent.displayName = 'TextInput';\nChar.displayName = 'TextInputChar';\n"],"names":["TypeIcon","createSlot","children","props","_jsx","Flex","Children","child","cloneElement","_a","token","ActionIcon","isValidElement","ActionButton","Button","Prefix","Text","Suffix","Component","forwardRef","forwardedRef","label","disabled","size","alignText","attr","description","autoFocus","className","errorMessage","required","iconSize","internalRef","useRef","ref","labelProps","inputProps","descriptionProps","errorMessageProps","isInvalid","validationErrors","useTextField","focusProps","useFocusRing","hoverProps","useHover","createHost","slots","typeIcon","actionIcon","actionButtonProps","prefixProps","suffixProps","classes","textInput","_jsxs","VStack","cx","css","HStack","mergeProps","Char","TextInput"],"mappings":"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"}
1	+ {"version":3,"file":"text-input.js","sources":["../../../../src/components/inputs/text-input.tsx"],"sourcesContent":["import {\n Children,\n cloneElement,\n forwardRef,\n HTMLAttributes,\n InputHTMLAttributes,\n isValidElement,\n ReactNode,\n RefObject,\n useRef,\n} from 'react';\nimport type { AriaTextFieldProps } from 'react-aria';\nimport { mergeProps, useFocusRing, useHover, useTextField } from 'react-aria';\n\nimport { Button, Text } from '@components/primitives';\nimport { cn } from '@lib/cn';\nimport { textInput } from '@recipes/text-input';\n\nimport { createHost, createSlot } from 'create-slots';\n\nexport type TextInputProps = AriaTextFieldProps & {\n className?: string;\n disabled?: boolean;\n attr?: InputHTMLAttributes<HTMLInputElement>;\n errorMessage?: string;\n children?: ReactNode;\n size?: 'sm' \| 'md' \| 'lg';\n alignText?: 'left' \| 'center' \| 'right';\n required?: boolean;\n};\n\nexport type CharProps = AriaTextFieldProps & {\n className?: string;\n disabled?: boolean;\n attr?: InputHTMLAttributes<HTMLInputElement>;\n};\n\nexport type ActionIconProps = HTMLAttributes<HTMLElement> & {\n onClick: () => void;\n};\n\nconst TypeIcon = createSlot(({ children, ...props }) => {\n return (\n <div className=\"flex items-center justify-center\">\n {Children.map(children, child => {\n return cloneElement(child, { ...props, color: child.props.color ?? 'var(--color-neutral-primary)' });\n })}\n </div>\n );\n});\n\nconst ActionIcon = createSlot(({ children, ...props }: ActionIconProps) => {\n return (\n <div className=\"flex items-center justify-center\">\n {Children.map(children, child => {\n if (isValidElement<ActionIconProps>(child)) {\n return cloneElement(child, { ...props, color: child.props.color ?? 'var(--color-brand-base)' });\n }\n return null;\n })}\n </div>\n );\n});\n\nconst ActionButton = createSlot(Button);\nconst Prefix = createSlot(Text);\nconst Suffix = createSlot(Text);\n\nconst Component = forwardRef<HTMLInputElement, TextInputProps>((props, forwardedRef) => {\n const {\n label,\n disabled,\n size = 'md',\n alignText = 'left',\n attr,\n description,\n autoFocus,\n className = '',\n errorMessage,\n required,\n } = props;\n const iconSize = size === 'sm' ? 16 : 20;\n\n const internalRef = useRef(null);\n // forwardedRef is null until after first render\n const ref = forwardedRef \|\| internalRef;\n\n const { labelProps, inputProps, descriptionProps, errorMessageProps, isInvalid, validationErrors } = useTextField(\n { ...props, isDisabled: disabled ?? false, isInvalid: !!errorMessage },\n ref as RefObject<HTMLInputElement>,\n );\n\n const { focusProps } = useFocusRing({\n autoFocus: autoFocus ?? false,\n });\n const { hoverProps } = useHover({ isDisabled: disabled ?? false });\n\n return createHost(props.children, slots => {\n const typeIcon = slots.get(TypeIcon);\n const actionIcon = slots.get(ActionIcon);\n const actionButtonProps = slots.getProps(ActionButton);\n const prefixProps = slots.getProps(Prefix);\n const suffixProps = slots.getProps(Suffix);\n\n const classes = textInput({\n size,\n alignText,\n disabled,\n isError: isInvalid,\n });\n\n return (\n <div className={cn(classes.container, 'flex flex-col gap-2.5', className)}>\n {label && (\n <label className={classes.label} {...labelProps}>\n {label} {required && <span className=\"text-negative-darker\">*</span>}\n </label>\n )}\n <div className={cn(classes.inputContainer, 'flex flex-row items-center gap-2 group')}>\n {typeIcon && {\n ...typeIcon,\n props: { ...typeIcon.props, className: classes.typeIcon, width: iconSize, height: iconSize },\n }}\n {prefixProps && <Text {...prefixProps} fontColor=\"text.tertiary\" />}\n <input ref={ref} className={classes.input} {...mergeProps(inputProps, focusProps, hoverProps)} {...attr} />\n {suffixProps && <Text {...suffixProps} fontColor=\"text.tertiary\" />}\n {actionIcon && {\n ...actionIcon,\n props: { ...actionIcon.props, className: classes.actionIcon, width: iconSize, height: iconSize },\n }}\n {actionButtonProps && (\n <div className={cn(classes.actionButton, 'flex items-center justify-center')}>\n <Button {...actionButtonProps} variant=\"text\" size={size} />\n </div>\n )}\n </div>\n {description && (\n <div className={classes.description} {...descriptionProps}>\n {description}\n </div>\n )}\n {isInvalid && (\n <Text variant=\"error\" {...errorMessageProps} size={'sm'} fontWeight=\"normal\">\n {validationErrors.length > 0 ? validationErrors.join(' ') : errorMessage}\n </Text>\n )}\n </div>\n );\n });\n});\n\nconst Char = forwardRef<HTMLInputElement, CharProps>((props, forwardedRef) => {\n const { disabled, autoFocus, className = '', attr } = props;\n\n const internalRef = useRef(null);\n // forwardedRef is null until after first render\n const ref = forwardedRef \|\| internalRef;\n\n const { inputProps } = useTextField({ ...props, isDisabled: disabled ?? false }, ref as RefObject<HTMLInputElement>);\n\n const { focusProps } = useFocusRing({ autoFocus: autoFocus ?? false });\n const { hoverProps } = useHover({ isDisabled: disabled ?? false });\n\n const classes = textInput({ char: true, disabled });\n\n return (\n <div className={cn(classes.container, classes.inputContainer, className)}>\n <input\n ref={ref}\n className={classes.input}\n {...mergeProps(inputProps, focusProps, hoverProps)}\n size={1}\n {...attr}\n />\n </div>\n );\n});\n\nexport const TextInput = Object.assign(Component, {\n TypeIcon,\n ActionIcon,\n ActionButton,\n Char,\n Prefix,\n Suffix,\n});\n\nComponent.displayName = 'TextInput';\nChar.displayName = 'TextInputChar';\n"],"names":["TypeIcon","createSlot","children","props","_jsx","Children","child","cloneElement","ActionIcon","isValidElement","ActionButton","Button","Prefix","Text","Suffix","Component","forwardRef","forwardedRef","label","disabled","size","alignText","attr","description","autoFocus","className","errorMessage","required","iconSize","internalRef","useRef","ref","labelProps","inputProps","descriptionProps","errorMessageProps","isInvalid","validationErrors","useTextField","focusProps","useFocusRing","hoverProps","useHover","createHost","slots","typeIcon","actionIcon","actionButtonProps","prefixProps","suffixProps","classes","textInput","_jsxs","cn","mergeProps","Char","TextInput"],"mappings":"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"}

package/dist/es/components/layouts/error.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as l}from"react/jsx-runtime";import"@styled/tokens";import C from"../icons/ico-code.js";import{Page as i}from"./page.js";import o from"../primitives/text.js";import{css as m}from"@styled/css";import{Center as s}from"@styled/jsx";import{createSlot as a,createHost as y}from"create-slots";import{Children as d,cloneElement as h}from"react";const p=a(({children:n,...r})=>e(s,{children:d.map(n,t=>h(t,r))})),f=a(({children:n,...r})=>e(s,{children:d.map(n,t=>h(t,r))})),g=({children:n,detailTitle:r,detailMessage:t,title:u,message:x,...b})=>y(n,c=>{const j=c.get(p),v=c.get(f);return l(i,{...b,children:[e(i.Icon,{children:j||e(C,{})}),l(i.Content,{children:[e(o.H3,{styles:{textAlign:"center"},children:u}),e(o,{size:"md",styles:{textAlign:"center"},children:x}),t&&l("div",{className:m({background:"negative.lightest",borderRadius:"0.5rem",my:4,p:4,width:"full"}),children:[r&&e(o,{variant:"error",children:e("b",{className:m({textTransform:"uppercase"}),children:r})}),e(o,{variant:"error",children:t})]}),v]}),e(i.Footer,{})]})}),A=Object.assign(g,{Icon:p,Button:f});export{g as Component,A as Error};
+import{jsx as e,jsxs as c}from"react/jsx-runtime";import j from"../icons/ico-code.js";import{Page as i}from"./page.js";import l from"../primitives/text.js";import{createSlot as o,createHost as y}from"create-slots";import{Children as m,cloneElement as a}from"react";const d=o(({children:n,...r})=>e("div",{className:"flex items-center justify-center",children:m.map(n,t=>a(t,r))})),h=o(({children:n,...r})=>e("div",{className:"flex items-center justify-center",children:m.map(n,t=>a(t,r))})),p=({children:n,detailTitle:r,detailMessage:t,title:g,message:f,...u})=>y(n,s=>{const x=s.get(d),v=s.get(h);return c(i,{...u,children:[e(i.Icon,{children:x||e(j,{})}),c(i.Content,{children:[e(l.H3,{styles:{textAlign:"center"},children:g}),e(l,{size:"md",styles:{textAlign:"center"},children:f}),t&&c("div",{className:"bg-negative-lightest rounded-lg my-4 p-4 w-full",children:[r&&e(l,{variant:"error",children:e("b",{className:"uppercase",children:r})}),e(l,{variant:"error",children:t})]}),v]}),e(i.Footer,{})]})}),N=Object.assign(p,{Icon:d,Button:h});export{p as Component,N as Error};
 //# sourceMappingURL=error.js.map

package/dist/es/components/layouts/error.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"error.js","sources":["../../../../src/components/layouts/error.tsx"],"sourcesContent":["import { IcoCode } from '@components/icons';\nimport { Page, PageProps } from '@components/layouts/page';\nimport Text from '@components/primitives/text';\nimport { ~~css } from '@styled/css';\nimport { Center } from '@styled/jsx';\nimport {~~ createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement } from 'react';\n\nexport interface ErrorProps extends PageProps {\n title: string;\n message: string;\n detailTitle?: string;\n detailMessage?: string;\n}\n\nconst Icon = createSlot(({ children, ...props }) => {\n return (\n <~~Center~~>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </~~Center~~>\n );\n});\n\nconst Button = createSlot(({ children, ...props }) => {\n return (\n <~~Center~~>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </~~Center~~>\n );\n});\n\nexport const Component = ({ children, detailTitle, detailMessage, title, message, ...props }: ErrorProps) => {\n return createHost(children, slots => {\n const icon = slots.get(Icon);\n const button = slots.get(Button);\n\n return (\n <Page {...props}>\n <Page.Icon>{icon ? icon : <IcoCode />}</Page.Icon>\n <Page.Content>\n <Text.H3 styles={{ textAlign: 'center' }}>{title}</Text.H3>\n <Text size=\"md\" styles={{ textAlign: 'center' }}>\n {message}\n </Text>\n {detailMessage && (\n <div\n className~~={css({\n background: '~~negative.lightest~~',\n borderRadius:~~ ~~'0.5rem',\n~~ my: ~~4,\n~~ p: 4~~,\n width:~~ 'full~~',\n })}~~\n >\n {detailTitle && (\n <Text variant=\"error\">\n <b className~~={css({ textTransform: '~~uppercase~~' })}~~>{detailTitle}</b>\n </Text>\n )}\n <Text variant=\"error\">{detailMessage}</Text>\n </div>\n )}\n {button}\n </Page.Content>\n <Page.Footer />\n </Page>\n );\n });\n};\n\nexport const Error = Object.assign(Component, {\n Icon,\n Button,\n});\n"],"names":["Icon","createSlot","children","props","_jsx","~~Center","~~Children","child","cloneElement","Button","Component","detailTitle","detailMessage","title","message","createHost","slots","icon","button","_jsxs","Page","IcoCode","Text","~~css","~~Error"],"mappings":"~~uWAeA~~,MAAMA,EAAOC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAE3CC,~~EAACC~~,~~EAAM~~,~~CAAA~~,~~SACJC~~,EAAS,~~IAAIJ~~,~~EAAUK~~,GACfC,EAAaD,~~EAAOJ~~,CAAK,CACjC,~~CACM~~,CAAA,~~CAEZ~~,~~EAEKM~~,~~EAASR~~,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAE7CC,~~EAACC~~,~~EAAM~~,~~CAAA~~,~~SACJC~~,EAAS,~~IAAIJ~~,~~EAAUK~~,GACfC,EAAaD,~~EAAOJ~~,CAAK,CACjC,~~CACM~~,CAAA,~~CAEZ~~,~~EAEYO~~,EAAY,CAAC,CAAE,~~SAAAR~~,EAAU,~~YAAAS~~,EAAa,cAAAC,EAAe,MAAAC,EAAO,QAAAC,EAAS,~~GAAGX~~,CAAK,~~IACjFY~~,~~EAAWb~~,~~EAAUc~~,GAAQ,CAClC,MAAMC,EAAOD,EAAM,~~IAAIhB~~,CAAI,~~EACrBkB~~,EAASF,EAAM,IAAIP,CAAM,EAE/B,OACEU,EAACC,~~EAAI~~,CAAA,~~GAAKjB~~,~~EACR~~,~~SAAA~~,~~CAAAC,EAACgB,~~EAAK,~~KAAI~~,CAAA,~~SAAEH~~,~~GAAcb~~,~~EAACiB~~,~~EAAO~~,CAAA,CAAA,~~IAClCF~~,EAACC,EAAK,QACJ,CAAA,SAAA,~~CAAAhB~~,~~EAACkB~~,EAAK,~~GAAG~~,~~CAAA~~,OAAQ,CAAE,UAAW,QAAQ,WAAKT,CAAK,CAAA,~~EAChDT~~,~~EAACkB~~,EAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,UAAW,QAAQ,~~WAC1CR~~,~~CAAO~~,CAAA,~~EAETF~~,GACCO,~~EAAA~~,MAAA,~~CACE~~,~~UAAWI~~,~~EAAI~~,~~CACb~~,~~WAAY~~,~~oBACZ,aAAc,SACd,GAAI,EACJ,EAAG,EACH,MAAO,OACR,EAAC,SAAA,CAEDZ,GACCP,EAACkB,~~EAAI,CAAC,QAAQ,QAAO,~~SACnBlB~~,~~OAAG~~,~~UAAWmB~~,~~EAAI~~,~~CAAE~~,~~cAAe~~,~~WAAW~~,~~CAAE~~,~~EAAC~~,~~SAAGZ,CAAW,~~CAAA,~~IAGnEP~~,~~EAACkB~~,EAAI,CAAC,QAAQ,~~QAAS~~,~~SAAAV~~,~~CAAqB~~,CAAA,~~CAAA~~,~~CAAA,CAAA,EAG~~/CM,CAAM,~~CACM~~,CAAA,~~EACfd~~,~~EAACgB~~,EAAK,OAAM,CAAA,CAAA,CAAG,CACV,CAAA,CAEX,CAAC,~~EAGUI~~,EAAQ,OAAO,~~OAAOd~~,EAAW,CAC5C,~~KAAAV~~,EACA,~~OAAAS~~,CACD,CAAA"}
1	+ {"version":3,"file":"error.js","sources":["../../../../src/components/layouts/error.tsx"],"sourcesContent":["import { IcoCode } from '@components/icons';\nimport { Page, PageProps } from '@components/layouts/page';\nimport Text from '@components/primitives/text';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement } from 'react';\n\nexport interface ErrorProps extends PageProps {\n title: string;\n message: string;\n detailTitle?: string;\n detailMessage?: string;\n}\n\nconst Icon = createSlot(({ children, ...props }) => {\n return (\n <div className=\"flex items-center justify-center\">\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </div>\n );\n});\n\nconst Button = createSlot(({ children, ...props }) => {\n return (\n <div className=\"flex items-center justify-center\">\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </div>\n );\n});\n\nexport const Component = ({ children, detailTitle, detailMessage, title, message, ...props }: ErrorProps) => {\n return createHost(children, slots => {\n const icon = slots.get(Icon);\n const button = slots.get(Button);\n\n return (\n <Page {...props}>\n <Page.Icon>{icon ? icon : <IcoCode />}</Page.Icon>\n <Page.Content>\n <Text.H3 styles={{ textAlign: 'center' }}>{title}</Text.H3>\n <Text size=\"md\" styles={{ textAlign: 'center' }}>\n {message}\n </Text>\n {detailMessage && (\n <div className=\"bg-negative-lightest rounded-lg my-4 p-4 w-full\">\n {detailTitle && (\n <Text variant=\"error\">\n <b className=\"uppercase\">{detailTitle}</b>\n </Text>\n )}\n <Text variant=\"error\">{detailMessage}</Text>\n </div>\n )}\n {button}\n </Page.Content>\n <Page.Footer />\n </Page>\n );\n });\n};\n\nexport const Error = Object.assign(Component, {\n Icon,\n Button,\n});\n"],"names":["Icon","createSlot","children","props","_jsx","Children","child","cloneElement","Button","Component","detailTitle","detailMessage","title","message","createHost","slots","icon","button","_jsxs","Page","IcoCode","Text","Error"],"mappings":"yQAaA,MAAMA,EAAOC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAE3CC,EAAA,MAAA,CAAK,UAAU,mCACZ,SAAAC,EAAS,IAAIH,EAAUI,GACfC,EAAaD,EAAOH,CAAK,CACjC,CACG,CAAA,CAET,EAEKK,EAASP,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAE7CC,EAAA,MAAA,CAAK,UAAU,mCACZ,SAAAC,EAAS,IAAIH,EAAUI,GACfC,EAAaD,EAAOH,CAAK,CACjC,CACG,CAAA,CAET,EAEYM,EAAY,CAAC,CAAE,SAAAP,EAAU,YAAAQ,EAAa,cAAAC,EAAe,MAAAC,EAAO,QAAAC,EAAS,GAAGV,CAAK,IACjFW,EAAWZ,EAAUa,GAAQ,CAClC,MAAMC,EAAOD,EAAM,IAAIf,CAAI,EACrBiB,EAASF,EAAM,IAAIP,CAAM,EAE/B,OACEU,EAACC,EAAS,CAAA,GAAAhB,YACRC,EAACe,EAAK,KAAM,CAAA,SAAAH,GAAcZ,EAACgB,EAAU,EAAA,CAAA,CAAA,EACrCF,EAACC,EAAK,QACJ,CAAA,SAAA,CAAAf,EAACiB,EAAK,GAAE,CAAC,OAAQ,CAAE,UAAW,QAAQ,WAAKT,CAAK,CAAA,EAChDR,EAACiB,EAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,UAAW,QAAQ,EAC1C,SAAAR,CACI,CAAA,EACNF,GACCO,EAAK,MAAA,CAAA,UAAU,4DACZR,GACCN,EAACiB,EAAI,CAAC,QAAQ,QAAO,SACnBjB,EAAG,IAAA,CAAA,UAAU,qBAAaM,CAAW,CAAA,CAChC,CAAA,EAETN,EAACiB,EAAI,CAAC,QAAQ,QAAO,SAAEV,CAAa,CAAA,CAAQ,IAG/CM,CAAM,CAAA,CAAA,EAETb,EAACe,EAAK,OAAM,CAAA,CAAA,CAAG,CACV,CAAA,CAEX,CAAC,EAGUG,EAAQ,OAAO,OAAOb,EAAW,CAC5C,KAAAT,EACA,OAAAQ,CACD,CAAA"}

package/dist/es/components/layouts/page.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as y,Fragment as b}from"react/jsx-runtime";import{Content as w}from"../containers/content.js";import{Drawer as a}from"../containers/drawer.js";import{Footer as p}from"../containers/footer.js";import{Header as H}from"../containers/header.js";import{Modal as k}from"../containers/modal.js";import{Overlay as O}from"../containers/overlay.js";import{css as P}from"@styled/css";import{VStack as j}from"@styled/jsx";import{token as x}from"@styled/tokens";import{createSlot as l,createHost as C}from"create-slots";import{Children as D,cloneElement as F}from"react";const s="2.625rem",d=l(({children:e})=>i(H,{children:e})),h=l(({children:e})=>D.map(e,o=>{var t,r,n;return F(o,{color:(t=o.props.color)!==null&&t!==void 0?t:x("colors.brand.base"),width:(r=o.props.width)!==null&&r!==void 0?r:s,height:(n=o.props.height)!==null&&n!==void 0?n:s})})),f=l(w),g=l(p),u=l(a),T=({children:e,overlay:o,...t})=>{if(o){const{animate:r,backgroundType:n,isOpen:m=!0,onHidden:c,fullscreen:v=!1}=t;return i(O,{animate:r,backgroundType:n,hide:!m,onHidden:c,fullscreen:v,children:e})}return i(b,{children:e})},I=({children:e,overlay:o=!0,...t})=>C(e,r=>{const n=r.get(d)?8:4,m=r.getProps(g),c=r.getProps(u);return i(T,{overlay:o,...t,children:i(k,{paddingType:"md",...t,children:y(j,{alignItems:"center",gap:0,width:"full",className:P({mt:n}),children:[r.get(d),r.get(h),r.get(f),m&&i(p,{...m}),c&&i(a,{...c})]})})})}),S=Object.assign(I,{Header:d,Icon:h,Content:f,Footer:g,Drawer:u});export{S as Page};
+import{jsx as i,jsxs as y,Fragment as b}from"react/jsx-runtime";import{Content as w}from"../containers/content.js";import{Drawer as a}from"../containers/drawer.js";import{Footer as p}from"../containers/footer.js";import{Header as x}from"../containers/header.js";import{Modal as H}from"../containers/modal.js";import{Overlay as P}from"../containers/overlay.js";import{cn as j}from"../../lib/cn.js";import{createSlot as l,createHost as C}from"create-slots";import{Children as D,cloneElement as F}from"react";const s="2.625rem",c=l(({children:e})=>i(x,{children:e})),h=l(({children:e})=>D.map(e,o=>{var n,r,t;return F(o,{color:(n=o.props.color)!==null&&n!==void 0?n:"var(--color-brand-base)",width:(r=o.props.width)!==null&&r!==void 0?r:s,height:(t=o.props.height)!==null&&t!==void 0?t:s})})),f=l(w),g=l(p),u=l(a),O=({children:e,overlay:o,...n})=>{if(o){const{animate:r,backgroundType:t,isOpen:m=!0,onHidden:d,fullscreen:v=!1}=n;return i(P,{animate:r,backgroundType:t,hide:!m,onHidden:d,fullscreen:v,children:e})}return i(b,{children:e})},T=({children:e,overlay:o=!0,...n})=>C(e,r=>{const t=r.get(c)?8:4,m=r.getProps(g),d=r.getProps(u);return i(O,{overlay:o,...n,children:i(H,{paddingType:"md",...n,children:y("div",{className:j("flex flex-col items-center gap-0 w-full",t===8?"mt-8":"mt-4"),children:[r.get(c),r.get(h),r.get(f),m&&i(p,{...m}),d&&i(a,{...d})]})})})}),k=Object.assign(T,{Header:c,Icon:h,Content:f,Footer:g,Drawer:u});export{k as Page};
 //# sourceMappingURL=page.js.map

package/dist/es/components/layouts/page.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"page.js","sources":["../../../../src/components/layouts/page.tsx"],"sourcesContent":["import { Content } from '@components/containers/content';\nimport { Drawer } from '@components/containers/drawer';\nimport { Footer } from '@components/containers/footer';\nimport { Header } from '@components/containers/header';\nimport { Modal, ModalProps } from '@components/containers/modal';\nimport { Overlay, OverlayProps } from '@components/containers/overlay';\nimport { ~~css~~ } from '@~~styled~~/~~css~~';\nimport { ~~VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport {~~ createHost, createSlot } from 'create-slots';\nimport { Children, ComponentProps, cloneElement } from 'react';\n\nconst DEFAULT_ICON_SIZE = '2.625rem';\n\nconst PageHeader = createSlot(({ children }) => <Header>{children}</Header>);\nconst PageIcon = createSlot(({ children }) => {\n return Children.map(children, child => {\n return cloneElement(child, {\n color: child.props.color ?? ~~token~~(~~'colors.~~brand.base'),\n width: child.props.width ?? DEFAULT_ICON_SIZE,\n height: child.props.height ?? DEFAULT_ICON_SIZE,\n });\n });\n});\nconst PageContent = createSlot(Content);\nconst PageFooter = createSlot(Footer);\nconst PageDrawer = createSlot(Drawer);\n\nexport interface PageProps extends ModalProps, Omit<OverlayProps, 'hide'>, ComponentProps<'div'> {\n overlay?: boolean;\n}\n\nconst Container = ({ children, overlay, ...props }: PageProps) => {\n if (overlay) {\n const { animate, backgroundType, isOpen = true, onHidden, fullscreen = false } = props;\n return (\n <Overlay\n animate={animate}\n backgroundType={backgroundType}\n hide={!isOpen}\n onHidden={onHidden}\n fullscreen={fullscreen}\n >\n {children}\n </Overlay>\n );\n }\n return <>{children}</>;\n};\n\nconst PageHost = ({ children, overlay = true, ...props }: PageProps) => {\n return createHost(children, slots => {\n const buffer = slots.get(PageHeader) ? 8 : 4;\n const footerProps = slots.getProps(PageFooter);\n const drawerProps = slots.getProps(PageDrawer);\n\n return (\n <Container overlay={overlay} {...props}>\n <Modal paddingType=\"md\" {...props}>\n <~~VStack~~ ~~alignItems=\"~~center\" gap={0} ~~width=\"~~full\" ~~className={css({~~ mt: ~~buffer }~~)}>\n {slots.get(PageHeader)}\n {slots.get(PageIcon)}\n {slots.get(PageContent)}\n {footerProps && <Footer {...footerProps} />}\n {drawerProps && <Drawer {...drawerProps} />}\n </~~VStack~~>\n </Modal>\n </Container>\n );\n });\n};\n\nexport const Page = Object.assign(PageHost, {\n Header: PageHeader,\n Icon: PageIcon,\n Content: PageContent,\n Footer: PageFooter,\n Drawer: PageDrawer,\n});\n"],"names":["DEFAULT_ICON_SIZE","PageHeader","createSlot","children","_jsx","Header","PageIcon","Children","child","cloneElement","~~_a","token","~~PageContent","Content","PageFooter","Footer","PageDrawer","Drawer","Container","overlay","props","animate","backgroundType","isOpen","onHidden","fullscreen","Overlay","_Fragment","PageHost","createHost","slots","buffer","footerProps","drawerProps","Modal","_jsxs","~~VStack~~","~~css","~~Page"],"mappings":"~~mkBAYA~~,MAAMA,EAAoB,WAEpBC,EAAaC,EAAW,CAAC,CAAE,SAAAC,CAAQ,IAAOC,EAACC,YAAQF,CAAQ,CAAA,CAAU,EACrEG,EAAWJ,EAAW,CAAC,CAAE,SAAAC,CAAU,IAChCI,EAAS,IAAIJ,EAAUK,GAAQ,WACpC,OAAOC,EAAaD,EAAO,CACzB,~~OAAOE~~,~~EAAAF,~~EAAM,MAAM,~~SAAS~~,~~MAAAE~~,~~IAAA~~,~~OAAAA,EAAAC,~~EAAM,~~mBAAmB,EACrD,SAAOH,EAAM,~~MAAM,4BAASR,EAC5B,UAAQQ,EAAM,MAAM,6BAAUR,CAC/B,CAAA,CACH,CAAC,CACF,~~EACKY~~,~~EAAcV~~,~~EAAWW~~,CAAO,EAChCC,~~EAAaZ~~,~~EAAWa~~,CAAM,EAC9BC,~~EAAad~~,~~EAAWe~~,CAAM,EAM9BC,EAAY,CAAC,CAAE,~~SAAAf~~,EAAU,~~QAAAgB~~,EAAS,GAAGC,CAAkB,IAAI,CAC/D,GAAID,EAAS,CACX,KAAM,CAAE,QAAAE,EAAS,eAAAC,EAAgB,OAAAC,EAAS,GAAM,SAAAC,EAAU,WAAAC,EAAa,EAAO,EAAGL,EACjF,~~OACEhB~~,~~EAACsB~~,EAAO,CACN,QAASL,EACT,eAAgBC,EAChB,KAAM,CAACC,EACP,SAAUC,EACV,WAAYC,EAEX,~~SAAAtB~~,CACO,CAAA,CAEd,CACA,OAAOC,~~EAAAuB~~,EAAA,CAAA,~~SAAGxB~~,CAAQ,CAAA,CACpB,~~EAEMyB~~,EAAW,CAAC,CAAE,~~SAAAzB~~,EAAU,~~QAAAgB~~,EAAU,GAAM,GAAGC,CAAK,IAC7CS,~~EAAW1B~~,~~EAAU2B~~,GAAQ,CAClC,MAAMC,EAASD,EAAM,~~IAAI7B~~,CAAU,EAAI,EAAI,~~EACrC+B~~,EAAcF,EAAM,SAAShB,CAAU,EACvCmB,EAAcH,EAAM,SAASd,CAAU,EAE7C,~~OACEZ~~,~~EAACc~~,~~GAAU~~,QAASC,~~EAAa~~,~~GAAAC~~,~~EAC/B~~,~~SAAAhB~~,~~EAAC8B~~,~~EAAM~~,~~CAAA~~,YAAY,~~KAAI~~,~~GAAKd~~,EAC1B,SAAAe,~~EAACC~~,~~EAAM~~,~~CAAC~~,~~WAAW~~,~~SAAS,IAAK,~~EAAG,~~MAAM~~,~~OAAO~~,~~UAAWC,~~EAAI,~~CAAE~~,~~GAAIN~~,~~CAAQ~~,~~CAAA~~,~~YAC3ED~~,EAAM,~~IAAI7B~~,CAAU,~~EACpB6B~~,EAAM,~~IAAIxB~~,CAAQ,~~EAClBwB~~,EAAM,IAAIlB,CAAW,EACrBoB,~~GAAe5B~~,~~EAACW~~,~~EAAW~~,CAAA,~~GAAAiB~~,~~IAC3BC~~,~~GAAe7B~~,~~EAACa~~,MAAWgB,CAAW,CAAA,CAAI,GAEvC,CAAA,CAAA,CAAA,CAGd,CAAC,~~EAGUK~~,EAAO,OAAO,~~OAAOV~~,EAAU,CAC1C,~~OAAQ3B~~,EACR,KAAMK,EACN,~~QAASM~~,EACT,OAAQE,EACR,OAAQE,CACT,CAAA"}
1	+ {"version":3,"file":"page.js","sources":["../../../../src/components/layouts/page.tsx"],"sourcesContent":["import { Content } from '@components/containers/content';\nimport { Drawer } from '@components/containers/drawer';\nimport { Footer } from '@components/containers/footer';\nimport { Header } from '@components/containers/header';\nimport { Modal, ModalProps } from '@components/containers/modal';\nimport { Overlay, OverlayProps } from '@components/containers/overlay';\nimport { cn } from '@lib/cn';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, ComponentProps, cloneElement } from 'react';\n\nconst DEFAULT_ICON_SIZE = '2.625rem';\n\nconst PageHeader = createSlot(({ children }) => <Header>{children}</Header>);\nconst PageIcon = createSlot(({ children }) => {\n return Children.map(children, child => {\n return cloneElement(child, {\n color: child.props.color ?? 'var(--color-brand-base)',\n width: child.props.width ?? DEFAULT_ICON_SIZE,\n height: child.props.height ?? DEFAULT_ICON_SIZE,\n });\n });\n});\nconst PageContent = createSlot(Content);\nconst PageFooter = createSlot(Footer);\nconst PageDrawer = createSlot(Drawer);\n\nexport interface PageProps extends ModalProps, Omit<OverlayProps, 'hide'>, ComponentProps<'div'> {\n overlay?: boolean;\n}\n\nconst Container = ({ children, overlay, ...props }: PageProps) => {\n if (overlay) {\n const { animate, backgroundType, isOpen = true, onHidden, fullscreen = false } = props;\n return (\n <Overlay\n animate={animate}\n backgroundType={backgroundType}\n hide={!isOpen}\n onHidden={onHidden}\n fullscreen={fullscreen}\n >\n {children}\n </Overlay>\n );\n }\n return <>{children}</>;\n};\n\nconst PageHost = ({ children, overlay = true, ...props }: PageProps) => {\n return createHost(children, slots => {\n const buffer = slots.get(PageHeader) ? 8 : 4;\n const footerProps = slots.getProps(PageFooter);\n const drawerProps = slots.getProps(PageDrawer);\n\n return (\n <Container overlay={overlay} {...props}>\n <Modal paddingType=\"md\" {...props}>\n <div className={cn('flex flex-col items-center gap-0 w-full', buffer === 8 ? 'mt-8' : 'mt-4')}>\n {slots.get(PageHeader)}\n {slots.get(PageIcon)}\n {slots.get(PageContent)}\n {footerProps && <Footer {...footerProps} />}\n {drawerProps && <Drawer {...drawerProps} />}\n </div>\n </Modal>\n </Container>\n );\n });\n};\n\nexport const Page = Object.assign(PageHost, {\n Header: PageHeader,\n Icon: PageIcon,\n Content: PageContent,\n Footer: PageFooter,\n Drawer: PageDrawer,\n});\n"],"names":["DEFAULT_ICON_SIZE","PageHeader","createSlot","children","_jsx","Header","PageIcon","Children","child","cloneElement","PageContent","Content","PageFooter","Footer","PageDrawer","Drawer","Container","overlay","props","animate","backgroundType","isOpen","onHidden","fullscreen","Overlay","_Fragment","PageHost","createHost","slots","buffer","footerProps","drawerProps","Modal","_jsxs","cn","Page"],"mappings":"0fAUA,MAAMA,EAAoB,WAEpBC,EAAaC,EAAW,CAAC,CAAE,SAAAC,CAAQ,IAAOC,EAACC,YAAQF,CAAQ,CAAA,CAAU,EACrEG,EAAWJ,EAAW,CAAC,CAAE,SAAAC,CAAU,IAChCI,EAAS,IAAIJ,EAAUK,GAAQ,WACpC,OAAOC,EAAaD,EAAO,CACzB,SAAOA,EAAM,MAAM,4BAAS,0BAC5B,SAAOA,EAAM,MAAM,4BAASR,EAC5B,UAAQQ,EAAM,MAAM,6BAAUR,CAC/B,CAAA,CACH,CAAC,CACF,EACKU,EAAcR,EAAWS,CAAO,EAChCC,EAAaV,EAAWW,CAAM,EAC9BC,EAAaZ,EAAWa,CAAM,EAM9BC,EAAY,CAAC,CAAE,SAAAb,EAAU,QAAAc,EAAS,GAAGC,CAAkB,IAAI,CAC/D,GAAID,EAAS,CACX,KAAM,CAAE,QAAAE,EAAS,eAAAC,EAAgB,OAAAC,EAAS,GAAM,SAAAC,EAAU,WAAAC,EAAa,EAAO,EAAGL,EACjF,OACEd,EAACoB,EAAO,CACN,QAASL,EACT,eAAgBC,EAChB,KAAM,CAACC,EACP,SAAUC,EACV,WAAYC,EAEX,SAAApB,CACO,CAAA,CAEd,CACA,OAAOC,EAAAqB,EAAA,CAAA,SAAGtB,CAAQ,CAAA,CACpB,EAEMuB,EAAW,CAAC,CAAE,SAAAvB,EAAU,QAAAc,EAAU,GAAM,GAAGC,CAAK,IAC7CS,EAAWxB,EAAUyB,GAAQ,CAClC,MAAMC,EAASD,EAAM,IAAI3B,CAAU,EAAI,EAAI,EACrC6B,EAAcF,EAAM,SAAShB,CAAU,EACvCmB,EAAcH,EAAM,SAASd,CAAU,EAE7C,OACEV,EAACY,EAAU,CAAA,QAASC,EAAO,GAAMC,EAAK,SACpCd,EAAC4B,EAAK,CAAC,YAAY,KAAS,GAAAd,EAC1B,SAAAe,EAAA,MAAA,CAAK,UAAWC,EAAG,0CAA2CL,IAAW,EAAI,OAAS,MAAM,EAAC,SAAA,CAC1FD,EAAM,IAAI3B,CAAU,EACpB2B,EAAM,IAAItB,CAAQ,EAClBsB,EAAM,IAAIlB,CAAW,EACrBoB,GAAe1B,EAACS,EAAM,CAAA,GAAKiB,CAAW,CAAA,EACtCC,GAAe3B,EAACW,MAAWgB,CAAW,CAAA,CAAI,GAEvC,CAAA,CAAA,CAAA,CAGd,CAAC,EAGUI,EAAO,OAAO,OAAOT,EAAU,CAC1C,OAAQzB,EACR,KAAMK,EACN,QAASI,EACT,OAAQE,EACR,OAAQE,CACT,CAAA"}

package/dist/es/components/list-items/activity-list-item.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as o}from"react/jsx-runtime";import{cloneElement as i,Children as g}from"react";import{Center as j,Box as n,Flex as c,HStack as b}from"@styled/jsx";import{createSlot as s,createHost as v}from"create-slots";import l from"../primitives/text.js";import{cx as R,css as z}from"@styled/css";import{ButtonContainer as A}from"../containers/button.js";import"../containers/card.js";import"@styled/tokens";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"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import"../containers/header.js";import"../containers/menu.js";import"../containers/modal.js";import"../containers/overlay.js";const y=s(({backgroundColor:e,children:r})=>t(j,{borderRadius:60,height:11,width:11,backgroundColor:e,overflow:"hidden",children:i(g.only(r),{height:24,width:24})})),C=s(({backgroundColor:e,children:r})=>o(n,{height:10,width:10,position:"relative",children:[t(c,{alignItems:"center",justifyContent:"center",position:"absolute",backgroundColor:e,height:7,width:7,borderRadius:30,children:i(r[0],{height:20,width:20})}),t(c,{alignItems:"center",justifyContent:"center",position:"absolute",backgroundColor:e,borderRadius:30,height:7,width:7,bottom:0,right:0,children:i(r[1],{height:20,width:20})})]})),f=s(({backgroundColor:e,children:r})=>t(c,{backgroundColor:e,borderRadius:30,alignItems:"center",justifyContent:"center",borderWidth:"2",borderColor:"neutral.tertiary",width:"5",height:"5",children:i(g.only(r),{height:10,width:10})})),B=({title:e,subtitle:r,primaryValue:w,primaryValueColor:x,secondaryValue:a,children:k,onPress:I,...h})=>v(k,d=>{const m=d.get(C),p=d.get(y),u=d.get(f);return t(A,{borderRadius:"0.375rem",expand:!0,onPress:I,children:o(b,{p:3,gap:2,w:"full",pos:"relative",className:R(z({_active:{transform:"scale(0.95)"},_hover:{bgColor:"neutral.secondary"},bgColor:"neutral.tertiary"})),borderRadius:"md",justify:"space-between",alignItems:"center",...h,children:[o(b,{children:[m&&m,p&&p,u&&t(n,{position:"absolute",left:9,top:11,children:u}),o(n,{children:[t(l,{truncate:!0,size:"md",fontWeight:"bold",children:e})," ",r&&t(l,{truncate:!0,size:"sm",fontColor:"text.secondary",children:r})]})]}),o(n,{children:[t(l,{truncate:!0,size:"md",styles:{textAlign:"end",color:x},...h,children:w}),a&&t(l,{truncate:!0,size:"sm",styles:{textAlign:"end"},fontColor:"text.secondary",children:a})]})]})})}),P=Object.assign(B,{DoubleIcon:C,PrimaryIcon:y,SecondaryIcon:f});export{P as ActivityListItem};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{ButtonContainer as w}from"../containers/button.js";import"../containers/card.js";import{cn as C}from"../../lib/cn.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 i from"../primitives/text.js";import{cloneElement as n,Children as u}from"react";import"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import"../containers/header.js";import"../containers/menu.js";import"../containers/modal.js";import"../containers/overlay.js";import{createSlot as c,createHost as N}from"create-slots";const p=c(({backgroundColor:t,children:r})=>e("div",{className:"flex items-center justify-center rounded-[60px] h-11 w-11 overflow-hidden",style:{backgroundColor:t},children:n(u.only(r),{height:24,width:24})})),f=c(({backgroundColor:t,children:r})=>o("div",{className:"h-10 w-10 relative",children:[e("div",{className:"flex items-center justify-center absolute h-7 w-7 rounded-[30px]",style:{backgroundColor:t},children:n(r[0],{height:20,width:20})}),e("div",{className:"flex items-center justify-center absolute rounded-[30px] h-7 w-7 bottom-0 right-0",style:{backgroundColor:t},children:n(r[1],{height:20,width:20})})]})),y=c(({backgroundColor:t,children:r})=>e("div",{className:"flex items-center justify-center rounded-[30px] border-2 border-neutral-tertiary w-5 h-5",style:{backgroundColor:t},children:n(u.only(r),{height:10,width:10})})),j=({title:t,subtitle:r,primaryValue:g,primaryValueColor:b,secondaryValue:d,children:x,onPress:v,...s})=>N(x,l=>{const a=l.get(f),m=l.get(p),h=l.get(y);return e(w,{borderRadius:"0.375rem",expand:!0,onPress:v,children:o("div",{className:C("flex flex-row items-center p-3 gap-2 w-full relative rounded-md justify-between","active:scale-95 hover:bg-neutral-secondary bg-neutral-tertiary"),...s,children:[o("div",{className:"flex flex-row items-center gap-2.5",children:[a&&a,m&&m,h&&e("div",{className:"absolute left-9 top-11",children:h}),o("div",{children:[e(i,{truncate:!0,size:"md",fontWeight:"bold",children:t})," ",r&&e(i,{truncate:!0,size:"sm",fontColor:"text.secondary",children:r})]})]}),o("div",{children:[e(i,{truncate:!0,size:"md",styles:{textAlign:"end",color:b},...s,children:g}),d&&e(i,{truncate:!0,size:"sm",styles:{textAlign:"end"},fontColor:"text.secondary",children:d})]})]})})}),k=Object.assign(j,{DoubleIcon:f,PrimaryIcon:p,SecondaryIcon:y});export{k as ActivityListItem};
 //# sourceMappingURL=activity-list-item.js.map

package/dist/es/components/list-items/activity-list-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"activity-list-item.js","sources":["../../../../src/components/list-items/activity-list-item.tsx"],"sourcesContent":["import { ~~Children,~~ ~~cloneElement,~~ ~~PropsWithChildren,~~ ~~ReactElement~~ } from '~~react~~';\nimport { ~~Box,~~ ~~Center, Flex, HStack~~ } from '@~~styled~~/~~jsx~~';\nimport { createHost, createSlot } from 'create-slots';\nimport ~~Text from '@components/primitives/text';\nimport~~ { ~~css~~, cx } ~~from~~ ~~'@styled/css';\nimport { ButtonContainer~~ } from '~~@components/containers~~';\n\nexport interface ActivityListItemProps extends PropsWithChildren {\n onPress?: () => void;\n title: string;\n subtitle?: string;\n primaryValue: string;\n primaryValueColor?: string;\n secondaryValue?: string;\n}\n\nexport interface IconProps extends PropsWithChildren {\n backgroundColor?: string;\n}\n\nexport interface DoubleIconProps {\n backgroundColor?: string;\n children: ReactElement[];\n}\n\nconst PrimaryIcon = createSlot(({ backgroundColor, children }: IconProps) => (\n <~~Center~~ ~~borderRadius={60}~~ ~~height={~~11} ~~width={~~11} ~~backgroundColor~~={backgroundColor} ~~overflow=\"hidden~~\">\n {cloneElement(Children.only(children) as ReactElement, { height: 24, width: 24 })}\n </~~Center~~>\n));\n\nconst DoubleIcon = createSlot(({ backgroundColor, children }: DoubleIconProps) => {\n return (\n <~~Box~~ ~~height={~~10} ~~width={~~10} ~~position=\"~~relative\">\n <~~Flex\n alignItems~~=\"center~~\"\n justifyContent=\"~~center~~\"\n position=\"~~absolute\"~~\n backgroundColor~~={backgroundColor}~~\n height={7~~}~~\n width={7}\n borderRadius={30}\n~~ >\n {cloneElement(children[0] as ReactElement, { height: 20, width: 20 })}\n </~~Flex~~>\n <~~Flex~~\n ~~alignItems~~=\"center~~\"\n justifyContent=\"~~center~~\"\n position=\"~~absolute\"\n ~~backgroundColor~~={backgroundColor}~~\n borderRadius={30~~}\n ~~height={7}\n width={7}\n bottom={0}\n right={0}\n~~ >\n {cloneElement(children[1] as ReactElement, { height: 20, width: 20 })}\n </~~Flex~~>\n </~~Box~~>\n );\n});\n\nconst SecondaryIcon = createSlot(({ backgroundColor, children }: IconProps) => (\n <~~Flex~~\n ~~backgroundColor={backgroundColor}\n borderRadius={30}\n alignItems~~=\"center~~\"\n justifyContent=\"~~center~~\"\n borderWidth=\"~~2~~\"\n borderColor=\"~~neutral.tertiary~~\"\n width=\"~~5\"\n ~~height=\"5~~\"\n >\n {cloneElement(Children.only(children) as ReactElement, { height: 10, width: 10 })}\n </~~Flex~~>\n));\n\nconst ActivityListItemHost = ({\n title,\n subtitle,\n primaryValue,\n primaryValueColor,\n secondaryValue,\n children,\n onPress,\n ...props\n}: ActivityListItemProps) => {\n return createHost(children, slots => {\n const doubleIcon = slots.get(DoubleIcon);\n const primaryIcon = slots.get(PrimaryIcon);\n const secondaryIcon = slots.get(SecondaryIcon);\n\n return (\n <ButtonContainer borderRadius=\"0.375rem\" expand onPress={onPress}>\n <~~HStack~~\n p={3}\n gap={2~~}\n~~ w~~=\"~~full~~\"\n pos=\"~~relative~~\"\n className={cx(\n css({\n _active:~~ { ~~transform:~~ '~~scale(0.95)' }~~,\n ~~_hover~~: ~~{ bgColor~~: 'neutral.secondary' ~~},\n bgColor: '~~neutral.tertiary',\n ~~}),\n~~ )}\n ~~borderRadius=\"md\"\n justify=\"space-between\"\n alignItems=\"center\"\n~~ {...props}\n >\n <~~HStack~~>\n {doubleIcon && doubleIcon}\n {primaryIcon && primaryIcon}\n {secondaryIcon && ~~(\n~~ <~~Box~~ ~~position~~=\"absolute\" left={9} top={11~~}>\n~~ {secondaryIcon}\n </~~Box>\n )~~}\n <~~Box~~>\n <Text truncate={true} size=\"md\" fontWeight=\"bold\">\n {title}\n </Text>{' '}\n {subtitle && (\n <Text truncate={true} size=\"sm\" fontColor=\"text.secondary\">\n {subtitle}\n </Text>\n )}\n </~~Box~~>\n </~~HStack~~>\n\n <~~Box~~>\n <Text truncate={true} size=\"md\" styles={{ textAlign: 'end', color: primaryValueColor }} {...props}>\n {primaryValue}\n </Text>\n {secondaryValue && (\n <Text truncate={true} size=\"sm\" styles={{ textAlign: 'end' }} fontColor=\"text.secondary\">\n {secondaryValue}\n </Text>\n )}\n </~~Box~~>\n </~~HStack~~>\n </ButtonContainer>\n );\n });\n};\n\nexport const ActivityListItem = Object.assign(ActivityListItemHost, {\n DoubleIcon,\n PrimaryIcon,\n SecondaryIcon,\n});\n"],"names":["PrimaryIcon","createSlot","backgroundColor","children","_jsx","~~Center","~~cloneElement","Children","DoubleIcon","_jsxs","~~Box","Flex","~~SecondaryIcon","ActivityListItemHost","title","subtitle","primaryValue","primaryValueColor","secondaryValue","onPress","props","createHost","slots","doubleIcon","primaryIcon","secondaryIcon","ButtonContainer","~~HStack~~","~~cx","css","~~Text","ActivityListItem"],"mappings":"~~43BAyBA~~,MAAMA,EAAcC,EAAW,CAAC,CAAE,gBAAAC,EAAiB,SAAAC,~~CAAqB~~,~~IACtEC~~,~~EAACC~~,~~EAAM~~,~~CAAC~~,~~aAAc~~,~~GAAI~~,~~OAAQ,GAAI,~~MAAO,~~GAAI~~,~~gBAAiBH~~,~~EAAiB~~,~~SAAS~~,~~SAAQ,SACjGI,~~EAAaC,EAAS,~~KAAKJ~~,CAAQ,EAAmB,CAAE,OAAQ,GAAI,MAAO,~~EAAE~~,~~CAAE,~~CAAC,CAAA,CAEpF,~~EAEKK~~,~~EAAaP~~,EAAW,CAAC,CAAE,gBAAAC,EAAiB,SAAAC,CAA2B,~~IAEzEM~~,~~EAACC~~,~~EAAG~~,~~CAAC~~,~~OAAQ~~,~~GAAI~~,~~MAAO,GAAI,SAAS,WAAU,~~SAAA,~~CAC7CN~~,~~EAACO~~,~~EACC~~,CAAA,~~WAAW~~,~~SACX~~,~~eAAe~~,~~SACf~~,~~SAAS~~,~~WACT~~,~~gBAAiBT~~,~~EACjB~~,~~OAAQ~~,~~EACR,MAAO,EACP,aAAc,GAEb,SAAAI,EAAaH,~~EAAS,CAAC,EAAmB,CAAE,OAAQ,GAAI,MAAO,~~EAAI~~,~~CAAA~~,~~CAC/D~~,CAAA,~~EACPC~~,~~EAACO~~,~~EACC~~,~~CAAA~~,~~WAAW~~,~~SACX~~,~~eAAe,SACf,SAAS,WACT,gBAAiBT,EACjB,aAAc,GACd,OAAQ,EACR,~~MAAO,~~EACP~~,~~OAAQ~~,~~EACR~~,~~MAAO~~,~~EAEN~~,~~SAAAI~~,~~EAAaH,~~EAAS,CAAC,EAAmB,CAAE,OAAQ,GAAI,MAAO,EAAI,CAAA,~~CAC/D~~,CAAA,CAAA,CAAA,CAAA,~~CAGZ~~,~~EAEKS~~,~~EAAgBX~~,EAAW,CAAC,CAAE,gBAAAC,EAAiB,SAAAC,~~CAAqB~~,~~IACxEC~~,~~EAACO~~,~~EACC~~,CAAA,~~gBAAiBT~~,~~EACjB~~,~~aAAc~~,~~GACd~~,~~WAAW~~,~~SACX~~,~~eAAe~~,~~SACf,YAAY,IACZ,YAAY,mBACZ,MAAM,IACN,OAAO,IAAG,SAETI,~~EAAaC,EAAS,~~KAAKJ~~,CAAQ,EAAmB,CAAE,OAAQ,GAAI,MAAO,~~EAAI~~,~~CAAA~~,~~CAC3E,~~CAAA,~~CACR~~,~~EAEKU~~,EAAuB,CAAC,CAC5B,MAAAC,EACA,SAAAC,EACA,aAAAC,EACA,kBAAAC,EACA,eAAAC,EACA,~~SAAAf~~,EACA,~~QAAAgB~~,EACA,GAAGC,CACmB,IACfC,~~EAAWlB~~,~~EAAUmB~~,GAAQ,CAClC,MAAMC,EAAaD,EAAM,~~IAAId~~,CAAU,~~EACjCgB~~,EAAcF,EAAM,~~IAAItB~~,CAAW,~~EACnCyB~~,EAAgBH,EAAM,IAAIV,CAAa,EAE7C,~~OACER~~,~~EAACsB~~,EAAgB,CAAA,aAAa,WAAW,OAAM,GAAC,QAASP,~~WACvDV~~,~~EAACkB~~,~~GACC~~,~~EAAG~~,~~EACH~~,~~IAAK~~,~~EACL~~,~~EAAE~~,~~OACF~~,~~IAAI~~,~~WACJ~~,~~UAAWC~~,~~EACTC~~,~~EAAI~~,~~CACF,QAAS,CAAE,UAAW,aAAe,EACrC,OAAQ,CAAE,QAAS,mBAAqB,EACxC,QAAS,kBACV,~~CAAA,~~CAAC~~,~~EAEJ,aAAa,KACb,QAAQ,gBACR,WAAW,SACP,GAAAT,YAEJX,EAACkB,EACE,CAAA,SAAA,CAAAJ,~~GAAcA,EACdC,GAAeA,EACfC,~~GACCrB~~,~~EAACM~~,~~EAAG~~,~~CAAC~~,~~SAAS~~,~~WAAW~~,~~KAAM~~,~~EAAG~~,~~IAAK~~,~~GACpC~~,~~SAAAe~~,~~IAGLhB~~,~~EAACC~~,~~aACCN~~,~~EAAC0B~~,~~EAAK~~,~~CAAA~~,SAAU,GAAM,KAAK,KAAK,WAAW,~~gBACxChB~~,~~CAAK~~,CAAA,~~EACA~~,IACPC,~~GACCX~~,~~EAAC0B~~,GAAK,SAAU,GAAM,KAAK,KAAK,UAAU,iBAAgB,~~SACvDf~~,CAAQ,CAAA,CAEZ,CACG,CAAA,CAAA,CAAA,CAAA,~~EAGRN~~,~~EAACC~~,~~EACC~~,CAAA,SAAA,~~CAAAN~~,~~EAAC0B~~,EAAI,CAAC,SAAU,GAAM,KAAK,KAAK,OAAQ,CAAE,UAAW,MAAO,~~MAAOb~~,~~CAAiB~~,~~EAAQ~~,~~GAAAG~~,~~WACzFJ~~,~~CAAY~~,CAAA,~~EAEdE~~,~~GACCd~~,~~EAAC0B~~,~~EAAI~~,~~CAAC~~,SAAU,GAAM,KAAK,KAAK,OAAQ,CAAE,UAAW,~~KAAK~~,~~EAAI~~,UAAU,~~iBAAgB~~,~~SACrFZ~~,~~CACI~~,CAAA,~~CACR~~,~~GACG~~,~~CACC~~,CAAA,CAAA,CAAA,~~CAGf~~,CAAC,~~EAGUa~~,EAAmB,OAAO,~~OAAOlB~~,EAAsB,CAClE,~~WAAAL~~,EACA,~~YAAAR~~,EACA,~~cAAAY~~,CACD,CAAA"}
1	+ {"version":3,"file":"activity-list-item.js","sources":["../../../../src/components/list-items/activity-list-item.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport Text from '@components/primitives/text';\nimport { cn } from '@lib/cn';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, PropsWithChildren, ReactElement } from 'react';\n\nexport interface ActivityListItemProps extends PropsWithChildren {\n onPress?: () => void;\n title: string;\n subtitle?: string;\n primaryValue: string;\n primaryValueColor?: string;\n secondaryValue?: string;\n}\n\nexport interface IconProps extends PropsWithChildren {\n backgroundColor?: string;\n}\n\nexport interface DoubleIconProps {\n backgroundColor?: string;\n children: ReactElement[];\n}\n\nconst PrimaryIcon = createSlot(({ backgroundColor, children }: IconProps) => (\n <div\n className=\"flex items-center justify-center rounded-[60px] h-11 w-11 overflow-hidden\"\n style={{ backgroundColor }}\n >\n {cloneElement(Children.only(children) as ReactElement, { height: 24, width: 24 })}\n </div>\n));\n\nconst DoubleIcon = createSlot(({ backgroundColor, children }: DoubleIconProps) => {\n return (\n <div className=\"h-10 w-10 relative\">\n <div className=\"flex items-center justify-center absolute h-7 w-7 rounded-[30px]\" style={{ backgroundColor }}>\n {cloneElement(children[0] as ReactElement, { height: 20, width: 20 })}\n </div>\n <div\n className=\"flex items-center justify-center absolute rounded-[30px] h-7 w-7 bottom-0 right-0\"\n style={{ backgroundColor }}\n >\n {cloneElement(children[1] as ReactElement, { height: 20, width: 20 })}\n </div>\n </div>\n );\n});\n\nconst SecondaryIcon = createSlot(({ backgroundColor, children }: IconProps) => (\n <div\n className=\"flex items-center justify-center rounded-[30px] border-2 border-neutral-tertiary w-5 h-5\"\n style={{ backgroundColor }}\n >\n {cloneElement(Children.only(children) as ReactElement, { height: 10, width: 10 })}\n </div>\n));\n\nconst ActivityListItemHost = ({\n title,\n subtitle,\n primaryValue,\n primaryValueColor,\n secondaryValue,\n children,\n onPress,\n ...props\n}: ActivityListItemProps) => {\n return createHost(children, slots => {\n const doubleIcon = slots.get(DoubleIcon);\n const primaryIcon = slots.get(PrimaryIcon);\n const secondaryIcon = slots.get(SecondaryIcon);\n\n return (\n <ButtonContainer borderRadius=\"0.375rem\" expand onPress={onPress}>\n <div\n className={cn(\n 'flex flex-row items-center p-3 gap-2 w-full relative rounded-md justify-between',\n 'active:scale-95 hover:bg-neutral-secondary bg-neutral-tertiary',\n )}\n {...props}\n >\n <div className=\"flex flex-row items-center gap-2.5\">\n {doubleIcon && doubleIcon}\n {primaryIcon && primaryIcon}\n {secondaryIcon && <div className=\"absolute left-9 top-11\">{secondaryIcon}</div>}\n <div>\n <Text truncate={true} size=\"md\" fontWeight=\"bold\">\n {title}\n </Text>{' '}\n {subtitle && (\n <Text truncate={true} size=\"sm\" fontColor=\"text.secondary\">\n {subtitle}\n </Text>\n )}\n </div>\n </div>\n\n <div>\n <Text truncate={true} size=\"md\" styles={{ textAlign: 'end', color: primaryValueColor }} {...props}>\n {primaryValue}\n </Text>\n {secondaryValue && (\n <Text truncate={true} size=\"sm\" styles={{ textAlign: 'end' }} fontColor=\"text.secondary\">\n {secondaryValue}\n </Text>\n )}\n </div>\n </div>\n </ButtonContainer>\n );\n });\n};\n\nexport const ActivityListItem = Object.assign(ActivityListItemHost, {\n DoubleIcon,\n PrimaryIcon,\n SecondaryIcon,\n});\n"],"names":["PrimaryIcon","createSlot","backgroundColor","children","_jsx","cloneElement","Children","DoubleIcon","_jsxs","SecondaryIcon","ActivityListItemHost","title","subtitle","primaryValue","primaryValueColor","secondaryValue","onPress","props","createHost","slots","doubleIcon","primaryIcon","secondaryIcon","ButtonContainer","cn","Text","ActivityListItem"],"mappings":"4xBAwBA,MAAMA,EAAcC,EAAW,CAAC,CAAE,gBAAAC,EAAiB,SAAAC,CAAQ,IACzDC,EACE,MAAA,CAAA,UAAU,4EACV,MAAO,CAAE,gBAAAF,GAER,SAAAG,EAAaC,EAAS,KAAKH,CAAQ,EAAmB,CAAE,OAAQ,GAAI,MAAO,GAAI,CAAC,CAAA,CAEpF,EAEKI,EAAaN,EAAW,CAAC,CAAE,gBAAAC,EAAiB,SAAAC,CAA2B,IAEzEK,EAAA,MAAA,CAAK,UAAU,qBAAoB,SAAA,CACjCJ,EAAK,MAAA,CAAA,UAAU,mEAAmE,MAAO,CAAE,gBAAAF,CAAiB,EAAA,SACzGG,EAAaF,EAAS,CAAC,EAAmB,CAAE,OAAQ,GAAI,MAAO,EAAE,CAAE,CAAC,CAAA,EAEvEC,EAAA,MAAA,CACE,UAAU,oFACV,MAAO,CAAE,gBAAAF,CAAe,EAEvB,SAAAG,EAAaF,EAAS,CAAC,EAAmB,CAAE,OAAQ,GAAI,MAAO,EAAI,CAAA,CAChE,CAAA,CAAA,CAAA,CAAA,CAGX,EAEKM,EAAgBR,EAAW,CAAC,CAAE,gBAAAC,EAAiB,SAAAC,CAAQ,IAC3DC,EACE,MAAA,CAAA,UAAU,2FACV,MAAO,CAAE,gBAAAF,GAER,SAAAG,EAAaC,EAAS,KAAKH,CAAQ,EAAmB,CAAE,OAAQ,GAAI,MAAO,GAAI,CAAC,CAAA,CAEpF,EAEKO,EAAuB,CAAC,CAC5B,MAAAC,EACA,SAAAC,EACA,aAAAC,EACA,kBAAAC,EACA,eAAAC,EACA,SAAAZ,EACA,QAAAa,EACA,GAAGC,CACmB,IACfC,EAAWf,EAAUgB,GAAQ,CAClC,MAAMC,EAAaD,EAAM,IAAIZ,CAAU,EACjCc,EAAcF,EAAM,IAAInB,CAAW,EACnCsB,EAAgBH,EAAM,IAAIV,CAAa,EAE7C,OACEL,EAACmB,EAAgB,CAAA,aAAa,WAAW,OAAM,GAAC,QAASP,EACvD,SAAAR,EAAA,MAAA,CACE,UAAWgB,EACT,kFACA,gEAAgE,EAE9D,GAAAP,YAEJT,EAAK,MAAA,CAAA,UAAU,+CACZY,GAAcA,EACdC,GAAeA,EACfC,GAAiBlB,EAAK,MAAA,CAAA,UAAU,kCAA0BkB,CAAa,CAAA,EACxEd,EAAA,MAAA,CAAA,SAAA,CACEJ,EAACqB,EAAI,CAAC,SAAU,GAAM,KAAK,KAAK,WAAW,OAAM,SAC9Cd,CACI,CAAA,EAAC,IACPC,GACCR,EAACqB,GAAK,SAAU,GAAM,KAAK,KAAK,UAAU,iBAAgB,SACvDb,CAAQ,CAAA,CAEZ,CACG,CAAA,CAAA,CAAA,CAAA,EAGRJ,EAAA,MAAA,CAAA,SAAA,CACEJ,EAACqB,EAAI,CAAC,SAAU,GAAM,KAAK,KAAK,OAAQ,CAAE,UAAW,MAAO,MAAOX,CAAmB,EAAA,GAAMG,EAAK,SAC9FJ,CACI,CAAA,EACNE,GACCX,EAACqB,EAAK,CAAA,SAAU,GAAM,KAAK,KAAK,OAAQ,CAAE,UAAW,KAAO,EAAE,UAAU,iBACrE,SAAAV,GAEJ,CAAA,CAAA,CACG,CACF,CAAA,CAAA,CAAA,CAGZ,CAAC,EAGUW,EAAmB,OAAO,OAAOhB,EAAsB,CAClE,WAAAH,EACA,YAAAP,EACA,cAAAS,CACD,CAAA"}

package/dist/es/components/list-items/navigation-button.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as n}from"react/jsx-runtime";import{ButtonContainer as w}from"../containers/button.js";import"../containers/card.js";import{cx as C,css as s}from"@styled/css";import{Center as d,HStack as a,VStack as j}from"@styled/jsx";import{token as k}from"@styled/tokens";import v from"../icons/ico-external-link.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 h from"../primitives/text.js";import{Children as f,cloneElement as g,forwardRef as L}from"react";import"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import"../containers/header.js";import"../containers/menu.js";import"../containers/modal.js";import"../containers/overlay.js";import{createSlot as u,createHost as B}from"create-slots";const y=u(({children:t,...r})=>o(d,{children:f.map(t,e=>g(e,r))})),b=u(({children:t,...r})=>o(d,{children:f.map(t,e=>g(e,r))})),x=L(({className:t,...r},e)=>{const{primaryLabel:p,secondaryLabel:l,isExternalLink:N}=r;return B(r.children,c=>{const i=c.get(y),m=c.get(b);return o(w,{ref:e,className:C(s({p:4,bg:"neutral.quaternary",_hover:{bg:"neutral.secondary"}}),t),borderRadius:"0.5rem",expand:!0,...r,children:n(a,{justify:"space-between",w:"full",children:[n(a,{children:[i&&{...i,props:{height:24,...i.props,className:i.props.color?void 0:s({color:"brand.base"})}},n(j,{gap:0,alignItems:"start",children:[n(a,{children:[typeof p=="string"?o(h,{fontWeight:"medium",children:p}):p,N&&o(v,{width:14,height:14,color:k("colors.neutral.primary")})]}),l&&o(h,{size:"sm",fontColor:"text.tertiary",children:l})]})]}),o(a,{children:m&&{...m,props:{...m.props,className:m.props.color?void 0:s({color:"neutral.primary"}),width:16,height:16}}})]})})})});x.displayName="NavigationButton";const I=Object.assign(x,{LeadingIcon:y,TrailingIcon:b});export{I as default};
+import{jsx as r,jsxs as s}from"react/jsx-runtime";import{ButtonContainer as N}from"../containers/button.js";import"../containers/card.js";import{cn as v}from"../../lib/cn.js";import y from"../icons/ico-external-link.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 c from"../primitives/text.js";import{Children as p,cloneElement as d,forwardRef as b}from"react";import"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import"../containers/header.js";import"../containers/menu.js";import"../containers/modal.js";import"../containers/overlay.js";import{createSlot as f,createHost as w}from"create-slots";const h=f(({children:t,...e})=>r("div",{className:"flex items-center justify-center",children:p.map(t,i=>d(i,e))})),x=f(({children:t,...e})=>r("div",{className:"flex items-center justify-center",children:p.map(t,i=>d(i,e))})),g=b(({className:t,...e},i)=>{const{primaryLabel:l,secondaryLabel:m,isExternalLink:u}=e;return w(e.children,n=>{const o=n.get(h),a=n.get(x);return r(N,{ref:i,className:v("p-4 bg-neutral-quaternary hover:bg-neutral-secondary",t),borderRadius:"0.5rem",expand:!0,...e,children:s("div",{className:"flex flex-row items-center justify-between w-full",children:[s("div",{className:"flex flex-row items-center gap-2.5",children:[o&&{...o,props:{height:24,...o.props,className:o.props.color?void 0:"text-brand-base"}},s("div",{className:"flex flex-col gap-0 items-start",children:[s("div",{className:"flex flex-row items-center gap-2.5",children:[typeof l=="string"?r(c,{fontWeight:"medium",children:l}):l,u&&r(y,{width:14,height:14,color:"var(--color-neutral-primary)"})]}),m&&r(c,{size:"sm",fontColor:"text.tertiary",children:m})]})]}),r("div",{className:"flex flex-row items-center gap-2.5",children:a&&{...a,props:{...a.props,className:a.props.color?void 0:"text-neutral-primary",width:16,height:16}}})]})})})});g.displayName="NavigationButton";const j=Object.assign(g,{LeadingIcon:h,TrailingIcon:x});export{j as default};
 //# sourceMappingURL=navigation-button.js.map

package/dist/es/components/list-items/navigation-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"navigation-button.js","sources":["../../../../src/components/list-items/navigation-button.tsx"],"sourcesContent":["import { ButtonContainer, ButtonContainerProps } from '@components/containers';\nimport { IcoExternalLink } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { ~~css,~~ cx } from '@~~styled~~/~~css~~';\nimport { ~~Center, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport {~~ createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, forwardRef, ReactNode } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nexport interface NavigationButtonProps extends AriaButtonProps, ButtonContainerProps {\n primaryLabel: string \| ReactNode;\n secondaryLabel?: string;\n isExternalLink?: boolean;\n disabled?: boolean;\n}\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n return (\n <~~Center~~>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </~~Center~~>\n );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n return (\n <~~Center~~>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </~~Center~~>\n );\n});\n\nconst NavigationButtonBase = forwardRef<HTMLButtonElement, NavigationButtonProps>(\n ({ className, ...props }, forwardedRef) => {\n const { primaryLabel, secondaryLabel, isExternalLink } = props;\n\n return createHost(props.children, slots => {\n const leadingIcon = slots.get(LeadingIcon);\n const trailingIcon = slots.get(TrailingIcon);\n\n return (\n <ButtonContainer\n ref={forwardedRef}\n className={cx(~~\n css({\n~~ p: ~~4,\n~~ bg~~: '~~neutral.quaternary~~',\n _hover~~: { bg~~: '~~neutral.secondary' ~~},\n }),\n~~ className~~,\n~~ )}\n borderRadius=\"0.5rem\"\n expand\n {...props}\n >\n <~~HStack~~ ~~justify~~=\"~~space~~-between\" w~~=\"~~full\">\n <~~HStack~~>\n {leadingIcon && {\n ...leadingIcon,\n props: {\n height: 24,\n ...leadingIcon.props,\n className: !leadingIcon.props.color ? ~~css({ color:~~ 'brand.base' }) : undefined,\n },\n }}\n <~~VStack~~ gap={0} ~~alignItems=\"~~start\">\n <~~HStack~~>\n {typeof primaryLabel === 'string' ? <Text fontWeight=\"medium\">{primaryLabel}</Text> : primaryLabel}\n {isExternalLink && <IcoExternalLink width={14} height={14} color={~~token~~(~~'colors.~~neutral.primary')} />}\n </~~HStack~~>\n {secondaryLabel && (\n <Text size=\"sm\" fontColor=\"text.tertiary\">\n {secondaryLabel}\n </Text>\n )}\n </~~VStack~~>\n </~~HStack~~>\n <~~HStack~~>\n {trailingIcon && {\n ...trailingIcon,\n props: {\n ...trailingIcon.props,\n className: !trailingIcon.props.color ? ~~css({ color:~~ 'neutral.primary' }) : undefined,\n width: 16,\n height: 16,\n },\n }}\n </~~HStack~~>\n </~~HStack~~>\n </ButtonContainer>\n );\n });\n },\n);\n\nNavigationButtonBase.displayName = 'NavigationButton';\n\nconst NavigationButton = Object.assign(NavigationButtonBase, { LeadingIcon, TrailingIcon });\n\nexport default NavigationButton;\n"],"names":["LeadingIcon","createSlot","children","props","_jsx","~~Center","~~Children","child","cloneElement","TrailingIcon","NavigationButtonBase","forwardRef","className","forwardedRef","primaryLabel","secondaryLabel","isExternalLink","createHost","slots","leadingIcon","trailingIcon","ButtonContainer","cx","~~css","~~_jsxs","~~HStack","VStack","~~Text","IcoExternalLink","~~token","~~NavigationButton"],"mappings":"~~k8BAiBA~~,MAAMA,EAAcC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAElDC,~~EAACC~~,~~EAAM~~,~~CAAA~~,~~SACJC~~,EAAS,~~IAAIJ~~,~~EAAUK~~,GACfC,EAAaD,~~EAAOJ~~,CAAK,CACjC,~~CACM~~,CAAA,~~CAEZ~~,~~EAEKM~~,~~EAAeR~~,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEnDC,~~EAACC~~,~~EAAM~~,~~CAAA~~,~~SACJC~~,EAAS,~~IAAIJ~~,~~EAAUK~~,GACfC,EAAaD,~~EAAOJ~~,CAAK,CACjC,~~CACM~~,CAAA,~~CAEZ~~,~~EAEKO~~,EAAuBC,EAC3B,CAAC,CAAE,UAAAC,EAAW,~~GAAGT~~,CAAK,~~EAAIU~~,IAAgB,CACxC,KAAM,CAAE,aAAAC,EAAc,eAAAC,EAAgB,eAAAC,CAAc,~~EAAKb~~,EAEzD,~~OAAOc~~,~~EAAWd~~,EAAM,~~SAAUe~~,GAAQ,CACxC,MAAMC,EAAcD,EAAM,~~IAAIlB~~,CAAW,~~EACnCoB~~,EAAeF,EAAM,IAAIT,CAAY,EAE3C,~~OACEL~~,~~EAACiB~~,~~EAAe~~,~~CACd~~,IAAKR,EACL,UAAWS,~~EACTC,EAAI,CACF,~~EAAG,~~EACH~~,~~GAAI,qBACJ,OAAQ,CAAE,GAAI,mBAAqB,EACpC,EACDX,~~CAAS,~~EAEX~~,aAAa,SACb,~~OACI~~,GAAA,~~GAAAT~~,~~EAEJ~~,~~SAAAqB~~,~~EAACC~~,~~EAAM~~,~~CAAC~~,~~QAAQ,gBAAgB,EAAE,OAAM,~~SAAA,~~CACtCD~~,~~EAACC~~,~~EACE~~,~~CAAA~~,SAAA,~~CAAAN~~,GAAe,CACd,GAAGA,EACH,MAAO,CACL,OAAQ,GACR,GAAGA,EAAY,MACf,UAAYA,EAAY,MAAM,~~MAAuC~~,~~OAA/BI~~,~~EAAI~~,~~CAAE~~,~~MAAO~~,~~aAAc~~,~~CAClE~~,~~CACF~~,~~EACDC~~,~~EAACE~~,~~EAAM~~,~~CAAC~~,~~IAAK~~,~~EAAG~~,~~WAAW~~,~~kBACzBF~~,~~EAACC,aACE,OAAOX,~~GAAiB,~~SAAWV~~,~~EAACuB~~,EAAI,CAAC,WAAW,SAAU,~~SAAAb~~,~~CAAoB~~,~~CAAA,EAAGA,~~EACrFE,~~GAAkBZ~~,~~EAACwB~~,~~EAAe~~,~~CAAC,~~MAAO,GAAI,OAAQ,GAAI,~~MAAOC~~,~~EAAM~~,~~wBAAwB,CAAC,~~CAAA,CAAI,~~IAEtGd~~,~~GACCX~~,~~EAACuB~~,~~EAAI~~,~~CAAC~~,KAAK,KAAK,UAAU,gBACvB,~~SAAAZ~~,~~CACI~~,CAAA,~~CACR~~,~~GACM~~,CACF,CAAA,~~EACTX~~,~~EAACqB~~,~~EAAM~~,~~CAAA~~,~~SACJL~~,GAAgB,CACf,GAAGA,EACH,MAAO,CACL,GAAGA,EAAa,MAChB,UAAYA,EAAa,MAAM,~~MAA4C~~,~~OAApCG~~,~~EAAI~~,~~CAAE,~~MAAO,~~kBAAmB,EACvE,MAAO,~~GACP,OAAQ,EACT,~~EAEI~~,CAAA,CAAA,CAAA,CAAA,~~CAEK~~,CAAA,CAEtB,CAAC,CACH,CAAC,~~EAGHb~~,EAAqB,YAAc,~~yBAE7BoB~~,EAAmB,OAAO,~~OAAOpB~~,EAAsB,CAAE,~~YAAAV~~,EAAa,~~aAAAS~~,CAAY,CAAE"}
1	+ {"version":3,"file":"navigation-button.js","sources":["../../../../src/components/list-items/navigation-button.tsx"],"sourcesContent":["import { ButtonContainer, ButtonContainerProps } from '@components/containers';\nimport { IcoExternalLink } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { cn } from '@lib/cn';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, forwardRef, ReactNode } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nexport interface NavigationButtonProps extends AriaButtonProps, ButtonContainerProps {\n primaryLabel: string \| ReactNode;\n secondaryLabel?: string;\n isExternalLink?: boolean;\n disabled?: boolean;\n}\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n return (\n <div className=\"flex items-center justify-center\">\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </div>\n );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n return (\n <div className=\"flex items-center justify-center\">\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </div>\n );\n});\n\nconst NavigationButtonBase = forwardRef<HTMLButtonElement, NavigationButtonProps>(\n ({ className, ...props }, forwardedRef) => {\n const { primaryLabel, secondaryLabel, isExternalLink } = props;\n\n return createHost(props.children, slots => {\n const leadingIcon = slots.get(LeadingIcon);\n const trailingIcon = slots.get(TrailingIcon);\n\n return (\n <ButtonContainer\n ref={forwardedRef}\n className={cn('p-4 bg-neutral-quaternary hover:bg-neutral-secondary', className)}\n borderRadius=\"0.5rem\"\n expand\n {...props}\n >\n <div className=\"flex flex-row items-center justify-between w-full\">\n <div className=\"flex flex-row items-center gap-2.5\">\n {leadingIcon && {\n ...leadingIcon,\n props: {\n height: 24,\n ...leadingIcon.props,\n className: !leadingIcon.props.color ? 'text-brand-base' : undefined,\n },\n }}\n <div className=\"flex flex-col gap-0 items-start\">\n <div className=\"flex flex-row items-center gap-2.5\">\n {typeof primaryLabel === 'string' ? <Text fontWeight=\"medium\">{primaryLabel}</Text> : primaryLabel}\n {isExternalLink && <IcoExternalLink width={14} height={14} color={'var(--color-neutral-primary)'} />}\n </div>\n {secondaryLabel && (\n <Text size=\"sm\" fontColor=\"text.tertiary\">\n {secondaryLabel}\n </Text>\n )}\n </div>\n </div>\n <div className=\"flex flex-row items-center gap-2.5\">\n {trailingIcon && {\n ...trailingIcon,\n props: {\n ...trailingIcon.props,\n className: !trailingIcon.props.color ? 'text-neutral-primary' : undefined,\n width: 16,\n height: 16,\n },\n }}\n </div>\n </div>\n </ButtonContainer>\n );\n });\n },\n);\n\nNavigationButtonBase.displayName = 'NavigationButton';\n\nconst NavigationButton = Object.assign(NavigationButtonBase, { LeadingIcon, TrailingIcon });\n\nexport default NavigationButton;\n"],"names":["LeadingIcon","createSlot","children","props","_jsx","Children","child","cloneElement","TrailingIcon","NavigationButtonBase","forwardRef","className","forwardedRef","primaryLabel","secondaryLabel","isExternalLink","createHost","slots","leadingIcon","trailingIcon","ButtonContainer","cn","_jsxs","Text","IcoExternalLink","NavigationButton"],"mappings":"y1BAeA,MAAMA,EAAcC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAElDC,EAAA,MAAA,CAAK,UAAU,mCACZ,SAAAC,EAAS,IAAIH,EAAUI,GACfC,EAAaD,EAAOH,CAAK,CACjC,CACG,CAAA,CAET,EAEKK,EAAeP,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEnDC,EAAA,MAAA,CAAK,UAAU,mCACZ,SAAAC,EAAS,IAAIH,EAAUI,GACfC,EAAaD,EAAOH,CAAK,CACjC,CACG,CAAA,CAET,EAEKM,EAAuBC,EAC3B,CAAC,CAAE,UAAAC,EAAW,GAAGR,CAAK,EAAIS,IAAgB,CACxC,KAAM,CAAE,aAAAC,EAAc,eAAAC,EAAgB,eAAAC,CAAc,EAAKZ,EAEzD,OAAOa,EAAWb,EAAM,SAAUc,GAAQ,CACxC,MAAMC,EAAcD,EAAM,IAAIjB,CAAW,EACnCmB,EAAeF,EAAM,IAAIT,CAAY,EAE3C,OACEJ,EAACgB,EACC,CAAA,IAAKR,EACL,UAAWS,EAAG,uDAAwDV,CAAS,EAC/E,aAAa,SACb,OAAM,GAAA,GACFR,EAAK,SAETmB,SAAK,UAAU,oDAAmD,SAAA,CAChEA,SAAK,UAAU,qCAAoC,SAAA,CAChDJ,GAAe,CACd,GAAGA,EACH,MAAO,CACL,OAAQ,GACR,GAAGA,EAAY,MACf,UAAYA,EAAY,MAAM,MAA4B,OAApB,iBACvC,CACF,EACDI,SAAK,UAAU,kCAAiC,SAAA,CAC9CA,SAAK,UAAU,qCAAoC,SAAA,CAChD,OAAOT,GAAiB,SAAWT,EAACmB,EAAI,CAAC,WAAW,SAAU,SAAAV,IAAuBA,EACrFE,GAAkBX,EAACoB,GAAgB,MAAO,GAAI,OAAQ,GAAI,MAAO,8BAA8B,CAAA,CAAI,CAChG,CAAA,EACLV,GACCV,EAACmB,GAAK,KAAK,KAAK,UAAU,gBACvB,SAAAT,GAEJ,CAAA,CAAA,CACG,CACF,CAAA,EACNV,SAAK,UAAU,qCAAoC,SAChDe,GAAgB,CACf,GAAGA,EACH,MAAO,CACL,GAAGA,EAAa,MAChB,UAAYA,EAAa,MAAM,MAAiC,OAAzB,uBACvC,MAAO,GACP,OAAQ,EACT,EAEC,CAAA,CAAA,CAAA,CAAA,CAEQ,CAAA,CAEtB,CAAC,CACH,CAAC,EAGHV,EAAqB,YAAc,mBAEnC,MAAMgB,EAAmB,OAAO,OAAOhB,EAAsB,CAAE,YAAAT,EAAa,aAAAQ,CAAY,CAAE"}

package/dist/es/components/list-items/nft-tile.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{ButtonContainer as a}from"../containers/button.js";import"../containers/card.js";import{css as p}from"@styled/css";import{Box as c}from"@styled/jsx";import"@styled/tokens";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"../primitives/text.js";import{useCallback as l}from"react";import"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import"../containers/header.js";import"../containers/menu.js";import"../containers/modal.js";import"../containers/overlay.js";const s=({src:o,alt:t})=>r(c,{rounded:"2xl",overflow:"hidden",children:r("img",{src:o,alt:t,className:p({objectFit:"cover"})})}),n=o=>{const{src:t,onPress:i,alt:m}=o,e=l(()=>{i?.()},[i]);return i?r(a,{className:p({_hover:{boxShadow:"0 6px 8px 2px rgba(0, 0, 0, .18)"}}),borderRadius:"1rem",onPress:e,...o,children:r(s,{src:t,alt:m})}):r(s,{src:t,alt:m})};export{n as NFTTile};
+import{jsx as r}from"react/jsx-runtime";import{ButtonContainer as e}from"../containers/button.js";import"../containers/card.js";import"../../lib/cn.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"../primitives/text.js";import{useCallback as a}from"react";import"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import"../containers/header.js";import"../containers/menu.js";import"../containers/modal.js";import"../containers/overlay.js";const p=({src:o,alt:t})=>r("div",{className:"rounded-2xl overflow-hidden",children:r("img",{src:o,alt:t,className:"object-cover"})}),c=o=>{const{src:t,onPress:i,alt:m}=o,s=a(()=>{i?.()},[i]);return i?r(e,{className:"hover:shadow-[0_6px_8px_2px_rgba(0,0,0,.18)]",borderRadius:"1rem",onPress:s,...o,children:r(p,{src:t,alt:m})}):r(p,{src:t,alt:m})};export{c as NFTTile};
 //# sourceMappingURL=nft-tile.js.map

package/dist/es/components/list-items/nft-tile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nft-tile.js","sources":["../../../../src/components/list-items/nft-tile.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { ~~css } from '@styled/css';\nimport { Box } from '@styled/jsx';\nimport {~~ useCallback } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nexport interface NFTTileProps extends AriaButtonProps {\n src: string;\n onPress?: () => void;\n alt: string;\n}\n\ninterface ImageContainerProps {\n src: string;\n alt: string;\n}\n\nconst ImageContainer = ({ src, alt }: ImageContainerProps) => {\n return (\n <~~Box~~ ~~rounded~~=\"2xl\" overflow~~=\"~~hidden\">\n <img src={src} alt={alt} className~~={css({ objectFit: '~~cover' ~~})}~~ />\n </~~Box~~>\n );\n};\n\nexport const NFTTile = (props: NFTTileProps) => {\n const { src, onPress, alt } = props;\n\n const handlePress = useCallback(() => {\n onPress?.();\n }, [onPress]);\n\n if (onPress)\n return (\n <ButtonContainer\n className~~={css({\n _hover~~: ~~{\n boxShadow: '0 6px 8px 2px rgba~~(0, 0, 0~~, .~~18)~~',\n },\n })}~~\n borderRadius=\"1rem\"\n onPress={handlePress}\n {...props}\n >\n <ImageContainer src={src} alt={alt} />\n </ButtonContainer>\n );\n\n return <ImageContainer src={src} alt={alt} />;\n};\n"],"names":["ImageContainer","src","alt","_jsx","~~Box","css","~~NFTTile","props","onPress","handlePress","useCallback","ButtonContainer"],"mappings":"~~wvBAiBA~~,MAAMA,EAAiB,CAAC,CAAE,IAAAC,EAAK,IAAAC,CAA0B,IAErDC,~~EAACC~~,~~EAAG~~,~~CAAC~~,~~QAAQ~~,~~MAAM~~,~~SAAS,SAAQ,SAClCD,EAAK,~~MAAA,~~CAAA~~,IAAKF,EAAK,IAAKC,EAAK,~~UAAWG~~,~~EAAI~~,~~CAAE,UAAW,OAAS,~~CAAA,~~CAAK~~,CAAA,~~CAAA~~,~~CAAA,EAK5DC,~~EAAWC,GAAuB,CAC7C,KAAM,CAAE,~~IAAAN~~,EAAK,~~QAAAO~~,EAAS,~~IAAAN~~,CAAG,~~EAAKK~~,EAExBE,EAAcC,EAAY,IAAK,CACnCF,~~IAAAA~~,~~CACF~~,EAAG,CAACA,CAAO,CAAC,EAEZ,OAAIA,~~EAEAL~~,~~EAACQ~~,~~GACC~~,~~UAAWN~~,~~EAAI~~,~~CACb,OAAQ,CACN,UAAW,kCACZ,EACF,EACD,~~aAAa,OACb,~~QAASI~~,EACL,GAAAF,EAEJ,~~SAAAJ~~,EAACH,~~EAAe~~,~~CAAA~~,IAAKC,EAAK,IAAKC,~~CAAG~~,CAAA,~~CAClB~~,CAAA,~~EAGfC~~,EAACH,EAAc,CAAC,IAAKC,EAAK,IAAKC,CAAG,CAAA,CAC3C"}
1	+ {"version":3,"file":"nft-tile.js","sources":["../../../../src/components/list-items/nft-tile.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { useCallback } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nexport interface NFTTileProps extends AriaButtonProps {\n src: string;\n onPress?: () => void;\n alt: string;\n}\n\ninterface ImageContainerProps {\n src: string;\n alt: string;\n}\n\nconst ImageContainer = ({ src, alt }: ImageContainerProps) => {\n return (\n <div className=\"rounded-2xl overflow-hidden\">\n <img src={src} alt={alt} className=\"object-cover\" />\n </div>\n );\n};\n\nexport const NFTTile = (props: NFTTileProps) => {\n const { src, onPress, alt } = props;\n\n const handlePress = useCallback(() => {\n onPress?.();\n }, [onPress]);\n\n if (onPress)\n return (\n <ButtonContainer\n className=\"hover:shadow-[0_6px_8px_2px_rgba(0,0,0,.18)]\"\n borderRadius=\"1rem\"\n onPress={handlePress}\n {...props}\n >\n <ImageContainer src={src} alt={alt} />\n </ButtonContainer>\n );\n\n return <ImageContainer src={src} alt={alt} />;\n};\n"],"names":["ImageContainer","src","alt","_jsx","NFTTile","props","onPress","handlePress","useCallback","ButtonContainer"],"mappings":"qrBAeA,MAAMA,EAAiB,CAAC,CAAE,IAAAC,EAAK,IAAAC,CAA0B,IAErDC,SAAK,UAAU,8BACb,SAAAA,EAAA,MAAA,CAAK,IAAKF,EAAK,IAAKC,EAAK,UAAU,cAAc,CAAA,CAC7C,CAAA,EAIGE,EAAWC,GAAuB,CAC7C,KAAM,CAAE,IAAAJ,EAAK,QAAAK,EAAS,IAAAJ,CAAG,EAAKG,EAExBE,EAAcC,EAAY,IAAK,CACnCF,IACF,CAAA,EAAG,CAACA,CAAO,CAAC,EAEZ,OAAIA,EAEAH,EAACM,EAAe,CACd,UAAU,+CACV,aAAa,OACb,QAASF,EACL,GAAAF,EAEJ,SAAAF,EAACH,EAAc,CAAC,IAAKC,EAAK,IAAKC,CAAO,CAAA,CAAA,CAAA,EAIrCC,EAACH,EAAc,CAAC,IAAKC,EAAK,IAAKC,CAAG,CAAA,CAC3C"}

package/dist/es/components/list-items/token-list-item.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as c,Fragment as d}from"react/jsx-runtime";import{ButtonContainer as x}from"../containers/button.js";import"../containers/card.js";import{css as S}from"@styled/css";import{Center as W,HStack as g,VStack as w}from"@styled/jsx";import"@styled/tokens";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 p from"../primitives/text.js";import{Children as I,cloneElement as C,useRef as F,useCallback as H}from"react";import"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import L from"../logos/icon-generic-token.js";import"../containers/header.js";import"../containers/menu.js";import"../containers/modal.js";import"../containers/overlay.js";import"../feedback/callout.js";import"../feedback/progress-bar.js";import{Skeleton as f}from"../feedback/skeleton.js";import"../primitives/portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import{createSlot as j,createHost as v}from"create-slots";const b=j(({children:o,...e})=>t(W,{children:I.map(o,i=>C(i,e))})),k=({name:o,fiatBalanceWithSymbol:e,tokenBalanceWithSymbol:i,tokenIcon:r,logoUrl:a,tokenBalanceFirst:l,disabled:s=!1,isLoading:n=!1})=>{const m=l||!e;return c(g,{w:"full",justify:"space-between",opacity:s?"0.5":"1",children:[c(g,{gap:4,children:[r?{...r,props:{...r.props,width:40,height:40}}:a?t("img",{width:40,height:40,src:a,alt:`${o} logo`}):t(L,{width:40,height:40}),t(p,{fontWeight:"medium",styles:{textTransform:"capitalize",textAlign:"left"},children:o})]}),t(w,{gap:0,alignItems:"flex-end",children:n?c(d,{children:[t(f,{height:"1rem",width:"6rem"}),i&&e&&t("div",{style:{marginTop:"4px"},children:t(f,{height:"1rem",width:"4rem"})})]}):c(d,{children:[t(p,{size:"sm",styles:{lineHeight:"1.5rem",textAlign:"right"},children:m?i:e}),t(p,{size:"sm",fontColor:"text.secondary",styles:{lineHeight:"1.5rem",textAlign:"right"},children:m?e:i})]})})]})},T=o=>{const{name:e,fiatBalanceWithSymbol:i,tokenBalanceWithSymbol:r,logoUrl:a,onPress:l,tokenBalanceFirst:s,disabled:n,isLoading:m}=o,y=F(null),u=H(()=>{l?.()},[l]);return v(o.children,B=>{const h=B.get(b);return l?t(x,{ref:y,className:S({_dark:{bg:"surface.tertiary"},_hover:{bg:"neutral.secondary"},bg:"neutral.quaternary",px:4,py:2,minH:16}),borderRadius:"0.5rem",expand:!0,onPress:n?void 0:u,disabled:n,children:t(k,{name:e,fiatBalanceWithSymbol:i,tokenBalanceWithSymbol:r,tokenIcon:h,logoUrl:a,tokenBalanceFirst:s,disabled:n,isLoading:m})}):t(k,{name:e,fiatBalanceWithSymbol:i,tokenBalanceWithSymbol:r,tokenIcon:h,logoUrl:a,tokenBalanceFirst:s,disabled:n,isLoading:m})})},U=Object.assign(T,{TokenIcon:b});export{U as TokenListItem};
+import{jsx as e,jsxs as c,Fragment as p}from"react/jsx-runtime";import{ButtonContainer as k}from"../containers/button.js";import"../containers/card.js";import{cn as B}from"../../lib/cn.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 d from"../primitives/text.js";import{Children as S,cloneElement as w,useRef as W,useCallback as v}from"react";import"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import I from"../logos/icon-generic-token.js";import"../containers/header.js";import"../containers/menu.js";import"../containers/modal.js";import"../containers/overlay.js";import"../feedback/callout.js";import{Skeleton as g}from"../feedback/skeleton.js";import"../primitives/portal.js";import"../../hooks/useToast.js";import"../feedback/tooltip.js";import{createSlot as j,createHost as F}from"create-slots";const f=j(({children:o,...t})=>e("div",{className:"flex items-center justify-center",children:S.map(o,i=>w(i,t))})),y=({name:o,fiatBalanceWithSymbol:t,tokenBalanceWithSymbol:i,tokenIcon:r,logoUrl:l,tokenBalanceFirst:a,disabled:s=!1,isLoading:n=!1})=>{const m=a||!t;return c("div",{className:B("flex flex-row items-center w-full justify-between",s?"opacity-50":"opacity-100"),children:[c("div",{className:"flex flex-row items-center gap-4",children:[r?{...r,props:{...r.props,width:40,height:40}}:l?e("img",{width:40,height:40,src:l,alt:`${o} logo`}):e(I,{width:40,height:40}),e(d,{fontWeight:"medium",styles:{textTransform:"capitalize",textAlign:"left"},children:o})]}),e("div",{className:"flex flex-col gap-0 items-end",children:n?c(p,{children:[e(g,{height:"1rem",width:"6rem"}),i&&t&&e("div",{style:{marginTop:"4px"},children:e(g,{height:"1rem",width:"4rem"})})]}):c(p,{children:[e(d,{size:"sm",styles:{lineHeight:"1.5rem",textAlign:"right"},children:m?i:t}),e(d,{size:"sm",fontColor:"text.secondary",styles:{lineHeight:"1.5rem",textAlign:"right"},children:m?t:i})]})})]})},L=o=>{const{name:t,fiatBalanceWithSymbol:i,tokenBalanceWithSymbol:r,logoUrl:l,onPress:a,tokenBalanceFirst:s,disabled:n,isLoading:m}=o,b=W(null),x=v(()=>{a?.()},[a]);return F(o.children,u=>{const h=u.get(f);return a?e(k,{ref:b,className:"dark:bg-surface-tertiary hover:bg-neutral-secondary bg-neutral-quaternary px-4 py-2 min-h-[4rem]",borderRadius:"0.5rem",expand:!0,onPress:n?void 0:x,disabled:n,children:e(y,{name:t,fiatBalanceWithSymbol:i,tokenBalanceWithSymbol:r,tokenIcon:h,logoUrl:l,tokenBalanceFirst:s,disabled:n,isLoading:m})}):e(y,{name:t,fiatBalanceWithSymbol:i,tokenBalanceWithSymbol:r,tokenIcon:h,logoUrl:l,tokenBalanceFirst:s,disabled:n,isLoading:m})})},N=Object.assign(L,{TokenIcon:f});export{N as TokenListItem};
 //# sourceMappingURL=token-list-item.js.map

package/dist/es/components/list-items/token-list-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"token-list-item.js","sources":["../../../../src/components/list-items/token-list-item.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { Skeleton } from '@components/feedback';\nimport { IconGenericToken } from '@components/logos';\nimport { Text } from '@components/primitives';\nimport { ~~css~~ } from '@~~styled~~/~~css~~';\nimport { ~~Center, HStack, VStack } from '@styled/jsx';\nimport {~~ createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, FC, PropsWithChildren, useCallback, useRef } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nexport interface TokenListItemProps extends AriaButtonProps {\n name: string;\n fiatBalanceWithSymbol?: string;\n tokenBalanceWithSymbol: string;\n logoUrl?: string;\n onPress?: () => void;\n tokenBalanceFirst?: boolean;\n disabled?: boolean;\n isLoading?: boolean;\n}\n\nconst TokenIcon = createSlot(({ children, ...props }) => {\n return (\n <~~Center~~>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </~~Center~~>\n );\n});\n\ninterface ListContentProps extends Omit<TokenListItemProps, 'onPress'> {\n tokenIcon?: React.ReactElement;\n}\n\nconst ListContent = ({\n name,\n fiatBalanceWithSymbol,\n tokenBalanceWithSymbol,\n tokenIcon,\n logoUrl,\n tokenBalanceFirst,\n disabled = false,\n isLoading = false,\n}: ListContentProps) => {\n const balanceFirst = tokenBalanceFirst \|\| !fiatBalanceWithSymbol;\n return (\n <~~HStack~~ w~~=\"~~full\" justify~~=\"space~~-between\" ~~opacity={~~disabled ? '~~0.5~~' : '1'}>\n <~~HStack~~ gap={4}>\n {tokenIcon ? (\n {\n ...tokenIcon,\n props: {\n ...tokenIcon.props,\n width: 40,\n height: 40,\n },\n }\n ) : logoUrl ? (\n <img width={40} height={40} src={logoUrl} alt={`${name} logo`} />\n ) : (\n <IconGenericToken width={40} height={40} />\n )}\n <Text fontWeight=\"medium\" styles={{ textTransform: 'capitalize', textAlign: 'left' }}>\n {name}\n </Text>\n </~~HStack~~>\n <~~VStack~~ ~~gap={0} alignItems~~=\"flex-end\">\n {isLoading ? (\n <>\n <Skeleton height={'1rem'} width={'6rem'} />\n {tokenBalanceWithSymbol && fiatBalanceWithSymbol && (\n <div style={{ marginTop: '4px' }}>\n <Skeleton height={'1rem'} width={'4rem'} />\n </div>\n )}\n </>\n ) : (\n <>\n <Text size=\"sm\" styles={{ lineHeight: '1.5rem', textAlign: 'right' }}>\n {balanceFirst ? tokenBalanceWithSymbol : fiatBalanceWithSymbol}\n </Text>\n <Text size=\"sm\" fontColor=\"text.secondary\" styles={{ lineHeight: '1.5rem', textAlign: 'right' }}>\n {balanceFirst ? fiatBalanceWithSymbol : tokenBalanceWithSymbol}\n </Text>\n </>\n )}\n </~~VStack~~>\n </~~HStack~~>\n );\n};\n\nconst TokenListItemBase: FC<PropsWithChildren<TokenListItemProps>> = props => {\n const {\n name,\n fiatBalanceWithSymbol,\n tokenBalanceWithSymbol,\n logoUrl,\n onPress,\n tokenBalanceFirst,\n disabled,\n isLoading,\n } = props;\n\n const ref = useRef(null);\n\n const handlePress = useCallback(() => {\n onPress?.();\n }, [onPress]);\n\n return createHost(props.children, slots => {\n const tokenIcon = slots.get(TokenIcon);\n\n if (onPress)\n return (\n <ButtonContainer\n ref={ref}\n className~~={css({\n _dark~~: { bg~~: '~~surface.tertiary' ~~},\n _hover~~: { bg~~: '~~neutral.secondary' ~~},\n~~ bg~~: '~~neutral.quaternary~~',\n~~ px: ~~4,\n~~ py: 2~~,\n minH:~~ ~~16,\n })}~~\n borderRadius=\"0.5rem\"\n expand\n onPress={disabled ? undefined : handlePress}\n disabled={disabled}\n >\n <ListContent\n name={name}\n fiatBalanceWithSymbol={fiatBalanceWithSymbol}\n tokenBalanceWithSymbol={tokenBalanceWithSymbol}\n tokenIcon={tokenIcon}\n logoUrl={logoUrl}\n tokenBalanceFirst={tokenBalanceFirst}\n disabled={disabled}\n isLoading={isLoading}\n />\n </ButtonContainer>\n );\n\n return (\n <ListContent\n name={name}\n fiatBalanceWithSymbol={fiatBalanceWithSymbol}\n tokenBalanceWithSymbol={tokenBalanceWithSymbol}\n tokenIcon={tokenIcon}\n logoUrl={logoUrl}\n tokenBalanceFirst={tokenBalanceFirst}\n disabled={disabled}\n isLoading={isLoading}\n />\n );\n });\n};\n\nexport const TokenListItem = Object.assign(TokenListItemBase, { TokenIcon });\n"],"names":["TokenIcon","createSlot","children","props","_jsx","~~Center","~~Children","child","cloneElement","ListContent","name","fiatBalanceWithSymbol","tokenBalanceWithSymbol","tokenIcon","logoUrl","tokenBalanceFirst","disabled","isLoading","balanceFirst","_jsxs","~~HStack~~","IconGenericToken","Text","~~VStack","~~_Fragment","Skeleton","TokenListItemBase","onPress","ref","useRef","handlePress","useCallback","createHost","slots","ButtonContainer","~~css","~~TokenListItem"],"mappings":"~~0rCAqBA~~,MAAMA,EAAYC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEhDC,~~EAACC~~,~~EAAM~~,~~CAAA~~,~~SACJC~~,EAAS,~~IAAIJ~~,~~EAAUK~~,GACfC,EAAaD,~~EAAOJ~~,CAAK,CACjC,~~CACM~~,CAAA,~~CAEZ~~,~~EAMKM~~,EAAc,CAAC,CACnB,KAAAC,EACA,sBAAAC,EACA,uBAAAC,EACA,UAAAC,EACA,QAAAC,EACA,kBAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EAAY,EACK,IAAI,CACrB,MAAMC,EAAeH,GAAqB,CAACJ,EAC3C,OACEQ,~~EAACC~~,~~EAAM~~,~~CAAC~~,~~EAAE~~,~~OAAO~~,~~QAAQ~~,~~gBAAgB~~,~~QAASJ~~,~~EAAW~~,~~MAAQ~~,~~IAAG,~~SAAA,~~CACtEG~~,~~EAACC~~,~~EAAM~~,~~CAAC~~,~~IAAK~~,~~EACV~~,SAAA,~~CAAAP~~,EACC,CACE,GAAGA,EACH,MAAO,CACL,GAAGA,EAAU,MACb,MAAO,GACP,OAAQ,EACT,GAEDC,~~EACFV~~,EAAK,MAAA,CAAA,MAAO,GAAI,OAAQ,GAAI,~~IAAKU~~,EAAS,IAAK,GAAGJ,CAAI,~~UAEtDN~~,~~EAACiB~~,~~EAAgB~~,~~CAAC~~,MAAO,GAAI,OAAQ,~~EAAM~~,CAAA,~~EAE7CjB~~,~~EAACkB~~,~~EAAI~~,~~CAAC,~~WAAW,SAAS,OAAQ,CAAE,cAAe,aAAc,UAAW,~~MAAM~~,~~WAC/EZ~~,~~CAAI~~,CAAA,~~CACA~~,~~IAETN~~,~~EAACmB~~,~~EAAM~~,~~CAAC~~,~~IAAK,EAAG,WAAW,WAAU,SAClCN,~~EACCE,~~EACEK~~,EAAA,CAAA,SAAA,~~CAAApB~~,~~EAACqB~~,EAAS,CAAA,OAAQ,OAAQ,MAAO,~~MAAU~~,~~CAAA,EAC1Cb,~~GAA0BD,~~GACzBP~~,SAAK,MAAO,CAAE,UAAW,KAAO,EAAA,SAC9BA,~~EAACqB~~,EAAQ,CAAC,OAAQ,OAAQ,MAAO,~~MAAM~~,CAAA,~~CACnC~~,CAAA,~~CACP~~,~~IAGHN~~,~~eACEf~~,~~EAACkB~~,EAAK,CAAA,KAAK,KAAK,OAAQ,CAAE,WAAY,SAAU,UAAW,~~OAAS~~,~~EAAA~~,~~SACjEJ~~,EAAeN,EAAyBD,~~IAE3CP~~,~~EAACkB~~,~~EAAK~~,~~CAAA~~,KAAK,KAAK,UAAU,iBAAiB,OAAQ,CAAE,WAAY,SAAU,UAAW,~~OAAS~~,~~EAAA~~,~~SAC5FJ,~~EAAeP,EAAwBC,CAAsB,CAAA,CACzD,GAEV,CAAA,~~CACM~~,CACF,CAAA,~~CAEb~~,~~EAEMc~~,EAA+~~DvB~~,GAAQ,CAC3E,KAAM,CACJ,~~KAAAO~~,EACA,sBAAAC,EACA,uBAAAC,EACA,QAAAE,EACA,~~QAAAa~~,EACA,~~kBAAAZ~~,EACA,SAAAC,EACA,UAAAC,CACD,~~EAAGd~~,~~EAEEyB~~,EAAMC,EAAO,IAAI,EAEjBC,EAAcC,EAAY,IAAK,CACnCJ,~~IACF~~,~~CAAA,~~EAAG,CAACA,CAAO,CAAC,EAEZ,OAAOK,~~EAAW7B~~,EAAM,~~SAAU8B~~,GAAQ,CACxC,~~MAAMpB~~,~~EAAYoB~~,EAAM,~~IAAIjC~~,CAAS,EAErC,~~OAAI2B~~,~~EAEAvB~~,~~EAAC8B~~,~~EACC~~,~~CAAA~~,IAAKN,EACL,~~UAAWO~~,~~EAAI~~,~~CACb,MAAO,CAAE,GAAI,kBAAoB,EACjC,OAAQ,CAAE,GAAI,mBAAqB,EACnC,GAAI,qBACJ,GAAI,EACJ,GAAI,EACJ,KAAM,EACP,CAAA,EACD,~~aAAa,SACb,~~OACA~~,~~GAAA~~,~~QAASnB~~,EAAW,~~OAAYc~~,EAChC,~~SAAUd~~,EAEV,~~SAAAZ~~,~~EAACK~~,EAAW,CACV,KAAMC,EACN,sBAAuBC,EACvB,uBAAwBC,EACxB,UAAWC,EACX,QAASC,EACT,kBAAmBC,EACnB,SAAUC,EACV,UAAWC,~~CAAS~~,CAAA,~~CAEN~~,CAAA,~~EAIpBb~~,~~EAACK~~,EACC,CAAA,KAAMC,EACN,sBAAuBC,EACvB,uBAAwBC,EACxB,UAAWC,EACX,QAASC,EACT,kBAAmBC,EACnB,SAAUC,EACV,UAAWC,CAAS,CAAA,CAG1B,CAAC,CACH,~~EAEamB~~,EAAgB,OAAO,~~OAAOV~~,EAAmB,CAAE,~~UAAA1B~~,CAAS,CAAE"}
1	+ {"version":3,"file":"token-list-item.js","sources":["../../../../src/components/list-items/token-list-item.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { Skeleton } from '@components/feedback';\nimport { IconGenericToken } from '@components/logos';\nimport { Text } from '@components/primitives';\nimport { cn } from '@lib/cn';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, FC, PropsWithChildren, useCallback, useRef } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nexport interface TokenListItemProps extends AriaButtonProps {\n name: string;\n fiatBalanceWithSymbol?: string;\n tokenBalanceWithSymbol: string;\n logoUrl?: string;\n onPress?: () => void;\n tokenBalanceFirst?: boolean;\n disabled?: boolean;\n isLoading?: boolean;\n}\n\nconst TokenIcon = createSlot(({ children, ...props }) => {\n return (\n <div className=\"flex items-center justify-center\">\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </div>\n );\n});\n\ninterface ListContentProps extends Omit<TokenListItemProps, 'onPress'> {\n tokenIcon?: React.ReactElement;\n}\n\nconst ListContent = ({\n name,\n fiatBalanceWithSymbol,\n tokenBalanceWithSymbol,\n tokenIcon,\n logoUrl,\n tokenBalanceFirst,\n disabled = false,\n isLoading = false,\n}: ListContentProps) => {\n const balanceFirst = tokenBalanceFirst \|\| !fiatBalanceWithSymbol;\n return (\n <div className={cn('flex flex-row items-center w-full justify-between', disabled ? 'opacity-50' : 'opacity-100')}>\n <div className=\"flex flex-row items-center gap-4\">\n {tokenIcon ? (\n {\n ...tokenIcon,\n props: {\n ...tokenIcon.props,\n width: 40,\n height: 40,\n },\n }\n ) : logoUrl ? (\n <img width={40} height={40} src={logoUrl} alt={`${name} logo`} />\n ) : (\n <IconGenericToken width={40} height={40} />\n )}\n <Text fontWeight=\"medium\" styles={{ textTransform: 'capitalize', textAlign: 'left' }}>\n {name}\n </Text>\n </div>\n <div className=\"flex flex-col gap-0 items-end\">\n {isLoading ? (\n <>\n <Skeleton height={'1rem'} width={'6rem'} />\n {tokenBalanceWithSymbol && fiatBalanceWithSymbol && (\n <div style={{ marginTop: '4px' }}>\n <Skeleton height={'1rem'} width={'4rem'} />\n </div>\n )}\n </>\n ) : (\n <>\n <Text size=\"sm\" styles={{ lineHeight: '1.5rem', textAlign: 'right' }}>\n {balanceFirst ? tokenBalanceWithSymbol : fiatBalanceWithSymbol}\n </Text>\n <Text size=\"sm\" fontColor=\"text.secondary\" styles={{ lineHeight: '1.5rem', textAlign: 'right' }}>\n {balanceFirst ? fiatBalanceWithSymbol : tokenBalanceWithSymbol}\n </Text>\n </>\n )}\n </div>\n </div>\n );\n};\n\nconst TokenListItemBase: FC<PropsWithChildren<TokenListItemProps>> = props => {\n const {\n name,\n fiatBalanceWithSymbol,\n tokenBalanceWithSymbol,\n logoUrl,\n onPress,\n tokenBalanceFirst,\n disabled,\n isLoading,\n } = props;\n\n const ref = useRef(null);\n\n const handlePress = useCallback(() => {\n onPress?.();\n }, [onPress]);\n\n return createHost(props.children, slots => {\n const tokenIcon = slots.get(TokenIcon);\n\n if (onPress)\n return (\n <ButtonContainer\n ref={ref}\n className=\"dark:bg-surface-tertiary hover:bg-neutral-secondary bg-neutral-quaternary px-4 py-2 min-h-[4rem]\"\n borderRadius=\"0.5rem\"\n expand\n onPress={disabled ? undefined : handlePress}\n disabled={disabled}\n >\n <ListContent\n name={name}\n fiatBalanceWithSymbol={fiatBalanceWithSymbol}\n tokenBalanceWithSymbol={tokenBalanceWithSymbol}\n tokenIcon={tokenIcon}\n logoUrl={logoUrl}\n tokenBalanceFirst={tokenBalanceFirst}\n disabled={disabled}\n isLoading={isLoading}\n />\n </ButtonContainer>\n );\n\n return (\n <ListContent\n name={name}\n fiatBalanceWithSymbol={fiatBalanceWithSymbol}\n tokenBalanceWithSymbol={tokenBalanceWithSymbol}\n tokenIcon={tokenIcon}\n logoUrl={logoUrl}\n tokenBalanceFirst={tokenBalanceFirst}\n disabled={disabled}\n isLoading={isLoading}\n />\n );\n });\n};\n\nexport const TokenListItem = Object.assign(TokenListItemBase, { TokenIcon });\n"],"names":["TokenIcon","createSlot","children","props","_jsx","Children","child","cloneElement","ListContent","name","fiatBalanceWithSymbol","tokenBalanceWithSymbol","tokenIcon","logoUrl","tokenBalanceFirst","disabled","isLoading","balanceFirst","_jsxs","cn","IconGenericToken","Text","_Fragment","Skeleton","TokenListItemBase","onPress","ref","useRef","handlePress","useCallback","createHost","slots","ButtonContainer","TokenListItem"],"mappings":"siCAoBA,MAAMA,EAAYC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEhDC,EAAA,MAAA,CAAK,UAAU,mCACZ,SAAAC,EAAS,IAAIH,EAAUI,GACfC,EAAaD,EAAOH,CAAK,CACjC,CACG,CAAA,CAET,EAMKK,EAAc,CAAC,CACnB,KAAAC,EACA,sBAAAC,EACA,uBAAAC,EACA,UAAAC,EACA,QAAAC,EACA,kBAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EAAY,EACK,IAAI,CACrB,MAAMC,EAAeH,GAAqB,CAACJ,EAC3C,OACEQ,EAAA,MAAA,CAAK,UAAWC,EAAG,oDAAqDJ,EAAW,aAAe,aAAa,EAC7G,SAAA,CAAAG,EAAA,MAAA,CAAK,UAAU,mCAAkC,SAAA,CAC9CN,EACC,CACE,GAAGA,EACH,MAAO,CACL,GAAGA,EAAU,MACb,MAAO,GACP,OAAQ,EACT,GAEDC,EACFT,EAAK,MAAA,CAAA,MAAO,GAAI,OAAQ,GAAI,IAAKS,EAAS,IAAK,GAAGJ,CAAI,OAAW,CAAA,EAEjEL,EAACgB,GAAiB,MAAO,GAAI,OAAQ,EAAE,CAAA,EAEzChB,EAACiB,GAAK,WAAW,SAAS,OAAQ,CAAE,cAAe,aAAc,UAAW,QACzE,SAAAZ,GACI,CACH,CAAA,EACNL,SAAK,UAAU,gCACZ,SAAAY,EACCE,EACEI,EAAA,CAAA,SAAA,CAAAlB,EAACmB,EAAS,CAAA,OAAQ,OAAQ,MAAO,SAChCZ,GAA0BD,GACzBN,SAAK,MAAO,CAAE,UAAW,KAAO,EAAA,SAC9BA,EAACmB,EAAQ,CAAC,OAAQ,OAAQ,MAAO,MAAU,CAAA,CAAA,CAAA,CAE9C,CACA,CAAA,EAEHL,EACEI,EAAA,CAAA,SAAA,CAAAlB,EAACiB,EAAK,CAAA,KAAK,KAAK,OAAQ,CAAE,WAAY,SAAU,UAAW,OAAO,EAC/D,SAAAJ,EAAeN,EAAyBD,CAAqB,CAAA,EAEhEN,EAACiB,GAAK,KAAK,KAAK,UAAU,iBAAiB,OAAQ,CAAE,WAAY,SAAU,UAAW,SACnF,SAAAJ,EAAeP,EAAwBC,CAAsB,CAAA,CACzD,GAEV,CAAA,CACG,CACF,CAAA,CAEV,EAEMa,EAA+DrB,GAAQ,CAC3E,KAAM,CACJ,KAAAM,EACA,sBAAAC,EACA,uBAAAC,EACA,QAAAE,EACA,QAAAY,EACA,kBAAAX,EACA,SAAAC,EACA,UAAAC,CACD,EAAGb,EAEEuB,EAAMC,EAAO,IAAI,EAEjBC,EAAcC,EAAY,IAAK,CACnCJ,KACF,EAAG,CAACA,CAAO,CAAC,EAEZ,OAAOK,EAAW3B,EAAM,SAAU4B,GAAQ,CACxC,MAAMnB,EAAYmB,EAAM,IAAI/B,CAAS,EAErC,OAAIyB,EAEArB,EAAC4B,EAAe,CACd,IAAKN,EACL,UAAU,mGACV,aAAa,SACb,OAAM,GACN,QAASX,EAAW,OAAYa,EAChC,SAAUb,EAEV,SAAAX,EAACI,EAAW,CACV,KAAMC,EACN,sBAAuBC,EACvB,uBAAwBC,EACxB,UAAWC,EACX,QAASC,EACT,kBAAmBC,EACnB,SAAUC,EACV,UAAWC,CACX,CAAA,CAAA,CAAA,EAKNZ,EAACI,EACC,CAAA,KAAMC,EACN,sBAAuBC,EACvB,uBAAwBC,EACxB,UAAWC,EACX,QAASC,EACT,kBAAmBC,EACnB,SAAUC,EACV,UAAWC,CAAS,CAAA,CAG1B,CAAC,CACH,EAEaiB,EAAgB,OAAO,OAAOT,EAAmB,CAAE,UAAAxB,CAAS,CAAE"}

package/dist/es/components/list-items/transaction-row.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as i}from"react/jsx-runtime";import{ButtonContainer as S}from"../containers/button.js";import"../containers/card.js";import{css as j}from"@styled/css";import{Center as R,HStack as n}from"@styled/jsx";import{token as o}from"@styled/tokens";import F from"../icons/ico-arrow-down.js";import z from"../icons/ico-arrow-up.js";import B from"../icons/ico-lightning-fill.js";import H from"../icons/ico-lock-unlocked-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 p from"../primitives/text.js";import{Children as N,cloneElement as P,useRef as $,useCallback as E}from"react";import"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import"../containers/header.js";import"../containers/menu.js";import"../containers/modal.js";import"../containers/overlay.js";import"../feedback/callout.js";import"../feedback/progress-bar.js";import{Skeleton as x}from"../feedback/skeleton.js";import"../primitives/portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import{createSlot as I,createHost as O}from"create-slots";const _={send:{title:"Send",primaryTextColor:o("colors.text.primary"),secondaryTextColor:o("colors.text.secondary"),icon:z,iconColor:o("colors.negative.darker"),skeletonWidth:"89px"},receive:{title:"Receive",primaryTextColor:o("colors.positive.base"),secondaryTextColor:`${o("colors.positive.lighter")}`,icon:F,iconColor:o("colors.positive.base"),skeletonWidth:"89px"},networkFee:{title:"Network Fee",primaryTextColor:o("colors.text.primary"),secondaryTextColor:o("colors.text.secondary"),icon:B,iconColor:o("colors.brand.base"),skeletonWidth:"54px"},spendingCap:{title:"Spending Cap",primaryTextColor:o("colors.warning.base"),secondaryTextColor:o("colors.warning.base"),icon:H,iconColor:o("colors.warning.base"),skeletonWidth:"89px"}},y=I(({children:s,...t})=>r(R,{children:N.map(s,l=>P(l,t))})),q=s=>{const{variant:t,primaryText:l,secondaryText:c,children:C,onPress:m,loading:a,showTitle:f=!0}=s,{title:g,primaryTextColor:d,secondaryTextColor:w,icon:T,iconColor:k,skeletonWidth:h}=_[t],b=t==="send"||t==="networkFee",u=$(null),v=E(()=>{m?.()},[m]);return O(C,W=>{const e=W.get(y);return i(n,{w:"full",justify:"space-between",children:[i(n,{gap:2,children:[r(T,{width:16,height:16,color:k}),f&&r(p,{size:"sm",fontWeight:"medium",children:g})]}),i(n,{gap:4,children:[c&&r(p,{styles:{color:w},children:c}),b?r(S,{ref:u,className:j({px:4,py:2.5,bg:"surface.secondary"}),borderRadius:"0.75rem",onPress:v,...s,children:i(n,{gap:3,children:[a?r(x,{width:h}):r(p,{styles:{color:d},children:l}),e&&{...e,props:{...e.props,width:32,height:32}}]})}):i(n,{gap:3,children:[a?r(x,{width:h}):r(p,{styles:{color:d},children:l}),e&&{...e,props:{...e.props,width:32,height:32}}]})]})]})})},A=Object.assign(q,{TokenIcon:y});export{A as TransactionRow};
+import{jsx as r,jsxs as t}from"react/jsx-runtime";import{ButtonContainer as k}from"../containers/button.js";import"../containers/card.js";import"../../lib/cn.js";import N from"../icons/ico-arrow-down.js";import W from"../icons/ico-arrow-up.js";import j from"../icons/ico-lightning-fill.js";import R from"../icons/ico-lock-unlocked-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 n from"../primitives/text.js";import{Children as S,cloneElement as F,useRef as E,useCallback as P}from"react";import"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import"../containers/header.js";import"../containers/menu.js";import"../containers/modal.js";import"../containers/overlay.js";import"../feedback/callout.js";import{Skeleton as d}from"../feedback/skeleton.js";import"../primitives/portal.js";import"../../hooks/useToast.js";import"../feedback/tooltip.js";import{createSlot as q,createHost as z}from"create-slots";const B={send:{title:"Send",primaryTextColor:"var(--color-text-primary)",secondaryTextColor:"var(--color-text-secondary)",icon:W,iconColor:"var(--color-negative-darker)",skeletonWidth:"89px"},receive:{title:"Receive",primaryTextColor:"var(--color-positive-base)",secondaryTextColor:"var(--color-positive-lighter)",icon:N,iconColor:"var(--color-positive-base)",skeletonWidth:"89px"},networkFee:{title:"Network Fee",primaryTextColor:"var(--color-text-primary)",secondaryTextColor:"var(--color-text-secondary)",icon:j,iconColor:"var(--color-brand-base)",skeletonWidth:"54px"},spendingCap:{title:"Spending Cap",primaryTextColor:"var(--color-warning-base)",secondaryTextColor:"var(--color-warning-base)",icon:R,iconColor:"var(--color-warning-base)",skeletonWidth:"89px"}},x=q(({children:i,...o})=>r("div",{className:"flex items-center justify-center",children:S.map(i,l=>F(l,o))})),H=i=>{const{variant:o,primaryText:l,secondaryText:s,children:h,onPress:c,loading:a,showTitle:f=!0}=i,{title:v,primaryTextColor:m,secondaryTextColor:y,icon:w,iconColor:C,skeletonWidth:p}=B[o],g=o==="send"||o==="networkFee",T=E(null),u=P(()=>{c?.()},[c]);return z(h,b=>{const e=b.get(x);return t("div",{className:"flex flex-row items-center w-full justify-between",children:[t("div",{className:"flex flex-row items-center gap-2",children:[r(w,{width:16,height:16,color:C}),f&&r(n,{size:"sm",fontWeight:"medium",children:v})]}),t("div",{className:"flex flex-row items-center gap-4",children:[s&&r(n,{styles:{color:y},children:s}),g?r(k,{ref:T,className:"px-4 py-2.5 bg-surface-secondary",borderRadius:"0.75rem",onPress:u,...i,children:t("div",{className:"flex flex-row items-center gap-3",children:[a?r(d,{width:p}):r(n,{styles:{color:m},children:l}),e&&{...e,props:{...e.props,width:32,height:32}}]})}):t("div",{className:"flex flex-row items-center gap-3",children:[a?r(d,{width:p}):r(n,{styles:{color:m},children:l}),e&&{...e,props:{...e.props,width:32,height:32}}]})]})]})})},I=Object.assign(H,{TokenIcon:x});export{I as TransactionRow};
 //# sourceMappingURL=transaction-row.js.map

package/dist/es/components/list-items/transaction-row.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"transaction-row.js","sources":["../../../../src/components/list-items/transaction-row.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { Skeleton } from '@components/feedback';\nimport { IcoArrowDown, IcoArrowUp, IcoLightningFill, IcoLockUnlockedFill } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { ~~css } from '@styled/css';\nimport { Center, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport {~~ createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, ReactNode, useCallback, useRef } from 'react';\n\nexport interface TransactionRowProps {\n variant: 'send' \| 'receive' \| 'networkFee' \| 'spendingCap';\n primaryText: string;\n secondaryText?: string;\n showTitle?: boolean;\n children: ReactNode;\n onPress?: () => void;\n loading?: boolean;\n}\n\nconst variants = {\n send: {\n title: 'Send',\n primaryTextColor: ~~token~~(~~'colors.~~text.primary'),\n secondaryTextColor: ~~token~~(~~'colors.~~text.secondary'),\n icon: IcoArrowUp,\n iconColor: ~~token~~(~~'colors.~~negative.darker'),\n skeletonWidth: '89px',\n },\n receive: {\n title: 'Receive',\n primaryTextColor: ~~token~~(~~'colors.~~positive.base'),\n secondaryTextColor: ~~`${token~~(~~'colors.~~positive.lighter'~~)}`,\~~n icon: IcoArrowDown,\n iconColor: ~~token~~(~~'colors.~~positive.base'),\n skeletonWidth: '89px',\n },\n networkFee: {\n title: 'Network Fee',\n primaryTextColor: ~~token~~(~~'colors.~~text.primary'),\n secondaryTextColor: ~~token~~(~~'colors.~~text.secondary'),\n icon: IcoLightningFill,\n iconColor: ~~token~~(~~'colors.~~brand.base'),\n skeletonWidth: '54px',\n },\n spendingCap: {\n title: 'Spending Cap',\n primaryTextColor: ~~token~~(~~'colors.~~warning.base'),\n secondaryTextColor: ~~token~~(~~'colors.~~warning.base'),\n icon: IcoLockUnlockedFill,\n iconColor: ~~token~~(~~'colors.~~warning.base'),\n skeletonWidth: '89px',\n },\n};\n\nconst TokenIcon = createSlot(({ children, ...props }) => {\n return (\n <~~Center~~>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </~~Center~~>\n );\n});\n\nconst TransactionRowBase = (props: TransactionRowProps) => {\n const { variant, primaryText, secondaryText, children, onPress, loading, showTitle = true } = props;\n const { title, primaryTextColor, secondaryTextColor, icon: Icon, iconColor, skeletonWidth } = variants[variant];\n const isEditable = variant === 'send' \|\| variant === 'networkFee';\n const ref = useRef(null);\n\n const handlePress = useCallback(() => {\n onPress?.();\n }, [onPress]);\n\n return createHost(children, slots => {\n const tokenIcon = slots.get(TokenIcon);\n return (\n <~~HStack~~ w=\"full\" justify~~=\"space~~-between\">\n <~~HStack~~ gap={2}>\n <Icon width={16} height={16} color={iconColor} />\n {showTitle && (\n <Text size=\"sm\" fontWeight=\"medium\">\n {title}\n </Text>\n )}\n </~~HStack~~>\n\n <~~HStack~~ gap={4}>\n {secondaryText && <Text styles={{ color: secondaryTextColor }}>{secondaryText}</Text>}\n {isEditable ? (\n <ButtonContainer\n ref={ref}\n className~~={css({\n~~ px: ~~4,\n~~ py: 2.5~~,\n~~ bg~~: '~~surface.secondary~~',\n })}~~\n borderRadius=\"0.75rem\"\n onPress={handlePress}\n {...props}\n >\n <~~HStack~~ gap={3}>\n {loading ? (\n <Skeleton width={skeletonWidth} />\n ) : (\n <Text styles={{ color: primaryTextColor }}>{primaryText}</Text>\n )}\n {tokenIcon && {\n ...tokenIcon,\n props: {\n ...tokenIcon.props,\n width: 32,\n height: 32,\n },\n }}\n </~~HStack~~>\n </ButtonContainer>\n ) : (\n <~~HStack~~ gap={3}>\n {loading ? (\n <Skeleton width={skeletonWidth} />\n ) : (\n <Text styles={{ color: primaryTextColor }}>{primaryText}</Text>\n )}\n {tokenIcon && {\n ...tokenIcon,\n props: {\n ...tokenIcon.props,\n width: 32,\n height: 32,\n },\n }}\n </~~HStack~~>\n )}\n </~~HStack~~>\n </~~HStack~~>\n );\n });\n};\n\nexport const TransactionRow = Object.assign(TransactionRowBase, { TokenIcon });\n"],"names":["variants","~~token","~~IcoArrowUp","IcoArrowDown","IcoLightningFill","IcoLockUnlockedFill","TokenIcon","createSlot","children","props","_jsx","~~Center","~~Children","child","cloneElement","TransactionRowBase","variant","primaryText","secondaryText","onPress","loading","showTitle","title","primaryTextColor","secondaryTextColor","Icon","iconColor","skeletonWidth","isEditable","ref","useRef","handlePress","useCallback","createHost","slots","tokenIcon","_jsxs","~~HStack","~~Text","ButtonContainer","~~css","~~Skeleton","TransactionRow"],"mappings":"~~ozCAoBA~~,MAAMA,EAAW,CACf,KAAM,CACJ,MAAO,OACP,~~iBAAkBC~~,~~EAAM~~,~~qBAAqB~~,~~EAC7C~~,~~mBAAoBA,EAAM,uBAAuB,EACjD,~~KAAMC,EACN,~~UAAWD~~,~~EAAM,wBAAwB,EACzC,~~cAAe,MAChB,EACD,QAAS,CACP,MAAO,UACP,~~iBAAkBA~~,~~EAAM~~,~~sBAAsB,EAC9C,~~mBAAoB,~~GAAGA~~,~~EAAM~~,~~yBAAyB,CAAC,GACvD,KAAME,~~EACN,~~UAAWF~~,~~EAAM~~,~~sBAAsB,EACvC,~~cAAe,MAChB,EACD,WAAY,CACV,MAAO,cACP,~~iBAAkBA~~,~~EAAM~~,~~qBAAqB~~,~~EAC7C~~,~~mBAAoBA~~,~~EAAM,uBAAuB,EACjD,KAAMG,~~EACN,~~UAAWH~~,~~EAAM~~,~~mBAAmB,EACpC,~~cAAe,MAChB,EACD,YAAa,CACX,MAAO,eACP,~~iBAAkBA~~,~~EAAM~~,~~qBAAqB~~,~~EAC7C~~,~~mBAAoBA~~,~~EAAM,qBAAqB,EAC/C,KAAMI,~~EACN,~~UAAWJ~~,~~EAAM~~,~~qBAAqB,EACtC,~~cAAe,MAChB,~~GAGGK~~,EAAYC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEhDC,~~EAACC~~,~~EAAM~~,~~CAAA~~,~~SACJC~~,EAAS,~~IAAIJ~~,~~EAAUK~~,GACfC,EAAaD,~~EAAOJ~~,CAAK,CACjC,~~CACM~~,CAAA,~~CAEZ~~,~~EAEKM~~,~~EAAsBN~~,GAA8B,CACxD,KAAM,CAAE,~~QAAAO~~,EAAS,YAAAC,EAAa,cAAAC,EAAe,~~SAAAV~~,EAAU,~~QAAAW~~,EAAS,QAAAC,EAAS,UAAAC,EAAY,EAAM,~~EAAGZ~~,EACxF,CAAE,~~MAAAa~~,EAAO,iBAAAC,EAAkB,mBAAAC,EAAoB,KAAMC,EAAM,UAAAC,EAAW,cAAAC,CAAe,~~EAAG3B~~,~~EAASgB~~,CAAO,EACxGY,EAAaZ,IAAY,QAAUA,IAAY,aAC/Ca,EAAMC,EAAO,IAAI,EAEjBC,EAAcC,EAAY,IAAK,CACnCb,IAAAA,CACF,EAAG,CAACA,CAAO,CAAC,EAEZ,OAAOc,~~EAAWzB~~,~~EAAU0B~~,GAAQ,CAClC,MAAMC,EAAYD,EAAM,~~IAAI5B~~,CAAS,EACrC,~~OACE8B~~,~~EAACC~~,~~EAAM~~,~~CAAC~~,~~EAAE~~,~~OAAO~~,~~QAAQ,gBACvB,~~SAAA,~~CAAAD~~,~~EAACC~~,~~EAAO~~,CAAA,~~IAAK~~,~~EAAC~~,SAAA,~~CACZ3B~~,~~EAACe~~,EAAI,CAAC,MAAO,GAAI,OAAQ,GAAI,MAAOC,CAAS,CAAA,EAC5CL,~~GACCX~~,~~EAAC4B~~,~~GAAK~~,KAAK,KAAK,WAAW,SAAQ,~~SAChChB~~,~~CACI~~,CAAA,~~CACR~~,~~IAGHc~~,~~EAACC~~,~~EAAO~~,CAAA,~~IAAK~~,~~EAAC~~,SAAA,~~CACXnB~~,~~GAAiBR~~,~~EAAC4B~~,~~EAAK~~,~~CAAA~~,OAAQ,CAAE,~~MAAOd~~,~~CAAkB~~,~~WAAKN~~,~~CAAa~~,CAAA,~~EAC5EU~~,~~EACClB~~,~~EAAC6B~~,EAAe,CACd,~~IAAKV~~,EACL,~~UAAWW~~,~~EAAI~~,~~CACb,GAAI,EACJ,GAAI,IACJ,GAAI,oBACL,EACD,~~aAAa,UACb,~~QAAST~~,~~EAAW~~,~~GAChBtB~~,~~EAAK~~,~~SAET2B~~,~~EAACC~~,~~EAAM~~,~~CAAC~~,~~IAAK~~,~~EAAC~~,SAAA,~~CACXjB~~,~~EACCV~~,~~EAAC+B~~,~~GAAS~~,~~MAAOd~~,~~CAAa~~,CAAA,~~EAE9BjB~~,~~EAAC4B~~,~~EAAK~~,~~CAAA~~,OAAQ,CAAE,~~MAAOf~~,CAAkB,EAAA,SAAGN,~~CAAmB~~,CAAA,~~EAEhEkB~~,GAAa,CACZ,GAAGA,EACH,MAAO,CACL,GAAGA,EAAU,MACb,MAAO,GACP,OAAQ,EACT,EACF,~~CACM~~,CAAA,CAAA,CAAA,~~EAGXC~~,~~EAACC~~,~~EAAO~~,~~CAAA~~,~~IAAK~~,~~EAAC~~,~~SAAA~~,~~CACXjB~~,~~EACCV,EAAC+B,~~EAAQ,CAAC,~~MAAOd~~,~~CAAiB~~,~~CAAA~~,~~EAElCjB~~,~~EAAC4B~~,~~GAAK,~~OAAQ,CAAE,~~MAAOf~~,~~CAAkB~~,~~EAAA~~,~~SAAGN~~,~~CAAmB,CAAA,EAEhEkB,~~GAAa,CACZ,GAAGA,EACH,MAAO,CACL,GAAGA,EAAU,MACb,MAAO,GACP,OAAQ,EACT,CACF,CAAA,CAAA,CAAA,CAEJ,CAAA,CAAA,~~CACM~~,CACF,CAAA,~~CAEb~~,CAAC,CACH,~~EAEaO~~,EAAiB,OAAO,~~OAAO3B~~,EAAoB,CAAE,~~UAAAT~~,CAAS,CAAE"}
1	+ {"version":3,"file":"transaction-row.js","sources":["../../../../src/components/list-items/transaction-row.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { Skeleton } from '@components/feedback';\nimport { IcoArrowDown, IcoArrowUp, IcoLightningFill, IcoLockUnlockedFill } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, ReactNode, useCallback, useRef } from 'react';\n\nexport interface TransactionRowProps {\n variant: 'send' \| 'receive' \| 'networkFee' \| 'spendingCap';\n primaryText: string;\n secondaryText?: string;\n showTitle?: boolean;\n children: ReactNode;\n onPress?: () => void;\n loading?: boolean;\n}\n\nconst variants = {\n send: {\n title: 'Send',\n primaryTextColor: 'var(--color-text-primary)',\n secondaryTextColor: 'var(--color-text-secondary)',\n icon: IcoArrowUp,\n iconColor: 'var(--color-negative-darker)',\n skeletonWidth: '89px',\n },\n receive: {\n title: 'Receive',\n primaryTextColor: 'var(--color-positive-base)',\n secondaryTextColor: 'var(--color-positive-lighter)',\n icon: IcoArrowDown,\n iconColor: 'var(--color-positive-base)',\n skeletonWidth: '89px',\n },\n networkFee: {\n title: 'Network Fee',\n primaryTextColor: 'var(--color-text-primary)',\n secondaryTextColor: 'var(--color-text-secondary)',\n icon: IcoLightningFill,\n iconColor: 'var(--color-brand-base)',\n skeletonWidth: '54px',\n },\n spendingCap: {\n title: 'Spending Cap',\n primaryTextColor: 'var(--color-warning-base)',\n secondaryTextColor: 'var(--color-warning-base)',\n icon: IcoLockUnlockedFill,\n iconColor: 'var(--color-warning-base)',\n skeletonWidth: '89px',\n },\n};\n\nconst TokenIcon = createSlot(({ children, ...props }) => {\n return (\n <div className=\"flex items-center justify-center\">\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </div>\n );\n});\n\nconst TransactionRowBase = (props: TransactionRowProps) => {\n const { variant, primaryText, secondaryText, children, onPress, loading, showTitle = true } = props;\n const { title, primaryTextColor, secondaryTextColor, icon: Icon, iconColor, skeletonWidth } = variants[variant];\n const isEditable = variant === 'send' \|\| variant === 'networkFee';\n const ref = useRef(null);\n\n const handlePress = useCallback(() => {\n onPress?.();\n }, [onPress]);\n\n return createHost(children, slots => {\n const tokenIcon = slots.get(TokenIcon);\n return (\n <div className=\"flex flex-row items-center w-full justify-between\">\n <div className=\"flex flex-row items-center gap-2\">\n <Icon width={16} height={16} color={iconColor} />\n {showTitle && (\n <Text size=\"sm\" fontWeight=\"medium\">\n {title}\n </Text>\n )}\n </div>\n\n <div className=\"flex flex-row items-center gap-4\">\n {secondaryText && <Text styles={{ color: secondaryTextColor }}>{secondaryText}</Text>}\n {isEditable ? (\n <ButtonContainer\n ref={ref}\n className=\"px-4 py-2.5 bg-surface-secondary\"\n borderRadius=\"0.75rem\"\n onPress={handlePress}\n {...props}\n >\n <div className=\"flex flex-row items-center gap-3\">\n {loading ? (\n <Skeleton width={skeletonWidth} />\n ) : (\n <Text styles={{ color: primaryTextColor }}>{primaryText}</Text>\n )}\n {tokenIcon && {\n ...tokenIcon,\n props: {\n ...tokenIcon.props,\n width: 32,\n height: 32,\n },\n }}\n </div>\n </ButtonContainer>\n ) : (\n <div className=\"flex flex-row items-center gap-3\">\n {loading ? (\n <Skeleton width={skeletonWidth} />\n ) : (\n <Text styles={{ color: primaryTextColor }}>{primaryText}</Text>\n )}\n {tokenIcon && {\n ...tokenIcon,\n props: {\n ...tokenIcon.props,\n width: 32,\n height: 32,\n },\n }}\n </div>\n )}\n </div>\n </div>\n );\n });\n};\n\nexport const TransactionRow = Object.assign(TransactionRowBase, { TokenIcon });\n"],"names":["variants","IcoArrowUp","IcoArrowDown","IcoLightningFill","IcoLockUnlockedFill","TokenIcon","createSlot","children","props","_jsx","Children","child","cloneElement","TransactionRowBase","variant","primaryText","secondaryText","onPress","loading","showTitle","title","primaryTextColor","secondaryTextColor","Icon","iconColor","skeletonWidth","isEditable","ref","useRef","handlePress","useCallback","createHost","slots","tokenIcon","_jsxs","Text","ButtonContainer","Skeleton","TransactionRow"],"mappings":"+oCAiBA,MAAMA,EAAW,CACf,KAAM,CACJ,MAAO,OACP,iBAAkB,4BAClB,mBAAoB,8BACpB,KAAMC,EACN,UAAW,+BACX,cAAe,MAChB,EACD,QAAS,CACP,MAAO,UACP,iBAAkB,6BAClB,mBAAoB,gCACpB,KAAMC,EACN,UAAW,6BACX,cAAe,MAChB,EACD,WAAY,CACV,MAAO,cACP,iBAAkB,4BAClB,mBAAoB,8BACpB,KAAMC,EACN,UAAW,0BACX,cAAe,MAChB,EACD,YAAa,CACX,MAAO,eACP,iBAAkB,4BAClB,mBAAoB,4BACpB,KAAMC,EACN,UAAW,4BACX,cAAe,MAChB,GAGGC,EAAYC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEhDC,EAAA,MAAA,CAAK,UAAU,mCACZ,SAAAC,EAAS,IAAIH,EAAUI,GACfC,EAAaD,EAAOH,CAAK,CACjC,CACG,CAAA,CAET,EAEKK,EAAsBL,GAA8B,CACxD,KAAM,CAAE,QAAAM,EAAS,YAAAC,EAAa,cAAAC,EAAe,SAAAT,EAAU,QAAAU,EAAS,QAAAC,EAAS,UAAAC,EAAY,EAAM,EAAGX,EACxF,CAAE,MAAAY,EAAO,iBAAAC,EAAkB,mBAAAC,EAAoB,KAAMC,EAAM,UAAAC,EAAW,cAAAC,CAAe,EAAGzB,EAASc,CAAO,EACxGY,EAAaZ,IAAY,QAAUA,IAAY,aAC/Ca,EAAMC,EAAO,IAAI,EAEjBC,EAAcC,EAAY,IAAK,CACnCb,IAAAA,CACF,EAAG,CAACA,CAAO,CAAC,EAEZ,OAAOc,EAAWxB,EAAUyB,GAAQ,CAClC,MAAMC,EAAYD,EAAM,IAAI3B,CAAS,EACrC,OACE6B,EAAA,MAAA,CAAK,UAAU,oDAAmD,SAAA,CAChEA,EAAK,MAAA,CAAA,UAAU,mCACb,SAAA,CAAAzB,EAACc,EAAI,CAAC,MAAO,GAAI,OAAQ,GAAI,MAAOC,CAAS,CAAA,EAC5CL,GACCV,EAAC0B,EAAI,CAAC,KAAK,KAAK,WAAW,SAAQ,SAChCf,CAAK,CAAA,CAET,CAAA,CAAA,EAGHc,EAAK,MAAA,CAAA,UAAU,mCACZ,SAAA,CAAAlB,GAAiBP,EAAC0B,EAAI,CAAC,OAAQ,CAAE,MAAOb,GAAuB,SAAAN,CAAqB,CAAA,EACpFU,EACCjB,EAAC2B,EAAe,CACd,IAAKT,EACL,UAAU,mCACV,aAAa,UACb,QAASE,EACL,GAAArB,EAEJ,SAAA0B,EAAA,MAAA,CAAK,UAAU,mCACZ,SAAA,CAAAhB,EACCT,EAAC4B,EAAS,CAAA,MAAOZ,CAAiB,CAAA,EAElChB,EAAC0B,EAAI,CAAC,OAAQ,CAAE,MAAOd,CAAkB,EAAA,SAAGN,CAAW,CAAA,EAExDkB,GAAa,CACZ,GAAGA,EACH,MAAO,CACL,GAAGA,EAAU,MACb,MAAO,GACP,OAAQ,EACT,EACF,CACG,CAAA,CAAA,CAAA,EAGRC,EAAA,MAAA,CAAK,UAAU,6CACZhB,EACCT,EAAC4B,EAAQ,CAAC,MAAOZ,IAEjBhB,EAAC0B,EAAI,CAAC,OAAQ,CAAE,MAAOd,GAAqB,SAAAN,IAE7CkB,GAAa,CACZ,GAAGA,EACH,MAAO,CACL,GAAGA,EAAU,MACb,MAAO,GACP,OAAQ,EACT,CACF,CAAA,CAAA,CAAA,CAEJ,CAAA,CAAA,CACG,CACF,CAAA,CAEV,CAAC,CACH,EAEaK,EAAiB,OAAO,OAAOzB,EAAoB,CAAE,UAAAR,CAAS,CAAE"}

package/dist/es/components/logos/logo-algorand-mono.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as l}from"react/jsx-runtime";import{token as n}from"@styled/tokens";const s=({color:r,title:L,titleId:t,...o})=>{const e=r||n("colors.text.primary");return i("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:e,"aria-labelledby":t,...o,children:[L?l("title",{id:t,children:L}):null,l("path",{d:"M6.61236 20.2499L9.00705 16.1176L11.4017 11.9999L13.7818 7.86765L14.1761 7.21289L14.3513 7.86765L15.0814 10.5885L14.2637 11.9999L11.869 16.1176L9.4889 20.2499H12.3508L14.7455 16.1176L15.9867 13.9787L16.5707 16.1176L17.6805 20.2499H20.2504L19.1406 16.1176L18.0309 11.9999L17.7389 10.9377L19.5203 7.86765H16.9212L16.8336 7.56209L15.9283 4.18645L15.8114 3.74994H13.3146L13.2561 3.83724L10.9199 7.86765L8.52519 11.9999L6.14511 16.1176L3.75043 20.2499H6.61236Z",fill:"currentColor"})]})};export{s as default};
+import{jsxs as i,jsx as t}from"react/jsx-runtime";const o=({color:r,title:L,titleId:l,...e})=>i("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:r||"var(--color-text-primary)","aria-labelledby":l,...e,children:[L?t("title",{id:l,children:L}):null,t("path",{d:"M6.61236 20.2499L9.00705 16.1176L11.4017 11.9999L13.7818 7.86765L14.1761 7.21289L14.3513 7.86765L15.0814 10.5885L14.2637 11.9999L11.869 16.1176L9.4889 20.2499H12.3508L14.7455 16.1176L15.9867 13.9787L16.5707 16.1176L17.6805 20.2499H20.2504L19.1406 16.1176L18.0309 11.9999L17.7389 10.9377L19.5203 7.86765H16.9212L16.8336 7.56209L15.9283 4.18645L15.8114 3.74994H13.3146L13.2561 3.83724L10.9199 7.86765L8.52519 11.9999L6.14511 16.1176L3.75043 20.2499H6.61236Z",fill:"currentColor"})]});export{o as default};
 //# sourceMappingURL=logo-algorand-mono.js.map

package/dist/es/components/logos/logo-algorand-mono.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"logo-algorand-mono.js","sources":["../../../../src/components/logos/logo-algorand-mono.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\~~nimport { token } from '@styled/tokens';\~~ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst LogoAlgorandMono = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| ~~token~~(~~'colors.~~text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n d=\"M6.61236 20.2499L9.00705 16.1176L11.4017 11.9999L13.7818 7.86765L14.1761 7.21289L14.3513 7.86765L15.0814 10.5885L14.2637 11.9999L11.869 16.1176L9.4889 20.2499H12.3508L14.7455 16.1176L15.9867 13.9787L16.5707 16.1176L17.6805 20.2499H20.2504L19.1406 16.1176L18.0309 11.9999L17.7389 10.9377L19.5203 7.86765H16.9212L16.8336 7.56209L15.9283 4.18645L15.8114 3.74994H13.3146L13.2561 3.83724L10.9199 7.86765L8.52519 11.9999L6.14511 16.1176L3.75043 20.2499H6.61236Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default LogoAlgorandMono;\n"],"names":["LogoAlgorandMono","customColor","title","titleId","props","~~color","token","~~_jsxs","_jsx"],"mappings":"~~+FAYMA~~,EAAmB,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,~~IAAa~~,~~CAEnF,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,~~EACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,~~MAAOF~~,~~EAAK~~,~~kBACKF~~,EAAO,GACpBC,EAEH,SAAA,CAAAF,~~EAAQM~~,EAAA,QAAA,CAAO,~~GAAIL~~,EAAO,SAAGD,CAAK,CAAA,EAAY,KAC/CM,EAAA,OAAA,CACE,EAAE,0cACF,KAAK,cAAc,CAAA,CACnB,CACE,CAAA~~,CAEV~~"}
1	+ {"version":3,"file":"logo-algorand-mono.js","sources":["../../../../src/components/logos/logo-algorand-mono.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst LogoAlgorandMono = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| 'var(--color-text-primary)';\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n d=\"M6.61236 20.2499L9.00705 16.1176L11.4017 11.9999L13.7818 7.86765L14.1761 7.21289L14.3513 7.86765L15.0814 10.5885L14.2637 11.9999L11.869 16.1176L9.4889 20.2499H12.3508L14.7455 16.1176L15.9867 13.9787L16.5707 16.1176L17.6805 20.2499H20.2504L19.1406 16.1176L18.0309 11.9999L17.7389 10.9377L19.5203 7.86765H16.9212L16.8336 7.56209L15.9283 4.18645L15.8114 3.74994H13.3146L13.2561 3.83724L10.9199 7.86765L8.52519 11.9999L6.14511 16.1176L3.75043 20.2499H6.61236Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default LogoAlgorandMono;\n"],"names":["LogoAlgorandMono","customColor","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAWA,MAAMA,EAAmB,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAIpEC,EACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MARUJ,GAAe,4BAQb,kBACKE,EAAO,GACpBC,EAEH,SAAA,CAAAF,EAAQI,EAAA,QAAA,CAAO,GAAIH,EAAO,SAAGD,CAAK,CAAA,EAAY,KAC/CI,EAAA,OAAA,CACE,EAAE,0cACF,KAAK,cAAc,CAAA,CACnB,CACE,CAAA"}

package/dist/es/components/logos/logo-apple-mono.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as C,jsx as o}from"react/jsx-runtime";import{token as n}from"@styled/tokens";const s=({color:r,title:t,titleId:l,...e})=>{const i=r||n("colors.text.primary");return C("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":l,...e,children:[t?o("title",{id:l,children:t}):null,o("path",{d:"M17.4523 11.6262C17.4417 9.82294 18.2587 8.46385 19.9087 7.46173C18.9859 6.13967 17.5898 5.41253 15.7495 5.27239C14.007 5.1349 12.1006 6.28774 11.4025 6.28774C10.6648 6.28774 8.97785 5.31999 7.6505 5.31999C4.91119 5.36229 2 7.50403 2 11.8616C2 13.1492 2.23533 14.4792 2.70598 15.8489C3.33528 17.6522 5.60395 22.0705 7.97044 21.9991C9.20789 21.9701 10.0831 21.1213 11.6934 21.1213C13.2561 21.1213 14.0652 21.9991 15.4454 21.9991C17.833 21.9648 19.8849 17.9483 20.4825 16.1398C17.2804 14.63 17.4523 11.7188 17.4523 11.6262ZM14.6733 3.56164C16.0139 1.96988 15.8923 0.520893 15.8526 0C14.668 0.0687473 13.2984 0.806459 12.5183 1.71339C11.659 2.68643 11.154 3.88951 11.2624 5.24595C12.5421 5.34378 13.7108 4.68539 14.6733 3.56164Z",fill:"currentColor"})]})};export{s as default};
+import{jsxs as i,jsx as C}from"react/jsx-runtime";const o=({color:r,title:l,titleId:t,...e})=>i("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:r||"var(--color-text-primary)","aria-labelledby":t,...e,children:[l?C("title",{id:t,children:l}):null,C("path",{d:"M17.4523 11.6262C17.4417 9.82294 18.2587 8.46385 19.9087 7.46173C18.9859 6.13967 17.5898 5.41253 15.7495 5.27239C14.007 5.1349 12.1006 6.28774 11.4025 6.28774C10.6648 6.28774 8.97785 5.31999 7.6505 5.31999C4.91119 5.36229 2 7.50403 2 11.8616C2 13.1492 2.23533 14.4792 2.70598 15.8489C3.33528 17.6522 5.60395 22.0705 7.97044 21.9991C9.20789 21.9701 10.0831 21.1213 11.6934 21.1213C13.2561 21.1213 14.0652 21.9991 15.4454 21.9991C17.833 21.9648 19.8849 17.9483 20.4825 16.1398C17.2804 14.63 17.4523 11.7188 17.4523 11.6262ZM14.6733 3.56164C16.0139 1.96988 15.8923 0.520893 15.8526 0C14.668 0.0687473 13.2984 0.806459 12.5183 1.71339C11.659 2.68643 11.154 3.88951 11.2624 5.24595C12.5421 5.34378 13.7108 4.68539 14.6733 3.56164Z",fill:"currentColor"})]});export{o as default};
 //# sourceMappingURL=logo-apple-mono.js.map

package/dist/es/components/logos/logo-apple-mono.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"logo-apple-mono.js","sources":["../../../../src/components/logos/logo-apple-mono.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\~~nimport { token } from '@styled/tokens';\~~ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst LogoAppleMono = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| ~~token~~(~~'colors.~~text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n d=\"M17.4523 11.6262C17.4417 9.82294 18.2587 8.46385 19.9087 7.46173C18.9859 6.13967 17.5898 5.41253 15.7495 5.27239C14.007 5.1349 12.1006 6.28774 11.4025 6.28774C10.6648 6.28774 8.97785 5.31999 7.6505 5.31999C4.91119 5.36229 2 7.50403 2 11.8616C2 13.1492 2.23533 14.4792 2.70598 15.8489C3.33528 17.6522 5.60395 22.0705 7.97044 21.9991C9.20789 21.9701 10.0831 21.1213 11.6934 21.1213C13.2561 21.1213 14.0652 21.9991 15.4454 21.9991C17.833 21.9648 19.8849 17.9483 20.4825 16.1398C17.2804 14.63 17.4523 11.7188 17.4523 11.6262ZM14.6733 3.56164C16.0139 1.96988 15.8923 0.520893 15.8526 0C14.668 0.0687473 13.2984 0.806459 12.5183 1.71339C11.659 2.68643 11.154 3.88951 11.2624 5.24595C12.5421 5.34378 13.7108 4.68539 14.6733 3.56164Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default LogoAppleMono;\n"],"names":["LogoAppleMono","customColor","title","titleId","props","~~color","token","~~_jsxs","_jsx"],"mappings":"~~+FAYMA~~,EAAgB,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,~~IAAa~~,~~CAEhF,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,~~EACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,~~MAAOF~~,~~EAAK~~,~~kBACKF~~,EAAO,GACpBC,EAEH,SAAA,CAAAF,~~EAAQM~~,EAAA,QAAA,CAAO,~~GAAIL~~,EAAO,SAAGD,CAAK,CAAA,EAAY,KAC/CM,EAAA,OAAA,CACE,EAAE,wtBACF,KAAK,cAAc,CAAA,CACnB,CACE,CAAA~~,CAEV~~"}
1	+ {"version":3,"file":"logo-apple-mono.js","sources":["../../../../src/components/logos/logo-apple-mono.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst LogoAppleMono = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| 'var(--color-text-primary)';\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n d=\"M17.4523 11.6262C17.4417 9.82294 18.2587 8.46385 19.9087 7.46173C18.9859 6.13967 17.5898 5.41253 15.7495 5.27239C14.007 5.1349 12.1006 6.28774 11.4025 6.28774C10.6648 6.28774 8.97785 5.31999 7.6505 5.31999C4.91119 5.36229 2 7.50403 2 11.8616C2 13.1492 2.23533 14.4792 2.70598 15.8489C3.33528 17.6522 5.60395 22.0705 7.97044 21.9991C9.20789 21.9701 10.0831 21.1213 11.6934 21.1213C13.2561 21.1213 14.0652 21.9991 15.4454 21.9991C17.833 21.9648 19.8849 17.9483 20.4825 16.1398C17.2804 14.63 17.4523 11.7188 17.4523 11.6262ZM14.6733 3.56164C16.0139 1.96988 15.8923 0.520893 15.8526 0C14.668 0.0687473 13.2984 0.806459 12.5183 1.71339C11.659 2.68643 11.154 3.88951 11.2624 5.24595C12.5421 5.34378 13.7108 4.68539 14.6733 3.56164Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default LogoAppleMono;\n"],"names":["LogoAppleMono","customColor","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAWA,MAAMA,EAAgB,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAIjEC,EACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MARUJ,GAAe,4BAQb,kBACKE,EAAO,GACpBC,EAEH,SAAA,CAAAF,EAAQI,EAAA,QAAA,CAAO,GAAIH,EAAO,SAAGD,CAAK,CAAA,EAAY,KAC/CI,EAAA,OAAA,CACE,EAAE,wtBACF,KAAK,cAAc,CAAA,CACnB,CACE,CAAA"}

package/dist/es/components/logos/logo-aptos-mono.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as C,jsx as l}from"react/jsx-runtime";import{token as n}from"@styled/tokens";const c=({color:i,title:r,titleId:t,...e})=>{const o=i||n("colors.text.primary");return C("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:o,"aria-labelledby":t,...e,children:[r?l("title",{id:t,children:r}):null,C("g",{clipPath:"url(#clip0_10462_21023)",children:[l("path",{d:"M17.6909 8.52617H15.8415C15.6277 8.52617 15.4227 8.43453 15.2788 8.27305L14.5286 7.42643C14.4151 7.29987 14.2581 7.22568 14.088 7.22568C13.9179 7.22568 13.7609 7.29987 13.6475 7.42643L13.0019 8.15522C12.7926 8.39088 12.4872 8.53054 12.1732 8.53054H2.04941C1.76153 9.34662 1.57397 10.2151 1.49982 11.1184H11.0566C11.2267 11.1184 11.3837 11.0486 11.5015 10.9264L12.3913 9.99686C12.5003 9.87903 12.6573 9.81357 12.8144 9.81357H12.8493C13.0194 9.81357 13.1764 9.88776 13.2898 10.0143L14.04 10.8609C14.184 11.0224 14.389 11.1141 14.6027 11.1141H22.4016C22.3275 10.2151 22.1399 9.34225 21.852 8.52181L17.6909 8.52617Z",fill:"currentColor"}),l("path",{d:"M7.28356 16.5648C7.45367 16.5648 7.6107 16.495 7.72847 16.3728L8.61828 15.4432C8.73168 15.3254 8.88435 15.2599 9.04573 15.2599H9.08063C9.25074 15.2599 9.41213 15.3341 9.52117 15.4563L10.2714 16.3029C10.4153 16.4644 10.6203 16.5561 10.8341 16.5561H21.4071C21.804 15.7356 22.0919 14.8584 22.2664 13.9376H12.1164C11.9027 13.9376 11.6977 13.846 11.5538 13.6845L10.8035 12.8466C10.6901 12.72 10.5331 12.6502 10.363 12.6502C10.1929 12.6502 10.0315 12.7244 9.92246 12.8466L9.27691 13.5754C9.06754 13.8154 8.76222 13.9507 8.4438 13.9507H1.64374C1.81821 14.8715 2.10609 15.7487 2.50301 16.5691L7.28356 16.5648Z",fill:"currentColor"}),l("path",{d:"M14.7815 5.69387C14.9516 5.69387 15.1086 5.62405 15.2264 5.50185L16.1162 4.57231C16.2253 4.45448 16.3823 4.38902 16.5437 4.38902H16.5786C16.7487 4.38902 16.9057 4.46321 17.0191 4.58976L17.7694 5.44076C17.9133 5.60223 18.1183 5.69387 18.332 5.69387H20.3428C18.428 3.14526 15.3834 1.5 11.9551 1.5C8.52667 1.5 5.47776 3.14526 3.56293 5.69387H14.7815Z",fill:"currentColor"}),l("path",{d:"M10.7469 19.1614H7.99892C7.78519 19.1614 7.58018 19.0697 7.43624 18.9083L6.68601 18.0616C6.57261 17.9351 6.41558 17.8653 6.24547 17.8653C6.07536 17.8653 5.91397 17.9395 5.80493 18.0616L5.15938 18.7904C4.95001 19.0305 4.64468 19.1658 4.32627 19.1658H4.28265C6.19749 21.2169 8.92362 22.5043 11.9551 22.5043C14.9865 22.5043 17.7083 21.2169 19.6275 19.1658L10.7469 19.1614Z",fill:"currentColor"})]}),l("defs",{children:l("clipPath",{id:"clip0_10462_21023",children:l("rect",{width:20.9062,height:20.9999,fill:"currentColor",transform:"translate(1.49982 1.5)"})})})]})};export{c as default};
+import{jsxs as t,jsx as l}from"react/jsx-runtime";const o=({color:i,title:r,titleId:C,...e})=>t("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i||"var(--color-text-primary)","aria-labelledby":C,...e,children:[r?l("title",{id:C,children:r}):null,t("g",{clipPath:"url(#clip0_10462_21023)",children:[l("path",{d:"M17.6909 8.52617H15.8415C15.6277 8.52617 15.4227 8.43453 15.2788 8.27305L14.5286 7.42643C14.4151 7.29987 14.2581 7.22568 14.088 7.22568C13.9179 7.22568 13.7609 7.29987 13.6475 7.42643L13.0019 8.15522C12.7926 8.39088 12.4872 8.53054 12.1732 8.53054H2.04941C1.76153 9.34662 1.57397 10.2151 1.49982 11.1184H11.0566C11.2267 11.1184 11.3837 11.0486 11.5015 10.9264L12.3913 9.99686C12.5003 9.87903 12.6573 9.81357 12.8144 9.81357H12.8493C13.0194 9.81357 13.1764 9.88776 13.2898 10.0143L14.04 10.8609C14.184 11.0224 14.389 11.1141 14.6027 11.1141H22.4016C22.3275 10.2151 22.1399 9.34225 21.852 8.52181L17.6909 8.52617Z",fill:"currentColor"}),l("path",{d:"M7.28356 16.5648C7.45367 16.5648 7.6107 16.495 7.72847 16.3728L8.61828 15.4432C8.73168 15.3254 8.88435 15.2599 9.04573 15.2599H9.08063C9.25074 15.2599 9.41213 15.3341 9.52117 15.4563L10.2714 16.3029C10.4153 16.4644 10.6203 16.5561 10.8341 16.5561H21.4071C21.804 15.7356 22.0919 14.8584 22.2664 13.9376H12.1164C11.9027 13.9376 11.6977 13.846 11.5538 13.6845L10.8035 12.8466C10.6901 12.72 10.5331 12.6502 10.363 12.6502C10.1929 12.6502 10.0315 12.7244 9.92246 12.8466L9.27691 13.5754C9.06754 13.8154 8.76222 13.9507 8.4438 13.9507H1.64374C1.81821 14.8715 2.10609 15.7487 2.50301 16.5691L7.28356 16.5648Z",fill:"currentColor"}),l("path",{d:"M14.7815 5.69387C14.9516 5.69387 15.1086 5.62405 15.2264 5.50185L16.1162 4.57231C16.2253 4.45448 16.3823 4.38902 16.5437 4.38902H16.5786C16.7487 4.38902 16.9057 4.46321 17.0191 4.58976L17.7694 5.44076C17.9133 5.60223 18.1183 5.69387 18.332 5.69387H20.3428C18.428 3.14526 15.3834 1.5 11.9551 1.5C8.52667 1.5 5.47776 3.14526 3.56293 5.69387H14.7815Z",fill:"currentColor"}),l("path",{d:"M10.7469 19.1614H7.99892C7.78519 19.1614 7.58018 19.0697 7.43624 18.9083L6.68601 18.0616C6.57261 17.9351 6.41558 17.8653 6.24547 17.8653C6.07536 17.8653 5.91397 17.9395 5.80493 18.0616L5.15938 18.7904C4.95001 19.0305 4.64468 19.1658 4.32627 19.1658H4.28265C6.19749 21.2169 8.92362 22.5043 11.9551 22.5043C14.9865 22.5043 17.7083 21.2169 19.6275 19.1658L10.7469 19.1614Z",fill:"currentColor"})]}),l("defs",{children:l("clipPath",{id:"clip0_10462_21023",children:l("rect",{width:20.9062,height:20.9999,fill:"currentColor",transform:"translate(1.49982 1.5)"})})})]});export{o as default};
 //# sourceMappingURL=logo-aptos-mono.js.map