npm - @apipass/design-system - Versions diffs - 4.3.0 → 5.0.0 - Mend

@apipass/design-system 4.3.0 → 5.0.0

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

Files changed (48) hide show

package/dist/lib/ui/primitives/Text/Text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.js","sources":["../../../../../src/ui/primitives/Text/Text.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useMediaQuery } from \"hooks\";\nimport { Flex } from \"layout\";\nimport { Link } from \"primitives\";\nimport { CSSProperties, ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport {\n Text as RACText,\n type TextProps as RACTextProps,\n} from \"react-aria-components\";\nimport \"./text.css\";\n\ntype TextLineHeightProps = { lineHeight?: \"body\" \| \"single\" };\n\ntype TextTruncateProps = { lineClamp?: number };\n\nexport type TextProps = TextTruncateProps & RACTextProps & TextLineHeightProps;\nexport function Text({\n className,\n elementType = \"p\",\n lineHeight = \"body\",\n lineClamp,\n style: consumerStyle,\n ...props\n}: TextProps) {\n const classNames = clsx(\n className,\n !!lineClamp && \"text-truncate\",\n \"text-body-base\",\n `text-line-height-${lineHeight}`,\n );\n const style = lineClamp\n ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n : consumerStyle;\n return (\n <RACText\n style={style}\n elementType={elementType}\n className={classNames}\n {...props}\n />\n );\n}\nexport type TextSmallProps = TextTruncateProps &\n RACTextProps &\n TextLineHeightProps;\nexport function TextSmall({\n className,\n elementType = \"small\",\n lineHeight = \"body\",\n lineClamp,\n style: consumerStyle,\n ...props\n}: TextSmallProps) {\n const classNames = clsx(\n className,\n !!lineClamp && \"text-truncate\",\n \"text-body-small\",\n `text-line-height-${lineHeight}`,\n );\n const style = lineClamp\n ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n : consumerStyle;\n return (\n <RACText\n style={style}\n className={classNames}\n elementType={elementType}\n {...props}\n />\n );\n}\nexport type TextSmallStrongProps = TextTruncateProps &\n RACTextProps &\n TextLineHeightProps;\nexport function TextSmallStrong({\n className,\n elementType = \"small\",\n lineClamp,\n lineHeight = \"body\",\n style: consumerStyle,\n ...props\n}: TextSmallProps) {\n const classNames = clsx(\n className,\n !!lineClamp && \"text-truncate\",\n \"text-body-small-strong\",\n `text-line-height-${lineHeight}`,\n );\n const style = lineClamp\n ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n : consumerStyle;\n return (\n <RACText\n style={style}\n className={classNames}\n elementType={elementType}\n {...props}\n />\n );\n}\nexport type TextStrongProps = TextTruncateProps & RACTextProps;\nexport function TextStrong({\n className,\n elementType = \"strong\",\n lineClamp,\n style: consumerStyle,\n ...props\n}: TextStrongProps) {\n const classNames = clsx(\n className,\n !!lineClamp && \"text-truncate\",\n \"text-body-strong\",\n );\n const style = lineClamp\n ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n : consumerStyle;\n return (\n <RACText\n style={style}\n className={classNames}\n elementType={elementType}\n {...props}\n />\n );\n}\nexport type TextEmphasisProps = RACTextProps;\nexport function TextEmphasis({\n className,\n elementType,\n ...props\n}: TextEmphasisProps) {\n const classNames = clsx(className, \"text-body-emphasis\");\n return (\n <RACText className={classNames} elementType={elementType} {...props} />\n );\n}\nexport type TextLinkProps = ComponentPropsWithoutRef<typeof Link>;\nexport function TextLink({ className, ...props }: TextLinkProps) {\n const classNames = clsx(className, \"text-body-link\");\n return <Link className={classNames} {...props} />;\n}\nexport type TextCodeProps = RACTextProps;\nexport function TextCode({ className, ...props }: TextCodeProps) {\n const classNames = clsx(className, \"text-body-code\");\n return <RACText className={classNames} {...props} />;\n}\n\nexport type TextInputProps = RACTextProps;\nexport function TextInput({ className, ...props }: TextInputProps) {\n const classNames = clsx(className, \"text-input\");\n return <RACText className={classNames} {...props} />;\n}\n\nexport type TextTitleHeroProps = TextTruncateProps & RACTextProps;\nexport function TextTitleHero({\n className,\n elementType = \"h1\",\n lineClamp,\n style: consumerStyle,\n ...props\n}: TextTitleHeroProps) {\n const classNames = clsx(\n className,\n !!lineClamp && \"text-truncate\",\n \"text-title-hero\",\n );\n const style = lineClamp\n ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n : consumerStyle;\n return (\n <RACText\n style={style}\n className={classNames}\n elementType={elementType}\n {...props}\n />\n );\n}\nexport type TextTitlePageProps = TextTruncateProps & RACTextProps;\nexport function TextTitlePage({\n className,\n elementType = \"h2\",\n lineClamp,\n style: consumerStyle,\n ...props\n}: TextTitlePageProps) {\n const classNames = clsx(\n className,\n !!lineClamp && \"text-truncate\",\n \"text-title-page\",\n );\n const style = lineClamp\n ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n : consumerStyle;\n return (\n <RACText\n style={style}\n className={classNames}\n elementType={elementType}\n {...props}\n />\n );\n}\nexport type TextSubtitleProps = TextTruncateProps & RACTextProps;\nexport function TextSubtitle({\n className,\n elementType = \"p\",\n lineClamp,\n style: consumerStyle,\n ...props\n}: TextSubtitleProps) {\n const classNames = clsx(\n className,\n !!lineClamp && \"text-truncate\",\n \"text-subtitle\",\n );\n const style = lineClamp\n ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n : consumerStyle;\n return (\n <RACText\n style={style}\n className={classNames}\n elementType={elementType}\n {...props}\n />\n );\n}\nexport type TextHeadingProps = TextTruncateProps & RACTextProps;\nexport function TextHeading({\n className,\n elementType = \"h3\",\n lineClamp,\n style: consumerStyle,\n ...props\n}: TextHeadingProps) {\n const classNames = clsx(\n className,\n !!lineClamp && \"text-truncate\",\n \"text-heading\",\n );\n const style = lineClamp\n ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n : consumerStyle;\n return (\n <RACText\n style={style}\n className={classNames}\n elementType={elementType}\n {...props}\n />\n );\n}\nexport type TextSubheadingProps = TextTruncateProps & RACTextProps;\nexport function TextSubheading({\n className,\n elementType = \"p\",\n lineClamp,\n style: consumerStyle,\n ...props\n}: TextSubheadingProps) {\n const classNames = clsx(\n className,\n !!lineClamp && \"text-truncate\",\n \"text-subheading\",\n );\n const style = lineClamp\n ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n : consumerStyle;\n return (\n <RACText\n style={style}\n className={classNames}\n elementType={elementType}\n {...props}\n />\n );\n}\n\nexport type TextPriceProps = RACTextProps & {\n currency: string;\n price: string;\n label?: string;\n size?: \"small\" \| \"large\";\n};\nexport function TextPrice({\n className,\n currency,\n size = \"large\",\n price,\n label,\n ...props\n}: TextPriceProps) {\n const classNames = clsx(className, \"text-price\", `text-price-size-${size}`);\n const content = (\n <>\n <sup className=\"text-price-currency\">{currency}</sup>\n {price}\n </>\n );\n return (\n <RACText elementType=\"p\" className={classNames} {...props}>\n {size === \"small\" ? (\n <TextHeading elementType=\"span\">{content}</TextHeading>\n ) : (\n <TextTitlePage elementType=\"span\">{content}</TextTitlePage>\n )}\n\n {label && <TextSmall>{label}</TextSmall>}\n </RACText>\n );\n}\n\nexport type TextListItemProps = ComponentPropsWithoutRef<\"li\">;\nexport function TextListItem({ className, ...props }: TextListItemProps) {\n const classNames = clsx(className, \"text-list-item\");\n return <li className={classNames} {...props} />;\n}\n\nexport type TextListProps = Omit<ComponentPropsWithoutRef<\"ul\">, \"title\"> & {\n title?: ReactNode;\n density?: \"default\" \| \"tight\";\n};\nexport function TextList({\n children,\n className,\n density = \"default\",\n title,\n ...props\n}: TextListProps) {\n const classNames = clsx(\n className,\n \"text-list\",\n `text-list-density-${density}`,\n );\n return (\n <ul className={classNames} {...props}>\n {title && <li className=\"text-list-title\">{title}</li>}\n {children}\n </ul>\n );\n}\n\nexport type TextLinkListProps = TextListProps;\nexport function TextLinkList({ className, ...props }: TextLinkListProps) {\n const classNames = clsx(className, \"text-link-list\");\n return <TextList className={classNames} {...props} />;\n}\n\nexport type TextContentHeadingProps = ComponentPropsWithoutRef<\"div\"> & {\n align?: \"start\" \| \"center\";\n heading: string;\n subheading?: string;\n};\nexport function TextContentHeading({\n align = \"start\",\n className,\n heading,\n subheading,\n ...props\n}: TextContentHeadingProps) {\n const classNames = clsx(\n className,\n \"text-content-heading\",\n `text-align-${align}`,\n );\n return (\n <Flex direction=\"column\" gap=\"200\" className={classNames} {...props}>\n <TextHeading>{heading}</TextHeading>\n {subheading && <TextSubheading>{subheading}</TextSubheading>}\n </Flex>\n );\n}\n\nexport type TextContentTitleProps = ComponentPropsWithoutRef<\"div\"> & {\n align?: \"start\" \| \"center\";\n title: ReactNode;\n subtitle?: ReactNode;\n};\nexport function TextContentTitle({\n align = \"start\",\n className,\n title,\n subtitle,\n ...props\n}: TextContentTitleProps) {\n const classNames = clsx(className, \"text-content-title\");\n const { isMobile } = useMediaQuery();\n return (\n <Flex direction=\"column\" gap=\"200\" className={classNames} {...props}>\n {isMobile ? (\n <TextTitlePage className={`text-align-${align}`}>{title}</TextTitlePage>\n ) : (\n <TextTitleHero className={`text-align-${align}`}>{title}</TextTitleHero>\n )}\n\n {subtitle && (\n <TextSubtitle className={`text-align-${align}`}>\n {subtitle}\n </TextSubtitle>\n )}\n </Flex>\n );\n}\n"],"names":["Text","className","elementType","lineHeight","lineClamp","consumerStyle","props","classNames","clsx","style","jsx","RACText","TextSmall","TextSmallStrong","TextStrong","TextEmphasis","TextLink","Link","TextCode","TextInput","TextTitleHero","TextTitlePage","TextSubtitle","TextHeading","TextSubheading","TextPrice","currency","size","price","label","content","jsxs","Fragment","TextListItem","TextList","children","density","title","TextLinkList","TextContentHeading","align","heading","subheading","Flex","TextContentTitle","subtitle","isMobile","useMediaQuery"],"mappings":";;;;;;;AAgBO,SAASA,EAAK;AAAA,EACnB,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,OAAOC;AAAA,EACP,GAAGC;AACL,GAAc;AACZ,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA,CAAC,CAACG,KAAa;AAAA,IACf;AAAA,IACA,oBAAoBD,CAAU;AAAA,EAAA,GAE1BM,IAAQL,IACT,EAAE,8BAA8BA,GAAW,GAAGC,MAC/CA;AACJ,SACE,gBAAAK;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAF;AAAA,MACA,aAAAP;AAAA,MACA,WAAWK;AAAA,MACV,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;AAIO,SAASM,EAAU;AAAA,EACxB,WAAAX;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,OAAOC;AAAA,EACP,GAAGC;AACL,GAAmB;AACjB,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA,CAAC,CAACG,KAAa;AAAA,IACf;AAAA,IACA,oBAAoBD,CAAU;AAAA,EAAA,GAE1BM,IAAQL,IACT,EAAE,8BAA8BA,GAAW,GAAGC,MAC/CA;AACJ,SACE,gBAAAK;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAF;AAAA,MACA,WAAWF;AAAA,MACX,aAAAL;AAAA,MACC,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;AAIO,SAASO,EAAgB;AAAA,EAC9B,WAAAZ;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAE;AAAA,EACA,YAAAD,IAAa;AAAA,EACb,OAAOE;AAAA,EACP,GAAGC;AACL,GAAmB;AACjB,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA,CAAC,CAACG,KAAa;AAAA,IACf;AAAA,IACA,oBAAoBD,CAAU;AAAA,EAAA,GAE1BM,IAAQL,IACT,EAAE,8BAA8BA,GAAW,GAAGC,MAC/CA;AACJ,SACE,gBAAAK;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAF;AAAA,MACA,WAAWF;AAAA,MACX,aAAAL;AAAA,MACC,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASQ,EAAW;AAAA,EACzB,WAAAb;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAE;AAAA,EACA,OAAOC;AAAA,EACP,GAAGC;AACL,GAAoB;AAClB,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA,CAAC,CAACG,KAAa;AAAA,IACf;AAAA,EAAA,GAEIK,IAAQL,IACT,EAAE,8BAA8BA,GAAW,GAAGC,MAC/CA;AACJ,SACE,gBAAAK;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAF;AAAA,MACA,WAAWF;AAAA,MACX,aAAAL;AAAA,MACC,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASS,EAAa;AAAA,EAC3B,WAAAd;AAAA,EACA,aAAAC;AAAA,EACA,GAAGI;AACL,GAAsB;AACpB,QAAMC,IAAaC,EAAKP,GAAW,oBAAoB;AACvD,2BACGU,GAAA,EAAQ,WAAWJ,GAAY,aAAAL,GAA2B,GAAGI,GAAO;AAEzE;AAEO,SAASU,EAAS,EAAE,WAAAf,GAAW,GAAGK,KAAwB;AAC/D,QAAMC,IAAaC,EAAKP,GAAW,gBAAgB;AACnD,SAAO,gBAAAS,EAACO,GAAA,EAAK,WAAWV,GAAa,GAAGD,GAAO;AACjD;AAEO,SAASY,EAAS,EAAE,WAAAjB,GAAW,GAAGK,KAAwB;AAC/D,QAAMC,IAAaC,EAAKP,GAAW,gBAAgB;AACnD,SAAO,gBAAAS,EAACC,GAAA,EAAQ,WAAWJ,GAAa,GAAGD,GAAO;AACpD;AAGO,SAASa,EAAU,EAAE,WAAAlB,GAAW,GAAGK,KAAyB;AACjE,QAAMC,IAAaC,EAAKP,GAAW,YAAY;AAC/C,SAAO,gBAAAS,EAACC,GAAA,EAAQ,WAAWJ,GAAa,GAAGD,GAAO;AACpD;AAGO,SAASc,EAAc;AAAA,EAC5B,WAAAnB;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAE;AAAA,EACA,OAAOC;AAAA,EACP,GAAGC;AACL,GAAuB;AACrB,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA,CAAC,CAACG,KAAa;AAAA,IACf;AAAA,EAAA,GAEIK,IAAQL,IACT,EAAE,8BAA8BA,GAAW,GAAGC,MAC/CA;AACJ,SACE,gBAAAK;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAF;AAAA,MACA,WAAWF;AAAA,MACX,aAAAL;AAAA,MACC,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASe,EAAc;AAAA,EAC5B,WAAApB;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAE;AAAA,EACA,OAAOC;AAAA,EACP,GAAGC;AACL,GAAuB;AACrB,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA,CAAC,CAACG,KAAa;AAAA,IACf;AAAA,EAAA,GAEIK,IAAQL,IACT,EAAE,8BAA8BA,GAAW,GAAGC,MAC/CA;AACJ,SACE,gBAAAK;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAF;AAAA,MACA,WAAWF;AAAA,MACX,aAAAL;AAAA,MACC,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASgB,EAAa;AAAA,EAC3B,WAAArB;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAE;AAAA,EACA,OAAOC;AAAA,EACP,GAAGC;AACL,GAAsB;AACpB,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA,CAAC,CAACG,KAAa;AAAA,IACf;AAAA,EAAA,GAEIK,IAAQL,IACT,EAAE,8BAA8BA,GAAW,GAAGC,MAC/CA;AACJ,SACE,gBAAAK;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAF;AAAA,MACA,WAAWF;AAAA,MACX,aAAAL;AAAA,MACC,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASiB,EAAY;AAAA,EAC1B,WAAAtB;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAE;AAAA,EACA,OAAOC;AAAA,EACP,GAAGC;AACL,GAAqB;AACnB,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA,CAAC,CAACG,KAAa;AAAA,IACf;AAAA,EAAA,GAEIK,IAAQL,IACT,EAAE,8BAA8BA,GAAW,GAAGC,MAC/CA;AACJ,SACE,gBAAAK;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAF;AAAA,MACA,WAAWF;AAAA,MACX,aAAAL;AAAA,MACC,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASkB,EAAe;AAAA,EAC7B,WAAAvB;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAE;AAAA,EACA,OAAOC;AAAA,EACP,GAAGC;AACL,GAAwB;AACtB,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA,CAAC,CAACG,KAAa;AAAA,IACf;AAAA,EAAA,GAEIK,IAAQL,IACT,EAAE,8BAA8BA,GAAW,GAAGC,MAC/CA;AACJ,SACE,gBAAAK;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAF;AAAA,MACA,WAAWF;AAAA,MACX,aAAAL;AAAA,MACC,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;AAQO,SAASmB,EAAU;AAAA,EACxB,WAAAxB;AAAA,EACA,UAAAyB;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGvB;AACL,GAAmB;AACjB,QAAMC,IAAaC,EAAKP,GAAW,cAAc,mBAAmB0B,CAAI,EAAE,GACpEG,IACJ,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAtB,EAAC,OAAA,EAAI,WAAU,uBAAuB,UAAAgB,GAAS;AAAA,IAC9CE;AAAA,EAAA,GACH;AAEF,2BACGjB,GAAA,EAAQ,aAAY,KAAI,WAAWJ,GAAa,GAAGD,GACjD,UAAA;AAAA,IAAAqB,MAAS,UACR,gBAAAjB,EAACa,GAAA,EAAY,aAAY,QAAQ,UAAAO,EAAA,CAAQ,IAEzC,gBAAApB,EAACW,GAAA,EAAc,aAAY,QAAQ,UAAAS,GAAQ;AAAA,IAG5CD,KAAS,gBAAAnB,EAACE,GAAA,EAAW,UAAAiB,EAAA,CAAM;AAAA,EAAA,GAC9B;AAEJ;AAGO,SAASI,EAAa,EAAE,WAAAhC,GAAW,GAAGK,KAA4B;AACvE,QAAMC,IAAaC,EAAKP,GAAW,gBAAgB;AACnD,SAAO,gBAAAS,EAAC,MAAA,EAAG,WAAWH,GAAa,GAAGD,GAAO;AAC/C;AAMO,SAAS4B,EAAS;AAAA,EACvB,UAAAC;AAAA,EACA,WAAAlC;AAAA,EACA,SAAAmC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,GAAG/B;AACL,GAAkB;AAChB,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA;AAAA,IACA,qBAAqBmC,CAAO;AAAA,EAAA;AAE9B,SACE,gBAAAL,EAAC,MAAA,EAAG,WAAWxB,GAAa,GAAGD,GAC5B,UAAA;AAAA,IAAA+B,KAAS,gBAAA3B,EAAC,MAAA,EAAG,WAAU,mBAAmB,UAAA2B,GAAM;AAAA,IAChDF;AAAA,EAAA,GACH;AAEJ;AAGO,SAASG,EAAa,EAAE,WAAArC,GAAW,GAAGK,KAA4B;AACvE,QAAMC,IAAaC,EAAKP,GAAW,gBAAgB;AACnD,SAAO,gBAAAS,EAACwB,GAAA,EAAS,WAAW3B,GAAa,GAAGD,GAAO;AACrD;AAOO,SAASiC,EAAmB;AAAA,EACjC,OAAAC,IAAQ;AAAA,EACR,WAAAvC;AAAA,EACA,SAAAwC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGpC;AACL,GAA4B;AAC1B,QAAMC,IAAaC;AAAA,IACjBP;AAAA,IACA;AAAA,IACA,cAAcuC,CAAK;AAAA,EAAA;AAErB,SACE,gBAAAT,EAACY,KAAK,WAAU,UAAS,KAAI,OAAM,WAAWpC,GAAa,GAAGD,GAC5D,UAAA;AAAA,IAAA,gBAAAI,EAACa,KAAa,UAAAkB,EAAA,CAAQ;AAAA,IACrBC,KAAc,gBAAAhC,EAACc,GAAA,EAAgB,UAAAkB,EAAA,CAAW;AAAA,EAAA,GAC7C;AAEJ;AAOO,SAASE,EAAiB;AAAA,EAC/B,OAAAJ,IAAQ;AAAA,EACR,WAAAvC;AAAA,EACA,OAAAoC;AAAA,EACA,UAAAQ;AAAA,EACA,GAAGvC;AACL,GAA0B;AACxB,QAAMC,IAAaC,EAAKP,GAAW,oBAAoB,GACjD,EAAE,UAAA6C,EAAA,IAAaC,EAAA;AACrB,SACE,gBAAAhB,EAACY,KAAK,WAAU,UAAS,KAAI,OAAM,WAAWpC,GAAa,GAAGD,GAC3D,UAAA;AAAA,IAAAwC,IACC,gBAAApC,EAACW,GAAA,EAAc,WAAW,cAAcmB,CAAK,IAAK,UAAAH,EAAA,CAAM,IAExD,gBAAA3B,EAACU,GAAA,EAAc,WAAW,cAAcoB,CAAK,IAAK,UAAAH,GAAM;AAAA,IAGzDQ,KACC,gBAAAnC,EAACY,GAAA,EAAa,WAAW,cAAckB,CAAK,IACzC,UAAAK,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;"}
1	+ {"version":3,"file":"Text.js","sources":["../../../../../src/ui/primitives/Text/Text.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useMediaQuery } from \"hooks\";\nimport { Flex } from \"layout\";\nimport { Link } from \"primitives\";\nimport { CSSProperties, ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport {\n Text as RACText,\n type TextProps as RACTextProps,\n} from \"react-aria-components\";\nimport \"./text.css\";\n\ntype TextLineHeightProps = { lineHeight?: \"body\" \| \"single\" };\n\ntype TextTruncateProps = { lineClamp?: number };\n\nexport type TextProps = TextTruncateProps & RACTextProps & TextLineHeightProps;\nexport function Text({\n className,\n elementType = \"p\",\n lineHeight = \"body\",\n lineClamp,\n style: consumerStyle,\n ...props\n}: TextProps) {\n const classNames = clsx(\n className,\n !!lineClamp && \"sds-text-truncate\",\n \"text-body-base\",\n `text-line-height-${lineHeight}`,\n );\n const style = lineClamp\n ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n : consumerStyle;\n return (\n <RACText\n style={style}\n elementType={elementType}\n className={classNames}\n {...props}\n />\n );\n}\nexport type TextSmallProps = TextTruncateProps &\n RACTextProps &\n TextLineHeightProps;\nexport function TextSmall({\n className,\n elementType = \"small\",\n lineHeight = \"body\",\n lineClamp,\n style: consumerStyle,\n ...props\n}: TextSmallProps) {\n const classNames = clsx(\n className,\n !!lineClamp && \"sds-text-truncate\",\n \"text-body-small\",\n `text-line-height-${lineHeight}`,\n );\n const style = lineClamp\n ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n : consumerStyle;\n return (\n <RACText\n style={style}\n className={classNames}\n elementType={elementType}\n {...props}\n />\n );\n}\nexport type TextSmallStrongProps = TextTruncateProps &\n RACTextProps &\n TextLineHeightProps;\nexport function TextSmallStrong({\n className,\n elementType = \"small\",\n lineClamp,\n lineHeight = \"body\",\n style: consumerStyle,\n ...props\n}: TextSmallProps) {\n const classNames = clsx(\n className,\n !!lineClamp && \"sds-text-truncate\",\n \"text-body-small-strong\",\n `text-line-height-${lineHeight}`,\n );\n const style = lineClamp\n ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n : consumerStyle;\n return (\n <RACText\n style={style}\n className={classNames}\n elementType={elementType}\n {...props}\n />\n );\n}\nexport type TextStrongProps = TextTruncateProps & RACTextProps;\nexport function TextStrong({\n className,\n elementType = \"strong\",\n lineClamp,\n style: consumerStyle,\n ...props\n}: TextStrongProps) {\n const classNames = clsx(\n className,\n !!lineClamp && \"sds-text-truncate\",\n \"text-body-strong\",\n );\n const style = lineClamp\n ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n : consumerStyle;\n return (\n <RACText\n style={style}\n className={classNames}\n elementType={elementType}\n {...props}\n />\n );\n}\nexport type TextEmphasisProps = RACTextProps;\nexport function TextEmphasis({\n className,\n elementType,\n ...props\n}: TextEmphasisProps) {\n const classNames = clsx(className, \"text-body-emphasis\");\n return (\n <RACText className={classNames} elementType={elementType} {...props} />\n );\n}\nexport type TextLinkProps = ComponentPropsWithoutRef<typeof Link>;\nexport function TextLink({ className, ...props }: TextLinkProps) {\n const classNames = clsx(className, \"text-body-link\");\n return <Link className={classNames} {...props} />;\n}\nexport type TextCodeProps = RACTextProps;\nexport function TextCode({ className, ...props }: TextCodeProps) {\n const classNames = clsx(className, \"text-body-code\");\n return <RACText className={classNames} {...props} />;\n}\n\nexport type TextInputProps = RACTextProps;\nexport function TextInput({ className, ...props }: TextInputProps) {\n const classNames = clsx(className, \"text-input\");\n return <RACText className={classNames} {...props} />;\n}\n\nexport type TextTitleHeroProps = TextTruncateProps & RACTextProps;\nexport function TextTitleHero({\n className,\n elementType = \"h1\",\n lineClamp,\n style: consumerStyle,\n ...props\n}: TextTitleHeroProps) {\n const classNames = clsx(\n className,\n !!lineClamp && \"sds-text-truncate\",\n \"text-title-hero\",\n );\n const style = lineClamp\n ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n : consumerStyle;\n return (\n <RACText\n style={style}\n className={classNames}\n elementType={elementType}\n {...props}\n />\n );\n}\nexport type TextTitlePageProps = TextTruncateProps & RACTextProps;\nexport function TextTitlePage({\n className,\n elementType = \"h2\",\n lineClamp,\n style: consumerStyle,\n ...props\n}: TextTitlePageProps) {\n const classNames = clsx(\n className,\n !!lineClamp && \"sds-text-truncate\",\n \"text-title-page\",\n );\n const style = lineClamp\n ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n : consumerStyle;\n return (\n <RACText\n style={style}\n className={classNames}\n elementType={elementType}\n {...props}\n />\n );\n}\nexport type TextSubtitleProps = TextTruncateProps & RACTextProps;\nexport function TextSubtitle({\n className,\n elementType = \"p\",\n lineClamp,\n style: consumerStyle,\n ...props\n}: TextSubtitleProps) {\n const classNames = clsx(\n className,\n !!lineClamp && \"sds-text-truncate\",\n \"text-subtitle\",\n );\n const style = lineClamp\n ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n : consumerStyle;\n return (\n <RACText\n style={style}\n className={classNames}\n elementType={elementType}\n {...props}\n />\n );\n}\nexport type TextHeadingProps = TextTruncateProps & RACTextProps;\nexport function TextHeading({\n className,\n elementType = \"h3\",\n lineClamp,\n style: consumerStyle,\n ...props\n}: TextHeadingProps) {\n const classNames = clsx(\n className,\n !!lineClamp && \"sds-text-truncate\",\n \"text-heading\",\n );\n const style = lineClamp\n ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n : consumerStyle;\n return (\n <RACText\n style={style}\n className={classNames}\n elementType={elementType}\n {...props}\n />\n );\n}\nexport type TextSubheadingProps = TextTruncateProps & RACTextProps;\nexport function TextSubheading({\n className,\n elementType = \"p\",\n lineClamp,\n style: consumerStyle,\n ...props\n}: TextSubheadingProps) {\n const classNames = clsx(\n className,\n !!lineClamp && \"sds-text-truncate\",\n \"text-subheading\",\n );\n const style = lineClamp\n ? ({ \"--text-truncate-line-clamp\": lineClamp, ...consumerStyle } as CSSProperties)\n : consumerStyle;\n return (\n <RACText\n style={style}\n className={classNames}\n elementType={elementType}\n {...props}\n />\n );\n}\n\nexport type TextPriceProps = RACTextProps & {\n currency: string;\n price: string;\n label?: string;\n size?: \"small\" \| \"large\";\n};\nexport function TextPrice({\n className,\n currency,\n size = \"large\",\n price,\n label,\n ...props\n}: TextPriceProps) {\n const classNames = clsx(className, \"text-price\", `text-price-size-${size}`);\n const content = (\n <>\n <sup className=\"text-price-currency\">{currency}</sup>\n {price}\n </>\n );\n return (\n <RACText elementType=\"p\" className={classNames} {...props}>\n {size === \"small\" ? (\n <TextHeading elementType=\"span\">{content}</TextHeading>\n ) : (\n <TextTitlePage elementType=\"span\">{content}</TextTitlePage>\n )}\n\n {label && <TextSmall>{label}</TextSmall>}\n </RACText>\n );\n}\n\nexport type TextListItemProps = ComponentPropsWithoutRef<\"li\">;\nexport function TextListItem({ className, ...props }: TextListItemProps) {\n const classNames = clsx(className, \"text-list-item\");\n return <li className={classNames} {...props} />;\n}\n\nexport type TextListProps = Omit<ComponentPropsWithoutRef<\"ul\">, \"title\"> & {\n title?: ReactNode;\n density?: \"default\" \| \"tight\";\n};\nexport function TextList({\n children,\n className,\n density = \"default\",\n title,\n ...props\n}: TextListProps) {\n const classNames = clsx(\n className,\n \"text-list\",\n `text-list-density-${density}`,\n );\n return (\n <ul className={classNames} {...props}>\n {title && <li className=\"text-list-title\">{title}</li>}\n {children}\n </ul>\n );\n}\n\nexport type TextLinkListProps = TextListProps;\nexport function TextLinkList({ className, ...props }: TextLinkListProps) {\n const classNames = clsx(className, \"text-link-list\");\n return <TextList className={classNames} {...props} />;\n}\n\nexport type TextContentHeadingProps = ComponentPropsWithoutRef<\"div\"> & {\n align?: \"start\" \| \"center\";\n heading: string;\n subheading?: string;\n};\nexport function TextContentHeading({\n align = \"start\",\n className,\n heading,\n subheading,\n ...props\n}: TextContentHeadingProps) {\n const classNames = clsx(\n className,\n \"text-content-heading\",\n `text-align-${align}`,\n );\n return (\n <Flex direction=\"column\" gap=\"200\" className={classNames} {...props}>\n <TextHeading>{heading}</TextHeading>\n {subheading && <TextSubheading>{subheading}</TextSubheading>}\n </Flex>\n );\n}\n\nexport type TextContentTitleProps = ComponentPropsWithoutRef<\"div\"> & {\n align?: \"start\" \| \"center\";\n title: ReactNode;\n subtitle?: ReactNode;\n};\nexport function TextContentTitle({\n align = \"start\",\n className,\n title,\n subtitle,\n ...props\n}: TextContentTitleProps) {\n const classNames = clsx(className, \"text-content-title\");\n const { isMobile } = useMediaQuery();\n return (\n <Flex direction=\"column\" gap=\"200\" className={classNames} {...props}>\n {isMobile ? (\n <TextTitlePage className={`text-align-${align}`}>{title}</TextTitlePage>\n ) : (\n <TextTitleHero className={`text-align-${align}`}>{title}</TextTitleHero>\n )}\n\n {subtitle && (\n <TextSubtitle className={`text-align-${align}`}>\n {subtitle}\n </TextSubtitle>\n )}\n </Flex>\n );\n}\n"],"names":["Text","className","elementType","lineHeight","lineClamp","consumerStyle","props","classNames","clsx","style","jsx","RACText","TextSmall","TextSmallStrong","TextStrong","TextEmphasis","TextLink","Link","TextCode","TextInput","TextTitleHero","TextTitlePage","TextSubtitle","TextHeading","TextSubheading","TextPrice","currency","size","price","label","content","jsxs","Fragment","TextListItem","TextList","children","density","title","TextLinkList","TextContentHeading","align","heading","subheading","Flex","TextContentTitle","subtitle","isMobile","useMediaQuery"],"mappings":"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"}

