@akinon/ui-layout 1.4.1 → 1.6.0

package/dist/cjs/Flex/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Flex/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,mBAAmB,SAAS,CAAC;AAE7B;;;;;;;;;;GAUG;AAEH,eAAO,MAAM,IAAI,mCAAoC,SAAS,sBA4B7D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Flex/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,mBAAmB,SAAS,CAAC;AAE7B;;;;;;;;;;GAUG;AAEH,eAAO,MAAM,IAAI,GAAI,gCAAgC,SAAS,sBA4B7D,CAAC"}

package/dist/cjs/Grid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Grid/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAElD,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAElD;;;;;;GAMG;AAEH;;;;;;;GAOG;AAEH,eAAO,MAAM,GAAG,kCAAmC,QAAQ,sBAkC1D,CAAC;AAEF;;;;;;;GAOG;AAEH,eAAO,MAAM,GAAG,kCAAmC,QAAQ,sBA4B1D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Grid/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAElD,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAElD;;;;;;GAMG;AAEH;;;;;;;GAOG;AAEH,eAAO,MAAM,GAAG,GAAI,+BAA+B,QAAQ,sBAkC1D,CAAC;AAEF;;;;;;;GAOG;AAEH,eAAO,MAAM,GAAG,GAAI,+BAA+B,QAAQ,sBA4B1D,CAAC"}

package/dist/cjs/Layout/Content/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Layout/Content/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C;;;;;;;GAOG;AAEH,eAAO,MAAM,OAAO,sCAAuC,YAAY,sBA4BtE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Layout/Content/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C;;;;;;;GAOG;AAEH,eAAO,MAAM,OAAO,GAAI,mCAAmC,YAAY,sBA4BtE,CAAC"}

package/dist/cjs/Layout/Footer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Layout/Footer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAKrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C;;;;GAIG;AAEH,eAAO,MAAM,MAAM,qCAAsC,WAAW,sBA4BnE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Layout/Footer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAKrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C;;;;GAIG;AAEH,eAAO,MAAM,MAAM,GAAI,kCAAkC,WAAW,sBA4BnE,CAAC"}

package/dist/cjs/Layout/Header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Layout/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAKrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C;;;;;;GAMG;AAEH,eAAO,MAAM,MAAM,qCAAsC,WAAW,sBA4BnE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Layout/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAKrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C;;;;;;GAMG;AAEH,eAAO,MAAM,MAAM,GAAI,kCAAkC,WAAW,sBA4BnE,CAAC"}

package/dist/cjs/Layout/Sider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Layout/Sider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAKrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAIzD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,eAAO,MAAM,KAAK,iFAOf,UAAU,sBAgEZ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Layout/Sider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAKrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAIzD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,eAAO,MAAM,KAAK,GAAI,8EAOnB,UAAU,sBAgEZ,CAAC"}

package/dist/cjs/Layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Layout/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;GAKG;AAEH,eAAO,MAAM,MAAM,qCAAsC,WAAW,sBA4BnE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Layout/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;GAKG;AAEH,eAAO,MAAM,MAAM,GAAI,kCAAkC,WAAW,sBA4BnE,CAAC"}

package/dist/cjs/NavCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/NavCard/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,mBAAmB,SAAS,CAAC;AAE7B;;;;;;;;;;;;;;;;;GAiBG;AAEH,eAAO,MAAM,OAAO,4EAQjB,YAAY,sBAwFd,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/NavCard/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,mBAAmB,SAAS,CAAC;AAE7B;;;;;;;;;;;;;;;;;GAiBG;AAEH,eAAO,MAAM,OAAO,GAAI,yEAQrB,YAAY,sBAwFd,CAAC"}

package/dist/cjs/PageContent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/PageContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;GAEG;AAEH,eAAO,MAAM,WAAW,0CAIrB,gBAAgB,sBAMlB,CAAC;AAEF,mBAAmB,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/PageContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;GAEG;AAEH,eAAO,MAAM,WAAW,GAAI,uCAIzB,gBAAgB,sBAMlB,CAAC;AAEF,mBAAmB,SAAS,CAAC"}

package/dist/cjs/PageContent/index.js

@@ -18,6 +18,6 @@ const React = require("react");
  */
 const PageContent = (_a) => {
     var { children, className = '' } = _a, restProps = __rest(_a, ["children", "className"]);
-    return (React.createElement("div", Object.assign({ className: className, style: { padding: '30px' } }, restProps), children));
+    return (React.createElement("div", Object.assign({ className: className }, restProps), children));
 };
 exports.PageContent = PageContent;

