frutjam 2.3.0-beta.1 → 2.3.0

package/dist/components/steps/index.js

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

package/dist/components/steps/object.js

@@ -0,0 +1 @@
+export default {".step":{"--color-step":"var(--color-base-soft)","--color-on-step":"var(--color-on-base)","--color-step-active":"var(--color-primary)","--color-on-step-active":"var(--color-on-primary)","--step--size":"2rem","--step--font-size":"0.875rem","display":"grid","grid-template-columns":"auto","grid-template-rows":"auto 1fr","place-items":"center","text-align":"center","min-width":"4rem","counter-increment":"step","&::before":{"content":"\"\"","display":"block","height":"2px","width":"100%","background-color":"var(--color-step)","grid-column":"1","grid-row":"1","margin-inline":"-50%","z-index":0,"transition":"background-color 200ms ease-in-out"},"&::after":{"content":"counter(step)","display":"flex","align-items":"center","justify-content":"center","width":"var(--step--size)","height":"var(--step--size)","border-radius":"9999px","background-color":"var(--color-step)","color":"var(--color-on-step)","font-size":"0.75rem","font-weight":600,"z-index":1,"position":"relative","grid-column":"1","grid-row":"1","transition":"background-color 200ms ease-in-out, color 200ms ease-in-out"},"& > span, &:not(:empty)":{"font-size":"var(--step--font-size)","margin-block-start":"0.5rem","color":"currentColor","@supports (color: color-mix(in lab, red, red))":{"color":"color-mix(in oklch, currentColor 70%, transparent)"},"grid-row":"2"}},".steps":{"display":"inline-grid","grid-auto-columns":"1fr","grid-auto-flow":"column","overflow":"hidden","overflow-x":"auto","counter-reset":"step","list-style":"none","padding":"0","margin":"0"},".steps-horizontal":{"grid-auto-flow":"column","grid-auto-rows":"unset","grid-auto-columns":"1fr"},".steps-vertical":{"grid-auto-flow":"row","grid-auto-columns":"unset","grid-auto-rows":"auto"},".step-accent":{"--color-step":"var(--color-accent)","--color-on-step":"var(--color-on-accent)","&::after":{"background-color":"var(--color-accent)","color":"var(--color-on-accent)"},"&::before":{"background-color":"var(--color-accent)"}},".step-error":{"--color-step":"var(--color-error)","--color-on-step":"var(--color-on-error)","&::after":{"background-color":"var(--color-error)","color":"var(--color-on-error)"},"&::before":{"background-color":"var(--color-error)"}},".step-info":{"--color-step":"var(--color-info)","--color-on-step":"var(--color-on-info)","&::after":{"background-color":"var(--color-info)","color":"var(--color-on-info)"},"&::before":{"background-color":"var(--color-info)"}},".step-neutral":{"--color-step":"var(--color-neutral)","--color-on-step":"var(--color-on-neutral)","&::after":{"background-color":"var(--color-neutral)","color":"var(--color-on-neutral)"},"&::before":{"background-color":"var(--color-neutral)"}},".step-primary":{"--color-step":"var(--color-primary)","--color-on-step":"var(--color-on-primary)","&::after":{"background-color":"var(--color-primary)","color":"var(--color-on-primary)"},"&::before":{"background-color":"var(--color-primary)"}},".step-secondary":{"--color-step":"var(--color-secondary)","--color-on-step":"var(--color-on-secondary)","&::after":{"background-color":"var(--color-secondary)","color":"var(--color-on-secondary)"},"&::before":{"background-color":"var(--color-secondary)"}},".step-success":{"--color-step":"var(--color-success)","--color-on-step":"var(--color-on-success)","&::after":{"background-color":"var(--color-success)","color":"var(--color-on-success)"},"&::before":{"background-color":"var(--color-success)"}},".step-warning":{"--color-step":"var(--color-warning)","--color-on-step":"var(--color-on-warning)","&::after":{"background-color":"var(--color-warning)","color":"var(--color-on-warning)"},"&::before":{"background-color":"var(--color-warning)"}}};

package/dist/components/steps.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.step{--color-step:var(--color-base-soft);--color-on-step:var(--color-on-base);--color-step-active:var(--color-primary);--color-on-step-active:var(--color-on-primary);--step--size:2rem;--step--font-size:0.875rem;display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr;place-items:center;text-align:center;min-width:4rem;counter-increment:step;&:before{content:"";display:block;height:2px;width:100%;margin-inline:-50%;z-index:0;transition:background-color .2s ease-in-out}&:after,&:before{background-color:var(--color-step);grid-column:1;grid-row:1}&:after{content:counter(step);display:flex;align-items:center;justify-content:center;width:var(--step--size);height:var(--step--size);border-radius:9999px;color:var(--color-on-step);font-size:.75rem;font-weight:600;z-index:1;position:relative;transition:background-color .2s ease-in-out,color .2s ease-in-out}&:not(:empty),&>span{font-size:var(--step--font-size);margin-block-start:.5rem;color:currentColor;@supports(color:color-mix(in lab,red,red)){color:color-mix(in oklch,currentColor 70%,transparent)}grid-row:2}}.steps{display:inline-grid;overflow:hidden;overflow-x:auto;counter-reset:step;list-style:none;padding:0;margin:0}.steps,.steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column}.steps-horizontal{grid-auto-rows:unset}.steps-vertical{grid-auto-flow:row;grid-auto-columns:unset;grid-auto-rows:auto}.step-accent{--color-step:var(--color-accent);--color-on-step:var(--color-on-accent);&:after{color:var(--color-on-accent)}&:after,&:before{background-color:var(--color-accent)}}.step-error{--color-step:var(--color-error);--color-on-step:var(--color-on-error);&:after{color:var(--color-on-error)}&:after,&:before{background-color:var(--color-error)}}.step-info{--color-step:var(--color-info);--color-on-step:var(--color-on-info);&:after{color:var(--color-on-info)}&:after,&:before{background-color:var(--color-info)}}.step-neutral{--color-step:var(--color-neutral);--color-on-step:var(--color-on-neutral);&:after{color:var(--color-on-neutral)}&:after,&:before{background-color:var(--color-neutral)}}.step-primary{--color-step:var(--color-primary);--color-on-step:var(--color-on-primary);&:after{color:var(--color-on-primary)}&:after,&:before{background-color:var(--color-primary)}}.step-secondary{--color-step:var(--color-secondary);--color-on-step:var(--color-on-secondary);&:after{color:var(--color-on-secondary)}&:after,&:before{background-color:var(--color-secondary)}}.step-success{--color-step:var(--color-success);--color-on-step:var(--color-on-success);&:after{color:var(--color-on-success)}&:after,&:before{background-color:var(--color-success)}}.step-warning{--color-step:var(--color-warning);--color-on-step:var(--color-on-warning);&:after{color:var(--color-on-warning)}&:after,&:before{background-color:var(--color-warning)}}

package/dist/components/steps.css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/surface/index.js

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

package/dist/components/surface/object.js

@@ -0,0 +1 @@
+export default {".surface-rounded":{"border-radius":"calc(var(--border-radius) * 2)"},".surface-dashed":{"background-color":"transparent","border-width":"1px","border-style":"dashed","border-color":"var(--color-base-soft)"},".surface-outline":{"background-color":"transparent","border-width":"1px","border-style":"solid","border-color":"var(--color-base-soft)"},".surface":{"--surface--bg-color":"var(--color-base)","--surface--color":"var(--color-on-base)","background-color":"var(--surface--bg-color)","color":"var(--surface--color)","padding":"var(--surface--padding)"},".surface-1":{"--surface--bg-color":"var(--color-base-soft)","--surface--color":"var(--color-on-base)"},".surface-2":{"--surface--bg-color":"var(--color-base-active)","--surface--color":"var(--color-on-base)"},".surface-lg":{"--surface--padding":"2rem"},".surface-md":{"--surface--padding":"1.5rem"},".surface-sm":{"--surface--padding":"1rem"},".surface-xl":{"--surface--padding":"2.5rem"},".surface-xs":{"--surface--padding":"0.5rem"}};

package/dist/components/surface.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.surface-rounded{border-radius:calc(var(--border-radius) * 2)}.surface-dashed{border-style:dashed}.surface-dashed,.surface-outline{background-color:transparent;border-width:1px;border-color:var(--color-base-soft)}.surface-outline{border-style:solid}.surface{--surface--bg-color:var(--color-base);background-color:var(--surface--bg-color);color:var(--surface--color);padding:var(--surface--padding)}.surface,.surface-1,.surface-2{--surface--color:var(--color-on-base)}.surface-1{--surface--bg-color:var(--color-base-soft)}.surface-2{--surface--bg-color:var(--color-base-active)}.surface-lg{--surface--padding:2rem}.surface-md{--surface--padding:1.5rem}.surface-sm{--surface--padding:1rem}.surface-xl{--surface--padding:2.5rem}.surface-xs{--surface--padding:0.5rem}

package/dist/components/surface.css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/swap/index.js

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

package/dist/components/swap/object.js