package/dist/lib/ui/primitives/Tooltip/Tooltip.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),x=require("../../../vendor/clsx/dist/clsx.cjs"),h=require("react"),m=require("../../../vendor/@react-aria/tooltip/dist/useTooltipTrigger.cjs"),y=require("../../../vendor/@react-stately/tooltip/dist/useTooltipTriggerState.cjs"),i=require("react-aria-components");;/* empty css              */const d=require("../../hooks/useOverlayPortal.cjs");function N({children:o,content:t,className:s,offset:a,delay:n,closeDelay:c,placement:g}){const l=y.useTooltipTriggerState({delay:n,closeDelay:c}),e=h.useRef(null),{triggerProps:u,tooltipProps:p}=m.useTooltipTrigger({},l,e),j=x.clsx(s,"tooltip"),v=d.useOverlayPortalContainer();return r.jsxs(r.Fragment,{children:[r.jsx("span",{ref:e,className:"tooltip-trigger-wrapper",...u,children:o}),r.jsx(i.TooltipTriggerStateContext.Provider,{value:l,children:r.jsxs(i.Tooltip,{...p,triggerRef:e,className:j,offset:a,placement:g,UNSTABLE_portalContainer:v,children:[r.jsx(T,{}),r.jsx("div",{className:"dialog dialog-type-card",children:t})]})})]})}function C({children:o,content:t,className:s,offset:a=16,trigger:n="hover",delay:c=500,closeDelay:g=100,placement:l,...e}){const u=x.clsx(s,"tooltip"),p=d.useOverlayPortalContainer();return n==="click"?r.jsxs(i.DialogTrigger,{children:[o,r.jsxs(i.Popover,{...e,className:u,offset:a,placement:l,UNSTABLE_portalContainer:e.UNSTABLE_portalContainer??p,children:[r.jsx(T,{}),r.jsx(i.Dialog,{className:"dialog dialog-type-card","aria-label":"Tooltip",children:t})]})]}):r.jsx(N,{content:t,className:s,offset:a,delay:c,closeDelay:g,placement:l,...e,children:o})}function T({className:o,...t}){const s=x.clsx(o,"tooltip-overlay-arrow");return r.jsxs(i.OverlayArrow,{...t,className:s,children:[r.jsx("svg",{viewBox:"0 0 10 5",children:r.jsx("path",{d:"M0 0 L5 5 L10 0"})}),r.jsx("svg",{viewBox:"0 0 10 5",children:r.jsx("path",{d:"M0 0 L5 5 L10 0"})})]})}exports.Tooltip=C;exports.TooltipOverlayArrow=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),x=require("../../../vendor/clsx/dist/clsx.cjs"),h=require("react"),m=require("../../../vendor/@react-aria/tooltip/dist/useTooltipTrigger.cjs"),y=require("../../../vendor/@react-stately/tooltip/dist/useTooltipTriggerState.cjs"),i=require("react-aria-components");;/* empty css              */const T=require("../../hooks/useOverlayPortal.cjs");function N({children:o,content:t,className:s,offset:a,delay:n,closeDelay:c,placement:g}){const l=y.useTooltipTriggerState({delay:n,closeDelay:c}),e=h.useRef(null),{triggerProps:u,tooltipProps:p}=m.useTooltipTrigger({},l,e),j=x.clsx(s,"sds-tooltip"),v=T.useOverlayPortalContainer();return r.jsxs(r.Fragment,{children:[r.jsx("span",{ref:e,className:"tooltip-trigger-wrapper",...u,children:o}),r.jsx(i.TooltipTriggerStateContext.Provider,{value:l,children:r.jsxs(i.Tooltip,{...p,triggerRef:e,className:j,offset:a,placement:g,UNSTABLE_portalContainer:v,children:[r.jsx(d,{}),r.jsx("div",{className:"dialog dialog-type-card",children:t})]})})]})}function C({children:o,content:t,className:s,offset:a=16,trigger:n="hover",delay:c=500,closeDelay:g=100,placement:l,...e}){const u=x.clsx(s,"sds-tooltip"),p=T.useOverlayPortalContainer();return n==="click"?r.jsxs(i.DialogTrigger,{children:[o,r.jsxs(i.Popover,{...e,className:u,offset:a,placement:l,UNSTABLE_portalContainer:e.UNSTABLE_portalContainer??p,children:[r.jsx(d,{}),r.jsx(i.Dialog,{className:"dialog dialog-type-card","aria-label":"Tooltip",children:t})]})]}):r.jsx(N,{content:t,className:s,offset:a,delay:c,closeDelay:g,placement:l,...e,children:o})}function d({className:o,...t}){const s=x.clsx(o,"tooltip-overlay-arrow");return r.jsxs(i.OverlayArrow,{...t,className:s,children:[r.jsx("svg",{viewBox:"0 0 10 5",children:r.jsx("path",{d:"M0 0 L5 5 L10 0"})}),r.jsx("svg",{viewBox:"0 0 10 5",children:r.jsx("path",{d:"M0 0 L5 5 L10 0"})})]})}exports.Tooltip=C;exports.TooltipOverlayArrow=d;
 //# sourceMappingURL=Tooltip.cjs.map

