acinguiux-ds-react-framework 0.0.4 → 0.0.6

package/README.md

@@ -16,7 +16,7 @@ Welcome to the acinguiux Design System React Framework, a collection of reusable
 
 ## Documentation
 
-Our comprehensive documentation is available in the [GitHub Wiki](https://github.com/acinguiux-ds-react-framework/wiki).
+Our comprehensive documentation is available in the [GitHub Wiki](https://github.com/sede-x/acinguiux-ds-react-framework/wiki).
 We provide a Storybook page to showcase and document our components:
 - beta (release/minor_patch branch): [https://acinguiux-ds-minor-patch-react-framework.azurewebsites.net/](https://acinguiux-ds-minor-patch-react-framework.azurewebsites.net/)
 - next-major (release/major branch): [https://acinguiux-ds-major-react-framework.azurewebsites.net/](https://acinguiux-ds-major-react-framework.azurewebsites.net/)
@@ -24,18 +24,25 @@ We provide a Storybook page to showcase and document our components:
 
 ---
 
+## Usage in acinguiux
+
+If you are creating a new repository, we recommend you to leverage the [Client React Web](https://github.com/sede-x/Template-Client-React-Web) template to ensure you comply with acinguiux standards.
+
 ## Installation
 
 To use the acinguiux Design System React Framework in your project, follow these steps:
 
 ### Step 1: Generate GitHub Token
 
-1. Go to [GitHub Tokens](https://github.com/settings/tokens)or navigate to GitHub Settings => Developer Settings => Personal Access Tokens.
+1. Go to [GitHub Tokens](https://github.com/settings/tokens) or navigate to GitHub Settings => Developer Settings => Personal Access Tokens.
 2. Generate a new token with at least the repo and read:packages scopes.
 3. Copy the token and, if prompted, configure SSO authorization in the `sede-x` organization.
 
 Add the token to the file `~/.npmrc` (if it does not exist, create it):
 
+> ⚠️ Make sure you insert the token in the configuration of your home directory (~). \
+> You should **never** push the token into your codebase.
+
 ```
 //npm.pkg.github.com/:_authToken=YOUR_TOKEN_HERE
 ```
@@ -81,10 +88,10 @@ In your app entry point (e.g., `src/App.tsx` for Create React App), add the foll
 
 ```js
 import React, { ReactElement } from 'react';
-import { acinguiuxThemeProvider } from 'acinguiux-ds-react-framework';
+import { AcinguiuxThemeProvider } from 'acinguiux-ds-react-framework';
 
 function App(): ReactElement {
-  return <acinguiuxThemeProvider theme="light"><!-- Your app content --></acinguiuxThemeProvider>;
+  return <AcinguiuxThemeProvider theme="light"><!-- Your app content --></AcinguiuxThemeProvider>;
 }
 
 export default App;

package/build/esm/components/Accordion/Accordion.consts.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { AccordionTypes } from '..\..\react-base\src';
+import { IIconProps } from '../Icon/Icon.types';
+type AccordionIconType = {
+    [iconSet in AccordionTypes.IndicatorIconType]: {
+        active: FC<IIconProps>;
+        inactive: FC<IIconProps>;
+    };
+};
+export declare const AccordionIcon: AccordionIconType;
+export {};
+//# sourceMappingURL=Accordion.consts.d.ts.map

package/build/esm/components/Accordion/Accordion.consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.consts.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGzD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,KAAK,iBAAiB,GAAG;KACtB,OAAO,IAAI,cAAc,CAAC,iBAAiB,GAAG;QAC7C,MAAM,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC;QACvB,QAAQ,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC;KAC1B;CACF,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,iBAS3B,CAAC"}

package/build/esm/components/Accordion/Accordion.consts.js

@@ -1,38 +1,18 @@
 import o from "../Icon/components/Add.js";
-import e from "../Icon/components/ChevronSmallDown.js";
-import n from "../Icon/components/ChevronSmallUp.js";
-import p from "../Icon/components/Minus.js";
-import { Sizes as i } from "../../react-base/src/consts.js";
-const c = {
-  [i.Small]: {
-    minHeight: 40,
-    headerGap: "6px",
-    bodyPadding: "20px",
-    iconSize: "20px"
-  },
-  [i.Medium]: {
-    minHeight: 52,
-    headerGap: "10px",
-    bodyPadding: "20px",
-    iconSize: "20px"
-  },
-  [i.Large]: {
-    minHeight: 64,
-    headerGap: "12px",
-    bodyPadding: "24px",
-    iconSize: "24px"
-  }
-}, x = {
+import r from "../Icon/components/ChevronSmallDown.js";
+import i from "../Icon/components/ChevronSmallUp.js";
+import m from "../Icon/components/Minus.js";
+const p = {
   chevron: {
-    active: n,
-    inactive: e
+    active: i,
+    inactive: r
   },
   plus: {
-    active: p,
+    active: m,
     inactive: o
   }
 };
 export {
-  x as AccordionIcon,
-  c as accordionConsts
+  p as AccordionIcon
 };
+//# sourceMappingURL=Accordion.consts.js.map

package/build/esm/components/Accordion/Accordion.consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.consts.js","sources":["../../../../src/components/Accordion/Accordion.consts.ts"],"sourcesContent":["import { FC } from 'react';\r\n\r\nimport { AccordionTypes } from 'acinguiux-ds-react-base';\r\n\r\nimport { Add, ChevronSmallDown, ChevronSmallUp, Minus } from '../Icon/components';\r\nimport { IIconProps } from '../Icon/Icon.types';\r\n\r\ntype AccordionIconType = {\r\n  [iconSet in AccordionTypes.IndicatorIconType]: {\r\n    active: FC<IIconProps>;\r\n    inactive: FC<IIconProps>;\r\n  };\r\n};\r\n\r\nexport const AccordionIcon: AccordionIconType = {\r\n  chevron: {\r\n    active: ChevronSmallUp,\r\n    inactive: ChevronSmallDown,\r\n  },\r\n  plus: {\r\n    active: Minus,\r\n    inactive: Add,\r\n  },\r\n};\r\n"],"names":["AccordionIcon","ChevronSmallUp","ChevronSmallDown","Minus","Add"],"mappings":";;;;AAcO,MAAMA,IAAmC;AAAA,EAC9C,SAAS;AAAA,IACP,QAAQC;AAAA,IACR,UAAUC;AAAA,EACZ;AAAA,EACA,MAAM;AAAA,IACJ,QAAQC;AAAA,IACR,UAAUC;AAAA,EACZ;AACF;"}

package/build/esm/components/Accordion/Accordion.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement } from 'react';
+import { IAccordionProps } from './Accordion.types';
+declare const Accordion: ({ className, ...props }: IAccordionProps) => ReactElement;
+export default Accordion;
+//# sourceMappingURL=Accordion.d.ts.map

package/build/esm/components/Accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAQvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,QAAA,MAAM,SAAS,4BAGZ,eAAe,KAAG,YA0CpB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/build/esm/components/Accordion/Accordion.js

@@ -1,43 +1,52 @@
-import { jsx as t } from "react/jsx-runtime";
-import C from "classnames";
-import { useTheme as I } from "styled-components";
-import { AccordionIcon as S, accordionConsts as e } from "./Accordion.consts.js";
-import { Accordion as v } from "./Accordion.styles.js";
-import { collapseMotion as b } from "./utils/motionUtils.js";
-import { ACCORDION_CLASS as i, Sizes as M } from "../../react-base/src/consts.js";
-const N = ({
-  className: c,
-  size: o = M.Medium,
-  bodyPadding: n = !0,
-  disabled: r = !1,
-  fullWidth: s = !0,
-  borders: a = !0,
-  iconSet: d = "plus",
-  ...l
+import { jsx as n } from "react/jsx-runtime";
+import h from "classnames";
+import { AccordionIcon as x } from "./Accordion.consts.js";
+import { Accordion as P } from "./Accordion.styles.js";
+import { collapseMotion as C } from "./utils/motionUtils.js";
+import { useProps as S } from "../../react-base/src/components/Accordion/Accordion.utils.js";
+import { ACCORDION_CLASS as c } from "../../react-base/src/consts.js";
+import { consts as r } from "../../react-base/src/components/Accordion/Accordion.consts.js";
+const v = ({
+  className: t,
+  ...i
 }) => {
-  const m = I(), p = ({ isActive: u, collapsible: A }) => {
-    const h = S[d][u ? "active" : "inactive"], x = A === "disabled" ? m.onSurface.inactive.default.text.subtle : void 0;
-    return /* @__PURE__ */ t(h, { width: e[o].iconSize, height: e[o].iconSize, fill: x });
-  }, f = {
-    ...r && { collapsible: "disabled" }
+  const {
+    size: o,
+    disabled: e,
+    indicatorIcon: s,
+    bodyPadding: d,
+    contained: a,
+    borders: m,
+    fullWidth: l,
+    indicatorIconPosition: p,
+    ...f
+  } = S(i), I = ({ isActive: u }) => {
+    const b = x[s][u ? "active" : "inactive"];
+    return /* @__PURE__ */ n(b, { width: r[o].iconSize, height: r[o].iconSize });
+  }, A = {
+    ...e && { collapsible: "disabled" }
   };
-  return /* @__PURE__ */ t(
-    v,
+  return /* @__PURE__ */ n(
+    P,
     {
-      className: C(i, c),
-      prefixCls: i,
+      className: h(c, t),
+      prefixCls: c,
       size: o,
-      expandIcon: p,
-      bodyPadding: n,
-      fullWidth: s,
-      borders: a,
+      expandIcon: I,
+      bodyPadding: d,
+      contained: a,
+      fullWidth: l,
+      borders: m,
+      indicatorIconPosition: p,
       destroyInactivePanel: !0,
-      openMotion: b,
-      ...f,
-      ...l
+      openMotion: C,
+      ...A,
+      ...i,
+      ...f
     }
   );
-}, z = N;
+}, w = v;
 export {
-  z as default
+  w as default
 };
+//# sourceMappingURL=Accordion.js.map

package/build/esm/components/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { CollapsePanelProps } from 'rc-collapse';\r\nimport { AccordionUtils, AccordionConsts, ACCORDION_CLASS } from 'acinguiux-ds-react-base';\r\n\r\nimport { AccordionIcon } from './Accordion.consts';\r\nimport * as Styled from './Accordion.styles';\r\nimport { IAccordionProps } from './Accordion.types';\r\nimport { collapseMotion } from './utils/motionUtils';\r\n\r\nconst Accordion = ({\r\n  className,\r\n  ...props\r\n}: IAccordionProps): ReactElement => {\r\n \r\n  const { \r\n    size, \r\n    disabled, \r\n    indicatorIcon, \r\n    bodyPadding, \r\n    contained, \r\n    borders, \r\n    fullWidth, \r\n    indicatorIconPosition,\r\n    ...rest \r\n  } = AccordionUtils.useProps(props);\r\n\r\n  const handleExpandIcon = ({ isActive }: CollapsePanelProps): ReactNode => {\r\n    const Icon = AccordionIcon[indicatorIcon][isActive ? 'active' : 'inactive'];\r\n    \r\n    return <Icon width={AccordionConsts.consts[size].iconSize} height={AccordionConsts.consts[size].iconSize}  />;\r\n  };\r\n  \r\n  const additionalProps = {\r\n    ...(disabled && { collapsible: 'disabled' }),\r\n  };\r\n\r\n  return (\r\n    <Styled.Accordion\r\n      className={classNames(ACCORDION_CLASS, className)}\r\n      prefixCls={ACCORDION_CLASS}\r\n      size={size}\r\n      expandIcon={handleExpandIcon}\r\n      bodyPadding={bodyPadding}\r\n      contained={contained}\r\n      fullWidth={fullWidth}\r\n      borders={borders}\r\n      indicatorIconPosition={indicatorIconPosition}\r\n      destroyInactivePanel\r\n      openMotion={collapseMotion}\r\n      {...additionalProps}\r\n      {...props}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Accordion;\r\n"],"names":["Accordion","className","props","size","disabled","indicatorIcon","bodyPadding","contained","borders","fullWidth","indicatorIconPosition","rest","AccordionUtils.useProps","handleExpandIcon","isActive","Icon","AccordionIcon","jsx","AccordionConsts.consts","additionalProps","Styled.Accordion","classNames","ACCORDION_CLASS","collapseMotion","Accordion$1"],"mappings":";;;;;;;;AAWA,MAAMA,IAAY,CAAC;AAAA,EACjB,WAAAC;AAAA,EACA,GAAGC;AACL,MAAqC;AAE7B,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDC,EAAwBV,CAAK,GAE3BW,IAAmB,CAAC,EAAE,UAAAC,QAA8C;AACxE,UAAMC,IAAOC,EAAcX,CAAa,EAAES,IAAW,WAAW,UAAU;AAE1E,WAAQ,gBAAAG,EAAAF,GAAA,EAAK,OAAOG,EAAuBf,CAAI,EAAE,UAAU,QAAQe,EAAuBf,CAAI,EAAE,SAAW,CAAA;AAAA,EAAA,GAGvGgB,IAAkB;AAAA,IACtB,GAAIf,KAAY,EAAE,aAAa,WAAW;AAAA,EAAA;AAI1C,SAAA,gBAAAa;AAAA,IAACG;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAiBrB,CAAS;AAAA,MAChD,WAAWqB;AAAA,MACX,MAAAnB;AAAA,MACA,YAAYU;AAAA,MACZ,aAAAP;AAAA,MACA,WAAAC;AAAA,MACA,WAAAE;AAAA,MACA,SAAAD;AAAA,MACA,uBAAAE;AAAA,MACA,sBAAoB;AAAA,MACpB,YAAYa;AAAA,MACX,GAAGJ;AAAA,MACH,GAAGjB;AAAA,MACH,GAAGS;AAAA,IAAA;AAAA,EAAA;AAGV,GAEAa,IAAexB;"}

package/build/esm/components/Accordion/Accordion.styles.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { IAccordionProps } from './Accordion.types';
+type StyledAccordionProps = IAccordionProps & {
+    expandIcon: (props: object) => ReactNode;
+};
+declare const Accordion: import("styled-components").StyledComponent<FunctionComponent<{}>, import("styled-components").DefaultTheme, StyledAccordionProps, never>;
+export { Accordion };
+//# sourceMappingURL=Accordion.styles.d.ts.map

package/build/esm/components/Accordion/Accordion.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMrD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,KAAK,oBAAoB,GAAG,eAAe,GAAG;IAC5C,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;CAC1C,CAAC;AAIF,QAAA,MAAM,SAAS,2IAuHd,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/build/esm/components/Accordion/Accordion.styles.js

@@ -1,103 +1,128 @@
-import u from "rc-collapse";
-import $, { css as d } from "styled-components";
-import { accordionConsts as n } from "./Accordion.consts.js";
-import { Sizes as e } from "../../react-base/src/consts.js";
-const m = $(u)`
-  ${({ prefixCls: o, size: a, bodyPadding: r, fullWidth: c, nested: i, borders: l, theme: t }) => d`
-    width: ${c ? "100%" : "fit-content"};
-    color: ${t.onSurface.surface.default.text.strong};
-
-    ${i && d`
-      padding-left: 24px;
-    `}
-
-    .${o}-panel-header, .${o}-header {
-      ${a === e.Small && t.label.medium.bold}
-      ${a === e.Medium && t.heading[4].bold}
-      ${a === e.Large && t.heading[3].demi}
-      min-height: ${n[a || e.Medium].minHeight}px;
-    }
-
-    .${o}-header {
-      display: flex;
-      align-items: center;
-
-      &:focus-visible {
-        border-radius: 2px;
-        outline: 3px solid ${t.additional.focus.subtle};
-      }
-    }
-
-    .${o}-content {
-      transition: height 0.3s, opacity 0.3s;
-    }
-
-    .${o}-panel-content, .${o}-content-box {
-      ${r && d`
-        padding: 0
-          calc(
-            ${n[a || e.Medium].bodyPadding} + ${n[a || e.Medium].headerGap}
-          )
-          calc(
-            ${n[a || e.Medium].bodyPadding} + ${n[a || e.Medium].headerGap}
-          );
+import g from "rc-collapse";
+import m, { css as o } from "styled-components";
+import { Sizes as s } from "../../react-base/src/consts.js";
+import { getFabricStyles as y, getNestedMarginStyle as h, getHeaderTitleFontStyle as p, getContentTextFontStyle as v, getContentPaddingStyle as S, getExpandIconStyle as b, getWithBordersItemStyle as x, getContainedItemStyle as H, getHeaderPaddingStyle as f, getExtraContentStyle as w, getHeaderTextStyle as A } from "../../react-base/src/components/Accordion/Accordion.utils.js";
+import * as F from "../../react-base/src/components/Accordion/Accordion.consts.js";
+const { consts: T } = F, N = m(g)`
+  ${({ prefixCls: t, size: e = s.Medium, fullWidth: i, nested: u, borders: l, indicatorIconPosition: r, bodyPadding: c, contained: $, disabled: d, theme: a }) => {
+  const n = y(a);
+  return o`
+      width: ${i ? "100%" : "fit-content"};
+      min-height: ${T[e].minHeight}px;
+      
+      ${u && o`
+        padding: 0 24px;
+        ${h(e, $, c)}
       `}
-    }
 
-    .${o}-panel-item:last-of-type, .${o}-item:last-of-type {
-      border-bottom: none;
-    }
+      .${t}-panel-header, .${t}-header {
+        ${p(a, e)}
+      }
+
+      .${t}-content {
+        transition: height 0.3s, opacity 0.3s;
+        overflow: hidden;
+      }
 
-    .${o}-panel-expand-icon, .${o}-expand-icon {
-      display: flex;
-      margin-right: ${n[a || e.Medium].headerGap};
-    }
+      .${t}-panel-content, .${t}-content-box {
+        ${v(a, e)}
+        ${c && S(e, $)}
+      }
 
-    /** Items */
+      .${t}-panel-item:last-of-type, .${t}-item:last-of-type {
+        ${l && !$ && o`
+          border-bottom: none;
+        `}
 
-    .${o}-item {
-      ${l && d`
-        border-bottom: 1px solid ${t.onSurface.surface.default.border.subtle};
-      `}
+        ${$ && o`
+          margin-bottom: 0;
+        `}
+      }
+
+      .${t}-panel-expand-icon, .${t}-expand-icon {
+        ${b(e, r)}
+      }
 
-      .${o}-header {
-        display: flex;
-        justify-content: flex-start;
-        align-items: center;
-        cursor: pointer;
+      /** Items */
 
-        .${o}-extra {
+      .${t}-item {
+        ${n.default}
+
+        ${l && !$ && o`
+          ${x(a)}
+        `}
+
+        ${$ && o`
+          ${n.default}
+          ${H(a)}
+          
+          &:has(>.${t}-header:focus-visible) {
+            border-radius: 10px;
+            outline: 3px solid ${a.additional.focus.subtle};
+            outline-offset: 2px;
+          }
+
+          &:hover:not(:has(.${t}-item:hover)) {
+            ${n.hover}
+          }
+
+          ${!d && o`
+            &:active:not(:has(.${t}-item:active)) { 
+              ${n.active}
+            }
+          `}
+        `}
+
+        .${t}-header {
           display: flex;
           align-items: center;
-          justify-self: flex-end;
-          margin-left: auto;
-        }
+          cursor: pointer;
+          ${f(e, $)}
 
-        &-collapsible-only {
-          cursor: default;
+          &:focus-visible {
+            border-radius: 2px;
+            outline: ${$ ? "0px" : "3px"} solid ${a.additional.focus.subtle};
+          }
+        
+          &:hover {
+            ${n.hover}
+          }
+          
+          ${!d && o`
+            &:active { 
+              ${n.active}
+            }
+          `}
+
+          ${d && o`
+            cursor: not-allowed;
+          `}
+
+          .${t}-extra {
+            ${w(e, r)}
+          }
+          
+          .${t}-header-text {
+            ${A(e, r)};
+          }
 
-          .${o}-header-text {
-            cursor: pointer;
+          &-collapsible-only {
+            cursor: default;
+
+            .${t}-header-text {
+              cursor: pointer;
+            }
           }
         }
-      }
 
-      &-disabled {
-        background-color: ${t.onSurface.inactive.default.background};
-        border-color: ${t.onSurface.inactive.default.border.subtle};
-        color: ${t.onSurface.inactive.default.text.strong};
-        cursor: not-allowed;
-
-        .${o}-header, .${o}-content-active, svg,
-        * {
-          cursor: not-allowed;
-          color: ${t.onSurface.inactive.default.text.strong};
-          fill: ${t.onSurface.inactive.default.text.strong};
+        &-disabled {
+          ${n.disabled}
         }
       }
-    }
-  `}
+    `;
+}};
 `;
 export {
-  m as Accordion
+  N as Accordion
 };
+//# sourceMappingURL=Accordion.styles.js.map

package/build/esm/components/Accordion/Accordion.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.styles.js","sources":["../../../../src/components/Accordion/Accordion.styles.ts"],"sourcesContent":["import { FunctionComponent, ReactNode } from 'react';\r\n\r\nimport RCAccordion from 'rc-collapse';\r\nimport styled, { css } from 'styled-components';\r\nimport { Sizes, AccordionConsts, AccordionUtils } from 'acinguiux-ds-react-base';\r\n\r\nimport { IAccordionProps } from './Accordion.types';\r\n\r\ntype StyledAccordionProps = IAccordionProps & {\r\n  expandIcon: (props: object) => ReactNode;\r\n};\r\n\r\nconst {consts} = AccordionConsts; \r\n\r\nconst Accordion = styled(RCAccordion as unknown as FunctionComponent)<StyledAccordionProps>`\r\n  ${({ prefixCls, size = Sizes.Medium, fullWidth, nested, borders, indicatorIconPosition, bodyPadding, contained, disabled, theme }) => {\r\n    const styles = AccordionUtils.getFabricStyles(theme);\r\n\r\n    return css`\r\n      width: ${fullWidth ? '100%' : 'fit-content'};\r\n      min-height: ${consts[size].minHeight}px;\r\n      \r\n      ${nested && css`\r\n        padding: 0 24px;\r\n        ${AccordionUtils.getNestedMarginStyle(size, contained, bodyPadding)}\r\n      `}\r\n\r\n      .${prefixCls}-panel-header, .${prefixCls}-header {\r\n        ${AccordionUtils.getHeaderTitleFontStyle(theme, size)}\r\n      }\r\n\r\n      .${prefixCls}-content {\r\n        transition: height 0.3s, opacity 0.3s;\r\n        overflow: hidden;\r\n      }\r\n\r\n      .${prefixCls}-panel-content, .${prefixCls}-content-box {\r\n        ${AccordionUtils.getContentTextFontStyle(theme, size)}\r\n        ${bodyPadding && AccordionUtils.getContentPaddingStyle(size, contained)}\r\n      }\r\n\r\n      .${prefixCls}-panel-item:last-of-type, .${prefixCls}-item:last-of-type {\r\n        ${borders && !contained && css`\r\n          border-bottom: none;\r\n        `}\r\n\r\n        ${contained && css`\r\n          margin-bottom: 0;\r\n        `}\r\n      }\r\n\r\n      .${prefixCls}-panel-expand-icon, .${prefixCls}-expand-icon {\r\n        ${AccordionUtils.getExpandIconStyle(size, indicatorIconPosition)}\r\n      }\r\n\r\n      /** Items */\r\n\r\n      .${prefixCls}-item {\r\n        ${styles.default}\r\n\r\n        ${borders && !contained && css`\r\n          ${AccordionUtils.getWithBordersItemStyle(theme)}\r\n        `}\r\n\r\n        ${contained && css`\r\n          ${styles.default}\r\n          ${AccordionUtils.getContainedItemStyle(theme)}\r\n          \r\n          &:has(>.${prefixCls}-header:focus-visible) {\r\n            border-radius: 10px;\r\n            outline: 3px solid ${theme.additional.focus.subtle};\r\n            outline-offset: 2px;\r\n          }\r\n\r\n          &:hover:not(:has(.${prefixCls}-item:hover)) {\r\n            ${styles.hover}\r\n          }\r\n\r\n          ${!disabled && css`\r\n            &:active:not(:has(.${prefixCls}-item:active)) { \r\n              ${styles.active}\r\n            }\r\n          `}\r\n        `}\r\n\r\n        .${prefixCls}-header {\r\n          display: flex;\r\n          align-items: center;\r\n          cursor: pointer;\r\n          ${AccordionUtils.getHeaderPaddingStyle(size, contained)}\r\n\r\n          &:focus-visible {\r\n            border-radius: 2px;\r\n            outline: ${contained ? '0px' : '3px'} solid ${theme.additional.focus.subtle};\r\n          }\r\n        \r\n          &:hover {\r\n            ${styles.hover}\r\n          }\r\n          \r\n          ${!disabled && css`\r\n            &:active { \r\n              ${styles.active}\r\n            }\r\n          `}\r\n\r\n          ${disabled && css`\r\n            cursor: not-allowed;\r\n          `}\r\n\r\n          .${prefixCls}-extra {\r\n            ${AccordionUtils.getExtraContentStyle(size, indicatorIconPosition)}\r\n          }\r\n          \r\n          .${prefixCls}-header-text {\r\n            ${AccordionUtils.getHeaderTextStyle(size, indicatorIconPosition)};\r\n          }\r\n\r\n          &-collapsible-only {\r\n            cursor: default;\r\n\r\n            .${prefixCls}-header-text {\r\n              cursor: pointer;\r\n            }\r\n          }\r\n        }\r\n\r\n        &-disabled {\r\n          ${styles.disabled}\r\n        }\r\n      }\r\n    `;\r\n  }};\r\n`;\r\n\r\nexport { Accordion };\r\n"],"names":["consts","AccordionConsts","Accordion","styled","RCAccordion","prefixCls","size","Sizes","fullWidth","nested","borders","indicatorIconPosition","bodyPadding","contained","disabled","theme","styles","AccordionUtils.getFabricStyles","css","AccordionUtils.getNestedMarginStyle","AccordionUtils.getHeaderTitleFontStyle","AccordionUtils.getContentTextFontStyle","AccordionUtils.getContentPaddingStyle","AccordionUtils.getExpandIconStyle","AccordionUtils.getWithBordersItemStyle","AccordionUtils.getContainedItemStyle","AccordionUtils.getHeaderPaddingStyle","AccordionUtils.getExtraContentStyle","AccordionUtils.getHeaderTextStyle"],"mappings":";;;;;AAYA,MAAM,EAAC,QAAAA,EAAU,IAAAC,GAEXC,IAAYC,EAAOC,CAA2C;AAAA,IAChE,CAAC,EAAE,WAAAC,GAAW,MAAAC,IAAOC,EAAM,QAAQ,WAAAC,GAAW,QAAAC,GAAQ,SAAAC,GAAS,uBAAAC,GAAuB,aAAAC,GAAa,WAAAC,GAAW,UAAAC,GAAU,OAAAC,QAAY;AAC9H,QAAAC,IAASC,EAA+BF,CAAK;AAE5C,SAAAG;AAAA,eACIV,IAAY,SAAS,aAAa;AAAA,oBAC7BR,EAAOM,CAAI,EAAE,SAAS;AAAA;AAAA,QAElCG,KAAUS;AAAA;AAAA,UAERC,EAAoCb,GAAMO,GAAWD,CAAW,CAAC;AAAA,OACpE;AAAA;AAAA,SAEEP,CAAS,mBAAmBA,CAAS;AAAA,UACpCe,EAAuCL,GAAOT,CAAI,CAAC;AAAA;AAAA;AAAA,SAGpDD,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,SAKTA,CAAS,oBAAoBA,CAAS;AAAA,UACrCgB,EAAuCN,GAAOT,CAAI,CAAC;AAAA,UACnDM,KAAeU,EAAsChB,GAAMO,CAAS,CAAC;AAAA;AAAA;AAAA,SAGtER,CAAS,8BAA8BA,CAAS;AAAA,UAC/CK,KAAW,CAACG,KAAaK;AAAA;AAAA,SAE1B;AAAA;AAAA,UAECL,KAAaK;AAAA;AAAA,SAEd;AAAA;AAAA;AAAA,SAGAb,CAAS,wBAAwBA,CAAS;AAAA,UACzCkB,EAAkCjB,GAAMK,CAAqB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,SAK/DN,CAAS;AAAA,UACRW,EAAO,OAAO;AAAA;AAAA,UAEdN,KAAW,CAACG,KAAaK;AAAA,YACvBM,EAAuCT,CAAK,CAAC;AAAA,SAChD;AAAA;AAAA,UAECF,KAAaK;AAAA,YACXF,EAAO,OAAO;AAAA,YACdS,EAAqCV,CAAK,CAAC;AAAA;AAAA,oBAEnCV,CAAS;AAAA;AAAA,iCAEIU,EAAM,WAAW,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,8BAIhCV,CAAS;AAAA,cACzBW,EAAO,KAAK;AAAA;AAAA;AAAA,YAGd,CAACF,KAAYI;AAAA,iCACQb,CAAS;AAAA,gBAC1BW,EAAO,MAAM;AAAA;AAAA,WAElB;AAAA,SACF;AAAA;AAAA,WAEEX,CAAS;AAAA;AAAA;AAAA;AAAA,YAIRqB,EAAqCpB,GAAMO,CAAS,CAAC;AAAA;AAAA;AAAA;AAAA,uBAI1CA,IAAY,QAAQ,KAAK,UAAUE,EAAM,WAAW,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,cAIzEC,EAAO,KAAK;AAAA;AAAA;AAAA,YAGd,CAACF,KAAYI;AAAA;AAAA,gBAETF,EAAO,MAAM;AAAA;AAAA,WAElB;AAAA;AAAA,YAECF,KAAYI;AAAA;AAAA,WAEb;AAAA;AAAA,aAEEb,CAAS;AAAA,cACRsB,EAAoCrB,GAAMK,CAAqB,CAAC;AAAA;AAAA;AAAA,aAGjEN,CAAS;AAAA,cACRuB,EAAkCtB,GAAMK,CAAqB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAM7DN,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOZW,EAAO,QAAQ;AAAA;AAAA;AAAA;AAIzB,CAAC;AAAA;"}

package/build/esm/components/Accordion/Accordion.types.d.ts

@@ -0,0 +1,5 @@
+import { CollapseProps, ItemType } from 'rc-collapse/lib/interface';
+import { AccordionTypes } from '..\..\react-base\src';
+export interface IAccordionProps extends Omit<CollapseProps, 'expandIcon' | 'items' | 'collapsible'>, AccordionTypes.IProps<ItemType> {
+}
+//# sourceMappingURL=Accordion.types.d.ts.map

package/build/esm/components/Accordion/Accordion.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,OAAO,GAAG,aAAa,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,QAAQ,CAAC;CAAG"}

package/build/esm/components/Accordion/components/AccordionPanel/AccordionPanel.d.ts

@@ -0,0 +1,4 @@
+import { IAccordionPanelProps } from './AccordionPanel.types';
+declare const AccordionPanel: ({ className, children, border, keyId, header, label, ...rest }: IAccordionPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default AccordionPanel;
+//# sourceMappingURL=AccordionPanel.d.ts.map

package/build/esm/components/Accordion/components/AccordionPanel/AccordionPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Accordion/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,QAAA,MAAM,cAAc,mEAQjB,oBAAoB,4CAWtB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/build/esm/components/Accordion/components/AccordionPanel/AccordionPanel.js

@@ -26,3 +26,4 @@ const A = ({
 export {
   x as default
 };
+//# sourceMappingURL=AccordionPanel.js.map

package/build/esm/components/Accordion/components/AccordionPanel/AccordionPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionPanel.js","sources":["../../../../../../src/components/Accordion/components/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ACCORDION_PANEL_CLASS } from 'acinguiux-ds-react-base';\n\nimport HeaderAccordion from '../HeaderAccordion/HeaderAccordion';\nimport * as Styled from './AccordionPanel.styles';\nimport { IAccordionPanelProps } from './AccordionPanel.types';\n\nconst AccordionPanel = ({\n  className,\n  children,\n  border = true,\n  keyId,\n  header,\n  label,\n  ...rest\n}: IAccordionPanelProps) => (\n  <Styled.AccordionPanel\n    className={classNames(ACCORDION_PANEL_CLASS, className)}\n    $border={border}\n    key={keyId}\n    header={<HeaderAccordion header={header} label={label} />}\n    {...rest}\n    prefixCls={ACCORDION_PANEL_CLASS}\n  >\n    {children}\n  </Styled.AccordionPanel>\n);\n\nexport default AccordionPanel;\n"],"names":["AccordionPanel","className","children","border","keyId","header","label","rest","jsx","Styled.AccordionPanel","classNames","ACCORDION_PANEL_CLASS","HeaderAccordion","AccordionPanel$1"],"mappings":";;;;;AAOA,MAAMA,IAAiB,CAAC;AAAA,EACtB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAWC,EAAWC,GAAuBV,CAAS;AAAA,IACtD,SAASE;AAAA,IAET,QAAQ,gBAAAK,EAACI,GAAgB,EAAA,QAAAP,GAAgB,OAAAC,EAAc,CAAA;AAAA,IACtD,GAAGC;AAAA,IACJ,WAAWI;AAAA,IAEV,UAAAT;AAAA,EAAA;AAAA,EALIE;AAMP,GAGFS,IAAeb;"}

package/build/esm/components/Accordion/components/AccordionPanel/AccordionPanel.styles.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+import { IAccordionPanelProps } from './AccordionPanel.types';
+declare const AccordionPanel: import("styled-components").StyledComponent<FunctionComponent<{}>, import("styled-components").DefaultTheme, IAccordionPanelProps & {
+    $border: boolean;
+}, never>;
+export { AccordionPanel };
+//# sourceMappingURL=AccordionPanel.styles.d.ts.map

package/build/esm/components/Accordion/components/AccordionPanel/AccordionPanel.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionPanel.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Accordion/components/AccordionPanel/AccordionPanel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,QAAA,MAAM,cAAc;aAAmF,OAAO;SAoD7G,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/build/esm/components/Accordion/components/AccordionPanel/AccordionPanel.styles.js

@@ -55,3 +55,4 @@ const d = c(r)`
 export {
   d as AccordionPanel
 };
+//# sourceMappingURL=AccordionPanel.styles.js.map

package/build/esm/components/Accordion/components/AccordionPanel/AccordionPanel.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionPanel.styles.js","sources":["../../../../../../src/components/Accordion/components/AccordionPanel/AccordionPanel.styles.ts"],"sourcesContent":["import { FunctionComponent } from 'react';\r\n\r\nimport { Panel } from 'rc-collapse';\r\nimport styled, { css } from 'styled-components';\r\n\r\nimport { IAccordionPanelProps } from './AccordionPanel.types';\r\n\r\nconst AccordionPanel = styled(Panel as unknown as FunctionComponent)<IAccordionPanelProps & { $border: boolean }>`\r\n  ${({ prefixCls, $border, theme }) => css`\r\n    ${$border &&\r\n    css`\r\n      border-bottom: 1px solid ${theme.onSurface.surface.default.border.subtle};\r\n    `}\r\n\r\n    &.${prefixCls}-item-disabled {\r\n      background-color: ${theme.onSurface.inactive.default.background};\r\n      border-color: ${theme.onSurface.surface.default.border.subtle};\r\n      color: ${theme.onSurface.inactive.default.text.subtle};\r\n      cursor: not-allowed;\r\n\r\n      .${prefixCls}-header svg {\r\n        fill: ${theme.onSurface.inactive.default.text.subtle};\r\n      }\r\n    }\r\n\r\n    .${prefixCls}-header {\r\n      display: flex;\r\n      justify-content: flex-start;\r\n      align-items: center;\r\n      cursor: pointer;\r\n\r\n      .${prefixCls}-extra {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-self: flex-end;\r\n        margin-left: auto;\r\n      }\r\n\r\n      &-collapsible-only {\r\n        cursor: default;\r\n\r\n        .${prefixCls}-header-text {\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n\r\n    .${prefixCls}-content-active {\r\n      opacity: 1;\r\n      height: auto;\r\n    }\r\n\r\n    .${prefixCls}-content-inactive {\r\n      opacity: 0;\r\n      height: 0;\r\n      padding: 0;\r\n      overflow: hidden;\r\n    }\r\n  `}\r\n`;\r\n\r\nexport { AccordionPanel };\r\n"],"names":["AccordionPanel","styled","Panel","prefixCls","$border","theme","css"],"mappings":";;AAOM,MAAAA,IAAiBC,EAAOC,CAAqC;AAAA,IAC/D,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,OAAAC,QAAYC;AAAA,MACjCF,KACFE;AAAA,iCAC6BD,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA,KACzE;AAAA;AAAA,QAEGF,CAAS;AAAA,0BACSE,EAAM,UAAU,SAAS,QAAQ,UAAU;AAAA,sBAC/CA,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA,eACpDA,EAAM,UAAU,SAAS,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA,SAGlDF,CAAS;AAAA,gBACFE,EAAM,UAAU,SAAS,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA,OAIrDF,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAMPA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAUPA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAMbA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,OAKTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAMb;AAAA;"}

package/build/esm/components/Accordion/components/AccordionPanel/AccordionPanel.types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { CollapsePanelProps } from 'rc-collapse/lib/interface';
+export interface IAccordionPanelProps extends CollapsePanelProps {
+    children: ReactNode | ReactNode[];
+    border?: boolean;
+    keyId?: any;
+    label?: string | ReactNode;
+}
+//# sourceMappingURL=AccordionPanel.types.d.ts.map

package/build/esm/components/Accordion/components/AccordionPanel/AccordionPanel.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionPanel.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Accordion/components/AccordionPanel/AccordionPanel.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B"}

package/build/esm/components/Accordion/components/HeaderAccordion/HeaderAccordion.d.ts

@@ -0,0 +1,4 @@
+import { IHeaderAccordion } from './HeaderAccordion.types';
+declare const HeaderAccordion: ({ header, label }: IHeaderAccordion) => import("react/jsx-runtime").JSX.Element;
+export default HeaderAccordion;
+//# sourceMappingURL=HeaderAccordion.d.ts.map

package/build/esm/components/Accordion/components/HeaderAccordion/HeaderAccordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderAccordion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Accordion/components/HeaderAccordion/HeaderAccordion.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,QAAA,MAAM,eAAe,sBAAuB,gBAAgB,4CAmB3D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/build/esm/components/Accordion/components/HeaderAccordion/HeaderAccordion.js

@@ -1,12 +1,13 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { Container as f, Label as i } from "./HeaderAccordion.styles.js";
-const u = ({ header: o, label: n }) => {
-  const e = (r, s = !1) => typeof r == "string" ? s ? /* @__PURE__ */ t(i, { children: r }) : /* @__PURE__ */ t("span", { children: r }) : r;
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Container as f, Label as u } from "./HeaderAccordion.styles.js";
+const p = ({ header: o, label: n }) => {
+  const t = (r, s = !1) => typeof r == "string" ? s ? /* @__PURE__ */ e(u, { children: r }) : /* @__PURE__ */ e("span", { children: r }) : r;
   return /* @__PURE__ */ a(f, { children: [
-    e(o),
-    e(n, !0)
+    t(o),
+    t(n, !0)
   ] });
-}, p = u;
+};
 export {
   p as default
 };
+//# sourceMappingURL=HeaderAccordion.js.map

package/build/esm/components/Accordion/components/HeaderAccordion/HeaderAccordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderAccordion.js","sources":["../../../../../../src/components/Accordion/components/HeaderAccordion/HeaderAccordion.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport * as Styled from './HeaderAccordion.styles';\nimport { IHeaderAccordion } from './HeaderAccordion.types';\n\nconst HeaderAccordion = ({ header, label }: IHeaderAccordion) => {\n  const renderItem = (children: string | ReactNode, isLabel = false) => {\n    if (typeof children === 'string') {\n      if (isLabel) {\n        return <Styled.Label>{children}</Styled.Label>;\n      }\n\n      return <span>{children}</span>;\n    }\n\n    return children;\n  };\n\n  return (\n    <Styled.Container>\n      {renderItem(header)}\n      {renderItem(label, true)}\n    </Styled.Container>\n  );\n};\n\nexport default HeaderAccordion;\n"],"names":["HeaderAccordion","header","label","renderItem","children","isLabel","jsx","Styled.Label","jsxs","Styled.Container"],"mappings":";;AAKA,MAAMA,IAAkB,CAAC,EAAE,QAAAC,GAAQ,OAAAC,QAA8B;AAC/D,QAAMC,IAAa,CAACC,GAA8BC,IAAU,OACtD,OAAOD,KAAa,WAClBC,IACM,gBAAAC,EAAAC,GAAA,EAAc,UAAAH,EAAS,CAAA,IAG1B,gBAAAE,EAAC,UAAM,UAAAF,EAAS,CAAA,IAGlBA;AAIP,SAAA,gBAAAI,EAACC,GAAA,EACE,UAAA;AAAA,IAAAN,EAAWF,CAAM;AAAA,IACjBE,EAAWD,GAAO,EAAI;AAAA,EACzB,EAAA,CAAA;AAEJ;"}

package/build/esm/components/Accordion/components/HeaderAccordion/HeaderAccordion.styles.d.ts

@@ -0,0 +1,4 @@
+declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export { Container, Label };
+//# sourceMappingURL=HeaderAccordion.styles.d.ts.map

package/build/esm/components/Accordion/components/HeaderAccordion/HeaderAccordion.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderAccordion.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Accordion/components/HeaderAccordion/HeaderAccordion.styles.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS,yGAId,CAAC;AAEF,QAAA,MAAM,KAAK,0GAMV,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC"}

package/build/esm/components/Accordion/components/HeaderAccordion/HeaderAccordion.styles.js

@@ -13,3 +13,4 @@ export {
   r as Container,
   t as Label
 };
+//# sourceMappingURL=HeaderAccordion.styles.js.map

package/build/esm/components/Accordion/components/HeaderAccordion/HeaderAccordion.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderAccordion.styles.js","sources":["../../../../../../src/components/Accordion/components/HeaderAccordion/HeaderAccordion.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\n\r\nconst Container = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  row-gap: 4px;\r\n`;\r\n\r\nconst Label = styled.span`\r\n  ${({ theme }) =>\r\n    css`\r\n      ${theme.label.medium.normal};\r\n      color: ${theme.onSurface.surface.default.text.subtle};\r\n    `};\r\n`;\r\n\r\nexport { Container, Label };\r\n"],"names":["Container","styled","Label","theme","css"],"mappings":";AAEA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAQD,EAAO;AAAA,IACjB,CAAC,EAAE,OAAAE,EACH,MAAAC;AAAA,QACID,EAAM,MAAM,OAAO,MAAM;AAAA,eAClBA,EAAM,UAAU,QAAQ,QAAQ,KAAK,MAAM;AAAA,KACrD;AAAA;"}

package/build/esm/components/Accordion/components/HeaderAccordion/HeaderAccordion.types.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface IHeaderAccordion {
+    header?: string | ReactNode;
+    label?: string | ReactNode;
+}
+//# sourceMappingURL=HeaderAccordion.types.d.ts.map

package/build/esm/components/Accordion/components/HeaderAccordion/HeaderAccordion.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderAccordion.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Accordion/components/HeaderAccordion/HeaderAccordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B"}

package/build/esm/components/Accordion/utils/motionUtils.d.ts

@@ -0,0 +1,3 @@
+import type { CSSMotionProps } from 'rc-motion';
+export declare const collapseMotion: CSSMotionProps;
+//# sourceMappingURL=motionUtils.d.ts.map