@atom-learning/components 2.50.1 → 2.51.0

package/dist/components/section-message/SectionMessage.js

@@ -0,0 +1,2 @@
+import{TooltipProvider as m}from"@radix-ui/react-tooltip";import t from"react";import{styled as s}from"../../stitches.js";import{Dismissible as a}from"../dismissible/index.js";import{Stack as l}from"../stack/Stack.js";import{SectionMessageProvider as g,useSectionMessageContext as p}from"./SectionMessageContext.js";import{SectionMessageDescription as f}from"./SectionMessageDescription.js";import{SectionMessageDismiss as h}from"./SectionMessageDismiss.js";import{SectionMessageIcon as u}from"./SectionMessageIcon.js";import{SectionMessageContent as $,SectionMessageActions as d}from"./SectionMessageLayout.js";import{SectionMessageTitle as b}from"./SectionMessageTitle.js";const D=s(a,{position:"relative",borderRadius:"$0",display:"flex",p:"$4",border:"1px solid white",variants:{theme:{success:{bg:"$successLight",color:"$successDark"},warning:{bg:"$warningLight",color:"$warningText"},error:{bg:"$dangerLight",color:"$dangerDark"},neutral:{bg:"$grey100",color:"$grey1000"},info:{bg:"$blue100",color:"$blue1000"}},hasIcon:{true:{pl:"$6"}},hasDismiss:{true:{pr:"$7"}}}}),S=s(l,{flexGrow:1,justifyContent:"space-between !important"}),M=({children:o,...r})=>{const{theme:i,hasIcon:n,hasDismiss:c}=p();return t.createElement(D,{...r,theme:i,hasIcon:n,hasDismiss:c},t.createElement(S,{gap:3},o))},e=({theme:o="info",...r})=>t.createElement(m,null,t.createElement(g,{theme:o},t.createElement(M,{...r})));e.Title=b,e.Description=f,e.Icon=u,e.Dismiss=h,e.Content=$,e.Actions=d;export{e as SectionMessage};
+//# sourceMappingURL=SectionMessage.js.map

