@fpkit/acss 3.1.0 → 3.2.0

package/libs/{chunk-MGPWZRBX.cjs → chunk-URBGDUFN.cjs}

@@ -1,18 +1,18 @@
 'use strict';
 
-var chunk2NRIP6RB_cjs = require('./chunk-2NRIP6RB.cjs');
-var chunk6WTC4JXH_cjs = require('./chunk-6WTC4JXH.cjs');
-var chunkE4OSROCA_cjs = require('./chunk-E4OSROCA.cjs');
-var chunkENTCUJ3A_cjs = require('./chunk-ENTCUJ3A.cjs');
+var chunk2C3YLBWP_cjs = require('./chunk-2C3YLBWP.cjs');
+var chunk5CJPTDK3_cjs = require('./chunk-5CJPTDK3.cjs');
+var chunk5QSNJQVH_cjs = require('./chunk-5QSNJQVH.cjs');
+var chunkEJ6KYBFE_cjs = require('./chunk-EJ6KYBFE.cjs');
 var s = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var s__default = /*#__PURE__*/_interopDefault(s);
 
-var y=({dialogTitle:t,onClick:o,id:l,type:e="h3"})=>{let a=s.useCallback(()=>{o();},[o]);return s__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"div",classes:"dialog-header"},s__default.default.createElement(chunk2NRIP6RB_cjs.b,{type:e,className:"dialog-title",id:l},t||"Dialog"),s__default.default.createElement(chunkE4OSROCA_cjs.b,{type:"button",onClick:a,className:"dialog-close","aria-label":"Close dialog","data-btn":"icon"},s__default.default.createElement(chunk6WTC4JXH_cjs.b,null,s__default.default.createElement(chunk6WTC4JXH_cjs.b.Remove,{size:16}))))},D=s__default.default.memo(y);y.displayName="DialogHeader";var H=({onClose:t,onConfirm:o,confirmLabel:l,cancelLabel:e})=>{let a=s.useCallback(()=>{t();},[t]),m=s.useCallback(()=>{o&&o();},[o]);return s__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"section",className:"dialog-footer"},e&&s__default.default.createElement(chunkE4OSROCA_cjs.b,{type:"button",onClick:a,className:"dialog-button button-secondary","data-btn":"sm"},e),o&&s__default.default.createElement(chunkE4OSROCA_cjs.b,{type:"button",onClick:m,className:"dialog-button button-primary","data-btn":"sm"},l))};H.displayName="DialogFooter";var I=s__default.default.memo(H);var h=(t,o)=>s.useCallback(e=>{let a=t.current?.getBoundingClientRect();a&&(e.clientY<a.top||e.clientY>a.bottom||e.clientX<a.left||e.clientX>a.right)&&o();},[t,o]);var F=({isOpen:t,onOpenChange:o,isAlertDialog:l=!1,onClose:e,dialogTitle:a,dialogLabel:m,children:P,onConfirm:U,confirmLabel:B="Confirm",cancelLabel:E="Cancel",className:M="",hideFooter:v=!1,styles:x})=>{let f=s.useRef(null),u=s.useId();s.useEffect(()=>{let r=f.current;r&&(t?l?r.show():r.showModal():r.close());},[t,l]);let c=s.useCallback(()=>{o(!1),e&&e();},[o,e]),L=h(f,c),b=s.useId();return s__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"dialog",role:l?"alertdialog":"dialog",ref:f,onClose:c,onClick:L,"aria-modal":t&&!l?"true":void 0,"aria-labelledby":u,"aria-describedby":b,"aria-label":m,className:`dialog-modal ${M}`.trim(),style:x},s__default.default.createElement(D,{dialogTitle:a,onClick:c,id:u}),s__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"section",id:b,className:"dialog-content",onClick:r=>r.stopPropagation()},P,!v&&s__default.default.createElement(I,{onClose:c,onConfirm:U,confirmLabel:B,cancelLabel:E})))};F.displayName="Dialog";var ao=s__default.default.memo(F);
+var y=({dialogTitle:t,onClick:o,id:l,type:e="h3"})=>{let a=s.useCallback(()=>{o();},[o]);return s__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",classes:"dialog-header"},s__default.default.createElement(chunk2C3YLBWP_cjs.b,{type:e,className:"dialog-title",id:l},t||"Dialog"),s__default.default.createElement(chunk5QSNJQVH_cjs.b,{type:"button",onClick:a,className:"dialog-close","aria-label":"Close dialog","data-btn":"icon"},s__default.default.createElement(chunk5CJPTDK3_cjs.b,null,s__default.default.createElement(chunk5CJPTDK3_cjs.b.Remove,{size:16}))))},D=s__default.default.memo(y);y.displayName="DialogHeader";var H=({onClose:t,onConfirm:o,confirmLabel:l,cancelLabel:e})=>{let a=s.useCallback(()=>{t();},[t]),m=s.useCallback(()=>{o&&o();},[o]);return s__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section",className:"dialog-footer"},e&&s__default.default.createElement(chunk5QSNJQVH_cjs.b,{type:"button",onClick:a,className:"dialog-button button-secondary","data-btn":"sm"},e),o&&s__default.default.createElement(chunk5QSNJQVH_cjs.b,{type:"button",onClick:m,className:"dialog-button button-primary","data-btn":"sm"},l))};H.displayName="DialogFooter";var I=s__default.default.memo(H);var h=(t,o)=>s.useCallback(e=>{let a=t.current?.getBoundingClientRect();a&&(e.clientY<a.top||e.clientY>a.bottom||e.clientX<a.left||e.clientX>a.right)&&o();},[t,o]);var F=({isOpen:t,onOpenChange:o,isAlertDialog:l=!1,onClose:e,dialogTitle:a,dialogLabel:m,children:P,onConfirm:U,confirmLabel:B="Confirm",cancelLabel:E="Cancel",className:M="",hideFooter:v=!1,styles:x})=>{let f=s.useRef(null),u=s.useId();s.useEffect(()=>{let r=f.current;r&&(t?l?r.show():r.showModal():r.close());},[t,l]);let c=s.useCallback(()=>{o(!1),e&&e();},[o,e]),L=h(f,c),b=s.useId();return s__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"dialog",role:l?"alertdialog":"dialog",ref:f,onClose:c,onClick:L,"aria-modal":t&&!l?"true":void 0,"aria-labelledby":u,"aria-describedby":b,"aria-label":m,className:`dialog-modal ${M}`.trim(),style:x},s__default.default.createElement(D,{dialogTitle:a,onClick:c,id:u}),s__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section",id:b,className:"dialog-content",onClick:r=>r.stopPropagation()},P,!v&&s__default.default.createElement(I,{onClose:c,onConfirm:U,confirmLabel:B,cancelLabel:E})))};F.displayName="Dialog";var ao=s__default.default.memo(F);
 
 exports.a = F;
 exports.b = ao;
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-MGPWZRBX.cjs.map
+//# sourceMappingURL=chunk-URBGDUFN.cjs.map

package/libs/{chunk-QKHPHMG2.js → chunk-ZF6Y7W57.js}

