@apipass/design-system 1.24.0 → 3.0.0

package/dist/lib/ui/primitives/Pagination/Pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.cjs","sources":["../../../../../src/ui/primitives/Pagination/Pagination.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMediaQuery } from \"hooks\";\nimport { IconArrowLeft, IconArrowRight } from \"icons\";\nimport type React from \"react\";\nimport { AnchorOrButton } from \"utils\";\nimport \"./pagination.css\";\n\nexport type PaginationManualProps = React.ComponentPropsWithoutRef<\"nav\">;\n\nexport type PaginationControlledProps = {\n  page: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  previousLabel: string;\n  nextLabel: string;\n  className?: string;\n};\n\nexport type PaginationProps = PaginationManualProps | PaginationControlledProps;\n\nfunction isControlledProps(\n  props: PaginationProps,\n): props is PaginationControlledProps {\n  return \"totalPages\" in props;\n}\n\nexport function Pagination(props: PaginationProps) {\n  if (isControlledProps(props)) {\n    const { page, totalPages, onPageChange, previousLabel, nextLabel, className } = props;\n    if (totalPages <= 1) return null;\n    return (\n      <nav aria-label=\"Page navigation\" className={clsx(className, \"pagination\")}>\n        <PaginationPrevious isDisabled={page <= 1} onPress={() => onPageChange(Math.max(1, page - 1))}>\n          {previousLabel}\n        </PaginationPrevious>\n        <PaginationList>\n          {buildPaginationPages(page, totalPages).map((p, i) =>\n            p === \"...\" ? (\n              <PaginationGap key={`gap-${i}`} />\n            ) : (\n              <PaginationPage key={p} current={p === page} onPress={() => onPageChange(p)}>\n                {String(p)}\n              </PaginationPage>\n            ),\n          )}\n        </PaginationList>\n        <PaginationNext isDisabled={page >= totalPages} onPress={() => onPageChange(Math.min(totalPages, page + 1))}>\n          {nextLabel}\n        </PaginationNext>\n      </nav>\n    );\n  }\n  const { \"aria-label\": ariaLabel = \"Page navigation\", className, ...rest } = props;\n  return <nav aria-label={ariaLabel} {...rest} className={clsx(className, \"pagination\")} />;\n}\n\nexport function PaginationPrevious({\n  href = null,\n  onPress,\n  isDisabled = false,\n  children = \"Previous\",\n}: {\n  href?: string | null;\n  onPress?: () => void;\n  isDisabled?: boolean;\n  children?: React.ReactNode;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href !== null ? { href } : {})}\n      onPress={onPress}\n      isDisabled={isDisabled || (href === null && !onPress)}\n      className={clsx(\"pagination-btn\", \"pagination-nav\")}\n      aria-label=\"Previous page\"\n    >\n      <IconArrowLeft size=\"16\" />\n      {children}\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationNext({\n  href = null,\n  onPress,\n  isDisabled = false,\n  children = \"Next\",\n}: {\n  href?: string | null;\n  onPress?: () => void;\n  isDisabled?: boolean;\n  children?: React.ReactNode;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href !== null ? { href } : {})}\n      onPress={onPress}\n      isDisabled={isDisabled || (href === null && !onPress)}\n      className={clsx(\"pagination-btn\", \"pagination-nav\")}\n      aria-label=\"Next page\"\n    >\n      {children}\n      <IconArrowRight size=\"16\" />\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationList({ children }: { children: React.ReactNode }) {\n  const { isTabletUp } = useMediaQuery();\n  return isTabletUp && <span className=\"pagination-list\">{children}</span>;\n}\n\nexport function PaginationPage({\n  href,\n  onPress,\n  children,\n  current = false,\n}: {\n  href?: string;\n  onPress?: () => void;\n  children: string;\n  current?: boolean;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href ? { href } : {})}\n      onPress={onPress}\n      aria-label={`Page ${children}`}\n      aria-current={current ? \"page\" : undefined}\n      className={clsx(\"pagination-btn\", current && \"pagination-btn-active\")}\n    >\n      {children}\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationGap() {\n  return (\n    <div aria-hidden=\"true\" className=\"pagination-gap\">\n      &hellip;\n    </div>\n  );\n}\n\nexport function buildPaginationPages(current: number, total: number): Array<number | \"...\"> {\n  if (total <= 6) return Array.from({ length: total }, (_, i) => i + 1);\n  const head = [1, 2, 3];\n  const tail = [total - 1, total];\n  if (current <= 4) return [...head, \"...\", ...tail];\n  if (current >= total - 3) return [1, 2, \"...\", total - 2, total - 1, total];\n  return [1, \"...\", current - 1, current, current + 1, \"...\", total];\n}\n"],"names":["isControlledProps","props","Pagination","page","totalPages","onPageChange","previousLabel","nextLabel","className","jsxs","clsx","jsx","PaginationPrevious","PaginationList","buildPaginationPages","p","i","PaginationGap","PaginationPage","PaginationNext","ariaLabel","rest","href","onPress","isDisabled","children","AnchorOrButton","IconArrowLeft","IconArrowRight","isTabletUp","useMediaQuery","current","total","_","head","tail"],"mappings":"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"}
+{"version":3,"file":"Pagination.cjs","sources":["../../../../../src/ui/primitives/Pagination/Pagination.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMediaQuery } from \"hooks\";\nimport { IconArrowLeft, IconArrowRight } from \"icons\";\nimport type React from \"react\";\nimport { AnchorOrButton } from \"utils\";\nimport \"./pagination.css\";\n\nexport type PaginationManualProps = React.ComponentPropsWithoutRef<\"nav\">;\n\nexport type PaginationControlledProps = {\n  page: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  previousLabel: string;\n  nextLabel: string;\n  className?: string;\n};\n\nexport type PaginationProps = PaginationManualProps | PaginationControlledProps;\n\nfunction isControlledProps(\n  props: PaginationProps,\n): props is PaginationControlledProps {\n  return \"totalPages\" in props;\n}\n\nexport function Pagination(props: PaginationProps) {\n  if (isControlledProps(props)) {\n    const { page, totalPages, onPageChange, previousLabel, nextLabel, className } = props;\n    if (totalPages <= 1) return null;\n    return (\n      <nav aria-label=\"Page navigation\" className={clsx(className, \"pagination\")}>\n        <PaginationPrevious isDisabled={page <= 1} onPress={() => onPageChange(Math.max(1, page - 1))}>\n          {previousLabel}\n        </PaginationPrevious>\n        <PaginationList>\n          {buildPaginationPages(page, totalPages).map((p, i) =>\n            p === \"...\" ? (\n              <PaginationGap key={`gap-${i}`} />\n            ) : (\n              <PaginationPage key={p} current={p === page} onPress={() => onPageChange(p)}>\n                {String(p)}\n              </PaginationPage>\n            ),\n          )}\n        </PaginationList>\n        <PaginationNext isDisabled={page >= totalPages} onPress={() => onPageChange(Math.min(totalPages, page + 1))}>\n          {nextLabel}\n        </PaginationNext>\n      </nav>\n    );\n  }\n  const { \"aria-label\": ariaLabel = \"Page navigation\", className, ...rest } = props;\n  return <nav aria-label={ariaLabel} {...rest} className={clsx(className, \"pagination\")} />;\n}\n\nexport function PaginationPrevious({\n  href = null,\n  onPress,\n  isDisabled = false,\n  children = \"Previous\",\n}: {\n  href?: string | null;\n  onPress?: () => void;\n  isDisabled?: boolean;\n  children?: React.ReactNode;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href !== null ? { href } : {})}\n      onPress={onPress}\n      isDisabled={isDisabled || (href === null && !onPress)}\n      className={clsx(\"pagination-btn\", \"pagination-nav\")}\n      aria-label=\"Previous page\"\n    >\n      <IconArrowLeft size=\"16\" />\n      {children}\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationNext({\n  href = null,\n  onPress,\n  isDisabled = false,\n  children = \"Next\",\n}: {\n  href?: string | null;\n  onPress?: () => void;\n  isDisabled?: boolean;\n  children?: React.ReactNode;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href !== null ? { href } : {})}\n      onPress={onPress}\n      isDisabled={isDisabled || (href === null && !onPress)}\n      className={clsx(\"pagination-btn\", \"pagination-nav\")}\n      aria-label=\"Next page\"\n    >\n      {children}\n      <IconArrowRight size=\"16\" />\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationList({ children }: { children: React.ReactNode }) {\n  const { isTabletUp } = useMediaQuery();\n  return isTabletUp && <span className=\"pagination-list\">{children}</span>;\n}\n\nexport function PaginationPage({\n  href,\n  onPress,\n  children,\n  current = false,\n}: {\n  href?: string;\n  onPress?: () => void;\n  children: string;\n  current?: boolean;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href ? { href } : {})}\n      onPress={onPress}\n      aria-label={`Page ${children}`}\n      aria-current={current ? \"page\" : undefined}\n      className={clsx(\"pagination-btn\", current && \"pagination-btn-active\")}\n    >\n      {children}\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationGap() {\n  return (\n    <div aria-hidden=\"true\" className=\"pagination-gap\">\n      &hellip;\n    </div>\n  );\n}\n\n// eslint-disable-next-line react-refresh/only-export-components -- utilitário reaproveitado fora deste arquivo, não é um componente\nexport function buildPaginationPages(current: number, total: number): Array<number | \"...\"> {\n  if (total <= 6) return Array.from({ length: total }, (_, i) => i + 1);\n  const head = [1, 2, 3];\n  const tail = [total - 1, total];\n  if (current <= 4) return [...head, \"...\", ...tail];\n  if (current >= total - 3) return [1, 2, \"...\", total - 2, total - 1, total];\n  return [1, \"...\", current - 1, current, current + 1, \"...\", total];\n}\n"],"names":["isControlledProps","props","Pagination","page","totalPages","onPageChange","previousLabel","nextLabel","className","jsxs","clsx","jsx","PaginationPrevious","PaginationList","buildPaginationPages","p","i","PaginationGap","PaginationPage","PaginationNext","ariaLabel","rest","href","onPress","isDisabled","children","AnchorOrButton","IconArrowLeft","IconArrowRight","isTabletUp","useMediaQuery","current","total","_","head","tail"],"mappings":"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"}