package/dist/components/section-message/SectionMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionMessage.js","sources":["../../../src/components/section-message/SectionMessage.tsx"],"sourcesContent":["import { TooltipProvider } from '@radix-ui/react-tooltip'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Dismissible } from '../dismissible'\nimport { Stack } from '../stack'\nimport {\n  SectionMessageProvider,\n  useSectionMessageContext\n} from './SectionMessageContext'\nimport { SectionMessageDescription } from './SectionMessageDescription'\nimport { SectionMessageDismiss } from './SectionMessageDismiss'\nimport { SectionMessageIcon } from './SectionMessageIcon'\nimport {\n  SectionMessageActions,\n  SectionMessageContent\n} from './SectionMessageLayout'\nimport { SectionMessageTitle } from './SectionMessageTitle'\n\nconst StyledSectionMessage = styled(Dismissible, {\n  position: 'relative',\n  borderRadius: '$0',\n  display: 'flex',\n  p: '$4',\n  border: '1px solid white',\n  variants: {\n    theme: {\n      success: {\n        bg: '$successLight',\n        color: '$successDark'\n      },\n      warning: {\n        bg: '$warningLight',\n        color: '$warningText'\n      },\n      error: {\n        bg: '$dangerLight',\n        color: '$dangerDark'\n      },\n      neutral: {\n        bg: '$grey100',\n        color: '$grey1000'\n      },\n      info: {\n        bg: '$blue100',\n        color: '$blue1000'\n      }\n    },\n    hasIcon: {\n      true: {\n        pl: '$6'\n      }\n    },\n    hasDismiss: {\n      true: {\n        pr: '$7'\n      }\n    }\n  }\n})\n\nconst StyledStack = styled(Stack, {\n  flexGrow: 1,\n  justifyContent: 'space-between !important'\n})\n\nconst SectionMessageRoot = ({\n  children,\n  ...rest\n}: React.ComponentProps<typeof StyledSectionMessage>): JSX.Element => {\n  const { theme, hasIcon, hasDismiss } = useSectionMessageContext()\n\n  return (\n    <StyledSectionMessage\n      {...rest}\n      theme={theme}\n      hasIcon={hasIcon}\n      hasDismiss={hasDismiss}\n    >\n      <StyledStack gap={3}>{children}</StyledStack>\n    </StyledSectionMessage>\n  )\n}\n\nexport type SectionMessageTheme =\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'neutral'\n  | 'info'\n\nexport interface SectionMessageProps\n  extends React.ComponentProps<typeof SectionMessageRoot> {\n  theme?: SectionMessageTheme\n}\n\nexport const SectionMessage = ({\n  theme = 'info',\n  ...rest\n}: SectionMessageProps): JSX.Element => {\n  return (\n    <TooltipProvider>\n      <SectionMessageProvider theme={theme}>\n        <SectionMessageRoot {...rest} />\n      </SectionMessageProvider>\n    </TooltipProvider>\n  )\n}\n\nSectionMessage.Title = SectionMessageTitle\nSectionMessage.Description = SectionMessageDescription\nSectionMessage.Icon = SectionMessageIcon\nSectionMessage.Dismiss = SectionMessageDismiss\nSectionMessage.Content = SectionMessageContent\nSectionMessage.Actions = SectionMessageActions\n"],"names":["StyledSectionMessage","styled","Dismissible","StyledStack","Stack","SectionMessageRoot","children","rest","theme","hasIcon","hasDismiss","useSectionMessageContext","React","SectionMessage","TooltipProvider","SectionMessageProvider","SectionMessageTitle","SectionMessageDescription","SectionMessageIcon","SectionMessageDismiss","SectionMessageContent","SectionMessageActions"],"mappings":"mqBAoBA,MAAMA,EAAuBC,EAAOC,EAAa,CAC/C,SAAU,WACV,aAAc,KACd,QAAS,OACT,EAAG,KACH,OAAQ,kBACR,SAAU,CACR,MAAO,CACL,QAAS,CACP,GAAI,gBACJ,MAAO,cACT,EACA,QAAS,CACP,GAAI,gBACJ,MAAO,cACT,EACA,MAAO,CACL,GAAI,eACJ,MAAO,aACT,EACA,QAAS,CACP,GAAI,WACJ,MAAO,WACT,EACA,KAAM,CACJ,GAAI,WACJ,MAAO,WACT,CACF,EACA,QAAS,CACP,KAAM,CACJ,GAAI,IACN,CACF,EACA,WAAY,CACV,KAAM,CACJ,GAAI,IACN,CACF,CACF,CACF,CAAC,EAEKC,EAAcF,EAAOG,EAAO,CAChC,SAAU,EACV,eAAgB,0BAClB,CAAC,EAEKC,EAAqB,CAAC,CAC1B,SAAAC,KACGC,CACL,IAAsE,CACpE,KAAM,CAAE,MAAAC,EAAO,QAAAC,EAAS,WAAAC,CAAW,EAAIC,EAAyB,EAEhE,OACEC,EAAA,cAACZ,EAAA,CACE,GAAGO,EACJ,MAAOC,EACP,QAASC,EACT,WAAYC,CAEZE,EAAAA,EAAA,cAACT,EAAA,CAAY,IAAK,CAAIG,EAAAA,CAAS,CACjC,CAEJ,EAcaO,EAAiB,CAAC,CAC7B,MAAAL,EAAQ,UACLD,CACL,IAEIK,EAAA,cAACE,EAAA,KACCF,EAAA,cAACG,EAAA,CAAuB,MAAOP,GAC7BI,EAAA,cAACP,EAAA,CAAoB,GAAGE,CAAAA,CAAM,CAChC,CACF,EAIJM,EAAe,MAAQG,EACvBH,EAAe,YAAcI,EAC7BJ,EAAe,KAAOK,EACtBL,EAAe,QAAUM,EACzBN,EAAe,QAAUO,EACzBP,EAAe,QAAUQ"}