@@ -1,11 +1,11 @@
-import { b } from './chunk-ZFJ4U45S.js';
-import { b as b$2 } from './chunk-5QD3DWFI.js';
-import { b as b$1 } from './chunk-KVKQLRJG.js';
-import { a } from './chunk-HHLNOC5T.js';
+import { b } from './chunk-KDMX3FAW.js';
+import { b as b$2 } from './chunk-M7JLT62Q.js';
+import { b as b$1 } from './chunk-TF3GQKOY.js';
+import { a } from './chunk-DDSXKOUB.js';
 import s, { useCallback, useRef, useId, useEffect } from 'react';
 
 var y=({dialogTitle:t,onClick:o,id:l,type:e="h3"})=>{let a$1=useCallback(()=>{o();},[o]);return s.createElement(a,{as:"div",classes:"dialog-header"},s.createElement(b,{type:e,className:"dialog-title",id:l},t||"Dialog"),s.createElement(b$1,{type:"button",onClick:a$1,className:"dialog-close","aria-label":"Close dialog","data-btn":"icon"},s.createElement(b$2,null,s.createElement(b$2.Remove,{size:16}))))},D=s.memo(y);y.displayName="DialogHeader";var H=({onClose:t,onConfirm:o,confirmLabel:l,cancelLabel:e})=>{let a$1=useCallback(()=>{t();},[t]),m=useCallback(()=>{o&&o();},[o]);return s.createElement(a,{as:"section",className:"dialog-footer"},e&&s.createElement(b$1,{type:"button",onClick:a$1,className:"dialog-button button-secondary","data-btn":"sm"},e),o&&s.createElement(b$1,{type:"button",onClick:m,className:"dialog-button button-primary","data-btn":"sm"},l))};H.displayName="DialogFooter";var I=s.memo(H);var h=(t,o)=>useCallback(e=>{let a=t.current?.getBoundingClientRect();a&&(e.clientY<a.top||e.clientY>a.bottom||e.clientX<a.left||e.clientX>a.right)&&o();},[t,o]);var F=({isOpen:t,onOpenChange:o,isAlertDialog:l=!1,onClose:e,dialogTitle:a$1,dialogLabel:m,children:P,onConfirm:U,confirmLabel:B="Confirm",cancelLabel:E="Cancel",className:M="",hideFooter:v=!1,styles:x})=>{let f=useRef(null),u=useId();useEffect(()=>{let r=f.current;r&&(t?l?r.show():r.showModal():r.close());},[t,l]);let c=useCallback(()=>{o(!1),e&&e();},[o,e]),L=h(f,c),b=useId();return s.createElement(a,{as:"dialog",role:l?"alertdialog":"dialog",ref:f,onClose:c,onClick:L,"aria-modal":t&&!l?"true":void 0,"aria-labelledby":u,"aria-describedby":b,"aria-label":m,className:`dialog-modal ${M}`.trim(),style:x},s.createElement(D,{dialogTitle:a$1,onClick:c,id:u}),s.createElement(a,{as:"section",id:b,className:"dialog-content",onClick:r=>r.stopPropagation()},P,!v&&s.createElement(I,{onClose:c,onConfirm:U,confirmLabel:B,cancelLabel:E})))};F.displayName="Dialog";var ao=s.memo(F);
 
 export { F as a, ao as b };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-QKHPHMG2.js.map
+//# sourceMappingURL=chunk-ZF6Y7W57.js.map

package/libs/component-props-50e69975.d.ts

@@ -0,0 +1,66 @@
+import { ReactNode, CSSProperties } from 'react';
+
+/**
+ * Base component props interface for all fpkit components.
+ *
+ * Provides common props for styling, children, and component behavior that can be
+ * safely spread onto DOM elements.
+ *
+ * **Note on Refs:** This interface intentionally does not include a `ref` prop.
+ * Refs should be handled explicitly using `React.forwardRef` rather than being
+ * spread with other props, which ensures proper type safety and follows React best practices.
+ *
+ * @typeParam T - Reserved for future use (currently unused). The generic parameter
+ *                is maintained for backward compatibility with existing component interfaces.
+ *
+ * @example
+ * // Basic usage
+ * interface ModalProps extends ComponentProps {
+ *   openChild?: React.ReactNode;
+ *   onClose?: () => void;
+ * }
+ *
+ * @example
+ * // With forwardRef for proper ref handling
+ * interface ButtonProps extends ComponentProps {
+ *   variant: 'primary' | 'secondary';
+ * }
+ *
+ * const MyButton = forwardRef<HTMLButtonElement, ButtonProps>(
+ *   ({ variant, ...props }, ref) => {
+ *     return <button ref={ref} {...props} />;
+ *   }
+ * );
+ */
+interface ComponentProps<T = HTMLElement> {
+    /**
+     * The default child content/component to render.
+     */
+    children?: ReactNode;
+    /**
+     * Use default component styles
+     */
+    renderStyles?: boolean;
+    /**
+     * Component id attribute
+     */
+    id?: string;
+    /**
+     * Styles object
+     */
+    styles?: CSSProperties;
+    /**
+     * Default styles object
+     */
+    defaultStyles?: CSSProperties;
+    /**
+     * Component class attribute
+     */
+    classes?: string;
+    /**
+     * Style value for [data-style] attribute
+     */
+    dataStyle?: string;
+}
+
+export { ComponentProps as C };

package/libs/components/box/box.css

@@ -0,0 +1 @@
+.box-padding-0{padding:0}.box-padding-xs{padding:var(--spacing-xs)}.box-padding-sm{padding:var(--spacing-sm)}.box-padding-md{padding:var(--spacing-md)}.box-padding-lg{padding:var(--spacing-lg)}.box-padding-xl{padding:var(--spacing-xl)}.box-padding-inline-0{padding-inline:0}.box-padding-inline-xs{padding-inline:var(--spacing-xs)}.box-padding-inline-sm{padding-inline:var(--spacing-sm)}.box-padding-inline-md{padding-inline:var(--spacing-md)}.box-padding-inline-lg{padding-inline:var(--spacing-lg)}.box-padding-inline-xl{padding-inline:var(--spacing-xl)}.box-padding-block-0{padding-block:0}.box-padding-block-xs{padding-block:var(--spacing-xs)}.box-padding-block-sm{padding-block:var(--spacing-sm)}.box-padding-block-md{padding-block:var(--spacing-md)}.box-padding-block-lg{padding-block:var(--spacing-lg)}.box-padding-block-xl{padding-block:var(--spacing-xl)}.box-margin-0{margin:0}.box-margin-xs{margin:var(--spacing-xs)}.box-margin-sm{margin:var(--spacing-sm)}.box-margin-md{margin:var(--spacing-md)}.box-margin-lg{margin:var(--spacing-lg)}.box-margin-xl{margin:var(--spacing-xl)}.box-margin-inline-0{margin-inline:0}.box-margin-inline-xs{margin-inline:var(--spacing-xs)}.box-margin-inline-sm{margin-inline:var(--spacing-sm)}.box-margin-inline-md{margin-inline:var(--spacing-md)}.box-margin-inline-lg{margin-inline:var(--spacing-lg)}.box-margin-inline-xl{margin-inline:var(--spacing-xl)}.box-margin-block-0{margin-block:0}.box-margin-block-xs{margin-block:var(--spacing-xs)}.box-margin-block-sm{margin-block:var(--spacing-sm)}.box-margin-block-md{margin-block:var(--spacing-md)}.box-margin-block-lg{margin-block:var(--spacing-lg)}.box-margin-block-xl{margin-block:var(--spacing-xl)}.box-width-auto{width:auto}.box-width-full{width:100%}.box-width-fit{width:fit-content}.box-width-max{width:max-content}.box-max-width-xs{max-width:var(--box-max-width-xs)}.box-max-width-sm{max-width:var(--box-max-width-sm)}.box-max-width-md{max-width:var(--box-max-width-md)}.box-max-width-lg{max-width:var(--box-max-width-lg)}.box-max-width-xl{max-width:var(--box-max-width-xl)}.box-max-width-container{max-width:var(--box-max-width-container)}.box-radius-0{border-radius:0}.box-radius-xs{border-radius:var(--box-radius-xs)}.box-radius-sm{border-radius:var(--box-radius-sm)}.box-radius-md{border-radius:var(--box-radius-md)}.box-radius-lg{border-radius:var(--box-radius-lg)}.box-radius-xl{border-radius:var(--box-radius-xl)}.box-radius-full{border-radius:var(--box-radius-full)}/*# sourceMappingURL=box.css.map */