@@ -0,0 +1 @@
+export default {".swap":{"position":"relative","display":"inline-grid","place-items":"center","cursor":"pointer","-webkit-user-select":"none","-moz-user-select":"none","user-select":"none","vertical-align":"middle",":where(&) :where(input[type=\"checkbox\"])":{"-webkit-appearance":"none","-moz-appearance":"none","appearance":"none","position":"absolute","inset":"0","opacity":0,"cursor":"pointer","margin":"0"},":where(&) :where(.swap-on),\n    :where(&) :where(.swap-off),\n    :where(&) :where(.swap-indeterminate)":{"grid-column":"1","grid-row":"1","transition":"opacity 300ms ease-in-out,\n            rotate 300ms ease-in-out,\n            transform 300ms ease-in-out"},":where(&) :where(.swap-on),\n    :where(&) :where(.swap-indeterminate)":{"opacity":0,"pointer-events":"none"},":where(&) :where(.swap-off)":{"opacity":1},"&:is(:has(input:checked), .swap-active)":{":where(.swap-on)":{"opacity":1,"pointer-events":"auto"},":where(.swap-off)":{"opacity":0,"pointer-events":"none"}},"&:has(input:indeterminate)":{":where(.swap-indeterminate)":{"opacity":1,"pointer-events":"auto"},":where(.swap-on)":{"opacity":0,"pointer-events":"none"}}},":where(.swap-rotate) :where(.swap-on), :where(.swap-rotate) :where(.swap-indeterminate)":{"rotate":"45deg"},".swap-rotate:is(:has(input:checked), .swap-active) :where(.swap-off)":{"rotate":"-45deg"},".swap-rotate:is(:has(input:checked), .swap-active) :where(.swap-on), .swap-rotate:is(:has(input:checked), .swap-active) \n        :where(.swap-indeterminate)":{"rotate":"0deg"},".swap-flip":{"perspective":"16rem",":where(&) :where(.swap-on),\n    :where(&) :where(.swap-indeterminate)":{"backface-visibility":"hidden","transform":"rotateY(180deg)"},":where(&) :where(.swap-off)":{"backface-visibility":"hidden","transform":"rotateY(0deg)"},"&:is(:has(input:checked), .swap-active)":{":where(.swap-off)":{"transform":"rotateY(-180deg)"},":where(.swap-on),\n        :where(.swap-indeterminate)":{"transform":"rotateY(0deg)"}}}};

package/dist/components/swap.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.swap{position:relative;display:inline-grid;place-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;:where(&) :where(input[type=checkbox]){-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}:where(&) :where(.swap-indeterminate),:where(&) :where(.swap-off),:where(&) :where(.swap-on){grid-column:1;grid-row:1;transition:opacity .3s ease-in-out,rotate .3s ease-in-out,transform .3s ease-in-out}:where(&) :where(.swap-indeterminate),:where(&) :where(.swap-on){opacity:0;pointer-events:none}:where(&) :where(.swap-off){opacity:1}&:is(:has(input:checked),.swap-active){:where(.swap-on){opacity:1;pointer-events:auto}:where(.swap-off){opacity:0;pointer-events:none}}&:has(input:indeterminate){:where(.swap-indeterminate){opacity:1;pointer-events:auto}:where(.swap-on){opacity:0;pointer-events:none}}}:where(.swap-rotate) :where(.swap-indeterminate),:where(.swap-rotate) :where(.swap-on){rotate:45deg}.swap-rotate:is(:has(input:checked),.swap-active) :where(.swap-off){rotate:-45deg}.swap-rotate:is(:has(input:checked),.swap-active) :where(.swap-indeterminate),.swap-rotate:is(:has(input:checked),.swap-active) :where(.swap-on){rotate:0deg}.swap-flip{perspective:16rem;:where(&) :where(.swap-indeterminate),:where(&) :where(.swap-on){backface-visibility:hidden;transform:rotateY(180deg)}:where(&) :where(.swap-off){backface-visibility:hidden;transform:rotateY(0deg)}&:is(:has(input:checked),.swap-active){:where(.swap-off){transform:rotateY(-180deg)}:where(.swap-indeterminate),:where(.swap-on){transform:rotateY(0deg)}}}

package/dist/components/swap.css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/table/index.js

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

package/dist/components/table/object.js

@@ -0,0 +1 @@
+export default {":where(.table-pin-cols) :where(tr th)":{"position":"sticky","inset-inline-start":"0","inset-inline-end":"0","background-color":"var(--color-table)"},":where(.table-pin-rows) :where(thead tr)":{"position":"sticky","inset-block-start":"0","background-color":"var(--color-table)","z-index":1},".table":{"--radius-table":"calc(var(--border-radius) * 4)","--color-table":"var(--color-base)","--color-table-soft":"var(--color-base-soft)","--color-on-table-soft":"var(--color-on-base-soft)","--color-table-active":"var(--color-base-active)","border-collapse":"collapse","position":"relative","width":"100%","text-align":"start","border-radius":"var(--radius-table)","font-size":"var(--text-base)",":where(th, td)":{"padding-inline":"1rem","padding-block":"0.75rem","vertical-align":"middle","text-align":"start"},":where(thead, tfoot)":{"font-size":"0.875rem","font-weight":600,"white-space":"nowrap","color":"var(--color-on-table-soft)"},":where(tfoot)":{"border-block-start":"1px solid var(--color-table-soft)"},":where(thead tr, tbody tr:not(:last-child))":{"border-block-end":"1px solid var(--color-table-soft)"},"display":"table"},":where(.table-hover) :where(tbody tr)":{"transition-property":"background-color","transition-duration":"150ms","transition-timing-function":"linear"},":where(.table-hover) :where(tbody tr):hover":{"background-color":"var(--color-table-soft)"},":where(.table-zebra) :where(tbody tr:nth-child(even))":{"background-color":"var(--color-table-soft)"},":where(.table-zebra-cols) :where(tbody tr td:nth-child(even))":{"background-color":"var(--color-table-soft)"},":where(.table-zebra-rows) :where(tbody tr:nth-child(even))":{"background-color":"var(--color-table-soft)"},":where(.table-lg) :where(:not(thead, tfoot) tr)":{"font-size":"1.125rem"},":where(.table-lg) :where(th, td)":{"padding-inline":"1.25rem","padding-block":"1rem"},":where(.table-md) :where(:not(thead, tfoot) tr)":{"font-size":"0.875rem"},":where(.table-md) :where(th, td)":{"padding-inline":"1rem","padding-block":"0.75rem"},":where(.table-sm) :where(:not(thead, tfoot) tr)":{"font-size":"0.75rem"},":where(.table-sm) :where(th, td)":{"padding-inline":"0.75rem","padding-block":"0.5rem"},":where(.table-xl) :where(:not(thead, tfoot) tr)":{"font-size":"1.375rem"},":where(.table-xl) :where(th, td)":{"padding-inline":"1.5rem","padding-block":"1.25rem"},":where(.table-xs) :where(:not(thead, tfoot) tr)":{"font-size":"0.6875rem"},":where(.table-xs) :where(th, td)":{"padding-inline":"0.5rem","padding-block":"0.25rem"}};

package/dist/components/table.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */:where(.table-pin-cols) :where(tr th){position:sticky;inset-inline-start:0;inset-inline-end:0;background-color:var(--color-table)}:where(.table-pin-rows) :where(thead tr){position:sticky;inset-block-start:0;background-color:var(--color-table);z-index:1}.table{--radius-table:calc(var(--border-radius) * 4);--color-table:var(--color-base);--color-table-soft:var(--color-base-soft);--color-on-table-soft:var(--color-on-base-soft);--color-table-active:var(--color-base-active);border-collapse:collapse;position:relative;width:100%;text-align:start;border-radius:var(--radius-table);font-size:var(--text-base);:where(th,td){padding-inline:1rem;padding-block:.75rem;vertical-align:middle;text-align:start}:where(thead,tfoot){font-size:.875rem;font-weight:600;white-space:nowrap;color:var(--color-on-table-soft)}:where(tfoot){border-block-start:1px solid var(--color-table-soft)}:where(thead tr,tbody tr:not(:last-child)){border-block-end:1px solid var(--color-table-soft)}display:table}:where(.table-hover) :where(tbody tr){transition-property:background-color;transition-duration:.15s;transition-timing-function:linear}:where(.table-hover) :where(tbody tr):hover{background-color:var(--color-table-soft)}:where(.table-zebra) :where(tbody tr:nth-child(2n)){background-color:var(--color-table-soft)}:where(.table-zebra-cols) :where(tbody tr td:nth-child(2n)){background-color:var(--color-table-soft)}:where(.table-zebra-rows) :where(tbody tr:nth-child(2n)){background-color:var(--color-table-soft)}:where(.table-lg) :where(:not(thead,tfoot) tr){font-size:1.125rem}:where(.table-lg) :where(th,td){padding-inline:1.25rem;padding-block:1rem}:where(.table-md) :where(:not(thead,tfoot) tr){font-size:.875rem}:where(.table-md) :where(th,td){padding-inline:1rem;padding-block:.75rem}:where(.table-sm) :where(:not(thead,tfoot) tr){font-size:.75rem}:where(.table-sm) :where(th,td){padding-inline:.75rem;padding-block:.5rem}:where(.table-xl) :where(:not(thead,tfoot) tr){font-size:1.375rem}:where(.table-xl) :where(th,td){padding-inline:1.5rem;padding-block:1.25rem}:where(.table-xs) :where(:not(thead,tfoot) tr){font-size:.6875rem}:where(.table-xs) :where(th,td){padding-inline:.5rem;padding-block:.25rem}

package/dist/components/table.css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/tabs/index.js

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

package/dist/components/tabs/object.js