package/dist/components/section-message/SectionMessageContext.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { SectionMessageTheme } from './SectionMessage';
+export declare type SectionMessageContextValue = {
+    theme: SectionMessageTheme;
+    hasIcon: boolean;
+    setHasIcon: React.Dispatch<React.SetStateAction<boolean>>;
+    hasDismiss: boolean;
+    setHasDismiss: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export declare type SectionMessageProviderProps = {
+    theme: SectionMessageTheme;
+    children: React.ReactNode;
+};
+export declare const SectionMessageContext: React.Context<SectionMessageContextValue | null>;
+export declare const SectionMessageProvider: ({ theme, children }: SectionMessageProviderProps) => JSX.Element;
+export declare const useSectionMessageContext: () => SectionMessageContextValue;

package/dist/components/section-message/SectionMessageContext.js

@@ -0,0 +1,2 @@
+import e from"react";const s=e.createContext(null),u=({theme:t="info",children:a})=>{const[o,n]=e.useState(!1),[r,i]=e.useState(!1),c=e.useMemo(()=>({theme:t,hasIcon:o,setHasIcon:n,hasDismiss:r,setHasDismiss:i}),[t,o,n,r,i]);return e.createElement(s.Provider,{value:c},a)},m=()=>{const t=e.useContext(s);if(!t)throw new Error("useSectionMessageContext must be used within a SectionMessageProvider");return t};export{s as SectionMessageContext,u as SectionMessageProvider,m as useSectionMessageContext};
+//# sourceMappingURL=SectionMessageContext.js.map

package/dist/components/section-message/SectionMessageContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionMessageContext.js","sources":["../../../src/components/section-message/SectionMessageContext.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { SectionMessageTheme } from './SectionMessage'\n\nexport type SectionMessageContextValue = {\n  theme: SectionMessageTheme\n  hasIcon: boolean\n  setHasIcon: React.Dispatch<React.SetStateAction<boolean>>\n  hasDismiss: boolean\n  setHasDismiss: React.Dispatch<React.SetStateAction<boolean>>\n}\nexport type SectionMessageProviderProps = {\n  theme: SectionMessageTheme\n  children: React.ReactNode\n}\n\nexport const SectionMessageContext =\n  React.createContext<SectionMessageContextValue | null>(null)\n\nexport const SectionMessageProvider = ({\n  theme = 'info',\n  children\n}: SectionMessageProviderProps): JSX.Element => {\n  const [hasIcon, setHasIcon] = React.useState(false)\n  const [hasDismiss, setHasDismiss] = React.useState(false)\n\n  const value = React.useMemo<SectionMessageContextValue>(\n    () => ({ theme, hasIcon, setHasIcon, hasDismiss, setHasDismiss }),\n    [theme, hasIcon, setHasIcon, hasDismiss, setHasDismiss]\n  )\n\n  return (\n    <SectionMessageContext.Provider value={value}>\n      {children}\n    </SectionMessageContext.Provider>\n  )\n}\n\nexport const useSectionMessageContext = (): SectionMessageContextValue => {\n  const context = React.useContext(SectionMessageContext)\n\n  if (!context) {\n    throw new Error(\n      'useSectionMessageContext must be used within a SectionMessageProvider'\n    )\n  }\n\n  return context\n}\n"],"names":["SectionMessageContext","React","SectionMessageProvider","theme","children","hasIcon","setHasIcon","hasDismiss","setHasDismiss","value","useSectionMessageContext","context"],"mappings":"qBAgBO,MAAMA,EACXC,EAAM,cAAiD,IAAI,EAEhDC,EAAyB,CAAC,CACrC,MAAAC,EAAQ,OACR,SAAAC,CACF,IAAgD,CAC9C,KAAM,CAACC,EAASC,CAAU,EAAIL,EAAM,SAAS,EAAK,EAC5C,CAACM,EAAYC,CAAa,EAAIP,EAAM,SAAS,EAAK,EAElDQ,EAAQR,EAAM,QAClB,KAAO,CAAE,MAAAE,EAAO,QAAAE,EAAS,WAAAC,EAAY,WAAAC,EAAY,cAAAC,CAAc,GAC/D,CAACL,EAAOE,EAASC,EAAYC,EAAYC,CAAa,CACxD,EAEA,OACEP,EAAA,cAACD,EAAsB,SAAtB,CAA+B,MAAOS,CAAAA,EACpCL,CACH,CAEJ,EAEaM,EAA2B,IAAkC,CACxE,MAAMC,EAAUV,EAAM,WAAWD,CAAqB,EAEtD,GAAI,CAACW,EACH,MAAM,IAAI,MACR,uEACF,EAGF,OAAOA,CACT"}

package/dist/components/section-message/SectionMessageDescription.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { Text } from '../text';
+export declare const SectionMessageDescription: ({ css, ...rest }: React.ComponentProps<typeof Text>) => JSX.Element;

package/dist/components/section-message/SectionMessageDescription.js

@@ -0,0 +1,2 @@
+import o from"react";import{Text as s}from"../text/Text.js";const r=({css:e,...t})=>o.createElement(s,{css:{color:"$grey900",...e},size:"sm",...t});export{r as SectionMessageDescription};
+//# sourceMappingURL=SectionMessageDescription.js.map

package/dist/components/section-message/SectionMessageDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionMessageDescription.js","sources":["../../../src/components/section-message/SectionMessageDescription.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '../text'\n\nexport const SectionMessageDescription = ({\n  css,\n  ...rest\n}: React.ComponentProps<typeof Text>): JSX.Element => (\n  <Text\n    css={{\n      color: '$grey900',\n      ...css\n    }}\n    size=\"sm\"\n    {...rest}\n  />\n)\n"],"names":["SectionMessageDescription","css","rest","React","Text"],"mappings":"4DAIa,MAAAA,EAA4B,CAAC,CACxC,IAAAC,KACGC,CACL,IACEC,EAAA,cAACC,EAAA,CACC,IAAK,CACH,MAAO,WACP,GAAGH,CACL,EACA,KAAK,KACJ,GAAGC,CACN,CAAA"}