package/dist/cjs/PageHeading/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/PageHeading/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;;GAGG;AAEH,eAAO,MAAM,WAAW,+CAKrB,gBAAgB,sBA4BlB,CAAC;AAEF,mBAAmB,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/PageHeading/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;;GAGG;AAEH,eAAO,MAAM,WAAW,GAAI,4CAKzB,gBAAgB,sBA2BlB,CAAC;AAEF,mBAAmB,SAAS,CAAC"}

package/dist/cjs/PageHeading/index.js

@@ -9,7 +9,6 @@ const React = require("react");
  */
 const PageHeading = ({ title, description, actions, className }) => {
     return (React.createElement(antd_1.Flex, { justify: "space-between", align: "flex-start", className: className, style: {
-            padding: '18px 30px',
             borderBlockEnd: 'solid 1px var(--color-gray-900)'
         } },
         React.createElement(antd_1.Space, { direction: "vertical", size: 4 },

package/dist/cjs/SubHeading/index.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { SubHeadingProps } from './types';
+export type * from './types';
+/**
+ * SubHeading component, which acts as a secondary heading within a layout.
+ * It provides a framework to integrate with other layout components cohesively.
+ *
+ * This component is commonly used in applications to establish a consistent and flexible sub-heading structure.
+ */
+export declare const SubHeading: ({ children, action, className }: SubHeadingProps) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/SubHeading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/SubHeading/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,mBAAmB,SAAS,CAAC;AAE7B;;;;;GAKG;AAEH,eAAO,MAAM,UAAU,GAAI,iCAIxB,eAAe,sBA8DjB,CAAC"}

package/dist/cjs/SubHeading/index.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubHeading = void 0;
+const ui_theme_1 = require("@akinon/ui-theme");
+const ui_typography_1 = require("@akinon/ui-typography");
+const cssinjs_1 = require("@ant-design/cssinjs");
+const antd_1 = require("antd");
+const clsx_1 = require("clsx");
+const React = require("react");
+/**
+ * SubHeading component, which acts as a secondary heading within a layout.
+ * It provides a framework to integrate with other layout components cohesively.
+ *
+ * This component is commonly used in applications to establish a consistent and flexible sub-heading structure.
+ */
+const SubHeading = ({ children, action, className }) => {
+    const { getPrefixCls, theme } = React.useContext(antd_1.ConfigProvider.ConfigContext);
+    const { token } = (0, ui_theme_1.useToken)();
+    const prefixCls = `${getPrefixCls()}-sub-heading`;
+    const prefixClsSelector = `.${prefixCls}`;
+    (0, cssinjs_1.useStyleRegister)({
+        token: token,
+        path: ['SubHeading'],
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        theme: theme
+    }, () => {
+        const themeConfig = theme;
+        return {
+            [prefixClsSelector]: {
+                display: 'flex',
+                justifyContent: 'space-between',
+                alignItems: 'flex-end',
+                position: 'relative',
+                zIndex: 0,
+                '&::after': {
+                    content: '""',
+                    display: 'block',
+                    width: '100%',
+                    height: 1,
+                    backgroundColor: themeConfig.colors.ebonyClay['400'],
+                    position: 'absolute',
+                    bottom: 1,
+                    zIndex: -1
+                },
+                [`& .${getPrefixCls()}-typography`]: {
+                    marginBottom: 0,
+                    fontSize: token.fontSizeXL,
+                    lineHeight: 'normal',
+                    borderBottom: `4px solid ${themeConfig.colors.azure['500']}`,
+                    paddingBlockEnd: token.paddingSM
+                },
+                [`&-action`]: {
+                    paddingBlockEnd: token.paddingSM
+                }
+            }
+        };
+    });
+    return (React.createElement("div", { className: (0, clsx_1.default)(prefixCls, className) },
+        React.createElement(ui_typography_1.Title, { level: 3 }, children),
+        React.createElement("div", { className: `${prefixCls}-action` }, action)));
+};
+exports.SubHeading = SubHeading;

package/dist/cjs/SubHeading/types.d.ts

@@ -0,0 +1,14 @@
+export type SubHeadingProps = {
+  /**
+   * The main content/title of the sub-heading
+   */
+  children: React.ReactNode;
+  /**
+   * Additional CSS class name for custom styling
+   */
+  className?: string;
+  /**
+   * Optional action element (e.g., button, link) displayed on the right side
+   */
+  action?: React.ReactNode;
+};

package/dist/cjs/index.d.ts

@@ -12,4 +12,5 @@ export * from './Grid';
 export * from './NavCard';
 export * from './PageContent';
 export * from './PageHeading';
+export * from './SubHeading';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACtE,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,MAAM,EAAE,UAKZ,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACtE,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,MAAM,EAAE,UAKZ,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC"}

package/dist/cjs/index.js

@@ -32,3 +32,4 @@ __exportStar(require("./Grid"), exports);
 __exportStar(require("./NavCard"), exports);
 __exportStar(require("./PageContent"), exports);
 __exportStar(require("./PageHeading"), exports);
+__exportStar(require("./SubHeading"), exports);

package/dist/esm/Flex/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Flex/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,mBAAmB,SAAS,CAAC;AAE7B;;;;;;;;;;GAUG;AAEH,eAAO,MAAM,IAAI,mCAAoC,SAAS,sBA4B7D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Flex/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,mBAAmB,SAAS,CAAC;AAE7B;;;;;;;;;;GAUG;AAEH,eAAO,MAAM,IAAI,GAAI,gCAAgC,SAAS,sBA4B7D,CAAC"}

package/dist/esm/Grid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Grid/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAElD,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAElD;;;;;;GAMG;AAEH;;;;;;;GAOG;AAEH,eAAO,MAAM,GAAG,kCAAmC,QAAQ,sBAkC1D,CAAC;AAEF;;;;;;;GAOG;AAEH,eAAO,MAAM,GAAG,kCAAmC,QAAQ,sBA4B1D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Grid/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAElD,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAElD;;;;;;GAMG;AAEH;;;;;;;GAOG;AAEH,eAAO,MAAM,GAAG,GAAI,+BAA+B,QAAQ,sBAkC1D,CAAC;AAEF;;;;;;;GAOG;AAEH,eAAO,MAAM,GAAG,GAAI,+BAA+B,QAAQ,sBA4B1D,CAAC"}

package/dist/esm/Layout/Content/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Layout/Content/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C;;;;;;;GAOG;AAEH,eAAO,MAAM,OAAO,sCAAuC,YAAY,sBA4BtE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Layout/Content/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C;;;;;;;GAOG;AAEH,eAAO,MAAM,OAAO,GAAI,mCAAmC,YAAY,sBA4BtE,CAAC"}

package/dist/esm/Layout/Footer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Layout/Footer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAKrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C;;;;GAIG;AAEH,eAAO,MAAM,MAAM,qCAAsC,WAAW,sBA4BnE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Layout/Footer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAKrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C;;;;GAIG;AAEH,eAAO,MAAM,MAAM,GAAI,kCAAkC,WAAW,sBA4BnE,CAAC"}

package/dist/esm/Layout/Header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Layout/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAKrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C;;;;;;GAMG;AAEH,eAAO,MAAM,MAAM,qCAAsC,WAAW,sBA4BnE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Layout/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAKrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C;;;;;;GAMG;AAEH,eAAO,MAAM,MAAM,GAAI,kCAAkC,WAAW,sBA4BnE,CAAC"}

package/dist/esm/Layout/Sider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Layout/Sider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAKrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAIzD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,eAAO,MAAM,KAAK,iFAOf,UAAU,sBAgEZ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Layout/Sider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAKrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAIzD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,eAAO,MAAM,KAAK,GAAI,8EAOnB,UAAU,sBAgEZ,CAAC"}

package/dist/esm/Layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Layout/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;GAKG;AAEH,eAAO,MAAM,MAAM,qCAAsC,WAAW,sBA4BnE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Layout/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;GAKG;AAEH,eAAO,MAAM,MAAM,GAAI,kCAAkC,WAAW,sBA4BnE,CAAC"}

package/dist/esm/NavCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/NavCard/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,mBAAmB,SAAS,CAAC;AAE7B;;;;;;;;;;;;;;;;;GAiBG;AAEH,eAAO,MAAM,OAAO,4EAQjB,YAAY,sBAwFd,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/NavCard/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,mBAAmB,SAAS,CAAC;AAE7B;;;;;;;;;;;;;;;;;GAiBG;AAEH,eAAO,MAAM,OAAO,GAAI,yEAQrB,YAAY,sBAwFd,CAAC"}

package/dist/esm/PageContent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/PageContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;GAEG;AAEH,eAAO,MAAM,WAAW,0CAIrB,gBAAgB,sBAMlB,CAAC;AAEF,mBAAmB,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/PageContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;GAEG;AAEH,eAAO,MAAM,WAAW,GAAI,uCAIzB,gBAAgB,sBAMlB,CAAC;AAEF,mBAAmB,SAAS,CAAC"}

package/dist/esm/PageContent/index.js

@@ -15,5 +15,5 @@ import * as React from 'react';
  */
 export const PageContent = (_a) => {
     var { children, className = '' } = _a, restProps = __rest(_a, ["children", "className"]);
-    return (React.createElement("div", Object.assign({ className: className, style: { padding: '30px' } }, restProps), children));
+    return (React.createElement("div", Object.assign({ className: className }, restProps), children));
 };

package/dist/esm/PageHeading/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/PageHeading/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;;GAGG;AAEH,eAAO,MAAM,WAAW,+CAKrB,gBAAgB,sBA4BlB,CAAC;AAEF,mBAAmB,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/PageHeading/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;;GAGG;AAEH,eAAO,MAAM,WAAW,GAAI,4CAKzB,gBAAgB,sBA2BlB,CAAC;AAEF,mBAAmB,SAAS,CAAC"}

package/dist/esm/PageHeading/index.js

@@ -6,7 +6,6 @@ import * as React from 'react';
  */
 export const PageHeading = ({ title, description, actions, className }) => {
     return (React.createElement(Flex, { justify: "space-between", align: "flex-start", className: className, style: {
-            padding: '18px 30px',
             borderBlockEnd: 'solid 1px var(--color-gray-900)'
         } },
         React.createElement(Space, { direction: "vertical", size: 4 },

package/dist/esm/SubHeading/index.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { SubHeadingProps } from './types';
+export type * from './types';
+/**
+ * SubHeading component, which acts as a secondary heading within a layout.
+ * It provides a framework to integrate with other layout components cohesively.
+ *
+ * This component is commonly used in applications to establish a consistent and flexible sub-heading structure.
+ */
+export declare const SubHeading: ({ children, action, className }: SubHeadingProps) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/SubHeading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/SubHeading/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,mBAAmB,SAAS,CAAC;AAE7B;;;;;GAKG;AAEH,eAAO,MAAM,UAAU,GAAI,iCAIxB,eAAe,sBA8DjB,CAAC"}

package/dist/esm/SubHeading/index.js

@@ -0,0 +1,58 @@
+import { useToken } from '@akinon/ui-theme';
+import { Title } from '@akinon/ui-typography';
+import { useStyleRegister } from '@ant-design/cssinjs';
+import { ConfigProvider } from 'antd';
+import clsx from 'clsx';
+import * as React from 'react';
+/**
+ * SubHeading component, which acts as a secondary heading within a layout.
+ * It provides a framework to integrate with other layout components cohesively.
+ *
+ * This component is commonly used in applications to establish a consistent and flexible sub-heading structure.
+ */
+export const SubHeading = ({ children, action, className }) => {
+    const { getPrefixCls, theme } = React.useContext(ConfigProvider.ConfigContext);
+    const { token } = useToken();
+    const prefixCls = `${getPrefixCls()}-sub-heading`;
+    const prefixClsSelector = `.${prefixCls}`;
+    useStyleRegister({
+        token: token,
+        path: ['SubHeading'],
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        theme: theme
+    }, () => {
+        const themeConfig = theme;
+        return {
+            [prefixClsSelector]: {
+                display: 'flex',
+                justifyContent: 'space-between',
+                alignItems: 'flex-end',
+                position: 'relative',
+                zIndex: 0,
+                '&::after': {
+                    content: '""',
+                    display: 'block',
+                    width: '100%',
+                    height: 1,
+                    backgroundColor: themeConfig.colors.ebonyClay['400'],
+                    position: 'absolute',
+                    bottom: 1,
+                    zIndex: -1
+                },
+                [`& .${getPrefixCls()}-typography`]: {
+                    marginBottom: 0,
+                    fontSize: token.fontSizeXL,
+                    lineHeight: 'normal',
+                    borderBottom: `4px solid ${themeConfig.colors.azure['500']}`,
+                    paddingBlockEnd: token.paddingSM
+                },
+                [`&-action`]: {
+                    paddingBlockEnd: token.paddingSM
+                }
+            }
+        };
+    });
+    return (React.createElement("div", { className: clsx(prefixCls, className) },
+        React.createElement(Title, { level: 3 }, children),
+        React.createElement("div", { className: `${prefixCls}-action` }, action)));
+};

package/dist/esm/SubHeading/types.d.ts

@@ -0,0 +1,14 @@
+export type SubHeadingProps = {
+  /**
+   * The main content/title of the sub-heading
+   */
+  children: React.ReactNode;
+  /**
+   * Additional CSS class name for custom styling
+   */
+  className?: string;
+  /**
+   * Optional action element (e.g., button, link) displayed on the right side
+   */
+  action?: React.ReactNode;
+};

package/dist/esm/index.d.ts

@@ -12,4 +12,5 @@ export * from './Grid';
 export * from './NavCard';
 export * from './PageContent';
 export * from './PageHeading';
+export * from './SubHeading';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACtE,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,MAAM,EAAE,UAKZ,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACtE,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,MAAM,EAAE,UAKZ,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC"}

package/dist/esm/index.js

@@ -15,3 +15,4 @@ export * from './Grid';
 export * from './NavCard';
 export * from './PageContent';
 export * from './PageHeading';
+export * from './SubHeading';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/ui-layout",
-  "version": "1.4.1",
+  "version": "1.6.0",
   "private": false,
   "type": "module",
   "main": "dist/esm/index.js",
@@ -9,23 +9,24 @@
     "dist"
   ],
   "dependencies": {
-    "antd": "5.22.6",
+    "@ant-design/cssinjs": "^1.24.0",
+    "antd": "^5.27.0",
     "clsx": "^2.0.0",
-    "@akinon/ui-theme": "1.0.2",
-    "@akinon/ui-typography": "1.0.1",
-    "@akinon/icons": "1.0.1"
+    "@akinon/icons": "1.1.0",
+    "@akinon/ui-theme": "1.1.1",
+    "@akinon/ui-typography": "1.1.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.5",
     "typescript": "*",
-    "@akinon/utils": "1.0.2",
-    "@akinon/typescript-config": "1.0.1"
+    "@akinon/typescript-config": "1.1.0",
+    "@akinon/utils": "1.1.2"
   },
   "peerDependencies": {
-    "react": ">=18",
-    "react-dom": ">=18"
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
   },
   "clean-package": "../../../clean-package.config.json",
   "types": "dist/esm/index.d.ts",
@@ -39,10 +40,10 @@
   },
   "scripts": {
     "build": "pnpm run build:esm && pnpm run build:commonjs && pnpm run copy:files",
-    "build:esm": "tsc --outDir dist/esm",
     "build:commonjs": "tsc --module commonjs --outDir dist/cjs",
-    "copy:files": "copyfiles -u 1 \"src/**/*.!(ts|tsx)\" dist/esm && copyfiles -u 1 \"src/**/*.!(ts|tsx)\" dist/cjs",
+    "build:esm": "tsc --outDir dist/esm",
     "clean": "rimraf dist/",
+    "copy:files": "copyfiles -u 1 \"src/**/*.!(ts|tsx)\" dist/esm && copyfiles -u 1 \"src/**/*.!(ts|tsx)\" dist/cjs",
     "typecheck": "tsc --noEmit"
   }
 }

package/dist/cjs/NavCard/index.css

@@ -1,83 +0,0 @@
-.nav-card {
-  background-color: var(--color-neutral-50);
-  border-radius: 5.6px;
-  display: flex;
-}
-
-.nav-card__icon {
-  background-color: var(--color-gray-500);
-  border-bottom-left-radius: 4px;
-  border-top-left-radius: 4px;
-  color: var(--color-neutral-50);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 180px;
-}
-
-/* Overriding SVG so you will not have to pass size prop to Icon component. */
-.nav-card__icon svg {
-  width: 28px !important;
-  height: 28px !important;
-}
-
-/* Change bg color based on the class set on .nav-card */
-.nav-card-akinon .nav-card__icon {
-  background-color: var(--color-akinon-500);
-}
-
-.nav-card-azure .nav-card__icon {
-  background-color: var(--color-azure-500);
-}
-
-.nav-card-blue .nav-card__icon {
-  background-color: var(--color-blue-500);
-}
-
-.nav-card-orange .nav-card__icon {
-  background-color: var(--color-orange-500);
-}
-
-.nav-card-red .nav-card__icon {
-  background-color: var(--color-red-500);
-}
-
-.nav-card-green .nav-card__icon {
-  background-color: var(--color-green-500);
-}
-
-.nav-card-pink .nav-card__icon {
-  background-color: var(--color-pink-500);
-}
-
-.nav-card-purple .nav-card__icon {
-  background-color: var(--color-purple-500);
-}
-
-.nav-card__content {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
-  padding: 24px 16px;
-  width: 100%;
-}
-
-.nav-card__title {
-  color: var(--color-ebonyClay-900);
-  font-size: calc(var(--token-fontSize) * 1.28571428571px);
-  font-weight: 500;
-  margin: 0;
-  padding: 0;
-  line-height: 1;
-  text-decoration: none;
-}
-
-.nav-card__description {
-  color: var(--color-gray-400);
-  font-weight: 400;
-  margin: 8px 0 0;
-  padding: 0;
-  line-height: 1.3;
-  text-decoration: none;
-}

package/dist/cjs/PageContent/index.css

@@ -1,3 +0,0 @@
-.akinon-page-content {
-  padding: 24px;
-}

package/dist/cjs/PageHeading/index.css

@@ -1,27 +0,0 @@
-.akinon-page-heading {
-  border-bottom: 1px solid var(--color-ebonyClay-400);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 24px;
-}
-
-.akinon-page-heading__content {
-  max-width: 50%;
-}
-
-.akinon-page-heading__title {
-  color: var(--color-neutral-50);
-  font-size: calc(var(--token-fontSize) * 1.42857142857px);
-  font-weight: 700;
-  margin: 0;
-}
-
-.akinon-page-heading__description {
-  color: var(--color-gray-300);
-  margin: 0;
-  padding: 0;
-  font-size: 13px;
-  font-weight: 400;
-  line-height: 1;
-}

package/dist/esm/NavCard/index.css

@@ -1,83 +0,0 @@
-.nav-card {
-  background-color: var(--color-neutral-50);
-  border-radius: 5.6px;
-  display: flex;
-}
-
-.nav-card__icon {
-  background-color: var(--color-gray-500);
-  border-bottom-left-radius: 4px;
-  border-top-left-radius: 4px;
-  color: var(--color-neutral-50);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 180px;
-}
-
-/* Overriding SVG so you will not have to pass size prop to Icon component. */
-.nav-card__icon svg {
-  width: 28px !important;
-  height: 28px !important;
-}
-
-/* Change bg color based on the class set on .nav-card */
-.nav-card-akinon .nav-card__icon {
-  background-color: var(--color-akinon-500);
-}
-
-.nav-card-azure .nav-card__icon {
-  background-color: var(--color-azure-500);
-}
-
-.nav-card-blue .nav-card__icon {
-  background-color: var(--color-blue-500);
-}
-
-.nav-card-orange .nav-card__icon {
-  background-color: var(--color-orange-500);
-}
-
-.nav-card-red .nav-card__icon {
-  background-color: var(--color-red-500);
-}
-
-.nav-card-green .nav-card__icon {
-  background-color: var(--color-green-500);
-}
-
-.nav-card-pink .nav-card__icon {
-  background-color: var(--color-pink-500);
-}
-
-.nav-card-purple .nav-card__icon {
-  background-color: var(--color-purple-500);
-}
-
-.nav-card__content {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
-  padding: 24px 16px;
-  width: 100%;
-}
-
-.nav-card__title {
-  color: var(--color-ebonyClay-900);
-  font-size: calc(var(--token-fontSize) * 1.28571428571px);
-  font-weight: 500;
-  margin: 0;
-  padding: 0;
-  line-height: 1;
-  text-decoration: none;
-}
-
-.nav-card__description {
-  color: var(--color-gray-400);
-  font-weight: 400;
-  margin: 8px 0 0;
-  padding: 0;
-  line-height: 1.3;
-  text-decoration: none;
-}

package/dist/esm/PageContent/index.css

@@ -1,3 +0,0 @@
-.akinon-page-content {
-  padding: 24px;
-}

package/dist/esm/PageHeading/index.css

@@ -1,27 +0,0 @@
-.akinon-page-heading {
-  border-bottom: 1px solid var(--color-ebonyClay-400);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 24px;
-}
-
-.akinon-page-heading__content {
-  max-width: 50%;
-}
-
-.akinon-page-heading__title {
-  color: var(--color-neutral-50);
-  font-size: calc(var(--token-fontSize) * 1.42857142857px);
-  font-weight: 700;
-  margin: 0;
-}
-
-.akinon-page-heading__description {
-  color: var(--color-gray-300);
-  margin: 0;
-  padding: 0;
-  font-size: 13px;
-  font-weight: 400;
-  line-height: 1;
-}