ods-ant 0.2.0 → 0.4.0

package/dist-lib/feedback/Drawer.js

@@ -0,0 +1,255 @@
+import { dsSemanticTokens as e } from "../theme.js";
+import { Button as t } from "../forms/Button.js";
+import { Drawer as n } from "antd";
+import { useEffect as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/ds/feedback/Drawer.tsx
+var o = "ds-drawer-styles", s = {
+	details: "standard",
+	edit: "wide",
+	filter: "narrow",
+	confirmation: "narrow",
+	workflowPanel: "full"
+}, c = {
+	details: "none",
+	edit: "actions",
+	filter: "actions",
+	confirmation: "actions",
+	workflowPanel: "actions"
+}, l = {
+	details: "Done",
+	edit: "Save",
+	filter: "Apply filters",
+	confirmation: "Confirm",
+	workflowPanel: "Continue"
+}, u = {
+	details: "Close",
+	edit: "Cancel",
+	filter: "Reset",
+	confirmation: "Cancel",
+	workflowPanel: "Back"
+}, d = (...e) => e.filter(Boolean).join(" ").trim();
+function f() {
+	if (typeof document > "u") return;
+	let { drawer: t } = e, n = document.getElementById(o);
+	n || (n = document.createElement("style"), n.id = o, document.head.appendChild(n)), n.textContent = `
+    .ds-drawer-root .ant-drawer-mask {
+      background: ${t.backdrop} !important;
+    }
+
+    .ds-drawer-root .ant-drawer-content-wrapper {
+      box-shadow: ${t.shadow} !important;
+    }
+
+    .ds-drawer-root .ant-drawer-content,
+    .ds-drawer.ant-drawer-content {
+      background: ${t.surface.background};
+      border-radius: ${t.border.radius};
+      overflow: hidden;
+    }
+
+    .ds-drawer-root .ant-drawer-header {
+      flex: 0 0 auto !important;
+      min-height: 64px;
+      height: auto !important;
+      padding: ${t.spacing.header};
+      background: ${t.surface.header};
+      border-bottom: ${t.border.width} solid ${t.border.color};
+      align-items: flex-start;
+      box-sizing: border-box;
+    }
+
+    .ds-drawer-root .ant-drawer-header-title {
+      width: 100%;
+      min-width: 0;
+      min-height: 0;
+      height: auto !important;
+      gap: 12px;
+      align-items: flex-start;
+    }
+
+    .ds-drawer-root .ant-drawer-title {
+      flex: 1 1 auto;
+      min-width: 0;
+      color: ${t.text.title};
+      font-family: 'Nunito', sans-serif;
+      font-size: 18px;
+      font-weight: 700;
+      line-height: 24px;
+      letter-spacing: 0;
+      white-space: normal;
+      overflow-wrap: anywhere;
+    }
+
+    .ds-drawer-title-stack {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      width: 100%;
+      min-width: 0;
+    }
+
+    .ds-drawer-title-text,
+    .ds-drawer-description {
+      overflow-wrap: anywhere;
+    }
+
+    .ds-drawer-description {
+      color: ${t.text.description};
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 20px;
+    }
+
+    .ds-drawer-root .ant-drawer-close {
+      width: ${t.closeButton.size};
+      height: ${t.closeButton.size};
+      padding: 0;
+      margin-inline-end: 0;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      flex: 0 0 ${t.closeButton.size};
+      color: ${t.closeButton.color};
+      border-radius: ${t.closeButton.radius};
+      background: transparent !important;
+      border: 0 !important;
+      box-shadow: none !important;
+    }
+
+    .ds-drawer-root .ant-drawer-close svg {
+      width: ${t.closeButton.iconSize};
+      height: ${t.closeButton.iconSize};
+    }
+
+    .ds-drawer-root .ant-drawer-body {
+      padding: ${t.spacing.body};
+      background: ${t.surface.background};
+      color: ${t.text.body};
+      font-family: 'Nunito', sans-serif;
+      font-size: 14px;
+      line-height: 20px;
+    }
+
+    .ds-drawer-root .ant-drawer-footer {
+      min-height: 64px;
+      margin: 0;
+      padding: ${t.spacing.footer};
+      background: ${t.surface.footer};
+      border-top: ${t.border.width} solid ${t.border.color};
+    }
+
+    .ds-drawer-actions {
+      display: flex;
+      width: 100%;
+      align-items: center;
+      justify-content: space-between;
+      gap: 16px;
+    }
+
+    .ds-drawer-actions-main {
+      display: inline-flex;
+      align-items: center;
+      justify-content: flex-end;
+      gap: 12px;
+      margin-inline-start: auto;
+    }
+
+    .ds-drawer-root.ds-drawer-variant-details .ant-drawer-body {
+      background: ${t.surface.details};
+    }
+
+    .ds-drawer-root.ds-drawer-variant-edit .ant-drawer-body,
+    .ds-drawer-root.ds-drawer-variant-workflowPanel .ant-drawer-body {
+      padding: ${t.spacing.body};
+    }
+
+    .ds-drawer-root.ds-drawer-variant-filter .ant-drawer-body {
+      padding: ${t.spacing.bodyCompact};
+    }
+
+    .ds-drawer-root.ds-drawer-footer-none .ant-drawer-footer {
+      display: none;
+    }
+
+    @media (max-width: 640px) {
+      .ds-drawer-root .ant-drawer-content-wrapper {
+        max-width: 100vw !important;
+      }
+
+      .ds-drawer-root .ant-drawer-header,
+      .ds-drawer-root .ant-drawer-body,
+      .ds-drawer-root .ant-drawer-footer {
+        padding-left: 16px;
+        padding-right: 16px;
+      }
+
+      .ds-drawer-actions,
+      .ds-drawer-actions-main {
+        flex-direction: column-reverse;
+        align-items: stretch;
+      }
+
+      .ds-drawer-actions-main {
+        width: 100%;
+        margin-inline-start: 0;
+      }
+
+      .ds-drawer-actions .ant-btn {
+        width: 100%;
+      }
+    }
+  `;
+}
+function p(e, t) {
+	return t ? /* @__PURE__ */ a("span", {
+		className: "ds-drawer-title-stack",
+		children: [/* @__PURE__ */ i("span", {
+			className: "ds-drawer-title-text",
+			children: e
+		}), /* @__PURE__ */ i("span", {
+			className: "ds-drawer-description",
+			children: t
+		})]
+	}) : e;
+}
+function m(e, n, r) {
+	return /* @__PURE__ */ i(t, {
+		dsVariant: n,
+		disabled: e.disabled,
+		loading: e.loading,
+		onClick: e.onClick ?? r,
+		children: e.label
+	});
+}
+var h = ({ dsVariant: t = "details", dsSize: o, dsFooter: h = "auto", dsDescription: g, dsPrimaryAction: _, dsSecondaryAction: v, dsTertiaryAction: y, rootClassName: b, className: x, title: S, footer: C, onClose: w, placement: T = "right", children: E, ...D }) => {
+	r(() => {
+		f();
+	}, []);
+	let O = o ?? s[t], k = h === "auto" ? c[t] : h, A = (e) => w?.(e), j = _ ?? { label: l[t] }, M = v ?? { label: u[t] }, N = C === void 0 ? k === "none" ? null : /* @__PURE__ */ a("div", {
+		className: "ds-drawer-actions",
+		children: [/* @__PURE__ */ i("div", { children: y ? m(y, "tertiary", A) : null }), /* @__PURE__ */ a("div", {
+			className: "ds-drawer-actions-main",
+			children: [m(M, "secondary", A), m(j, "primary")]
+		})]
+	}) : C;
+	return /* @__PURE__ */ i(n, {
+		...D,
+		placement: T,
+		size: e.drawer.width[O],
+		title: p(S, g),
+		footer: N,
+		onClose: w,
+		rootClassName: d("ds-drawer-root", `ds-drawer-variant-${t}`, `ds-drawer-size-${O}`, `ds-drawer-footer-${k}`, b),
+		className: d("ds-drawer", x),
+		"data-ds-drawer-variant": t,
+		"data-ds-drawer-size": O,
+		"data-ds-drawer-footer": k,
+		children: E
+	});
+};
+h.displayName = "Drawer";
+//#endregion
+export { h as Drawer };
+
+//# sourceMappingURL=Drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","names":[],"sources":["../../src/ds/feedback/Drawer.tsx"],"sourcesContent":["import { Drawer as AntDrawer } from 'antd';\nimport type { DrawerProps as AntDrawerProps } from 'antd';\nimport type { MouseEventHandler, ReactNode } from 'react';\nimport { useEffect } from 'react';\nimport { dsSemanticTokens } from '../../theme/ontadaTheme';\nimport { Button } from '../forms';\nimport type { ButtonProps } from '../forms';\n\nexport type DSDrawerVariant = 'details' | 'edit' | 'filter' | 'confirmation' | 'workflowPanel';\nexport type DSDrawerSize = 'narrow' | 'standard' | 'wide' | 'full';\nexport type DSDrawerFooter = 'auto' | 'actions' | 'none';\n\nexport type DSDrawerAction = {\n  label: ReactNode;\n  onClick?: ButtonProps['onClick'];\n  disabled?: boolean;\n  loading?: boolean;\n};\n\nexport type DrawerProps = Omit<AntDrawerProps, 'size'> & {\n  /** DS workflow variant controlling width, density, surface, and default footer behavior. */\n  dsVariant?: DSDrawerVariant;\n  /** DS width preset. Defaults from the selected workflow variant. */\n  dsSize?: DSDrawerSize;\n  /** DS footer mode. `auto` follows the selected workflow variant. */\n  dsFooter?: DSDrawerFooter;\n  /** Optional supporting text rendered below the drawer title. */\n  dsDescription?: ReactNode;\n  /** Primary footer action rendered last in the action group. */\n  dsPrimaryAction?: DSDrawerAction;\n  /** Secondary footer action rendered before the primary action. */\n  dsSecondaryAction?: DSDrawerAction;\n  /** Tertiary footer action rendered at the start edge of the footer. */\n  dsTertiaryAction?: DSDrawerAction;\n};\n\nconst STYLE_ID = 'ds-drawer-styles';\n\nconst SIZE_BY_VARIANT: Record<DSDrawerVariant, DSDrawerSize> = {\n  details: 'standard',\n  edit: 'wide',\n  filter: 'narrow',\n  confirmation: 'narrow',\n  workflowPanel: 'full',\n};\n\nconst DEFAULT_FOOTER_BY_VARIANT: Record<DSDrawerVariant, DSDrawerFooter> = {\n  details: 'none',\n  edit: 'actions',\n  filter: 'actions',\n  confirmation: 'actions',\n  workflowPanel: 'actions',\n};\n\nconst DEFAULT_PRIMARY_LABEL: Record<DSDrawerVariant, ReactNode> = {\n  details: 'Done',\n  edit: 'Save',\n  filter: 'Apply filters',\n  confirmation: 'Confirm',\n  workflowPanel: 'Continue',\n};\n\nconst DEFAULT_SECONDARY_LABEL: Record<DSDrawerVariant, ReactNode> = {\n  details: 'Close',\n  edit: 'Cancel',\n  filter: 'Reset',\n  confirmation: 'Cancel',\n  workflowPanel: 'Back',\n};\n\nconst mergeClassNames = (...classNames: Array<string | undefined>): string =>\n  classNames.filter(Boolean).join(' ').trim();\n\nfunction injectStyles() {\n  if (typeof document === 'undefined') return;\n\n  const { drawer } = 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-drawer-root .ant-drawer-mask {\n      background: ${drawer.backdrop} !important;\n    }\n\n    .ds-drawer-root .ant-drawer-content-wrapper {\n      box-shadow: ${drawer.shadow} !important;\n    }\n\n    .ds-drawer-root .ant-drawer-content,\n    .ds-drawer.ant-drawer-content {\n      background: ${drawer.surface.background};\n      border-radius: ${drawer.border.radius};\n      overflow: hidden;\n    }\n\n    .ds-drawer-root .ant-drawer-header {\n      flex: 0 0 auto !important;\n      min-height: 64px;\n      height: auto !important;\n      padding: ${drawer.spacing.header};\n      background: ${drawer.surface.header};\n      border-bottom: ${drawer.border.width} solid ${drawer.border.color};\n      align-items: flex-start;\n      box-sizing: border-box;\n    }\n\n    .ds-drawer-root .ant-drawer-header-title {\n      width: 100%;\n      min-width: 0;\n      min-height: 0;\n      height: auto !important;\n      gap: 12px;\n      align-items: flex-start;\n    }\n\n    .ds-drawer-root .ant-drawer-title {\n      flex: 1 1 auto;\n      min-width: 0;\n      color: ${drawer.text.title};\n      font-family: 'Nunito', sans-serif;\n      font-size: 18px;\n      font-weight: 700;\n      line-height: 24px;\n      letter-spacing: 0;\n      white-space: normal;\n      overflow-wrap: anywhere;\n    }\n\n    .ds-drawer-title-stack {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      width: 100%;\n      min-width: 0;\n    }\n\n    .ds-drawer-title-text,\n    .ds-drawer-description {\n      overflow-wrap: anywhere;\n    }\n\n    .ds-drawer-description {\n      color: ${drawer.text.description};\n      font-size: 14px;\n      font-weight: 400;\n      line-height: 20px;\n    }\n\n    .ds-drawer-root .ant-drawer-close {\n      width: ${drawer.closeButton.size};\n      height: ${drawer.closeButton.size};\n      padding: 0;\n      margin-inline-end: 0;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex: 0 0 ${drawer.closeButton.size};\n      color: ${drawer.closeButton.color};\n      border-radius: ${drawer.closeButton.radius};\n      background: transparent !important;\n      border: 0 !important;\n      box-shadow: none !important;\n    }\n\n    .ds-drawer-root .ant-drawer-close svg {\n      width: ${drawer.closeButton.iconSize};\n      height: ${drawer.closeButton.iconSize};\n    }\n\n    .ds-drawer-root .ant-drawer-body {\n      padding: ${drawer.spacing.body};\n      background: ${drawer.surface.background};\n      color: ${drawer.text.body};\n      font-family: 'Nunito', sans-serif;\n      font-size: 14px;\n      line-height: 20px;\n    }\n\n    .ds-drawer-root .ant-drawer-footer {\n      min-height: 64px;\n      margin: 0;\n      padding: ${drawer.spacing.footer};\n      background: ${drawer.surface.footer};\n      border-top: ${drawer.border.width} solid ${drawer.border.color};\n    }\n\n    .ds-drawer-actions {\n      display: flex;\n      width: 100%;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n    }\n\n    .ds-drawer-actions-main {\n      display: inline-flex;\n      align-items: center;\n      justify-content: flex-end;\n      gap: 12px;\n      margin-inline-start: auto;\n    }\n\n    .ds-drawer-root.ds-drawer-variant-details .ant-drawer-body {\n      background: ${drawer.surface.details};\n    }\n\n    .ds-drawer-root.ds-drawer-variant-edit .ant-drawer-body,\n    .ds-drawer-root.ds-drawer-variant-workflowPanel .ant-drawer-body {\n      padding: ${drawer.spacing.body};\n    }\n\n    .ds-drawer-root.ds-drawer-variant-filter .ant-drawer-body {\n      padding: ${drawer.spacing.bodyCompact};\n    }\n\n    .ds-drawer-root.ds-drawer-footer-none .ant-drawer-footer {\n      display: none;\n    }\n\n    @media (max-width: 640px) {\n      .ds-drawer-root .ant-drawer-content-wrapper {\n        max-width: 100vw !important;\n      }\n\n      .ds-drawer-root .ant-drawer-header,\n      .ds-drawer-root .ant-drawer-body,\n      .ds-drawer-root .ant-drawer-footer {\n        padding-left: 16px;\n        padding-right: 16px;\n      }\n\n      .ds-drawer-actions,\n      .ds-drawer-actions-main {\n        flex-direction: column-reverse;\n        align-items: stretch;\n      }\n\n      .ds-drawer-actions-main {\n        width: 100%;\n        margin-inline-start: 0;\n      }\n\n      .ds-drawer-actions .ant-btn {\n        width: 100%;\n      }\n    }\n  `;\n}\n\nfunction renderTitle(title: ReactNode, description?: ReactNode) {\n  if (!description) return title;\n\n  return (\n    <span className=\"ds-drawer-title-stack\">\n      <span className=\"ds-drawer-title-text\">{title}</span>\n      <span className=\"ds-drawer-description\">{description}</span>\n    </span>\n  );\n}\n\nfunction actionButton(action: DSDrawerAction, dsVariant: ButtonProps['dsVariant'], fallbackOnClick?: ButtonProps['onClick']) {\n  return (\n    <Button dsVariant={dsVariant} disabled={action.disabled} loading={action.loading} onClick={action.onClick ?? fallbackOnClick}>\n      {action.label}\n    </Button>\n  );\n}\n\nexport const Drawer = ({\n  dsVariant = 'details',\n  dsSize,\n  dsFooter = 'auto',\n  dsDescription,\n  dsPrimaryAction,\n  dsSecondaryAction,\n  dsTertiaryAction,\n  rootClassName,\n  className,\n  title,\n  footer,\n  onClose,\n  placement = 'right',\n  children,\n  ...props\n}: DrawerProps) => {\n  useEffect(() => {\n    injectStyles();\n  }, []);\n\n  const resolvedSize = dsSize ?? SIZE_BY_VARIANT[dsVariant];\n  const resolvedFooterMode = dsFooter === 'auto' ? DEFAULT_FOOTER_BY_VARIANT[dsVariant] : dsFooter;\n  const fallbackOnClose: MouseEventHandler<HTMLElement> = (event) => onClose?.(event);\n  const primaryAction = dsPrimaryAction ?? { label: DEFAULT_PRIMARY_LABEL[dsVariant] };\n  const secondaryAction = dsSecondaryAction ?? { label: DEFAULT_SECONDARY_LABEL[dsVariant] };\n\n  const resolvedFooter = footer !== undefined\n    ? footer\n    : resolvedFooterMode === 'none'\n      ? null\n      : (\n        <div className=\"ds-drawer-actions\">\n          <div>{dsTertiaryAction ? actionButton(dsTertiaryAction, 'tertiary', fallbackOnClose) : null}</div>\n          <div className=\"ds-drawer-actions-main\">\n            {actionButton(secondaryAction, 'secondary', fallbackOnClose)}\n            {actionButton(primaryAction, 'primary')}\n          </div>\n        </div>\n        );\n\n  return (\n    <AntDrawer\n      {...props}\n      placement={placement}\n      size={dsSemanticTokens.drawer.width[resolvedSize]}\n      title={renderTitle(title, dsDescription)}\n      footer={resolvedFooter}\n      onClose={onClose}\n      rootClassName={mergeClassNames('ds-drawer-root', `ds-drawer-variant-${dsVariant}`, `ds-drawer-size-${resolvedSize}`, `ds-drawer-footer-${resolvedFooterMode}`, rootClassName)}\n      className={mergeClassNames('ds-drawer', className)}\n      data-ds-drawer-variant={dsVariant}\n      data-ds-drawer-size={resolvedSize}\n      data-ds-drawer-footer={resolvedFooterMode}\n    >\n      {children}\n    </AntDrawer>\n  );\n};\n\nDrawer.displayName = 'Drawer';"],"mappings":"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"}

package/dist-lib/feedback/FloatButton.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);let e=require(`antd`),t=require(`react/jsx-runtime`);var n=Object.assign(n=>(0,t.jsx)(e.ConfigProvider,{wave:{disabled:!0},children:(0,t.jsx)(e.FloatButton,{...n})}),{Group:n=>(0,t.jsx)(e.ConfigProvider,{wave:{disabled:!0},children:(0,t.jsx)(e.FloatButton.Group,{...n})}),BackTop:n=>(0,t.jsx)(e.ConfigProvider,{wave:{disabled:!0},children:(0,t.jsx)(e.FloatButton.BackTop,{...n})})});exports.FloatButton=n;
+//# sourceMappingURL=FloatButton.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatButton.cjs","names":[],"sources":["../../src/ds/feedback/FloatButton.tsx"],"sourcesContent":["import { ConfigProvider, FloatButton as AntFloatButton } from 'antd';\nimport type { ComponentProps } from 'react';\n\nexport type FloatButtonProps = ComponentProps<typeof AntFloatButton>;\nexport type FloatButtonGroupProps = ComponentProps<typeof AntFloatButton.Group>;\nexport type FloatButtonBackTopProps = ComponentProps<typeof AntFloatButton.BackTop>;\n\ntype DSFloatButtonComponent = ((props: FloatButtonProps) => JSX.Element) & {\n  Group: (props: FloatButtonGroupProps) => JSX.Element;\n  BackTop: (props: FloatButtonBackTopProps) => JSX.Element;\n};\n\nconst FloatButtonBase = (props: FloatButtonProps) => (\n  <ConfigProvider wave={{ disabled: true }}>\n    <AntFloatButton {...props} />\n  </ConfigProvider>\n);\n\nconst FloatButtonGroup = (props: FloatButtonGroupProps) => (\n  <ConfigProvider wave={{ disabled: true }}>\n    <AntFloatButton.Group {...props} />\n  </ConfigProvider>\n);\n\nconst FloatButtonBackTop = (props: FloatButtonBackTopProps) => (\n  <ConfigProvider wave={{ disabled: true }}>\n    <AntFloatButton.BackTop {...props} />\n  </ConfigProvider>\n);\n\nexport const FloatButton = Object.assign(FloatButtonBase, {\n  Group: FloatButtonGroup,\n  BackTop: FloatButtonBackTop,\n}) as DSFloatButtonComponent;\n"],"mappings":"yJA8BA,IAAa,EAAc,OAAO,OAlBT,IACvB,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,KAAM,CAAE,SAAU,GAAM,WACtC,EAAA,EAAA,KAAC,EAAA,YAAD,CAAgB,GAAI,EAAS,CAAA,CACd,CAAA,CAeuC,CACxD,MAbwB,IACxB,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,KAAM,CAAE,SAAU,GAAM,WACtC,EAAA,EAAA,KAAC,EAAA,YAAe,MAAhB,CAAsB,GAAI,EAAS,CAAA,CACpB,CAAA,CAWjB,QAR0B,IAC1B,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,KAAM,CAAE,SAAU,GAAM,WACtC,EAAA,EAAA,KAAC,EAAA,YAAe,QAAhB,CAAwB,GAAI,EAAS,CAAA,CACtB,CAAA,CAMlB,CAAC"}