package/dist/components/section-message/SectionMessageDismiss.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ActionIcon } from '../action-icon';
+export declare const SectionMessageDismiss: ({ label, css, ...rest }: React.ComponentProps<typeof ActionIcon>) => JSX.Element;

package/dist/components/section-message/SectionMessageDismiss.js

@@ -0,0 +1,2 @@
+import{Close as m}from"@atom-learning/icons";import s,{useEffect as r}from"react";import{ActionIcon as a}from"../action-icon/ActionIcon.js";import{Dismissible as n}from"../dismissible/index.js";import{Icon as c}from"../icon/Icon.js";import{useSectionMessageContext as l}from"./SectionMessageContext.js";const p=({label:t="Dismiss",css:o,...i})=>{const{setHasDismiss:e}=l();return r(()=>(e(!0),()=>e(!1)),[e]),s.createElement(n.Trigger,{asChild:!0},s.createElement(a,{label:t,css:{m:"auto",position:"absolute",top:"$2",right:"$2",...o},size:"sm",appearance:"simple",theme:"neutral",...i},s.createElement(c,{is:m})))};export{p as SectionMessageDismiss};
+//# sourceMappingURL=SectionMessageDismiss.js.map

package/dist/components/section-message/SectionMessageDismiss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionMessageDismiss.js","sources":["../../../src/components/section-message/SectionMessageDismiss.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport React, { useEffect } from 'react'\n\nimport { ActionIcon } from '../action-icon'\nimport { Dismissible } from '../dismissible'\nimport { Icon } from '../icon'\nimport { useSectionMessageContext } from './SectionMessageContext'\n\nexport const SectionMessageDismiss = ({\n  label = 'Dismiss',\n  css,\n  ...rest\n}: React.ComponentProps<typeof ActionIcon>): JSX.Element => {\n  const { setHasDismiss } = useSectionMessageContext()\n\n  useEffect(() => {\n    setHasDismiss(true)\n    return () => setHasDismiss(false)\n  }, [setHasDismiss])\n\n  return (\n    <Dismissible.Trigger asChild>\n      <ActionIcon\n        label={label}\n        css={{\n          m: 'auto',\n          position: 'absolute',\n          top: '$2',\n          right: '$2',\n          ...css\n        }}\n        size=\"sm\"\n        appearance=\"simple\"\n        theme=\"neutral\"\n        {...rest}\n      >\n        <Icon is={Close} />\n      </ActionIcon>\n    </Dismissible.Trigger>\n  )\n}\n"],"names":["SectionMessageDismiss","label","css","rest","setHasDismiss","useSectionMessageContext","useEffect","React","Dismissible","ActionIcon","Icon","Close"],"mappings":"+SAQa,MAAAA,EAAwB,CAAC,CACpC,MAAAC,EAAQ,UACR,IAAAC,KACGC,CACL,IAA4D,CAC1D,KAAM,CAAE,cAAAC,CAAc,EAAIC,EAAAA,EAE1B,OAAAC,EAAU,KACRF,EAAc,EAAI,EACX,IAAMA,EAAc,EAAK,GAC/B,CAACA,CAAa,CAAC,EAGhBG,EAAA,cAACC,EAAY,QAAZ,CAAoB,QAAO,EAC1BD,EAAAA,EAAA,cAACE,EAAA,CACC,MAAOR,EACP,IAAK,CACH,EAAG,OACH,SAAU,WACV,IAAK,KACL,MAAO,KACP,GAAGC,CACL,EACA,KAAK,KACL,WAAW,SACX,MAAM,UACL,GAAGC,CAAAA,EAEJI,EAAA,cAACG,EAAA,CAAK,GAAIC,CAAAA,CAAO,CACnB,CACF,CAEJ"}