package/libs/components/box/box.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/components/box/box.scss"],"names":[],"mappings":"AAaA,eACE,UAGF,gBACE,0BAGF,gBACE,0BAGF,gBACE,0BAGF,gBACE,0BAGF,gBACE,0BAIF,sBACE,iBAGF,uBACE,iCAGF,uBACE,iCAGF,uBACE,iCAGF,uBACE,iCAGF,uBACE,iCAIF,qBACE,gBAGF,sBACE,gCAGF,sBACE,gCAGF,sBACE,gCAGF,sBACE,gCAGF,sBACE,gCAQF,cACE,SAGF,eACE,yBAGF,eACE,yBAGF,eACE,yBAGF,eACE,yBAGF,eACE,yBAIF,qBACE,gBAGF,sBACE,gCAGF,sBACE,gCAGF,sBACE,gCAGF,sBACE,gCAGF,sBACE,gCAIF,oBACE,eAGF,qBACE,+BAGF,qBACE,+BAGF,qBACE,+BAGF,qBACE,+BAGF,qBACE,+BAOF,gBACE,WAGF,gBACE,WAGF,eACE,kBAGF,eACE,kBAOF,kBACE,kCAGF,kBACE,kCAGF,kBACE,kCAGF,kBACE,kCAGF,kBACE,kCAGF,yBACE,yCAOF,cACE,gBAGF,eACE,mCAGF,eACE,mCAGF,eACE,mCAGF,eACE,mCAGF,eACE,mCAGF,iBACE","file":"box.css"}

package/libs/components/box/box.min.css

@@ -0,0 +1,3 @@
+.box-padding-0{padding:0}.box-padding-xs{padding:var(--spacing-xs)}.box-padding-sm{padding:var(--spacing-sm)}.box-padding-md{padding:var(--spacing-md)}.box-padding-lg{padding:var(--spacing-lg)}.box-padding-xl{padding:var(--spacing-xl)}.box-padding-inline-0{padding-inline:0}.box-padding-inline-xs{padding-inline:var(--spacing-xs)}.box-padding-inline-sm{padding-inline:var(--spacing-sm)}.box-padding-inline-md{padding-inline:var(--spacing-md)}.box-padding-inline-lg{padding-inline:var(--spacing-lg)}.box-padding-inline-xl{padding-inline:var(--spacing-xl)}.box-padding-block-0{padding-block:0}.box-padding-block-xs{padding-block:var(--spacing-xs)}.box-padding-block-sm{padding-block:var(--spacing-sm)}.box-padding-block-md{padding-block:var(--spacing-md)}.box-padding-block-lg{padding-block:var(--spacing-lg)}.box-padding-block-xl{padding-block:var(--spacing-xl)}.box-margin-0{margin:0}.box-margin-xs{margin:var(--spacing-xs)}.box-margin-sm{margin:var(--spacing-sm)}.box-margin-md{margin:var(--spacing-md)}.box-margin-lg{margin:var(--spacing-lg)}.box-margin-xl{margin:var(--spacing-xl)}.box-margin-inline-0{margin-inline:0}.box-margin-inline-xs{margin-inline:var(--spacing-xs)}.box-margin-inline-sm{margin-inline:var(--spacing-sm)}.box-margin-inline-md{margin-inline:var(--spacing-md)}.box-margin-inline-lg{margin-inline:var(--spacing-lg)}.box-margin-inline-xl{margin-inline:var(--spacing-xl)}.box-margin-block-0{margin-block:0}.box-margin-block-xs{margin-block:var(--spacing-xs)}.box-margin-block-sm{margin-block:var(--spacing-sm)}.box-margin-block-md{margin-block:var(--spacing-md)}.box-margin-block-lg{margin-block:var(--spacing-lg)}.box-margin-block-xl{margin-block:var(--spacing-xl)}.box-width-auto{width:auto}.box-width-full{width:100%}.box-width-fit{width:-moz-fit-content;width:fit-content}.box-width-max{width:-moz-max-content;width:max-content}.box-max-width-xs{max-width:var(--box-max-width-xs)}.box-max-width-sm{max-width:var(--box-max-width-sm)}.box-max-width-md{max-width:var(--box-max-width-md)}.box-max-width-lg{max-width:var(--box-max-width-lg)}.box-max-width-xl{max-width:var(--box-max-width-xl)}.box-max-width-container{max-width:var(--box-max-width-container)}.box-radius-0{border-radius:0}.box-radius-xs{border-radius:var(--box-radius-xs)}.box-radius-sm{border-radius:var(--box-radius-sm)}.box-radius-md{border-radius:var(--box-radius-md)}.box-radius-lg{border-radius:var(--box-radius-lg)}.box-radius-xl{border-radius:var(--box-radius-xl)}.box-radius-full{border-radius:var(--box-radius-full)}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JveC9ib3guc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhQSxlQUNFLFNBQUEsQ0FHRixnQkFDRSx5QkFBQSxDQUdGLGdCQUNFLHlCQUFBLENBR0YsZ0JBQ0UseUJBQUEsQ0FHRixnQkFDRSx5QkFBQSxDQUdGLGdCQUNFLHlCQUFBLENBSUYsc0JBQ0UsZ0JBQUEsQ0FHRix1QkFDRSxnQ0FBQSxDQUdGLHVCQUNFLGdDQUFBLENBR0YsdUJBQ0UsZ0NBQUEsQ0FHRix1QkFDRSxnQ0FBQSxDQUdGLHVCQUNFLGdDQUFBLENBSUYscUJBQ0UsZUFBQSxDQUdGLHNCQUNFLCtCQUFBLENBR0Ysc0JBQ0UsK0JBQUEsQ0FHRixzQkFDRSwrQkFBQSxDQUdGLHNCQUNFLCtCQUFBLENBR0Ysc0JBQ0UsK0JBQUEsQ0FRRixjQUNFLFFBQUEsQ0FHRixlQUNFLHdCQUFBLENBR0YsZUFDRSx3QkFBQSxDQUdGLGVBQ0Usd0JBQUEsQ0FHRixlQUNFLHdCQUFBLENBR0YsZUFDRSx3QkFBQSxDQUlGLHFCQUNFLGVBQUEsQ0FHRixzQkFDRSwrQkFBQSxDQUdGLHNCQUNFLCtCQUFBLENBR0Ysc0JBQ0UsK0JBQUEsQ0FHRixzQkFDRSwrQkFBQSxDQUdGLHNCQUNFLCtCQUFBLENBSUYsb0JBQ0UsY0FBQSxDQUdGLHFCQUNFLDhCQUFBLENBR0YscUJBQ0UsOEJBQUEsQ0FHRixxQkFDRSw4QkFBQSxDQUdGLHFCQUNFLDhCQUFBLENBR0YscUJBQ0UsOEJBQUEsQ0FPRixnQkFDRSxVQUFBLENBR0YsZ0JBQ0UsVUFBQSxDQUdGLGVBQ0Usc0JBQUEsQ0FBQSxpQkFBQSxDQUdGLGVBQ0Usc0JBQUEsQ0FBQSxpQkFBQSxDQU9GLGtCQUNFLGlDQUFBLENBR0Ysa0JBQ0UsaUNBQUEsQ0FHRixrQkFDRSxpQ0FBQSxDQUdGLGtCQUNFLGlDQUFBLENBR0Ysa0JBQ0UsaUNBQUEsQ0FHRix5QkFDRSx3Q0FBQSxDQU9GLGNBQ0UsZUFBQSxDQUdGLGVBQ0Usa0NBQUEsQ0FHRixlQUNFLGtDQUFBLENBR0YsZUFDRSxrQ0FBQSxDQUdGLGVBQ0Usa0NBQUEsQ0FHRixlQUNFLGtDQUFBLENBR0YsaUJBQ0Usb0NBQUEiLCJmaWxlIjoiYm94Lm1pbi5jc3MifQ== */