@@ -0,0 +1 @@
+export default {".tabs-vertical":{"--tabs--display":"grid","display":"grid","grid-template-columns":"max-content 1fr","align-items":"start","&::after":{"display":"none"},"&::before":{"content":"\"\"","grid-column":"2","grid-row":"1 / span 999","align-self":"stretch","border-inline-start":"1px solid var(--color-base-soft)","pointer-events":"none"},"& > .tab":{"grid-column":"1","width":"100%","justify-content":"flex-start","border-inline-end":"2px solid transparent","margin-inline-end":"-2px","border-radius":"0"},"& > .tab-active,\n  & > .tab:checked":{"border-inline-end-color":"var(--color-tab-active)","position":"relative","z-index":1},"& > .tab-content":{"grid-column":"2","grid-row":"1 / span 999"}},".tab-disabled":{"cursor":"not-allowed","opacity":0.4,"pointer-events":"none"},".tabs-lifted":{"align-items":"flex-end","gap":"0","&::after":{"content":"\"\"","width":"100%","order":1,"border-block-start":"1px solid var(--color-base-soft)"},"& > .tab":{"border":"1px solid transparent","border-block-end":"none","&:not(.btn)":{"border-radius":"calc(var(--border-radius) * 2) calc(var(--border-radius) * 2) 0 0"}},"& > .tab-active,\n  & > .tab:checked":{"color":"var(--color-on-base)","border-color":"var(--color-base-soft)","background-color":"var(--color-base)","position":"relative","z-index":1,"margin-block-end":"-1px"},"& > .tab-content":{"border":"1px solid var(--color-base-soft)","margin-block-start":"-1px","border-radius":"0 calc(var(--border-radius) * 2) calc(var(--border-radius) * 2) calc(var(--border-radius) * 2)"}},".tabs-bottom":{"align-items":"flex-start","&::after":{"display":"none"},"&::before":{"content":"\"\"","width":"100%","order":-1,"border-block-end":"1px solid var(--color-base-soft)"},"& > .tab":{"border-block-start":"2px solid transparent","margin-block-start":"-2px"},"& > .tab-active,\n  & > .tab:checked":{"border-block-start-color":"var(--color-tab-active)","position":"relative","z-index":1},"& > .tab-content":{"order":-2}},".tabs-underline":{"align-items":"flex-end","&::after":{"content":"\"\"","width":"100%","order":1,"border-block-start":"1px solid var(--color-base-soft)"},"& > .tab":{"border-block-end":"2px solid transparent","margin-block-end":"-2px"},"& > .tab-active,\n  & > .tab:checked":{"border-block-end-color":"var(--color-tab-active)","position":"relative","z-index":1}},".tab-content":{"display":"none","width":"100%","order":9999,".tab:checked + &":{"display":"block"},".tab-active + &":{"display":"block"}},".tab":{"--color-tab":"currentColor","--color-tab-active":"var(--color-primary)","--tab--padding-inline":"1rem","--tab--padding-block":"0.625rem","--tab--font-size":"0.875rem","-webkit-appearance":"none","-moz-appearance":"none","appearance":"none","border":"none","text-decoration":"none","display":"inline-flex","align-items":"center","justify-content":"center","gap":"0.5rem","padding-inline":"var(--tab--padding-inline)","padding-block":"var(--tab--padding-block)","font-size":"var(--tab--font-size)","font-weight":500,"cursor":"pointer","transition":"color 200ms ease-in-out, border-color 200ms ease-in-out","white-space":"nowrap","-webkit-user-select":"none","-moz-user-select":"none","user-select":"none","background":"transparent","&::after":{"content":"attr(aria-label)"},"&:not(.btn)":{"border-radius":"0","color":"var(--color-tab)","@supports (color: color-mix(in lab, red, red))":{"color":"color-mix(in oklab, var(--color-tab) 60%, transparent)"},"&:hover":{"@media (hover: hover)":{"color":"var(--color-tab)"}},"&:checked":{"color":"var(--color-tab-active)"}}},".tabs":{"display":"var(--tabs--display, flex)","flex-wrap":"wrap","gap":"0"},".tabs-box":{"background-color":"var(--color-base-soft)","border-radius":"calc(var(--border-radius) * 2)","padding":"0.25rem","gap":"0.25rem","align-items":"center","&::after":{"display":"none"},"& > .tab":{"border-radius":"calc(var(--border-radius) * 1.5)"},"& > .tab-active,\n  & > .tab:checked":{"background-color":"var(--color-base)","color":"var(--color-on-base)","box-shadow":"0 1px 3px color-mix(in oklab, oklch(0% 0 0) 10%, transparent)"}},".tabs-end":{"justify-content":"flex-end"},".tab-active":{"color":"var(--color-tab-active)"},".tabs-lg > .tab":{"--tab--padding-inline":"1.25rem","--tab--padding-block":"0.75rem","--tab--font-size":"1rem"},".tabs-md > .tab":{"--tab--padding-inline":"1rem","--tab--padding-block":"0.625rem","--tab--font-size":"0.875rem"},".tabs-sm > .tab":{"--tab--padding-inline":"0.75rem","--tab--padding-block":"0.5rem","--tab--font-size":"0.8125rem"},".tabs-xl > .tab":{"--tab--padding-inline":"1.5rem","--tab--padding-block":"0.875rem","--tab--font-size":"1.125rem"},".tabs-xs > .tab":{"--tab--padding-inline":"0.625rem","--tab--padding-block":"0.375rem","--tab--font-size":"0.75rem"}};

package/dist/components/tabs.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.tabs-vertical{--tabs--display:grid;display:grid;grid-template-columns:max-content 1fr;align-items:start;&:after{display:none}&:before{content:"";grid-column:2;grid-row:1/span 999;align-self:stretch;border-inline-start:1px solid var(--color-base-soft);pointer-events:none}&>.tab{grid-column:1;width:100%;justify-content:flex-start;border-inline-end:2px solid transparent;margin-inline-end:-2px;border-radius:0}&>.tab-active,&>.tab:checked{border-inline-end-color:var(--color-tab-active);position:relative;z-index:1}&>.tab-content{grid-column:2;grid-row:1/span 999}}.tab-disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.tabs-lifted{align-items:flex-end;gap:0;&:after{content:"";width:100%;order:1;border-block-start:1px solid var(--color-base-soft)}&>.tab{border:1px solid transparent;border-block-end:none;&:not(.btn){border-radius:calc(var(--border-radius) * 2) calc(var(--border-radius) * 2) 0 0}}&>.tab-active,&>.tab:checked{color:var(--color-on-base);border-color:var(--color-base-soft);background-color:var(--color-base);position:relative;z-index:1;margin-block-end:-1px}&>.tab-content{border:1px solid var(--color-base-soft);margin-block-start:-1px;border-radius:0 calc(var(--border-radius) * 2) calc(var(--border-radius) * 2) calc(var(--border-radius) * 2)}}.tabs-bottom{align-items:flex-start;&:after{display:none}&:before{content:"";width:100%;order:-1;border-block-end:1px solid var(--color-base-soft)}&>.tab{border-block-start:2px solid transparent;margin-block-start:-2px}&>.tab-active,&>.tab:checked{border-block-start-color:var(--color-tab-active);position:relative;z-index:1}&>.tab-content{order:-2}}.tabs-underline{align-items:flex-end;&:after{content:"";width:100%;order:1;border-block-start:1px solid var(--color-base-soft)}&>.tab{border-block-end:2px solid transparent;margin-block-end:-2px}&>.tab-active,&>.tab:checked{border-block-end-color:var(--color-tab-active);position:relative;z-index:1}}.tab-content{display:none;width:100%;order:9999;.tab-active+&,.tab:checked+&{display:block}}.tab{--color-tab:currentColor;--color-tab-active:var(--color-primary);--tab--padding-inline:1rem;--tab--padding-block:0.625rem;--tab--font-size:0.875rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding-inline:var(--tab--padding-inline);padding-block:var(--tab--padding-block);font-size:var(--tab--font-size);font-weight:500;cursor:pointer;transition:color .2s ease-in-out,border-color .2s ease-in-out;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent;&:after{content:attr(aria-label)}&:not(.btn){border-radius:0;color:var(--color-tab);@supports(color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-tab) 60%,transparent)}&:hover{@media(hover:hover){color:var(--color-tab)}}&:checked{color:var(--color-tab-active)}}}.tabs{display:var(--tabs--display,flex);flex-wrap:wrap;gap:0}.tabs-box{background-color:var(--color-base-soft);border-radius:calc(var(--border-radius) * 2);padding:.25rem;gap:.25rem;align-items:center;&:after{display:none}&>.tab{border-radius:calc(var(--border-radius) * 1.5)}&>.tab-active,&>.tab:checked{background-color:var(--color-base);color:var(--color-on-base);box-shadow:0 1px 3px color-mix(in oklab,oklch(0% 0 0) 10%,transparent)}}.tabs-end{justify-content:flex-end}.tab-active{color:var(--color-tab-active)}.tabs-lg>.tab{--tab--padding-inline:1.25rem;--tab--padding-block:0.75rem;--tab--font-size:1rem}.tabs-md>.tab{--tab--padding-inline:1rem;--tab--padding-block:0.625rem;--tab--font-size:0.875rem}.tabs-sm>.tab{--tab--padding-inline:0.75rem;--tab--padding-block:0.5rem;--tab--font-size:0.8125rem}.tabs-xl>.tab{--tab--padding-inline:1.5rem;--tab--padding-block:0.875rem;--tab--font-size:1.125rem}.tabs-xs>.tab{--tab--padding-inline:0.625rem;--tab--padding-block:0.375rem;--tab--font-size:0.75rem}