package/dist/lib/ui/primitives/Tooltip/Tooltip.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.cjs","sources":["../../../../../src/ui/primitives/Tooltip/Tooltip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { useRef } from \"react\";\nimport { useTooltipTrigger } from \"@react-aria/tooltip\";\nimport { useTooltipTriggerState } from \"@react-stately/tooltip\";\nimport {\n DialogTrigger as RACDialogTrigger,\n Dialog as RACDialog,\n OverlayArrow as RACOverlayArrow,\n Popover as RACPopover,\n Tooltip as RACTooltip,\n TooltipTriggerStateContext,\n type OverlayArrowProps as RACOverlayArrowProps,\n type PopoverProps as RACPopoverProps,\n} from \"react-aria-components\";\nimport \"./tooltip.css\";\n\nexport type TooltipTrigger = \"hover\" \| \"click\";\n\nexport interface TooltipProps\n extends Omit<\n RACPopoverProps,\n \"children\" \| \"isOpen\" \| \"defaultOpen\" \| \"onOpenChange\" \| \"triggerRef\"\n > {\n children: React.ReactNode;\n content: React.ReactNode;\n trigger?: TooltipTrigger;\n delay?: number;\n closeDelay?: number;\n}\n\nfunction HoverTooltip({\n children,\n content,\n className,\n offset,\n delay,\n closeDelay,\n placement,\n}: Omit<TooltipProps, \"trigger\">) {\n const state = useTooltipTriggerState({ delay, closeDelay });\n const triggerRef = useRef<HTMLSpanElement>(null);\n const { triggerProps, tooltipProps } = useTooltipTrigger(\n { delay, closeDelay },\n state,\n triggerRef,\n );\n const classNames = clsx(className, \"tooltip\");\n // Sem container explícito o tooltip faz portal no document.body — fora da\n // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n const portalContainer = useOverlayPortalContainer();\n\n return (\n <>\n <span ref={triggerRef} className=\"tooltip-trigger-wrapper\" {...triggerProps}>\n {children}\n </span>\n <TooltipTriggerStateContext.Provider value={state}>\n <RACTooltip\n {...tooltipProps}\n triggerRef={triggerRef}\n className={classNames}\n offset={offset}\n placement={placement}\n UNSTABLE_portalContainer={portalContainer}\n >\n <TooltipOverlayArrow />\n <div className=\"dialog dialog-type-card\">{content}</div>\n </RACTooltip>\n </TooltipTriggerStateContext.Provider>\n </>\n );\n}\n\nexport function Tooltip({\n children,\n content,\n className,\n offset = 16,\n trigger = \"hover\",\n delay = 500,\n closeDelay = 100,\n placement,\n ...popoverProps\n}: TooltipProps) {\n const classNames = clsx(className, \"tooltip\");\n // Sem container explícito o popover faz portal no document.body — fora da\n // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n const portalContainer = useOverlayPortalContainer();\n\n if (trigger === \"click\") {\n return (\n <RACDialogTrigger>\n {children}\n <RACPopover\n {...popoverProps}\n className={classNames}\n offset={offset}\n placement={placement}\n UNSTABLE_portalContainer={\n popoverProps.UNSTABLE_portalContainer ?? portalContainer\n }\n >\n <TooltipOverlayArrow />\n <RACDialog className=\"dialog dialog-type-card\" aria-label=\"Tooltip\">\n {content}\n </RACDialog>\n </RACPopover>\n </RACDialogTrigger>\n );\n }\n\n return (\n <HoverTooltip\n content={content}\n className={className}\n offset={offset}\n delay={delay}\n closeDelay={closeDelay}\n placement={placement}\n {...popoverProps}\n >\n {children}\n </HoverTooltip>\n );\n}\n\nexport type TooltipOverlayArrowProps = RACOverlayArrowProps;\nexport function TooltipOverlayArrow({\n className,\n ...props\n}: TooltipOverlayArrowProps) {\n const classNames = clsx(className, \"tooltip-overlay-arrow\");\n return (\n <RACOverlayArrow {...props} className={classNames}>\n <svg viewBox=\"0 0 10 5\">\n <path d=\"M0 0 L5 5 L10 0\" />\n </svg>\n <svg viewBox=\"0 0 10 5\">\n <path d=\"M0 0 L5 5 L10 0\" />\n </svg>\n </RACOverlayArrow>\n );\n}\n"],"names":["HoverTooltip","children","content","className","offset","delay","closeDelay","placement","state","useTooltipTriggerState","triggerRef","useRef","triggerProps","tooltipProps","useTooltipTrigger","classNames","clsx","portalContainer","useOverlayPortalContainer","jsxs","Fragment","jsx","TooltipTriggerStateContext","RACTooltip","TooltipOverlayArrow","Tooltip","trigger","popoverProps","RACDialogTrigger","RACPopover","RACDialog","props","RACOverlayArrow"],"mappings":"4cA+BA,SAASA,EAAa,CACpB,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,WAAAC,EACA,UAAAC,CACF,EAAkC,CAChC,MAAMC,EAAQC,EAAAA,uBAAuB,CAAE,MAAAJ,EAAO,WAAAC,EAAY,EACpDI,EAAaC,EAAAA,OAAwB,IAAI,EACzC,CAAE,aAAAC,EAAc,aAAAC,CAAA,EAAiBC,EAAAA,kBACrC,CAAoB,EACpBN,EACAE,CAAA,EAEIK,EAAaC,EAAAA,KAAKb,EAAW,~~SAAS~~,~~EAGtCc~~,EAAkBC,EAAAA,0BAAA,EAExB,OACEC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,MAAC,QAAK,IAAKX,EAAY,UAAU,0BAA2B,GAAGE,EAC5D,SAAAX,EACH,EACAoB,EAAAA,IAACC,EAAAA,2BAA2B,SAA3B,CAAoC,MAAOd,EAC1C,SAAAW,EAAAA,KAACI,EAAAA,QAAA,CACE,GAAGV,EACJ,WAAAH,EACA,UAAWK,EACX,OAAAX,EACA,UAAAG,EACA,yBAA0BU,EAE1B,SAAA,CAAAI,EAAAA,IAACG,EAAA,EAAoB,EACrBH,EAAAA,IAAC,MAAA,CAAI,UAAU,0BAA2B,SAAAnB,CAAA,CAAQ,CAAA,CAAA,CAAA,CACpD,CACF,CAAA,EACF,CAEJ,CAEO,SAASuB,EAAQ,CACtB,SAAAxB,EACA,QAAAC,EACA,UAAAC,EACA,OAAAC,EAAS,GACT,QAAAsB,EAAU,QACV,MAAArB,EAAQ,IACR,WAAAC,EAAa,IACb,UAAAC,EACA,GAAGoB,CACL,EAAiB,CACf,MAAMZ,EAAaC,EAAAA,KAAKb,EAAW,~~SAAS~~,~~EAGtCc~~,EAAkBC,EAAAA,0BAAA,EAExB,OAAIQ,IAAY,eAEXE,gBAAA,CACE,SAAA,CAAA3B,EACDkB,EAAAA,KAACU,EAAAA,QAAA,CACE,GAAGF,EACJ,UAAWZ,EACX,OAAAX,EACA,UAAAG,EACA,yBACEoB,EAAa,0BAA4BV,EAG3C,SAAA,CAAAI,EAAAA,IAACG,EAAA,EAAoB,QACpBM,EAAAA,OAAA,CAAU,UAAU,0BAA0B,aAAW,UACvD,SAAA5B,CAAA,CACH,CAAA,CAAA,CAAA,CACF,EACF,EAKFmB,EAAAA,IAACrB,EAAA,CACC,QAAAE,EACA,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,WAAAC,EACA,UAAAC,EACC,GAAGoB,EAEH,SAAA1B,CAAA,CAAA,CAGP,CAGO,SAASuB,EAAoB,CAClC,UAAArB,EACA,GAAG4B,CACL,EAA6B,CAC3B,MAAMhB,EAAaC,EAAAA,KAAKb,EAAW,uBAAuB,EAC1D,OACEgB,EAAAA,KAACa,EAAAA,aAAA,CAAiB,GAAGD,EAAO,UAAWhB,EACrC,SAAA,CAAAM,EAAAA,IAAC,OAAI,QAAQ,WACX,eAAC,OAAA,CAAK,EAAE,kBAAkB,CAAA,CAC5B,EACAA,EAAAA,IAAC,OAAI,QAAQ,WACX,eAAC,OAAA,CAAK,EAAE,kBAAkB,CAAA,CAC5B,CAAA,EACF,CAEJ"}
1	+ {"version":3,"file":"Tooltip.cjs","sources":["../../../../../src/ui/primitives/Tooltip/Tooltip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { useRef } from \"react\";\nimport { useTooltipTrigger } from \"@react-aria/tooltip\";\nimport { useTooltipTriggerState } from \"@react-stately/tooltip\";\nimport {\n DialogTrigger as RACDialogTrigger,\n Dialog as RACDialog,\n OverlayArrow as RACOverlayArrow,\n Popover as RACPopover,\n Tooltip as RACTooltip,\n TooltipTriggerStateContext,\n type OverlayArrowProps as RACOverlayArrowProps,\n type PopoverProps as RACPopoverProps,\n} from \"react-aria-components\";\nimport \"./tooltip.css\";\n\nexport type TooltipTrigger = \"hover\" \| \"click\";\n\nexport interface TooltipProps\n extends Omit<\n RACPopoverProps,\n \"children\" \| \"isOpen\" \| \"defaultOpen\" \| \"onOpenChange\" \| \"triggerRef\"\n > {\n children: React.ReactNode;\n content: React.ReactNode;\n trigger?: TooltipTrigger;\n delay?: number;\n closeDelay?: number;\n}\n\nfunction HoverTooltip({\n children,\n content,\n className,\n offset,\n delay,\n closeDelay,\n placement,\n}: Omit<TooltipProps, \"trigger\">) {\n const state = useTooltipTriggerState({ delay, closeDelay });\n const triggerRef = useRef<HTMLSpanElement>(null);\n const { triggerProps, tooltipProps } = useTooltipTrigger(\n { delay, closeDelay },\n state,\n triggerRef,\n );\n const classNames = clsx(className, \"sds-tooltip\");\n // Sem container explícito o tooltip faz portal no document.body — fora da\n // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n const portalContainer = useOverlayPortalContainer();\n\n return (\n <>\n <span ref={triggerRef} className=\"tooltip-trigger-wrapper\" {...triggerProps}>\n {children}\n </span>\n <TooltipTriggerStateContext.Provider value={state}>\n <RACTooltip\n {...tooltipProps}\n triggerRef={triggerRef}\n className={classNames}\n offset={offset}\n placement={placement}\n UNSTABLE_portalContainer={portalContainer}\n >\n <TooltipOverlayArrow />\n <div className=\"dialog dialog-type-card\">{content}</div>\n </RACTooltip>\n </TooltipTriggerStateContext.Provider>\n </>\n );\n}\n\nexport function Tooltip({\n children,\n content,\n className,\n offset = 16,\n trigger = \"hover\",\n delay = 500,\n closeDelay = 100,\n placement,\n ...popoverProps\n}: TooltipProps) {\n const classNames = clsx(className, \"sds-tooltip\");\n // Sem container explícito o popover faz portal no document.body — fora da\n // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n const portalContainer = useOverlayPortalContainer();\n\n if (trigger === \"click\") {\n return (\n <RACDialogTrigger>\n {children}\n <RACPopover\n {...popoverProps}\n className={classNames}\n offset={offset}\n placement={placement}\n UNSTABLE_portalContainer={\n popoverProps.UNSTABLE_portalContainer ?? portalContainer\n }\n >\n <TooltipOverlayArrow />\n <RACDialog className=\"dialog dialog-type-card\" aria-label=\"Tooltip\">\n {content}\n </RACDialog>\n </RACPopover>\n </RACDialogTrigger>\n );\n }\n\n return (\n <HoverTooltip\n content={content}\n className={className}\n offset={offset}\n delay={delay}\n closeDelay={closeDelay}\n placement={placement}\n {...popoverProps}\n >\n {children}\n </HoverTooltip>\n );\n}\n\nexport type TooltipOverlayArrowProps = RACOverlayArrowProps;\nexport function TooltipOverlayArrow({\n className,\n ...props\n}: TooltipOverlayArrowProps) {\n const classNames = clsx(className, \"tooltip-overlay-arrow\");\n return (\n <RACOverlayArrow {...props} className={classNames}>\n <svg viewBox=\"0 0 10 5\">\n <path d=\"M0 0 L5 5 L10 0\" />\n </svg>\n <svg viewBox=\"0 0 10 5\">\n <path d=\"M0 0 L5 5 L10 0\" />\n </svg>\n </RACOverlayArrow>\n );\n}\n"],"names":["HoverTooltip","children","content","className","offset","delay","closeDelay","placement","state","useTooltipTriggerState","triggerRef","useRef","triggerProps","tooltipProps","useTooltipTrigger","classNames","clsx","portalContainer","useOverlayPortalContainer","jsxs","Fragment","jsx","TooltipTriggerStateContext","RACTooltip","TooltipOverlayArrow","Tooltip","trigger","popoverProps","RACDialogTrigger","RACPopover","RACDialog","props","RACOverlayArrow"],"mappings":"4cA+BA,SAASA,EAAa,CACpB,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,WAAAC,EACA,UAAAC,CACF,EAAkC,CAChC,MAAMC,EAAQC,EAAAA,uBAAuB,CAAE,MAAAJ,EAAO,WAAAC,EAAY,EACpDI,EAAaC,EAAAA,OAAwB,IAAI,EACzC,CAAE,aAAAC,EAAc,aAAAC,CAAA,EAAiBC,EAAAA,kBACrC,CAAoB,EACpBN,EACAE,CAAA,EAEIK,EAAaC,EAAAA,KAAKb,EAAW,aAAa,EAG1Cc,EAAkBC,EAAAA,0BAAA,EAExB,OACEC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,MAAC,QAAK,IAAKX,EAAY,UAAU,0BAA2B,GAAGE,EAC5D,SAAAX,EACH,EACAoB,EAAAA,IAACC,EAAAA,2BAA2B,SAA3B,CAAoC,MAAOd,EAC1C,SAAAW,EAAAA,KAACI,EAAAA,QAAA,CACE,GAAGV,EACJ,WAAAH,EACA,UAAWK,EACX,OAAAX,EACA,UAAAG,EACA,yBAA0BU,EAE1B,SAAA,CAAAI,EAAAA,IAACG,EAAA,EAAoB,EACrBH,EAAAA,IAAC,MAAA,CAAI,UAAU,0BAA2B,SAAAnB,CAAA,CAAQ,CAAA,CAAA,CAAA,CACpD,CACF,CAAA,EACF,CAEJ,CAEO,SAASuB,EAAQ,CACtB,SAAAxB,EACA,QAAAC,EACA,UAAAC,EACA,OAAAC,EAAS,GACT,QAAAsB,EAAU,QACV,MAAArB,EAAQ,IACR,WAAAC,EAAa,IACb,UAAAC,EACA,GAAGoB,CACL,EAAiB,CACf,MAAMZ,EAAaC,EAAAA,KAAKb,EAAW,aAAa,EAG1Cc,EAAkBC,EAAAA,0BAAA,EAExB,OAAIQ,IAAY,eAEXE,gBAAA,CACE,SAAA,CAAA3B,EACDkB,EAAAA,KAACU,EAAAA,QAAA,CACE,GAAGF,EACJ,UAAWZ,EACX,OAAAX,EACA,UAAAG,EACA,yBACEoB,EAAa,0BAA4BV,EAG3C,SAAA,CAAAI,EAAAA,IAACG,EAAA,EAAoB,QACpBM,EAAAA,OAAA,CAAU,UAAU,0BAA0B,aAAW,UACvD,SAAA5B,CAAA,CACH,CAAA,CAAA,CAAA,CACF,EACF,EAKFmB,EAAAA,IAACrB,EAAA,CACC,QAAAE,EACA,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,WAAAC,EACA,UAAAC,EACC,GAAGoB,EAEH,SAAA1B,CAAA,CAAA,CAGP,CAGO,SAASuB,EAAoB,CAClC,UAAArB,EACA,GAAG4B,CACL,EAA6B,CAC3B,MAAMhB,EAAaC,EAAAA,KAAKb,EAAW,uBAAuB,EAC1D,OACEgB,EAAAA,KAACa,EAAAA,aAAA,CAAiB,GAAGD,EAAO,UAAWhB,EACrC,SAAA,CAAAM,EAAAA,IAAC,OAAI,QAAQ,WACX,eAAC,OAAA,CAAK,EAAE,kBAAkB,CAAA,CAC5B,EACAA,EAAAA,IAAC,OAAI,QAAQ,WACX,eAAC,OAAA,CAAK,EAAE,kBAAkB,CAAA,CAC5B,CAAA,EACF,CAEJ"}