package/dist/lib/ui/primitives/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../../src/ui/primitives/Pagination/Pagination.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMediaQuery } from \"hooks\";\nimport { IconArrowLeft, IconArrowRight } from \"icons\";\nimport type React from \"react\";\nimport { AnchorOrButton } from \"utils\";\nimport \"./pagination.css\";\n\nexport type PaginationManualProps = React.ComponentPropsWithoutRef<\"nav\">;\n\nexport type PaginationControlledProps = {\n  page: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  previousLabel: string;\n  nextLabel: string;\n  className?: string;\n};\n\nexport type PaginationProps = PaginationManualProps | PaginationControlledProps;\n\nfunction isControlledProps(\n  props: PaginationProps,\n): props is PaginationControlledProps {\n  return \"totalPages\" in props;\n}\n\nexport function Pagination(props: PaginationProps) {\n  if (isControlledProps(props)) {\n    const { page, totalPages, onPageChange, previousLabel, nextLabel, className } = props;\n    if (totalPages <= 1) return null;\n    return (\n      <nav aria-label=\"Page navigation\" className={clsx(className, \"pagination\")}>\n        <PaginationPrevious isDisabled={page <= 1} onPress={() => onPageChange(Math.max(1, page - 1))}>\n          {previousLabel}\n        </PaginationPrevious>\n        <PaginationList>\n          {buildPaginationPages(page, totalPages).map((p, i) =>\n            p === \"...\" ? (\n              <PaginationGap key={`gap-${i}`} />\n            ) : (\n              <PaginationPage key={p} current={p === page} onPress={() => onPageChange(p)}>\n                {String(p)}\n              </PaginationPage>\n            ),\n          )}\n        </PaginationList>\n        <PaginationNext isDisabled={page >= totalPages} onPress={() => onPageChange(Math.min(totalPages, page + 1))}>\n          {nextLabel}\n        </PaginationNext>\n      </nav>\n    );\n  }\n  const { \"aria-label\": ariaLabel = \"Page navigation\", className, ...rest } = props;\n  return <nav aria-label={ariaLabel} {...rest} className={clsx(className, \"pagination\")} />;\n}\n\nexport function PaginationPrevious({\n  href = null,\n  onPress,\n  isDisabled = false,\n  children = \"Previous\",\n}: {\n  href?: string | null;\n  onPress?: () => void;\n  isDisabled?: boolean;\n  children?: React.ReactNode;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href !== null ? { href } : {})}\n      onPress={onPress}\n      isDisabled={isDisabled || (href === null && !onPress)}\n      className={clsx(\"pagination-btn\", \"pagination-nav\")}\n      aria-label=\"Previous page\"\n    >\n      <IconArrowLeft size=\"16\" />\n      {children}\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationNext({\n  href = null,\n  onPress,\n  isDisabled = false,\n  children = \"Next\",\n}: {\n  href?: string | null;\n  onPress?: () => void;\n  isDisabled?: boolean;\n  children?: React.ReactNode;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href !== null ? { href } : {})}\n      onPress={onPress}\n      isDisabled={isDisabled || (href === null && !onPress)}\n      className={clsx(\"pagination-btn\", \"pagination-nav\")}\n      aria-label=\"Next page\"\n    >\n      {children}\n      <IconArrowRight size=\"16\" />\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationList({ children }: { children: React.ReactNode }) {\n  const { isTabletUp } = useMediaQuery();\n  return isTabletUp && <span className=\"pagination-list\">{children}</span>;\n}\n\nexport function PaginationPage({\n  href,\n  onPress,\n  children,\n  current = false,\n}: {\n  href?: string;\n  onPress?: () => void;\n  children: string;\n  current?: boolean;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href ? { href } : {})}\n      onPress={onPress}\n      aria-label={`Page ${children}`}\n      aria-current={current ? \"page\" : undefined}\n      className={clsx(\"pagination-btn\", current && \"pagination-btn-active\")}\n    >\n      {children}\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationGap() {\n  return (\n    <div aria-hidden=\"true\" className=\"pagination-gap\">\n      &hellip;\n    </div>\n  );\n}\n\nexport function buildPaginationPages(current: number, total: number): Array<number | \"...\"> {\n  if (total <= 6) return Array.from({ length: total }, (_, i) => i + 1);\n  const head = [1, 2, 3];\n  const tail = [total - 1, total];\n  if (current <= 4) return [...head, \"...\", ...tail];\n  if (current >= total - 3) return [1, 2, \"...\", total - 2, total - 1, total];\n  return [1, \"...\", current - 1, current, current + 1, \"...\", total];\n}\n"],"names":["isControlledProps","props","Pagination","page","totalPages","onPageChange","previousLabel","nextLabel","className","jsxs","clsx","jsx","PaginationPrevious","PaginationList","buildPaginationPages","p","i","PaginationGap","PaginationPage","PaginationNext","ariaLabel","rest","href","onPress","isDisabled","children","AnchorOrButton","IconArrowLeft","IconArrowRight","isTabletUp","useMediaQuery","current","total","_","head","tail"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../../../../src/ui/primitives/Pagination/Pagination.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMediaQuery } from \"hooks\";\nimport { IconArrowLeft, IconArrowRight } from \"icons\";\nimport type React from \"react\";\nimport { AnchorOrButton } from \"utils\";\nimport \"./pagination.css\";\n\nexport type PaginationManualProps = React.ComponentPropsWithoutRef<\"nav\">;\n\nexport type PaginationControlledProps = {\n  page: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  previousLabel: string;\n  nextLabel: string;\n  className?: string;\n};\n\nexport type PaginationProps = PaginationManualProps | PaginationControlledProps;\n\nfunction isControlledProps(\n  props: PaginationProps,\n): props is PaginationControlledProps {\n  return \"totalPages\" in props;\n}\n\nexport function Pagination(props: PaginationProps) {\n  if (isControlledProps(props)) {\n    const { page, totalPages, onPageChange, previousLabel, nextLabel, className } = props;\n    if (totalPages <= 1) return null;\n    return (\n      <nav aria-label=\"Page navigation\" className={clsx(className, \"pagination\")}>\n        <PaginationPrevious isDisabled={page <= 1} onPress={() => onPageChange(Math.max(1, page - 1))}>\n          {previousLabel}\n        </PaginationPrevious>\n        <PaginationList>\n          {buildPaginationPages(page, totalPages).map((p, i) =>\n            p === \"...\" ? (\n              <PaginationGap key={`gap-${i}`} />\n            ) : (\n              <PaginationPage key={p} current={p === page} onPress={() => onPageChange(p)}>\n                {String(p)}\n              </PaginationPage>\n            ),\n          )}\n        </PaginationList>\n        <PaginationNext isDisabled={page >= totalPages} onPress={() => onPageChange(Math.min(totalPages, page + 1))}>\n          {nextLabel}\n        </PaginationNext>\n      </nav>\n    );\n  }\n  const { \"aria-label\": ariaLabel = \"Page navigation\", className, ...rest } = props;\n  return <nav aria-label={ariaLabel} {...rest} className={clsx(className, \"pagination\")} />;\n}\n\nexport function PaginationPrevious({\n  href = null,\n  onPress,\n  isDisabled = false,\n  children = \"Previous\",\n}: {\n  href?: string | null;\n  onPress?: () => void;\n  isDisabled?: boolean;\n  children?: React.ReactNode;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href !== null ? { href } : {})}\n      onPress={onPress}\n      isDisabled={isDisabled || (href === null && !onPress)}\n      className={clsx(\"pagination-btn\", \"pagination-nav\")}\n      aria-label=\"Previous page\"\n    >\n      <IconArrowLeft size=\"16\" />\n      {children}\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationNext({\n  href = null,\n  onPress,\n  isDisabled = false,\n  children = \"Next\",\n}: {\n  href?: string | null;\n  onPress?: () => void;\n  isDisabled?: boolean;\n  children?: React.ReactNode;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href !== null ? { href } : {})}\n      onPress={onPress}\n      isDisabled={isDisabled || (href === null && !onPress)}\n      className={clsx(\"pagination-btn\", \"pagination-nav\")}\n      aria-label=\"Next page\"\n    >\n      {children}\n      <IconArrowRight size=\"16\" />\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationList({ children }: { children: React.ReactNode }) {\n  const { isTabletUp } = useMediaQuery();\n  return isTabletUp && <span className=\"pagination-list\">{children}</span>;\n}\n\nexport function PaginationPage({\n  href,\n  onPress,\n  children,\n  current = false,\n}: {\n  href?: string;\n  onPress?: () => void;\n  children: string;\n  current?: boolean;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href ? { href } : {})}\n      onPress={onPress}\n      aria-label={`Page ${children}`}\n      aria-current={current ? \"page\" : undefined}\n      className={clsx(\"pagination-btn\", current && \"pagination-btn-active\")}\n    >\n      {children}\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationGap() {\n  return (\n    <div aria-hidden=\"true\" className=\"pagination-gap\">\n      &hellip;\n    </div>\n  );\n}\n\n// eslint-disable-next-line react-refresh/only-export-components -- utilitário reaproveitado fora deste arquivo, não é um componente\nexport function buildPaginationPages(current: number, total: number): Array<number | \"...\"> {\n  if (total <= 6) return Array.from({ length: total }, (_, i) => i + 1);\n  const head = [1, 2, 3];\n  const tail = [total - 1, total];\n  if (current <= 4) return [...head, \"...\", ...tail];\n  if (current >= total - 3) return [1, 2, \"...\", total - 2, total - 1, total];\n  return [1, \"...\", current - 1, current, current + 1, \"...\", total];\n}\n"],"names":["isControlledProps","props","Pagination","page","totalPages","onPageChange","previousLabel","nextLabel","className","jsxs","clsx","jsx","PaginationPrevious","PaginationList","buildPaginationPages","p","i","PaginationGap","PaginationPage","PaginationNext","ariaLabel","rest","href","onPress","isDisabled","children","AnchorOrButton","IconArrowLeft","IconArrowRight","isTabletUp","useMediaQuery","current","total","_","head","tail"],"mappings":"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"}

