@fpkit/acss 0.5.12 → 0.5.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +89 -0
- package/libs/{chunk-DV56L5YX.cjs → chunk-2LTJ7HHX.cjs} +4 -4
- package/libs/{chunk-EQ67LF46.js → chunk-2Y7W75TT.js} +3 -3
- package/libs/{chunk-KKLTUJFB.cjs → chunk-3MKLDCKQ.cjs} +5 -5
- package/libs/chunk-3MKLDCKQ.cjs.map +1 -0
- package/libs/{chunk-X3EVB7VS.cjs → chunk-5S4ORA4C.cjs} +3 -3
- package/libs/{chunk-O6QZBB6G.js → chunk-772NRB75.js} +5 -5
- package/libs/chunk-772NRB75.js.map +1 -0
- package/libs/{chunk-6BVXFW7U.cjs → chunk-AHDJGCG5.cjs} +3 -3
- package/libs/{chunk-E3XP6BEX.cjs → chunk-B7F5FS6D.cjs} +3 -3
- package/libs/chunk-D4YLRWAO.cjs +18 -0
- package/libs/chunk-D4YLRWAO.cjs.map +1 -0
- package/libs/chunk-ETFLFC2S.js +10 -0
- package/libs/chunk-ETFLFC2S.js.map +1 -0
- package/libs/chunk-GZ4QFPRY.js +9 -0
- package/libs/chunk-GZ4QFPRY.js.map +1 -0
- package/libs/{chunk-LHVJKDMA.cjs → chunk-J32EZPYD.cjs} +3 -3
- package/libs/chunk-JJ43O4Y5.js +8 -0
- package/libs/chunk-JJ43O4Y5.js.map +1 -0
- package/libs/chunk-KUKIVRC2.js +7 -0
- package/libs/chunk-KUKIVRC2.js.map +1 -0
- package/libs/chunk-L75OQKEI.cjs +13 -0
- package/libs/chunk-L75OQKEI.cjs.map +1 -0
- package/libs/{chunk-LL7HTLMS.cjs → chunk-M5RRNTVX.cjs} +3 -3
- package/libs/{chunk-LIQJ7ZZR.js → chunk-NGTJDDFO.js} +2 -2
- package/libs/chunk-OK5QEIMD.cjs +17 -0
- package/libs/chunk-OK5QEIMD.cjs.map +1 -0
- package/libs/chunk-P2DC76ZZ.cjs +18 -0
- package/libs/chunk-P2DC76ZZ.cjs.map +1 -0
- package/libs/chunk-PQ2K3BM6.cjs +17 -0
- package/libs/chunk-PQ2K3BM6.cjs.map +1 -0
- package/libs/{chunk-QCMV4VQZ.js → chunk-QLZWHAMK.js} +2 -2
- package/libs/{chunk-BIP2NY53.js → chunk-RIVUMPOG.js} +2 -2
- package/libs/{chunk-ICCKQ2GC.cjs → chunk-ROZI23GS.cjs} +4 -4
- package/libs/{chunk-NHYXGV3L.js → chunk-SMYRLO3E.js} +2 -2
- package/libs/{chunk-5ZM4XL44.js → chunk-TYRCEX2L.js} +2 -2
- package/libs/chunk-VUH3FXGJ.js +11 -0
- package/libs/chunk-VUH3FXGJ.js.map +1 -0
- package/libs/{chunk-PPOOBUOS.js → chunk-XBA562WW.js} +2 -2
- package/libs/{chunk-QVV34QEH.cjs → chunk-XTQKWY7W.cjs} +3 -3
- package/libs/{chunk-YWOYVRFT.js → chunk-ZANSFMTD.js} +3 -3
- package/libs/components/alert/alert.css +1 -1
- package/libs/components/alert/alert.css.map +1 -1
- package/libs/components/alert/alert.min.css +2 -2
- package/libs/components/badge/badge.css +1 -1
- package/libs/components/badge/badge.css.map +1 -1
- package/libs/components/badge/badge.min.css +2 -2
- package/libs/components/breadcrumbs/breadcrumb.cjs +9 -5
- package/libs/components/breadcrumbs/breadcrumb.d.cts +271 -32
- package/libs/components/breadcrumbs/breadcrumb.d.ts +271 -32
- package/libs/components/breadcrumbs/breadcrumb.js +3 -3
- package/libs/components/button.cjs +4 -4
- package/libs/components/button.d.cts +2 -2
- package/libs/components/button.d.ts +2 -2
- package/libs/components/button.js +2 -2
- package/libs/components/buttons/button.css +1 -1
- package/libs/components/buttons/button.css.map +1 -1
- package/libs/components/buttons/button.min.css +2 -2
- package/libs/components/card.cjs +7 -7
- package/libs/components/card.d.cts +277 -33
- package/libs/components/card.d.ts +277 -33
- package/libs/components/card.js +2 -2
- package/libs/components/cards/card.css +1 -1
- package/libs/components/cards/card.css.map +1 -1
- package/libs/components/cards/card.min.css +2 -2
- package/libs/components/details/details.css +1 -1
- package/libs/components/details/details.css.map +1 -1
- package/libs/components/details/details.min.css +2 -2
- package/libs/components/dialog/dialog.cjs +7 -7
- package/libs/components/dialog/dialog.css +1 -1
- package/libs/components/dialog/dialog.css.map +1 -1
- package/libs/components/dialog/dialog.d.cts +88 -34
- package/libs/components/dialog/dialog.d.ts +88 -34
- package/libs/components/dialog/dialog.js +5 -5
- package/libs/components/dialog/dialog.min.css +2 -2
- package/libs/components/form/fields.cjs +4 -4
- package/libs/components/form/fields.d.cts +2 -2
- package/libs/components/form/fields.d.ts +2 -2
- package/libs/components/form/fields.js +2 -2
- package/libs/components/form/textarea.cjs +4 -4
- package/libs/components/form/textarea.d.cts +2 -2
- package/libs/components/form/textarea.d.ts +2 -2
- package/libs/components/form/textarea.js +2 -2
- package/libs/components/heading/heading.cjs +3 -3
- package/libs/components/heading/heading.d.cts +3 -14
- package/libs/components/heading/heading.d.ts +3 -14
- package/libs/components/heading/heading.js +2 -2
- package/libs/components/icons/icon.cjs +4 -4
- package/libs/components/icons/icon.d.cts +148 -4
- package/libs/components/icons/icon.d.ts +148 -4
- package/libs/components/icons/icon.js +2 -2
- package/libs/components/images/img.css +1 -1
- package/libs/components/images/img.css.map +1 -1
- package/libs/components/images/img.min.css +2 -2
- package/libs/components/link/link.cjs +4 -4
- package/libs/components/link/link.d.cts +2 -2
- package/libs/components/link/link.d.ts +2 -2
- package/libs/components/link/link.js +2 -2
- package/libs/components/list/list.cjs +5 -5
- package/libs/components/list/list.d.cts +3 -3
- package/libs/components/list/list.d.ts +3 -3
- package/libs/components/list/list.js +2 -2
- package/libs/components/modal.cjs +4 -4
- package/libs/components/modal.js +3 -3
- package/libs/components/nav/nav.cjs +7 -7
- package/libs/components/nav/nav.d.cts +2 -2
- package/libs/components/nav/nav.d.ts +2 -2
- package/libs/components/nav/nav.js +3 -3
- package/libs/components/text/text.cjs +5 -5
- package/libs/components/text/text.d.cts +2 -2
- package/libs/components/text/text.d.ts +2 -2
- package/libs/components/text/text.js +2 -2
- package/libs/heading-3648c538.d.ts +250 -0
- package/libs/hooks.cjs +7 -0
- package/libs/hooks.d.cts +5 -0
- package/libs/hooks.d.ts +5 -0
- package/libs/hooks.js +3 -0
- package/libs/icons.cjs +3 -3
- package/libs/icons.d.cts +1 -1
- package/libs/icons.d.ts +1 -1
- package/libs/icons.js +2 -2
- package/libs/index.cjs +112 -91
- package/libs/index.cjs.map +1 -1
- package/libs/index.css +1 -1
- package/libs/index.css.map +1 -1
- package/libs/index.d.cts +515 -31
- package/libs/index.d.ts +515 -31
- package/libs/index.js +31 -19
- package/libs/index.js.map +1 -1
- package/libs/ui-645f95b5.d.ts +285 -0
- package/package.json +2 -83
- package/src/components/README-UI.mdx +416 -0
- package/src/components/alert/ACCESSIBILITY.md +319 -0
- package/src/components/alert/README.mdx +475 -19
- package/src/components/alert/alert.scss +113 -6
- package/src/components/alert/alert.stories.tsx +372 -0
- package/src/components/alert/alert.test.tsx +762 -0
- package/src/components/alert/alert.tsx +331 -66
- package/src/components/alert/views/alert-actions.tsx +13 -0
- package/src/components/alert/views/alert-content.tsx +17 -0
- package/src/components/alert/views/alert-icon.tsx +53 -0
- package/src/components/alert/views/alert-screen-reader-text.tsx +30 -0
- package/src/components/alert/views/alert-title.tsx +23 -0
- package/src/components/alert/views/alert-view.tsx +158 -0
- package/src/components/alert/views/index.ts +12 -0
- package/src/components/badge/badge.mdx +186 -49
- package/src/components/badge/badge.scss +20 -2
- package/src/components/badge/badge.stories.tsx +160 -14
- package/src/components/badge/badge.test.tsx +179 -0
- package/src/components/badge/badge.tsx +97 -4
- package/src/components/breadcrumbs/README.mdx +364 -45
- package/src/components/breadcrumbs/__snapshots__/breadcrumb.test.tsx.snap +152 -0
- package/src/components/breadcrumbs/breadcrumb.stories.tsx +7 -3
- package/src/components/breadcrumbs/breadcrumb.test.tsx +490 -0
- package/src/components/breadcrumbs/breadcrumb.tsx +427 -170
- package/src/components/buttons/button.scss +34 -31
- package/src/components/buttons/button.stories.tsx +35 -0
- package/src/components/cards/README.mdx +657 -0
- package/src/components/cards/card.scss +22 -0
- package/src/components/cards/card.stories.tsx +167 -5
- package/src/components/cards/card.test.tsx +360 -20
- package/src/components/cards/card.tsx +200 -79
- package/src/components/cards/card.types.ts +135 -0
- package/src/components/cards/card.utils.ts +79 -0
- package/src/components/details/ACCESSIBILITY-REVIEW-LIVE.md +1050 -0
- package/src/components/details/ACCESSIBILITY-REVIEW.md +502 -0
- package/src/components/details/README.mdx +437 -69
- package/src/components/details/details.scss +16 -7
- package/src/components/details/details.test.tsx +385 -0
- package/src/components/details/details.tsx +101 -69
- package/src/components/details/details.types.ts +76 -0
- package/src/components/dialog/README.mdx +513 -110
- package/src/components/dialog/dialog-modal.tsx +79 -56
- package/src/components/dialog/dialog.scss +53 -3
- package/src/components/dialog/dialog.stories.tsx +10 -7
- package/src/components/dialog/dialog.test.tsx +450 -0
- package/src/components/dialog/dialog.tsx +69 -59
- package/src/components/dialog/dialog.types.ts +133 -0
- package/src/components/dialog/views/dialog-footer.tsx +54 -11
- package/src/components/dialog/views/dialog-header.tsx +20 -15
- package/src/components/heading/heading.stories.tsx +44 -4
- package/src/components/heading/heading.tsx +89 -23
- package/src/components/icons/README.mdx +332 -0
- package/src/components/icons/icon.stories.tsx +74 -1
- package/src/components/icons/icon.tsx +89 -1
- package/src/components/icons/types.ts +47 -0
- package/src/components/images/README.mdx +340 -24
- package/src/components/images/img.scss +19 -3
- package/src/components/images/img.stories.tsx +424 -15
- package/src/components/images/img.test.tsx +354 -25
- package/src/components/images/img.tsx +186 -63
- package/src/components/images/img.types.ts +211 -0
- package/src/components/title/MIGRATION.md +199 -0
- package/src/components/title/README.md +326 -0
- package/src/components/title/README.mdx +452 -0
- package/src/components/title/title.stories.tsx +393 -0
- package/src/components/title/title.test.tsx +251 -0
- package/src/components/title/title.tsx +219 -0
- package/src/components/ui.stories.tsx +894 -0
- package/src/components/ui.test.tsx +559 -0
- package/src/components/ui.tsx +266 -15
- package/src/components/word-count/README.md +240 -0
- package/src/hooks.ts +1 -0
- package/src/index.ts +10 -2
- package/src/sass/_properties.scss +1 -0
- package/src/styles/alert/alert.css +94 -4
- package/src/styles/alert/alert.css.map +1 -1
- package/src/styles/badge/badge.css +20 -2
- package/src/styles/badge/badge.css.map +1 -1
- package/src/styles/buttons/button.css +31 -31
- package/src/styles/buttons/button.css.map +1 -1
- package/src/styles/cards/card.css +16 -0
- package/src/styles/cards/card.css.map +1 -1
- package/src/styles/details/details.css +19 -8
- package/src/styles/details/details.css.map +1 -1
- package/src/styles/dialog/dialog.css +43 -2
- package/src/styles/dialog/dialog.css.map +1 -1
- package/src/styles/images/img.css +15 -3
- package/src/styles/images/img.css.map +1 -1
- package/src/styles/index.css +240 -51
- package/src/styles/index.css.map +1 -1
- package/src/test/setup.d.ts +9 -0
- package/src/test/setup.ts +53 -1
- package/libs/chunk-6TE5QEVE.cjs +0 -13
- package/libs/chunk-6TE5QEVE.cjs.map +0 -1
- package/libs/chunk-7K76RW2A.cjs +0 -18
- package/libs/chunk-7K76RW2A.cjs.map +0 -1
- package/libs/chunk-BSPKFLO4.js +0 -8
- package/libs/chunk-BSPKFLO4.js.map +0 -1
- package/libs/chunk-BV5CLH44.cjs +0 -18
- package/libs/chunk-BV5CLH44.cjs.map +0 -1
- package/libs/chunk-DKGJHKGW.js +0 -9
- package/libs/chunk-DKGJHKGW.js.map +0 -1
- package/libs/chunk-ECLD37WN.cjs +0 -16
- package/libs/chunk-ECLD37WN.cjs.map +0 -1
- package/libs/chunk-HYBZBN4G.js +0 -8
- package/libs/chunk-HYBZBN4G.js.map +0 -1
- package/libs/chunk-KKLTUJFB.cjs.map +0 -1
- package/libs/chunk-M5QL5TAE.cjs +0 -14
- package/libs/chunk-M5QL5TAE.cjs.map +0 -1
- package/libs/chunk-NE6YXTMC.js +0 -7
- package/libs/chunk-NE6YXTMC.js.map +0 -1
- package/libs/chunk-O6QZBB6G.js.map +0 -1
- package/libs/chunk-SXVZSWX6.js +0 -11
- package/libs/chunk-SXVZSWX6.js.map +0 -1
- package/libs/ui-9a6f9f8d.d.ts +0 -24
- package/src/components/cards/README.md +0 -80
- package/src/components/dialog/hooks/useClickOutside.ts +0 -33
- /package/libs/{chunk-DV56L5YX.cjs.map → chunk-2LTJ7HHX.cjs.map} +0 -0
- /package/libs/{chunk-EQ67LF46.js.map → chunk-2Y7W75TT.js.map} +0 -0
- /package/libs/{chunk-X3EVB7VS.cjs.map → chunk-5S4ORA4C.cjs.map} +0 -0
- /package/libs/{chunk-6BVXFW7U.cjs.map → chunk-AHDJGCG5.cjs.map} +0 -0
- /package/libs/{chunk-E3XP6BEX.cjs.map → chunk-B7F5FS6D.cjs.map} +0 -0
- /package/libs/{chunk-LHVJKDMA.cjs.map → chunk-J32EZPYD.cjs.map} +0 -0
- /package/libs/{chunk-LL7HTLMS.cjs.map → chunk-M5RRNTVX.cjs.map} +0 -0
- /package/libs/{chunk-LIQJ7ZZR.js.map → chunk-NGTJDDFO.js.map} +0 -0
- /package/libs/{chunk-QCMV4VQZ.js.map → chunk-QLZWHAMK.js.map} +0 -0
- /package/libs/{chunk-BIP2NY53.js.map → chunk-RIVUMPOG.js.map} +0 -0
- /package/libs/{chunk-ICCKQ2GC.cjs.map → chunk-ROZI23GS.cjs.map} +0 -0
- /package/libs/{chunk-NHYXGV3L.js.map → chunk-SMYRLO3E.js.map} +0 -0
- /package/libs/{chunk-5ZM4XL44.js.map → chunk-TYRCEX2L.js.map} +0 -0
- /package/libs/{chunk-PPOOBUOS.js.map → chunk-XBA562WW.js.map} +0 -0
- /package/libs/{chunk-QVV34QEH.cjs.map → chunk-XTQKWY7W.cjs.map} +0 -0
- /package/libs/{chunk-YWOYVRFT.js.map → chunk-ZANSFMTD.js.map} +0 -0
package/libs/chunk-BSPKFLO4.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { a } from './chunk-NE6YXTMC.js';
|
|
2
|
-
import i from 'react';
|
|
3
|
-
|
|
4
|
-
var c=({children:e,className:t,styles:s,as:a$1="h3",...l})=>i.createElement(a,{as:a$1,className:`card-title ${t||""}`,styles:s,...l},e);c.displayName="Title";var n=({children:e,className:t,styles:s,...a$1})=>i.createElement(a,{as:"article",className:`card-content ${t||""}`,styles:s,...a$1},e);n.displayName="Content";var d=({children:e,className:t,styles:s,...a$1})=>i.createElement(a,{as:"div",className:`card-footer ${t||""}`,styles:s,...a$1},e);d.displayName="Footer";var o=({elm:e="div",styles:t,children:s,classes:a$1="shadow",id:l,...p})=>i.createElement(a,{as:e,id:l,styles:t,className:a$1,"data-card":!0,...p},s),C=o;o.displayName="Card";o.Title=c;o.Content=n;o.Footer=d;
|
|
5
|
-
|
|
6
|
-
export { c as a, n as b, d as c, o as d, C as e };
|
|
7
|
-
//# sourceMappingURL=out.js.map
|
|
8
|
-
//# sourceMappingURL=chunk-BSPKFLO4.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/cards/card.tsx"],"names":["React","Title","children","className","styles","as","props","ui_default","Content","Footer","Card","elm","classes","id","card_default"],"mappings":"wCAAA,OAAOA,MAAW,QA4BX,IAAMC,EAAQ,CAAC,CACpB,SAAAC,EACA,UAAAC,EACA,OAAAC,EACA,GAAAC,EAAK,KACL,GAAGC,CACL,IAMIN,EAAA,cAACO,EAAA,CACC,GAAIF,EACJ,UAAW,cAAcF,GAAa,EAAE,GACxC,OAAQC,EACP,GAAGE,GAEHJ,CACH,EAIJD,EAAM,YAAc,QAcb,IAAMO,EAAU,CAAC,CACtB,SAAAN,EACA,UAAAC,EACA,OAAAC,EACA,GAAGE,CACL,IAKIN,EAAA,cAACO,EAAA,CACC,GAAG,UACH,UAAW,gBAAgBJ,GAAa,EAAE,GAC1C,OAAQC,EACP,GAAGE,GAEHJ,CACH,EAIJM,EAAQ,YAAc,UAcf,IAAMC,EAAS,CAAC,CACrB,SAAAP,EACA,UAAAC,EACA,OAAAC,EACA,GAAGE,CACL,IAKIN,EAAA,cAACO,EAAA,CACC,GAAG,MACH,UAAW,eAAeJ,GAAa,EAAE,GACzC,OAAQC,EACP,GAAGE,GAEHJ,CACH,EAIJO,EAAO,YAAc,SAgBd,IAAMC,EAAO,CAAC,CACnB,IAAAC,EAAM,MACN,OAAAP,EACA,SAAAF,EACA,QAAAU,EAAU,SACV,GAAAC,EACA,GAAGP,CACL,IAEIN,EAAA,cAACO,EAAA,CACC,GAAII,EACJ,GAAIE,EACJ,OAAQT,EACR,UAAWQ,EACX,YAAS,GACR,GAAGN,GAEHJ,CACH,EAIGY,EAAQJ,EACfA,EAAK,YAAc,OACnBA,EAAK,MAAQT,EACbS,EAAK,QAAUF,EACfE,EAAK,OAASD","sourcesContent":["import React from 'react'\nimport UI from '#components/ui'\n\n/*\n * CardProps interface\n *\n * Extends ComponentProps. Defines props for the Card component.\n *\n * @property {('div' | 'aside' | 'section' | 'article')} [elm='div'] - HTML element to render as\n */\nexport type CardProps = {\n elm?: 'div' | 'aside' | 'section' | 'article'\n title?: React.ReactNode\n footer?: React.ReactNode\n} & React.ComponentProps<typeof UI>\n\n/*\n * Title component\n *\n * Renders a title for the Card component using the UI component.\n *\n * @param {Object} props - Component props\n * @param {ReactNode} props.children - Title content\n * @param {string} [props.className] - Additional CSS classes\n * @param {Object} [props.styles] - Inline styles\n *\n * @returns {ReactElement} Title component\n */\nexport const Title = ({\n children,\n className,\n styles,\n as = 'h3',\n ...props\n}: React.PropsWithChildren<{\n className?: string\n styles?: React.CSSProperties\n as?: React.ElementType\n}>) => {\n return (\n <UI\n as={as}\n className={`card-title ${className || ''}`}\n styles={styles}\n {...props}\n >\n {children}\n </UI>\n )\n}\n\nTitle.displayName = 'Title'\n\n/*\n * CardContent component\n *\n * Renders the content of the Card component using the UI component with an article element.\n *\n * @param {Object} props - Component props\n * @param {ReactNode} props.children - Content\n * @param {string} [props.className] - Additional CSS classes\n * @param {Object} [props.styles] - Inline styles\n *\n * @returns {ReactElement} CardContent component\n */\nexport const Content = ({\n children,\n className,\n styles,\n ...props\n}: React.PropsWithChildren<{\n className?: string\n styles?: React.CSSProperties\n}>) => {\n return (\n <UI\n as=\"article\"\n className={`card-content ${className || ''}`}\n styles={styles}\n {...props}\n >\n {children}\n </UI>\n )\n}\n\nContent.displayName = 'Content'\n\n/*\n * Footer component\n *\n * Renders a footer section for the Card component using the UI component.\n *\n * @param {Object} props - Component props\n * @param {ReactNode} props.children - Footer content\n * @param {string} [props.className] - Additional CSS classes\n * @param {Object} [props.styles] - Inline styles\n *\n * @returns {ReactElement} Footer component\n */\nexport const Footer = ({\n children,\n className,\n styles,\n ...props\n}: React.PropsWithChildren<{\n className?: string\n styles?: React.CSSProperties\n}>) => {\n return (\n <UI\n as=\"div\"\n className={`card-footer ${className || ''}`}\n styles={styles}\n {...props}\n >\n {children}\n </UI>\n )\n}\n\nFooter.displayName = 'Footer'\n\n/*\n * Card component\n *\n * Renders a card container.\n *\n * @param {CardProps} props - Component props\n * @param {('div' | 'aside' | 'section' | 'article')} [props.elm='div'] - Element to render as\n * @param {Object} [props.styles] - CSS styles to apply\n * @param {ReactNode} props.children - Card content\n * @param {boolean} [props.renderStyles=true] - Whether to render default styles\n * @param {string} [props.dataStyle] - data-card attribute value\n * @param {string} [props.id] - Unique ID\n * @returns {ReactElement} Card component\n */\nexport const Card = ({\n elm = 'div',\n styles,\n children,\n classes = 'shadow',\n id,\n ...props\n}: CardProps) => {\n return (\n <UI\n as={elm}\n id={id}\n styles={styles}\n className={classes}\n data-card\n {...props}\n >\n {children}\n </UI>\n )\n}\n\nexport default Card\nCard.displayName = 'Card'\nCard.Title = Title\nCard.Content = Content\nCard.Footer = Footer\n"]}
|
package/libs/chunk-BV5CLH44.cjs
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var chunk6TE5QEVE_cjs = require('./chunk-6TE5QEVE.cjs');
|
|
4
|
-
var i = require('react');
|
|
5
|
-
|
|
6
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
7
|
-
|
|
8
|
-
var i__default = /*#__PURE__*/_interopDefault(i);
|
|
9
|
-
|
|
10
|
-
var c=({children:e,className:t,styles:s,as:a="h3",...l})=>i__default.default.createElement(chunk6TE5QEVE_cjs.a,{as:a,className:`card-title ${t||""}`,styles:s,...l},e);c.displayName="Title";var n=({children:e,className:t,styles:s,...a})=>i__default.default.createElement(chunk6TE5QEVE_cjs.a,{as:"article",className:`card-content ${t||""}`,styles:s,...a},e);n.displayName="Content";var d=({children:e,className:t,styles:s,...a})=>i__default.default.createElement(chunk6TE5QEVE_cjs.a,{as:"div",className:`card-footer ${t||""}`,styles:s,...a},e);d.displayName="Footer";var o=({elm:e="div",styles:t,children:s,classes:a="shadow",id:l,...p})=>i__default.default.createElement(chunk6TE5QEVE_cjs.a,{as:e,id:l,styles:t,className:a,"data-card":!0,...p},s),C=o;o.displayName="Card";o.Title=c;o.Content=n;o.Footer=d;
|
|
11
|
-
|
|
12
|
-
exports.a = c;
|
|
13
|
-
exports.b = n;
|
|
14
|
-
exports.c = d;
|
|
15
|
-
exports.d = o;
|
|
16
|
-
exports.e = C;
|
|
17
|
-
//# sourceMappingURL=out.js.map
|
|
18
|
-
//# sourceMappingURL=chunk-BV5CLH44.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/cards/card.tsx"],"names":["React","Title","children","className","styles","as","props","ui_default","Content","Footer","Card","elm","classes","id","card_default"],"mappings":"yCAAA,OAAOA,MAAW,QA4BX,IAAMC,EAAQ,CAAC,CACpB,SAAAC,EACA,UAAAC,EACA,OAAAC,EACA,GAAAC,EAAK,KACL,GAAGC,CACL,IAMIN,EAAA,cAACO,EAAA,CACC,GAAIF,EACJ,UAAW,cAAcF,GAAa,EAAE,GACxC,OAAQC,EACP,GAAGE,GAEHJ,CACH,EAIJD,EAAM,YAAc,QAcb,IAAMO,EAAU,CAAC,CACtB,SAAAN,EACA,UAAAC,EACA,OAAAC,EACA,GAAGE,CACL,IAKIN,EAAA,cAACO,EAAA,CACC,GAAG,UACH,UAAW,gBAAgBJ,GAAa,EAAE,GAC1C,OAAQC,EACP,GAAGE,GAEHJ,CACH,EAIJM,EAAQ,YAAc,UAcf,IAAMC,EAAS,CAAC,CACrB,SAAAP,EACA,UAAAC,EACA,OAAAC,EACA,GAAGE,CACL,IAKIN,EAAA,cAACO,EAAA,CACC,GAAG,MACH,UAAW,eAAeJ,GAAa,EAAE,GACzC,OAAQC,EACP,GAAGE,GAEHJ,CACH,EAIJO,EAAO,YAAc,SAgBd,IAAMC,EAAO,CAAC,CACnB,IAAAC,EAAM,MACN,OAAAP,EACA,SAAAF,EACA,QAAAU,EAAU,SACV,GAAAC,EACA,GAAGP,CACL,IAEIN,EAAA,cAACO,EAAA,CACC,GAAII,EACJ,GAAIE,EACJ,OAAQT,EACR,UAAWQ,EACX,YAAS,GACR,GAAGN,GAEHJ,CACH,EAIGY,EAAQJ,EACfA,EAAK,YAAc,OACnBA,EAAK,MAAQT,EACbS,EAAK,QAAUF,EACfE,EAAK,OAASD","sourcesContent":["import React from 'react'\nimport UI from '#components/ui'\n\n/*\n * CardProps interface\n *\n * Extends ComponentProps. Defines props for the Card component.\n *\n * @property {('div' | 'aside' | 'section' | 'article')} [elm='div'] - HTML element to render as\n */\nexport type CardProps = {\n elm?: 'div' | 'aside' | 'section' | 'article'\n title?: React.ReactNode\n footer?: React.ReactNode\n} & React.ComponentProps<typeof UI>\n\n/*\n * Title component\n *\n * Renders a title for the Card component using the UI component.\n *\n * @param {Object} props - Component props\n * @param {ReactNode} props.children - Title content\n * @param {string} [props.className] - Additional CSS classes\n * @param {Object} [props.styles] - Inline styles\n *\n * @returns {ReactElement} Title component\n */\nexport const Title = ({\n children,\n className,\n styles,\n as = 'h3',\n ...props\n}: React.PropsWithChildren<{\n className?: string\n styles?: React.CSSProperties\n as?: React.ElementType\n}>) => {\n return (\n <UI\n as={as}\n className={`card-title ${className || ''}`}\n styles={styles}\n {...props}\n >\n {children}\n </UI>\n )\n}\n\nTitle.displayName = 'Title'\n\n/*\n * CardContent component\n *\n * Renders the content of the Card component using the UI component with an article element.\n *\n * @param {Object} props - Component props\n * @param {ReactNode} props.children - Content\n * @param {string} [props.className] - Additional CSS classes\n * @param {Object} [props.styles] - Inline styles\n *\n * @returns {ReactElement} CardContent component\n */\nexport const Content = ({\n children,\n className,\n styles,\n ...props\n}: React.PropsWithChildren<{\n className?: string\n styles?: React.CSSProperties\n}>) => {\n return (\n <UI\n as=\"article\"\n className={`card-content ${className || ''}`}\n styles={styles}\n {...props}\n >\n {children}\n </UI>\n )\n}\n\nContent.displayName = 'Content'\n\n/*\n * Footer component\n *\n * Renders a footer section for the Card component using the UI component.\n *\n * @param {Object} props - Component props\n * @param {ReactNode} props.children - Footer content\n * @param {string} [props.className] - Additional CSS classes\n * @param {Object} [props.styles] - Inline styles\n *\n * @returns {ReactElement} Footer component\n */\nexport const Footer = ({\n children,\n className,\n styles,\n ...props\n}: React.PropsWithChildren<{\n className?: string\n styles?: React.CSSProperties\n}>) => {\n return (\n <UI\n as=\"div\"\n className={`card-footer ${className || ''}`}\n styles={styles}\n {...props}\n >\n {children}\n </UI>\n )\n}\n\nFooter.displayName = 'Footer'\n\n/*\n * Card component\n *\n * Renders a card container.\n *\n * @param {CardProps} props - Component props\n * @param {('div' | 'aside' | 'section' | 'article')} [props.elm='div'] - Element to render as\n * @param {Object} [props.styles] - CSS styles to apply\n * @param {ReactNode} props.children - Card content\n * @param {boolean} [props.renderStyles=true] - Whether to render default styles\n * @param {string} [props.dataStyle] - data-card attribute value\n * @param {string} [props.id] - Unique ID\n * @returns {ReactElement} Card component\n */\nexport const Card = ({\n elm = 'div',\n styles,\n children,\n classes = 'shadow',\n id,\n ...props\n}: CardProps) => {\n return (\n <UI\n as={elm}\n id={id}\n styles={styles}\n className={classes}\n data-card\n {...props}\n >\n {children}\n </UI>\n )\n}\n\nexport default Card\nCard.displayName = 'Card'\nCard.Title = Title\nCard.Content = Content\nCard.Footer = Footer\n"]}
|
package/libs/chunk-DKGJHKGW.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { b } from './chunk-5ZM4XL44.js';
|
|
2
|
-
import { a } from './chunk-NE6YXTMC.js';
|
|
3
|
-
import e from 'react';
|
|
4
|
-
|
|
5
|
-
var I=(t,r=15)=>t.length>r?`${t.slice(0,r)}...`:t;var f=({styles:t,id:r,classes:o,children:a,...p})=>e.createElement("li",{id:r,style:t,className:o,"data-list":"unstyled inline",...p},a),C=({children:t,...r})=>e.createElement(a,{as:"ol","data-list":"unstyled inline",...r},t),N=({styles:t,id:r,classes:o,children:a$1,...p})=>e.createElement(a,{as:"nav",id:r,styles:t,className:o,...p},e.createElement(C,null,a$1)),m=({startRoute:t="Home",startRouteUrl:r="/",currentRoute:o,spacer:a=e.createElement(e.Fragment,null,"/"),routes:p,styles:U,id:$,classes:k,ariaLabelPrefix:L,truncateLength:d=15,linkProps:b$1,...v})=>{let[P,w]=e.useState("");e.useEffect(()=>{let n=o||window.location.pathname;n.length&&w(n);},[o]);let x=n=>{let i=p?.find(c=>c.path===n);return {path:i?.path||n,name:i?.name||n,url:i?.url||n}},s=P.split("/").filter(n=>n),u=s.length-1,g=e.useId();return P.length?e.createElement(N,{id:$,...v,styles:U,className:k,"aria-label":L},e.createElement(f,{key:`${t}-${g}`},e.createElement(b,{href:r,...b$1},t)),e.createElement(e.Fragment,null,s.length?s.map((n,i)=>{let c=x(n),{name:l,url:B,path:E}=c;return i===u?e.createElement(e.Fragment,null,typeof s[u]=="string"&&s[u].length>3&&s[u]!==s[u-1]&&e.createElement(f,{key:`${E||i}-${g}`},e.createElement("span",{"aria-hidden":"true"},a),e.createElement("a",{href:"#","aria-current":"page","aria-label":l.length>d?l:void 0},I(decodeURIComponent(l),d)))):e.createElement(f,{key:`${c?.name}-${g}`},e.createElement("span",{"aria-hidden":"true"},a),e.createElement("span",null,e.createElement(b,{href:B,"aria-label":l.length>d?l:void 0,...b$1},I(decodeURIComponent(l),d))))}):null)):e.createElement(e.Fragment,null)},_=m;m.displayName="BreadCrumb";m.Nav=N;m.List=C;m.Items=f;
|
|
6
|
-
|
|
7
|
-
export { m as a, _ as b };
|
|
8
|
-
//# sourceMappingURL=out.js.map
|
|
9
|
-
//# sourceMappingURL=chunk-DKGJHKGW.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/breadcrumbs/breadcrumb.tsx","../src/libs/content.ts"],"names":["React","Truncate","str","length","Items","styles","id","classes","children","props","List","ui_default","Nav","Breadcrumb","startRoute","startRouteUrl","currentRoute","spacer","routes","ariaLabelPrefix","truncateLength","linkProps","currentPath","setCurrentPath","path","getPathName","pathSegment","route","segments","segment","lastSegment","uuid","link_default","index","currentSegment","name","url","breadcrumb_default"],"mappings":"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","sourcesContent":["// Code: Breadcrumb component\nimport React from \"react\";\nimport UI from \"#components/ui\";\nimport { Truncate } from \"#libs/content\";\nimport Link from \"#components/link/link\";\n\n// TYPES\n\ntype customRoute = {\n /** The path or id for routing */\n path?: string;\n /** The display name */\n name: string;\n /** The url if linking out */\n url?: string;\n};\n\ntype BreadcrumbProps = {\n /** Array of custom route objects */\n routes?: customRoute[];\n /** Starting route node */\n startRoute?: React.ReactNode;\n /* Starting route url */\n startRouteUrl?: string;\n /** Spacer node between routes */\n spacer?: React.ReactNode;\n /** String representing current route */\n currentRoute?: string;\n /** Prefix breadcrumb aria-label - \"prefix breadcrumb\" */\n ariaLabelPrefix?: string;\n /** Truncate breadcrumb text after this length */\n truncateLength?: number;\n /** Link props for breadcrumb links */\n linkProps?: React.ComponentProps<typeof Link>;\n} & React.ComponentProps<typeof UI>;\n\n// Components\n\n/**\n * Items component.\n *\n * @param styles - Styles object for the item.\n * @param id - Id for the item.\n * @param classes - Class names for the item.\n * @param children - Child components.\n * @param props - Other props.\n */\nconst Items = ({\n styles,\n id,\n classes,\n children,\n ...props\n}: React.ComponentProps<typeof UI>) => {\n return (\n <li\n id={id}\n style={styles}\n className={classes}\n data-list=\"unstyled inline\"\n {...props}\n >\n {children}\n </li>\n );\n};\n\n/**\n * List component.\n *\n * @param children - The content to render inside the list.\n * @param props - Additional props to pass to the UI component.\n */\nconst List = ({ children, ...props }: React.ComponentProps<typeof UI>) => {\n return (\n <UI as=\"ol\" data-list=\"unstyled inline\" {...props}>\n {children}\n </UI>\n );\n};\n\n/**\n * Nav component.\n *\n * @param styles - Styles object for the nav.\n * @param id - Id for the nav.\n * @param classes - Class names for the nav.\n * @param children - Child components.\n * @param props - Other props.\n */\nconst Nav = ({\n styles,\n id,\n classes,\n children,\n ...props\n}: React.ComponentProps<typeof UI>) => {\n return (\n <UI as=\"nav\" id={id} styles={styles} className={classes} {...props}>\n <List>{children}</List>\n </UI>\n );\n};\n\n/**\n * Navigation component for breadcrumbs.\n *\n * @param props - Props for the navigation component.\n * @param props.startRoute - Starting route node. Default 'Home'.\n * @param props.currentRoute - String representing current route.\n * @param props.spacer - Spacer node between routes. Default '/'.\n * @param props.routes - Array of custom route objects.\n * @param props.styles - Styles object for the nav.\n * @param props.id - Id for the nav.\n * @param props.classes - Class names for the nav.\n * @param props.children - Child components.\n */\nexport const Breadcrumb = ({\n startRoute = \"Home\",\n startRouteUrl = \"/\",\n currentRoute,\n spacer = <>/</>,\n routes,\n styles,\n id,\n classes,\n ariaLabelPrefix,\n truncateLength = 15,\n linkProps,\n ...props\n}: BreadcrumbProps): React.JSX.Element => {\n const [currentPath, setCurrentPath] = React.useState(\"\");\n React.useEffect(() => {\n const path = currentRoute || window.location.pathname;\n if (path.length) {\n setCurrentPath(path);\n }\n }, [currentRoute]);\n\n /**\n * Gets the path name for the given path segment.\n *\n * @param pathSegment - The path segment (string or number) to get the path name for.\n * @returns The path name object for the given path segment.\n */\n const getPathName = (pathSegment: string): customRoute => {\n const route = routes?.find((route) => route.path === pathSegment);\n\n return {\n path: route?.path || pathSegment,\n name: route?.name || pathSegment,\n url: route?.url || pathSegment,\n };\n };\n\n /** Array of path segments from current path */\n const segments = currentPath.split(\"/\").filter((segment) => segment);\n /** Index of last item in segments array */\n const lastSegment = segments.length - 1;\n\n /** Unique id for breadcrumb */\n const uuid = React.useId();\n\n return currentPath.length ? (\n <Nav\n id={id}\n {...props}\n styles={styles}\n className={classes}\n aria-label={ariaLabelPrefix}\n >\n <Items key={`${startRoute}-${uuid}`}>\n <Link href={startRouteUrl} {...linkProps}>\n {startRoute}\n </Link>\n </Items>\n <>\n {segments.length\n ? segments.map((segment: string, index: number) => {\n const currentSegment = getPathName(segment);\n const { name, url, path } = currentSegment;\n return index === lastSegment ? (\n <>\n {typeof segments[lastSegment] === \"string\" &&\n segments[lastSegment].length > 3 &&\n segments[lastSegment] !== segments[lastSegment - 1] && (\n <Items key={`${path || index}-${uuid}`}>\n <span aria-hidden=\"true\">{spacer}</span>\n <a\n href=\"#\"\n aria-current=\"page\"\n aria-label={\n name.length > truncateLength ? name : undefined\n }\n >\n {Truncate(decodeURIComponent(name), truncateLength)}\n </a>\n </Items>\n )}\n </>\n ) : (\n <Items key={`${currentSegment?.name}-${uuid}`}>\n <span aria-hidden=\"true\">{spacer}</span>\n <span>\n <Link\n href={url}\n aria-label={\n name.length > truncateLength ? name : undefined\n }\n {...linkProps}\n >\n {Truncate(decodeURIComponent(name), truncateLength)}\n </Link>\n </span>\n </Items>\n );\n })\n : null}\n </>\n </Nav>\n ) : (\n <></>\n );\n};\n\nexport default Breadcrumb;\n\nBreadcrumb.displayName = \"BreadCrumb\";\nBreadcrumb.Nav = Nav;\nBreadcrumb.List = List;\nBreadcrumb.Items = Items;\n","/**\n * Converts a string to a slug by:\n * - Converting to lowercase\n * - Trimming whitespace\n * - Removing non-word and non-hyphen characters\n * - Replacing sequences of whitespace and hyphens with a single hyphen\n * - Removing leading and trailing hyphens\n *\n * @param str - The string to slugify\n * @returns The slugified string\n */\nexport const Slugify = (str: string) => {\n return str\n .toLowerCase()\n .trim()\n .replace(/[^\\w\\s-]/g, '')\n .replace(/[\\s_-]+/g, '-')\n .replace(/^-+|-+$/g, '')\n}\n\n/**\n * Truncates a string to a maximum length.\n *\n * @param str - The string to truncate.\n * @param length - The maximum length of the truncated string. Defaults to 15.\n * @returns The truncated string, with ellipses appended if truncated.\n */\nexport const Truncate = (str: string, length: number = 15) => {\n return str.length > length ? `${str.slice(0, length)}...` : str\n}\n"]}
|
package/libs/chunk-ECLD37WN.cjs
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var chunkX3EVB7VS_cjs = require('./chunk-X3EVB7VS.cjs');
|
|
4
|
-
var chunk6TE5QEVE_cjs = require('./chunk-6TE5QEVE.cjs');
|
|
5
|
-
var e = require('react');
|
|
6
|
-
|
|
7
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
|
-
|
|
9
|
-
var e__default = /*#__PURE__*/_interopDefault(e);
|
|
10
|
-
|
|
11
|
-
var I=(t,r=15)=>t.length>r?`${t.slice(0,r)}...`:t;var f=({styles:t,id:r,classes:o,children:a,...p})=>e__default.default.createElement("li",{id:r,style:t,className:o,"data-list":"unstyled inline",...p},a),C=({children:t,...r})=>e__default.default.createElement(chunk6TE5QEVE_cjs.a,{as:"ol","data-list":"unstyled inline",...r},t),N=({styles:t,id:r,classes:o,children:a,...p})=>e__default.default.createElement(chunk6TE5QEVE_cjs.a,{as:"nav",id:r,styles:t,className:o,...p},e__default.default.createElement(C,null,a)),m=({startRoute:t="Home",startRouteUrl:r="/",currentRoute:o,spacer:a=e__default.default.createElement(e__default.default.Fragment,null,"/"),routes:p,styles:U,id:$,classes:k,ariaLabelPrefix:L,truncateLength:d=15,linkProps:b,...v})=>{let[P,w]=e__default.default.useState("");e__default.default.useEffect(()=>{let n=o||window.location.pathname;n.length&&w(n);},[o]);let x=n=>{let i=p?.find(c=>c.path===n);return {path:i?.path||n,name:i?.name||n,url:i?.url||n}},s=P.split("/").filter(n=>n),u=s.length-1,g=e__default.default.useId();return P.length?e__default.default.createElement(N,{id:$,...v,styles:U,className:k,"aria-label":L},e__default.default.createElement(f,{key:`${t}-${g}`},e__default.default.createElement(chunkX3EVB7VS_cjs.b,{href:r,...b},t)),e__default.default.createElement(e__default.default.Fragment,null,s.length?s.map((n,i)=>{let c=x(n),{name:l,url:B,path:E}=c;return i===u?e__default.default.createElement(e__default.default.Fragment,null,typeof s[u]=="string"&&s[u].length>3&&s[u]!==s[u-1]&&e__default.default.createElement(f,{key:`${E||i}-${g}`},e__default.default.createElement("span",{"aria-hidden":"true"},a),e__default.default.createElement("a",{href:"#","aria-current":"page","aria-label":l.length>d?l:void 0},I(decodeURIComponent(l),d)))):e__default.default.createElement(f,{key:`${c?.name}-${g}`},e__default.default.createElement("span",{"aria-hidden":"true"},a),e__default.default.createElement("span",null,e__default.default.createElement(chunkX3EVB7VS_cjs.b,{href:B,"aria-label":l.length>d?l:void 0,...b},I(decodeURIComponent(l),d))))}):null)):e__default.default.createElement(e__default.default.Fragment,null)},_=m;m.displayName="BreadCrumb";m.Nav=N;m.List=C;m.Items=f;
|
|
12
|
-
|
|
13
|
-
exports.a = m;
|
|
14
|
-
exports.b = _;
|
|
15
|
-
//# sourceMappingURL=out.js.map
|
|
16
|
-
//# sourceMappingURL=chunk-ECLD37WN.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/breadcrumbs/breadcrumb.tsx","../src/libs/content.ts"],"names":["React","Truncate","str","length","Items","styles","id","classes","children","props","List","ui_default","Nav","Breadcrumb","startRoute","startRouteUrl","currentRoute","spacer","routes","ariaLabelPrefix","truncateLength","linkProps","currentPath","setCurrentPath","path","getPathName","pathSegment","route","segments","segment","lastSegment","uuid","link_default","index","currentSegment","name","url","breadcrumb_default"],"mappings":"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","sourcesContent":["// Code: Breadcrumb component\nimport React from \"react\";\nimport UI from \"#components/ui\";\nimport { Truncate } from \"#libs/content\";\nimport Link from \"#components/link/link\";\n\n// TYPES\n\ntype customRoute = {\n /** The path or id for routing */\n path?: string;\n /** The display name */\n name: string;\n /** The url if linking out */\n url?: string;\n};\n\ntype BreadcrumbProps = {\n /** Array of custom route objects */\n routes?: customRoute[];\n /** Starting route node */\n startRoute?: React.ReactNode;\n /* Starting route url */\n startRouteUrl?: string;\n /** Spacer node between routes */\n spacer?: React.ReactNode;\n /** String representing current route */\n currentRoute?: string;\n /** Prefix breadcrumb aria-label - \"prefix breadcrumb\" */\n ariaLabelPrefix?: string;\n /** Truncate breadcrumb text after this length */\n truncateLength?: number;\n /** Link props for breadcrumb links */\n linkProps?: React.ComponentProps<typeof Link>;\n} & React.ComponentProps<typeof UI>;\n\n// Components\n\n/**\n * Items component.\n *\n * @param styles - Styles object for the item.\n * @param id - Id for the item.\n * @param classes - Class names for the item.\n * @param children - Child components.\n * @param props - Other props.\n */\nconst Items = ({\n styles,\n id,\n classes,\n children,\n ...props\n}: React.ComponentProps<typeof UI>) => {\n return (\n <li\n id={id}\n style={styles}\n className={classes}\n data-list=\"unstyled inline\"\n {...props}\n >\n {children}\n </li>\n );\n};\n\n/**\n * List component.\n *\n * @param children - The content to render inside the list.\n * @param props - Additional props to pass to the UI component.\n */\nconst List = ({ children, ...props }: React.ComponentProps<typeof UI>) => {\n return (\n <UI as=\"ol\" data-list=\"unstyled inline\" {...props}>\n {children}\n </UI>\n );\n};\n\n/**\n * Nav component.\n *\n * @param styles - Styles object for the nav.\n * @param id - Id for the nav.\n * @param classes - Class names for the nav.\n * @param children - Child components.\n * @param props - Other props.\n */\nconst Nav = ({\n styles,\n id,\n classes,\n children,\n ...props\n}: React.ComponentProps<typeof UI>) => {\n return (\n <UI as=\"nav\" id={id} styles={styles} className={classes} {...props}>\n <List>{children}</List>\n </UI>\n );\n};\n\n/**\n * Navigation component for breadcrumbs.\n *\n * @param props - Props for the navigation component.\n * @param props.startRoute - Starting route node. Default 'Home'.\n * @param props.currentRoute - String representing current route.\n * @param props.spacer - Spacer node between routes. Default '/'.\n * @param props.routes - Array of custom route objects.\n * @param props.styles - Styles object for the nav.\n * @param props.id - Id for the nav.\n * @param props.classes - Class names for the nav.\n * @param props.children - Child components.\n */\nexport const Breadcrumb = ({\n startRoute = \"Home\",\n startRouteUrl = \"/\",\n currentRoute,\n spacer = <>/</>,\n routes,\n styles,\n id,\n classes,\n ariaLabelPrefix,\n truncateLength = 15,\n linkProps,\n ...props\n}: BreadcrumbProps): React.JSX.Element => {\n const [currentPath, setCurrentPath] = React.useState(\"\");\n React.useEffect(() => {\n const path = currentRoute || window.location.pathname;\n if (path.length) {\n setCurrentPath(path);\n }\n }, [currentRoute]);\n\n /**\n * Gets the path name for the given path segment.\n *\n * @param pathSegment - The path segment (string or number) to get the path name for.\n * @returns The path name object for the given path segment.\n */\n const getPathName = (pathSegment: string): customRoute => {\n const route = routes?.find((route) => route.path === pathSegment);\n\n return {\n path: route?.path || pathSegment,\n name: route?.name || pathSegment,\n url: route?.url || pathSegment,\n };\n };\n\n /** Array of path segments from current path */\n const segments = currentPath.split(\"/\").filter((segment) => segment);\n /** Index of last item in segments array */\n const lastSegment = segments.length - 1;\n\n /** Unique id for breadcrumb */\n const uuid = React.useId();\n\n return currentPath.length ? (\n <Nav\n id={id}\n {...props}\n styles={styles}\n className={classes}\n aria-label={ariaLabelPrefix}\n >\n <Items key={`${startRoute}-${uuid}`}>\n <Link href={startRouteUrl} {...linkProps}>\n {startRoute}\n </Link>\n </Items>\n <>\n {segments.length\n ? segments.map((segment: string, index: number) => {\n const currentSegment = getPathName(segment);\n const { name, url, path } = currentSegment;\n return index === lastSegment ? (\n <>\n {typeof segments[lastSegment] === \"string\" &&\n segments[lastSegment].length > 3 &&\n segments[lastSegment] !== segments[lastSegment - 1] && (\n <Items key={`${path || index}-${uuid}`}>\n <span aria-hidden=\"true\">{spacer}</span>\n <a\n href=\"#\"\n aria-current=\"page\"\n aria-label={\n name.length > truncateLength ? name : undefined\n }\n >\n {Truncate(decodeURIComponent(name), truncateLength)}\n </a>\n </Items>\n )}\n </>\n ) : (\n <Items key={`${currentSegment?.name}-${uuid}`}>\n <span aria-hidden=\"true\">{spacer}</span>\n <span>\n <Link\n href={url}\n aria-label={\n name.length > truncateLength ? name : undefined\n }\n {...linkProps}\n >\n {Truncate(decodeURIComponent(name), truncateLength)}\n </Link>\n </span>\n </Items>\n );\n })\n : null}\n </>\n </Nav>\n ) : (\n <></>\n );\n};\n\nexport default Breadcrumb;\n\nBreadcrumb.displayName = \"BreadCrumb\";\nBreadcrumb.Nav = Nav;\nBreadcrumb.List = List;\nBreadcrumb.Items = Items;\n","/**\n * Converts a string to a slug by:\n * - Converting to lowercase\n * - Trimming whitespace\n * - Removing non-word and non-hyphen characters\n * - Replacing sequences of whitespace and hyphens with a single hyphen\n * - Removing leading and trailing hyphens\n *\n * @param str - The string to slugify\n * @returns The slugified string\n */\nexport const Slugify = (str: string) => {\n return str\n .toLowerCase()\n .trim()\n .replace(/[^\\w\\s-]/g, '')\n .replace(/[\\s_-]+/g, '-')\n .replace(/^-+|-+$/g, '')\n}\n\n/**\n * Truncates a string to a maximum length.\n *\n * @param str - The string to truncate.\n * @param length - The maximum length of the truncated string. Defaults to 15.\n * @returns The truncated string, with ellipses appended if truncated.\n */\nexport const Truncate = (str: string, length: number = 15) => {\n return str.length > length ? `${str.slice(0, length)}...` : str\n}\n"]}
|
package/libs/chunk-HYBZBN4G.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { a } from './chunk-NE6YXTMC.js';
|
|
2
|
-
import d from 'react';
|
|
3
|
-
|
|
4
|
-
var e=({type:o="h3",id:r,styles:p,ui:i,children:a$1,...s})=>d.createElement(a,{as:o,id:r,styles:p,"data-ui":i,...s},a$1),n=e;e.displayName="Heading";
|
|
5
|
-
|
|
6
|
-
export { n as a };
|
|
7
|
-
//# sourceMappingURL=out.js.map
|
|
8
|
-
//# sourceMappingURL=chunk-HYBZBN4G.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/heading/heading.tsx"],"names":["React","Heading","type","id","styles","ui","children","props","ui_default","heading_default"],"mappings":"wCAAA,OAAOA,MAAW,QAUlB,IAAMC,EAAU,CAAC,CACf,KAAAC,EAAO,KACP,GAAAC,EACA,OAAAC,EACA,GAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAEIP,EAAA,cAACQ,EAAA,CAAG,GAAIN,EAAM,GAAIC,EAAI,OAAQC,EAAQ,UAASC,EAAK,GAAGE,GACpDD,CACH,EAIGG,EAAQR,EACfA,EAAQ,YAAc","sourcesContent":["import React from 'react'\nimport UI from '#components/ui'\nimport { type } from 'os'\n\nexport type TitleProps = {\n children: React.ReactNode\n type: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n ui?: string\n} & React.ComponentProps<typeof UI>\n\nconst Heading = ({\n type = 'h3',\n id,\n styles,\n ui,\n children,\n ...props\n}: TitleProps) => {\n return (\n <UI as={type} id={id} styles={styles} data-ui={ui} {...props}>\n {children}\n </UI>\n )\n}\n\nexport default Heading\nHeading.displayName = 'Heading'\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/icons/components/code.tsx","../src/components/icons/components/svg.tsx","../src/components/icons/components/home.tsx","../src/components/icons/components/add.tsx","../src/components/icons/components/arrow-left.tsx","../src/components/icons/components/chat.tsx","../src/components/icons/components/arrow-down.tsx","../src/components/icons/components/arrow-up.tsx","../src/components/icons/components/arrow-right.tsx","../src/components/icons/components/user.tsx","../src/components/icons/components/right.tsx","../src/components/icons/components/left.tsx","../src/components/icons/components/minus.tsx","../src/components/icons/components/remove.tsx","../src/components/icons/components/copy.tsx","../src/components/icons/components/up.tsx","../src/components/icons/components/down.tsx","../src/components/icons/components/star.tsx","../src/components/icons/components/play.tsx","../src/components/icons/components/pause.tsx","../src/components/icons/components/resume.tsx","../src/components/icons/components/stop.tsx","../src/components/icons/components/stop-solid.tsx","../src/components/icons/components/play-solid.tsx","../src/components/icons/components/pause-solid.tsx","../src/components/icons/components/resume-solid.tsx","../src/components/icons/components/info.tsx","../src/components/icons/components/alert-solid.tsx","../src/components/icons/components/info-solid.tsx","../src/components/icons/components/question-solid.tsx","../src/components/icons/components/warn-solid.tsx","../src/components/icons/components/success-solid.tsx","../src/components/icons/components/alert-square-solid.tsx","../src/components/icons/icon.tsx"],"names":["React","defaultStyes","Svg","fill","strokeColor","styles","size","role","alt","children","props","svg_default","defaultStyles","Code","Home","Add","ArrowLeft","Chat","ArrowDown","ArrowUp","ArrowRight","User","Right","Left","Minus","Remove","Copy","Up","Down","Star","Play","Pause","Resume","Stop","StopSolid","PlaySolid","PauseSolid","ResumeSolid","Info","AlertSolid","InfoSolid","QuestionSolid","WarnSolid","SuccessSolid","AlertSquareSolid","Icon","id","classes","ui_default","icon_default"],"mappings":"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","sourcesContent":["import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\nexport const Code = ({\n strokeColor = 'currentColor',\n fill = 'none',\n size = 16,\n styles,\n role = 'img',\n alt = 'Code icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n> = {}) => {\n return (\n <Svg size={size} role={role} alt={alt} styles={styles} {...props}>\n <g\n fill={fill}\n stroke={strokeColor}\n strokeLinecap=\"square\"\n strokeLinejoin=\"miter\"\n strokeMiterlimit=\"10\"\n strokeWidth=\"2\"\n >\n <rect\n height=\"22\"\n width=\"18\"\n fill=\"none\"\n stroke={strokeColor}\n x=\"3\"\n y=\"1\"\n />\n <polyline fill=\"none\" points=\"9 9 6 12 9 15\" />\n <polyline fill=\"none\" points=\"15 15 18 12 15 9\" />\n </g>\n </Svg>\n )\n}\n\nexport default Code\nCode.styles = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\n\nconst defaultStyes = {\n display: 'inline-flex',\n alignItems: 'center',\n width: 'auto',\n}\n\nexport const Svg = ({\n fill,\n strokeColor,\n styles,\n size = 24,\n role = 'img',\n alt,\n children,\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt' | 'children'\n>) => {\n return (\n <svg\n fill={fill}\n stroke={strokeColor}\n height={size}\n width={size}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={styles}\n role={role}\n aria-label={alt}\n {...props}\n >\n {children}\n </svg>\n )\n}\n\nexport default Svg\nSvg.displayName = 'Svg'\nSvg.styles = defaultStyes\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'currentColor',\n stroke: 'none',\n}\n\n/**\n * Renders a home icon.\n *\n * @param {string} strokeColor - The color of the icon's stroke.\n * @param {string} fill - The color of the icon's fill.\n * @param {string} size - The size of the icon.\n * @param {string} viewBox - The viewBox of the icon.\n * @param {string} name - The name of the icon.\n * @param {Object} styles - The styles of the icon.\n * @param {Object} props - The props of the icon.\n * @returns {JSX.Element} - A home icon.\n */\nexport const Home = ({\n strokeColor = 'currentColor',\n fill = 'none',\n size = 16,\n styles = defaultStyles,\n role = 'img',\n alt = 'Home icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g\n fill={fill}\n stroke={strokeColor}\n strokeLinecap=\"square\"\n strokeLinejoin=\"miter\"\n strokeMiterlimit=\"10\"\n strokeWidth=\"2\"\n >\n <polygon\n fill=\"none\"\n points=\"12 2 2 10 2 23 9 23 9 16 15 16 15 23 22 23 22 10 12 2\"\n stroke={strokeColor}\n />\n </g>\n </Svg>\n )\n}\n\nexport default Home\nHome.displayName = 'Home'\nHome.styles = defaultStyles\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: \"currentColor\",\n};\n\n/**\n * Add Icon component\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {IconProps} props - Other icon properties\n * @returns {JSX.Element} - Rendered component\n */\nexport const Add = ({\n fill = \"gray\",\n size = 24,\n role = \"img\",\n alt = \"Add icon\",\n ...props\n}: Pick<\n IconProps,\n \"strokeColor\" | \"fill\" | \"styles\" | \"size\" | \"role\" | \"alt\"\n>): JSX.Element => {\n return (\n <Svg size={size} role={role} alt={alt} {...props}>\n <g fill={fill}>\n <path\n d=\"M17,11h-4V7c0-.553-.447-1-1-1s-1,.447-1,1v4H7c-.553,0-1,.447-1,1s.447,1,1,1h4v4c0,.553,.447,1,1,1s1-.447,1-1v-4h4c.553,0,1-.447,1-1s-.447-1-1-1Z\"\n fill={fill}\n />\n </g>\n </Svg>\n );\n};\n\nexport default Add;\nAdd.styles = defaultStyles;\nAdd.displayName = \"Add\";\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = { ...Svg.styles }\n\nexport const ArrowLeft = ({\n strokeColor = 'currentColor',\n fill = 'currentColor',\n size = 16,\n styles,\n role = 'img',\n alt = 'Arrow pointing left',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} {...props} alt={alt}>\n <g fill={fill} strokeMiterlimit=\"10\">\n <line\n fill=\"none\"\n stroke={strokeColor}\n strokeLinecap=\"butt\"\n strokeLinejoin=\"miter\"\n strokeWidth=\"2\"\n x1=\"22\"\n x2=\"2\"\n y1=\"12\"\n y2=\"12\"\n />\n <polyline\n fill=\"none\"\n points=\"9,19 2,12 9,5 \"\n stroke={strokeColor}\n strokeLinecap=\"square\"\n strokeLinejoin=\"miter\"\n strokeWidth=\"2\"\n />\n </g>\n </Svg>\n )\n}\n\nexport default ArrowLeft\nArrowLeft.styles = defaultStyles\nArrowLeft.displayName = 'ArrowLeft'\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = { ...Svg.styles }\n\n/**\n * @param {string} size - The width and height of the icon in pixels. Defaults to 24.\n * @param {string} strokeColor - The color of the icon stroke. Defaults to 'currentcolor'.\n * @param {React.CSSProperties} styles - Additional CSS styles to apply to the icon.\n * @param {IconProps} props - Additional props to pass to the SVG element.\n * @returns {JSX.Element} - A chat icon component that displays a speech bubble with lines representing text.\n */\nexport const Chat = ({\n size = 16,\n strokeColor = 'currentcolor',\n styles,\n role = 'img',\n alt = 'Chat icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>): JSX.Element => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g fill={strokeColor} strokeMiterlimit=\"10\">\n <path\n d=\"M21,2H3c-1.105,0-2,.895-2,2V15c0,1.105,.895,2,2,2h5l4,5,4-5h5c1.105,0,2-.895,2-2V4c0-1.105-.895-2-2-2Z\"\n fill=\"none\"\n stroke={strokeColor}\n strokeLinecap=\"square\"\n strokeLinejoin=\"miter\"\n strokeWidth=\"2\"\n />\n </g>\n </Svg>\n )\n}\n\nexport default Chat\nChat.styles = defaultStyles\nChat.displayName = 'Chat'\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = { ...Svg.styles }\n\n/**\n * ArrowDown icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const ArrowDown = ({\n fill = 'currentColor',\n styles,\n size = 16,\n role = 'img',\n alt = 'Down icon',\n ...props\n}: Pick<IconProps, 'fill' | 'styles' | 'size' | 'role' | 'alt'>) => {\n return (\n <Svg size={size} role={role} styles={styles} alt={alt} {...props}>\n <g fill={fill} strokeMiterlimit=\"10\">\n <line\n fill=\"none\"\n stroke={fill}\n strokeLinecap=\"butt\"\n strokeLinejoin=\"miter\"\n strokeWidth=\"2\"\n x1=\"12\"\n x2=\"12\"\n y1=\"2\"\n y2=\"22\"\n />\n <polyline\n fill=\"none\"\n points=\"19,15 12,22 5,15 \"\n stroke={fill}\n strokeLinecap=\"square\"\n strokeLinejoin=\"miter\"\n strokeWidth=\"2\"\n />\n </g>\n </Svg>\n )\n}\n\nexport default ArrowDown\nArrowDown.styles = defaultStyles\nArrowDown.displayName = 'ArrowDown'\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\n/**\n * ArrowUp icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const ArrowUp = ({\n strokeColor = 'currentColor',\n styles,\n size = 16,\n role = 'img',\n alt = 'Up arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g\n fill=\"none\"\n stroke={strokeColor}\n strokeLinecap=\"square\"\n strokeLinejoin=\"miter\"\n strokeMiterlimit=\"10\"\n strokeWidth=\"2\"\n >\n <line fill=\"none\" strokeLinecap=\"butt\" x1=\"12\" x2=\"12\" y1=\"22\" y2=\"2\" />\n <polyline fill=\"none\" points=\"5,9 12,2 19,9 \" stroke={strokeColor} />\n </g>\n </Svg>\n )\n}\n\nexport default ArrowUp\nArrowUp.displayName = 'ArrowUp'\nArrowUp.style = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'currentColor',\n}\n\n/*\n * ArrowRight icon component.\n *\n * Renders a right arrow SVG icon.\n *\n * @param {IconProps} props - The component props\n * @param {string} [props.size=\"24\"] - Icon size\n * @param {string} [props.fill=\"currentColor\"] - Icon fill color\n * @param {string} [props.strokeColor=\"currentColor\"] - Stroke color\n *\n * @returns {React.ReactElement} - The rendered icon\n */\nexport const ArrowRight = ({\n size = 16,\n fill = 'currentColor',\n strokeColor = 'currentColor',\n styles,\n role = 'img',\n alt = 'Right arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g\n fill={fill}\n stroke={strokeColor}\n strokeLinecap=\"square\"\n strokeLinejoin=\"miter\"\n strokeMiterlimit=\"10\"\n strokeWidth=\"2\"\n >\n <line fill=\"none\" strokeLinecap=\"butt\" x1=\"2\" x2=\"22\" y1=\"12\" y2=\"12\" />\n <polyline fill=\"none\" points=\"15,5 22,12 15,19 \" stroke={strokeColor} />\n </g>\n </Svg>\n )\n}\n\nexport default ArrowRight\nArrowRight.displayName = 'ArrowRight'\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\nexport const User = ({\n size = 16,\n fill = 'none',\n strokeColor = 'currentColor',\n styles,\n alt = 'User Icon',\n role,\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} role={role} alt={alt} styles={styles} {...props}>\n <g\n fill={fill}\n stroke={strokeColor}\n strokeLinecap=\"square\"\n strokeLinejoin=\"miter\"\n strokeMiterlimit=\"10\"\n strokeWidth=\"2\"\n >\n <circle cx=\"12\" cy=\"5.5\" fill=\"none\" r=\"4.5\" />\n <path\n d=\"M12,14c-4.971,0-9,4.029-9,9H21c0-4.971-4.029-9-9-9Z\"\n fill=\"none\"\n stroke={strokeColor}\n />\n </g>\n </Svg>\n )\n}\n\nexport default User\nUser.styles = defaultStyles\nUser.displayName = 'User'\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n fill: 'currentColor',\n}\n\n/**\n * Renders a right arrow icon.\n *\n * @param {string} size - The size of the icon.\n * @param {string} fill - The fill color of the icon.\n * @param {React.CSSProperties} styles - The styles to apply to the icon.\n * @param {IconProps} props - The props to pass down to the icon.\n * @returns {JSX.Element} - A right arrow icon.\n */\nexport const Right = ({\n size = 16,\n fill = 'currentColor',\n styles,\n role = 'img',\n alt = 'Right arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} alt={alt} styles={styles} role={role} {...props}>\n <g fill={fill}>\n <path\n d=\"M7,23a1,1,0,0,1-.707-1.707L15.586,12,6.293,2.707A1,1,0,0,1,7.707,1.293l10,10a1,1,0,0,1,0,1.414l-10,10A1,1,0,0,1,7,23Z\"\n fill={fill}\n />\n </g>\n </Svg>\n )\n}\n\nexport default Right\nRight.displayName = 'Right'\nRight.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'currentColor',\n}\n\n/**\n * Left arrow icon\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {React.CSSProperties} styles - Icon styles (default: {})\n * @param {IconProps} props - Any other valid props for an SVG element\n * @returns {JSX.Element} - Rendered icon component\n */\nexport const Left = ({\n fill = 'currentColor',\n size = 16,\n styles,\n role = 'img',\n alt = 'Left arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} alt={alt} role={role} {...props}>\n <g fill={fill}>\n <path\n d=\"M17,23a1,1,0,0,1-.707-.293l-10-10a1,1,0,0,1,0-1.414l10-10a1,1,0,0,1,1.414,1.414L8.414,12l9.293,9.293A1,1,0,0,1,17,23Z\"\n fill={fill}\n />\n </g>\n </Svg>\n )\n}\n\nexport default Left\nLeft.displayName = 'Left'\nLeft.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n fill: 'currentColor',\n}\n\n/**\n * Minus icon component\n * @param {string} size - Icon size (default: 24)\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {object} styles - Inline styles for the SVG element\n * @param {object} props - Any other SVG attributes\n * @returns {JSX.Element} - Rendered Minus icon component\n */\nexport const Minus = ({\n size = 24,\n fill = 'currentColor',\n styles,\n role = 'img',\n alt = 'Minus icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g fill={fill}>\n <path\n d=\"M17,11H7c-.553,0-1,.447-1,1s.447,1,1,1h10c.553,0,1-.447,1-1s-.447-1-1-1Z\"\n fill={fill}\n />\n </g>\n </Svg>\n )\n}\n\nexport default Minus\nMinus.displayName = 'Minus'\nMinus.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n fill: 'currenStyle',\n}\n\n/**\n * Remove icon component\n * @param {string} size - The size of the icon\n * @param {string} fill - The fill color of the icon\n * @param {object} styles - The styles to apply to the icon\n * @param {object} props - The additional props to pass to the icon\n * @returns {JSX.Element} - The Remove icon component\n */\nexport const Remove = ({\n size = 16,\n fill = 'currentColor',\n styles,\n role = 'img',\n alt = 'Remove icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} alt={alt} styles={styles} role={role} {...props}>\n <g fill={fill}>\n <path\n d=\"M19.7,4.3c-0.4-0.4-1-0.4-1.4,0L12,10.6L5.7,4.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l6.3,6.3l-6.3,6.3 c-0.4,0.4-0.4,1,0,1.4C4.5,19.9,4.7,20,5,20s0.5-0.1,0.7-0.3l6.3-6.3l6.3,6.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L13.4,12l6.3-6.3C20.1,5.3,20.1,4.7,19.7,4.3z\"\n fill={fill}\n />\n </g>\n </Svg>\n )\n}\n\nexport default Remove\nRemove.displayName = 'Remove'\nRemove.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n stroke: 'currentColor',\n}\n\n/**\n * Copy icon component\n * @param {string} size - The width and height of the icon\n * @param {string} strokeColor - The color of the icon stroke\n * @param {IconProps} props - The icon component props\n * @returns {JSX.Element} - A react JSX element representing the copy icon\n */\nexport const Copy = ({\n size = 16,\n strokeColor = 'currentColor',\n styles,\n role = 'img',\n alt = 'Copy icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>): JSX.Element => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g\n fill=\"none\"\n stroke={strokeColor}\n strokeLinecap=\"square\"\n strokeLinejoin=\"miter\"\n strokeMiterlimit=\"10\"\n strokeWidth=\"2\"\n >\n <polyline\n fill=\"none\"\n points=\"8 19 2 19 2 1 17 1 17 6\"\n stroke={strokeColor}\n />\n <rect height=\"13\" width=\"10\" fill=\"none\" x=\"12\" y=\"10\" />\n </g>\n </Svg>\n )\n}\n\nexport default Copy\nCopy.displayName = 'Copy'\nCopy.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = { ...Svg.styles }\nexport const Up = ({\n size = 16,\n fill = 'currentColor',\n styles,\n role = 'img',\n alt = 'Up arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} alt={alt} styles={styles} role={role} {...props}>\n <g fill={fill}>\n <path\n d=\"M22,18a1,1,0,0,1-.707-.293L12,8.414,2.707,17.707a1,1,0,0,1-1.414-1.414l10-10a1,1,0,0,1,1.414,0l10,10A1,1,0,0,1,22,18Z\"\n fill={fill}\n />\n </g>\n </Svg>\n )\n}\n\nexport default Up\nUp.displayName = 'Up'\nUp.styles = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = { ...Svg.styles }\n\nexport const Down = ({\n size = 16,\n fill = 'currentColor',\n styles,\n role = 'img',\n alt = 'Down arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} alt={alt} styles={styles} role={role} {...props}>\n <g fill={fill}>\n <path\n d=\"M12,18a1,1,0,0,1-.707-.293l-10-10A1,1,0,0,1,2.707,6.293L12,15.586l9.293-9.293a1,1,0,1,1,1.414,1.414l-10,10A1,1,0,0,1,12,18Z\"\n fill={fill}\n />\n </g>\n </Svg>\n )\n}\n\nexport default Down\nDown.displayName = 'Down'\nDown.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nexport function Star({\n size = 16,\n fill,\n strokeColor = 'currentColor',\n styles,\n role = 'img',\n alt = 'Star icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) {\n return (\n <Svg size={size} alt={alt} styles={styles} role={role} {...props}>\n <g\n fill={fill}\n stroke={strokeColor}\n strokeLinecap=\"square\"\n strokeLinejoin=\"miter\"\n strokeMiterlimit=\"10\"\n strokeWidth=\"2\"\n >\n <polygon\n fill=\"none\"\n points=\"12,2.49 15.09,8.75 22,9.754 17,14.628 18.18,21.51 12,18.262 5.82,21.51 7,14.628 2,9.754 8.91,8.75 \"\n stroke={strokeColor}\n />\n </g>\n </Svg>\n )\n}\n\nexport default Star\nStar.displayName = 'Star'\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\n/**\n * ArrowUp icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const Play = ({\n strokeColor = 'currentColor',\n styles,\n size = 24,\n role = 'img',\n alt = 'Up arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g\n fill=\"none\"\n stroke-linecap=\"square\"\n stroke-linejoin=\"miter\"\n stroke-miterlimit=\"10\"\n >\n <path\n d=\"M7 21L7 3L19 12L7 21Z\"\n stroke={strokeColor}\n stroke-width=\"2\"\n fill=\"none\"\n ></path>{' '}\n </g>\n </Svg>\n )\n}\n\nexport default Play\nPlay.displayName = 'PlayIcon'\nPlay.style = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\n/**\n * ArrowUp icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const Pause = ({\n strokeColor = 'currentColor',\n styles,\n size = 16,\n role = 'img',\n alt = 'Up arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g\n fill=\"none\"\n stroke-linecap=\"square\"\n stroke-linejoin=\"miter\"\n stroke-miterlimit=\"10\"\n >\n <rect\n x=\"2\"\n y=\"2\"\n width=\"6\"\n height=\"20\"\n fill=\"none\"\n stroke={strokeColor}\n stroke-width=\"2\"\n ></rect>\n <rect\n x=\"16\"\n y=\"2\"\n width=\"6\"\n height=\"20\"\n fill=\"none\"\n stroke={strokeColor}\n stroke-width=\"2\"\n ></rect>\n </g>\n </Svg>\n )\n}\n\nexport default Pause\nPause.displayName = 'Pause'\nPause.style = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\n/**\n * Resume icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const Resume = ({\n strokeColor = 'currentColor',\n styles,\n size = 16,\n role = 'img',\n alt = 'Up arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g\n fill=\"none\"\n stroke-linecap=\"square\"\n stroke-linejoin=\"miter\"\n stroke-miterlimit=\"10\"\n >\n <path\n d=\"M20 21L20 3\"\n stroke={strokeColor}\n stroke-width=\"2\"\n fill=\"none\"\n ></path>\n <path\n d=\"M4 4L4 20L16 12L4 4Z\"\n stroke={strokeColor}\n stroke-width=\"2\"\n fill=\"none\"\n ></path>\n </g>\n </Svg>\n )\n}\n\nexport default Resume\nResume.displayName = 'Resume'\nResume.style = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\n/**\n * Stop icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const Stop = ({\n strokeColor = 'currentColor',\n styles,\n size = 16,\n role = 'img',\n alt = 'Up arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g\n fill=\"none\"\n stroke-linecap=\"square\"\n stroke-linejoin=\"miter\"\n stroke-miterlimit=\"10\"\n >\n <rect\n x=\"2\"\n y=\"2\"\n fill=\"none\"\n stroke={strokeColor}\n stroke-width=\"2\"\n width=\"20\"\n height=\"20\"\n ></rect>\n </g>\n </Svg>\n )\n}\n\nexport default Stop\nStop.displayName = 'Stop'\nStop.style = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\n/**\n * Stop icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const StopSolid = ({\n strokeColor = 'currentColor',\n styles,\n size = 24,\n role = 'img',\n alt = 'Stop icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g fill={strokeColor}>\n <path\n fill={strokeColor}\n d=\"M22,1H2C1.447,1,1,1.447,1,2v20c0,0.553,0.447,1,1,1h20c0.553,0,1-0.447,1-1V2C23,1.447,22.553,1,22,1z\"\n ></path>\n </g>\n </Svg>\n )\n}\n\nexport default StopSolid\nStopSolid.displayName = 'StopSolid'\nStopSolid.style = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\n/**\n * ArrowUp icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const PlaySolid = ({\n strokeColor = 'currentColor',\n styles,\n size = 24,\n role = 'img',\n alt = 'Up arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g fill={strokeColor}>\n <path\n fill={strokeColor}\n d=\"M20.555,11.168l-15-10c-0.307-0.204-0.702-0.224-1.026-0.05C4.203,1.292,4,1.631,4,2v20 c0,0.369,0.203,0.708,0.528,0.882C4.676,22.961,4.838,23,5,23c0.194,0,0.388-0.057,0.555-0.168l15-10C20.833,12.646,21,12.334,21,12 S20.833,11.354,20.555,11.168z\"\n ></path>\n </g>\n </Svg>\n )\n}\n\nexport default PlaySolid\nPlaySolid.displayName = 'PlaySolid'\nPlaySolid.style = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\n/**\n * ArrowUp icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const PauseSolid = ({\n strokeColor = 'currentColor',\n styles,\n size = 24,\n role = 'img',\n alt = 'Pause arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g fill={strokeColor}>\n <path\n d=\"M7,1H2A1,1,0,0,0,1,2V22a1,1,0,0,0,1,1H7a1,1,0,0,0,1-1V2A1,1,0,0,0,7,1Z\"\n fill={strokeColor}\n ></path>\n <path\n d=\"M22,1H17a1,1,0,0,0-1,1V22a1,1,0,0,0,1,1h5a1,1,0,0,0,1-1V2A1,1,0,0,0,22,1Z\"\n fill={strokeColor}\n ></path>\n </g>\n </Svg>\n )\n}\n\nexport default PauseSolid\nPauseSolid.displayName = 'PauseSolid'\nPauseSolid.style = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\n/**\n * Resume icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const ResumeSolid = ({\n strokeColor = 'currentColor',\n styles,\n size = 16,\n role = 'img',\n alt = 'Up arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g fill={strokeColor}>\n <path\n fill={strokeColor}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M3 21.8685L17.8028 12L3 2.1315L3 21.8685Z\"\n ></path>\n <path\n fill={strokeColor}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M19 2L19 22L21 22L21 2L19 2Z\"\n ></path>\n </g>\n </Svg>\n )\n}\n\nexport default ResumeSolid\nResumeSolid.displayName = 'ResumeSolid'\nResumeSolid.style = defaultStyles\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\n\n/**\n * Add Icon component\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {IconProps} props - Other icon properties\n * @returns {JSX.Element} - Rendered component\n */\nexport const Info = ({\n fill = \"currentColor\",\n size = 24,\n role = \"img\",\n alt = \"Info icon\",\n ...props\n}: Pick<\n IconProps,\n \"strokeColor\" | \"fill\" | \"styles\" | \"size\" | \"role\" | \"alt\"\n>): JSX.Element => {\n return (\n <Svg size={size} role={role} alt={alt} {...props}>\n <g fill={fill}>\n <path\n d=\"M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 9h2V7h-2v2z\"\n fill={fill}\n />\n </g>\n </Svg>\n );\n};\n\nexport default Info;\nInfo.displayName = \"Info\";\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\n\n/**\n * Add Icon component\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {IconProps} props - Other icon properties\n * @returns {JSX.Element} - Rendered component\n */\nexport const AlertSolid = ({\n fill = \"currentColor\",\n size = 24,\n role = \"img\",\n alt = \"Add icon\",\n ...props\n}: Pick<\n IconProps,\n \"strokeColor\" | \"fill\" | \"styles\" | \"size\" | \"role\" | \"alt\"\n>): JSX.Element => {\n return (\n <Svg size={size} role={role} alt={alt} {...props}>\n <g fill={fill}>\n <path\n d=\"M23.707,6.736,17.263.293A1,1,0,0,0,16.556,0H7.444a1,1,0,0,0-.707.293L.293,6.736A1,1,0,0,0,0,7.443v9.114a1,1,0,0,0,.293.707l6.444,6.443A1,1,0,0,0,7.444,24h9.112a1,1,0,0,0,.707-.293l6.444-6.443A1,1,0,0,0,24,16.557V7.443A1,1,0,0,0,23.707,6.736ZM13.645,5,13,14H11l-.608-9ZM12,20a2,2,0,1,1,2-2A2,2,0,0,1,12,20Z\"\n fill={fill}\n />\n </g>\n </Svg>\n );\n};\n\nexport default AlertSolid;\nAlertSolid.displayName = \"AlertSolid\";\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\n\n/**\n * Add Icon component\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {IconProps} props - Other icon properties\n * @returns {JSX.Element} - Rendered component\n */\nexport const InfoSolid = ({\n fill = \"currentColor\",\n size = 24,\n role = \"img\",\n alt = \"Add icon\",\n ...props\n}: Pick<\n IconProps,\n \"strokeColor\" | \"fill\" | \"styles\" | \"size\" | \"role\" | \"alt\"\n>): JSX.Element => {\n return (\n <Svg size={size} role={role} alt={alt} {...props}>\n <g fill={fill}>\n <path\n fill={fill}\n d=\"M8,17.06V20h8v-2.94c3.059-1.514,5-4.607,5-8.06c0-4.963-4.038-9-9-9S3,4.037,3,9 C3,12.452,4.941,15.546,8,17.06z M7,9c0-2.757,2.243-5,5-5h1v2h-1c-1.654,0-3,1.346-3,3v1H7V9z\"\n ></path>{\" \"}\n <path\n fill={fill}\n d=\"M8,22v1c0,0.553,0.448,1,1,1h6c0.552,0,1-0.447,1-1v-1H8z\"\n ></path>\n </g>\n </Svg>\n );\n};\n\nexport default InfoSolid;\nInfoSolid.displayName = \"InfoSolid\";\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\n\n/**\n * Add Icon component\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {IconProps} props - Other icon properties\n * @returns {JSX.Element} - Rendered component\n */\nexport const QuestionSolid = ({\n fill = \"currentColor\",\n size = 24,\n role = \"img\",\n alt = \"Add icon\",\n ...props\n}: Pick<\n IconProps,\n \"strokeColor\" | \"fill\" | \"styles\" | \"size\" | \"role\" | \"alt\"\n>): JSX.Element => {\n return (\n <Svg size={size} role={role} alt={alt} {...props}>\n <g fill={fill}>\n <path\n d=\"M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12,12-5.383,12-12S18.617,0,12,0Zm0,19.5c-.69,0-1.25-.56-1.25-1.25s.56-1.25,1.25-1.25,1.25,.56,1.25,1.25-.56,1.25-1.25,1.25Zm2.688-7.198c-1.444,1.224-1.688,1.667-1.688,2.198,0,.553-.447,1-1,1s-1-.447-1-1c0-1.434,.807-2.379,2.395-3.724,.447-.38,1.844-1.72,1.024-3.046-.532-.861-2.517-.984-4.162-.256-.507,.223-1.096-.006-1.319-.511-.223-.505,.006-1.096,.511-1.319,2.33-1.03,5.463-.924,6.672,1.035,1.103,1.784,.554,3.938-1.433,5.622Z\"\n fill={fill}\n ></path>\n </g>\n </Svg>\n );\n};\n\nexport default QuestionSolid;\nQuestionSolid.displayName = \"QuestionSolid\";\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\n\n/**\n * Add Icon component\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {IconProps} props - Other icon properties\n * @returns {JSX.Element} - Rendered component\n */\nexport const WarnSolid = ({\n fill = \"currentColor\",\n size = 24,\n role = \"img\",\n alt = \"Add icon\",\n ...props\n}: Pick<\n IconProps,\n \"strokeColor\" | \"fill\" | \"styles\" | \"size\" | \"role\" | \"alt\"\n>): JSX.Element => {\n return (\n <Svg size={size} role={role} alt={alt} {...props}>\n <g fill={fill}>\n <path\n d=\"M23.641,18.485L14.732,1.643C13.931,.134,12.059-.44,10.55,.361c-.546,.29-.992,.736-1.282,1.282L.359,18.485c-.793,1.504-.217,3.367,1.288,4.16,.445,.235,.942,.357,1.445,.355H20.908c1.7,.005,3.083-1.369,3.088-3.07,.002-.504-.12-1-.355-1.445Zm-11.641,1.515c-.828,0-1.5-.672-1.5-1.5s.672-1.5,1.5-1.5,1.5,.672,1.5,1.5-.672,1.5-1.5,1.5Zm.53-5h-1.061c-.264,0-.483-.205-.499-.469l-.438-7c-.018-.288,.211-.531,.499-.531h1.936c.288,0,.517,.243,.499,.531l-.438,7c-.016,.264-.235,.469-.499,.469Z\"\n fill={fill}\n />\n </g>\n </Svg>\n );\n};\n\nexport default WarnSolid;\nWarnSolid.displayName = \"WarnSolid\";\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\n\n/**\n * Add Icon component\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {IconProps} props - Other icon properties\n * @returns {JSX.Element} - Rendered component\n */\nexport const SuccessSolid = ({\n fill = \"currentColor\",\n size = 24,\n role = \"img\",\n alt = \"Add icon\",\n ...props\n}: Pick<\n IconProps,\n \"strokeColor\" | \"fill\" | \"styles\" | \"size\" | \"role\" | \"alt\"\n>): JSX.Element => {\n return (\n <Svg size={size} role={role} alt={alt} {...props}>\n <g fill={fill}>\n <path\n d=\"M12,0C5.373,0,0,5.373,0,12s5.373,12,12,12,12-5.373,12-12C23.981,5.381,18.619,.019,12,0Zm7.207,7.707l-9,9c-.195,.195-.451,.293-.707,.293s-.512-.098-.707-.293l-4-4c-.391-.391-.391-1.023,0-1.414s1.023-.391,1.414,0l3.293,3.293L17.793,6.293c.391-.391,1.023-.391,1.414,0s.391,1.023,0,1.414Z\"\n fill={fill}\n ></path>\n </g>\n </Svg>\n );\n};\n\nexport default SuccessSolid;\nSuccessSolid.displayName = \"SuccessSolid\";\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\n\n/**\n * Add Icon component\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {IconProps} props - Other icon properties\n * @returns {JSX.Element} - Rendered component\n */\nexport const AlertSquareSolid = ({\n fill = \"currentColor\",\n size = 24,\n role = \"img\",\n alt = \"Add icon\",\n ...props\n}: Pick<\n IconProps,\n \"strokeColor\" | \"fill\" | \"styles\" | \"size\" | \"role\" | \"alt\"\n>): JSX.Element => {\n return (\n <Svg size={size} role={role} alt={alt} {...props}>\n <g fill={fill}>\n <path\n d=\"M20,1H4c-1.654,0-3,1.346-3,3V20c0,1.654,1.346,3,3,3H20c1.654,0,3-1.346,3-3V4c0-1.654-1.346-3-3-3ZM11,7c0-.553,.448-1,1-1s1,.447,1,1v6c0,.553-.448,1-1,1s-1-.447-1-1V7Zm1,11.5c-.69,0-1.25-.56-1.25-1.25s.56-1.25,1.25-1.25,1.25,.56,1.25,1.25-.56,1.25-1.25,1.25Z\"\n fill={fill}\n ></path>\n </g>\n </Svg>\n );\n};\n\nexport default AlertSquareSolid;\nAlertSquareSolid.displayName = \"AlertSquareSolid\";\n","import {\n Add,\n ArrowDown,\n ArrowLeft,\n ArrowRight,\n ArrowUp,\n Chat,\n Code,\n Copy,\n Down,\n Home,\n Info,\n Left,\n Minus,\n Remove,\n Right,\n Star,\n Up,\n User,\n Play,\n Pause,\n Stop,\n Resume,\n PlaySolid,\n PauseSolid,\n ResumeSolid,\n StopSolid,\n AlertSolid,\n InfoSolid,\n QuestionSolid,\n WarnSolid,\n SuccessSolid,\n AlertSquareSolid,\n} from \"./index\";\n\nimport UI from \"#components/ui\";\nimport React from \"react\";\n\n/**\n * The default styles object for the Icon component.\n *\n * @property {string} display - Sets display to 'inline-flex' to make Icon inline.\n * @property {string} direction - Sets flex direction to 'row'.\n * @property {string} gap - Sets gap between items to '.2rem'.\n * @property {string} placeItems - Centers items vertically using 'center'.\n * @property {string} width - Sets width to 'auto' for automatic sizing.\n */\nconst defaultStyles = {\n display: \"inline-flex\",\n direction: \"row\",\n gap: \".2rem\",\n placeItems: \"center\",\n width: \"auto\",\n};\n\nexport type IconProps = React.ComponentProps<typeof UI>;\n\nexport const Icon = ({\n id,\n classes,\n children,\n styles,\n ...props\n}: IconProps) => {\n return (\n <UI\n id={id}\n as=\"span\"\n styles={styles}\n className={classes}\n data-icon\n data-style=\"icons\"\n {...props}\n >\n {children}\n </UI>\n );\n};\n\nexport default Icon;\nIcon.displayName = \"Icon\";\nIcon.Add = Add;\nIcon.ArrowDown = ArrowDown;\nIcon.ArrowLeft = ArrowLeft;\nIcon.ArrowRight = ArrowRight;\nIcon.ArrowUp = ArrowUp;\nIcon.Chat = Chat;\nIcon.Code = Code;\nIcon.Copy = Copy;\nIcon.Down = Down;\nIcon.Home = Home;\nIcon.Info = Info;\nIcon.InfoSolid = InfoSolid;\nIcon.AlertSolid = AlertSolid;\nIcon.Left = Left;\nIcon.Minus = Minus;\nIcon.Pause = Pause;\nIcon.PauseSolid = PauseSolid;\nIcon.Play = Play;\nIcon.PlaySolid = PlaySolid;\nIcon.Remove = Remove;\nIcon.Resume = Resume;\nIcon.ResumeSolid = ResumeSolid;\nIcon.Right = Right;\nIcon.Star = Star;\nIcon.Stop = Stop;\nIcon.StopSolid = StopSolid;\nIcon.Up = Up;\nIcon.User = User;\nIcon.styles = defaultStyles;\nIcon.QuestionSolid = QuestionSolid;\nIcon.WarnSolid = WarnSolid;\nIcon.SuccessSolid = SuccessSolid;\nIcon.AlertSquareSolid = AlertSquareSolid;\n// aliases\nIcon.Close = Icon.Remove;\n"]}
|
package/libs/chunk-M5QL5TAE.cjs
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var chunk6TE5QEVE_cjs = require('./chunk-6TE5QEVE.cjs');
|
|
4
|
-
var d = require('react');
|
|
5
|
-
|
|
6
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
7
|
-
|
|
8
|
-
var d__default = /*#__PURE__*/_interopDefault(d);
|
|
9
|
-
|
|
10
|
-
var e=({type:o="h3",id:r,styles:p,ui:i,children:a,...s})=>d__default.default.createElement(chunk6TE5QEVE_cjs.a,{as:o,id:r,styles:p,"data-ui":i,...s},a),n=e;e.displayName="Heading";
|
|
11
|
-
|
|
12
|
-
exports.a = n;
|
|
13
|
-
//# sourceMappingURL=out.js.map
|
|
14
|
-
//# sourceMappingURL=chunk-M5QL5TAE.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/heading/heading.tsx"],"names":["React","Heading","type","id","styles","ui","children","props","ui_default","heading_default"],"mappings":"yCAAA,OAAOA,MAAW,QAUlB,IAAMC,EAAU,CAAC,CACf,KAAAC,EAAO,KACP,GAAAC,EACA,OAAAC,EACA,GAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAEIP,EAAA,cAACQ,EAAA,CAAG,GAAIN,EAAM,GAAIC,EAAI,OAAQC,EAAQ,UAASC,EAAK,GAAGE,GACpDD,CACH,EAIGG,EAAQR,EACfA,EAAQ,YAAc","sourcesContent":["import React from 'react'\nimport UI from '#components/ui'\nimport { type } from 'os'\n\nexport type TitleProps = {\n children: React.ReactNode\n type: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n ui?: string\n} & React.ComponentProps<typeof UI>\n\nconst Heading = ({\n type = 'h3',\n id,\n styles,\n ui,\n children,\n ...props\n}: TitleProps) => {\n return (\n <UI as={type} id={id} styles={styles} data-ui={ui} {...props}>\n {children}\n </UI>\n )\n}\n\nexport default Heading\nHeading.displayName = 'Heading'\n"]}
|
package/libs/chunk-NE6YXTMC.js
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import e from 'react';
|
|
2
|
-
|
|
3
|
-
var t=e.forwardRef(({as:o,styles:p,classes:n,children:r,defaultStyles:s,...P},m)=>{let C=o??"div",a={...s,...p};return e.createElement(C,{ref:m,style:a,className:n,...P},r)}),y=t;t.displayName="FP";
|
|
4
|
-
|
|
5
|
-
export { y as a };
|
|
6
|
-
//# sourceMappingURL=out.js.map
|
|
7
|
-
//# sourceMappingURL=chunk-NE6YXTMC.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/ui.tsx"],"names":["React","FP","as","styles","classes","children","defaultStyles","props","ref","Component","styleObj","ui_default"],"mappings":"AAEA,OAAOA,MAAW,QAgDlB,IAAMC,EAAkBD,EAAM,WAC5B,CACE,CAAE,GAAAE,EAAI,OAAAC,EAAQ,QAAAC,EAAS,SAAAC,EAAU,cAAAC,EAAe,GAAGC,CAAM,EACzDC,IACG,CACH,IAAMC,EAAYP,GAAM,MAElBQ,EAAgC,CAAE,GAAGJ,EAAe,GAAGH,CAAO,EAEpE,OACEH,EAAA,cAACS,EAAA,CAAU,IAAKD,EAAK,MAAOE,EAAU,UAAWN,EAAU,GAAGG,GAC3DF,CACH,CAEJ,CACF,EAEOM,EAAQV,EAEfA,EAAG,YAAc","sourcesContent":[" \n/* eslint-disable */\nimport React from \"react\";\n\ntype PolymorphicRef<C extends React.ElementType> =\n React.ComponentPropsWithRef<C>[\"ref\"];\n\ntype AsProp<C extends React.ElementType> = {\n as?: C;\n};\n\ntype PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);\n\ntype PolymorphicComponentProp<\n C extends React.ElementType,\n Props = {},\n> = React.PropsWithChildren<Props & AsProp<C>> &\n Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;\n\ntype PolymorphicComponentPropWithRef<\n C extends React.ElementType,\n Props = {},\n> = PolymorphicComponentProp<C, Props> & {\n ref?: PolymorphicRef<C>;\n};\n\ntype FPProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<\n C,\n {\n renderStyles?: boolean;\n styles?: React.CSSProperties;\n classes?: string;\n id?: string;\n children?: React.ReactNode;\n }\n>;\n\n/*\n * FPComponent type definition\n *\n * Defines the component function signature for the FP component.\n *\n * @typeParam C - The HTML element type to render\n * @param props - The component props\n * @returns React component\n */\ntype FPComponent = <C extends React.ElementType = \"span\">(\n props: FPProps<C>\n) => React.ReactElement | (any & { displayName?: String });\n\nconst FP: FPComponent = React.forwardRef(\n <C extends React.ElementType>(\n { as, styles, classes, children, defaultStyles, ...props }: FPProps<C>,\n ref?: PolymorphicRef<C>\n ) => {\n const Component = as ?? \"div\";\n\n const styleObj: React.CSSProperties = { ...defaultStyles, ...styles };\n\n return (\n <Component ref={ref} style={styleObj} className={classes} {...props}>\n {children}\n </Component>\n );\n }\n);\n\nexport default FP;\n// @ts-expect-error -- React component displayName\nFP.displayName = \"FP\";\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/icons/components/code.tsx","../src/components/icons/components/svg.tsx","../src/components/icons/components/home.tsx","../src/components/icons/components/add.tsx","../src/components/icons/components/arrow-left.tsx","../src/components/icons/components/chat.tsx","../src/components/icons/components/arrow-down.tsx","../src/components/icons/components/arrow-up.tsx","../src/components/icons/components/arrow-right.tsx","../src/components/icons/components/user.tsx","../src/components/icons/components/right.tsx","../src/components/icons/components/left.tsx","../src/components/icons/components/minus.tsx","../src/components/icons/components/remove.tsx","../src/components/icons/components/copy.tsx","../src/components/icons/components/up.tsx","../src/components/icons/components/down.tsx","../src/components/icons/components/star.tsx","../src/components/icons/components/play.tsx","../src/components/icons/components/pause.tsx","../src/components/icons/components/resume.tsx","../src/components/icons/components/stop.tsx","../src/components/icons/components/stop-solid.tsx","../src/components/icons/components/play-solid.tsx","../src/components/icons/components/pause-solid.tsx","../src/components/icons/components/resume-solid.tsx","../src/components/icons/components/info.tsx","../src/components/icons/components/alert-solid.tsx","../src/components/icons/components/info-solid.tsx","../src/components/icons/components/question-solid.tsx","../src/components/icons/components/warn-solid.tsx","../src/components/icons/components/success-solid.tsx","../src/components/icons/components/alert-square-solid.tsx","../src/components/icons/icon.tsx"],"names":["React","defaultStyes","Svg","fill","strokeColor","styles","size","role","alt","children","props","svg_default","defaultStyles","Code","Home","Add","ArrowLeft","Chat","ArrowDown","ArrowUp","ArrowRight","User","Right","Left","Minus","Remove","Copy","Up","Down","Star","Play","Pause","Resume","Stop","StopSolid","PlaySolid","PauseSolid","ResumeSolid","Info","AlertSolid","InfoSolid","QuestionSolid","WarnSolid","SuccessSolid","AlertSquareSolid","Icon","id","classes","ui_default","icon_default"],"mappings":"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","sourcesContent":["import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\nexport const Code = ({\n strokeColor = 'currentColor',\n fill = 'none',\n size = 16,\n styles,\n role = 'img',\n alt = 'Code icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n> = {}) => {\n return (\n <Svg size={size} role={role} alt={alt} styles={styles} {...props}>\n <g\n fill={fill}\n stroke={strokeColor}\n strokeLinecap=\"square\"\n strokeLinejoin=\"miter\"\n strokeMiterlimit=\"10\"\n strokeWidth=\"2\"\n >\n <rect\n height=\"22\"\n width=\"18\"\n fill=\"none\"\n stroke={strokeColor}\n x=\"3\"\n y=\"1\"\n />\n <polyline fill=\"none\" points=\"9 9 6 12 9 15\" />\n <polyline fill=\"none\" points=\"15 15 18 12 15 9\" />\n </g>\n </Svg>\n )\n}\n\nexport default Code\nCode.styles = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\n\nconst defaultStyes = {\n display: 'inline-flex',\n alignItems: 'center',\n width: 'auto',\n}\n\nexport const Svg = ({\n fill,\n strokeColor,\n styles,\n size = 24,\n role = 'img',\n alt,\n children,\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt' | 'children'\n>) => {\n return (\n <svg\n fill={fill}\n stroke={strokeColor}\n height={size}\n width={size}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={styles}\n role={role}\n aria-label={alt}\n {...props}\n >\n {children}\n </svg>\n )\n}\n\nexport default Svg\nSvg.displayName = 'Svg'\nSvg.styles = defaultStyes\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'currentColor',\n stroke: 'none',\n}\n\n/**\n * Renders a home icon.\n *\n * @param {string} strokeColor - The color of the icon's stroke.\n * @param {string} fill - The color of the icon's fill.\n * @param {string} size - The size of the icon.\n * @param {string} viewBox - The viewBox of the icon.\n * @param {string} name - The name of the icon.\n * @param {Object} styles - The styles of the icon.\n * @param {Object} props - The props of the icon.\n * @returns {JSX.Element} - A home icon.\n */\nexport const Home = ({\n strokeColor = 'currentColor',\n fill = 'none',\n size = 16,\n styles = defaultStyles,\n role = 'img',\n alt = 'Home icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g\n fill={fill}\n stroke={strokeColor}\n strokeLinecap=\"square\"\n strokeLinejoin=\"miter\"\n strokeMiterlimit=\"10\"\n strokeWidth=\"2\"\n >\n <polygon\n fill=\"none\"\n points=\"12 2 2 10 2 23 9 23 9 16 15 16 15 23 22 23 22 10 12 2\"\n stroke={strokeColor}\n />\n </g>\n </Svg>\n )\n}\n\nexport default Home\nHome.displayName = 'Home'\nHome.styles = defaultStyles\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: \"currentColor\",\n};\n\n/**\n * Add Icon component\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {IconProps} props - Other icon properties\n * @returns {JSX.Element} - Rendered component\n */\nexport const Add = ({\n fill = \"gray\",\n size = 24,\n role = \"img\",\n alt = \"Add icon\",\n ...props\n}: Pick<\n IconProps,\n \"strokeColor\" | \"fill\" | \"styles\" | \"size\" | \"role\" | \"alt\"\n>): JSX.Element => {\n return (\n <Svg size={size} role={role} alt={alt} {...props}>\n <g fill={fill}>\n <path\n d=\"M17,11h-4V7c0-.553-.447-1-1-1s-1,.447-1,1v4H7c-.553,0-1,.447-1,1s.447,1,1,1h4v4c0,.553,.447,1,1,1s1-.447,1-1v-4h4c.553,0,1-.447,1-1s-.447-1-1-1Z\"\n fill={fill}\n />\n </g>\n </Svg>\n );\n};\n\nexport default Add;\nAdd.styles = defaultStyles;\nAdd.displayName = \"Add\";\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = { ...Svg.styles }\n\nexport const ArrowLeft = ({\n strokeColor = 'currentColor',\n fill = 'currentColor',\n size = 16,\n styles,\n role = 'img',\n alt = 'Arrow pointing left',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} {...props} alt={alt}>\n <g fill={fill} strokeMiterlimit=\"10\">\n <line\n fill=\"none\"\n stroke={strokeColor}\n strokeLinecap=\"butt\"\n strokeLinejoin=\"miter\"\n strokeWidth=\"2\"\n x1=\"22\"\n x2=\"2\"\n y1=\"12\"\n y2=\"12\"\n />\n <polyline\n fill=\"none\"\n points=\"9,19 2,12 9,5 \"\n stroke={strokeColor}\n strokeLinecap=\"square\"\n strokeLinejoin=\"miter\"\n strokeWidth=\"2\"\n />\n </g>\n </Svg>\n )\n}\n\nexport default ArrowLeft\nArrowLeft.styles = defaultStyles\nArrowLeft.displayName = 'ArrowLeft'\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = { ...Svg.styles }\n\n/**\n * @param {string} size - The width and height of the icon in pixels. Defaults to 24.\n * @param {string} strokeColor - The color of the icon stroke. Defaults to 'currentcolor'.\n * @param {React.CSSProperties} styles - Additional CSS styles to apply to the icon.\n * @param {IconProps} props - Additional props to pass to the SVG element.\n * @returns {JSX.Element} - A chat icon component that displays a speech bubble with lines representing text.\n */\nexport const Chat = ({\n size = 16,\n strokeColor = 'currentcolor',\n styles,\n role = 'img',\n alt = 'Chat icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>): JSX.Element => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g fill={strokeColor} strokeMiterlimit=\"10\">\n <path\n d=\"M21,2H3c-1.105,0-2,.895-2,2V15c0,1.105,.895,2,2,2h5l4,5,4-5h5c1.105,0,2-.895,2-2V4c0-1.105-.895-2-2-2Z\"\n fill=\"none\"\n stroke={strokeColor}\n strokeLinecap=\"square\"\n strokeLinejoin=\"miter\"\n strokeWidth=\"2\"\n />\n </g>\n </Svg>\n )\n}\n\nexport default Chat\nChat.styles = defaultStyles\nChat.displayName = 'Chat'\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = { ...Svg.styles }\n\n/**\n * ArrowDown icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const ArrowDown = ({\n fill = 'currentColor',\n styles,\n size = 16,\n role = 'img',\n alt = 'Down icon',\n ...props\n}: Pick<IconProps, 'fill' | 'styles' | 'size' | 'role' | 'alt'>) => {\n return (\n <Svg size={size} role={role} styles={styles} alt={alt} {...props}>\n <g fill={fill} strokeMiterlimit=\"10\">\n <line\n fill=\"none\"\n stroke={fill}\n strokeLinecap=\"butt\"\n strokeLinejoin=\"miter\"\n strokeWidth=\"2\"\n x1=\"12\"\n x2=\"12\"\n y1=\"2\"\n y2=\"22\"\n />\n <polyline\n fill=\"none\"\n points=\"19,15 12,22 5,15 \"\n stroke={fill}\n strokeLinecap=\"square\"\n strokeLinejoin=\"miter\"\n strokeWidth=\"2\"\n />\n </g>\n </Svg>\n )\n}\n\nexport default ArrowDown\nArrowDown.styles = defaultStyles\nArrowDown.displayName = 'ArrowDown'\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\n/**\n * ArrowUp icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const ArrowUp = ({\n strokeColor = 'currentColor',\n styles,\n size = 16,\n role = 'img',\n alt = 'Up arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g\n fill=\"none\"\n stroke={strokeColor}\n strokeLinecap=\"square\"\n strokeLinejoin=\"miter\"\n strokeMiterlimit=\"10\"\n strokeWidth=\"2\"\n >\n <line fill=\"none\" strokeLinecap=\"butt\" x1=\"12\" x2=\"12\" y1=\"22\" y2=\"2\" />\n <polyline fill=\"none\" points=\"5,9 12,2 19,9 \" stroke={strokeColor} />\n </g>\n </Svg>\n )\n}\n\nexport default ArrowUp\nArrowUp.displayName = 'ArrowUp'\nArrowUp.style = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'currentColor',\n}\n\n/*\n * ArrowRight icon component.\n *\n * Renders a right arrow SVG icon.\n *\n * @param {IconProps} props - The component props\n * @param {string} [props.size=\"24\"] - Icon size\n * @param {string} [props.fill=\"currentColor\"] - Icon fill color\n * @param {string} [props.strokeColor=\"currentColor\"] - Stroke color\n *\n * @returns {React.ReactElement} - The rendered icon\n */\nexport const ArrowRight = ({\n size = 16,\n fill = 'currentColor',\n strokeColor = 'currentColor',\n styles,\n role = 'img',\n alt = 'Right arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g\n fill={fill}\n stroke={strokeColor}\n strokeLinecap=\"square\"\n strokeLinejoin=\"miter\"\n strokeMiterlimit=\"10\"\n strokeWidth=\"2\"\n >\n <line fill=\"none\" strokeLinecap=\"butt\" x1=\"2\" x2=\"22\" y1=\"12\" y2=\"12\" />\n <polyline fill=\"none\" points=\"15,5 22,12 15,19 \" stroke={strokeColor} />\n </g>\n </Svg>\n )\n}\n\nexport default ArrowRight\nArrowRight.displayName = 'ArrowRight'\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\nexport const User = ({\n size = 16,\n fill = 'none',\n strokeColor = 'currentColor',\n styles,\n alt = 'User Icon',\n role,\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} role={role} alt={alt} styles={styles} {...props}>\n <g\n fill={fill}\n stroke={strokeColor}\n strokeLinecap=\"square\"\n strokeLinejoin=\"miter\"\n strokeMiterlimit=\"10\"\n strokeWidth=\"2\"\n >\n <circle cx=\"12\" cy=\"5.5\" fill=\"none\" r=\"4.5\" />\n <path\n d=\"M12,14c-4.971,0-9,4.029-9,9H21c0-4.971-4.029-9-9-9Z\"\n fill=\"none\"\n stroke={strokeColor}\n />\n </g>\n </Svg>\n )\n}\n\nexport default User\nUser.styles = defaultStyles\nUser.displayName = 'User'\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n fill: 'currentColor',\n}\n\n/**\n * Renders a right arrow icon.\n *\n * @param {string} size - The size of the icon.\n * @param {string} fill - The fill color of the icon.\n * @param {React.CSSProperties} styles - The styles to apply to the icon.\n * @param {IconProps} props - The props to pass down to the icon.\n * @returns {JSX.Element} - A right arrow icon.\n */\nexport const Right = ({\n size = 16,\n fill = 'currentColor',\n styles,\n role = 'img',\n alt = 'Right arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} alt={alt} styles={styles} role={role} {...props}>\n <g fill={fill}>\n <path\n d=\"M7,23a1,1,0,0,1-.707-1.707L15.586,12,6.293,2.707A1,1,0,0,1,7.707,1.293l10,10a1,1,0,0,1,0,1.414l-10,10A1,1,0,0,1,7,23Z\"\n fill={fill}\n />\n </g>\n </Svg>\n )\n}\n\nexport default Right\nRight.displayName = 'Right'\nRight.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'currentColor',\n}\n\n/**\n * Left arrow icon\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {React.CSSProperties} styles - Icon styles (default: {})\n * @param {IconProps} props - Any other valid props for an SVG element\n * @returns {JSX.Element} - Rendered icon component\n */\nexport const Left = ({\n fill = 'currentColor',\n size = 16,\n styles,\n role = 'img',\n alt = 'Left arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} alt={alt} role={role} {...props}>\n <g fill={fill}>\n <path\n d=\"M17,23a1,1,0,0,1-.707-.293l-10-10a1,1,0,0,1,0-1.414l10-10a1,1,0,0,1,1.414,1.414L8.414,12l9.293,9.293A1,1,0,0,1,17,23Z\"\n fill={fill}\n />\n </g>\n </Svg>\n )\n}\n\nexport default Left\nLeft.displayName = 'Left'\nLeft.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n fill: 'currentColor',\n}\n\n/**\n * Minus icon component\n * @param {string} size - Icon size (default: 24)\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {object} styles - Inline styles for the SVG element\n * @param {object} props - Any other SVG attributes\n * @returns {JSX.Element} - Rendered Minus icon component\n */\nexport const Minus = ({\n size = 24,\n fill = 'currentColor',\n styles,\n role = 'img',\n alt = 'Minus icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g fill={fill}>\n <path\n d=\"M17,11H7c-.553,0-1,.447-1,1s.447,1,1,1h10c.553,0,1-.447,1-1s-.447-1-1-1Z\"\n fill={fill}\n />\n </g>\n </Svg>\n )\n}\n\nexport default Minus\nMinus.displayName = 'Minus'\nMinus.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n fill: 'currenStyle',\n}\n\n/**\n * Remove icon component\n * @param {string} size - The size of the icon\n * @param {string} fill - The fill color of the icon\n * @param {object} styles - The styles to apply to the icon\n * @param {object} props - The additional props to pass to the icon\n * @returns {JSX.Element} - The Remove icon component\n */\nexport const Remove = ({\n size = 16,\n fill = 'currentColor',\n styles,\n role = 'img',\n alt = 'Remove icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} alt={alt} styles={styles} role={role} {...props}>\n <g fill={fill}>\n <path\n d=\"M19.7,4.3c-0.4-0.4-1-0.4-1.4,0L12,10.6L5.7,4.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l6.3,6.3l-6.3,6.3 c-0.4,0.4-0.4,1,0,1.4C4.5,19.9,4.7,20,5,20s0.5-0.1,0.7-0.3l6.3-6.3l6.3,6.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L13.4,12l6.3-6.3C20.1,5.3,20.1,4.7,19.7,4.3z\"\n fill={fill}\n />\n </g>\n </Svg>\n )\n}\n\nexport default Remove\nRemove.displayName = 'Remove'\nRemove.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n stroke: 'currentColor',\n}\n\n/**\n * Copy icon component\n * @param {string} size - The width and height of the icon\n * @param {string} strokeColor - The color of the icon stroke\n * @param {IconProps} props - The icon component props\n * @returns {JSX.Element} - A react JSX element representing the copy icon\n */\nexport const Copy = ({\n size = 16,\n strokeColor = 'currentColor',\n styles,\n role = 'img',\n alt = 'Copy icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>): JSX.Element => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g\n fill=\"none\"\n stroke={strokeColor}\n strokeLinecap=\"square\"\n strokeLinejoin=\"miter\"\n strokeMiterlimit=\"10\"\n strokeWidth=\"2\"\n >\n <polyline\n fill=\"none\"\n points=\"8 19 2 19 2 1 17 1 17 6\"\n stroke={strokeColor}\n />\n <rect height=\"13\" width=\"10\" fill=\"none\" x=\"12\" y=\"10\" />\n </g>\n </Svg>\n )\n}\n\nexport default Copy\nCopy.displayName = 'Copy'\nCopy.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = { ...Svg.styles }\nexport const Up = ({\n size = 16,\n fill = 'currentColor',\n styles,\n role = 'img',\n alt = 'Up arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} alt={alt} styles={styles} role={role} {...props}>\n <g fill={fill}>\n <path\n d=\"M22,18a1,1,0,0,1-.707-.293L12,8.414,2.707,17.707a1,1,0,0,1-1.414-1.414l10-10a1,1,0,0,1,1.414,0l10,10A1,1,0,0,1,22,18Z\"\n fill={fill}\n />\n </g>\n </Svg>\n )\n}\n\nexport default Up\nUp.displayName = 'Up'\nUp.styles = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = { ...Svg.styles }\n\nexport const Down = ({\n size = 16,\n fill = 'currentColor',\n styles,\n role = 'img',\n alt = 'Down arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} alt={alt} styles={styles} role={role} {...props}>\n <g fill={fill}>\n <path\n d=\"M12,18a1,1,0,0,1-.707-.293l-10-10A1,1,0,0,1,2.707,6.293L12,15.586l9.293-9.293a1,1,0,1,1,1.414,1.414l-10,10A1,1,0,0,1,12,18Z\"\n fill={fill}\n />\n </g>\n </Svg>\n )\n}\n\nexport default Down\nDown.displayName = 'Down'\nDown.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nexport function Star({\n size = 16,\n fill,\n strokeColor = 'currentColor',\n styles,\n role = 'img',\n alt = 'Star icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) {\n return (\n <Svg size={size} alt={alt} styles={styles} role={role} {...props}>\n <g\n fill={fill}\n stroke={strokeColor}\n strokeLinecap=\"square\"\n strokeLinejoin=\"miter\"\n strokeMiterlimit=\"10\"\n strokeWidth=\"2\"\n >\n <polygon\n fill=\"none\"\n points=\"12,2.49 15.09,8.75 22,9.754 17,14.628 18.18,21.51 12,18.262 5.82,21.51 7,14.628 2,9.754 8.91,8.75 \"\n stroke={strokeColor}\n />\n </g>\n </Svg>\n )\n}\n\nexport default Star\nStar.displayName = 'Star'\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\n/**\n * ArrowUp icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const Play = ({\n strokeColor = 'currentColor',\n styles,\n size = 24,\n role = 'img',\n alt = 'Up arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g\n fill=\"none\"\n stroke-linecap=\"square\"\n stroke-linejoin=\"miter\"\n stroke-miterlimit=\"10\"\n >\n <path\n d=\"M7 21L7 3L19 12L7 21Z\"\n stroke={strokeColor}\n stroke-width=\"2\"\n fill=\"none\"\n ></path>{' '}\n </g>\n </Svg>\n )\n}\n\nexport default Play\nPlay.displayName = 'PlayIcon'\nPlay.style = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\n/**\n * ArrowUp icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const Pause = ({\n strokeColor = 'currentColor',\n styles,\n size = 16,\n role = 'img',\n alt = 'Up arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g\n fill=\"none\"\n stroke-linecap=\"square\"\n stroke-linejoin=\"miter\"\n stroke-miterlimit=\"10\"\n >\n <rect\n x=\"2\"\n y=\"2\"\n width=\"6\"\n height=\"20\"\n fill=\"none\"\n stroke={strokeColor}\n stroke-width=\"2\"\n ></rect>\n <rect\n x=\"16\"\n y=\"2\"\n width=\"6\"\n height=\"20\"\n fill=\"none\"\n stroke={strokeColor}\n stroke-width=\"2\"\n ></rect>\n </g>\n </Svg>\n )\n}\n\nexport default Pause\nPause.displayName = 'Pause'\nPause.style = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\n/**\n * Resume icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const Resume = ({\n strokeColor = 'currentColor',\n styles,\n size = 16,\n role = 'img',\n alt = 'Up arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g\n fill=\"none\"\n stroke-linecap=\"square\"\n stroke-linejoin=\"miter\"\n stroke-miterlimit=\"10\"\n >\n <path\n d=\"M20 21L20 3\"\n stroke={strokeColor}\n stroke-width=\"2\"\n fill=\"none\"\n ></path>\n <path\n d=\"M4 4L4 20L16 12L4 4Z\"\n stroke={strokeColor}\n stroke-width=\"2\"\n fill=\"none\"\n ></path>\n </g>\n </Svg>\n )\n}\n\nexport default Resume\nResume.displayName = 'Resume'\nResume.style = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\n/**\n * Stop icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const Stop = ({\n strokeColor = 'currentColor',\n styles,\n size = 16,\n role = 'img',\n alt = 'Up arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g\n fill=\"none\"\n stroke-linecap=\"square\"\n stroke-linejoin=\"miter\"\n stroke-miterlimit=\"10\"\n >\n <rect\n x=\"2\"\n y=\"2\"\n fill=\"none\"\n stroke={strokeColor}\n stroke-width=\"2\"\n width=\"20\"\n height=\"20\"\n ></rect>\n </g>\n </Svg>\n )\n}\n\nexport default Stop\nStop.displayName = 'Stop'\nStop.style = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\n/**\n * Stop icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const StopSolid = ({\n strokeColor = 'currentColor',\n styles,\n size = 24,\n role = 'img',\n alt = 'Stop icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g fill={strokeColor}>\n <path\n fill={strokeColor}\n d=\"M22,1H2C1.447,1,1,1.447,1,2v20c0,0.553,0.447,1,1,1h20c0.553,0,1-0.447,1-1V2C23,1.447,22.553,1,22,1z\"\n ></path>\n </g>\n </Svg>\n )\n}\n\nexport default StopSolid\nStopSolid.displayName = 'StopSolid'\nStopSolid.style = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\n/**\n * ArrowUp icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const PlaySolid = ({\n strokeColor = 'currentColor',\n styles,\n size = 24,\n role = 'img',\n alt = 'Up arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g fill={strokeColor}>\n <path\n fill={strokeColor}\n d=\"M20.555,11.168l-15-10c-0.307-0.204-0.702-0.224-1.026-0.05C4.203,1.292,4,1.631,4,2v20 c0,0.369,0.203,0.708,0.528,0.882C4.676,22.961,4.838,23,5,23c0.194,0,0.388-0.057,0.555-0.168l15-10C20.833,12.646,21,12.334,21,12 S20.833,11.354,20.555,11.168z\"\n ></path>\n </g>\n </Svg>\n )\n}\n\nexport default PlaySolid\nPlaySolid.displayName = 'PlaySolid'\nPlaySolid.style = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\n/**\n * ArrowUp icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const PauseSolid = ({\n strokeColor = 'currentColor',\n styles,\n size = 24,\n role = 'img',\n alt = 'Pause arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g fill={strokeColor}>\n <path\n d=\"M7,1H2A1,1,0,0,0,1,2V22a1,1,0,0,0,1,1H7a1,1,0,0,0,1-1V2A1,1,0,0,0,7,1Z\"\n fill={strokeColor}\n ></path>\n <path\n d=\"M22,1H17a1,1,0,0,0-1,1V22a1,1,0,0,0,1,1h5a1,1,0,0,0,1-1V2A1,1,0,0,0,22,1Z\"\n fill={strokeColor}\n ></path>\n </g>\n </Svg>\n )\n}\n\nexport default PauseSolid\nPauseSolid.displayName = 'PauseSolid'\nPauseSolid.style = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n ...Svg.styles,\n fill: 'none',\n stroke: 'currentColor',\n}\n\n/**\n * Resume icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const ResumeSolid = ({\n strokeColor = 'currentColor',\n styles,\n size = 16,\n role = 'img',\n alt = 'Up arrow icon',\n ...props\n}: Pick<\n IconProps,\n 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n return (\n <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n <g fill={strokeColor}>\n <path\n fill={strokeColor}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M3 21.8685L17.8028 12L3 2.1315L3 21.8685Z\"\n ></path>\n <path\n fill={strokeColor}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M19 2L19 22L21 22L21 2L19 2Z\"\n ></path>\n </g>\n </Svg>\n )\n}\n\nexport default ResumeSolid\nResumeSolid.displayName = 'ResumeSolid'\nResumeSolid.style = defaultStyles\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\n\n/**\n * Add Icon component\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {IconProps} props - Other icon properties\n * @returns {JSX.Element} - Rendered component\n */\nexport const Info = ({\n fill = \"currentColor\",\n size = 24,\n role = \"img\",\n alt = \"Info icon\",\n ...props\n}: Pick<\n IconProps,\n \"strokeColor\" | \"fill\" | \"styles\" | \"size\" | \"role\" | \"alt\"\n>): JSX.Element => {\n return (\n <Svg size={size} role={role} alt={alt} {...props}>\n <g fill={fill}>\n <path\n d=\"M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 9h2V7h-2v2z\"\n fill={fill}\n />\n </g>\n </Svg>\n );\n};\n\nexport default Info;\nInfo.displayName = \"Info\";\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\n\n/**\n * Add Icon component\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {IconProps} props - Other icon properties\n * @returns {JSX.Element} - Rendered component\n */\nexport const AlertSolid = ({\n fill = \"currentColor\",\n size = 24,\n role = \"img\",\n alt = \"Add icon\",\n ...props\n}: Pick<\n IconProps,\n \"strokeColor\" | \"fill\" | \"styles\" | \"size\" | \"role\" | \"alt\"\n>): JSX.Element => {\n return (\n <Svg size={size} role={role} alt={alt} {...props}>\n <g fill={fill}>\n <path\n d=\"M23.707,6.736,17.263.293A1,1,0,0,0,16.556,0H7.444a1,1,0,0,0-.707.293L.293,6.736A1,1,0,0,0,0,7.443v9.114a1,1,0,0,0,.293.707l6.444,6.443A1,1,0,0,0,7.444,24h9.112a1,1,0,0,0,.707-.293l6.444-6.443A1,1,0,0,0,24,16.557V7.443A1,1,0,0,0,23.707,6.736ZM13.645,5,13,14H11l-.608-9ZM12,20a2,2,0,1,1,2-2A2,2,0,0,1,12,20Z\"\n fill={fill}\n />\n </g>\n </Svg>\n );\n};\n\nexport default AlertSolid;\nAlertSolid.displayName = \"AlertSolid\";\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\n\n/**\n * Add Icon component\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {IconProps} props - Other icon properties\n * @returns {JSX.Element} - Rendered component\n */\nexport const InfoSolid = ({\n fill = \"currentColor\",\n size = 24,\n role = \"img\",\n alt = \"Add icon\",\n ...props\n}: Pick<\n IconProps,\n \"strokeColor\" | \"fill\" | \"styles\" | \"size\" | \"role\" | \"alt\"\n>): JSX.Element => {\n return (\n <Svg size={size} role={role} alt={alt} {...props}>\n <g fill={fill}>\n <path\n fill={fill}\n d=\"M8,17.06V20h8v-2.94c3.059-1.514,5-4.607,5-8.06c0-4.963-4.038-9-9-9S3,4.037,3,9 C3,12.452,4.941,15.546,8,17.06z M7,9c0-2.757,2.243-5,5-5h1v2h-1c-1.654,0-3,1.346-3,3v1H7V9z\"\n ></path>{\" \"}\n <path\n fill={fill}\n d=\"M8,22v1c0,0.553,0.448,1,1,1h6c0.552,0,1-0.447,1-1v-1H8z\"\n ></path>\n </g>\n </Svg>\n );\n};\n\nexport default InfoSolid;\nInfoSolid.displayName = \"InfoSolid\";\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\n\n/**\n * Add Icon component\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {IconProps} props - Other icon properties\n * @returns {JSX.Element} - Rendered component\n */\nexport const QuestionSolid = ({\n fill = \"currentColor\",\n size = 24,\n role = \"img\",\n alt = \"Add icon\",\n ...props\n}: Pick<\n IconProps,\n \"strokeColor\" | \"fill\" | \"styles\" | \"size\" | \"role\" | \"alt\"\n>): JSX.Element => {\n return (\n <Svg size={size} role={role} alt={alt} {...props}>\n <g fill={fill}>\n <path\n d=\"M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12,12-5.383,12-12S18.617,0,12,0Zm0,19.5c-.69,0-1.25-.56-1.25-1.25s.56-1.25,1.25-1.25,1.25,.56,1.25,1.25-.56,1.25-1.25,1.25Zm2.688-7.198c-1.444,1.224-1.688,1.667-1.688,2.198,0,.553-.447,1-1,1s-1-.447-1-1c0-1.434,.807-2.379,2.395-3.724,.447-.38,1.844-1.72,1.024-3.046-.532-.861-2.517-.984-4.162-.256-.507,.223-1.096-.006-1.319-.511-.223-.505,.006-1.096,.511-1.319,2.33-1.03,5.463-.924,6.672,1.035,1.103,1.784,.554,3.938-1.433,5.622Z\"\n fill={fill}\n ></path>\n </g>\n </Svg>\n );\n};\n\nexport default QuestionSolid;\nQuestionSolid.displayName = \"QuestionSolid\";\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\n\n/**\n * Add Icon component\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {IconProps} props - Other icon properties\n * @returns {JSX.Element} - Rendered component\n */\nexport const WarnSolid = ({\n fill = \"currentColor\",\n size = 24,\n role = \"img\",\n alt = \"Add icon\",\n ...props\n}: Pick<\n IconProps,\n \"strokeColor\" | \"fill\" | \"styles\" | \"size\" | \"role\" | \"alt\"\n>): JSX.Element => {\n return (\n <Svg size={size} role={role} alt={alt} {...props}>\n <g fill={fill}>\n <path\n d=\"M23.641,18.485L14.732,1.643C13.931,.134,12.059-.44,10.55,.361c-.546,.29-.992,.736-1.282,1.282L.359,18.485c-.793,1.504-.217,3.367,1.288,4.16,.445,.235,.942,.357,1.445,.355H20.908c1.7,.005,3.083-1.369,3.088-3.07,.002-.504-.12-1-.355-1.445Zm-11.641,1.515c-.828,0-1.5-.672-1.5-1.5s.672-1.5,1.5-1.5,1.5,.672,1.5,1.5-.672,1.5-1.5,1.5Zm.53-5h-1.061c-.264,0-.483-.205-.499-.469l-.438-7c-.018-.288,.211-.531,.499-.531h1.936c.288,0,.517,.243,.499,.531l-.438,7c-.016,.264-.235,.469-.499,.469Z\"\n fill={fill}\n />\n </g>\n </Svg>\n );\n};\n\nexport default WarnSolid;\nWarnSolid.displayName = \"WarnSolid\";\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\n\n/**\n * Add Icon component\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {IconProps} props - Other icon properties\n * @returns {JSX.Element} - Rendered component\n */\nexport const SuccessSolid = ({\n fill = \"currentColor\",\n size = 24,\n role = \"img\",\n alt = \"Add icon\",\n ...props\n}: Pick<\n IconProps,\n \"strokeColor\" | \"fill\" | \"styles\" | \"size\" | \"role\" | \"alt\"\n>): JSX.Element => {\n return (\n <Svg size={size} role={role} alt={alt} {...props}>\n <g fill={fill}>\n <path\n d=\"M12,0C5.373,0,0,5.373,0,12s5.373,12,12,12,12-5.373,12-12C23.981,5.381,18.619,.019,12,0Zm7.207,7.707l-9,9c-.195,.195-.451,.293-.707,.293s-.512-.098-.707-.293l-4-4c-.391-.391-.391-1.023,0-1.414s1.023-.391,1.414,0l3.293,3.293L17.793,6.293c.391-.391,1.023-.391,1.414,0s.391,1.023,0,1.414Z\"\n fill={fill}\n ></path>\n </g>\n </Svg>\n );\n};\n\nexport default SuccessSolid;\nSuccessSolid.displayName = \"SuccessSolid\";\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\n\n/**\n * Add Icon component\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {IconProps} props - Other icon properties\n * @returns {JSX.Element} - Rendered component\n */\nexport const AlertSquareSolid = ({\n fill = \"currentColor\",\n size = 24,\n role = \"img\",\n alt = \"Add icon\",\n ...props\n}: Pick<\n IconProps,\n \"strokeColor\" | \"fill\" | \"styles\" | \"size\" | \"role\" | \"alt\"\n>): JSX.Element => {\n return (\n <Svg size={size} role={role} alt={alt} {...props}>\n <g fill={fill}>\n <path\n d=\"M20,1H4c-1.654,0-3,1.346-3,3V20c0,1.654,1.346,3,3,3H20c1.654,0,3-1.346,3-3V4c0-1.654-1.346-3-3-3ZM11,7c0-.553,.448-1,1-1s1,.447,1,1v6c0,.553-.448,1-1,1s-1-.447-1-1V7Zm1,11.5c-.69,0-1.25-.56-1.25-1.25s.56-1.25,1.25-1.25,1.25,.56,1.25,1.25-.56,1.25-1.25,1.25Z\"\n fill={fill}\n ></path>\n </g>\n </Svg>\n );\n};\n\nexport default AlertSquareSolid;\nAlertSquareSolid.displayName = \"AlertSquareSolid\";\n","import {\n Add,\n ArrowDown,\n ArrowLeft,\n ArrowRight,\n ArrowUp,\n Chat,\n Code,\n Copy,\n Down,\n Home,\n Info,\n Left,\n Minus,\n Remove,\n Right,\n Star,\n Up,\n User,\n Play,\n Pause,\n Stop,\n Resume,\n PlaySolid,\n PauseSolid,\n ResumeSolid,\n StopSolid,\n AlertSolid,\n InfoSolid,\n QuestionSolid,\n WarnSolid,\n SuccessSolid,\n AlertSquareSolid,\n} from \"./index\";\n\nimport UI from \"#components/ui\";\nimport React from \"react\";\n\n/**\n * The default styles object for the Icon component.\n *\n * @property {string} display - Sets display to 'inline-flex' to make Icon inline.\n * @property {string} direction - Sets flex direction to 'row'.\n * @property {string} gap - Sets gap between items to '.2rem'.\n * @property {string} placeItems - Centers items vertically using 'center'.\n * @property {string} width - Sets width to 'auto' for automatic sizing.\n */\nconst defaultStyles = {\n display: \"inline-flex\",\n direction: \"row\",\n gap: \".2rem\",\n placeItems: \"center\",\n width: \"auto\",\n};\n\nexport type IconProps = React.ComponentProps<typeof UI>;\n\nexport const Icon = ({\n id,\n classes,\n children,\n styles,\n ...props\n}: IconProps) => {\n return (\n <UI\n id={id}\n as=\"span\"\n styles={styles}\n className={classes}\n data-icon\n data-style=\"icons\"\n {...props}\n >\n {children}\n </UI>\n );\n};\n\nexport default Icon;\nIcon.displayName = \"Icon\";\nIcon.Add = Add;\nIcon.ArrowDown = ArrowDown;\nIcon.ArrowLeft = ArrowLeft;\nIcon.ArrowRight = ArrowRight;\nIcon.ArrowUp = ArrowUp;\nIcon.Chat = Chat;\nIcon.Code = Code;\nIcon.Copy = Copy;\nIcon.Down = Down;\nIcon.Home = Home;\nIcon.Info = Info;\nIcon.InfoSolid = InfoSolid;\nIcon.AlertSolid = AlertSolid;\nIcon.Left = Left;\nIcon.Minus = Minus;\nIcon.Pause = Pause;\nIcon.PauseSolid = PauseSolid;\nIcon.Play = Play;\nIcon.PlaySolid = PlaySolid;\nIcon.Remove = Remove;\nIcon.Resume = Resume;\nIcon.ResumeSolid = ResumeSolid;\nIcon.Right = Right;\nIcon.Star = Star;\nIcon.Stop = Stop;\nIcon.StopSolid = StopSolid;\nIcon.Up = Up;\nIcon.User = User;\nIcon.styles = defaultStyles;\nIcon.QuestionSolid = QuestionSolid;\nIcon.WarnSolid = WarnSolid;\nIcon.SuccessSolid = SuccessSolid;\nIcon.AlertSquareSolid = AlertSquareSolid;\n// aliases\nIcon.Close = Icon.Remove;\n"]}
|
package/libs/chunk-SXVZSWX6.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { a as a$1 } from './chunk-HYBZBN4G.js';
|
|
2
|
-
import { b as b$1 } from './chunk-O6QZBB6G.js';
|
|
3
|
-
import { b } from './chunk-QCMV4VQZ.js';
|
|
4
|
-
import { a } from './chunk-NE6YXTMC.js';
|
|
5
|
-
import r, { useRef, useEffect, useCallback } from 'react';
|
|
6
|
-
|
|
7
|
-
var k=({dialogTitle:e,onClick:o,type:i="h3"})=>r.createElement(a,{as:"div",classes:"dialog-header"},r.createElement(a$1,{type:i,className:"dialog-title"},e||"Dialog"),r.createElement(b,{type:"button",onClick:()=>{o();},className:"dialog-close","aria-label":"Close dialog","data-btn":"icon"},r.createElement(b$1,null,r.createElement(b$1.Remove,{size:16})))),y=r.memo(k);k.displayName="DialogHeader";var E=({onClose:e,onConfirm:o,confirmLabel:i,cancelLabel:t})=>r.createElement(a,{as:"section",className:"dialog-footer"},t&&r.createElement(b,{type:"button",onClick:e,className:"dialog-button button-secondary","data-btn":"sm"},t),o&&r.createElement(b,{type:"button",onClick:o,className:"dialog-button button-primary","data-btn":"sm"},i)),P=E;var H=(e,o)=>useCallback(t=>{let l=e.current?.getBoundingClientRect();l&&(t.clientY<l.top||t.clientY>l.bottom||t.clientX<l.left||t.clientX>l.right)&&o();},[e,o]);var x=({showDialog:e,isAlertDialog:o,onClose:i,dialogTitle:t,dialogLabel:l,children:u,onConfirm:h,confirmLabel:I="Confirm",cancelLabel:L="Cancel",className:C="",hideFooter:N,styles:M})=>{let m=useRef(null),[g,b]=r.useState(e);useEffect(()=>{b(e);},[e]),useEffect(()=>{let n=m.current;n&&(g?o?n.show():n.showModal():n.close());},[g,o]);let c=()=>{i&&i(),b(!1);},U=H(m,c);return r.createElement(a,{as:"dialog",role:o?"alertdialog":"dialog",ref:m,onClose:c,onClick:U,"aria-modal":g?"true":void 0,className:`dialog-modal ${C}`,"aria-label":l,style:M},r.createElement(y,{dialogTitle:t,onClick:c}),r.createElement(a,{as:"section",className:`dialog-content ${C}`,onClick:n=>n.stopPropagation()},u,!N&&r.createElement(P,{onClose:c,onConfirm:h,confirmLabel:I,cancelLabel:L})))},A=r.memo(x);
|
|
8
|
-
|
|
9
|
-
export { x as a, A as b };
|
|
10
|
-
//# sourceMappingURL=out.js.map
|
|
11
|
-
//# sourceMappingURL=chunk-SXVZSWX6.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/dialog/dialog.tsx","../src/components/dialog/views/dialog-header.tsx","../src/components/dialog/views/dialog-footer.tsx","../src/hooks/useDialogClickHandler.ts"],"names":["React","useRef","useEffect","DialogHeader","dialogTitle","onClick","type","ui_default","heading_default","button_default","icon_default","dialog_header_default","DialogFooter","onClose","onConfirm","confirmLabel","cancelLabel","dialog_footer_default","useCallback","useDialogClickHandler","dialogRef","handleClose","e","dialogDimensions","Dialog","showDialog","isAlertDialog","dialogLabel","children","className","hideFooter","styles","isOpen","setIsOpen","dialog","handleClickOutside","dialog_default"],"mappings":"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","sourcesContent":["import React, { useRef, useEffect, CSSProperties } from \"react\";\nimport UI from \"#components/ui\";\nimport DialogHeader from \"#components/dialog/views/dialog-header\";\nimport DialogFooter from \"#components/dialog/views/dialog-footer\";\nimport { useDialogClickHandler } from \"#hooks/useDialogClickHandler.js\";\n\n/**\n * Defines the props for the Dialog component.\n *\n * @property {boolean} [showDialog] - Determines whether the dialog should be shown.\n * @property {boolean} [isAlertDialog] - Determines whether the dialog should be displayed as an alert dialog.\n * @property {() => void} [onClose] - A callback function to be called when the dialog is closed.\n * @property {string} dialogTitle - The title of the dialog.\n * @property {string} [dialogLabel] - An optional label for the dialog.\n * @property {React.ReactNode} children - The content to be displayed inside the dialog.\n * @property {() => void | Promise<void>} [onConfirm] - A callback function to be called when the user confirms the dialog.\n * @property {string} [confirmLabel] - The label for the confirm button.\n * @property {string} [cancelLabel] - The label for the cancel button.\n * @property {string} [className] - An optional CSS class name to be applied to the dialog.\n * @property {CSSProperties} [styles] - Optional inline styles to be applied to the dialog.\n */\ntype DialogModalProps = React.ComponentProps<typeof UI> &\n React.ComponentProps<\"dialog\"> & {\n dialogTitle: string;\n dialogLabel?: string;\n children: React.ReactNode;\n showDialog?: boolean;\n isAlertDialog?: boolean;\n onClose?: () => void;\n onConfirm?: () => void | Promise<void>;\n confirmLabel?: string;\n cancelLabel?: string;\n className?: string;\n hideFooter?: boolean;\n styles?: CSSProperties;\n };\n\n/**\n * Renders a dialog modal component with customizable content and behavior.\n *\n * @param showDialog - Determines whether the dialog should be shown.\n * @param isAlertDialog - Determines whether the dialog should be displayed as an alert dialog.\n * @param onClose - A callback function to be called when the dialog is closed.\n * @param dialogTitle - The title of the dialog.\n * @param dialogLabel - An optional label for the dialog.\n * @param children - The content to be displayed inside the dialog.\n * @param onConfirm - A callback function to be called when the user confirms the dialog.\n * @param confirmLabel - The label for the confirm button.\n * @param cancelLabel - The label for the cancel button.\n * @param className - An optional CSS class name to be applied to the dialog.\n * @param styles - Optional inline styles to be applied to the dialog.\n */\nexport const Dialog: React.FC<DialogModalProps> = ({\n showDialog,\n isAlertDialog,\n onClose,\n dialogTitle,\n dialogLabel,\n children,\n onConfirm,\n confirmLabel = \"Confirm\",\n cancelLabel = \"Cancel\",\n className = \"\",\n hideFooter,\n styles,\n}) => {\n const dialogRef = useRef<HTMLDialogElement>(null);\n const [isOpen, setIsOpen] = React.useState(showDialog);\n\n useEffect(() => {\n setIsOpen(showDialog);\n }, [showDialog]);\n\n useEffect(() => {\n const dialog = dialogRef.current;\n if (!dialog) return;\n\n if (isOpen) {\n if (isAlertDialog) {\n dialog.show();\n } else {\n dialog.showModal();\n }\n } else {\n dialog.close();\n }\n }, [isOpen, isAlertDialog]);\n\n const handleClose = () => {\n if (onClose) onClose();\n setIsOpen(false);\n };\n\n const handleClickOutside = useDialogClickHandler(dialogRef, handleClose);\n\n return (\n <UI\n as=\"dialog\"\n role={isAlertDialog ? \"alertdialog\" : \"dialog\"}\n ref={dialogRef}\n onClose={handleClose}\n onClick={handleClickOutside}\n aria-modal={isOpen ? \"true\" : undefined}\n className={`${\"dialog-modal\"} ${className}`}\n aria-label={dialogLabel}\n style={styles}\n >\n <DialogHeader dialogTitle={dialogTitle} onClick={handleClose} />\n\n <UI\n as=\"section\"\n className={`dialog-content ${className}`}\n onClick={(e: React.MouseEvent) => e.stopPropagation()}\n >\n {children}\n {!hideFooter && (\n <DialogFooter\n onClose={handleClose}\n onConfirm={onConfirm}\n confirmLabel={confirmLabel}\n cancelLabel={cancelLabel}\n />\n )}\n </UI>\n </UI>\n );\n};\nexport default React.memo(Dialog);\n","import React from \"react\";\nimport UI from \"#components/ui\";\nimport Heading from \"#components/heading/heading\";\nimport Button from \"#components/buttons/button\";\nimport Icon from \"#components/icons/icon\";\n\nexport type DialogHeaderProps = {\n dialogTitle: string;\n onClick: () => void;\n} & React.ComponentProps<typeof Heading>;\n\n/**\n * DialogHeader component displays the header section of a dialog with a title and close button.\n *\n * @component\n * @param {Object} props - Component props\n * @param {string} props.dialogTitle - The title text to display in the dialog header\n * @param {() => void} props.onClick - Callback function triggered when close button is clicked\n * @param {string} [props.type='h3'] - Heading type/level to use for the title\n * @returns {JSX.Element} A dialog header with title and close button\n *\n * @example\n * ```jsx\n * <DialogHeader\n * dialogTitle=\"Confirm Action\"\n * onClick={() => setIsOpen(false)}\n * type=\"h2\"\n * />\n * ```\n */\n\nconst DialogHeader = ({\n dialogTitle,\n onClick,\n type = \"h3\",\n}: DialogHeaderProps): JSX.Element => {\n const handleClose = () => {\n onClick();\n };\n return (\n <UI as=\"div\" classes=\"dialog-header\">\n <Heading type={type} className=\"dialog-title\">\n {dialogTitle || \"Dialog\"}\n </Heading>\n <Button\n type=\"button\"\n onClick={handleClose}\n className=\"dialog-close\"\n aria-label=\"Close dialog\"\n data-btn=\"icon\"\n >\n <Icon>\n <Icon.Remove size={16} />\n </Icon>\n </Button>\n </UI>\n );\n};\n\nexport default React.memo(DialogHeader);\nDialogHeader.displayName = \"DialogHeader\";\n","import React from \"react\";\nimport UI from \"#components/ui\";\nimport Button from \"#components/buttons/button\";\n\ntype DialogFooterProps = {\n onClose: () => void;\n onConfirm?: () => void | Promise<void>;\n confirmLabel: string;\n cancelLabel: string;\n};\n\nconst DialogFooter: React.FC<DialogFooterProps> = ({\n onClose,\n onConfirm,\n confirmLabel,\n cancelLabel,\n}) => {\n return (\n <UI as=\"section\" className=\"dialog-footer\">\n {cancelLabel && (\n <Button\n type=\"button\"\n onClick={onClose}\n className=\"dialog-button button-secondary\"\n data-btn=\"sm\"\n >\n {cancelLabel}\n </Button>\n )}\n\n {onConfirm && (\n <Button\n type=\"button\"\n onClick={onConfirm}\n className=\"dialog-button button-primary\"\n data-btn=\"sm\"\n >\n {confirmLabel}\n </Button>\n )}\n </UI>\n );\n};\n\nexport default DialogFooter;\n","import { useCallback, RefObject } from \"react\";\n\nexport const useDialogClickHandler = (\n dialogRef: RefObject<HTMLDialogElement>,\n handleClose: () => void\n) => {\n const handleClick = useCallback(\n (e: React.MouseEvent<HTMLDialogElement>) => {\n const dialogDimensions = dialogRef.current?.getBoundingClientRect();\n if (dialogDimensions) {\n const isClickOutside =\n e.clientY < dialogDimensions.top ||\n e.clientY > dialogDimensions.bottom ||\n e.clientX < dialogDimensions.left ||\n e.clientX > dialogDimensions.right;\n\n if (isClickOutside) {\n handleClose();\n }\n }\n },\n [dialogRef, handleClose]\n );\n\n return handleClick;\n};\n"]}
|