frutjam 2.1.0-beta.0 → 2.1.1

package/dist/components/join/object.js

@@ -0,0 +1 @@
+export default {".join":{"display":"inline-flex","align-items":"stretch","--join-radius":"calc(var(--border-radius) * 2)","& .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)","margin-inline-start":"calc(var(--border, 1px) * -1)"},"flex-direction":"row",">:only-child":{"--join-ss":"var(--join-radius)","--join-se":"var(--join-radius)","--join-es":"var(--join-radius)","--join-ee":"var(--join-radius)"},">:first-child:not(:only-child)":{"--join-ss":"var(--join-radius)","--join-se":"0","--join-es":"var(--join-radius)","--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-horizontal":{"flex-direction":"row",">:only-child":{"--join-ss":"var(--join-radius)","--join-se":"var(--join-radius)","--join-es":"var(--join-radius)","--join-ee":"var(--join-radius)"},">:first-child:not(:only-child)":{"--join-ss":"var(--join-radius)","--join-se":"0","--join-es":"var(--join-radius)","--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(var(--border, 1px) * -1)"}},".join-vertical":{"flex-direction":"column",">:only-child":{"--join-ss":"var(--join-radius)","--join-se":"var(--join-radius)","--join-es":"var(--join-radius)","--join-ee":"var(--join-radius)"},">:first-child:not(:only-child)":{"--join-ss":"var(--join-radius)","--join-se":"var(--join-radius)","--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(var(--border, 1px) * -1)"}},".join-item":{"--join-item":"1"}};

package/dist/components/join.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.1.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.join{display:inline-flex;align-items:stretch;--join-radius:calc(var(--border-radius)*2);& .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-ss:var(--join-radius);--join-se:var(--join-radius);--join-es:var(--join-radius);--join-ee:var(--join-radius)}>:first-child:not(:only-child){--join-ss:var(--join-radius);--join-se:0;--join-es:var(--join-radius);--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(var(--border, 1px)*-1)}}.join-horizontal{flex-direction:row;>:only-child{--join-ss:var(--join-radius);--join-se:var(--join-radius);--join-es:var(--join-radius);--join-ee:var(--join-radius)}>:first-child:not(:only-child){--join-ss:var(--join-radius);--join-se:0;--join-es:var(--join-radius);--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(var(--border, 1px)*-1)}}.join-vertical{flex-direction:column;>:only-child{--join-ss:var(--join-radius);--join-se:var(--join-radius);--join-es:var(--join-radius);--join-ee:var(--join-radius)}>:first-child:not(:only-child){--join-ss:var(--join-radius);--join-se:var(--join-radius);--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(var(--border, 1px)*-1)}}.join-item{--join-item:1}

package/dist/components/kbd/index.js

@@ -0,0 +1,7 @@
+import kbd from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addUtilities, prefix = '' }) => {
+  const prefixed = addPrefix(kbd, prefix);
+  addUtilities({ ...prefixed });
+};

package/dist/components/kbd/object.js

@@ -0,0 +1 @@
+export default {".kbd":{"--radius-kbd":"calc(var(--border-radius) * 1.5)","--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/kbd.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.1.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.kbd{--radius-kbd:calc(var(--border-radius)*1.5);--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/index.js

@@ -0,0 +1,7 @@
+import link from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addUtilities, prefix = '' }) => {
+  const prefixed = addPrefix(link, prefix);
+  addUtilities({ ...prefixed });
+};

package/dist/components/link/object.js

@@ -0,0 +1 @@
+export default {".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":"left bottom","background-repeat":"no-repeat","background-size":"100% 1px","transition":"opacity 200ms ease-out","&:hover":{"@media (hover: hover)":{"opacity":0.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":"right bottom","background-size":"0% 1.5px","transition":"background-size 300ms ease, background-position 0s, color 200ms ease-out","&:hover":{"@media (hover: hover)":{"background-position":"left bottom","background-size":"100% 1px","transition":"background-size 300ms ease, background-position 0s, color 200ms 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"}};

package/dist/components/link.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.1.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.0 | 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}

package/dist/components/loading/index.js

@@ -0,0 +1,7 @@
+import loading from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addUtilities, prefix = '' }) => {
+  const prefixed = addPrefix(loading, prefix);
+  addUtilities({ ...prefixed });
+};

