frutjam 0.0.8-alpha.2 → 0.1.1-alpha.1

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/dist/frutjam.css CHANGED
@@ -1,9 +1,4 @@
1
- /*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-neutral-500:oklch(0.556 0 0);--color-neutral-950:oklch(0.145 0 0);--color-black:#000;--color-white:#fff;--spacing:0.25rem;--text-xs:0.75rem;--text-xs--line-height:1.33333;--text-sm:0.875rem;--text-sm--line-height:1.42857;--font-weight-medium:500;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-2xl:1rem;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(
2
- --font-sans--font-variation-settings
3
- );--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(
4
- --font-mono--font-feature-settings
5
- );--default-mono-font-variation-settings:var(
6
- --font-mono--font-variation-settings
7
- )}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:var( --default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" );font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var( --default-font-variation-settings,normal );tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var( --default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace );font-feature-settings:var( --default-mono-font-feature-settings,normal );font-size:1em;font-variation-settings:var( --default-mono-font-variation-settings,normal )}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{background-color:transparent;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{color:color-mix(in oklab,currentColor 50%,transparent);opacity:1}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.dialog{align-items:center;background-color:transparent;color:inherit;display:grid;height:100%;inset:calc(var(--spacing)*0);justify-items:center;margin:calc(var(--spacing)*0);max-height:none;max-width:none;overflow-x:hidden;overflow-y:hidden;overscroll-behavior:contain;padding:calc(var(--spacing)*0);pointer-events:none;position:fixed;transition:transform .3s ease-out,visibility allow-discrete .3s,opacity .1s ease-out;visibility:hidden;width:100%;z-index:999;&::backdrop,&:not(dialog:not([popover]:popover-open)){background-color:color-mix(in oklab,var(--color-neutral-950) 25%,transparent);opacity:100%;@media (prefers-color-scheme:dark){background-color:color-mix(in oklab,var(--color-neutral-950) 50%,transparent)}@starting-style{visibility:hidden}@starting-style{opacity:0}transition:display allow-discrete .3s ease-out,opacity .3s ease-out,visibility allow-discrete .3s ease-out}&[popover]:popover-open{opacity:100%;pointer-events:auto;visibility:visible;@starting-style{visibility:hidden}@starting-style{opacity:0}.dialog-body{opacity:1;scale:1;translate:0 0}}}.btn{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));overflow:hidden;position:relative;text-align:center;--tw-font-weight:var(--font-weight-medium);color:buttonFace;font-weight:var(--font-weight-medium);--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-inset-ring-color:color-mix(in oklab,var(--color-black) 10%,transparent);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));--tw-duration:300ms;transition-duration:.3s;&:focus{--tw-inset-ring-color:color-mix(in oklab,var(--color-black) 30%,transparent)}&:not(.btn-dashed,.btn-outline,.btn-soft){border-color:color-mix(in oklab,var(--color-black) 40%,transparent);border-top-style:var(--tw-border-style);border-top-width:1px}}.static{position:static}.dialog-backdrop{align-self:stretch;color:transparent;display:grid;grid-column-start:1;grid-row-start:1;justify-self:stretch;z-index:-1;button{cursor:pointer}}.dialog-body{background-color:var(--color-white);border-radius:var(--radius-2xl);grid-column-start:1;grid-row-start:1;max-height:100vh;max-width:32rem;padding:calc(var(--spacing)*4);width:91.66667%;--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.1)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.1));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:color-mix(in oklab,var(--color-neutral-500) 10%,transparent);@media (forced-colors:active){outline-style:var(--tw-outline-style);outline-width:1px}opacity:0;overflow-y:auto;overscroll-behavior:contain;scale:95%;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out .05s,box-shadow .3s ease-out}.dialog-start{place-items:start;:where(.dialog-body){border-radius:0;height:100vh;max-height:none;max-width:none;scale:1;translate:-100% 0;width:auto}}.rounded-md{border-radius:var(--radius-md)}.btn-error{background-color:var(--error-color);color:var(--error-content-color);&:is(.btn-dashed,.btn-outline){background-color:var(--color-white);border-color:var(--error-color);color:var(--error-color)}@media (hover:hover){&:hover{--tw-border-style:solid;background-color:var(--error-color);border-style:solid;color:var(--error-content-color);opacity:80%}}}.btn-success{background-color:var(--success-color);color:var(--success-content-color);&:is(.btn-dashed,.btn-outline){background-color:var(--color-white);border-color:var(--success-color);color:var(--success-color)}@media (hover:hover){&:hover{--tw-border-style:solid;background-color:var(--success-color);border-style:solid;color:var(--success-content-color);opacity:90%}}}.p-4{padding:calc(var(--spacing)*4)}.btn-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.lg\:p-12{@media (width >= 64rem){padding:calc(var(--spacing)*12)}}}@layer theme, base, components, utilities;@layer theme;@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:var( --default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" );font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var( --default-font-variation-settings,normal );tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var( --default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace );font-feature-settings:var( --default-mono-font-feature-settings,normal );font-size:1em;font-variation-settings:var( --default-mono-font-variation-settings,normal )}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{background-color:transparent;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{color:color-mix(in oklab,currentColor 50%,transparent);opacity:1}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities;@layer theme, base, components, utilities;@layer theme;@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:var( --default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" );font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var( --default-font-variation-settings,normal );tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var( --default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace );font-feature-settings:var( --default-mono-font-feature-settings,normal );font-size:1em;font-variation-settings:var( --default-mono-font-variation-settings,normal )}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{background-color:transparent;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{color:color-mix(in oklab,currentColor 50%,transparent);opacity:1}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities;:root{--neutral-color:oklch(14% .005 285.823);--neutral-content-color:#fff;--primary-color:oklch(0.546 0.245 262.881);--primary-content-color:oklch(0.95 0.02 262.881);--secondary-color:oklch(37.69% 0.1347 323.76);--secondary-content-color:oklch(100% 0 0);--accent-color:oklch(0.6 0.3 262.881);--accent-content-color:oklch(0.98 0.03 262.881);--info-color:oklch(0.65 0.2 230);--info-content-color:oklch(0.98 0.02 230);--success-color:oklch(0.6 0.22 150);--success-content-color:oklch(0.98 0.02 150);--warning-color:oklch(77.2% 0.1738 64.55);--warning-content-color:oklch(0% 0 0);--error-color:oklch(0.6 0.25 30);--error-content-color:oklch(0.98 0.02 30)}[data-theme=dark]{--primary-color:oklch(.546 .245 262.881);--primary-content-color:#fff;--secondary-color:oklch(.546 .245 262.881);--secondary-content-color:#fff}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}
1
+ /*! tailwindcss v4.0.13 | MIT License | https://tailwindcss.com */
2
+ @layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-neutral-300:oklch(.87 0 0);--color-neutral-500:oklch(.556 0 0);--color-neutral-950:oklch(.145 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-weight-medium:500;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);--style-h1-size:var(--text-4xl);--style-h2-size:var(--text-3xl);--style-h3-size:var(--text-2xl);--style-h4-size:var(--text-xl);--style-h5-size:var(--text-lg);--style-h6-size:var(--text-base)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--neutral-color:oklch(14% .005 285.823);--neutral-content-color:#fff;--primary-color:oklch(.546 .245 262.881);--primary-content-color:oklch(.95 .02 262.881);--secondary-color:oklch(37.69% .1347 323.76);--secondary-content-color:oklch(100% 0 0);--accent-color:oklch(.6 .3 262.881);--accent-content-color:oklch(.98 .03 262.881);--info-color:oklch(.65 .2 230);--info-content-color:oklch(.98 .02 230);--success-color:oklch(.6 .22 150);--success-content-color:oklch(.98 .02 150);--warning-color:oklch(77.2% .1738 64.55);--warning-content-color:oklch(0% 0 0);--error-color:oklch(.6 .25 30);--error-content-color:oklch(.98 .02 30)}[data-theme=dark]{--primary-color:oklch(.546 .245 262.881);--primary-content-color:#fff;--secondary-color:oklch(.546 .245 262.881);--secondary-content-color:#fff}}@layer components;@layer utilities{@layer components{.modal{pointer-events:none;visibility:hidden;inset:calc(var(--spacing)*0);z-index:999;margin:calc(var(--spacing)*0);overscroll-behavior:contain;width:100%;max-width:none;height:100%;max-height:none;padding:calc(var(--spacing)*0);color:inherit;transition:transform .3s ease-out,opacity .1s ease-out,visibility .3s allow-discrete;background-color:#0000;place-items:center;display:grid;position:fixed;overflow:hidden}.modal::backdrop{background-color:color-mix(in oklab,var(--color-neutral-950)25%,transparent);opacity:1;transition:display .3s ease-out allow-discrete,opacity .3s ease-out,visibility .3s ease-out allow-discrete}.modal:not(modal:not([popover]:popover-open)){background-color:color-mix(in oklab,var(--color-neutral-950)25%,transparent);opacity:1;transition:display .3s ease-out allow-discrete,opacity .3s ease-out,visibility .3s ease-out allow-discrete}@media (prefers-color-scheme:dark){.modal:not(modal:not([popover]:popover-open)){background-color:color-mix(in oklab,var(--color-neutral-950)50%,transparent)}}@starting-style{.modal:not(modal:not([popover]:popover-open)){visibility:hidden}}@starting-style{.modal:not(modal:not([popover]:popover-open)){opacity:0}}@media (prefers-color-scheme:dark){.modal::backdrop{background-color:color-mix(in oklab,var(--color-neutral-950)50%,transparent)}}@starting-style{.modal::backdrop{visibility:hidden}}@starting-style{.modal::backdrop{opacity:0}}.modal[popover]:popover-open{pointer-events:auto;visibility:visible;opacity:1}@starting-style{.modal[popover]:popover-open{visibility:hidden}}@starting-style{.modal[popover]:popover-open{opacity:0}}.modal[popover]:popover-open .modal-body{opacity:1;translate:0;scale:1}.btn{cursor:pointer;border-radius:var(--radius-lg);text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:buttonface;--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-inset-ring-color:color-mix(in oklab,var(--color-black)10%,transparent);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;align-items:center;transition-duration:.3s;display:flex;position:relative;overflow:hidden}.btn:focus{--tw-inset-ring-color:color-mix(in oklab,var(--color-black)30%,transparent)}.btn:not(.btn-dashed,.btn-outline,.btn-soft){border-top-style:var(--tw-border-style);border-top-width:1px;border-color:color-mix(in oklab,var(--color-black)40%,transparent)}.modal-backdrop{z-index:calc(1*-1);color:#0000;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid}.modal-backdrop button{cursor:pointer}.modal-body{border-radius:var(--radius-2xl);background-color:var(--color-white);width:91.6667%;max-width:32rem;max-height:100vh;padding:calc(var(--spacing)*4);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:color-mix(in oklab,var(--color-neutral-500)10%,transparent);opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%}@media (forced-colors:active){.modal-body{outline-style:var(--tw-outline-style);outline-width:1px}}.accordion{cursor:pointer;border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300);display:grid}:where(.accordion>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--color-neutral-300)}.accordion>details{text-wrap:pretty}.accordion>details>:not(summary){padding-inline:calc(var(--spacing)*4);padding-bottom:calc(var(--spacing)*4)}.accordion>details>summary::marker{--tw-content:none;content:none}.accordion>details>summary{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*4);padding:calc(var(--spacing)*4);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);display:flex}.accordion>details>summary:after{--tw-content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0icmdiYSg1Myw1Myw1MywxKSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im0xOS41IDguMjUtNy41IDcuNS03LjUtNy41Ii8+Cjwvc3ZnPg==);content:var(--tw-content);display:inline-block}.accordion>details[open]>summary{padding-bottom:calc(var(--spacing)*4)}.accordion>details[open]>summary:after{transform-origin:50%;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s;rotate:180deg}.modal-start{place-items:start}.modal-start :where(.modal-body){border-radius:0;width:auto;max-width:none;height:100vh;max-height:none;translate:-100%;scale:1}.btn-error{background-color:var(--error-color);color:var(--error-content-color)}.btn-error:is(.btn-dashed,.btn-outline){border-color:var(--error-color);background-color:var(--color-white);color:var(--error-color)}@media (hover:hover){.btn-error:hover{--tw-border-style:solid;background-color:var(--error-color);color:var(--error-content-color);opacity:.8;border-style:solid}}.btn-neutral{background-color:var(--neutral-color);color:var(--neutral-content-color)}.btn-neutral:is(.btn-dashed,.btn-outline){border-color:var(--neutral-color);background-color:var(--color-white);color:var(--neutral-color)}@media (hover:hover){.btn-neutral:hover{--tw-border-style:solid;background-color:var(--neutral-color);color:var(--color-white);border-style:solid}}.btn-sm{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.heading-1{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);font-size:var(--style-h1-size)}.heading-2{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);font-size:var(--style-h2-size)}.heading-3{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);font-size:var(--style-h3-size)}.heading-4{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);font-size:var(--style-h4-size)}.heading-5{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);font-size:var(--style-h5-size)}.heading-6{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);font-size:var(--style-h6-size)}}.checkbox{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);cursor:pointer;appearance:none;border-radius:var(--radius-md);padding:calc(var(--spacing)*1);vertical-align:middle;--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-duration:.15s;flex-shrink:0;transition-duration:.15s;position:relative}.checkbox:before{opacity:0;width:100%;height:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-content:none;content:none;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0,70% 0,70% 100%);background-color:currentColor;font-size:1rem;line-height:.75;display:block;rotate:45deg}.checkbox:focus-visible{outline:2px solid var(--input-color,currentColor);outline-offset:2px}.checkbox:checked,.checkbox[aria-checked=true]{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.checkbox:checked,.checkbox[aria-checked=true]):before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0,70% 0,70% 100%);opacity:1;--tw-content:"✔︎";content:var(--tw-content)}@media (forced-colors:active){:is(.checkbox:checked,.checkbox[aria-checked=true]):before{--tw-content:"✔︎";content:var(--tw-content);clip-path:none;background-color:#0000;rotate:none}}.checkbox:indeterminate:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}.checkbox:disabled{cursor:not-allowed;opacity:.2}.static{position:static}.rounded-md{border-radius:var(--radius-md)}.checkbox-\[deeppink\]{color:#ff1493;--tw-ring-color:deeppink;background-color:oklab(65.4935% .260965 -.0139289/.2)}.p-4{padding:calc(var(--spacing)*4)}@media (width>=64rem){.lg\:p-12{padding:calc(var(--spacing)*12)}}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}
8
3
 