package/dist/components/tabs.css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/tag/index.js

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

package/dist/components/tag/object.js

@@ -0,0 +1 @@
+export default {".tag-remove":{"display":"inline-flex","align-items":"center","justify-content":"center","width":"1.125em","height":"1.125em","border-radius":"9999px","background-color":"currentColor","@supports (color: color-mix(in lab, red, red))":{"background-color":"color-mix(in oklab, currentColor 20%, transparent)"},"color":"currentColor","cursor":"pointer","font-size":"0.875em","line-height":1,"transition":"background-color 150ms ease-in-out","flex-shrink":0,"&:hover":{"@media (hover: hover)":{"background-color":"currentColor","@supports (color: color-mix(in lab, red, red))":{"background-color":"color-mix(in oklab, currentColor 35%, transparent)"}}}},".tag":{"--radius-tag":"9999px","--color-tag":"var(--color-base-soft)","--color-on-tag":"var(--color-on-base)","--tag--padding-inline":"0.625rem","--tag--padding-block":"0.25rem","--tag--font-size":"0.8125rem","display":"inline-flex","align-items":"center","gap":"0.375rem","padding-inline":"var(--tag--padding-inline)","padding-block":"var(--tag--padding-block)","font-size":"var(--tag--font-size)","font-weight":500,"line-height":1.4,"border-radius":"var(--radius-tag)","background-color":"var(--color-tag)","color":"var(--color-on-tag)","vertical-align":"middle","white-space":"nowrap","text-decoration":"none","-webkit-appearance":"none","-moz-appearance":"none","appearance":"none","border-width":"1px","border-style":"solid","border-color":"transparent"},".tag-outline":{"background-color":"transparent","border-color":"var(--color-tag)","color":"var(--color-tag)"},".tag-soft":{"background-color":"var(--color-tag)","@supports (color: color-mix(in lab, red, red))":{"background-color":"color-mix(in oklab, var(--color-tag) 15%, transparent)"},"color":"var(--color-tag)","border-color":"transparent"},".tag-lg":{"--tag--padding-inline":"0.75rem","--tag--padding-block":"0.3125rem","--tag--font-size":"0.9375rem"},".tag-md":{"--tag--padding-inline":"0.625rem","--tag--padding-block":"0.25rem","--tag--font-size":"0.8125rem"},".tag-sm":{"--tag--padding-inline":"0.5rem","--tag--padding-block":"0.1875rem","--tag--font-size":"0.75rem"},".tag-xl":{"--tag--padding-inline":"0.875rem","--tag--padding-block":"0.375rem","--tag--font-size":"1rem"},".tag-xs":{"--tag--padding-inline":"0.4375rem","--tag--padding-block":"0.125rem","--tag--font-size":"0.6875rem"},".tag-accent":{"--color-tag":"var(--color-accent)","--color-on-tag":"var(--color-on-accent)"},".tag-error":{"--color-tag":"var(--color-error)","--color-on-tag":"var(--color-on-error)"},".tag-info":{"--color-tag":"var(--color-info)","--color-on-tag":"var(--color-on-info)"},".tag-neutral":{"--color-tag":"var(--color-neutral)","--color-on-tag":"var(--color-on-neutral)"},".tag-primary":{"--color-tag":"var(--color-primary)","--color-on-tag":"var(--color-on-primary)"},".tag-secondary":{"--color-tag":"var(--color-secondary)","--color-on-tag":"var(--color-on-secondary)"},".tag-success":{"--color-tag":"var(--color-success)","--color-on-tag":"var(--color-on-success)"},".tag-warning":{"--color-tag":"var(--color-warning)","--color-on-tag":"var(--color-on-warning)"},".tag-square":{"--radius-tag":"calc(var(--border-radius) * 1.5)"}};

package/dist/components/tag.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.tag-remove{display:inline-flex;align-items:center;justify-content:center;width:1.125em;height:1.125em;border-radius:9999px;background-color:currentColor;@supports(color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,currentColor 20%,transparent)}color:currentColor;cursor:pointer;font-size:.875em;line-height:1;transition:background-color .15s ease-in-out;flex-shrink:0;&:hover{@media(hover:hover){background-color:currentColor;@supports(color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,currentColor 35%,transparent)}}}}.tag{--radius-tag:9999px;--color-tag:var(--color-base-soft);--color-on-tag:var(--color-on-base);--tag--padding-inline:0.625rem;--tag--padding-block:0.25rem;--tag--font-size:0.8125rem;display:inline-flex;align-items:center;gap:.375rem;padding-inline:var(--tag--padding-inline);padding-block:var(--tag--padding-block);font-size:var(--tag--font-size);font-weight:500;line-height:1.4;border-radius:var(--radius-tag);background-color:var(--color-tag);color:var(--color-on-tag);vertical-align:middle;white-space:nowrap;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:transparent;border-style:solid;border-width:1px}.tag-outline{background-color:transparent;border-color:var(--color-tag);color:var(--color-tag)}.tag-soft{background-color:var(--color-tag);@supports(color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-tag) 15%,transparent)}color:var(--color-tag);border-color:transparent}.tag-lg{--tag--padding-inline:0.75rem;--tag--padding-block:0.3125rem;--tag--font-size:0.9375rem}.tag-md{--tag--padding-inline:0.625rem;--tag--padding-block:0.25rem;--tag--font-size:0.8125rem}.tag-sm{--tag--padding-inline:0.5rem;--tag--padding-block:0.1875rem;--tag--font-size:0.75rem}.tag-xl{--tag--padding-inline:0.875rem;--tag--padding-block:0.375rem;--tag--font-size:1rem}.tag-xs{--tag--padding-inline:0.4375rem;--tag--padding-block:0.125rem;--tag--font-size:0.6875rem}.tag-accent{--color-tag:var(--color-accent);--color-on-tag:var(--color-on-accent)}.tag-error{--color-tag:var(--color-error);--color-on-tag:var(--color-on-error)}.tag-info{--color-tag:var(--color-info);--color-on-tag:var(--color-on-info)}.tag-neutral{--color-tag:var(--color-neutral);--color-on-tag:var(--color-on-neutral)}.tag-primary{--color-tag:var(--color-primary);--color-on-tag:var(--color-on-primary)}.tag-secondary{--color-tag:var(--color-secondary);--color-on-tag:var(--color-on-secondary)}.tag-success{--color-tag:var(--color-success);--color-on-tag:var(--color-on-success)}.tag-warning{--color-tag:var(--color-warning);--color-on-tag:var(--color-on-warning)}.tag-square{--radius-tag:calc(var(--border-radius) * 1.5)}

package/dist/components/tag.css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/textarea/index.js

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

package/dist/components/textarea/object.js

