@fpkit/acss 3.6.0 → 3.8.0

package/libs/{chunk-URBGDUFN.cjs → chunk-75YQDONV.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk2C3YLBWP_cjs = require('./chunk-2C3YLBWP.cjs');
+var chunkAOFQDQVS_cjs = require('./chunk-AOFQDQVS.cjs');
 var chunk5CJPTDK3_cjs = require('./chunk-5CJPTDK3.cjs');
 var chunk5QSNJQVH_cjs = require('./chunk-5QSNJQVH.cjs');
 var chunkEJ6KYBFE_cjs = require('./chunk-EJ6KYBFE.cjs');
@@ -10,9 +10,9 @@ 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(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);
+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(chunkAOFQDQVS_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-URBGDUFN.cjs.map
+//# sourceMappingURL=chunk-75YQDONV.cjs.map

package/libs/chunk-AOFQDQVS.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var chunkEJ6KYBFE_cjs = require('./chunk-EJ6KYBFE.cjs');
+var o = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var o__default = /*#__PURE__*/_interopDefault(o);
+
+var r=o__default.default.memo(o__default.default.forwardRef(({level:e="h2",size:t,color:i,id:s,styles:d,ui:m,children:c,className:f,...h},T)=>{let g=[t,i].filter(Boolean).join(" ")||void 0;return o__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:e,id:s,styles:d,"data-ui":m,"data-title":g,classes:f,ref:T,...h},c)}));r.displayName="Title";var n=r;var p=o__default.default.forwardRef(({type:e="h3",...t},i)=>(process.env.NODE_ENV==="development"&&console.warn(`[@fpkit/acss] Heading component is deprecated and will be removed in v3.0.0. Please use the Title component instead.
+Migration: <Heading type="${e}"> \u2192 <Title level="${e}">
+See documentation: https://fpkit.dev/components/title`),o__default.default.createElement(n,{level:e,ref:i,...t})));p.displayName="Heading (Deprecated)";var R=p;
+
+exports.a = n;
+exports.b = R;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-AOFQDQVS.cjs.map

package/libs/chunk-AOFQDQVS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/heading/heading.tsx","../src/components/title/title.tsx"],"names":["React","Title","level","size","color","id","styles","ui","children","className","props","ref","dataTitle","ui_default","title_default","Heading","type","heading_default"],"mappings":"yCAAA,OAAOA,MAAW,QCAlB,OAAOA,MAAW,QAuOlB,IAAMC,EAAQD,EAAM,KAClBA,EAAM,WACJ,CACE,CACE,MAAAE,EAAQ,KACR,KAAAC,EACA,MAAAC,EACA,GAAAC,EACA,OAAAC,EACA,GAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EACAC,IACG,CAEH,IAAMC,EAAY,CAACT,EAAMC,CAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAAK,OAE7D,OACEJ,EAAA,cAACa,EAAA,CACC,GAAIX,EACJ,GAAIG,EACJ,OAAQC,EACR,UAASC,EACT,aAAYK,EACZ,QAASH,EACT,IAAKE,EACJ,GAAGD,GAEHF,CACH,CAEJ,CACF,CACF,EAEAP,EAAM,YAAc,QAEpB,IAAOa,EAAQb,EDtMf,IAAMc,EAAUf,EAAM,WACpB,CAAC,CAAE,KAAAgB,EAAO,KAAM,GAAGN,CAAM,EAAGC,KAEtB,QAAQ,IAAI,WAAa,eAE3B,QAAQ,KACN;AAAA,4BAE6BK,CAAI,2BAAsBA,CAAI;AAAA,sDAE7D,EAIKhB,EAAA,cAACc,EAAA,CAAM,MAAOE,EAAM,IAAKL,EAAM,GAAGD,EAAO,EAEpD,EAEAK,EAAQ,YAAc,uBAEtB,IAAOE,EAAQF","sourcesContent":["import React from \"react\";\nimport Title from \"#components/title/title\";\n\n/**\n * @deprecated Use `Title` component instead. This component will be removed in v3.0.0.\n *\n * @remarks\n * The `Heading` component has been deprecated in favor of the new `Title` component\n * which offers improved API design and better accessibility features.\n *\n * **Migration Guide:**\n * - Rename `Heading` → `Title`\n * - Rename prop `type` → `level`\n * - Default level changed from `h3` → `h2` (update if you relied on the default)\n *\n * @example\n * // Before (deprecated):\n * <Heading type=\"h2\">Section Title</Heading>\n *\n * // After:\n * <Title level=\"h2\">Section Title</Title>\n *\n * @see {@link Title} for the new component\n */\nexport type TitleProps = {\n  /**\n   * @deprecated Use `level` prop on the `Title` component instead.\n   */\n  children: React.ReactNode;\n\n  /**\n   * @deprecated Use `level` prop on the `Title` component instead.\n   */\n  type?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\n  /**\n   * @deprecated Use `ui` prop on the `Title` component.\n   */\n  ui?: string;\n} & Omit<React.ComponentPropsWithoutRef<typeof Title>, 'level'>;\n\n/**\n * Heading - Deprecated component wrapper for Title.\n *\n * @deprecated Use {@link Title} component instead. Will be removed in v3.0.0.\n *\n * This component provides backwards compatibility for existing code using\n * the old `Heading` component API. It forwards all props to the new `Title`\n * component with appropriate prop name mapping.\n *\n * **Breaking Changes in v3.0.0:**\n * - This component will be removed\n * - Migrate to `Title` component before upgrading\n *\n * **Migration Steps:**\n * 1. Replace all `<Heading>` imports with `<Title>`\n * 2. Rename `type` prop to `level`\n * 3. Review default behavior (default changed from h3 to h2)\n *\n * @example\n * // Old API (still works but deprecated):\n * import { Heading } from '@fpkit/acss';\n * <Heading type=\"h2\">Section</Heading>\n *\n * @example\n * // New API (recommended):\n * import { Title } from '@fpkit/acss';\n * <Title level=\"h2\">Section</Title>\n *\n * @param {TitleProps} props - Component props (maps old API to new)\n * @returns {React.ReactElement} The rendered Title component\n */\nconst Heading = React.forwardRef<HTMLHeadingElement, TitleProps>(\n  ({ type = \"h3\", ...props }, ref) => {\n    // Development warning for deprecated usage\n    if (process.env.NODE_ENV === \"development\") {\n      // eslint-disable-next-line no-console\n      console.warn(\n        `[@fpkit/acss] Heading component is deprecated and will be removed in v3.0.0. ` +\n        `Please use the Title component instead.\\n` +\n        `Migration: <Heading type=\"${type}\"> → <Title level=\"${type}\">\\n` +\n        `See documentation: https://fpkit.dev/components/title`\n      );\n    }\n\n    // Map old 'type' prop to new 'level' prop\n    return <Title level={type} ref={ref} {...props} />;\n  }\n);\n\nHeading.displayName = \"Heading (Deprecated)\";\n\nexport default Heading;\n","import React from \"react\";\nimport UI from \"#components/ui\";\n\n/**\n * Valid HTML heading levels for semantic document structure.\n *\n * @remarks\n * Heading levels establish the document outline and hierarchy for screen readers.\n * Always maintain proper heading order (don't skip levels) for WCAG 2.1 compliance.\n *\n * @example\n * // ✅ GOOD: Proper heading hierarchy\n * <Title level=\"h1\">Main Page Title</Title>\n * <Title level=\"h2\">Section Heading</Title>\n * <Title level=\"h3\">Subsection Heading</Title>\n *\n * @example\n * // ❌ BAD: Skipping heading levels\n * <Title level=\"h1\">Main Title</Title>\n * <Title level=\"h4\">Skipped h2 and h3</Title>\n */\nexport type HeadingLevel = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\n/**\n * Visual size variants for Title component.\n * Independent of semantic heading level for flexible design.\n */\nexport type TitleSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n\n/**\n * Color variants for Title component.\n * All variants meet WCAG 2.1 AA contrast requirements (4.5:1 minimum).\n */\nexport type TitleColor = \"primary\" | \"secondary\" | \"accent\" | \"muted\" | \"inherit\";\n\n/**\n * Props for the Title component.\n *\n * @typeParam TLevel - The heading level to render (h1-h6)\n *\n * @property {HeadingLevel} level - The semantic heading level (h1-h6). Defaults to \"h2\".\n * @property {React.ReactNode} children - The text or elements to render inside the heading.\n * @property {string} [id] - Unique identifier for the heading, useful for anchor links.\n * @property {React.CSSProperties} [styles] - Inline styles to apply to the heading.\n * @property {string} [ui] - Data attribute for UI framework styling hooks.\n * @property {string} [className] - CSS class names to apply.\n *\n * @remarks\n * This interface extends the polymorphic UI component props, providing full access\n * to native HTML heading attributes and ARIA properties for accessibility.\n *\n * For AI assistants: This component ensures semantic HTML structure for document\n * outlines, which is critical for screen reader navigation and SEO.\n */\nexport type TitleProps = {\n  /**\n   * The semantic heading level to render.\n   *\n   * @default \"h2\"\n   *\n   * @remarks\n   * Choose the appropriate level based on your document structure:\n   * - h1: Page title (typically one per page)\n   * - h2: Major sections\n   * - h3-h6: Subsections and nested content\n   *\n   * WCAG 2.1 requires proper heading hierarchy for screen reader users.\n   */\n  level?: HeadingLevel;\n\n  /**\n   * The content to display in the heading.\n   *\n   * @remarks\n   * Can be text, elements, or a combination. Ensure text content is meaningful\n   * and descriptive for users navigating with screen readers.\n   */\n  children: React.ReactNode;\n\n  /**\n   * Unique identifier for the heading element.\n   *\n   * @remarks\n   * Useful for:\n   * - Creating anchor links to sections\n   * - ARIA relationships (aria-labelledby, aria-describedby)\n   * - Testing and automation\n   */\n  id?: string;\n\n  /**\n   * Data attribute for UI framework styling hooks.\n   *\n   * @remarks\n   * Used by fpkit's CSS system to apply component-specific styles.\n   * Automatically prefixed with \"data-ui\" when rendered.\n   */\n  ui?: string;\n\n  /**\n   * CSS class names to apply to the heading.\n   *\n   * @remarks\n   * Prefer using the `ui` prop for fpkit styling, and this for\n   * utility classes or custom overrides.\n   */\n  className?: string;\n\n  /**\n   * Visual size variant (independent of semantic heading level).\n   *\n   * @default undefined (uses browser default or custom CSS)\n   *\n   * @remarks\n   * Choose the appropriate visual size based on design needs:\n   * - xs: 0.75rem (12px) - Very small accent headings\n   * - sm: 0.875rem (14px) - Small headings\n   * - md: 1rem (16px) - Medium headings\n   * - lg: 1.5rem (24px) - Large headings\n   * - xl: 2rem (32px) - Extra large headings\n   * - 2xl: 2.5rem (40px) - Largest headings\n   *\n   * Visual size is independent of semantic level, allowing design\n   * flexibility while maintaining proper document structure.\n   */\n  size?: TitleSize;\n\n  /**\n   * Color variant for the title text.\n   *\n   * @default undefined (inherits color from parent)\n   *\n   * @remarks\n   * All color variants meet WCAG 2.1 Level AA contrast requirements (4.5:1 minimum):\n   * - primary: Dark blue (#1e3a8a) - 8.59:1 contrast\n   * - secondary: Gray (#4b5563) - 7.56:1 contrast\n   * - accent: Purple (#7c3aed) - 4.62:1 contrast\n   * - muted: Light gray (#6b7280) - 5.49:1 contrast\n   * - inherit: Inherits color from parent element\n   */\n  color?: TitleColor;\n} & React.ComponentPropsWithoutRef<typeof UI>;\n\n/**\n * Title - A semantic heading component for document structure and hierarchy.\n *\n * The Title component renders semantic HTML headings (h1-h6) with proper\n * accessibility support. It ensures WCAG 2.1 AA compliance by maintaining\n * semantic document structure for screen readers and assistive technologies.\n *\n * ## Key Features\n *\n * - **Semantic HTML**: Renders actual heading elements (h1-h6) for proper document outline\n * - **Accessibility**: Full ARIA support and keyboard navigation\n * - **Flexible Styling**: Supports fpkit's UI system, custom classes, and inline styles\n * - **Type Safety**: Fully typed with TypeScript for developer experience\n * - **Performance**: Memoized to prevent unnecessary re-renders\n *\n * ## Accessibility Considerations\n *\n * ### WCAG 2.1 AA Compliance\n *\n * - **1.3.1 Info and Relationships (Level A)**: Semantic heading elements preserve\n *   document structure for screen readers\n * - **2.4.6 Headings and Labels (Level AA)**: Headings should be descriptive and\n *   properly ordered\n * - **2.4.10 Section Headings (Level AAA)**: Use headings to organize content\n *\n * ### Best Practices\n *\n * 1. **Maintain Heading Hierarchy**: Don't skip levels (e.g., h1 → h3)\n * 2. **One h1 Per Page**: Use h1 for the main page title only\n * 3. **Descriptive Text**: Headings should clearly describe the following content\n * 4. **Avoid Empty Headings**: Always provide meaningful text content\n *\n * ## Usage Examples\n *\n * @example\n * // Basic usage with default h2\n * <Title>Section Heading</Title>\n *\n * @example\n * // Page title with explicit h1\n * <Title level=\"h1\">Welcome to Our Application</Title>\n *\n * @example\n * // Subsection with custom styling\n * <Title\n *   level=\"h3\"\n *   id=\"getting-started\"\n *   className=\"text-primary\"\n * >\n *   Getting Started\n * </Title>\n *\n * @example\n * // With fpkit UI data attribute\n * <Title level=\"h2\" ui=\"section-title\">\n *   Features Overview\n * </Title>\n *\n * @example\n * // Accessible heading with aria-label for context\n * <Title level=\"h2\" aria-label=\"User dashboard overview\">\n *   Dashboard\n * </Title>\n *\n * @example\n * // Complex heading with mixed content\n * <Title level=\"h2\" id=\"stats\">\n *   <Icon name=\"chart\" aria-hidden=\"true\" />\n *   <span>Statistics</span>\n * </Title>\n *\n * @example\n * // ✅ GOOD: Proper heading hierarchy\n * <Title level=\"h1\">Page Title</Title>\n * <Title level=\"h2\">Main Section</Title>\n * <Title level=\"h3\">Subsection</Title>\n *\n * @example\n * // ❌ BAD: Skipping heading levels (accessibility violation)\n * <Title level=\"h1\">Page Title</Title>\n * <Title level=\"h4\">Skipped h2 and h3</Title>\n *\n * @param {TitleProps} props - Component props\n * @returns {React.ReactElement} A semantic heading element\n *\n * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html WCAG 1.3.1}\n * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels.html WCAG 2.4.6}\n */\nconst Title = React.memo(\n  React.forwardRef<HTMLHeadingElement, TitleProps>(\n    (\n      {\n        level = \"h2\",\n        size,\n        color,\n        id,\n        styles,\n        ui,\n        children,\n        className,\n        ...props\n      }: TitleProps,\n      ref\n    ) => {\n      // Construct space-separated data-title attribute\n      const dataTitle = [size, color].filter(Boolean).join(\" \") || undefined;\n\n      return (\n        <UI\n          as={level}\n          id={id}\n          styles={styles}\n          data-ui={ui}\n          data-title={dataTitle}\n          classes={className}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </UI>\n      );\n    }\n  )\n);\n\nTitle.displayName = \"Title\";\n\nexport default Title;\n"]}

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

