ods-ant 0.2.0 → 0.4.0

package/dist-lib/feedback/Modal.js

@@ -0,0 +1,297 @@
+import { dsSemanticTokens as e } from "../theme.js";
+import { Button as t } from "../forms/Button.js";
+import { Modal as n, Space as r } from "antd";
+import { useEffect as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/ds/feedback/Modal.tsx
+var s = {
+	"04": 608,
+	"05": 764,
+	"06": 920,
+	"07": 1076,
+	"08": 1232,
+	"09": 1388,
+	10: 1544,
+	11: 1700
+}, c = {
+	desktop: {
+		xs: e.modal.width.desktop.xs,
+		sm: e.modal.width.desktop.sm,
+		md: e.modal.width.desktop.md,
+		lg: e.modal.width.desktop.lg,
+		"full-screen": e.modal.width.desktop.fullScreen
+	},
+	mobile: {
+		xs: e.modal.width.mobile.xs,
+		sm: e.modal.width.mobile.sm,
+		md: e.modal.width.mobile.md,
+		lg: e.modal.width.mobile.lg,
+		"full-screen": e.modal.width.mobile.fullScreen
+	}
+}, l = "ds-modal-styles";
+function u() {
+	if (typeof document > "u") return;
+	let { modal: t } = e, n = document.getElementById(l);
+	n || (n = document.createElement("style"), n.id = l, document.head.appendChild(n)), n.textContent = `
+    .ds-modal.ant-modal {
+      top: 32px;
+      padding-bottom: 32px;
+    }
+
+    .ant-modal-centered .ds-modal.ant-modal {
+      top: 0;
+      padding-bottom: 0;
+    }
+
+    .ds-modal.ant-modal .ant-modal-container {
+      border: ${t.border.width} solid ${t.border.color};
+      border-radius: ${t.border.radius};
+      box-shadow: ${t.shadow};
+      padding: 0;
+      overflow: hidden;
+      background: ${t.surface.background};
+      display: flex;
+      flex-direction: column;
+      max-height: calc(100dvh - 64px);
+    }
+
+    .ds-modal.ant-modal .ant-modal-header {
+      position: relative;
+      min-height: 56px;
+      flex: 0 0 auto;
+      background: ${t.surface.header};
+      border-radius: ${t.border.radius} ${t.border.radius} 0 0;
+      padding: ${t.spacing.header.y} ${t.spacing.header.x};
+      margin: 0;
+      border-bottom: ${t.border.width} solid ${t.border.color};
+    }
+
+    .ds-modal.ant-modal .ant-modal-title {
+      color: ${t.text.title};
+      font-size: 22px;
+      line-height: 26px;
+      font-weight: 700;
+    }
+
+    .ds-modal.ant-modal .ant-modal-close {
+      top: 15px;
+      width: ${t.closeButton.size};
+      height: ${t.closeButton.size};
+      padding: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      inset-inline-end: 24px;
+      color: ${t.closeButton.color};
+      border-radius: ${t.closeButton.radius};
+      background: transparent !important;
+      border: none !important;
+      box-shadow: none !important;
+    }
+
+    .ds-modal.ant-modal .ant-modal-close-x {
+      width: ${t.closeButton.iconSize};
+      height: ${t.closeButton.iconSize};
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      line-height: 1;
+    }
+
+    .ds-modal.ant-modal .ant-modal-close:hover {
+      color: ${t.closeButton.color};
+      background: transparent !important;
+      border: none !important;
+      box-shadow: none !important;
+    }
+
+    .ds-modal.ant-modal .ant-modal-close:focus-visible {
+      outline: none !important;
+      background: transparent !important;
+      border: none !important;
+      box-shadow: none !important;
+    }
+
+    .ds-modal.ant-modal .ant-modal-body {
+      flex: 1 1 auto;
+      min-height: 0;
+      overflow-y: auto;
+      overscroll-behavior: contain;
+      scrollbar-gutter: stable;
+      padding: 24px ${t.spacing.header.x};
+      color: ${t.text.body};
+      font-size: 16px;
+      line-height: 20px;
+      letter-spacing: -0.016px;
+    }
+
+    .ds-modal.ant-modal .ant-modal-footer {
+      min-height: 64px;
+      flex: 0 0 auto;
+      margin: 0;
+      padding: ${t.spacing.footer.desktop};
+      border-top: ${t.border.width} solid ${t.border.color};
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+    }
+
+    .ds-modal.ant-modal.ds-modal-mobile {
+      top: 16px;
+      padding-bottom: 16px;
+    }
+
+    .ds-modal.ant-modal.ds-modal-mobile .ant-modal-container {
+      max-height: calc(100dvh - 32px);
+    }
+
+    .ds-modal.ant-modal.ds-modal-mobile .ant-modal-header {
+      padding: ${t.spacing.header.y} ${t.spacing.header.x};
+      min-height: 58px;
+    }
+
+    .ds-modal.ant-modal.ds-modal-mobile .ant-modal-close {
+      top: 15px;
+      inset-inline-end: 24px;
+      width: ${t.closeButton.size};
+      height: ${t.closeButton.size};
+    }
+
+    .ds-modal.ant-modal.ds-modal-mobile .ant-modal-close-x {
+      width: ${t.closeButton.iconSize};
+      height: ${t.closeButton.iconSize};
+    }
+
+    .ds-modal.ant-modal.ds-modal-mobile .ant-modal-body {
+      padding: 16px ${t.spacing.header.x};
+    }
+
+    .ds-modal.ant-modal.ds-modal-mobile .ant-modal-footer {
+      padding: ${t.spacing.footer.mobile};
+      justify-content: stretch;
+    }
+
+    .ds-modal.ant-modal.ds-modal-size-full-screen {
+      margin: 0;
+      max-width: 100vw;
+      top: 0;
+      padding-bottom: 0;
+    }
+
+    .ds-modal.ant-modal.ds-modal-size-full-screen .ant-modal-container {
+      border-radius: ${t.border.fullScreenRadius};
+      height: 100dvh;
+      min-height: 100dvh;
+      max-height: 100dvh;
+      box-shadow: none;
+    }
+
+    .ds-modal.ant-modal.ds-modal-size-full-screen .ant-modal-header {
+      background: ${t.surface.headerFullScreen};
+      border-radius: ${t.border.fullScreenRadius} ${t.border.fullScreenRadius} 0 0;
+      border-bottom: ${t.border.width} solid ${t.border.color};
+    }
+
+    .ds-modal.ant-modal.ds-modal-size-full-screen .ant-modal-body {
+      flex: 1 1 auto;
+      min-height: 0;
+    }
+
+    .ds-modal.ant-modal.ds-modal-footer-none .ant-modal-footer {
+      display: none;
+    }
+  `;
+}
+var d = ({ dsColumns: l, dsFooter: d = "default", dsSize: f = "xs", dsDevice: p = "desktop", dsActions: m = "primary-secondary", dsHeader: h = "default", dsRequired: g = !1, dsLeadingIcon: _, dsShowClose: v, className: y = "", footer: b, closable: x, title: S, children: C, width: w, style: T, okText: E = "Apply", cancelText: D = "Cancel", onCancel: O, onOk: k, styles: A, ...j }) => {
+	i(() => {
+		u();
+	}, []);
+	let M = w ?? (l ? s[l] : c[p][f]), N = v ?? x ?? !0, P = h === "none" ? null : g ? /* @__PURE__ */ o("span", {
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 8
+		},
+		children: [/* @__PURE__ */ a("span", { children: S ?? "Title" }), /* @__PURE__ */ a("span", {
+			style: {
+				color: e.modal.text.required,
+				fontSize: 12,
+				fontWeight: 400
+			},
+			children: "* Required"
+		})]
+	}) : S ?? "Title", F = b === void 0 ? d === "none" ? null : /* @__PURE__ */ o(r, {
+		direction: p === "mobile" ? "vertical" : "horizontal",
+		size: p === "mobile" ? 12 : 16,
+		style: { width: p === "mobile" ? "100%" : void 0 },
+		children: [
+			m === "primary-secondary-tertiary" && /* @__PURE__ */ a(t, {
+				dsVariant: "tertiary",
+				style: p === "mobile" ? { width: "100%" } : void 0,
+				onClick: (e) => O?.(e),
+				children: "LABEL"
+			}),
+			m !== "primary" && /* @__PURE__ */ a(t, {
+				dsVariant: "secondary",
+				style: p === "mobile" ? { width: "100%" } : void 0,
+				onClick: (e) => O?.(e),
+				children: String(D).toUpperCase()
+			}),
+			/* @__PURE__ */ a(t, {
+				dsVariant: "primary",
+				style: p === "mobile" ? { width: "100%" } : void 0,
+				onClick: (e) => k?.(e),
+				children: String(E).toUpperCase()
+			})
+		]
+	}) : b, I = _ ? /* @__PURE__ */ o("div", {
+		style: {
+			display: "flex",
+			alignItems: "flex-start",
+			gap: 16
+		},
+		children: [/* @__PURE__ */ a("div", {
+			style: { paddingTop: 4 },
+			children: _
+		}), /* @__PURE__ */ a("div", {
+			style: {
+				flex: 1,
+				minWidth: 0
+			},
+			children: C
+		})]
+	}) : C;
+	return /* @__PURE__ */ a(n, {
+		...j,
+		width: M,
+		title: P,
+		closable: N,
+		footer: F,
+		onCancel: O,
+		onOk: k,
+		className: `ds-modal ds-modal-footer-${d} ds-modal-size-${f} ${p === "mobile" ? "ds-modal-mobile" : "ds-modal-desktop"} ${y}`.trim(),
+		style: {
+			...T,
+			maxWidth: f === "full-screen" ? "100vw" : "calc(100vw - 32px)"
+		},
+		styles: {
+			...A,
+			mask: {
+				backgroundColor: e.modal.backdrop,
+				...A?.mask
+			}
+		},
+		"data-ds-modal": !0,
+		"data-ds-columns": l ?? "",
+		"data-ds-footer": d,
+		"data-ds-size": f,
+		"data-ds-device": p,
+		"data-ds-actions": m,
+		"data-ds-header": h,
+		children: I
+	});
+};
+//#endregion
+export { d as Modal };
+
+//# sourceMappingURL=Modal.js.map