package/dist/components/loading/object.js

@@ -0,0 +1 @@
+export default {".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 700ms 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) * 0.75)","align-items":"flex-end","height":"calc(var(--loading--size) * 5)","border-radius":"0","border":"none","animation":"none","background":"transparent","width":"auto","&::before,\n  &::after":{"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":"-0.15s"},"&::after":{"height":"100%","animation-delay":"0s"}},".loading-dots":{"--loading--size":"0.5rem","--loading--color":"var(--color-primary)","display":"inline-flex","gap":"calc(var(--loading--size) * 0.5)","align-items":"center","border-radius":"0","border":"none","animation":"none","background":"transparent","width":"auto","height":"auto","&::before,\n  &::after":{"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":"-0.32s"},"&::after":{"animation-delay":"0s"}},".loading-lg":{"--loading--size":"2rem","--loading--thickness":"2.5px"},".loading-md":{"--loading--size":"1.5rem","--loading--thickness":"2px"},".loading-sm":{"--loading--size":"1.25rem","--loading--thickness":"2px"},".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(360deg)"}},"@keyframes loading-pulse":{"0%, 80%, 100%":{"transform":"scale(0.6)","opacity":0.5},"40%":{"transform":"scale(1)","opacity":1}},"@keyframes loading-bars":{"0%, 100%":{"transform":"scaleY(0.4)"},"50%":{"transform":"scaleY(1)"}}};

package/dist/components/loading.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.1.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.0 | 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)*.75);align-items:flex-end;height:calc(var(--loading--size)*5);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(var(--loading--size)*.5);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--thickness:2px}.loading-sm{--loading--size:1.25rem;--loading--thickness:2px}.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)}}

package/dist/components/marquee/index.js

@@ -0,0 +1,7 @@
+import marquee from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addUtilities, prefix = '' }) => {
+  const prefixed = addPrefix(marquee, prefix);
+  addUtilities({ ...prefixed });
+};

package/dist/components/marquee/object.js

@@ -0,0 +1 @@
+export default {".marquee-fade":{"position":"relative","&::before,\n  &::after":{"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":{"from":{"translate":"0 0"},"to":{"translate":"var(--marquee--axis)"}}};

package/dist/components/marquee.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.1.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.0 | 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/index.js

@@ -0,0 +1,7 @@
+import mask from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addUtilities, prefix = '' }) => {
+  const prefixed = addPrefix(mask, prefix);
+  addUtilities({ ...prefixed });
+};

package/dist/components/mask/object.js