package/libs/components/breadcrumbs/breadcrumb.cjs

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkDYFAUAB7_cjs = require('../../chunk-DYFAUAB7.cjs');
-require('../../chunk-NWJDAHP6.cjs');
-require('../../chunk-ENTCUJ3A.cjs');
+var chunkLXODKKA3_cjs = require('../../chunk-LXODKKA3.cjs');
+require('../../chunk-2GJHKWEK.cjs');
+require('../../chunk-EJ6KYBFE.cjs');
 
 
 
 Object.defineProperty(exports, 'Breadcrumb', {
 	enumerable: true,
-	get: function () { return chunkDYFAUAB7_cjs.b; }
+	get: function () { return chunkLXODKKA3_cjs.b; }
 });
 Object.defineProperty(exports, 'default', {
 	enumerable: true,
-	get: function () { return chunkDYFAUAB7_cjs.c; }
+	get: function () { return chunkLXODKKA3_cjs.c; }
 });
 Object.defineProperty(exports, 'useBreadcrumbSegments', {
 	enumerable: true,
-	get: function () { return chunkDYFAUAB7_cjs.a; }
+	get: function () { return chunkLXODKKA3_cjs.a; }
 });
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=breadcrumb.cjs.map

package/libs/components/breadcrumbs/breadcrumb.js

@@ -1,5 +1,5 @@
-export { b as Breadcrumb, c as default, a as useBreadcrumbSegments } from '../../chunk-CWRNJA4P.js';
-import '../../chunk-5RAWNUVD.js';
-import '../../chunk-HHLNOC5T.js';
+export { b as Breadcrumb, c as default, a as useBreadcrumbSegments } from '../../chunk-DIJBIOFE.js';
+import '../../chunk-IBUTNPTQ.js';
+import '../../chunk-DDSXKOUB.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=breadcrumb.js.map

package/libs/components/button.cjs

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkE4OSROCA_cjs = require('../chunk-E4OSROCA.cjs');
+var chunk5QSNJQVH_cjs = require('../chunk-5QSNJQVH.cjs');
 require('../chunk-PNWIRCG3.cjs');
 require('../chunk-TON2YGMD.cjs');
-require('../chunk-ENTCUJ3A.cjs');
+require('../chunk-EJ6KYBFE.cjs');
 
 
 
 Object.defineProperty(exports, 'Button', {
 	enumerable: true,
-	get: function () { return chunkE4OSROCA_cjs.a; }
+	get: function () { return chunk5QSNJQVH_cjs.a; }
 });
 Object.defineProperty(exports, 'default', {
 	enumerable: true,
-	get: function () { return chunkE4OSROCA_cjs.b; }
+	get: function () { return chunk5QSNJQVH_cjs.b; }
 });
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=button.cjs.map

package/libs/components/button.d.cts

@@ -1,5 +1,12 @@
 import { U as UI } from '../ui-d01b50d4.js';
-import React$1 from 'react';
+import React from 'react';
+
+/**
+ * Import ComponentProps from the canonical definition.
+ * This ensures a single source of truth for the interface.
+ *
+ * @see {@link ./component-props.ts} for the full interface definition with generic type support
+ */
 
 /**
  * Props for disabled state management across components.
@@ -41,7 +48,7 @@ interface DisabledStateProps {
     isDisabled?: boolean;
 }
 
-type ButtonProps = Partial<React$1.ComponentProps<typeof UI>> & DisabledStateProps & {
+type ButtonProps = Partial<React.ComponentProps<typeof UI>> & DisabledStateProps & {
     /**
      * The button type
      * Required - 'button' | 'submit' | 'reset'
@@ -102,7 +109,7 @@ type ButtonProps = Partial<React$1.ComponentProps<typeof UI>> & DisabledStatePro
  * @see {@link file://./../../hooks/useDisabledState.md useDisabledState Hook Documentation}
  */
 declare const Button: {
-    ({ type, children, styles, disabled, isDisabled, classes, onPointerDown, onPointerOver, onPointerLeave, onClick, onKeyDown, ...props }: ButtonProps): React$1.JSX.Element;
+    ({ type, children, styles, disabled, isDisabled, classes, onPointerDown, onPointerOver, onPointerLeave, onClick, onKeyDown, ...props }: ButtonProps): React.JSX.Element;
     displayName: string;
 };
 

package/libs/components/button.d.ts

@@ -1,5 +1,12 @@
 import { U as UI } from '../ui-d01b50d4.js';
-import React$1 from 'react';
+import React from 'react';
+
+/**
+ * Import ComponentProps from the canonical definition.
+ * This ensures a single source of truth for the interface.
+ *
+ * @see {@link ./component-props.ts} for the full interface definition with generic type support
+ */
 
 /**
  * Props for disabled state management across components.
@@ -41,7 +48,7 @@ interface DisabledStateProps {
     isDisabled?: boolean;
 }
 
-type ButtonProps = Partial<React$1.ComponentProps<typeof UI>> & DisabledStateProps & {
+type ButtonProps = Partial<React.ComponentProps<typeof UI>> & DisabledStateProps & {
     /**
      * The button type
      * Required - 'button' | 'submit' | 'reset'
@@ -102,7 +109,7 @@ type ButtonProps = Partial<React$1.ComponentProps<typeof UI>> & DisabledStatePro
  * @see {@link file://./../../hooks/useDisabledState.md useDisabledState Hook Documentation}
  */
 declare const Button: {
-    ({ type, children, styles, disabled, isDisabled, classes, onPointerDown, onPointerOver, onPointerLeave, onClick, onKeyDown, ...props }: ButtonProps): React$1.JSX.Element;
+    ({ type, children, styles, disabled, isDisabled, classes, onPointerDown, onPointerOver, onPointerLeave, onClick, onKeyDown, ...props }: ButtonProps): React.JSX.Element;
     displayName: string;
 };
 

package/libs/components/button.js

@@ -1,6 +1,6 @@
-export { a as Button, b as default } from '../chunk-KVKQLRJG.js';
+export { a as Button, b as default } from '../chunk-TF3GQKOY.js';
 import '../chunk-BFK62VX5.js';
 import '../chunk-75QHTLFO.js';
-import '../chunk-HHLNOC5T.js';
+import '../chunk-DDSXKOUB.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=button.js.map

package/libs/components/card.cjs