@@ -1,4 +1,4 @@
-import { b } from './chunk-KDMX3FAW.js';
+import { b } from './chunk-Q7OAQLUT.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';
@@ -8,4 +8,4 @@ var y=({dialogTitle:t,onClick:o,id:l,type:e="h3"})=>{let a$1=useCallback(()=>{o(
 
 export { F as a, ao as b };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-ZF6Y7W57.js.map
+//# sourceMappingURL=chunk-G3TFKMWB.js.map

package/libs/chunk-Q7OAQLUT.js

@@ -0,0 +1,10 @@
+import { a } from './chunk-DDSXKOUB.js';
+import o from 'react';
+
+var r=o.memo(o.forwardRef(({level:e="h2",size:t,color:i,id:s,styles:d,ui:m,children:c,className:f,...h},T)=>{let g=[t,i].filter(Boolean).join(" ")||void 0;return o.createElement(a,{as:e,id:s,styles:d,"data-ui":m,"data-title":g,classes:f,ref:T,...h},c)}));r.displayName="Title";var n=r;var p=o.forwardRef(({type:e="h3",...t},i)=>(process.env.NODE_ENV==="development"&&console.warn(`[@fpkit/acss] Heading component is deprecated and will be removed in v3.0.0. Please use the Title component instead.
+Migration: <Heading type="${e}"> \u2192 <Title level="${e}">
+See documentation: https://fpkit.dev/components/title`),o.createElement(n,{level:e,ref:i,...t})));p.displayName="Heading (Deprecated)";var R=p;
+
+export { n as a, R as b };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-Q7OAQLUT.js.map

package/libs/chunk-Q7OAQLUT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/heading/heading.tsx","../src/components/title/title.tsx"],"names":["React","Title","level","size","color","id","styles","ui","children","className","props","ref","dataTitle","ui_default","title_default","Heading","type","heading_default"],"mappings":"wCAAA,OAAOA,MAAW,QCAlB,OAAOA,MAAW,QAuOlB,IAAMC,EAAQD,EAAM,KAClBA,EAAM,WACJ,CACE,CACE,MAAAE,EAAQ,KACR,KAAAC,EACA,MAAAC,EACA,GAAAC,EACA,OAAAC,EACA,GAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EACAC,IACG,CAEH,IAAMC,EAAY,CAACT,EAAMC,CAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAAK,OAE7D,OACEJ,EAAA,cAACa,EAAA,CACC,GAAIX,EACJ,GAAIG,EACJ,OAAQC,EACR,UAASC,EACT,aAAYK,EACZ,QAASH,EACT,IAAKE,EACJ,GAAGD,GAEHF,CACH,CAEJ,CACF,CACF,EAEAP,EAAM,YAAc,QAEpB,IAAOa,EAAQb,EDtMf,IAAMc,EAAUf,EAAM,WACpB,CAAC,CAAE,KAAAgB,EAAO,KAAM,GAAGN,CAAM,EAAGC,KAEtB,QAAQ,IAAI,WAAa,eAE3B,QAAQ,KACN;AAAA,4BAE6BK,CAAI,2BAAsBA,CAAI;AAAA,sDAE7D,EAIKhB,EAAA,cAACc,EAAA,CAAM,MAAOE,EAAM,IAAKL,EAAM,GAAGD,EAAO,EAEpD,EAEAK,EAAQ,YAAc,uBAEtB,IAAOE,EAAQF","sourcesContent":["import React from \"react\";\nimport Title from \"#components/title/title\";\n\n/**\n * @deprecated Use `Title` component instead. This component will be removed in v3.0.0.\n *\n * @remarks\n * The `Heading` component has been deprecated in favor of the new `Title` component\n * which offers improved API design and better accessibility features.\n *\n * **Migration Guide:**\n * - Rename `Heading` → `Title`\n * - Rename prop `type` → `level`\n * - Default level changed from `h3` → `h2` (update if you relied on the default)\n *\n * @example\n * // Before (deprecated):\n * <Heading type=\"h2\">Section Title</Heading>\n *\n * // After:\n * <Title level=\"h2\">Section Title</Title>\n *\n * @see {@link Title} for the new component\n */\nexport type TitleProps = {\n  /**\n   * @deprecated Use `level` prop on the `Title` component instead.\n   */\n  children: React.ReactNode;\n\n  /**\n   * @deprecated Use `level` prop on the `Title` component instead.\n   */\n  type?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\n  /**\n   * @deprecated Use `ui` prop on the `Title` component.\n   */\n  ui?: string;\n} & Omit<React.ComponentPropsWithoutRef<typeof Title>, 'level'>;\n\n/**\n * Heading - Deprecated component wrapper for Title.\n *\n * @deprecated Use {@link Title} component instead. Will be removed in v3.0.0.\n *\n * This component provides backwards compatibility for existing code using\n * the old `Heading` component API. It forwards all props to the new `Title`\n * component with appropriate prop name mapping.\n *\n * **Breaking Changes in v3.0.0:**\n * - This component will be removed\n * - Migrate to `Title` component before upgrading\n *\n * **Migration Steps:**\n * 1. Replace all `<Heading>` imports with `<Title>`\n * 2. Rename `type` prop to `level`\n * 3. Review default behavior (default changed from h3 to h2)\n *\n * @example\n * // Old API (still works but deprecated):\n * import { Heading } from '@fpkit/acss';\n * <Heading type=\"h2\">Section</Heading>\n *\n * @example\n * // New API (recommended):\n * import { Title } from '@fpkit/acss';\n * <Title level=\"h2\">Section</Title>\n *\n * @param {TitleProps} props - Component props (maps old API to new)\n * @returns {React.ReactElement} The rendered Title component\n */\nconst Heading = React.forwardRef<HTMLHeadingElement, TitleProps>(\n  ({ type = \"h3\", ...props }, ref) => {\n    // Development warning for deprecated usage\n    if (process.env.NODE_ENV === \"development\") {\n      // eslint-disable-next-line no-console\n      console.warn(\n        `[@fpkit/acss] Heading component is deprecated and will be removed in v3.0.0. ` +\n        `Please use the Title component instead.\\n` +\n        `Migration: <Heading type=\"${type}\"> → <Title level=\"${type}\">\\n` +\n        `See documentation: https://fpkit.dev/components/title`\n      );\n    }\n\n    // Map old 'type' prop to new 'level' prop\n    return <Title level={type} ref={ref} {...props} />;\n  }\n);\n\nHeading.displayName = \"Heading (Deprecated)\";\n\nexport default Heading;\n","import React from \"react\";\nimport UI from \"#components/ui\";\n\n/**\n * Valid HTML heading levels for semantic document structure.\n *\n * @remarks\n * Heading levels establish the document outline and hierarchy for screen readers.\n * Always maintain proper heading order (don't skip levels) for WCAG 2.1 compliance.\n *\n * @example\n * // ✅ GOOD: Proper heading hierarchy\n * <Title level=\"h1\">Main Page Title</Title>\n * <Title level=\"h2\">Section Heading</Title>\n * <Title level=\"h3\">Subsection Heading</Title>\n *\n * @example\n * // ❌ BAD: Skipping heading levels\n * <Title level=\"h1\">Main Title</Title>\n * <Title level=\"h4\">Skipped h2 and h3</Title>\n */\nexport type HeadingLevel = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\n/**\n * Visual size variants for Title component.\n * Independent of semantic heading level for flexible design.\n */\nexport type TitleSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n\n/**\n * Color variants for Title component.\n * All variants meet WCAG 2.1 AA contrast requirements (4.5:1 minimum).\n */\nexport type TitleColor = \"primary\" | \"secondary\" | \"accent\" | \"muted\" | \"inherit\";\n\n/**\n * Props for the Title component.\n *\n * @typeParam TLevel - The heading level to render (h1-h6)\n *\n * @property {HeadingLevel} level - The semantic heading level (h1-h6). Defaults to \"h2\".\n * @property {React.ReactNode} children - The text or elements to render inside the heading.\n * @property {string} [id] - Unique identifier for the heading, useful for anchor links.\n * @property {React.CSSProperties} [styles] - Inline styles to apply to the heading.\n * @property {string} [ui] - Data attribute for UI framework styling hooks.\n * @property {string} [className] - CSS class names to apply.\n *\n * @remarks\n * This interface extends the polymorphic UI component props, providing full access\n * to native HTML heading attributes and ARIA properties for accessibility.\n *\n * For AI assistants: This component ensures semantic HTML structure for document\n * outlines, which is critical for screen reader navigation and SEO.\n */\nexport type TitleProps = {\n  /**\n   * The semantic heading level to render.\n   *\n   * @default \"h2\"\n   *\n   * @remarks\n   * Choose the appropriate level based on your document structure:\n   * - h1: Page title (typically one per page)\n   * - h2: Major sections\n   * - h3-h6: Subsections and nested content\n   *\n   * WCAG 2.1 requires proper heading hierarchy for screen reader users.\n   */\n  level?: HeadingLevel;\n\n  /**\n   * The content to display in the heading.\n   *\n   * @remarks\n   * Can be text, elements, or a combination. Ensure text content is meaningful\n   * and descriptive for users navigating with screen readers.\n   */\n  children: React.ReactNode;\n\n  /**\n   * Unique identifier for the heading element.\n   *\n   * @remarks\n   * Useful for:\n   * - Creating anchor links to sections\n   * - ARIA relationships (aria-labelledby, aria-describedby)\n   * - Testing and automation\n   */\n  id?: string;\n\n  /**\n   * Data attribute for UI framework styling hooks.\n   *\n   * @remarks\n   * Used by fpkit's CSS system to apply component-specific styles.\n   * Automatically prefixed with \"data-ui\" when rendered.\n   */\n  ui?: string;\n\n  /**\n   * CSS class names to apply to the heading.\n   *\n   * @remarks\n   * Prefer using the `ui` prop for fpkit styling, and this for\n   * utility classes or custom overrides.\n   */\n  className?: string;\n\n  /**\n   * Visual size variant (independent of semantic heading level).\n   *\n   * @default undefined (uses browser default or custom CSS)\n   *\n   * @remarks\n   * Choose the appropriate visual size based on design needs:\n   * - xs: 0.75rem (12px) - Very small accent headings\n   * - sm: 0.875rem (14px) - Small headings\n   * - md: 1rem (16px) - Medium headings\n   * - lg: 1.5rem (24px) - Large headings\n   * - xl: 2rem (32px) - Extra large headings\n   * - 2xl: 2.5rem (40px) - Largest headings\n   *\n   * Visual size is independent of semantic level, allowing design\n   * flexibility while maintaining proper document structure.\n   */\n  size?: TitleSize;\n\n  /**\n   * Color variant for the title text.\n   *\n   * @default undefined (inherits color from parent)\n   *\n   * @remarks\n   * All color variants meet WCAG 2.1 Level AA contrast requirements (4.5:1 minimum):\n   * - primary: Dark blue (#1e3a8a) - 8.59:1 contrast\n   * - secondary: Gray (#4b5563) - 7.56:1 contrast\n   * - accent: Purple (#7c3aed) - 4.62:1 contrast\n   * - muted: Light gray (#6b7280) - 5.49:1 contrast\n   * - inherit: Inherits color from parent element\n   */\n  color?: TitleColor;\n} & React.ComponentPropsWithoutRef<typeof UI>;\n\n/**\n * Title - A semantic heading component for document structure and hierarchy.\n *\n * The Title component renders semantic HTML headings (h1-h6) with proper\n * accessibility support. It ensures WCAG 2.1 AA compliance by maintaining\n * semantic document structure for screen readers and assistive technologies.\n *\n * ## Key Features\n *\n * - **Semantic HTML**: Renders actual heading elements (h1-h6) for proper document outline\n * - **Accessibility**: Full ARIA support and keyboard navigation\n * - **Flexible Styling**: Supports fpkit's UI system, custom classes, and inline styles\n * - **Type Safety**: Fully typed with TypeScript for developer experience\n * - **Performance**: Memoized to prevent unnecessary re-renders\n *\n * ## Accessibility Considerations\n *\n * ### WCAG 2.1 AA Compliance\n *\n * - **1.3.1 Info and Relationships (Level A)**: Semantic heading elements preserve\n *   document structure for screen readers\n * - **2.4.6 Headings and Labels (Level AA)**: Headings should be descriptive and\n *   properly ordered\n * - **2.4.10 Section Headings (Level AAA)**: Use headings to organize content\n *\n * ### Best Practices\n *\n * 1. **Maintain Heading Hierarchy**: Don't skip levels (e.g., h1 → h3)\n * 2. **One h1 Per Page**: Use h1 for the main page title only\n * 3. **Descriptive Text**: Headings should clearly describe the following content\n * 4. **Avoid Empty Headings**: Always provide meaningful text content\n *\n * ## Usage Examples\n *\n * @example\n * // Basic usage with default h2\n * <Title>Section Heading</Title>\n *\n * @example\n * // Page title with explicit h1\n * <Title level=\"h1\">Welcome to Our Application</Title>\n *\n * @example\n * // Subsection with custom styling\n * <Title\n *   level=\"h3\"\n *   id=\"getting-started\"\n *   className=\"text-primary\"\n * >\n *   Getting Started\n * </Title>\n *\n * @example\n * // With fpkit UI data attribute\n * <Title level=\"h2\" ui=\"section-title\">\n *   Features Overview\n * </Title>\n *\n * @example\n * // Accessible heading with aria-label for context\n * <Title level=\"h2\" aria-label=\"User dashboard overview\">\n *   Dashboard\n * </Title>\n *\n * @example\n * // Complex heading with mixed content\n * <Title level=\"h2\" id=\"stats\">\n *   <Icon name=\"chart\" aria-hidden=\"true\" />\n *   <span>Statistics</span>\n * </Title>\n *\n * @example\n * // ✅ GOOD: Proper heading hierarchy\n * <Title level=\"h1\">Page Title</Title>\n * <Title level=\"h2\">Main Section</Title>\n * <Title level=\"h3\">Subsection</Title>\n *\n * @example\n * // ❌ BAD: Skipping heading levels (accessibility violation)\n * <Title level=\"h1\">Page Title</Title>\n * <Title level=\"h4\">Skipped h2 and h3</Title>\n *\n * @param {TitleProps} props - Component props\n * @returns {React.ReactElement} A semantic heading element\n *\n * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html WCAG 1.3.1}\n * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels.html WCAG 2.4.6}\n */\nconst Title = React.memo(\n  React.forwardRef<HTMLHeadingElement, TitleProps>(\n    (\n      {\n        level = \"h2\",\n        size,\n        color,\n        id,\n        styles,\n        ui,\n        children,\n        className,\n        ...props\n      }: TitleProps,\n      ref\n    ) => {\n      // Construct space-separated data-title attribute\n      const dataTitle = [size, color].filter(Boolean).join(\" \") || undefined;\n\n      return (\n        <UI\n          as={level}\n          id={id}\n          styles={styles}\n          data-ui={ui}\n          data-title={dataTitle}\n          classes={className}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </UI>\n      );\n    }\n  )\n);\n\nTitle.displayName = \"Title\";\n\nexport default Title;\n"]}

package/libs/components/checkbox/checkbox.css

@@ -0,0 +1 @@
+:root{--checkbox-size-sm: 1rem;--checkbox-size-md: 1.25rem;--checkbox-size-lg: 1.5rem;--checkbox-size: var(--checkbox-size-md);--checkbox-bg: #ffffff;--checkbox-border: 0.125rem solid #6b7280;--checkbox-border-color: #6b7280;--checkbox-radius: 0.25rem;--checkbox-cursor: pointer;--checkbox-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);--checkbox-checkmark-color: #ffffff;--checkbox-checkmark-opacity: 0;--checkbox-checkmark-transform: scale(0.7);--checkbox-label-gap: 0.5rem;--checkbox-label-fs: 1rem;--checkbox-label-color: inherit;--checkbox-label-cursor: pointer;--checkbox-label-fw: 400;--checkbox-description-fs: 0.875rem;--checkbox-description-color: #6b7280;--checkbox-description-margin-block-start: 0.25rem;--checkbox-description-padding-inline-start: calc( var(--checkbox-size) + var(--checkbox-label-gap) );--checkbox-error-fs: 0.875rem;--checkbox-error-color: #dc2626;--checkbox-error-margin-block-start: 0.25rem;--checkbox-error-padding-inline-start: calc( var(--checkbox-size) + var(--checkbox-label-gap) );--checkbox-required-color: #dc2626;--checkbox-required-fw: 600;--checkbox-primary-checked-bg: #2563eb;--checkbox-primary-checked-border: #2563eb;--checkbox-primary-hover-border: #3b82f6;--checkbox-primary-focus-outline-color: #93c5fd;--checkbox-secondary-checked-bg: #4b5563;--checkbox-secondary-checked-border: #4b5563;--checkbox-secondary-hover-border: #6b7280;--checkbox-secondary-focus-outline-color: #9ca3af;--checkbox-error-checked-bg: #dc2626;--checkbox-error-checked-border: #dc2626;--checkbox-error-hover-border: #ef4444;--checkbox-error-focus-outline-color: #fca5a5;--checkbox-success-checked-bg: #16a34a;--checkbox-success-checked-border: #16a34a;--checkbox-success-hover-border: #22c55e;--checkbox-success-focus-outline-color: #86efac;--checkbox-hover-border-color: #9ca3af;--checkbox-hover-bg: #f9fafb;--checkbox-focus-outline: 0.125rem solid;--checkbox-focus-outline-offset: 0.125rem;--checkbox-focus-outline-color: var(--checkbox-primary-focus-outline-color);--checkbox-checked-bg: var(--checkbox-primary-checked-bg);--checkbox-checked-border: var(--checkbox-primary-checked-border);--checkbox-checked-checkmark-opacity: 1;--checkbox-checked-checkmark-transform: scale(1);--checkbox-indeterminate-bg: var(--checkbox-primary-checked-bg);--checkbox-indeterminate-border: var(--checkbox-primary-checked-border);--checkbox-indeterminate-dash-width: 0.625rem;--checkbox-indeterminate-dash-height: 0.125rem;--checkbox-indeterminate-dash-opacity: 1;--checkbox-disabled-bg: #f3f4f6;--checkbox-disabled-border-color: #d1d5db;--checkbox-disabled-opacity: 0.6;--checkbox-disabled-cursor: not-allowed;--checkbox-invalid-border-color: #dc2626;--checkbox-invalid-focus-outline-color: #fca5a5}[data-checkbox]{display:inline-flex;flex-direction:column;gap:var(--checkbox-label-gap)}[data-checkbox][data-checkbox~=sm]{--checkbox-size: var(--checkbox-size-sm);--checkbox-label-fs: 0.875rem}[data-checkbox][data-checkbox~=md]{--checkbox-size: var(--checkbox-size-md);--checkbox-label-fs: 1rem}[data-checkbox][data-checkbox~=lg]{--checkbox-size: var(--checkbox-size-lg);--checkbox-label-fs: 1.125rem}[data-checkbox][data-checkbox~=primary]{--checkbox-checked-bg: var(--checkbox-primary-checked-bg);--checkbox-checked-border: var(--checkbox-primary-checked-border);--checkbox-hover-border-color: var(--checkbox-primary-hover-border);--checkbox-focus-outline-color: var(--checkbox-primary-focus-outline-color);--checkbox-indeterminate-bg: var(--checkbox-primary-checked-bg);--checkbox-indeterminate-border: var(--checkbox-primary-checked-border)}[data-checkbox][data-checkbox~=secondary]{--checkbox-checked-bg: var(--checkbox-secondary-checked-bg);--checkbox-checked-border: var(--checkbox-secondary-checked-border);--checkbox-hover-border-color: var(--checkbox-secondary-hover-border);--checkbox-focus-outline-color: var( --checkbox-secondary-focus-outline-color );--checkbox-indeterminate-bg: var(--checkbox-secondary-checked-bg);--checkbox-indeterminate-border: var(--checkbox-secondary-checked-border)}[data-checkbox][data-checkbox~=error]{--checkbox-checked-bg: var(--checkbox-error-checked-bg);--checkbox-checked-border: var(--checkbox-error-checked-border);--checkbox-hover-border-color: var(--checkbox-error-hover-border);--checkbox-focus-outline-color: var(--checkbox-error-focus-outline-color);--checkbox-indeterminate-bg: var(--checkbox-error-checked-bg);--checkbox-indeterminate-border: var(--checkbox-error-checked-border)}[data-checkbox][data-checkbox~=success]{--checkbox-checked-bg: var(--checkbox-success-checked-bg);--checkbox-checked-border: var(--checkbox-success-checked-border);--checkbox-hover-border-color: var(--checkbox-success-hover-border);--checkbox-focus-outline-color: var( --checkbox-success-focus-outline-color );--checkbox-indeterminate-bg: var(--checkbox-success-checked-bg);--checkbox-indeterminate-border: var(--checkbox-success-checked-border)}.checkbox-container{display:inline-flex;align-items:flex-start;gap:var(--checkbox-label-gap);cursor:var(--checkbox-cursor)}.checkbox-input-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.checkbox-input{position:absolute;opacity:0;width:var(--checkbox-size);height:var(--checkbox-size);margin:0;cursor:var(--checkbox-cursor);z-index:1}.checkbox-input:focus-visible+.checkbox-indicator{outline:var(--checkbox-focus-outline);outline-color:var(--checkbox-focus-outline-color);outline-offset:var(--checkbox-focus-outline-offset)}.checkbox-input:hover:not(:disabled):not([aria-disabled=true])+.checkbox-indicator{background-color:var(--checkbox-hover-bg);border-color:var(--checkbox-hover-border-color)}.checkbox-input:checked+.checkbox-indicator{background-color:var(--checkbox-checked-bg);border-color:var(--checkbox-checked-border)}.checkbox-input:checked+.checkbox-indicator .checkbox-checkmark{opacity:var(--checkbox-checked-checkmark-opacity);transform:var(--checkbox-checked-checkmark-transform)}.checkbox-input:checked+.checkbox-indicator .checkbox-indeterminate-dash{opacity:0}.checkbox-input:indeterminate+.checkbox-indicator{background-color:var(--checkbox-indeterminate-bg);border-color:var(--checkbox-indeterminate-border)}.checkbox-input:indeterminate+.checkbox-indicator .checkbox-checkmark{opacity:0}.checkbox-input:indeterminate+.checkbox-indicator .checkbox-indeterminate-dash{opacity:var(--checkbox-indeterminate-dash-opacity)}.checkbox-input:disabled,.checkbox-input[aria-disabled=true]{cursor:var(--checkbox-disabled-cursor)}.checkbox-input:disabled+.checkbox-indicator,.checkbox-input[aria-disabled=true]+.checkbox-indicator{background-color:var(--checkbox-disabled-bg);border-color:var(--checkbox-disabled-border-color);opacity:var(--checkbox-disabled-opacity);cursor:var(--checkbox-disabled-cursor)}.checkbox-input[aria-invalid=true]:not(:checked):not(:indeterminate)+.checkbox-indicator{border-color:var(--checkbox-invalid-border-color)}.checkbox-input[aria-invalid=true]:focus-visible+.checkbox-indicator{outline-color:var(--checkbox-invalid-focus-outline-color)}.checkbox-indicator{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--checkbox-size);height:var(--checkbox-size);min-width:var(--checkbox-size);min-height:var(--checkbox-size);background-color:var(--checkbox-bg);border:var(--checkbox-border);border-radius:var(--checkbox-radius);transition:var(--checkbox-transition);pointer-events:none}.checkbox-checkmark{width:75%;height:75%;color:var(--checkbox-checkmark-color);opacity:var(--checkbox-checkmark-opacity);transform:var(--checkbox-checkmark-transform);transition:var(--checkbox-transition);pointer-events:none}.checkbox-indeterminate-dash{position:absolute;width:var(--checkbox-indeterminate-dash-width);height:var(--checkbox-indeterminate-dash-height);background-color:var(--checkbox-checkmark-color);border-radius:calc(var(--checkbox-indeterminate-dash-height)/2);opacity:0;transition:var(--checkbox-transition);pointer-events:none}.checkbox-label{display:inline-flex;align-items:flex-start;font-size:var(--checkbox-label-fs);font-weight:var(--checkbox-label-fw);color:var(--checkbox-label-color);cursor:var(--checkbox-label-cursor);user-select:none;line-height:1.5;padding-block-start:calc((var(--checkbox-size) - var(--checkbox-label-fs)*1.5)/2)}.checkbox-required{color:var(--checkbox-required-color);font-weight:var(--checkbox-required-fw)}.checkbox-description{font-size:var(--checkbox-description-fs);color:var(--checkbox-description-color);margin-block-start:var(--checkbox-description-margin-block-start);padding-inline-start:var(--checkbox-description-padding-inline-start);line-height:1.5}.checkbox-error{font-size:var(--checkbox-error-fs);color:var(--checkbox-error-color);margin-block-start:var(--checkbox-error-margin-block-start);padding-inline-start:var(--checkbox-error-padding-inline-start);line-height:1.5}[data-checkbox].is-disabled .checkbox-label{cursor:var(--checkbox-disabled-cursor);opacity:var(--checkbox-disabled-opacity)}[data-checkbox].is-disabled .checkbox-container{cursor:var(--checkbox-disabled-cursor)}[data-checkbox].is-disabled .checkbox-description,[data-checkbox].is-disabled .checkbox-error{opacity:var(--checkbox-disabled-opacity)}/*# sourceMappingURL=checkbox.css.map */

package/libs/components/checkbox/checkbox.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.scss"],"names":[],"mappings":"AAeA,MAKE,yBACA,4BACA,2BAMA,yCACA,uBACA,0CACA,iCACA,2BACA,2BACA,6DAMA,oCACA,gCACA,2CAMA,6BACA,0BACA,gCACA,iCACA,yBAMA,oCACA,sCACA,mDACA,sGAQA,8BACA,gCACA,6CACA,gGAQA,mCACA,4BAOA,uCACA,2CACA,yCACA,gDAGA,yCACA,6CACA,2CACA,kDAGA,qCACA,yCACA,uCACA,8CAGA,uCACA,2CACA,yCACA,gDAOA,uCACA,6BAGA,yCACA,0CACA,4EAGA,0DACA,kEACA,wCACA,iDAGA,gEACA,wEACA,8CACA,+CACA,yCAGA,gCACA,0CACA,iCACA,wCAGA,yCACA,gDAOF,gBACE,oBACA,sBACA,8BAGA,mCACE,yCACA,8BAGF,mCACE,yCACA,0BAGF,mCACE,yCACA,8BAIF,wCACE,0DACA,kEACA,oEACA,4EACA,gEACA,wEAGF,0CACE,4DACA,oEACA,sEACA,gFAGA,kEACA,0EAGF,sCACE,wDACA,gEACA,kEACA,0EACA,8DACA,sEAGF,wCACE,0DACA,kEACA,oEACA,8EAGA,gEACA,wEAQJ,oBACE,oBACA,uBACA,8BACA,8BAOF,wBACE,kBACA,oBACA,mBACA,uBACA,cAOF,gBACE,kBACA,UACA,2BACA,4BACA,SACA,8BACA,UAGA,kDACE,sCACA,kDACA,oDAIF,mFACE,0CACA,gDAIF,4CACE,4CACA,4CAEA,gEACE,kDACA,sDAGF,yEACE,UAKJ,kDACE,kDACA,kDAEA,sEACE,UAGF,+EACE,mDAKJ,6DAEE,uCAEA,qGACE,6CACA,mDACA,yCACA,uCAKJ,yFACE,kDAGF,qEACE,0DAQJ,oBACE,kBACA,oBACA,mBACA,uBACA,2BACA,4BACA,+BACA,gCACA,oCACA,8BACA,qCACA,sCACA,oBAOF,oBACE,UACA,WACA,sCACA,0CACA,8CACA,sCACA,oBAOF,6BACE,kBACA,+CACA,iDACA,iDACA,gEACA,UACA,sCACA,oBAOF,gBACE,oBACA,uBACA,mCACA,qCACA,kCACA,oCACA,iBACA,gBAGA,kFAIF,mBACE,qCACA,wCAOF,sBACE,yCACA,wCACA,kEACA,sEACA,gBAOF,gBACE,mCACA,kCACA,4DACA,gEACA,gBAQA,4CACE,uCACA,yCAGF,gDACE,uCAGF,8FAEE","file":"checkbox.css"}

package/libs/components/checkbox/checkbox.min.css

@@ -0,0 +1,3 @@
+:root{--checkbox-size-sm: 1rem;--checkbox-size-md: 1.25rem;--checkbox-size-lg: 1.5rem;--checkbox-size: var(--checkbox-size-md);--checkbox-bg: #ffffff;--checkbox-border: 0.125rem solid #6b7280;--checkbox-border-color: #6b7280;--checkbox-radius: 0.25rem;--checkbox-cursor: pointer;--checkbox-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);--checkbox-checkmark-color: #ffffff;--checkbox-checkmark-opacity: 0;--checkbox-checkmark-transform: scale(0.7);--checkbox-label-gap: 0.5rem;--checkbox-label-fs: 1rem;--checkbox-label-color: inherit;--checkbox-label-cursor: pointer;--checkbox-label-fw: 400;--checkbox-description-fs: 0.875rem;--checkbox-description-color: #6b7280;--checkbox-description-margin-block-start: 0.25rem;--checkbox-description-padding-inline-start: calc( var(--checkbox-size) + var(--checkbox-label-gap) );--checkbox-error-fs: 0.875rem;--checkbox-error-color: #dc2626;--checkbox-error-margin-block-start: 0.25rem;--checkbox-error-padding-inline-start: calc( var(--checkbox-size) + var(--checkbox-label-gap) );--checkbox-required-color: #dc2626;--checkbox-required-fw: 600;--checkbox-primary-checked-bg: #2563eb;--checkbox-primary-checked-border: #2563eb;--checkbox-primary-hover-border: #3b82f6;--checkbox-primary-focus-outline-color: #93c5fd;--checkbox-secondary-checked-bg: #4b5563;--checkbox-secondary-checked-border: #4b5563;--checkbox-secondary-hover-border: #6b7280;--checkbox-secondary-focus-outline-color: #9ca3af;--checkbox-error-checked-bg: #dc2626;--checkbox-error-checked-border: #dc2626;--checkbox-error-hover-border: #ef4444;--checkbox-error-focus-outline-color: #fca5a5;--checkbox-success-checked-bg: #16a34a;--checkbox-success-checked-border: #16a34a;--checkbox-success-hover-border: #22c55e;--checkbox-success-focus-outline-color: #86efac;--checkbox-hover-border-color: #9ca3af;--checkbox-hover-bg: #f9fafb;--checkbox-focus-outline: 0.125rem solid;--checkbox-focus-outline-offset: 0.125rem;--checkbox-focus-outline-color: var(--checkbox-primary-focus-outline-color);--checkbox-checked-bg: var(--checkbox-primary-checked-bg);--checkbox-checked-border: var(--checkbox-primary-checked-border);--checkbox-checked-checkmark-opacity: 1;--checkbox-checked-checkmark-transform: scale(1);--checkbox-indeterminate-bg: var(--checkbox-primary-checked-bg);--checkbox-indeterminate-border: var(--checkbox-primary-checked-border);--checkbox-indeterminate-dash-width: 0.625rem;--checkbox-indeterminate-dash-height: 0.125rem;--checkbox-indeterminate-dash-opacity: 1;--checkbox-disabled-bg: #f3f4f6;--checkbox-disabled-border-color: #d1d5db;--checkbox-disabled-opacity: 0.6;--checkbox-disabled-cursor: not-allowed;--checkbox-invalid-border-color: #dc2626;--checkbox-invalid-focus-outline-color: #fca5a5}[data-checkbox]{display:inline-flex;flex-direction:column;gap:var(--checkbox-label-gap)}[data-checkbox][data-checkbox~=sm]{--checkbox-size: var(--checkbox-size-sm);--checkbox-label-fs: 0.875rem}[data-checkbox][data-checkbox~=md]{--checkbox-size: var(--checkbox-size-md);--checkbox-label-fs: 1rem}[data-checkbox][data-checkbox~=lg]{--checkbox-size: var(--checkbox-size-lg);--checkbox-label-fs: 1.125rem}[data-checkbox][data-checkbox~=primary]{--checkbox-checked-bg: var(--checkbox-primary-checked-bg);--checkbox-checked-border: var(--checkbox-primary-checked-border);--checkbox-hover-border-color: var(--checkbox-primary-hover-border);--checkbox-focus-outline-color: var(--checkbox-primary-focus-outline-color);--checkbox-indeterminate-bg: var(--checkbox-primary-checked-bg);--checkbox-indeterminate-border: var(--checkbox-primary-checked-border)}[data-checkbox][data-checkbox~=secondary]{--checkbox-checked-bg: var(--checkbox-secondary-checked-bg);--checkbox-checked-border: var(--checkbox-secondary-checked-border);--checkbox-hover-border-color: var(--checkbox-secondary-hover-border);--checkbox-focus-outline-color: var( --checkbox-secondary-focus-outline-color );--checkbox-indeterminate-bg: var(--checkbox-secondary-checked-bg);--checkbox-indeterminate-border: var(--checkbox-secondary-checked-border)}[data-checkbox][data-checkbox~=error]{--checkbox-checked-bg: var(--checkbox-error-checked-bg);--checkbox-checked-border: var(--checkbox-error-checked-border);--checkbox-hover-border-color: var(--checkbox-error-hover-border);--checkbox-focus-outline-color: var(--checkbox-error-focus-outline-color);--checkbox-indeterminate-bg: var(--checkbox-error-checked-bg);--checkbox-indeterminate-border: var(--checkbox-error-checked-border)}[data-checkbox][data-checkbox~=success]{--checkbox-checked-bg: var(--checkbox-success-checked-bg);--checkbox-checked-border: var(--checkbox-success-checked-border);--checkbox-hover-border-color: var(--checkbox-success-hover-border);--checkbox-focus-outline-color: var( --checkbox-success-focus-outline-color );--checkbox-indeterminate-bg: var(--checkbox-success-checked-bg);--checkbox-indeterminate-border: var(--checkbox-success-checked-border)}.checkbox-container{display:inline-flex;align-items:flex-start;gap:var(--checkbox-label-gap);cursor:var(--checkbox-cursor)}.checkbox-input-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.checkbox-input{position:absolute;opacity:0;width:var(--checkbox-size);height:var(--checkbox-size);margin:0;cursor:var(--checkbox-cursor);z-index:1}.checkbox-input:focus-visible+.checkbox-indicator{outline:var(--checkbox-focus-outline);outline-color:var(--checkbox-focus-outline-color);outline-offset:var(--checkbox-focus-outline-offset)}.checkbox-input:hover:not(:disabled):not([aria-disabled=true])+.checkbox-indicator{background-color:var(--checkbox-hover-bg);border-color:var(--checkbox-hover-border-color)}.checkbox-input:checked+.checkbox-indicator{background-color:var(--checkbox-checked-bg);border-color:var(--checkbox-checked-border)}.checkbox-input:checked+.checkbox-indicator .checkbox-checkmark{opacity:var(--checkbox-checked-checkmark-opacity);transform:var(--checkbox-checked-checkmark-transform)}.checkbox-input:checked+.checkbox-indicator .checkbox-indeterminate-dash{opacity:0}.checkbox-input:indeterminate+.checkbox-indicator{background-color:var(--checkbox-indeterminate-bg);border-color:var(--checkbox-indeterminate-border)}.checkbox-input:indeterminate+.checkbox-indicator .checkbox-checkmark{opacity:0}.checkbox-input:indeterminate+.checkbox-indicator .checkbox-indeterminate-dash{opacity:var(--checkbox-indeterminate-dash-opacity)}.checkbox-input:disabled,.checkbox-input[aria-disabled=true]{cursor:var(--checkbox-disabled-cursor)}.checkbox-input:disabled+.checkbox-indicator,.checkbox-input[aria-disabled=true]+.checkbox-indicator{background-color:var(--checkbox-disabled-bg);border-color:var(--checkbox-disabled-border-color);opacity:var(--checkbox-disabled-opacity);cursor:var(--checkbox-disabled-cursor)}.checkbox-input[aria-invalid=true]:not(:checked):not(:indeterminate)+.checkbox-indicator{border-color:var(--checkbox-invalid-border-color)}.checkbox-input[aria-invalid=true]:focus-visible+.checkbox-indicator{outline-color:var(--checkbox-invalid-focus-outline-color)}.checkbox-indicator{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--checkbox-size);height:var(--checkbox-size);min-width:var(--checkbox-size);min-height:var(--checkbox-size);background-color:var(--checkbox-bg);border:var(--checkbox-border);border-radius:var(--checkbox-radius);transition:var(--checkbox-transition);pointer-events:none}.checkbox-checkmark{width:75%;height:75%;color:var(--checkbox-checkmark-color);opacity:var(--checkbox-checkmark-opacity);transform:var(--checkbox-checkmark-transform);transition:var(--checkbox-transition);pointer-events:none}.checkbox-indeterminate-dash{position:absolute;width:var(--checkbox-indeterminate-dash-width);height:var(--checkbox-indeterminate-dash-height);background-color:var(--checkbox-checkmark-color);border-radius:calc(var(--checkbox-indeterminate-dash-height)/2);opacity:0;transition:var(--checkbox-transition);pointer-events:none}.checkbox-label{display:inline-flex;align-items:flex-start;font-size:var(--checkbox-label-fs);font-weight:var(--checkbox-label-fw);color:var(--checkbox-label-color);cursor:var(--checkbox-label-cursor);-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.5;padding-block-start:calc((var(--checkbox-size) - var(--checkbox-label-fs)*1.5)/2)}.checkbox-required{color:var(--checkbox-required-color);font-weight:var(--checkbox-required-fw)}.checkbox-description{font-size:var(--checkbox-description-fs);color:var(--checkbox-description-color);margin-block-start:var(--checkbox-description-margin-block-start);padding-inline-start:var(--checkbox-description-padding-inline-start);line-height:1.5}.checkbox-error{font-size:var(--checkbox-error-fs);color:var(--checkbox-error-color);margin-block-start:var(--checkbox-error-margin-block-start);padding-inline-start:var(--checkbox-error-padding-inline-start);line-height:1.5}[data-checkbox].is-disabled .checkbox-label{cursor:var(--checkbox-disabled-cursor);opacity:var(--checkbox-disabled-opacity)}[data-checkbox].is-disabled .checkbox-container{cursor:var(--checkbox-disabled-cursor)}[data-checkbox].is-disabled .checkbox-description,[data-checkbox].is-disabled .checkbox-error{opacity:var(--checkbox-disabled-opacity)}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94L2NoZWNrYm94LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZUEsTUFLRSx3QkFBQSxDQUNBLDJCQUFBLENBQ0EsMEJBQUEsQ0FNQSx3Q0FBQSxDQUNBLHNCQUFBLENBQ0EseUNBQUEsQ0FDQSxnQ0FBQSxDQUNBLDBCQUFBLENBQ0EsMEJBQUEsQ0FDQSw0REFBQSxDQU1BLG1DQUFBLENBQ0EsK0JBQUEsQ0FDQSwwQ0FBQSxDQU1BLDRCQUFBLENBQ0EseUJBQUEsQ0FDQSwrQkFBQSxDQUNBLGdDQUFBLENBQ0Esd0JBQUEsQ0FNQSxtQ0FBQSxDQUNBLHFDQUFBLENBQ0Esa0RBQUEsQ0FDQSxxR0FBQSxDQVFBLDZCQUFBLENBQ0EsK0JBQUEsQ0FDQSw0Q0FBQSxDQUNBLCtGQUFBLENBUUEsa0NBQUEsQ0FDQSwyQkFBQSxDQU9BLHNDQUFBLENBQ0EsMENBQUEsQ0FDQSx3Q0FBQSxDQUNBLCtDQUFBLENBR0Esd0NBQUEsQ0FDQSw0Q0FBQSxDQUNBLDBDQUFBLENBQ0EsaURBQUEsQ0FHQSxvQ0FBQSxDQUNBLHdDQUFBLENBQ0Esc0NBQUEsQ0FDQSw2Q0FBQSxDQUdBLHNDQUFBLENBQ0EsMENBQUEsQ0FDQSx3Q0FBQSxDQUNBLCtDQUFBLENBT0Esc0NBQUEsQ0FDQSw0QkFBQSxDQUdBLHdDQUFBLENBQ0EseUNBQUEsQ0FDQSwyRUFBQSxDQUdBLHlEQUFBLENBQ0EsaUVBQUEsQ0FDQSx1Q0FBQSxDQUNBLGdEQUFBLENBR0EsK0RBQUEsQ0FDQSx1RUFBQSxDQUNBLDZDQUFBLENBQ0EsOENBQUEsQ0FDQSx3Q0FBQSxDQUdBLCtCQUFBLENBQ0EseUNBQUEsQ0FDQSxnQ0FBQSxDQUNBLHVDQUFBLENBR0Esd0NBQUEsQ0FDQSwrQ0FBQSxDQU9GLGdCQUNFLG1CQUFBLENBQ0EscUJBQUEsQ0FDQSw2QkFBQSxDQUdBLG1DQUNFLHdDQUFBLENBQ0EsNkJBQUEsQ0FHRixtQ0FDRSx3Q0FBQSxDQUNBLHlCQUFBLENBR0YsbUNBQ0Usd0NBQUEsQ0FDQSw2QkFBQSxDQUlGLHdDQUNFLHlEQUFBLENBQ0EsaUVBQUEsQ0FDQSxtRUFBQSxDQUNBLDJFQUFBLENBQ0EsK0RBQUEsQ0FDQSx1RUFBQSxDQUdGLDBDQUNFLDJEQUFBLENBQ0EsbUVBQUEsQ0FDQSxxRUFBQSxDQUNBLCtFQUFBLENBR0EsaUVBQUEsQ0FDQSx5RUFBQSxDQUdGLHNDQUNFLHVEQUFBLENBQ0EsK0RBQUEsQ0FDQSxpRUFBQSxDQUNBLHlFQUFBLENBQ0EsNkRBQUEsQ0FDQSxxRUFBQSxDQUdGLHdDQUNFLHlEQUFBLENBQ0EsaUVBQUEsQ0FDQSxtRUFBQSxDQUNBLDZFQUFBLENBR0EsK0RBQUEsQ0FDQSx1RUFBQSxDQVFKLG9CQUNFLG1CQUFBLENBQ0Esc0JBQUEsQ0FDQSw2QkFBQSxDQUNBLDZCQUFBLENBT0Ysd0JBQ0UsaUJBQUEsQ0FDQSxtQkFBQSxDQUNBLGtCQUFBLENBQ0Esc0JBQUEsQ0FDQSxhQUFBLENBT0YsZ0JBQ0UsaUJBQUEsQ0FDQSxTQUFBLENBQ0EsMEJBQUEsQ0FDQSwyQkFBQSxDQUNBLFFBQUEsQ0FDQSw2QkFBQSxDQUNBLFNBQUEsQ0FHQSxrREFDRSxxQ0FBQSxDQUNBLGlEQUFBLENBQ0EsbURBQUEsQ0FJRixtRkFDRSx5Q0FBQSxDQUNBLCtDQUFBLENBSUYsNENBQ0UsMkNBQUEsQ0FDQSwyQ0FBQSxDQUVBLGdFQUNFLGlEQUFBLENBQ0EscURBQUEsQ0FHRix5RUFDRSxTQUFBLENBS0osa0RBQ0UsaURBQUEsQ0FDQSxpREFBQSxDQUVBLHNFQUNFLFNBQUEsQ0FHRiwrRUFDRSxrREFBQSxDQUtKLDZEQUVFLHNDQUFBLENBRUEscUdBQ0UsNENBQUEsQ0FDQSxrREFBQSxDQUNBLHdDQUFBLENBQ0Esc0NBQUEsQ0FLSix5RkFDRSxpREFBQSxDQUdGLHFFQUNFLHlEQUFBLENBUUosb0JBQ0UsaUJBQUEsQ0FDQSxtQkFBQSxDQUNBLGtCQUFBLENBQ0Esc0JBQUEsQ0FDQSwwQkFBQSxDQUNBLDJCQUFBLENBQ0EsOEJBQUEsQ0FDQSwrQkFBQSxDQUNBLG1DQUFBLENBQ0EsNkJBQUEsQ0FDQSxvQ0FBQSxDQUNBLHFDQUFBLENBQ0EsbUJBQUEsQ0FPRixvQkFDRSxTQUFBLENBQ0EsVUFBQSxDQUNBLHFDQUFBLENBQ0EseUNBQUEsQ0FDQSw2Q0FBQSxDQUNBLHFDQUFBLENBQ0EsbUJBQUEsQ0FPRiw2QkFDRSxpQkFBQSxDQUNBLDhDQUFBLENBQ0EsZ0RBQUEsQ0FDQSxnREFBQSxDQUNBLCtEQUFBLENBQ0EsU0FBQSxDQUNBLHFDQUFBLENBQ0EsbUJBQUEsQ0FPRixnQkFDRSxtQkFBQSxDQUNBLHNCQUFBLENBQ0Esa0NBQUEsQ0FDQSxvQ0FBQSxDQUNBLGlDQUFBLENBQ0EsbUNBQUEsQ0FDQSx3QkFBQSxDQUFBLHFCQUFBLENBQUEsZ0JBQUEsQ0FDQSxlQUFBLENBR0EsaUZBQUEsQ0FJRixtQkFDRSxvQ0FBQSxDQUNBLHVDQUFBLENBT0Ysc0JBQ0Usd0NBQUEsQ0FDQSx1Q0FBQSxDQUNBLGlFQUFBLENBQ0EscUVBQUEsQ0FDQSxlQUFBLENBT0YsZ0JBQ0Usa0NBQUEsQ0FDQSxpQ0FBQSxDQUNBLDJEQUFBLENBQ0EsK0RBQUEsQ0FDQSxlQUFBLENBUUEsNENBQ0Usc0NBQUEsQ0FDQSx3Q0FBQSxDQUdGLGdEQUNFLHNDQUFBLENBR0YsOEZBRUUsd0NBQUEiLCJmaWxlIjoiY2hlY2tib3gubWluLmNzcyJ9 */

package/libs/components/dialog/dialog.cjs

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkURBGDUFN_cjs = require('../../chunk-URBGDUFN.cjs');
-require('../../chunk-2C3YLBWP.cjs');
+var chunk75YQDONV_cjs = require('../../chunk-75YQDONV.cjs');
+require('../../chunk-AOFQDQVS.cjs');
 require('../../chunk-5CJPTDK3.cjs');
 require('../../chunk-5QSNJQVH.cjs');
 require('../../chunk-PNWIRCG3.cjs');
@@ -14,11 +14,11 @@ require('../../chunk-EJ6KYBFE.cjs');
 
 Object.defineProperty(exports, 'Dialog', {
 	enumerable: true,
-	get: function () { return chunkURBGDUFN_cjs.a; }
+	get: function () { return chunk75YQDONV_cjs.a; }
 });
 Object.defineProperty(exports, 'default', {
 	enumerable: true,
-	get: function () { return chunkURBGDUFN_cjs.b; }
+	get: function () { return chunk75YQDONV_cjs.b; }
 });
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=dialog.cjs.map

package/libs/components/dialog/dialog.js

@@ -1,5 +1,5 @@
-export { a as Dialog, b as default } from '../../chunk-ZF6Y7W57.js';
-import '../../chunk-KDMX3FAW.js';
+export { a as Dialog, b as default } from '../../chunk-G3TFKMWB.js';
+import '../../chunk-Q7OAQLUT.js';
 import '../../chunk-M7JLT62Q.js';
 import '../../chunk-TF3GQKOY.js';
 import '../../chunk-BFK62VX5.js';

package/libs/components/heading/heading.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunk2C3YLBWP_cjs = require('../../chunk-2C3YLBWP.cjs');
+var chunkAOFQDQVS_cjs = require('../../chunk-AOFQDQVS.cjs');
 require('../../chunk-EJ6KYBFE.cjs');
 
 
 
-module.exports = chunk2C3YLBWP_cjs.b;
+module.exports = chunkAOFQDQVS_cjs.b;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=heading.cjs.map

package/libs/components/heading/heading.d.cts

@@ -1,3 +1,3 @@
 import 'react';
-export { c as TitleProps, b as default } from '../../heading-7446cb46.js';
+export { c as TitleProps, b as default } from '../../heading-81eef89a.js';
 import '../../ui-d01b50d4.js';

package/libs/components/heading/heading.d.ts

@@ -1,3 +1,3 @@
 import 'react';
-export { c as TitleProps, b as default } from '../../heading-7446cb46.js';
+export { c as TitleProps, b as default } from '../../heading-81eef89a.js';
 import '../../ui-d01b50d4.js';

package/libs/components/heading/heading.js

@@ -1,4 +1,4 @@
-export { b as default } from '../../chunk-KDMX3FAW.js';
+export { b as default } from '../../chunk-Q7OAQLUT.js';
 import '../../chunk-DDSXKOUB.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=heading.js.map

package/libs/components/title/title.css

@@ -0,0 +1 @@
+:root{--title-size-xs: 0.75rem;--title-size-sm: 0.875rem;--title-size-md: 1rem;--title-size-lg: 1.5rem;--title-size-xl: 2rem;--title-size-2xl: 2.5rem}[data-title]{--title-fs: inherit;--title-fw: 600;--title-lh: 1.2;--title-margin-block-end: 0.5em;--title-color: inherit;font-size:var(--title-fs);font-weight:var(--title-fw);line-height:var(--title-lh);margin-block-end:var(--title-margin-block-end);color:var(--title-color)}[data-title][data-title~=xs]{--title-fs: var(--title-size-xs)}[data-title][data-title~=sm]{--title-fs: var(--title-size-sm)}[data-title][data-title~=md]{--title-fs: var(--title-size-md)}[data-title][data-title~=lg]{--title-fs: var(--title-size-lg)}[data-title][data-title~=xl]{--title-fs: var(--title-size-xl)}[data-title][data-title~="2xl"]{--title-fs: var(--title-size-2xl)}[data-title][data-title~=primary]{--title-color: #1e3a8a}[data-title][data-title~=secondary]{--title-color: #4b5563}[data-title][data-title~=accent]{--title-color: #7c3aed}[data-title][data-title~=muted]{--title-color: #6b7280}[data-title][data-title~=inherit]{--title-color: inherit}[data-title]:focus-visible{outline:2px solid currentColor;outline-offset:2px}/*# sourceMappingURL=title.css.map */

package/libs/components/title/title.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/components/title/title.scss"],"names":[],"mappings":"AAKA,MAEE,yBACA,0BACA,sBACA,wBACA,sBACA,yBAGF,aAEE,oBACA,gBACA,gBACA,gCACA,uBAGA,0BACA,4BACA,4BACA,+CACA,yBAGA,8DACA,8DACA,8DACA,8DACA,8DACA,kEAGA,yDACA,2DACA,wDACA,uDACA,yDAIF,2BACE,+BACA","file":"title.css"}

package/libs/components/title/title.min.css

@@ -0,0 +1,3 @@
+:root{--title-size-xs: 0.75rem;--title-size-sm: 0.875rem;--title-size-md: 1rem;--title-size-lg: 1.5rem;--title-size-xl: 2rem;--title-size-2xl: 2.5rem}[data-title]{--title-fs: inherit;--title-fw: 600;--title-lh: 1.2;--title-margin-block-end: 0.5em;--title-color: inherit;font-size:var(--title-fs);font-weight:var(--title-fw);line-height:var(--title-lh);margin-block-end:var(--title-margin-block-end);color:var(--title-color)}[data-title][data-title~=xs]{--title-fs: var(--title-size-xs)}[data-title][data-title~=sm]{--title-fs: var(--title-size-sm)}[data-title][data-title~=md]{--title-fs: var(--title-size-md)}[data-title][data-title~=lg]{--title-fs: var(--title-size-lg)}[data-title][data-title~=xl]{--title-fs: var(--title-size-xl)}[data-title][data-title~="2xl"]{--title-fs: var(--title-size-2xl)}[data-title][data-title~=primary]{--title-color: #1e3a8a}[data-title][data-title~=secondary]{--title-color: #4b5563}[data-title][data-title~=accent]{--title-color: #7c3aed}[data-title][data-title~=muted]{--title-color: #6b7280}[data-title][data-title~=inherit]{--title-color: inherit}[data-title]:focus-visible{outline:2px solid currentColor;outline-offset:2px}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3RpdGxlL3RpdGxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0EsTUFFRSx3QkFBQSxDQUNBLHlCQUFBLENBQ0EscUJBQUEsQ0FDQSx1QkFBQSxDQUNBLHFCQUFBLENBQ0Esd0JBQUEsQ0FHRixhQUVFLG1CQUFBLENBQ0EsZUFBQSxDQUNBLGVBQUEsQ0FDQSwrQkFBQSxDQUNBLHNCQUFBLENBR0EseUJBQUEsQ0FDQSwyQkFBQSxDQUNBLDJCQUFBLENBQ0EsOENBQUEsQ0FDQSx3QkFBQSxDQUdBLDZCQUFBLGdDQUFBLENBQ0EsNkJBQUEsZ0NBQUEsQ0FDQSw2QkFBQSxnQ0FBQSxDQUNBLDZCQUFBLGdDQUFBLENBQ0EsNkJBQUEsZ0NBQUEsQ0FDQSxnQ0FBQSxpQ0FBQSxDQUdBLGtDQUFBLHNCQUFBLENBQ0Esb0NBQUEsc0JBQUEsQ0FDQSxpQ0FBQSxzQkFBQSxDQUNBLGdDQUFBLHNCQUFBLENBQ0Esa0NBQUEsc0JBQUEsQ0FJRiwyQkFDRSw4QkFBQSxDQUNBLGtCQUFBIiwiZmlsZSI6InRpdGxlLm1pbi5jc3MifQ== */

package/libs/{heading-7446cb46.d.ts → heading-81eef89a.d.ts}

@@ -20,6 +20,16 @@ import { U as UI } from './ui-d01b50d4.js';
  * <Title level="h4">Skipped h2 and h3</Title>
  */
 type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+/**
+ * Visual size variants for Title component.
+ * Independent of semantic heading level for flexible design.
+ */
+type TitleSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+/**
+ * Color variants for Title component.
+ * All variants meet WCAG 2.1 AA contrast requirements (4.5:1 minimum).
+ */
+type TitleColor = "primary" | "secondary" | "accent" | "muted" | "inherit";
 /**
  * Props for the Title component.
  *
@@ -88,6 +98,38 @@ type TitleProps$1 = {
      * utility classes or custom overrides.
      */
     className?: string;
+    /**
+     * Visual size variant (independent of semantic heading level).
+     *
+     * @default undefined (uses browser default or custom CSS)
+     *
+     * @remarks
+     * Choose the appropriate visual size based on design needs:
+     * - xs: 0.75rem (12px) - Very small accent headings
+     * - sm: 0.875rem (14px) - Small headings
+     * - md: 1rem (16px) - Medium headings
+     * - lg: 1.5rem (24px) - Large headings
+     * - xl: 2rem (32px) - Extra large headings
+     * - 2xl: 2.5rem (40px) - Largest headings
+     *
+     * Visual size is independent of semantic level, allowing design
+     * flexibility while maintaining proper document structure.
+     */
+    size?: TitleSize;
+    /**
+     * Color variant for the title text.
+     *
+     * @default undefined (inherits color from parent)
+     *
+     * @remarks
+     * All color variants meet WCAG 2.1 Level AA contrast requirements (4.5:1 minimum):
+     * - primary: Dark blue (#1e3a8a) - 8.59:1 contrast
+     * - secondary: Gray (#4b5563) - 7.56:1 contrast
+     * - accent: Purple (#7c3aed) - 4.62:1 contrast
+     * - muted: Light gray (#6b7280) - 5.49:1 contrast
+     * - inherit: Inherits color from parent element
+     */
+    color?: TitleColor;
 } & React.ComponentPropsWithoutRef<typeof UI>;
 /**
  * Title - A semantic heading component for document structure and hierarchy.

package/libs/index.cjs

@@ -3,12 +3,12 @@
 var chunkAFINOD2L_cjs = require('./chunk-AFINOD2L.cjs');
 var chunk6BUJZ4DJ_cjs = require('./chunk-6BUJZ4DJ.cjs');
 var chunkTNEJXNZA_cjs = require('./chunk-TNEJXNZA.cjs');
-var chunkURBGDUFN_cjs = require('./chunk-URBGDUFN.cjs');
+var chunk75YQDONV_cjs = require('./chunk-75YQDONV.cjs');
 var chunkNCGVF2QS_cjs = require('./chunk-NCGVF2QS.cjs');
 var chunkEKJYOCLY_cjs = require('./chunk-EKJYOCLY.cjs');
 var chunkNZVSXRTB_cjs = require('./chunk-NZVSXRTB.cjs');
 var chunkNPWHQVYB_cjs = require('./chunk-NPWHQVYB.cjs');
-var chunk2C3YLBWP_cjs = require('./chunk-2C3YLBWP.cjs');
+var chunkAOFQDQVS_cjs = require('./chunk-AOFQDQVS.cjs');
 var chunkLXODKKA3_cjs = require('./chunk-LXODKKA3.cjs');
 require('./chunk-PDD4N5P5.cjs');
 var chunk5CJPTDK3_cjs = require('./chunk-5CJPTDK3.cjs');
@@ -18,16 +18,16 @@ var chunk5QSNJQVH_cjs = require('./chunk-5QSNJQVH.cjs');
 var chunk4BZKFPEC_cjs = require('./chunk-4BZKFPEC.cjs');
 var chunkE2AJURUW_cjs = require('./chunk-E2AJURUW.cjs');
 require('./chunk-PNWIRCG3.cjs');
-require('./chunk-TON2YGMD.cjs');
+var chunkTON2YGMD_cjs = require('./chunk-TON2YGMD.cjs');
 var chunk2GJHKWEK_cjs = require('./chunk-2GJHKWEK.cjs');
 var chunkEJ6KYBFE_cjs = require('./chunk-EJ6KYBFE.cjs');
-var P = require('react');
+var C = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var P__default = /*#__PURE__*/_interopDefault(P);
+var C__default = /*#__PURE__*/_interopDefault(C);
 
-var He={default:"",info:"Information: ",success:"Success: ",warning:"Warning: ",error:"Error: "},H=({severity:e})=>{let t=He[e];return t?P__default.default.createElement("span",{className:"sr-only"},t):null};var je=(e,t)=>({info:P__default.default.createElement(chunk5CJPTDK3_cjs.b.InfoSolid,{...t}),success:P__default.default.createElement(chunk5CJPTDK3_cjs.b.SuccessSolid,{...t}),warning:P__default.default.createElement(chunk5CJPTDK3_cjs.b.WarnSolid,{...t}),error:P__default.default.createElement(chunk5CJPTDK3_cjs.b.AlertSolid,{...t}),default:P__default.default.createElement(chunk5CJPTDK3_cjs.b.AlertSquareSolid,{...t})})[e],j=({severity:e,iconProps:t,hideIcon:o})=>{if(o)return null;let s=je(e,t);return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{"aria-hidden":"true",className:"alert-icon"},s)};var z=({title:e,titleLevel:t})=>{if(!e)return null;let o=t?`h${t}`:"strong";return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,className:"alert-title"},e)};var O=({children:e,contentType:t})=>t==="node"?P__default.default.createElement(P__default.default.Fragment,null,e):P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"p"},e);var J=({actions:e})=>e?P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",className:"alert-actions"},e):null;var Z=P__default.default.memo(({onDismiss:e,iconSize:t=16})=>P__default.default.createElement(chunk5QSNJQVH_cjs.b,{type:"button",onClick:e,"aria-label":"Close alert",className:"alert-dismiss","data-btn":"icon sm"},P__default.default.createElement(chunk5CJPTDK3_cjs.b,null,P__default.default.createElement(chunk5CJPTDK3_cjs.b.Close,{size:t})))),ee=Z;Z.displayName="DismissButton";var Oe={default:"polite",info:"polite",success:"polite",warning:"polite",error:"assertive"},B=P__default.default.forwardRef(({severity:e,variant:t,isVisible:o,dismissible:s,onDismiss:r,onInteractionStart:i,onInteractionEnd:a,autoFocus:l,title:c,titleLevel:y,children:u,contentType:f,actions:S,hideIcon:g,iconProps:I,...m},x)=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",ref:x,role:"alert","aria-live":Oe[e],"aria-atomic":"true",className:`alert alert-${e}`,"data-alert":e,"data-visible":o,"data-variant":t,tabIndex:l?-1:void 0,onMouseEnter:i,onMouseLeave:a,onFocus:i,onBlur:a,...m},P__default.default.createElement(H,{severity:e}),P__default.default.createElement(j,{severity:e,iconProps:I,hideIcon:g}),P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",className:"alert-message"},P__default.default.createElement(z,{title:c,titleLevel:y}),P__default.default.createElement(O,{contentType:f},u),P__default.default.createElement(J,{actions:S})),s&&P__default.default.createElement(ee,{onDismiss:r})));B.displayName="AlertView";var Je=({open:e,onDismiss:t,dismissible:o,autoHideDuration:s,pauseOnHover:r,autoFocus:i,alertRef:a})=>{let[l,c]=P__default.default.useState(e),[y,u]=P__default.default.useState(e),[f,S]=P__default.default.useState(!1),g=P__default.default.useCallback(()=>{c(!1),setTimeout(()=>{u(!1),t?.();},300);},[t]);P__default.default.useEffect(()=>{e?(u(!0),c(!0)):c(!1);},[e]),P__default.default.useEffect(()=>{if(!s||!l||f)return;let x=setTimeout(()=>{g();},s);return ()=>clearTimeout(x)},[s,l,f,g]),P__default.default.useEffect(()=>{if(!o||!l)return;let x=h=>{h.key==="Escape"&&g();};return document.addEventListener("keydown",x),()=>document.removeEventListener("keydown",x)},[o,l,g]),P__default.default.useEffect(()=>{i&&l&&a.current&&a.current.focus();},[i,l,a]);let I=P__default.default.useCallback(()=>{r&&s&&S(!0);},[r,s]),m=P__default.default.useCallback(()=>{r&&s&&S(!1);},[r,s]);return {isVisible:l,shouldRender:y,handleDismiss:g,handleInteractionStart:I,handleInteractionEnd:m}},te=({open:e,severity:t="default",children:o,title:s,dismissible:r=!1,onDismiss:i,iconSize:a,iconProps:l,hideIcon:c,autoHideDuration:y,pauseOnHover:u=!0,titleLevel:f=3,actions:S,autoFocus:g=!1,variant:I="outlined",contentType:m="text",...x})=>{let h=P__default.default.useRef(null),{isVisible:p,shouldRender:d,handleDismiss:U,handleInteractionStart:b,handleInteractionEnd:G}=Je({open:e,onDismiss:i,dismissible:r,autoHideDuration:y,pauseOnHover:u,autoFocus:g,alertRef:h});if(!d)return null;let D={size:a||16,...l};return P__default.default.createElement(B,{ref:h,severity:t,variant:I,isVisible:p,dismissible:r,onDismiss:U,onInteractionStart:b,onInteractionEnd:G,autoFocus:g,title:s,titleLevel:f,contentType:m,actions:S,hideIcon:c,iconProps:D,...x},o)};te.displayName="Alert";var oe=({src:e="//",alt:t,width:o=480,height:s,styles:r,loading:i="lazy",placeholder:a,fetchpriority:l="low",decoding:c="auto",srcSet:y,sizes:u,onError:f,onLoad:S,...g})=>{let I=P.useMemo(()=>{let p=typeof o=="number"?o:480,d=typeof s=="number"?s:Math.round(p*.75),U=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${p} ${d}">
+var tt={default:"",info:"Information: ",success:"Success: ",warning:"Warning: ",error:"Error: "},_=({severity:e})=>{let t=tt[e];return t?C__default.default.createElement("span",{className:"sr-only"},t):null};var ot=(e,t)=>({info:C__default.default.createElement(chunk5CJPTDK3_cjs.b.InfoSolid,{...t}),success:C__default.default.createElement(chunk5CJPTDK3_cjs.b.SuccessSolid,{...t}),warning:C__default.default.createElement(chunk5CJPTDK3_cjs.b.WarnSolid,{...t}),error:C__default.default.createElement(chunk5CJPTDK3_cjs.b.AlertSolid,{...t}),default:C__default.default.createElement(chunk5CJPTDK3_cjs.b.AlertSquareSolid,{...t})})[e],q=({severity:e,iconProps:t,hideIcon:o})=>{if(o)return null;let s=ot(e,t);return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{"aria-hidden":"true",className:"alert-icon"},s)};var W=({title:e,titleLevel:t})=>{if(!e)return null;let o=t?`h${t}`:"strong";return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,className:"alert-title"},e)};var K=({children:e,contentType:t})=>t==="node"?C__default.default.createElement(C__default.default.Fragment,null,e):C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"p"},e);var X=({actions:e})=>e?C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",className:"alert-actions"},e):null;var ie=C__default.default.memo(({onDismiss:e,iconSize:t=16})=>C__default.default.createElement(chunk5QSNJQVH_cjs.b,{type:"button",onClick:e,"aria-label":"Close alert",className:"alert-dismiss","data-btn":"icon sm"},C__default.default.createElement(chunk5CJPTDK3_cjs.b,null,C__default.default.createElement(chunk5CJPTDK3_cjs.b.Close,{size:t})))),ae=ie;ie.displayName="DismissButton";var nt={default:"polite",info:"polite",success:"polite",warning:"polite",error:"assertive"},H=C__default.default.forwardRef(({severity:e,variant:t,isVisible:o,dismissible:s,onDismiss:r,onInteractionStart:i,onInteractionEnd:a,autoFocus:l,title:c,titleLevel:u,children:x,contentType:f,actions:b,hideIcon:y,iconProps:v,...m},h)=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",ref:h,role:"alert","aria-live":nt[e],"aria-atomic":"true",className:`alert alert-${e}`,"data-alert":e,"data-visible":o,"data-variant":t,tabIndex:l?-1:void 0,onMouseEnter:i,onMouseLeave:a,onFocus:i,onBlur:a,...m},C__default.default.createElement(_,{severity:e}),C__default.default.createElement(q,{severity:e,iconProps:v,hideIcon:y}),C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",className:"alert-message"},C__default.default.createElement(W,{title:c,titleLevel:u}),C__default.default.createElement(K,{contentType:f},x),C__default.default.createElement(X,{actions:b})),s&&C__default.default.createElement(ae,{onDismiss:r})));H.displayName="AlertView";var it=({open:e,onDismiss:t,dismissible:o,autoHideDuration:s,pauseOnHover:r,autoFocus:i,alertRef:a})=>{let[l,c]=C__default.default.useState(e),[u,x]=C__default.default.useState(e),[f,b]=C__default.default.useState(!1),y=C__default.default.useCallback(()=>{c(!1),setTimeout(()=>{x(!1),t?.();},300);},[t]);C__default.default.useEffect(()=>{e?(x(!0),c(!0)):c(!1);},[e]),C__default.default.useEffect(()=>{if(!s||!l||f)return;let h=setTimeout(()=>{y();},s);return ()=>clearTimeout(h)},[s,l,f,y]),C__default.default.useEffect(()=>{if(!o||!l)return;let h=g=>{g.key==="Escape"&&y();};return document.addEventListener("keydown",h),()=>document.removeEventListener("keydown",h)},[o,l,y]),C__default.default.useEffect(()=>{i&&l&&a.current&&a.current.focus();},[i,l,a]);let v=C__default.default.useCallback(()=>{r&&s&&b(!0);},[r,s]),m=C__default.default.useCallback(()=>{r&&s&&b(!1);},[r,s]);return {isVisible:l,shouldRender:u,handleDismiss:y,handleInteractionStart:v,handleInteractionEnd:m}},le=({open:e,severity:t="default",children:o,title:s,dismissible:r=!1,onDismiss:i,iconSize:a,iconProps:l,hideIcon:c,autoHideDuration:u,pauseOnHover:x=!0,titleLevel:f=3,actions:b,autoFocus:y=!1,variant:v="outlined",contentType:m="text",...h})=>{let g=C__default.default.useRef(null),{isVisible:p,shouldRender:d,handleDismiss:E,handleInteractionStart:I,handleInteractionEnd:U}=it({open:e,onDismiss:i,dismissible:r,autoHideDuration:u,pauseOnHover:x,autoFocus:y,alertRef:g});if(!d)return null;let $={size:a||16,...l};return C__default.default.createElement(H,{ref:g,severity:t,variant:v,isVisible:p,dismissible:r,onDismiss:E,onInteractionStart:I,onInteractionEnd:U,autoFocus:y,title:s,titleLevel:f,contentType:m,actions:b,hideIcon:c,iconProps:$,...h},o)};le.displayName="Alert";var pe=C__default.default.forwardRef(({id:e,label:t,children:o,size:s="md",color:r="primary",labelPosition:i="right",description:a,errorMessage:l,validationState:c="none",checked:u,defaultChecked:x,indeterminate:f=!1,disabled:b,required:y=!1,name:v,value:m,classes:h,styles:g,onChange:p,onBlur:d,onFocus:E,...I},U)=>{let $=C.useRef(null);C__default.default.useImperativeHandle(U,()=>$.current);let ee=u!==void 0,Le=ee?u:void 0,Ue=ee?void 0:x,{disabledProps:te,handlers:Be}=chunkTON2YGMD_cjs.a(b,{handlers:{onChange:p,onBlur:d},className:h});C.useEffect(()=>{$.current&&($.current.indeterminate=f);},[f]);let O=c==="invalid",A=[];a&&e&&A.push(`${e}-description`),l&&e&&O&&A.push(`${e}-error`);let Me=A.length>0?A.join(" "):void 0,Ae=[s,r].filter(Boolean).join(" ")||void 0,R=o||t,Re=["checkbox-wrapper",te.className||""].filter(Boolean).join(" ");return C__default.default.createElement("div",{className:Re,"data-checkbox":Ae,style:g},C__default.default.createElement("div",{className:"checkbox-container"},i==="left"&&R&&C__default.default.createElement("label",{htmlFor:e,className:"checkbox-label"},R,y&&C__default.default.createElement("span",{className:"checkbox-required","aria-label":"required"}," ","*")),C__default.default.createElement("div",{className:"checkbox-input-wrapper"},C__default.default.createElement("input",{ref:$,type:"checkbox",id:e,name:v,value:m,checked:Le,defaultChecked:Ue,className:"checkbox-input","aria-disabled":te["aria-disabled"],"aria-invalid":O,"aria-required":y,"aria-describedby":Me,"data-validation":c,...Be,onFocus:E,...I}),C__default.default.createElement("span",{className:"checkbox-indicator","aria-hidden":"true"},C__default.default.createElement("svg",{className:"checkbox-checkmark",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C__default.default.createElement("path",{d:"M13.5 4.5L6 12L2.5 8.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})),C__default.default.createElement("span",{className:"checkbox-indeterminate-dash"}))),i==="right"&&R&&C__default.default.createElement("label",{htmlFor:e,className:"checkbox-label"},R,y&&C__default.default.createElement("span",{className:"checkbox-required","aria-label":"required"}," ","*"))),a&&C__default.default.createElement("div",{id:`${e}-description`,className:"checkbox-description"},a),l&&O&&C__default.default.createElement("div",{id:`${e}-error`,className:"checkbox-error",role:"alert","aria-live":"polite"},l))});pe.displayName="Checkbox";var ce=({src:e="//",alt:t,width:o=480,height:s,styles:r,loading:i="lazy",placeholder:a,fetchpriority:l="low",decoding:c="auto",srcSet:u,sizes:x,onError:f,onLoad:b,...y})=>{let v=C.useMemo(()=>{let p=typeof o=="number"?o:480,d=typeof s=="number"?s:Math.round(p*.75),E=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${p} ${d}">
       <defs>
         <linearGradient id="grad-${p}-${d}" x1="0%" y1="0%" x2="100%" y2="100%">
           <stop offset="0%" style="stop-color:#6366f1;stop-opacity:1" />
@@ -39,7 +39,7 @@ var He={default:"",info:"Information: ",success:"Success: ",warning:"Warning: ",
       <circle cx="${p*.15}" cy="${d*.2}" r="${Math.min(p,d)*.08}" fill="rgba(255,255,255,0.2)"/>
       <path d="M0,${d*.75} Q${p*.25},${d*.65} ${p*.5},${d*.75} T${p},${d*.75} L${p},${d} L0,${d} Z" fill="rgba(0,0,0,0.15)"/>
       <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="system-ui,-apple-system,sans-serif" font-size="${Math.max(16,Math.min(p,d)*.05)}" font-weight="500" fill="rgba(255,255,255,0.9)">${p}\xD7${d}</text>
-    </svg>`;return `data:image/svg+xml,${encodeURIComponent(U)}`},[o,s]),m=a??I;return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"img",src:e,alt:t,width:o,height:s||"auto",loading:i,style:r,srcSet:y,sizes:u,onError:p=>{f&&f(p),p.defaultPrevented||p.currentTarget.src!==m&&(p.currentTarget.src=m);},onLoad:p=>{S?.(p);},decoding:c,...g,...l&&{fetchpriority:l}})};oe.displayName="Img";var se=e=>{let[t,o]=P.useState([]),[s,r]=P.useState(e),[i,a]=P.useState(!1),[l,c]=P.useState(!1);return P.useEffect(()=>{let m=()=>{let x=window.speechSynthesis.getVoices();o(x);let h=x.find(p=>p.name==="Google US English");if(h)r(h);else {let p=x.find(d=>d.lang.startsWith("en-"));p&&r(p);}};return m(),window.speechSynthesis.onvoiceschanged=m,()=>{window.speechSynthesis.onvoiceschanged=null;}},[]),{speak:(m,x={},h)=>{let p=new SpeechSynthesisUtterance(m);p.lang=x.lang??"en-US",p.pitch=x.pitch??1,p.rate=x.rate??1,p.voice=s??x.voice??null,p.onend=()=>{a(!1),c(!1),h&&h();},"speechSynthesis"in window?(window.speechSynthesis.speak(p),a(!0),c(!1)):a(!1);},pause:()=>{i&&!l&&(window.speechSynthesis.pause(),c(!0));},resume:()=>{i&&l&&(window.speechSynthesis.resume(),c(!1));},cancel:()=>{i&&(window.speechSynthesis.cancel(),a(!1),c(!1));},isSpeaking:i,isPaused:l,availableVoices:t,changeVoice:m=>{r(m);},currentVoice:s,getAvailableLanguages:()=>[...new Set(t.map(m=>m.lang))]}};var qe=({children:e,onClick:t})=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"button",type:"button",className:"tts-border","data-btn":"sm text pill",onClick:t},e),k=P__default.default.memo(qe),W=({label:e,isSpeaking:t,isPaused:o,onSpeak:s,onPause:r,onResume:i,onCancel:a})=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div","data-tts":!0},e&&P__default.default.createElement("p",null,e),!t&&P__default.default.createElement(k,{"aria-label":"Speak",onClick:s},P__default.default.createElement(chunk5CJPTDK3_cjs.b.PlaySolid,{size:16})),t&&!o&&P__default.default.createElement(k,{"aria-label":"Pause",onClick:r},P__default.default.createElement(chunk5CJPTDK3_cjs.b.PauseSolid,{size:16})),o&&P__default.default.createElement(k,{"aria-label":"Resume",onClick:i},P__default.default.createElement(chunk5CJPTDK3_cjs.b.ResumeSolid,{size:16})),P__default.default.createElement(k,{"aria-label":"Stop",onClick:a},P__default.default.createElement(chunk5CJPTDK3_cjs.b.StopSolid,{size:16})));W.displayName="TextToSpeechControls";W.TTSButton=k;var re=W;var ne=({initialText:e="",showTextInput:t=!1,voice:o,pitch:s=1,rate:r=1,label:i,onEnd:a})=>{let{speak:l,pause:c,resume:y,cancel:u,isSpeaking:f,isPaused:S}=se(),[g,I]=P.useState(e);P.useEffect(()=>{I(e);},[e]);let m=()=>{g.trim()!==""&&l(g,{voice:o,pitch:s,rate:r},h);},x=p=>{I(p.target.value);},h=()=>{a&&a();};return P__default.default.createElement(P__default.default.Fragment,null,t&&P__default.default.createElement(chunkAFINOD2L_cjs.b,{value:g,onChange:x}),P__default.default.createElement(re,{label:i,isSpeaking:f,isPaused:S,onSpeak:m,onPause:c,onResume:y,onCancel:u}))};ne.displayName="TextToSpeechComponent";var $=e=>P__default.default.createElement(P__default.default.Fragment,null,e),Ze=({id:e,children:t,headerBackground:o,styles:s,classes:r,...i})=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"header",id:e,styles:s,className:r,...i},o,P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},t)),et=({id:e,children:t,styles:o,classes:s,...r})=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"main",id:e,styles:o,...r,className:s},t),tt=({id:e,classes:t,children:o,styles:s={},...r})=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"footer",id:e,className:t,styles:s,...r},P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},o||"Copyright \xA9 2022")),ot=({id:e,children:t,styles:o={},classes:s,...r})=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"aside",id:e,styles:o,className:s,...r},P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},t)),st=({id:e,children:t,styles:o,classes:s,...r})=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section",id:e,styles:o,className:s,...r},t),rt=({id:e,children:t,styles:o,classes:s,...r})=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"article",id:e,styles:o,className:s,...r},t);$.displayName="Landmarks";$.Header=Ze;$.Main=et;$.Footer=tt;$.Aside=ot;$.Section=st;$.Article=rt;var ae=P__default.default.forwardRef(({padding:e,paddingInline:t,paddingBlock:o,margin:s,marginInline:r,marginBlock:i,width:a,maxWidth:l,radius:c,as:y="div",className:u,classes:f,children:S,...g},I)=>{let m=[];e&&m.push(`box-padding-${e}`),t&&m.push(`box-padding-inline-${t}`),o&&m.push(`box-padding-block-${o}`),s&&m.push(`box-margin-${s}`),r&&m.push(`box-margin-inline-${r}`),i&&m.push(`box-margin-block-${i}`),a&&m.push(`box-width-${a}`),l&&m.push(`box-max-width-${l}`),c&&m.push(`box-radius-${c}`);let x=[...m,u,f].filter(Boolean).join(" ");return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:y,ref:I,classes:x||void 0,...g},S)});ae.displayName="Box";var pe=P__default.default.forwardRef(({gap:e,direction:t="vertical",align:o,justify:s,wrap:r,as:i="div",className:a,classes:l,children:c,...y},u)=>{let f=["stack"];t==="horizontal"?f.push("stack-horizontal"):f.push("stack-vertical"),e&&f.push(`stack-gap-${e}`),o&&f.push(`stack-align-${o}`),s&&f.push(`stack-justify-${s}`),r&&f.push(`stack-${r}`);let S=[...f,a,l].filter(Boolean).join(" ");return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:i,ref:u,classes:S,...y},c)});pe.displayName="Stack";var fe=P__default.default.forwardRef(({gap:e,justify:t,align:o,as:s="div",className:r,classes:i,children:a,...l},c)=>{let y=["cluster"];e&&y.push(`cluster-gap-${e}`),t&&y.push(`cluster-justify-${t}`),o&&y.push(`cluster-align-${o}`);let u=[...y,r,i].filter(Boolean).join(" ");return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:s,ref:c,classes:u,...l},a)});fe.displayName="Cluster";var me=P__default.default.forwardRef(({columns:e,auto:t,minColumnWidth:o,gap:s,gapX:r,gapY:i,justifyItems:a,alignItems:l,as:c="div",className:y,classes:u,children:f,style:S,styles:g,...I},m)=>{let x=["grid"];e&&x.push(`grid-cols-${e}`),t&&x.push(`grid-auto-${t}`),s&&x.push(`grid-gap-${s}`),r&&x.push(`grid-gap-x-${r}`),i&&x.push(`grid-gap-y-${i}`),a&&x.push(`grid-justify-items-${a}`),l&&x.push(`grid-align-items-${l}`);let h=[...x,y,u].filter(Boolean).join(" "),p={...S||{},...g||{}};return t&&o&&(p.gridTemplateColumns=`repeat(auto-${t}, minmax(${o}, 1fr))`),P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:c,ref:m,classes:h,style:Object.keys(p).length>0?p:void 0,...I},f)});me.displayName="Grid";var K=P__default.default.forwardRef(({span:e,rowSpan:t,as:o="div",className:s,classes:r,children:i,...a},l)=>{let c=[];e&&c.push(`grid-col-span-${e}`),t&&c.push(`grid-row-span-${t}`);let y=[...c,s,r].filter(Boolean).join(" ");return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,ref:l,classes:y,...a},i)});K.displayName="GridItem";var de=me;de.Item=K;var nt=de;var xe=P__default.default.forwardRef(({gap:e,justify:t,align:o,wrap:s,alwaysProportional:r=!1,as:i="div",className:a,classes:l,children:c,...y},u)=>{process.env.NODE_ENV==="development"&&r&&console.warn('[fpkit] Row: alwaysProportional is deprecated and will be removed in v5.0.0. Use responsive column utilities instead: className="col-sm-6 col-md-4"');let f=["col-row"];e&&f.push(`col-row-gap-${e}`),t&&f.push(`col-row-justify-${t}`),o&&f.push(`col-row-align-${o}`),s&&s!=="wrap"&&f.push(`col-row-${s}`),r&&f.push("col-row-proportional");let S=[...f,a,l].filter(Boolean).join(" ");return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:i,ref:u,classes:S,...y},c)});xe.displayName="Row";var he=P__default.default.forwardRef(({span:e,offset:t,order:o,auto:s=!1,as:r="div",className:i,classes:a,children:l,...c},y)=>{let u=[];s?u.push("col-auto"):e==="flex"?u.push("col-flex"):e&&u.push(`col-${e}`),t!==void 0&&u.push(`col-offset-${t}`),o!==void 0&&u.push(`col-order-${o}`);let f=[...u,i,a].filter(Boolean).join(" ");return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:r,ref:y,classes:f,...c},l)});he.displayName="Col";var N=(e,t="")=>{let o=[];if(e.direction){let s={row:"flex-row","row-reverse":"flex-row-reverse",column:"flex-col","column-reverse":"flex-col-reverse"};o.push(`${t}${s[e.direction]}`);}if(e.wrap){let s={wrap:"flex-wrap",nowrap:"flex-nowrap","wrap-reverse":"flex-wrap-reverse"};o.push(`${t}${s[e.wrap]}`);}if(e.gap&&o.push(`${t}gap-${e.gap}`),e.rowGap&&o.push(`${t}row-gap-${e.rowGap}`),e.colGap&&o.push(`${t}col-gap-${e.colGap}`),e.justify){let s={start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly"};o.push(`${t}${s[e.justify]}`);}if(e.align){let s={start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline",stretch:"items-stretch"};o.push(`${t}${s[e.align]}`);}if(e.alignContent){let s={start:"content-start",end:"content-end",center:"content-center",between:"content-between",around:"content-around",evenly:"content-evenly",stretch:"content-stretch"};o.push(`${t}${s[e.alignContent]}`);}return o},ge=P__default.default.forwardRef((e,t)=>{let{variant:o,inline:s=!1,as:r="div",className:i="",styles:a,children:l,sm:c,md:y,lg:u,xl:f,direction:S,wrap:g,gap:I,rowGap:m,colGap:x,justify:h,align:p,alignContent:d,...U}=e,b=[];if(b.push(s?"flex-inline":"flex"),o){let D={center:"flex-center",between:"flex-between",around:"flex-around",stack:"flex-stack",spread:"flex-spread"};b.push(D[o]);}b.push(...N({direction:S,wrap:g,gap:I,rowGap:m,colGap:x,justify:h,align:p,alignContent:d})),c&&b.push(...N(c,"sm:")),y&&b.push(...N(y,"md:")),u&&b.push(...N(u,"lg:")),f&&b.push(...N(f,"xl:"));let G=[...b,i].filter(Boolean).join(" ");return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:r,ref:t,classes:G,styles:a,...U},l)});ge.displayName="Flex";var Se=P__default.default.forwardRef((e,t)=>{let{grow:o,shrink:s,basis:r,flex:i,alignSelf:a,order:l,as:c="div",className:y="",styles:u,children:f,sm:S,md:g,lg:I,xl:m,...x}=e,h=[];if(i){let d={1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"};h.push(d[i]);}if(o!==void 0&&h.push(`flex-grow-${o}`),s!==void 0&&h.push(`flex-shrink-${s}`),r){let d={auto:"flex-basis-auto",0:"flex-basis-0",full:"flex-basis-full"};h.push(d[r]);}if(a){let d={auto:"self-auto",start:"self-start",end:"self-end",center:"self-center",baseline:"self-baseline",stretch:"self-stretch"};h.push(d[a]);}if(l){let d={first:"order-first",last:"order-last",none:"order-none"};h.push(d[l]);}if(S?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`sm:${d[S.flex]}`);}if(g?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`md:${d[g.flex]}`);}if(I?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`lg:${d[I.flex]}`);}if(m?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`xl:${d[m.flex]}`);}let p=[...h,y].filter(Boolean).join(" ");return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:c,ref:t,classes:p,styles:u,...x},f)});Se.displayName="Flex.Item";var Ie=P__default.default.forwardRef((e,t)=>{let{as:o="div",className:s="",styles:r,...i}=e,a=["flex-1",s].filter(Boolean).join(" ");return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,ref:t,classes:a,styles:r,...i})});Ie.displayName="Flex.Spacer";var X=ge;X.Item=Se;X.Spacer=Ie;var it=X;var Pe=({id:e,styles:t,classes:o,children:s,variant:r,...i})=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"sup",id:e,styles:t,className:o,"data-badge":r||void 0,role:"status",...i},P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"span"},s));Pe.displayName="Badge";var lt=({elm:e="span",role:t="note",variant:o,children:s,styles:r,...i})=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:e,role:t,"data-tag":o||void 0,styles:r,...i},s);lt.displayName="Tag";var pt=P__default.default.forwardRef(({summary:e,icon:t,styles:o,classes:s,ariaLabel:r,name:i,open:a,onPointerDown:l,onToggle:c,children:y,...u},f)=>{let S=P.useCallback(I=>{l?.(I);},[l]),g=P.useCallback(I=>{c?.(I);},[c]);return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"details",styles:o,classes:s,onToggle:g,ref:f,open:a,"aria-label":r,name:i,...u},P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"summary",onPointerDown:S},t,e),P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},y))});pt.displayName="Details";
+    </svg>`;return `data:image/svg+xml,${encodeURIComponent(E)}`},[o,s]),m=a??v;return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"img",src:e,alt:t,width:o,height:s||"auto",loading:i,style:r,srcSet:u,sizes:x,onError:p=>{f&&f(p),p.defaultPrevented||p.currentTarget.src!==m&&(p.currentTarget.src=m);},onLoad:p=>{b?.(p);},decoding:c,...y,...l&&{fetchpriority:l}})};ce.displayName="Img";var fe=e=>{let[t,o]=C.useState([]),[s,r]=C.useState(e),[i,a]=C.useState(!1),[l,c]=C.useState(!1);return C.useEffect(()=>{let m=()=>{let h=window.speechSynthesis.getVoices();o(h);let g=h.find(p=>p.name==="Google US English");if(g)r(g);else {let p=h.find(d=>d.lang.startsWith("en-"));p&&r(p);}};return m(),window.speechSynthesis.onvoiceschanged=m,()=>{window.speechSynthesis.onvoiceschanged=null;}},[]),{speak:(m,h={},g)=>{let p=new SpeechSynthesisUtterance(m);p.lang=h.lang??"en-US",p.pitch=h.pitch??1,p.rate=h.rate??1,p.voice=s??h.voice??null,p.onend=()=>{a(!1),c(!1),g&&g();},"speechSynthesis"in window?(window.speechSynthesis.speak(p),a(!0),c(!1)):a(!1);},pause:()=>{i&&!l&&(window.speechSynthesis.pause(),c(!0));},resume:()=>{i&&l&&(window.speechSynthesis.resume(),c(!1));},cancel:()=>{i&&(window.speechSynthesis.cancel(),a(!1),c(!1));},isSpeaking:i,isPaused:l,availableVoices:t,changeVoice:m=>{r(m);},currentVoice:s,getAvailableLanguages:()=>[...new Set(t.map(m=>m.lang))]}};var mt=({children:e,onClick:t})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"button",type:"button",className:"tts-border","data-btn":"sm text pill",onClick:t},e),B=C__default.default.memo(mt),Q=({label:e,isSpeaking:t,isPaused:o,onSpeak:s,onPause:r,onResume:i,onCancel:a})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div","data-tts":!0},e&&C__default.default.createElement("p",null,e),!t&&C__default.default.createElement(B,{"aria-label":"Speak",onClick:s},C__default.default.createElement(chunk5CJPTDK3_cjs.b.PlaySolid,{size:16})),t&&!o&&C__default.default.createElement(B,{"aria-label":"Pause",onClick:r},C__default.default.createElement(chunk5CJPTDK3_cjs.b.PauseSolid,{size:16})),o&&C__default.default.createElement(B,{"aria-label":"Resume",onClick:i},C__default.default.createElement(chunk5CJPTDK3_cjs.b.ResumeSolid,{size:16})),C__default.default.createElement(B,{"aria-label":"Stop",onClick:a},C__default.default.createElement(chunk5CJPTDK3_cjs.b.StopSolid,{size:16})));Q.displayName="TextToSpeechControls";Q.TTSButton=B;var me=Q;var de=({initialText:e="",showTextInput:t=!1,voice:o,pitch:s=1,rate:r=1,label:i,onEnd:a})=>{let{speak:l,pause:c,resume:u,cancel:x,isSpeaking:f,isPaused:b}=fe(),[y,v]=C.useState(e);C.useEffect(()=>{v(e);},[e]);let m=()=>{y.trim()!==""&&l(y,{voice:o,pitch:s,rate:r},g);},h=p=>{v(p.target.value);},g=()=>{a&&a();};return C__default.default.createElement(C__default.default.Fragment,null,t&&C__default.default.createElement(chunkAFINOD2L_cjs.b,{value:y,onChange:h}),C__default.default.createElement(me,{label:i,isSpeaking:f,isPaused:b,onSpeak:m,onPause:c,onResume:u,onCancel:x}))};de.displayName="TextToSpeechComponent";var N=e=>C__default.default.createElement(C__default.default.Fragment,null,e),xt=({id:e,children:t,headerBackground:o,styles:s,classes:r,...i})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"header",id:e,styles:s,className:r,...i},o,C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},t)),ht=({id:e,children:t,styles:o,classes:s,...r})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"main",id:e,styles:o,...r,className:s},t),yt=({id:e,classes:t,children:o,styles:s={},...r})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"footer",id:e,className:t,styles:s,...r},C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},o||"Copyright \xA9 2022")),gt=({id:e,children:t,styles:o={},classes:s,...r})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"aside",id:e,styles:o,className:s,...r},C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},t)),bt=({id:e,children:t,styles:o,classes:s,...r})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section",id:e,styles:o,className:s,...r},t),vt=({id:e,children:t,styles:o,classes:s,...r})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"article",id:e,styles:o,className:s,...r},t);N.displayName="Landmarks";N.Header=xt;N.Main=ht;N.Footer=yt;N.Aside=gt;N.Section=bt;N.Article=vt;var xe=C__default.default.forwardRef(({padding:e,paddingInline:t,paddingBlock:o,margin:s,marginInline:r,marginBlock:i,width:a,maxWidth:l,radius:c,as:u="div",className:x,classes:f,children:b,...y},v)=>{let m=[];e&&m.push(`box-padding-${e}`),t&&m.push(`box-padding-inline-${t}`),o&&m.push(`box-padding-block-${o}`),s&&m.push(`box-margin-${s}`),r&&m.push(`box-margin-inline-${r}`),i&&m.push(`box-margin-block-${i}`),a&&m.push(`box-width-${a}`),l&&m.push(`box-max-width-${l}`),c&&m.push(`box-radius-${c}`);let h=[...m,x,f].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:u,ref:v,classes:h||void 0,...y},b)});xe.displayName="Box";var ye=C__default.default.forwardRef(({gap:e,direction:t="vertical",align:o,justify:s,wrap:r,as:i="div",className:a,classes:l,children:c,...u},x)=>{let f=["stack"];t==="horizontal"?f.push("stack-horizontal"):f.push("stack-vertical"),e&&f.push(`stack-gap-${e}`),o&&f.push(`stack-align-${o}`),s&&f.push(`stack-justify-${s}`),r&&f.push(`stack-${r}`);let b=[...f,a,l].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:i,ref:x,classes:b,...u},c)});ye.displayName="Stack";var be=C__default.default.forwardRef(({gap:e,justify:t,align:o,as:s="div",className:r,classes:i,children:a,...l},c)=>{let u=["cluster"];e&&u.push(`cluster-gap-${e}`),t&&u.push(`cluster-justify-${t}`),o&&u.push(`cluster-align-${o}`);let x=[...u,r,i].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:s,ref:c,classes:x,...l},a)});be.displayName="Cluster";var ve=C__default.default.forwardRef(({columns:e,auto:t,minColumnWidth:o,gap:s,gapX:r,gapY:i,justifyItems:a,alignItems:l,as:c="div",className:u,classes:x,children:f,style:b,styles:y,...v},m)=>{let h=["grid"];e&&h.push(`grid-cols-${e}`),t&&h.push(`grid-auto-${t}`),s&&h.push(`grid-gap-${s}`),r&&h.push(`grid-gap-x-${r}`),i&&h.push(`grid-gap-y-${i}`),a&&h.push(`grid-justify-items-${a}`),l&&h.push(`grid-align-items-${l}`);let g=[...h,u,x].filter(Boolean).join(" "),p={...b||{},...y||{}};return t&&o&&(p.gridTemplateColumns=`repeat(auto-${t}, minmax(${o}, 1fr))`),C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:c,ref:m,classes:g,style:Object.keys(p).length>0?p:void 0,...v},f)});ve.displayName="Grid";var Y=C__default.default.forwardRef(({span:e,rowSpan:t,as:o="div",className:s,classes:r,children:i,...a},l)=>{let c=[];e&&c.push(`grid-col-span-${e}`),t&&c.push(`grid-row-span-${t}`);let u=[...c,s,r].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,ref:l,classes:u,...a},i)});Y.displayName="GridItem";var Ce=ve;Ce.Item=Y;var Ct=Ce;var Ie=C__default.default.forwardRef(({gap:e,justify:t,align:o,wrap:s,alwaysProportional:r=!1,as:i="div",className:a,classes:l,children:c,...u},x)=>{process.env.NODE_ENV==="development"&&r&&console.warn('[fpkit] Row: alwaysProportional is deprecated and will be removed in v5.0.0. Use responsive column utilities instead: className="col-sm-6 col-md-4"');let f=["col-row"];e&&f.push(`col-row-gap-${e}`),t&&f.push(`col-row-justify-${t}`),o&&f.push(`col-row-align-${o}`),s&&s!=="wrap"&&f.push(`col-row-${s}`),r&&f.push("col-row-proportional");let b=[...f,a,l].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:i,ref:x,classes:b,...u},c)});Ie.displayName="Row";var Te=C__default.default.forwardRef(({span:e,offset:t,order:o,auto:s=!1,as:r="div",className:i,classes:a,children:l,...c},u)=>{let x=[];s?x.push("col-auto"):e==="flex"?x.push("col-flex"):e&&x.push(`col-${e}`),t!==void 0&&x.push(`col-offset-${t}`),o!==void 0&&x.push(`col-order-${o}`);let f=[...x,i,a].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:r,ref:u,classes:f,...c},l)});Te.displayName="Col";var M=(e,t="")=>{let o=[];if(e.direction){let s={row:"flex-row","row-reverse":"flex-row-reverse",column:"flex-col","column-reverse":"flex-col-reverse"};o.push(`${t}${s[e.direction]}`);}if(e.wrap){let s={wrap:"flex-wrap",nowrap:"flex-nowrap","wrap-reverse":"flex-wrap-reverse"};o.push(`${t}${s[e.wrap]}`);}if(e.gap&&o.push(`${t}gap-${e.gap}`),e.rowGap&&o.push(`${t}row-gap-${e.rowGap}`),e.colGap&&o.push(`${t}col-gap-${e.colGap}`),e.justify){let s={start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly"};o.push(`${t}${s[e.justify]}`);}if(e.align){let s={start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline",stretch:"items-stretch"};o.push(`${t}${s[e.align]}`);}if(e.alignContent){let s={start:"content-start",end:"content-end",center:"content-center",between:"content-between",around:"content-around",evenly:"content-evenly",stretch:"content-stretch"};o.push(`${t}${s[e.alignContent]}`);}return o},we=C__default.default.forwardRef((e,t)=>{let{variant:o,inline:s=!1,as:r="div",className:i="",styles:a,children:l,sm:c,md:u,lg:x,xl:f,direction:b,wrap:y,gap:v,rowGap:m,colGap:h,justify:g,align:p,alignContent:d,...E}=e,I=[];if(I.push(s?"flex-inline":"flex"),o){let $={center:"flex-center",between:"flex-between",around:"flex-around",stack:"flex-stack",spread:"flex-spread"};I.push($[o]);}I.push(...M({direction:b,wrap:y,gap:v,rowGap:m,colGap:h,justify:g,align:p,alignContent:d})),c&&I.push(...M(c,"sm:")),u&&I.push(...M(u,"md:")),x&&I.push(...M(x,"lg:")),f&&I.push(...M(f,"xl:"));let U=[...I,i].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:r,ref:t,classes:U,styles:a,...E},l)});we.displayName="Flex";var ke=C__default.default.forwardRef((e,t)=>{let{grow:o,shrink:s,basis:r,flex:i,alignSelf:a,order:l,as:c="div",className:u="",styles:x,children:f,sm:b,md:y,lg:v,xl:m,...h}=e,g=[];if(i){let d={1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"};g.push(d[i]);}if(o!==void 0&&g.push(`flex-grow-${o}`),s!==void 0&&g.push(`flex-shrink-${s}`),r){let d={auto:"flex-basis-auto",0:"flex-basis-0",full:"flex-basis-full"};g.push(d[r]);}if(a){let d={auto:"self-auto",start:"self-start",end:"self-end",center:"self-center",baseline:"self-baseline",stretch:"self-stretch"};g.push(d[a]);}if(l){let d={first:"order-first",last:"order-last",none:"order-none"};g.push(d[l]);}if(b?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};g.push(`sm:${d[b.flex]}`);}if(y?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};g.push(`md:${d[y.flex]}`);}if(v?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};g.push(`lg:${d[v.flex]}`);}if(m?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};g.push(`xl:${d[m.flex]}`);}let p=[...g,u].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:c,ref:t,classes:p,styles:x,...h},f)});ke.displayName="Flex.Item";var $e=C__default.default.forwardRef((e,t)=>{let{as:o="div",className:s="",styles:r,...i}=e,a=["flex-1",s].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,ref:t,classes:a,styles:r,...i})});$e.displayName="Flex.Spacer";var Z=we;Z.Item=ke;Z.Spacer=$e;var St=Z;var Ne=({id:e,styles:t,classes:o,children:s,variant:r,...i})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"sup",id:e,styles:t,className:o,"data-badge":r||void 0,role:"status",...i},C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"span"},s));Ne.displayName="Badge";var Pt=({elm:e="span",role:t="note",variant:o,children:s,styles:r,...i})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:e,role:t,"data-tag":o||void 0,styles:r,...i},s);Pt.displayName="Tag";var Tt=C__default.default.forwardRef(({summary:e,icon:t,styles:o,classes:s,ariaLabel:r,name:i,open:a,onPointerDown:l,onToggle:c,children:u,...x},f)=>{let b=C.useCallback(v=>{l?.(v);},[l]),y=C.useCallback(v=>{c?.(v);},[c]);return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"details",styles:o,classes:s,onToggle:y,ref:f,open:a,"aria-label":r,name:i,...x},C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"summary",onPointerDown:b},t,e),C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},u))});Tt.displayName="Details";
 
 Object.defineProperty(exports, 'Textarea', {
     enumerable: true,
@@ -79,7 +79,7 @@ Object.defineProperty(exports, 'Tr', {
 });
 Object.defineProperty(exports, 'Dialog', {
     enumerable: true,
-    get: function () { return chunkURBGDUFN_cjs.a; }
+    get: function () { return chunk75YQDONV_cjs.a; }
 });
 Object.defineProperty(exports, 'Nav', {
     enumerable: true,
@@ -107,11 +107,11 @@ Object.defineProperty(exports, 'Text', {
 });
 Object.defineProperty(exports, 'Heading', {
     enumerable: true,
-    get: function () { return chunk2C3YLBWP_cjs.b; }
+    get: function () { return chunkAOFQDQVS_cjs.b; }
 });
 Object.defineProperty(exports, 'Title', {
     enumerable: true,
-    get: function () { return chunk2C3YLBWP_cjs.a; }
+    get: function () { return chunkAOFQDQVS_cjs.a; }
 });
 Object.defineProperty(exports, 'Breadcrumb', {
     enumerable: true,
@@ -169,26 +169,27 @@ Object.defineProperty(exports, 'UI', {
     enumerable: true,
     get: function () { return chunkEJ6KYBFE_cjs.a; }
 });
-exports.Alert = te;
-exports.Article = rt;
-exports.Aside = ot;
-exports.Badge = Pe;
-exports.Box = ae;
-exports.Cluster = fe;
-exports.Col = he;
-exports.Details = pt;
-exports.Flex = it;
-exports.Footer = tt;
-exports.Grid = nt;
-exports.GridItem = K;
-exports.Header = Ze;
-exports.Img = oe;
-exports.Landmarks = $;
-exports.Main = et;
-exports.Row = xe;
-exports.Section = st;
-exports.Stack = pe;
-exports.Tag = lt;
-exports.TextToSpeech = ne;
+exports.Alert = le;
+exports.Article = vt;
+exports.Aside = gt;
+exports.Badge = Ne;
+exports.Box = xe;
+exports.Checkbox = pe;
+exports.Cluster = be;
+exports.Col = Te;
+exports.Details = Tt;
+exports.Flex = St;
+exports.Footer = yt;
+exports.Grid = Ct;
+exports.GridItem = Y;
+exports.Header = xt;
+exports.Img = ce;
+exports.Landmarks = N;
+exports.Main = ht;
+exports.Row = Ie;
+exports.Section = bt;
+exports.Stack = ye;
+exports.Tag = Pt;
+exports.TextToSpeech = de;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.cjs.map