@stokelp/ui 2.103.0 → 2.104.0

package/dist/components/alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { alert } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { type ComponentProps, forwardRef, ReactNode } from 'react'\nimport { IconButton, type IconButtonProps } from '~/components/icon-button/IconButton'\nimport { Icon, IconProps } from '~/components'\n\nconst { withProvider, withContext } = createStyleContext(alert)\n\nconst StyledAlert = withProvider(styled(ark.div), 'root')\nconst StyledAlertIcon = withContext(styled(ark.svg), 'icon')\nconst StyledAlertTitle = withContext(styled(ark.h3), 'title')\nconst StyledAlertDescription = withContext(styled(ark.div), 'description')\n\nexport interface AlertProps extends Omit<ComponentProps<typeof StyledAlert>, 'children' | 'title'> {\n  title: ReactNode\n  description?: ReactNode\n  onDismiss?: IconButtonProps['onClick']\n  showDismissTrigger?: boolean\n  showIcon?: boolean\n  icon?: ReactNode\n  iconProps?: IconProps\n}\n\nconst getIcon = (severity: AlertProps['severity']) => {\n  switch (severity) {\n    default:\n    case 'neutral':\n      return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM10.2208 6.06246C9.55415 5.47918 8.44619 5.47918 7.77959 6.06246C7.54579 6.26703 7.19043 6.24334 6.98586 6.00954C6.78128 5.77575 6.80498 5.42038 7.03877 5.21581C8.12953 4.2614 9.87081 4.2614 10.9616 5.21581C12.0964 6.20876 12.0964 7.85374 10.9616 8.84669C10.7691 9.01512 10.5571 9.15309 10.3335 9.26127C9.82633 9.50673 9.56267 9.84163 9.56267 10.125V10.6875C9.56267 10.9982 9.31083 11.25 9.00017 11.25C8.68951 11.25 8.43767 10.9982 8.43767 10.6875V10.125C8.43767 9.16573 9.23213 8.54448 9.84346 8.24862C9.98044 8.18233 10.1074 8.09925 10.2208 8.00004C10.8433 7.4553 10.8433 6.6072 10.2208 6.06246ZM8.4375 12.9375C8.4375 12.6268 8.68934 12.375 9 12.375H9.00562C9.31629 12.375 9.56812 12.6268 9.56812 12.9375V12.9431C9.56812 13.2538 9.31629 13.5056 9.00562 13.5056H9C8.68934 13.5056 8.4375 13.2538 8.4375 12.9431V12.9375Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      )\n    case 'info':\n      return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM8.4375 6.1875C8.4375 5.87684 8.68934 5.625 9 5.625H9.00562C9.31629 5.625 9.56812 5.87684 9.56812 6.1875V6.19313C9.56812 6.50379 9.31629 6.75563 9.00562 6.75563H9C8.68934 6.75563 8.4375 6.50379 8.4375 6.19313V6.1875ZM8.21706 7.91883C9.07674 7.48899 10.0447 8.26546 9.81158 9.19791L9.27983 11.3249L9.31094 11.3094C9.5888 11.1705 9.92668 11.2831 10.0656 11.5609C10.2045 11.8388 10.0919 12.1767 9.81406 12.3156L9.78295 12.3312C8.92327 12.761 7.9553 11.9845 8.18842 11.0521L8.72017 8.92506L8.68906 8.94062C8.41119 9.07955 8.07332 8.96692 7.93438 8.68906C7.79545 8.41119 7.90808 8.07332 8.18594 7.93438L8.21706 7.91883Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      )\n    case 'success':\n      return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM11.5769 6.85477C11.8297 7.03534 11.8883 7.38665 11.7077 7.63945L8.89523 11.5769C8.79912 11.7115 8.64868 11.7969 8.4839 11.8106C8.31911 11.8242 8.15667 11.7647 8.03975 11.6477L6.35225 9.96025C6.13258 9.74058 6.13258 9.38442 6.35225 9.16475C6.57192 8.94508 6.92808 8.94508 7.14775 9.16475L8.36572 10.3827L10.7923 6.98555C10.9728 6.73276 11.3242 6.67421 11.5769 6.85477Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      )\n    case 'warning':\n      return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M9.97427 2.81473C9.54134 2.06432 8.45829 2.06432 8.02535 2.81473L2.50961 12.3754C2.07692 13.1254 2.6182 14.0625 3.48407 14.0625H14.5156C15.3814 14.0625 15.9227 13.1254 15.49 12.3754L9.97427 2.81473ZM7.0509 2.25255C7.91676 0.751715 10.0829 0.751714 10.9487 2.25255L16.4645 11.8132C17.3299 13.3132 16.2473 15.1875 14.5156 15.1875H3.48407C1.75234 15.1875 0.669765 13.3132 1.53515 11.8132L7.0509 2.25255ZM8.99981 6.18755C9.31047 6.18755 9.56231 6.43939 9.56231 6.75005V9.56255C9.56231 9.87321 9.31047 10.125 8.99981 10.125C8.68915 10.125 8.43731 9.87321 8.43731 9.56255V6.75005C8.43731 6.43939 8.68915 6.18755 8.99981 6.18755ZM8.43731 11.8125C8.43731 11.5019 8.68915 11.25 8.99981 11.25H9.00544C9.3161 11.25 9.56794 11.5019 9.56794 11.8125V11.8182C9.56794 12.1288 9.3161 12.3807 9.00544 12.3807H8.99981C8.68915 12.3807 8.43731 12.1288 8.43731 11.8182V11.8125Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      )\n    case 'error':\n      return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM9 6.1875C9.31066 6.1875 9.5625 6.43934 9.5625 6.75V9.5625C9.5625 9.87316 9.31066 10.125 9 10.125C8.68934 10.125 8.4375 9.87316 8.4375 9.5625V6.75C8.4375 6.43934 8.68934 6.1875 9 6.1875ZM8.4375 11.8125C8.4375 11.5018 8.68934 11.25 9 11.25H9.00562C9.31629 11.25 9.56812 11.5018 9.56812 11.8125V11.8181C9.56812 12.1288 9.31629 12.3806 9.00562 12.3806H9C8.68934 12.3806 8.4375 12.1288 8.4375 11.8181V11.8125Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      )\n  }\n}\n\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(\n  (\n    { title, description, showDismissTrigger, onDismiss, severity, showIcon = true, icon, iconProps, ...props },\n    ref,\n  ) => {\n    return (\n      <StyledAlert ref={ref} severity={severity} {...props}>\n        <StyledAlertTitle>\n          {showIcon ? (\n            <StyledAlertIcon asChild>\n              <Icon {...iconProps}>{icon ? icon : getIcon(severity)}</Icon>\n            </StyledAlertIcon>\n          ) : null}\n          {title}\n          {showDismissTrigger ? (\n            <IconButton ml=\"auto\" onClick={onDismiss} size=\"sm\" variant=\"tertiary\" aria-label=\"dismiss\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path\n                  fillRule=\"evenodd\"\n                  clipRule=\"evenodd\"\n                  d=\"M3.64645 3.64645C3.84171 3.45118 4.15829 3.45118 4.35355 3.64645L8 7.29289L11.6464 3.64645C11.8417 3.45118 12.1583 3.45118 12.3536 3.64645C12.5488 3.84171 12.5488 4.15829 12.3536 4.35355L8.70711 8L12.3536 11.6464C12.5488 11.8417 12.5488 12.1583 12.3536 12.3536C12.1583 12.5488 11.8417 12.5488 11.6464 12.3536L8 8.70711L4.35355 12.3536C4.15829 12.5488 3.84171 12.5488 3.64645 12.3536C3.45118 12.1583 3.45118 11.8417 3.64645 11.6464L7.29289 8L3.64645 4.35355C3.45118 4.15829 3.45118 3.84171 3.64645 3.64645Z\"\n                  fill=\"currentColor\"\n                />\n              </svg>\n            </IconButton>\n          ) : null}\n        </StyledAlertTitle>\n        {description ? <StyledAlertDescription>{description}</StyledAlertDescription> : null}\n      </StyledAlert>\n    )\n  },\n)\n"],"names":["withProvider","withContext","createStyleContext","alert","StyledAlert","styled","ark","StyledAlertIcon","StyledAlertTitle","StyledAlertDescription","getIcon","severity","jsx","Alert","forwardRef","title","description","showDismissTrigger","onDismiss","showIcon","icon","iconProps","props","ref","jsxs","Icon","IconButton"],"mappings":";;;;;;;;;AAQA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,CAAK,GAExDC,IAAcJ,EAAaK,EAAOC,EAAI,GAAG,GAAG,MAAM,GAClDC,IAAkBN,EAAYI,EAAOC,EAAI,GAAG,GAAG,MAAM,GACrDE,IAAmBP,EAAYI,EAAOC,EAAI,EAAE,GAAG,OAAO,GACtDG,IAAyBR,EAAYI,EAAOC,EAAI,GAAG,GAAG,aAAa,GAYnEI,IAAU,CAACC,MAAqC;AACpD,UAAQA,GAAA;AAAA,IACN;AAAA,IACA,KAAK;AACH,aACE,gBAAAC,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA,GAET;AAAA,IAEJ,KAAK;AACH,aACE,gBAAAA,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA,GAET;AAAA,IAEJ,KAAK;AACH,aACE,gBAAAA,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA,GAET;AAAA,IAEJ,KAAK;AACH,aACE,gBAAAA,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA,GAET;AAAA,IAEJ,KAAK;AACH,aACE,gBAAAA,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA,GAET;AAAA,EAAA;AAGR,GAEaC,IAAQC;AAAA,EACnB,CACE,EAAE,OAAAC,GAAO,aAAAC,GAAa,oBAAAC,GAAoB,WAAAC,GAAW,UAAAP,GAAU,UAAAQ,IAAW,IAAM,MAAAC,GAAM,WAAAC,GAAW,GAAGC,EAAA,GACpGC,MAGE,gBAAAC,EAACpB,GAAA,EAAY,KAAAmB,GAAU,UAAAZ,GAAqB,GAAGW,GAC7C,UAAA;AAAA,IAAA,gBAAAE,EAAChB,GAAA,EACE,UAAA;AAAA,MAAAW,IACC,gBAAAP,EAACL,GAAA,EAAgB,SAAO,IACtB,4BAACkB,GAAA,EAAM,GAAGJ,GAAY,UAAAD,KAAcV,EAAQC,CAAQ,EAAA,CAAE,GACxD,IACE;AAAA,MACHI;AAAA,MACAE,IACC,gBAAAL,EAACc,GAAA,EAAW,IAAG,QAAO,SAASR,GAAW,MAAK,MAAK,SAAQ,YAAW,cAAW,WAChF,UAAA,gBAAAN,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA,EACP,CACF,GACF,IACE;AAAA,IAAA,GACN;AAAA,IACCI,IAAc,gBAAAJ,EAACH,GAAA,EAAwB,UAAAO,EAAA,CAAY,IAA4B;AAAA,EAAA,GAClF;AAGN;"}
+{"version":3,"file":"Alert.js","names":[],"sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { alert } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { type ComponentProps, forwardRef, ReactNode } from 'react'\nimport { IconButton, type IconButtonProps } from '~/components/icon-button/IconButton'\nimport { Icon, IconProps } from '~/components'\n\nconst { withProvider, withContext } = createStyleContext(alert)\n\nconst StyledAlert = withProvider(styled(ark.div), 'root')\nconst StyledAlertIcon = withContext(styled(ark.svg), 'icon')\nconst StyledAlertTitle = withContext(styled(ark.h3), 'title')\nconst StyledAlertDescription = withContext(styled(ark.div), 'description')\n\nexport interface AlertProps extends Omit<ComponentProps<typeof StyledAlert>, 'children' | 'title'> {\n  title: ReactNode\n  description?: ReactNode\n  onDismiss?: IconButtonProps['onClick']\n  showDismissTrigger?: boolean\n  showIcon?: boolean\n  icon?: ReactNode\n  iconProps?: IconProps\n}\n\nconst getIcon = (severity: AlertProps['severity']) => {\n  switch (severity) {\n    default:\n    case 'neutral':\n      return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM10.2208 6.06246C9.55415 5.47918 8.44619 5.47918 7.77959 6.06246C7.54579 6.26703 7.19043 6.24334 6.98586 6.00954C6.78128 5.77575 6.80498 5.42038 7.03877 5.21581C8.12953 4.2614 9.87081 4.2614 10.9616 5.21581C12.0964 6.20876 12.0964 7.85374 10.9616 8.84669C10.7691 9.01512 10.5571 9.15309 10.3335 9.26127C9.82633 9.50673 9.56267 9.84163 9.56267 10.125V10.6875C9.56267 10.9982 9.31083 11.25 9.00017 11.25C8.68951 11.25 8.43767 10.9982 8.43767 10.6875V10.125C8.43767 9.16573 9.23213 8.54448 9.84346 8.24862C9.98044 8.18233 10.1074 8.09925 10.2208 8.00004C10.8433 7.4553 10.8433 6.6072 10.2208 6.06246ZM8.4375 12.9375C8.4375 12.6268 8.68934 12.375 9 12.375H9.00562C9.31629 12.375 9.56812 12.6268 9.56812 12.9375V12.9431C9.56812 13.2538 9.31629 13.5056 9.00562 13.5056H9C8.68934 13.5056 8.4375 13.2538 8.4375 12.9431V12.9375Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      )\n    case 'info':\n      return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM8.4375 6.1875C8.4375 5.87684 8.68934 5.625 9 5.625H9.00562C9.31629 5.625 9.56812 5.87684 9.56812 6.1875V6.19313C9.56812 6.50379 9.31629 6.75563 9.00562 6.75563H9C8.68934 6.75563 8.4375 6.50379 8.4375 6.19313V6.1875ZM8.21706 7.91883C9.07674 7.48899 10.0447 8.26546 9.81158 9.19791L9.27983 11.3249L9.31094 11.3094C9.5888 11.1705 9.92668 11.2831 10.0656 11.5609C10.2045 11.8388 10.0919 12.1767 9.81406 12.3156L9.78295 12.3312C8.92327 12.761 7.9553 11.9845 8.18842 11.0521L8.72017 8.92506L8.68906 8.94062C8.41119 9.07955 8.07332 8.96692 7.93438 8.68906C7.79545 8.41119 7.90808 8.07332 8.18594 7.93438L8.21706 7.91883Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      )\n    case 'success':\n      return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM11.5769 6.85477C11.8297 7.03534 11.8883 7.38665 11.7077 7.63945L8.89523 11.5769C8.79912 11.7115 8.64868 11.7969 8.4839 11.8106C8.31911 11.8242 8.15667 11.7647 8.03975 11.6477L6.35225 9.96025C6.13258 9.74058 6.13258 9.38442 6.35225 9.16475C6.57192 8.94508 6.92808 8.94508 7.14775 9.16475L8.36572 10.3827L10.7923 6.98555C10.9728 6.73276 11.3242 6.67421 11.5769 6.85477Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      )\n    case 'warning':\n      return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M9.97427 2.81473C9.54134 2.06432 8.45829 2.06432 8.02535 2.81473L2.50961 12.3754C2.07692 13.1254 2.6182 14.0625 3.48407 14.0625H14.5156C15.3814 14.0625 15.9227 13.1254 15.49 12.3754L9.97427 2.81473ZM7.0509 2.25255C7.91676 0.751715 10.0829 0.751714 10.9487 2.25255L16.4645 11.8132C17.3299 13.3132 16.2473 15.1875 14.5156 15.1875H3.48407C1.75234 15.1875 0.669765 13.3132 1.53515 11.8132L7.0509 2.25255ZM8.99981 6.18755C9.31047 6.18755 9.56231 6.43939 9.56231 6.75005V9.56255C9.56231 9.87321 9.31047 10.125 8.99981 10.125C8.68915 10.125 8.43731 9.87321 8.43731 9.56255V6.75005C8.43731 6.43939 8.68915 6.18755 8.99981 6.18755ZM8.43731 11.8125C8.43731 11.5019 8.68915 11.25 8.99981 11.25H9.00544C9.3161 11.25 9.56794 11.5019 9.56794 11.8125V11.8182C9.56794 12.1288 9.3161 12.3807 9.00544 12.3807H8.99981C8.68915 12.3807 8.43731 12.1288 8.43731 11.8182V11.8125Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      )\n    case 'error':\n      return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M9 2.8125C5.58274 2.8125 2.8125 5.58274 2.8125 9C2.8125 12.4173 5.58274 15.1875 9 15.1875C12.4173 15.1875 15.1875 12.4173 15.1875 9C15.1875 5.58274 12.4173 2.8125 9 2.8125ZM1.6875 9C1.6875 4.96142 4.96142 1.6875 9 1.6875C13.0386 1.6875 16.3125 4.96142 16.3125 9C16.3125 13.0386 13.0386 16.3125 9 16.3125C4.96142 16.3125 1.6875 13.0386 1.6875 9ZM9 6.1875C9.31066 6.1875 9.5625 6.43934 9.5625 6.75V9.5625C9.5625 9.87316 9.31066 10.125 9 10.125C8.68934 10.125 8.4375 9.87316 8.4375 9.5625V6.75C8.4375 6.43934 8.68934 6.1875 9 6.1875ZM8.4375 11.8125C8.4375 11.5018 8.68934 11.25 9 11.25H9.00562C9.31629 11.25 9.56812 11.5018 9.56812 11.8125V11.8181C9.56812 12.1288 9.31629 12.3806 9.00562 12.3806H9C8.68934 12.3806 8.4375 12.1288 8.4375 11.8181V11.8125Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      )\n  }\n}\n\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(\n  (\n    { title, description, showDismissTrigger, onDismiss, severity, showIcon = true, icon, iconProps, ...props },\n    ref,\n  ) => {\n    return (\n      <StyledAlert ref={ref} severity={severity} {...props}>\n        <StyledAlertTitle>\n          {showIcon ? (\n            <StyledAlertIcon asChild>\n              <Icon {...iconProps}>{icon ? icon : getIcon(severity)}</Icon>\n            </StyledAlertIcon>\n          ) : null}\n          {title}\n          {showDismissTrigger ? (\n            <IconButton ml=\"auto\" onClick={onDismiss} size=\"sm\" variant=\"tertiary\" aria-label=\"dismiss\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path\n                  fillRule=\"evenodd\"\n                  clipRule=\"evenodd\"\n                  d=\"M3.64645 3.64645C3.84171 3.45118 4.15829 3.45118 4.35355 3.64645L8 7.29289L11.6464 3.64645C11.8417 3.45118 12.1583 3.45118 12.3536 3.64645C12.5488 3.84171 12.5488 4.15829 12.3536 4.35355L8.70711 8L12.3536 11.6464C12.5488 11.8417 12.5488 12.1583 12.3536 12.3536C12.1583 12.5488 11.8417 12.5488 11.6464 12.3536L8 8.70711L4.35355 12.3536C4.15829 12.5488 3.84171 12.5488 3.64645 12.3536C3.45118 12.1583 3.45118 11.8417 3.64645 11.6464L7.29289 8L3.64645 4.35355C3.45118 4.15829 3.45118 3.84171 3.64645 3.64645Z\"\n                  fill=\"currentColor\"\n                />\n              </svg>\n            </IconButton>\n          ) : null}\n        </StyledAlertTitle>\n        {description ? <StyledAlertDescription>{description}</StyledAlertDescription> : null}\n      </StyledAlert>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;AAQA,IAAM,EAAE,iBAAc,mBAAgB,EAAmB,CAAK,GAExD,IAAc,EAAa,EAAO,EAAI,GAAG,GAAG,MAAM,GAClD,IAAkB,EAAY,EAAO,EAAI,GAAG,GAAG,MAAM,GACrD,IAAmB,EAAY,EAAO,EAAI,EAAE,GAAG,OAAO,GACtD,IAAyB,EAAY,EAAO,EAAI,GAAG,GAAG,aAAa,GAYnE,KAAW,MAAqC;CACpD,QAAQ,GAAR;EACE;EACA,KAAK,WACH,OACE,kBAAC,OAAD;GAAK,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAY,MAAK;GAAO,OAAM;aAChE,kBAAC,QAAD;IACE,UAAS;IACT,UAAS;IACT,GAAE;IACF,MAAK;GACN,CAAA;EACE,CAAA;EAET,KAAK,QACH,OACE,kBAAC,OAAD;GAAK,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAY,MAAK;GAAO,OAAM;aAChE,kBAAC,QAAD;IACE,UAAS;IACT,UAAS;IACT,GAAE;IACF,MAAK;GACN,CAAA;EACE,CAAA;EAET,KAAK,WACH,OACE,kBAAC,OAAD;GAAK,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAY,MAAK;GAAO,OAAM;aAChE,kBAAC,QAAD;IACE,UAAS;IACT,UAAS;IACT,GAAE;IACF,MAAK;GACN,CAAA;EACE,CAAA;EAET,KAAK,WACH,OACE,kBAAC,OAAD;GAAK,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAY,MAAK;GAAO,OAAM;aAChE,kBAAC,QAAD;IACE,UAAS;IACT,UAAS;IACT,GAAE;IACF,MAAK;GACN,CAAA;EACE,CAAA;EAET,KAAK,SACH,OACE,kBAAC,OAAD;GAAK,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAY,MAAK;GAAO,OAAM;aAChE,kBAAC,QAAD;IACE,UAAS;IACT,UAAS;IACT,GAAE;IACF,MAAK;GACN,CAAA;EACE,CAAA;CAEX;AACF,GAEa,IAAQ,GAEjB,EAAE,UAAO,gBAAa,uBAAoB,cAAW,aAAU,cAAW,IAAM,SAAM,cAAW,GAAG,KACpG,MAGE,kBAAC,GAAD;CAAkB;CAAe;CAAU,GAAI;WAA/C,CACE,kBAAC,GAAD,EAAA,UAAA;EACG,IACC,kBAAC,GAAD;GAAiB,SAAA;aACf,kBAAC,GAAD;IAAM,GAAI;cAAY,KAAc,EAAQ,CAAQ;GAAQ,CAAA;EAC7C,CAAA,IACf;EACH;EACA,IACC,kBAAC,GAAD;GAAY,IAAG;GAAO,SAAS;GAAW,MAAK;GAAK,SAAQ;GAAW,cAAW;aAChF,kBAAC,OAAD;IAAK,OAAM;IAAK,QAAO;IAAK,SAAQ;IAAY,MAAK;IAAO,OAAM;cAChE,kBAAC,QAAD;KACE,UAAS;KACT,UAAS;KACT,GAAE;KACF,MAAK;IACN,CAAA;GACE,CAAA;EACK,CAAA,IACV;CACY,EAAA,CAAA,GACjB,IAAc,kBAAC,GAAD,EAAA,UAAyB,EAAoC,CAAA,IAAI,IACrE;EAGnB"}

package/dist/components/app/mobile-card/MobileCardEntityRow.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@stokelp/styled-system/jsx"),s=require("../../text/Text.cjs"),o=require("./MobileCardNotificationBadge.cjs");function c({name:i,imageURL:r,unreadNotifications:n}){return e.jsxs(t.HStack,{gap:"space-8",alignItems:"center",justifyContent:"space-between",children:[e.jsxs(t.HStack,{gap:"space-8",alignItems:"center",flex:"1",minW:"0",children:[r&&e.jsx(t.Box,{borderRadius:"full",overflow:"hidden",w:"size-20",h:"size-20",flexShrink:0,children:e.jsx("img",{src:r,alt:i,width:20,height:20,style:{objectFit:"cover",width:"100%",height:"100%"}})}),e.jsx(s.Text,{size:"sm",bold:!0,truncate:!0,children:i})]}),e.jsx(o.MobileCardNotificationBadge,{count:n})]})}exports.MobileCardEntityRow=c;
-//# sourceMappingURL=MobileCardEntityRow.cjs.map
+"use client";const e=require("../../text/Text.cjs"),t=require("./MobileCardNotificationBadge.cjs");let n=require("@stokelp/styled-system/jsx"),r=require("react/jsx-runtime");function i({name:i,imageURL:a,unreadNotifications:o}){return(0,r.jsxs)(n.HStack,{gap:`space-8`,alignItems:`center`,justifyContent:`space-between`,children:[(0,r.jsxs)(n.HStack,{gap:`space-8`,alignItems:`center`,flex:`1`,minW:`0`,children:[a&&(0,r.jsx)(n.Box,{borderRadius:`full`,overflow:`hidden`,w:`size-20`,h:`size-20`,flexShrink:0,children:(0,r.jsx)(`img`,{src:a,alt:i,width:20,height:20,style:{objectFit:`cover`,width:`100%`,height:`100%`}})}),(0,r.jsx)(e.Text,{size:`sm`,bold:!0,truncate:!0,children:i})]}),(0,r.jsx)(t.MobileCardNotificationBadge,{count:o})]})}exports.MobileCardEntityRow=i;
+//# sourceMappingURL=MobileCardEntityRow.cjs.map

package/dist/components/app/mobile-card/MobileCardEntityRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileCardEntityRow.cjs","sources":["../../../../src/components/app/mobile-card/MobileCardEntityRow.tsx"],"sourcesContent":["import { HStack, Box } from '@stokelp/styled-system/jsx'\nimport { Text } from '~/components/text/Text'\nimport { MobileCardNotificationBadge } from './MobileCardNotificationBadge'\n\nexport interface MobileCardEntityRowProps {\n  name: string\n  imageURL?: string\n  unreadNotifications?: number\n}\n\nexport function MobileCardEntityRow({ name, imageURL, unreadNotifications }: MobileCardEntityRowProps) {\n  return (\n    <HStack gap=\"space-8\" alignItems=\"center\" justifyContent=\"space-between\">\n      <HStack gap=\"space-8\" alignItems=\"center\" flex=\"1\" minW=\"0\">\n        {imageURL && (\n          <Box borderRadius=\"full\" overflow=\"hidden\" w=\"size-20\" h=\"size-20\" flexShrink={0}>\n            <img\n              src={imageURL}\n              alt={name}\n              width={20}\n              height={20}\n              style={{ objectFit: 'cover', width: '100%', height: '100%' }}\n            />\n          </Box>\n        )}\n        <Text size=\"sm\" bold truncate>\n          {name}\n        </Text>\n      </HStack>\n      <MobileCardNotificationBadge count={unreadNotifications} />\n    </HStack>\n  )\n}\n"],"names":["MobileCardEntityRow","name","imageURL","unreadNotifications","HStack","jsxs","jsx","Box","Text","MobileCardNotificationBadge"],"mappings":"0PAUO,SAASA,EAAoB,CAAE,KAAAC,EAAM,SAAAC,EAAU,oBAAAC,GAAiD,CACrG,cACGC,SAAA,CAAO,IAAI,UAAU,WAAW,SAAS,eAAe,gBACvD,SAAA,CAAAC,EAAAA,KAACD,EAAAA,OAAA,CAAO,IAAI,UAAU,WAAW,SAAS,KAAK,IAAI,KAAK,IACrD,SAAA,CAAAF,GACCI,EAAAA,IAACC,EAAAA,IAAA,CAAI,aAAa,OAAO,SAAS,SAAS,EAAE,UAAU,EAAE,UAAU,WAAY,EAC7E,SAAAD,EAAAA,IAAC,MAAA,CACC,IAAKJ,EACL,IAAKD,EACL,MAAO,GACP,OAAQ,GACR,MAAO,CAAE,UAAW,QAAS,MAAO,OAAQ,OAAQ,MAAA,CAAO,CAAA,EAE/D,EAEFK,EAAAA,IAACE,EAAAA,MAAK,KAAK,KAAK,KAAI,GAAC,SAAQ,GAC1B,SAAAP,CAAA,CACH,CAAA,EACF,EACAK,EAAAA,IAACG,EAAAA,4BAAA,CAA4B,MAAON,CAAA,CAAqB,CAAA,EAC3D,CAEJ"}
+{"version":3,"file":"MobileCardEntityRow.cjs","names":[],"sources":["../../../../src/components/app/mobile-card/MobileCardEntityRow.tsx"],"sourcesContent":["import { HStack, Box } from '@stokelp/styled-system/jsx'\nimport { Text } from '~/components/text/Text'\nimport { MobileCardNotificationBadge } from './MobileCardNotificationBadge'\n\nexport interface MobileCardEntityRowProps {\n  name: string\n  imageURL?: string\n  unreadNotifications?: number\n}\n\nexport function MobileCardEntityRow({ name, imageURL, unreadNotifications }: MobileCardEntityRowProps) {\n  return (\n    <HStack gap=\"space-8\" alignItems=\"center\" justifyContent=\"space-between\">\n      <HStack gap=\"space-8\" alignItems=\"center\" flex=\"1\" minW=\"0\">\n        {imageURL && (\n          <Box borderRadius=\"full\" overflow=\"hidden\" w=\"size-20\" h=\"size-20\" flexShrink={0}>\n            <img\n              src={imageURL}\n              alt={name}\n              width={20}\n              height={20}\n              style={{ objectFit: 'cover', width: '100%', height: '100%' }}\n            />\n          </Box>\n        )}\n        <Text size=\"sm\" bold truncate>\n          {name}\n        </Text>\n      </HStack>\n      <MobileCardNotificationBadge count={unreadNotifications} />\n    </HStack>\n  )\n}\n"],"mappings":"8KAUA,SAAgB,EAAoB,CAAE,OAAM,WAAU,uBAAiD,CACrG,OACE,EAAA,EAAA,MAAC,EAAA,OAAD,CAAQ,IAAI,UAAU,WAAW,SAAS,eAAe,yBAAzD,EACE,EAAA,EAAA,MAAC,EAAA,OAAD,CAAQ,IAAI,UAAU,WAAW,SAAS,KAAK,IAAI,KAAK,aAAxD,CACG,IACC,EAAA,EAAA,KAAC,EAAA,IAAD,CAAK,aAAa,OAAO,SAAS,SAAS,EAAE,UAAU,EAAE,UAAU,WAAY,YAC7E,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,IAAK,EACL,MAAO,GACP,OAAQ,GACR,MAAO,CAAE,UAAW,QAAS,MAAO,OAAQ,OAAQ,MAAO,CAC5D,CAAA,CACE,CAAA,GAEP,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,KAAK,KAAA,GAAK,SAAA,YAClB,CACG,CAAA,CACA,KACR,EAAA,EAAA,KAAC,EAAA,4BAAD,CAA6B,MAAO,CAAsB,CAAA,CACpD,GAEZ"}

package/dist/components/app/mobile-card/MobileCardEntityRow.js

@@ -1,27 +1,46 @@
 "use client";
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { HStack as o, Box as c } from "@stokelp/styled-system/jsx";
-import { Text as l } from "../../text/Text.js";
-import { MobileCardNotificationBadge as s } from "./MobileCardNotificationBadge.js";
-function m({ name: t, imageURL: i, unreadNotifications: n }) {
-  return /* @__PURE__ */ r(o, { gap: "space-8", alignItems: "center", justifyContent: "space-between", children: [
-    /* @__PURE__ */ r(o, { gap: "space-8", alignItems: "center", flex: "1", minW: "0", children: [
-      i && /* @__PURE__ */ e(c, { borderRadius: "full", overflow: "hidden", w: "size-20", h: "size-20", flexShrink: 0, children: /* @__PURE__ */ e(
-        "img",
-        {
-          src: i,
-          alt: t,
-          width: 20,
-          height: 20,
-          style: { objectFit: "cover", width: "100%", height: "100%" }
-        }
-      ) }),
-      /* @__PURE__ */ e(l, { size: "sm", bold: !0, truncate: !0, children: t })
-    ] }),
-    /* @__PURE__ */ e(s, { count: n })
-  ] });
+import { Text as e } from "../../text/Text.js";
+import { MobileCardNotificationBadge as t } from "./MobileCardNotificationBadge.js";
+import { Box as n, HStack as r } from "@stokelp/styled-system/jsx";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/app/mobile-card/MobileCardEntityRow.tsx
+function o({ name: o, imageURL: s, unreadNotifications: c }) {
+	return /* @__PURE__ */ a(r, {
+		gap: "space-8",
+		alignItems: "center",
+		justifyContent: "space-between",
+		children: [/* @__PURE__ */ a(r, {
+			gap: "space-8",
+			alignItems: "center",
+			flex: "1",
+			minW: "0",
+			children: [s && /* @__PURE__ */ i(n, {
+				borderRadius: "full",
+				overflow: "hidden",
+				w: "size-20",
+				h: "size-20",
+				flexShrink: 0,
+				children: /* @__PURE__ */ i("img", {
+					src: s,
+					alt: o,
+					width: 20,
+					height: 20,
+					style: {
+						objectFit: "cover",
+						width: "100%",
+						height: "100%"
+					}
+				})
+			}), /* @__PURE__ */ i(e, {
+				size: "sm",
+				bold: !0,
+				truncate: !0,
+				children: o
+			})]
+		}), /* @__PURE__ */ i(t, { count: c })]
+	});
 }
-export {
-  m as MobileCardEntityRow
-};
-//# sourceMappingURL=MobileCardEntityRow.js.map
+//#endregion
+export { o as MobileCardEntityRow };
+
+//# sourceMappingURL=MobileCardEntityRow.js.map

package/dist/components/app/mobile-card/MobileCardEntityRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileCardEntityRow.js","sources":["../../../../src/components/app/mobile-card/MobileCardEntityRow.tsx"],"sourcesContent":["import { HStack, Box } from '@stokelp/styled-system/jsx'\nimport { Text } from '~/components/text/Text'\nimport { MobileCardNotificationBadge } from './MobileCardNotificationBadge'\n\nexport interface MobileCardEntityRowProps {\n  name: string\n  imageURL?: string\n  unreadNotifications?: number\n}\n\nexport function MobileCardEntityRow({ name, imageURL, unreadNotifications }: MobileCardEntityRowProps) {\n  return (\n    <HStack gap=\"space-8\" alignItems=\"center\" justifyContent=\"space-between\">\n      <HStack gap=\"space-8\" alignItems=\"center\" flex=\"1\" minW=\"0\">\n        {imageURL && (\n          <Box borderRadius=\"full\" overflow=\"hidden\" w=\"size-20\" h=\"size-20\" flexShrink={0}>\n            <img\n              src={imageURL}\n              alt={name}\n              width={20}\n              height={20}\n              style={{ objectFit: 'cover', width: '100%', height: '100%' }}\n            />\n          </Box>\n        )}\n        <Text size=\"sm\" bold truncate>\n          {name}\n        </Text>\n      </HStack>\n      <MobileCardNotificationBadge count={unreadNotifications} />\n    </HStack>\n  )\n}\n"],"names":["MobileCardEntityRow","name","imageURL","unreadNotifications","HStack","jsxs","jsx","Box","Text","MobileCardNotificationBadge"],"mappings":";;;;;AAUO,SAASA,EAAoB,EAAE,MAAAC,GAAM,UAAAC,GAAU,qBAAAC,KAAiD;AACrG,2BACGC,GAAA,EAAO,KAAI,WAAU,YAAW,UAAS,gBAAe,iBACvD,UAAA;AAAA,IAAA,gBAAAC,EAACD,GAAA,EAAO,KAAI,WAAU,YAAW,UAAS,MAAK,KAAI,MAAK,KACrD,UAAA;AAAA,MAAAF,KACC,gBAAAI,EAACC,GAAA,EAAI,cAAa,QAAO,UAAS,UAAS,GAAE,WAAU,GAAE,WAAU,YAAY,GAC7E,UAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKJ;AAAA,UACL,KAAKD;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,OAAO,EAAE,WAAW,SAAS,OAAO,QAAQ,QAAQ,OAAA;AAAA,QAAO;AAAA,MAAA,GAE/D;AAAA,MAEF,gBAAAK,EAACE,KAAK,MAAK,MAAK,MAAI,IAAC,UAAQ,IAC1B,UAAAP,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IACA,gBAAAK,EAACG,GAAA,EAA4B,OAAON,EAAA,CAAqB;AAAA,EAAA,GAC3D;AAEJ;"}
+{"version":3,"file":"MobileCardEntityRow.js","names":[],"sources":["../../../../src/components/app/mobile-card/MobileCardEntityRow.tsx"],"sourcesContent":["import { HStack, Box } from '@stokelp/styled-system/jsx'\nimport { Text } from '~/components/text/Text'\nimport { MobileCardNotificationBadge } from './MobileCardNotificationBadge'\n\nexport interface MobileCardEntityRowProps {\n  name: string\n  imageURL?: string\n  unreadNotifications?: number\n}\n\nexport function MobileCardEntityRow({ name, imageURL, unreadNotifications }: MobileCardEntityRowProps) {\n  return (\n    <HStack gap=\"space-8\" alignItems=\"center\" justifyContent=\"space-between\">\n      <HStack gap=\"space-8\" alignItems=\"center\" flex=\"1\" minW=\"0\">\n        {imageURL && (\n          <Box borderRadius=\"full\" overflow=\"hidden\" w=\"size-20\" h=\"size-20\" flexShrink={0}>\n            <img\n              src={imageURL}\n              alt={name}\n              width={20}\n              height={20}\n              style={{ objectFit: 'cover', width: '100%', height: '100%' }}\n            />\n          </Box>\n        )}\n        <Text size=\"sm\" bold truncate>\n          {name}\n        </Text>\n      </HStack>\n      <MobileCardNotificationBadge count={unreadNotifications} />\n    </HStack>\n  )\n}\n"],"mappings":";;;;;;AAUA,SAAgB,EAAoB,EAAE,SAAM,aAAU,0BAAiD;CACrG,OACE,kBAAC,GAAD;EAAQ,KAAI;EAAU,YAAW;EAAS,gBAAe;YAAzD,CACE,kBAAC,GAAD;GAAQ,KAAI;GAAU,YAAW;GAAS,MAAK;GAAI,MAAK;aAAxD,CACG,KACC,kBAAC,GAAD;IAAK,cAAa;IAAO,UAAS;IAAS,GAAE;IAAU,GAAE;IAAU,YAAY;cAC7E,kBAAC,OAAD;KACE,KAAK;KACL,KAAK;KACL,OAAO;KACP,QAAQ;KACR,OAAO;MAAE,WAAW;MAAS,OAAO;MAAQ,QAAQ;KAAO;IAC5D,CAAA;GACE,CAAA,GAEP,kBAAC,GAAD;IAAM,MAAK;IAAK,MAAA;IAAK,UAAA;cAClB;GACG,CAAA,CACA;MACR,kBAAC,GAAD,EAA6B,OAAO,EAAsB,CAAA,CACpD;;AAEZ"}

package/dist/components/app/mobile-card/MobileCardHeader.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("@stokelp/styled-system/jsx");function s({children:r,onClick:e}){return t.jsx(o.HStack,{bgColor:"primary.300",px:"space-16",py:"space-12",gap:"space-12",justifyContent:"space-between",cursor:e?"pointer":void 0,onClick:e,children:r})}exports.MobileCardHeader=s;
-//# sourceMappingURL=MobileCardHeader.cjs.map
+"use client";let e=require("@stokelp/styled-system/jsx"),t=require("react/jsx-runtime");function n({children:n,onClick:r}){return(0,t.jsx)(e.HStack,{bgColor:`primary.300`,px:`space-16`,py:`space-12`,gap:`space-12`,justifyContent:`space-between`,cursor:r?`pointer`:void 0,onClick:r,children:n})}exports.MobileCardHeader=n;
+//# sourceMappingURL=MobileCardHeader.cjs.map

package/dist/components/app/mobile-card/MobileCardHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileCardHeader.cjs","sources":["../../../../src/components/app/mobile-card/MobileCardHeader.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { HStack } from '@stokelp/styled-system/jsx'\n\nexport interface MobileCardHeaderProps {\n  children: ReactNode\n  onClick?: () => void\n}\n\nexport function MobileCardHeader({ children, onClick }: MobileCardHeaderProps) {\n  return (\n    <HStack\n      bgColor=\"primary.300\"\n      px=\"space-16\"\n      py=\"space-12\"\n      gap=\"space-12\"\n      justifyContent=\"space-between\"\n      cursor={onClick ? 'pointer' : undefined}\n      onClick={onClick}\n    >\n      {children}\n    </HStack>\n  )\n}\n"],"names":["MobileCardHeader","children","onClick","jsx","HStack"],"mappings":"0KAQO,SAASA,EAAiB,CAAE,SAAAC,EAAU,QAAAC,GAAkC,CAC7E,OACEC,EAAAA,IAACC,EAAAA,OAAA,CACC,QAAQ,cACR,GAAG,WACH,GAAG,WACH,IAAI,WACJ,eAAe,gBACf,OAAQF,EAAU,UAAY,OAC9B,QAAAA,EAEC,SAAAD,CAAA,CAAA,CAGP"}
+{"version":3,"file":"MobileCardHeader.cjs","names":[],"sources":["../../../../src/components/app/mobile-card/MobileCardHeader.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { HStack } from '@stokelp/styled-system/jsx'\n\nexport interface MobileCardHeaderProps {\n  children: ReactNode\n  onClick?: () => void\n}\n\nexport function MobileCardHeader({ children, onClick }: MobileCardHeaderProps) {\n  return (\n    <HStack\n      bgColor=\"primary.300\"\n      px=\"space-16\"\n      py=\"space-12\"\n      gap=\"space-12\"\n      justifyContent=\"space-between\"\n      cursor={onClick ? 'pointer' : undefined}\n      onClick={onClick}\n    >\n      {children}\n    </HStack>\n  )\n}\n"],"mappings":"wFAQA,SAAgB,EAAiB,CAAE,WAAU,WAAkC,CAC7E,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,QAAQ,cACR,GAAG,WACH,GAAG,WACH,IAAI,WACJ,eAAe,gBACf,OAAQ,EAAU,UAAY,IAAA,GACrB,UAER,UACK,CAAA,CAEZ"}

package/dist/components/app/mobile-card/MobileCardHeader.js

@@ -1,22 +1,20 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { HStack as p } from "@stokelp/styled-system/jsx";
-function i({ children: r, onClick: e }) {
-  return /* @__PURE__ */ o(
-    p,
-    {
-      bgColor: "primary.300",
-      px: "space-16",
-      py: "space-12",
-      gap: "space-12",
-      justifyContent: "space-between",
-      cursor: e ? "pointer" : void 0,
-      onClick: e,
-      children: r
-    }
-  );
+import { HStack as e } from "@stokelp/styled-system/jsx";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/app/mobile-card/MobileCardHeader.tsx
+function n({ children: n, onClick: r }) {
+	return /* @__PURE__ */ t(e, {
+		bgColor: "primary.300",
+		px: "space-16",
+		py: "space-12",
+		gap: "space-12",
+		justifyContent: "space-between",
+		cursor: r ? "pointer" : void 0,
+		onClick: r,
+		children: n
+	});
 }
-export {
-  i as MobileCardHeader
-};
-//# sourceMappingURL=MobileCardHeader.js.map
+//#endregion
+export { n as MobileCardHeader };
+
+//# sourceMappingURL=MobileCardHeader.js.map

package/dist/components/app/mobile-card/MobileCardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileCardHeader.js","sources":["../../../../src/components/app/mobile-card/MobileCardHeader.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { HStack } from '@stokelp/styled-system/jsx'\n\nexport interface MobileCardHeaderProps {\n  children: ReactNode\n  onClick?: () => void\n}\n\nexport function MobileCardHeader({ children, onClick }: MobileCardHeaderProps) {\n  return (\n    <HStack\n      bgColor=\"primary.300\"\n      px=\"space-16\"\n      py=\"space-12\"\n      gap=\"space-12\"\n      justifyContent=\"space-between\"\n      cursor={onClick ? 'pointer' : undefined}\n      onClick={onClick}\n    >\n      {children}\n    </HStack>\n  )\n}\n"],"names":["MobileCardHeader","children","onClick","jsx","HStack"],"mappings":";;;AAQO,SAASA,EAAiB,EAAE,UAAAC,GAAU,SAAAC,KAAkC;AAC7E,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,IAAG;AAAA,MACH,IAAG;AAAA,MACH,KAAI;AAAA,MACJ,gBAAe;AAAA,MACf,QAAQF,IAAU,YAAY;AAAA,MAC9B,SAAAA;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"MobileCardHeader.js","names":[],"sources":["../../../../src/components/app/mobile-card/MobileCardHeader.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { HStack } from '@stokelp/styled-system/jsx'\n\nexport interface MobileCardHeaderProps {\n  children: ReactNode\n  onClick?: () => void\n}\n\nexport function MobileCardHeader({ children, onClick }: MobileCardHeaderProps) {\n  return (\n    <HStack\n      bgColor=\"primary.300\"\n      px=\"space-16\"\n      py=\"space-12\"\n      gap=\"space-12\"\n      justifyContent=\"space-between\"\n      cursor={onClick ? 'pointer' : undefined}\n      onClick={onClick}\n    >\n      {children}\n    </HStack>\n  )\n}\n"],"mappings":";;;;AAQA,SAAgB,EAAiB,EAAE,aAAU,cAAkC;CAC7E,OACE,kBAAC,GAAD;EACE,SAAQ;EACR,IAAG;EACH,IAAG;EACH,KAAI;EACJ,gBAAe;EACf,QAAQ,IAAU,YAAY,KAAA;EACrB;EAER;CACK,CAAA;AAEZ"}

package/dist/components/app/mobile-card/MobileCardNotificationBadge.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@stokelp/styled-system/jsx"),r=require("../../chip/Chip.cjs"),n=require("../../icon/Icon.cjs"),o=require("../../../node_modules/@heroicons/react/24/outline/esm/ChatBubbleLeftRightIcon.cjs");function s({count:i}){return!i||i<=0?null:e.jsxs(t.HStack,{gap:"space-4",alignItems:"center",flexShrink:0,children:[e.jsx(n.Icon,{size:"sm",color:"grey.400",children:e.jsx(o,{})}),e.jsx(r.Chip,{size:"sm",display:"flex",placeContent:"center",bgColor:"error.500",w:"size-20",h:"size-20",children:e.jsx(r.ChipLabel,{color:"white",children:i})})]})}exports.MobileCardNotificationBadge=s;
-//# sourceMappingURL=MobileCardNotificationBadge.cjs.map
+"use client";const e=require("../../chip/Chip.cjs"),t=require("../../icon/Icon.cjs"),n=require("../../../node_modules/@heroicons/react/24/outline/esm/ChatBubbleLeftRightIcon.cjs");let r=require("@stokelp/styled-system/jsx"),i=require("react/jsx-runtime");function a({count:a}){return!a||a<=0?null:(0,i.jsxs)(r.HStack,{gap:`space-4`,alignItems:`center`,flexShrink:0,children:[(0,i.jsx)(t.Icon,{size:`sm`,color:`grey.400`,children:(0,i.jsx)(n.default,{})}),(0,i.jsx)(e.Chip,{size:`sm`,display:`flex`,placeContent:`center`,bgColor:`error.500`,w:`size-20`,h:`size-20`,children:(0,i.jsx)(e.ChipLabel,{color:`white`,children:a})})]})}exports.MobileCardNotificationBadge=a;
+//# sourceMappingURL=MobileCardNotificationBadge.cjs.map

package/dist/components/app/mobile-card/MobileCardNotificationBadge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileCardNotificationBadge.cjs","sources":["../../../../src/components/app/mobile-card/MobileCardNotificationBadge.tsx"],"sourcesContent":["import { HStack } from '@stokelp/styled-system/jsx'\nimport { Chip, ChipLabel } from '~/components/chip/Chip'\nimport { Icon } from '~/components/icon/Icon'\nimport { ChatBubbleLeftRightIcon } from '@heroicons/react/24/outline'\n\nexport interface MobileCardNotificationBadgeProps {\n  count?: number\n}\n\nexport function MobileCardNotificationBadge({ count }: MobileCardNotificationBadgeProps) {\n  if (!count || count <= 0) return null\n\n  return (\n    <HStack gap=\"space-4\" alignItems=\"center\" flexShrink={0}>\n      <Icon size=\"sm\" color=\"grey.400\">\n        <ChatBubbleLeftRightIcon />\n      </Icon>\n      <Chip size=\"sm\" display=\"flex\" placeContent=\"center\" bgColor=\"error.500\" w=\"size-20\" h=\"size-20\">\n        <ChipLabel color=\"white\">{count}</ChipLabel>\n      </Chip>\n    </HStack>\n  )\n}\n"],"names":["MobileCardNotificationBadge","count","HStack","jsx","Icon","ChatBubbleLeftRightIcon","Chip","ChipLabel"],"mappings":"2UASO,SAASA,EAA4B,CAAE,MAAAC,GAA2C,CACvF,MAAI,CAACA,GAASA,GAAS,EAAU,YAG9BC,SAAA,CAAO,IAAI,UAAU,WAAW,SAAS,WAAY,EACpD,SAAA,CAAAC,EAAAA,IAACC,EAAAA,MAAK,KAAK,KAAK,MAAM,WACpB,SAAAD,EAAAA,IAACE,IAAwB,CAAA,CAC3B,QACCC,EAAAA,KAAA,CAAK,KAAK,KAAK,QAAQ,OAAO,aAAa,SAAS,QAAQ,YAAY,EAAE,UAAU,EAAE,UACrF,SAAAH,MAACI,EAAAA,WAAU,MAAM,QAAS,WAAM,CAAA,CAClC,CAAA,EACF,CAEJ"}
+{"version":3,"file":"MobileCardNotificationBadge.cjs","names":[],"sources":["../../../../src/components/app/mobile-card/MobileCardNotificationBadge.tsx"],"sourcesContent":["import { HStack } from '@stokelp/styled-system/jsx'\nimport { Chip, ChipLabel } from '~/components/chip/Chip'\nimport { Icon } from '~/components/icon/Icon'\nimport { ChatBubbleLeftRightIcon } from '@heroicons/react/24/outline'\n\nexport interface MobileCardNotificationBadgeProps {\n  count?: number\n}\n\nexport function MobileCardNotificationBadge({ count }: MobileCardNotificationBadgeProps) {\n  if (!count || count <= 0) return null\n\n  return (\n    <HStack gap=\"space-4\" alignItems=\"center\" flexShrink={0}>\n      <Icon size=\"sm\" color=\"grey.400\">\n        <ChatBubbleLeftRightIcon />\n      </Icon>\n      <Chip size=\"sm\" display=\"flex\" placeContent=\"center\" bgColor=\"error.500\" w=\"size-20\" h=\"size-20\">\n        <ChipLabel color=\"white\">{count}</ChipLabel>\n      </Chip>\n    </HStack>\n  )\n}\n"],"mappings":"+PASA,SAAgB,EAA4B,CAAE,SAA2C,CAGvF,MAFI,CAAC,GAAS,GAAS,EAAU,MAG/B,EAAA,EAAA,MAAC,EAAA,OAAD,CAAQ,IAAI,UAAU,WAAW,SAAS,WAAY,WAAtD,EACE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,KAAK,MAAM,qBACpB,EAAA,EAAA,KAAC,EAAA,QAAD,CAA0B,CAAA,CACtB,CAAA,GACN,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,KAAK,QAAQ,OAAO,aAAa,SAAS,QAAQ,YAAY,EAAE,UAAU,EAAE,oBACrF,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,MAAM,iBAAS,CAAiB,CAAA,CACvC,CAAA,CACA,GAEZ"}

package/dist/components/app/mobile-card/MobileCardNotificationBadge.js

@@ -1,16 +1,34 @@
 "use client";
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { HStack as o } from "@stokelp/styled-system/jsx";
-import { Chip as l, ChipLabel as t } from "../../chip/Chip.js";
+import { Chip as e, ChipLabel as t } from "../../chip/Chip.js";
 import { Icon as n } from "../../icon/Icon.js";
-import c from "../../../node_modules/@heroicons/react/24/outline/esm/ChatBubbleLeftRightIcon.js";
-function h({ count: e }) {
-  return !e || e <= 0 ? null : /* @__PURE__ */ i(o, { gap: "space-4", alignItems: "center", flexShrink: 0, children: [
-    /* @__PURE__ */ r(n, { size: "sm", color: "grey.400", children: /* @__PURE__ */ r(c, {}) }),
-    /* @__PURE__ */ r(l, { size: "sm", display: "flex", placeContent: "center", bgColor: "error.500", w: "size-20", h: "size-20", children: /* @__PURE__ */ r(t, { color: "white", children: e }) })
-  ] });
+import r from "../../../node_modules/@heroicons/react/24/outline/esm/ChatBubbleLeftRightIcon.js";
+import { HStack as i } from "@stokelp/styled-system/jsx";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/app/mobile-card/MobileCardNotificationBadge.tsx
+function s({ count: s }) {
+	return !s || s <= 0 ? null : /* @__PURE__ */ o(i, {
+		gap: "space-4",
+		alignItems: "center",
+		flexShrink: 0,
+		children: [/* @__PURE__ */ a(n, {
+			size: "sm",
+			color: "grey.400",
+			children: /* @__PURE__ */ a(r, {})
+		}), /* @__PURE__ */ a(e, {
+			size: "sm",
+			display: "flex",
+			placeContent: "center",
+			bgColor: "error.500",
+			w: "size-20",
+			h: "size-20",
+			children: /* @__PURE__ */ a(t, {
+				color: "white",
+				children: s
+			})
+		})]
+	});
 }
-export {
-  h as MobileCardNotificationBadge
-};
-//# sourceMappingURL=MobileCardNotificationBadge.js.map
+//#endregion
+export { s as MobileCardNotificationBadge };
+
+//# sourceMappingURL=MobileCardNotificationBadge.js.map

package/dist/components/app/mobile-card/MobileCardNotificationBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileCardNotificationBadge.js","sources":["../../../../src/components/app/mobile-card/MobileCardNotificationBadge.tsx"],"sourcesContent":["import { HStack } from '@stokelp/styled-system/jsx'\nimport { Chip, ChipLabel } from '~/components/chip/Chip'\nimport { Icon } from '~/components/icon/Icon'\nimport { ChatBubbleLeftRightIcon } from '@heroicons/react/24/outline'\n\nexport interface MobileCardNotificationBadgeProps {\n  count?: number\n}\n\nexport function MobileCardNotificationBadge({ count }: MobileCardNotificationBadgeProps) {\n  if (!count || count <= 0) return null\n\n  return (\n    <HStack gap=\"space-4\" alignItems=\"center\" flexShrink={0}>\n      <Icon size=\"sm\" color=\"grey.400\">\n        <ChatBubbleLeftRightIcon />\n      </Icon>\n      <Chip size=\"sm\" display=\"flex\" placeContent=\"center\" bgColor=\"error.500\" w=\"size-20\" h=\"size-20\">\n        <ChipLabel color=\"white\">{count}</ChipLabel>\n      </Chip>\n    </HStack>\n  )\n}\n"],"names":["MobileCardNotificationBadge","count","HStack","jsx","Icon","ChatBubbleLeftRightIcon","Chip","ChipLabel"],"mappings":";;;;;;AASO,SAASA,EAA4B,EAAE,OAAAC,KAA2C;AACvF,SAAI,CAACA,KAASA,KAAS,IAAU,yBAG9BC,GAAA,EAAO,KAAI,WAAU,YAAW,UAAS,YAAY,GACpD,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,MAAK,MAAK,OAAM,YACpB,UAAA,gBAAAD,EAACE,KAAwB,EAAA,CAC3B;AAAA,sBACCC,GAAA,EAAK,MAAK,MAAK,SAAQ,QAAO,cAAa,UAAS,SAAQ,aAAY,GAAE,WAAU,GAAE,WACrF,UAAA,gBAAAH,EAACI,KAAU,OAAM,SAAS,aAAM,EAAA,CAClC;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"MobileCardNotificationBadge.js","names":[],"sources":["../../../../src/components/app/mobile-card/MobileCardNotificationBadge.tsx"],"sourcesContent":["import { HStack } from '@stokelp/styled-system/jsx'\nimport { Chip, ChipLabel } from '~/components/chip/Chip'\nimport { Icon } from '~/components/icon/Icon'\nimport { ChatBubbleLeftRightIcon } from '@heroicons/react/24/outline'\n\nexport interface MobileCardNotificationBadgeProps {\n  count?: number\n}\n\nexport function MobileCardNotificationBadge({ count }: MobileCardNotificationBadgeProps) {\n  if (!count || count <= 0) return null\n\n  return (\n    <HStack gap=\"space-4\" alignItems=\"center\" flexShrink={0}>\n      <Icon size=\"sm\" color=\"grey.400\">\n        <ChatBubbleLeftRightIcon />\n      </Icon>\n      <Chip size=\"sm\" display=\"flex\" placeContent=\"center\" bgColor=\"error.500\" w=\"size-20\" h=\"size-20\">\n        <ChipLabel color=\"white\">{count}</ChipLabel>\n      </Chip>\n    </HStack>\n  )\n}\n"],"mappings":";;;;;;;AASA,SAAgB,EAA4B,EAAE,YAA2C;CAGvF,OAFI,CAAC,KAAS,KAAS,IAAU,OAG/B,kBAAC,GAAD;EAAQ,KAAI;EAAU,YAAW;EAAS,YAAY;YAAtD,CACE,kBAAC,GAAD;GAAM,MAAK;GAAK,OAAM;aACpB,kBAAC,GAAD,CAA0B,CAAA;EACtB,CAAA,GACN,kBAAC,GAAD;GAAM,MAAK;GAAK,SAAQ;GAAO,cAAa;GAAS,SAAQ;GAAY,GAAE;GAAU,GAAE;aACrF,kBAAC,GAAD;IAAW,OAAM;cAAS;GAAiB,CAAA;EACvC,CAAA,CACA;;AAEZ"}

package/dist/components/app/mobile-card/MobileCardShell.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("@stokelp/styled-system/jsx");function t({children:r,onClick:e}){return o.jsx(i.Box,{width:"100%",borderRadius:"radius-16",overflow:"hidden",backgroundColor:"white",cursor:e?"pointer":void 0,onClick:e,children:r})}exports.MobileCardShell=t;
-//# sourceMappingURL=MobileCardShell.cjs.map
+"use client";let e=require("@stokelp/styled-system/jsx"),t=require("react/jsx-runtime");function n({children:n,onClick:r}){return(0,t.jsx)(e.Box,{width:`100%`,borderRadius:`radius-16`,overflow:`hidden`,backgroundColor:`white`,cursor:r?`pointer`:void 0,onClick:r,children:n})}exports.MobileCardShell=n;
+//# sourceMappingURL=MobileCardShell.cjs.map

package/dist/components/app/mobile-card/MobileCardShell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileCardShell.cjs","sources":["../../../../src/components/app/mobile-card/MobileCardShell.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { Box } from '@stokelp/styled-system/jsx'\n\nexport interface MobileCardShellProps {\n  children: ReactNode\n  onClick?: () => void\n}\n\nexport function MobileCardShell({ children, onClick }: MobileCardShellProps) {\n  return (\n    <Box\n      width=\"100%\"\n      borderRadius=\"radius-16\"\n      overflow=\"hidden\"\n      backgroundColor=\"white\"\n      cursor={onClick ? 'pointer' : undefined}\n      onClick={onClick}\n    >\n      {children}\n    </Box>\n  )\n}\n"],"names":["MobileCardShell","children","onClick","jsx","Box"],"mappings":"0KAQO,SAASA,EAAgB,CAAE,SAAAC,EAAU,QAAAC,GAAiC,CAC3E,OACEC,EAAAA,IAACC,EAAAA,IAAA,CACC,MAAM,OACN,aAAa,YACb,SAAS,SACT,gBAAgB,QAChB,OAAQF,EAAU,UAAY,OAC9B,QAAAA,EAEC,SAAAD,CAAA,CAAA,CAGP"}
+{"version":3,"file":"MobileCardShell.cjs","names":[],"sources":["../../../../src/components/app/mobile-card/MobileCardShell.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { Box } from '@stokelp/styled-system/jsx'\n\nexport interface MobileCardShellProps {\n  children: ReactNode\n  onClick?: () => void\n}\n\nexport function MobileCardShell({ children, onClick }: MobileCardShellProps) {\n  return (\n    <Box\n      width=\"100%\"\n      borderRadius=\"radius-16\"\n      overflow=\"hidden\"\n      backgroundColor=\"white\"\n      cursor={onClick ? 'pointer' : undefined}\n      onClick={onClick}\n    >\n      {children}\n    </Box>\n  )\n}\n"],"mappings":"wFAQA,SAAgB,EAAgB,CAAE,WAAU,WAAiC,CAC3E,OACE,EAAA,EAAA,KAAC,EAAA,IAAD,CACE,MAAM,OACN,aAAa,YACb,SAAS,SACT,gBAAgB,QAChB,OAAQ,EAAU,UAAY,IAAA,GACrB,UAER,UACE,CAAA,CAET"}

package/dist/components/app/mobile-card/MobileCardShell.js

@@ -1,21 +1,19 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import { Box as i } from "@stokelp/styled-system/jsx";
-function u({ children: o, onClick: r }) {
-  return /* @__PURE__ */ e(
-    i,
-    {
-      width: "100%",
-      borderRadius: "radius-16",
-      overflow: "hidden",
-      backgroundColor: "white",
-      cursor: r ? "pointer" : void 0,
-      onClick: r,
-      children: o
-    }
-  );
+import { Box as e } from "@stokelp/styled-system/jsx";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/app/mobile-card/MobileCardShell.tsx
+function n({ children: n, onClick: r }) {
+	return /* @__PURE__ */ t(e, {
+		width: "100%",
+		borderRadius: "radius-16",
+		overflow: "hidden",
+		backgroundColor: "white",
+		cursor: r ? "pointer" : void 0,
+		onClick: r,
+		children: n
+	});
 }
-export {
-  u as MobileCardShell
-};
-//# sourceMappingURL=MobileCardShell.js.map
+//#endregion
+export { n as MobileCardShell };
+
+//# sourceMappingURL=MobileCardShell.js.map

package/dist/components/app/mobile-card/MobileCardShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileCardShell.js","sources":["../../../../src/components/app/mobile-card/MobileCardShell.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { Box } from '@stokelp/styled-system/jsx'\n\nexport interface MobileCardShellProps {\n  children: ReactNode\n  onClick?: () => void\n}\n\nexport function MobileCardShell({ children, onClick }: MobileCardShellProps) {\n  return (\n    <Box\n      width=\"100%\"\n      borderRadius=\"radius-16\"\n      overflow=\"hidden\"\n      backgroundColor=\"white\"\n      cursor={onClick ? 'pointer' : undefined}\n      onClick={onClick}\n    >\n      {children}\n    </Box>\n  )\n}\n"],"names":["MobileCardShell","children","onClick","jsx","Box"],"mappings":";;;AAQO,SAASA,EAAgB,EAAE,UAAAC,GAAU,SAAAC,KAAiC;AAC3E,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,cAAa;AAAA,MACb,UAAS;AAAA,MACT,iBAAgB;AAAA,MAChB,QAAQF,IAAU,YAAY;AAAA,MAC9B,SAAAA;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"MobileCardShell.js","names":[],"sources":["../../../../src/components/app/mobile-card/MobileCardShell.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { Box } from '@stokelp/styled-system/jsx'\n\nexport interface MobileCardShellProps {\n  children: ReactNode\n  onClick?: () => void\n}\n\nexport function MobileCardShell({ children, onClick }: MobileCardShellProps) {\n  return (\n    <Box\n      width=\"100%\"\n      borderRadius=\"radius-16\"\n      overflow=\"hidden\"\n      backgroundColor=\"white\"\n      cursor={onClick ? 'pointer' : undefined}\n      onClick={onClick}\n    >\n      {children}\n    </Box>\n  )\n}\n"],"mappings":";;;;AAQA,SAAgB,EAAgB,EAAE,aAAU,cAAiC;CAC3E,OACE,kBAAC,GAAD;EACE,OAAM;EACN,cAAa;EACb,UAAS;EACT,iBAAgB;EAChB,QAAQ,IAAU,YAAY,KAAA;EACrB;EAER;CACE,CAAA;AAET"}

package/dist/components/app/mobile-card/MobileCardSkeleton.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@stokelp/styled-system/jsx"),t=require("@stokelp/styled-system/css"),a=t.css({background:"linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)",backgroundSize:"200% 100%",animation:"shimmer 1.5s infinite"});function c({width:o,height:s,borderRadius:i="radius-4"}){return e.jsx(r.Box,{width:o,height:s,borderRadius:i,className:a})}function l({headerContent:o,bodyContent:s}){return e.jsxs(r.Box,{width:"100%",borderRadius:"radius-16",overflow:"hidden",border:"1px solid",borderColor:"grey.100",children:[e.jsx(r.HStack,{bgColor:"primary.100",px:"space-16",py:"space-12",gap:"space-8",children:o}),e.jsx(r.VStack,{gap:"space-12",p:"space-16",alignItems:"stretch",children:s})]})}function d({count:o=3,children:s}){return e.jsx(r.VStack,{gap:"space-16",width:"100%",children:Array.from({length:o},(i,n)=>e.jsx(r.Box,{children:s()},n))})}exports.MobileCardSkeleton=l;exports.MobileCardSkeletonList=d;exports.SkeletonBlock=c;
-//# sourceMappingURL=MobileCardSkeleton.cjs.map
+"use client";let e=require("@stokelp/styled-system/jsx"),t=require("react/jsx-runtime");var n=(0,require("@stokelp/styled-system/css").css)({background:`linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)`,backgroundSize:`200% 100%`,animation:`shimmer 1.5s infinite`});function r({width:r,height:i,borderRadius:a=`radius-4`}){return(0,t.jsx)(e.Box,{width:r,height:i,borderRadius:a,className:n})}function i({headerContent:n,bodyContent:r}){return(0,t.jsxs)(e.Box,{width:`100%`,borderRadius:`radius-16`,overflow:`hidden`,border:`1px solid`,borderColor:`grey.100`,children:[(0,t.jsx)(e.HStack,{bgColor:`primary.100`,px:`space-16`,py:`space-12`,gap:`space-8`,children:n}),(0,t.jsx)(e.VStack,{gap:`space-12`,p:`space-16`,alignItems:`stretch`,children:r})]})}function a({count:n=3,children:r}){return(0,t.jsx)(e.VStack,{gap:`space-16`,width:`100%`,children:Array.from({length:n},(n,i)=>(0,t.jsx)(e.Box,{children:r()},i))})}exports.MobileCardSkeleton=i,exports.MobileCardSkeletonList=a,exports.SkeletonBlock=r;
+//# sourceMappingURL=MobileCardSkeleton.cjs.map

package/dist/components/app/mobile-card/MobileCardSkeleton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileCardSkeleton.cjs","sources":["../../../../src/components/app/mobile-card/MobileCardSkeleton.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { Box, HStack, VStack } from '@stokelp/styled-system/jsx'\nimport { css } from '@stokelp/styled-system/css'\n\nconst skeletonClass = css({\n  background: 'linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)',\n  backgroundSize: '200% 100%',\n  animation: 'shimmer 1.5s infinite',\n})\n\nexport interface SkeletonBlockProps {\n  width: string\n  height: string\n  borderRadius?: string\n}\n\nexport function SkeletonBlock({ width, height, borderRadius = 'radius-4' }: SkeletonBlockProps) {\n  return <Box width={width} height={height} borderRadius={borderRadius} className={skeletonClass} />\n}\n\nexport interface MobileCardSkeletonProps {\n  headerContent: ReactNode\n  bodyContent: ReactNode\n}\n\nexport function MobileCardSkeleton({ headerContent, bodyContent }: MobileCardSkeletonProps) {\n  return (\n    <Box width=\"100%\" borderRadius=\"radius-16\" overflow=\"hidden\" border=\"1px solid\" borderColor=\"grey.100\">\n      <HStack bgColor=\"primary.100\" px=\"space-16\" py=\"space-12\" gap=\"space-8\">\n        {headerContent}\n      </HStack>\n      <VStack gap=\"space-12\" p=\"space-16\" alignItems=\"stretch\">\n        {bodyContent}\n      </VStack>\n    </Box>\n  )\n}\n\nexport interface MobileCardSkeletonListProps {\n  count?: number\n  children: () => ReactNode\n}\n\nexport function MobileCardSkeletonList({ count = 3, children }: MobileCardSkeletonListProps) {\n  return (\n    <VStack gap=\"space-16\" width=\"100%\">\n      {Array.from({ length: count }, (_, i) => (\n        <Box key={i}>{children()}</Box>\n      ))}\n    </VStack>\n  )\n}\n"],"names":["skeletonClass","css","SkeletonBlock","width","height","borderRadius","Box","MobileCardSkeleton","headerContent","bodyContent","jsxs","jsx","HStack","VStack","MobileCardSkeletonList","count","children","_","i"],"mappings":"kNAIMA,EAAgBC,EAAAA,IAAI,CACxB,WAAY,gEACZ,eAAgB,YAChB,UAAW,uBACb,CAAC,EAQM,SAASC,EAAc,CAAE,MAAAC,EAAO,OAAAC,EAAQ,aAAAC,EAAe,YAAkC,CAC9F,aAAQC,EAAAA,IAAA,CAAI,MAAAH,EAAc,OAAAC,EAAgB,aAAAC,EAA4B,UAAWL,EAAe,CAClG,CAOO,SAASO,EAAmB,CAAE,cAAAC,EAAe,YAAAC,GAAwC,CAC1F,OACEC,EAAAA,KAACJ,EAAAA,IAAA,CAAI,MAAM,OAAO,aAAa,YAAY,SAAS,SAAS,OAAO,YAAY,YAAY,WAC1F,SAAA,CAAAK,EAAAA,IAACC,EAAAA,OAAA,CAAO,QAAQ,cAAc,GAAG,WAAW,GAAG,WAAW,IAAI,UAC3D,SAAAJ,CAAA,CACH,EACAG,EAAAA,IAACE,EAAAA,QAAO,IAAI,WAAW,EAAE,WAAW,WAAW,UAC5C,SAAAJ,CAAA,CACH,CAAA,EACF,CAEJ,CAOO,SAASK,EAAuB,CAAE,MAAAC,EAAQ,EAAG,SAAAC,GAAyC,CAC3F,OACEL,MAACE,EAAAA,QAAO,IAAI,WAAW,MAAM,OAC1B,SAAA,MAAM,KAAK,CAAE,OAAQE,GAAS,CAACE,EAAGC,IACjCP,EAAAA,IAACL,EAAAA,KAAa,SAAAU,EAAA,CAAS,EAAbE,CAAe,CAC1B,CAAA,CACH,CAEJ"}
+{"version":3,"file":"MobileCardSkeleton.cjs","names":[],"sources":["../../../../src/components/app/mobile-card/MobileCardSkeleton.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { Box, HStack, VStack } from '@stokelp/styled-system/jsx'\nimport { css } from '@stokelp/styled-system/css'\n\nconst skeletonClass = css({\n  background: 'linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)',\n  backgroundSize: '200% 100%',\n  animation: 'shimmer 1.5s infinite',\n})\n\nexport interface SkeletonBlockProps {\n  width: string\n  height: string\n  borderRadius?: string\n}\n\nexport function SkeletonBlock({ width, height, borderRadius = 'radius-4' }: SkeletonBlockProps) {\n  return <Box width={width} height={height} borderRadius={borderRadius} className={skeletonClass} />\n}\n\nexport interface MobileCardSkeletonProps {\n  headerContent: ReactNode\n  bodyContent: ReactNode\n}\n\nexport function MobileCardSkeleton({ headerContent, bodyContent }: MobileCardSkeletonProps) {\n  return (\n    <Box width=\"100%\" borderRadius=\"radius-16\" overflow=\"hidden\" border=\"1px solid\" borderColor=\"grey.100\">\n      <HStack bgColor=\"primary.100\" px=\"space-16\" py=\"space-12\" gap=\"space-8\">\n        {headerContent}\n      </HStack>\n      <VStack gap=\"space-12\" p=\"space-16\" alignItems=\"stretch\">\n        {bodyContent}\n      </VStack>\n    </Box>\n  )\n}\n\nexport interface MobileCardSkeletonListProps {\n  count?: number\n  children: () => ReactNode\n}\n\nexport function MobileCardSkeletonList({ count = 3, children }: MobileCardSkeletonListProps) {\n  return (\n    <VStack gap=\"space-16\" width=\"100%\">\n      {Array.from({ length: count }, (_, i) => (\n        <Box key={i}>{children()}</Box>\n      ))}\n    </VStack>\n  )\n}\n"],"mappings":"wFAIA,IAAM,GAAA,sCAAA,EAAA,KAAoB,CACxB,WAAY,gEACZ,eAAgB,YAChB,UAAW,uBACb,CAAC,EAQD,SAAgB,EAAc,CAAE,QAAO,SAAQ,eAAe,YAAkC,CAC9F,OAAO,EAAA,EAAA,KAAC,EAAA,IAAD,CAAY,QAAe,SAAsB,eAAc,UAAW,CAAgB,CAAA,CACnG,CAOA,SAAgB,EAAmB,CAAE,gBAAe,eAAwC,CAC1F,OACE,EAAA,EAAA,MAAC,EAAA,IAAD,CAAK,MAAM,OAAO,aAAa,YAAY,SAAS,SAAS,OAAO,YAAY,YAAY,oBAA5F,EACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,QAAQ,cAAc,GAAG,WAAW,GAAG,WAAW,IAAI,mBAC3D,CACK,CAAA,GACR,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,IAAI,WAAW,EAAE,WAAW,WAAW,mBAC5C,CACK,CAAA,CACL,GAET,CAOA,SAAgB,EAAuB,CAAE,QAAQ,EAAG,YAAyC,CAC3F,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,IAAI,WAAW,MAAM,gBAC1B,MAAM,KAAK,CAAE,OAAQ,CAAM,GAAI,EAAG,KACjC,EAAA,EAAA,KAAC,EAAA,IAAD,CAAA,SAAc,EAAS,CAAO,EAApB,CAAoB,CAC/B,CACK,CAAA,CAEZ"}

package/dist/components/app/mobile-card/MobileCardSkeleton.js

@@ -1,27 +1,50 @@
 "use client";
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import { Box as o, HStack as c, VStack as a } from "@stokelp/styled-system/jsx";
-import { css as d } from "@stokelp/styled-system/css";
-const l = d({
-  background: "linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)",
-  backgroundSize: "200% 100%",
-  animation: "shimmer 1.5s infinite"
+import { Box as e, HStack as t, VStack as n } from "@stokelp/styled-system/jsx";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { css as a } from "@stokelp/styled-system/css";
+//#region src/components/app/mobile-card/MobileCardSkeleton.tsx
+var o = a({
+	background: "linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)",
+	backgroundSize: "200% 100%",
+	animation: "shimmer 1.5s infinite"
 });
-function u({ width: e, height: r, borderRadius: n = "radius-4" }) {
-  return /* @__PURE__ */ i(o, { width: e, height: r, borderRadius: n, className: l });
+function s({ width: t, height: n, borderRadius: i = "radius-4" }) {
+	return /* @__PURE__ */ r(e, {
+		width: t,
+		height: n,
+		borderRadius: i,
+		className: o
+	});
 }
-function g({ headerContent: e, bodyContent: r }) {
-  return /* @__PURE__ */ s(o, { width: "100%", borderRadius: "radius-16", overflow: "hidden", border: "1px solid", borderColor: "grey.100", children: [
-    /* @__PURE__ */ i(c, { bgColor: "primary.100", px: "space-16", py: "space-12", gap: "space-8", children: e }),
-    /* @__PURE__ */ i(a, { gap: "space-12", p: "space-16", alignItems: "stretch", children: r })
-  ] });
+function c({ headerContent: a, bodyContent: o }) {
+	return /* @__PURE__ */ i(e, {
+		width: "100%",
+		borderRadius: "radius-16",
+		overflow: "hidden",
+		border: "1px solid",
+		borderColor: "grey.100",
+		children: [/* @__PURE__ */ r(t, {
+			bgColor: "primary.100",
+			px: "space-16",
+			py: "space-12",
+			gap: "space-8",
+			children: a
+		}), /* @__PURE__ */ r(n, {
+			gap: "space-12",
+			p: "space-16",
+			alignItems: "stretch",
+			children: o
+		})]
+	});
 }
-function h({ count: e = 3, children: r }) {
-  return /* @__PURE__ */ i(a, { gap: "space-16", width: "100%", children: Array.from({ length: e }, (n, t) => /* @__PURE__ */ i(o, { children: r() }, t)) });
+function l({ count: t = 3, children: i }) {
+	return /* @__PURE__ */ r(n, {
+		gap: "space-16",
+		width: "100%",
+		children: Array.from({ length: t }, (t, n) => /* @__PURE__ */ r(e, { children: i() }, n))
+	});
 }
-export {
-  g as MobileCardSkeleton,
-  h as MobileCardSkeletonList,
-  u as SkeletonBlock
-};
-//# sourceMappingURL=MobileCardSkeleton.js.map
+//#endregion
+export { c as MobileCardSkeleton, l as MobileCardSkeletonList, s as SkeletonBlock };
+
+//# sourceMappingURL=MobileCardSkeleton.js.map

package/dist/components/app/mobile-card/MobileCardSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileCardSkeleton.js","sources":["../../../../src/components/app/mobile-card/MobileCardSkeleton.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { Box, HStack, VStack } from '@stokelp/styled-system/jsx'\nimport { css } from '@stokelp/styled-system/css'\n\nconst skeletonClass = css({\n  background: 'linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)',\n  backgroundSize: '200% 100%',\n  animation: 'shimmer 1.5s infinite',\n})\n\nexport interface SkeletonBlockProps {\n  width: string\n  height: string\n  borderRadius?: string\n}\n\nexport function SkeletonBlock({ width, height, borderRadius = 'radius-4' }: SkeletonBlockProps) {\n  return <Box width={width} height={height} borderRadius={borderRadius} className={skeletonClass} />\n}\n\nexport interface MobileCardSkeletonProps {\n  headerContent: ReactNode\n  bodyContent: ReactNode\n}\n\nexport function MobileCardSkeleton({ headerContent, bodyContent }: MobileCardSkeletonProps) {\n  return (\n    <Box width=\"100%\" borderRadius=\"radius-16\" overflow=\"hidden\" border=\"1px solid\" borderColor=\"grey.100\">\n      <HStack bgColor=\"primary.100\" px=\"space-16\" py=\"space-12\" gap=\"space-8\">\n        {headerContent}\n      </HStack>\n      <VStack gap=\"space-12\" p=\"space-16\" alignItems=\"stretch\">\n        {bodyContent}\n      </VStack>\n    </Box>\n  )\n}\n\nexport interface MobileCardSkeletonListProps {\n  count?: number\n  children: () => ReactNode\n}\n\nexport function MobileCardSkeletonList({ count = 3, children }: MobileCardSkeletonListProps) {\n  return (\n    <VStack gap=\"space-16\" width=\"100%\">\n      {Array.from({ length: count }, (_, i) => (\n        <Box key={i}>{children()}</Box>\n      ))}\n    </VStack>\n  )\n}\n"],"names":["skeletonClass","css","SkeletonBlock","width","height","borderRadius","Box","MobileCardSkeleton","headerContent","bodyContent","jsxs","jsx","HStack","VStack","MobileCardSkeletonList","count","children","_","i"],"mappings":";;;;AAIA,MAAMA,IAAgBC,EAAI;AAAA,EACxB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,WAAW;AACb,CAAC;AAQM,SAASC,EAAc,EAAE,OAAAC,GAAO,QAAAC,GAAQ,cAAAC,IAAe,cAAkC;AAC9F,2BAAQC,GAAA,EAAI,OAAAH,GAAc,QAAAC,GAAgB,cAAAC,GAA4B,WAAWL,GAAe;AAClG;AAOO,SAASO,EAAmB,EAAE,eAAAC,GAAe,aAAAC,KAAwC;AAC1F,SACE,gBAAAC,EAACJ,GAAA,EAAI,OAAM,QAAO,cAAa,aAAY,UAAS,UAAS,QAAO,aAAY,aAAY,YAC1F,UAAA;AAAA,IAAA,gBAAAK,EAACC,GAAA,EAAO,SAAQ,eAAc,IAAG,YAAW,IAAG,YAAW,KAAI,WAC3D,UAAAJ,EAAA,CACH;AAAA,IACA,gBAAAG,EAACE,KAAO,KAAI,YAAW,GAAE,YAAW,YAAW,WAC5C,UAAAJ,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAOO,SAASK,EAAuB,EAAE,OAAAC,IAAQ,GAAG,UAAAC,KAAyC;AAC3F,SACE,gBAAAL,EAACE,KAAO,KAAI,YAAW,OAAM,QAC1B,UAAA,MAAM,KAAK,EAAE,QAAQE,KAAS,CAACE,GAAGC,MACjC,gBAAAP,EAACL,KAAa,UAAAU,EAAA,EAAS,GAAbE,CAAe,CAC1B,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"MobileCardSkeleton.js","names":[],"sources":["../../../../src/components/app/mobile-card/MobileCardSkeleton.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { Box, HStack, VStack } from '@stokelp/styled-system/jsx'\nimport { css } from '@stokelp/styled-system/css'\n\nconst skeletonClass = css({\n  background: 'linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)',\n  backgroundSize: '200% 100%',\n  animation: 'shimmer 1.5s infinite',\n})\n\nexport interface SkeletonBlockProps {\n  width: string\n  height: string\n  borderRadius?: string\n}\n\nexport function SkeletonBlock({ width, height, borderRadius = 'radius-4' }: SkeletonBlockProps) {\n  return <Box width={width} height={height} borderRadius={borderRadius} className={skeletonClass} />\n}\n\nexport interface MobileCardSkeletonProps {\n  headerContent: ReactNode\n  bodyContent: ReactNode\n}\n\nexport function MobileCardSkeleton({ headerContent, bodyContent }: MobileCardSkeletonProps) {\n  return (\n    <Box width=\"100%\" borderRadius=\"radius-16\" overflow=\"hidden\" border=\"1px solid\" borderColor=\"grey.100\">\n      <HStack bgColor=\"primary.100\" px=\"space-16\" py=\"space-12\" gap=\"space-8\">\n        {headerContent}\n      </HStack>\n      <VStack gap=\"space-12\" p=\"space-16\" alignItems=\"stretch\">\n        {bodyContent}\n      </VStack>\n    </Box>\n  )\n}\n\nexport interface MobileCardSkeletonListProps {\n  count?: number\n  children: () => ReactNode\n}\n\nexport function MobileCardSkeletonList({ count = 3, children }: MobileCardSkeletonListProps) {\n  return (\n    <VStack gap=\"space-16\" width=\"100%\">\n      {Array.from({ length: count }, (_, i) => (\n        <Box key={i}>{children()}</Box>\n      ))}\n    </VStack>\n  )\n}\n"],"mappings":";;;;;AAIA,IAAM,IAAgB,EAAI;CACxB,YAAY;CACZ,gBAAgB;CAChB,WAAW;AACb,CAAC;AAQD,SAAgB,EAAc,EAAE,UAAO,WAAQ,kBAAe,cAAkC;CAC9F,OAAO,kBAAC,GAAD;EAAY;EAAe;EAAsB;EAAc,WAAW;CAAgB,CAAA;AACnG;AAOA,SAAgB,EAAmB,EAAE,kBAAe,kBAAwC;CAC1F,OACE,kBAAC,GAAD;EAAK,OAAM;EAAO,cAAa;EAAY,UAAS;EAAS,QAAO;EAAY,aAAY;YAA5F,CACE,kBAAC,GAAD;GAAQ,SAAQ;GAAc,IAAG;GAAW,IAAG;GAAW,KAAI;aAC3D;EACK,CAAA,GACR,kBAAC,GAAD;GAAQ,KAAI;GAAW,GAAE;GAAW,YAAW;aAC5C;EACK,CAAA,CACL;;AAET;AAOA,SAAgB,EAAuB,EAAE,WAAQ,GAAG,eAAyC;CAC3F,OACE,kBAAC,GAAD;EAAQ,KAAI;EAAW,OAAM;YAC1B,MAAM,KAAK,EAAE,QAAQ,EAAM,IAAI,GAAG,MACjC,kBAAC,GAAD,EAAA,UAAc,EAAS,EAAO,GAApB,CAAoB,CAC/B;CACK,CAAA;AAEZ"}

package/dist/components/app/mobile-navigation/MobileNavigation.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@stokelp/styled-system/jsx"),o=require("@stokelp/styled-system/recipes"),s=require("../../../utils/slots.cjs"),n=require("../../icon/Icon.cjs"),{withProvider:r,withContext:e}=s.createStyleContext(o.mobileNavigation,{dataAttr:!0}),c=r(t.styled("nav"),"root"),i=e(t.styled("a"),"item"),a=e(n.Icon,"itemIcon",{defaultProps:{size:"sm"}}),l=e(t.styled("span"),"itemLabel");exports.Item=i;exports.ItemIcon=a;exports.ItemLabel=l;exports.Root=c;
-//# sourceMappingURL=MobileNavigation.cjs.map
+"use client";const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utils/slots.cjs"),n=require("../../icon/Icon.cjs");let r=require("@stokelp/styled-system/jsx"),i=require("@stokelp/styled-system/recipes");var a=e.__exportAll({Item:()=>l,ItemIcon:()=>u,ItemLabel:()=>d,Root:()=>c}),{withProvider:o,withContext:s}=t.createStyleContext(i.mobileNavigation,{dataAttr:!0}),c=o((0,r.styled)(`nav`),`root`),l=s((0,r.styled)(`a`),`item`),u=s(n.Icon,`itemIcon`,{defaultProps:{size:`sm`}}),d=s((0,r.styled)(`span`),`itemLabel`);Object.defineProperty(exports,"MobileNavigation_exports",{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=MobileNavigation.cjs.map

package/dist/components/app/mobile-navigation/MobileNavigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileNavigation.cjs","sources":["../../../../src/components/app/mobile-navigation/MobileNavigation.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { mobileNavigation } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Icon } from '~/components/icon/Icon'\nimport { ComponentProps } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(mobileNavigation, {\n  dataAttr: true,\n})\n\nexport const Root = withProvider(styled('nav'), 'root')\nexport const Item = withContext(styled('a'), 'item')\nexport const ItemIcon = withContext(Icon, 'itemIcon', {\n  defaultProps: {\n    size: 'sm',\n  },\n})\nexport const ItemLabel = withContext(styled('span'), 'itemLabel')\n\nexport interface MobileNavigationProps extends ComponentProps<typeof Root> {}\nexport interface MobileNavigationItemProps extends ComponentProps<typeof Item> {}\nexport interface MobileNavigationItemIconProps extends ComponentProps<typeof ItemIcon> {}\nexport interface MobileNavigationItemLabelProps extends ComponentProps<typeof ItemLabel> {}\n"],"names":["withProvider","withContext","createStyleContext","mobileNavigation","Root","styled","Item","ItemIcon","Icon","ItemLabel"],"mappings":"8PAMM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,iBAAkB,CACzE,SAAU,EACZ,CAAC,EAEYC,EAAOJ,EAAaK,SAAO,KAAK,EAAG,MAAM,EACzCC,EAAOL,EAAYI,SAAO,GAAG,EAAG,MAAM,EACtCE,EAAWN,EAAYO,EAAAA,KAAM,WAAY,CACpD,aAAc,CACZ,KAAM,IAAA,CAEV,CAAC,EACYC,EAAYR,EAAYI,SAAO,MAAM,EAAG,WAAW"}
+{"version":3,"file":"MobileNavigation.cjs","names":[],"sources":["../../../../src/components/app/mobile-navigation/MobileNavigation.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { mobileNavigation } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Icon } from '~/components/icon/Icon'\nimport { ComponentProps } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(mobileNavigation, {\n  dataAttr: true,\n})\n\nexport const Root = withProvider(styled('nav'), 'root')\nexport const Item = withContext(styled('a'), 'item')\nexport const ItemIcon = withContext(Icon, 'itemIcon', {\n  defaultProps: {\n    size: 'sm',\n  },\n})\nexport const ItemLabel = withContext(styled('span'), 'itemLabel')\n\nexport interface MobileNavigationProps extends ComponentProps<typeof Root> {}\nexport interface MobileNavigationItemProps extends ComponentProps<typeof Item> {}\nexport interface MobileNavigationItemIconProps extends ComponentProps<typeof ItemIcon> {}\nexport interface MobileNavigationItemLabelProps extends ComponentProps<typeof ItemLabel> {}\n"],"mappings":"mTAMM,CAAE,eAAc,eAAgB,EAAA,mBAAmB,EAAA,iBAAkB,CACzE,SAAU,EACZ,CAAC,EAEY,EAAO,GAAA,EAAA,EAAA,QAAoB,KAAK,EAAG,MAAM,EACzC,EAAO,GAAA,EAAA,EAAA,QAAmB,GAAG,EAAG,MAAM,EACtC,EAAW,EAAY,EAAA,KAAM,WAAY,CACpD,aAAc,CACZ,KAAM,IACR,CACF,CAAC,EACY,EAAY,GAAA,EAAA,EAAA,QAAmB,MAAM,EAAG,WAAW"}