@@ -0,0 +1 @@
+export default {".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,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100'/%3e%3c/svg%3e\")","mask-image":"url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100'/%3e%3c/svg%3e\")","--tw-mask-radial-shape":"circle"},".mask-diamond":{"-webkit-mask-image":"url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e\")","mask-image":"url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-heart":{"-webkit-mask-image":"url(\"data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' fill-rule='nonzero' d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z'/%3e%3c/svg%3e\")","mask-image":"url(\"data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' fill-rule='nonzero' d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z'/%3e%3c/svg%3e\")"},".mask-hexagon":{"-webkit-mask-image":"url(\"data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' fill-rule='nonzero' d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z'/%3e%3c/svg%3e\")","mask-image":"url(\"data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' fill-rule='nonzero' d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z'/%3e%3c/svg%3e\")"},".mask-pentagon":{"-webkit-mask-image":"url(\"data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e\")","mask-image":"url(\"data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-squircle":{"-webkit-mask-image":"url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e\")","mask-image":"url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e\")"},".mask-star":{"-webkit-mask-image":"url(\"data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e\")","mask-image":"url(\"data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-star-2":{"-webkit-mask-image":"url(\"data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e\")","mask-image":"url(\"data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-triangle":{"-webkit-mask-image":"url(\"data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e\")","mask-image":"url(\"data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-half-1":{"-webkit-mask-size":"200%","mask-size":"200%","-webkit-mask-position":"left","mask-position":"left"},".mask-half-2":{"-webkit-mask-size":"200%","mask-size":"200%","-webkit-mask-position":"right","mask-position":"right"}};

package/dist/components/mask.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.1.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.0 | 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 xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Ccircle cx='100' cy='100' r='100'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Ccircle cx='100' cy='100' r='100'/%3E%3C/svg%3E")}.mask-diamond{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath fill-rule='evenodd' d='m100 0 100 100-100 100L0 100z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath fill-rule='evenodd' d='m100 0 100 100-100 100L0 100z'/%3E%3C/svg%3E")}.mask-heart{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='185'%3E%3Cpath d='M100 184.606a15.4 15.4 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.4 15.4 0 0 1-8.653 2.673'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='185'%3E%3Cpath d='M100 184.606a15.4 15.4 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.4 15.4 0 0 1-8.653 2.673'/%3E%3C/svg%3E")}.mask-hexagon{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182' height='201'%3E%3Cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182' height='201'%3E%3Cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54z'/%3E%3C/svg%3E")}.mask-pentagon{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='181'%3E%3Cpath fill-rule='evenodd' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='181'%3E%3Cpath fill-rule='evenodd' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z'/%3E%3C/svg%3E")}.mask-squircle{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0'/%3E%3C/svg%3E")}.mask-star{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='180'%3E%3Cpath fill-rule='evenodd' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='180'%3E%3Cpath fill-rule='evenodd' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z'/%3E%3C/svg%3E")}.mask-star-2{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='180'%3E%3Cpath fill-rule='evenodd' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='180'%3E%3Cpath fill-rule='evenodd' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z'/%3E%3C/svg%3E")}.mask-triangle{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='174' height='149'%3E%3Cpath fill-rule='evenodd' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='174' height='149'%3E%3Cpath fill-rule='evenodd' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z'/%3E%3C/svg%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/index.js

@@ -0,0 +1,7 @@
+import menu from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addUtilities, prefix = '' }) => {
+  const prefixed = addPrefix(menu, prefix);
+  addUtilities({ ...prefixed });
+};

package/dist/components/menu/object.js

@@ -0,0 +1 @@
+export default {".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) * 4)","list-style":"none","padding":"0","margin":"0","display":"flex","width":"fit-content","flex-direction":"column","flex-wrap":"wrap","font-size":"0.875rem","border-radius":"var(--radius-menu)","color":"currentColor",":where(ul, li:not(:first-child))":{"margin-block-start":"0.375rem"},":where(li ul)":{"list-style":"none","padding":"0","margin-block-end":"0","position":"relative","margin-block-start":"0rem","margin-inline-start":"0.1rem","padding-inline-start":"1.4rem","white-space":"nowrap","font-size":"0.875rem","color":"currentColor","&::before":{"content":"\"\"","background-color":"var(--color-on-menu)","position":"absolute","inset-inline-start":"0.7rem","inset-block-start":"0.7rem","inset-block-end":"0rem","opacity":"10%","width":"1px"}},":where(summary)":{"margin-inline":"0.75rem","margin-block":"0.375rem"}},".menu-horizontal":{"--menu-horizontal--padding-inline-end":"0.75rem","display":"inline-flex","flex-direction":"row",":where(ul, li)":{"margin-block-start":"0.375rem"},"& > li:not(.menu-title) > details":{"& > ul":{"background-color":"var(--color-menu)","position":"absolute","margin-inline-start":"0rem","margin-block-start":"1rem","transform-origin":"top","padding-block":"0.5rem","padding-inline-end":"0.5rem","opacity":"0%","scale":"95%","@media (prefers-reduced-motion: no-preference)":{"@starting-style":{"scale":"95%","opacity":0},"animation":"menu 0.2s","transition-property":"opacity, scale, display","transition-behavior":"allow-discrete","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0.4, 0, 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":"0.375rem"}},".menu-item":{"color":"currentColor","border-radius":"calc(var(--radius-menu) / 2)","padding-inline":"0.75rem","padding-block":"0.375rem","text-align":"start","transition-property":"color, background-color, box-shadow","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0, 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":"0.875rem","gap":"0.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, 0.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":"0.75rem","padding-block":"var(--menu-title--padding-block, 0.375rem)","font-size":"0.875rem","font-weight":600},".menu-lg":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n    :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"padding-block":"0.375rem","font-size":"1.125rem"},"--menu-title--padding-block":"0.75rem"},".menu-md":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n    :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"padding-block":"0.375rem","font-size":"0.875rem"},"--menu-title--padding-block":"0.5rem"},".menu-sm":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n    :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"padding-block":"0.25rem","font-size":"0.75rem"},"--menu-title--padding-block":"0.5rem"},".menu-xl":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n    :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"padding-block":"0.375rem","font-size":"1.375rem"},"--menu-title--padding-block":"0.75rem"},".menu-xs":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n    :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"padding-block":"0.25rem","font-size":"0.6875rem"},"--menu-title--padding-block":"0.25rem"}};