package/dist-lib/feedback/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","names":[],"sources":["../../src/ds/feedback/Modal.tsx"],"sourcesContent":["import { Modal as AntModal } from 'antd';\nimport type { ModalProps as AntModalProps } from 'antd';\nimport { Space } from 'antd';\nimport { useEffect } from 'react';\nimport type { ReactNode } from 'react';\nimport { Button as DSButton } from '../forms';\nimport { dsSemanticTokens } from '../../theme/ontadaTheme';\n\nexport type DSModalColumns = '04' | '05' | '06' | '07' | '08' | '09' | '10' | '11';\nexport type DSModalFooter = 'default' | 'none';\nexport type DSModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'full-screen';\nexport type DSModalDevice = 'desktop' | 'mobile';\nexport type DSModalActions = 'primary' | 'primary-secondary' | 'primary-secondary-tertiary';\nexport type DSModalHeader = 'default' | 'none';\n\nexport type ModalProps = AntModalProps & {\n  /** Legacy width variant mapped from earlier Figma column sizes. */\n  dsColumns?: DSModalColumns;\n  /** Canonical DS footer visibility mode. */\n  dsFooter?: DSModalFooter;\n  /** New DS modal size variants from Figma. */\n  dsSize?: DSModalSize;\n  /** New DS responsive mode from Figma variants. */\n  dsDevice?: DSModalDevice;\n  /** Footer action configuration from Figma variants. */\n  dsActions?: DSModalActions;\n  /** Header visibility variant from Figma. */\n  dsHeader?: DSModalHeader;\n  /** Show required indicator in the title row. */\n  dsRequired?: boolean;\n  /** Optional leading icon for compact content variants. */\n  dsLeadingIcon?: ReactNode;\n  /** Explicit DS control over close icon visibility. */\n  dsShowClose?: boolean;\n};\n\nconst WIDTH_BY_COLUMN: Record<DSModalColumns, number> = {\n  '04': 608,\n  '05': 764,\n  '06': 920,\n  '07': 1076,\n  '08': 1232,\n  '09': 1388,\n  '10': 1544,\n  '11': 1700,\n};\n\nconst WIDTH_BY_SIZE: Record<DSModalDevice, Record<DSModalSize, number | string>> = {\n  desktop: {\n    xs: dsSemanticTokens.modal.width.desktop.xs,\n    sm: dsSemanticTokens.modal.width.desktop.sm,\n    md: dsSemanticTokens.modal.width.desktop.md,\n    lg: dsSemanticTokens.modal.width.desktop.lg,\n    'full-screen': dsSemanticTokens.modal.width.desktop.fullScreen,\n  },\n  mobile: {\n    xs: dsSemanticTokens.modal.width.mobile.xs,\n    sm: dsSemanticTokens.modal.width.mobile.sm,\n    md: dsSemanticTokens.modal.width.mobile.md,\n    lg: dsSemanticTokens.modal.width.mobile.lg,\n    'full-screen': dsSemanticTokens.modal.width.mobile.fullScreen,\n  },\n};\n\nconst STYLE_ID = 'ds-modal-styles';\n\nfunction injectStyles() {\n  if (typeof document === 'undefined') return;\n  const { modal } = 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-modal.ant-modal {\n      top: 32px;\n      padding-bottom: 32px;\n    }\n\n    .ant-modal-centered .ds-modal.ant-modal {\n      top: 0;\n      padding-bottom: 0;\n    }\n\n    .ds-modal.ant-modal .ant-modal-container {\n      border: ${modal.border.width} solid ${modal.border.color};\n      border-radius: ${modal.border.radius};\n      box-shadow: ${modal.shadow};\n      padding: 0;\n      overflow: hidden;\n      background: ${modal.surface.background};\n      display: flex;\n      flex-direction: column;\n      max-height: calc(100dvh - 64px);\n    }\n\n    .ds-modal.ant-modal .ant-modal-header {\n      position: relative;\n      min-height: 56px;\n      flex: 0 0 auto;\n      background: ${modal.surface.header};\n      border-radius: ${modal.border.radius} ${modal.border.radius} 0 0;\n      padding: ${modal.spacing.header.y} ${modal.spacing.header.x};\n      margin: 0;\n      border-bottom: ${modal.border.width} solid ${modal.border.color};\n    }\n\n    .ds-modal.ant-modal .ant-modal-title {\n      color: ${modal.text.title};\n      font-size: 22px;\n      line-height: 26px;\n      font-weight: 700;\n    }\n\n    .ds-modal.ant-modal .ant-modal-close {\n      top: 15px;\n      width: ${modal.closeButton.size};\n      height: ${modal.closeButton.size};\n      padding: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      inset-inline-end: 24px;\n      color: ${modal.closeButton.color};\n      border-radius: ${modal.closeButton.radius};\n      background: transparent !important;\n      border: none !important;\n      box-shadow: none !important;\n    }\n\n    .ds-modal.ant-modal .ant-modal-close-x {\n      width: ${modal.closeButton.iconSize};\n      height: ${modal.closeButton.iconSize};\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      line-height: 1;\n    }\n\n    .ds-modal.ant-modal .ant-modal-close:hover {\n      color: ${modal.closeButton.color};\n      background: transparent !important;\n      border: none !important;\n      box-shadow: none !important;\n    }\n\n    .ds-modal.ant-modal .ant-modal-close:focus-visible {\n      outline: none !important;\n      background: transparent !important;\n      border: none !important;\n      box-shadow: none !important;\n    }\n\n    .ds-modal.ant-modal .ant-modal-body {\n      flex: 1 1 auto;\n      min-height: 0;\n      overflow-y: auto;\n      overscroll-behavior: contain;\n      scrollbar-gutter: stable;\n      padding: 24px ${modal.spacing.header.x};\n      color: ${modal.text.body};\n      font-size: 16px;\n      line-height: 20px;\n      letter-spacing: -0.016px;\n    }\n\n    .ds-modal.ant-modal .ant-modal-footer {\n      min-height: 64px;\n      flex: 0 0 auto;\n      margin: 0;\n      padding: ${modal.spacing.footer.desktop};\n      border-top: ${modal.border.width} solid ${modal.border.color};\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n    }\n\n    .ds-modal.ant-modal.ds-modal-mobile {\n      top: 16px;\n      padding-bottom: 16px;\n    }\n\n    .ds-modal.ant-modal.ds-modal-mobile .ant-modal-container {\n      max-height: calc(100dvh - 32px);\n    }\n\n    .ds-modal.ant-modal.ds-modal-mobile .ant-modal-header {\n      padding: ${modal.spacing.header.y} ${modal.spacing.header.x};\n      min-height: 58px;\n    }\n\n    .ds-modal.ant-modal.ds-modal-mobile .ant-modal-close {\n      top: 15px;\n      inset-inline-end: 24px;\n      width: ${modal.closeButton.size};\n      height: ${modal.closeButton.size};\n    }\n\n    .ds-modal.ant-modal.ds-modal-mobile .ant-modal-close-x {\n      width: ${modal.closeButton.iconSize};\n      height: ${modal.closeButton.iconSize};\n    }\n\n    .ds-modal.ant-modal.ds-modal-mobile .ant-modal-body {\n      padding: 16px ${modal.spacing.header.x};\n    }\n\n    .ds-modal.ant-modal.ds-modal-mobile .ant-modal-footer {\n      padding: ${modal.spacing.footer.mobile};\n      justify-content: stretch;\n    }\n\n    .ds-modal.ant-modal.ds-modal-size-full-screen {\n      margin: 0;\n      max-width: 100vw;\n      top: 0;\n      padding-bottom: 0;\n    }\n\n    .ds-modal.ant-modal.ds-modal-size-full-screen .ant-modal-container {\n      border-radius: ${modal.border.fullScreenRadius};\n      height: 100dvh;\n      min-height: 100dvh;\n      max-height: 100dvh;\n      box-shadow: none;\n    }\n\n    .ds-modal.ant-modal.ds-modal-size-full-screen .ant-modal-header {\n      background: ${modal.surface.headerFullScreen};\n      border-radius: ${modal.border.fullScreenRadius} ${modal.border.fullScreenRadius} 0 0;\n      border-bottom: ${modal.border.width} solid ${modal.border.color};\n    }\n\n    .ds-modal.ant-modal.ds-modal-size-full-screen .ant-modal-body {\n      flex: 1 1 auto;\n      min-height: 0;\n    }\n\n    .ds-modal.ant-modal.ds-modal-footer-none .ant-modal-footer {\n      display: none;\n    }\n  `;\n}\n\nexport const Modal = ({\n  dsColumns,\n  dsFooter = 'default',\n  dsSize = 'xs',\n  dsDevice = 'desktop',\n  dsActions = 'primary-secondary',\n  dsHeader = 'default',\n  dsRequired = false,\n  dsLeadingIcon,\n  dsShowClose,\n  className = '',\n  footer,\n  closable,\n  title,\n  children,\n  width,\n  style,\n  okText = 'Apply',\n  cancelText = 'Cancel',\n  onCancel,\n  onOk,\n  styles,\n  ...props\n}: ModalProps) => {\n  useEffect(() => {\n    injectStyles();\n  }, []);\n\n  const resolvedWidth = width ?? (dsColumns ? WIDTH_BY_COLUMN[dsColumns] : WIDTH_BY_SIZE[dsDevice][dsSize]);\n\n  const showClose = dsShowClose ?? closable ?? true;\n  const hasHeader = dsHeader !== 'none';\n\n  const resolvedTitle = !hasHeader\n    ? null\n    : dsRequired\n      ? (\n    <span style={{ display: 'inline-flex', alignItems: 'center', gap: 8 }}>\n      <span>{title ?? 'Title'}</span>\n      <span style={{ color: dsSemanticTokens.modal.text.required, fontSize: 12, fontWeight: 400 }}>* Required</span>\n    </span>\n        )\n      : (title ?? 'Title');\n\n  const footerGap = dsDevice === 'mobile' ? 12 : 16;\n\n  const resolvedFooter =\n    footer !== undefined\n      ? footer\n      : dsFooter === 'none'\n        ? null\n        : (\n          <Space direction={dsDevice === 'mobile' ? 'vertical' : 'horizontal'} size={footerGap} style={{ width: dsDevice === 'mobile' ? '100%' : undefined }}>\n            {dsActions === 'primary-secondary-tertiary' && (\n              <DSButton dsVariant=\"tertiary\" style={dsDevice === 'mobile' ? { width: '100%' } : undefined} onClick={(e) => onCancel?.(e)}>\n                LABEL\n              </DSButton>\n            )}\n            {dsActions !== 'primary' && (\n              <DSButton dsVariant=\"secondary\" style={dsDevice === 'mobile' ? { width: '100%' } : undefined} onClick={(e) => onCancel?.(e)}>\n                {String(cancelText).toUpperCase()}\n              </DSButton>\n            )}\n            <DSButton dsVariant=\"primary\" style={dsDevice === 'mobile' ? { width: '100%' } : undefined} onClick={(e) => onOk?.(e)}>\n              {String(okText).toUpperCase()}\n            </DSButton>\n          </Space>\n        );\n\n  const bodyWithOptionalIcon = dsLeadingIcon ? (\n    <div style={{ display: 'flex', alignItems: 'flex-start', gap: 16 }}>\n      <div style={{ paddingTop: 4 }}>{dsLeadingIcon}</div>\n      <div style={{ flex: 1, minWidth: 0 }}>{children}</div>\n    </div>\n  ) : children;\n\n  return (\n    <AntModal\n      {...props}\n      width={resolvedWidth}\n      title={resolvedTitle}\n      closable={showClose}\n      footer={resolvedFooter}\n      onCancel={onCancel}\n      onOk={onOk}\n      className={`ds-modal ds-modal-footer-${dsFooter} ds-modal-size-${dsSize} ${dsDevice === 'mobile' ? 'ds-modal-mobile' : 'ds-modal-desktop'} ${className}`.trim()}\n      style={{\n        ...style,\n        maxWidth: dsSize === 'full-screen' ? '100vw' : 'calc(100vw - 32px)',\n      }}\n      styles={{\n        ...styles,\n        mask: {\n          backgroundColor: dsSemanticTokens.modal.backdrop,\n          ...styles?.mask,\n        },\n      }}\n      data-ds-modal\n      data-ds-columns={dsColumns ?? ''}\n      data-ds-footer={dsFooter}\n      data-ds-size={dsSize}\n      data-ds-device={dsDevice}\n      data-ds-actions={dsActions}\n      data-ds-header={dsHeader}\n    >\n      {bodyWithOptionalIcon}\n    </AntModal>\n  );\n};\n"],"mappings":"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"}

package/dist-lib/feedback/Notification.cjs

@@ -0,0 +1,20 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`../feedbackIcons-DXxPnA5r.cjs`);let t=require(`antd`),n=require(`react`),r=require(`react/jsx-runtime`);var i=`ds-notification-styles`,a=20;function o(){if(typeof document>`u`)return;let e=document.getElementById(i);e||(e=document.createElement(`style`),e.id=i,document.head.appendChild(e)),e.textContent=`
+    .ds-notification.ant-notification-notice,
+    .ds-notification .ant-notification-notice-wrapper,
+    .ds-notification .ant-notification-notice-message,
+    .ds-notification .ant-notification-notice-description,
+    .ds-notification .ant-notification-notice-actions,
+    .ds-notification .ds-notification-title,
+    .ds-notification .ds-notification-description {
+      font-family: 'Nunito', sans-serif !important;
+    }
+
+    .ds-notification .ant-notification-notice-message {
+      font-weight: 700;
+    }
+
+    .ds-notification .ant-notification-notice-description {
+      font-weight: 600;
+    }
+  `}function s(...e){return e.filter(Boolean).join(` `)}function c(e,t){return e==null?e:(0,r.jsx)(`span`,{className:t,children:e})}function l(e){return e===`success`||e===`info`||e===`warning`||e===`error`}function u(t,n){o();let r=t.type??n;return{...t,className:s(`ds-notification`,t.className),icon:t.icon??(l(r)?e.t(r,{size:a}):void 0),message:c(t.message,`ds-notification-title`),title:c(t.title,`ds-notification-title`),description:c(t.description,`ds-notification-description`)}}function d(){let[e,r]=t.notification.useNotification();return(0,n.useEffect)(()=>{o()},[]),[{open:t=>e.open(u(t)),success:t=>e.success(u(t,`success`)),info:t=>e.info(u(t,`info`)),warning:t=>e.warning(u(t,`warning`)),error:t=>e.error(u(t,`error`)),destroy:t=>e.destroy(t)},r]}var f={open:e=>t.notification.open(u(e)),success:e=>t.notification.success(u(e,`success`)),info:e=>t.notification.info(u(e,`info`)),warning:e=>t.notification.warning(u(e,`warning`)),error:e=>t.notification.error(u(e,`error`)),destroy:e=>t.notification.destroy(e)};exports.notificationDS=f,exports.useNotification=d;
+//# sourceMappingURL=Notification.cjs.map

package/dist-lib/feedback/Notification.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.cjs","names":[],"sources":["../../src/ds/feedback/Notification.tsx"],"sourcesContent":["import { notification } from 'antd';\nimport type { NotificationArgsProps } from 'antd';\nimport type { ReactNode } from 'react';\nimport { useEffect } from 'react';\nimport { getDSFeedbackStatusIcon, type DSFeedbackStatus } from './feedbackIcons';\n\nconst STYLE_ID = 'ds-notification-styles';\nconst DS_NOTIFICATION_ICON_SIZE = 20;\n\nfunction injectStyles() {\n  if (typeof document === 'undefined') return;\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-notification.ant-notification-notice,\n    .ds-notification .ant-notification-notice-wrapper,\n    .ds-notification .ant-notification-notice-message,\n    .ds-notification .ant-notification-notice-description,\n    .ds-notification .ant-notification-notice-actions,\n    .ds-notification .ds-notification-title,\n    .ds-notification .ds-notification-description {\n      font-family: 'Nunito', sans-serif !important;\n    }\n\n    .ds-notification .ant-notification-notice-message {\n      font-weight: 700;\n    }\n\n    .ds-notification .ant-notification-notice-description {\n      font-weight: 600;\n    }\n  `;\n}\n\nfunction mergeClassNames(...names: Array<string | undefined>) {\n  return names.filter(Boolean).join(' ');\n}\n\nfunction wrapNode(node: ReactNode, className: string) {\n  if (node === undefined || node === null) return node;\n  return <span className={className}>{node}</span>;\n}\n\nfunction isFeedbackStatus(type: NotificationArgsProps['type']): type is DSFeedbackStatus {\n  return type === 'success' || type === 'info' || type === 'warning' || type === 'error';\n}\n\nfunction withDS(config: NotificationArgsProps, fallbackType?: DSFeedbackStatus): NotificationArgsProps {\n  injectStyles();\n  const resolvedType = config.type ?? fallbackType;\n\n  return {\n    ...config,\n    className: mergeClassNames('ds-notification', config.className),\n    icon:\n      config.icon ?? (isFeedbackStatus(resolvedType) ? getDSFeedbackStatusIcon(resolvedType, { size: DS_NOTIFICATION_ICON_SIZE }) : undefined),\n    message: wrapNode(config.message, 'ds-notification-title'),\n    title: wrapNode(config.title, 'ds-notification-title'),\n    description: wrapNode(config.description, 'ds-notification-description'),\n  };\n}\n\ntype NotificationApi = ReturnType<typeof notification.useNotification>[0];\n\nexport function useNotification() {\n  const [api, contextHolder] = notification.useNotification();\n\n  useEffect(() => {\n    injectStyles();\n  }, []);\n\n  const dsApi: NotificationApi = {\n    open: (config) => api.open(withDS(config)),\n    success: (config) => api.success(withDS(config, 'success')),\n    info: (config) => api.info(withDS(config, 'info')),\n    warning: (config) => api.warning(withDS(config, 'warning')),\n    error: (config) => api.error(withDS(config, 'error')),\n    destroy: (key) => api.destroy(key),\n  };\n\n  return [dsApi, contextHolder] as const;\n}\n\nexport const notificationDS = {\n  open: (config: NotificationArgsProps) => notification.open(withDS(config)),\n  success: (config: NotificationArgsProps) => notification.success(withDS(config, 'success')),\n  info: (config: NotificationArgsProps) => notification.info(withDS(config, 'info')),\n  warning: (config: NotificationArgsProps) => notification.warning(withDS(config, 'warning')),\n  error: (config: NotificationArgsProps) => notification.error(withDS(config, 'error')),\n  destroy: (key?: React.Key) => notification.destroy(key),\n};\n"],"mappings":"6NAMA,IAAM,EAAW,yBACX,EAA4B,GAElC,SAAS,GAAe,CACtB,GAAI,OAAO,SAAa,IAAa,OAErC,IAAI,EAAQ,SAAS,eAAe,EAAS,CACxC,IACH,EAAQ,SAAS,cAAc,QAAQ,CACvC,EAAM,GAAK,EACX,SAAS,KAAK,YAAY,EAAM,EAGlC,EAAM,YAAc;;;;;;;;;;;;;;;;;;IAqBtB,SAAS,EAAgB,GAAG,EAAkC,CAC5D,OAAO,EAAM,OAAO,QAAQ,CAAC,KAAK,IAAI,CAGxC,SAAS,EAAS,EAAiB,EAAmB,CAEpD,OADI,GAA+B,KAAa,GACzC,EAAA,EAAA,KAAC,OAAD,CAAiB,qBAAY,EAAY,CAAA,CAGlD,SAAS,EAAiB,EAA+D,CACvF,OAAO,IAAS,WAAa,IAAS,QAAU,IAAS,WAAa,IAAS,QAGjF,SAAS,EAAO,EAA+B,EAAwD,CACrG,GAAc,CACd,IAAM,EAAe,EAAO,MAAQ,EAEpC,MAAO,CACL,GAAG,EACH,UAAW,EAAgB,kBAAmB,EAAO,UAAU,CAC/D,KACE,EAAO,OAAS,EAAiB,EAAa,CAAG,EAAA,EAAwB,EAAc,CAAE,KAAM,EAA2B,CAAC,CAAG,IAAA,IAChI,QAAS,EAAS,EAAO,QAAS,wBAAwB,CAC1D,MAAO,EAAS,EAAO,MAAO,wBAAwB,CACtD,YAAa,EAAS,EAAO,YAAa,8BAA8B,CACzE,CAKH,SAAgB,GAAkB,CAChC,GAAM,CAAC,EAAK,GAAiB,EAAA,aAAa,iBAAiB,CAe3D,OAbA,EAAA,EAAA,eAAgB,CACd,GAAc,EACb,EAAE,CAAC,CAWC,CAAC,CARN,KAAO,GAAW,EAAI,KAAK,EAAO,EAAO,CAAC,CAC1C,QAAU,GAAW,EAAI,QAAQ,EAAO,EAAQ,UAAU,CAAC,CAC3D,KAAO,GAAW,EAAI,KAAK,EAAO,EAAQ,OAAO,CAAC,CAClD,QAAU,GAAW,EAAI,QAAQ,EAAO,EAAQ,UAAU,CAAC,CAC3D,MAAQ,GAAW,EAAI,MAAM,EAAO,EAAQ,QAAQ,CAAC,CACrD,QAAU,GAAQ,EAAI,QAAQ,EAAI,CAG5B,CAAO,EAAc,CAG/B,IAAa,EAAiB,CAC5B,KAAO,GAAkC,EAAA,aAAa,KAAK,EAAO,EAAO,CAAC,CAC1E,QAAU,GAAkC,EAAA,aAAa,QAAQ,EAAO,EAAQ,UAAU,CAAC,CAC3F,KAAO,GAAkC,EAAA,aAAa,KAAK,EAAO,EAAQ,OAAO,CAAC,CAClF,QAAU,GAAkC,EAAA,aAAa,QAAQ,EAAO,EAAQ,UAAU,CAAC,CAC3F,MAAQ,GAAkC,EAAA,aAAa,MAAM,EAAO,EAAQ,QAAQ,CAAC,CACrF,QAAU,GAAoB,EAAA,aAAa,QAAQ,EAAI,CACxD"}

