@fpkit/acss 0.5.8 → 0.5.12

package/libs/chunk-YWOYVRFT.js

@@ -0,0 +1,9 @@
+import { a as a$1 } from './chunk-QCMV4VQZ.js';
+import { a } from './chunk-NE6YXTMC.js';
+import e from 'react';
+
+var l=({id:n,children:a$1,classes:r,modalRef:d,openOnMount:i,...t})=>e.createElement(a,{as:"dialog",id:n,classes:r,ref:d,open:i,onClick:o=>{o.currentTarget===o.target&&o.currentTarget.close();},...t},a$1);e.memo(l);l.displayName="Dialog";var u=({openChild:n,closeChild:a,modalHeader:r,modalFooter:d,children:i,showOpen:t=!1,...p})=>{let o=e.useRef(null),f=()=>{o.current&&(t?o.current.show():o.current.showModal());},M=()=>{o.current&&o.current.close();};return e.createElement(e.Fragment,null,e.createElement(l,{modalRef:o,openOnMount:t,...p},e.createElement("section",null,r,i,d??e.createElement("div",null,e.createElement(a$1,{type:"button",pointerDown:()=>{M();}},a||"Close")," "))),!t&&e.createElement(a$1,{type:"button",pointerDown:f},n||"Open Modal"))};u.displayName="Modal";
+
+export { u as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-YWOYVRFT.js.map

package/libs/chunk-YWOYVRFT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/modal/modal.tsx","../src/components/modal/dialog.tsx"],"names":["React","ModalDialog","id","children","classes","modalRef","openOnMount","props","ui_default","e","dialog_default","Modal","openChild","closeChild","modalHeader","modalFooter","showOpen","dialogRef","openModal","closeModal","Button"],"mappings":"gFAAA,OAAOA,MAAW,QCClB,OAAOA,MAAW,QAmBX,IAAMC,EAAc,CAAC,CAC1B,GAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,YAAAC,EACA,GAAGC,CACL,IAQIP,EAAA,cAACQ,EAAA,CACC,GAAG,SACH,GAAIN,EACJ,QAASE,EACT,IAAKC,EACL,KAAMC,EACN,QAbsBG,GAA+C,CACnEA,EAAE,gBAAkBA,EAAE,QACxBA,EAAE,cAAc,MAAM,CAE1B,EAUK,GAAGF,GAEHJ,CACH,EAIGO,EAAQV,EAAM,KAAKC,CAAW,EACrCA,EAAY,YAAc,SDnBnB,IAAMU,EAAQ,CAAC,CACpB,UAAAC,EACA,WAAAC,EACA,YAAAC,EACA,YAAAC,EACA,SAAAZ,EACA,SAAAa,EAAW,GACX,GAAGT,CACL,IAAkB,CAChB,IAAMU,EAAYjB,EAAM,OAA0B,IAAI,EAChDkB,EAAY,IAAY,CACxBD,EAAU,UACRD,EAAUC,EAAU,QAAQ,KAAK,EAChCA,EAAU,QAAQ,UAAU,EAErC,EACME,EAAa,IAAM,CACnBF,EAAU,SACZA,EAAU,QAAQ,MAAM,CAE5B,EAEA,OACEjB,EAAA,cAAAA,EAAA,cACEA,EAAA,cAACC,EAAA,CAAY,SAAUgB,EAAW,YAAaD,EAAW,GAAGT,GAC3DP,EAAA,cAAC,eACEc,EACAX,EACAY,GACCf,EAAA,cAAC,WACCA,EAAA,cAACoB,EAAA,CACC,KAAK,SACL,YAAa,IAAM,CACjBD,EAAW,CACb,GAECN,GAAc,OACjB,EAAU,GACZ,CAEJ,CACF,EACC,CAACG,GACAhB,EAAA,cAACoB,EAAA,CAAO,KAAK,SAAS,YAAaF,GAChCN,GAAa,YAChB,CAEJ,CAEJ,EAEAD,EAAM,YAAc","sourcesContent":["import React from \"react\";\nimport { ComponentProps } from \"../../types\";\nimport { Button } from \"../buttons/button\";\nimport { ModalDialog } from \"./dialog\";\n\nexport interface ModalProps extends ComponentProps {\n  /**\n   * The child component/content for open button\n   */\n  openChild?: React.ReactNode;\n  /**\n   * The child component/content for close button\n   */\n  closeChild?: React.ReactNode;\n  /**\n   * The child component/content for modal header\n   */\n  modalHeader?: React.ReactNode;\n  /**\n   * The child component/content for modal footer\n   */\n  modalFooter?: React.ReactNode;\n  /**\n   * The child component/content for modal body\n   */\n  children: React.ReactNode;\n  /**\n   * Open modal on mount when set to true\n   */\n  showOpen?: boolean;\n}\nexport const Modal = ({\n  openChild,\n  closeChild,\n  modalHeader,\n  modalFooter,\n  children,\n  showOpen = false,\n  ...props\n}: ModalProps) => {\n  const dialogRef = React.useRef<HTMLDialogElement>(null);\n  const openModal = (): void => {\n    if (dialogRef.current) {\n      if (showOpen) dialogRef.current.show();\n      else dialogRef.current.showModal();\n    }\n  };\n  const closeModal = () => {\n    if (dialogRef.current) {\n      dialogRef.current.close();\n    }\n  };\n\n  return (\n    <>\n      <ModalDialog modalRef={dialogRef} openOnMount={showOpen} {...props}>\n        <section>\n          {modalHeader}\n          {children}\n          {modalFooter ?? (\n            <div>\n              <Button\n                type=\"button\"\n                pointerDown={() => {\n                  closeModal();\n                }}\n              >\n                {closeChild || \"Close\"}\n              </Button>{\" \"}\n            </div>\n          )}\n        </section>\n      </ModalDialog>\n      {!showOpen && (\n        <Button type=\"button\" pointerDown={openModal}>\n          {openChild || \"Open Modal\"}\n        </Button>\n      )}\n    </>\n  );\n};\n\nModal.displayName = \"Modal\";\n","import UI from \"../ui\";\nimport React from \"react\";\n\nexport type DialogProps = {\n  /**\n   * React ref for dialog element\n   */\n  modalRef: React.RefObject<HTMLDialogElement>;\n  /**\n   * Handle close modal event\n   */\n  closeModal?: (e: React.SyntheticEvent<HTMLDialogElement>) => void;\n  /**\n   * open modal on mount\n   */\n  openOnMount?: boolean;\n} & React.ComponentProps<typeof UI>;\n/**\n * Dialog component\n */\nexport const ModalDialog = ({\n  id,\n  children,\n  classes,\n  modalRef,\n  openOnMount,\n  ...props\n}: DialogProps) => {\n  const handleCloseModal = (e: React.SyntheticEvent<HTMLDialogElement>) => {\n    if (e.currentTarget === e.target) {\n      e.currentTarget.close();\n    }\n  };\n\n  return (\n    <UI\n      as=\"dialog\"\n      id={id}\n      classes={classes}\n      ref={modalRef}\n      open={openOnMount}\n      onClick={handleCloseModal}\n      {...props}\n    >\n      {children}\n    </UI>\n  );\n};\n\nexport default React.memo(ModalDialog);\nModalDialog.displayName = \"Dialog\";\n"]}