package/dist/lib/ui/primitives/Tab/Tab.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("../../../vendor/clsx/dist/clsx.cjs"),c=require("react-aria-components");;/* empty css          */function r({className:s,...a}){const e=n.clsx(s,"tab");return t.jsx(c.Tab,{className:e,...a})}function l({className:s,...a}){const e=n.clsx(s,"tab-list");return t.jsx(c.TabList,{className:e,...a})}function b({className:s,...a}){const e=n.clsx(s,"tab-panel");return t.jsx(c.TabPanel,{className:e,...a})}function i({className:s,...a}){const e=n.clsx(s,"tabs");return t.jsx(c.Tabs,{className:e,...a})}exports.Tab=r;exports.TabList=l;exports.TabPanel=b;exports.Tabs=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("../../../vendor/clsx/dist/clsx.cjs"),n=require("react-aria-components");;/* empty css          */const i=require("../../icons/IconX.cjs");function o({className:e,children:a,onClose:t,closeButtonLabel:l,...r}){const b=c.clsx(e,"tab");return s.jsx(n.Tab,{className:b,"aria-label":a,...r,children:s.jsxs(s.Fragment,{children:[s.jsx("span",{className:"tab-label",children:a}),s.jsx(n.Button,{className:"tab-close","aria-label":l,onPress:t,children:s.jsx(i.IconX,{size:"16"})})]})})}function u({className:e,...a}){const t=c.clsx(e,"tab-list");return s.jsx(n.TabList,{className:t,...a})}function m({className:e,...a}){const t=c.clsx(e,"tab-panel");return s.jsx(n.TabPanel,{className:t,...a})}function x({className:e,...a}){const t=c.clsx(e,"tabs");return s.jsx(n.Tabs,{className:t,...a})}exports.Tab=o;exports.TabList=u;exports.TabPanel=m;exports.Tabs=x;
 //# sourceMappingURL=Tab.cjs.map