@@ -2,30 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkW5TKWBFC_cjs = require('../chunk-W5TKWBFC.cjs');
-require('../chunk-ENTCUJ3A.cjs');
+var chunkIWP4VJEP_cjs = require('../chunk-IWP4VJEP.cjs');
+require('../chunk-EJ6KYBFE.cjs');
 
 
 
 Object.defineProperty(exports, 'Card', {
 	enumerable: true,
-	get: function () { return chunkW5TKWBFC_cjs.d; }
+	get: function () { return chunkIWP4VJEP_cjs.d; }
 });
 Object.defineProperty(exports, 'Content', {
 	enumerable: true,
-	get: function () { return chunkW5TKWBFC_cjs.b; }
+	get: function () { return chunkIWP4VJEP_cjs.b; }
 });
 Object.defineProperty(exports, 'Footer', {
 	enumerable: true,
-	get: function () { return chunkW5TKWBFC_cjs.c; }
+	get: function () { return chunkIWP4VJEP_cjs.c; }
 });
 Object.defineProperty(exports, 'Title', {
 	enumerable: true,
-	get: function () { return chunkW5TKWBFC_cjs.a; }
+	get: function () { return chunkIWP4VJEP_cjs.a; }
 });
 Object.defineProperty(exports, 'default', {
 	enumerable: true,
-	get: function () { return chunkW5TKWBFC_cjs.e; }
+	get: function () { return chunkIWP4VJEP_cjs.e; }
 });
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=card.cjs.map

package/libs/components/card.d.cts

@@ -57,6 +57,18 @@ interface CardFooterProps extends CardSubComponentProps {
      */
     as?: 'div' | 'footer';
 }
+/**
+ * Type for Card component with attached sub-components.
+ *
+ * This type ensures TypeScript recognizes Card.Title, Card.Content, and Card.Footer
+ * as valid properties on the Card component.
+ */
+interface CardComponent extends React.FC<CardProps> {
+    Title: React.FC<CardTitleProps>;
+    Content: React.FC<CardContentProps>;
+    Footer: React.FC<CardFooterProps>;
+    displayName: string;
+}
 /**
  * Props for the main Card component.
  *
@@ -213,90 +225,6 @@ declare const Footer: {
     ({ children, className, style, as, ...props }: CardFooterProps): React.JSX.Element;
     displayName: string;
 };
-/**
- * Card - A flexible, accessible card component with compound component pattern
- *
- * The Card component provides a container for grouping related content and actions.
- * It follows the compound component pattern, exposing `Card.Title`, `Card.Content`,
- * and `Card.Footer` sub-components for structured layouts.
- *
- * ## Features
- * - **Polymorphic rendering**: Render as any HTML element via `as` prop
- * - **Compound components**: Structured sub-components for consistent layouts
- * - **Interactive variant**: Built-in keyboard navigation and ARIA support
- * - **Fully accessible**: WCAG 2.1 AA compliant with proper semantic HTML
- *
- * ## Accessibility
- *
- * ### Non-Interactive Cards
- * - Use semantic HTML: `article` for standalone content, `section` for groupings
- * - Provide accessible names with `aria-labelledby` referencing the title
- *
- * ### Interactive Cards (Clickable)
- * - Set `interactive={true}` to enable keyboard navigation (Enter/Space)
- * - Provide accessible name via `aria-label` or `aria-labelledby`
- * - Ensure adequate focus indicators (handled by CSS)
- *
- * @example
- * // Basic card with compound components
- * ```tsx
- * <Card>
- *   <Card.Title>Product Name</Card.Title>
- *   <Card.Content>
- *     <p>Product description goes here...</p>
- *   </Card.Content>
- *   <Card.Footer>
- *     <button>Buy Now</button>
- *   </Card.Footer>
- * </Card>
- * ```
- *
- * @example
- * // Accessible interactive card
- * ```tsx
- * <Card
- *   interactive
- *   aria-label="View product details"
- *   onClick={() => navigate('/product/123')}
- * >
- *   <Card.Title>Product Name</Card.Title>
- *   <Card.Content>Click anywhere to view details</Card.Content>
- * </Card>
- * ```
- *
- * @example
- * // Semantic article card with accessible name
- * ```tsx
- * <Card as="article" aria-labelledby="article-title">
- *   <Card.Title id="article-title">Article Headline</Card.Title>
- *   <Card.Content>Article body...</Card.Content>
- * </Card>
- * ```
- *
- * @example
- * // Card as a landmark region
- * ```tsx
- * <Card role="region" aria-label="Featured products">
- *   <Card.Title>Featured</Card.Title>
- *   <Card.Content>...</Card.Content>
- * </Card>
- * ```
- */
-declare const Card: {
-    ({ as, styles, children, classes, id, interactive, onClick, tabIndex, role, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...props }: CardProps): React.JSX.Element;
-    displayName: string;
-    Title: {
-        ({ children, className, style, as, ...props }: CardTitleProps): React.JSX.Element;
-        displayName: string;
-    };
-    Content: {
-        ({ children, className, style, as, ...props }: CardContentProps): React.JSX.Element;
-        displayName: string;
-    };
-    Footer: {
-        ({ children, className, style, as, ...props }: CardFooterProps): React.JSX.Element;
-        displayName: string;
-    };
-};
+declare const Card: CardComponent;
 
 export { Card, CardProps, Content, Footer, Title, Card as default };

package/libs/components/card.d.ts

@@ -57,6 +57,18 @@ interface CardFooterProps extends CardSubComponentProps {
      */
     as?: 'div' | 'footer';
 }
+/**
+ * Type for Card component with attached sub-components.
+ *
+ * This type ensures TypeScript recognizes Card.Title, Card.Content, and Card.Footer
+ * as valid properties on the Card component.
+ */
+interface CardComponent extends React.FC<CardProps> {
+    Title: React.FC<CardTitleProps>;
+    Content: React.FC<CardContentProps>;
+    Footer: React.FC<CardFooterProps>;
+    displayName: string;
+}
 /**
  * Props for the main Card component.
  *
@@ -213,90 +225,6 @@ declare const Footer: {
     ({ children, className, style, as, ...props }: CardFooterProps): React.JSX.Element;
     displayName: string;
 };
-/**
- * Card - A flexible, accessible card component with compound component pattern
- *
- * The Card component provides a container for grouping related content and actions.
- * It follows the compound component pattern, exposing `Card.Title`, `Card.Content`,
- * and `Card.Footer` sub-components for structured layouts.
- *
- * ## Features
- * - **Polymorphic rendering**: Render as any HTML element via `as` prop
- * - **Compound components**: Structured sub-components for consistent layouts
- * - **Interactive variant**: Built-in keyboard navigation and ARIA support
- * - **Fully accessible**: WCAG 2.1 AA compliant with proper semantic HTML
- *
- * ## Accessibility
- *
- * ### Non-Interactive Cards
- * - Use semantic HTML: `article` for standalone content, `section` for groupings
- * - Provide accessible names with `aria-labelledby` referencing the title
- *
- * ### Interactive Cards (Clickable)
- * - Set `interactive={true}` to enable keyboard navigation (Enter/Space)
- * - Provide accessible name via `aria-label` or `aria-labelledby`
- * - Ensure adequate focus indicators (handled by CSS)
- *
- * @example
- * // Basic card with compound components
- * ```tsx
- * <Card>
- *   <Card.Title>Product Name</Card.Title>
- *   <Card.Content>
- *     <p>Product description goes here...</p>
- *   </Card.Content>
- *   <Card.Footer>
- *     <button>Buy Now</button>
- *   </Card.Footer>
- * </Card>
- * ```
- *
- * @example
- * // Accessible interactive card
- * ```tsx
- * <Card
- *   interactive
- *   aria-label="View product details"
- *   onClick={() => navigate('/product/123')}
- * >
- *   <Card.Title>Product Name</Card.Title>
- *   <Card.Content>Click anywhere to view details</Card.Content>
- * </Card>
- * ```
- *
- * @example
- * // Semantic article card with accessible name
- * ```tsx
- * <Card as="article" aria-labelledby="article-title">
- *   <Card.Title id="article-title">Article Headline</Card.Title>
- *   <Card.Content>Article body...</Card.Content>
- * </Card>
- * ```
- *
- * @example
- * // Card as a landmark region
- * ```tsx
- * <Card role="region" aria-label="Featured products">
- *   <Card.Title>Featured</Card.Title>
- *   <Card.Content>...</Card.Content>
- * </Card>
- * ```
- */
-declare const Card: {
-    ({ as, styles, children, classes, id, interactive, onClick, tabIndex, role, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...props }: CardProps): React.JSX.Element;
-    displayName: string;
-    Title: {
-        ({ children, className, style, as, ...props }: CardTitleProps): React.JSX.Element;
-        displayName: string;
-    };
-    Content: {
-        ({ children, className, style, as, ...props }: CardContentProps): React.JSX.Element;
-        displayName: string;
-    };
-    Footer: {
-        ({ children, className, style, as, ...props }: CardFooterProps): React.JSX.Element;
-        displayName: string;
-    };
-};
+declare const Card: CardComponent;
 
 export { Card, CardProps, Content, Footer, Title, Card as default };