package/libs/component-props-a8a2f97e.d.ts

@@ -0,0 +1,38 @@
+import React__default, { ReactNode } from 'react';
+
+interface ComponentProps {
+    /**
+     * The default child content/component to render.
+     */
+    children?: ReactNode;
+    /**
+     * Use default component styles
+     */
+    renderStyles?: boolean;
+    /**
+     * Component id attribute
+     */
+    id?: string;
+    /**
+     * Styles object
+     */
+    styles?: React__default.CSSProperties;
+    /**
+     * Default styles object
+     */
+    defaultStyles?: React__default.CSSProperties;
+    /**
+     * Component class attribute
+     */
+    classes?: string;
+    /**
+     * Style value for [data-style] attribute
+     */
+    dataStyle?: string;
+    /**
+     * Component ref attribute
+     */
+    ref?: React__default.Ref<any>;
+}
+
+export { ComponentProps as C };

package/libs/components/breadcrumbs/breadcrumb.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkECLD37WN_cjs = require('../../chunk-ECLD37WN.cjs');
+require('../../chunk-X3EVB7VS.cjs');
+require('../../chunk-6TE5QEVE.cjs');
+
+
+
+Object.defineProperty(exports, 'Breadcrumb', {
+	enumerable: true,
+	get: function () { return chunkECLD37WN_cjs.a; }
+});
+Object.defineProperty(exports, 'default', {
+	enumerable: true,
+	get: function () { return chunkECLD37WN_cjs.b; }
+});
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=breadcrumb.cjs.map

package/libs/components/breadcrumbs/breadcrumb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/libs/components/breadcrumbs/breadcrumb.d.cts

@@ -0,0 +1,51 @@
+import React__default from 'react';
+import { F as FP } from '../../ui-9a6f9f8d.js';
+import Link from '../link/link.cjs';
+
+type customRoute = {
+    /** The path or id for routing */
+    path?: string;
+    /** The display name */
+    name: string;
+    /** The url if linking out */
+    url?: string;
+};
+type BreadcrumbProps = {
+    /** Array of custom route objects */
+    routes?: customRoute[];
+    /** Starting route node */
+    startRoute?: React__default.ReactNode;
+    startRouteUrl?: string;
+    /** Spacer node between routes */
+    spacer?: React__default.ReactNode;
+    /** String representing current route */
+    currentRoute?: string;
+    /** Prefix breadcrumb aria-label - "prefix breadcrumb" */
+    ariaLabelPrefix?: string;
+    /** Truncate breadcrumb text after this length */
+    truncateLength?: number;
+    /** Link props for breadcrumb links */
+    linkProps?: React__default.ComponentProps<typeof Link>;
+} & React__default.ComponentProps<typeof FP>;
+/**
+ * Navigation component for breadcrumbs.
+ *
+ * @param props - Props for the navigation component.
+ * @param props.startRoute - Starting route node. Default 'Home'.
+ * @param props.currentRoute - String representing current route.
+ * @param props.spacer - Spacer node between routes. Default '&#47;'.
+ * @param props.routes - Array of custom route objects.
+ * @param props.styles - Styles object for the nav.
+ * @param props.id - Id for the nav.
+ * @param props.classes - Class names for the nav.
+ * @param props.children - Child components.
+ */
+declare const Breadcrumb: {
+    ({ startRoute, startRouteUrl, currentRoute, spacer, routes, styles, id, classes, ariaLabelPrefix, truncateLength, linkProps, ...props }: BreadcrumbProps): React__default.JSX.Element;
+    displayName: string;
+    Nav: ({ styles, id, classes, children, ...props }: React__default.ComponentProps<typeof FP>) => React__default.JSX.Element;
+    List: ({ children, ...props }: React__default.ComponentProps<typeof FP>) => React__default.JSX.Element;
+    Items: ({ styles, id, classes, children, ...props }: React__default.ComponentProps<typeof FP>) => React__default.JSX.Element;
+};
+
+export { Breadcrumb, Breadcrumb as default };

package/libs/components/breadcrumbs/breadcrumb.d.ts

