ods-ant 0.2.0 → 0.4.0

package/dist-lib/display/Descriptions.js

@@ -0,0 +1,186 @@
+import { dsSemanticTokens as e } from "../theme.js";
+import { Descriptions as t } from "antd";
+import { useEffect as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/ds/display/Descriptions.tsx
+var i = "ds-descriptions-styles", a = "ds-descriptions";
+function o(...e) {
+	return e.filter(Boolean).join(" ").trim();
+}
+function s(e) {
+	return e == null || e === "";
+}
+function c(e, t) {
+	return e && e.map((e) => ({
+		...e,
+		children: s(e.children) ? /* @__PURE__ */ r("span", {
+			className: "ds-descriptions-empty-value",
+			children: t
+		}) : e.children
+	}));
+}
+function l() {
+	if (typeof document > "u") return;
+	let { descriptions: t } = e, n = document.getElementById(i);
+	n || (n = document.createElement("style"), n.id = i, document.head.appendChild(n)), n.textContent = `
+    .${a}.ant-descriptions {
+      width: 100%;
+      color: ${t.text.value};
+      font-family: 'Nunito', sans-serif;
+      background: ${t.surface.default};
+    }
+
+    .${a}.ant-descriptions,
+    .${a}.ant-descriptions .ant-descriptions-view,
+    .${a}.ant-descriptions .ant-descriptions-row,
+    .${a}.ant-descriptions .ant-descriptions-item-label,
+    .${a}.ant-descriptions .ant-descriptions-item-content {
+      transition: none !important;
+      animation: none !important;
+    }
+
+    .${a}.ant-descriptions .ant-descriptions-title {
+      color: ${t.text.title};
+      font-size: ${t.typography.title.fontSize};
+      font-weight: ${t.typography.title.fontWeight};
+      line-height: ${t.typography.title.lineHeight};
+    }
+
+    .${a}.ant-descriptions .ant-descriptions-header {
+      margin-bottom: 12px;
+    }
+
+    .${a}.ant-descriptions .ant-descriptions-view {
+      border-radius: ${t.border.radius};
+    }
+
+    .${a}.ant-descriptions .ant-descriptions-item-label {
+      color: ${t.text.label};
+      font-size: ${t.typography.label.fontSize};
+      font-weight: ${t.typography.label.fontWeight};
+      line-height: ${t.typography.label.lineHeight};
+      letter-spacing: ${t.typography.label.letterSpacing};
+      text-transform: uppercase;
+    }
+
+    .${a}.ant-descriptions .ant-descriptions-item-content {
+      color: ${t.text.value};
+      font-size: ${t.typography.value.fontSize};
+      font-weight: ${t.typography.value.fontWeight};
+      line-height: ${t.typography.value.lineHeight};
+      overflow-wrap: anywhere;
+    }
+
+    .${a}.ant-descriptions .ant-descriptions-item {
+      padding-bottom: 12px;
+    }
+
+    .${a}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-view {
+      border-color: ${t.border.default};
+    }
+
+    .${a}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-item-label,
+    .${a}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-item-content {
+      padding: ${t.spacing.default};
+      border-color: ${t.border.default};
+    }
+
+    .${a}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-item-label {
+      background: ${t.surface.label};
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='recordDetails'] .ant-descriptions-view,
+    .${a}.ant-descriptions[data-ds-descriptions-variant='review'] .ant-descriptions-view {
+      border: 1px solid ${t.border.default};
+      border-radius: ${t.border.radius};
+      overflow: hidden;
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='recordDetails']:not(.ant-descriptions-bordered) .ant-descriptions-item,
+    .${a}.ant-descriptions[data-ds-descriptions-variant='review']:not(.ant-descriptions-bordered) .ant-descriptions-item {
+      padding: ${t.spacing.default};
+      border-bottom: 1px solid ${t.border.default};
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='compact'] .ant-descriptions-item {
+      padding-bottom: 6px;
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='compact'].ant-descriptions-bordered .ant-descriptions-item-label,
+    .${a}.ant-descriptions[data-ds-descriptions-variant='compact'].ant-descriptions-bordered .ant-descriptions-item-content {
+      padding: ${t.spacing.compact};
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='audit'] {
+      padding: 16px;
+      border: 1px solid ${t.border.default};
+      border-radius: ${t.border.radius};
+      background: ${t.surface.audit};
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='audit'] .ant-descriptions-item-label::before {
+      content: '';
+      display: inline-block;
+      width: 6px;
+      height: 6px;
+      margin-inline-end: 8px;
+      border-radius: 50%;
+      background: ${t.border.strong};
+      vertical-align: 1px;
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='review'] {
+      padding: 16px;
+      border: 1px solid ${t.border.review};
+      border-radius: ${t.border.radius};
+      background: ${t.surface.review};
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='review'] .ant-descriptions-view {
+      background: ${t.surface.default};
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='keyValue'] .ant-descriptions-item {
+      display: flex;
+      justify-content: space-between;
+      gap: 16px;
+      padding: ${t.spacing.keyValue};
+      border-bottom: 1px solid ${t.border.default};
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='keyValue'] .ant-descriptions-item:last-child {
+      border-bottom: 0;
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='keyValue'] .ant-descriptions-item-container {
+      display: contents;
+    }
+
+    .${a}.ant-descriptions[data-ds-descriptions-variant='keyValue'] .ant-descriptions-item-label,
+    .${a}.ant-descriptions[data-ds-descriptions-variant='keyValue'] .ant-descriptions-item-content {
+      flex: 0 1 auto;
+    }
+
+    .ds-descriptions-empty-value {
+      color: ${t.text.empty};
+      font-style: italic;
+    }
+  `;
+}
+var u = ({ dsVariant: e = "recordDetails", dsEmptyText: i = "Not provided", className: s, items: u, bordered: d, size: f, column: p, layout: m, ...h }) => (n(() => {
+	l();
+}, []), /* @__PURE__ */ r(t, {
+	...h,
+	bordered: d ?? (e === "recordDetails" || e === "compact"),
+	className: o(a, s),
+	column: p ?? (e === "keyValue" ? 1 : void 0),
+	"data-ds-descriptions-variant": e,
+	items: c(u, i),
+	layout: m ?? (e === "keyValue" ? "horizontal" : void 0),
+	size: f ?? (e === "compact" || e === "audit" ? "small" : void 0)
+}));
+u.displayName = "Descriptions", u.Item = t.Item;
+//#endregion
+export { u as Descriptions };
+
+//# sourceMappingURL=Descriptions.js.map

package/dist-lib/display/Descriptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Descriptions.js","names":[],"sources":["../../src/ds/display/Descriptions.tsx"],"sourcesContent":["import { Descriptions as AntDescriptions } from 'antd';\nimport type { DescriptionsProps as AntDescriptionsProps } from 'antd';\nimport type { FC, ReactNode } from 'react';\nimport { useEffect } from 'react';\nimport { dsSemanticTokens } from '../../theme/ontadaTheme';\n\nexport type DSDescriptionsVariant = 'recordDetails' | 'compact' | 'audit' | 'review' | 'keyValue';\n\nexport type DescriptionsProps = AntDescriptionsProps & {\n  /** Semantic DS descriptions variant for details, audit metadata, review summaries, or key/value blocks. */\n  dsVariant?: DSDescriptionsVariant;\n  /** Placeholder rendered for empty item values when using the `items` prop. */\n  dsEmptyText?: ReactNode;\n};\n\ntype DSDescriptionsComponent = FC<DescriptionsProps> & {\n  Item: typeof AntDescriptions.Item;\n};\n\nconst STYLE_ID = 'ds-descriptions-styles';\nconst DS_DESCRIPTIONS_CLASS = 'ds-descriptions';\n\nfunction mergeClassNames(...classNames: Array<string | undefined>) {\n  return classNames.filter(Boolean).join(' ').trim();\n}\n\nfunction isEmptyValue(value: ReactNode) {\n  return value === undefined || value === null || value === '';\n}\n\nfunction normalizeItems(items: DescriptionsProps['items'], emptyText: ReactNode): DescriptionsProps['items'] {\n  if (!items) return items;\n\n  return items.map((item) => ({\n    ...item,\n    children: isEmptyValue(item.children) ? <span className=\"ds-descriptions-empty-value\">{emptyText}</span> : item.children,\n  }));\n}\n\nfunction injectStyles() {\n  if (typeof document === 'undefined') return;\n\n  const { descriptions } = dsSemanticTokens;\n  let style = document.getElementById(STYLE_ID) as HTMLStyleElement | null;\n  if (!style) {\n    style = document.createElement('style');\n    style.id = STYLE_ID;\n    document.head.appendChild(style);\n  }\n\n  style.textContent = `\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions {\n      width: 100%;\n      color: ${descriptions.text.value};\n      font-family: 'Nunito', sans-serif;\n      background: ${descriptions.surface.default};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions,\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions .ant-descriptions-view,\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions .ant-descriptions-row,\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions .ant-descriptions-item-label,\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions .ant-descriptions-item-content {\n      transition: none !important;\n      animation: none !important;\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions .ant-descriptions-title {\n      color: ${descriptions.text.title};\n      font-size: ${descriptions.typography.title.fontSize};\n      font-weight: ${descriptions.typography.title.fontWeight};\n      line-height: ${descriptions.typography.title.lineHeight};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions .ant-descriptions-header {\n      margin-bottom: 12px;\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions .ant-descriptions-view {\n      border-radius: ${descriptions.border.radius};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions .ant-descriptions-item-label {\n      color: ${descriptions.text.label};\n      font-size: ${descriptions.typography.label.fontSize};\n      font-weight: ${descriptions.typography.label.fontWeight};\n      line-height: ${descriptions.typography.label.lineHeight};\n      letter-spacing: ${descriptions.typography.label.letterSpacing};\n      text-transform: uppercase;\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions .ant-descriptions-item-content {\n      color: ${descriptions.text.value};\n      font-size: ${descriptions.typography.value.fontSize};\n      font-weight: ${descriptions.typography.value.fontWeight};\n      line-height: ${descriptions.typography.value.lineHeight};\n      overflow-wrap: anywhere;\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions .ant-descriptions-item {\n      padding-bottom: 12px;\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-view {\n      border-color: ${descriptions.border.default};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-item-label,\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-item-content {\n      padding: ${descriptions.spacing.default};\n      border-color: ${descriptions.border.default};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-item-label {\n      background: ${descriptions.surface.label};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='recordDetails'] .ant-descriptions-view,\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='review'] .ant-descriptions-view {\n      border: 1px solid ${descriptions.border.default};\n      border-radius: ${descriptions.border.radius};\n      overflow: hidden;\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='recordDetails']:not(.ant-descriptions-bordered) .ant-descriptions-item,\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='review']:not(.ant-descriptions-bordered) .ant-descriptions-item {\n      padding: ${descriptions.spacing.default};\n      border-bottom: 1px solid ${descriptions.border.default};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='compact'] .ant-descriptions-item {\n      padding-bottom: 6px;\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='compact'].ant-descriptions-bordered .ant-descriptions-item-label,\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='compact'].ant-descriptions-bordered .ant-descriptions-item-content {\n      padding: ${descriptions.spacing.compact};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='audit'] {\n      padding: 16px;\n      border: 1px solid ${descriptions.border.default};\n      border-radius: ${descriptions.border.radius};\n      background: ${descriptions.surface.audit};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='audit'] .ant-descriptions-item-label::before {\n      content: '';\n      display: inline-block;\n      width: 6px;\n      height: 6px;\n      margin-inline-end: 8px;\n      border-radius: 50%;\n      background: ${descriptions.border.strong};\n      vertical-align: 1px;\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='review'] {\n      padding: 16px;\n      border: 1px solid ${descriptions.border.review};\n      border-radius: ${descriptions.border.radius};\n      background: ${descriptions.surface.review};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='review'] .ant-descriptions-view {\n      background: ${descriptions.surface.default};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='keyValue'] .ant-descriptions-item {\n      display: flex;\n      justify-content: space-between;\n      gap: 16px;\n      padding: ${descriptions.spacing.keyValue};\n      border-bottom: 1px solid ${descriptions.border.default};\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='keyValue'] .ant-descriptions-item:last-child {\n      border-bottom: 0;\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='keyValue'] .ant-descriptions-item-container {\n      display: contents;\n    }\n\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='keyValue'] .ant-descriptions-item-label,\n    .${DS_DESCRIPTIONS_CLASS}.ant-descriptions[data-ds-descriptions-variant='keyValue'] .ant-descriptions-item-content {\n      flex: 0 1 auto;\n    }\n\n    .ds-descriptions-empty-value {\n      color: ${descriptions.text.empty};\n      font-style: italic;\n    }\n  `;\n}\n\nexport const Descriptions: DSDescriptionsComponent = ({\n  dsVariant = 'recordDetails',\n  dsEmptyText = 'Not provided',\n  className,\n  items,\n  bordered,\n  size,\n  column,\n  layout,\n  ...props\n}: DescriptionsProps) => {\n  useEffect(() => {\n    injectStyles();\n  }, []);\n\n  return (\n    <AntDescriptions\n      {...props}\n      bordered={bordered ?? (dsVariant === 'recordDetails' || dsVariant === 'compact')}\n      className={mergeClassNames(DS_DESCRIPTIONS_CLASS, className)}\n      column={column ?? (dsVariant === 'keyValue' ? 1 : undefined)}\n      data-ds-descriptions-variant={dsVariant}\n      items={normalizeItems(items, dsEmptyText)}\n      layout={layout ?? (dsVariant === 'keyValue' ? 'horizontal' : undefined)}\n      size={size ?? (dsVariant === 'compact' || dsVariant === 'audit' ? 'small' : undefined)}\n    />\n  );\n};\n\nDescriptions.displayName = 'Descriptions';\nDescriptions.Item = AntDescriptions.Item;"],"mappings":"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"}

package/dist-lib/display/Empty.cjs

@@ -0,0 +1,170 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`../theme.cjs`),t=require(`../useCustomIcon-DbSB56Pd.cjs`);let n=require(`antd`),r=require(`react`),i=require(`react/jsx-runtime`);var a=`ds-empty-styles`,o={illustrated:{iconName:`messages`,title:`No Messages`,description:`When you have received messages, you will see them here.`},tablePrompt:{description:`Please search or apply filters to populate list.`},tableNoResults:{description:`No results match your search criteria, please adjust your filters.`}};function s(){if(typeof document>`u`)return;let{empty:t}=e.dsSemanticTokens,n=document.getElementById(a);n||(n=document.createElement(`style`),n.id=a,document.head.appendChild(n)),n.textContent=`
+    .ds-empty.ant-empty {
+      margin: 0;
+      padding: 0;
+      color: ${t.text.description};
+      font-family: inherit;
+    }
+
+    .ds-empty.ant-empty .ant-empty-image {
+      height: auto;
+      margin-bottom: var(--ds-empty-illustration-gap);
+      line-height: 1;
+    }
+
+    .ds-empty.ant-empty .ant-empty-description {
+      color: inherit;
+    }
+
+    .ds-empty.ant-empty .ant-empty-footer {
+      margin-top: var(--ds-empty-action-gap);
+    }
+
+    .ds-empty-illustration {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: var(--ds-empty-illustration-size);
+      height: var(--ds-empty-illustration-size);
+      color: ${t.illustration.color};
+    }
+
+    .ds-empty-inbox-illustration {
+      position: relative;
+      display: inline-block;
+      width: var(--ds-empty-illustration-size);
+      height: var(--ds-empty-illustration-size);
+      color: ${t.illustration.color};
+    }
+
+    .ds-empty-inbox-box {
+      position: absolute;
+      left: 22%;
+      right: 22%;
+      bottom: 12%;
+      height: 34%;
+      border: ${t.illustration.strokeWidth} solid currentColor;
+      border-radius: 4px;
+      background: transparent;
+    }
+
+    .ds-empty-inbox-box::before {
+      content: '';
+      position: absolute;
+      left: 22%;
+      right: 22%;
+      bottom: 40%;
+      height: 28%;
+      border-bottom: ${t.illustration.strokeWidth} solid currentColor;
+      border-radius: 0 0 999px 999px;
+    }
+
+    .ds-empty-inbox-ray {
+      position: absolute;
+      top: 8%;
+      left: 50%;
+      width: ${t.illustration.strokeWidth};
+      height: 14%;
+      background: currentColor;
+      border-radius: 999px;
+      transform-origin: bottom center;
+    }
+
+    .ds-empty-inbox-ray[data-ray='left'] {
+      transform: translateX(-50%) rotate(-28deg) translateY(4%);
+    }
+
+    .ds-empty-inbox-ray[data-ray='center'] {
+      transform: translateX(-50%);
+    }
+
+    .ds-empty-inbox-ray[data-ray='right'] {
+      transform: translateX(-50%) rotate(28deg) translateY(4%);
+    }
+
+    .ds-empty-illustration .anticon,
+    .ds-empty-illustration svg {
+      width: var(--ds-empty-illustration-size) !important;
+      height: var(--ds-empty-illustration-size) !important;
+      font-size: var(--ds-empty-illustration-size) !important;
+      color: inherit;
+    }
+
+    .ds-empty-inbox-svg {
+      overflow: visible;
+    }
+
+    .ds-empty-inbox-svg path {
+      fill: none !important;
+      stroke: currentColor;
+      stroke-width: 2;
+      stroke-linecap: round;
+      stroke-linejoin: round;
+    }
+
+    .ds-empty-illustration svg [fill]:not([fill="none"]),
+    .ds-empty-illustration svg path:not([fill="none"]) {
+      fill: currentColor !important;
+    }
+
+    .ds-empty-illustration svg [stroke]:not([stroke="none"]) {
+      stroke: currentColor !important;
+    }
+
+    .ds-empty-copy {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: var(--ds-empty-copy-gap);
+      width: min(var(--ds-empty-copy-width), 100%);
+      margin: 0 auto;
+      text-align: center;
+    }
+
+    .ds-empty-title {
+      color: ${t.text.title};
+      font-size: var(--ds-empty-title-size);
+      font-weight: ${t.title.fontWeight};
+      line-height: var(--ds-empty-title-line-height);
+      letter-spacing: 0;
+      margin: 0;
+    }
+
+    .ds-empty-description {
+      color: ${t.text.description};
+      font-size: var(--ds-empty-description-size);
+      font-weight: ${t.description.fontWeight};
+      line-height: var(--ds-empty-description-line-height);
+      letter-spacing: 0;
+      margin: 0;
+    }
+
+    .ds-empty-table {
+      display: flex;
+      min-height: var(--ds-empty-table-min-height);
+      align-items: center;
+      justify-content: center;
+      padding: var(--ds-empty-table-padding);
+      color: ${t.text.title};
+      font-family: inherit;
+      text-align: center;
+    }
+
+    .ds-empty-table-content {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: var(--ds-empty-table-action-gap);
+    }
+
+    .ds-empty-table-message {
+      color: ${t.text.title};
+      font-size: var(--ds-empty-table-message-size);
+      font-weight: ${t.table.messageFontWeight};
+      line-height: var(--ds-empty-table-message-line-height);
+      letter-spacing: 0;
+      margin: 0;
+    }
+  `}function c(t){let{empty:n}=e.dsSemanticTokens,r=n.size[t];return{"--ds-empty-illustration-size":r.illustrationSize,"--ds-empty-illustration-gap":r.illustrationGap,"--ds-empty-copy-gap":r.copyGap,"--ds-empty-copy-width":r.copyWidth,"--ds-empty-action-gap":r.actionGap,"--ds-empty-title-size":r.title.fontSize,"--ds-empty-title-line-height":r.title.lineHeight,"--ds-empty-description-size":r.description.fontSize,"--ds-empty-description-line-height":r.description.lineHeight,"--ds-empty-table-min-height":r.tableMinHeight,"--ds-empty-table-padding":r.tablePadding,"--ds-empty-table-action-gap":r.tableActionGap,"--ds-empty-table-message-size":r.tableMessage.fontSize,"--ds-empty-table-message-line-height":r.tableMessage.lineHeight}}function l(e){return e===`messages`?(0,i.jsxs)(`svg`,{className:`ds-empty-inbox-svg`,viewBox:`0 0 96 96`,role:`presentation`,focusable:`false`,children:[(0,i.jsx)(`path`,{d:`M31 45H65L70 62H26L31 45Z`}),(0,i.jsx)(`path`,{d:`M26 62H39C41 68 55 68 57 62H70`}),(0,i.jsx)(`path`,{d:`M48 19V31`}),(0,i.jsx)(`path`,{d:`M34 25L39 35`}),(0,i.jsx)(`path`,{d:`M62 25L57 35`})]}):t.n(e,{size:96})}var u=({dsVariant:e=`illustrated`,dsSize:t=`desktop`,dsIconName:a,dsTitle:u,dsDescription:d,className:f=``,rootClassName:p=``,style:m={},children:h,...g})=>{(0,r.useEffect)(()=>{s()},[]);let _=o[e],v=c(t);if(e===`tablePrompt`||e===`tableNoResults`)return(0,i.jsx)(`div`,{className:`ds-empty-table${f?` ${f}`:``}`,style:{...v,...m},"data-ds-variant":e,"data-ds-size":t,children:(0,i.jsxs)(`div`,{className:`ds-empty-table-content`,children:[(0,i.jsx)(`p`,{className:`ds-empty-table-message`,children:d??_.description}),h]})});let y=a??_.iconName??`messages`,b=`ds-empty${f?` ${f}`:``}`,x=`ds-empty${p?` ${p}`:``}`,S=u??_.title,C=a?(0,i.jsx)(`span`,{className:`ds-empty-illustration`,"aria-hidden":`true`,children:l(y)}):(0,i.jsxs)(`span`,{className:`ds-empty-inbox-illustration`,"aria-hidden":`true`,children:[(0,i.jsx)(`span`,{className:`ds-empty-inbox-ray`,"data-ray":`left`}),(0,i.jsx)(`span`,{className:`ds-empty-inbox-ray`,"data-ray":`center`}),(0,i.jsx)(`span`,{className:`ds-empty-inbox-ray`,"data-ray":`right`}),(0,i.jsx)(`span`,{className:`ds-empty-inbox-box`})]}),w=(0,i.jsxs)(`span`,{className:`ds-empty-copy`,children:[S?(0,i.jsx)(`span`,{className:`ds-empty-title`,children:S}):null,(0,i.jsx)(`span`,{className:`ds-empty-description`,children:d??_.description})]});return(0,i.jsx)(n.Empty,{className:b,rootClassName:x,style:{...v,...m},image:C,description:w,"data-ds-variant":e,"data-ds-size":t,...g,children:h})};u.displayName=`Empty`,exports.Empty=u;
+//# sourceMappingURL=Empty.cjs.map

package/dist-lib/display/Empty.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.cjs","names":[],"sources":["../../src/ds/display/Empty.tsx"],"sourcesContent":["import { Empty as AntEmpty } from 'antd';\nimport type { EmptyProps as AntEmptyProps } from 'antd';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { useEffect } from 'react';\nimport { dsSemanticTokens } from '../../theme/ontadaTheme';\nimport { useCustomIcon } from '../../utils/icons';\n\nexport type DSEmptyVariant = 'illustrated' | 'tablePrompt' | 'tableNoResults';\nexport type DSEmptySize = 'desktop' | 'mobile';\nexport type DSEmptyIconName = 'messages' | 'folderEmpty' | 'searchAlternate' | 'commonFileText';\n\ntype RestrictedAntProps = 'description' | 'image' | 'imageStyle';\n\nexport type EmptyProps = Omit<AntEmptyProps, RestrictedAntProps> & {\n  /** DS empty-state variant matching Figma usage guidance. */\n  dsVariant?: DSEmptyVariant;\n  /** DS responsive scale for desktop or mobile empty-state blocks. */\n  dsSize?: DSEmptySize;\n  /** Optional illustration/icon override for illustrated empty states. */\n  dsIconName?: DSEmptyIconName;\n  /** Optional title override for illustrated empty states. */\n  dsTitle?: ReactNode;\n  /** Optional body/message override. */\n  dsDescription?: ReactNode;\n};\n\nconst STYLE_ID = 'ds-empty-styles';\n\nconst VARIANT_CONTENT: Record<DSEmptyVariant, {\n  iconName?: DSEmptyIconName;\n  title?: string;\n  description: string;\n}> = {\n  illustrated: {\n    iconName: 'messages',\n    title: 'No Messages',\n    description: 'When you have received messages, you will see them here.',\n  },\n  tablePrompt: {\n    description: 'Please search or apply filters to populate list.',\n  },\n  tableNoResults: {\n    description: 'No results match your search criteria, please adjust your filters.',\n  },\n};\n\nfunction injectStyles() {\n  if (typeof document === 'undefined') return;\n\n  const { empty } = dsSemanticTokens;\n\n  let style = document.getElementById(STYLE_ID) as HTMLStyleElement | null;\n  if (!style) {\n    style = document.createElement('style');\n    style.id = STYLE_ID;\n    document.head.appendChild(style);\n  }\n\n  style.textContent = `\n    .ds-empty.ant-empty {\n      margin: 0;\n      padding: 0;\n      color: ${empty.text.description};\n      font-family: inherit;\n    }\n\n    .ds-empty.ant-empty .ant-empty-image {\n      height: auto;\n      margin-bottom: var(--ds-empty-illustration-gap);\n      line-height: 1;\n    }\n\n    .ds-empty.ant-empty .ant-empty-description {\n      color: inherit;\n    }\n\n    .ds-empty.ant-empty .ant-empty-footer {\n      margin-top: var(--ds-empty-action-gap);\n    }\n\n    .ds-empty-illustration {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: var(--ds-empty-illustration-size);\n      height: var(--ds-empty-illustration-size);\n      color: ${empty.illustration.color};\n    }\n\n    .ds-empty-inbox-illustration {\n      position: relative;\n      display: inline-block;\n      width: var(--ds-empty-illustration-size);\n      height: var(--ds-empty-illustration-size);\n      color: ${empty.illustration.color};\n    }\n\n    .ds-empty-inbox-box {\n      position: absolute;\n      left: 22%;\n      right: 22%;\n      bottom: 12%;\n      height: 34%;\n      border: ${empty.illustration.strokeWidth} solid currentColor;\n      border-radius: 4px;\n      background: transparent;\n    }\n\n    .ds-empty-inbox-box::before {\n      content: '';\n      position: absolute;\n      left: 22%;\n      right: 22%;\n      bottom: 40%;\n      height: 28%;\n      border-bottom: ${empty.illustration.strokeWidth} solid currentColor;\n      border-radius: 0 0 999px 999px;\n    }\n\n    .ds-empty-inbox-ray {\n      position: absolute;\n      top: 8%;\n      left: 50%;\n      width: ${empty.illustration.strokeWidth};\n      height: 14%;\n      background: currentColor;\n      border-radius: 999px;\n      transform-origin: bottom center;\n    }\n\n    .ds-empty-inbox-ray[data-ray='left'] {\n      transform: translateX(-50%) rotate(-28deg) translateY(4%);\n    }\n\n    .ds-empty-inbox-ray[data-ray='center'] {\n      transform: translateX(-50%);\n    }\n\n    .ds-empty-inbox-ray[data-ray='right'] {\n      transform: translateX(-50%) rotate(28deg) translateY(4%);\n    }\n\n    .ds-empty-illustration .anticon,\n    .ds-empty-illustration svg {\n      width: var(--ds-empty-illustration-size) !important;\n      height: var(--ds-empty-illustration-size) !important;\n      font-size: var(--ds-empty-illustration-size) !important;\n      color: inherit;\n    }\n\n    .ds-empty-inbox-svg {\n      overflow: visible;\n    }\n\n    .ds-empty-inbox-svg path {\n      fill: none !important;\n      stroke: currentColor;\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    .ds-empty-illustration svg [fill]:not([fill=\"none\"]),\n    .ds-empty-illustration svg path:not([fill=\"none\"]) {\n      fill: currentColor !important;\n    }\n\n    .ds-empty-illustration svg [stroke]:not([stroke=\"none\"]) {\n      stroke: currentColor !important;\n    }\n\n    .ds-empty-copy {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: var(--ds-empty-copy-gap);\n      width: min(var(--ds-empty-copy-width), 100%);\n      margin: 0 auto;\n      text-align: center;\n    }\n\n    .ds-empty-title {\n      color: ${empty.text.title};\n      font-size: var(--ds-empty-title-size);\n      font-weight: ${empty.title.fontWeight};\n      line-height: var(--ds-empty-title-line-height);\n      letter-spacing: 0;\n      margin: 0;\n    }\n\n    .ds-empty-description {\n      color: ${empty.text.description};\n      font-size: var(--ds-empty-description-size);\n      font-weight: ${empty.description.fontWeight};\n      line-height: var(--ds-empty-description-line-height);\n      letter-spacing: 0;\n      margin: 0;\n    }\n\n    .ds-empty-table {\n      display: flex;\n      min-height: var(--ds-empty-table-min-height);\n      align-items: center;\n      justify-content: center;\n      padding: var(--ds-empty-table-padding);\n      color: ${empty.text.title};\n      font-family: inherit;\n      text-align: center;\n    }\n\n    .ds-empty-table-content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: var(--ds-empty-table-action-gap);\n    }\n\n    .ds-empty-table-message {\n      color: ${empty.text.title};\n      font-size: var(--ds-empty-table-message-size);\n      font-weight: ${empty.table.messageFontWeight};\n      line-height: var(--ds-empty-table-message-line-height);\n      letter-spacing: 0;\n      margin: 0;\n    }\n  `;\n}\n\nfunction getCustomProperties(size: DSEmptySize): CSSProperties {\n  const { empty } = dsSemanticTokens;\n  const sizeTokens = empty.size[size];\n\n  return {\n    '--ds-empty-illustration-size': sizeTokens.illustrationSize,\n    '--ds-empty-illustration-gap': sizeTokens.illustrationGap,\n    '--ds-empty-copy-gap': sizeTokens.copyGap,\n    '--ds-empty-copy-width': sizeTokens.copyWidth,\n    '--ds-empty-action-gap': sizeTokens.actionGap,\n    '--ds-empty-title-size': sizeTokens.title.fontSize,\n    '--ds-empty-title-line-height': sizeTokens.title.lineHeight,\n    '--ds-empty-description-size': sizeTokens.description.fontSize,\n    '--ds-empty-description-line-height': sizeTokens.description.lineHeight,\n    '--ds-empty-table-min-height': sizeTokens.tableMinHeight,\n    '--ds-empty-table-padding': sizeTokens.tablePadding,\n    '--ds-empty-table-action-gap': sizeTokens.tableActionGap,\n    '--ds-empty-table-message-size': sizeTokens.tableMessage.fontSize,\n    '--ds-empty-table-message-line-height': sizeTokens.tableMessage.lineHeight,\n  } as CSSProperties;\n}\n\nfunction renderIllustration(iconName: DSEmptyIconName) {\n  if (iconName === 'messages') {\n    return (\n      <svg className=\"ds-empty-inbox-svg\" viewBox=\"0 0 96 96\" role=\"presentation\" focusable=\"false\">\n        <path d=\"M31 45H65L70 62H26L31 45Z\" />\n        <path d=\"M26 62H39C41 68 55 68 57 62H70\" />\n        <path d=\"M48 19V31\" />\n        <path d=\"M34 25L39 35\" />\n        <path d=\"M62 25L57 35\" />\n      </svg>\n    );\n  }\n\n  return useCustomIcon(iconName, { size: 96 });\n}\n\nexport const Empty = ({\n  dsVariant = 'illustrated',\n  dsSize = 'desktop',\n  dsIconName,\n  dsTitle,\n  dsDescription,\n  className: userClassName = '',\n  rootClassName: userRootClassName = '',\n  style: userStyle = {},\n  children,\n  ...restProps\n}: EmptyProps) => {\n  useEffect(() => {\n    injectStyles();\n  }, []);\n\n  const variantContent = VARIANT_CONTENT[dsVariant];\n  const customProperties = getCustomProperties(dsSize);\n\n  if (dsVariant === 'tablePrompt' || dsVariant === 'tableNoResults') {\n    const className = `ds-empty-table${userClassName ? ` ${userClassName}` : ''}`;\n\n    return (\n      <div\n        className={className}\n        style={{ ...customProperties, ...userStyle }}\n        data-ds-variant={dsVariant}\n        data-ds-size={dsSize}\n      >\n        <div className=\"ds-empty-table-content\">\n          <p className=\"ds-empty-table-message\">{dsDescription ?? variantContent.description}</p>\n          {children}\n        </div>\n      </div>\n    );\n  }\n\n  const iconName = dsIconName ?? variantContent.iconName ?? 'messages';\n  const className = `ds-empty${userClassName ? ` ${userClassName}` : ''}`;\n  const rootClassName = `ds-empty${userRootClassName ? ` ${userRootClassName}` : ''}`;\n  const title = dsTitle ?? variantContent.title;\n\n  const image = dsIconName ? (\n    <span className=\"ds-empty-illustration\" aria-hidden=\"true\">\n      {renderIllustration(iconName)}\n    </span>\n  ) : (\n    <span className=\"ds-empty-inbox-illustration\" aria-hidden=\"true\">\n      <span className=\"ds-empty-inbox-ray\" data-ray=\"left\" />\n      <span className=\"ds-empty-inbox-ray\" data-ray=\"center\" />\n      <span className=\"ds-empty-inbox-ray\" data-ray=\"right\" />\n      <span className=\"ds-empty-inbox-box\" />\n    </span>\n  );\n  const description = (\n    <span className=\"ds-empty-copy\">\n      {title ? <span className=\"ds-empty-title\">{title}</span> : null}\n      <span className=\"ds-empty-description\">{dsDescription ?? variantContent.description}</span>\n    </span>\n  );\n\n  return (\n    <AntEmpty\n      className={className}\n      rootClassName={rootClassName}\n      style={{ ...customProperties, ...userStyle }}\n      image={image}\n      description={description}\n      data-ds-variant={dsVariant}\n      data-ds-size={dsSize}\n      {...restProps}\n    >\n      {children}\n    </AntEmpty>\n  );\n};\n\nEmpty.displayName = 'Empty';\n"],"mappings":"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"}