@fpkit/acss 4.1.0 → 6.0.0
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/libs/components/form/checkbox.css +1 -1
- package/libs/components/form/checkbox.css.map +1 -1
- package/libs/components/form/checkbox.min.css +2 -2
- package/libs/components/form/form.css +1 -1
- package/libs/components/form/form.css.map +1 -1
- package/libs/components/form/form.min.css +2 -2
- package/libs/components/icons/icon.d.cts +1 -1
- package/libs/components/icons/icon.d.ts +1 -1
- package/libs/{icons-952d9bc5.d.ts → icons-df8e744f.d.ts} +32 -32
- package/libs/icons.d.cts +1 -1
- package/libs/icons.d.ts +1 -1
- package/libs/index.cjs +13 -13
- 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 +71 -22
- package/libs/index.d.ts +71 -22
- package/libs/index.js +3 -3
- package/libs/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/alert/views/alert-view.tsx +6 -2
- package/src/components/form/CHECKBOX-STYLES.mdx +766 -0
- package/src/components/form/CHECKBOX.mdx +665 -0
- package/src/components/form/checkbox.scss +28 -0
- package/src/components/form/checkbox.tsx +72 -22
- package/src/components/form/form.scss +7 -0
- package/src/components/form/input.stories.tsx +75 -13
- package/src/styles/form/checkbox.css +19 -0
- package/src/styles/form/checkbox.css.map +1 -1
- package/src/styles/form/form.css +25 -0
- package/src/styles/form/form.css.map +1 -1
- package/src/styles/index.css +25 -0
- package/src/styles/index.css.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
div:has(>input[type=checkbox]){display:flex;align-items:center;gap:var(--checkbox-gap, 0.5rem);position:relative}div:has(>input[type=checkbox])>input[type=checkbox]{flex-shrink:0;order:-1}div:has(>input[type=checkbox]):not(:has(>input[aria-disabled=true])):hover .checkbox-label{color:var(--checkbox-hover-label-color, currentColor)}div:has(>input[type=checkbox]):has(>input:focus-visible) .checkbox-label{outline:var(--checkbox-focus-ring-width, 0.125rem) solid var(--checkbox-focus-ring-color, var(--color-focus-ring));outline-offset:var(--checkbox-focus-ring-offset, 0.125rem);border-radius:var(--checkbox-focus-radius, 0.125rem)}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]){opacity:var(--checkbox-disabled-opacity, 0.6);cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]) .checkbox-label{color:var(--checkbox-disabled-color, var(--color-disabled-text));cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-invalid=true]) .checkbox-label{color:var(--checkbox-error-label-color, var(--color-error-text))}div:has(>input[type=checkbox]):has(>input[aria-invalid=false]:checked) label[for]{color:var(--checkbox-valid-label-color, currentColor)}.checkbox-label{cursor:pointer;font-size:var(--checkbox-label-fs, 1rem);line-height:var(--checkbox-label-lh, 1.5);user-select:none;margin:0;flex:1;min-width:0;transition:color .2s ease-in-out}@media(prefers-reduced-motion: reduce){.checkbox-label{transition:none}}.checkbox-label .checkbox-required{color:var(--color-required);font-weight:600;margin-inline-start:.125rem}@media(forced-colors: active){.checkbox-input{forced-color-adjust:auto}}@container (max-width: 400px){div:has(>input[type=checkbox]){flex-direction:column;align-items:flex-start}}/*# sourceMappingURL=checkbox.css.map */
|
|
1
|
+
div:has(>input[type=checkbox]){display:flex;align-items:center;gap:var(--checkbox-gap, 0.5rem);position:relative}div:has(>input[type=checkbox])>input[type=checkbox]{flex-shrink:0;order:-1}div:has(>input[type=checkbox]):not(:has(>input[aria-disabled=true])):hover .checkbox-label{color:var(--checkbox-hover-label-color, currentColor)}div:has(>input[type=checkbox]):has(>input:focus-visible) .checkbox-label{outline:var(--checkbox-focus-ring-width, 0.125rem) solid var(--checkbox-focus-ring-color, var(--color-focus-ring));outline-offset:var(--checkbox-focus-ring-offset, 0.125rem);border-radius:var(--checkbox-focus-radius, 0.125rem)}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]){opacity:var(--checkbox-disabled-opacity, 0.6);cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]) .checkbox-label{color:var(--checkbox-disabled-color, var(--color-disabled-text));cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-invalid=true]) .checkbox-label{color:var(--checkbox-error-label-color, var(--color-error-text))}div:has(>input[type=checkbox]):has(>input[aria-invalid=false]:checked) label[for]{color:var(--checkbox-valid-label-color, currentColor)}div:has(>input[type=checkbox])[data-checkbox-size~=xs]{--checkbox-size: var(--checkbox-size-xs);--checkbox-gap: var(--checkbox-gap-xs, 0.375rem)}div:has(>input[type=checkbox])[data-checkbox-size~=sm]{--checkbox-size: var(--checkbox-size-sm);--checkbox-gap: var(--checkbox-gap-sm, 0.5rem)}div:has(>input[type=checkbox])[data-checkbox-size~=md]{--checkbox-size: var(--checkbox-size-md);--checkbox-gap: var(--checkbox-gap-md, 0.5rem)}div:has(>input[type=checkbox])[data-checkbox-size~=lg]{--checkbox-size: var(--checkbox-size-lg);--checkbox-gap: var(--checkbox-gap-lg, 0.625rem)}.checkbox-label{cursor:pointer;font-size:var(--checkbox-label-fs, 1rem);line-height:var(--checkbox-label-lh, 1.5);user-select:none;margin:0;flex:1;min-width:0;transition:color .2s ease-in-out}@media(prefers-reduced-motion: reduce){.checkbox-label{transition:none}}.checkbox-label .checkbox-required{color:var(--color-required);font-weight:600;margin-inline-start:.125rem}@media(forced-colors: active){.checkbox-input{forced-color-adjust:auto}}@container (max-width: 400px){div:has(>input[type=checkbox]){flex-direction:column;align-items:flex-start}}/*# sourceMappingURL=checkbox.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/form/checkbox.scss"],"names":[],"mappings":"AA+BA,+BACE,aACA,mBACA,gCACA,kBAGA,oDACE,cACA,SAKA,2FACE,sDAOF,yEACE,mHAEA,2DACA,qDAMJ,+DACE,8CACA,mBAEA,+EACE,iEACA,mBAOF,8EACE,iEAMF,kFACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/form/checkbox.scss"],"names":[],"mappings":"AA+BA,+BACE,aACA,mBACA,gCACA,kBAGA,oDACE,cACA,SAKA,2FACE,sDAOF,yEACE,mHAEA,2DACA,qDAMJ,+DACE,8CACA,mBAEA,+EACE,iEACA,mBAOF,8EACE,iEAMF,kFACE,sDASJ,uDACE,yCACA,iDAIF,uDACE,yCACA,+CAIF,uDACE,yCACA,+CAIF,uDACE,yCACA,iDAKJ,gBACE,eACA,yCACA,0CACA,iBACA,SACA,OACA,YACA,iCAGA,uCAXF,gBAYI,iBAGF,mCACE,4BACA,gBACA,4BAQF,8BAHF,gBAII,0BAMJ,8BACE,+BACE,sBACA","file":"checkbox.css"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
div:has(>input[type=checkbox]){display:flex;align-items:center;gap:var(--checkbox-gap, 0.5rem);position:relative}div:has(>input[type=checkbox])>input[type=checkbox]{flex-shrink:0;order:-1}div:has(>input[type=checkbox]):not(:has(>input[aria-disabled=true])):hover .checkbox-label{color:var(--checkbox-hover-label-color, currentColor)}div:has(>input[type=checkbox]):has(>input:focus-visible) .checkbox-label{outline:var(--checkbox-focus-ring-width, 0.125rem) solid var(--checkbox-focus-ring-color, var(--color-focus-ring));outline-offset:var(--checkbox-focus-ring-offset, 0.125rem);border-radius:var(--checkbox-focus-radius, 0.125rem)}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]){opacity:var(--checkbox-disabled-opacity, 0.6);cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]) .checkbox-label{color:var(--checkbox-disabled-color, var(--color-disabled-text));cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-invalid=true]) .checkbox-label{color:var(--checkbox-error-label-color, var(--color-error-text))}div:has(>input[type=checkbox]):has(>input[aria-invalid=false]:checked) label[for]{color:var(--checkbox-valid-label-color, currentColor)}.checkbox-label{cursor:pointer;font-size:var(--checkbox-label-fs, 1rem);line-height:var(--checkbox-label-lh, 1.5);-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0;flex:1;min-width:0;transition:color .2s ease-in-out}@media(prefers-reduced-motion: reduce){.checkbox-label{transition:none}}.checkbox-label .checkbox-required{color:var(--color-required);font-weight:600;margin-inline-start:.125rem}@media(forced-colors: active){.checkbox-input{forced-color-adjust:auto}}@container (max-width: 400px){div:has(>input[type=checkbox]){flex-direction:column;align-items:flex-start}}
|
|
1
|
+
div:has(>input[type=checkbox]){display:flex;align-items:center;gap:var(--checkbox-gap, 0.5rem);position:relative}div:has(>input[type=checkbox])>input[type=checkbox]{flex-shrink:0;order:-1}div:has(>input[type=checkbox]):not(:has(>input[aria-disabled=true])):hover .checkbox-label{color:var(--checkbox-hover-label-color, currentColor)}div:has(>input[type=checkbox]):has(>input:focus-visible) .checkbox-label{outline:var(--checkbox-focus-ring-width, 0.125rem) solid var(--checkbox-focus-ring-color, var(--color-focus-ring));outline-offset:var(--checkbox-focus-ring-offset, 0.125rem);border-radius:var(--checkbox-focus-radius, 0.125rem)}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]){opacity:var(--checkbox-disabled-opacity, 0.6);cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]) .checkbox-label{color:var(--checkbox-disabled-color, var(--color-disabled-text));cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-invalid=true]) .checkbox-label{color:var(--checkbox-error-label-color, var(--color-error-text))}div:has(>input[type=checkbox]):has(>input[aria-invalid=false]:checked) label[for]{color:var(--checkbox-valid-label-color, currentColor)}div:has(>input[type=checkbox])[data-checkbox-size~=xs]{--checkbox-size: var(--checkbox-size-xs);--checkbox-gap: var(--checkbox-gap-xs, 0.375rem)}div:has(>input[type=checkbox])[data-checkbox-size~=sm]{--checkbox-size: var(--checkbox-size-sm);--checkbox-gap: var(--checkbox-gap-sm, 0.5rem)}div:has(>input[type=checkbox])[data-checkbox-size~=md]{--checkbox-size: var(--checkbox-size-md);--checkbox-gap: var(--checkbox-gap-md, 0.5rem)}div:has(>input[type=checkbox])[data-checkbox-size~=lg]{--checkbox-size: var(--checkbox-size-lg);--checkbox-gap: var(--checkbox-gap-lg, 0.625rem)}.checkbox-label{cursor:pointer;font-size:var(--checkbox-label-fs, 1rem);line-height:var(--checkbox-label-lh, 1.5);-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0;flex:1;min-width:0;transition:color .2s ease-in-out}@media(prefers-reduced-motion: reduce){.checkbox-label{transition:none}}.checkbox-label .checkbox-required{color:var(--color-required);font-weight:600;margin-inline-start:.125rem}@media(forced-colors: active){.checkbox-input{forced-color-adjust:auto}}@container (max-width: 400px){div:has(>input[type=checkbox]){flex-direction:column;align-items:flex-start}}
|
|
2
2
|
|
|
3
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2Zvcm0vY2hlY2tib3guc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQkEsK0JBQ0UsWUFBQSxDQUNBLGtCQUFBLENBQ0EsK0JBQUEsQ0FDQSxpQkFBQSxDQUdBLG9EQUNFLGFBQUEsQ0FDQSxRQUFBLENBS0EsMkZBQ0UscURBQUEsQ0FPRix5RUFDRSxrSEFBQSxDQUVBLDBEQUFBLENBQ0Esb0RBQUEsQ0FNSiwrREFDRSw2Q0FBQSxDQUNBLGtCQUFBLENBRUEsK0VBQ0UsZ0VBQUEsQ0FDQSxrQkFBQSxDQU9GLDhFQUNFLGdFQUFBLENBTUYsa0ZBQ0UscURBQUEsQ0FTSix1REFDRSx3Q0FBQSxDQUNBLGdEQUFBLENBSUYsdURBQ0Usd0NBQUEsQ0FDQSw4Q0FBQSxDQUlGLHVEQUNFLHdDQUFBLENBQ0EsOENBQUEsQ0FJRix1REFDRSx3Q0FBQSxDQUNBLGdEQUFBLENBS0osZ0JBQ0UsY0FBQSxDQUNBLHdDQUFBLENBQ0EseUNBQUEsQ0FDQSx3QkFBQSxDQUFBLHFCQUFBLENBQUEsZ0JBQUEsQ0FDQSxRQUFBLENBQ0EsTUFBQSxDQUNBLFdBQUEsQ0FDQSxnQ0FBQSxDQUdBLHVDQVhGLGdCQVlJLGVBQUEsQ0FBQSxDQUdGLG1DQUNFLDJCQUFBLENBQ0EsZUFBQSxDQUNBLDJCQUFBLENBUUYsOEJBSEYsZ0JBSUksd0JBQUEsQ0FBQSxDQU1KLDhCQUNFLCtCQUNFLHFCQUFBLENBQ0Esc0JBQUEsQ0FBQSIsImZpbGUiOiJjaGVja2JveC5taW4uY3NzIn0= */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
div:has(>input[type=checkbox]){display:flex;align-items:center;gap:var(--checkbox-gap, 0.5rem);position:relative}div:has(>input[type=checkbox])>input[type=checkbox]{flex-shrink:0;order:-1}div:has(>input[type=checkbox]):not(:has(>input[aria-disabled=true])):hover .checkbox-label{color:var(--checkbox-hover-label-color, currentColor)}div:has(>input[type=checkbox]):has(>input:focus-visible) .checkbox-label{outline:var(--checkbox-focus-ring-width, 0.125rem) solid var(--checkbox-focus-ring-color, var(--color-focus-ring));outline-offset:var(--checkbox-focus-ring-offset, 0.125rem);border-radius:var(--checkbox-focus-radius, 0.125rem)}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]){opacity:var(--checkbox-disabled-opacity, 0.6);cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]) .checkbox-label{color:var(--checkbox-disabled-color, var(--color-disabled-text));cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-invalid=true]) .checkbox-label{color:var(--checkbox-error-label-color, var(--color-error-text))}div:has(>input[type=checkbox]):has(>input[aria-invalid=false]:checked) label[for]{color:var(--checkbox-valid-label-color, currentColor)}.checkbox-label{cursor:pointer;font-size:var(--checkbox-label-fs, 1rem);line-height:var(--checkbox-label-lh, 1.5);user-select:none;margin:0;flex:1;min-width:0;transition:color .2s ease-in-out}@media(prefers-reduced-motion: reduce){.checkbox-label{transition:none}}.checkbox-label .checkbox-required{color:var(--color-required);font-weight:600;margin-inline-start:.125rem}@media(forced-colors: active){.checkbox-input{forced-color-adjust:auto}}@container (max-width: 400px){div:has(>input[type=checkbox]){flex-direction:column;align-items:flex-start}}:root{--input-border-color: var(--color-border);--input-appearance: none;--input-bg: inherit;--input-border: none;--input-outline: thin solid var(--input-border-color);--input-padding-inline: 0.6rem;--input-padding-block: 0.4rem;--input-radius: --var(--radius);--input-fs: var(--fs);--input-width: clamp(200px, 100%, 500px);--input-focus-outline: medium solid var(--input-border-color);--input-focus-outline-offset: 0;--input-disabled-bg: var(--color-disabled-bg);--input-disabled-opacity: 0.6;--input-disabled-cursor: not-allowed;--placeholder-color: var(--color-text-tertiary);--placeholder-style: italic;--placeholder-fs: smaller;--form-direction: column;--select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><polyline points='6,9 10,13 14,9' stroke='%23000000' stroke-width='1.5' fill='none' /></svg>");--checkbox-size-sm: 1rem;--checkbox-size-md: 1.25rem;--checkbox-size-lg: 1.5rem;--checkbox-size: var(--checkbox-size-md);--checkbox-bg: var(--color-surface);--checkbox-border: 0.125rem solid var(--color-neutral-600);--checkbox-border-color: var(--color-neutral-600);--checkbox-radius: 0.25rem;--checkbox-cursor: pointer;--checkbox-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);--checkbox-checked-outline-color: var(--color-success);--checkbox-checked-bg: var(--color-success)}form{display:flex;flex-direction:var(--form-direction);gap:1rem}form>div{display:flex;gap:1rem;flex-direction:var(--form-direction)}form label{display:block}input{-webkit-appearance:var(--input-appearance);-moz-appearance:var(--input-appearance);appearance:var(--input-appearance);width:var(--input-width);border:var(--input-border);outline:var(--input-outline);padding-inline:var(--input-padding-inline);padding-block:var(--input-padding-block);border-radius:var(--input-radius);background-color:var(--input-bg, var(--color-surface))}input:focus-visible,input:focus{outline:var(--input-focus-outline);outline-offset:var(--input-focus-outline-offset)}input[aria-disabled=true],input:disabled{--input-border-color: var(--color-border-subtle);background-color:var(--input-disabled-bg);opacity:var(--input-disabled-opacity);cursor:var(--input-disabled-cursor);text-transform:capitalize;text-decoration:line-through}input[type]:not([type=checkbox],[type=radio])::placeholder,textarea::placeholder,select::placeholder{color:var(--placeholder-color);font-style:var(--placeholder-style);font-size:var(--placeholder-fs);text-transform:capitalize}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::placeholder,textarea[aria-required=true]::placeholder,select[aria-required=true]::placeholder{color:var(--color-required, var(--placeholder-color));font-weight:600}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::placeholder::after,textarea[aria-required=true]::placeholder::after,select[aria-required=true]::placeholder::after{content:"* "}input[type=checkbox]{opacity:1;width:var(--checkbox-size);height:var(--checkbox-size);margin:0;cursor:var(--checkbox-cursor);flex-shrink:0}input[type=checkbox]:checked{background-color:var(--checkbox-bg, red);outline:var(--checkbox-checked-outline-color) solid 2px;background:var(--checkbox-checked-bg) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path d='M6.173 11.414l-3.89-3.89 1.414-1.414 2.476 2.475 5.657-5.657 1.414 1.414z'/></svg>") no-repeat center center}select{border:var(--input-outline);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--select-arrow) no-repeat;background-position:right .5rem top 50%;padding-inline-end:0}/*# sourceMappingURL=form.css.map */
|
|
1
|
+
div:has(>input[type=checkbox]){display:flex;align-items:center;gap:var(--checkbox-gap, 0.5rem);position:relative}div:has(>input[type=checkbox])>input[type=checkbox]{flex-shrink:0;order:-1}div:has(>input[type=checkbox]):not(:has(>input[aria-disabled=true])):hover .checkbox-label{color:var(--checkbox-hover-label-color, currentColor)}div:has(>input[type=checkbox]):has(>input:focus-visible) .checkbox-label{outline:var(--checkbox-focus-ring-width, 0.125rem) solid var(--checkbox-focus-ring-color, var(--color-focus-ring));outline-offset:var(--checkbox-focus-ring-offset, 0.125rem);border-radius:var(--checkbox-focus-radius, 0.125rem)}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]){opacity:var(--checkbox-disabled-opacity, 0.6);cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]) .checkbox-label{color:var(--checkbox-disabled-color, var(--color-disabled-text));cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-invalid=true]) .checkbox-label{color:var(--checkbox-error-label-color, var(--color-error-text))}div:has(>input[type=checkbox]):has(>input[aria-invalid=false]:checked) label[for]{color:var(--checkbox-valid-label-color, currentColor)}div:has(>input[type=checkbox])[data-checkbox-size~=xs]{--checkbox-size: var(--checkbox-size-xs);--checkbox-gap: var(--checkbox-gap-xs, 0.375rem)}div:has(>input[type=checkbox])[data-checkbox-size~=sm]{--checkbox-size: var(--checkbox-size-sm);--checkbox-gap: var(--checkbox-gap-sm, 0.5rem)}div:has(>input[type=checkbox])[data-checkbox-size~=md]{--checkbox-size: var(--checkbox-size-md);--checkbox-gap: var(--checkbox-gap-md, 0.5rem)}div:has(>input[type=checkbox])[data-checkbox-size~=lg]{--checkbox-size: var(--checkbox-size-lg);--checkbox-gap: var(--checkbox-gap-lg, 0.625rem)}.checkbox-label{cursor:pointer;font-size:var(--checkbox-label-fs, 1rem);line-height:var(--checkbox-label-lh, 1.5);user-select:none;margin:0;flex:1;min-width:0;transition:color .2s ease-in-out}@media(prefers-reduced-motion: reduce){.checkbox-label{transition:none}}.checkbox-label .checkbox-required{color:var(--color-required);font-weight:600;margin-inline-start:.125rem}@media(forced-colors: active){.checkbox-input{forced-color-adjust:auto}}@container (max-width: 400px){div:has(>input[type=checkbox]){flex-direction:column;align-items:flex-start}}:root{--input-border-color: var(--color-border);--input-appearance: none;--input-bg: inherit;--input-border: none;--input-outline: thin solid var(--input-border-color);--input-padding-inline: 0.6rem;--input-padding-block: 0.4rem;--input-radius: --var(--radius);--input-fs: var(--fs);--input-width: clamp(200px, 100%, 500px);--input-focus-outline: medium solid var(--input-border-color);--input-focus-outline-offset: 0;--input-disabled-bg: var(--color-disabled-bg);--input-disabled-opacity: 0.6;--input-disabled-cursor: not-allowed;--placeholder-color: var(--color-text-tertiary);--placeholder-style: italic;--placeholder-fs: smaller;--form-direction: column;--select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><polyline points='6,9 10,13 14,9' stroke='%23000000' stroke-width='1.5' fill='none' /></svg>");--checkbox-size-xs: 0.875rem;--checkbox-size-sm: 1rem;--checkbox-size-md: 1.25rem;--checkbox-size-lg: 1.5rem;--checkbox-gap-xs: 0.375rem;--checkbox-gap-sm: 0.5rem;--checkbox-gap-md: 0.5rem;--checkbox-gap-lg: 0.625rem;--checkbox-size: var(--checkbox-size-md);--checkbox-bg: var(--color-surface);--checkbox-border: 0.125rem solid var(--color-neutral-600);--checkbox-border-color: var(--color-neutral-600);--checkbox-radius: 0.25rem;--checkbox-cursor: pointer;--checkbox-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);--checkbox-checked-outline-color: var(--color-success);--checkbox-checked-bg: var(--color-success)}form{display:flex;flex-direction:var(--form-direction);gap:1rem}form>div{display:flex;gap:1rem;flex-direction:var(--form-direction)}form label{display:block}input{-webkit-appearance:var(--input-appearance);-moz-appearance:var(--input-appearance);appearance:var(--input-appearance);width:var(--input-width);border:var(--input-border);outline:var(--input-outline);padding-inline:var(--input-padding-inline);padding-block:var(--input-padding-block);border-radius:var(--input-radius);background-color:var(--input-bg, var(--color-surface))}input:focus-visible,input:focus{outline:var(--input-focus-outline);outline-offset:var(--input-focus-outline-offset)}input[aria-disabled=true],input:disabled{--input-border-color: var(--color-border-subtle);background-color:var(--input-disabled-bg);opacity:var(--input-disabled-opacity);cursor:var(--input-disabled-cursor);text-transform:capitalize;text-decoration:line-through}input[type]:not([type=checkbox],[type=radio])::placeholder,textarea::placeholder,select::placeholder{color:var(--placeholder-color);font-style:var(--placeholder-style);font-size:var(--placeholder-fs);text-transform:capitalize}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::placeholder,textarea[aria-required=true]::placeholder,select[aria-required=true]::placeholder{color:var(--color-required, var(--placeholder-color));font-weight:600}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::placeholder::after,textarea[aria-required=true]::placeholder::after,select[aria-required=true]::placeholder::after{content:"* "}input[type=checkbox]{opacity:1;width:var(--checkbox-size);height:var(--checkbox-size);margin:0;cursor:var(--checkbox-cursor);flex-shrink:0}input[type=checkbox]:checked{background-color:var(--checkbox-bg, red);outline:var(--checkbox-checked-outline-color) solid 2px;background:var(--checkbox-checked-bg) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path d='M6.173 11.414l-3.89-3.89 1.414-1.414 2.476 2.475 5.657-5.657 1.414 1.414z'/></svg>") no-repeat center center}select{border:var(--input-outline);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--select-arrow) no-repeat;background-position:right .5rem top 50%;padding-inline-end:0}/*# sourceMappingURL=form.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/form/checkbox.scss","../../../src/components/form/form.scss"],"names":[],"mappings":"AA+BA,+BACE,aACA,mBACA,gCACA,kBAGA,oDACE,cACA,SAKA,2FACE,sDAOF,yEACE,mHAEA,2DACA,qDAMJ,+DACE,8CACA,mBAEA,+EACE,iEACA,mBAOF,8EACE,iEAMF,kFACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/form/checkbox.scss","../../../src/components/form/form.scss"],"names":[],"mappings":"AA+BA,+BACE,aACA,mBACA,gCACA,kBAGA,oDACE,cACA,SAKA,2FACE,sDAOF,yEACE,mHAEA,2DACA,qDAMJ,+DACE,8CACA,mBAEA,+EACE,iEACA,mBAOF,8EACE,iEAMF,kFACE,sDASJ,uDACE,yCACA,iDAIF,uDACE,yCACA,+CAIF,uDACE,yCACA,+CAIF,uDACE,yCACA,iDAKJ,gBACE,eACA,yCACA,0CACA,iBACA,SACA,OACA,YACA,iCAGA,uCAXF,gBAYI,iBAGF,mCACE,4BACA,gBACA,4BAQF,8BAHF,gBAII,0BAMJ,8BACE,+BACE,sBACA,wBCvJJ,MACE,0CACA,yBACA,oBACA,qBACA,sDACA,+BACA,8BACA,gCACA,sBACA,yCAGA,8DACA,gCAGA,8CACA,8BACA,qCAGA,gDACA,4BACA,0BAEA,yBACA,2MAMA,6BACA,yBACA,4BACA,2BAGA,4BACA,0BACA,0BACA,4BAMA,yCACA,oCACA,2DACA,kDACA,2BACA,2BACA,6DAMA,uDACA,4CAGF,KACE,aACA,qCACA,SACA,SACE,aACA,SACA,qCAGF,WACE,cAIJ,MACE,2CACA,wCACA,mCACA,yBACA,2BACA,6BACA,2CACA,yCACA,kCACA,uDAEA,gCAEE,mCACA,iDAGF,yCAEE,iDACA,0CACA,sCACA,oCACA,0BACA,6BAOF,qGACE,+BACA,oCACA,gCACA,0BAGA,iKACE,sDACA,gBACA,sLACE,aAMR,qBACE,UACA,2BACA,4BACA,SACA,8BACA,cAEA,6BACE,yCACA,wDACA,kQAMJ,OACE,4BACA,aACA,wBACA,qBACA,gBACA,yCACA,wCACA","file":"form.css"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
div:has(>input[type=checkbox]){display:flex;align-items:center;gap:var(--checkbox-gap, 0.5rem);position:relative}div:has(>input[type=checkbox])>input[type=checkbox]{flex-shrink:0;order:-1}div:has(>input[type=checkbox]):not(:has(>input[aria-disabled=true])):hover .checkbox-label{color:var(--checkbox-hover-label-color, currentColor)}div:has(>input[type=checkbox]):has(>input:focus-visible) .checkbox-label{outline:var(--checkbox-focus-ring-width, 0.125rem) solid var(--checkbox-focus-ring-color, var(--color-focus-ring));outline-offset:var(--checkbox-focus-ring-offset, 0.125rem);border-radius:var(--checkbox-focus-radius, 0.125rem)}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]){opacity:var(--checkbox-disabled-opacity, 0.6);cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]) .checkbox-label{color:var(--checkbox-disabled-color, var(--color-disabled-text));cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-invalid=true]) .checkbox-label{color:var(--checkbox-error-label-color, var(--color-error-text))}div:has(>input[type=checkbox]):has(>input[aria-invalid=false]:checked) label[for]{color:var(--checkbox-valid-label-color, currentColor)}.checkbox-label{cursor:pointer;font-size:var(--checkbox-label-fs, 1rem);line-height:var(--checkbox-label-lh, 1.5);-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0;flex:1;min-width:0;transition:color .2s ease-in-out}@media(prefers-reduced-motion: reduce){.checkbox-label{transition:none}}.checkbox-label .checkbox-required{color:var(--color-required);font-weight:600;margin-inline-start:.125rem}@media(forced-colors: active){.checkbox-input{forced-color-adjust:auto}}@container (max-width: 400px){div:has(>input[type=checkbox]){flex-direction:column;align-items:flex-start}}:root{--input-border-color: var(--color-border);--input-appearance: none;--input-bg: inherit;--input-border: none;--input-outline: thin solid var(--input-border-color);--input-padding-inline: 0.6rem;--input-padding-block: 0.4rem;--input-radius: --var(--radius);--input-fs: var(--fs);--input-width: clamp(200px, 100%, 500px);--input-focus-outline: medium solid var(--input-border-color);--input-focus-outline-offset: 0;--input-disabled-bg: var(--color-disabled-bg);--input-disabled-opacity: 0.6;--input-disabled-cursor: not-allowed;--placeholder-color: var(--color-text-tertiary);--placeholder-style: italic;--placeholder-fs: smaller;--form-direction: column;--select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><polyline points='6,9 10,13 14,9' stroke='%23000000' stroke-width='1.5' fill='none' /></svg>");--checkbox-size-sm: 1rem;--checkbox-size-md: 1.25rem;--checkbox-size-lg: 1.5rem;--checkbox-size: var(--checkbox-size-md);--checkbox-bg: var(--color-surface);--checkbox-border: 0.125rem solid var(--color-neutral-600);--checkbox-border-color: var(--color-neutral-600);--checkbox-radius: 0.25rem;--checkbox-cursor: pointer;--checkbox-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);--checkbox-checked-outline-color: var(--color-success);--checkbox-checked-bg: var(--color-success)}form{display:flex;flex-direction:var(--form-direction);gap:1rem}form>div{display:flex;gap:1rem;flex-direction:var(--form-direction)}form label{display:block}input{-webkit-appearance:var(--input-appearance);-moz-appearance:var(--input-appearance);appearance:var(--input-appearance);width:var(--input-width);border:var(--input-border);outline:var(--input-outline);padding-inline:var(--input-padding-inline);padding-block:var(--input-padding-block);border-radius:var(--input-radius);background-color:var(--input-bg, var(--color-surface))}input:focus-visible,input:focus{outline:var(--input-focus-outline);outline-offset:var(--input-focus-outline-offset)}input[aria-disabled=true],input:disabled{--input-border-color: var(--color-border-subtle);background-color:var(--input-disabled-bg);opacity:var(--input-disabled-opacity);cursor:var(--input-disabled-cursor);text-transform:capitalize;text-decoration:line-through}input[type]:not([type=checkbox],[type=radio])::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder{color:var(--placeholder-color);font-style:var(--placeholder-style);font-size:var(--placeholder-fs);text-transform:capitalize}input[type]:not([type=checkbox],[type=radio])::placeholder,textarea::placeholder,select::placeholder{color:var(--placeholder-color);font-style:var(--placeholder-style);font-size:var(--placeholder-fs);text-transform:capitalize}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::-moz-placeholder, textarea[aria-required=true]::-moz-placeholder, select[aria-required=true]::-moz-placeholder{color:var(--color-required, var(--placeholder-color));font-weight:600}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::placeholder,textarea[aria-required=true]::placeholder,select[aria-required=true]::placeholder{color:var(--color-required, var(--placeholder-color));font-weight:600}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::-moz-placeholder::after, textarea[aria-required=true]::-moz-placeholder::after, select[aria-required=true]::-moz-placeholder::after{content:"* "}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::placeholder::after,textarea[aria-required=true]::placeholder::after,select[aria-required=true]::placeholder::after{content:"* "}input[type=checkbox]{opacity:1;width:var(--checkbox-size);height:var(--checkbox-size);margin:0;cursor:var(--checkbox-cursor);flex-shrink:0}input[type=checkbox]:checked{background-color:var(--checkbox-bg, red);outline:var(--checkbox-checked-outline-color) solid 2px;background:var(--checkbox-checked-bg) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path d='M6.173 11.414l-3.89-3.89 1.414-1.414 2.476 2.475 5.657-5.657 1.414 1.414z'/></svg>") no-repeat center center}select{border:var(--input-outline);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--select-arrow) no-repeat;background-position:right .5rem top 50%;padding-inline-end:0}
|
|
1
|
+
div:has(>input[type=checkbox]){display:flex;align-items:center;gap:var(--checkbox-gap, 0.5rem);position:relative}div:has(>input[type=checkbox])>input[type=checkbox]{flex-shrink:0;order:-1}div:has(>input[type=checkbox]):not(:has(>input[aria-disabled=true])):hover .checkbox-label{color:var(--checkbox-hover-label-color, currentColor)}div:has(>input[type=checkbox]):has(>input:focus-visible) .checkbox-label{outline:var(--checkbox-focus-ring-width, 0.125rem) solid var(--checkbox-focus-ring-color, var(--color-focus-ring));outline-offset:var(--checkbox-focus-ring-offset, 0.125rem);border-radius:var(--checkbox-focus-radius, 0.125rem)}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]){opacity:var(--checkbox-disabled-opacity, 0.6);cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-disabled=true]) .checkbox-label{color:var(--checkbox-disabled-color, var(--color-disabled-text));cursor:not-allowed}div:has(>input[type=checkbox]):has(>input[aria-invalid=true]) .checkbox-label{color:var(--checkbox-error-label-color, var(--color-error-text))}div:has(>input[type=checkbox]):has(>input[aria-invalid=false]:checked) label[for]{color:var(--checkbox-valid-label-color, currentColor)}div:has(>input[type=checkbox])[data-checkbox-size~=xs]{--checkbox-size: var(--checkbox-size-xs);--checkbox-gap: var(--checkbox-gap-xs, 0.375rem)}div:has(>input[type=checkbox])[data-checkbox-size~=sm]{--checkbox-size: var(--checkbox-size-sm);--checkbox-gap: var(--checkbox-gap-sm, 0.5rem)}div:has(>input[type=checkbox])[data-checkbox-size~=md]{--checkbox-size: var(--checkbox-size-md);--checkbox-gap: var(--checkbox-gap-md, 0.5rem)}div:has(>input[type=checkbox])[data-checkbox-size~=lg]{--checkbox-size: var(--checkbox-size-lg);--checkbox-gap: var(--checkbox-gap-lg, 0.625rem)}.checkbox-label{cursor:pointer;font-size:var(--checkbox-label-fs, 1rem);line-height:var(--checkbox-label-lh, 1.5);-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0;flex:1;min-width:0;transition:color .2s ease-in-out}@media(prefers-reduced-motion: reduce){.checkbox-label{transition:none}}.checkbox-label .checkbox-required{color:var(--color-required);font-weight:600;margin-inline-start:.125rem}@media(forced-colors: active){.checkbox-input{forced-color-adjust:auto}}@container (max-width: 400px){div:has(>input[type=checkbox]){flex-direction:column;align-items:flex-start}}:root{--input-border-color: var(--color-border);--input-appearance: none;--input-bg: inherit;--input-border: none;--input-outline: thin solid var(--input-border-color);--input-padding-inline: 0.6rem;--input-padding-block: 0.4rem;--input-radius: --var(--radius);--input-fs: var(--fs);--input-width: clamp(200px, 100%, 500px);--input-focus-outline: medium solid var(--input-border-color);--input-focus-outline-offset: 0;--input-disabled-bg: var(--color-disabled-bg);--input-disabled-opacity: 0.6;--input-disabled-cursor: not-allowed;--placeholder-color: var(--color-text-tertiary);--placeholder-style: italic;--placeholder-fs: smaller;--form-direction: column;--select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><polyline points='6,9 10,13 14,9' stroke='%23000000' stroke-width='1.5' fill='none' /></svg>");--checkbox-size-xs: 0.875rem;--checkbox-size-sm: 1rem;--checkbox-size-md: 1.25rem;--checkbox-size-lg: 1.5rem;--checkbox-gap-xs: 0.375rem;--checkbox-gap-sm: 0.5rem;--checkbox-gap-md: 0.5rem;--checkbox-gap-lg: 0.625rem;--checkbox-size: var(--checkbox-size-md);--checkbox-bg: var(--color-surface);--checkbox-border: 0.125rem solid var(--color-neutral-600);--checkbox-border-color: var(--color-neutral-600);--checkbox-radius: 0.25rem;--checkbox-cursor: pointer;--checkbox-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);--checkbox-checked-outline-color: var(--color-success);--checkbox-checked-bg: var(--color-success)}form{display:flex;flex-direction:var(--form-direction);gap:1rem}form>div{display:flex;gap:1rem;flex-direction:var(--form-direction)}form label{display:block}input{-webkit-appearance:var(--input-appearance);-moz-appearance:var(--input-appearance);appearance:var(--input-appearance);width:var(--input-width);border:var(--input-border);outline:var(--input-outline);padding-inline:var(--input-padding-inline);padding-block:var(--input-padding-block);border-radius:var(--input-radius);background-color:var(--input-bg, var(--color-surface))}input:focus-visible,input:focus{outline:var(--input-focus-outline);outline-offset:var(--input-focus-outline-offset)}input[aria-disabled=true],input:disabled{--input-border-color: var(--color-border-subtle);background-color:var(--input-disabled-bg);opacity:var(--input-disabled-opacity);cursor:var(--input-disabled-cursor);text-transform:capitalize;text-decoration:line-through}input[type]:not([type=checkbox],[type=radio])::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder{color:var(--placeholder-color);font-style:var(--placeholder-style);font-size:var(--placeholder-fs);text-transform:capitalize}input[type]:not([type=checkbox],[type=radio])::placeholder,textarea::placeholder,select::placeholder{color:var(--placeholder-color);font-style:var(--placeholder-style);font-size:var(--placeholder-fs);text-transform:capitalize}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::-moz-placeholder, textarea[aria-required=true]::-moz-placeholder, select[aria-required=true]::-moz-placeholder{color:var(--color-required, var(--placeholder-color));font-weight:600}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::placeholder,textarea[aria-required=true]::placeholder,select[aria-required=true]::placeholder{color:var(--color-required, var(--placeholder-color));font-weight:600}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::-moz-placeholder::after, textarea[aria-required=true]::-moz-placeholder::after, select[aria-required=true]::-moz-placeholder::after{content:"* "}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::placeholder::after,textarea[aria-required=true]::placeholder::after,select[aria-required=true]::placeholder::after{content:"* "}input[type=checkbox]{opacity:1;width:var(--checkbox-size);height:var(--checkbox-size);margin:0;cursor:var(--checkbox-cursor);flex-shrink:0}input[type=checkbox]:checked{background-color:var(--checkbox-bg, red);outline:var(--checkbox-checked-outline-color) solid 2px;background:var(--checkbox-checked-bg) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path d='M6.173 11.414l-3.89-3.89 1.414-1.414 2.476 2.475 5.657-5.657 1.414 1.414z'/></svg>") no-repeat center center}select{border:var(--input-outline);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--select-arrow) no-repeat;background-position:right .5rem top 50%;padding-inline-end:0}
|
|
2
2
|
|
|
3
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2Zvcm0vY2hlY2tib3guc2NzcyIsIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2Zvcm0vZm9ybS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCQSwrQkFDRSxZQUFBLENBQ0Esa0JBQUEsQ0FDQSwrQkFBQSxDQUNBLGlCQUFBLENBR0Esb0RBQ0UsYUFBQSxDQUNBLFFBQUEsQ0FLQSwyRkFDRSxxREFBQSxDQU9GLHlFQUNFLGtIQUFBLENBRUEsMERBQUEsQ0FDQSxvREFBQSxDQU1KLCtEQUNFLDZDQUFBLENBQ0Esa0JBQUEsQ0FFQSwrRUFDRSxnRUFBQSxDQUNBLGtCQUFBLENBT0YsOEVBQ0UsZ0VBQUEsQ0FNRixrRkFDRSxxREFBQSxDQVNKLHVEQUNFLHdDQUFBLENBQ0EsZ0RBQUEsQ0FJRix1REFDRSx3Q0FBQSxDQUNBLDhDQUFBLENBSUYsdURBQ0Usd0NBQUEsQ0FDQSw4Q0FBQSxDQUlGLHVEQUNFLHdDQUFBLENBQ0EsZ0RBQUEsQ0FLSixnQkFDRSxjQUFBLENBQ0Esd0NBQUEsQ0FDQSx5Q0FBQSxDQUNBLHdCQUFBLENBQUEscUJBQUEsQ0FBQSxnQkFBQSxDQUNBLFFBQUEsQ0FDQSxNQUFBLENBQ0EsV0FBQSxDQUNBLGdDQUFBLENBR0EsdUNBWEYsZ0JBWUksZUFBQSxDQUFBLENBR0YsbUNBQ0UsMkJBQUEsQ0FDQSxlQUFBLENBQ0EsMkJBQUEsQ0FRRiw4QkFIRixnQkFJSSx3QkFBQSxDQUFBLENBTUosOEJBQ0UsK0JBQ0UscUJBQUEsQ0FDQSxzQkFBQSxDQUFBLENDdkpKLE1BQ0UseUNBQUEsQ0FDQSx3QkFBQSxDQUNBLG1CQUFBLENBQ0Esb0JBQUEsQ0FDQSxxREFBQSxDQUNBLDhCQUFBLENBQ0EsNkJBQUEsQ0FDQSwrQkFBQSxDQUNBLHFCQUFBLENBQ0Esd0NBQUEsQ0FHQSw2REFBQSxDQUNBLCtCQUFBLENBR0EsNkNBQUEsQ0FDQSw2QkFBQSxDQUNBLG9DQUFBLENBR0EsK0NBQUEsQ0FDQSwyQkFBQSxDQUNBLHlCQUFBLENBRUEsd0JBQUEsQ0FDQSwwTUFBQSxDQU1BLDRCQUFBLENBQ0Esd0JBQUEsQ0FDQSwyQkFBQSxDQUNBLDBCQUFBLENBR0EsMkJBQUEsQ0FDQSx5QkFBQSxDQUNBLHlCQUFBLENBQ0EsMkJBQUEsQ0FNQSx3Q0FBQSxDQUNBLG1DQUFBLENBQ0EsMERBQUEsQ0FDQSxpREFBQSxDQUNBLDBCQUFBLENBQ0EsMEJBQUEsQ0FDQSw0REFBQSxDQU1BLHNEQUFBLENBQ0EsMkNBQUEsQ0FHRixLQUNFLFlBQUEsQ0FDQSxvQ0FBQSxDQUNBLFFBQUEsQ0FDQSxTQUNFLFlBQUEsQ0FDQSxRQUFBLENBQ0Esb0NBQUEsQ0FHRixXQUNFLGFBQUEsQ0FJSixNQUNFLDBDQUFBLENBQ0EsdUNBQUEsQ0FDQSxrQ0FBQSxDQUNBLHdCQUFBLENBQ0EsMEJBQUEsQ0FDQSw0QkFBQSxDQUNBLDBDQUFBLENBQ0Esd0NBQUEsQ0FDQSxpQ0FBQSxDQUNBLHNEQUFBLENBRUEsZ0NBRUUsa0NBQUEsQ0FDQSxnREFBQSxDQUdGLHlDQUVFLGdEQUFBLENBQ0EseUNBQUEsQ0FDQSxxQ0FBQSxDQUNBLG1DQUFBLENBQ0EseUJBQUEsQ0FDQSw0QkFBQSxDQU9GLHNIQUNFLDhCQUFBLENBQ0EsbUNBQUEsQ0FDQSwrQkFBQSxDQUNBLHlCQUFBLENBSkYscUdBQ0UsOEJBQUEsQ0FDQSxtQ0FBQSxDQUNBLCtCQUFBLENBQ0EseUJBQUEsQ0FHQSxrTEFDRSxxREFBQSxDQUNBLGVBQUEsQ0FGRixpS0FDRSxxREFBQSxDQUNBLGVBQUEsQ0FDQSx1TUFDRSxZQUFBLENBREYsc0xBQ0UsWUFBQSxDQU1SLHFCQUNFLFNBQUEsQ0FDQSwwQkFBQSxDQUNBLDJCQUFBLENBQ0EsUUFBQSxDQUNBLDZCQUFBLENBQ0EsYUFBQSxDQUVBLDZCQUNFLHdDQUFBLENBQ0EsdURBQUEsQ0FDQSxpUUFBQSxDQU1KLE9BQ0UsMkJBQUEsQ0FDQSxZQUFBLENBQ0EsdUJBQUEsQ0FDQSxvQkFBQSxDQUNBLGVBQUEsQ0FDQSx3Q0FBQSxDQUNBLHVDQUFBLENBQ0Esb0JBQUEiLCJmaWxlIjoiZm9ybS5taW4uY3NzIn0= */
|
|
@@ -152,7 +152,7 @@ declare const Icon: {
|
|
|
152
152
|
({ id, classes, children, styles, "aria-hidden": ariaHidden, "aria-label": ariaLabel, role, ...props }: IconProps): React.JSX.Element;
|
|
153
153
|
displayName: string;
|
|
154
154
|
Add: {
|
|
155
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
155
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
|
|
156
156
|
styles: {
|
|
157
157
|
fill: string;
|
|
158
158
|
display: string;
|
|
@@ -162,7 +162,7 @@ declare const Icon: {
|
|
|
162
162
|
displayName: string;
|
|
163
163
|
};
|
|
164
164
|
ArrowDown: {
|
|
165
|
-
({ fill, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
165
|
+
({ fill, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size">): React.JSX.Element;
|
|
166
166
|
styles: {
|
|
167
167
|
display: string;
|
|
168
168
|
alignItems: string;
|
|
@@ -171,7 +171,7 @@ declare const Icon: {
|
|
|
171
171
|
displayName: string;
|
|
172
172
|
};
|
|
173
173
|
ArrowLeft: {
|
|
174
|
-
({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
174
|
+
({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
175
175
|
styles: {
|
|
176
176
|
display: string;
|
|
177
177
|
alignItems: string;
|
|
@@ -180,11 +180,11 @@ declare const Icon: {
|
|
|
180
180
|
displayName: string;
|
|
181
181
|
};
|
|
182
182
|
ArrowRight: {
|
|
183
|
-
({ size, fill, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
183
|
+
({ size, fill, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
184
184
|
displayName: string;
|
|
185
185
|
};
|
|
186
186
|
ArrowUp: {
|
|
187
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
187
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
188
188
|
displayName: string;
|
|
189
189
|
style: {
|
|
190
190
|
fill: string;
|
|
@@ -195,7 +195,7 @@ declare const Icon: {
|
|
|
195
195
|
};
|
|
196
196
|
};
|
|
197
197
|
Chat: {
|
|
198
|
-
({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
198
|
+
({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
|
|
199
199
|
styles: {
|
|
200
200
|
display: string;
|
|
201
201
|
alignItems: string;
|
|
@@ -204,7 +204,7 @@ declare const Icon: {
|
|
|
204
204
|
displayName: string;
|
|
205
205
|
};
|
|
206
206
|
Code: {
|
|
207
|
-
({ strokeColor, fill, size, styles, role, alt, ...props }?: Pick<IconProps$1, "
|
|
207
|
+
({ strokeColor, fill, size, styles, role, alt, ...props }?: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
208
208
|
styles: {
|
|
209
209
|
fill: string;
|
|
210
210
|
stroke: string;
|
|
@@ -214,7 +214,7 @@ declare const Icon: {
|
|
|
214
214
|
};
|
|
215
215
|
};
|
|
216
216
|
Copy: {
|
|
217
|
-
({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
217
|
+
({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
|
|
218
218
|
displayName: string;
|
|
219
219
|
styles: {
|
|
220
220
|
stroke: string;
|
|
@@ -224,7 +224,7 @@ declare const Icon: {
|
|
|
224
224
|
};
|
|
225
225
|
};
|
|
226
226
|
Down: {
|
|
227
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
227
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
228
228
|
displayName: string;
|
|
229
229
|
styles: {
|
|
230
230
|
display: string;
|
|
@@ -233,7 +233,7 @@ declare const Icon: {
|
|
|
233
233
|
};
|
|
234
234
|
};
|
|
235
235
|
Home: {
|
|
236
|
-
({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
236
|
+
({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
237
237
|
displayName: string;
|
|
238
238
|
styles: {
|
|
239
239
|
fill: string;
|
|
@@ -244,19 +244,19 @@ declare const Icon: {
|
|
|
244
244
|
};
|
|
245
245
|
};
|
|
246
246
|
Info: {
|
|
247
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
247
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
|
|
248
248
|
displayName: string;
|
|
249
249
|
};
|
|
250
250
|
InfoSolid: {
|
|
251
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
251
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
|
|
252
252
|
displayName: string;
|
|
253
253
|
};
|
|
254
254
|
AlertSolid: {
|
|
255
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
255
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
|
|
256
256
|
displayName: string;
|
|
257
257
|
};
|
|
258
258
|
Left: {
|
|
259
|
-
({ fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
259
|
+
({ fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
260
260
|
displayName: string;
|
|
261
261
|
styles: {
|
|
262
262
|
fill: string;
|
|
@@ -266,14 +266,14 @@ declare const Icon: {
|
|
|
266
266
|
};
|
|
267
267
|
};
|
|
268
268
|
Minus: {
|
|
269
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
269
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
270
270
|
displayName: string;
|
|
271
271
|
styles: {
|
|
272
272
|
fill: string;
|
|
273
273
|
};
|
|
274
274
|
};
|
|
275
275
|
Pause: {
|
|
276
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
276
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
277
277
|
displayName: string;
|
|
278
278
|
style: {
|
|
279
279
|
fill: string;
|
|
@@ -284,7 +284,7 @@ declare const Icon: {
|
|
|
284
284
|
};
|
|
285
285
|
};
|
|
286
286
|
PauseSolid: {
|
|
287
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
287
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
288
288
|
displayName: string;
|
|
289
289
|
style: {
|
|
290
290
|
fill: string;
|
|
@@ -295,7 +295,7 @@ declare const Icon: {
|
|
|
295
295
|
};
|
|
296
296
|
};
|
|
297
297
|
Play: {
|
|
298
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
298
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
299
299
|
displayName: string;
|
|
300
300
|
style: {
|
|
301
301
|
fill: string;
|
|
@@ -306,7 +306,7 @@ declare const Icon: {
|
|
|
306
306
|
};
|
|
307
307
|
};
|
|
308
308
|
PlaySolid: {
|
|
309
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
309
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
310
310
|
displayName: string;
|
|
311
311
|
style: {
|
|
312
312
|
fill: string;
|
|
@@ -317,14 +317,14 @@ declare const Icon: {
|
|
|
317
317
|
};
|
|
318
318
|
};
|
|
319
319
|
Remove: {
|
|
320
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
320
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
321
321
|
displayName: string;
|
|
322
322
|
styles: {
|
|
323
323
|
fill: string;
|
|
324
324
|
};
|
|
325
325
|
};
|
|
326
326
|
Resume: {
|
|
327
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
327
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
328
328
|
displayName: string;
|
|
329
329
|
style: {
|
|
330
330
|
fill: string;
|
|
@@ -335,7 +335,7 @@ declare const Icon: {
|
|
|
335
335
|
};
|
|
336
336
|
};
|
|
337
337
|
ResumeSolid: {
|
|
338
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
338
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
339
339
|
displayName: string;
|
|
340
340
|
style: {
|
|
341
341
|
fill: string;
|
|
@@ -346,7 +346,7 @@ declare const Icon: {
|
|
|
346
346
|
};
|
|
347
347
|
};
|
|
348
348
|
Right: {
|
|
349
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
349
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
350
350
|
displayName: string;
|
|
351
351
|
styles: {
|
|
352
352
|
fill: string;
|
|
@@ -354,7 +354,7 @@ declare const Icon: {
|
|
|
354
354
|
};
|
|
355
355
|
Star: typeof Star;
|
|
356
356
|
Stop: {
|
|
357
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
357
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
358
358
|
displayName: string;
|
|
359
359
|
style: {
|
|
360
360
|
fill: string;
|
|
@@ -380,7 +380,7 @@ declare const Icon: {
|
|
|
380
380
|
*/
|
|
381
381
|
};
|
|
382
382
|
StopSolid: {
|
|
383
|
-
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
383
|
+
({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
384
384
|
displayName: string;
|
|
385
385
|
style: {
|
|
386
386
|
fill: string;
|
|
@@ -391,7 +391,7 @@ declare const Icon: {
|
|
|
391
391
|
};
|
|
392
392
|
};
|
|
393
393
|
Up: {
|
|
394
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
394
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
395
395
|
displayName: string;
|
|
396
396
|
styles: {
|
|
397
397
|
display: string;
|
|
@@ -400,7 +400,7 @@ declare const Icon: {
|
|
|
400
400
|
};
|
|
401
401
|
};
|
|
402
402
|
User: {
|
|
403
|
-
({ size, fill, strokeColor, styles, alt, role, ...props }: Pick<IconProps$1, "
|
|
403
|
+
({ size, fill, strokeColor, styles, alt, role, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
404
404
|
styles: {
|
|
405
405
|
fill: string;
|
|
406
406
|
stroke: string;
|
|
@@ -418,23 +418,23 @@ declare const Icon: {
|
|
|
418
418
|
width: string;
|
|
419
419
|
};
|
|
420
420
|
QuestionSolid: {
|
|
421
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
421
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
|
|
422
422
|
displayName: string;
|
|
423
423
|
};
|
|
424
424
|
WarnSolid: {
|
|
425
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
425
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
|
|
426
426
|
displayName: string;
|
|
427
427
|
};
|
|
428
428
|
SuccessSolid: {
|
|
429
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
429
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
|
|
430
430
|
displayName: string;
|
|
431
431
|
};
|
|
432
432
|
AlertSquareSolid: {
|
|
433
|
-
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "
|
|
433
|
+
({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
|
|
434
434
|
displayName: string;
|
|
435
435
|
};
|
|
436
436
|
Close: {
|
|
437
|
-
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "
|
|
437
|
+
({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
|
|
438
438
|
displayName: string;
|
|
439
439
|
styles: {
|
|
440
440
|
fill: string;
|
package/libs/icons.d.cts
CHANGED
package/libs/icons.d.ts
CHANGED
package/libs/index.cjs
CHANGED
|
@@ -27,7 +27,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
27
27
|
|
|
28
28
|
var C__default = /*#__PURE__*/_interopDefault(C);
|
|
29
29
|
|
|
30
|
-
var
|
|
30
|
+
var qe={default:"",info:"Information: ",success:"Success: ",warning:"Warning: ",error:"Error: "},O=({severity:e})=>{let t=qe[e];return t?C__default.default.createElement("span",{className:"sr-only"},t):null};var Je=(e,t)=>({info:C__default.default.createElement(chunk5CJPTDK3_cjs.b.InfoSolid,{...t}),success:C__default.default.createElement(chunk5CJPTDK3_cjs.b.SuccessSolid,{...t}),warning:C__default.default.createElement(chunk5CJPTDK3_cjs.b.WarnSolid,{...t}),error:C__default.default.createElement(chunk5CJPTDK3_cjs.b.AlertSolid,{...t}),default:C__default.default.createElement(chunk5CJPTDK3_cjs.b.AlertSquareSolid,{...t})})[e],_=({severity:e,iconProps:t,hideIcon:o})=>{if(o)return null;let s=Je(e,t);return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{"aria-hidden":"true",className:"alert-icon"},s)};var q=({title:e,titleLevel:t})=>{if(!e)return null;let o=t?`h${t}`:"strong";return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,className:"alert-title"},e)};var W=({children:e,contentType:t})=>t==="node"?C__default.default.createElement(C__default.default.Fragment,null,e):C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"p"},e);var K=({actions:e})=>e?C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",className:"alert-actions"},e):null;var oe=C__default.default.memo(({onDismiss:e,iconSize:t=16})=>C__default.default.createElement(chunk5QSNJQVH_cjs.b,{type:"button",onClick:e,"aria-label":"Close alert",className:"alert-dismiss","data-btn":"icon sm"},C__default.default.createElement(chunk5CJPTDK3_cjs.b,null,C__default.default.createElement(chunk5CJPTDK3_cjs.b.Close,{size:t})))),se=oe;oe.displayName="DismissButton";var Xe={default:"polite",info:"polite",success:"polite",warning:"polite",error:"assertive"},R=C__default.default.forwardRef(({severity:e,variant:t,isVisible:o,dismissible:s,onDismiss:r,onInteractionStart:i,onInteractionEnd:a,autoFocus:l,title:c,titleLevel:y,children:u,contentType:f,actions:S,hideIcon:g,iconProps:v,...m},x)=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",ref:x,role:"alert","aria-live":Xe[e],"aria-atomic":"true",className:`alert alert-${e}`,"data-alert":e,"data-visible":o,"data-variant":t,tabIndex:l?-1:void 0,onMouseEnter:i,onMouseLeave:a,onFocus:i,onBlur:a,...m},C__default.default.createElement(O,{severity:e}),C__default.default.createElement(_,{severity:e,iconProps:v,hideIcon:g}),C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",classes:"alert-message"},C__default.default.createElement(q,{title:c,titleLevel:y}),C__default.default.createElement(W,{contentType:f},u),C__default.default.createElement(K,{actions:S})),s&&C__default.default.createElement(se,{onDismiss:r})));R.displayName="AlertView";var Qe=({open:e,onDismiss:t,dismissible:o,autoHideDuration:s,pauseOnHover:r,autoFocus:i,alertRef:a})=>{let[l,c]=C__default.default.useState(e),[y,u]=C__default.default.useState(e),[f,S]=C__default.default.useState(!1),g=C__default.default.useCallback(()=>{c(!1),setTimeout(()=>{u(!1),t?.();},300);},[t]);C__default.default.useEffect(()=>{e?(u(!0),c(!0)):c(!1);},[e]),C__default.default.useEffect(()=>{if(!s||!l||f)return;let x=setTimeout(()=>{g();},s);return ()=>clearTimeout(x)},[s,l,f,g]),C__default.default.useEffect(()=>{if(!o||!l)return;let x=h=>{h.key==="Escape"&&g();};return document.addEventListener("keydown",x),()=>document.removeEventListener("keydown",x)},[o,l,g]),C__default.default.useEffect(()=>{i&&l&&a.current&&a.current.focus();},[i,l,a]);let v=C__default.default.useCallback(()=>{r&&s&&S(!0);},[r,s]),m=C__default.default.useCallback(()=>{r&&s&&S(!1);},[r,s]);return {isVisible:l,shouldRender:y,handleDismiss:g,handleInteractionStart:v,handleInteractionEnd:m}},re=({open:e,severity:t="default",children:o,title:s,dismissible:r=!1,onDismiss:i,iconSize:a,iconProps:l,hideIcon:c,autoHideDuration:y,pauseOnHover:u=!0,titleLevel:f=3,actions:S,autoFocus:g=!1,variant:v="outlined",contentType:m="text",...x})=>{let h=C__default.default.useRef(null),{isVisible:p,shouldRender:d,handleDismiss:E,handleInteractionStart:P,handleInteractionEnd:T}=Qe({open:e,onDismiss:i,dismissible:r,autoHideDuration:y,pauseOnHover:u,autoFocus:g,alertRef:h});if(!d)return null;let A={size:a||16,...l};return C__default.default.createElement(R,{ref:h,severity:t,variant:v,isVisible:p,dismissible:r,onDismiss:E,onInteractionStart:P,onInteractionEnd:T,autoFocus:g,title:s,titleLevel:f,contentType:m,actions:S,hideIcon:c,iconProps:A,...x},o)};re.displayName="Alert";var ne=C__default.default.forwardRef(({id:e,label:t,checked:o,defaultChecked:s,value:r="on",onChange:i,classes:a,inputClasses:l,styles:c,size:y,name:u,disabled:f,required:S,validationState:g,errorMessage:v,hintText:m,onBlur:x,onFocus:h,autoFocus:p,...d},E)=>{let P=C__default.default.useCallback(Ee=>{i?.(Ee.target.checked);},[i]),T=o!==void 0,A=T?{checked:o}:{},ke=!T&&s!==void 0?{defaultChecked:s}:{},j=C__default.default.useRef(T);return C__default.default.useEffect(()=>{process.env.NODE_ENV==="development"&&(j.current!==T&&console.warn(`Checkbox with id="${e}" is changing from ${j.current?"controlled":"uncontrolled"} to ${T?"controlled":"uncontrolled"}. This is likely a bug. Decide between using "checked" (controlled) or "defaultChecked" (uncontrolled) and stick with it.`),j.current=T);},[T,e]),C__default.default.createElement("div",{className:a,style:c,"data-checkbox-size":y},C__default.default.createElement(chunk4BZKFPEC_cjs.a,{ref:E,type:"checkbox",id:e,name:u,value:r,...A,...ke,classes:l||"checkbox-input",disabled:f,required:S,validationState:g,errorMessage:v,hintText:m,onChange:P,onBlur:x,onFocus:h,autoFocus:p,...d}),C__default.default.createElement("label",{htmlFor:e,className:"checkbox-label"},t,S&&C__default.default.createElement("span",{className:"checkbox-required","aria-label":"required"}," *")))});ne.displayName="Checkbox";var ie=({src:e="//",alt:t,width:o=480,height:s,styles:r,loading:i="lazy",placeholder:a,fetchpriority:l="low",decoding:c="auto",srcSet:y,sizes:u,onError:f,onLoad:S,...g})=>{let v=C.useMemo(()=>{let p=typeof o=="number"?o:480,d=typeof s=="number"?s:Math.round(p*.75),E=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${p} ${d}">
|
|
31
31
|
<defs>
|
|
32
32
|
<linearGradient id="grad-${p}-${d}" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
33
33
|
<stop offset="0%" style="stop-color:#6366f1;stop-opacity:1" />
|
|
@@ -39,7 +39,7 @@ var _e={default:"",info:"Information: ",success:"Success: ",warning:"Warning: ",
|
|
|
39
39
|
<circle cx="${p*.15}" cy="${d*.2}" r="${Math.min(p,d)*.08}" fill="rgba(255,255,255,0.2)"/>
|
|
40
40
|
<path d="M0,${d*.75} Q${p*.25},${d*.65} ${p*.5},${d*.75} T${p},${d*.75} L${p},${d} L0,${d} Z" fill="rgba(0,0,0,0.15)"/>
|
|
41
41
|
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="system-ui,-apple-system,sans-serif" font-size="${Math.max(16,Math.min(p,d)*.05)}" font-weight="500" fill="rgba(255,255,255,0.9)">${p}\xD7${d}</text>
|
|
42
|
-
</svg>`;return `data:image/svg+xml,${encodeURIComponent(k)}`},[o,s]),m=a??v;return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"img",src:e,alt:t,width:o,height:s||"auto",loading:i,style:r,srcSet:y,sizes:u,onError:p=>{f&&f(p),p.defaultPrevented||p.currentTarget.src!==m&&(p.currentTarget.src=m);},onLoad:p=>{S?.(p);},decoding:c,...g,...l&&{fetchpriority:l}})};ie.displayName="Img";var ae=e=>{let[t,o]=C.useState([]),[s,r]=C.useState(e),[i,a]=C.useState(!1),[l,c]=C.useState(!1);return C.useEffect(()=>{let m=()=>{let x=window.speechSynthesis.getVoices();o(x);let h=x.find(p=>p.name==="Google US English");if(h)r(h);else {let p=x.find(d=>d.lang.startsWith("en-"));p&&r(p);}};return m(),window.speechSynthesis.onvoiceschanged=m,()=>{window.speechSynthesis.onvoiceschanged=null;}},[]),{speak:(m,x={},h)=>{let p=new SpeechSynthesisUtterance(m);p.lang=x.lang??"en-US",p.pitch=x.pitch??1,p.rate=x.rate??1,p.voice=s??x.voice??null,p.onend=()=>{a(!1),c(!1),h&&h();},"speechSynthesis"in window?(window.speechSynthesis.speak(p),a(!0),c(!1)):a(!1);},pause:()=>{i&&!l&&(window.speechSynthesis.pause(),c(!0));},resume:()=>{i&&l&&(window.speechSynthesis.resume(),c(!1));},cancel:()=>{i&&(window.speechSynthesis.cancel(),a(!1),c(!1));},isSpeaking:i,isPaused:l,availableVoices:t,changeVoice:m=>{r(m);},currentVoice:s,getAvailableLanguages:()=>[...new Set(t.map(m=>m.lang))]}};var et=({children:e,onClick:t})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"button",type:"button",className:"tts-border","data-btn":"sm text pill",onClick:t},e),M=C__default.default.memo(et),X=({label:e,isSpeaking:t,isPaused:o,onSpeak:s,onPause:r,onResume:i,onCancel:a})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div","data-tts":!0},e&&C__default.default.createElement("p",null,e),!t&&C__default.default.createElement(M,{"aria-label":"Speak",onClick:s},C__default.default.createElement(chunk5CJPTDK3_cjs.b.PlaySolid,{size:16})),t&&!o&&C__default.default.createElement(M,{"aria-label":"Pause",onClick:r},C__default.default.createElement(chunk5CJPTDK3_cjs.b.PauseSolid,{size:16})),o&&C__default.default.createElement(M,{"aria-label":"Resume",onClick:i},C__default.default.createElement(chunk5CJPTDK3_cjs.b.ResumeSolid,{size:16})),C__default.default.createElement(M,{"aria-label":"Stop",onClick:a},C__default.default.createElement(chunk5CJPTDK3_cjs.b.StopSolid,{size:16})));X.displayName="TextToSpeechControls";X.TTSButton=M;var le=X;var pe=({initialText:e="",showTextInput:t=!1,voice:o,pitch:s=1,rate:r=1,label:i,onEnd:a})=>{let{speak:l,pause:c,resume:y,cancel:u,isSpeaking:f,isPaused:S}=ae(),[g,v]=C.useState(e);C.useEffect(()=>{v(e);},[e]);let m=()=>{g.trim()!==""&&l(g,{voice:o,pitch:s,rate:r},h);},x=p=>{v(p.target.value);},h=()=>{a&&a();};return C__default.default.createElement(C__default.default.Fragment,null,t&&C__default.default.createElement(chunkAFINOD2L_cjs.b,{value:g,onChange:x}),C__default.default.createElement(le,{label:i,isSpeaking:f,isPaused:S,onSpeak:m,onPause:c,onResume:y,onCancel:u}))};pe.displayName="TextToSpeechComponent";var E=e=>C__default.default.createElement(C__default.default.Fragment,null,e),st=({id:e,children:t,headerBackground:o,styles:s,classes:r,...i})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"header",id:e,styles:s,className:r,...i},o,C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},t)),rt=({id:e,children:t,styles:o,classes:s,...r})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"main",id:e,styles:o,...r,className:s},t),nt=({id:e,classes:t,children:o,styles:s={},...r})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"footer",id:e,className:t,styles:s,...r},C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},o||"Copyright \xA9 2022")),it=({id:e,children:t,styles:o={},classes:s,...r})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"aside",id:e,styles:o,className:s,...r},C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},t)),at=({id:e,children:t,styles:o,classes:s,...r})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section",id:e,styles:o,className:s,...r},t),lt=({id:e,children:t,styles:o,classes:s,...r})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"article",id:e,styles:o,className:s,...r},t);E.displayName="Landmarks";E.Header=st;E.Main=rt;E.Footer=nt;E.Aside=it;E.Section=at;E.Article=lt;var fe=C__default.default.forwardRef(({padding:e,paddingInline:t,paddingBlock:o,margin:s,marginInline:r,marginBlock:i,width:a,maxWidth:l,radius:c,as:y="div",className:u,classes:f,children:S,...g},v)=>{let m=[];e&&m.push(`box-padding-${e}`),t&&m.push(`box-padding-inline-${t}`),o&&m.push(`box-padding-block-${o}`),s&&m.push(`box-margin-${s}`),r&&m.push(`box-margin-inline-${r}`),i&&m.push(`box-margin-block-${i}`),a&&m.push(`box-width-${a}`),l&&m.push(`box-max-width-${l}`),c&&m.push(`box-radius-${c}`);let x=[...m,u,f].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:y,ref:v,classes:x||void 0,...g},S)});fe.displayName="Box";var de=C__default.default.forwardRef(({gap:e,direction:t="vertical",align:o,justify:s,wrap:r,as:i="div",className:a,classes:l,children:c,...y},u)=>{let f=["stack"];t==="horizontal"?f.push("stack-horizontal"):f.push("stack-vertical"),e&&f.push(`stack-gap-${e}`),o&&f.push(`stack-align-${o}`),s&&f.push(`stack-justify-${s}`),r&&f.push(`stack-${r}`);let S=[...f,a,l].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:i,ref:u,classes:S,...y},c)});de.displayName="Stack";var xe=C__default.default.forwardRef(({gap:e,justify:t,align:o,as:s="div",className:r,classes:i,children:a,...l},c)=>{let y=["cluster"];e&&y.push(`cluster-gap-${e}`),t&&y.push(`cluster-justify-${t}`),o&&y.push(`cluster-align-${o}`);let u=[...y,r,i].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:s,ref:c,classes:u,...l},a)});xe.displayName="Cluster";var ye=C__default.default.forwardRef(({columns:e,auto:t,minColumnWidth:o,gap:s,gapX:r,gapY:i,justifyItems:a,alignItems:l,as:c="div",className:y,classes:u,children:f,style:S,styles:g,...v},m)=>{let x=["grid"];e&&x.push(`grid-cols-${e}`),t&&x.push(`grid-auto-${t}`),s&&x.push(`grid-gap-${s}`),r&&x.push(`grid-gap-x-${r}`),i&&x.push(`grid-gap-y-${i}`),a&&x.push(`grid-justify-items-${a}`),l&&x.push(`grid-align-items-${l}`);let h=[...x,y,u].filter(Boolean).join(" "),p={...S||{},...g||{}};return t&&o&&(p.gridTemplateColumns=`repeat(auto-${t}, minmax(${o}, 1fr))`),C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:c,ref:m,classes:h,style:Object.keys(p).length>0?p:void 0,...v},f)});ye.displayName="Grid";var Q=C__default.default.forwardRef(({span:e,rowSpan:t,as:o="div",className:s,classes:r,children:i,...a},l)=>{let c=[];e&&c.push(`grid-col-span-${e}`),t&&c.push(`grid-row-span-${t}`);let y=[...c,s,r].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,ref:l,classes:y,...a},i)});Q.displayName="GridItem";var he=ye;he.Item=Q;var pt=he;var Se=C__default.default.forwardRef(({gap:e,justify:t,align:o,wrap:s,alwaysProportional:r=!1,as:i="div",className:a,classes:l,children:c,...y},u)=>{process.env.NODE_ENV==="development"&&r&&console.warn('[fpkit] Row: alwaysProportional is deprecated and will be removed in v5.0.0. Use responsive column utilities instead: className="col-sm-6 col-md-4"');let f=["col-row"];e&&f.push(`col-row-gap-${e}`),t&&f.push(`col-row-justify-${t}`),o&&f.push(`col-row-align-${o}`),s&&s!=="wrap"&&f.push(`col-row-${s}`),r&&f.push("col-row-proportional");let S=[...f,a,l].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:i,ref:u,classes:S,...y},c)});Se.displayName="Row";var Ie=C__default.default.forwardRef(({span:e,offset:t,order:o,auto:s=!1,as:r="div",className:i,classes:a,children:l,...c},y)=>{let u=[];s?u.push("col-auto"):e==="flex"?u.push("col-flex"):e&&u.push(`col-${e}`),t!==void 0&&u.push(`col-offset-${t}`),o!==void 0&&u.push(`col-order-${o}`);let f=[...u,i,a].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:r,ref:y,classes:f,...c},l)});Ie.displayName="Col";var B=(e,t="")=>{let o=[];if(e.direction){let s={row:"flex-row","row-reverse":"flex-row-reverse",column:"flex-col","column-reverse":"flex-col-reverse"};o.push(`${t}${s[e.direction]}`);}if(e.wrap){let s={wrap:"flex-wrap",nowrap:"flex-nowrap","wrap-reverse":"flex-wrap-reverse"};o.push(`${t}${s[e.wrap]}`);}if(e.gap&&o.push(`${t}gap-${e.gap}`),e.rowGap&&o.push(`${t}row-gap-${e.rowGap}`),e.colGap&&o.push(`${t}col-gap-${e.colGap}`),e.justify){let s={start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly"};o.push(`${t}${s[e.justify]}`);}if(e.align){let s={start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline",stretch:"items-stretch"};o.push(`${t}${s[e.align]}`);}if(e.alignContent){let s={start:"content-start",end:"content-end",center:"content-center",between:"content-between",around:"content-around",evenly:"content-evenly",stretch:"content-stretch"};o.push(`${t}${s[e.alignContent]}`);}return o},Pe=C__default.default.forwardRef((e,t)=>{let{variant:o,inline:s=!1,as:r="div",className:i="",styles:a,children:l,sm:c,md:y,lg:u,xl:f,direction:S,wrap:g,gap:v,rowGap:m,colGap:x,justify:h,align:p,alignContent:d,...k}=e,I=[];if(I.push(s?"flex-inline":"flex"),o){let A={center:"flex-center",between:"flex-between",around:"flex-around",stack:"flex-stack",spread:"flex-spread"};I.push(A[o]);}I.push(...B({direction:S,wrap:g,gap:v,rowGap:m,colGap:x,justify:h,align:p,alignContent:d})),c&&I.push(...B(c,"sm:")),y&&I.push(...B(y,"md:")),u&&I.push(...B(u,"lg:")),f&&I.push(...B(f,"xl:"));let U=[...I,i].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:r,ref:t,classes:U,styles:a,...k},l)});Pe.displayName="Flex";var Ce=C__default.default.forwardRef((e,t)=>{let{grow:o,shrink:s,basis:r,flex:i,alignSelf:a,order:l,as:c="div",className:y="",styles:u,children:f,sm:S,md:g,lg:v,xl:m,...x}=e,h=[];if(i){let d={1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"};h.push(d[i]);}if(o!==void 0&&h.push(`flex-grow-${o}`),s!==void 0&&h.push(`flex-shrink-${s}`),r){let d={auto:"flex-basis-auto",0:"flex-basis-0",full:"flex-basis-full"};h.push(d[r]);}if(a){let d={auto:"self-auto",start:"self-start",end:"self-end",center:"self-center",baseline:"self-baseline",stretch:"self-stretch"};h.push(d[a]);}if(l){let d={first:"order-first",last:"order-last",none:"order-none"};h.push(d[l]);}if(S?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`sm:${d[S.flex]}`);}if(g?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`md:${d[g.flex]}`);}if(v?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`lg:${d[v.flex]}`);}if(m?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`xl:${d[m.flex]}`);}let p=[...h,y].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:c,ref:t,classes:p,styles:u,...x},f)});Ce.displayName="Flex.Item";var be=C__default.default.forwardRef((e,t)=>{let{as:o="div",className:s="",styles:r,...i}=e,a=["flex-1",s].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,ref:t,classes:a,styles:r,...i})});be.displayName="Flex.Spacer";var Y=Pe;Y.Item=Ce;Y.Spacer=be;var ct=Y;var we=({id:e,styles:t,classes:o,children:s,variant:r,...i})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"sup",id:e,styles:t,className:o,"data-badge":r||void 0,role:"status",...i},C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"span"},s));we.displayName="Badge";var mt=({elm:e="span",role:t="note",variant:o,children:s,styles:r,...i})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:e,role:t,"data-tag":o||void 0,styles:r,...i},s);mt.displayName="Tag";var dt=C__default.default.forwardRef(({summary:e,icon:t,styles:o,classes:s,ariaLabel:r,name:i,open:a,onPointerDown:l,onToggle:c,children:y,...u},f)=>{let S=C.useCallback(v=>{l?.(v);},[l]),g=C.useCallback(v=>{c?.(v);},[c]);return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"details",styles:o,classes:s,onToggle:g,ref:f,open:a,"aria-label":r,name:i,...u},C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"summary",onPointerDown:S},t,e),C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},y))});dt.displayName="Details";
|
|
42
|
+
</svg>`;return `data:image/svg+xml,${encodeURIComponent(E)}`},[o,s]),m=a??v;return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"img",src:e,alt:t,width:o,height:s||"auto",loading:i,style:r,srcSet:y,sizes:u,onError:p=>{f&&f(p),p.defaultPrevented||p.currentTarget.src!==m&&(p.currentTarget.src=m);},onLoad:p=>{S?.(p);},decoding:c,...g,...l&&{fetchpriority:l}})};ie.displayName="Img";var ae=e=>{let[t,o]=C.useState([]),[s,r]=C.useState(e),[i,a]=C.useState(!1),[l,c]=C.useState(!1);return C.useEffect(()=>{let m=()=>{let x=window.speechSynthesis.getVoices();o(x);let h=x.find(p=>p.name==="Google US English");if(h)r(h);else {let p=x.find(d=>d.lang.startsWith("en-"));p&&r(p);}};return m(),window.speechSynthesis.onvoiceschanged=m,()=>{window.speechSynthesis.onvoiceschanged=null;}},[]),{speak:(m,x={},h)=>{let p=new SpeechSynthesisUtterance(m);p.lang=x.lang??"en-US",p.pitch=x.pitch??1,p.rate=x.rate??1,p.voice=s??x.voice??null,p.onend=()=>{a(!1),c(!1),h&&h();},"speechSynthesis"in window?(window.speechSynthesis.speak(p),a(!0),c(!1)):a(!1);},pause:()=>{i&&!l&&(window.speechSynthesis.pause(),c(!0));},resume:()=>{i&&l&&(window.speechSynthesis.resume(),c(!1));},cancel:()=>{i&&(window.speechSynthesis.cancel(),a(!1),c(!1));},isSpeaking:i,isPaused:l,availableVoices:t,changeVoice:m=>{r(m);},currentVoice:s,getAvailableLanguages:()=>[...new Set(t.map(m=>m.lang))]}};var tt=({children:e,onClick:t})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"button",type:"button",className:"tts-border","data-btn":"sm text pill",onClick:t},e),M=C__default.default.memo(tt),X=({label:e,isSpeaking:t,isPaused:o,onSpeak:s,onPause:r,onResume:i,onCancel:a})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div","data-tts":!0},e&&C__default.default.createElement("p",null,e),!t&&C__default.default.createElement(M,{"aria-label":"Speak",onClick:s},C__default.default.createElement(chunk5CJPTDK3_cjs.b.PlaySolid,{size:16})),t&&!o&&C__default.default.createElement(M,{"aria-label":"Pause",onClick:r},C__default.default.createElement(chunk5CJPTDK3_cjs.b.PauseSolid,{size:16})),o&&C__default.default.createElement(M,{"aria-label":"Resume",onClick:i},C__default.default.createElement(chunk5CJPTDK3_cjs.b.ResumeSolid,{size:16})),C__default.default.createElement(M,{"aria-label":"Stop",onClick:a},C__default.default.createElement(chunk5CJPTDK3_cjs.b.StopSolid,{size:16})));X.displayName="TextToSpeechControls";X.TTSButton=M;var le=X;var pe=({initialText:e="",showTextInput:t=!1,voice:o,pitch:s=1,rate:r=1,label:i,onEnd:a})=>{let{speak:l,pause:c,resume:y,cancel:u,isSpeaking:f,isPaused:S}=ae(),[g,v]=C.useState(e);C.useEffect(()=>{v(e);},[e]);let m=()=>{g.trim()!==""&&l(g,{voice:o,pitch:s,rate:r},h);},x=p=>{v(p.target.value);},h=()=>{a&&a();};return C__default.default.createElement(C__default.default.Fragment,null,t&&C__default.default.createElement(chunkAFINOD2L_cjs.b,{value:g,onChange:x}),C__default.default.createElement(le,{label:i,isSpeaking:f,isPaused:S,onSpeak:m,onPause:c,onResume:y,onCancel:u}))};pe.displayName="TextToSpeechComponent";var F=e=>C__default.default.createElement(C__default.default.Fragment,null,e),rt=({id:e,children:t,headerBackground:o,styles:s,classes:r,...i})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"header",id:e,styles:s,className:r,...i},o,C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},t)),nt=({id:e,children:t,styles:o,classes:s,...r})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"main",id:e,styles:o,...r,className:s},t),it=({id:e,classes:t,children:o,styles:s={},...r})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"footer",id:e,className:t,styles:s,...r},C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},o||"Copyright \xA9 2022")),at=({id:e,children:t,styles:o={},classes:s,...r})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"aside",id:e,styles:o,className:s,...r},C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},t)),lt=({id:e,children:t,styles:o,classes:s,...r})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section",id:e,styles:o,className:s,...r},t),pt=({id:e,children:t,styles:o,classes:s,...r})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"article",id:e,styles:o,className:s,...r},t);F.displayName="Landmarks";F.Header=rt;F.Main=nt;F.Footer=it;F.Aside=at;F.Section=lt;F.Article=pt;var fe=C__default.default.forwardRef(({padding:e,paddingInline:t,paddingBlock:o,margin:s,marginInline:r,marginBlock:i,width:a,maxWidth:l,radius:c,as:y="div",className:u,classes:f,children:S,...g},v)=>{let m=[];e&&m.push(`box-padding-${e}`),t&&m.push(`box-padding-inline-${t}`),o&&m.push(`box-padding-block-${o}`),s&&m.push(`box-margin-${s}`),r&&m.push(`box-margin-inline-${r}`),i&&m.push(`box-margin-block-${i}`),a&&m.push(`box-width-${a}`),l&&m.push(`box-max-width-${l}`),c&&m.push(`box-radius-${c}`);let x=[...m,u,f].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:y,ref:v,classes:x||void 0,...g},S)});fe.displayName="Box";var de=C__default.default.forwardRef(({gap:e,direction:t="vertical",align:o,justify:s,wrap:r,as:i="div",className:a,classes:l,children:c,...y},u)=>{let f=["stack"];t==="horizontal"?f.push("stack-horizontal"):f.push("stack-vertical"),e&&f.push(`stack-gap-${e}`),o&&f.push(`stack-align-${o}`),s&&f.push(`stack-justify-${s}`),r&&f.push(`stack-${r}`);let S=[...f,a,l].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:i,ref:u,classes:S,...y},c)});de.displayName="Stack";var xe=C__default.default.forwardRef(({gap:e,justify:t,align:o,as:s="div",className:r,classes:i,children:a,...l},c)=>{let y=["cluster"];e&&y.push(`cluster-gap-${e}`),t&&y.push(`cluster-justify-${t}`),o&&y.push(`cluster-align-${o}`);let u=[...y,r,i].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:s,ref:c,classes:u,...l},a)});xe.displayName="Cluster";var ye=C__default.default.forwardRef(({columns:e,auto:t,minColumnWidth:o,gap:s,gapX:r,gapY:i,justifyItems:a,alignItems:l,as:c="div",className:y,classes:u,children:f,style:S,styles:g,...v},m)=>{let x=["grid"];e&&x.push(`grid-cols-${e}`),t&&x.push(`grid-auto-${t}`),s&&x.push(`grid-gap-${s}`),r&&x.push(`grid-gap-x-${r}`),i&&x.push(`grid-gap-y-${i}`),a&&x.push(`grid-justify-items-${a}`),l&&x.push(`grid-align-items-${l}`);let h=[...x,y,u].filter(Boolean).join(" "),p={...S||{},...g||{}};return t&&o&&(p.gridTemplateColumns=`repeat(auto-${t}, minmax(${o}, 1fr))`),C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:c,ref:m,classes:h,style:Object.keys(p).length>0?p:void 0,...v},f)});ye.displayName="Grid";var Q=C__default.default.forwardRef(({span:e,rowSpan:t,as:o="div",className:s,classes:r,children:i,...a},l)=>{let c=[];e&&c.push(`grid-col-span-${e}`),t&&c.push(`grid-row-span-${t}`);let y=[...c,s,r].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,ref:l,classes:y,...a},i)});Q.displayName="GridItem";var he=ye;he.Item=Q;var ct=he;var Se=C__default.default.forwardRef(({gap:e,justify:t,align:o,wrap:s,alwaysProportional:r=!1,as:i="div",className:a,classes:l,children:c,...y},u)=>{process.env.NODE_ENV==="development"&&r&&console.warn('[fpkit] Row: alwaysProportional is deprecated and will be removed in v5.0.0. Use responsive column utilities instead: className="col-sm-6 col-md-4"');let f=["col-row"];e&&f.push(`col-row-gap-${e}`),t&&f.push(`col-row-justify-${t}`),o&&f.push(`col-row-align-${o}`),s&&s!=="wrap"&&f.push(`col-row-${s}`),r&&f.push("col-row-proportional");let S=[...f,a,l].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:i,ref:u,classes:S,...y},c)});Se.displayName="Row";var Ie=C__default.default.forwardRef(({span:e,offset:t,order:o,auto:s=!1,as:r="div",className:i,classes:a,children:l,...c},y)=>{let u=[];s?u.push("col-auto"):e==="flex"?u.push("col-flex"):e&&u.push(`col-${e}`),t!==void 0&&u.push(`col-offset-${t}`),o!==void 0&&u.push(`col-order-${o}`);let f=[...u,i,a].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:r,ref:y,classes:f,...c},l)});Ie.displayName="Col";var B=(e,t="")=>{let o=[];if(e.direction){let s={row:"flex-row","row-reverse":"flex-row-reverse",column:"flex-col","column-reverse":"flex-col-reverse"};o.push(`${t}${s[e.direction]}`);}if(e.wrap){let s={wrap:"flex-wrap",nowrap:"flex-nowrap","wrap-reverse":"flex-wrap-reverse"};o.push(`${t}${s[e.wrap]}`);}if(e.gap&&o.push(`${t}gap-${e.gap}`),e.rowGap&&o.push(`${t}row-gap-${e.rowGap}`),e.colGap&&o.push(`${t}col-gap-${e.colGap}`),e.justify){let s={start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly"};o.push(`${t}${s[e.justify]}`);}if(e.align){let s={start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline",stretch:"items-stretch"};o.push(`${t}${s[e.align]}`);}if(e.alignContent){let s={start:"content-start",end:"content-end",center:"content-center",between:"content-between",around:"content-around",evenly:"content-evenly",stretch:"content-stretch"};o.push(`${t}${s[e.alignContent]}`);}return o},Pe=C__default.default.forwardRef((e,t)=>{let{variant:o,inline:s=!1,as:r="div",className:i="",styles:a,children:l,sm:c,md:y,lg:u,xl:f,direction:S,wrap:g,gap:v,rowGap:m,colGap:x,justify:h,align:p,alignContent:d,...E}=e,P=[];if(P.push(s?"flex-inline":"flex"),o){let A={center:"flex-center",between:"flex-between",around:"flex-around",stack:"flex-stack",spread:"flex-spread"};P.push(A[o]);}P.push(...B({direction:S,wrap:g,gap:v,rowGap:m,colGap:x,justify:h,align:p,alignContent:d})),c&&P.push(...B(c,"sm:")),y&&P.push(...B(y,"md:")),u&&P.push(...B(u,"lg:")),f&&P.push(...B(f,"xl:"));let T=[...P,i].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:r,ref:t,classes:T,styles:a,...E},l)});Pe.displayName="Flex";var Ce=C__default.default.forwardRef((e,t)=>{let{grow:o,shrink:s,basis:r,flex:i,alignSelf:a,order:l,as:c="div",className:y="",styles:u,children:f,sm:S,md:g,lg:v,xl:m,...x}=e,h=[];if(i){let d={1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"};h.push(d[i]);}if(o!==void 0&&h.push(`flex-grow-${o}`),s!==void 0&&h.push(`flex-shrink-${s}`),r){let d={auto:"flex-basis-auto",0:"flex-basis-0",full:"flex-basis-full"};h.push(d[r]);}if(a){let d={auto:"self-auto",start:"self-start",end:"self-end",center:"self-center",baseline:"self-baseline",stretch:"self-stretch"};h.push(d[a]);}if(l){let d={first:"order-first",last:"order-last",none:"order-none"};h.push(d[l]);}if(S?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`sm:${d[S.flex]}`);}if(g?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`md:${d[g.flex]}`);}if(v?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`lg:${d[v.flex]}`);}if(m?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`xl:${d[m.flex]}`);}let p=[...h,y].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:c,ref:t,classes:p,styles:u,...x},f)});Ce.displayName="Flex.Item";var be=C__default.default.forwardRef((e,t)=>{let{as:o="div",className:s="",styles:r,...i}=e,a=["flex-1",s].filter(Boolean).join(" ");return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,ref:t,classes:a,styles:r,...i})});be.displayName="Flex.Spacer";var Y=Pe;Y.Item=Ce;Y.Spacer=be;var ft=Y;var we=({id:e,styles:t,classes:o,children:s,variant:r,...i})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"sup",id:e,styles:t,className:o,"data-badge":r||void 0,role:"status",...i},C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"span"},s));we.displayName="Badge";var dt=({elm:e="span",role:t="note",variant:o,children:s,styles:r,...i})=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:e,role:t,"data-tag":o||void 0,styles:r,...i},s);dt.displayName="Tag";var ut=C__default.default.forwardRef(({summary:e,icon:t,styles:o,classes:s,ariaLabel:r,name:i,open:a,onPointerDown:l,onToggle:c,children:y,...u},f)=>{let S=C.useCallback(v=>{l?.(v);},[l]),g=C.useCallback(v=>{c?.(v);},[c]);return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"details",styles:o,classes:s,onToggle:g,ref:f,open:a,"aria-label":r,name:i,...u},C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"summary",onPointerDown:S},t,e),C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},y))});ut.displayName="Details";
|
|
43
43
|
|
|
44
44
|
Object.defineProperty(exports, 'Textarea', {
|
|
45
45
|
enumerable: true,
|
|
@@ -170,26 +170,26 @@ Object.defineProperty(exports, 'UI', {
|
|
|
170
170
|
get: function () { return chunkEJ6KYBFE_cjs.a; }
|
|
171
171
|
});
|
|
172
172
|
exports.Alert = re;
|
|
173
|
-
exports.Article =
|
|
174
|
-
exports.Aside =
|
|
173
|
+
exports.Article = pt;
|
|
174
|
+
exports.Aside = at;
|
|
175
175
|
exports.Badge = we;
|
|
176
176
|
exports.Box = fe;
|
|
177
177
|
exports.Checkbox = ne;
|
|
178
178
|
exports.Cluster = xe;
|
|
179
179
|
exports.Col = Ie;
|
|
180
|
-
exports.Details =
|
|
181
|
-
exports.Flex =
|
|
182
|
-
exports.Footer =
|
|
183
|
-
exports.Grid =
|
|
180
|
+
exports.Details = ut;
|
|
181
|
+
exports.Flex = ft;
|
|
182
|
+
exports.Footer = it;
|
|
183
|
+
exports.Grid = ct;
|
|
184
184
|
exports.GridItem = Q;
|
|
185
|
-
exports.Header =
|
|
185
|
+
exports.Header = rt;
|
|
186
186
|
exports.Img = ie;
|
|
187
|
-
exports.Landmarks =
|
|
188
|
-
exports.Main =
|
|
187
|
+
exports.Landmarks = F;
|
|
188
|
+
exports.Main = nt;
|
|
189
189
|
exports.Row = Se;
|
|
190
|
-
exports.Section =
|
|
190
|
+
exports.Section = lt;
|
|
191
191
|
exports.Stack = de;
|
|
192
|
-
exports.Tag =
|
|
192
|
+
exports.Tag = dt;
|
|
193
193
|
exports.TextToSpeech = pe;
|
|
194
194
|
//# sourceMappingURL=out.js.map
|
|
195
195
|
//# sourceMappingURL=index.cjs.map
|