@@ -0,0 +1,51 @@
+import React__default from 'react';
+import { F as FP } from '../../ui-9a6f9f8d.js';
+import Link from '../link/link.js';
+
+type customRoute = {
+    /** The path or id for routing */
+    path?: string;
+    /** The display name */
+    name: string;
+    /** The url if linking out */
+    url?: string;
+};
+type BreadcrumbProps = {
+    /** Array of custom route objects */
+    routes?: customRoute[];
+    /** Starting route node */
+    startRoute?: React__default.ReactNode;
+    startRouteUrl?: string;
+    /** Spacer node between routes */
+    spacer?: React__default.ReactNode;
+    /** String representing current route */
+    currentRoute?: string;
+    /** Prefix breadcrumb aria-label - "prefix breadcrumb" */
+    ariaLabelPrefix?: string;
+    /** Truncate breadcrumb text after this length */
+    truncateLength?: number;
+    /** Link props for breadcrumb links */
+    linkProps?: React__default.ComponentProps<typeof Link>;
+} & React__default.ComponentProps<typeof FP>;
+/**
+ * Navigation component for breadcrumbs.
+ *
+ * @param props - Props for the navigation component.
+ * @param props.startRoute - Starting route node. Default 'Home'.
+ * @param props.currentRoute - String representing current route.
+ * @param props.spacer - Spacer node between routes. Default '&#47;'.
+ * @param props.routes - Array of custom route objects.
+ * @param props.styles - Styles object for the nav.
+ * @param props.id - Id for the nav.
+ * @param props.classes - Class names for the nav.
+ * @param props.children - Child components.
+ */
+declare const Breadcrumb: {
+    ({ startRoute, startRouteUrl, currentRoute, spacer, routes, styles, id, classes, ariaLabelPrefix, truncateLength, linkProps, ...props }: BreadcrumbProps): React__default.JSX.Element;
+    displayName: string;
+    Nav: ({ styles, id, classes, children, ...props }: React__default.ComponentProps<typeof FP>) => React__default.JSX.Element;
+    List: ({ children, ...props }: React__default.ComponentProps<typeof FP>) => React__default.JSX.Element;
+    Items: ({ styles, id, classes, children, ...props }: React__default.ComponentProps<typeof FP>) => React__default.JSX.Element;
+};
+
+export { Breadcrumb, Breadcrumb as default };

package/libs/components/breadcrumbs/breadcrumb.js

@@ -0,0 +1,5 @@
+export { a as Breadcrumb, b as default } from '../../chunk-DKGJHKGW.js';
+import '../../chunk-5ZM4XL44.js';
+import '../../chunk-NE6YXTMC.js';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=breadcrumb.js.map

package/libs/components/breadcrumbs/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/libs/components/button.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkLHVJKDMA_cjs = require('../chunk-LHVJKDMA.cjs');
+require('../chunk-6TE5QEVE.cjs');
+
+
+
+Object.defineProperty(exports, 'Button', {
+	enumerable: true,
+	get: function () { return chunkLHVJKDMA_cjs.a; }
+});
+Object.defineProperty(exports, 'default', {
+	enumerable: true,
+	get: function () { return chunkLHVJKDMA_cjs.b; }
+});
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=button.cjs.map

package/libs/components/button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/libs/components/button.d.cts

@@ -0,0 +1,16 @@
+import { F as FP } from '../ui-9a6f9f8d.js';
+import React__default from 'react';
+
+type ButtonProps = Partial<React__default.ComponentProps<typeof FP>> & {
+    /**
+     * The button type
+     * Required - 'button' | 'submit' | 'reset'
+     */
+    type: 'button' | 'submit' | 'reset';
+};
+declare const Button: {
+    ({ type, children, styles, disabled, classes, onPointerDown, onPointerOver, onPointerLeave, onClick, ...props }: ButtonProps): React__default.JSX.Element;
+    displayName: string;
+};
+
+export { Button, ButtonProps, Button as default };

package/libs/components/button.d.ts

@@ -0,0 +1,16 @@
+import { F as FP } from '../ui-9a6f9f8d.js';
+import React__default from 'react';
+
+type ButtonProps = Partial<React__default.ComponentProps<typeof FP>> & {
+    /**
+     * The button type
+     * Required - 'button' | 'submit' | 'reset'
+     */
+    type: 'button' | 'submit' | 'reset';
+};
+declare const Button: {
+    ({ type, children, styles, disabled, classes, onPointerDown, onPointerOver, onPointerLeave, onClick, ...props }: ButtonProps): React__default.JSX.Element;
+    displayName: string;
+};
+
+export { Button, ButtonProps, Button as default };

package/libs/components/button.js

@@ -0,0 +1,4 @@
+export { a as Button, b as default } from '../chunk-QCMV4VQZ.js';
+import '../chunk-NE6YXTMC.js';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=button.js.map

package/libs/components/button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/libs/components/card.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkBV5CLH44_cjs = require('../chunk-BV5CLH44.cjs');
+require('../chunk-6TE5QEVE.cjs');
+
+
+
+Object.defineProperty(exports, 'Card', {
+	enumerable: true,
+	get: function () { return chunkBV5CLH44_cjs.d; }
+});
+Object.defineProperty(exports, 'Content', {
+	enumerable: true,
+	get: function () { return chunkBV5CLH44_cjs.b; }
+});
+Object.defineProperty(exports, 'Footer', {
+	enumerable: true,
+	get: function () { return chunkBV5CLH44_cjs.c; }
+});
+Object.defineProperty(exports, 'Title', {
+	enumerable: true,
+	get: function () { return chunkBV5CLH44_cjs.a; }
+});
+Object.defineProperty(exports, 'default', {
+	enumerable: true,
+	get: function () { return chunkBV5CLH44_cjs.e; }
+});
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=card.cjs.map