package/dist-lib/feedback/FloatButton.js

@@ -0,0 +1,19 @@
+import { ConfigProvider as e, FloatButton as t } from "antd";
+import { jsx as n } from "react/jsx-runtime";
+var r = Object.assign((r) => /* @__PURE__ */ n(e, {
+	wave: { disabled: !0 },
+	children: /* @__PURE__ */ n(t, { ...r })
+}), {
+	Group: (r) => /* @__PURE__ */ n(e, {
+		wave: { disabled: !0 },
+		children: /* @__PURE__ */ n(t.Group, { ...r })
+	}),
+	BackTop: (r) => /* @__PURE__ */ n(e, {
+		wave: { disabled: !0 },
+		children: /* @__PURE__ */ n(t.BackTop, { ...r })
+	})
+});
+//#endregion
+export { r as FloatButton };
+
+//# sourceMappingURL=FloatButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatButton.js","names":[],"sources":["../../src/ds/feedback/FloatButton.tsx"],"sourcesContent":["import { ConfigProvider, FloatButton as AntFloatButton } from 'antd';\nimport type { ComponentProps } from 'react';\n\nexport type FloatButtonProps = ComponentProps<typeof AntFloatButton>;\nexport type FloatButtonGroupProps = ComponentProps<typeof AntFloatButton.Group>;\nexport type FloatButtonBackTopProps = ComponentProps<typeof AntFloatButton.BackTop>;\n\ntype DSFloatButtonComponent = ((props: FloatButtonProps) => JSX.Element) & {\n  Group: (props: FloatButtonGroupProps) => JSX.Element;\n  BackTop: (props: FloatButtonBackTopProps) => JSX.Element;\n};\n\nconst FloatButtonBase = (props: FloatButtonProps) => (\n  <ConfigProvider wave={{ disabled: true }}>\n    <AntFloatButton {...props} />\n  </ConfigProvider>\n);\n\nconst FloatButtonGroup = (props: FloatButtonGroupProps) => (\n  <ConfigProvider wave={{ disabled: true }}>\n    <AntFloatButton.Group {...props} />\n  </ConfigProvider>\n);\n\nconst FloatButtonBackTop = (props: FloatButtonBackTopProps) => (\n  <ConfigProvider wave={{ disabled: true }}>\n    <AntFloatButton.BackTop {...props} />\n  </ConfigProvider>\n);\n\nexport const FloatButton = Object.assign(FloatButtonBase, {\n  Group: FloatButtonGroup,\n  BackTop: FloatButtonBackTop,\n}) as DSFloatButtonComponent;\n"],"mappings":";;AA8BA,IAAa,IAAc,OAAO,QAlBT,MACvB,kBAAC,GAAD;CAAgB,MAAM,EAAE,UAAU,IAAM;WACtC,kBAAC,GAAD,EAAgB,GAAI,GAAS,CAAA;CACd,CAAA,EAeuC;CACxD,QAbwB,MACxB,kBAAC,GAAD;EAAgB,MAAM,EAAE,UAAU,IAAM;YACtC,kBAAC,EAAe,OAAhB,EAAsB,GAAI,GAAS,CAAA;EACpB,CAAA;CAWjB,UAR0B,MAC1B,kBAAC,GAAD;EAAgB,MAAM,EAAE,UAAU,IAAM;YACtC,kBAAC,EAAe,SAAhB,EAAwB,GAAI,GAAS,CAAA;EACtB,CAAA;CAMlB,CAAC"}

