frutjam 2.2.5 → 2.2.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.github.md +7 -2
- package/dist/base.css +63 -3
- package/dist/components/accordion.css +2 -2
- package/dist/components/alert.css +2 -2
- package/dist/components/avatar.css +2 -2
- package/dist/components/badge.css +2 -2
- package/dist/components/breadcrumb.css +1 -1
- package/dist/components/button.css +3 -3
- package/dist/components/card.css +2 -2
- package/dist/components/carousel.css +1 -1
- package/dist/components/chat.css +1 -1
- package/dist/components/checkbox.css +2 -2
- package/dist/components/collapsible.css +1 -1
- package/dist/components/combobox.css +2 -2
- package/dist/components/countdown.css +2 -2
- package/dist/components/diff.css +2 -2
- package/dist/components/divider.css +1 -1
- package/dist/components/drawer/object.js +1 -1
- package/dist/components/drawer.css +2 -2
- package/dist/components/footer.css +2 -2
- package/dist/components/header/object.js +1 -1
- package/dist/components/header.css +2 -2
- package/dist/components/hero.css +2 -2
- package/dist/components/indicator.css +1 -1
- package/dist/components/input.css +2 -2
- package/dist/components/join.css +2 -2
- package/dist/components/kbd.css +2 -2
- package/dist/components/link.css +1 -1
- package/dist/components/loading.css +2 -2
- package/dist/components/marquee.css +1 -1
- package/dist/components/mask.css +2 -2
- package/dist/components/menu.css +2 -2
- package/dist/components/modal.css +2 -2
- package/dist/components/navbar.css +1 -1
- package/dist/components/popover.css +2 -2
- package/dist/components/progress.css +2 -2
- package/dist/components/radial-progress.css +2 -2
- package/dist/components/radio.css +2 -2
- package/dist/components/range.css +2 -2
- package/dist/components/rating.css +2 -2
- package/dist/components/select.css +2 -2
- package/dist/components/sidebar.css +2 -2
- package/dist/components/skeleton.css +2 -2
- package/dist/components/stat.css +2 -2
- package/dist/components/status.css +1 -1
- package/dist/components/steps.css +1 -1
- package/dist/components/surface.css +2 -2
- package/dist/components/swap.css +1 -1
- package/dist/components/table.css +2 -2
- package/dist/components/tabs.css +2 -2
- package/dist/components/tag.css +2 -2
- package/dist/components/textarea.css +2 -2
- package/dist/components/timeline.css +1 -1
- package/dist/components/toast.css +1 -1
- package/dist/components/toggle.css +2 -2
- package/dist/components/tooltip.css +2 -2
- package/dist/frutjam.min.css +64 -4
- package/dist/plugin.js +3 -3
- package/dist/themes/darkberry.css +1 -1
- package/dist/themes/snowberry.css +1 -1
- package/dist/utilities/headings.css +2 -2
- package/dist/utilities/para.css +2 -2
- package/dist/utilities/typography.css +1 -1
- package/dist/utilities/wrapper.css +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".drawer":{"border":"none","pointer-events":"none","visibility":"hidden","position":"fixed","inset":"0rem","margin":"0rem","padding":"0rem","display":"grid","width":"100%","height":"100%","max-width":"none","max-height":"none","place-items":"start","color":"inherit","z-index":
|
|
1
|
+
export default {".drawer":{"border":"none","pointer-events":"none","visibility":"hidden","position":"fixed","inset":"0rem","margin":"0rem","padding":"0rem","display":"grid","width":"100%","height":"100%","max-width":"none","max-height":"none","place-items":"start","color":"inherit","z-index":1000,"overflow":"hidden","overscroll-behavior":"contain","&:not(drawer:not([open]):not(.drawer-open)),\n &::backdrop":{"@starting-style":{"visibility":"hidden"},"opacity":1,"background-color":"light-dark(black, black)","@supports (color: color-mix(in lab, red, red))":{"background-color":"light-dark(color-mix(in oklch, black 10%, var(--color-base-600) 40%), color-mix(in oklch, black 10%, var(--color-base-400) 40%))"}},"&:is([open], .drawer-open)":{"@starting-style":{"visibility":"hidden"},"pointer-events":"auto","visibility":"visible",".drawer-content":{"translate":"0 0","scale":"1"}}},".drawer-backdrop":{"display":"grid","grid-column-start":"1","grid-row-start":"1","align-self":"stretch","justify-self":"stretch","color":"transparent","z-index":-1,":where(&) :where(button)":{"cursor":"pointer"}},".drawer-content":{"--radius-drawer":"calc(var(--border-radius) * 2)","border-radius":"0","translate":"-100% 0","scale":"1","grid-column-start":"1","grid-row-start":"1","height":"100vh","max-height":"none","padding":"0.25rem","overflow-y":"auto","overscroll-behavior":"contain","flex":"1 1 auto","@media (forced-colors: active)":{"outline-style":"solid","outline-width":"1px"},"background-color":"var(--color-base)","transition":"translate 0.3s ease-out,\n visibility 0.3s allow-discrete,\n background-color 0.3s ease-out,\n opacity 0.1s ease-out"},".drawer-bottom":{"place-items":"end",":where(.drawer-content)":{"height":"auto","width":"100%","max-height":"80vh","margin-block-start":"calc(var(--spacing)*24)","translate":"0 100%","border-start-end-radius":"var(--radius-drawer)","border-start-start-radius":"var(--radius-drawer)"}},".drawer-top":{"place-items":"start",":where(.drawer-content)":{"height":"auto","width":"100%","max-height":"80vh","margin-block-end":"calc(var(--spacing)*24)","translate":"0 -100%"}},".drawer-end":{"place-items":"end",":where(.drawer-content)":{"height":"100vh","max-height":"none","width":"auto","translate":"100% 0"}},".drawer-start":{"place-items":"start",":where(.drawer-content)":{"height":"100vh","width":"auto","max-height":"none","translate":"-100% 0"}}};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.drawer{border:none;pointer-events:none;visibility:hidden;position:fixed;inset:0;margin:0;padding:0;display:grid;width:100%;height:100%;max-width:none;max-height:none;place-items:start;color:inherit;z-index:
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.drawer{border:none;pointer-events:none;visibility:hidden;position:fixed;inset:0;margin:0;padding:0;display:grid;width:100%;height:100%;max-width:none;max-height:none;place-items:start;color:inherit;z-index:1000;overflow:hidden;overscroll-behavior:contain;&::backdrop,&:not(drawer:not([open]):not(.drawer-open)){@starting-style{visibility:hidden}opacity:1;background-color:light-dark(#000,#000);@supports (color:color-mix(in lab,red,red)){background-color:light-dark(color-mix(in oklch,#000 10%,var(--color-base-600) 40%),color-mix(in oklch,#000 10%,var(--color-base-400) 40%))}}&:is([open],.drawer-open){@starting-style{visibility:hidden}pointer-events:auto;visibility:visible;.drawer-content{translate:0 0;scale:1}}}.drawer-backdrop{display:grid;grid-column-start:1;grid-row-start:1;align-self:stretch;justify-self:stretch;color:transparent;z-index:-1;:where(&) :where(button){cursor:pointer}}.drawer-content{--radius-drawer:calc(2 * var(--border-radius));border-radius:0;translate:-100% 0;scale:1;grid-column-start:1;grid-row-start:1;height:100vh;max-height:none;padding:.25rem;overflow-y:auto;overscroll-behavior:contain;flex:1 1 auto;@media (forced-colors:active){outline-style:solid;outline-width:1px}background-color:var(--color-base);transition:translate .3s ease-out,visibility allow-discrete .3s,background-color .3s ease-out,opacity .1s ease-out}.drawer-bottom{place-items:end;:where(.drawer-content){height:auto;width:100%;max-height:80vh;margin-block-start:calc(24 * var(--spacing));translate:0 100%;border-start-end-radius:var(--radius-drawer);border-start-start-radius:var(--radius-drawer)}}.drawer-top{place-items:start;:where(.drawer-content){height:auto;width:100%;max-height:80vh;margin-block-end:calc(24 * var(--spacing));translate:0 -100%}}.drawer-end{place-items:end;:where(.drawer-content){height:100vh;max-height:none;width:auto;translate:100% 0}}.drawer-start{place-items:start;:where(.drawer-content){height:100vh;width:auto;max-height:none;translate:-100% 0}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.footer-title{margin-bottom:calc(var(--spacing)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.footer-title{margin-bottom:calc(2 * var(--spacing));text-transform:uppercase;color:inherit;font-weight:600}.footer{display:grid;width:100%;grid-auto-flow:row;place-items:start;-moz-column-gap:calc(4 * var(--spacing));column-gap:calc(4 * var(--spacing));row-gap:calc(10 * var(--spacing));font-size:.875rem;line-height:1.25rem;:where(&)>*{display:grid;place-items:start;gap:calc(2 * var(--spacing))}}.footer-center{grid-auto-flow:column dense;place-items:center;text-align:center;:where(&)>*{place-items:center}}.footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:row dense}}.footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".header
|
|
1
|
+
export default {".header":{"--header-bg":"var(--color-base)","--header-border-color":"var(--color-base-soft)","--header-shadow":"none","--header-blur":"none","--header-position":"relative","--header-height":"3.5rem","--header-padding-block":"0.5rem","position":"var(--header-position)","inset-block-start":"0","z-index":999,"width":"100%","height":"var(--header-height)","background-color":"var(--header-bg)","border-block-end":"1px solid var(--header-border-color)","box-shadow":"var(--header-shadow)","backdrop-filter":"var(--header-blur)","-webkit-backdrop-filter":"var(--header-blur)","transition":"background-color 200ms ease,\n box-shadow 200ms ease,\n border-color 200ms ease"},".header-fixed":{"--header-position":"fixed","inset-inline":"0"},".header-center":{"grid-column":"2","display":"flex","align-items":"center","justify-content":"center","gap":"0.75rem"},".header-end":{"grid-column":"3","display":"flex","align-items":"center","justify-content":"flex-end","gap":"0.75rem"},".header-start":{"grid-column":"1","display":"flex","align-items":"center","gap":"0.75rem"},".header-content":{"display":"grid","grid-template-columns":"1fr auto 1fr","align-items":"center","gap":"0.75rem","width":"100%","height":"100%","padding-inline":"1rem","padding-block":"var(--header-padding-block, 0.5rem)","@media (width >= 40rem)":{"padding-inline":"2rem"},"@media (width >= 64rem)":{"padding-inline":"4rem"}},".header-solid":{"--header-bg":"var(--color-base)","--header-border-color":"var(--color-base-soft)","--header-shadow":"0 1px 8px oklch(0% 0 0 / 8%)"},".header-blur":{"--header-blur":"blur(12px)","--header-bg":"var(--color-base)","@supports (color: color-mix(in lab, red, red))":{"--header-bg":"color-mix(in oklch, var(--color-base) 80%, transparent)"}},".header-lg":{"--header-height":"4.5rem","--header-padding-block":"0.75rem"},".header-shadow":{"--header-shadow":"0 1px 8px oklch(0% 0 0 / 8%)","--header-border-color":"transparent"},".header-sm":{"--header-height":"2.75rem","--header-padding-block":"0.375rem"},".header-transparent":{"--header-bg":"transparent","--header-border-color":"transparent"},".header-sticky":{"--header-position":"sticky"}};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.header
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.header{--header-bg:var(--color-base);--header-border-color:var(--color-base-soft);--header-shadow:none;--header-blur:none;--header-position:relative;--header-height:3.5rem;--header-padding-block:0.5rem;position:var(--header-position);inset-block-start:0;z-index:999;width:100%;height:var(--header-height);background-color:var(--header-bg);border-block-end:1px solid var(--header-border-color);box-shadow:var(--header-shadow);backdrop-filter:var(--header-blur);-webkit-backdrop-filter:var(--header-blur);transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease}.header-fixed{--header-position:fixed;inset-inline:0}.header-center{grid-column:2;justify-content:center}.header-center,.header-end{display:flex;align-items:center;gap:.75rem}.header-end{grid-column:3;justify-content:flex-end}.header-start{grid-column:1;display:flex;align-items:center;gap:.75rem}.header-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;width:100%;height:100%;padding-inline:1rem;padding-block:var(--header-padding-block,.5rem);@media (width >= 40rem){padding-inline:2rem}@media (width >= 64rem){padding-inline:4rem}}.header-solid{--header-bg:var(--color-base);--header-border-color:var(--color-base-soft);--header-shadow:0 1px 8px oklch(0% 0 0 / 8%)}.header-blur{--header-blur:blur(12px);--header-bg:var(--color-base);@supports (color:color-mix(in lab,red,red)){--header-bg:color-mix(in oklch, var(--color-base) 80%, transparent)}}.header-lg{--header-height:4.5rem;--header-padding-block:0.75rem}.header-shadow{--header-shadow:0 1px 8px oklch(0% 0 0 / 8%);--header-border-color:transparent}.header-sm{--header-height:2.75rem;--header-padding-block:0.375rem}.header-transparent{--header-bg:transparent;--header-border-color:transparent}.header-sticky{--header-position:sticky}
|
package/dist/components/hero.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.hero-content{display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.hero-content{display:flex;align-items:center;justify-content:center;gap:calc(4 * var(--spacing));padding:calc(4 * var(--spacing));isolation:isolate;max-width:80rem}.hero{display:grid;place-items:center;background-size:cover;background-position:50%;width:100%;&>*{grid-column-start:1;grid-row-start:1}}.hero-overlay{background-color:var(--color-neutral-500);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-neutral-500) 50%,transparent)}grid-column-start:1;grid-row-start:1;width:100%;height:100%}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
2
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.indicator-item{position:absolute;z-index:10;inset-block-start:0;inset-inline-end:0;transform:translate(var(--indicator-tx,50%),var(--indicator-ty,-50%))}.indicator{position:relative;display:inline-flex;width:-moz-fit-content;width:fit-content}.indicator-center{inset-inline-start:50%;inset-inline-end:auto;--indicator-tx:-50%}.indicator-end{inset-inline-start:auto;inset-inline-end:0;--indicator-tx:50%}.indicator-start{inset-inline-end:auto;inset-inline-start:0;--indicator-tx:-50%}.indicator-bottom{inset-block-start:auto;inset-block-end:0;--indicator-ty:50%}.indicator-middle{inset-block-start:50%}.indicator-middle,.indicator-top{inset-block-end:auto;--indicator-ty:-50%}.indicator-top{inset-block-start:0}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.input{font:inherit;--radius-input:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.input{font:inherit;--radius-input:calc(2 * var(--border-radius));--color-input:var(--color-base-soft);--color-on-input:var(--color-on-base-soft);--color-input-soft:var(--color-base-soft);--color-input-active:var(--color-base-active);--color-on-input-active:var(--color-on-base);--input--inline:0.75rem;--input--block:0.625rem;--input--font-size:1rem;border-width:1px;border-style:solid;border-color:var(--color-input-active);background-color:transparent;&:not([type=file]){padding-inline:var(--input--inline);padding-block:var(--input--block)}font-size:var(--input--font-size);color:var(--color-on-base);display:inline-flex;align-self:flex-start;flex-shrink:0;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-input);gap:.5rem;vertical-align:middle;white-space:nowrap;position:relative;font-weight:500;transition:border-color .25s;transition-timing-function:ease-in-out;&::-moz-placeholder{font-size:var(--input--font-size);color:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-on-base) 30%,transparent)}font-weight:400}&::placeholder{font-size:var(--input--font-size);color:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-on-base) 30%,transparent)}font-weight:400}&::file-selector-button{font-size:var(--input--font-size);margin-inline-end:1rem;display:inline-flex;padding-inline:var(--input--inline);padding-block:var(--input--block);transition:border-color .3s,background-color .3s,display .3s;transition-timing-function:ease-in-out;align-items:center;border-start-start-radius:calc(.5 * var(--radius-input));border-end-start-radius:calc(.5 * var(--radius-input));background-color:var(--color-input);border-inline-end-width:1px;border-style:solid;border-color:var(--color-input-active);font-weight:semibold;color:var(--color-on-input);&:hover{@media (hover:hover){background-color:var(--color-input-active);color:var(--color-on-input-active)}}}&:is(:disabled,[disabled],.input-disabled){--input-disabled--cursor:not-allowed;--input-disabled--opacity:0.6;--input-disabled--pointer-events:none;--input-disabled--user-select:none;--input-disabled--bg-color:var(--color-base-soft);--input-disabled--color:light-dark(var(--color-base-700), var(--color-base-400));--input-disabled--border-color:var(--input);@supports (color:color-mix(in lab,red,red)){--input-disabled--border-color:color-mix(in oklab, var(--input) 20%, transparent)}cursor:var(--input-disabled--cursor);opacity:var(--input-disabled--opacity);pointer-events:var(--input-disabled--pointer-events);background-color:var(--input-disabled--bg-color);color:var(--input-disabled--color);-webkit-user-select:var(--input-disabled--user-select);-moz-user-select:var(--input-disabled--user-select);user-select:var(--input-disabled--user-select);border-color:var(--input-disabled--border-color)}&::-moz-placeholder{color:var(--input-disabled--color)}&::placeholder{color:var(--input-disabled--color)}&:focus,&:focus-within{border-color:light-dark(var(--color-base-800),var(--color-base-300));@supports (color:color-mix(in lab,red,red)){border-color:light-dark(var(--color-base-800),color-mix(in oklab,var(--color-base-300) 80%,transparent))}}}.input-disabled{cursor:var(--input-disabled--cursor);opacity:var(--input-disabled--opacity);pointer-events:var(--input-disabled--pointer-events);background-color:var(--input-disabled--bg-color);color:var(--input-disabled--color);-webkit-user-select:var(--input-disabled--user-select);-moz-user-select:var(--input-disabled--user-select);user-select:var(--input-disabled--user-select);border-color:var(--input-disabled--border-color);&::-moz-placeholder{color:var(--input-disabled--color)}&::placeholder{color:var(--input-disabled--color)}}.input-square{width:var(--input--square-size,3rem);padding-inline:0;text-align:center;justify-content:center;font-weight:600}.input-dashed{border-style:dashed}.input-outline{border-style:solid}.input-soft{background-color:var(--color-input-soft);border-color:transparent;&::-moz-placeholder{color:var(--color-on-input-soft);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-on-input-soft) 45%,transparent)}}&::placeholder{color:var(--color-on-input-soft);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-on-input-soft) 45%,transparent)}}}.input-accent{--color-input:var(--color-accent);--color-on-input:var(--color-on-accent);--color-input-soft:var(--color-accent-soft);--color-on-input-soft:var(--color-on-accent-soft);--color-input-active:var(--color-accent-active);--color-on-input-active:var(--color-on-accent);&:focus,&:focus-within{border-color:var(--color-accent-400)}}.input-error{--color-input:var(--color-error);--color-on-input:var(--color-on-error);--color-input-soft:var(--color-error-soft);--color-on-input-soft:var(--color-on-error-soft);--color-input-active:var(--color-error-active);--color-on-input-active:var(--color-on-error);&:focus,&:focus-within{border-color:var(--color-error-400)}}.input-info{--color-input:var(--color-info);--color-on-input:var(--color-on-info);--color-input-soft:var(--color-info-soft);--color-on-input-soft:var(--color-on-info-soft);--color-input-active:var(--color-info-active);--color-on-input-active:var(--color-on-info);&:focus,&:focus-within{border-color:var(--color-info-400)}}.input-neutral{--color-input:var(--color-neutral);--color-on-input:var(--color-on-neutral);--color-input-soft:var(--color-neutral-soft);--color-on-input-soft:var(--color-on-neutral-soft);--color-input-active:var(--color-neutral-active);--color-on-input-active:var(--color-on-neutral);&:focus,&:focus-within{border-color:var(--color-neutral-400)}}.input-primary{--color-input:var(--color-primary);--color-on-input:var(--color-on-primary);--color-input-soft:var(--color-primary-soft);--color-on-input-soft:var(--color-on-primary-soft);--color-input-active:var(--color-primary-active);--color-on-input-active:var(--color-on-primary);&:focus,&:focus-within{border-color:var(--color-primary-400)}}.input-secondary{--color-input:var(--color-secondary);--color-on-input:var(--color-on-secondary);--color-input-soft:var(--color-secondary-soft);--color-on-input-soft:var(--color-on-secondary-soft);--color-input-active:var(--color-secondary-active);--color-on-input-active:var(--color-on-secondary);&:focus,&:focus-within{border-color:var(--color-secondary-400)}}.input-success{--color-input:var(--color-success);--color-on-input:var(--color-on-success);--color-input-soft:var(--color-success-soft);--color-on-input-soft:var(--color-on-success-soft);--color-input-active:var(--color-success-active);--color-on-input-active:var(--color-on-success);&:focus,&:focus-within{border-color:var(--color-success-400)}}.input-warning{--color-input:var(--color-warning);--color-on-input:var(--color-on-warning);--color-input-soft:var(--color-warning-soft);--color-on-input-soft:var(--color-on-warning-soft);--color-input-active:var(--color-warning-active);--color-on-input-active:var(--color-on-warning);&:focus,&:focus-within{border-color:var(--color-warning-400)}}.input-ghost{border-color:transparent}.input-2xl{--input--inline:1.25rem;--input--block:1rem;--input--font-size:1.025rem;--input--square-size:4.5rem}.input-lg{--input--inline:0.9rem;--input--block:0.75rem;--input--square-size:3.5rem}.input-lg,.input-md{--input--font-size:1rem}.input-md{--input--inline:0.75rem;--input--block:0.625rem;--input--square-size:3rem}.input-sm{--input--inline:0.6rem;--input--block:0.5rem;--input--font-size:0.875rem;--input--square-size:2.5rem}.input-xl{--input--inline:1rem;--input--block:0.875rem;--input--font-size:1rem;--input--square-size:4rem}.input-xs{--input--inline:0.475rem;--input--block:0.375rem;--input--font-size:0.75rem;--input--square-size:2rem}
|
package/dist/components/join.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.join{display:inline-flex;align-items:stretch;--join-radius:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.join{display:inline-flex;align-items:stretch;--join-radius:calc(2 * var(--border-radius));& .join-item{border-start-start-radius:var(--join-ss,0);border-start-end-radius:var(--join-se,0);border-end-start-radius:var(--join-es,0);border-end-end-radius:var(--join-ee,0)}flex-direction:row;>:only-child{--join-se:var(--join-radius);--join-ee:var(--join-radius)}>:first-child:not(:only-child),>:only-child{--join-ss:var(--join-radius);--join-es:var(--join-radius)}>:first-child:not(:only-child){--join-se:0;--join-ee:0}>:last-child:not(:only-child){--join-ss:0;--join-se:var(--join-radius);--join-es:0;--join-ee:var(--join-radius)}>:not(:first-child):not(:last-child){border-radius:0}& .join-item{margin-inline-start:calc(-1 * var(--border, 1px))}}.join-horizontal{flex-direction:row;>:only-child{--join-se:var(--join-radius);--join-ee:var(--join-radius)}>:first-child:not(:only-child),>:only-child{--join-ss:var(--join-radius);--join-es:var(--join-radius)}>:first-child:not(:only-child){--join-se:0;--join-ee:0}>:last-child:not(:only-child){--join-ss:0;--join-se:var(--join-radius);--join-es:0;--join-ee:var(--join-radius)}>:not(:first-child):not(:last-child){border-radius:0}& .join-item{margin-inline-start:calc(-1 * var(--border, 1px))}}.join-vertical{flex-direction:column;>:only-child{--join-es:var(--join-radius);--join-ee:var(--join-radius)}>:first-child:not(:only-child),>:only-child{--join-ss:var(--join-radius);--join-se:var(--join-radius)}>:first-child:not(:only-child){--join-es:0;--join-ee:0}>:last-child:not(:only-child){--join-ss:0;--join-se:0;--join-es:var(--join-radius);--join-ee:var(--join-radius)}>:not(:first-child):not(:last-child){border-radius:0}& .join-item{margin-block-start:calc(-1 * var(--border, 1px))}}.join-item{--join-item:1}
|
package/dist/components/kbd.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.kbd{--radius-kbd:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.kbd{--radius-kbd:calc(1.5 * var(--border-radius));--color-kbd:var(--color-base-soft);--color-on-kbd:var(--color-on-base);--kbd--padding-inline:0.5rem;--kbd--padding-block:0.25rem;--kbd--font-size:0.875rem;display:inline-flex;align-items:center;justify-content:center;padding-inline:var(--kbd--padding-inline);padding-block:var(--kbd--padding-block);font-size:var(--kbd--font-size);font-family:inherit;font-weight:500;line-height:1;white-space:nowrap;vertical-align:middle;background-color:var(--color-kbd);color:var(--color-on-kbd);border-radius:var(--radius-kbd);border-width:1px;border-style:solid;border-color:var(--color-base-active);border-block-end-width:3px;min-width:1.75rem;text-align:center}.kbd-lg{--kbd--padding-inline:0.625rem;--kbd--padding-block:0.3125rem;--kbd--font-size:1rem}.kbd-md{--kbd--padding-inline:0.5rem;--kbd--padding-block:0.25rem;--kbd--font-size:0.875rem}.kbd-sm{--kbd--padding-inline:0.4375rem;--kbd--padding-block:0.1875rem;--kbd--font-size:0.8125rem}.kbd-xl{--kbd--padding-inline:0.75rem;--kbd--padding-block:0.375rem;--kbd--font-size:1.125rem}.kbd-xs{--kbd--padding-inline:0.375rem;--kbd--padding-block:0.125rem;--kbd--font-size:0.75rem}
|
package/dist/components/link.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
2
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.link{--link--color:currentColor;cursor:pointer;color:var(--link--color);font-size:var(--link-text-size,1rem);text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px;transition:opacity .2s ease-out;&:hover{@media (hover:hover){opacity:.65}}@media (forced-colors:active){text-decoration:underline}&:focus{outline-style:none;@media (forced-colors:active){outline:2px solid transparent;outline-offset:2px}}&:focus-visible{outline:2px solid currentColor;outline-offset:2px}}.link-hover{background-position:100% 100%;background-size:0 1.5px;transition:background-size .3s ease,background-position 0s,color .2s ease-out;&:hover{@media (hover:hover){background-position:0 100%;background-size:100% 1px;transition:background-size .3s ease,background-position 0s,color .2s ease-out}}}.link-accent{color:light-dark(var(--color-accent-800),var(--color-accent-400));&:hover{@media (hover:hover){color:light-dark(var(--color-accent-700),var(--color-accent-300));opacity:1}}}.link-error{color:light-dark(var(--color-error-800),var(--color-error-400));&:hover{@media (hover:hover){color:light-dark(var(--color-error-700),var(--color-error-300));opacity:1}}}.link-info{color:light-dark(var(--color-info-800),var(--color-info-400));&:hover{@media (hover:hover){color:light-dark(var(--color-info-700),var(--color-info-300));opacity:1}}}.link-neutral{color:light-dark(var(--color-neutral-800),var(--color-neutral-400));&:hover{@media (hover:hover){color:light-dark(var(--color-neutral-700),var(--color-neutral-300));opacity:1}}}.link-primary{color:light-dark(var(--color-primary-800),var(--color-primary-400));&:hover{@media (hover:hover){color:light-dark(var(--color-primary-700),var(--color-primary-300));opacity:1}}}.link-secondary{color:light-dark(var(--color-secondary-800),var(--color-secondary-400));&:hover{@media (hover:hover){color:light-dark(var(--color-secondary-700),var(--color-secondary-300));opacity:1}}}.link-success{color:light-dark(var(--color-success-800),var(--color-success-400));&:hover{@media (hover:hover){color:light-dark(var(--color-success-700),var(--color-success-300));opacity:1}}}.link-warning{color:light-dark(var(--color-warning-800),var(--color-warning-400));&:hover{@media (hover:hover){color:light-dark(var(--color-warning-700),var(--color-warning-300));opacity:1}}}.link-2xl{--link-text-size:1.375rem}.link-lg{--link-text-size:1.125rem}.link-md{--link-text-size:1rem}.link-sm{--link-text-size:0.875rem}.link-xl{--link-text-size:1.25rem}.link-xs{--link-text-size:0.75rem}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.loading{--loading--size:1.5rem;--loading--color:currentColor;--loading--thickness:2px;display:inline-block;width:var(--loading--size);height:var(--loading--size);border-radius:9999px;border-width:var(--loading--thickness);border-style:solid;border-color:var(--loading--color);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--loading--color) 25%,transparent)}border-top-color:var(--loading--color);animation:loading-spin .7s linear infinite;flex-shrink:0;vertical-align:middle}.loading-bars{--loading--size:0.25rem;--loading--color:var(--color-primary);display:inline-flex;gap:calc(var(--loading--size)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.loading{--loading--size:1.5rem;--loading--color:currentColor;--loading--thickness:2px;display:inline-block;width:var(--loading--size);height:var(--loading--size);border-radius:9999px;border-width:var(--loading--thickness);border-style:solid;border-color:var(--loading--color);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--loading--color) 25%,transparent)}border-top-color:var(--loading--color);animation:loading-spin .7s linear infinite;flex-shrink:0;vertical-align:middle}.loading-bars{--loading--size:0.25rem;--loading--color:var(--color-primary);display:inline-flex;gap:calc(.75 * var(--loading--size));align-items:flex-end;height:calc(5 * var(--loading--size));border-radius:0;border:none;animation:none;background:transparent;width:auto;&:after,&:before{content:"";display:block;width:var(--loading--size);background-color:var(--loading--color);border-radius:2px;animation:loading-bars 1s ease-in-out infinite}&:before{height:60%;animation-delay:-.15s}&:after{height:100%;animation-delay:0s}}.loading-dots{--loading--size:0.5rem;--loading--color:var(--color-primary);display:inline-flex;gap:calc(.5 * var(--loading--size));align-items:center;border-radius:0;border:none;animation:none;background:transparent;width:auto;height:auto;&:after,&:before{content:"";display:block;width:var(--loading--size);height:var(--loading--size);border-radius:9999px;background-color:var(--loading--color);animation:loading-pulse 1s ease-in-out infinite}&:before{animation-delay:-.32s}&:after{animation-delay:0s}}.loading-lg{--loading--size:2rem;--loading--thickness:2.5px}.loading-md{--loading--size:1.5rem}.loading-md,.loading-sm{--loading--thickness:2px}.loading-sm{--loading--size:1.25rem}.loading-xl{--loading--size:2.5rem;--loading--thickness:3px}.loading-xs{--loading--size:1rem;--loading--thickness:1.5px}.loading-accent{--loading--color:var(--color-accent)}.loading-base{--loading--color:var(--color-base-active)}.loading-current{--loading--color:currentColor}.loading-error{--loading--color:var(--color-error)}.loading-info{--loading--color:var(--color-info)}.loading-neutral{--loading--color:var(--color-neutral)}.loading-primary{--loading--color:var(--color-primary)}.loading-secondary{--loading--color:var(--color-secondary)}.loading-success{--loading--color:var(--color-success)}.loading-warning{--loading--color:var(--color-warning)}@keyframes loading-spin{to{transform:rotate(1turn)}}@keyframes loading-pulse{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes loading-bars{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
2
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.marquee-fade{position:relative;&:after,&:before{content:"";pointer-events:none;position:absolute;inset-block:0;z-index:1;width:4rem}&:before{inset-inline-start:0;background:linear-gradient(to right,var(--color-base),transparent)}&:after{inset-inline-end:0;background:linear-gradient(to left,var(--color-base),transparent)}}.marquee-track{display:flex;flex-shrink:0;gap:var(--marquee--gap);min-width:100%;animation:marquee-scroll var(--marquee--duration) linear infinite;animation-play-state:var(--marquee--play-state);animation-direction:var(--marquee--direction);@media (prefers-reduced-motion:reduce){animation-play-state:paused}}.marquee{--marquee--duration:20s;--marquee--gap:1rem;--marquee--play-state:running;--marquee--direction:normal;--marquee--axis:calc(-100% - var(--marquee--gap)) 0%;display:flex;gap:var(--marquee--gap);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.marquee-vertical{flex-direction:column;--marquee--axis:0% calc(-100% - var(--marquee--gap));:where(&) :where(.marquee-track){flex-direction:column;min-height:100%;min-width:unset}}.marquee-fast{--marquee--duration:10s}.marquee-normal{--marquee--duration:20s}.marquee-pause:hover{--marquee--play-state:paused}.marquee-reverse{--marquee--direction:reverse}.marquee-slow{--marquee--duration:40s}@keyframes marquee-scroll{0%{translate:0 0}to{translate:var(--marquee--axis)}}
|
package/dist/components/mask.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.mask{display:inline-block;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.mask-circle{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.mask{display:inline-block;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.mask-circle{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%22100%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%22100%22%2F%3E%3C%2Fsvg%3E")}.mask-diamond{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m100%200%20100%20100-100%20100L0%20100z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m100%200%20100%20100-100%20100L0%20100z%22%2F%3E%3C%2Fsvg%3E")}.mask-heart{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22185%22%3E%3Cpath%20d%3D%22M100%20184.606a15.4%2015.4%200%200%201-8.653-2.678C53.565%20156.28%2037.205%20138.695%2028.182%20127.7%208.952%20104.264-.254%2080.202.005%2054.146.308%2024.287%2024.264%200%2053.406%200c21.192%200%2035.869%2011.937%2044.416%2021.879a2.884%202.884%200%200%200%204.356%200C110.725%2011.927%20125.402%200%20146.594%200c29.142%200%2053.098%2024.287%2053.4%2054.151.26%2026.061-8.956%2050.122-28.176%2073.554-9.023%2010.994-25.383%2028.58-63.165%2054.228a15.4%2015.4%200%200%201-8.653%202.673%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22185%22%3E%3Cpath%20d%3D%22M100%20184.606a15.4%2015.4%200%200%201-8.653-2.678C53.565%20156.28%2037.205%20138.695%2028.182%20127.7%208.952%20104.264-.254%2080.202.005%2054.146.308%2024.287%2024.264%200%2053.406%200c21.192%200%2035.869%2011.937%2044.416%2021.879a2.884%202.884%200%200%200%204.356%200C110.725%2011.927%20125.402%200%20146.594%200c29.142%200%2053.098%2024.287%2053.4%2054.151.26%2026.061-8.956%2050.122-28.176%2073.554-9.023%2010.994-25.383%2028.58-63.165%2054.228a15.4%2015.4%200%200%201-8.653%202.673%22%2F%3E%3C%2Fsvg%3E")}.mask-hexagon{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22182%22%20height%3D%22201%22%3E%3Cpath%20d%3D%22M.3%2065.486c0-9.196%206.687-20.063%2014.211-25.078l61.86-35.946c8.36-5.016%2020.899-5.016%2029.258%200l61.86%2035.946c8.36%205.015%2014.211%2015.882%2014.211%2025.078v71.055c0%209.196-6.687%2020.063-14.211%2025.079l-61.86%2035.945c-8.36%204.18-20.899%204.18-29.258%200L14.51%20161.62C6.151%20157.44.3%20145.737.3%20136.54z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22182%22%20height%3D%22201%22%3E%3Cpath%20d%3D%22M.3%2065.486c0-9.196%206.687-20.063%2014.211-25.078l61.86-35.946c8.36-5.016%2020.899-5.016%2029.258%200l61.86%2035.946c8.36%205.015%2014.211%2015.882%2014.211%2025.078v71.055c0%209.196-6.687%2020.063-14.211%2025.079l-61.86%2035.945c-8.36%204.18-20.899%204.18-29.258%200L14.51%20161.62C6.151%20157.44.3%20145.737.3%20136.54z%22%2F%3E%3C%2Fsvg%3E")}.mask-pentagon{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22181%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m96%200%2095.106%2069.098-36.327%20111.804H37.22L.894%2069.098z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22181%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m96%200%2095.106%2069.098-36.327%20111.804H37.22L.894%2069.098z%22%2F%3E%3C%2Fsvg%3E")}.mask-squircle{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M100%200C20%200%200%2020%200%20100s20%20100%20100%20100%20100-20%20100-100S180%200%20100%200%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M100%200C20%200%200%2020%200%20100s20%20100%20100%20100%20100-20%20100-100S180%200%20100%200%22%2F%3E%3C%2Fsvg%3E")}.mask-star{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22180%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m96%20137.263-58.779%2042.024%2022.163-68.389L.894%2068.481l72.476-.243L96%200l22.63%2068.238%2072.476.243-58.49%2042.417%2022.163%2068.389z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22180%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m96%20137.263-58.779%2042.024%2022.163-68.389L.894%2068.481l72.476-.243L96%200l22.63%2068.238%2072.476.243-58.49%2042.417%2022.163%2068.389z%22%2F%3E%3C%2Fsvg%3E")}.mask-star-2{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22180%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m96%20153.044-58.779%2026.243%207.02-63.513L.894%2068.481l63.117-13.01L96%200l31.989%2055.472%2063.117%2013.01-43.347%2047.292%207.02%2063.513z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22180%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m96%20153.044-58.779%2026.243%207.02-63.513L.894%2068.481l63.117-13.01L96%200l31.989%2055.472%2063.117%2013.01-43.347%2047.292%207.02%2063.513z%22%2F%3E%3C%2Fsvg%3E")}.mask-triangle{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22174%22%20height%3D%22149%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m87%20148.476-86.603.185L43.86%2074.423%2087%200l43.14%2074.423%2043.463%2074.238z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22174%22%20height%3D%22149%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m87%20148.476-86.603.185L43.86%2074.423%2087%200l43.14%2074.423%2043.463%2074.238z%22%2F%3E%3C%2Fsvg%3E")}.mask-circle{--tw-mask-radial-shape:circle}.mask-half-1{-webkit-mask-position:left;mask-position:left}.mask-half-1,.mask-half-2{-webkit-mask-size:200%;mask-size:200%}.mask-half-2{-webkit-mask-position:right;mask-position:right}
|
package/dist/components/menu.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;.menu-disabled{--menu--opacity:20%;--menu--cursor:not-allowed;--menu--pointer-events:none;opacity:var(--menu--opacity);cursor:var(--menu--cursor);pointer-events:var(--menu--pointer-events)}.menu{--color-menu:var(--color-base-soft);--color-on-menu:var(--color-on-base-soft);--color-menu-active:var(--color-base-active);--radius-menu:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;.menu-disabled{--menu--opacity:20%;--menu--cursor:not-allowed;--menu--pointer-events:none;opacity:var(--menu--opacity);cursor:var(--menu--cursor);pointer-events:var(--menu--pointer-events)}.menu{--color-menu:var(--color-base-soft);--color-on-menu:var(--color-on-base-soft);--color-menu-active:var(--color-base-active);--radius-menu:calc(4 * var(--border-radius));list-style:none;padding:0;margin:0;display:flex;width:-moz-fit-content;width:fit-content;flex-direction:column;flex-wrap:wrap;font-size:.875rem;border-radius:var(--radius-menu);color:currentColor;:where(ul,li:not(:first-child)){margin-block-start:.375rem}:where(li ul){list-style:none;padding:0;margin-block-end:0;position:relative;margin-block-start:0;margin-inline-start:.1rem;padding-inline-start:1.4rem;white-space:nowrap;font-size:.875rem;color:currentColor;&:before{content:var(--tw-content);background-color:var(--color-on-menu);position:absolute;inset-inline-start:.7rem;inset-block-start:.7rem;inset-block-end:0;opacity:10%;width:1px;content:""}}:where(summary){margin-inline:.75rem;margin-block:.375rem}}.menu-horizontal{--menu-horizontal--padding-inline-end:0.75rem;display:inline-flex;flex-direction:row;:where(ul,li){margin-block-start:.375rem}&>li:not(.menu-title)>details{&>ul{background-color:var(--color-menu);position:absolute;margin-inline-start:0;margin-block-start:1rem;transform-origin:top;padding-block:.5rem;padding-inline-end:.5rem;opacity:0;scale:95%;@media (prefers-reduced-motion:no-preference){@starting-style{scale:95%;opacity:0}animation:menu .2s;transition-property:opacity,scale,display;transition-behavior:allow-discrete;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}}&[open]>ul{opacity:100%;scale:100%}}&>li>details>ul{&:before{--tw-content:none;content:var(--tw-content)}}}.menu-vertical{flex-direction:column;:where(ul,li){margin-inline-start:.375rem}}.menu-item{background:none;border:none;font:inherit;width:100%;color:currentColor;border-radius:calc(.5 * var(--radius-menu));padding-inline:.75rem;padding-block:.375rem;text-align:start;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);text-wrap:balance;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:.875rem;gap:.5rem;display:grid;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;cursor:pointer;padding-inline-end:var(--menu-horizontal--padding-inline-end,.75rem);&:hover{@media (hover:hover){background-color:var(--color-menu);color:var(--color-on-menu)}}&:focus-within{background-color:var(--color-menu);color:var(--color-on-menu);outline-style:none;cursor:pointer;@media (forced-colors:active){outline:2px solid transparent;outline-offset:2px}}:where(a,button){&:focus-visible{outline:2px solid transparent;@media (forced-colors:active){outline:2px solid transparent;outline-offset:2px}}}}.menu-active{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline:2px solid transparent;outline-offset:2px}color:var(--color-on-menu);background-color:var(--color-menu-active)}.menu-title{color:var(--color-base-700);padding-inline:.75rem;padding-block:var(--menu-title--padding-block,.375rem);font-size:.875rem;font-weight:600}.menu-lg{:where(li:not(.menu-title)>:not(ul,details,.menu-title)),:where(li:not(.menu-title)>details>summary:not(.menu-title)){padding-block:.375rem;font-size:1.125rem}--menu-title--padding-block:0.75rem}.menu-md{:where(li:not(.menu-title)>:not(ul,details,.menu-title)),:where(li:not(.menu-title)>details>summary:not(.menu-title)){padding-block:.375rem;font-size:.875rem}--menu-title--padding-block:0.5rem}.menu-sm{:where(li:not(.menu-title)>:not(ul,details,.menu-title)),:where(li:not(.menu-title)>details>summary:not(.menu-title)){padding-block:.25rem;font-size:.75rem}--menu-title--padding-block:0.5rem}.menu-xl{:where(li:not(.menu-title)>:not(ul,details,.menu-title)),:where(li:not(.menu-title)>details>summary:not(.menu-title)){padding-block:.375rem;font-size:1.375rem}--menu-title--padding-block:0.75rem}.menu-xs{:where(li:not(.menu-title)>:not(ul,details,.menu-title)),:where(li:not(.menu-title)>details>summary:not(.menu-title)){padding-block:.25rem;font-size:.6875rem}--menu-title--padding-block:0.25rem}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-content:""}}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.modal{border:none;color:inherit;--radius-modal:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.modal{border:none;color:inherit;--radius-modal:calc(4 * var(--border-radius));position:fixed;inset:0;margin:0;display:grid;align-items:center;justify-items:center;width:100%;height:100%;max-width:none;max-height:none;z-index:999;padding:.75rem;overflow:hidden;overscroll-behavior:contain;pointer-events:none;visibility:hidden;background-color:transparent;transition:visibility allow-discrete .2s ease,overlay allow-discrete .2s ease;&::backdrop{background-color:light-dark(#000,#000);@supports (color:color-mix(in lab,red,red)){background-color:light-dark(color-mix(in oklch,#000 10%,var(--color-base-600) 40%),color-mix(in oklch,#000 10%,var(--color-base-400) 40%))}opacity:0;transition:opacity .2s ease-out}&[open]{pointer-events:auto;visibility:visible;&::backdrop{opacity:1}@starting-style{&::backdrop{opacity:0}}--modal-content--translate:0 0;--modal-content--scale:1;--modal-content--opacity:1}}.modal-backdrop{display:grid;grid-column-start:1;grid-row-start:1;align-self:stretch;justify-self:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer;outline:none;z-index:-1;color:transparent;font-size:0}.modal-content{translate:var(--modal-content--translate,var(--modal-slide--translate,none));scale:var(--modal-content--scale,var(--modal-slide--scale,95%));opacity:var(--modal-content--opacity,0);grid-column-start:1;grid-row-start:1;width:91.66667%;max-width:32rem;max-height:100vh;padding:1.5rem;overflow-y:auto;overscroll-behavior:contain;background-color:var(--color-base);border-radius:var(--radius-modal);border:1px solid var(--color-base-soft);box-shadow:0 4px 6px -1px light-dark(var(--color-base-950),color-mix(in srgb,#000 45%,transparent)),0 10px 32px -4px light-dark(var(--color-base-950),color-mix(in srgb,#000 55%,transparent));@supports (color:color-mix(in lab,red,red)){box-shadow:0 4px 6px -1px light-dark(color-mix(in oklch,var(--color-base-950) 12%,transparent),color-mix(in oklch,#000 45%,transparent)),0 10px 32px -4px light-dark(color-mix(in oklch,var(--color-base-950) 10%,transparent),color-mix(in oklch,#000 55%,transparent))}transition:translate .2s ease-out,scale .2s ease-out,opacity .2s ease-out,box-shadow .2s ease-out;@media (forced-colors:active){outline:1px solid}}.modal-bottom{align-items:end}.modal-middle{align-items:center}.modal-top{align-items:start}.modal-center{justify-items:center}.modal-end{justify-items:end}.modal-start{justify-items:start}.modal-slide-down{--modal-slide--translate:0 -100%;--modal-slide--scale:1}.modal-slide-end{--modal-slide--translate:-100% 0;--modal-slide--scale:1}.modal-slide-start{--modal-slide--translate:100% 0;--modal-slide--scale:1}.modal-slide-up{--modal-slide--translate:0 100%;--modal-slide--scale:1}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
2
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.navbar,.navbar-list{display:flex;width:100%}.navbar-center{--x-center:center;justify-self:var(--x-center);flex-direction:row;&>:where(.navbar-list){flex-direction:row;justify-content:var(--x-center);align-items:center;-moz-column-gap:.5rem;column-gap:.5rem}&>:where(.navbar-list)>li{width:auto;white-space:nowrap}}.navbar-end{--x-end:end;justify-self:var(--x-end);flex-direction:row;&>:where(.navbar-list){flex-direction:row;justify-content:var(--x-end);align-items:center;-moz-column-gap:.5rem;column-gap:.5rem}&>:where(.navbar-list)>li{width:auto;white-space:nowrap}}.navbar-start{--x-start:start;justify-self:var(--x-start);flex-direction:row;&>:where(.navbar-list){flex-direction:row;justify-content:var(--x-start);align-items:center;-moz-column-gap:.5rem;column-gap:.5rem}&>:where(.navbar-list)>li{width:auto;white-space:nowrap}}.navbar-bottom{--y-end:end;justify-content:var(--y-end);flex-direction:column;row-gap:.75rem;&>:where(.navbar-list){flex-direction:column;align-items:start;row-gap:.25rem}}.navbar-middle{--y-center:center;justify-content:var(--y-center);flex-direction:column;row-gap:.75rem;&>:where(.navbar-list){flex-direction:column;align-items:start;row-gap:.25rem}}.navbar-top{--y-start:start;justify-content:var(--y-start);flex-direction:column;row-gap:.75rem;&>:where(.navbar-list){flex-direction:column;align-items:start;row-gap:.25rem}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.popover-content{border:none;inset:unset;margin:0;color:inherit;border-radius:var(--radius-popover);padding:.6rem;visibility:var(--popover-hover--visibility,hidden);opacity:var(--popover-hover--opacity,0);z-index:100;width:-moz-max-content;width:max-content;max-width:min(20rem,90vw);position-anchor:var(--popover--anchor-name);position-area:var(--popover--position-area,block-end span-inline-end);margin-block-start:var(--popover-placement--mt,0);margin-block-end:var(--popover-placement--mb,0);margin-inline-start:var(--popover-placement--ms,0);margin-inline-end:var(--popover-placement--me,0);position:fixed;position-try-fallbacks:var(--popover--position-try,none);background-color:var(--color-popover);outline-style:solid;outline-width:1px;outline-color:var(--color-popover-border);transition-property:opacity,visibility,transform;transition-behavior:allow-discrete;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:var(--popover-hover--transition-delay,revert);&:hover{--popover-hover--visibility:visible;--popover-hover--opacity:1}&[popover]:popover-open{visibility:visible;opacity:1;@starting-style{visibility:hidden;opacity:0}}}.popover{--radius-popover:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.popover-content{border:none;inset:unset;margin:0;color:inherit;border-radius:var(--radius-popover);padding:.6rem;visibility:var(--popover-hover--visibility,hidden);opacity:var(--popover-hover--opacity,0);z-index:100;width:-moz-max-content;width:max-content;max-width:min(20rem,90vw);position-anchor:var(--popover--anchor-name);position-area:var(--popover--position-area,block-end span-inline-end);margin-block-start:var(--popover-placement--mt,0);margin-block-end:var(--popover-placement--mb,0);margin-inline-start:var(--popover-placement--ms,0);margin-inline-end:var(--popover-placement--me,0);position:fixed;position-try-fallbacks:var(--popover--position-try,none);background-color:var(--color-popover);outline-style:solid;outline-width:1px;outline-color:var(--color-popover-border);transition-property:opacity,visibility,transform;transition-behavior:allow-discrete;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:var(--popover-hover--transition-delay,revert);&:hover{--popover-hover--visibility:visible;--popover-hover--opacity:1}&[popover]:popover-open{visibility:visible;opacity:1;@starting-style{visibility:hidden;opacity:0}}}.popover{--radius-popover:calc(2 * var(--border-radius));--color-popover:var(--color-base);--color-popover-border:var(--color-base-soft);--popover--anchor-name:--popover-anchor;--popover--position-try:flip-block, flip-inline, flip-block flip-inline;position:relative;display:inline-block;anchor-scope:all}.popover-bottom-center{--popover--position-area:end center}.popover-bottom-center,.popover-bottom-end{--popover--position-try:none;--popover-placement--mt:0.5rem;--popover-placement--mb:0}.popover-bottom-end{--popover--position-area:block-end span-inline-end}.popover-bottom-start{--popover--position-area:block-end span-inline-start;--popover--position-try:none;--popover-placement--mt:0.5rem;--popover-placement--mb:0}.popover-end-bottom{--popover--position-area:span-end end}.popover-end-bottom,.popover-end-center{--popover--position-try:none;--popover-placement--mt:0;--popover-placement--ms:0.5rem}.popover-end-center{--popover--position-area:center end}.popover-end-top{--popover--position-area:span-start end;--popover--position-try:none;--popover-placement--mt:0;--popover-placement--ms:0.5rem}.popover-hover{--popover-hover--transition-delay:0.2s;&:hover{--popover-hover--opacity:1;--popover-hover--visibility:visible;--popover-hover--transition-delay:0}}.popover-start-bottom{--popover--position-area:span-end start}.popover-start-bottom,.popover-start-center{--popover--position-try:none;--popover-placement--mt:0;--popover-placement--me:0.5rem}.popover-start-center{--popover--position-area:center start}.popover-start-top{--popover--position-area:span-start start;--popover--position-try:none;--popover-placement--mt:0;--popover-placement--me:0.5rem}.popover-top-center{--popover--position-area:start center}.popover-top-center,.popover-top-end{--popover--position-try:none;--popover-placement--mt:0;--popover-placement--mb:0.5rem}.popover-top-end{--popover--position-area:block-start span-inline-end}.popover-top-start{--popover--position-area:block-start span-inline-start;--popover--position-try:none;--popover-placement--mt:0;--popover-placement--mb:0.5rem}.popover-toggle{anchor-name:var(--popover--anchor-name)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.progress{--radius-progress:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.progress{--radius-progress:calc(2 * var(--border-radius));--color-progress:var(--color-base-active);--color-on-progress:var(--color-base-soft);border:none;border-radius:var(--radius-progress);position:relative;height:calc(2 * var(--spacing));width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;background-color:var(--color-on-progress);color:var(--color-progress);&:indeterminate{background-image:repeating-linear-gradient(90deg,currentColor -1%,currentColor 10%,#0000 10%,#0000 90%);background-size:200%;background-position-x:15%;@media (prefers-reduced-motion:no-preference){animation:progress 5s ease-in-out infinite}@supports (-moz-appearance:none){&::-moz-progress-bar{background-color:transparent;@media (prefers-reduced-motion:no-preference){animation:progress 5s ease-in-out infinite;background-image:repeating-linear-gradient(90deg,currentColor -1%,currentColor 10%,#0000 10%,#0000 90%);background-size:200%;background-position-x:15%}}}}@supports (-moz-appearance:none){&::-moz-progress-bar{border-radius:var(--radius-progress);background-color:currentcolor}}@supports (-webkit-appearance:none){&::-webkit-progress-bar{border-radius:var(--radius-progress);background-color:transparent}&::-webkit-progress-value{border-radius:var(--radius-progress);background-color:currentColor}}}.progress-primary{--color-progress:var(--color-primary);--color-on-progress:var(--color-on-primary)}.progress-accent{--color-progress:var(--color-accent)}.progress-error{--color-progress:var(--color-error)}.progress-info{--color-progress:var(--color-info)}.progress-neutral{--color-progress:var(--color-neutral)}.progress-secondary{--color-progress:var(--color-secondary)}.progress-success{--color-progress:var(--color-success)}.progress-warning{--color-progress:var(--color-warning)}@keyframes progress{50%{background-position-x:-115%}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.radial-progress{--radial-progress--size:var(--size,5rem);--radial-progress--thickness:var(--thickness,calc(var(--radial-progress--size)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.radial-progress{--radial-progress--size:var(--size, 5rem);--radial-progress--thickness:var(--thickness, calc(.1 * var(--radial-progress--size)));--radial-progress--value:var(--value, 0);--radial-progress--font-size:1rem;--color-radial-progress:currentColor;--color-radial-progress-track:var(--color-base-soft);width:var(--radial-progress--size);height:var(--radial-progress--size);border-radius:9999px;display:inline-grid;place-items:center;position:relative;font-size:var(--radial-progress--font-size);font-weight:600;color:var(--color-on-base);vertical-align:middle;flex-shrink:0;background:radial-gradient(closest-side,var(--color-base) calc(100% - var(--radial-progress--thickness)),transparent calc(100% - var(--radial-progress--thickness))),conic-gradient(var(--color-radial-progress) calc(1% * var(--radial-progress--value)),var(--color-radial-progress-track) 0)}.radial-progress-lg{--radial-progress--size:7rem;--radial-progress--thickness:0.625rem;--radial-progress--font-size:1.25rem}.radial-progress-md{--radial-progress--size:5rem;--radial-progress--thickness:0.5rem;--radial-progress--font-size:1rem}.radial-progress-sm{--radial-progress--size:4rem;--radial-progress--thickness:0.375rem;--radial-progress--font-size:0.75rem}.radial-progress-xl{--radial-progress--size:9rem;--radial-progress--thickness:0.75rem;--radial-progress--font-size:1.5rem}.radial-progress-xs{--radial-progress--size:3rem;--radial-progress--thickness:0.25rem;--radial-progress--font-size:0.625rem}.radial-progress-accent{--color-radial-progress:var(--color-accent)}.radial-progress-base{--color-radial-progress:var(--color-base-active)}.radial-progress-current{--color-radial-progress:currentColor}.radial-progress-error{--color-radial-progress:var(--color-error)}.radial-progress-info{--color-radial-progress:var(--color-info)}.radial-progress-neutral{--color-radial-progress:var(--color-neutral)}.radial-progress-primary{--color-radial-progress:var(--color-primary)}.radial-progress-secondary{--color-radial-progress:var(--color-secondary)}.radial-progress-success{--color-radial-progress:var(--color-success)}.radial-progress-warning{--color-radial-progress:var(--color-warning)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;.radio-disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.radio{--radius-radio:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;.radio-disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.radio{--radius-radio:calc(1.5 * var(--border-radius));--color-radio:var(--color-base-soft);--color-on-radio:var(--color-on-base);--color-radio-active:var(--color-base-active);--color-radio-soft:var(--color-base-active);--color-on-radio-soft:var(--color-on-base-soft);padding:var(--radio--padding,.3125rem);width:var(--radio--width,1.25rem);height:var(--radio--height,1.25rem);aspect-ratio:1/1;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;vertical-align:middle;cursor:pointer;position:relative;background-color:transparent;border-radius:var(--radio--radius,var(--radius-radio));outline-color:var(--color-radio-active);outline-style:solid;outline-width:1px;box-shadow:var(--radio--box-shadow);transition:background-color .2s ease,box-shadow .2s ease,opacity .2s ease;&:before{content:var(--tw-content);content:"";position:absolute;inset:4px;border-radius:50%;clip-path:circle(50%);background-color:var(--color-radio-active);opacity:0;transform:scale(.4);transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s linear}&:focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark(var(--color-base-950,currentColor),var(--color-base-50,currentColor));outline-offset:3px}&:checked,&[aria-checked=true]{background-color:transparent;&:before{content:var(--tw-content);content:"";opacity:1;transform:scale(1)}}&:is(:disabled,[disabled],.radio-disabled){cursor:not-allowed;opacity:.3}}.radio-accent{--color-radio:var(--color-accent-soft);--color-on-radio:var(--color-on-accent);--color-radio-active:var(--color-accent-active);--color-radio-soft:var(--color-accent-soft);--color-on-radio-soft:var(--color-on-accent-soft)}.radio-error{--color-radio:var(--color-error-soft);--color-on-radio:var(--color-on-error);--color-radio-active:var(--color-error-active);--color-radio-soft:var(--color-error-soft);--color-on-radio-soft:var(--color-on-error-soft)}.radio-info{--color-radio:var(--color-info-soft);--color-on-radio:var(--color-on-info);--color-radio-active:var(--color-info-active);--color-radio-soft:var(--color-info-soft);--color-on-radio-soft:var(--color-on-info-soft)}.radio-neutral{--color-radio:var(--color-neutral-soft);--color-on-radio:var(--color-on-neutral);--color-radio-active:var(--color-neutral-active);--color-radio-soft:var(--color-neutral-soft);--color-on-radio-soft:var(--color-on-neutral-soft)}.radio-primary{--color-radio:var(--color-primary-soft);--color-on-radio:var(--color-on-primary);--color-radio-active:var(--color-primary-active);--color-radio-soft:var(--color-primary-soft);--color-on-radio-soft:var(--color-on-primary-soft)}.radio-secondary{--color-radio:var(--color-secondary-soft);--color-on-radio:var(--color-on-secondary);--color-radio-active:var(--color-secondary-active);--color-radio-soft:var(--color-secondary-soft);--color-on-radio-soft:var(--color-on-secondary-soft)}.radio-success{--color-radio:var(--color-success-soft);--color-on-radio:var(--color-on-success);--color-radio-active:var(--color-success-active);--color-radio-soft:var(--color-success-soft);--color-on-radio-soft:var(--color-on-success-soft)}.radio-warning{--color-radio:var(--color-warning-soft);--color-on-radio:var(--color-on-warning);--color-radio-active:var(--color-warning-active);--color-radio-soft:var(--color-warning-soft);--color-on-radio-soft:var(--color-on-warning-soft)}.radio-2xl{--radio--padding:0.5rem;--radio--width:2rem;--radio--height:2rem}.radio-lg{--radio--padding:0.375rem;--radio--width:1.5rem;--radio--height:1.5rem}.radio-md{--radio--padding:0.3125rem;--radio--width:1.25rem;--radio--height:1.25rem}.radio-sm{--radio--padding:0.25rem;--radio--width:1rem;--radio--height:1rem}.radio-xl{--radio--padding:0.4375rem;--radio--width:1.75rem;--radio--height:1.75rem}.radio-xs{--radio--padding:0.1875rem;--radio--width:0.75rem;--radio--height:0.75rem}.radio-circle{--radio--radius:9999px}.radio-rounded{--radio--radius:calc(4 * var(--border-radius))}.radio-square{--radio--radius:calc(2 * var(--border-radius))}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-content:""}}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.range{--radius-range:9999px;--color-range:var(--color-base-active);--color-on-range:var(--color-base-soft);--range--height:0.375rem;--range--thumb-size:1.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--range--thumb-size);border-radius:var(--radius-range);background-color:transparent;cursor:pointer;outline:none;display:block;&::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:none;width:var(--range--thumb-size);height:var(--range--thumb-size);border-radius:9999px;background-color:var(--color-range);cursor:pointer;margin-top:calc((var(--range--height) - var(--range--thumb-size))
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.range{--radius-range:9999px;--color-range:var(--color-base-active);--color-on-range:var(--color-base-soft);--range--height:0.375rem;--range--thumb-size:1.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--range--thumb-size);border-radius:var(--radius-range);background-color:transparent;cursor:pointer;outline:none;display:block;&::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-color:currentcolor;border-style:none;border-width:medium;width:var(--range--thumb-size);height:var(--range--thumb-size);border-radius:9999px;background-color:var(--color-range);cursor:pointer;margin-top:calc(.5 * (var(--range--height) - var(--range--thumb-size)));-webkit-transition:transform .15s ease-in-out;transition:transform .15s ease-in-out}&::-webkit-slider-thumb:hover{transform:scale(1.15)}&::-moz-range-thumb{width:var(--range--thumb-size);height:var(--range--thumb-size);border-radius:9999px;background-color:var(--color-range);border-color:currentcolor;border-style:none;border-width:medium;cursor:pointer;-moz-transition:transform .15s ease-in-out;transition:transform .15s ease-in-out}&::-moz-range-thumb:hover{transform:scale(1.15)}&::-webkit-slider-runnable-track{background-color:var(--color-on-range);border-radius:var(--radius-range);height:var(--range--height)}&::-moz-range-track{background-color:var(--color-on-range);border-radius:var(--radius-range);height:var(--range--height)}&:focus-visible{&::-webkit-slider-thumb{outline-width:2px;outline-style:solid;outline-color:var(--color-on-base);outline-offset:3px}&::-moz-range-thumb{outline-width:2px;outline-style:solid;outline-color:var(--color-on-base);outline-offset:3px}}&:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}}.range-accent{--color-range:var(--color-accent);--color-on-range:var(--color-accent-soft)}.range-error{--color-range:var(--color-error);--color-on-range:var(--color-error-soft)}.range-info{--color-range:var(--color-info);--color-on-range:var(--color-info-soft)}.range-lg{--range--height:0.5rem;--range--thumb-size:1.5rem}.range-md{--range--height:0.375rem;--range--thumb-size:1.25rem}.range-neutral{--color-range:var(--color-neutral);--color-on-range:var(--color-neutral-soft)}.range-primary{--color-range:var(--color-primary);--color-on-range:var(--color-primary-soft)}.range-secondary{--color-range:var(--color-secondary);--color-on-range:var(--color-secondary-soft)}.range-sm{--range--height:0.25rem;--range--thumb-size:1rem}.range-success{--color-range:var(--color-success);--color-on-range:var(--color-success-soft)}.range-warning{--color-range:var(--color-warning);--color-on-range:var(--color-warning-soft)}.range-xl{--range--height:0.625rem;--range--thumb-size:1.75rem}.range-xs{--range--height:0.2rem;--range--thumb-size:0.875rem}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.rate{--color-rate:var(--color-warning);--color-rate-empty:var(--color-base-soft);--rate--size:1.5rem;--rate--fill:var(--color-rate-empty);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;width:var(--rate--width,var(--rate--size));height:var(--rate--size);display:inline-block;flex-shrink:0;background-color:var(--rate--fill);-webkit-mask-size:var(--rate--mask-size,contain);mask-size:var(--rate--mask-size,contain);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:var(--rate--mask-position,center);mask-position:var(--rate--mask-position,center);transition:background-color .15s ease-in-out;&:checked,&[aria-checked=true]{--rate--fill:var(--color-rate)}&:has(~.rate:is(:checked,[aria-checked=true])){--rate--fill:var(--color-rate)}&:hover{--rate--fill:var(--color-rate)}&:focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark(var(--color-base-950),var(--color-base-50));outline-offset:3px;border-radius:2px}}.rating{display:inline-flex;gap:.125rem;align-items:center;&:hover .rate{--rate--fill:var(--color-rate)}&:hover .rate:hover~.rate{--rate--fill:var(--color-rate-empty)}}.rating-half{gap:0;--rate--width:calc(var(--rate--size)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.rate{--color-rate:var(--color-warning);--color-rate-empty:var(--color-base-soft);--rate--size:1.5rem;--rate--fill:var(--color-rate-empty);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;width:var(--rate--width,var(--rate--size));height:var(--rate--size);display:inline-block;flex-shrink:0;background-color:var(--rate--fill);-webkit-mask-size:var(--rate--mask-size,contain);mask-size:var(--rate--mask-size,contain);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:var(--rate--mask-position,center);mask-position:var(--rate--mask-position,center);transition:background-color .15s ease-in-out;&:checked,&[aria-checked=true]{--rate--fill:var(--color-rate)}&:has(~.rate:is(:checked,[aria-checked=true])){--rate--fill:var(--color-rate)}&:hover{--rate--fill:var(--color-rate)}&:focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark(var(--color-base-950),var(--color-base-50));outline-offset:3px;border-radius:2px}}.rating{display:inline-flex;gap:.125rem;align-items:center;&:hover .rate{--rate--fill:var(--color-rate)}&:hover .rate:hover~.rate{--rate--fill:var(--color-rate-empty)}}.rating-half{gap:0;--rate--width:calc(.5 * var(--rate--size));--rate--mask-size:200%;--rate--mask-position:left;:where(&) :where(.rate:nth-child(2n)){--rate--mask-position:right}}.rate-accent{--color-rate:var(--color-accent)}.rate-error{--color-rate:var(--color-error)}.rate-info{--color-rate:var(--color-info)}.rate-neutral{--color-rate:var(--color-neutral)}.rate-primary{--color-rate:var(--color-primary)}.rate-secondary{--color-rate:var(--color-secondary)}.rate-success{--color-rate:var(--color-success)}.rate-warning{--color-rate:var(--color-warning)}.rating-lg{--rate--size:2rem}.rating-md{--rate--size:1.5rem}.rating-sm{--rate--size:1.25rem}.rating-xl{--rate--size:2.5rem}.rating-xs{--rate--size:1rem}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.select{font:inherit;--radius-select:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.select{font:inherit;--radius-select:calc(2 * var(--border-radius));--color-select-active:var(--color-base-active);--select--inline:0.75rem;--select--block:0.625rem;--select--font-size:1rem;border-width:1px;border-style:solid;border-color:var(--color-select-active);background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-inline:var(--select--inline);padding-inline-end:2.5rem;padding-block:var(--select--block);font-size:var(--select--font-size);color:var(--color-on-base);display:inline-flex;align-self:flex-start;flex-shrink:0;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-select);vertical-align:middle;white-space:nowrap;position:relative;cursor:pointer;transition:border-color .25s;transition-timing-function:ease-in-out;&:focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark(var(--color-base-950),var(--color-base-50));outline-offset:3px}&:focus,&:focus-within{border-color:light-dark(var(--color-base-800),var(--color-base-300));@supports (color:color-mix(in lab,red,red)){border-color:light-dark(var(--color-base-800),color-mix(in oklab,var(--color-base-300) 80%,transparent))}}&:disabled{cursor:not-allowed;opacity:.6;pointer-events:none;background-color:var(--color-base-soft);-webkit-user-select:none;-moz-user-select:none;user-select:none}@supports ((-webkit-appearance:base-select) or (-moz-appearance:base-select) or (appearance:base-select)){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select;&::picker-icon{display:none}&::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select;background-color:var(--color-base);color:var(--color-on-base);border-width:1px;border-style:solid;border-color:var(--color-base-active);border-radius:var(--radius-select);padding:.375rem;margin-block:.375rem;box-shadow:0 10px 15px -3px oklch(0 0 0/.1),0 4px 6px -4px oklch(0 0 0/.1)}option{border-radius:calc(-2px + var(--radius-select));padding-inline:.625rem;padding-block:.375rem;cursor:pointer;transition:background-color .15s ease-in-out;&::checkmark{color:var(--color-select-active)}&:not(:disabled){&:focus-visible,&:hover{background-color:var(--color-base-soft);outline:none}}&:disabled{opacity:.4;cursor:not-allowed}}}}.select-dashed{border-style:dashed}.select-ghost{border-color:transparent;background-color:transparent;&:focus,&:focus-within{border-color:var(--color-select-active)}}.select-soft{background-color:var(--color-select-soft,var(--color-base-soft));border-color:transparent}.select-accent{--color-select-active:var(--color-accent-active);&:focus,&:focus-within{border-color:var(--color-accent-400)}}.select-error{--color-select-active:var(--color-error-active);&:focus,&:focus-within{border-color:var(--color-error-400)}}.select-info{--color-select-active:var(--color-info-active);&:focus,&:focus-within{border-color:var(--color-info-400)}}.select-neutral{--color-select-active:var(--color-neutral-active);&:focus,&:focus-within{border-color:var(--color-neutral-400)}}.select-primary{--color-select-active:var(--color-primary-active);&:focus,&:focus-within{border-color:var(--color-primary-400)}}.select-secondary{--color-select-active:var(--color-secondary-active);&:focus,&:focus-within{border-color:var(--color-secondary-400)}}.select-success{--color-select-active:var(--color-success-active);&:focus,&:focus-within{border-color:var(--color-success-400)}}.select-warning{--color-select-active:var(--color-warning-active);&:focus,&:focus-within{border-color:var(--color-warning-400)}}.select-2xl{--select--inline:1.25rem;--select--block:1rem;--select--font-size:1.025rem}.select-lg{--select--inline:0.9rem;--select--block:0.75rem}.select-lg,.select-md{--select--font-size:1rem}.select-md{--select--inline:0.75rem;--select--block:0.625rem}.select-sm{--select--inline:0.6rem;--select--block:0.5rem;--select--font-size:0.875rem}.select-xl{--select--inline:1rem;--select--block:0.875rem;--select--font-size:1rem}.select-xs{--select--inline:0.475rem;--select--block:0.375rem;--select--font-size:0.75rem}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.sidebar{display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;overflow-x:hidden;position:sticky;max-height:calc(100dvh - var(--spacing)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.sidebar{display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;overflow-x:hidden;position:sticky;max-height:calc(100dvh - 14.25 * var(--spacing));border-inline-style:solid;border-inline-width:1px;border-color:var(--color-base-soft);background-color:var(--color-base)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.skeleton{--color-skeleton:var(--color-base-soft);--color-skeleton-shine:var(--color-base-active);--radius-skeleton:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.skeleton{--color-skeleton:var(--color-base-soft);--color-skeleton-shine:var(--color-base-active);--radius-skeleton:calc(2 * var(--border-radius));border-radius:var(--radius-skeleton);background-color:var(--color-skeleton);background-image:linear-gradient(90deg,transparent 0,var(--color-skeleton-shine) 50%,transparent 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;color:transparent;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skeleton-circle{border-radius:9999px;aspect-ratio:1/1}.skeleton-text{background-image:linear-gradient(105deg,var(--color-on-base) 0 40%,var(--color-on-base) 50%,var(--color-on-base) 60% 100%);@supports (color:color-mix(in lab,red,red)){background-image:linear-gradient(105deg,color-mix(in oklch,var(--color-on-base) 20%,transparent) 0 40%,var(--color-on-base) 50%,color-mix(in oklch,var(--color-on-base) 20%,transparent) 60% 100%)}-webkit-background-clip:text;background-clip:text}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}
|
package/dist/components/stat.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.stat-figure{grid-column:2;grid-row:1/4;align-self:center;justify-self:end;color:var(--color-primary)}.stat-value{font-size:2rem;font-weight:700;line-height:1.2;color:var(--color-on-base);grid-row:2}.stat-title,.stat-value{grid-column:1;white-space:nowrap}.stat-title{font-size:.875rem;font-weight:500;grid-row:1}.stat-desc,.stat-title{color:var(--color-base-700)}.stat-desc{font-size:.75rem;grid-column:1;grid-row:3}.stats{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;border-radius:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.stat-figure{grid-column:2;grid-row:1/4;align-self:center;justify-self:end;color:var(--color-primary)}.stat-value{font-size:2rem;font-weight:700;line-height:1.2;color:var(--color-on-base);grid-row:2}.stat-title,.stat-value{grid-column:1;white-space:nowrap}.stat-title{font-size:.875rem;font-weight:500;grid-row:1}.stat-desc,.stat-title{color:var(--color-base-700)}.stat-desc{font-size:.75rem;grid-column:1;grid-row:3}.stats{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;border-radius:calc(3 * var(--border-radius));border-width:1px;border-style:solid;border-color:var(--color-base-soft);background-color:var(--color-base);overflow:hidden;width:-moz-fit-content;width:fit-content}.stat{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:.25rem 1rem;padding:1.25rem 1.5rem;&+&{border-inline-start:1px solid var(--color-base-soft)}}.stats-horizontal{grid-auto-flow:column;grid-auto-rows:unset;grid-auto-columns:1fr;& .stat+.stat{border-block-start:none;border-inline-start:1px solid var(--color-base-soft)}}.stats-vertical{grid-auto-flow:row;grid-auto-columns:unset;grid-auto-rows:1fr;& .stat+.stat{border-inline-start:none;border-block-start:1px solid var(--color-base-soft)}}.stat-accent .stat-value{color:var(--color-accent)}.stat-error .stat-value{color:var(--color-error)}.stat-info .stat-value{color:var(--color-info)}.stat-neutral .stat-value{color:var(--color-neutral)}.stat-primary .stat-value{color:var(--color-primary)}.stat-secondary .stat-value{color:var(--color-secondary)}.stat-success .stat-value{color:var(--color-success)}.stat-warning .stat-value{color:var(--color-warning)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
2
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.status{display:inline-block;vertical-align:middle;flex-shrink:0;aspect-ratio:1/1;width:var(--status--size,.625rem);border-radius:9999px;background-color:var(--color-status,var(--color-on-base));@supports (color:color-mix(in lab,red,red)){background-color:var(--color-status,color-mix(in oklab,var(--color-on-base) 25%,transparent))}outline:2px solid var(--color-base);outline-offset:1px}.status-accent{--color-status:var(--color-accent)}.status-error{--color-status:var(--color-error)}.status-info{--color-status:var(--color-info)}.status-lg{--status--size:0.875rem}.status-md{--status--size:0.625rem}.status-neutral{--color-status:var(--color-neutral)}.status-primary{--color-status:var(--color-primary)}.status-secondary{--color-status:var(--color-secondary)}.status-sm{--status--size:0.5rem}.status-success{--color-status:var(--color-success)}.status-warning{--color-status:var(--color-warning)}.status-xl{--status--size:1.125rem}.status-xs{--status--size:0.375rem}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
2
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.step{--color-step:var(--color-base-soft);--color-on-step:var(--color-on-base);--color-step-active:var(--color-primary);--color-on-step-active:var(--color-on-primary);--step--size:2rem;--step--font-size:0.875rem;display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr;place-items:center;text-align:center;min-width:4rem;counter-increment:step;&:before{content:"";display:block;height:2px;width:100%;margin-inline:-50%;z-index:0;transition:background-color .2s ease-in-out}&:after,&:before{background-color:var(--color-step);grid-column:1;grid-row:1}&:after{content:counter(step);display:flex;align-items:center;justify-content:center;width:var(--step--size);height:var(--step--size);border-radius:9999px;color:var(--color-on-step);font-size:.75rem;font-weight:600;z-index:1;position:relative;transition:background-color .2s ease-in-out,color .2s ease-in-out}&:not(:empty),&>span{font-size:var(--step--font-size);margin-block-start:.5rem;color:currentColor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklch,currentColor 70%,transparent)}grid-row:2}}.steps{display:inline-grid;overflow:hidden;overflow-x:auto;counter-reset:step;list-style:none;padding:0;margin:0}.steps,.steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column}.steps-horizontal{grid-auto-rows:unset}.steps-vertical{grid-auto-flow:row;grid-auto-columns:unset;grid-auto-rows:auto}.step-accent{--color-step:var(--color-accent);--color-on-step:var(--color-on-accent);&:after{color:var(--color-on-accent)}&:after,&:before{background-color:var(--color-accent)}}.step-error{--color-step:var(--color-error);--color-on-step:var(--color-on-error);&:after{color:var(--color-on-error)}&:after,&:before{background-color:var(--color-error)}}.step-info{--color-step:var(--color-info);--color-on-step:var(--color-on-info);&:after{color:var(--color-on-info)}&:after,&:before{background-color:var(--color-info)}}.step-neutral{--color-step:var(--color-neutral);--color-on-step:var(--color-on-neutral);&:after{color:var(--color-on-neutral)}&:after,&:before{background-color:var(--color-neutral)}}.step-primary{--color-step:var(--color-primary);--color-on-step:var(--color-on-primary);&:after{color:var(--color-on-primary)}&:after,&:before{background-color:var(--color-primary)}}.step-secondary{--color-step:var(--color-secondary);--color-on-step:var(--color-on-secondary);&:after{color:var(--color-on-secondary)}&:after,&:before{background-color:var(--color-secondary)}}.step-success{--color-step:var(--color-success);--color-on-step:var(--color-on-success);&:after{color:var(--color-on-success)}&:after,&:before{background-color:var(--color-success)}}.step-warning{--color-step:var(--color-warning);--color-on-step:var(--color-on-warning);&:after{color:var(--color-on-warning)}&:after,&:before{background-color:var(--color-warning)}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.surface-rounded{border-radius:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.surface-rounded{border-radius:calc(2 * var(--border-radius))}.surface-dashed{border-style:dashed}.surface-dashed,.surface-outline{background-color:transparent;border-width:1px;border-color:var(--color-base-soft)}.surface-outline{border-style:solid}.surface{--surface--bg-color:var(--color-base);background-color:var(--surface--bg-color);color:var(--surface--color);padding:var(--surface--padding)}.surface,.surface-1{--surface--color:var(--color-on-base)}.surface-1{--surface--bg-color:var(--color-base-soft)}.surface-2{--surface--bg-color:var(--color-base-active);--surface--color:var(--color-on-base)}.surface-lg{--surface--padding:2rem}.surface-md{--surface--padding:1.5rem}.surface-sm{--surface--padding:1rem}.surface-xl{--surface--padding:2.5rem}.surface-xs{--surface--padding:0.5rem}
|
package/dist/components/swap.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
2
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.swap{position:relative;display:inline-grid;place-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;:where(&) :where(input[type=checkbox]){-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}:where(&) :where(.swap-indeterminate),:where(&) :where(.swap-off),:where(&) :where(.swap-on){grid-column:1;grid-row:1;transition:opacity .3s ease-in-out,rotate .3s ease-in-out,transform .3s ease-in-out}:where(&) :where(.swap-indeterminate),:where(&) :where(.swap-on){opacity:0;pointer-events:none}:where(&) :where(.swap-off){opacity:1}&:is(:has(input:checked),.swap-active){:where(.swap-on){opacity:1;pointer-events:auto}:where(.swap-off){opacity:0;pointer-events:none}}&:has(input:indeterminate){:where(.swap-indeterminate){opacity:1;pointer-events:auto}:where(.swap-on){opacity:0;pointer-events:none}}}:where(.swap-rotate) :where(.swap-indeterminate),:where(.swap-rotate) :where(.swap-on){rotate:45deg}.swap-rotate:is(:has(input:checked),.swap-active) :where(.swap-off){rotate:-45deg}.swap-rotate:is(:has(input:checked),.swap-active) :where(.swap-indeterminate),.swap-rotate:is(:has(input:checked),.swap-active) :where(.swap-on){rotate:0deg}.swap-flip{perspective:16rem;:where(&) :where(.swap-indeterminate),:where(&) :where(.swap-on){backface-visibility:hidden;transform:rotateY(180deg)}:where(&) :where(.swap-off){backface-visibility:hidden;transform:rotateY(0deg)}&:is(:has(input:checked),.swap-active){:where(.swap-off){transform:rotateY(-180deg)}:where(.swap-indeterminate),:where(.swap-on){transform:rotateY(0deg)}}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */:where(.table-pin-cols) :where(tr th){position:sticky;inset-inline-start:0;inset-inline-end:0;background-color:var(--color-table)}:where(.table-pin-rows) :where(thead tr){position:sticky;inset-block-start:0;background-color:var(--color-table);z-index:1}.table{--radius-table:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */:where(.table-pin-cols) :where(tr th){position:sticky;inset-inline-start:0;inset-inline-end:0;background-color:var(--color-table)}:where(.table-pin-rows) :where(thead tr){position:sticky;inset-block-start:0;background-color:var(--color-table);z-index:1}.table{--radius-table:calc(4 * var(--border-radius));--color-table:var(--color-base);--color-table-soft:var(--color-base-soft);--color-on-table-soft:var(--color-on-base-soft);--color-table-active:var(--color-base-active);border-collapse:collapse;position:relative;width:100%;text-align:start;border-radius:var(--radius-table);font-size:var(--text-base);:where(th,td){padding-inline:1rem;padding-block:.75rem;vertical-align:middle;text-align:start}:where(thead,tfoot){font-size:.875rem;font-weight:600;white-space:nowrap;color:var(--color-on-table-soft)}:where(tfoot){border-block-start:1px solid var(--color-table-soft)}:where(thead tr,tbody tr:not(:last-child)){border-block-end:1px solid var(--color-table-soft)}display:table}:where(.table-hover) :where(tbody tr){transition-property:background-color;transition-duration:.15s;transition-timing-function:linear}:where(.table-hover) :where(tbody tr):hover{background-color:var(--color-table-soft)}:where(.table-zebra) :where(tbody tr:nth-child(2n)){background-color:var(--color-table-soft)}:where(.table-zebra-cols) :where(tbody tr td:nth-child(2n)){background-color:var(--color-table-soft)}:where(.table-zebra-rows) :where(tbody tr:nth-child(2n)){background-color:var(--color-table-soft)}:where(.table-lg) :where(:not(thead,tfoot) tr){font-size:1.125rem}:where(.table-lg) :where(th,td){padding-inline:1.25rem;padding-block:1rem}:where(.table-md) :where(:not(thead,tfoot) tr){font-size:.875rem}:where(.table-md) :where(th,td){padding-inline:1rem;padding-block:.75rem}:where(.table-sm) :where(:not(thead,tfoot) tr){font-size:.75rem}:where(.table-sm) :where(th,td){padding-inline:.75rem;padding-block:.5rem}:where(.table-xl) :where(:not(thead,tfoot) tr){font-size:1.375rem}:where(.table-xl) :where(th,td){padding-inline:1.5rem;padding-block:1.25rem}:where(.table-xs) :where(:not(thead,tfoot) tr){font-size:.6875rem}:where(.table-xs) :where(th,td){padding-inline:.5rem;padding-block:.25rem}
|
package/dist/components/tabs.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.tabs-vertical{--tabs--display:grid;display:grid;grid-template-columns:max-content 1fr;align-items:start;&:after{display:none}&:before{content:"";grid-column:2;grid-row:1/span 999;align-self:stretch;border-inline-start:1px solid var(--color-base-soft);pointer-events:none}&>.tab{grid-column:1;width:100%;justify-content:flex-start;border-inline-end:2px solid transparent;margin-inline-end:-2px;border-radius:0}&>.tab-active,&>.tab:checked{border-inline-end-color:var(--color-tab-active);position:relative;z-index:1}&>.tab-content{grid-column:2;grid-row:1/span 999}}.tab-disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.tabs-lifted{align-items:flex-end;gap:0;&:after{content:"";width:100%;order:1;border-block-start:1px solid var(--color-base-soft)}&>.tab{border:1px solid transparent;border-block-end:none;&:not(.btn){border-radius:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.tabs-vertical{--tabs--display:grid;display:grid;grid-template-columns:max-content 1fr;align-items:start;&:after{display:none}&:before{content:"";grid-column:2;grid-row:1/span 999;align-self:stretch;border-inline-start:1px solid var(--color-base-soft);pointer-events:none}&>.tab{grid-column:1;width:100%;justify-content:flex-start;border-inline-end:2px solid transparent;margin-inline-end:-2px;border-radius:0}&>.tab-active,&>.tab:checked{border-inline-end-color:var(--color-tab-active);position:relative;z-index:1}&>.tab-content{grid-column:2;grid-row:1/span 999}}.tab-disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.tabs-lifted{align-items:flex-end;gap:0;&:after{content:"";width:100%;order:1;border-block-start:1px solid var(--color-base-soft)}&>.tab{border:1px solid transparent;border-block-end:none;&:not(.btn){border-radius:calc(2 * var(--border-radius)) calc(2 * var(--border-radius)) 0 0}}&>.tab-active,&>.tab:checked{color:var(--color-on-base);border-color:var(--color-base-soft);background-color:var(--color-base);position:relative;z-index:1;margin-block-end:-1px}&>.tab-content{border:1px solid var(--color-base-soft);margin-block-start:-1px;border-radius:0 calc(2 * var(--border-radius)) calc(2 * var(--border-radius)) calc(2 * var(--border-radius))}}.tabs-bottom{align-items:flex-start;&:after{display:none}&:before{content:"";width:100%;order:-1;border-block-end:1px solid var(--color-base-soft)}&>.tab{border-block-start:2px solid transparent;margin-block-start:-2px}&>.tab-active,&>.tab:checked{border-block-start-color:var(--color-tab-active);position:relative;z-index:1}&>.tab-content{order:-2}}.tabs-underline{align-items:flex-end;&:after{content:"";width:100%;order:1;border-block-start:1px solid var(--color-base-soft)}&>.tab{border-block-end:2px solid transparent;margin-block-end:-2px}&>.tab-active,&>.tab:checked{border-block-end-color:var(--color-tab-active);position:relative;z-index:1}}.tab-content{display:none;width:100%;order:9999;.tab-active+&,.tab:checked+&{display:block}}.tab{--color-tab:currentColor;--color-tab-active:var(--color-primary);--tab--padding-inline:1rem;--tab--padding-block:0.625rem;--tab--font-size:0.875rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding-inline:var(--tab--padding-inline);padding-block:var(--tab--padding-block);font-size:var(--tab--font-size);font-weight:500;cursor:pointer;transition:color .2s ease-in-out,border-color .2s ease-in-out;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent;&:after{content:attr(aria-label)}&:not(.btn){border-radius:0;color:var(--color-tab);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-tab) 60%,transparent)}&:hover{@media (hover:hover){color:var(--color-tab)}}&:checked{color:var(--color-tab-active)}}}.tabs{display:var(--tabs--display,flex);flex-wrap:wrap;gap:0}.tabs-box{background-color:var(--color-base-soft);border-radius:calc(2 * var(--border-radius));padding:.25rem;gap:.25rem;align-items:center;&:after{display:none}&>.tab{border-radius:calc(1.5 * var(--border-radius))}&>.tab-active,&>.tab:checked{background-color:var(--color-base);color:var(--color-on-base);box-shadow:0 1px 3px color-mix(in oklab,oklch(0% 0 0) 10%,transparent)}}.tabs-end{justify-content:flex-end}.tab-active{color:var(--color-tab-active)}.tabs-lg>.tab{--tab--padding-inline:1.25rem;--tab--padding-block:0.75rem;--tab--font-size:1rem}.tabs-md>.tab{--tab--padding-inline:1rem;--tab--padding-block:0.625rem;--tab--font-size:0.875rem}.tabs-sm>.tab{--tab--padding-inline:0.75rem;--tab--padding-block:0.5rem;--tab--font-size:0.8125rem}.tabs-xl>.tab{--tab--padding-inline:1.5rem;--tab--padding-block:0.875rem;--tab--font-size:1.125rem}.tabs-xs>.tab{--tab--padding-inline:0.625rem;--tab--padding-block:0.375rem;--tab--font-size:0.75rem}
|