9
4
  /*# sourceMappingURL=frutjam.css.map*/
@@ -1 +1 @@
1
- {"version":3,"file":"frutjam.css","mappings":"AAAA,gEAGiC,CAHjC,yCAGiC,CAHjC,iJAGiC,CAHjC,uGAGiC,CAHjC,oCAGiC,CAHjC,oCAGiC,CAHjC,kBAGiC,CAHjC,kBAGiC,CAHjC,iBAGiC,CAHjC,iBAGiC,CAHjC,8BAGiC,CAHjC,kBAGiC,CAHjC,8BAGiC,CAHjC,wBAGiC,CAHjC,oBAGiC,CAHjC,kBAGiC,CAHjC,iBAGiC,CAHjC,mCAGiC,CAHjC,8DAGiC,CAHjC,sCAGiC,CAHjC,uEAGiC,CAHjC;;KAGiC,CAHjC,2CAGiC,CAHjC;;KAGiC,CAHjC;;KAGiC,EAHjC,6EAGiC,CAHjC,qBAGiC,CAHjC,QAGiC,CAHjC,SAGiC,CAHjC,0BAGiC,CAHjC,6BAGiC,CAHjC,qJAGiC,CAHjC,iEAGiC,CAHjC,uEAGiC,CAHjC,UAGiC,CAHjC,uCAGiC,CAHjC,wBAGiC,CAHjC,uBAGiC,CAHjC,aAGiC,CAHjC,QAGiC,CAHjC,4DAGiC,CAHjC,gCAGiC,CAHjC,mCAGiC,CAHjC,mBAGiC,CAHjC,eAGiC,CAHjC,+BAGiC,CAHjC,uBAGiC,CAHjC,2BAGiC,CAHjC,2JAGiC,CAHjC,wEAGiC,CAHjC,aAGiC,CAHjC,4EAGiC,CAHjC,mBAGiC,CAHjC,qBAGiC,CAHjC,aAGiC,CAHjC,iBAGiC,CAHjC,uBAGiC,CAHjC,iBAGiC,CAHjC,aAGiC,CAHjC,8BAGiC,CAHjC,oBAGiC,CAHjC,aAGiC,CAHjC,4BAGiC,CAHjC,gCAGiC,CAHjC,yBAGiC,CAHjC,0BAGiC,CAHjC,4DAGiC,CAHjC,qBAGiC,CAHjC,qBAGiC,CAHjC,cAGiC,CAHjC,yFAGiC,CAHjC,eAGiC,CAHjC,aAGiC,CAHjC,YAGiC,CAHjC,6BAGiC,CAHjC,+BAGiC,CAHjC,sBAGiC,CAHjC,SAGiC,CAHjC,gEAGiC,CAHjC,8EAGiC,CAHjC,4CAGiC,CAHjC,oEAGiC,CAHjC,SAGiC,CAHjC,wBAGiC,CAHjC,mDAGiC,CAHjC,4CAGiC,CAHjC,kBAGiC,CAHjC,2CAGiC,CAHjC,gDAGiC,CAHjC,8UAGiC,CAHjC,gCAGiC,CAHjC,qGAGiC,CAHjC,mEAGiC,CAHjC,iEAGiC,EAHjC,2CAGiC,CAHjC,4BAGiC,CAHjC,aAGiC,CAHjC,YAGiC,CAHjC,WAGiC,CAHjC,4BAGiC,CAHjC,oBAGiC,CAHjC,6BAGiC,CAHjC,eAGiC,CAHjC,cAGiC,CAHjC,iBAGiC,CAHjC,iBAGiC,CAHjC,2BAGiC,CAHjC,8BAGiC,CAHjC,mBAGiC,CAHjC,cAGiC,CAHjC,oFAGiC,CAHjC,iBAGiC,CAHjC,UAGiC,CAHjC,WAGiC,CAHjC,mIAGiC,CAHjC,YAGiC,CAHjC,gHAGiC,CAHjC,iCAGiC,CAHjC,yBAGiC,CAHjC,0GAGiC,CAHjC,oCAGiC,CAHjC,mBAGiC,CAHjC,kBAGiC,CAHjC,iCAGiC,CAHjC,yBAGiC,CAHjC,sBAGiC,CAHjC,OAGiC,CAHjC,aAGiC,GAHjC,uBAGiC,CAHjC,8BAGiC,CAHjC,cAGiC,CAHjC,YAGiC,CAHjC,wBAGiC,CAHjC,yDAGiC,CAHjC,eAGiC,CAHjC,iBAGiC,CAHjC,iBAGiC,CAHjC,0CAGiC,CAHjC,gBAGiC,CAHjC,qCAGiC,CAHjC,8EAGiC,CAHjC,iIAGiC,CAHjC,4EAGiC,CAHjC,yEAGiC,CAHjC,gQAGiC,CAHjC,mFAGiC,CAHjC,mBAGiC,CAHjC,uBAGiC,CAHjC,oFAGiC,CAHjC,6GAGiC,CAHjC,uCAGiC,CAHjC,oBAGiC,EAHjC,uBAGiC,CAHjC,mCAGiC,CAHjC,iBAGiC,CAHjC,YAGiC,CAHjC,mBAGiC,CAHjC,gBAGiC,CAHjC,oBAGiC,CAHjC,UAGiC,CAHjC,qBAGiC,EAHjC,gDAGiC,CAHjC,+BAGiC,CAHjC,mBAGiC,CAHjC,gBAGiC,CAHjC,gBAGiC,CAHjC,eAGiC,CAHjC,8BAGiC,CAHjC,eAGiC,CAHjC,uHAGiC,CAHjC,sHAGiC,CAHjC,iIAGiC,CAHjC,4EAGiC,CAHjC,mEAGiC,CAHjC,iBAGiC,CAHjC,SAGiC,CAHjC,eAGiC,CAHjC,2BAGiC,CAHjC,SAGiC,CAHjC,sGAGiC,CAHjC,+BAGiC,CAHjC,oCAGiC,CAHjC,YAGiC,CAHjC,eAGiC,CAHjC,cAGiC,CAHjC,OAGiC,CAHjC,iBAGiC,CAHjC,UAGiC,EAHjC,0CAGiC,CAHjC,8CAGiC,CAHjC,gCAGiC,CAHjC,kEAGiC,CAHjC,+BAGiC,CAHjC,wBAGiC,CAHjC,oDAGiC,CAHjC,mCAGiC,CAHjC,kBAGiC,CAHjC,gCAGiC,CAHjC,WAGiC,GAHjC,kDAGiC,CAHjC,kCAGiC,CAHjC,kEAGiC,CAHjC,iCAGiC,CAHjC,0BAGiC,CAHjC,oDAGiC,CAHjC,qCAGiC,CAHjC,kBAGiC,CAHjC,kCAGiC,CAHjC,WAGiC,GAHjC,mCAGiC,CAHjC,gCAGiC,CAHjC,yDAGiC,CAHjC,oCAGiC,CAHjC,qCAGiC,CAHjC,mCAGiC,CAHjC,kCAGiC,CAHjC,iMAGiC,CAHjC,iEAGiC,GAHjC,yCAGiC,CAHjC,YAGiC,CAHjC,6EAGiC,CAHjC,qBAGiC,CAHjC,QAGiC,CAHjC,SAGiC,CAHjC,0BAGiC,CAHjC,6BAGiC,CAHjC,qJAGiC,CAHjC,iEAGiC,CAHjC,uEAGiC,CAHjC,UAGiC,CAHjC,uCAGiC,CAHjC,wBAGiC,CAHjC,uBAGiC,CAHjC,aAGiC,CAHjC,QAGiC,CAHjC,4DAGiC,CAHjC,gCAGiC,CAHjC,mCAGiC,CAHjC,mBAGiC,CAHjC,eAGiC,CAHjC,+BAGiC,CAHjC,uBAGiC,CAHjC,2BAGiC,CAHjC,2JAGiC,CAHjC,wEAGiC,CAHjC,aAGiC,CAHjC,4EAGiC,CAHjC,mBAGiC,CAHjC,qBAGiC,CAHjC,aAGiC,CAHjC,iBAGiC,CAHjC,uBAGiC,CAHjC,iBAGiC,CAHjC,aAGiC,CAHjC,8BAGiC,CAHjC,oBAGiC,CAHjC,aAGiC,CAHjC,4BAGiC,CAHjC,gCAGiC,CAHjC,yBAGiC,CAHjC,0BAGiC,CAHjC,4DAGiC,CAHjC,qBAGiC,CAHjC,qBAGiC,CAHjC,cAGiC,CAHjC,yFAGiC,CAHjC,eAGiC,CAHjC,aAGiC,CAHjC,YAGiC,CAHjC,6BAGiC,CAHjC,+BAGiC,CAHjC,sBAGiC,CAHjC,SAGiC,CAHjC,gEAGiC,CAHjC,8EAGiC,CAHjC,4CAGiC,CAHjC,oEAGiC,CAHjC,SAGiC,CAHjC,wBAGiC,CAHjC,mDAGiC,CAHjC,4CAGiC,CAHjC,kBAGiC,CAHjC,2CAGiC,CAHjC,gDAGiC,CAHjC,8UAGiC,CAHjC,gCAGiC,CAHjC,qGAGiC,CAHjC,mEAGiC,CAHjC,iEAGiC,EAHjC,gBAGiC,CAHjC,yCAGiC,CAHjC,YAGiC,CAHjC,6EAGiC,CAHjC,qBAGiC,CAHjC,QAGiC,CAHjC,SAGiC,CAHjC,0BAGiC,CAHjC,6BAGiC,CAHjC,qJAGiC,CAHjC,iEAGiC,CAHjC,uEAGiC,CAHjC,UAGiC,CAHjC,uCAGiC,CAHjC,wBAGiC,CAHjC,uBAGiC,CAHjC,aAGiC,CAHjC,QAGiC,CAHjC,4DAGiC,CAHjC,gCAGiC,CAHjC,mCAGiC,CAHjC,mBAGiC,CAHjC,eAGiC,CAHjC,+BAGiC,CAHjC,uBAGiC,CAHjC,2BAGiC,CAHjC,2JAGiC,CAHjC,wEAGiC,CAHjC,aAGiC,CAHjC,4EAGiC,CAHjC,mBAGiC,CAHjC,qBAGiC,CAHjC,aAGiC,CAHjC,iBAGiC,CAHjC,uBAGiC,CAHjC,iBAGiC,CAHjC,aAGiC,CAHjC,8BAGiC,CAHjC,oBAGiC,CAHjC,aAGiC,CAHjC,4BAGiC,CAHjC,gCAGiC,CAHjC,yBAGiC,CAHjC,0BAGiC,CAHjC,4DAGiC,CAHjC,qBAGiC,CAHjC,qBAGiC,CAHjC,cAGiC,CAHjC,yFAGiC,CAHjC,eAGiC,CAHjC,aAGiC,CAHjC,YAGiC,CAHjC,6BAGiC,CAHjC,+BAGiC,CAHjC,sBAGiC,CAHjC,SAGiC,CAHjC,gEAGiC,CAHjC,8EAGiC,CAHjC,4CAGiC,CAHjC,oEAGiC,CAHjC,SAGiC,CAHjC,wBAGiC,CAHjC,mDAGiC,CAHjC,4CAGiC,CAHjC,kBAGiC,CAHjC,2CAGiC,CAHjC,gDAGiC,CAHjC,8UAGiC,CAHjC,gCAGiC,CAHjC,qGAGiC,CAHjC,mEAGiC,CAHjC,iEAGiC,EAHjC,gBAGiC,CAHjC,6CAGiC,CAHjC,4BAGiC,CAHjC,0CAGiC,CAHjC,gDAGiC,CAHjC,6CAGiC,CAHjC,yCAGiC,CAHjC,qCAGiC,CAHjC,+CAGiC,CAHjC,gCAGiC,CAHjC,yCAGiC,CAHjC,mCAGiC,CAHjC,4CAGiC,CAHjC,yCAGiC,CAHjC,qCAGiC,CAHjC,gCAGiC,CAHjC,yCAGiC,CAHjC,0DAGiC,CAHjC,4BAGiC,CAHjC,0CAGiC,CAHjC,8BAGiC,CAHjC,qCAGiC,CAHjC,cAGiC,CAHjC,gCAGiC,CAHjC,cAGiC,CAHjC,uBAGiC,CAHjC,sCAGiC,CAHjC,cAGiC,CAHjC,sCAGiC,CAHjC,cAGiC,CAHjC,uBAGiC,CAHjC,4CAGiC,CAHjC,cAGiC,CAHjC,oCAGiC,CAHjC,cAGiC,CAHjC,qCAGiC,CAHjC,cAGiC,CAHjC,uBAGiC,CAHjC,0CAGiC,CAHjC,cAGiC,CAHjC,2CAGiC,CAHjC,cAGiC,CAHjC,uBAGiC,CAHjC,oCAGiC,CAHjC,cAGiC,CAHjC,kDAGiC,CAHjC,cAGiC,CAHjC,eAGiC,CAHjC,2CAGiC,CAHjC,cAGiC,CAHjC,kBAGiC,CAHjC,4CAGiC,CAHjC,cAGiC,CAHjC,uBAGiC,CAHjC,kCAGiC,CAHjC,cAGiC,CAHjC,sCAGiC,CAHjC,cAGiC,CAHjC,mBAGiC,CAHjC,uCAGiC,CAHjC,cAGiC,CAHjC,mBAGiC,CAHjC,iCAGiC,CAHjC,cAGiC,CAHjC,8BAGiC,CAHjC,cAGiC,CAHjC,oCAGiC,CAHjC,cAGiC,CAHjC,kCAGiC,CAHjC,cAGiC,CAHjC,mCAGiC,CAHjC,cAGiC,CAHjC,oCAGiC,CAHjC,cAGiC,CAHjC,gCAGiC,CAHjC,cAGiC,CAHjC,iCAGiC,CAHjC,cAGiC,CAHjC,kCAGiC,CAHjC,cAGiC,CAHjC,+BAGiC,CAHjC,cAGiC,CAHjC,qCAGiC,CAHjC,cAGiC,C","sources":["webpack://frutjam/./src/main.css"],"sourcesContent":["@import 'tailwindcss';\n@import './themes/default.css';\n@import './components/button.css';\n@import './components/modal.css';"],"names":[],"sourceRoot":""}
1
+ {"version":3,"file":"frutjam.css","mappings":"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","sources":["webpack://frutjam/./src/main.css"],"sourcesContent":["/*! tailwindcss v4.0.13 | MIT License | https://tailwindcss.com */\n@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--color-neutral-300:oklch(.87 0 0);--color-neutral-500:oklch(.556 0 0);--color-neutral-950:oklch(.145 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-weight-medium:500;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);--style-h1-size:var(--text-4xl);--style-h2-size:var(--text-3xl);--style-h3-size:var(--text-2xl);--style-h4-size:var(--text-xl);--style-h5-size:var(--text-lg);--style-h6-size:var(--text-base)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--neutral-color:oklch(14% .005 285.823);--neutral-content-color:#fff;--primary-color:oklch(.546 .245 262.881);--primary-content-color:oklch(.95 .02 262.881);--secondary-color:oklch(37.69% .1347 323.76);--secondary-content-color:oklch(100% 0 0);--accent-color:oklch(.6 .3 262.881);--accent-content-color:oklch(.98 .03 262.881);--info-color:oklch(.65 .2 230);--info-content-color:oklch(.98 .02 230);--success-color:oklch(.6 .22 150);--success-content-color:oklch(.98 .02 150);--warning-color:oklch(77.2% .1738 64.55);--warning-content-color:oklch(0% 0 0);--error-color:oklch(.6 .25 30);--error-content-color:oklch(.98 .02 30)}[data-theme=dark]{--primary-color:oklch(.546 .245 262.881);--primary-content-color:#fff;--secondary-color:oklch(.546 .245 262.881);--secondary-content-color:#fff}}@layer components;@layer utilities{@layer components{.modal{pointer-events:none;visibility:hidden;inset:calc(var(--spacing)*0);z-index:999;margin:calc(var(--spacing)*0);overscroll-behavior:contain;width:100%;max-width:none;height:100%;max-height:none;padding:calc(var(--spacing)*0);color:inherit;transition:transform .3s ease-out,opacity .1s ease-out,visibility .3s allow-discrete;background-color:#0000;place-items:center;display:grid;position:fixed;overflow:hidden}.modal::backdrop{background-color:color-mix(in oklab,var(--color-neutral-950)25%,transparent);opacity:1;transition:display .3s ease-out allow-discrete,opacity .3s ease-out,visibility .3s ease-out allow-discrete}.modal:not(modal:not([popover]:popover-open)){background-color:color-mix(in oklab,var(--color-neutral-950)25%,transparent);opacity:1;transition:display .3s ease-out allow-discrete,opacity .3s ease-out,visibility .3s ease-out allow-discrete}@media (prefers-color-scheme:dark){.modal:not(modal:not([popover]:popover-open)){background-color:color-mix(in oklab,var(--color-neutral-950)50%,transparent)}}@starting-style{.modal:not(modal:not([popover]:popover-open)){visibility:hidden}}@starting-style{.modal:not(modal:not([popover]:popover-open)){opacity:0}}@media (prefers-color-scheme:dark){.modal::backdrop{background-color:color-mix(in oklab,var(--color-neutral-950)50%,transparent)}}@starting-style{.modal::backdrop{visibility:hidden}}@starting-style{.modal::backdrop{opacity:0}}.modal[popover]:popover-open{pointer-events:auto;visibility:visible;opacity:1}@starting-style{.modal[popover]:popover-open{visibility:hidden}}@starting-style{.modal[popover]:popover-open{opacity:0}}.modal[popover]:popover-open .modal-body{opacity:1;translate:0;scale:1}.btn{cursor:pointer;border-radius:var(--radius-lg);text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:buttonface;--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-inset-ring-color:color-mix(in oklab,var(--color-black)10%,transparent);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;align-items:center;transition-duration:.3s;display:flex;position:relative;overflow:hidden}.btn:focus{--tw-inset-ring-color:color-mix(in oklab,var(--color-black)30%,transparent)}.btn:not(.btn-dashed,.btn-outline,.btn-soft){border-top-style:var(--tw-border-style);border-top-width:1px;border-color:color-mix(in oklab,var(--color-black)40%,transparent)}.modal-backdrop{z-index:calc(1*-1);color:#0000;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid}.modal-backdrop button{cursor:pointer}.modal-body{border-radius:var(--radius-2xl);background-color:var(--color-white);width:91.6667%;max-width:32rem;max-height:100vh;padding:calc(var(--spacing)*4);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:color-mix(in oklab,var(--color-neutral-500)10%,transparent);opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%}@media (forced-colors:active){.modal-body{outline-style:var(--tw-outline-style);outline-width:1px}}.accordion{cursor:pointer;border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300);display:grid}:where(.accordion>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--color-neutral-300)}.accordion>details{text-wrap:pretty}.accordion>details>:not(summary){padding-inline:calc(var(--spacing)*4);padding-bottom:calc(var(--spacing)*4)}.accordion>details>summary::marker{--tw-content:none;content:none}.accordion>details>summary{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*4);padding:calc(var(--spacing)*4);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);display:flex}.accordion>details>summary:after{--tw-content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0icmdiYSg1Myw1Myw1MywxKSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im0xOS41IDguMjUtNy41IDcuNS03LjUtNy41Ii8+Cjwvc3ZnPg==);content:var(--tw-content);display:inline-block}.accordion>details[open]>summary{padding-bottom:calc(var(--spacing)*4)}.accordion>details[open]>summary:after{transform-origin:50%;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s;rotate:180deg}.modal-start{place-items:start}.modal-start :where(.modal-body){border-radius:0;width:auto;max-width:none;height:100vh;max-height:none;translate:-100%;scale:1}.btn-error{background-color:var(--error-color);color:var(--error-content-color)}.btn-error:is(.btn-dashed,.btn-outline){border-color:var(--error-color);background-color:var(--color-white);color:var(--error-color)}@media (hover:hover){.btn-error:hover{--tw-border-style:solid;background-color:var(--error-color);color:var(--error-content-color);opacity:.8;border-style:solid}}.btn-neutral{background-color:var(--neutral-color);color:var(--neutral-content-color)}.btn-neutral:is(.btn-dashed,.btn-outline){border-color:var(--neutral-color);background-color:var(--color-white);color:var(--neutral-color)}@media (hover:hover){.btn-neutral:hover{--tw-border-style:solid;background-color:var(--neutral-color);color:var(--color-white);border-style:solid}}.btn-sm{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.heading-1{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);font-size:var(--style-h1-size)}.heading-2{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);font-size:var(--style-h2-size)}.heading-3{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);font-size:var(--style-h3-size)}.heading-4{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);font-size:var(--style-h4-size)}.heading-5{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);font-size:var(--style-h5-size)}.heading-6{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);font-size:var(--style-h6-size)}}.checkbox{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);cursor:pointer;appearance:none;border-radius:var(--radius-md);padding:calc(var(--spacing)*1);vertical-align:middle;--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-duration:.15s;flex-shrink:0;transition-duration:.15s;position:relative}.checkbox:before{opacity:0;width:100%;height:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-content:none;content:none;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0,70% 0,70% 100%);background-color:currentColor;font-size:1rem;line-height:.75;display:block;rotate:45deg}.checkbox:focus-visible{outline:2px solid var(--input-color,currentColor);outline-offset:2px}.checkbox:checked,.checkbox[aria-checked=true]{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.checkbox:checked,.checkbox[aria-checked=true]):before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0,70% 0,70% 100%);opacity:1;--tw-content:\"✔︎\";content:var(--tw-content)}@media (forced-colors:active){:is(.checkbox:checked,.checkbox[aria-checked=true]):before{--tw-content:\"✔︎\";content:var(--tw-content);clip-path:none;background-color:#0000;rotate:none}}.checkbox:indeterminate:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}.checkbox:disabled{cursor:not-allowed;opacity:.2}.static{position:static}.rounded-md{border-radius:var(--radius-md)}.checkbox-\\[deeppink\\]{color:#ff1493;--tw-ring-color:deeppink;background-color:oklab(65.4935% .260965 -.0139289/.2)}.p-4{padding:calc(var(--spacing)*4)}@media (width>=64rem){.lg\\:p-12{padding:calc(var(--spacing)*12)}}}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-leading{syntax:\"*\";inherits:false}"],"names":[],"sourceRoot":""}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "frutjam",
3
- "version": "0.0.8-alpha.2",
4
- "description": "Tailwindcss UI Library",
3
+ "version": "0.1.1-alpha.1",
4
+ "description": "A utility-first CSS framework UI Library",
5
5
  "main": "./dist/frutjam.css",