package/dist/components/menu.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.1.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.0 | 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)*4);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{color:currentColor;border-radius:calc(var(--radius-menu)/2);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:""}}}

package/dist/components/modal/index.js

@@ -0,0 +1,7 @@
+import modal from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addUtilities, prefix = '' }) => {
+  const prefixed = addPrefix(modal, prefix);
+  addUtilities({ ...prefixed });
+};

package/dist/components/modal/object.js

@@ -0,0 +1 @@
+export default {".modal":{"border":"none","color":"inherit","--radius-modal":"calc(var(--border-radius) * 4)","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":"0.75rem","overflow":"hidden","overscroll-behavior":"contain","pointer-events":"none","visibility":"hidden","background-color":"transparent","transition":"visibility 200ms ease allow-discrete, \n    overlay 200ms ease allow-discrete","&::backdrop":{"background-color":"light-dark(\n      black, \n      black\n    )","@supports (color: color-mix(in lab, red, red))":{"background-color":"light-dark(\n      color-mix(in oklch, black 10%, var(--color-base-600) 40%), \n      color-mix(in oklch, black 10%, var(--color-base-400) 40%)\n    )"},"opacity":0,"transition":"opacity 200ms 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":"calc(11 / 12 * 100%)","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, black 45%, transparent)),\n    0 10px 32px -4px light-dark(var(--color-base-950), color-mix(in srgb, black 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, black 45%, transparent)),\n    0 10px 32px -4px light-dark(color-mix(in oklch, var(--color-base-950) 10%, transparent), color-mix(in oklch, black 55%, transparent))"},"transition":"translate 200ms ease-out,\n    scale 200ms ease-out,\n    opacity 200ms ease-out,\n    box-shadow 200ms 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"}};

package/dist/components/modal.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.1.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.modal{border:none;color:inherit;--radius-modal:calc(var(--border-radius)*4);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}

package/dist/components/navbar/index.js

@@ -0,0 +1,7 @@
+import navbar from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addUtilities, prefix = '' }) => {
+  const prefixed = addPrefix(navbar, prefix);
+  addUtilities({ ...prefixed });
+};

package/dist/components/navbar/object.js

@@ -0,0 +1 @@
+export default {".navbar":{"display":"flex","width":"100%"},".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":"0.5rem","column-gap":"0.5rem"},"& > :where(.navbar-list > li)":{"width":"auto"}},".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":"0.5rem","column-gap":"0.5rem"},"& > :where(.navbar-list > li)":{"width":"auto"}},".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":"0.5rem","column-gap":"0.5rem"},"& > :where(.navbar-list > li)":{"width":"auto"}},".navbar-bottom":{"--y-end":"end","justify-content":"var(--y-end)","flex-direction":"column","row-gap":"0.75rem","& > :where(.navbar-list)":{"flex-direction":"column","align-items":"start","row-gap":"0.25rem"}},".navbar-middle":{"--y-center":"center","justify-content":"var(--y-center)","flex-direction":"column","row-gap":"0.75rem","& > :where(.navbar-list)":{"flex-direction":"column","align-items":"start","row-gap":"0.25rem"}},".navbar-top":{"--y-start":"start","justify-content":"var(--y-start)","flex-direction":"column","row-gap":"0.75rem","& > :where(.navbar-list)":{"flex-direction":"column","align-items":"start","row-gap":"0.25rem"}}};