package/dist/lib/ui/primitives/Tab/Tab.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.cjs","sources":["../../../../../src/ui/primitives/Tab/Tab.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n  Tab as RACTab,\n  TabList as RACTabList,\n  TabPanel as RACTabPanel,\n  Tabs as RACTabs,\n  type TabListProps as RACTabListProps,\n  type TabPanelProps as RACTabPanelProps,\n  type TabProps as RACTabProps,\n  type TabsProps as RACTabsProps,\n} from \"react-aria-components\";\nimport \"./tab.css\";\n\nexport type TabProps = RACTabProps;\nexport function Tab({ className, ...props }: TabProps) {\n  const classNames = clsx(className, \"tab\");\n  return <RACTab className={classNames} {...props} />;\n}\n\nexport type TabListProps<T> = RACTabListProps<T>;\nexport function TabList<T extends object>({\n  className,\n  ...props\n}: TabListProps<T>) {\n  const classNames = clsx(className, \"tab-list\");\n  return <RACTabList className={classNames} {...props} />;\n}\n\nexport type TabPanelProps = RACTabPanelProps;\nexport function TabPanel({ className, ...props }: TabPanelProps) {\n  const classNames = clsx(className, \"tab-panel\");\n  return <RACTabPanel className={classNames} {...props} />;\n}\n\nexport type TabsProps = RACTabsProps;\nexport function Tabs({ className, ...props }: TabsProps) {\n  const classNames = clsx(className, \"tabs\");\n  return <RACTabs className={classNames} {...props} />;\n}\n"],"names":["Tab","className","props","classNames","clsx","jsx","RACTab","TabList","RACTabList","TabPanel","RACTabPanel","Tabs","RACTabs"],"mappings":"iOAcO,SAASA,EAAI,CAAE,UAAAC,EAAW,GAAGC,GAAmB,CACrD,MAAMC,EAAaC,EAAAA,KAAKH,EAAW,KAAK,EACxC,OAAOI,EAAAA,IAACC,EAAAA,IAAA,CAAO,UAAWH,EAAa,GAAGD,EAAO,CACnD,CAGO,SAASK,EAA0B,CACxC,UAAAN,EACA,GAAGC,CACL,EAAoB,CAClB,MAAMC,EAAaC,EAAAA,KAAKH,EAAW,UAAU,EAC7C,OAAOI,EAAAA,IAACG,EAAAA,QAAA,CAAW,UAAWL,EAAa,GAAGD,EAAO,CACvD,CAGO,SAASO,EAAS,CAAE,UAAAR,EAAW,GAAGC,GAAwB,CAC/D,MAAMC,EAAaC,EAAAA,KAAKH,EAAW,WAAW,EAC9C,OAAOI,EAAAA,IAACK,EAAAA,SAAA,CAAY,UAAWP,EAAa,GAAGD,EAAO,CACxD,CAGO,SAASS,EAAK,CAAE,UAAAV,EAAW,GAAGC,GAAoB,CACvD,MAAMC,EAAaC,EAAAA,KAAKH,EAAW,MAAM,EACzC,OAAOI,EAAAA,IAACO,EAAAA,KAAA,CAAQ,UAAWT,EAAa,GAAGD,EAAO,CACpD"}
+{"version":3,"file":"Tab.cjs","sources":["../../../../../src/ui/primitives/Tab/Tab.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconX } from \"icons\";\nimport {\n  Button as RACButton,\n  Tab as RACTab,\n  TabList as RACTabList,\n  TabPanel as RACTabPanel,\n  Tabs as RACTabs,\n  type PressEvent as RACPressEvent,\n  type TabListProps as RACTabListProps,\n  type TabPanelProps as RACTabPanelProps,\n  type TabProps as RACTabProps,\n  type TabsProps as RACTabsProps,\n} from \"react-aria-components\";\nimport \"./tab.css\";\n\nexport type TabProps = Omit<RACTabProps, \"children\"> & {\n  children: string;\n  onClose: (e: RACPressEvent) => void;\n  closeButtonLabel: string;\n};\nexport function Tab({\n  className,\n  children,\n  onClose,\n  closeButtonLabel,\n  ...props\n}: TabProps) {\n  const classNames = clsx(className, \"tab\");\n  return (\n    <RACTab className={classNames} aria-label={children} {...props}>\n      <>\n        <span className=\"tab-label\">{children}</span>\n        <RACButton\n          className=\"tab-close\"\n          aria-label={closeButtonLabel}\n          onPress={onClose}\n        >\n          <IconX size=\"16\" />\n        </RACButton>\n      </>\n    </RACTab>\n  );\n}\n\nexport type TabListProps<T> = RACTabListProps<T>;\nexport function TabList<T extends object>({\n  className,\n  ...props\n}: TabListProps<T>) {\n  const classNames = clsx(className, \"tab-list\");\n  return <RACTabList className={classNames} {...props} />;\n}\n\nexport type TabPanelProps = RACTabPanelProps;\nexport function TabPanel({ className, ...props }: TabPanelProps) {\n  const classNames = clsx(className, \"tab-panel\");\n  return <RACTabPanel className={classNames} {...props} />;\n}\n\nexport type TabsProps = RACTabsProps;\nexport function Tabs({ className, ...props }: TabsProps) {\n  const classNames = clsx(className, \"tabs\");\n  return <RACTabs className={classNames} {...props} />;\n}\n"],"names":["Tab","className","children","onClose","closeButtonLabel","props","classNames","clsx","jsx","RACTab","jsxs","Fragment","RACButton","IconX","TabList","RACTabList","TabPanel","RACTabPanel","Tabs","RACTabs"],"mappings":"0QAqBO,SAASA,EAAI,CAClB,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,GAAGC,CACL,EAAa,CACX,MAAMC,EAAaC,EAAAA,KAAKN,EAAW,KAAK,EACxC,OACEO,EAAAA,IAACC,EAAAA,KAAO,UAAWH,EAAY,aAAYJ,EAAW,GAAGG,EACvD,SAAAK,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,IAAC,OAAA,CAAK,UAAU,YAAa,SAAAN,CAAA,CAAS,EACtCM,EAAAA,IAACI,EAAAA,OAAA,CACC,UAAU,YACV,aAAYR,EACZ,QAASD,EAET,SAAAK,EAAAA,IAACK,EAAAA,MAAA,CAAM,KAAK,IAAA,CAAK,CAAA,CAAA,CACnB,CAAA,CACF,CAAA,CACF,CAEJ,CAGO,SAASC,EAA0B,CACxC,UAAAb,EACA,GAAGI,CACL,EAAoB,CAClB,MAAMC,EAAaC,EAAAA,KAAKN,EAAW,UAAU,EAC7C,OAAOO,EAAAA,IAACO,EAAAA,QAAA,CAAW,UAAWT,EAAa,GAAGD,EAAO,CACvD,CAGO,SAASW,EAAS,CAAE,UAAAf,EAAW,GAAGI,GAAwB,CAC/D,MAAMC,EAAaC,EAAAA,KAAKN,EAAW,WAAW,EAC9C,OAAOO,EAAAA,IAACS,EAAAA,SAAA,CAAY,UAAWX,EAAa,GAAGD,EAAO,CACxD,CAGO,SAASa,EAAK,CAAE,UAAAjB,EAAW,GAAGI,GAAoB,CACvD,MAAMC,EAAaC,EAAAA,KAAKN,EAAW,MAAM,EACzC,OAAOO,EAAAA,IAACW,EAAAA,KAAA,CAAQ,UAAWb,EAAa,GAAGD,EAAO,CACpD"}

package/dist/lib/ui/primitives/Tab/Tab.js

@@ -1,30 +1,48 @@
-import { jsx as n } from "react/jsx-runtime";
-import { clsx as c } from "../../../vendor/clsx/dist/clsx.js";
-import { Tab as e, TabList as b, TabPanel as o, Tabs as r } from "react-aria-components";
+import { jsx as e, jsxs as o, Fragment as b } from "react/jsx-runtime";
+import { clsx as n } from "../../../vendor/clsx/dist/clsx.js";
+import { Tab as m, Button as i, TabList as T, TabPanel as N, Tabs as u } from "react-aria-components";
 /* empty css        */