package/dist/components/section-message/SectionMessageIcon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Icon } from '../icon';
+declare type SectionMessageIconProps = Partial<React.ComponentProps<typeof Icon>>;
+export declare const SectionMessageIcon: ({ css, is, ...rest }: SectionMessageIconProps) => JSX.Element;
+export {};

package/dist/components/section-message/SectionMessageIcon.js

@@ -0,0 +1,2 @@
+import{OkCircle as c,Danger as i,Error as m,Info as e}from"@atom-learning/icons";import a,{useEffect as f}from"react";import{Icon as l}from"../icon/Icon.js";import{useSectionMessageContext as u}from"./SectionMessageContext.js";const p={success:c,warning:i,error:m,neutral:e,info:e},g=({css:t,is:r,...s})=>{const{theme:n,setHasIcon:o}=u();return f(()=>(o(!0),()=>o(!1)),[o]),a.createElement(l,{css:{m:"auto",position:"absolute",left:"$4",top:"$4",color:"currentColor",...t},is:r||p[n],size:"sm",...s})};export{g as SectionMessageIcon};
+//# sourceMappingURL=SectionMessageIcon.js.map

package/dist/components/section-message/SectionMessageIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionMessageIcon.js","sources":["../../../src/components/section-message/SectionMessageIcon.tsx"],"sourcesContent":["import { Danger, Error, Info, OkCircle } from '@atom-learning/icons'\nimport React, { useEffect } from 'react'\n\nimport { Icon } from '../icon'\nimport { useSectionMessageContext } from './SectionMessageContext'\n\nconst themeIcons = {\n  success: OkCircle,\n  warning: Danger,\n  error: Error,\n  neutral: Info,\n  info: Info\n}\n\ntype SectionMessageIconProps = Partial<React.ComponentProps<typeof Icon>>\n\nexport const SectionMessageIcon = ({\n  css,\n  is,\n  ...rest\n}: SectionMessageIconProps): JSX.Element => {\n  const { theme, setHasIcon } = useSectionMessageContext()\n\n  useEffect(() => {\n    setHasIcon(true)\n    return () => setHasIcon(false)\n  }, [setHasIcon])\n\n  return (\n    <Icon\n      css={{\n        m: 'auto',\n        position: 'absolute',\n        left: '$4',\n        top: '$4',\n        color: 'currentColor',\n        ...css\n      }}\n      is={is || themeIcons[theme]}\n      size=\"sm\"\n      {...rest}\n    />\n  )\n}\n"],"names":["themeIcons","OkCircle","Danger","Error","Info","SectionMessageIcon","css","is","rest","theme","setHasIcon","useSectionMessageContext","useEffect","React","Icon"],"mappings":"mOAMA,MAAMA,EAAa,CACjB,QAASC,EACT,QAASC,EACT,MAAOC,EACP,QAASC,EACT,KAAMA,CACR,EAIaC,EAAqB,CAAC,CACjC,IAAAC,EACA,GAAAC,KACGC,CACL,IAA4C,CAC1C,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAW,EAAIC,IAE9B,OAAAC,EAAU,KACRF,EAAW,EAAI,EACR,IAAMA,EAAW,EAAK,GAC5B,CAACA,CAAU,CAAC,EAGbG,EAAA,cAACC,EAAA,CACC,IAAK,CACH,EAAG,OACH,SAAU,WACV,KAAM,KACN,IAAK,KACL,MAAO,eACP,GAAGR,CACL,EACA,GAAIC,GAAMP,EAAWS,GACrB,KAAK,KACJ,GAAGD,CAAAA,CACN,CAEJ"}