package/dist/components/navbar.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.1.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.0 | 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}}.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}}.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}}.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}}

package/dist/components/popover/index.js

@@ -0,0 +1,7 @@
+import popover from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addUtilities, prefix = '' }) => {
+  const prefixed = addPrefix(popover, prefix);
+  addUtilities({ ...prefixed });
+};

package/dist/components/popover/object.js

@@ -0,0 +1 @@
+export default {".popover-content":{"border":"none","inset":"unset","margin":"0","color":"inherit","border-radius":"var(--radius-popover)","padding":"0.6rem","visibility":"var(--popover-hover--visibility, hidden)","opacity":"var(--popover-hover--opacity, 0)","z-index":100,"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":"0.2s","transition-timing-function":"cubic-bezier(0.4, 0, 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) * 2)","--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--position-try":"none","--popover-placement--mt":"0.5rem","--popover-placement--mb":"0"},".popover-bottom-end":{"--popover--position-area":"block-end span-inline-end","--popover--position-try":"none","--popover-placement--mt":"0.5rem","--popover-placement--mb":"0"},".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--position-try":"none","--popover-placement--mt":"0","--popover-placement--ms":"0.5rem"},".popover-end-center":{"--popover--position-area":"center end","--popover--position-try":"none","--popover-placement--mt":"0","--popover-placement--ms":"0.5rem"},".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--position-try":"none","--popover-placement--mt":"0","--popover-placement--me":"0.5rem"},".popover-start-center":{"--popover--position-area":"center start","--popover--position-try":"none","--popover-placement--mt":"0","--popover-placement--me":"0.5rem"},".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--position-try":"none","--popover-placement--mt":"0","--popover-placement--mb":"0.5rem"},".popover-top-end":{"--popover--position-area":"block-start span-inline-end","--popover--position-try":"none","--popover-placement--mt":"0","--popover-placement--mb":"0.5rem"},".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)"}};

package/dist/components/popover.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.1.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.0 | 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)*2);--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--position-try:none;--popover-placement--mt:0.5rem;--popover-placement--mb:0}.popover-bottom-end{--popover--position-area:block-end span-inline-end;--popover--position-try:none;--popover-placement--mt:0.5rem;--popover-placement--mb:0}.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--position-try:none;--popover-placement--mt:0;--popover-placement--ms:0.5rem}.popover-end-center{--popover--position-area:center end;--popover--position-try:none;--popover-placement--mt:0;--popover-placement--ms:0.5rem}.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--position-try:none;--popover-placement--mt:0;--popover-placement--me:0.5rem}.popover-start-center{--popover--position-area:center start;--popover--position-try:none;--popover-placement--mt:0;--popover-placement--me:0.5rem}.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--position-try:none;--popover-placement--mt:0;--popover-placement--mb:0.5rem}.popover-top-end{--popover--position-area:block-start span-inline-end;--popover--position-try:none;--popover-placement--mt:0;--popover-placement--mb:0.5rem}.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)}

package/dist/components/progress/index.js

@@ -0,0 +1,7 @@
+import progress from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addUtilities, prefix = '' }) => {
+  const prefixed = addPrefix(progress, prefix);
+  addUtilities({ ...prefixed });
+};

package/dist/components/progress/object.js

@@ -0,0 +1 @@
+export default {".progress":{"--radius-progress":"calc(var(--border-radius) * 2)","--color-progress":"var(--color-base-active)","--color-on-progress":"var(--color-base-soft)","border":"none","border-radius":"var(--radius-progress)","position":"relative","height":"calc(var(--spacing) * 2)","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,\n                            currentColor -1%,\n                            currentColor 10%,\n                            #0000 10%,\n                            #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%"}}};

package/dist/components/progress.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.1.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.progress{--radius-progress:calc(var(--border-radius)*2);--color-progress:var(--color-base-active);--color-on-progress:var(--color-base-soft);border:none;border-radius:var(--radius-progress);position:relative;height:calc(var(--spacing)*2);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 0,#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 0,#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%}}

package/dist/components/radial-progress/index.js

@@ -0,0 +1,7 @@
+import radial_progress from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addUtilities, prefix = '' }) => {
+  const prefixed = addPrefix(radial_progress, prefix);
+  addUtilities({ ...prefixed });
+};