-function u({ className: a, ...s }) {
-  const t = c(a, "tab");
-  return /* @__PURE__ */ n(e, { className: t, ...s });
+import { IconX as f } from "../../icons/IconX.js";
+function d({
+  className: s,
+  children: a,
+  onClose: t,
+  closeButtonLabel: l,
+  ...r
+}) {
+  const c = n(s, "tab");
+  return /* @__PURE__ */ e(m, { className: c, "aria-label": a, ...r, children: /* @__PURE__ */ o(b, { children: [
+    /* @__PURE__ */ e("span", { className: "tab-label", children: a }),
+    /* @__PURE__ */ e(
+      i,
+      {
+        className: "tab-close",
+        "aria-label": l,
+        onPress: t,
+        children: /* @__PURE__ */ e(f, { size: "16" })
+      }
+    )
+  ] }) });
 }
-function N({
-  className: a,
-  ...s
+function h({
+  className: s,
+  ...a
 }) {
-  const t = c(a, "tab-list");
-  return /* @__PURE__ */ n(b, { className: t, ...s });
+  const t = n(s, "tab-list");
+  return /* @__PURE__ */ e(T, { className: t, ...a });
 }
-function f({ className: a, ...s }) {
-  const t = c(a, "tab-panel");
-  return /* @__PURE__ */ n(o, { className: t, ...s });
+function j({ className: s, ...a }) {
+  const t = n(s, "tab-panel");
+  return /* @__PURE__ */ e(N, { className: t, ...a });
 }
-function p({ className: a, ...s }) {
-  const t = c(a, "tabs");
-  return /* @__PURE__ */ n(r, { className: t, ...s });
+function g({ className: s, ...a }) {
+  const t = n(s, "tabs");
+  return /* @__PURE__ */ e(u, { className: t, ...a });
 }
 export {
-  u as Tab,
-  N as TabList,
-  f as TabPanel,
-  p as Tabs
+  d as Tab,
+  h as TabList,
+  j as TabPanel,
+  g as Tabs
 };
 //# sourceMappingURL=Tab.js.map

package/dist/lib/ui/primitives/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sources":["../../../../../src/ui/primitives/Tab/Tab.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n  Tab as RACTab,\n  TabList as RACTabList,\n  TabPanel as RACTabPanel,\n  Tabs as RACTabs,\n  type TabListProps as RACTabListProps,\n  type TabPanelProps as RACTabPanelProps,\n  type TabProps as RACTabProps,\n  type TabsProps as RACTabsProps,\n} from \"react-aria-components\";\nimport \"./tab.css\";\n\nexport type TabProps = RACTabProps;\nexport function Tab({ className, ...props }: TabProps) {\n  const classNames = clsx(className, \"tab\");\n  return <RACTab className={classNames} {...props} />;\n}\n\nexport type TabListProps<T> = RACTabListProps<T>;\nexport function TabList<T extends object>({\n  className,\n  ...props\n}: TabListProps<T>) {\n  const classNames = clsx(className, \"tab-list\");\n  return <RACTabList className={classNames} {...props} />;\n}\n\nexport type TabPanelProps = RACTabPanelProps;\nexport function TabPanel({ className, ...props }: TabPanelProps) {\n  const classNames = clsx(className, \"tab-panel\");\n  return <RACTabPanel className={classNames} {...props} />;\n}\n\nexport type TabsProps = RACTabsProps;\nexport function Tabs({ className, ...props }: TabsProps) {\n  const classNames = clsx(className, \"tabs\");\n  return <RACTabs className={classNames} {...props} />;\n}\n"],"names":["Tab","className","props","classNames","clsx","jsx","RACTab","TabList","RACTabList","TabPanel","RACTabPanel","Tabs","RACTabs"],"mappings":";;;;AAcO,SAASA,EAAI,EAAE,WAAAC,GAAW,GAAGC,KAAmB;AACrD,QAAMC,IAAaC,EAAKH,GAAW,KAAK;AACxC,SAAO,gBAAAI,EAACC,GAAA,EAAO,WAAWH,GAAa,GAAGD,GAAO;AACnD;AAGO,SAASK,EAA0B;AAAA,EACxC,WAAAN;AAAA,EACA,GAAGC;AACL,GAAoB;AAClB,QAAMC,IAAaC,EAAKH,GAAW,UAAU;AAC7C,SAAO,gBAAAI,EAACG,GAAA,EAAW,WAAWL,GAAa,GAAGD,GAAO;AACvD;AAGO,SAASO,EAAS,EAAE,WAAAR,GAAW,GAAGC,KAAwB;AAC/D,QAAMC,IAAaC,EAAKH,GAAW,WAAW;AAC9C,SAAO,gBAAAI,EAACK,GAAA,EAAY,WAAWP,GAAa,GAAGD,GAAO;AACxD;AAGO,SAASS,EAAK,EAAE,WAAAV,GAAW,GAAGC,KAAoB;AACvD,QAAMC,IAAaC,EAAKH,GAAW,MAAM;AACzC,SAAO,gBAAAI,EAACO,GAAA,EAAQ,WAAWT,GAAa,GAAGD,GAAO;AACpD;"}
+{"version":3,"file":"Tab.js","sources":["../../../../../src/ui/primitives/Tab/Tab.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconX } from \"icons\";\nimport {\n  Button as RACButton,\n  Tab as RACTab,\n  TabList as RACTabList,\n  TabPanel as RACTabPanel,\n  Tabs as RACTabs,\n  type PressEvent as RACPressEvent,\n  type TabListProps as RACTabListProps,\n  type TabPanelProps as RACTabPanelProps,\n  type TabProps as RACTabProps,\n  type TabsProps as RACTabsProps,\n} from \"react-aria-components\";\nimport \"./tab.css\";\n\nexport type TabProps = Omit<RACTabProps, \"children\"> & {\n  children: string;\n  onClose: (e: RACPressEvent) => void;\n  closeButtonLabel: string;\n};\nexport function Tab({\n  className,\n  children,\n  onClose,\n  closeButtonLabel,\n  ...props\n}: TabProps) {\n  const classNames = clsx(className, \"tab\");\n  return (\n    <RACTab className={classNames} aria-label={children} {...props}>\n      <>\n        <span className=\"tab-label\">{children}</span>\n        <RACButton\n          className=\"tab-close\"\n          aria-label={closeButtonLabel}\n          onPress={onClose}\n        >\n          <IconX size=\"16\" />\n        </RACButton>\n      </>\n    </RACTab>\n  );\n}\n\nexport type TabListProps<T> = RACTabListProps<T>;\nexport function TabList<T extends object>({\n  className,\n  ...props\n}: TabListProps<T>) {\n  const classNames = clsx(className, \"tab-list\");\n  return <RACTabList className={classNames} {...props} />;\n}\n\nexport type TabPanelProps = RACTabPanelProps;\nexport function TabPanel({ className, ...props }: TabPanelProps) {\n  const classNames = clsx(className, \"tab-panel\");\n  return <RACTabPanel className={classNames} {...props} />;\n}\n\nexport type TabsProps = RACTabsProps;\nexport function Tabs({ className, ...props }: TabsProps) {\n  const classNames = clsx(className, \"tabs\");\n  return <RACTabs className={classNames} {...props} />;\n}\n"],"names":["Tab","className","children","onClose","closeButtonLabel","props","classNames","clsx","jsx","RACTab","jsxs","Fragment","RACButton","IconX","TabList","RACTabList","TabPanel","RACTabPanel","Tabs","RACTabs"],"mappings":";;;;;AAqBO,SAASA,EAAI;AAAA,EAClB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,GAAGC;AACL,GAAa;AACX,QAAMC,IAAaC,EAAKN,GAAW,KAAK;AACxC,SACE,gBAAAO,EAACC,KAAO,WAAWH,GAAY,cAAYJ,GAAW,GAAGG,GACvD,UAAA,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAH,EAAC,QAAA,EAAK,WAAU,aAAa,UAAAN,EAAA,CAAS;AAAA,IACtC,gBAAAM;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,cAAYR;AAAA,QACZ,SAASD;AAAA,QAET,UAAA,gBAAAK,EAACK,GAAA,EAAM,MAAK,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,EAAA,CACF,EAAA,CACF;AAEJ;AAGO,SAASC,EAA0B;AAAA,EACxC,WAAAb;AAAA,EACA,GAAGI;AACL,GAAoB;AAClB,QAAMC,IAAaC,EAAKN,GAAW,UAAU;AAC7C,SAAO,gBAAAO,EAACO,GAAA,EAAW,WAAWT,GAAa,GAAGD,GAAO;AACvD;AAGO,SAASW,EAAS,EAAE,WAAAf,GAAW,GAAGI,KAAwB;AAC/D,QAAMC,IAAaC,EAAKN,GAAW,WAAW;AAC9C,SAAO,gBAAAO,EAACS,GAAA,EAAY,WAAWX,GAAa,GAAGD,GAAO;AACxD;AAGO,SAASa,EAAK,EAAE,WAAAjB,GAAW,GAAGI,KAAoB;AACvD,QAAMC,IAAaC,EAAKN,GAAW,MAAM;AACzC,SAAO,gBAAAO,EAACW,GAAA,EAAQ,WAAWb,GAAa,GAAGD,GAAO;AACpD;"}

package/dist/lib/ui/primitives/Toast/Toast.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.cjs","sources":["../../../../../src/ui/primitives/Toast/Toast.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n  IconAlertTriangle,\n  IconCheckCircle,\n  IconInfo,\n  IconXCircle,\n} from \"icons\";\nimport {\n  ToastContainer as RTToastContainer,\n  type IconProps as RTIconProps,\n  type ToastContainerProps as RTToastContainerProps,\n} from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport \"./toast.css\";\n\n// Re-export the full react-toastify imperative API so consumers get everything\n// (toast.success/error/..., toast.promise, toast.update, dismiss, etc.) from a\n// single design-system entry point.\nexport { toast } from \"react-toastify\";\nexport type {\n  Id,\n  Theme,\n  ToastContent,\n  ToastOptions,\n  ToastPosition,\n  TypeOptions,\n} from \"react-toastify\";\n\n/**\n * Maps each react-toastify toast type to the matching design-system icon.\n * Icons inherit the toast's text color via `--icon-color: currentColor`\n * (see toast.css), so they stay on-brand per variant. Returning `null` for\n * the `default` type hides the icon slot for plain toasts.\n */\nfunction dsToastIcon({ type }: RTIconProps): React.ReactNode {\n  switch (type) {\n    case \"success\":\n      return <IconCheckCircle size=\"20\" />;\n    case \"error\":\n      return <IconXCircle size=\"20\" />;\n    case \"warning\":\n      return <IconAlertTriangle size=\"20\" />;\n    case \"info\":\n      return <IconInfo size=\"20\" />;\n    default:\n      return null;\n  }\n}\n\nexport type ToastContainerProps = RTToastContainerProps;\n\n/**\n * Design-system-themed react-toastify container. Styling is applied by mapping\n * `--toastify-*` variables onto `--sds-*` tokens in toast.css (scoped to the\n * `.apipass-toast-container` class added here), so toasts read as the same\n * family as the `Notification` primitive.\n *\n * Mount this once inside your app/MFE root. For shadow-root micro-frontends,\n * mount it inside the federated module root (not the Angular Shell) so toasts\n * render inside the shadow tree where the injected design-system CSS applies.\n */\nexport function ToastContainer({\n  className,\n  position = \"top-right\",\n  autoClose = 5000,\n  theme = \"colored\",\n  icon = dsToastIcon,\n  ...props\n}: ToastContainerProps) {\n  return (\n    <RTToastContainer\n      className={clsx(\n        \"apipass-toast-container\",\n        typeof className === \"string\" ? className : undefined,\n      )}\n      position={position}\n      autoClose={autoClose}\n      theme={theme}\n      icon={icon}\n      {...props}\n    />\n  );\n}\n"],"names":["dsToastIcon","type","jsx","IconCheckCircle","IconXCircle","IconAlertTriangle","IconInfo","ToastContainer","className","position","autoClose","theme","icon","props","RTToastContainer","clsx"],"mappings":"ifAkCA,SAASA,EAAY,CAAE,KAAAC,GAAsC,CAC3D,OAAQA,EAAA,CACN,IAAK,UACH,OAAOC,EAAAA,IAACC,EAAAA,gBAAA,CAAgB,KAAK,IAAA,CAAK,EACpC,IAAK,QACH,OAAOD,EAAAA,IAACE,EAAAA,YAAA,CAAY,KAAK,IAAA,CAAK,EAChC,IAAK,UACH,OAAOF,EAAAA,IAACG,EAAAA,kBAAA,CAAkB,KAAK,IAAA,CAAK,EACtC,IAAK,OACH,OAAOH,EAAAA,IAACI,EAAAA,SAAA,CAAS,KAAK,IAAA,CAAK,EAC7B,QACE,OAAO,IAAA,CAEb,CAcO,SAASC,EAAe,CAC7B,UAAAC,EACA,SAAAC,EAAW,YACX,UAAAC,EAAY,IACZ,MAAAC,EAAQ,UACR,KAAAC,EAAOZ,EACP,GAAGa,CACL,EAAwB,CACtB,OACEX,EAAAA,IAACY,EAAAA,eAAA,CACC,UAAWC,EAAAA,KACT,0BACA,OAAOP,GAAc,SAAWA,EAAY,MAAA,EAE9C,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,KAAAC,EACC,GAAGC,CAAA,CAAA,CAGV"}
+{"version":3,"file":"Toast.cjs","sources":["../../../../../src/ui/primitives/Toast/Toast.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n  IconAlertTriangle,\n  IconCheckCircle,\n  IconInfo,\n  IconXCircle,\n} from \"icons\";\nimport {\n  ToastContainer as RTToastContainer,\n  type IconProps as RTIconProps,\n  type ToastContainerProps as RTToastContainerProps,\n} from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport \"./toast.css\";\n\n// Re-export the full react-toastify imperative API so consumers get everything\n// (toast.success/error/..., toast.promise, toast.update, dismiss, etc.) from a\n// single design-system entry point.\n// eslint-disable-next-line react-refresh/only-export-components -- re-export de API imperativa, não é um componente\nexport { toast } from \"react-toastify\";\nexport type {\n  Id,\n  Theme,\n  ToastContent,\n  ToastOptions,\n  ToastPosition,\n  TypeOptions,\n} from \"react-toastify\";\n\n/**\n * Maps each react-toastify toast type to the matching design-system icon.\n * Icons inherit the toast's text color via `--icon-color: currentColor`\n * (see toast.css), so they stay on-brand per variant. Returning `null` for\n * the `default` type hides the icon slot for plain toasts.\n */\nfunction dsToastIcon({ type }: RTIconProps): React.ReactNode {\n  switch (type) {\n    case \"success\":\n      return <IconCheckCircle size=\"20\" />;\n    case \"error\":\n      return <IconXCircle size=\"20\" />;\n    case \"warning\":\n      return <IconAlertTriangle size=\"20\" />;\n    case \"info\":\n      return <IconInfo size=\"20\" />;\n    default:\n      return null;\n  }\n}\n\nexport type ToastContainerProps = RTToastContainerProps;\n\n/**\n * Design-system-themed react-toastify container. Styling is applied by mapping\n * `--toastify-*` variables onto `--sds-*` tokens in toast.css (scoped to the\n * `.apipass-toast-container` class added here), so toasts read as the same\n * family as the `Notification` primitive.\n *\n * Mount this once inside your app/MFE root. For shadow-root micro-frontends,\n * mount it inside the federated module root (not the Angular Shell) so toasts\n * render inside the shadow tree where the injected design-system CSS applies.\n */\nexport function ToastContainer({\n  className,\n  position = \"top-right\",\n  autoClose = 5000,\n  theme = \"colored\",\n  icon = dsToastIcon,\n  ...props\n}: ToastContainerProps) {\n  return (\n    <RTToastContainer\n      className={clsx(\n        \"apipass-toast-container\",\n        typeof className === \"string\" ? className : undefined,\n      )}\n      position={position}\n      autoClose={autoClose}\n      theme={theme}\n      icon={icon}\n      {...props}\n    />\n  );\n}\n"],"names":["dsToastIcon","type","jsx","IconCheckCircle","IconXCircle","IconAlertTriangle","IconInfo","ToastContainer","className","position","autoClose","theme","icon","props","RTToastContainer","clsx"],"mappings":"ifAmCA,SAASA,EAAY,CAAE,KAAAC,GAAsC,CAC3D,OAAQA,EAAA,CACN,IAAK,UACH,OAAOC,EAAAA,IAACC,EAAAA,gBAAA,CAAgB,KAAK,IAAA,CAAK,EACpC,IAAK,QACH,OAAOD,EAAAA,IAACE,EAAAA,YAAA,CAAY,KAAK,IAAA,CAAK,EAChC,IAAK,UACH,OAAOF,EAAAA,IAACG,EAAAA,kBAAA,CAAkB,KAAK,IAAA,CAAK,EACtC,IAAK,OACH,OAAOH,EAAAA,IAACI,EAAAA,SAAA,CAAS,KAAK,IAAA,CAAK,EAC7B,QACE,OAAO,IAAA,CAEb,CAcO,SAASC,EAAe,CAC7B,UAAAC,EACA,SAAAC,EAAW,YACX,UAAAC,EAAY,IACZ,MAAAC,EAAQ,UACR,KAAAC,EAAOZ,EACP,GAAGa,CACL,EAAwB,CACtB,OACEX,EAAAA,IAACY,EAAAA,eAAA,CACC,UAAWC,EAAAA,KACT,0BACA,OAAOP,GAAc,SAAWA,EAAY,MAAA,EAE9C,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,KAAAC,EACC,GAAGC,CAAA,CAAA,CAGV"}