package/dist-lib/feedback/Notification.js

@@ -0,0 +1,60 @@
+import { t as e } from "../feedbackIcons-DBoCD6Dk.js";
+import { notification as t } from "antd";
+import { useEffect as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/ds/feedback/Notification.tsx
+var i = "ds-notification-styles", a = 20;
+function o() {
+	if (typeof document > "u") return;
+	let e = document.getElementById(i);
+	e || (e = document.createElement("style"), e.id = i, document.head.appendChild(e)), e.textContent = "\n    .ds-notification.ant-notification-notice,\n    .ds-notification .ant-notification-notice-wrapper,\n    .ds-notification .ant-notification-notice-message,\n    .ds-notification .ant-notification-notice-description,\n    .ds-notification .ant-notification-notice-actions,\n    .ds-notification .ds-notification-title,\n    .ds-notification .ds-notification-description {\n      font-family: 'Nunito', sans-serif !important;\n    }\n\n    .ds-notification .ant-notification-notice-message {\n      font-weight: 700;\n    }\n\n    .ds-notification .ant-notification-notice-description {\n      font-weight: 600;\n    }\n  ";
+}
+function s(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function c(e, t) {
+	return e == null ? e : /* @__PURE__ */ r("span", {
+		className: t,
+		children: e
+	});
+}
+function l(e) {
+	return e === "success" || e === "info" || e === "warning" || e === "error";
+}
+function u(t, n) {
+	o();
+	let r = t.type ?? n;
+	return {
+		...t,
+		className: s("ds-notification", t.className),
+		icon: t.icon ?? (l(r) ? e(r, { size: a }) : void 0),
+		message: c(t.message, "ds-notification-title"),
+		title: c(t.title, "ds-notification-title"),
+		description: c(t.description, "ds-notification-description")
+	};
+}
+function d() {
+	let [e, r] = t.useNotification();
+	return n(() => {
+		o();
+	}, []), [{
+		open: (t) => e.open(u(t)),
+		success: (t) => e.success(u(t, "success")),
+		info: (t) => e.info(u(t, "info")),
+		warning: (t) => e.warning(u(t, "warning")),
+		error: (t) => e.error(u(t, "error")),
+		destroy: (t) => e.destroy(t)
+	}, r];
+}
+var f = {
+	open: (e) => t.open(u(e)),
+	success: (e) => t.success(u(e, "success")),
+	info: (e) => t.info(u(e, "info")),
+	warning: (e) => t.warning(u(e, "warning")),
+	error: (e) => t.error(u(e, "error")),
+	destroy: (e) => t.destroy(e)
+};
+//#endregion
+export { f as notificationDS, d as useNotification };
+
+//# sourceMappingURL=Notification.js.map

package/dist-lib/feedback/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","names":[],"sources":["../../src/ds/feedback/Notification.tsx"],"sourcesContent":["import { notification } from 'antd';\nimport type { NotificationArgsProps } from 'antd';\nimport type { ReactNode } from 'react';\nimport { useEffect } from 'react';\nimport { getDSFeedbackStatusIcon, type DSFeedbackStatus } from './feedbackIcons';\n\nconst STYLE_ID = 'ds-notification-styles';\nconst DS_NOTIFICATION_ICON_SIZE = 20;\n\nfunction injectStyles() {\n  if (typeof document === 'undefined') return;\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-notification.ant-notification-notice,\n    .ds-notification .ant-notification-notice-wrapper,\n    .ds-notification .ant-notification-notice-message,\n    .ds-notification .ant-notification-notice-description,\n    .ds-notification .ant-notification-notice-actions,\n    .ds-notification .ds-notification-title,\n    .ds-notification .ds-notification-description {\n      font-family: 'Nunito', sans-serif !important;\n    }\n\n    .ds-notification .ant-notification-notice-message {\n      font-weight: 700;\n    }\n\n    .ds-notification .ant-notification-notice-description {\n      font-weight: 600;\n    }\n  `;\n}\n\nfunction mergeClassNames(...names: Array<string | undefined>) {\n  return names.filter(Boolean).join(' ');\n}\n\nfunction wrapNode(node: ReactNode, className: string) {\n  if (node === undefined || node === null) return node;\n  return <span className={className}>{node}</span>;\n}\n\nfunction isFeedbackStatus(type: NotificationArgsProps['type']): type is DSFeedbackStatus {\n  return type === 'success' || type === 'info' || type === 'warning' || type === 'error';\n}\n\nfunction withDS(config: NotificationArgsProps, fallbackType?: DSFeedbackStatus): NotificationArgsProps {\n  injectStyles();\n  const resolvedType = config.type ?? fallbackType;\n\n  return {\n    ...config,\n    className: mergeClassNames('ds-notification', config.className),\n    icon:\n      config.icon ?? (isFeedbackStatus(resolvedType) ? getDSFeedbackStatusIcon(resolvedType, { size: DS_NOTIFICATION_ICON_SIZE }) : undefined),\n    message: wrapNode(config.message, 'ds-notification-title'),\n    title: wrapNode(config.title, 'ds-notification-title'),\n    description: wrapNode(config.description, 'ds-notification-description'),\n  };\n}\n\ntype NotificationApi = ReturnType<typeof notification.useNotification>[0];\n\nexport function useNotification() {\n  const [api, contextHolder] = notification.useNotification();\n\n  useEffect(() => {\n    injectStyles();\n  }, []);\n\n  const dsApi: NotificationApi = {\n    open: (config) => api.open(withDS(config)),\n    success: (config) => api.success(withDS(config, 'success')),\n    info: (config) => api.info(withDS(config, 'info')),\n    warning: (config) => api.warning(withDS(config, 'warning')),\n    error: (config) => api.error(withDS(config, 'error')),\n    destroy: (key) => api.destroy(key),\n  };\n\n  return [dsApi, contextHolder] as const;\n}\n\nexport const notificationDS = {\n  open: (config: NotificationArgsProps) => notification.open(withDS(config)),\n  success: (config: NotificationArgsProps) => notification.success(withDS(config, 'success')),\n  info: (config: NotificationArgsProps) => notification.info(withDS(config, 'info')),\n  warning: (config: NotificationArgsProps) => notification.warning(withDS(config, 'warning')),\n  error: (config: NotificationArgsProps) => notification.error(withDS(config, 'error')),\n  destroy: (key?: React.Key) => notification.destroy(key),\n};\n"],"mappings":";;;;;AAMA,IAAM,IAAW,0BACX,IAA4B;AAElC,SAAS,IAAe;AACtB,KAAI,OAAO,WAAa,IAAa;CAErC,IAAI,IAAQ,SAAS,eAAe,EAAS;AAO7C,CANK,MACH,IAAQ,SAAS,cAAc,QAAQ,EACvC,EAAM,KAAK,GACX,SAAS,KAAK,YAAY,EAAM,GAGlC,EAAM,cAAc;;AAqBtB,SAAS,EAAgB,GAAG,GAAkC;AAC5D,QAAO,EAAM,OAAO,QAAQ,CAAC,KAAK,IAAI;;AAGxC,SAAS,EAAS,GAAiB,GAAmB;AAEpD,QADI,KAA+B,OAAa,IACzC,kBAAC,QAAD;EAAiB;YAAY;EAAY,CAAA;;AAGlD,SAAS,EAAiB,GAA+D;AACvF,QAAO,MAAS,aAAa,MAAS,UAAU,MAAS,aAAa,MAAS;;AAGjF,SAAS,EAAO,GAA+B,GAAwD;AACrG,IAAc;CACd,IAAM,IAAe,EAAO,QAAQ;AAEpC,QAAO;EACL,GAAG;EACH,WAAW,EAAgB,mBAAmB,EAAO,UAAU;EAC/D,MACE,EAAO,SAAS,EAAiB,EAAa,GAAG,EAAwB,GAAc,EAAE,MAAM,GAA2B,CAAC,GAAG,KAAA;EAChI,SAAS,EAAS,EAAO,SAAS,wBAAwB;EAC1D,OAAO,EAAS,EAAO,OAAO,wBAAwB;EACtD,aAAa,EAAS,EAAO,aAAa,8BAA8B;EACzE;;AAKH,SAAgB,IAAkB;CAChC,IAAM,CAAC,GAAK,KAAiB,EAAa,iBAAiB;AAe3D,QAbA,QAAgB;AACd,KAAc;IACb,EAAE,CAAC,EAWC,CAAC;EARN,OAAO,MAAW,EAAI,KAAK,EAAO,EAAO,CAAC;EAC1C,UAAU,MAAW,EAAI,QAAQ,EAAO,GAAQ,UAAU,CAAC;EAC3D,OAAO,MAAW,EAAI,KAAK,EAAO,GAAQ,OAAO,CAAC;EAClD,UAAU,MAAW,EAAI,QAAQ,EAAO,GAAQ,UAAU,CAAC;EAC3D,QAAQ,MAAW,EAAI,MAAM,EAAO,GAAQ,QAAQ,CAAC;EACrD,UAAU,MAAQ,EAAI,QAAQ,EAAI;EAG5B,EAAO,EAAc;;AAG/B,IAAa,IAAiB;CAC5B,OAAO,MAAkC,EAAa,KAAK,EAAO,EAAO,CAAC;CAC1E,UAAU,MAAkC,EAAa,QAAQ,EAAO,GAAQ,UAAU,CAAC;CAC3F,OAAO,MAAkC,EAAa,KAAK,EAAO,GAAQ,OAAO,CAAC;CAClF,UAAU,MAAkC,EAAa,QAAQ,EAAO,GAAQ,UAAU,CAAC;CAC3F,QAAQ,MAAkC,EAAa,MAAM,EAAO,GAAQ,QAAQ,CAAC;CACrF,UAAU,MAAoB,EAAa,QAAQ,EAAI;CACxD"}

package/dist-lib/feedback/Popconfirm.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`../feedbackIcons-DXxPnA5r.cjs`);let t=require(`antd`),n=require(`react/jsx-runtime`);var r=16;function i({icon:i,...a}){return(0,n.jsx)(t.Popconfirm,{...a,icon:i??e.n({size:r})})}exports.Popconfirm=i;
+//# sourceMappingURL=Popconfirm.cjs.map

package/dist-lib/feedback/Popconfirm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popconfirm.cjs","names":[],"sources":["../../src/ds/feedback/Popconfirm.tsx"],"sourcesContent":["import { Popconfirm as AntPopconfirm } from 'antd';\nimport type { PopconfirmProps } from 'antd';\nimport { getDSPopconfirmIcon } from './feedbackIcons';\n\nconst DS_POPCONFIRM_ICON_SIZE = 16;\n\nexport type DSPopconfirmProps = PopconfirmProps;\n\nexport function Popconfirm({ icon, ...props }: DSPopconfirmProps) {\n  return (\n    <AntPopconfirm\n      {...props}\n      icon={icon ?? getDSPopconfirmIcon({ size: DS_POPCONFIRM_ICON_SIZE })}\n    />\n  );\n}\n"],"mappings":"0MAIA,IAAM,EAA0B,GAIhC,SAAgB,EAAW,CAAE,OAAM,GAAG,GAA4B,CAChE,OACE,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,GAAI,EACJ,KAAM,GAAQ,EAAA,EAAoB,CAAE,KAAM,EAAyB,CAAC,CACpE,CAAA"}

package/dist-lib/feedback/Popconfirm.js

@@ -0,0 +1,15 @@
+import { n as e } from "../feedbackIcons-DBoCD6Dk.js";
+import { Popconfirm as t } from "antd";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/ds/feedback/Popconfirm.tsx
+var r = 16;
+function i({ icon: i, ...a }) {
+	return /* @__PURE__ */ n(t, {
+		...a,
+		icon: i ?? e({ size: r })
+	});
+}
+//#endregion
+export { i as Popconfirm };
+
+//# sourceMappingURL=Popconfirm.js.map

package/dist-lib/feedback/Popconfirm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popconfirm.js","names":[],"sources":["../../src/ds/feedback/Popconfirm.tsx"],"sourcesContent":["import { Popconfirm as AntPopconfirm } from 'antd';\nimport type { PopconfirmProps } from 'antd';\nimport { getDSPopconfirmIcon } from './feedbackIcons';\n\nconst DS_POPCONFIRM_ICON_SIZE = 16;\n\nexport type DSPopconfirmProps = PopconfirmProps;\n\nexport function Popconfirm({ icon, ...props }: DSPopconfirmProps) {\n  return (\n    <AntPopconfirm\n      {...props}\n      icon={icon ?? getDSPopconfirmIcon({ size: DS_POPCONFIRM_ICON_SIZE })}\n    />\n  );\n}\n"],"mappings":";;;;AAIA,IAAM,IAA0B;AAIhC,SAAgB,EAAW,EAAE,SAAM,GAAG,KAA4B;AAChE,QACE,kBAAC,GAAD;EACE,GAAI;EACJ,MAAM,KAAQ,EAAoB,EAAE,MAAM,GAAyB,CAAC;EACpE,CAAA"}

package/dist-lib/feedback/Progress.cjs

@@ -0,0 +1,78 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`../theme.cjs`),t=require(`../display/Tag.cjs`);let n=require(`antd`),r=require(`react`),i=require(`react/jsx-runtime`);var a=`ds-progress-styles`,o=`ds-progress`,s=`ds-progress-shell`,c={upload:`processing`,completion:`complete`,risk:`blocked`,workflow:`pending`,stepProgress:`processing`},l={upload:`Upload progress`,completion:`Completion`,risk:`Risk progress`,workflow:`Workflow progress`,stepProgress:`Step progress`},u={complete:`Complete`,pending:`Pending`,blocked:`Blocked`,failed:`Failed`,processing:`Processing`},d={complete:`success`,pending:`normal`,blocked:`normal`,failed:`exception`,processing:`active`},f={complete:`success`,pending:`inactive`,blocked:`warning`,failed:`error`,processing:`new`},p={upload:`line`,completion:`circle`,risk:`dashboard`,workflow:`line`,stepProgress:`line`};function m(...e){return e.filter(Boolean).join(` `).trim()}function h(){if(typeof document>`u`)return;let{progress:t}=e.dsSemanticTokens,n=document.getElementById(a);n||(n=document.createElement(`style`),n.id=a,document.head.appendChild(n)),n.textContent=`
+    .${s} {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      width: 100%;
+      font-family: 'Nunito', sans-serif;
+      color: ${t.text.label};
+    }
+
+    .ds-progress-copy {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      min-width: 0;
+    }
+
+    .ds-progress-label-row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 12px;
+      min-width: 0;
+    }
+
+    .ds-progress-label {
+      min-width: 0;
+      color: ${t.text.label};
+      font-size: ${t.typography.label.fontSize};
+      font-weight: ${t.typography.label.fontWeight};
+      line-height: ${t.typography.label.lineHeight};
+      overflow-wrap: anywhere;
+    }
+
+    .ds-progress-state {
+      flex: 0 0 auto;
+    }
+
+    .ds-progress-description {
+      color: ${t.text.description};
+      font-size: 12px;
+      line-height: 16px;
+      font-weight: 600;
+      overflow-wrap: anywhere;
+    }
+
+    .${o}.ant-progress {
+      width: 100%;
+      font-family: 'Nunito', sans-serif;
+      --ds-progress-track-color: ${t.status.processing.track};
+      --ds-progress-rail-color: ${t.rail};
+    }
+
+    .${o}.ant-progress .ant-progress-track,
+    .${o}.ant-progress .ant-progress-bg,
+    .${o}.ant-progress .ant-progress-steps-item-active {
+      background: var(--ds-progress-track-color) !important;
+    }
+
+    .${o}.ant-progress .ant-progress-rail,
+    .${o}.ant-progress .ant-progress-inner,
+    .${o}.ant-progress .ant-progress-steps-item:not(.ant-progress-steps-item-active) {
+      background: var(--ds-progress-rail-color) !important;
+    }
+
+    .${o}.ant-progress .ant-progress-text,
+    .${o}.ant-progress .ant-progress-indicator {
+      color: ${t.text.value} !important;
+      font-size: ${t.typography.value.fontSize};
+      font-weight: ${t.typography.value.fontWeight};
+      line-height: ${t.typography.value.lineHeight};
+    }
+
+    .${o}.ant-progress-circle .ant-progress-text {
+      color: ${t.text.value} !important;
+    }
+  `}function g(e,t){return e===void 0?t===`complete`?100:t===`pending`?0:50:e}function _(t,n){let r=e.dsSemanticTokens.progress.size[n];return t===`circle`?r.circle:t===`dashboard`?r.dashboard:n===`sm`?`small`:`medium`}function v(t,n){let r=e.dsSemanticTokens.progress.size[n];return t===`circle`||t===`dashboard`?Math.max(r.strokeWidth,6):r.strokeWidth}function y({dsVariant:a=`workflow`,dsState:y,dsSize:b=`md`,dsLabel:x,dsDescription:S,dsStateLabel:C,dsShowLabel:w=!0,dsSteps:T=5,percent:E,showInfo:D=!0,className:O,rootClassName:k,style:A,percentPosition:j,...M}){(0,r.useEffect)(()=>{h()},[]);let N=y??c[a],P=p[a],F=g(E,N),I=e.dsSemanticTokens.progress.status[N],L=x??l[a],R=C??u[N],z=a===`stepProgress`?T:void 0,B=d[N],V=M[`aria-label`]??`${L}: ${R}, ${F}%`,H=(0,i.jsx)(n.Progress,{...M,"aria-label":V,className:m(o,O),rootClassName:k,percent:F,percentPosition:j??(P===`line`&&!z?{align:`end`,type:`outer`}:void 0),showInfo:D,size:_(P,b),status:B,steps:z,strokeColor:I.track,railColor:e.dsSemanticTokens.progress.rail,strokeLinecap:`butt`,strokeWidth:v(P,b),style:{...A,"--ds-progress-track-color":I.track,"--ds-progress-rail-color":e.dsSemanticTokens.progress.rail},type:P,format:e=>`${Math.round(e??0)}%`});return w?(0,i.jsxs)(`div`,{className:s,"data-ds-progress-variant":a,"data-ds-progress-state":N,"data-ds-progress-size":b,children:[(0,i.jsxs)(`div`,{className:`ds-progress-copy`,children:[(0,i.jsxs)(`div`,{className:`ds-progress-label-row`,children:[(0,i.jsx)(`span`,{className:`ds-progress-label`,children:L}),(0,i.jsx)(t.Tag,{className:`ds-progress-state`,dsStatus:f[N],dsVariant:`light`,dsSize:`sm`,children:R})]}),S?(0,i.jsx)(`span`,{className:`ds-progress-description`,children:S}):null]}),H]}):H}y.displayName=`Progress`,exports.Progress=y;
+//# sourceMappingURL=Progress.cjs.map

package/dist-lib/feedback/Progress.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.cjs","names":[],"sources":["../../src/ds/feedback/Progress.tsx"],"sourcesContent":["import { Progress as AntProgress } from 'antd';\nimport type { ProgressProps as AntProgressProps } from 'antd';\nimport type { ReactNode } from 'react';\nimport { useEffect } from 'react';\nimport { Tag } from '../display';\nimport type { DSTagStatus } from '../display';\nimport { dsSemanticTokens } from '../../theme/ontadaTheme';\n\nexport type DSProgressVariant = 'upload' | 'completion' | 'risk' | 'workflow' | 'stepProgress';\nexport type DSProgressState = 'complete' | 'pending' | 'blocked' | 'failed' | 'processing';\nexport type DSProgressSize = 'sm' | 'md' | 'lg';\n\ntype RestrictedAntVisualProps = 'status' | 'strokeColor' | 'trailColor' | 'railColor' | 'strokeWidth' | 'strokeLinecap' | 'type' | 'steps' | 'format';\n\nexport type ProgressProps = Omit<AntProgressProps, RestrictedAntVisualProps> & {\n  /** Semantic DS progress variant. */\n  dsVariant?: DSProgressVariant;\n  /** Explicit workflow state. Displayed as text and mapped to DS semantic colors. */\n  dsState?: DSProgressState;\n  /** DS size preset. */\n  dsSize?: DSProgressSize;\n  /** Optional label displayed above the progress indicator. */\n  dsLabel?: ReactNode;\n  /** Optional supporting text displayed below the label/status row. */\n  dsDescription?: ReactNode;\n  /** Override visible state label while preserving semantic color from `dsState`. */\n  dsStateLabel?: ReactNode;\n  /** Show or hide the DS label/status text block. */\n  dsShowLabel?: boolean;\n  /** Number of segments for `stepProgress`. */\n  dsSteps?: number;\n};\n\nconst STYLE_ID = 'ds-progress-styles';\nconst DS_PROGRESS_CLASS = 'ds-progress';\nconst DS_PROGRESS_SHELL_CLASS = 'ds-progress-shell';\n\nconst DEFAULT_STATE_BY_VARIANT: Record<DSProgressVariant, DSProgressState> = {\n  upload: 'processing',\n  completion: 'complete',\n  risk: 'blocked',\n  workflow: 'pending',\n  stepProgress: 'processing',\n};\n\nconst DEFAULT_LABEL_BY_VARIANT: Record<DSProgressVariant, ReactNode> = {\n  upload: 'Upload progress',\n  completion: 'Completion',\n  risk: 'Risk progress',\n  workflow: 'Workflow progress',\n  stepProgress: 'Step progress',\n};\n\nconst STATE_LABEL: Record<DSProgressState, string> = {\n  complete: 'Complete',\n  pending: 'Pending',\n  blocked: 'Blocked',\n  failed: 'Failed',\n  processing: 'Processing',\n};\n\nconst ANT_STATUS_BY_STATE: Record<DSProgressState, AntProgressProps['status']> = {\n  complete: 'success',\n  pending: 'normal',\n  blocked: 'normal',\n  failed: 'exception',\n  processing: 'active',\n};\n\nconst TAG_STATUS_BY_STATE: Record<DSProgressState, DSTagStatus> = {\n  complete: 'success',\n  pending: 'inactive',\n  blocked: 'warning',\n  failed: 'error',\n  processing: 'new',\n};\n\nconst TYPE_BY_VARIANT: Record<DSProgressVariant, AntProgressProps['type']> = {\n  upload: 'line',\n  completion: 'circle',\n  risk: 'dashboard',\n  workflow: 'line',\n  stepProgress: 'line',\n};\n\nfunction mergeClassNames(...classNames: Array<string | undefined>) {\n  return classNames.filter(Boolean).join(' ').trim();\n}\n\nfunction injectStyles() {\n  if (typeof document === 'undefined') return;\n\n  const { progress } = 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_PROGRESS_SHELL_CLASS} {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      width: 100%;\n      font-family: 'Nunito', sans-serif;\n      color: ${progress.text.label};\n    }\n\n    .ds-progress-copy {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      min-width: 0;\n    }\n\n    .ds-progress-label-row {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 12px;\n      min-width: 0;\n    }\n\n    .ds-progress-label {\n      min-width: 0;\n      color: ${progress.text.label};\n      font-size: ${progress.typography.label.fontSize};\n      font-weight: ${progress.typography.label.fontWeight};\n      line-height: ${progress.typography.label.lineHeight};\n      overflow-wrap: anywhere;\n    }\n\n    .ds-progress-state {\n      flex: 0 0 auto;\n    }\n\n    .ds-progress-description {\n      color: ${progress.text.description};\n      font-size: 12px;\n      line-height: 16px;\n      font-weight: 600;\n      overflow-wrap: anywhere;\n    }\n\n    .${DS_PROGRESS_CLASS}.ant-progress {\n      width: 100%;\n      font-family: 'Nunito', sans-serif;\n      --ds-progress-track-color: ${progress.status.processing.track};\n      --ds-progress-rail-color: ${progress.rail};\n    }\n\n    .${DS_PROGRESS_CLASS}.ant-progress .ant-progress-track,\n    .${DS_PROGRESS_CLASS}.ant-progress .ant-progress-bg,\n    .${DS_PROGRESS_CLASS}.ant-progress .ant-progress-steps-item-active {\n      background: var(--ds-progress-track-color) !important;\n    }\n\n    .${DS_PROGRESS_CLASS}.ant-progress .ant-progress-rail,\n    .${DS_PROGRESS_CLASS}.ant-progress .ant-progress-inner,\n    .${DS_PROGRESS_CLASS}.ant-progress .ant-progress-steps-item:not(.ant-progress-steps-item-active) {\n      background: var(--ds-progress-rail-color) !important;\n    }\n\n    .${DS_PROGRESS_CLASS}.ant-progress .ant-progress-text,\n    .${DS_PROGRESS_CLASS}.ant-progress .ant-progress-indicator {\n      color: ${progress.text.value} !important;\n      font-size: ${progress.typography.value.fontSize};\n      font-weight: ${progress.typography.value.fontWeight};\n      line-height: ${progress.typography.value.lineHeight};\n    }\n\n    .${DS_PROGRESS_CLASS}.ant-progress-circle .ant-progress-text {\n      color: ${progress.text.value} !important;\n    }\n  `;\n}\n\nfunction getPercent(percent: AntProgressProps['percent'], state: DSProgressState) {\n  if (percent !== undefined) return percent;\n  return state === 'complete' ? 100 : state === 'pending' ? 0 : 50;\n}\n\nfunction getProgressSize(type: AntProgressProps['type'], dsSize: DSProgressSize) {\n  const tokens = dsSemanticTokens.progress.size[dsSize];\n  if (type === 'circle') return tokens.circle;\n  if (type === 'dashboard') return tokens.dashboard;\n  return dsSize === 'sm' ? 'small' : 'medium';\n}\n\nfunction getStrokeWidth(type: AntProgressProps['type'], dsSize: DSProgressSize) {\n  const tokens = dsSemanticTokens.progress.size[dsSize];\n  if (type === 'circle' || type === 'dashboard') return Math.max(tokens.strokeWidth, 6);\n  return tokens.strokeWidth;\n}\n\nexport function Progress({\n  dsVariant = 'workflow',\n  dsState,\n  dsSize = 'md',\n  dsLabel,\n  dsDescription,\n  dsStateLabel,\n  dsShowLabel = true,\n  dsSteps = 5,\n  percent,\n  showInfo = true,\n  className,\n  rootClassName,\n  style,\n  percentPosition,\n  ...props\n}: ProgressProps) {\n  useEffect(() => {\n    injectStyles();\n  }, []);\n\n  const resolvedState = dsState ?? DEFAULT_STATE_BY_VARIANT[dsVariant];\n  const resolvedType = TYPE_BY_VARIANT[dsVariant];\n  const resolvedPercent = getPercent(percent, resolvedState);\n  const stateTokens = dsSemanticTokens.progress.status[resolvedState];\n  const label = dsLabel ?? DEFAULT_LABEL_BY_VARIANT[dsVariant];\n  const stateLabel = dsStateLabel ?? STATE_LABEL[resolvedState];\n  const steps = dsVariant === 'stepProgress' ? dsSteps : undefined;\n  const antStatus = ANT_STATUS_BY_STATE[resolvedState];\n  const ariaLabel = props['aria-label'] ?? `${label}: ${stateLabel}, ${resolvedPercent}%`;\n\n  const progress = (\n    <AntProgress\n      {...props}\n      aria-label={ariaLabel}\n      className={mergeClassNames(DS_PROGRESS_CLASS, className)}\n      rootClassName={rootClassName}\n      percent={resolvedPercent}\n      percentPosition={percentPosition ?? (resolvedType === 'line' && !steps ? { align: 'end', type: 'outer' } : undefined)}\n      showInfo={showInfo}\n      size={getProgressSize(resolvedType, dsSize)}\n      status={antStatus}\n      steps={steps}\n      strokeColor={stateTokens.track}\n      railColor={dsSemanticTokens.progress.rail}\n      strokeLinecap=\"butt\"\n      strokeWidth={getStrokeWidth(resolvedType, dsSize)}\n      style={{\n        ...style,\n        ['--ds-progress-track-color' as string]: stateTokens.track,\n        ['--ds-progress-rail-color' as string]: dsSemanticTokens.progress.rail,\n      }}\n      type={resolvedType}\n      format={(value) => `${Math.round(value ?? 0)}%`}\n    />\n  );\n\n  if (!dsShowLabel) {\n    return progress;\n  }\n\n  return (\n    <div\n      className={DS_PROGRESS_SHELL_CLASS}\n      data-ds-progress-variant={dsVariant}\n      data-ds-progress-state={resolvedState}\n      data-ds-progress-size={dsSize}\n    >\n      <div className=\"ds-progress-copy\">\n        <div className=\"ds-progress-label-row\">\n          <span className=\"ds-progress-label\">{label}</span>\n          <Tag className=\"ds-progress-state\" dsStatus={TAG_STATUS_BY_STATE[resolvedState]} dsVariant=\"light\" dsSize=\"sm\">\n            {stateLabel}\n          </Tag>\n        </div>\n        {dsDescription ? <span className=\"ds-progress-description\">{dsDescription}</span> : null}\n      </div>\n      {progress}\n    </div>\n  );\n}\n\nProgress.displayName = 'Progress';"],"mappings":"4OAiCA,IAAM,EAAW,qBACX,EAAoB,cACpB,EAA0B,oBAE1B,EAAuE,CAC3E,OAAQ,aACR,WAAY,WACZ,KAAM,UACN,SAAU,UACV,aAAc,aACf,CAEK,EAAiE,CACrE,OAAQ,kBACR,WAAY,aACZ,KAAM,gBACN,SAAU,oBACV,aAAc,gBACf,CAEK,EAA+C,CACnD,SAAU,WACV,QAAS,UACT,QAAS,UACT,OAAQ,SACR,WAAY,aACb,CAEK,EAA2E,CAC/E,SAAU,UACV,QAAS,SACT,QAAS,SACT,OAAQ,YACR,WAAY,SACb,CAEK,EAA4D,CAChE,SAAU,UACV,QAAS,WACT,QAAS,UACT,OAAQ,QACR,WAAY,MACb,CAEK,EAAuE,CAC3E,OAAQ,OACR,WAAY,SACZ,KAAM,YACN,SAAU,OACV,aAAc,OACf,CAED,SAAS,EAAgB,GAAG,EAAuC,CACjE,OAAO,EAAW,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAC,MAAM,CAGpD,SAAS,GAAe,CACtB,GAAI,OAAO,SAAa,IAAa,OAErC,GAAM,CAAE,YAAa,EAAA,iBACjB,EAAQ,SAAS,eAAe,EAAS,CACxC,IACH,EAAQ,SAAS,cAAc,QAAQ,CACvC,EAAM,GAAK,EACX,SAAS,KAAK,YAAY,EAAM,EAGlC,EAAM,YAAc;OACf,EAAwB;;;;;;eAMhB,EAAS,KAAK,MAAM;;;;;;;;;;;;;;;;;;;;eAoBpB,EAAS,KAAK,MAAM;mBAChB,EAAS,WAAW,MAAM,SAAS;qBACjC,EAAS,WAAW,MAAM,WAAW;qBACrC,EAAS,WAAW,MAAM,WAAW;;;;;;;;;eAS3C,EAAS,KAAK,YAAY;;;;;;;OAOlC,EAAkB;;;mCAGU,EAAS,OAAO,WAAW,MAAM;kCAClC,EAAS,KAAK;;;OAGzC,EAAkB;OAClB,EAAkB;OAClB,EAAkB;;;;OAIlB,EAAkB;OAClB,EAAkB;OAClB,EAAkB;;;;OAIlB,EAAkB;OAClB,EAAkB;eACV,EAAS,KAAK,MAAM;mBAChB,EAAS,WAAW,MAAM,SAAS;qBACjC,EAAS,WAAW,MAAM,WAAW;qBACrC,EAAS,WAAW,MAAM,WAAW;;;OAGnD,EAAkB;eACV,EAAS,KAAK,MAAM;;IAKnC,SAAS,EAAW,EAAsC,EAAwB,CAEhF,OADI,IAAY,IAAA,GACT,IAAU,WAAa,IAAM,IAAU,UAAY,EAAI,GAD5B,EAIpC,SAAS,EAAgB,EAAgC,EAAwB,CAC/E,IAAM,EAAS,EAAA,iBAAiB,SAAS,KAAK,GAG9C,OAFI,IAAS,SAAiB,EAAO,OACjC,IAAS,YAAoB,EAAO,UACjC,IAAW,KAAO,QAAU,SAGrC,SAAS,EAAe,EAAgC,EAAwB,CAC9E,IAAM,EAAS,EAAA,iBAAiB,SAAS,KAAK,GAE9C,OADI,IAAS,UAAY,IAAS,YAAoB,KAAK,IAAI,EAAO,YAAa,EAAE,CAC9E,EAAO,YAGhB,SAAgB,EAAS,CACvB,YAAY,WACZ,UACA,SAAS,KACT,UACA,gBACA,eACA,cAAc,GACd,UAAU,EACV,UACA,WAAW,GACX,YACA,gBACA,QACA,kBACA,GAAG,GACa,EAChB,EAAA,EAAA,eAAgB,CACd,GAAc,EACb,EAAE,CAAC,CAEN,IAAM,EAAgB,GAAW,EAAyB,GACpD,EAAe,EAAgB,GAC/B,EAAkB,EAAW,EAAS,EAAc,CACpD,EAAc,EAAA,iBAAiB,SAAS,OAAO,GAC/C,EAAQ,GAAW,EAAyB,GAC5C,EAAa,GAAgB,EAAY,GACzC,EAAQ,IAAc,eAAiB,EAAU,IAAA,GACjD,EAAY,EAAoB,GAChC,EAAY,EAAM,eAAiB,GAAG,EAAM,IAAI,EAAW,IAAI,EAAgB,GAE/E,GACJ,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,GAAI,EACJ,aAAY,EACZ,UAAW,EAAgB,EAAmB,EAAU,CACzC,gBACf,QAAS,EACT,gBAAiB,IAAoB,IAAiB,QAAU,CAAC,EAAQ,CAAE,MAAO,MAAO,KAAM,QAAS,CAAG,IAAA,IACjG,WACV,KAAM,EAAgB,EAAc,EAAO,CAC3C,OAAQ,EACD,QACP,YAAa,EAAY,MACzB,UAAW,EAAA,iBAAiB,SAAS,KACrC,cAAc,OACd,YAAa,EAAe,EAAc,EAAO,CACjD,MAAO,CACL,GAAG,EACF,4BAAwC,EAAY,MACpD,2BAAuC,EAAA,iBAAiB,SAAS,KACnE,CACD,KAAM,EACN,OAAS,GAAU,GAAG,KAAK,MAAM,GAAS,EAAE,CAAC,GAC7C,CAAA,CAOJ,OAJK,GAKH,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EACX,2BAA0B,EAC1B,yBAAwB,EACxB,wBAAuB,WAJzB,EAME,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4BAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,iCAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6BAAqB,EAAa,CAAA,EAClD,EAAA,EAAA,KAAC,EAAA,IAAD,CAAK,UAAU,oBAAoB,SAAU,EAAoB,GAAgB,UAAU,QAAQ,OAAO,cACvG,EACG,CAAA,CACF,GACL,GAAgB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCAA2B,EAAqB,CAAA,CAAG,KAChF,GACL,EACG,GApBC,EAwBX,EAAS,YAAc"}