6
6
  "browser": "dist/frutjam.css",
7
7
  "style": "./dist/frutjam.css",
@@ -23,6 +23,11 @@
23
23
  "provenance": true,
24
24
  "access": "public"
25
25
  },
26
+ "exports": {
27
+ "./base/*": "./src/base/*",
28
+ "./components/*": "./src/components/*",
29
+ "./themes/*": "./src/themes/*"
30
+ },
26
31
  "keywords": [
27
32
  "tailwindcss",
28
33
  "UI Library"
@@ -34,24 +39,22 @@
34
39
  "url": "https://github.com/nezanuha/frutjam/issues"
35
40
  },
36
41
  "dependencies": {
37
- "@tailwindcss/postcss": "^4.0.9",
38
- "tailwindcss": "^4.0.9"
42
+ "@tailwindcss/postcss": "^4.0.12",
43
+ "tailwindcss": "^4.0.12"
39
44
  },
40
45
  "devDependencies": {
41
- "@babel/core": "^7.25.2",
42
- "@babel/preset-env": "^7.25.4",
46
+ "@babel/core": "^7.26.9",
47
+ "@babel/preset-env": "^7.26.9",
43
48
  "babel-loader": "^10.0.0",
44
49
  "css-loader": "^7.1.2",
45
- "cssnano": "^7.0.6",
46
50
  "html-webpack-plugin": "^5.6.3",
47
- "mini-css-extract-plugin": "^2.9.1",
48
- "postcss": "^8.4.47",
51
+ "mini-css-extract-plugin": "^2.9.2",
52
+ "postcss": "^8.5.3",
49
53
  "postcss-import": "^16.1.0",
50
54
  "postcss-loader": "^8.1.1",
51
55
  "rimraf": "^6.0.1",
52
- "style-loader": "^4.0.0",
53
- "terser-webpack-plugin": "^5.3.12",
54
- "webpack": "^5.95.0",
56
+ "terser-webpack-plugin": "^5.3.13",
57
+ "webpack": "^5.98.0",
55
58
  "webpack-cli": "^6.0.1",
56
59
  "webpack-dev-server": "^5.2.0"
57
60
  }