package/libs/components/card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/libs/components/card.d.cts

@@ -0,0 +1,58 @@
+import React__default from 'react';
+import { F as FP } from '../ui-9a6f9f8d.js';
+
+type CardProps = {
+    elm?: 'div' | 'aside' | 'section' | 'article';
+    title?: React__default.ReactNode;
+    footer?: React__default.ReactNode;
+} & React__default.ComponentProps<typeof FP>;
+declare const Title: {
+    ({ children, className, styles, as, ...props }: React__default.PropsWithChildren<{
+        className?: string | undefined;
+        styles?: React__default.CSSProperties | undefined;
+        as?: React__default.ElementType<any> | undefined;
+    }>): React__default.JSX.Element;
+    displayName: string;
+};
+declare const Content: {
+    ({ children, className, styles, ...props }: React__default.PropsWithChildren<{
+        className?: string | undefined;
+        styles?: React__default.CSSProperties | undefined;
+    }>): React__default.JSX.Element;
+    displayName: string;
+};
+declare const Footer: {
+    ({ children, className, styles, ...props }: React__default.PropsWithChildren<{
+        className?: string | undefined;
+        styles?: React__default.CSSProperties | undefined;
+    }>): React__default.JSX.Element;
+    displayName: string;
+};
+declare const Card: {
+    ({ elm, styles, children, classes, id, ...props }: CardProps): React__default.JSX.Element;
+    displayName: string;
+    Title: {
+        ({ children, className, styles, as, ...props }: React__default.PropsWithChildren<{
+            className?: string | undefined;
+            styles?: React__default.CSSProperties | undefined;
+            as?: React__default.ElementType<any> | undefined;
+        }>): React__default.JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ children, className, styles, ...props }: React__default.PropsWithChildren<{
+            className?: string | undefined;
+            styles?: React__default.CSSProperties | undefined;
+        }>): React__default.JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ children, className, styles, ...props }: React__default.PropsWithChildren<{
+            className?: string | undefined;
+            styles?: React__default.CSSProperties | undefined;
+        }>): React__default.JSX.Element;
+        displayName: string;
+    };
+};
+
+export { Card, CardProps, Content, Footer, Title, Card as default };

package/libs/components/card.d.ts

@@ -0,0 +1,58 @@
+import React__default from 'react';
+import { F as FP } from '../ui-9a6f9f8d.js';
+
+type CardProps = {
+    elm?: 'div' | 'aside' | 'section' | 'article';
+    title?: React__default.ReactNode;
+    footer?: React__default.ReactNode;
+} & React__default.ComponentProps<typeof FP>;
+declare const Title: {
+    ({ children, className, styles, as, ...props }: React__default.PropsWithChildren<{
+        className?: string | undefined;
+        styles?: React__default.CSSProperties | undefined;
+        as?: React__default.ElementType<any> | undefined;
+    }>): React__default.JSX.Element;
+    displayName: string;
+};
+declare const Content: {
+    ({ children, className, styles, ...props }: React__default.PropsWithChildren<{
+        className?: string | undefined;
+        styles?: React__default.CSSProperties | undefined;
+    }>): React__default.JSX.Element;
+    displayName: string;
+};
+declare const Footer: {
+    ({ children, className, styles, ...props }: React__default.PropsWithChildren<{
+        className?: string | undefined;
+        styles?: React__default.CSSProperties | undefined;
+    }>): React__default.JSX.Element;
+    displayName: string;
+};
+declare const Card: {
+    ({ elm, styles, children, classes, id, ...props }: CardProps): React__default.JSX.Element;
+    displayName: string;
+    Title: {
+        ({ children, className, styles, as, ...props }: React__default.PropsWithChildren<{
+            className?: string | undefined;
+            styles?: React__default.CSSProperties | undefined;
+            as?: React__default.ElementType<any> | undefined;
+        }>): React__default.JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ children, className, styles, ...props }: React__default.PropsWithChildren<{
+            className?: string | undefined;
+            styles?: React__default.CSSProperties | undefined;
+        }>): React__default.JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ children, className, styles, ...props }: React__default.PropsWithChildren<{
+            className?: string | undefined;
+            styles?: React__default.CSSProperties | undefined;
+        }>): React__default.JSX.Element;
+        displayName: string;
+    };
+};
+
+export { Card, CardProps, Content, Footer, Title, Card as default };

package/libs/components/card.js

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

package/libs/components/card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/libs/components/details/details.css