@@ -0,0 +1 @@
+export default {".textarea":{"font":"inherit","--radius-textarea":"calc(var(--border-radius) * 2)","--color-textarea":"var(--color-base-soft)","--color-on-textarea":"var(--color-on-base-soft)","--color-textarea-active":"var(--color-base-active)","--color-on-textarea-active":"var(--color-on-base)","--textarea--inline":"0.75rem","--textarea--block":"0.625rem","--textarea--font-size":"1rem","border-width":"1px","border-style":"solid","border-color":"var(--color-textarea-active)","background-color":"transparent","padding-inline":"var(--textarea--inline)","padding-block":"var(--textarea--block)","font-size":"var(--textarea--font-size)","color":"var(--color-on-base)","display":"block","align-self":"flex-start","align-items":"flex-start","-webkit-appearance":"none","-moz-appearance":"none","appearance":"none","border-radius":"var(--radius-textarea)","vertical-align":"middle","white-space":"pre-wrap","position":"relative","font-weight":500,"width":"100%","min-height":"var(--textarea--min-height, 5rem)","resize":"vertical","transition":"border-color 250ms","transition-timing-function":"ease-in-out","&::-moz-placeholder":{"font-size":"var(--textarea--font-size)","color":"var(--color-on-base)","@supports (color: color-mix(in lab, red, red))":{"color":"color-mix(in oklab, var(--color-on-base) 30%, transparent)"},"font-weight":400},"&::placeholder":{"font-size":"var(--textarea--font-size)","color":"var(--color-on-base)","@supports (color: color-mix(in lab, red, red))":{"color":"color-mix(in oklab, var(--color-on-base) 30%, transparent)"},"font-weight":400},"&: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"}},".textarea-dashed":{"border-style":"dashed"},".textarea-soft":{"background-color":"var(--color-textarea-soft)","border-color":"transparent","color":"var(--color-on-textarea-soft)"},".textarea-ghost":{"border-color":"transparent","background-color":"transparent","&:focus, &:focus-within":{"border-color":"var(--color-textarea-active)"}},".textarea-accent":{"--color-textarea":"var(--color-accent)","--color-on-textarea":"var(--color-on-accent)","--color-textarea-soft":"var(--color-accent-soft)","--color-on-textarea-soft":"var(--color-on-accent-soft)","--color-textarea-active":"var(--color-accent-active)","--color-on-textarea-active":"var(--color-on-accent)","&:focus, &:focus-within":{"border-color":"var(--color-accent-400)"}},".textarea-error":{"--color-textarea":"var(--color-error)","--color-on-textarea":"var(--color-on-error)","--color-textarea-soft":"var(--color-error-soft)","--color-on-textarea-soft":"var(--color-on-error-soft)","--color-textarea-active":"var(--color-error-active)","--color-on-textarea-active":"var(--color-on-error)","&:focus, &:focus-within":{"border-color":"var(--color-error-400)"}},".textarea-info":{"--color-textarea":"var(--color-info)","--color-on-textarea":"var(--color-on-info)","--color-textarea-soft":"var(--color-info-soft)","--color-on-textarea-soft":"var(--color-on-info-soft)","--color-textarea-active":"var(--color-info-active)","--color-on-textarea-active":"var(--color-on-info)","&:focus, &:focus-within":{"border-color":"var(--color-info-400)"}},".textarea-neutral":{"--color-textarea":"var(--color-neutral)","--color-on-textarea":"var(--color-on-neutral)","--color-textarea-soft":"var(--color-neutral-soft)","--color-on-textarea-soft":"var(--color-on-neutral-soft)","--color-textarea-active":"var(--color-neutral-active)","--color-on-textarea-active":"var(--color-on-neutral)","&:focus, &:focus-within":{"border-color":"var(--color-neutral-400)"}},".textarea-primary":{"--color-textarea":"var(--color-primary)","--color-on-textarea":"var(--color-on-primary)","--color-textarea-soft":"var(--color-primary-soft)","--color-on-textarea-soft":"var(--color-on-primary-soft)","--color-textarea-active":"var(--color-primary-active)","--color-on-textarea-active":"var(--color-on-primary)","&:focus, &:focus-within":{"border-color":"var(--color-primary-400)"}},".textarea-secondary":{"--color-textarea":"var(--color-secondary)","--color-on-textarea":"var(--color-on-secondary)","--color-textarea-soft":"var(--color-secondary-soft)","--color-on-textarea-soft":"var(--color-on-secondary-soft)","--color-textarea-active":"var(--color-secondary-active)","--color-on-textarea-active":"var(--color-on-secondary)","&:focus, &:focus-within":{"border-color":"var(--color-secondary-400)"}},".textarea-success":{"--color-textarea":"var(--color-success)","--color-on-textarea":"var(--color-on-success)","--color-textarea-soft":"var(--color-success-soft)","--color-on-textarea-soft":"var(--color-on-success-soft)","--color-textarea-active":"var(--color-success-active)","--color-on-textarea-active":"var(--color-on-success)","&:focus, &:focus-within":{"border-color":"var(--color-success-400)"}},".textarea-warning":{"--color-textarea":"var(--color-warning)","--color-on-textarea":"var(--color-on-warning)","--color-textarea-soft":"var(--color-warning-soft)","--color-on-textarea-soft":"var(--color-on-warning-soft)","--color-textarea-active":"var(--color-warning-active)","--color-on-textarea-active":"var(--color-on-warning)","&:focus, &:focus-within":{"border-color":"var(--color-warning-400)"}},".textarea-2xl":{"--textarea--inline":"1.25rem","--textarea--block":"1rem","--textarea--font-size":"1.025rem","--textarea--min-height":"10rem"},".textarea-lg":{"--textarea--inline":"0.9rem","--textarea--block":"0.75rem","--textarea--font-size":"1rem","--textarea--min-height":"6.5rem"},".textarea-md":{"--textarea--inline":"0.75rem","--textarea--block":"0.625rem","--textarea--font-size":"1rem","--textarea--min-height":"5rem"},".textarea-sm":{"--textarea--inline":"0.6rem","--textarea--block":"0.5rem","--textarea--font-size":"0.875rem","--textarea--min-height":"4rem"},".textarea-xl":{"--textarea--inline":"1rem","--textarea--block":"0.875rem","--textarea--font-size":"1rem","--textarea--min-height":"8rem"},".textarea-xs":{"--textarea--inline":"0.475rem","--textarea--block":"0.375rem","--textarea--font-size":"0.75rem","--textarea--min-height":"3rem"}};

package/dist/components/textarea.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.textarea{font:inherit;--radius-textarea:calc(var(--border-radius) * 2);--color-textarea:var(--color-base-soft);--color-on-textarea:var(--color-on-base-soft);--color-textarea-active:var(--color-base-active);--color-on-textarea-active:var(--color-on-base);--textarea--inline:0.75rem;--textarea--block:0.625rem;--textarea--font-size:1rem;border-width:1px;border-style:solid;border-color:var(--color-textarea-active);background-color:transparent;padding-inline:var(--textarea--inline);padding-block:var(--textarea--block);font-size:var(--textarea--font-size);color:var(--color-on-base);display:block;align-self:flex-start;align-items:flex-start;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-textarea);vertical-align:middle;white-space:pre-wrap;position:relative;font-weight:500;width:100%;min-height:var(--textarea--min-height,5rem);resize:vertical;transition:border-color .25s;transition-timing-function:ease-in-out;&::-moz-placeholder{font-size:var(--textarea--font-size);color:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-on-base) 30%,transparent)}font-weight:400}&::placeholder{font-size:var(--textarea--font-size);color:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-on-base) 30%,transparent)}font-weight:400}&: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}}.textarea-dashed{border-style:dashed}.textarea-soft{background-color:var(--color-textarea-soft);border-color:transparent;color:var(--color-on-textarea-soft)}.textarea-ghost{border-color:transparent;background-color:transparent;&:focus,&:focus-within{border-color:var(--color-textarea-active)}}.textarea-accent{--color-textarea:var(--color-accent);--color-on-textarea:var(--color-on-accent);--color-textarea-soft:var(--color-accent-soft);--color-on-textarea-soft:var(--color-on-accent-soft);--color-textarea-active:var(--color-accent-active);--color-on-textarea-active:var(--color-on-accent);&:focus,&:focus-within{border-color:var(--color-accent-400)}}.textarea-error{--color-textarea:var(--color-error);--color-on-textarea:var(--color-on-error);--color-textarea-soft:var(--color-error-soft);--color-on-textarea-soft:var(--color-on-error-soft);--color-textarea-active:var(--color-error-active);--color-on-textarea-active:var(--color-on-error);&:focus,&:focus-within{border-color:var(--color-error-400)}}.textarea-info{--color-textarea:var(--color-info);--color-on-textarea:var(--color-on-info);--color-textarea-soft:var(--color-info-soft);--color-on-textarea-soft:var(--color-on-info-soft);--color-textarea-active:var(--color-info-active);--color-on-textarea-active:var(--color-on-info);&:focus,&:focus-within{border-color:var(--color-info-400)}}.textarea-neutral{--color-textarea:var(--color-neutral);--color-on-textarea:var(--color-on-neutral);--color-textarea-soft:var(--color-neutral-soft);--color-on-textarea-soft:var(--color-on-neutral-soft);--color-textarea-active:var(--color-neutral-active);--color-on-textarea-active:var(--color-on-neutral);&:focus,&:focus-within{border-color:var(--color-neutral-400)}}.textarea-primary{--color-textarea:var(--color-primary);--color-on-textarea:var(--color-on-primary);--color-textarea-soft:var(--color-primary-soft);--color-on-textarea-soft:var(--color-on-primary-soft);--color-textarea-active:var(--color-primary-active);--color-on-textarea-active:var(--color-on-primary);&:focus,&:focus-within{border-color:var(--color-primary-400)}}.textarea-secondary{--color-textarea:var(--color-secondary);--color-on-textarea:var(--color-on-secondary);--color-textarea-soft:var(--color-secondary-soft);--color-on-textarea-soft:var(--color-on-secondary-soft);--color-textarea-active:var(--color-secondary-active);--color-on-textarea-active:var(--color-on-secondary);&:focus,&:focus-within{border-color:var(--color-secondary-400)}}.textarea-success{--color-textarea:var(--color-success);--color-on-textarea:var(--color-on-success);--color-textarea-soft:var(--color-success-soft);--color-on-textarea-soft:var(--color-on-success-soft);--color-textarea-active:var(--color-success-active);--color-on-textarea-active:var(--color-on-success);&:focus,&:focus-within{border-color:var(--color-success-400)}}.textarea-warning{--color-textarea:var(--color-warning);--color-on-textarea:var(--color-on-warning);--color-textarea-soft:var(--color-warning-soft);--color-on-textarea-soft:var(--color-on-warning-soft);--color-textarea-active:var(--color-warning-active);--color-on-textarea-active:var(--color-on-warning);&:focus,&:focus-within{border-color:var(--color-warning-400)}}.textarea-2xl{--textarea--inline:1.25rem;--textarea--block:1rem;--textarea--font-size:1.025rem;--textarea--min-height:10rem}.textarea-lg{--textarea--inline:0.9rem;--textarea--block:0.75rem;--textarea--min-height:6.5rem}.textarea-lg,.textarea-md{--textarea--font-size:1rem}.textarea-md{--textarea--inline:0.75rem;--textarea--block:0.625rem;--textarea--min-height:5rem}.textarea-sm{--textarea--inline:0.6rem;--textarea--block:0.5rem;--textarea--font-size:0.875rem;--textarea--min-height:4rem}.textarea-xl{--textarea--inline:1rem;--textarea--block:0.875rem;--textarea--font-size:1rem;--textarea--min-height:8rem}.textarea-xs{--textarea--inline:0.475rem;--textarea--block:0.375rem;--textarea--font-size:0.75rem;--textarea--min-height:3rem}

