ods-ant 0.2.0 → 0.4.0

package/dist-lib/display/Collapse.cjs

@@ -0,0 +1,346 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`../theme.cjs`),t=require(`../useCustomIcon-DbSB56Pd.cjs`);let n=require(`antd`),r=require(`react`),i=require(`react/jsx-runtime`);var a={lg:16,md:12,sm:10},o=`ds-collapse-styles-v2`,s=`ds-collapse`;function c(){if(typeof document>`u`)return;let{table:t,input:n,button:r}=e.dsSemanticTokens,i=document.getElementById(o),a=`
+    .${s}.ant-collapse {
+      background: ${t.surface.container};
+      border: none;
+      border-radius: 0;
+    }
+
+    .${s}.ant-collapse > .ant-collapse-item {
+      background: var(--ds-collapse-content-bg, ${t.surface.container});
+      border-bottom: 1px solid ${t.border.bodyDivider};
+    }
+
+    .${s}.ant-collapse > .ant-collapse-item:first-child {
+      border-top: 1px solid ${t.border.bodyDivider};
+    }
+
+    .${s}.ant-collapse > .ant-collapse-item > .ant-collapse-header {
+      position: relative;
+      align-items: center;
+      color: ${r.primary.default};
+      font-family: 'Nunito', sans-serif;
+      font-weight: 600;
+      background: var(--ds-collapse-header-bg, var(--ds-collapse-panel-bg, ${t.surface.container}));
+    }
+
+    .${s}.ant-collapse:not([data-ds-panel-background='collapsed-all']) > .ant-collapse-item.ant-collapse-item-active > .ant-collapse-header {
+      border-bottom: 1px solid ${t.border.bodyDivider};
+    }
+
+    .${s}.ant-collapse > .ant-collapse-item > .ant-collapse-content,
+    .${s}.ant-collapse > .ant-collapse-item > .ant-collapse-panel {
+      border-top: none;
+      background: var(--ds-collapse-content-bg, ${t.surface.container});
+    }
+
+    .${s}.ant-collapse > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box,
+    .${s}.ant-collapse > .ant-collapse-item > .ant-collapse-panel > .ant-collapse-body {
+      color: ${t.text.body};
+      font-family: 'Nunito', sans-serif;
+      font-weight: 400;
+    }
+
+    .${s}[data-ds-size='lg'] > .ant-collapse-item > .ant-collapse-header {
+      min-height: 60px;
+      padding: 19px 40px !important;
+    }
+
+    .${s}[data-ds-size='lg'] .ant-collapse-header,
+    .${s}[data-ds-size='lg'] .ant-collapse-header .ant-collapse-header-text,
+    .${s}[data-ds-size='lg'] .ant-collapse-header .ant-collapse-title {
+      font-size: 18px;
+      line-height: 22px;
+      letter-spacing: -0.036px;
+      font-weight: 600;
+    }
+
+    .${s}[data-ds-size='lg'] > .ant-collapse-item > .ant-collapse-header .ant-collapse-expand-icon {
+      margin-inline-end: 24px;
+    }
+
+    .${s}[data-ds-size='lg'] > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box,
+    .${s}[data-ds-size='lg'] > .ant-collapse-item > .ant-collapse-panel > .ant-collapse-body {
+      padding: 24px 40px !important;
+      font-size: 16px;
+      line-height: 20px;
+      letter-spacing: -0.016px;
+      font-weight: 400;
+    }
+
+    .${s}[data-ds-size='lg'] .ant-collapse-content-box,
+    .${s}[data-ds-size='lg'] .ant-collapse-body,
+    .${s}[data-ds-size='lg'] .ant-collapse-content-box p,
+    .${s}[data-ds-size='lg'] .ant-collapse-body p,
+    .${s}[data-ds-size='lg'] .ant-collapse-content-box span {
+      font-size: 16px;
+      line-height: 20px;
+      letter-spacing: -0.016px;
+      font-weight: 400;
+    }
+
+    .${s}[data-ds-size='md'] > .ant-collapse-item > .ant-collapse-header {
+      min-height: 50px;
+      padding: 15px 40px !important;
+    }
+
+    .${s}[data-ds-size='md'] .ant-collapse-header,
+    .${s}[data-ds-size='md'] .ant-collapse-header .ant-collapse-header-text,
+    .${s}[data-ds-size='md'] .ant-collapse-header .ant-collapse-title {
+      font-size: 16px;
+      line-height: 20px;
+      letter-spacing: -0.016px;
+      font-weight: 600;
+    }
+
+    .${s}[data-ds-size='md'] > .ant-collapse-item > .ant-collapse-header .ant-collapse-expand-icon {
+      margin-inline-end: 16px;
+    }
+
+    .${s}[data-ds-size='md'] > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box,
+    .${s}[data-ds-size='md'] > .ant-collapse-item > .ant-collapse-panel > .ant-collapse-body {
+      padding: 24px 40px !important;
+      font-size: 16px;
+      line-height: 20px;
+      letter-spacing: -0.016px;
+      font-weight: 400;
+    }
+
+    .${s}[data-ds-size='md'] .ant-collapse-content-box,
+    .${s}[data-ds-size='md'] .ant-collapse-body,
+    .${s}[data-ds-size='md'] .ant-collapse-content-box p,
+    .${s}[data-ds-size='md'] .ant-collapse-body p,
+    .${s}[data-ds-size='md'] .ant-collapse-content-box span {
+      font-size: 16px;
+      line-height: 20px;
+      letter-spacing: -0.016px;
+      font-weight: 400;
+    }
+
+    .${s}[data-ds-size='sm'] > .ant-collapse-item > .ant-collapse-header {
+      min-height: 32px;
+      padding: 7px 24px !important;
+    }
+
+    .${s}[data-ds-size='sm'] .ant-collapse-header,
+    .${s}[data-ds-size='sm'] .ant-collapse-header .ant-collapse-header-text,
+    .${s}[data-ds-size='sm'] .ant-collapse-header .ant-collapse-title {
+      font-size: 14px;
+      line-height: 18px;
+      letter-spacing: 0;
+      font-weight: 600;
+    }
+
+    .${s}[data-ds-size='sm'] > .ant-collapse-item > .ant-collapse-header .ant-collapse-expand-icon {
+      margin-inline-end: 12px;
+    }
+
+    .${s}[data-ds-size='sm'] > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box,
+    .${s}[data-ds-size='sm'] > .ant-collapse-item > .ant-collapse-panel > .ant-collapse-body {
+      padding: 24px !important;
+      font-size: 14px;
+      line-height: 18px;
+      letter-spacing: 0;
+      font-weight: 400;
+    }
+
+    .${s}[data-ds-size='sm'] .ant-collapse-content-box,
+    .${s}[data-ds-size='sm'] .ant-collapse-body,
+    .${s}[data-ds-size='sm'] .ant-collapse-content-box p,
+    .${s}[data-ds-size='sm'] .ant-collapse-body p,
+    .${s}[data-ds-size='sm'] .ant-collapse-content-box span {
+      font-size: 14px;
+      line-height: 18px;
+      letter-spacing: 0;
+      font-weight: 400;
+    }
+
+    .${s}-controls {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      gap: 24px;
+      margin-bottom: 12px;
+      color: ${n.text.placeholder};
+      font-family: 'Nunito', sans-serif;
+      font-weight: 600;
+      background: ${t.surface.container};
+      user-select: none;
+    }
+
+    .${s}-controls[data-ds-size='sm'] {
+      font-size: 12px;
+      line-height: 16px;
+      letter-spacing: 0.012px;
+    }
+
+    .${s}-controls[data-ds-size='md'],
+    .${s}-controls[data-ds-size='lg'] {
+      font-size: 14px;
+      line-height: 18px;
+      letter-spacing: 0;
+    }
+
+    .${s}-controls[data-ds-size='sm'] .${s}-control-button {
+      font-size: 12px;
+      line-height: 16px;
+      letter-spacing: 0.012px;
+      font-weight: 600;
+    }
+
+    .${s}-controls[data-ds-size='md'] .${s}-control-button,
+    .${s}-controls[data-ds-size='lg'] .${s}-control-button {
+      font-size: 14px;
+      line-height: 18px;
+      letter-spacing: 0;
+      font-weight: 600;
+    }
+
+    .${s}-control-button {
+      border: 0;
+      background: transparent;
+      color: inherit;
+      cursor: pointer;
+      padding: 0;
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      font: inherit;
+    }
+
+    .${s}-control-button:disabled {
+      opacity: 0.45;
+      cursor: not-allowed;
+    }
+
+    .${s}-control-icon {
+      width: 16px;
+      height: 16px;
+      border-radius: 999px;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      line-height: 1;
+    }
+
+    .${s}-control-icon > svg,
+    .${s}-control-icon .anticon,
+    .${s}-control-icon span > svg {
+      width: 16px !important;
+      height: 16px !important;
+      min-width: 16px !important;
+      min-height: 16px !important;
+      display: block;
+    }
+
+    .${s}-chevron {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: var(--ds-collapse-panel-icon-size);
+      height: var(--ds-collapse-panel-icon-size);
+      min-width: var(--ds-collapse-panel-icon-size);
+      min-height: var(--ds-collapse-panel-icon-size);
+      color: ${n.text.disabled};
+      line-height: 1;
+    }
+
+    .${s}.ant-collapse .ant-collapse-expand-icon {
+      width: var(--ds-collapse-panel-icon-size) !important;
+      height: var(--ds-collapse-panel-icon-size) !important;
+      min-width: var(--ds-collapse-panel-icon-size) !important;
+      min-height: var(--ds-collapse-panel-icon-size) !important;
+      flex: 0 0 var(--ds-collapse-panel-icon-size) !important;
+      padding-inline-start: 0 !important;
+      padding-inline-end: 0 !important;
+      margin-inline-start: 0 !important;
+      display: inline-flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+    }
+
+    .${s}.ant-collapse .ant-collapse-arrow {
+      width: var(--ds-collapse-panel-icon-size) !important;
+      height: var(--ds-collapse-panel-icon-size) !important;
+      min-width: var(--ds-collapse-panel-icon-size) !important;
+      min-height: var(--ds-collapse-panel-icon-size) !important;
+      font-size: var(--ds-collapse-panel-icon-size) !important;
+      display: inline-flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      line-height: 1 !important;
+    }
+
+    .${s}.ant-collapse .ant-collapse-arrow svg {
+      width: var(--ds-collapse-panel-icon-size) !important;
+      height: var(--ds-collapse-panel-icon-size) !important;
+      min-width: var(--ds-collapse-panel-icon-size) !important;
+      min-height: var(--ds-collapse-panel-icon-size) !important;
+      display: block !important;
+    }
+
+    .${s}.ant-collapse[data-ds-row-gap='true'] {
+      display: flex;
+      flex-direction: column;
+      gap: var(--ds-collapse-row-gap, 0px);
+      background: transparent;
+    }
+
+    .${s}.ant-collapse[data-ds-row-gap='true'] > .ant-collapse-item {
+      background: var(--ds-collapse-content-bg, ${t.surface.container});
+      border: 1px solid ${t.border.bodyDivider};
+      border-radius: 0;
+      overflow: hidden;
+    }
+
+    .${s}.ant-collapse[data-ds-row-gap='true'] > .ant-collapse-item:first-child {
+      border-top-left-radius: 8px;
+      border-top-right-radius: 8px;
+      border-top: 1px solid ${t.border.bodyDivider};
+    }
+
+    .${s}.ant-collapse[data-ds-row-gap='true'] > .ant-collapse-item:last-child {
+      border-bottom-left-radius: 8px;
+      border-bottom-right-radius: 8px;
+    }
+
+    .${s}.ant-collapse[data-ds-panel-background='collapsed-all'] {
+      background: transparent;
+      display: flex;
+      flex-direction: column;
+      gap: var(--ds-collapse-row-gap, 16px);
+    }
+
+    .${s}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item {
+      border: none;
+      border-radius: 0;
+    }
+
+    .${s}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item > .ant-collapse-header {
+      border-radius: 0;
+      border: 1px solid ${t.border.bodyDivider};
+    }
+
+    .${s}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item:first-child > .ant-collapse-header {
+      border-top-left-radius: 8px;
+      border-top-right-radius: 8px;
+    }
+
+    .${s}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item:last-child > .ant-collapse-header {
+      border-bottom-left-radius: 8px;
+      border-bottom-right-radius: 8px;
+    }
+
+    .${s}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item > .ant-collapse-content,
+    .${s}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item > .ant-collapse-panel {
+      border-radius: 0;
+      margin-top: -1px;
+      border: 1px solid ${t.border.bodyDivider};
+      border-top: none;
+    }
+
+    .${s}.ant-collapse[data-ds-open-panel-edge-contrast='true'] > .ant-collapse-item.ant-collapse-item-active {
+      border-left-color: ${t.border.container};
+      border-right-color: ${t.border.container};
+    }
+  `;if(i){i.textContent=a;return}let c=document.createElement(`style`);c.id=o,c.textContent=a,document.head.appendChild(c)}function l(e){return e==null?[]:Array.isArray(e)?e:[e]}var u=({dsVariant:o=`ant`,dsSize:u=`md`,dsShowBulkActions:d=!1,dsExpandAllLabel:f=`Expand all`,dsCollapseAllLabel:p=`Collapse all`,dsPanelBackground:m=`white`,dsHeaderBackground:h=`panel`,dsRowGap:g,dsOpenPanelEdgeContrast:_=!1,className:v,activeKey:y,defaultActiveKey:b,items:x,onChange:S,bordered:C,...w})=>{(0,r.useEffect)(()=>{c()},[]);let T=o===`canonical`,E=a[u],D=e.dsSemanticTokens.table,O=m===`light-gray`||m===`collapsed-all`?D.surface.rowHover:D.surface.container,k=h===`light-gray`?D.surface.rowHover:O,A=g??0,j=y!==void 0,[M,N]=(0,r.useState)(b),P=j?y:M,F=(0,r.useMemo)(()=>(x??[]).map(e=>e.key),[x]),I=l(P),L=e=>{j||N(e),S?.(e)},R=()=>{F.length!==0&&L(F)},z=()=>{L([])},B=T?C??!1:C,V=[T?s:void 0,v].filter(Boolean).join(` `),H=T?({isActive:e})=>(0,i.jsx)(`span`,{className:`${s}-chevron`,children:(0,i.jsx)(t.t,{name:e?`arrowDown1`:`arrowRight1`,size:E,style:{width:`${E}px`,height:`${E}px`,minWidth:`${E}px`,minHeight:`${E}px`,display:`block`}})}):void 0,U=T?{...w.style,"--ds-collapse-panel-icon-size":`${E}px`,"--ds-collapse-panel-bg":O,"--ds-collapse-content-bg":D.surface.container,"--ds-collapse-header-bg":k,"--ds-collapse-row-gap":`${A}px`}:w.style;return(0,i.jsxs)(`div`,{children:[T&&d&&(0,i.jsxs)(`div`,{className:`${s}-controls`,"data-ds-size":u,children:[(0,i.jsxs)(`button`,{type:`button`,className:`${s}-control-button`,onClick:R,disabled:F.length>0&&I.length===F.length,children:[(0,i.jsx)(`span`,{className:`${s}-control-icon`,"aria-hidden":`true`,children:(0,i.jsx)(t.t,{name:`addCircle1`,size:16})}),f]}),(0,i.jsxs)(`button`,{type:`button`,className:`${s}-control-button`,onClick:z,disabled:I.length===0,children:[(0,i.jsx)(`span`,{className:`${s}-control-icon`,"aria-hidden":`true`,children:(0,i.jsx)(t.t,{name:`subtractCircle1`,size:16})}),p]})]}),(0,i.jsx)(n.Collapse,{...w,items:x,bordered:B,expandIcon:H,activeKey:P,onChange:L,className:V,style:U,"data-ds-size":T?u:void 0,"data-ds-panel-background":T?m:void 0,"data-ds-row-gap":T&&A>0?`true`:void 0,"data-ds-open-panel-edge-contrast":T&&_?`true`:void 0})]})};u.displayName=`Collapse`,exports.Collapse=u;
+//# sourceMappingURL=Collapse.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.cjs","names":[],"sources":["../../src/ds/display/Collapse.tsx"],"sourcesContent":["import { Collapse as AntCollapse } from 'antd';\nimport type { CollapseProps } from 'antd';\nimport { useEffect, useMemo, useState } from 'react';\nimport { Icon } from '../../utils/icons';\nimport { dsSemanticTokens } from '../../theme/ontadaTheme';\n\ntype DSCollapseVariant = 'ant' | 'canonical';\nexport type DSCollapseSize = 'sm' | 'md' | 'lg';\nexport type DSCollapsePanelBackground = 'white' | 'light-gray' | 'collapsed-all';\nexport type DSCollapseHeaderBackground = 'panel' | 'light-gray';\n\ntype CollapseChangeKey = NonNullable<CollapseProps['onChange']> extends (key: infer K) => void ? K : string | number | Array<string | number>;\n\ntype ActiveKey = CollapseProps['activeKey'];\n\ntype ExpandIconPanelProps = {\n  isActive?: boolean;\n};\n\ntype RestrictedAntProps = 'expandIcon';\n\nconst PANEL_ICON_SIZE_BY_DS_SIZE: Record<DSCollapseSize, number> = {\n  lg: 16,\n  md: 12,\n  sm: 10,\n};\n\nexport type DSCollapseProps = Omit<CollapseProps, RestrictedAntProps> & {\n  /** Render Ant defaults or DS canonical accordion styling. */\n  dsVariant?: DSCollapseVariant;\n  /** Canonical DS size from Figma: sm, md, lg. */\n  dsSize?: DSCollapseSize;\n  /** Shows Expand all / Collapse all controls for canonical variants. */\n  dsShowBulkActions?: boolean;\n  /** Label text for bulk expand action. */\n  dsExpandAllLabel?: string;\n  /** Label text for bulk collapse action. */\n  dsCollapseAllLabel?: string;\n  /** Canonical panel background variant from Figma component accordion. */\n  dsPanelBackground?: DSCollapsePanelBackground;\n  /** Header background fill for canonical variants. */\n  dsHeaderBackground?: DSCollapseHeaderBackground;\n  /** Optional row gap (px) between accordion items for Figma parity variants. */\n  dsRowGap?: number;\n  /** Adds left/right contrasting edges for open panel body variants from Figma. */\n  dsOpenPanelEdgeContrast?: boolean;\n};\n\nconst STYLE_ID = 'ds-collapse-styles-v2';\nconst DS_COLLAPSE_CLASS = 'ds-collapse';\n\nfunction injectStyles() {\n  if (typeof document === 'undefined') return;\n\n  const { table, input, button } = dsSemanticTokens;\n  const existingStyle = document.getElementById(STYLE_ID) as HTMLStyleElement | null;\n\n  const cssText = `\n    .${DS_COLLAPSE_CLASS}.ant-collapse {\n      background: ${table.surface.container};\n      border: none;\n      border-radius: 0;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse > .ant-collapse-item {\n      background: var(--ds-collapse-content-bg, ${table.surface.container});\n      border-bottom: 1px solid ${table.border.bodyDivider};\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse > .ant-collapse-item:first-child {\n      border-top: 1px solid ${table.border.bodyDivider};\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse > .ant-collapse-item > .ant-collapse-header {\n      position: relative;\n      align-items: center;\n      color: ${button.primary.default};\n      font-family: 'Nunito', sans-serif;\n      font-weight: 600;\n      background: var(--ds-collapse-header-bg, var(--ds-collapse-panel-bg, ${table.surface.container}));\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse:not([data-ds-panel-background='collapsed-all']) > .ant-collapse-item.ant-collapse-item-active > .ant-collapse-header {\n      border-bottom: 1px solid ${table.border.bodyDivider};\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse > .ant-collapse-item > .ant-collapse-content,\n    .${DS_COLLAPSE_CLASS}.ant-collapse > .ant-collapse-item > .ant-collapse-panel {\n      border-top: none;\n      background: var(--ds-collapse-content-bg, ${table.surface.container});\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box,\n    .${DS_COLLAPSE_CLASS}.ant-collapse > .ant-collapse-item > .ant-collapse-panel > .ant-collapse-body {\n      color: ${table.text.body};\n      font-family: 'Nunito', sans-serif;\n      font-weight: 400;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] > .ant-collapse-item > .ant-collapse-header {\n      min-height: 60px;\n      padding: 19px 40px !important;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] .ant-collapse-header,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] .ant-collapse-header .ant-collapse-header-text,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] .ant-collapse-header .ant-collapse-title {\n      font-size: 18px;\n      line-height: 22px;\n      letter-spacing: -0.036px;\n      font-weight: 600;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] > .ant-collapse-item > .ant-collapse-header .ant-collapse-expand-icon {\n      margin-inline-end: 24px;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] > .ant-collapse-item > .ant-collapse-panel > .ant-collapse-body {\n      padding: 24px 40px !important;\n      font-size: 16px;\n      line-height: 20px;\n      letter-spacing: -0.016px;\n      font-weight: 400;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] .ant-collapse-content-box,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] .ant-collapse-body,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] .ant-collapse-content-box p,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] .ant-collapse-body p,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='lg'] .ant-collapse-content-box span {\n      font-size: 16px;\n      line-height: 20px;\n      letter-spacing: -0.016px;\n      font-weight: 400;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] > .ant-collapse-item > .ant-collapse-header {\n      min-height: 50px;\n      padding: 15px 40px !important;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] .ant-collapse-header,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] .ant-collapse-header .ant-collapse-header-text,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] .ant-collapse-header .ant-collapse-title {\n      font-size: 16px;\n      line-height: 20px;\n      letter-spacing: -0.016px;\n      font-weight: 600;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] > .ant-collapse-item > .ant-collapse-header .ant-collapse-expand-icon {\n      margin-inline-end: 16px;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] > .ant-collapse-item > .ant-collapse-panel > .ant-collapse-body {\n      padding: 24px 40px !important;\n      font-size: 16px;\n      line-height: 20px;\n      letter-spacing: -0.016px;\n      font-weight: 400;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] .ant-collapse-content-box,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] .ant-collapse-body,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] .ant-collapse-content-box p,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] .ant-collapse-body p,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='md'] .ant-collapse-content-box span {\n      font-size: 16px;\n      line-height: 20px;\n      letter-spacing: -0.016px;\n      font-weight: 400;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] > .ant-collapse-item > .ant-collapse-header {\n      min-height: 32px;\n      padding: 7px 24px !important;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] .ant-collapse-header,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] .ant-collapse-header .ant-collapse-header-text,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] .ant-collapse-header .ant-collapse-title {\n      font-size: 14px;\n      line-height: 18px;\n      letter-spacing: 0;\n      font-weight: 600;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] > .ant-collapse-item > .ant-collapse-header .ant-collapse-expand-icon {\n      margin-inline-end: 12px;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] > .ant-collapse-item > .ant-collapse-panel > .ant-collapse-body {\n      padding: 24px !important;\n      font-size: 14px;\n      line-height: 18px;\n      letter-spacing: 0;\n      font-weight: 400;\n    }\n\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] .ant-collapse-content-box,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] .ant-collapse-body,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] .ant-collapse-content-box p,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] .ant-collapse-body p,\n    .${DS_COLLAPSE_CLASS}[data-ds-size='sm'] .ant-collapse-content-box span {\n      font-size: 14px;\n      line-height: 18px;\n      letter-spacing: 0;\n      font-weight: 400;\n    }\n\n    .${DS_COLLAPSE_CLASS}-controls {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      gap: 24px;\n      margin-bottom: 12px;\n      color: ${input.text.placeholder};\n      font-family: 'Nunito', sans-serif;\n      font-weight: 600;\n      background: ${table.surface.container};\n      user-select: none;\n    }\n\n    .${DS_COLLAPSE_CLASS}-controls[data-ds-size='sm'] {\n      font-size: 12px;\n      line-height: 16px;\n      letter-spacing: 0.012px;\n    }\n\n    .${DS_COLLAPSE_CLASS}-controls[data-ds-size='md'],\n    .${DS_COLLAPSE_CLASS}-controls[data-ds-size='lg'] {\n      font-size: 14px;\n      line-height: 18px;\n      letter-spacing: 0;\n    }\n\n    .${DS_COLLAPSE_CLASS}-controls[data-ds-size='sm'] .${DS_COLLAPSE_CLASS}-control-button {\n      font-size: 12px;\n      line-height: 16px;\n      letter-spacing: 0.012px;\n      font-weight: 600;\n    }\n\n    .${DS_COLLAPSE_CLASS}-controls[data-ds-size='md'] .${DS_COLLAPSE_CLASS}-control-button,\n    .${DS_COLLAPSE_CLASS}-controls[data-ds-size='lg'] .${DS_COLLAPSE_CLASS}-control-button {\n      font-size: 14px;\n      line-height: 18px;\n      letter-spacing: 0;\n      font-weight: 600;\n    }\n\n    .${DS_COLLAPSE_CLASS}-control-button {\n      border: 0;\n      background: transparent;\n      color: inherit;\n      cursor: pointer;\n      padding: 0;\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      font: inherit;\n    }\n\n    .${DS_COLLAPSE_CLASS}-control-button:disabled {\n      opacity: 0.45;\n      cursor: not-allowed;\n    }\n\n    .${DS_COLLAPSE_CLASS}-control-icon {\n      width: 16px;\n      height: 16px;\n      border-radius: 999px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      line-height: 1;\n    }\n\n    .${DS_COLLAPSE_CLASS}-control-icon > svg,\n    .${DS_COLLAPSE_CLASS}-control-icon .anticon,\n    .${DS_COLLAPSE_CLASS}-control-icon span > svg {\n      width: 16px !important;\n      height: 16px !important;\n      min-width: 16px !important;\n      min-height: 16px !important;\n      display: block;\n    }\n\n    .${DS_COLLAPSE_CLASS}-chevron {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: var(--ds-collapse-panel-icon-size);\n      height: var(--ds-collapse-panel-icon-size);\n      min-width: var(--ds-collapse-panel-icon-size);\n      min-height: var(--ds-collapse-panel-icon-size);\n      color: ${input.text.disabled};\n      line-height: 1;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse .ant-collapse-expand-icon {\n      width: var(--ds-collapse-panel-icon-size) !important;\n      height: var(--ds-collapse-panel-icon-size) !important;\n      min-width: var(--ds-collapse-panel-icon-size) !important;\n      min-height: var(--ds-collapse-panel-icon-size) !important;\n      flex: 0 0 var(--ds-collapse-panel-icon-size) !important;\n      padding-inline-start: 0 !important;\n      padding-inline-end: 0 !important;\n      margin-inline-start: 0 !important;\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse .ant-collapse-arrow {\n      width: var(--ds-collapse-panel-icon-size) !important;\n      height: var(--ds-collapse-panel-icon-size) !important;\n      min-width: var(--ds-collapse-panel-icon-size) !important;\n      min-height: var(--ds-collapse-panel-icon-size) !important;\n      font-size: var(--ds-collapse-panel-icon-size) !important;\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      line-height: 1 !important;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse .ant-collapse-arrow svg {\n      width: var(--ds-collapse-panel-icon-size) !important;\n      height: var(--ds-collapse-panel-icon-size) !important;\n      min-width: var(--ds-collapse-panel-icon-size) !important;\n      min-height: var(--ds-collapse-panel-icon-size) !important;\n      display: block !important;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-row-gap='true'] {\n      display: flex;\n      flex-direction: column;\n      gap: var(--ds-collapse-row-gap, 0px);\n      background: transparent;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-row-gap='true'] > .ant-collapse-item {\n      background: var(--ds-collapse-content-bg, ${table.surface.container});\n      border: 1px solid ${table.border.bodyDivider};\n      border-radius: 0;\n      overflow: hidden;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-row-gap='true'] > .ant-collapse-item:first-child {\n      border-top-left-radius: 8px;\n      border-top-right-radius: 8px;\n      border-top: 1px solid ${table.border.bodyDivider};\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-row-gap='true'] > .ant-collapse-item:last-child {\n      border-bottom-left-radius: 8px;\n      border-bottom-right-radius: 8px;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-panel-background='collapsed-all'] {\n      background: transparent;\n      display: flex;\n      flex-direction: column;\n      gap: var(--ds-collapse-row-gap, 16px);\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item {\n      border: none;\n      border-radius: 0;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item > .ant-collapse-header {\n      border-radius: 0;\n      border: 1px solid ${table.border.bodyDivider};\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item:first-child > .ant-collapse-header {\n      border-top-left-radius: 8px;\n      border-top-right-radius: 8px;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item:last-child > .ant-collapse-header {\n      border-bottom-left-radius: 8px;\n      border-bottom-right-radius: 8px;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item > .ant-collapse-content,\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-panel-background='collapsed-all'] > .ant-collapse-item > .ant-collapse-panel {\n      border-radius: 0;\n      margin-top: -1px;\n      border: 1px solid ${table.border.bodyDivider};\n      border-top: none;\n    }\n\n    .${DS_COLLAPSE_CLASS}.ant-collapse[data-ds-open-panel-edge-contrast='true'] > .ant-collapse-item.ant-collapse-item-active {\n      border-left-color: ${table.border.container};\n      border-right-color: ${table.border.container};\n    }\n  `;\n\n  if (existingStyle) {\n    existingStyle.textContent = cssText;\n    return;\n  }\n\n  const style = document.createElement('style');\n  style.id = STYLE_ID;\n  style.textContent = cssText;\n  document.head.appendChild(style);\n}\n\nfunction toKeyArray(activeKey: ActiveKey | undefined): Array<string | number> {\n  if (activeKey == null) return [];\n  if (Array.isArray(activeKey)) return activeKey;\n  return [activeKey];\n}\n\nexport const Collapse = ({\n  dsVariant = 'ant',\n  dsSize = 'md',\n  dsShowBulkActions = false,\n  dsExpandAllLabel = 'Expand all',\n  dsCollapseAllLabel = 'Collapse all',\n  dsPanelBackground = 'white',\n  dsHeaderBackground = 'panel',\n  dsRowGap,\n  dsOpenPanelEdgeContrast = false,\n  className,\n  activeKey,\n  defaultActiveKey,\n  items,\n  onChange,\n  bordered,\n  ...props\n}: DSCollapseProps) => {\n  useEffect(() => {\n    injectStyles();\n  }, []);\n\n  const isCanonical = dsVariant === 'canonical';\n  const panelIconSize = PANEL_ICON_SIZE_BY_DS_SIZE[dsSize];\n  const tableTokens = dsSemanticTokens.table;\n  const panelBackground =\n    dsPanelBackground === 'light-gray' || dsPanelBackground === 'collapsed-all'\n      ? tableTokens.surface.rowHover\n      : tableTokens.surface.container;\n  const headerBackground =\n    dsHeaderBackground === 'light-gray'\n      ? tableTokens.surface.rowHover\n      : panelBackground;\n  const rowGap = dsRowGap ?? 0;\n  const isControlled = activeKey !== undefined;\n  const [internalActiveKey, setInternalActiveKey] = useState<ActiveKey>(defaultActiveKey);\n\n  const resolvedActiveKey = isControlled ? activeKey : internalActiveKey;\n  const allKeys = useMemo(() => (items ?? []).map((item) => item.key), [items]);\n  const activeKeysArray = toKeyArray(resolvedActiveKey);\n\n  const handleChange = (nextKey: CollapseChangeKey) => {\n    if (!isControlled) {\n      setInternalActiveKey(nextKey as ActiveKey);\n    }\n    onChange?.(nextKey);\n  };\n\n  const handleExpandAll = () => {\n    if (allKeys.length === 0) return;\n    handleChange(allKeys as CollapseChangeKey);\n  };\n\n  const handleCollapseAll = () => {\n    handleChange([] as CollapseChangeKey);\n  };\n\n  const resolvedBordered = isCanonical ? (bordered ?? false) : bordered;\n  const mergedClassName = [isCanonical ? DS_COLLAPSE_CLASS : undefined, className].filter(Boolean).join(' ');\n\n  const resolvedExpandIcon = isCanonical\n    ? ({ isActive }: ExpandIconPanelProps) => (\n      <span className={`${DS_COLLAPSE_CLASS}-chevron`}>\n        <Icon\n          name={isActive ? 'arrowDown1' : 'arrowRight1'}\n          size={panelIconSize}\n          style={{\n            width: `${panelIconSize}px`,\n            height: `${panelIconSize}px`,\n            minWidth: `${panelIconSize}px`,\n            minHeight: `${panelIconSize}px`,\n            display: 'block',\n          }}\n        />\n      </span>\n    )\n    : undefined;\n\n  const resolvedStyle = isCanonical\n    ? {\n      ...props.style,\n      ['--ds-collapse-panel-icon-size' as string]: `${panelIconSize}px`,\n      ['--ds-collapse-panel-bg' as string]: panelBackground,\n      ['--ds-collapse-content-bg' as string]: tableTokens.surface.container,\n      ['--ds-collapse-header-bg' as string]: headerBackground,\n      ['--ds-collapse-row-gap' as string]: `${rowGap}px`,\n    }\n    : props.style;\n\n  return (\n    <div>\n      {isCanonical && dsShowBulkActions && (\n        <div className={`${DS_COLLAPSE_CLASS}-controls`} data-ds-size={dsSize}>\n          <button\n            type=\"button\"\n            className={`${DS_COLLAPSE_CLASS}-control-button`}\n            onClick={handleExpandAll}\n            disabled={allKeys.length > 0 && activeKeysArray.length === allKeys.length}\n          >\n            <span className={`${DS_COLLAPSE_CLASS}-control-icon`} aria-hidden=\"true\">\n              <Icon name=\"addCircle1\" size={16} />\n            </span>\n            {dsExpandAllLabel}\n          </button>\n\n          <button\n            type=\"button\"\n            className={`${DS_COLLAPSE_CLASS}-control-button`}\n            onClick={handleCollapseAll}\n            disabled={activeKeysArray.length === 0}\n          >\n            <span className={`${DS_COLLAPSE_CLASS}-control-icon`} aria-hidden=\"true\">\n              <Icon name=\"subtractCircle1\" size={16} />\n            </span>\n            {dsCollapseAllLabel}\n          </button>\n        </div>\n      )}\n\n      <AntCollapse\n        {...props}\n        items={items}\n        bordered={resolvedBordered}\n        expandIcon={resolvedExpandIcon}\n        activeKey={resolvedActiveKey}\n        onChange={handleChange}\n        className={mergedClassName}\n        style={resolvedStyle}\n        data-ds-size={isCanonical ? dsSize : undefined}\n        data-ds-panel-background={isCanonical ? dsPanelBackground : undefined}\n        data-ds-row-gap={isCanonical && rowGap > 0 ? 'true' : undefined}\n        data-ds-open-panel-edge-contrast={isCanonical && dsOpenPanelEdgeContrast ? 'true' : undefined}\n      />\n    </div>\n  );\n};\n\nCollapse.displayName = 'Collapse';\n"],"mappings":"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"}