package/dist/lib/ui/primitives/Tooltip/Tooltip.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsxs as l, jsx as o, Fragment as v } from "react/jsx-runtime";
-import { clsx as d } from "../../../vendor/clsx/dist/clsx.js";
+import { clsx as m } from "../../../vendor/clsx/dist/clsx.js";
 import { useRef as N } from "react";
 import { useTooltipTrigger as x } from "../../../vendor/@react-aria/tooltip/dist/useTooltipTrigger.js";
 import { useTooltipTriggerState as b } from "../../../vendor/@react-stately/tooltip/dist/useTooltipTriggerState.js";
@@ -15,17 +15,17 @@ function B({
   closeDelay: c,
   placement: p
 }) {
-  const a = b({ delay: n, closeDelay: c }), r = N(null), { triggerProps: g, tooltipProps: m } = x(
+  const a = b({ delay: n, closeDelay: c }), r = N(null), { triggerProps: d, tooltipProps: g } = x(
     {},
     a,
     r
-  ), u = d(i, "tooltip"), h = T();
+  ), u = m(i, "sds-tooltip"), h = T();
   return /* @__PURE__ */ l(v, { children: [
-    /* @__PURE__ */ o("span", { ref: r, className: "tooltip-trigger-wrapper", ...g, children: t }),
+    /* @__PURE__ */ o("span", { ref: r, className: "tooltip-trigger-wrapper", ...d, children: t }),
     /* @__PURE__ */ o(y.Provider, { value: a, children: /* @__PURE__ */ l(
       A,
       {
-        ...m,
+        ...g,
         triggerRef: r,
         className: u,
         offset: s,
@@ -50,17 +50,17 @@ function M({
   placement: a,
   ...r
 }) {
-  const g = d(i, "tooltip"), m = T();
+  const d = m(i, "sds-tooltip"), g = T();
   return n === "click" ? /* @__PURE__ */ l(C, { children: [
     t,
     /* @__PURE__ */ l(
       L,
       {
         ...r,
-        className: g,
+        className: d,
         offset: s,
         placement: a,
-        UNSTABLE_portalContainer: r.UNSTABLE_portalContainer ?? m,
+        UNSTABLE_portalContainer: r.UNSTABLE_portalContainer ?? g,
         children: [
           /* @__PURE__ */ o(f, {}),
           /* @__PURE__ */ o($, { className: "dialog dialog-type-card", "aria-label": "Tooltip", children: e })
@@ -85,7 +85,7 @@ function f({
   className: t,
   ...e
 }) {
-  const i = d(t, "tooltip-overlay-arrow");
+  const i = m(t, "tooltip-overlay-arrow");
   return /* @__PURE__ */ l(w, { ...e, className: i, children: [
     /* @__PURE__ */ o("svg", { viewBox: "0 0 10 5", children: /* @__PURE__ */ o("path", { d: "M0 0 L5 5 L10 0" }) }),
     /* @__PURE__ */ o("svg", { viewBox: "0 0 10 5", children: /* @__PURE__ */ o("path", { d: "M0 0 L5 5 L10 0" }) })

package/dist/lib/ui/primitives/Tooltip/Tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.js","sources":["../../../../../src/ui/primitives/Tooltip/Tooltip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { useRef } from \"react\";\nimport { useTooltipTrigger } from \"@react-aria/tooltip\";\nimport { useTooltipTriggerState } from \"@react-stately/tooltip\";\nimport {\n DialogTrigger as RACDialogTrigger,\n Dialog as RACDialog,\n OverlayArrow as RACOverlayArrow,\n Popover as RACPopover,\n Tooltip as RACTooltip,\n TooltipTriggerStateContext,\n type OverlayArrowProps as RACOverlayArrowProps,\n type PopoverProps as RACPopoverProps,\n} from \"react-aria-components\";\nimport \"./tooltip.css\";\n\nexport type TooltipTrigger = \"hover\" \| \"click\";\n\nexport interface TooltipProps\n extends Omit<\n RACPopoverProps,\n \"children\" \| \"isOpen\" \| \"defaultOpen\" \| \"onOpenChange\" \| \"triggerRef\"\n > {\n children: React.ReactNode;\n content: React.ReactNode;\n trigger?: TooltipTrigger;\n delay?: number;\n closeDelay?: number;\n}\n\nfunction HoverTooltip({\n children,\n content,\n className,\n offset,\n delay,\n closeDelay,\n placement,\n}: Omit<TooltipProps, \"trigger\">) {\n const state = useTooltipTriggerState({ delay, closeDelay });\n const triggerRef = useRef<HTMLSpanElement>(null);\n const { triggerProps, tooltipProps } = useTooltipTrigger(\n { delay, closeDelay },\n state,\n triggerRef,\n );\n const classNames = clsx(className, \"tooltip\");\n // Sem container explícito o tooltip faz portal no document.body — fora da\n // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n const portalContainer = useOverlayPortalContainer();\n\n return (\n <>\n <span ref={triggerRef} className=\"tooltip-trigger-wrapper\" {...triggerProps}>\n {children}\n </span>\n <TooltipTriggerStateContext.Provider value={state}>\n <RACTooltip\n {...tooltipProps}\n triggerRef={triggerRef}\n className={classNames}\n offset={offset}\n placement={placement}\n UNSTABLE_portalContainer={portalContainer}\n >\n <TooltipOverlayArrow />\n <div className=\"dialog dialog-type-card\">{content}</div>\n </RACTooltip>\n </TooltipTriggerStateContext.Provider>\n </>\n );\n}\n\nexport function Tooltip({\n children,\n content,\n className,\n offset = 16,\n trigger = \"hover\",\n delay = 500,\n closeDelay = 100,\n placement,\n ...popoverProps\n}: TooltipProps) {\n const classNames = clsx(className, \"tooltip\");\n // Sem container explícito o popover faz portal no document.body — fora da\n // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n const portalContainer = useOverlayPortalContainer();\n\n if (trigger === \"click\") {\n return (\n <RACDialogTrigger>\n {children}\n <RACPopover\n {...popoverProps}\n className={classNames}\n offset={offset}\n placement={placement}\n UNSTABLE_portalContainer={\n popoverProps.UNSTABLE_portalContainer ?? portalContainer\n }\n >\n <TooltipOverlayArrow />\n <RACDialog className=\"dialog dialog-type-card\" aria-label=\"Tooltip\">\n {content}\n </RACDialog>\n </RACPopover>\n </RACDialogTrigger>\n );\n }\n\n return (\n <HoverTooltip\n content={content}\n className={className}\n offset={offset}\n delay={delay}\n closeDelay={closeDelay}\n placement={placement}\n {...popoverProps}\n >\n {children}\n </HoverTooltip>\n );\n}\n\nexport type TooltipOverlayArrowProps = RACOverlayArrowProps;\nexport function TooltipOverlayArrow({\n className,\n ...props\n}: TooltipOverlayArrowProps) {\n const classNames = clsx(className, \"tooltip-overlay-arrow\");\n return (\n <RACOverlayArrow {...props} className={classNames}>\n <svg viewBox=\"0 0 10 5\">\n <path d=\"M0 0 L5 5 L10 0\" />\n </svg>\n <svg viewBox=\"0 0 10 5\">\n <path d=\"M0 0 L5 5 L10 0\" />\n </svg>\n </RACOverlayArrow>\n );\n}\n"],"names":["HoverTooltip","children","content","className","offset","delay","closeDelay","placement","state","useTooltipTriggerState","triggerRef","useRef","triggerProps","tooltipProps","useTooltipTrigger","classNames","clsx","portalContainer","useOverlayPortalContainer","jsxs","Fragment","jsx","TooltipTriggerStateContext","RACTooltip","TooltipOverlayArrow","Tooltip","trigger","popoverProps","RACDialogTrigger","RACPopover","RACDialog","props","RACOverlayArrow"],"mappings":";;;;;;;;AA+BA,SAASA,EAAa;AAAA,EACpB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AACF,GAAkC;AAChC,QAAMC,IAAQC,EAAuB,EAAE,OAAAJ,GAAO,YAAAC,GAAY,GACpDI,IAAaC,EAAwB,IAAI,GACzC,EAAE,cAAAC,GAAc,cAAAC,EAAA,IAAiBC;AAAAA,IACrC,CAAoB;AAAA,IACpBN;AAAA,IACAE;AAAA,EAAA,GAEIK,IAAaC,EAAKb,GAAW,~~SAAS~~,~~GAGtCc~~,IAAkBC,EAAA;AAExB,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,KAAKX,GAAY,WAAU,2BAA2B,GAAGE,GAC5D,UAAAX,GACH;AAAA,IACA,gBAAAoB,EAACC,EAA2B,UAA3B,EAAoC,OAAOd,GAC1C,UAAA,gBAAAW;AAAA,MAACI;AAAAA,MAAA;AAAA,QACE,GAAGV;AAAA,QACJ,YAAAH;AAAA,QACA,WAAWK;AAAA,QACX,QAAAX;AAAA,QACA,WAAAG;AAAA,QACA,0BAA0BU;AAAA,QAE1B,UAAA;AAAA,UAAA,gBAAAI,EAACG,GAAA,EAAoB;AAAA,UACrB,gBAAAH,EAAC,OAAA,EAAI,WAAU,2BAA2B,UAAAnB,EAAA,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EACpD,CACF;AAAA,EAAA,GACF;AAEJ;AAEO,SAASuB,EAAQ;AAAA,EACtB,UAAAxB;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAsB,IAAU;AAAA,EACV,OAAArB,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,GAAGoB;AACL,GAAiB;AACf,QAAMZ,IAAaC,EAAKb,GAAW,~~SAAS~~,~~GAGtCc~~,IAAkBC,EAAA;AAExB,SAAIQ,MAAY,4BAEXE,GAAA,EACE,UAAA;AAAA,IAAA3B;AAAA,IACD,gBAAAkB;AAAA,MAACU;AAAAA,MAAA;AAAA,QACE,GAAGF;AAAA,QACJ,WAAWZ;AAAA,QACX,QAAAX;AAAA,QACA,WAAAG;AAAA,QACA,0BACEoB,EAAa,4BAA4BV;AAAA,QAG3C,UAAA;AAAA,UAAA,gBAAAI,EAACG,GAAA,EAAoB;AAAA,4BACpBM,GAAA,EAAU,WAAU,2BAA0B,cAAW,WACvD,UAAA5B,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF,IAKF,gBAAAmB;AAAA,IAACrB;AAAA,IAAA;AAAA,MACC,SAAAE;AAAA,MACA,WAAAC;AAAA,MACA,QAAAC;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,WAAAC;AAAA,MACC,GAAGoB;AAAA,MAEH,UAAA1B;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,SAASuB,EAAoB;AAAA,EAClC,WAAArB;AAAA,EACA,GAAG4B;AACL,GAA6B;AAC3B,QAAMhB,IAAaC,EAAKb,GAAW,uBAAuB;AAC1D,SACE,gBAAAgB,EAACa,GAAA,EAAiB,GAAGD,GAAO,WAAWhB,GACrC,UAAA;AAAA,IAAA,gBAAAM,EAAC,SAAI,SAAQ,YACX,4BAAC,QAAA,EAAK,GAAE,mBAAkB,EAAA,CAC5B;AAAA,IACA,gBAAAA,EAAC,SAAI,SAAQ,YACX,4BAAC,QAAA,EAAK,GAAE,mBAAkB,EAAA,CAC5B;AAAA,EAAA,GACF;AAEJ;"}
1	+ {"version":3,"file":"Tooltip.js","sources":["../../../../../src/ui/primitives/Tooltip/Tooltip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useOverlayPortalContainer } from \"hooks\";\nimport { useRef } from \"react\";\nimport { useTooltipTrigger } from \"@react-aria/tooltip\";\nimport { useTooltipTriggerState } from \"@react-stately/tooltip\";\nimport {\n DialogTrigger as RACDialogTrigger,\n Dialog as RACDialog,\n OverlayArrow as RACOverlayArrow,\n Popover as RACPopover,\n Tooltip as RACTooltip,\n TooltipTriggerStateContext,\n type OverlayArrowProps as RACOverlayArrowProps,\n type PopoverProps as RACPopoverProps,\n} from \"react-aria-components\";\nimport \"./tooltip.css\";\n\nexport type TooltipTrigger = \"hover\" \| \"click\";\n\nexport interface TooltipProps\n extends Omit<\n RACPopoverProps,\n \"children\" \| \"isOpen\" \| \"defaultOpen\" \| \"onOpenChange\" \| \"triggerRef\"\n > {\n children: React.ReactNode;\n content: React.ReactNode;\n trigger?: TooltipTrigger;\n delay?: number;\n closeDelay?: number;\n}\n\nfunction HoverTooltip({\n children,\n content,\n className,\n offset,\n delay,\n closeDelay,\n placement,\n}: Omit<TooltipProps, \"trigger\">) {\n const state = useTooltipTriggerState({ delay, closeDelay });\n const triggerRef = useRef<HTMLSpanElement>(null);\n const { triggerProps, tooltipProps } = useTooltipTrigger(\n { delay, closeDelay },\n state,\n triggerRef,\n );\n const classNames = clsx(className, \"sds-tooltip\");\n // Sem container explícito o tooltip faz portal no document.body — fora da\n // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n const portalContainer = useOverlayPortalContainer();\n\n return (\n <>\n <span ref={triggerRef} className=\"tooltip-trigger-wrapper\" {...triggerProps}>\n {children}\n </span>\n <TooltipTriggerStateContext.Provider value={state}>\n <RACTooltip\n {...tooltipProps}\n triggerRef={triggerRef}\n className={classNames}\n offset={offset}\n placement={placement}\n UNSTABLE_portalContainer={portalContainer}\n >\n <TooltipOverlayArrow />\n <div className=\"dialog dialog-type-card\">{content}</div>\n </RACTooltip>\n </TooltipTriggerStateContext.Provider>\n </>\n );\n}\n\nexport function Tooltip({\n children,\n content,\n className,\n offset = 16,\n trigger = \"hover\",\n delay = 500,\n closeDelay = 100,\n placement,\n ...popoverProps\n}: TooltipProps) {\n const classNames = clsx(className, \"sds-tooltip\");\n // Sem container explícito o popover faz portal no document.body — fora da\n // shadow root do MFE, sem CSS. Ver ui/hooks/useOverlayPortal.\n const portalContainer = useOverlayPortalContainer();\n\n if (trigger === \"click\") {\n return (\n <RACDialogTrigger>\n {children}\n <RACPopover\n {...popoverProps}\n className={classNames}\n offset={offset}\n placement={placement}\n UNSTABLE_portalContainer={\n popoverProps.UNSTABLE_portalContainer ?? portalContainer\n }\n >\n <TooltipOverlayArrow />\n <RACDialog className=\"dialog dialog-type-card\" aria-label=\"Tooltip\">\n {content}\n </RACDialog>\n </RACPopover>\n </RACDialogTrigger>\n );\n }\n\n return (\n <HoverTooltip\n content={content}\n className={className}\n offset={offset}\n delay={delay}\n closeDelay={closeDelay}\n placement={placement}\n {...popoverProps}\n >\n {children}\n </HoverTooltip>\n );\n}\n\nexport type TooltipOverlayArrowProps = RACOverlayArrowProps;\nexport function TooltipOverlayArrow({\n className,\n ...props\n}: TooltipOverlayArrowProps) {\n const classNames = clsx(className, \"tooltip-overlay-arrow\");\n return (\n <RACOverlayArrow {...props} className={classNames}>\n <svg viewBox=\"0 0 10 5\">\n <path d=\"M0 0 L5 5 L10 0\" />\n </svg>\n <svg viewBox=\"0 0 10 5\">\n <path d=\"M0 0 L5 5 L10 0\" />\n </svg>\n </RACOverlayArrow>\n );\n}\n"],"names":["HoverTooltip","children","content","className","offset","delay","closeDelay","placement","state","useTooltipTriggerState","triggerRef","useRef","triggerProps","tooltipProps","useTooltipTrigger","classNames","clsx","portalContainer","useOverlayPortalContainer","jsxs","Fragment","jsx","TooltipTriggerStateContext","RACTooltip","TooltipOverlayArrow","Tooltip","trigger","popoverProps","RACDialogTrigger","RACPopover","RACDialog","props","RACOverlayArrow"],"mappings":";;;;;;;;AA+BA,SAASA,EAAa;AAAA,EACpB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AACF,GAAkC;AAChC,QAAMC,IAAQC,EAAuB,EAAE,OAAAJ,GAAO,YAAAC,GAAY,GACpDI,IAAaC,EAAwB,IAAI,GACzC,EAAE,cAAAC,GAAc,cAAAC,EAAA,IAAiBC;AAAAA,IACrC,CAAoB;AAAA,IACpBN;AAAA,IACAE;AAAA,EAAA,GAEIK,IAAaC,EAAKb,GAAW,aAAa,GAG1Cc,IAAkBC,EAAA;AAExB,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,KAAKX,GAAY,WAAU,2BAA2B,GAAGE,GAC5D,UAAAX,GACH;AAAA,IACA,gBAAAoB,EAACC,EAA2B,UAA3B,EAAoC,OAAOd,GAC1C,UAAA,gBAAAW;AAAA,MAACI;AAAAA,MAAA;AAAA,QACE,GAAGV;AAAA,QACJ,YAAAH;AAAA,QACA,WAAWK;AAAA,QACX,QAAAX;AAAA,QACA,WAAAG;AAAA,QACA,0BAA0BU;AAAA,QAE1B,UAAA;AAAA,UAAA,gBAAAI,EAACG,GAAA,EAAoB;AAAA,UACrB,gBAAAH,EAAC,OAAA,EAAI,WAAU,2BAA2B,UAAAnB,EAAA,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EACpD,CACF;AAAA,EAAA,GACF;AAEJ;AAEO,SAASuB,EAAQ;AAAA,EACtB,UAAAxB;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAsB,IAAU;AAAA,EACV,OAAArB,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,GAAGoB;AACL,GAAiB;AACf,QAAMZ,IAAaC,EAAKb,GAAW,aAAa,GAG1Cc,IAAkBC,EAAA;AAExB,SAAIQ,MAAY,4BAEXE,GAAA,EACE,UAAA;AAAA,IAAA3B;AAAA,IACD,gBAAAkB;AAAA,MAACU;AAAAA,MAAA;AAAA,QACE,GAAGF;AAAA,QACJ,WAAWZ;AAAA,QACX,QAAAX;AAAA,QACA,WAAAG;AAAA,QACA,0BACEoB,EAAa,4BAA4BV;AAAA,QAG3C,UAAA;AAAA,UAAA,gBAAAI,EAACG,GAAA,EAAoB;AAAA,4BACpBM,GAAA,EAAU,WAAU,2BAA0B,cAAW,WACvD,UAAA5B,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF,IAKF,gBAAAmB;AAAA,IAACrB;AAAA,IAAA;AAAA,MACC,SAAAE;AAAA,MACA,WAAAC;AAAA,MACA,QAAAC;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,WAAAC;AAAA,MACC,GAAGoB;AAAA,MAEH,UAAA1B;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,SAASuB,EAAoB;AAAA,EAClC,WAAArB;AAAA,EACA,GAAG4B;AACL,GAA6B;AAC3B,QAAMhB,IAAaC,EAAKb,GAAW,uBAAuB;AAC1D,SACE,gBAAAgB,EAACa,GAAA,EAAiB,GAAGD,GAAO,WAAWhB,GACrC,UAAA;AAAA,IAAA,gBAAAM,EAAC,SAAI,SAAQ,YACX,4BAAC,QAAA,EAAK,GAAE,mBAAkB,EAAA,CAC5B;AAAA,IACA,gBAAAA,EAAC,SAAI,SAAQ,YACX,4BAAC,QAAA,EAAK,GAAE,mBAAkB,EAAA,CAC5B;AAAA,EAAA,GACF;AAEJ;"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@apipass/design-system",
-  "version": "4.3.0",
+  "version": "5.0.0",
   "type": "module",
   "description": "APIPass React Design System",
   "sideEffects": [
@@ -145,6 +145,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.3",
     "eslint-plugin-storybook": "^10.3.4",
+    "postcss": "8.5.6",
     "prettier-plugin-organize-imports": "^3.2.4",
     "react": "^18.2.0",
     "react-aria-components": "1.10.1",