package/dist/lib/ui/primitives/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../../../../../src/ui/primitives/Toast/Toast.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n  IconAlertTriangle,\n  IconCheckCircle,\n  IconInfo,\n  IconXCircle,\n} from \"icons\";\nimport {\n  ToastContainer as RTToastContainer,\n  type IconProps as RTIconProps,\n  type ToastContainerProps as RTToastContainerProps,\n} from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport \"./toast.css\";\n\n// Re-export the full react-toastify imperative API so consumers get everything\n// (toast.success/error/..., toast.promise, toast.update, dismiss, etc.) from a\n// single design-system entry point.\nexport { toast } from \"react-toastify\";\nexport type {\n  Id,\n  Theme,\n  ToastContent,\n  ToastOptions,\n  ToastPosition,\n  TypeOptions,\n} from \"react-toastify\";\n\n/**\n * Maps each react-toastify toast type to the matching design-system icon.\n * Icons inherit the toast's text color via `--icon-color: currentColor`\n * (see toast.css), so they stay on-brand per variant. Returning `null` for\n * the `default` type hides the icon slot for plain toasts.\n */\nfunction dsToastIcon({ type }: RTIconProps): React.ReactNode {\n  switch (type) {\n    case \"success\":\n      return <IconCheckCircle size=\"20\" />;\n    case \"error\":\n      return <IconXCircle size=\"20\" />;\n    case \"warning\":\n      return <IconAlertTriangle size=\"20\" />;\n    case \"info\":\n      return <IconInfo size=\"20\" />;\n    default:\n      return null;\n  }\n}\n\nexport type ToastContainerProps = RTToastContainerProps;\n\n/**\n * Design-system-themed react-toastify container. Styling is applied by mapping\n * `--toastify-*` variables onto `--sds-*` tokens in toast.css (scoped to the\n * `.apipass-toast-container` class added here), so toasts read as the same\n * family as the `Notification` primitive.\n *\n * Mount this once inside your app/MFE root. For shadow-root micro-frontends,\n * mount it inside the federated module root (not the Angular Shell) so toasts\n * render inside the shadow tree where the injected design-system CSS applies.\n */\nexport function ToastContainer({\n  className,\n  position = \"top-right\",\n  autoClose = 5000,\n  theme = \"colored\",\n  icon = dsToastIcon,\n  ...props\n}: ToastContainerProps) {\n  return (\n    <RTToastContainer\n      className={clsx(\n        \"apipass-toast-container\",\n        typeof className === \"string\" ? className : undefined,\n      )}\n      position={position}\n      autoClose={autoClose}\n      theme={theme}\n      icon={icon}\n      {...props}\n    />\n  );\n}\n"],"names":["dsToastIcon","type","jsx","IconCheckCircle","IconXCircle","IconAlertTriangle","IconInfo","ToastContainer","className","position","autoClose","theme","icon","props","RTToastContainer","clsx"],"mappings":";;;;;;;;;;AAkCA,SAASA,EAAY,EAAE,MAAAC,KAAsC;AAC3D,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO,gBAAAC,EAACC,GAAA,EAAgB,MAAK,KAAA,CAAK;AAAA,IACpC,KAAK;AACH,aAAO,gBAAAD,EAACE,GAAA,EAAY,MAAK,KAAA,CAAK;AAAA,IAChC,KAAK;AACH,aAAO,gBAAAF,EAACG,GAAA,EAAkB,MAAK,KAAA,CAAK;AAAA,IACtC,KAAK;AACH,aAAO,gBAAAH,EAACI,GAAA,EAAS,MAAK,KAAA,CAAK;AAAA,IAC7B;AACE,aAAO;AAAA,EAAA;AAEb;AAcO,SAASC,EAAe;AAAA,EAC7B,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAOZ;AAAA,EACP,GAAGa;AACL,GAAwB;AACtB,SACE,gBAAAX;AAAA,IAACY;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA,OAAOP,KAAc,WAAWA,IAAY;AAAA,MAAA;AAAA,MAE9C,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,OAAAC;AAAA,MACA,MAAAC;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"Toast.js","sources":["../../../../../src/ui/primitives/Toast/Toast.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n  IconAlertTriangle,\n  IconCheckCircle,\n  IconInfo,\n  IconXCircle,\n} from \"icons\";\nimport {\n  ToastContainer as RTToastContainer,\n  type IconProps as RTIconProps,\n  type ToastContainerProps as RTToastContainerProps,\n} from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport \"./toast.css\";\n\n// Re-export the full react-toastify imperative API so consumers get everything\n// (toast.success/error/..., toast.promise, toast.update, dismiss, etc.) from a\n// single design-system entry point.\n// eslint-disable-next-line react-refresh/only-export-components -- re-export de API imperativa, não é um componente\nexport { toast } from \"react-toastify\";\nexport type {\n  Id,\n  Theme,\n  ToastContent,\n  ToastOptions,\n  ToastPosition,\n  TypeOptions,\n} from \"react-toastify\";\n\n/**\n * Maps each react-toastify toast type to the matching design-system icon.\n * Icons inherit the toast's text color via `--icon-color: currentColor`\n * (see toast.css), so they stay on-brand per variant. Returning `null` for\n * the `default` type hides the icon slot for plain toasts.\n */\nfunction dsToastIcon({ type }: RTIconProps): React.ReactNode {\n  switch (type) {\n    case \"success\":\n      return <IconCheckCircle size=\"20\" />;\n    case \"error\":\n      return <IconXCircle size=\"20\" />;\n    case \"warning\":\n      return <IconAlertTriangle size=\"20\" />;\n    case \"info\":\n      return <IconInfo size=\"20\" />;\n    default:\n      return null;\n  }\n}\n\nexport type ToastContainerProps = RTToastContainerProps;\n\n/**\n * Design-system-themed react-toastify container. Styling is applied by mapping\n * `--toastify-*` variables onto `--sds-*` tokens in toast.css (scoped to the\n * `.apipass-toast-container` class added here), so toasts read as the same\n * family as the `Notification` primitive.\n *\n * Mount this once inside your app/MFE root. For shadow-root micro-frontends,\n * mount it inside the federated module root (not the Angular Shell) so toasts\n * render inside the shadow tree where the injected design-system CSS applies.\n */\nexport function ToastContainer({\n  className,\n  position = \"top-right\",\n  autoClose = 5000,\n  theme = \"colored\",\n  icon = dsToastIcon,\n  ...props\n}: ToastContainerProps) {\n  return (\n    <RTToastContainer\n      className={clsx(\n        \"apipass-toast-container\",\n        typeof className === \"string\" ? className : undefined,\n      )}\n      position={position}\n      autoClose={autoClose}\n      theme={theme}\n      icon={icon}\n      {...props}\n    />\n  );\n}\n"],"names":["dsToastIcon","type","jsx","IconCheckCircle","IconXCircle","IconAlertTriangle","IconInfo","ToastContainer","className","position","autoClose","theme","icon","props","RTToastContainer","clsx"],"mappings":";;;;;;;;;;AAmCA,SAASA,EAAY,EAAE,MAAAC,KAAsC;AAC3D,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO,gBAAAC,EAACC,GAAA,EAAgB,MAAK,KAAA,CAAK;AAAA,IACpC,KAAK;AACH,aAAO,gBAAAD,EAACE,GAAA,EAAY,MAAK,KAAA,CAAK;AAAA,IAChC,KAAK;AACH,aAAO,gBAAAF,EAACG,GAAA,EAAkB,MAAK,KAAA,CAAK;AAAA,IACtC,KAAK;AACH,aAAO,gBAAAH,EAACI,GAAA,EAAS,MAAK,KAAA,CAAK;AAAA,IAC7B;AACE,aAAO;AAAA,EAAA;AAEb;AAcO,SAASC,EAAe;AAAA,EAC7B,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAOZ;AAAA,EACP,GAAGa;AACL,GAAwB;AACtB,SACE,gBAAAX;AAAA,IAACY;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA,OAAOP,KAAc,WAAWA,IAAY;AAAA,MAAA;AAAA,MAE9C,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,OAAAC;AAAA,MACA,MAAAC;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/types/charts.index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ui/components/charts/chart-palette";
+export * from "./ui/components/charts/TimeSeriesChart/TimeSeriesChart";