@@ -1 +1 @@
-details{--details-border: 0.0625rem solid #dfdfdf;--details-direction: column;--details-display: flex;--details-gap: 0rem;--details-h: max-content;--details-justify: flex-start;--details-px: 1.5rem;--details-py: 1rem;--details-radius: 0;--details-w: 100%;--max-h-closed: 6.25rem;--max-h-open: 50rem;--summary-align: center;--summary-cursor: pointer;--summary-display: flex;--summary-gap: 0.5rem;--summary-justify: flex-start;--summary-transitions: all 0.75s ease-in-out;interpolate-size:allow-keywords;display:var(--details-display);flex-direction:var(--details-direction);justify-content:var(--details-justify);gap:var(--details-gap);width:var(--details-w);border:var(--details-border);border-left:none;border-right:none;transition:var(--summary-transitions);max-height:var(--max-h-closed);overflow:clip}details+details{border-radius:0;border-top:none}details:first-of-type{border-radius:var(--details-radius) var(--details-radius) 0 0}details:last-of-type{border-radius:0 0 var(--details-radius) var(--details-radius)}details:only-of-type{border-radius:var(--details-radius)}details::marker{content:none}details summary{display:var(--summary-display);justify-content:var(--summary-justify);align-items:var(--summary-align);padding-inline:var(--summary-px, var(--details-px));padding-block:var(--summary-py, var(--details-py));gap:var(--summary-gap);list-style:none;border-top-left-radius:var(--details-radius);border-top-right-radius:var(--details-radius);transition:var(--summary-transitions)}details summary::-webkit-details-marker{display:none}details summary:focus-within{outline:none;border-bottom:solid 2px currentColor;background-color:#f5f5f5}details summary:hover{cursor:var(--summary-cursor)}details summary>section{width:var(--details-w)}details .list-styles summary{border-left:none;border-right:none}details>section{padding-inline:var(--details-px);padding-block:var(--details-py);margin-block-start:0;border:1px rgba(0,0,0,0) solid}details[open]{max-height:max-content;transition:var(--summary-transitions)}details[open]>summary{border-bottom:var(--details-border)}details[open]>section{max-height:var(--max-h-open)}/*# sourceMappingURL=details.css.map */
+details{--details-border: 0.0625rem solid #dfdfdf;--details-direction: column;--details-display: flex;--details-gap: 0rem;--details-h: max-content;--details-justify: flex-start;--details-px: 1.5rem;--details-py: 1rem;--details-radius: 0;--details-w: 100%;--max-h-closed: 6.25rem;--max-h-open: 50rem;--summary-align: center;--summary-cursor: pointer;--summary-display: flex;--summary-gap: 0.5rem;--summary-justify: flex-start;--summary-transitions: all 0.75s ease-in-out;interpolate-size:allow-keywords;display:var(--details-display);flex-direction:var(--details-direction);justify-content:var(--details-justify);gap:var(--details-gap);width:var(--details-w);border:var(--details-border);border-left:none;border-right:none;transition:var(--summary-transitions);max-height:var(--max-h-closed);overflow:clip}details+details{border-radius:0;border-top:none}details:first-of-type{border-radius:var(--details-radius) var(--details-radius) 0 0}details:last-of-type{border-radius:0 0 var(--details-radius) var(--details-radius)}details:only-of-type{border-radius:var(--details-radius)}details::marker{content:none}details summary{display:var(--summary-display);justify-content:var(--summary-justify);align-items:var(--summary-align);padding-inline:var(--summary-px, var(--details-px));padding-block:var(--summary-py, var(--details-py));gap:var(--summary-gap);list-style:none;border-top-left-radius:var(--details-radius);border-top-right-radius:var(--details-radius);transition:var(--summary-transitions)}@supports(transition-behavior: allow-discrete){@starting-style{details summary{border-bottom:none;transition:var(--summary-transitions)}}}details summary::-webkit-details-marker{display:none}details summary:focus-within{outline:none;border-bottom:solid 2px currentColor;background-color:#f5f5f5}details summary:hover{cursor:var(--summary-cursor)}details summary>section{width:var(--details-w)}details .list-styles summary{border-left:none;border-right:none}details>section{padding-inline:var(--details-px);padding-block:var(--details-py);margin-block-start:0;border:1px rgba(0,0,0,0) solid}details[open]{max-height:max-content;transition:var(--summary-transitions)}details[open]>summary{border-bottom:var(--details-border)}details[open]>section{max-height:var(--max-h-open)}/*# sourceMappingURL=details.css.map */

package/libs/components/details/details.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/components/details/details.scss"],"names":[],"mappings":"AAAA,QACE,0CACA,4BACA,wBACA,oBACA,yBACA,8BACA,qBACA,mBACA,oBACA,kBACA,wBACA,oBACA,wBACA,0BACA,wBACA,sBACA,8BACA,6CAEA,gCACA,+BACA,wCACA,uCACA,uBACA,uBACA,6BACA,iBACA,kBACA,sCACA,+BACA,cACA,gBACE,gBACA,gBAGF,sBACE,8DAGF,qBACE,8DAIF,qBACE,oCAGF,gBACE,aAGF,gBACE,+BACA,uCACA,iCACA,oDACA,mDACA,uBACA,gBACA,6CACA,8CACA,sCAEA,wCACE,aAGF,6BACE,aACA,qCACA,yBAIF,sBACE,6BAEF,wBACE,uBAKF,6BACE,iBACA,kBAIJ,gBACE,iCACA,gCACA,qBACA,+BAGF,cACE,uBACA,sCACA,sBACE,oCAEF,sBACE","file":"details.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/components/details/details.scss"],"names":[],"mappings":"AAAA,QACE,0CACA,4BACA,wBACA,oBACA,yBACA,8BACA,qBACA,mBACA,oBACA,kBACA,wBACA,oBACA,wBACA,0BACA,wBACA,sBACA,8BACA,6CAEA,gCACA,+BACA,wCACA,uCACA,uBACA,uBACA,6BACA,iBACA,kBACA,sCACA,+BACA,cACA,gBACE,gBACA,gBAGF,sBACE,8DAGF,qBACE,8DAIF,qBACE,oCAGF,gBACE,aAGF,gBACE,+BACA,uCACA,iCACA,oDACA,mDACA,uBACA,gBACA,6CACA,8CACA,sCAEA,+CACE,gBAbJ,gBAcM,mBACA,wCAIJ,wCACE,aAGF,6BACE,aACA,qCACA,yBAIF,sBACE,6BAEF,wBACE,uBAKF,6BACE,iBACA,kBAIJ,gBACE,iCACA,gCACA,qBACA,+BAGF,cACE,uBACA,sCACA,sBACE,oCAEF,sBACE","file":"details.css"}

package/libs/components/details/details.min.css

@@ -1,3 +1,3 @@
-details{--details-border: 0.0625rem solid #dfdfdf;--details-direction: column;--details-display: flex;--details-gap: 0rem;--details-h: max-content;--details-justify: flex-start;--details-px: 1.5rem;--details-py: 1rem;--details-radius: 0;--details-w: 100%;--max-h-closed: 6.25rem;--max-h-open: 50rem;--summary-align: center;--summary-cursor: pointer;--summary-display: flex;--summary-gap: 0.5rem;--summary-justify: flex-start;--summary-transitions: all 0.75s ease-in-out;interpolate-size:allow-keywords;display:var(--details-display);flex-direction:var(--details-direction);justify-content:var(--details-justify);gap:var(--details-gap);width:var(--details-w);border:var(--details-border);border-left:none;border-right:none;transition:var(--summary-transitions);max-height:var(--max-h-closed);overflow:clip}details+details{border-radius:0;border-top:none}details:first-of-type{border-radius:var(--details-radius) var(--details-radius) 0 0}details:last-of-type{border-radius:0 0 var(--details-radius) var(--details-radius)}details:only-of-type{border-radius:var(--details-radius)}details::marker{content:none}details summary{display:var(--summary-display);justify-content:var(--summary-justify);align-items:var(--summary-align);padding-inline:var(--summary-px, var(--details-px));padding-block:var(--summary-py, var(--details-py));gap:var(--summary-gap);list-style:none;border-top-left-radius:var(--details-radius);border-top-right-radius:var(--details-radius);transition:var(--summary-transitions)}details summary::-webkit-details-marker{display:none}details summary:focus-within{outline:none;border-bottom:solid 2px currentColor;background-color:#f5f5f5}details summary:hover{cursor:var(--summary-cursor)}details summary>section{width:var(--details-w)}details .list-styles summary{border-left:none;border-right:none}details>section{padding-inline:var(--details-px);padding-block:var(--details-py);margin-block-start:0;border:1px rgba(0,0,0,0) solid}details[open]{max-height:-moz-max-content;max-height:max-content;transition:var(--summary-transitions)}details[open]>summary{border-bottom:var(--details-border)}details[open]>section{max-height:var(--max-h-open)}
+details{--details-border: 0.0625rem solid #dfdfdf;--details-direction: column;--details-display: flex;--details-gap: 0rem;--details-h: max-content;--details-justify: flex-start;--details-px: 1.5rem;--details-py: 1rem;--details-radius: 0;--details-w: 100%;--max-h-closed: 6.25rem;--max-h-open: 50rem;--summary-align: center;--summary-cursor: pointer;--summary-display: flex;--summary-gap: 0.5rem;--summary-justify: flex-start;--summary-transitions: all 0.75s ease-in-out;interpolate-size:allow-keywords;display:var(--details-display);flex-direction:var(--details-direction);justify-content:var(--details-justify);gap:var(--details-gap);width:var(--details-w);border:var(--details-border);border-left:none;border-right:none;transition:var(--summary-transitions);max-height:var(--max-h-closed);overflow:clip}details+details{border-radius:0;border-top:none}details:first-of-type{border-radius:var(--details-radius) var(--details-radius) 0 0}details:last-of-type{border-radius:0 0 var(--details-radius) var(--details-radius)}details:only-of-type{border-radius:var(--details-radius)}details::marker{content:none}details summary{display:var(--summary-display);justify-content:var(--summary-justify);align-items:var(--summary-align);padding-inline:var(--summary-px, var(--details-px));padding-block:var(--summary-py, var(--details-py));gap:var(--summary-gap);list-style:none;border-top-left-radius:var(--details-radius);border-top-right-radius:var(--details-radius);transition:var(--summary-transitions)}@supports(transition-behavior: allow-discrete){@starting-style{details summary{border-bottom:none;transition:var(--summary-transitions)}}}details summary::-webkit-details-marker{display:none}details summary:focus-within{outline:none;border-bottom:solid 2px currentColor;background-color:#f5f5f5}details summary:hover{cursor:var(--summary-cursor)}details summary>section{width:var(--details-w)}details .list-styles summary{border-left:none;border-right:none}details>section{padding-inline:var(--details-px);padding-block:var(--details-py);margin-block-start:0;border:1px rgba(0,0,0,0) solid}details[open]{max-height:-moz-max-content;max-height:max-content;transition:var(--summary-transitions)}details[open]>summary{border-bottom:var(--details-border)}details[open]>section{max-height:var(--max-h-open)}
 
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2RldGFpbHMvZGV0YWlscy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFFBQ0UseUNBQUEsQ0FDQSwyQkFBQSxDQUNBLHVCQUFBLENBQ0EsbUJBQUEsQ0FDQSx3QkFBQSxDQUNBLDZCQUFBLENBQ0Esb0JBQUEsQ0FDQSxrQkFBQSxDQUNBLG1CQUFBLENBQ0EsaUJBQUEsQ0FDQSx1QkFBQSxDQUNBLG1CQUFBLENBQ0EsdUJBQUEsQ0FDQSx5QkFBQSxDQUNBLHVCQUFBLENBQ0EscUJBQUEsQ0FDQSw2QkFBQSxDQUNBLDRDQUFBLENBRUEsK0JBQUEsQ0FDQSw4QkFBQSxDQUNBLHVDQUFBLENBQ0Esc0NBQUEsQ0FDQSxzQkFBQSxDQUNBLHNCQUFBLENBQ0EsNEJBQUEsQ0FDQSxnQkFBQSxDQUNBLGlCQUFBLENBQ0EscUNBQUEsQ0FDQSw4QkFBQSxDQUNBLGFBQUEsQ0FDQSxnQkFDRSxlQUFBLENBQ0EsZUFBQSxDQUdGLHNCQUNFLDZEQUFBLENBR0YscUJBQ0UsNkRBQUEsQ0FJRixxQkFDRSxtQ0FBQSxDQUdGLGdCQUNFLFlBQUEsQ0FHRixnQkFDRSw4QkFBQSxDQUNBLHNDQUFBLENBQ0EsZ0NBQUEsQ0FDQSxtREFBQSxDQUNBLGtEQUFBLENBQ0Esc0JBQUEsQ0FDQSxlQUFBLENBQ0EsNENBQUEsQ0FDQSw2Q0FBQSxDQUNBLHFDQUFBLENBRUEsd0NBQ0UsWUFBQSxDQUdGLDZCQUNFLFlBQUEsQ0FDQSxvQ0FBQSxDQUNBLHdCQUFBLENBSUYsc0JBQ0UsNEJBQUEsQ0FFRix3QkFDRSxzQkFBQSxDQUtGLDZCQUNFLGdCQUFBLENBQ0EsaUJBQUEsQ0FJSixnQkFDRSxnQ0FBQSxDQUNBLCtCQUFBLENBQ0Esb0JBQUEsQ0FDQSw4QkFBQSxDQUdGLGNBQ0UsMkJBQUEsQ0FBQSxzQkFBQSxDQUNBLHFDQUFBLENBQ0Esc0JBQ0UsbUNBQUEsQ0FFRixzQkFDRSw0QkFBQSIsImZpbGUiOiJkZXRhaWxzLm1pbi5jc3MifQ== */
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2RldGFpbHMvZGV0YWlscy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFFBQ0UseUNBQUEsQ0FDQSwyQkFBQSxDQUNBLHVCQUFBLENBQ0EsbUJBQUEsQ0FDQSx3QkFBQSxDQUNBLDZCQUFBLENBQ0Esb0JBQUEsQ0FDQSxrQkFBQSxDQUNBLG1CQUFBLENBQ0EsaUJBQUEsQ0FDQSx1QkFBQSxDQUNBLG1CQUFBLENBQ0EsdUJBQUEsQ0FDQSx5QkFBQSxDQUNBLHVCQUFBLENBQ0EscUJBQUEsQ0FDQSw2QkFBQSxDQUNBLDRDQUFBLENBRUEsK0JBQUEsQ0FDQSw4QkFBQSxDQUNBLHVDQUFBLENBQ0Esc0NBQUEsQ0FDQSxzQkFBQSxDQUNBLHNCQUFBLENBQ0EsNEJBQUEsQ0FDQSxnQkFBQSxDQUNBLGlCQUFBLENBQ0EscUNBQUEsQ0FDQSw4QkFBQSxDQUNBLGFBQUEsQ0FDQSxnQkFDRSxlQUFBLENBQ0EsZUFBQSxDQUdGLHNCQUNFLDZEQUFBLENBR0YscUJBQ0UsNkRBQUEsQ0FJRixxQkFDRSxtQ0FBQSxDQUdGLGdCQUNFLFlBQUEsQ0FHRixnQkFDRSw4QkFBQSxDQUNBLHNDQUFBLENBQ0EsZ0NBQUEsQ0FDQSxtREFBQSxDQUNBLGtEQUFBLENBQ0Esc0JBQUEsQ0FDQSxlQUFBLENBQ0EsNENBQUEsQ0FDQSw2Q0FBQSxDQUNBLHFDQUFBLENBRUEsK0NBQ0UsZ0JBYkosZ0JBY00sa0JBQUEsQ0FDQSxxQ0FBQSxDQUFBLENBQUEsQ0FJSix3Q0FDRSxZQUFBLENBR0YsNkJBQ0UsWUFBQSxDQUNBLG9DQUFBLENBQ0Esd0JBQUEsQ0FJRixzQkFDRSw0QkFBQSxDQUVGLHdCQUNFLHNCQUFBLENBS0YsNkJBQ0UsZ0JBQUEsQ0FDQSxpQkFBQSxDQUlKLGdCQUNFLGdDQUFBLENBQ0EsK0JBQUEsQ0FDQSxvQkFBQSxDQUNBLDhCQUFBLENBR0YsY0FDRSwyQkFBQSxDQUFBLHNCQUFBLENBQ0EscUNBQUEsQ0FDQSxzQkFDRSxtQ0FBQSxDQUVGLHNCQUNFLDRCQUFBIiwiZmlsZSI6ImRldGFpbHMubWluLmNzcyJ9 */

package/libs/components/dialog/dialog.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunk7K76RW2A_cjs = require('../../chunk-7K76RW2A.cjs');
+require('../../chunk-M5QL5TAE.cjs');
+require('../../chunk-KKLTUJFB.cjs');
+require('../../chunk-LHVJKDMA.cjs');
+require('../../chunk-6TE5QEVE.cjs');
+
+
+
+Object.defineProperty(exports, 'Dialog', {
+	enumerable: true,
+	get: function () { return chunk7K76RW2A_cjs.a; }
+});
+Object.defineProperty(exports, 'default', {
+	enumerable: true,
+	get: function () { return chunk7K76RW2A_cjs.b; }
+});
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=dialog.cjs.map

package/libs/components/dialog/dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/libs/components/dialog/dialog.d.cts

@@ -0,0 +1,51 @@
+import React__default, { CSSProperties } from 'react';
+import { F as FP } from '../../ui-9a6f9f8d.js';
+
+/**
+ * Defines the props for the Dialog component.
+ *
+ * @property {boolean} [showDialog] - Determines whether the dialog should be shown.
+ * @property {boolean} [isAlertDialog] - Determines whether the dialog should be displayed as an alert dialog.
+ * @property {() => void} [onClose] - A callback function to be called when the dialog is closed.
+ * @property {string} dialogTitle - The title of the dialog.
+ * @property {string} [dialogLabel] - An optional label for the dialog.
+ * @property {React.ReactNode} children - The content to be displayed inside the dialog.
+ * @property {() => void | Promise<void>} [onConfirm] - A callback function to be called when the user confirms the dialog.
+ * @property {string} [confirmLabel] - The label for the confirm button.
+ * @property {string} [cancelLabel] - The label for the cancel button.
+ * @property {string} [className] - An optional CSS class name to be applied to the dialog.
+ * @property {CSSProperties} [styles] - Optional inline styles to be applied to the dialog.
+ */
+type DialogModalProps = React__default.ComponentProps<typeof FP> & React__default.ComponentProps<"dialog"> & {
+    dialogTitle: string;
+    dialogLabel?: string;
+    children: React__default.ReactNode;
+    showDialog?: boolean;
+    isAlertDialog?: boolean;
+    onClose?: () => void;
+    onConfirm?: () => void | Promise<void>;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    className?: string;
+    hideFooter?: boolean;
+    styles?: CSSProperties;
+};
+/**
+ * Renders a dialog modal component with customizable content and behavior.
+ *
+ * @param showDialog - Determines whether the dialog should be shown.
+ * @param isAlertDialog - Determines whether the dialog should be displayed as an alert dialog.
+ * @param onClose - A callback function to be called when the dialog is closed.
+ * @param dialogTitle - The title of the dialog.
+ * @param dialogLabel - An optional label for the dialog.
+ * @param children - The content to be displayed inside the dialog.
+ * @param onConfirm - A callback function to be called when the user confirms the dialog.
+ * @param confirmLabel - The label for the confirm button.
+ * @param cancelLabel - The label for the cancel button.
+ * @param className - An optional CSS class name to be applied to the dialog.
+ * @param styles - Optional inline styles to be applied to the dialog.
+ */
+declare const Dialog: React__default.FC<DialogModalProps>;
+declare const _default: React__default.NamedExoticComponent<DialogModalProps>;
+
+export { Dialog, _default as default };

package/libs/components/dialog/dialog.d.ts

@@ -0,0 +1,51 @@
+import React__default, { CSSProperties } from 'react';
+import { F as FP } from '../../ui-9a6f9f8d.js';
+
+/**
+ * Defines the props for the Dialog component.
+ *
+ * @property {boolean} [showDialog] - Determines whether the dialog should be shown.
+ * @property {boolean} [isAlertDialog] - Determines whether the dialog should be displayed as an alert dialog.
+ * @property {() => void} [onClose] - A callback function to be called when the dialog is closed.
+ * @property {string} dialogTitle - The title of the dialog.
+ * @property {string} [dialogLabel] - An optional label for the dialog.
+ * @property {React.ReactNode} children - The content to be displayed inside the dialog.
+ * @property {() => void | Promise<void>} [onConfirm] - A callback function to be called when the user confirms the dialog.
+ * @property {string} [confirmLabel] - The label for the confirm button.
+ * @property {string} [cancelLabel] - The label for the cancel button.
+ * @property {string} [className] - An optional CSS class name to be applied to the dialog.
+ * @property {CSSProperties} [styles] - Optional inline styles to be applied to the dialog.
+ */
+type DialogModalProps = React__default.ComponentProps<typeof FP> & React__default.ComponentProps<"dialog"> & {
+    dialogTitle: string;
+    dialogLabel?: string;
+    children: React__default.ReactNode;
+    showDialog?: boolean;
+    isAlertDialog?: boolean;
+    onClose?: () => void;
+    onConfirm?: () => void | Promise<void>;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    className?: string;
+    hideFooter?: boolean;
+    styles?: CSSProperties;
+};
+/**
+ * Renders a dialog modal component with customizable content and behavior.
+ *
+ * @param showDialog - Determines whether the dialog should be shown.
+ * @param isAlertDialog - Determines whether the dialog should be displayed as an alert dialog.
+ * @param onClose - A callback function to be called when the dialog is closed.
+ * @param dialogTitle - The title of the dialog.
+ * @param dialogLabel - An optional label for the dialog.
+ * @param children - The content to be displayed inside the dialog.
+ * @param onConfirm - A callback function to be called when the user confirms the dialog.
+ * @param confirmLabel - The label for the confirm button.
+ * @param cancelLabel - The label for the cancel button.
+ * @param className - An optional CSS class name to be applied to the dialog.
+ * @param styles - Optional inline styles to be applied to the dialog.
+ */
+declare const Dialog: React__default.FC<DialogModalProps>;
+declare const _default: React__default.NamedExoticComponent<DialogModalProps>;
+
+export { Dialog, _default as default };

package/libs/components/dialog/dialog.js

@@ -0,0 +1,7 @@
+export { a as Dialog, b as default } from '../../chunk-SXVZSWX6.js';
+import '../../chunk-HYBZBN4G.js';
+import '../../chunk-O6QZBB6G.js';
+import '../../chunk-QCMV4VQZ.js';
+import '../../chunk-NE6YXTMC.js';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=dialog.js.map

package/libs/components/dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/libs/components/form/fields.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunk6BVXFW7U_cjs = require('../../chunk-6BVXFW7U.cjs');
+require('../../chunk-6TE5QEVE.cjs');
+
+
+
+Object.defineProperty(exports, 'Field', {
+	enumerable: true,
+	get: function () { return chunk6BVXFW7U_cjs.a; }
+});
+Object.defineProperty(exports, 'default', {
+	enumerable: true,
+	get: function () { return chunk6BVXFW7U_cjs.b; }
+});
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=fields.cjs.map

package/libs/components/form/fields.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}