package/dist/components/textarea.css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/timeline/index.js

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

package/dist/components/timeline/object.js

@@ -0,0 +1 @@
+export default {".timeline-item":{"display":"grid","grid-template-columns":"var(--timeline-item--cols, 1fr auto 1fr)","grid-template-rows":"auto","align-items":"start","gap":"0 1rem","position":"relative","padding-block":"0.75rem","&:not(:last-child)::after":{"content":"\"\"","position":"absolute","inset-inline-start":"var(--timeline-after--start, 50%)","transform":"var(--timeline-after--transform, translateX(-50%))","top":"1.75rem","bottom":"-0.75rem","width":"2px","background-color":"var(--timeline-line-color, var(--color-base-soft))","z-index":0}},".timeline-middle":{"grid-column":"2","display":"flex","align-items":"center","justify-content":"center","width":"1rem","height":"1rem","border-radius":"9999px","background-color":"var(--color-base-soft)","border":"3px solid var(--color-base)","z-index":1,"flex-shrink":0,"position":"relative"},".timeline":{"list-style":"none","padding":"0","margin":"0","position":"relative","display":"flex"},".timeline-end":{"grid-column":"3","padding-inline-start":"0.5rem","font-size":"0.875rem","color":"currentColor","align-self":"center"},".timeline-start":{"grid-column":"1","text-align":"end","padding-inline-end":"0.5rem","font-size":"0.875rem","color":"currentColor","@supports (color: color-mix(in lab, red, red))":{"color":"color-mix(in oklch, currentColor 60%, transparent)"},"align-self":"center"},".timeline-snap-end":{"--timeline-item--cols":"1fr auto 0","--timeline-after--start":"calc(100% - 1.5rem)","--timeline-after--transform":"none",":where(&) :where(.timeline-end)":{"display":"none"}},".timeline-snap-start":{"--timeline-item--cols":"0 auto 1fr","--timeline-after--start":"1.5rem","--timeline-after--transform":"none",":where(&) :where(.timeline-start)":{"display":"none"}},".timeline-horizontal":{"flex-direction":"row","gap":"0"},".timeline-vertical":{"flex-direction":"column","gap":"0"},".timeline-accent":{"--timeline-line-color":"var(--color-accent)","& .timeline-middle":{"background-color":"var(--color-accent)"}},".timeline-error":{"--timeline-line-color":"var(--color-error)","& .timeline-middle":{"background-color":"var(--color-error)"}},".timeline-info":{"--timeline-line-color":"var(--color-info)","& .timeline-middle":{"background-color":"var(--color-info)"}},".timeline-neutral":{"--timeline-line-color":"var(--color-neutral)","& .timeline-middle":{"background-color":"var(--color-neutral)"}},".timeline-primary":{"--timeline-line-color":"var(--color-primary)","& .timeline-middle":{"background-color":"var(--color-primary)"}},".timeline-secondary":{"--timeline-line-color":"var(--color-secondary)","& .timeline-middle":{"background-color":"var(--color-secondary)"}},".timeline-success":{"--timeline-line-color":"var(--color-success)","& .timeline-middle":{"background-color":"var(--color-success)"}},".timeline-warning":{"--timeline-line-color":"var(--color-warning)","& .timeline-middle":{"background-color":"var(--color-warning)"}}};

package/dist/components/timeline.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.timeline-item{display:grid;grid-template-columns:var(--timeline-item--cols,1fr auto 1fr);grid-template-rows:auto;align-items:start;gap:0 1rem;position:relative;padding-block:.75rem;&:not(:last-child):after{content:"";position:absolute;inset-inline-start:var(--timeline-after--start,50%);transform:var(--timeline-after--transform,translateX(-50%));top:1.75rem;bottom:-.75rem;width:2px;background-color:var(--timeline-line-color,var(--color-base-soft));z-index:0}}.timeline-middle{grid-column:2;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:9999px;background-color:var(--color-base-soft);border:3px solid var(--color-base);z-index:1;flex-shrink:0}.timeline,.timeline-middle{display:flex;position:relative}.timeline{list-style:none;padding:0;margin:0}.timeline-end{grid-column:3;padding-inline-start:.5rem;font-size:.875rem;color:currentColor;align-self:center}.timeline-start{grid-column:1;text-align:end;padding-inline-end:.5rem;font-size:.875rem;color:currentColor;@supports(color:color-mix(in lab,red,red)){color:color-mix(in oklch,currentColor 60%,transparent)}align-self:center}.timeline-snap-end{--timeline-item--cols:1fr auto 0;--timeline-after--start:calc(100% - 1.5rem);--timeline-after--transform:none;:where(&) :where(.timeline-end){display:none}}.timeline-snap-start{--timeline-item--cols:0 auto 1fr;--timeline-after--start:1.5rem;--timeline-after--transform:none;:where(&) :where(.timeline-start){display:none}}.timeline-horizontal{flex-direction:row;gap:0}.timeline-vertical{flex-direction:column;gap:0}.timeline-accent{--timeline-line-color:var(--color-accent);& .timeline-middle{background-color:var(--color-accent)}}.timeline-error{--timeline-line-color:var(--color-error);& .timeline-middle{background-color:var(--color-error)}}.timeline-info{--timeline-line-color:var(--color-info);& .timeline-middle{background-color:var(--color-info)}}.timeline-neutral{--timeline-line-color:var(--color-neutral);& .timeline-middle{background-color:var(--color-neutral)}}.timeline-primary{--timeline-line-color:var(--color-primary);& .timeline-middle{background-color:var(--color-primary)}}.timeline-secondary{--timeline-line-color:var(--color-secondary);& .timeline-middle{background-color:var(--color-secondary)}}.timeline-success{--timeline-line-color:var(--color-success);& .timeline-middle{background-color:var(--color-success)}}.timeline-warning{--timeline-line-color:var(--color-warning);& .timeline-middle{background-color:var(--color-warning)}}

package/dist/components/timeline.css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/toast/index.js

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

package/dist/components/toast/object.js

@@ -0,0 +1 @@
+export default {".toast":{"position":"fixed","z-index":1000,"display":"flex","flex-direction":"column","gap":"0.5rem","padding":"1rem","pointer-events":"none","inset-block-end":"0","inset-inline-end":"0","& > *":{"pointer-events":"auto"}},".toast-center":{"inset-inline-end":"auto","inset-inline-start":"50%","transform":"translateX(-50%)"},".toast-end":{"inset-inline-start":"auto","inset-inline-end":"0"},".toast-start":{"inset-inline-end":"auto","inset-inline-start":"0"},".toast-middle":{"inset-block-end":"auto","inset-block-start":"50%","transform":"translateY(-50%)"},".toast-bottom":{"inset-block-start":"auto","inset-block-end":"0"},".toast-top":{"inset-block-end":"auto","inset-block-start":"0"}};

package/dist/components/toast.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.toast{position:fixed;z-index:1000;display:flex;flex-direction:column;gap:.5rem;padding:1rem;pointer-events:none;inset-block-end:0;inset-inline-end:0;&>*{pointer-events:auto}}.toast-center{inset-inline-end:auto;inset-inline-start:50%;transform:translateX(-50%)}.toast-end{inset-inline-start:auto;inset-inline-end:0}.toast-start{inset-inline-end:auto;inset-inline-start:0}.toast-middle{inset-block-end:auto;inset-block-start:50%;transform:translateY(-50%)}.toast-bottom{inset-block-start:auto;inset-block-end:0}.toast-top{inset-block-end:auto;inset-block-start:0}

package/dist/components/toast.css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/toggle/index.js

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

package/dist/components/toggle/object.js

@@ -0,0 +1 @@
+export default {".toggle":{"--radius-toggle":"9999px","--color-toggle":"var(--color-base-300)","--color-on-toggle":"var(--color-on-base)","--color-toggle-checked":"var(--color-primary)","--color-on-toggle-checked":"var(--color-on-primary)","--toggle--width":"3rem","--toggle--height":"1.5rem","--toggle--thumb-size":"calc(var(--toggle--height) - 0.375rem)","-webkit-appearance":"none","-moz-appearance":"none","appearance":"none","border":"none","cursor":"pointer","display":"inline-block","width":"var(--toggle--width)","height":"var(--toggle--height)","border-radius":"var(--radius-toggle)","background-color":"var(--color-toggle)","position":"relative","flex-shrink":0,"vertical-align":"middle","transition":"background-color 200ms ease-in-out","&::before":{"content":"\"\"","position":"absolute","top":"50%","inset-inline-start":"0.1875rem","transform":"translateY(-50%)","width":"var(--toggle--thumb-size)","height":"var(--toggle--thumb-size)","border-radius":"9999px","background-color":"white","transition":"inset-inline-start 200ms ease-in-out, transform 200ms ease-in-out","box-shadow":"0 1px 3px oklch(0% 0 0 / 20%)"},"&:checked, &[aria-checked=\"true\"]":{"background-color":"var(--color-toggle-checked)","&::before":{"inset-inline-start":"calc(100% - var(--toggle--thumb-size) - 0.1875rem)"}},"&:focus-visible":{"outline-width":"2px","outline-style":"solid","outline-color":"light-dark(var(--color-base-950), var(--color-base-50))","outline-offset":"3px"},"&:disabled":{"cursor":"not-allowed","opacity":0.5,"pointer-events":"none"}},".toggle-accent":{"--color-toggle-checked":"var(--color-accent)","--color-on-toggle-checked":"var(--color-on-accent)"},".toggle-error":{"--color-toggle-checked":"var(--color-error)","--color-on-toggle-checked":"var(--color-on-error)"},".toggle-info":{"--color-toggle-checked":"var(--color-info)","--color-on-toggle-checked":"var(--color-on-info)"},".toggle-lg":{"--toggle--width":"3.5rem","--toggle--height":"1.75rem"},".toggle-md":{"--toggle--width":"3rem","--toggle--height":"1.5rem"},".toggle-neutral":{"--color-toggle-checked":"var(--color-neutral)","--color-on-toggle-checked":"var(--color-on-neutral)"},".toggle-primary":{"--color-toggle-checked":"var(--color-primary)","--color-on-toggle-checked":"var(--color-on-primary)"},".toggle-secondary":{"--color-toggle-checked":"var(--color-secondary)","--color-on-toggle-checked":"var(--color-on-secondary)"},".toggle-sm":{"--toggle--width":"2.5rem","--toggle--height":"1.25rem"},".toggle-success":{"--color-toggle-checked":"var(--color-success)","--color-on-toggle-checked":"var(--color-on-success)"},".toggle-warning":{"--color-toggle-checked":"var(--color-warning)","--color-on-toggle-checked":"var(--color-on-warning)"},".toggle-xl":{"--toggle--width":"4rem","--toggle--height":"2rem"},".toggle-xs":{"--toggle--width":"2rem","--toggle--height":"1rem"}};