package/dist/types/ui/components/KeyValue/KeyValue.d.ts

@@ -0,0 +1,16 @@
+import "./keyValue.css";
+export type KeyValuePair = {
+    key: string;
+    value: string;
+};
+export type KeyValueProps = {
+    pairs: KeyValuePair[];
+    onChange: (pairs: KeyValuePair[]) => void;
+    keyPlaceholder: string;
+    valuePlaceholder: string;
+    addRowButtonLabel: string;
+    removeRowButtonLabel: string;
+    isDisabled?: boolean;
+    className?: string;
+};
+export declare function KeyValue({ pairs, onChange, keyPlaceholder, valuePlaceholder, addRowButtonLabel, removeRowButtonLabel, isDisabled, className, }: KeyValueProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/ui/components/index.d.ts

@@ -1,10 +1,10 @@
 export * from "./Breadcrumb/Breadcrumb";
 export * from "./Card/Card";
 export * from "./charts/chart-palette";
-export * from "./charts/TimeSeriesChart/TimeSeriesChart";
 export * from "./ConfirmDialog/ConfirmDialog";
 export * from "./DataTable/DataTable";
 export * from "./FormModal/FormModal";
+export * from "./KeyValue/KeyValue";
 export * from "./PageHeader/PageHeader";
 export * from "./Sidebar/Sidebar";
 export * from "./Widget/Widget";

package/dist/types/ui/primitives/Navigation/Navigation.d.ts

@@ -5,10 +5,6 @@ export type NavigationProps = ComponentPropsWithoutRef<"nav"> & {
     direction?: "column" | "row";
 };
 export declare function Navigation({ className, direction, ...props }: NavigationProps): import("react/jsx-runtime").JSX.Element;
-export type NavigationPillProps = AnchorOrButtonProps & {
-    isSelected?: boolean;
-};
-export declare function NavigationPill({ className, isSelected, ...props }: NavigationPillProps): import("react/jsx-runtime").JSX.Element;
 export type NavigationButtonProps = AnchorOrButtonProps & {
     isSelected?: boolean;
     icon?: ReactNode;

package/dist/types/ui/primitives/NavigationPill/NavigationPill.d.ts

@@ -0,0 +1,10 @@
+import { type TabListProps as RACTabListProps, type TabPanelProps as RACTabPanelProps, type TabProps as RACTabProps, type TabsProps as RACTabsProps } from "react-aria-components";
+import "./navigationPill.css";
+export type NavigationPillProps = RACTabProps;
+export declare function NavigationPill({ className, ...props }: NavigationPillProps): import("react/jsx-runtime").JSX.Element;
+export type NavigationPillListProps<T> = RACTabListProps<T>;
+export declare function NavigationPillList<T extends object>({ className, ...props }: NavigationPillListProps<T>): import("react/jsx-runtime").JSX.Element;
+export type NavigationPillPanelProps = RACTabPanelProps;
+export declare function NavigationPillPanel({ className, ...props }: NavigationPillPanelProps): import("react/jsx-runtime").JSX.Element;
+export type NavigationPillsProps = RACTabsProps;
+export declare function NavigationPills({ className, ...props }: NavigationPillsProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/ui/primitives/Tab/Tab.d.ts

@@ -1,7 +1,11 @@
-import { type TabListProps as RACTabListProps, type TabPanelProps as RACTabPanelProps, type TabProps as RACTabProps, type TabsProps as RACTabsProps } from "react-aria-components";
+import { type PressEvent as RACPressEvent, type TabListProps as RACTabListProps, type TabPanelProps as RACTabPanelProps, type TabProps as RACTabProps, type TabsProps as RACTabsProps } from "react-aria-components";
 import "./tab.css";
-export type TabProps = RACTabProps;
-export declare function Tab({ className, ...props }: TabProps): import("react/jsx-runtime").JSX.Element;
+export type TabProps = Omit<RACTabProps, "children"> & {
+    children: string;
+    onClose: (e: RACPressEvent) => void;
+    closeButtonLabel: string;
+};
+export declare function Tab({ className, children, onClose, closeButtonLabel, ...props }: TabProps): import("react/jsx-runtime").JSX.Element;
 export type TabListProps<T> = RACTabListProps<T>;
 export declare function TabList<T extends object>({ className, ...props }: TabListProps<T>): import("react/jsx-runtime").JSX.Element;
 export type TabPanelProps = RACTabPanelProps;

package/dist/types/ui/primitives/index.d.ts

@@ -21,6 +21,7 @@ export * from "./ListBox/ListBox";
 export * from "./Logo/Logo";
 export * from "./Menu/Menu";
 export * from "./Navigation/Navigation";
+export * from "./NavigationPill/NavigationPill";
 export * from "./Notification/Notification";
 export * from "./Pagination/Pagination";
 export * from "./Radio/Radio";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apipass/design-system",
-  "version": "1.24.0",
+  "version": "3.0.0",
   "type": "module",
   "description": "APIPass React Design System",
   "sideEffects": [
@@ -21,6 +21,11 @@
       "import": "./dist/lib/lib.index.js",
       "require": "./dist/lib/lib.index.cjs"
     },
+    "./charts": {
+      "types": "./dist/types/charts.index.d.ts",
+      "import": "./dist/lib/charts.index.js",
+      "require": "./dist/lib/charts.index.cjs"
+    },
     "./style.css": "./dist/lib/style.css",
     "./embedded-styles": {
       "types": "./dist/lib/embedded-styles.d.ts",
@@ -37,6 +42,7 @@
     "app:build": "tsc && vite build",
     "app:lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "app:preview": "vite preview",
+    "storybook:install": "npm ci",
     "storybook": "storybook dev -p 6006 --no-open",
     "storybook:build": "storybook build --output-dir dist/storybook",
     "build": "npm run app:build; npm run storybook:build",