package/libs/components/card.js

@@ -1,4 +1,4 @@
-export { d as Card, b as Content, c as Footer, a as Title, e as default } from '../chunk-KK47SYZI.js';
-import '../chunk-HHLNOC5T.js';
+export { d as Card, b as Content, c as Footer, a as Title, e as default } from '../chunk-UGMP72J2.js';
+import '../chunk-DDSXKOUB.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=card.js.map

package/libs/components/cards/card.css

@@ -1 +1 @@
-:root{--card-padding: 2rem;--card-bg: #fff;--card-radius: calc(var(--card-padding) / 4);--card-position: relative;--card-display: flex;--card-direction: column;--card-gap: 1rem;--card-header-padding: 1rem 1.5rem;--card-header-bg: #f8f9fa;--card-header-border-bottom: 1px solid #dee2e6;--card-body-padding: 1.5rem;--card-footer-padding: 1rem 1.5rem;--card-footer-bg: #f8f9fa;--card-footer-border-top: 1px solid #dee2e6}[data-card],[data-component~=card]{display:var(--card-display);flex-direction:var(--card-direction);gap:var(--card-gap);border-radius:var(--card-radius);background-color:var(--card-bg);text-align:var(--card-align, left)}[data-card] h3,[data-card] h2,[data-component~=card] h3,[data-component~=card] h2{margin-block-end:0;padding-block-end:0}[data-card]+div,[data-component~=card]+div{margin-block-start:0}[data-card]>article,[data-component~=card]>article{display:flex;flex-direction:column;flex:2}[data-card]>*:not(img),[data-component~=card]>*:not(img){padding-inline:var(--card-padding)}[data-card]>*:last-child:not(img),[data-component~=card]>*:last-child:not(img){padding-block-end:var(--card-padding)}[data-card]>*:first-child:not(img),[data-component~=card]>*:first-child:not(img){padding-block-start:calc(var(--card-padding) - .5rem)}[data-card]>header,[data-card]>[data-card-header],[data-component~=card]>header,[data-component~=card]>[data-card-header]{padding:var(--card-header-padding);background-color:var(--card-header-bg);border-bottom:var(--card-header-border-bottom);border-radius:var(--card-radius) var(--card-radius) 0 0}[data-card]>[data-card-body],[data-component~=card]>[data-card-body]{padding:var(--card-body-padding);flex:1}[data-card]>footer,[data-card]>[data-card-footer],[data-component~=card]>footer,[data-component~=card]>[data-card-footer]{padding:var(--card-footer-padding);background-color:var(--card-footer-bg);border-top:var(--card-footer-border-top);border-radius:0 0 var(--card-radius) var(--card-radius)}[data-card=interactive]{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}[data-card=interactive]:hover{transform:translateY(-2px);box-shadow:0 .25rem .75rem rgba(0,0,0,.15)}[data-card=interactive]:focus-visible{outline:.125rem solid var(--focus-color, #0066CC);outline-offset:.125rem}[data-card=interactive]:focus:not(:focus-visible){outline:none}/*# sourceMappingURL=card.css.map */
+:root{--card-padding: 1.5rem;--card-bg: var(--color-surface, #ffffff);--card-radius: calc(var(--card-padding) / 4);--card-gap: 1rem;--card-header-padding: 1rem 1.5rem;--card-header-bg: var(--color-surface-secondary, #f8f9fa);--card-header-border-bottom-width: 0.0625rem;--card-header-border-bottom-style: solid;--card-header-border-bottom-color: var(--color-border, #dee2e6);--card-body-padding: 1.5rem;--card-footer-padding: 1rem 1.5rem;--card-footer-bg: var(--color-surface-secondary, #f8f9fa);--card-footer-border-top-width: 0.0625rem;--card-footer-border-top-style: solid;--card-footer-border-top-color: var(--color-border, #dee2e6)}[data-card],[data-component~=card]{display:flex;flex-direction:column;gap:var(--card-gap);border-radius:var(--card-radius);background-color:var(--card-bg);text-align:var(--card-align, left)}[data-card] h3,[data-card] h2,[data-component~=card] h3,[data-component~=card] h2{margin-block-end:0;padding-block-end:0}[data-card]+div,[data-component~=card]+div{margin-block-start:0}[data-card]>article,[data-component~=card]>article{display:flex;flex-direction:column;flex:2}[data-card]>*:not(img),[data-component~=card]>*:not(img){padding-inline:var(--card-padding)}[data-card]>*:last-child:not(img),[data-component~=card]>*:last-child:not(img){padding-block-end:var(--card-padding)}[data-card]>*:first-child:not(img),[data-component~=card]>*:first-child:not(img){padding-block-start:calc(var(--card-padding) - .5rem)}[data-card]>header,[data-card]>[data-card-header],[data-component~=card]>header,[data-component~=card]>[data-card-header]{padding:var(--card-header-padding);background-color:var(--card-header-bg);border-bottom:var(--card-header-border-bottom-width) var(--card-header-border-bottom-style) var(--card-header-border-bottom-color);border-radius:var(--card-radius) var(--card-radius) 0 0}[data-card]>[data-card-body],[data-component~=card]>[data-card-body]{padding:var(--card-body-padding);flex:1}[data-card]>footer,[data-card]>[data-card-footer],[data-component~=card]>footer,[data-component~=card]>[data-card-footer]{padding:var(--card-footer-padding);background-color:var(--card-footer-bg);border-top:var(--card-footer-border-top-width) var(--card-footer-border-top-style) var(--card-footer-border-top-color);border-radius:0 0 var(--card-radius) var(--card-radius)}[data-card=interactive]{--card-transition-duration: 0.2s;--card-transition-timing: ease;--card-hover-lift: -0.125rem;--card-hover-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);cursor:pointer;transition:box-shadow var(--card-transition-duration) var(--card-transition-timing),transform var(--card-transition-duration) var(--card-transition-timing)}[data-card=interactive]:hover{transform:translateY(var(--card-hover-lift));box-shadow:var(--card-hover-shadow)}[data-card=interactive]:focus-visible{outline:.125rem solid var(--color-focus, #0066cc);outline-offset:.125rem}[data-card=interactive]:focus:not(:focus-visible){outline:none}/*# sourceMappingURL=card.css.map */

package/libs/components/cards/card.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/components/cards/card.scss"],"names":[],"mappings":"AAAA,MAEE,qBACA,gBACA,6CACA,0BACA,qBACA,yBACA,iBAGA,mCACA,0BACA,+CAEA,4BAEA,mCACA,0BACA,4CAGF,mCAEE,4BACA,qCACA,oBACA,iCACA,gCACA,mCAEA,kFAEE,mBACA,oBAEF,2CACE,qBAEF,mDACE,aACA,sBACA,OAGF,yDACE,mCAEF,+EAEE,sCAEF,iFACE,sDAIF,0HAEE,mCACA,uCACA,+CACA,wDAGF,qEACE,iCACA,OAGF,0HAEE,mCACA,uCACA,yCACA,wDAKJ,wBACE,eACA,kDAEA,8BACE,2BACA,2CAIF,sCACE,kDACA,uBAIF,kDACE","file":"card.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/components/cards/card.scss"],"names":[],"mappings":"AAAA,MAEE,uBACA,yCACA,6CACA,iBAGA,mCACA,0DACA,6CACA,yCACA,gEAEA,4BAEA,mCACA,0DACA,0CACA,sCACA,6DAGF,mCAEE,aACA,sBACA,oBACA,iCACA,gCACA,mCAEA,kFAEE,mBACA,oBAEF,2CACE,qBAEF,mDACE,aACA,sBACA,OAGF,yDACE,mCAEF,+EACE,sCAEF,iFAGE,sDAIF,0HAEE,mCACA,uCACA,mIACA,wDAGF,qEACE,iCACA,OAGF,0HAEE,mCACA,uCACA,uHACA,wDAKJ,wBACE,iCACA,+BACA,6BACA,2DAEA,eACA,WACE,iJAGF,8BACE,6CACA,oCAIF,sCACE,kDACA,uBAIF,kDACE","file":"card.css"}

package/libs/components/cards/card.min.css

@@ -1,3 +1,3 @@
-:root{--card-padding: 2rem;--card-bg: #fff;--card-radius: calc(var(--card-padding) / 4);--card-position: relative;--card-display: flex;--card-direction: column;--card-gap: 1rem;--card-header-padding: 1rem 1.5rem;--card-header-bg: #f8f9fa;--card-header-border-bottom: 1px solid #dee2e6;--card-body-padding: 1.5rem;--card-footer-padding: 1rem 1.5rem;--card-footer-bg: #f8f9fa;--card-footer-border-top: 1px solid #dee2e6}[data-card],[data-component~=card]{display:var(--card-display);flex-direction:var(--card-direction);gap:var(--card-gap);border-radius:var(--card-radius);background-color:var(--card-bg);text-align:var(--card-align, left)}[data-card] h3,[data-card] h2,[data-component~=card] h3,[data-component~=card] h2{margin-block-end:0;padding-block-end:0}[data-card]+div,[data-component~=card]+div{margin-block-start:0}[data-card]>article,[data-component~=card]>article{display:flex;flex-direction:column;flex:2}[data-card]>*:not(img),[data-component~=card]>*:not(img){padding-inline:var(--card-padding)}[data-card]>*:last-child:not(img),[data-component~=card]>*:last-child:not(img){padding-block-end:var(--card-padding)}[data-card]>*:first-child:not(img),[data-component~=card]>*:first-child:not(img){padding-block-start:calc(var(--card-padding) - .5rem)}[data-card]>header,[data-card]>[data-card-header],[data-component~=card]>header,[data-component~=card]>[data-card-header]{padding:var(--card-header-padding);background-color:var(--card-header-bg);border-bottom:var(--card-header-border-bottom);border-radius:var(--card-radius) var(--card-radius) 0 0}[data-card]>[data-card-body],[data-component~=card]>[data-card-body]{padding:var(--card-body-padding);flex:1}[data-card]>footer,[data-card]>[data-card-footer],[data-component~=card]>footer,[data-component~=card]>[data-card-footer]{padding:var(--card-footer-padding);background-color:var(--card-footer-bg);border-top:var(--card-footer-border-top);border-radius:0 0 var(--card-radius) var(--card-radius)}[data-card=interactive]{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}[data-card=interactive]:hover{transform:translateY(-2px);box-shadow:0 .25rem .75rem rgba(0,0,0,.15)}[data-card=interactive]:focus-visible{outline:.125rem solid var(--focus-color, #0066CC);outline-offset:.125rem}[data-card=interactive]:focus:not(:focus-visible){outline:none}
+:root{--card-padding: 1.5rem;--card-bg: var(--color-surface, #ffffff);--card-radius: calc(var(--card-padding) / 4);--card-gap: 1rem;--card-header-padding: 1rem 1.5rem;--card-header-bg: var(--color-surface-secondary, #f8f9fa);--card-header-border-bottom-width: 0.0625rem;--card-header-border-bottom-style: solid;--card-header-border-bottom-color: var(--color-border, #dee2e6);--card-body-padding: 1.5rem;--card-footer-padding: 1rem 1.5rem;--card-footer-bg: var(--color-surface-secondary, #f8f9fa);--card-footer-border-top-width: 0.0625rem;--card-footer-border-top-style: solid;--card-footer-border-top-color: var(--color-border, #dee2e6)}[data-card],[data-component~=card]{display:flex;flex-direction:column;gap:var(--card-gap);border-radius:var(--card-radius);background-color:var(--card-bg);text-align:var(--card-align, left)}[data-card] h3,[data-card] h2,[data-component~=card] h3,[data-component~=card] h2{margin-block-end:0;padding-block-end:0}[data-card]+div,[data-component~=card]+div{margin-block-start:0}[data-card]>article,[data-component~=card]>article{display:flex;flex-direction:column;flex:2}[data-card]>*:not(img),[data-component~=card]>*:not(img){padding-inline:var(--card-padding)}[data-card]>*:last-child:not(img),[data-component~=card]>*:last-child:not(img){padding-block-end:var(--card-padding)}[data-card]>*:first-child:not(img),[data-component~=card]>*:first-child:not(img){padding-block-start:calc(var(--card-padding) - .5rem)}[data-card]>header,[data-card]>[data-card-header],[data-component~=card]>header,[data-component~=card]>[data-card-header]{padding:var(--card-header-padding);background-color:var(--card-header-bg);border-bottom:var(--card-header-border-bottom-width) var(--card-header-border-bottom-style) var(--card-header-border-bottom-color);border-radius:var(--card-radius) var(--card-radius) 0 0}[data-card]>[data-card-body],[data-component~=card]>[data-card-body]{padding:var(--card-body-padding);flex:1}[data-card]>footer,[data-card]>[data-card-footer],[data-component~=card]>footer,[data-component~=card]>[data-card-footer]{padding:var(--card-footer-padding);background-color:var(--card-footer-bg);border-top:var(--card-footer-border-top-width) var(--card-footer-border-top-style) var(--card-footer-border-top-color);border-radius:0 0 var(--card-radius) var(--card-radius)}[data-card=interactive]{--card-transition-duration: 0.2s;--card-transition-timing: ease;--card-hover-lift: -0.125rem;--card-hover-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);cursor:pointer;transition:box-shadow var(--card-transition-duration) var(--card-transition-timing),transform var(--card-transition-duration) var(--card-transition-timing)}[data-card=interactive]:hover{transform:translateY(var(--card-hover-lift));box-shadow:var(--card-hover-shadow)}[data-card=interactive]:focus-visible{outline:.125rem solid var(--color-focus, #0066cc);outline-offset:.125rem}[data-card=interactive]:focus:not(:focus-visible){outline:none}
 
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NhcmRzL2NhcmQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUVFLG9CQUFBLENBQ0EsZUFBQSxDQUNBLDRDQUFBLENBQ0EseUJBQUEsQ0FDQSxvQkFBQSxDQUNBLHdCQUFBLENBQ0EsZ0JBQUEsQ0FHQSxrQ0FBQSxDQUNBLHlCQUFBLENBQ0EsOENBQUEsQ0FFQSwyQkFBQSxDQUVBLGtDQUFBLENBQ0EseUJBQUEsQ0FDQSwyQ0FBQSxDQUdGLG1DQUVFLDJCQUFBLENBQ0Esb0NBQUEsQ0FDQSxtQkFBQSxDQUNBLGdDQUFBLENBQ0EsK0JBQUEsQ0FDQSxrQ0FBQSxDQUVBLGtGQUVFLGtCQUFBLENBQ0EsbUJBQUEsQ0FFRiwyQ0FDRSxvQkFBQSxDQUVGLG1EQUNFLFlBQUEsQ0FDQSxxQkFBQSxDQUNBLE1BQUEsQ0FHRix5REFDRSxrQ0FBQSxDQUVGLCtFQUVFLHFDQUFBLENBRUYsaUZBQ0UscURBQUEsQ0FJRiwwSEFFRSxrQ0FBQSxDQUNBLHNDQUFBLENBQ0EsOENBQUEsQ0FDQSx1REFBQSxDQUdGLHFFQUNFLGdDQUFBLENBQ0EsTUFBQSxDQUdGLDBIQUVFLGtDQUFBLENBQ0Esc0NBQUEsQ0FDQSx3Q0FBQSxDQUNBLHVEQUFBLENBS0osd0JBQ0UsY0FBQSxDQUNBLGlEQUFBLENBRUEsOEJBQ0UsMEJBQUEsQ0FDQSwwQ0FBQSxDQUlGLHNDQUNFLGlEQUFBLENBQ0Esc0JBQUEsQ0FJRixrREFDRSxZQUFBIiwiZmlsZSI6ImNhcmQubWluLmNzcyJ9 */
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NhcmRzL2NhcmQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUVFLHNCQUFBLENBQ0Esd0NBQUEsQ0FDQSw0Q0FBQSxDQUNBLGdCQUFBLENBR0Esa0NBQUEsQ0FDQSx5REFBQSxDQUNBLDRDQUFBLENBQ0Esd0NBQUEsQ0FDQSwrREFBQSxDQUVBLDJCQUFBLENBRUEsa0NBQUEsQ0FDQSx5REFBQSxDQUNBLHlDQUFBLENBQ0EscUNBQUEsQ0FDQSw0REFBQSxDQUdGLG1DQUVFLFlBQUEsQ0FDQSxxQkFBQSxDQUNBLG1CQUFBLENBQ0EsZ0NBQUEsQ0FDQSwrQkFBQSxDQUNBLGtDQUFBLENBRUEsa0ZBRUUsa0JBQUEsQ0FDQSxtQkFBQSxDQUVGLDJDQUNFLG9CQUFBLENBRUYsbURBQ0UsWUFBQSxDQUNBLHFCQUFBLENBQ0EsTUFBQSxDQUdGLHlEQUNFLGtDQUFBLENBRUYsK0VBQ0UscUNBQUEsQ0FFRixpRkFHRSxxREFBQSxDQUlGLDBIQUVFLGtDQUFBLENBQ0Esc0NBQUEsQ0FDQSxrSUFBQSxDQUNBLHVEQUFBLENBR0YscUVBQ0UsZ0NBQUEsQ0FDQSxNQUFBLENBR0YsMEhBRUUsa0NBQUEsQ0FDQSxzQ0FBQSxDQUNBLHNIQUFBLENBQ0EsdURBQUEsQ0FLSix3QkFDRSxnQ0FBQSxDQUNBLDhCQUFBLENBQ0EsNEJBQUEsQ0FDQSwwREFBQSxDQUVBLGNBQUEsQ0FDQSwySkFDRSxDQUdGLDhCQUNFLDRDQUFBLENBQ0EsbUNBQUEsQ0FJRixzQ0FDRSxpREFBQSxDQUNBLHNCQUFBLENBSUYsa0RBQ0UsWUFBQSIsImZpbGUiOiJjYXJkLm1pbi5jc3MifQ== */

package/libs/components/cluster/cluster.css

@@ -0,0 +1 @@
+.cluster{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.cluster-gap-0{gap:0}.cluster-gap-xs{gap:var(--spacing-xs)}.cluster-gap-sm{gap:var(--spacing-sm)}.cluster-gap-md{gap:var(--spacing-md)}.cluster-gap-lg{gap:var(--spacing-lg)}.cluster-gap-xl{gap:var(--spacing-xl)}.cluster-justify-start{justify-content:flex-start}.cluster-justify-center{justify-content:center}.cluster-justify-end{justify-content:flex-end}.cluster-justify-between{justify-content:space-between}.cluster-align-start{align-items:flex-start}.cluster-align-center{align-items:center}.cluster-align-end{align-items:flex-end}.cluster-align-baseline{align-items:baseline}/*# sourceMappingURL=cluster.css.map */

package/libs/components/cluster/cluster.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/components/cluster/cluster.scss"],"names":[],"mappings":"AAaA,SACE,aACA,eACA,sBAOF,eACE,MAGF,gBACE,sBAGF,gBACE,sBAGF,gBACE,sBAGF,gBACE,sBAGF,gBACE,sBAOF,uBACE,2BAGF,wBACE,uBAGF,qBACE,yBAGF,yBACE,8BAOF,qBACE,uBAGF,sBACE,mBAGF,mBACE,qBAGF,wBACE","file":"cluster.css"}

package/libs/components/cluster/cluster.min.css

@@ -0,0 +1,3 @@
+.cluster{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.cluster-gap-0{gap:0}.cluster-gap-xs{gap:var(--spacing-xs)}.cluster-gap-sm{gap:var(--spacing-sm)}.cluster-gap-md{gap:var(--spacing-md)}.cluster-gap-lg{gap:var(--spacing-lg)}.cluster-gap-xl{gap:var(--spacing-xl)}.cluster-justify-start{justify-content:flex-start}.cluster-justify-center{justify-content:center}.cluster-justify-end{justify-content:flex-end}.cluster-justify-between{justify-content:space-between}.cluster-align-start{align-items:flex-start}.cluster-align-center{align-items:center}.cluster-align-end{align-items:flex-end}.cluster-align-baseline{align-items:baseline}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NsdXN0ZXIvY2x1c3Rlci5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFBLFNBQ0UsWUFBQSxDQUNBLGNBQUEsQ0FDQSxxQkFBQSxDQU9GLGVBQ0UsS0FBQSxDQUdGLGdCQUNFLHFCQUFBLENBR0YsZ0JBQ0UscUJBQUEsQ0FHRixnQkFDRSxxQkFBQSxDQUdGLGdCQUNFLHFCQUFBLENBR0YsZ0JBQ0UscUJBQUEsQ0FPRix1QkFDRSwwQkFBQSxDQUdGLHdCQUNFLHNCQUFBLENBR0YscUJBQ0Usd0JBQUEsQ0FHRix5QkFDRSw2QkFBQSxDQU9GLHFCQUNFLHNCQUFBLENBR0Ysc0JBQ0Usa0JBQUEsQ0FHRixtQkFDRSxvQkFBQSxDQUdGLHdCQUNFLG9CQUFBIiwiZmlsZSI6ImNsdXN0ZXIubWluLmNzcyJ9 */