@@ -0,0 +1,33 @@
1
+ @utility accordion {
2
+ @layer components {
3
+ @apply grid divide-y divide-neutral-300 border border-neutral-300 cursor-pointer rounded-md;
4
+
5
+ &>details {
6
+ @apply text-pretty;
7
+
8
+ &>*:not(summary){
9
+ @apply px-4 pb-4;
10
+ }
11
+ &>summary::marker{
12
+ @apply content-none;
13
+ }
14
+ &>summary{
15
+ @apply flex gap-4 items-center justify-between p-4 font-medium;
16
+ &::after {
17
+ @apply content-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0icmdiYSg1Myw1Myw1MywxKSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im0xOS41IDguMjUtNy41IDcuNS03LjUtNy41Ii8+Cjwvc3ZnPg==')];
18
+ @apply inline-block;
19
+ }
20
+ }
21
+ }
22
+
23
+ &>details[open] {
24
+
25
+ &>summary {
26
+ @apply pb-4;
27
+ &::after {
28
+ @apply rotate-180 origin-center transition-transform duration-300;
29
+ }
30
+ }
31
+ }
32
+ }
33
+ }
@@ -1,227 +1,259 @@
1
- @import 'tailwindcss';
2
- @import '../themes/default.css';
3
1
  @utility btn {
4
- @apply text-[buttonFace] flex items-center text-center rounded-lg font-medium cursor-pointer relative overflow-hidden text-xs transition duration-300 inset-ring inset-ring-black/10;
2
+ @layer components {
3
+ @apply text-[buttonFace] flex items-center text-center rounded-lg font-medium cursor-pointer relative overflow-hidden text-xs transition duration-300 inset-ring inset-ring-black/10;
5
4
 
6
- &:focus{
7
- @apply inset-ring-black/30;
8
- }
5
+ &:focus{
6
+ @apply inset-ring-black/30;
7
+ }
9
8
 
10
- &:not(.btn-dashed, .btn-outline, .btn-soft){
11
- @apply border-t border-black/40;
9
+ &:not(.btn-dashed, .btn-outline, .btn-soft){
10
+ @apply border-t border-black/40;
11
+ }
12
12
  }
13
13
  }
14
14
 
15
15
  @utility btn-dashed {
16
- @apply border border-dashed
16
+ @layer components {
17
+ @apply border border-dashed;
18
+ }
17
19
  }
18
20
 
19
21
  @utility btn-outline {
20
- @apply border border-solid
22
+ @layer components {
23
+ @apply border border-solid;
24
+ }
21
25
  }
22
26
 
23
27
  @utility btn-soft {
24
- &:is(.btn-neutral){
25
- @apply bg-neutral/10 text-neutral;
26
- @media (hover: hover){
27
- &:hover {
28
- @apply bg-neutral text-[var(--color-neutral-content)];
28
+ @layer components {
29
+ &:is(.btn-neutral){
30
+ @apply bg-neutral/10 text-neutral;
31
+ @media (hover: hover){
32
+ &:hover {
33
+ @apply bg-neutral text-[var(--color-neutral-content)];
34
+ }
29
35
  }
30
36
  }
31
- }
32
37
 
33
- &:is(.btn-primary){
34
- @apply bg-primary/10 text-primary;
35
- @media (hover: hover){
36
- &:hover {
37
- @apply bg-primary text-[var(--color-primary-content)];
38
+ &:is(.btn-primary){
39
+ @apply bg-primary/10 text-primary;
40
+ @media (hover: hover){
41
+ &:hover {
42
+ @apply bg-primary text-[var(--color-primary-content)];
43
+ }
38
44
  }
39
45
  }
40
- }
41
46
 
42
- &:is(.btn-secondary){
43
- @apply bg-secondary/10 text-secondary;
44
- @media (hover: hover){
45
- &:hover {
46
- @apply bg-secondary text-[var(--color-secondary-content)];
47
+ &:is(.btn-secondary){
48
+ @apply bg-secondary/10 text-secondary;
49
+ @media (hover: hover){
50
+ &:hover {
51
+ @apply bg-secondary text-[var(--color-secondary-content)];
52
+ }
47
53
  }
48
54
  }
49
- }
50
55
 
51
- &:is(.btn-accent){
52
- @apply bg-accent/10 text-accent;
53
- @media (hover: hover){
54
- &:hover {
55
- @apply bg-accent text-[var(--color-accent-content)];
56
+ &:is(.btn-accent){
57
+ @apply bg-accent/10 text-accent;
58
+ @media (hover: hover){
59
+ &:hover {
60
+ @apply bg-accent text-[var(--color-accent-content)];
61
+ }
56
62
  }
57
63
  }
58
- }
59
64
 
60
- &:is(.btn-info){
61
- @apply bg-info/10 text-info;
62
- @media (hover: hover){
63
- &:hover {
64
- @apply bg-info text-[var(--color-info-content)];
65
+ &:is(.btn-info){
66
+ @apply bg-info/10 text-info;
67
+ @media (hover: hover){
68
+ &:hover {
69
+ @apply bg-info text-[var(--color-info-content)];
70
+ }
65
71
  }
66
72
  }
67
- }
68
73
 
69
- &:is(.btn-success){
70
- @apply bg-success/10 text-success;
71
- @media (hover: hover){
72
- &:hover {
73
- @apply bg-success text-[var(--color-success-content)];
74
+ &:is(.btn-success){
75
+ @apply bg-success/10 text-success;
76
+ @media (hover: hover){
77
+ &:hover {
78
+ @apply bg-success text-[var(--color-success-content)];
79
+ }
74
80
  }
75
81
  }
76
- }
77
82
 
78
- &:is(.btn-warning){
79
- @apply bg-warning/10 text-warning;
80
- @media (hover: hover){
81
- &:hover {
82
- @apply bg-warning text-[var(--color-warning-content)];
83
+ &:is(.btn-warning){
84
+ @apply bg-warning/10 text-warning;
85
+ @media (hover: hover){
86
+ &:hover {
87
+ @apply bg-warning text-[var(--color-warning-content)];
88
+ }
83
89
  }
84
90
  }
85
- }
86
91
 
87
- &:is(.btn-error){
88
- @apply bg-error/10 text-error;
89
- @media (hover: hover){
90
- &:hover {
91
- @apply bg-error text-[var(--color-error-content)];
92
+ &:is(.btn-error){
93
+ @apply bg-error/10 text-error;
94
+ @media (hover: hover){
95
+ &:hover {
96
+ @apply bg-error text-[var(--color-error-content)];
97
+ }
92
98
  }
93
99
  }
94
100
  }
95
101
  }
96
102
 
97
103
  @utility btn-xs {
98
- @apply px-2.5 py-1.5 text-xs leading-4;
104
+ @layer components {
105
+ @apply px-2.5 py-1.5 text-xs leading-4;
106
+ }
99
107
  }
100
108
 
101
109
  @utility btn-sm {
102
- @apply px-3 py-2 text-sm leading-4;
110
+ @layer components {
111
+ @apply px-3 py-2 text-sm leading-4;
112
+ }
103
113
  }
104
114
 
105
115
  @utility btn-md {
106
- @apply px-4 py-2 text-sm leading-5;
116
+ @layer components {
117
+ @apply px-4 py-2 text-sm leading-5;
118
+ }
107
119
  }
108
120
 
109
121
  @utility btn-lg {
110
- @apply px-4 py-2 text-base leading-6;
122
+ @layer components {
123
+ @apply px-4 py-2 text-base leading-6;
124
+ }
111
125
  }
112
126
 
113
127
  @utility btn-xl {
114
- @apply px-6 py-3 text-base leading-6;
128
+ @layer components {
129
+ @apply px-6 py-3 text-base leading-6;
130
+ }
115
131
  }
116
132
 
117
133
  @utility btn-neutral {
118
- @apply bg-neutral text-neutral-content;
119
-
120
- &:is(.btn-dashed, .btn-outline){
121
- @apply bg-white text-neutral border-neutral;
122
- }
134
+ @layer components {
135
+ @apply bg-neutral text-neutral-content;
136
+
137
+ &:is(.btn-dashed, .btn-outline){
138
+ @apply bg-white text-neutral border-neutral;
139
+ }
123
140
 
124
- @media (hover: hover){
125
- &:hover {
126
- @apply bg-neutral text-white border-solid;
141
+ @media (hover: hover){
142
+ &:hover {
143
+ @apply bg-neutral text-white border-solid;
144
+ }
127
145
  }
128
146
  }
129
147
  }
130
148
 
131
149
  @utility btn-primary {
132
- @apply bg-primary text-primary-content;
133
-
134
- &:is(.btn-dashed, .btn-outline):not(.btn-soft){
135
- @apply bg-white text-primary border-primary;
136
- }
150
+ @layer components {
151
+ @apply bg-primary text-primary-content;
152
+
153
+ &:is(.btn-dashed, .btn-outline):not(.btn-soft){
154
+ @apply bg-white text-primary border-primary;
155
+ }
137
156
 
138
- @media (hover: hover){
139
- &:hover {
140
- @apply bg-primary text-primary-content border-solid opacity-90;
157
+ @media (hover: hover){
158
+ &:hover {
159
+ @apply bg-primary text-primary-content border-solid opacity-90;
160
+ }
141
161
  }
142
162
  }
143
163
  }
144
164
 
145
165
  @utility btn-secondary {
146
- @apply bg-secondary text-secondary-content;
147
-
148
- &:is(.btn-dashed, .btn-outline){
149
- @apply bg-white text-secondary border-secondary;
150
- }
166
+ @layer components {
167
+ @apply bg-secondary text-secondary-content;
168
+
169
+ &:is(.btn-dashed, .btn-outline){
170
+ @apply bg-white text-secondary border-secondary;
171
+ }
151
172
 
152
- @media (hover: hover){
153
- &:hover {
154
- @apply bg-secondary text-secondary-content border-solid opacity-90;
173
+ @media (hover: hover){
174
+ &:hover {
175
+ @apply bg-secondary text-secondary-content border-solid opacity-90;
176
+ }
155
177
  }
156
178
  }
157
179
  }
158
180
 
159
181
  @utility btn-accent {
160
- @apply bg-accent text-accent-content;
161
-
162
- &:is(.btn-dashed, .btn-outline){
163
- @apply bg-white text-accent border-accent;
164
- }
182
+ @layer components {
183
+ @apply bg-accent text-accent-content;
184
+
185
+ &:is(.btn-dashed, .btn-outline){
186
+ @apply bg-white text-accent border-accent;
187
+ }
165
188
 
166
- @media (hover: hover){
167
- &:hover {
168
- @apply bg-accent text-accent-content border-solid opacity-90;
189
+ @media (hover: hover){
190
+ &:hover {
191
+ @apply bg-accent text-accent-content border-solid opacity-90;
192
+ }
169
193
  }
170
194
  }
171
195
  }
172
196
 
173
197
  @utility btn-info {
174
- @apply bg-info text-info-content;
175
-
176
- &:is(.btn-dashed, .btn-outline){
177
- @apply bg-white text-info border-info;
178
- }
198
+ @layer components {
199
+ @apply bg-info text-info-content;
200
+
201
+ &:is(.btn-dashed, .btn-outline){
202
+ @apply bg-white text-info border-info;
203
+ }
179
204
 
180
- @media (hover: hover){
181
- &:hover {
182
- @apply bg-info text-info-content border-solid opacity-90;
205
+ @media (hover: hover){
206
+ &:hover {
207
+ @apply bg-info text-info-content border-solid opacity-90;
208
+ }
183
209
  }
184
210
  }
185
211
  }
186
212
 
187
213
  @utility btn-success {
188
- @apply bg-success text-success-content;
189
-
190
- &:is(.btn-dashed, .btn-outline){
191
- @apply bg-white text-success border-success;
192
- }
214
+ @layer components {
215
+ @apply bg-success text-success-content;
216
+
217
+ &:is(.btn-dashed, .btn-outline){
218
+ @apply bg-white text-success border-success;
219
+ }
193
220
 
194
- @media (hover: hover){
195
- &:hover {
196
- @apply bg-success text-success-content border-solid opacity-90;
221
+ @media (hover: hover){
222
+ &:hover {
223
+ @apply bg-success text-success-content border-solid opacity-90;
224
+ }
197
225
  }
198
226
  }
199
227
  }
200
228
 
201
229
  @utility btn-warning {
202
- @apply bg-warning text-warning-content;
203
-
204
- &:is(.btn-dashed, .btn-outline){
205
- @apply bg-white text-warning border-warning;
206
- }
230
+ @layer components {
231
+ @apply bg-warning text-warning-content;
232
+
233
+ &:is(.btn-dashed, .btn-outline){
234
+ @apply bg-white text-warning border-warning;
235
+ }
207
236
 
208
- @media (hover: hover){
209
- &:hover {
210
- @apply bg-warning text-warning-content border-solid opacity-90;
237
+ @media (hover: hover){
238
+ &:hover {
239
+ @apply bg-warning text-warning-content border-solid opacity-90;
240
+ }
211
241
  }
212
242
  }
213
243
  }
214
244
 
215
245
  @utility btn-error {
216
- @apply bg-error text-error-content;
217
-
218
- &:is(.btn-dashed, .btn-outline){
219
- @apply bg-white text-error border-error;
220
- }
246
+ @layer components {
247
+ @apply bg-error text-error-content;
248
+
249
+ &:is(.btn-dashed, .btn-outline){
250
+ @apply bg-white text-error border-error;
251
+ }
221
252
 
222
- @media (hover: hover){
223
- &:hover {
224
- @apply bg-error text-error-content border-solid opacity-80;
253
+ @media (hover: hover){
254
+ &:hover {
255
+ @apply bg-error text-error-content border-solid opacity-80;
256
+ }
225
257
  }
226
258
  }
227
259
  }
@@ -0,0 +1,127 @@
1
+ @utility checkbox {
2
+ @apply size-4 rounded-md relative shrink-0 cursor-pointer appearance-none p-1 align-middle shadow ring duration-150;
3
+
4
+ &::before {
5
+ @apply block size-full rotate-45 bg-current opacity-0 content-none transition-all;
6
+ clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0, 70% 0, 70% 100%);
7
+ font-size: 1rem;
8
+ line-height: 0.75;
9
+ }
10
+
11
+ &:focus-visible {
12
+ outline: 2px solid var(--input-color, currentColor);
13
+ outline-offset: 2px;
14
+ }
15
+
16
+ &:checked,
17
+ &[aria-checked="true"] {
18
+ @apply shadow-2xl;
19
+ &::before {
20
+ clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0, 70% 0, 70% 100%);
21
+ @apply opacity-100 content-['✔︎'];
22
+ @media (forced-colors: active) {
23
+ @apply rotate-0 bg-transparent content-['✔︎'] [clip-path:none];
24
+ }
25
+ }
26
+ }
27
+
28
+ &:indeterminate {
29
+ &:before {
30
+ @apply rotate-0 opacity-100;
31
+ translate: 0 -35%;
32
+ clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
33
+ }
34
+ }
35
+
36
+ &:disabled {
37
+ @apply cursor-not-allowed opacity-20;
38
+ }
39
+ }
40
+
41
+ @utility checkbox-primary {
42
+ @apply bg-primary/20 text-primary-content ring-primary;
43
+ &:checked,
44
+ &[aria-checked="true"] {
45
+ @apply bg-primary;
46
+ }
47
+ }
48
+
49
+ @utility checkbox-secondary {
50
+ @apply bg-secondary/20 text-secondary-content ring-secondary;
51
+ &:checked,
52
+ &[aria-checked="true"] {
53
+ @apply bg-secondary;
54
+ }
55
+ }
56
+
57
+ @utility checkbox-accent {
58
+ @apply bg-accent/20 text-accent-content ring-accent;
59
+ &:checked,
60
+ &[aria-checked="true"] {
61
+ @apply bg-accent;
62
+ }
63
+ }
64
+
65
+ @utility checkbox-neutral {
66
+ @apply bg-neutral/20 text-neutral-content ring-neutral;
67
+ &:checked,
68
+ &[aria-checked="true"] {
69
+ @apply bg-neutral;
70
+ }
71
+ }
72
+
73
+ @utility checkbox-info {
74
+ @apply bg-info/20 text-info-content ring-info;
75
+ &:checked,
76
+ &[aria-checked="true"] {
77
+ @apply bg-info;
78
+ }
79
+ }
80
+
81
+ @utility checkbox-success {
82
+ @apply bg-success/20 text-success-content ring-success;
83
+ &:checked,
84
+ &[aria-checked="true"] {
85
+ @apply bg-success;
86
+ }
87
+ }
88
+
89
+ @utility checkbox-warning {
90
+ @apply bg-warning/20 text-warning-content ring-warning;
91
+ &:checked,
92
+ &[aria-checked="true"] {
93
+ @apply bg-warning;
94
+ }
95
+ }
96
+
97
+ @utility checkbox-error {
98
+ @apply bg-error/20 text-error-content ring-error;
99
+ &:checked,
100
+ &[aria-checked="true"] {
101
+ @apply bg-error;
102
+ }
103
+ }
104
+
105
+ @utility checkbox-* {
106
+ @apply bg-[--value([color])]/20 text-[--value([color])] ring-[--value([color])]
107
+ }
108
+
109
+ @utility checkbox-xs {
110
+ @apply p-0.5 size-2;
111
+ }
112
+
113
+ @utility checkbox-sm {
114
+ @apply p-0.75 size-3;
115
+ }
116
+
117
+ @utility checkbox-md {
118
+ @apply p-1 size-4;
119
+ }
120
+
121
+ @utility checkbox-lg {
122
+ @apply p-1.25 size-5;
123
+ }
124
+
125
+ @utility checkbox-xl {
126
+ @apply p-1.5 size-6;
127
+ }
File without changes
@@ -1,17 +1,9 @@
1
- @import 'tailwindcss';
2
- @import '../themes/default.css';
3
- @utility dialog {
4
- @apply pointer-events-none invisible fixed inset-0 m-0 grid h-full max-h-none w-full max-w-none items-center justify-items-center bg-transparent p-0 text-inherit;
5
- overflow-x: hidden;
6
- transition:
7
- transform 0.3s ease-out,
8
- visibility 0.3s allow-discrete,
9
- opacity 0.1s ease-out;
10
- overflow-y: hidden;
11
- overscroll-behavior: contain;
12
- z-index: 999;
1
+ @utility modal {
2
+ @layer components {
3
+ @apply pointer-events-none invisible fixed inset-0 m-0 grid h-full max-h-none w-full max-w-none items-center justify-items-center bg-transparent p-0 text-inherit z-999 overflow-hidden overscroll-contain;
4
+ transition: transform 0.3s ease-out, opacity 0.1s ease-out, visibility 0.3s allow-discrete;
13
5
 
14
- &:not(dialog:not([popover]:popover-open)),
6
+ &:not(modal:not([popover]:popover-open)),
15
7
  &::backdrop {
16
8
  @apply opacity-100 starting:invisible starting:opacity-0 bg-neutral-950/25 dark:bg-neutral-950/50;
17
9
  transition:
@@ -23,85 +15,98 @@
23
15
  &[popover]:popover-open {
24
16
  @apply pointer-events-auto visible opacity-100 starting:invisible starting:opacity-0;
25
17
 
26
- .dialog-body {
18
+ .modal-body {
27
19
  translate: 0 0;
28
20
  scale: 1;
29
21
  opacity: 1;
30
22
  }
31
23
  }
32
24
  }
25
+ }
33
26
 
34
- @utility dialog-backdrop {
35
- @apply col-start-1 row-start-1 grid self-stretch justify-self-stretch text-transparent;
36
- z-index: -1;
37
-
38
- button {
39
- @apply cursor-pointer;
27
+ @utility modal-backdrop {
28
+ @layer components {
29
+ @apply col-start-1 row-start-1 grid self-stretch justify-self-stretch text-transparent -z-1;
30
+ button {
31
+ @apply cursor-pointer;
32
+ }
40
33
  }
41
34
  }
42
35
 
43
- @utility dialog-body {
44
- @apply bg-white rounded-2xl ring shadow-lg ring-neutral-500/10 forced-colors:outline col-start-1 row-start-1 max-h-screen w-11/12 max-w-[32rem] p-4;
45
- transition:
46
- translate 0.3s ease-out,
47
- scale 0.3s ease-out,
48
- opacity 0.2s ease-out 0.05s,
49
- box-shadow 0.3s ease-out;
50
- scale: 95%;
51
- opacity: 0;
52
- overflow-y: auto;
53
- overscroll-behavior: contain;
36
+ @utility modal-body {
37
+ @layer components {
38
+ @apply bg-white rounded-2xl ring shadow-lg ring-neutral-500/10 forced-colors:outline col-start-1 row-start-1 max-h-screen w-11/12 max-w-[32rem] p-4;
39
+ transition:
40
+ translate 0.3s ease-out,
41
+ scale 0.3s ease-out,
42
+ opacity 0.2s ease-out 0.05s,
43
+ box-shadow 0.3s ease-out;
44
+ scale: 95%;
45
+ opacity: 0;
46
+ overflow-y: auto;
47
+ overscroll-behavior: contain;
48
+ }
54
49
  }
55
50
 
56
- @utility dialog-top {
57
- @apply place-items-start;
58
-
59
- :where(.dialog-body) {
60
- @apply h-auto w-full max-w-none rounded-none;
61
- max-height: calc(100vh - 5em);
62
- translate: 0 -100%;
63
- scale: 1;
51
+ @utility modal-top {
52
+ @layer components {
53
+ @apply place-items-start;
54
+
55
+ :where(.modal-body) {
56
+ @apply h-auto w-full max-w-none rounded-none;
57
+ max-height: calc(100vh - 5em);
58
+ translate: 0 -100%;
59
+ scale: 1;
60
+ }
64
61
  }
65
62
  }
66
63
 
67
- @utility dialog-middle {
68
- @apply place-items-center;
69
-
70
- :where(.dialog-body) {
71
- @apply h-auto w-11/12 max-w-[32rem];
72
- max-height: calc(100vh - 5em);
73
- translate: 0 2%;
74
- scale: 98%;
64
+ @utility modal-middle {
65
+ @layer components {
66
+ @apply place-items-center;
67
+
68
+ :where(.modal-body) {
69
+ @apply h-auto w-11/12 max-w-[32rem];
70
+ max-height: calc(100vh - 5em);
71
+ translate: 0 2%;
72
+ scale: 98%;
73
+ }
75
74
  }
76
75
  }
77
76
 
78
- @utility dialog-bottom {
79
- @apply place-items-end;
80
-
81
- :where(.dialog-body) {
82
- @apply h-auto w-full max-w-none rounded-none;
83
- max-height: calc(100vh - 5em);
84
- translate: 0 100%;
85
- scale: 1;
77
+ @utility modal-bottom {
78
+ @layer components {
79
+ @apply place-items-end;
80
+
81
+ :where(.modal-body) {
82
+ @apply h-auto w-full max-w-none rounded-none;
83
+ max-height: calc(100vh - 5em);
84
+ translate: 0 100%;
85
+ scale: 1;
86
+ }
86
87
  }
87
88
  }
88
89
 
89
- @utility dialog-start {
90
- @apply place-items-start;
91
-
92
- :where(.dialog-body) {
93
- @apply h-screen max-h-none w-auto max-w-none rounded-none;
94
- translate: -100% 0;
95
- scale: 1;
90
+ @utility modal-start {
91
+ @layer components {
92
+ @apply place-items-start;
93
+
94
+ :where(.modal-body) {
95
+ @apply h-screen max-h-none w-auto max-w-none rounded-none;
96
+ translate: -100% 0;
97
+ scale: 1;
98
+ }
96
99
  }
97
100
  }
98
101
 
99
- @utility dialog-end {
100
- @apply place-items-end;
101
-
102
- :where(.dialog-body) {
103
- @apply h-screen max-h-none w-auto max-w-none rounded-none;
104
- translate: 100% 0;
105
- scale: 1;
102
+ @utility modal-end {
103
+ @layer components {
104
+ @apply place-items-end;
105
+
106
+ :where(.modal-body) {
107
+ @apply h-screen max-h-none w-auto max-w-none rounded-none;
108
+ translate: 100% 0;
109
+ scale: 1;
110
+ }
106
111
  }
107
112
  }
package/src/main.css CHANGED
@@ -1,4 +1,6 @@
1
- @import 'tailwindcss';
2
- @import './themes/default.css';
3
- @import './components/button.css';
4
- @import './components/modal.css';
1
+ @import "./themes/root.css";
2
+ @import "./components/button.css";
3
+ @import "./components/modal.css";
4
+ @import "./components/checkbox.css";
5
+ @import "./components/accordion.css";
6
+ @import "./utilities/headings.css";
@@ -0,0 +1,62 @@
1
+ @layer base {
2
+ :root {
3
+ --neutral-color: oklch(14% .005 285.823);
4
+ --neutral-content-color: #fff;
5
+
6
+ --primary-color: oklch(0.546 0.245 262.881);
7
+ --primary-content-color: oklch(0.95 0.02 262.881);
8
+
9
+ --secondary-color: oklch(37.69% 0.1347 323.76);
10
+ --secondary-content-color: oklch(100% 0 0);
11
+
12
+ --accent-color: oklch(0.6 0.3 262.881);
13
+ --accent-content-color: oklch(0.98 0.03 262.881);
14
+
15
+ --info-color: oklch(0.65 0.2 230);
16
+ --info-content-color: oklch(0.98 0.02 230);
17
+
18
+ --success-color: oklch(0.6 0.22 150);
19
+ --success-content-color: oklch(0.98 0.02 150);
20
+
21
+ --warning-color: oklch(77.2% 0.1738 64.55);
22
+ --warning-content-color: oklch(0% 0 0);
23
+
24
+ --error-color: oklch(0.6 0.25 30);
25
+ --error-content-color: oklch(0.98 0.02 30);
26
+
27
+ }
28
+
29
+ [data-theme="dark"] {
30
+ --primary-color: oklch(.546 .245 262.881);
31
+ --primary-content-color: #fff;
32
+
33
+ --secondary-color: oklch(.546 .245 262.881);
34
+ --secondary-content-color: #fff;
35
+ }
36
+ }
37
+
38
+ @theme inline {
39
+ --color-neutral: var(--neutral-color);
40
+ --color-neutral-content: var(--neutral-content-color);
41
+
42
+ --color-primary: var(--primary-color);
43
+ --color-primary-content: var(--primary-content-color);
44
+
45
+ --color-secondary: var(--secondary-color);
46
+ --color-secondary-content: var(--secondary-content-color);
47
+
48
+ --color-accent: var(--accent-color);
49
+ --color-accent-content: var(--accent-content-color);
50
+
51
+ --color-info: var(--info-color);
52
+ --color-info-content: var(--info-content-color);
53
+
54
+ --color-success: var(--success-color);
55
+ --color-success-content: var(--success-content-color);
56
+
57
+ --color-warning: var(--warning-color);
58
+ --color-warning-content: var(--warning-content-color);
59
+
60
+ --color-error: var(--error-color);
61
+ --color-error-content: var(--error-content-color);
62
+ }
@@ -0,0 +1,3 @@
1
+ @import 'tailwindcss';
2
+ @import './colors.css';
3
+ @import './typography.css';
@@ -1,8 +1,8 @@
1
- :root {
2
- --style-h1-size: ;
3
- --style-h2-size: ;
4
- --style-h3-size: ;
5
- --style-h4-size: ;
6
- --style-h5-size: ;
7
- --style-h6-size: ;
1
+ @theme inline {
2
+ --style-h1-size: var(--text-4xl);
3
+ --style-h2-size: var(--text-3xl);
4
+ --style-h3-size: var(--text-2xl);
5
+ --style-h4-size: var(--text-xl);
6
+ --style-h5-size: var(--text-lg);
7
+ --style-h6-size: var(--text-base);
8
8
  }
@@ -0,0 +1,41 @@
1
+ @utility heading-1 {
2
+ @layer components {
3
+ @apply font-bold;
4
+ font-size: var(--style-h1-size);
5
+ }
6
+ }
7
+
8
+ @utility heading-2 {
9
+ @layer components {
10
+ @apply font-bold;
11
+ font-size: var(--style-h2-size);
12
+ }
13
+ }
14
+
15
+ @utility heading-3 {
16
+ @layer components {
17
+ @apply font-bold;
18
+ font-size: var(--style-h3-size);
19
+ }
20
+ }
21
+
22
+ @utility heading-4 {
23
+ @layer components {
24
+ @apply font-bold;
25
+ font-size: var(--style-h4-size);
26
+ }
27
+ }
28
+
29
+ @utility heading-5 {
30
+ @layer components {
31
+ @apply font-bold;
32
+ font-size: var(--style-h5-size);
33
+ }
34
+ }
35
+
36
+ @utility heading-6 {
37
+ @layer components {
38
+ @apply font-bold;
39
+ font-size: var(--style-h6-size);
40
+ }
41
+ }
@@ -1,9 +0,0 @@
1
- /*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:0.25rem;--text-xs:0.75rem;--text-xs--line-height:1.33333;--text-sm:0.875rem;--text-sm--line-height:1.42857;--font-weight-medium:500;--radius-md:0.375rem;--radius-lg:0.5rem;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(
2
- --font-sans--font-variation-settings
3
- );--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(
4
- --font-mono--font-feature-settings
5
- );--default-mono-font-variation-settings:var(
6
- --font-mono--font-variation-settings
7
- )}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:var( --default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" );font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var( --default-font-variation-settings,normal );tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var( --default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace );font-feature-settings:var( --default-mono-font-feature-settings,normal );font-size:1em;font-variation-settings:var( --default-mono-font-variation-settings,normal )}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{background-color:transparent;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{color:color-mix(in oklab,currentColor 50%,transparent);opacity:1}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.btn{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));overflow:hidden;position:relative;text-align:center;--tw-font-weight:var(--font-weight-medium);color:buttonFace;font-weight:var(--font-weight-medium);--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-inset-ring-color:color-mix(in oklab,var(--color-black) 10%,transparent);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));--tw-duration:300ms;transition-duration:.3s;&:focus{--tw-inset-ring-color:color-mix(in oklab,var(--color-black) 30%,transparent)}&:not(.btn-dashed,.btn-outline,.btn-soft){border-color:color-mix(in oklab,var(--color-black) 40%,transparent);border-top-style:var(--tw-border-style);border-top-width:1px}}.static{position:static}.rounded-md{border-radius:var(--radius-md)}.btn-error{background-color:var(--error-color);color:var(--error-content-color);&:is(.btn-dashed,.btn-outline){background-color:var(--color-white);border-color:var(--error-color);color:var(--error-color)}@media (hover:hover){&:hover{--tw-border-style:solid;background-color:var(--error-color);border-style:solid;color:var(--error-content-color);opacity:80%}}}.btn-success{background-color:var(--success-color);color:var(--success-content-color);&:is(.btn-dashed,.btn-outline){background-color:var(--color-white);border-color:var(--success-color);color:var(--success-color)}@media (hover:hover){&:hover{--tw-border-style:solid;background-color:var(--success-color);border-style:solid;color:var(--success-content-color);opacity:90%}}}.p-4{padding:calc(var(--spacing)*4)}.btn-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.lg\:p-12{@media (width >= 64rem){padding:calc(var(--spacing)*12)}}}:root{--neutral-color:oklch(14% .005 285.823);--neutral-content-color:#fff;--primary-color:oklch(0.546 0.245 262.881);--primary-content-color:oklch(0.95 0.02 262.881);--secondary-color:oklch(37.69% 0.1347 323.76);--secondary-content-color:oklch(100% 0 0);--accent-color:oklch(0.6 0.3 262.881);--accent-content-color:oklch(0.98 0.03 262.881);--info-color:oklch(0.65 0.2 230);--info-content-color:oklch(0.98 0.02 230);--success-color:oklch(0.6 0.22 150);--success-content-color:oklch(0.98 0.02 150);--warning-color:oklch(77.2% 0.1738 64.55);--warning-content-color:oklch(0% 0 0);--error-color:oklch(0.6 0.25 30);--error-content-color:oklch(0.98 0.02 30)}[data-theme=dark]{--primary-color:oklch(.546 .245 262.881);--primary-content-color:#fff;--secondary-color:oklch(.546 .245 262.881);--secondary-content-color:#fff}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}
8
-
9
- /*# sourceMappingURL=button.css.map*/
@@ -1 +0,0 @@
1
- {"version":3,"file":"components/button.css","mappings":"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","sources":["webpack://frutjam/./src/components/button.css"],"sourcesContent":["@import 'tailwindcss';\n@import '../themes/default.css';\n@utility btn {\n @apply text-[buttonFace] flex items-center text-center rounded-lg font-medium cursor-pointer relative overflow-hidden text-xs transition duration-300 inset-ring inset-ring-black/10;\n\n &:focus{\n @apply inset-ring-black/30;\n }\n\n &:not(.btn-dashed, .btn-outline, .btn-soft){\n @apply border-t border-black/40;\n }\n}\n\n@utility btn-dashed {\n @apply border border-dashed\n}\n\n@utility btn-outline {\n @apply border border-solid\n}\n\n@utility btn-soft {\n &:is(.btn-neutral){\n @apply bg-neutral/10 text-neutral;\n @media (hover: hover){\n &:hover {\n @apply bg-neutral text-[var(--color-neutral-content)];\n }\n }\n }\n\n &:is(.btn-primary){\n @apply bg-primary/10 text-primary;\n @media (hover: hover){\n &:hover {\n @apply bg-primary text-[var(--color-primary-content)];\n }\n }\n }\n\n &:is(.btn-secondary){\n @apply bg-secondary/10 text-secondary;\n @media (hover: hover){\n &:hover {\n @apply bg-secondary text-[var(--color-secondary-content)];\n }\n }\n }\n\n &:is(.btn-accent){\n @apply bg-accent/10 text-accent;\n @media (hover: hover){\n &:hover {\n @apply bg-accent text-[var(--color-accent-content)];\n }\n }\n }\n\n &:is(.btn-info){\n @apply bg-info/10 text-info;\n @media (hover: hover){\n &:hover {\n @apply bg-info text-[var(--color-info-content)];\n }\n }\n }\n\n &:is(.btn-success){\n @apply bg-success/10 text-success;\n @media (hover: hover){\n &:hover {\n @apply bg-success text-[var(--color-success-content)];\n }\n }\n }\n\n &:is(.btn-warning){\n @apply bg-warning/10 text-warning;\n @media (hover: hover){\n &:hover {\n @apply bg-warning text-[var(--color-warning-content)];\n }\n }\n }\n\n &:is(.btn-error){\n @apply bg-error/10 text-error;\n @media (hover: hover){\n &:hover {\n @apply bg-error text-[var(--color-error-content)];\n }\n }\n }\n}\n\n@utility btn-xs {\n @apply px-2.5 py-1.5 text-xs leading-4;\n}\n\n@utility btn-sm {\n @apply px-3 py-2 text-sm leading-4;\n}\n\n@utility btn-md {\n @apply px-4 py-2 text-sm leading-5;\n}\n\n@utility btn-lg {\n @apply px-4 py-2 text-base leading-6;\n}\n\n@utility btn-xl {\n @apply px-6 py-3 text-base leading-6;\n}\n\n@utility btn-neutral {\n @apply bg-neutral text-neutral-content;\n \n &:is(.btn-dashed, .btn-outline){\n @apply bg-white text-neutral border-neutral;\n }\n\n @media (hover: hover){\n &:hover {\n @apply bg-neutral text-white border-solid;\n }\n }\n}\n\n@utility btn-primary {\n @apply bg-primary text-primary-content;\n \n &:is(.btn-dashed, .btn-outline):not(.btn-soft){\n @apply bg-white text-primary border-primary;\n }\n\n @media (hover: hover){\n &:hover {\n @apply bg-primary text-primary-content border-solid opacity-90;\n }\n }\n}\n\n@utility btn-secondary {\n @apply bg-secondary text-secondary-content;\n \n &:is(.btn-dashed, .btn-outline){\n @apply bg-white text-secondary border-secondary;\n }\n\n @media (hover: hover){\n &:hover {\n @apply bg-secondary text-secondary-content border-solid opacity-90;\n }\n }\n}\n\n@utility btn-accent {\n @apply bg-accent text-accent-content;\n \n &:is(.btn-dashed, .btn-outline){\n @apply bg-white text-accent border-accent;\n }\n\n @media (hover: hover){\n &:hover {\n @apply bg-accent text-accent-content border-solid opacity-90;\n }\n }\n}\n\n@utility btn-info {\n @apply bg-info text-info-content;\n \n &:is(.btn-dashed, .btn-outline){\n @apply bg-white text-info border-info;\n }\n\n @media (hover: hover){\n &:hover {\n @apply bg-info text-info-content border-solid opacity-90;\n }\n }\n}\n\n@utility btn-success {\n @apply bg-success text-success-content;\n \n &:is(.btn-dashed, .btn-outline){\n @apply bg-white text-success border-success;\n }\n\n @media (hover: hover){\n &:hover {\n @apply bg-success text-success-content border-solid opacity-90;\n }\n }\n}\n\n@utility btn-warning {\n @apply bg-warning text-warning-content;\n \n &:is(.btn-dashed, .btn-outline){\n @apply bg-white text-warning border-warning;\n }\n\n @media (hover: hover){\n &:hover {\n @apply bg-warning text-warning-content border-solid opacity-90;\n }\n }\n}\n\n@utility btn-error {\n @apply bg-error text-error-content;\n \n &:is(.btn-dashed, .btn-outline){\n @apply bg-white text-error border-error;\n }\n\n @media (hover: hover){\n &:hover {\n @apply bg-error text-error-content border-solid opacity-80;\n }\n }\n}"],"names":[],"sourceRoot":""}
@@ -1,2 +0,0 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.frutjam=t():e.frutjam=t()}("undefined"!=typeof self?self:this,(()=>(()=>{"use strict";var e={};return e=e.default})()));
2
- //# sourceMappingURL=button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"components/button.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,GAAIH,GACe,iBAAZC,QACdA,QAAiB,QAAID,IAErBD,EAAc,QAAIC,GACnB,CATD,CASmB,oBAATK,KAAuBA,KAAOC,MAAM,I","sources":["webpack://frutjam/webpack/universalModuleDefinition"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"frutjam\"] = factory();\n\telse\n\t\troot[\"frutjam\"] = factory();\n})(typeof self !== \"undefined\" ? self : this, () => {\nreturn "],"names":["root","factory","exports","module","define","amd","self","this"],"sourceRoot":""}
@@ -1,9 +0,0 @@
1
- /*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-neutral-500:oklch(0.556 0 0);--color-neutral-950:oklch(0.145 0 0);--color-white:#fff;--spacing:0.25rem;--radius-md:0.375rem;--radius-2xl:1rem;--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(
2
- --font-sans--font-variation-settings
3
- );--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(
4
- --font-mono--font-feature-settings
5
- );--default-mono-font-variation-settings:var(
6
- --font-mono--font-variation-settings
7
- )}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:var( --default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" );font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var( --default-font-variation-settings,normal );tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var( --default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace );font-feature-settings:var( --default-mono-font-feature-settings,normal );font-size:1em;font-variation-settings:var( --default-mono-font-variation-settings,normal )}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{background-color:transparent;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{color:color-mix(in oklab,currentColor 50%,transparent);opacity:1}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.dialog{align-items:center;background-color:transparent;color:inherit;display:grid;height:100%;inset:calc(var(--spacing)*0);justify-items:center;margin:calc(var(--spacing)*0);max-height:none;max-width:none;overflow-x:hidden;overflow-y:hidden;overscroll-behavior:contain;padding:calc(var(--spacing)*0);pointer-events:none;position:fixed;transition:transform .3s ease-out,visibility allow-discrete .3s,opacity .1s ease-out;visibility:hidden;width:100%;z-index:999;&::backdrop,&:not(dialog:not([popover]:popover-open)){background-color:color-mix(in oklab,var(--color-neutral-950) 25%,transparent);opacity:100%;@media (prefers-color-scheme:dark){background-color:color-mix(in oklab,var(--color-neutral-950) 50%,transparent)}@starting-style{visibility:hidden}@starting-style{opacity:0}transition:display allow-discrete .3s ease-out,opacity .3s ease-out,visibility allow-discrete .3s ease-out}&[popover]:popover-open{opacity:100%;pointer-events:auto;visibility:visible;@starting-style{visibility:hidden}@starting-style{opacity:0}.dialog-body{opacity:1;scale:1;translate:0 0}}}.static{position:static}.dialog-backdrop{align-self:stretch;color:transparent;display:grid;grid-column-start:1;grid-row-start:1;justify-self:stretch;z-index:-1;button{cursor:pointer}}.dialog-body{background-color:var(--color-white);border-radius:var(--radius-2xl);grid-column-start:1;grid-row-start:1;max-height:100vh;max-width:32rem;padding:calc(var(--spacing)*4);width:91.66667%;--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.1)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.1));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:color-mix(in oklab,var(--color-neutral-500) 10%,transparent);@media (forced-colors:active){outline-style:var(--tw-outline-style);outline-width:1px}opacity:0;overflow-y:auto;overscroll-behavior:contain;scale:95%;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out .05s,box-shadow .3s ease-out}.dialog-start{place-items:start;:where(.dialog-body){border-radius:0;height:100vh;max-height:none;max-width:none;scale:1;translate:-100% 0;width:auto}}.rounded-md{border-radius:var(--radius-md)}.p-4{padding:calc(var(--spacing)*4)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.lg\:p-12{@media (width >= 64rem){padding:calc(var(--spacing)*12)}}}:root{--neutral-color:oklch(14% .005 285.823);--neutral-content-color:#fff;--primary-color:oklch(0.546 0.245 262.881);--primary-content-color:oklch(0.95 0.02 262.881);--secondary-color:oklch(37.69% 0.1347 323.76);--secondary-content-color:oklch(100% 0 0);--accent-color:oklch(0.6 0.3 262.881);--accent-content-color:oklch(0.98 0.03 262.881);--info-color:oklch(0.65 0.2 230);--info-content-color:oklch(0.98 0.02 230);--success-color:oklch(0.6 0.22 150);--success-content-color:oklch(0.98 0.02 150);--warning-color:oklch(77.2% 0.1738 64.55);--warning-content-color:oklch(0% 0 0);--error-color:oklch(0.6 0.25 30);--error-content-color:oklch(0.98 0.02 30)}[data-theme=dark]{--primary-color:oklch(.546 .245 262.881);--primary-content-color:#fff;--secondary-color:oklch(.546 .245 262.881);--secondary-content-color:#fff}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}
8
-
9
- /*# sourceMappingURL=modal.css.map*/
@@ -1 +0,0 @@
1
- {"version":3,"file":"components/modal.css","mappings":"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","sources":["webpack://frutjam/./src/components/modal.css"],"sourcesContent":["@import 'tailwindcss';\n@import '../themes/default.css';\n@utility dialog {\n @apply pointer-events-none invisible fixed inset-0 m-0 grid h-full max-h-none w-full max-w-none items-center justify-items-center bg-transparent p-0 text-inherit;\n overflow-x: hidden;\n transition:\n transform 0.3s ease-out,\n visibility 0.3s allow-discrete,\n opacity 0.1s ease-out;\n overflow-y: hidden;\n overscroll-behavior: contain;\n z-index: 999;\n \n &:not(dialog:not([popover]:popover-open)),\n &::backdrop {\n @apply opacity-100 starting:invisible starting:opacity-0 bg-neutral-950/25 dark:bg-neutral-950/50;\n transition:\n display 0.3s ease-out allow-discrete,\n opacity 0.3s ease-out,\n visibility 0.3s ease-out allow-discrete;\n }\n \n &[popover]:popover-open {\n @apply pointer-events-auto visible opacity-100 starting:invisible starting:opacity-0;\n \n .dialog-body {\n translate: 0 0;\n scale: 1;\n opacity: 1;\n }\n }\n }\n \n @utility dialog-backdrop {\n @apply col-start-1 row-start-1 grid self-stretch justify-self-stretch text-transparent;\n z-index: -1;\n \n button {\n @apply cursor-pointer;\n }\n }\n \n @utility dialog-body {\n @apply bg-white rounded-2xl ring shadow-lg ring-neutral-500/10 forced-colors:outline col-start-1 row-start-1 max-h-screen w-11/12 max-w-[32rem] p-4;\n transition:\n translate 0.3s ease-out,\n scale 0.3s ease-out,\n opacity 0.2s ease-out 0.05s,\n box-shadow 0.3s ease-out;\n scale: 95%;\n opacity: 0;\n overflow-y: auto;\n overscroll-behavior: contain;\n }\n \n @utility dialog-top {\n @apply place-items-start;\n \n :where(.dialog-body) {\n @apply h-auto w-full max-w-none rounded-none;\n max-height: calc(100vh - 5em);\n translate: 0 -100%;\n scale: 1;\n }\n }\n \n @utility dialog-middle {\n @apply place-items-center;\n \n :where(.dialog-body) {\n @apply h-auto w-11/12 max-w-[32rem];\n max-height: calc(100vh - 5em);\n translate: 0 2%;\n scale: 98%;\n }\n }\n \n @utility dialog-bottom {\n @apply place-items-end;\n \n :where(.dialog-body) {\n @apply h-auto w-full max-w-none rounded-none;\n max-height: calc(100vh - 5em);\n translate: 0 100%;\n scale: 1;\n }\n }\n \n @utility dialog-start {\n @apply place-items-start;\n \n :where(.dialog-body) {\n @apply h-screen max-h-none w-auto max-w-none rounded-none;\n translate: -100% 0;\n scale: 1;\n }\n }\n \n @utility dialog-end {\n @apply place-items-end;\n \n :where(.dialog-body) {\n @apply h-screen max-h-none w-auto max-w-none rounded-none;\n translate: 100% 0;\n scale: 1;\n }\n }"],"names":[],"sourceRoot":""}
@@ -1,2 +0,0 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.frutjam=t():e.frutjam=t()}("undefined"!=typeof self?self:this,(()=>(()=>{"use strict";var e={};return e=e.default})()));
2
- //# sourceMappingURL=modal.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"components/modal.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,GAAIH,GACe,iBAAZC,QACdA,QAAiB,QAAID,IAErBD,EAAc,QAAIC,GACnB,CATD,CASmB,oBAATK,KAAuBA,KAAOC,MAAM,I","sources":["webpack://frutjam/webpack/universalModuleDefinition"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"frutjam\"] = factory();\n\telse\n\t\troot[\"frutjam\"] = factory();\n})(typeof self !== \"undefined\" ? self : this, () => {\nreturn "],"names":["root","factory","exports","module","define","amd","self","this"],"sourceRoot":""}
@@ -1,60 +0,0 @@
1
- :root {
2
- --neutral-color: oklch(14% .005 285.823);
3
- --neutral-content-color: #fff;
4
-
5
- --primary-color: oklch(0.546 0.245 262.881);
6
- --primary-content-color: oklch(0.95 0.02 262.881);
7
-
8
- --secondary-color: oklch(37.69% 0.1347 323.76);
9
- --secondary-content-color: oklch(100% 0 0);
10
-
11
- --accent-color: oklch(0.6 0.3 262.881);
12
- --accent-content-color: oklch(0.98 0.03 262.881);
13
-
14
- --info-color: oklch(0.65 0.2 230);
15
- --info-content-color: oklch(0.98 0.02 230);
16
-
17
- --success-color: oklch(0.6 0.22 150);
18
- --success-content-color: oklch(0.98 0.02 150);
19
-
20
- --warning-color: oklch(77.2% 0.1738 64.55);
21
- --warning-content-color: oklch(0% 0 0);
22
-
23
- --error-color: oklch(0.6 0.25 30);
24
- --error-content-color: oklch(0.98 0.02 30);
25
-
26
- }
27
-
28
- [data-theme="dark"] {
29
- --primary-color: oklch(.546 .245 262.881);
30
- --primary-content-color: #fff;
31
-
32
- --secondary-color: oklch(.546 .245 262.881);
33
- --secondary-content-color: #fff;
34
- }
35
-
36
- @theme inline {
37
- --color-neutral: var(--neutral-color);
38
- --color-neutral-content: var(--neutral-content-color);
39
-
40
- --color-primary: var(--primary-color);
41
- --color-primary-content: var(--primary-content-color);
42
-
43
- --color-secondary: var(--secondary-color);
44
- --color-secondary-content: var(--secondary-content-color);
45
-
46
- --color-accent: var(--accent-color);
47
- --color-accent-content: var(--accent-content-color);
48
-
49
- --color-info: var(--info-color);
50
- --color-info-content: var(--info-content-color);
51
-
52
- --color-success: var(--success-color);
53
- --color-success-content: var(--success-content-color);
54
-
55
- --color-warning: var(--warning-color);
56
- --color-warning-content: var(--warning-content-color);
57
-
58
- --color-error: var(--error-color);
59
- --color-error-content: var(--error-content-color);
60
- }