package/dist/components/radial-progress/object.js

@@ -0,0 +1 @@
+export default {".radial-progress":{"--radial-progress--size":"var(--size, 5rem)","--radial-progress--thickness":"var(--thickness, calc(var(--radial-progress--size) * 0.1))","--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(\n            closest-side,\n            var(--color-base) calc(100% - var(--radial-progress--thickness)),\n            transparent calc(100% - var(--radial-progress--thickness))\n        ),\n        conic-gradient(\n            var(--color-radial-progress) calc(var(--radial-progress--value) * 1%),\n            var(--color-radial-progress-track) 0\n        )"},".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)"}};

package/dist/components/radial-progress.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.1.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.radial-progress{--radial-progress--size:var(--size,5rem);--radial-progress--thickness:var(--thickness,calc(var(--radial-progress--size)*0.1));--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(var(--radial-progress--value)*1%),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)}

package/dist/components/radio/index.js

@@ -0,0 +1,7 @@
+import radio from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addUtilities, prefix = '' }) => {
+  const prefixed = addPrefix(radio, prefix);
+  addUtilities({ ...prefixed });
+};

package/dist/components/radio/object.js

@@ -0,0 +1 @@
+export default {".radio-disabled":{"cursor":"not-allowed","opacity":0.3,"pointer-events":"none"},".radio":{"--radius-radio":"calc(var(--border-radius) * 1.5)","--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, 0.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 200ms ease, box-shadow 200ms ease, opacity 200ms ease","&::before":{"content":"\"\"","position":"absolute","inset":"4px","border-radius":"50%","clip-path":"circle(50%)","background-color":"var(--color-radio-active)","opacity":0,"transform":"scale(0.4)","transition":"transform 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms linear"},"&:focus-visible":{"outline-width":"2px","outline-style":"solid","outline-color":"light-dark(\n        var(--color-base-950, currentColor),\n        var(--color-base-50, currentColor)\n    )","outline-offset":"3px"},"&:checked, &[aria-checked=\"true\"]":{"background-color":"transparent","&::before":{"content":"\"\"","opacity":1,"transform":"scale(1)"}},"&:is(:disabled, [disabled], .radio-disabled)":{"cursor":"not-allowed","opacity":0.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(var(--border-radius) * 4)"},".radio-square":{"--radio--radius":"calc(var(--border-radius) * 2)"}};

package/dist/components/radio.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.1.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.0 | 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.5);--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(var(--border-radius)*4)}.radio-square{--radio--radius:calc(var(--border-radius)*2)}@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:""}}}

package/dist/components/range/index.js

@@ -0,0 +1,7 @@
+import range from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addUtilities, prefix = '' }) => {
+  const prefixed = addPrefix(range, prefix);
+  addUtilities({ ...prefixed });
+};

package/dist/components/range/object.js

@@ -0,0 +1 @@
+export default {".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)) / 2)","-webkit-transition":"transform 150ms ease-in-out","transition":"transform 150ms 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":"none","cursor":"pointer","-moz-transition":"transform 150ms ease-in-out","transition":"transform 150ms 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":0.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"}};

package/dist/components/range.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.1.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.0 | 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))/2);-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:none;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}

package/dist/components/rating/index.js

@@ -0,0 +1,7 @@
+import rating from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addUtilities, prefix = '' }) => {
+  const prefixed = addPrefix(rating, prefix);
+  addUtilities({ ...prefixed });
+};

package/dist/components/rating/object.js

@@ -0,0 +1 @@
+export default {".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 150ms 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":"0.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) / 2)","--rate--mask-size":"200%","--rate--mask-position":"left",":where(&) :where(.rate:nth-child(even))":{"--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"}};

package/dist/components/rating.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.1.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.0 | 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)/2);--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}

package/dist/components/select/index.js

