@fpkit/acss 3.8.0 → 3.9.0

package/libs/components/checkbox/checkbox.css

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

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

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

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

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

package/src/components/checkbox/README.mdx

@@ -1,263 +0,0 @@
-import { Meta } from "@storybook/addon-docs/blocks";
-import * as CheckboxStories from "./checkbox.stories";
-
-<Meta of={CheckboxStories} />
-
-# Checkbox
-
-Accessible checkbox component with size and color variants, validation support,
-and comprehensive ARIA attributes.
-
-## Features
-
-- ✅ **WCAG 2.1 AA Compliant** - Meets accessibility standards
-- ✅ **Controlled & Uncontrolled** - Flexible state management
-- ✅ **Indeterminate State** - Three-state checkbox support
-- ✅ **Validation** - Built-in error messaging
-- ✅ **Size Variants** - sm, md, lg
-- ✅ **Color Variants** - primary, secondary, error, success
-- ✅ **Keyboard Navigation** - Full keyboard support
-- ✅ **Custom Styling** - CSS custom properties
-
-## Basic Usage
-
-```tsx
-import { Checkbox } from "@fpkit/acss";
-
-function MyForm() {
-  return <Checkbox id="terms" label="I accept the terms and conditions" />;
-}
-```
-
-## Controlled Mode
-
-Use controlled mode when you need to manage checkbox state in your component:
-
-```tsx
-import { useState } from "react";
-import { Checkbox } from "@fpkit/acss";
-
-function ControlledExample() {
-  const [checked, setChecked] = useState(false);
-
-  return (
-    <Checkbox
-      id="newsletter"
-      label="Subscribe to newsletter"
-      checked={checked}
-      onChange={(e) => setChecked(e.target.checked)}
-    />
-  );
-}
-```
-
-## Uncontrolled Mode
-
-Use uncontrolled mode for simple forms where you read the value on submission:
-
-```tsx
-import { Checkbox } from "@fpkit/acss";
-
-function UncontrolledExample() {
-  const handleSubmit = (e) => {
-    const formData = new FormData(e.target);
-    console.log(formData.get("agree")); // "on" if checked
-  };
-
-  return (
-    <form onSubmit={handleSubmit}>
-      <Checkbox id="agree" name="agree" label="I agree" defaultChecked={true} />
-      <button type="submit">Submit</button>
-    </form>
-  );
-}
-```
-
-## With Validation
-
-Display validation errors and helper text:
-
-```tsx
-<Checkbox
-  id="required"
-  label="Required checkbox"
-  required
-  validationState="invalid"
-  errorMessage="This field is required"
-  description="You must check this box to continue"
-/>
-```
-
-## Indeterminate State
-
-Use for "select all" patterns where some but not all items are selected:
-
-```tsx
-import { useState } from "react";
-import { Checkbox } from "@fpkit/acss";
-
-function SelectAllExample() {
-  const [selectedItems, setSelectedItems] = useState([]);
-  const totalItems = 4;
-
-  const allSelected = selectedItems.length === totalItems;
-  const someSelected = selectedItems.length > 0 && !allSelected;
-
-  return (
-    <Checkbox
-      id="select-all"
-      label="Select all"
-      checked={allSelected}
-      indeterminate={someSelected}
-      onChange={(e) => {
-        if (e.target.checked) {
-          setSelectedItems([1, 2, 3, 4]);
-        } else {
-          setSelectedItems([]);
-        }
-      }}
-    />
-  );
-}
-```
-
-## Size Variants
-
-Choose from three sizes:
-
-```tsx
-<Checkbox id="sm" label="Small" size="sm" />
-<Checkbox id="md" label="Medium (default)" size="md" />
-<Checkbox id="lg" label="Large" size="lg" />
-```
-
-## Color Variants
-
-All colors meet WCAG 2.1 AA contrast requirements:
-
-```tsx
-<Checkbox id="primary" label="Primary (Blue)" color="primary" />
-<Checkbox id="secondary" label="Secondary (Gray)" color="secondary" />
-<Checkbox id="error" label="Error (Red)" color="error" />
-<Checkbox id="success" label="Success (Green)" color="success" />
-```
-
-## Label Positioning
-
-Position labels before or after the checkbox:
-
-```tsx
-<Checkbox id="left" label="Label on left" labelPosition="left" />
-<Checkbox id="right" label="Label on right" labelPosition="right" />
-```
-
-## Custom Styling
-
-Customize appearance using CSS custom properties:
-
-```tsx
-<Checkbox
-  id="custom"
-  label="Custom styled"
-  styles={{
-    "--checkbox-size": "2rem",
-    "--checkbox-checked-bg": "#7c3aed",
-    "--checkbox-radius": "0.5rem",
-  }}
-/>
-```
-
-See [STYLES.mdx](./STYLES.mdx) for complete CSS variable reference.
-
-## Accessibility
-
-### WCAG 2.1 AA Compliance
-
-The Checkbox component implements multiple WCAG success criteria:
-
-- **3.2.2 On Input (Level A)** - Checking the box doesn't cause unexpected
-  context changes
-- **4.1.2 Name, Role, Value (Level A)** - Proper ARIA attributes communicate
-  state
-- **1.4.3 Contrast (Minimum) (Level AA)** - All color variants meet 4.5:1
-  contrast ratio
-- **2.4.7 Focus Visible (Level AA)** - Clear focus indicators on keyboard
-  navigation
-
-### Keyboard Support
-
-- **Tab** - Move focus to/from checkbox
-- **Space** - Toggle checkbox state
-- **Shift+Tab** - Move focus backward
-
-### Screen Reader Support
-
-- Checkbox state announced (checked/unchecked/indeterminate)
-- Label text announced
-- Description text announced via `aria-describedby`
-- Error messages announced via `aria-errormessage`
-- Required state announced via `aria-required`
-- Disabled state announced via `aria-disabled`
-
-### Best Practices
-
-1. **Always provide labels** - Use `label` or `children` prop for accessible
-   name
-2. **Use semantic colors** - Use `error` variant for validation failures
-3. **Provide descriptions** - Use `description` prop for additional context
-4. **Group related checkboxes** - Use `<fieldset>` and `<legend>` for checkbox
-   groups
-5. **Don't mix modes** - Use either controlled or uncontrolled, not both
-
-## Props
-
-See TypeScript types for complete prop reference with JSDoc documentation.
-
-### Key Props
-
-| Prop              | Type                                               | Default      | Description          |
-| ----------------- | -------------------------------------------------- | ------------ | -------------------- |
-| `id`              | `string`                                           | **required** | Unique identifier    |
-| `label`           | `ReactNode`                                        | -            | Label text           |
-| `children`        | `ReactNode`                                        | -            | Alternative to label |
-| `size`            | `"sm" \| "md" \| "lg"`                             | `"md"`       | Size variant         |
-| `color`           | `"primary" \| "secondary" \| "error" \| "success"` | `"primary"`  | Color variant        |
-| `checked`         | `boolean`                                          | -            | Controlled mode      |
-| `defaultChecked`  | `boolean`                                          | -            | Uncontrolled mode    |
-| `indeterminate`   | `boolean`                                          | `false`      | Indeterminate state  |
-| `disabled`        | `boolean`                                          | -            | Disabled state       |
-| `required`        | `boolean`                                          | `false`      | Required field       |
-| `validationState` | `"valid" \| "invalid" \| "none"`                   | `"none"`     | Validation state     |
-| `errorMessage`    | `string`                                           | -            | Error message        |
-| `description`     | `string`                                           | -            | Helper text          |
-
-## Examples
-
-See Storybook stories for interactive examples:
-
-- **Basic** - Simple checkbox with label
-- **Sizes** - All size variants
-- **Colors** - All color variants
-- **States** - Checked, unchecked, indeterminate, disabled
-- **WithDescription** - Checkbox with helper text
-- **WithError** - Checkbox with validation error
-- **LabelPositions** - Left and right label positioning
-- **Controlled** - Controlled mode example
-- **Uncontrolled** - Uncontrolled mode example
-- **Required** - Required field indicator
-- **ComplexForm** - Complete form example
-- **SelectAll** - Indeterminate "select all" pattern
-- **CustomStyling** - CSS custom property examples
-
-## Related Components
-
-- **Form** - Form wrapper component
-- **Field** - Form field with label and error handling
-- **Input** - Text input component
-- **Select** - Dropdown select component
-
-## Resources
-
-- [ARIA Checkbox Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/)
-- [WCAG 2.1 Guidelines](https://www.w3.org/WAI/WCAG21/quickref/)
-- [CSS Variables Reference](./STYLES.mdx)