package/dist/components/toggle.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.toggle{--radius-toggle:9999px;--color-toggle:var(--color-base-300);--color-on-toggle:var(--color-on-base);--color-toggle-checked:var(--color-primary);--color-on-toggle-checked:var(--color-on-primary);--toggle--width:3rem;--toggle--height:1.5rem;--toggle--thumb-size:calc(-.375rem + var(--toggle--height));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;display:inline-block;width:var(--toggle--width);height:var(--toggle--height);border-radius:var(--radius-toggle);background-color:var(--color-toggle);position:relative;flex-shrink:0;vertical-align:middle;transition:background-color .2s ease-in-out;&:before{content:"";position:absolute;top:50%;inset-inline-start:.1875rem;transform:translateY(-50%);width:var(--toggle--thumb-size);height:var(--toggle--thumb-size);border-radius:9999px;background-color:#fff;transition:inset-inline-start .2s ease-in-out,transform .2s ease-in-out;box-shadow:0 1px 3px oklch(0% 0 0/20%)}&:checked,&[aria-checked=true]{background-color:var(--color-toggle-checked);&:before{inset-inline-start:calc(100% - .1875rem - var(--toggle--thumb-size))}}&:focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark(var(--color-base-950),var(--color-base-50));outline-offset:3px}&:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}}.toggle-accent{--color-toggle-checked:var(--color-accent);--color-on-toggle-checked:var(--color-on-accent)}.toggle-error{--color-toggle-checked:var(--color-error);--color-on-toggle-checked:var(--color-on-error)}.toggle-info{--color-toggle-checked:var(--color-info);--color-on-toggle-checked:var(--color-on-info)}.toggle-lg{--toggle--width:3.5rem;--toggle--height:1.75rem}.toggle-md{--toggle--width:3rem;--toggle--height:1.5rem}.toggle-neutral{--color-toggle-checked:var(--color-neutral);--color-on-toggle-checked:var(--color-on-neutral)}.toggle-primary{--color-toggle-checked:var(--color-primary);--color-on-toggle-checked:var(--color-on-primary)}.toggle-secondary{--color-toggle-checked:var(--color-secondary);--color-on-toggle-checked:var(--color-on-secondary)}.toggle-sm{--toggle--width:2.5rem;--toggle--height:1.25rem}.toggle-success{--color-toggle-checked:var(--color-success);--color-on-toggle-checked:var(--color-on-success)}.toggle-warning{--color-toggle-checked:var(--color-warning);--color-on-toggle-checked:var(--color-on-warning)}.toggle-xl{--toggle--width:4rem;--toggle--height:2rem}.toggle-xs{--toggle--width:2rem;--toggle--height:1rem}

package/dist/components/toggle.css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/tooltip/index.js

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

package/dist/components/tooltip/object.js

@@ -0,0 +1 @@
+export default {".tooltip":{"position":"relative","display":"inline-block","--color-tooltip":"var(--color-neutral)","--color-on-tooltip":"var(--color-on-neutral)","--tooltip-content":"calc(100% + 0.5rem)","--tooltip-tail":"calc(100% + 1px + 0.25rem)","--radius-tooltip":"calc(var(--border-radius) * 2)","& > .tooltip-content,\n    &[data-tip]:before":{"color":"var(--color-on-tooltip)","border-radius":"var(--radius-tooltip)","position":"absolute","max-width":"20rem","padding-inline":"0.5rem","padding-block":"0.25rem","opacity":"0%","text-align":"center","white-space":"normal","font-size":"0.875rem","line-height":1.25,"background-color":"var(--color-tooltip)","width":"max-content","pointer-events":"none","z-index":2,"--tw-content":"attr(data-tip)","content":"var(--tw-content)","transform":"translateX(-50%) translateY(var(--tooltip-placement, 0.25rem))","inset":"auto auto var(--tooltip-content) 50%"},"&:after":{"background-color":"var(--color-tooltip)","content":"\"\"","pointer-events":"none","width":"0.625rem","height":"0.25rem","display":"block","position":"absolute","opacity":"0%","-webkit-mask-repeat":"no-repeat","mask-repeat":"no-repeat","-webkit-mask-position":"-1px 0","mask-position":"-1px 0","--mask-tooltip":"url(\"data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A\")","-webkit-mask-image":"var(--mask-tooltip)","mask-image":"var(--mask-tooltip)","transform":"translateX(-50%) translateY(var(--tooltip-placement, 0.25rem))","inset":"auto auto var(--tooltip-tail) 50%"},"@media (prefers-reduced-motion: no-preference)":{"& > .tooltip-content,\n      &[data-tip]:before,\n      &:after":{"transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms,\n          transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms"}},"&:is([data-tip]:not([data-tip=\"\"]), :has(.tooltip-content:not(:empty)))":{"&:is(.tooltip-open, :hover, :focus-within)":{"& > .tooltip-content,\n        &[data-tip]:before,\n        &:after":{"opacity":"100%","--tooltip-placement":"0rem","@media (prefers-reduced-motion: no-preference)":{"transition":"opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s,\n              transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s"}}}}},".tooltip-end > .tooltip-content, .tooltip-end[data-tip]:before":{"transform":"translateX(calc(var(--tooltip-placement, -0.25rem) + 0.25rem)) translateY(-50%)","inset":"50% auto auto var(--tooltip-content)","z-index":50},".tooltip-end:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *) > .tooltip-content, .tooltip-end:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *)[data-tip]:before":{"transform":"translateX(calc(var(--tooltip-placement, 0.25rem) - 0.25rem)) translateY(-50%)","inset":"50% var(--tooltip-content) auto auto","z-index":50},".tooltip-end::after":{"content":"\"\"","transform":"translateX(var(--tooltip-placement, -0.25rem)) translateY(-50%) rotate(90deg)","inset":"50% auto auto calc(var(--tooltip-tail) + 1px)","z-index":50},".tooltip-end:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *)::after":{"content":"\"\"","transform":"translateX(var(--tooltip-placement, 0.25rem)) translateY(-50%) rotate(-90deg)","inset":"50% calc(var(--tooltip-tail) + 1px) auto auto","z-index":50},".tooltip-start > .tooltip-content, .tooltip-start[data-tip]:before":{"transform":"translateX(calc(var(--tooltip-placement, 0.25rem) - 0.25rem)) translateY(-50%)","inset":"50% var(--tooltip-content) auto auto","z-index":50},".tooltip-start:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *) > .tooltip-content, .tooltip-start:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *)[data-tip]:before":{"transform":"translateX(calc(var(--tooltip-placement, -0.25rem) + 0.25rem)) translateY(-50%)","inset":"50% auto auto var(--tooltip-content)","z-index":50},".tooltip-start::after":{"content":"\"\"","transform":"translateX(var(--tooltip-placement, 0.25rem)) translateY(-50%) rotate(-90deg)","inset":"50% calc(var(--tooltip-tail) + 1px) auto auto","z-index":50},".tooltip-start:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *)::after":{"content":"\"\"","transform":"translateX(var(--tooltip-placement, -0.25rem)) translateY(-50%) rotate(90deg)","inset":"50% auto auto calc(var(--tooltip-tail) + 1px)","z-index":50},".tooltip-bottom > .tooltip-content, .tooltip-bottom[data-tip]:before":{"transform":"translateX(-50%) translateY(var(--tooltip-placement, -0.25rem))","inset":"var(--tooltip-content) auto auto 50%","z-index":50},".tooltip-bottom::after":{"content":"\"\"","transform":"translateX(-50%) translateY(var(--tooltip-placement, -0.25rem)) rotate(180deg)","inset":"var(--tooltip-tail) auto auto 50%","z-index":50},".tooltip-left > .tooltip-content, .tooltip-left[data-tip]:before":{"transform":"translateX(calc(var(--tooltip-placement, 0.25rem) - 0.25rem)) translateY(-50%)","inset":"50% var(--tooltip-content) auto auto","z-index":50},".tooltip-left::after":{"content":"\"\"","transform":"translateX(var(--tooltip-placement, 0.25rem)) translateY(-50%) rotate(-90deg)","inset":"50% calc(var(--tooltip-tail) + 1px) auto auto","z-index":50},".tooltip-right > .tooltip-content, .tooltip-right[data-tip]:before":{"transform":"translateX(calc(var(--tooltip-placement, -0.25rem) + 0.25rem)) translateY(-50%)","inset":"50% auto auto var(--tooltip-content)","z-index":50},".tooltip-right::after":{"content":"\"\"","transform":"translateX(var(--tooltip-placement, -0.25rem)) translateY(-50%) rotate(90deg)","inset":"50% auto auto calc(var(--tooltip-tail) + 1px)","z-index":50},".tooltip-top > .tooltip-content, .tooltip-top[data-tip]:before":{"transform":"translateX(-50%) translateY(var(--tooltip-placement, 0.25rem))","inset":"auto auto var(--tooltip-content) 50%","z-index":50},".tooltip-top::after":{"content":"\"\"","transform":"translateX(-50%) translateY(var(--tooltip-placement, 0.25rem))","inset":"auto auto var(--tooltip-tail) 50%","z-index":50},".tooltip-accent":{"--color-tooltip":"var(--color-accent)","--color-on-tooltip":"var(--color-on-accent)"},".tooltip-error":{"--color-tooltip":"var(--color-error)","--color-on-tooltip":"var(--color-on-error)"},".tooltip-info":{"--color-tooltip":"var(--color-info)","--color-on-tooltip":"var(--color-on-info)"},".tooltip-neutral":{"--color-tooltip":"var(--color-neutral)","--color-on-tooltip":"var(--color-on-neutral)"},".tooltip-primary":{"--color-tooltip":"var(--color-primary)","--color-on-tooltip":"var(--color-on-primary)"},".tooltip-secondary":{"--color-tooltip":"var(--color-secondary)","--color-on-tooltip":"var(--color-on-secondary)"},".tooltip-success":{"--color-tooltip":"var(--color-success)","--color-on-tooltip":"var(--color-on-success)"},".tooltip-warning":{"--color-tooltip":"var(--color-warning)","--color-on-tooltip":"var(--color-on-warning)"},".tooltip-content":{"--fj-tooltip-scope":"1"}};

package/dist/components/tooltip.css

@@ -0,0 +1,2 @@
+/*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;.tooltip{position:relative;display:inline-block;--color-tooltip:var(--color-neutral);--color-on-tooltip:var(--color-on-neutral);--tooltip-content:calc(100% + .5rem);--tooltip-tail:calc(100% + 1px + .25rem);--radius-tooltip:calc(var(--border-radius) * 2);&>.tooltip-content,&[data-tip]:before{color:var(--color-on-tooltip);border-radius:var(--radius-tooltip);max-width:20rem;padding-inline:.5rem;padding-block:.25rem;text-align:center;white-space:normal;font-size:.875rem;line-height:1.25;width:-moz-max-content;width:max-content;z-index:2;--tw-content:attr(data-tip);content:var(--tw-content);inset:auto auto var(--tooltip-content) 50%}&:after,&>.tooltip-content,&[data-tip]:before{position:absolute;opacity:0;background-color:var(--color-tooltip);pointer-events:none;transform:translateX(-50%) translateY(var(--tooltip-placement,.25rem))}&:after{content:"";width:.625rem;height:.25rem;display:block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:-1px 0;mask-position:-1px 0;--mask-tooltip:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%224%22%20fill%3D%22none%22%20viewBox%3D%220%200%208%204%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M.5%201C3.5%201%203%204%205%204s1.5-3%204.5-3c.5%200%20.5-.5.5-1H0c0%20.5%200%201%20.5%201%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-image:var(--mask-tooltip);mask-image:var(--mask-tooltip);inset:auto auto var(--tooltip-tail) 50%}@media(prefers-reduced-motion:no-preference){&:after,&>.tooltip-content,&[data-tip]:before{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}}&:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))){&:is(.tooltip-open,:hover,:focus-within){&:after,&>.tooltip-content,&[data-tip]:before{opacity:1;--tooltip-placement:0rem;@media(prefers-reduced-motion:no-preference){transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}}}}}.tooltip-end>.tooltip-content,.tooltip-end[data-tip]:before{transform:translateX(calc(.25rem + var(--tooltip-placement,-.25rem))) translateY(-50%);inset:50% auto auto var(--tooltip-content);z-index:50}.tooltip-end:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>.tooltip-content,.tooltip-end:where(:dir(rtl),[dir=rtl],[dir=rtl] *)[data-tip]:before{transform:translateX(calc(-.25rem + var(--tooltip-placement,.25rem))) translateY(-50%);inset:50% var(--tooltip-content) auto auto;z-index:50}.tooltip-end:after{content:var(--tw-content);content:"";transform:translateX(var(--tooltip-placement,-.25rem)) translateY(-50%) rotate(90deg);inset:50% auto auto calc(1px + var(--tooltip-tail));z-index:50}.tooltip-end:where(:dir(rtl),[dir=rtl],[dir=rtl] *):after{content:var(--tw-content);content:"";transform:translateX(var(--tooltip-placement,.25rem)) translateY(-50%) rotate(-90deg);inset:50% calc(1px + var(--tooltip-tail)) auto auto;z-index:50}.tooltip-start>.tooltip-content,.tooltip-start[data-tip]:before{transform:translateX(calc(-.25rem + var(--tooltip-placement,.25rem))) translateY(-50%);inset:50% var(--tooltip-content) auto auto;z-index:50}.tooltip-start:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>.tooltip-content,.tooltip-start:where(:dir(rtl),[dir=rtl],[dir=rtl] *)[data-tip]:before{transform:translateX(calc(.25rem + var(--tooltip-placement,-.25rem))) translateY(-50%);inset:50% auto auto var(--tooltip-content);z-index:50}.tooltip-start:after{content:var(--tw-content);content:"";transform:translateX(var(--tooltip-placement,.25rem)) translateY(-50%) rotate(-90deg);inset:50% calc(1px + var(--tooltip-tail)) auto auto;z-index:50}.tooltip-start:where(:dir(rtl),[dir=rtl],[dir=rtl] *):after{content:var(--tw-content);content:"";transform:translateX(var(--tooltip-placement,-.25rem)) translateY(-50%) rotate(90deg);inset:50% auto auto calc(1px + var(--tooltip-tail));z-index:50}.tooltip-bottom>.tooltip-content,.tooltip-bottom[data-tip]:before{transform:translateX(-50%) translateY(var(--tooltip-placement,-.25rem));inset:var(--tooltip-content) auto auto 50%;z-index:50}.tooltip-bottom:after{content:var(--tw-content);content:"";transform:translateX(-50%) translateY(var(--tooltip-placement,-.25rem)) rotate(180deg);inset:var(--tooltip-tail) auto auto 50%;z-index:50}.tooltip-left>.tooltip-content,.tooltip-left[data-tip]:before{transform:translateX(calc(-.25rem + var(--tooltip-placement,.25rem))) translateY(-50%);inset:50% var(--tooltip-content) auto auto;z-index:50}.tooltip-left:after{content:var(--tw-content);content:"";transform:translateX(var(--tooltip-placement,.25rem)) translateY(-50%) rotate(-90deg);inset:50% calc(1px + var(--tooltip-tail)) auto auto;z-index:50}.tooltip-right>.tooltip-content,.tooltip-right[data-tip]:before{transform:translateX(calc(.25rem + var(--tooltip-placement,-.25rem))) translateY(-50%);inset:50% auto auto var(--tooltip-content);z-index:50}.tooltip-right:after{content:var(--tw-content);content:"";transform:translateX(var(--tooltip-placement,-.25rem)) translateY(-50%) rotate(90deg);inset:50% auto auto calc(1px + var(--tooltip-tail));z-index:50}.tooltip-top>.tooltip-content,.tooltip-top[data-tip]:before{inset:auto auto var(--tooltip-content) 50%}.tooltip-top:after,.tooltip-top>.tooltip-content,.tooltip-top[data-tip]:before{transform:translateX(-50%) translateY(var(--tooltip-placement,.25rem));z-index:50}.tooltip-top:after{content:var(--tw-content);content:"";inset:auto auto var(--tooltip-tail) 50%}.tooltip-accent{--color-tooltip:var(--color-accent);--color-on-tooltip:var(--color-on-accent)}.tooltip-error{--color-tooltip:var(--color-error);--color-on-tooltip:var(--color-on-error)}.tooltip-info{--color-tooltip:var(--color-info);--color-on-tooltip:var(--color-on-info)}.tooltip-neutral{--color-tooltip:var(--color-neutral);--color-on-tooltip:var(--color-on-neutral)}.tooltip-primary{--color-tooltip:var(--color-primary);--color-on-tooltip:var(--color-on-primary)}.tooltip-secondary{--color-tooltip:var(--color-secondary);--color-on-tooltip:var(--color-on-secondary)}.tooltip-success{--color-tooltip:var(--color-success);--color-on-tooltip:var(--color-on-success)}.tooltip-warning{--color-tooltip:var(--color-warning);--color-on-tooltip:var(--color-on-warning)}.tooltip-content{--fj-tooltip-scope:1}@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/tooltip.css.d.ts

@@ -0,0 +1 @@
+export {};