@@ -0,0 +1,7 @@
+import select from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addUtilities, prefix = '' }) => {
+  const prefixed = addPrefix(select, prefix);
+  addUtilities({ ...prefixed });
+};

package/dist/components/select/object.js

@@ -0,0 +1 @@
+export default {".select":{"--radius-select":"calc(var(--border-radius) * 2)","--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,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E\")","background-repeat":"no-repeat","background-position":"right 0.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 250ms","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":0.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":"0.375rem","margin-block":"0.375rem","box-shadow":"0 10px 15px -3px oklch(0% 0 0 / 0.1),\n                0 4px 6px -4px oklch(0% 0 0 / 0.1)"},"option":{"border-radius":"calc(var(--radius-select) - 2px)","padding-inline":"0.625rem","padding-block":"0.375rem","cursor":"pointer","transition":"background-color 150ms ease-in-out","&::checkmark":{"color":"var(--color-select-active)"},"&:not(:disabled)":{"&:hover,\n                &:focus-visible":{"background-color":"var(--color-base-soft)","outline":"none"}},"&:disabled":{"opacity":0.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--font-size":"1rem"},".select-md":{"--select--inline":"0.75rem","--select--block":"0.625rem","--select--font-size":"1rem"},".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"}};

package/dist/components/select.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.1.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.select{--radius-select:calc(var(--border-radius)*2);--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 xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23888' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%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(var(--radius-select) - 2px);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--font-size:1rem}.select-md{--select--inline:0.75rem;--select--block:0.625rem;--select--font-size:1rem}.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}

package/dist/components/sidebar/index.js

@@ -0,0 +1,7 @@
+import sidebar from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addUtilities, prefix = '' }) => {
+  const prefixed = addPrefix(sidebar, prefix);
+  addUtilities({ ...prefixed });
+};

package/dist/components/sidebar/object.js

@@ -0,0 +1 @@
+export default {".sidebar":{"display":"flex","flex-direction":"column","gap":"1.25rem","overflow-y":"auto","overflow-x":"hidden","position":"sticky","max-height":"calc(100dvh - (var(--spacing) * 14.25))","border-inline-style":"solid","border-inline-width":"1px","border-color":"var(--color-base-soft)","background-color":"var(--color-base)"}};

package/dist/components/sidebar.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.1.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.0 | 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)*14.25);border-inline-style:solid;border-inline-width:1px;border-color:var(--color-base-soft);background-color:var(--color-base)}

package/dist/components/skeleton/index.js

@@ -0,0 +1,7 @@
+import skeleton from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addUtilities, prefix = '' }) => {
+  const prefixed = addPrefix(skeleton, prefix);
+  addUtilities({ ...prefixed });
+};

package/dist/components/skeleton/object.js

@@ -0,0 +1 @@
+export default {".skeleton":{"--color-skeleton":"var(--color-base-soft)","--color-skeleton-shine":"var(--color-base-active)","--radius-skeleton":"calc(var(--border-radius) * 2)","border-radius":"var(--radius-skeleton)","background-color":"var(--color-skeleton)","background-image":"linear-gradient(\n    90deg,\n    transparent 0%,\n    var(--color-skeleton-shine) 50%,\n    transparent 100%\n  )","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(\n    105deg,\n    var(--color-on-base) 0% 40%,\n    var(--color-on-base) 50%,\n    var(--color-on-base) 60% 100%\n  )","@supports (color: color-mix(in lab, red, red))":{"background-image":"linear-gradient(\n    105deg,\n    color-mix(in oklch, var(--color-on-base) 20%, transparent) 0% 40%,\n    var(--color-on-base) 50%,\n    color-mix(in oklch, var(--color-on-base) 20%, transparent) 60% 100%\n  )"},"-webkit-background-clip":"text","background-clip":"text"},"@keyframes skeleton-shimmer":{"0%":{"background-position":"200% 0"},"100%":{"background-position":"-200% 0"}}};

package/dist/components/skeleton.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.1.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.0 | 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)*2);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/index.js

@@ -0,0 +1,7 @@
+import stat from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addUtilities, prefix = '' }) => {
+  const prefixed = addPrefix(stat, prefix);
+  addUtilities({ ...prefixed });
+};