frutjam 2.7.1-beta.0 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +1 -1
- package/README.md +117 -19
- package/dist/base/reboot/index.js +5 -0
- package/dist/base/reboot/object.js +1 -0
- package/dist/base/tokens/index.js +5 -0
- package/dist/base/tokens/object.js +1 -0
- package/dist/base.css +4 -0
- package/dist/components/accordion/index.js +7 -0
- package/dist/components/accordion/object.js +1 -0
- package/dist/components/accordion.css +2 -0
- package/dist/components/alert/index.js +7 -0
- package/dist/components/alert/object.js +1 -0
- package/dist/components/alert.css +2 -0
- package/dist/components/avatar/index.js +7 -0
- package/dist/components/avatar/object.js +1 -0
- package/dist/components/avatar.css +2 -0
- package/dist/components/badge/index.js +7 -0
- package/dist/components/badge/object.js +1 -0
- package/dist/components/badge.css +2 -0
- package/dist/components/breadcrumb/index.js +7 -0
- package/dist/components/breadcrumb/object.js +1 -0
- package/dist/components/breadcrumb.css +2 -0
- package/dist/components/button/index.js +7 -0
- package/dist/components/button/object.js +1 -0
- package/dist/components/button.css +4 -0
- package/dist/components/card/index.js +7 -0
- package/dist/components/card/object.js +1 -0
- package/dist/components/card.css +2 -0
- package/dist/components/carousel/index.js +7 -0
- package/dist/components/carousel/object.js +1 -0
- package/dist/components/carousel.css +2 -0
- package/dist/components/chat/index.js +7 -0
- package/dist/components/chat/object.js +1 -0
- package/dist/components/chat.css +2 -0
- package/dist/components/checkbox/index.js +7 -0
- package/dist/components/checkbox/object.js +1 -0
- package/dist/components/checkbox.css +2 -0
- package/dist/components/collapsible/index.js +7 -0
- package/dist/components/collapsible/object.js +1 -0
- package/dist/components/collapsible.css +2 -0
- package/dist/components/combobox/index.js +7 -0
- package/dist/components/combobox/object.js +1 -0
- package/dist/components/combobox.css +2 -0
- package/dist/components/countdown/index.js +7 -0
- package/dist/components/countdown/object.js +1 -0
- package/dist/components/countdown.css +2 -0
- package/dist/components/diff/index.js +7 -0
- package/dist/components/diff/object.js +1 -0
- package/dist/components/diff.css +2 -0
- package/dist/components/divider/index.js +7 -0
- package/dist/components/divider/object.js +1 -0
- package/dist/components/divider.css +2 -0
- package/dist/components/drawer/index.js +7 -0
- package/dist/components/drawer/object.js +1 -0
- package/dist/components/drawer.css +2 -0
- package/dist/components/footer/index.js +7 -0
- package/dist/components/footer/object.js +1 -0
- package/dist/components/footer.css +2 -0
- package/dist/components/header/index.js +7 -0
- package/dist/components/header/object.js +1 -0
- package/dist/components/header.css +2 -0
- package/dist/components/hero/index.js +7 -0
- package/dist/components/hero/object.js +1 -0
- package/dist/components/hero.css +2 -0
- package/dist/components/indicator/index.js +7 -0
- package/dist/components/indicator/object.js +1 -0
- package/dist/components/indicator.css +2 -0
- package/dist/components/input/index.js +7 -0
- package/dist/components/input/object.js +1 -0
- package/dist/components/input.css +2 -0
- package/dist/components/join/index.js +7 -0
- package/dist/components/join/object.js +1 -0
- package/dist/components/join.css +2 -0
- package/dist/components/kbd/index.js +7 -0
- package/dist/components/kbd/object.js +1 -0
- package/dist/components/kbd.css +2 -0
- package/dist/components/link/index.js +7 -0
- package/dist/components/link/object.js +1 -0
- package/dist/components/link.css +2 -0
- package/dist/components/loading/index.js +7 -0
- package/dist/components/loading/object.js +1 -0
- package/dist/components/loading.css +2 -0
- package/dist/components/mask/index.js +7 -0
- package/dist/components/mask/object.js +1 -0
- package/dist/components/mask.css +2 -0
- package/dist/components/menu/index.js +7 -0
- package/dist/components/menu/object.js +1 -0
- package/dist/components/menu.css +2 -0
- package/dist/components/modal/index.js +7 -0
- package/dist/components/modal/object.js +1 -0
- package/dist/components/modal.css +2 -0
- package/dist/components/navbar/index.js +7 -0
- package/dist/components/navbar/object.js +1 -0
- package/dist/components/navbar.css +2 -0
- package/dist/components/popover/index.js +7 -0
- package/dist/components/popover/object.js +1 -0
- package/dist/components/popover.css +2 -0
- package/dist/components/progress/index.js +7 -0
- package/dist/components/progress/object.js +1 -0
- package/dist/components/progress.css +2 -0
- package/dist/components/radial-progress/index.js +7 -0
- package/dist/components/radial-progress/object.js +1 -0
- package/dist/components/radial-progress.css +2 -0
- package/dist/components/radio/index.js +7 -0
- package/dist/components/radio/object.js +1 -0
- package/dist/components/radio.css +2 -0
- package/dist/components/range/index.js +7 -0
- package/dist/components/range/object.js +1 -0
- package/dist/components/range.css +2 -0
- package/dist/components/rating/index.js +7 -0
- package/dist/components/rating/object.js +1 -0
- package/dist/components/rating.css +2 -0
- package/dist/components/select/index.js +7 -0
- package/dist/components/select/object.js +1 -0
- package/dist/components/select.css +2 -0
- package/dist/components/sidebar/index.js +7 -0
- package/dist/components/sidebar/object.js +1 -0
- package/dist/components/sidebar.css +2 -0
- package/dist/components/skeleton/index.js +7 -0
- package/dist/components/skeleton/object.js +1 -0
- package/dist/components/skeleton.css +2 -0
- package/dist/components/stat/index.js +7 -0
- package/dist/components/stat/object.js +1 -0
- package/dist/components/stat.css +2 -0
- package/dist/components/status/index.js +7 -0
- package/dist/components/status/object.js +1 -0
- package/dist/components/status.css +2 -0
- package/dist/components/steps/index.js +7 -0
- package/dist/components/steps/object.js +1 -0
- package/dist/components/steps.css +2 -0
- package/dist/components/surface/index.js +7 -0
- package/dist/components/surface/object.js +1 -0
- package/dist/components/surface.css +2 -0
- package/dist/components/swap/index.js +7 -0
- package/dist/components/swap/object.js +1 -0
- package/dist/components/swap.css +2 -0
- package/dist/components/table/index.js +7 -0
- package/dist/components/table/object.js +1 -0
- package/dist/components/table.css +2 -0
- package/dist/components/tabs/index.js +7 -0
- package/dist/components/tabs/object.js +1 -0
- package/dist/components/tabs.css +2 -0
- package/dist/components/tag/index.js +7 -0
- package/dist/components/tag/object.js +1 -0
- package/dist/components/tag.css +2 -0
- package/dist/components/textarea/index.js +7 -0
- package/dist/components/textarea/object.js +1 -0
- package/dist/components/textarea.css +2 -0
- package/dist/components/timeline/index.js +7 -0
- package/dist/components/timeline/object.js +1 -0
- package/dist/components/timeline.css +2 -0
- package/dist/components/toast/index.js +7 -0
- package/dist/components/toast/object.js +1 -0
- package/dist/components/toast.css +2 -0
- package/dist/components/toggle/index.js +7 -0
- package/dist/components/toggle/object.js +1 -0
- package/dist/components/toggle.css +2 -0
- package/dist/components/tooltip/index.js +7 -0
- package/dist/components/tooltip/object.js +1 -0
- package/dist/components/tooltip.css +2 -0
- package/dist/frutjam.min.css +6 -5
- package/dist/functions/addPrefix.js +14 -0
- package/dist/plugin.js +146 -0
- package/dist/themes/darkberry/index.js +5 -0
- package/dist/themes/darkberry/object.js +1 -0
- package/dist/themes/darkberry.css +2 -0
- package/dist/themes/snowberry/index.js +5 -0
- package/dist/themes/snowberry/object.js +1 -0
- package/dist/themes/snowberry.css +2 -0
- package/dist/utilities/headings/index.js +7 -0
- package/dist/utilities/headings/object.js +1 -0
- package/dist/utilities/headings.css +2 -0
- package/dist/utilities/para/index.js +7 -0
- package/dist/utilities/para/object.js +1 -0
- package/dist/utilities/para.css +2 -0
- package/dist/utilities/typography/index.js +7 -0
- package/dist/utilities/typography/object.js +1 -0
- package/dist/utilities/typography.css +2 -0
- package/dist/utilities/wrapper/index.js +7 -0
- package/dist/utilities/wrapper/object.js +1 -0
- package/dist/utilities/wrapper.css +2 -0
- package/index.js +272 -0
- package/package.json +51 -40
- package/packages/js/carousel.js +19 -0
- package/packages/js/collapsible.js +8 -0
- package/packages/js/combobox.js +79 -0
- package/packages/js/drawer.js +1 -0
- package/packages/js/index.js +8 -0
- package/packages/js/modal.js +8 -0
- package/packages/js/tabs.js +33 -0
- package/packages/js/toast.js +19 -0
- package/packages/js/tooltip.js +8 -0
- package/packages/react/index.js +8 -0
- package/packages/react/useCarousel.js +23 -0
- package/packages/react/useCollapsible.js +12 -0
- package/packages/react/useCombobox.js +69 -0
- package/packages/react/useDrawer.js +1 -0
- package/packages/react/useModal.js +12 -0
- package/packages/react/useTabs.js +23 -0
- package/packages/react/useToast.js +27 -0
- package/packages/react/useTooltip.js +12 -0
- package/dist/frutjam.local.css +0 -2
- package/dist/frutjam.min.css.map +0 -1
- package/dist/frutjam.min.js +0 -3
- package/dist/frutjam.min.js.LICENSE.txt +0 -1
- package/dist/frutjam.min.js.map +0 -1
- package/dist/frutjam.safelist.local.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
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"}};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! frutjam v3.0.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */.surface-rounded{border-radius:calc(var(--border-radius)*2)}.surface-dashed{background-color:transparent;border-color:var(--color-base-soft);border-style:dashed;border-width:1px}.surface-outline{background-color:transparent;border-color:var(--color-base-soft);border-style:solid;border-width:1px}.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}
|
|
@@ -0,0 +1 @@
|
|
|
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","input[type=\"checkbox\"]":{"-webkit-appearance":"none","-moz-appearance":"none","appearance":"none","position":"absolute","inset":"0","opacity":0,"cursor":"pointer","margin":"0"},".swap-on,\n .swap-off,\n .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"},".swap-on,\n .swap-indeterminate":{"opacity":0,"pointer-events":"none"},".swap-off":{"opacity":1},"&:has(input:checked),\n &.swap-active":{".swap-on":{"opacity":1,"pointer-events":"auto"},".swap-off":{"opacity":0,"pointer-events":"none"}},"&:has(input:indeterminate)":{".swap-indeterminate":{"opacity":1,"pointer-events":"auto"},".swap-on":{"opacity":0,"pointer-events":"none"}}},".swap-rotate":{".swap-on,\n .swap-indeterminate":{"rotate":"45deg"},"&:has(input:checked),\n &.swap-active":{".swap-off":{"rotate":"-45deg"},".swap-on,\n .swap-indeterminate":{"rotate":"0deg"}}},".swap-flip":{"perspective":"16rem",".swap-on,\n .swap-indeterminate":{"backface-visibility":"hidden","transform":"rotateY(180deg)"},".swap-off":{"backface-visibility":"hidden","transform":"rotateY(0deg)"},"&:has(input:checked),\n &.swap-active":{".swap-off":{"transform":"rotateY(-180deg)"},".swap-on,\n .swap-indeterminate":{"transform":"rotateY(0deg)"}}}};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! frutjam v3.0.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */.swap{cursor:pointer;display:inline-grid;place-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;inset:0;margin:0;opacity:0;position:absolute}.swap-indeterminate,.swap-off,.swap-on{grid-column:1;grid-row:1;transition:opacity .3s ease-in-out,rotate .3s ease-in-out,transform .3s ease-in-out}.swap-indeterminate,.swap-on{opacity:0;pointer-events:none}.swap-off{opacity:1}&.swap-active,&:has(input:checked){.swap-on{opacity:1;pointer-events:auto}.swap-off{opacity:0;pointer-events:none}}&:has(input:indeterminate){.swap-indeterminate{opacity:1;pointer-events:auto}.swap-on{opacity:0;pointer-events:none}}}.swap-rotate{.swap-indeterminate,.swap-on{rotate:45deg}&.swap-active,&:has(input:checked){.swap-off{rotate:-45deg}.swap-indeterminate,.swap-on{rotate:0deg}}}.swap-flip{perspective:16rem;.swap-indeterminate,.swap-on{backface-visibility:hidden;transform:rotateY(180deg)}.swap-off{backface-visibility:hidden;transform:rotateY(0deg)}&.swap-active,&:has(input:checked){.swap-off{transform:rotateY(-180deg)}.swap-indeterminate,.swap-on{transform:rotateY(0deg)}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default {".table-pin-cols":{"tr th":{"position":"sticky","inset-inline-start":"0","inset-inline-end":"0","background-color":"var(--color-table)"}},".table-pin-rows":{"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)","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"},".table-hover":{"tbody tr":{"transition-property":"background-color","transition-duration":"150ms","transition-timing-function":"linear","&:hover":{"background-color":"var(--color-table-soft)"}}},".table-zebra":{"tbody":{"tr":{"&:where(:nth-child(even))":{"background-color":"var(--color-table-soft)"}}}},".table-zebra-cols":{"tbody":{"tr":{"td:where(:nth-child(even))":{"background-color":"var(--color-table-soft)"}}}},".table-zebra-rows":{"tbody":{"tr":{"&:where(:nth-child(even))":{"background-color":"var(--color-table-soft)"}}}},".table-lg":{":not(thead, tfoot) tr":{"font-size":"1.125rem"},":where(th, td)":{"padding-inline":"1.25rem","padding-block":"1rem"}},".table-md":{":not(thead, tfoot) tr":{"font-size":"0.875rem"},":where(th, td)":{"padding-inline":"1rem","padding-block":"0.75rem"}},".table-sm":{":not(thead, tfoot) tr":{"font-size":"0.75rem"},":where(th, td)":{"padding-inline":"0.75rem","padding-block":"0.5rem"}},".table-xl":{":not(thead, tfoot) tr":{"font-size":"1.375rem"},":where(th, td)":{"padding-inline":"1.5rem","padding-block":"1.25rem"}},".table-xs":{":not(thead, tfoot) tr":{"font-size":"0.6875rem"},":where(th, td)":{"padding-inline":"0.5rem","padding-block":"0.25rem"}}};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! frutjam v3.0.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */.table-pin-cols{tr th{background-color:var(--color-table);inset-inline-end:0;inset-inline-start:0;position:sticky}}.table-pin-rows{thead{tr{background-color:var(--color-table);inset-block-start:0;position:sticky;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-radius:var(--radius-table);font-size:var(--text-base);position:relative;text-align:start;width:100%;:where(th,td){padding-block:.75rem;padding-inline:1rem;text-align:start;vertical-align:middle}:where(thead,tfoot){color:var(--color-on-table-soft);font-size:.875rem;font-weight:600;white-space:nowrap}: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)}}.table{display:table}.table-hover{tbody tr{transition-duration:.15s;transition-property:background-color;transition-timing-function:linear;&:hover{background-color:var(--color-table-soft)}}}.table-zebra{tbody{tr{&:where(:nth-child(2n)){background-color:var(--color-table-soft)}}}}.table-zebra-cols{tbody{tr{td:where(:nth-child(2n)){background-color:var(--color-table-soft)}}}}.table-zebra-rows{tbody{tr{&:where(:nth-child(2n)){background-color:var(--color-table-soft)}}}}.table-lg{:not(thead,tfoot) tr{font-size:1.125rem}:where(th,td){padding-block:1rem;padding-inline:1.25rem}}.table-md{:not(thead,tfoot) tr{font-size:.875rem}:where(th,td){padding-block:.75rem;padding-inline:1rem}}.table-sm{:not(thead,tfoot) tr{font-size:.75rem}:where(th,td){padding-block:.5rem;padding-inline:.75rem}}.table-xl{:not(thead,tfoot) tr{font-size:1.375rem}:where(th,td){padding-block:1.25rem;padding-inline:1.5rem}}.table-xs{:not(thead,tfoot) tr{font-size:.6875rem}:where(th,td){padding-block:.25rem;padding-inline:.5rem}}
|
|
@@ -0,0 +1 @@
|
|
|
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","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"}}};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! frutjam v3.0.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */.tabs-vertical{--tabs--display:grid;align-items:start;display:grid;grid-template-columns:max-content 1fr;&:after{display:none}&:before{align-self:stretch;border-inline-start:1px solid var(--color-base-soft);content:"";grid-column:2;grid-row:1/span 999;pointer-events:none}&>.tab{border-inline-end:2px solid transparent;border-radius:0;grid-column:1;justify-content:flex-start;margin-inline-end:-2px;width:100%}&>.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{border-block-start:1px solid var(--color-base-soft);content:"";order:1;width:100%}&>.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{background-color:var(--color-base);border-color:var(--color-base-soft);color:var(--color-on-base);margin-block-end:-1px;position:relative;z-index:1}&>.tab-content{border:1px solid var(--color-base-soft);border-radius:0 calc(var(--border-radius)*2) calc(var(--border-radius)*2) calc(var(--border-radius)*2);margin-block-start:-1px}}.tabs-bottom{align-items:flex-start;&:after{display:none}&:before{border-block-end:1px solid var(--color-base-soft);content:"";order:-1;width:100%}&>.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{border-block-start:1px solid var(--color-base-soft);content:"";order:1;width:100%}&>.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;order:9999;width:100%;.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;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;display:inline-flex;font-size:var(--tab--font-size);font-weight:500;gap:.5rem;justify-content:center;padding-block:var(--tab--padding-block);padding-inline:var(--tab--padding-inline);transition:color .2s ease-in-out,border-color .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;&: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{align-items:center;background-color:var(--color-base-soft);border-radius:calc(var(--border-radius)*2);gap:.25rem;padding:.25rem;&:after{display:none}&>.tab{border-radius:calc(var(--border-radius)*1.5)}&>.tab-active,&>.tab:checked{background-color:var(--color-base);box-shadow:0 1px 3px color-mix(in oklab,oklch(0% 0 0) 10%,transparent);color:var(--color-on-base)}}.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}}
|
|
@@ -0,0 +1 @@
|
|
|
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","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)"}};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! frutjam v3.0.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */.tag-remove{align-items:center;background-color:currentColor;border-radius:9999px;display:inline-flex;height:1.125em;justify-content:center;width:1.125em;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,currentColor 20%,transparent)}color:currentColor;cursor:pointer;flex-shrink:0;font-size:.875em;line-height:1;transition:background-color .15s ease-in-out;&: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;align-items:center;background-color:var(--color-tag);border:1px solid transparent;border-radius:var(--radius-tag);color:var(--color-on-tag);display:inline-flex;font-size:var(--tag--font-size);font-weight:500;gap:.375rem;line-height:1.4;padding-block:var(--tag--padding-block);padding-inline:var(--tag--padding-inline);vertical-align:middle;white-space:nowrap}.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)}border-color:transparent;color:var(--color-tag)}.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)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default {".textarea":{"--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"}};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! frutjam v3.0.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */.textarea{--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;align-items:flex-start;align-self:flex-start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-color:var(--color-textarea-active);border-radius:var(--radius-textarea);border-style:solid;border-width:1px;color:var(--color-on-base);display:block;font-size:var(--textarea--font-size);font-weight:500;min-height:var(--textarea--min-height,5rem);padding-block:var(--textarea--block);padding-inline:var(--textarea--inline);position:relative;resize:vertical;transition:border-color .25s;transition-timing-function:ease-in-out;vertical-align:middle;white-space:pre-wrap;width:100%;&::-moz-placeholder{color:var(--color-on-base);font-size:var(--textarea--font-size);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-on-base) 30%,transparent)}font-weight:400}&::placeholder{color:var(--color-on-base);font-size:var(--textarea--font-size);@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-color:light-dark(var(--color-base-950),var(--color-base-50));outline-offset:3px;outline-style:solid;outline-width:2px}&: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{background-color:var(--color-base-soft);cursor:not-allowed;opacity:.6;pointer-events:none;-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{background-color:transparent;border-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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default {".timeline-item":{"display":"grid","grid-template-columns":"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":"50%","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-snap-end":{"& .timeline-item":{"grid-template-columns":"1fr auto 0","&::after":{"inset-inline-start":"calc(100% - 1.5rem)"}},"& .timeline-end":{"display":"none"}},".timeline-snap-start":{"& .timeline-item":{"grid-template-columns":"0 auto 1fr","&::after":{"inset-inline-start":"1.5rem"}},"& .timeline-start":{"display":"none"}},".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-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)"}}};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! frutjam v3.0.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */.timeline-item{align-items:start;display:grid;gap:0 1rem;grid-template-columns:1fr auto 1fr;grid-template-rows:auto;padding-block:.75rem;position:relative;&:not(:last-child):after{background-color:var(--timeline-line-color,var(--color-base-soft));bottom:-.75rem;content:"";inset-inline-start:50%;position:absolute;top:1.75rem;transform:translateX(-50%);width:2px;z-index:0}}.timeline-middle{align-items:center;background-color:var(--color-base-soft);border:3px solid var(--color-base);border-radius:9999px;flex-shrink:0;grid-column:2;height:1rem;justify-content:center;width:1rem;z-index:1}.timeline,.timeline-middle{display:flex;position:relative}.timeline{list-style:none;margin:0;padding:0}.timeline-snap-end{& .timeline-item{grid-template-columns:1fr auto 0;&:after{inset-inline-start:calc(100% - 1.5rem)}}& .timeline-end{display:none}}.timeline-snap-start{& .timeline-item{grid-template-columns:0 auto 1fr;&:after{inset-inline-start:1.5rem}}& .timeline-start{display:none}}.timeline-end{align-self:center;color:currentColor;font-size:.875rem;grid-column:3;padding-inline-start:.5rem}.timeline-start{color:currentColor;font-size:.875rem;grid-column:1;padding-inline-end:.5rem;text-align:end;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklch,currentColor 60%,transparent)}align-self:center}.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)}}
|
|
@@ -0,0 +1 @@
|
|
|
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"}};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! frutjam v3.0.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */.toast{display:flex;flex-direction:column;gap:.5rem;inset-block-end:0;inset-inline-end:0;padding:1rem;pointer-events:none;position:fixed;z-index:1000;&>*{pointer-events:auto}}.toast-center{inset-inline-end:auto;inset-inline-start:50%;transform:translateX(-50%)}.toast-end{inset-inline-end:0;inset-inline-start:auto}.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-end:0;inset-block-start:auto}.toast-top{inset-block-end:auto;inset-block-start:0}
|
|
@@ -0,0 +1 @@
|
|
|
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","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"}};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! frutjam v3.0.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.2.4 | 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(var(--toggle--height) - 0.375rem);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-toggle);border-radius:var(--radius-toggle);cursor:pointer;display:inline-block;flex-shrink:0;height:var(--toggle--height);position:relative;transition:background-color .2s ease-in-out;vertical-align:middle;width:var(--toggle--width);&:before{background-color:#fff;border-radius:9999px;box-shadow:0 1px 3px oklch(0 0 0/20%);content:"";height:var(--toggle--thumb-size);inset-inline-start:.1875rem;position:absolute;top:50%;transform:translateY(-50%);transition:inset-inline-start .2s ease-in-out,transform .2s ease-in-out;width:var(--toggle--thumb-size)}&:checked,&[aria-checked=true]{background-color:var(--color-toggle-checked);&:before{inset-inline-start:calc(100% - var(--toggle--thumb-size) - .1875rem)}}&:focus-visible{outline-color:light-dark(var(--color-base-950),var(--color-base-50));outline-offset:3px;outline-style:solid;outline-width:2px}&: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}
|
|
@@ -0,0 +1 @@
|
|
|
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)))":{"&.tooltip-open,\n &:hover,\n &: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,\n &[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},"&:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *)":{"&>.tooltip-content,\n &[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},"&::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}},"&::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-start":{"&>.tooltip-content,\n &[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},"&:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *)":{"&>.tooltip-content,\n &[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},"&::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}},"&::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-bottom":{"&>.tooltip-content,\n &[data-tip]:before":{"transform":"translateX(-50%) translateY(var(--tooltip-placement, -0.25rem))","inset":"var(--tooltip-content) auto auto 50%","z-index":50},"&::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,\n &[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},"&::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,\n &[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},"&::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,\n &[data-tip]:before":{"transform":"translateX(-50%) translateY(var(--tooltip-placement, 0.25rem))","inset":"auto auto var(--tooltip-content) 50%","z-index":50},"&::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"}};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! frutjam v3.0.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */@layer properties;.tooltip{display:inline-block;position:relative;--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,&[data-tip]:before{border-radius:var(--radius-tooltip);color:var(--color-on-tooltip);font-size:.875rem;line-height:1.25;max-width:20rem;padding-block:.25rem;padding-inline:.5rem;text-align:center;white-space:normal;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{background-color:var(--color-tooltip);opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(var(--tooltip-placement,.25rem))}&:after{content:"";display:block;height:.25rem;-webkit-mask-position:-1px 0;mask-position:-1px 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:.625rem;--mask-tooltip:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='4' fill='none' viewBox='0 0 8 4'%3E%3Cpath fill='%23000' d='M.5 1C3.5 1 3 4 5 4s1.5-3 4.5-3c.5 0 .5-.5.5-1H0c0 .5 0 1 .5 1'/%3E%3C/svg%3E");inset:auto auto var(--tooltip-tail) 50%;-webkit-mask-image:var(--mask-tooltip);mask-image:var(--mask-tooltip)}@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))){&.tooltip-open,&:focus-within,&:hover{&:after,&>.tooltip-content,&[data-tip]:before{opacity:100%;--tooltip-placement:0rem;@media (prefers-reduced-motion:no-preference){transition:opacity .2s cubic-bezier(.4,0,.2,1) 0s,transform .2s cubic-bezier(.4,0,.2,1) 0s}}}}}.tooltip-end{&>.tooltip-content,&[data-tip]:before{inset:50% auto auto var(--tooltip-content);transform:translateX(calc(var(--tooltip-placement, -.25rem) + .25rem)) translateY(-50%);z-index:50}&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){&>.tooltip-content,&[data-tip]:before{inset:50% var(--tooltip-content) auto auto;transform:translateX(calc(var(--tooltip-placement, .25rem) - .25rem)) translateY(-50%);z-index:50}}&:after{content:var(--tw-content);content:"";inset:50% auto auto calc(var(--tooltip-tail) + 1px);transform:translateX(var(--tooltip-placement,-.25rem)) translateY(-50%) rotate(90deg);z-index:50}&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){&:after{content:var(--tw-content);content:"";inset:50% calc(var(--tooltip-tail) + 1px) auto auto;transform:translateX(var(--tooltip-placement,.25rem)) translateY(-50%) rotate(-90deg);z-index:50}}}.tooltip-start{&>.tooltip-content,&[data-tip]:before{inset:50% var(--tooltip-content) auto auto;transform:translateX(calc(var(--tooltip-placement, .25rem) - .25rem)) translateY(-50%);z-index:50}&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){&>.tooltip-content,&[data-tip]:before{inset:50% auto auto var(--tooltip-content);transform:translateX(calc(var(--tooltip-placement, -.25rem) + .25rem)) translateY(-50%);z-index:50}}&:after{content:var(--tw-content);content:"";inset:50% calc(var(--tooltip-tail) + 1px) auto auto;transform:translateX(var(--tooltip-placement,.25rem)) translateY(-50%) rotate(-90deg);z-index:50}&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){&:after{content:var(--tw-content);content:"";inset:50% auto auto calc(var(--tooltip-tail) + 1px);transform:translateX(var(--tooltip-placement,-.25rem)) translateY(-50%) rotate(90deg);z-index:50}}}.tooltip-bottom{&>.tooltip-content,&[data-tip]:before{inset:var(--tooltip-content) auto auto 50%;transform:translateX(-50%) translateY(var(--tooltip-placement,-.25rem));z-index:50}&:after{content:var(--tw-content);content:"";inset:var(--tooltip-tail) auto auto 50%;transform:translateX(-50%) translateY(var(--tooltip-placement,-.25rem)) rotate(180deg);z-index:50}}.tooltip-left{&>.tooltip-content,&[data-tip]:before{inset:50% var(--tooltip-content) auto auto;transform:translateX(calc(var(--tooltip-placement, .25rem) - .25rem)) translateY(-50%);z-index:50}&:after{content:var(--tw-content);content:"";inset:50% calc(var(--tooltip-tail) + 1px) auto auto;transform:translateX(var(--tooltip-placement,.25rem)) translateY(-50%) rotate(-90deg);z-index:50}}.tooltip-right{&>.tooltip-content,&[data-tip]:before{inset:50% auto auto var(--tooltip-content);transform:translateX(calc(var(--tooltip-placement, -.25rem) + .25rem)) translateY(-50%);z-index:50}&:after{content:var(--tw-content);content:"";inset:50% auto auto calc(var(--tooltip-tail) + 1px);transform:translateX(var(--tooltip-placement,-.25rem)) translateY(-50%) rotate(90deg);z-index:50}}.tooltip-top{&>.tooltip-content,&[data-tip]:before{inset:auto auto var(--tooltip-content) 50%}&:after,&>.tooltip-content,&[data-tip]:before{transform:translateX(-50%) translateY(var(--tooltip-placement,.25rem));z-index:50}&: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:""}}}
|