package/dist/components/section-message/SectionMessageLayout.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Box } from '../box';
+import { Stack } from '../stack';
+export declare const SectionMessageContent: ({ css, ...rest }: React.ComponentProps<typeof Box>) => JSX.Element;
+export declare const SectionMessageActions: ({ css, ...rest }: React.ComponentProps<typeof Stack>) => JSX.Element;

package/dist/components/section-message/SectionMessageLayout.js

@@ -0,0 +1,2 @@
+import r from"react";import{Box as s}from"../box/Box.js";import{Stack as o}from"../stack/Stack.js";const a=({css:e,...t})=>r.createElement(s,{css:{maxWidth:"100%",flexShrink:0,...e},...t}),c=({css:e,...t})=>r.createElement(s,{css:{maxWidth:"100%",flexShrink:0,...e}},r.createElement(o,{wrap:"wrap",gap:3,...t}));export{c as SectionMessageActions,a as SectionMessageContent};
+//# sourceMappingURL=SectionMessageLayout.js.map

package/dist/components/section-message/SectionMessageLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionMessageLayout.js","sources":["../../../src/components/section-message/SectionMessageLayout.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Box } from '../box'\nimport { Stack } from '../stack'\n\nexport const SectionMessageContent = ({\n  css,\n  ...rest\n}: React.ComponentProps<typeof Box>): JSX.Element => (\n  <Box css={{ maxWidth: '100%', flexShrink: 0, ...css }} {...rest} />\n)\n\nexport const SectionMessageActions = ({\n  css,\n  ...rest\n}: React.ComponentProps<typeof Stack>): JSX.Element => (\n  <Box css={{ maxWidth: '100%', flexShrink: 0, ...css }}>\n    <Stack wrap=\"wrap\" gap={3} {...rest} />\n  </Box>\n)\n"],"names":["SectionMessageContent","css","rest","React","Box","SectionMessageActions","Stack"],"mappings":"mGAKa,MAAAA,EAAwB,CAAC,CACpC,IAAAC,KACGC,CACL,IACEC,EAAA,cAACC,EAAA,CAAI,IAAK,CAAE,SAAU,OAAQ,WAAY,EAAG,GAAGH,CAAI,EAAI,GAAGC,CAAM,CAAA,EAGtDG,EAAwB,CAAC,CACpC,IAAAJ,KACGC,CACL,IACEC,EAAA,cAACC,EAAA,CAAI,IAAK,CAAE,SAAU,OAAQ,WAAY,EAAG,GAAGH,CAAI,CAClDE,EAAAA,EAAA,cAACG,EAAA,CAAM,KAAK,OAAO,IAAK,EAAI,GAAGJ,EAAM,CACvC"}

package/dist/components/section-message/SectionMessageTitle.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { Text } from '../text';
+export declare const SectionMessageTitle: ({ css, ...rest }: React.ComponentProps<typeof Text>) => JSX.Element;

package/dist/components/section-message/SectionMessageTitle.js

@@ -0,0 +1,2 @@
+import o from"react";import{Text as s}from"../text/Text.js";const m=({css:e,...t})=>o.createElement(s,{css:{fontWeight:600,mb:"$2",...e},size:"md",...t});export{m as SectionMessageTitle};
+//# sourceMappingURL=SectionMessageTitle.js.map

package/dist/components/section-message/SectionMessageTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionMessageTitle.js","sources":["../../../src/components/section-message/SectionMessageTitle.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '../text'\n\nexport const SectionMessageTitle = ({\n  css,\n  ...rest\n}: React.ComponentProps<typeof Text>): JSX.Element => (\n  <Text\n    css={{\n      fontWeight: 600,\n      mb: '$2',\n      ...css\n    }}\n    size=\"md\"\n    {...rest}\n  />\n)\n"],"names":["SectionMessageTitle","css","rest","React","Text"],"mappings":"4DAIa,MAAAA,EAAsB,CAAC,CAClC,IAAAC,KACGC,CACL,IACEC,EAAA,cAACC,EAAA,CACC,IAAK,CACH,WAAY,IACZ,GAAI,KACJ,GAAGH,CACL,EACA,KAAK,KACJ,GAAGC,CACN,CAAA"}

package/dist/components/section-message/index.d.ts

@@ -0,0 +1 @@
+export { SectionMessage } from './SectionMessage';