package/dist-lib/feedback/Message.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`);var n=18;function r(t){return!t.type||t.icon!==void 0||!i(t.type)?t:{...t,icon:e.t(t.type,{size:n})}}function i(e){return e===`success`||e===`info`||e===`warning`||e===`error`}function a(e,t){return typeof e==`object`&&e&&!Array.isArray(e)&&`content`in e?t&&e.type===void 0?{...e,type:t}:e:{content:e,type:t}}function o(){let[e,n]=t.message.useMessage();return[{...e,open:t=>e.open(r(t)),success:t=>e.open(r(a(t,`success`))),info:t=>e.open(r(a(t,`info`))),warning:t=>e.open(r(a(t,`warning`))),error:t=>e.open(r(a(t,`error`))),loading:t=>e.open(a(t,`loading`))},n]}var s={open:e=>t.message.open(r(e)),success:e=>t.message.open(r(a(e,`success`))),info:e=>t.message.open(r(a(e,`info`))),warning:e=>t.message.open(r(a(e,`warning`))),error:e=>t.message.open(r(a(e,`error`))),loading:e=>t.message.open(a(e,`loading`)),destroy:e=>t.message.destroy(e)};exports.messageDS=s,exports.useMessage=o;
+//# sourceMappingURL=Message.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Message.cjs","names":[],"sources":["../../src/ds/feedback/Message.tsx"],"sourcesContent":["import { message } from 'antd';\nimport type { MessageArgsProps } from 'antd';\nimport type { ReactNode } from 'react';\nimport { getDSFeedbackStatusIcon, type DSFeedbackStatus } from './feedbackIcons';\n\ntype MessageConfig = MessageArgsProps;\ntype MessageType = MessageArgsProps['type'];\ntype MessageApi = ReturnType<typeof message.useMessage>[0];\n\nconst DS_MESSAGE_ICON_SIZE = 18;\n\nfunction withDS(config: MessageConfig): MessageConfig {\n  if (!config.type || config.icon !== undefined || !isFeedbackStatus(config.type)) {\n    return config;\n  }\n\n  return {\n    ...config,\n    icon: getDSFeedbackStatusIcon(config.type, { size: DS_MESSAGE_ICON_SIZE }),\n  };\n}\n\nfunction isFeedbackStatus(type: MessageType): type is DSFeedbackStatus {\n  return type === 'success' || type === 'info' || type === 'warning' || type === 'error';\n}\n\nfunction toConfig(content: ReactNode | MessageConfig, type?: MessageType): MessageConfig {\n  if (typeof content === 'object' && content !== null && !Array.isArray(content) && 'content' in content) {\n    return type && (content as MessageConfig).type === undefined\n      ? { ...(content as MessageConfig), type }\n      : (content as MessageConfig);\n  }\n\n  return { content, type };\n}\n\nexport function useMessage() {\n  const [api, contextHolder] = message.useMessage();\n\n  const dsApi = {\n    ...api,\n    open: (config: MessageConfig) => api.open(withDS(config)),\n    success: (content: ReactNode | MessageConfig) => api.open(withDS(toConfig(content, 'success'))),\n    info: (content: ReactNode | MessageConfig) => api.open(withDS(toConfig(content, 'info'))),\n    warning: (content: ReactNode | MessageConfig) => api.open(withDS(toConfig(content, 'warning'))),\n    error: (content: ReactNode | MessageConfig) => api.open(withDS(toConfig(content, 'error'))),\n    loading: (content: ReactNode | MessageConfig) => api.open(toConfig(content, 'loading')),\n  } as MessageApi;\n\n  return [dsApi, contextHolder] as const;\n}\n\nexport const messageDS = {\n  open: (config: MessageConfig) => message.open(withDS(config)),\n  success: (content: ReactNode | MessageConfig) => message.open(withDS(toConfig(content, 'success'))),\n  info: (content: ReactNode | MessageConfig) => message.open(withDS(toConfig(content, 'info'))),\n  warning: (content: ReactNode | MessageConfig) => message.open(withDS(toConfig(content, 'warning'))),\n  error: (content: ReactNode | MessageConfig) => message.open(withDS(toConfig(content, 'error'))),\n  loading: (content: ReactNode | MessageConfig) => message.open(toConfig(content, 'loading')),\n  destroy: (key?: React.Key) => message.destroy(key),\n};\n"],"mappings":"2KASA,IAAM,EAAuB,GAE7B,SAAS,EAAO,EAAsC,CAKpD,MAJI,CAAC,EAAO,MAAQ,EAAO,OAAS,IAAA,IAAa,CAAC,EAAiB,EAAO,KAAK,CACtE,EAGF,CACL,GAAG,EACH,KAAM,EAAA,EAAwB,EAAO,KAAM,CAAE,KAAM,EAAsB,CAAC,CAC3E,CAGH,SAAS,EAAiB,EAA6C,CACrE,OAAO,IAAS,WAAa,IAAS,QAAU,IAAS,WAAa,IAAS,QAGjF,SAAS,EAAS,EAAoC,EAAmC,CAOvF,OANI,OAAO,GAAY,UAAY,GAAoB,CAAC,MAAM,QAAQ,EAAQ,EAAI,YAAa,EACtF,GAAS,EAA0B,OAAS,IAAA,GAC/C,CAAE,GAAI,EAA2B,OAAM,CACtC,EAGA,CAAE,UAAS,OAAM,CAG1B,SAAgB,GAAa,CAC3B,GAAM,CAAC,EAAK,GAAiB,EAAA,QAAQ,YAAY,CAYjD,MAAO,CAAC,CATN,GAAG,EACH,KAAO,GAA0B,EAAI,KAAK,EAAO,EAAO,CAAC,CACzD,QAAU,GAAuC,EAAI,KAAK,EAAO,EAAS,EAAS,UAAU,CAAC,CAAC,CAC/F,KAAO,GAAuC,EAAI,KAAK,EAAO,EAAS,EAAS,OAAO,CAAC,CAAC,CACzF,QAAU,GAAuC,EAAI,KAAK,EAAO,EAAS,EAAS,UAAU,CAAC,CAAC,CAC/F,MAAQ,GAAuC,EAAI,KAAK,EAAO,EAAS,EAAS,QAAQ,CAAC,CAAC,CAC3F,QAAU,GAAuC,EAAI,KAAK,EAAS,EAAS,UAAU,CAAC,CAGjF,CAAO,EAAc,CAG/B,IAAa,EAAY,CACvB,KAAO,GAA0B,EAAA,QAAQ,KAAK,EAAO,EAAO,CAAC,CAC7D,QAAU,GAAuC,EAAA,QAAQ,KAAK,EAAO,EAAS,EAAS,UAAU,CAAC,CAAC,CACnG,KAAO,GAAuC,EAAA,QAAQ,KAAK,EAAO,EAAS,EAAS,OAAO,CAAC,CAAC,CAC7F,QAAU,GAAuC,EAAA,QAAQ,KAAK,EAAO,EAAS,EAAS,UAAU,CAAC,CAAC,CACnG,MAAQ,GAAuC,EAAA,QAAQ,KAAK,EAAO,EAAS,EAAS,QAAQ,CAAC,CAAC,CAC/F,QAAU,GAAuC,EAAA,QAAQ,KAAK,EAAS,EAAS,UAAU,CAAC,CAC3F,QAAU,GAAoB,EAAA,QAAQ,QAAQ,EAAI,CACnD"}

package/dist-lib/feedback/Message.js

@@ -0,0 +1,47 @@
+import { t as e } from "../feedbackIcons-DBoCD6Dk.js";
+import { message as t } from "antd";
+//#region src/ds/feedback/Message.tsx
+var n = 18;
+function r(t) {
+	return !t.type || t.icon !== void 0 || !i(t.type) ? t : {
+		...t,
+		icon: e(t.type, { size: n })
+	};
+}
+function i(e) {
+	return e === "success" || e === "info" || e === "warning" || e === "error";
+}
+function a(e, t) {
+	return typeof e == "object" && e && !Array.isArray(e) && "content" in e ? t && e.type === void 0 ? {
+		...e,
+		type: t
+	} : e : {
+		content: e,
+		type: t
+	};
+}
+function o() {
+	let [e, n] = t.useMessage();
+	return [{
+		...e,
+		open: (t) => e.open(r(t)),
+		success: (t) => e.open(r(a(t, "success"))),
+		info: (t) => e.open(r(a(t, "info"))),
+		warning: (t) => e.open(r(a(t, "warning"))),
+		error: (t) => e.open(r(a(t, "error"))),
+		loading: (t) => e.open(a(t, "loading"))
+	}, n];
+}
+var s = {
+	open: (e) => t.open(r(e)),
+	success: (e) => t.open(r(a(e, "success"))),
+	info: (e) => t.open(r(a(e, "info"))),
+	warning: (e) => t.open(r(a(e, "warning"))),
+	error: (e) => t.open(r(a(e, "error"))),
+	loading: (e) => t.open(a(e, "loading")),
+	destroy: (e) => t.destroy(e)
+};
+//#endregion
+export { s as messageDS, o as useMessage };
+
+//# sourceMappingURL=Message.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","names":[],"sources":["../../src/ds/feedback/Message.tsx"],"sourcesContent":["import { message } from 'antd';\nimport type { MessageArgsProps } from 'antd';\nimport type { ReactNode } from 'react';\nimport { getDSFeedbackStatusIcon, type DSFeedbackStatus } from './feedbackIcons';\n\ntype MessageConfig = MessageArgsProps;\ntype MessageType = MessageArgsProps['type'];\ntype MessageApi = ReturnType<typeof message.useMessage>[0];\n\nconst DS_MESSAGE_ICON_SIZE = 18;\n\nfunction withDS(config: MessageConfig): MessageConfig {\n  if (!config.type || config.icon !== undefined || !isFeedbackStatus(config.type)) {\n    return config;\n  }\n\n  return {\n    ...config,\n    icon: getDSFeedbackStatusIcon(config.type, { size: DS_MESSAGE_ICON_SIZE }),\n  };\n}\n\nfunction isFeedbackStatus(type: MessageType): type is DSFeedbackStatus {\n  return type === 'success' || type === 'info' || type === 'warning' || type === 'error';\n}\n\nfunction toConfig(content: ReactNode | MessageConfig, type?: MessageType): MessageConfig {\n  if (typeof content === 'object' && content !== null && !Array.isArray(content) && 'content' in content) {\n    return type && (content as MessageConfig).type === undefined\n      ? { ...(content as MessageConfig), type }\n      : (content as MessageConfig);\n  }\n\n  return { content, type };\n}\n\nexport function useMessage() {\n  const [api, contextHolder] = message.useMessage();\n\n  const dsApi = {\n    ...api,\n    open: (config: MessageConfig) => api.open(withDS(config)),\n    success: (content: ReactNode | MessageConfig) => api.open(withDS(toConfig(content, 'success'))),\n    info: (content: ReactNode | MessageConfig) => api.open(withDS(toConfig(content, 'info'))),\n    warning: (content: ReactNode | MessageConfig) => api.open(withDS(toConfig(content, 'warning'))),\n    error: (content: ReactNode | MessageConfig) => api.open(withDS(toConfig(content, 'error'))),\n    loading: (content: ReactNode | MessageConfig) => api.open(toConfig(content, 'loading')),\n  } as MessageApi;\n\n  return [dsApi, contextHolder] as const;\n}\n\nexport const messageDS = {\n  open: (config: MessageConfig) => message.open(withDS(config)),\n  success: (content: ReactNode | MessageConfig) => message.open(withDS(toConfig(content, 'success'))),\n  info: (content: ReactNode | MessageConfig) => message.open(withDS(toConfig(content, 'info'))),\n  warning: (content: ReactNode | MessageConfig) => message.open(withDS(toConfig(content, 'warning'))),\n  error: (content: ReactNode | MessageConfig) => message.open(withDS(toConfig(content, 'error'))),\n  loading: (content: ReactNode | MessageConfig) => message.open(toConfig(content, 'loading')),\n  destroy: (key?: React.Key) => message.destroy(key),\n};\n"],"mappings":";;;AASA,IAAM,IAAuB;AAE7B,SAAS,EAAO,GAAsC;AAKpD,QAJI,CAAC,EAAO,QAAQ,EAAO,SAAS,KAAA,KAAa,CAAC,EAAiB,EAAO,KAAK,GACtE,IAGF;EACL,GAAG;EACH,MAAM,EAAwB,EAAO,MAAM,EAAE,MAAM,GAAsB,CAAC;EAC3E;;AAGH,SAAS,EAAiB,GAA6C;AACrE,QAAO,MAAS,aAAa,MAAS,UAAU,MAAS,aAAa,MAAS;;AAGjF,SAAS,EAAS,GAAoC,GAAmC;AAOvF,QANI,OAAO,KAAY,YAAY,KAAoB,CAAC,MAAM,QAAQ,EAAQ,IAAI,aAAa,IACtF,KAAS,EAA0B,SAAS,KAAA,IAC/C;EAAE,GAAI;EAA2B;EAAM,GACtC,IAGA;EAAE;EAAS;EAAM;;AAG1B,SAAgB,IAAa;CAC3B,IAAM,CAAC,GAAK,KAAiB,EAAQ,YAAY;AAYjD,QAAO,CAAC;EATN,GAAG;EACH,OAAO,MAA0B,EAAI,KAAK,EAAO,EAAO,CAAC;EACzD,UAAU,MAAuC,EAAI,KAAK,EAAO,EAAS,GAAS,UAAU,CAAC,CAAC;EAC/F,OAAO,MAAuC,EAAI,KAAK,EAAO,EAAS,GAAS,OAAO,CAAC,CAAC;EACzF,UAAU,MAAuC,EAAI,KAAK,EAAO,EAAS,GAAS,UAAU,CAAC,CAAC;EAC/F,QAAQ,MAAuC,EAAI,KAAK,EAAO,EAAS,GAAS,QAAQ,CAAC,CAAC;EAC3F,UAAU,MAAuC,EAAI,KAAK,EAAS,GAAS,UAAU,CAAC;EAGjF,EAAO,EAAc;;AAG/B,IAAa,IAAY;CACvB,OAAO,MAA0B,EAAQ,KAAK,EAAO,EAAO,CAAC;CAC7D,UAAU,MAAuC,EAAQ,KAAK,EAAO,EAAS,GAAS,UAAU,CAAC,CAAC;CACnG,OAAO,MAAuC,EAAQ,KAAK,EAAO,EAAS,GAAS,OAAO,CAAC,CAAC;CAC7F,UAAU,MAAuC,EAAQ,KAAK,EAAO,EAAS,GAAS,UAAU,CAAC,CAAC;CACnG,QAAQ,MAAuC,EAAQ,KAAK,EAAO,EAAS,GAAS,QAAQ,CAAC,CAAC;CAC/F,UAAU,MAAuC,EAAQ,KAAK,EAAS,GAAS,UAAU,CAAC;CAC3F,UAAU,MAAoB,EAAQ,QAAQ,EAAI;CACnD"}

package/dist-lib/feedback/Modal.cjs

@@ -0,0 +1,170 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`../theme.cjs`),t=require(`../forms/Button.cjs`);let n=require(`antd`),r=require(`react`),i=require(`react/jsx-runtime`);var a={"04":608,"05":764,"06":920,"07":1076,"08":1232,"09":1388,10:1544,11:1700},o={desktop:{xs:e.dsSemanticTokens.modal.width.desktop.xs,sm:e.dsSemanticTokens.modal.width.desktop.sm,md:e.dsSemanticTokens.modal.width.desktop.md,lg:e.dsSemanticTokens.modal.width.desktop.lg,"full-screen":e.dsSemanticTokens.modal.width.desktop.fullScreen},mobile:{xs:e.dsSemanticTokens.modal.width.mobile.xs,sm:e.dsSemanticTokens.modal.width.mobile.sm,md:e.dsSemanticTokens.modal.width.mobile.md,lg:e.dsSemanticTokens.modal.width.mobile.lg,"full-screen":e.dsSemanticTokens.modal.width.mobile.fullScreen}},s=`ds-modal-styles`;function c(){if(typeof document>`u`)return;let{modal:t}=e.dsSemanticTokens,n=document.getElementById(s);n||(n=document.createElement(`style`),n.id=s,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 l=({dsColumns:s,dsFooter:l=`default`,dsSize:u=`xs`,dsDevice:d=`desktop`,dsActions:f=`primary-secondary`,dsHeader:p=`default`,dsRequired:m=!1,dsLeadingIcon:h,dsShowClose:g,className:_=``,footer:v,closable:y,title:b,children:x,width:S,style:C,okText:w=`Apply`,cancelText:T=`Cancel`,onCancel:E,onOk:D,styles:O,...k})=>{(0,r.useEffect)(()=>{c()},[]);let A=S??(s?a[s]:o[d][u]),j=g??y??!0,M=p===`none`?null:m?(0,i.jsxs)(`span`,{style:{display:`inline-flex`,alignItems:`center`,gap:8},children:[(0,i.jsx)(`span`,{children:b??`Title`}),(0,i.jsx)(`span`,{style:{color:e.dsSemanticTokens.modal.text.required,fontSize:12,fontWeight:400},children:`* Required`})]}):b??`Title`,N=v===void 0?l===`none`?null:(0,i.jsxs)(n.Space,{direction:d===`mobile`?`vertical`:`horizontal`,size:d===`mobile`?12:16,style:{width:d===`mobile`?`100%`:void 0},children:[f===`primary-secondary-tertiary`&&(0,i.jsx)(t.Button,{dsVariant:`tertiary`,style:d===`mobile`?{width:`100%`}:void 0,onClick:e=>E?.(e),children:`LABEL`}),f!==`primary`&&(0,i.jsx)(t.Button,{dsVariant:`secondary`,style:d===`mobile`?{width:`100%`}:void 0,onClick:e=>E?.(e),children:String(T).toUpperCase()}),(0,i.jsx)(t.Button,{dsVariant:`primary`,style:d===`mobile`?{width:`100%`}:void 0,onClick:e=>D?.(e),children:String(w).toUpperCase()})]}):v,P=h?(0,i.jsxs)(`div`,{style:{display:`flex`,alignItems:`flex-start`,gap:16},children:[(0,i.jsx)(`div`,{style:{paddingTop:4},children:h}),(0,i.jsx)(`div`,{style:{flex:1,minWidth:0},children:x})]}):x;return(0,i.jsx)(n.Modal,{...k,width:A,title:M,closable:j,footer:N,onCancel:E,onOk:D,className:`ds-modal ds-modal-footer-${l} ds-modal-size-${u} ${d===`mobile`?`ds-modal-mobile`:`ds-modal-desktop`} ${_}`.trim(),style:{...C,maxWidth:u===`full-screen`?`100vw`:`calc(100vw - 32px)`},styles:{...O,mask:{backgroundColor:e.dsSemanticTokens.modal.backdrop,...O?.mask}},"data-ds-modal":!0,"data-ds-columns":s??``,"data-ds-footer":l,"data-ds-size":u,"data-ds-device":d,"data-ds-actions":f,"data-ds-header":p,children:P})};exports.Modal=l;
+//# sourceMappingURL=Modal.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.cjs","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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"}