frutjam 2.0.3 → 2.0.5

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.
Files changed (75) hide show
  1. package/dist/base/reboot/object.js +1 -1
  2. package/dist/base.css +2 -2
  3. package/dist/components/accordion.css +1 -1
  4. package/dist/components/alert/object.js +1 -1
  5. package/dist/components/alert.css +2 -2
  6. package/dist/components/avatar.css +1 -1
  7. package/dist/components/badge/object.js +1 -1
  8. package/dist/components/badge.css +2 -2
  9. package/dist/components/breadcrumb/object.js +1 -1
  10. package/dist/components/breadcrumb.css +2 -2
  11. package/dist/components/button/object.js +1 -1
  12. package/dist/components/button.css +2 -2
  13. package/dist/components/card/object.js +1 -1
  14. package/dist/components/card.css +2 -2
  15. package/dist/components/carousel.css +1 -1
  16. package/dist/components/chat/object.js +1 -1
  17. package/dist/components/chat.css +2 -2
  18. package/dist/components/checkbox/object.js +1 -1
  19. package/dist/components/checkbox.css +2 -2
  20. package/dist/components/collapsible.css +1 -1
  21. package/dist/components/combobox.css +1 -1
  22. package/dist/components/countdown.css +1 -1
  23. package/dist/components/diff.css +1 -1
  24. package/dist/components/divider.css +1 -1
  25. package/dist/components/drawer.css +1 -1
  26. package/dist/components/footer.css +1 -1
  27. package/dist/components/header.css +1 -1
  28. package/dist/components/hero.css +1 -1
  29. package/dist/components/indicator.css +1 -1
  30. package/dist/components/input.css +1 -1
  31. package/dist/components/join.css +1 -1
  32. package/dist/components/kbd.css +1 -1
  33. package/dist/components/link.css +1 -1
  34. package/dist/components/loading.css +1 -1
  35. package/dist/components/mask.css +1 -1
  36. package/dist/components/menu/object.js +1 -1
  37. package/dist/components/menu.css +2 -2
  38. package/dist/components/modal.css +1 -1
  39. package/dist/components/navbar.css +1 -1
  40. package/dist/components/popover.css +1 -1
  41. package/dist/components/progress.css +1 -1
  42. package/dist/components/radial-progress.css +1 -1
  43. package/dist/components/radio/object.js +1 -1
  44. package/dist/components/radio.css +2 -2
  45. package/dist/components/range.css +1 -1
  46. package/dist/components/rating.css +1 -1
  47. package/dist/components/select.css +1 -1
  48. package/dist/components/sidebar.css +1 -1
  49. package/dist/components/skeleton/object.js +1 -1
  50. package/dist/components/skeleton.css +2 -2
  51. package/dist/components/stat/object.js +1 -1
  52. package/dist/components/stat.css +2 -2
  53. package/dist/components/status.css +1 -1
  54. package/dist/components/steps.css +1 -1
  55. package/dist/components/surface.css +1 -1
  56. package/dist/components/swap.css +1 -1
  57. package/dist/components/table.css +1 -1
  58. package/dist/components/tabs/object.js +1 -1
  59. package/dist/components/tabs.css +2 -2
  60. package/dist/components/tag/object.js +1 -1
  61. package/dist/components/tag.css +2 -2
  62. package/dist/components/textarea.css +1 -1
  63. package/dist/components/timeline.css +1 -1
  64. package/dist/components/toast.css +1 -1
  65. package/dist/components/toggle.css +1 -1
  66. package/dist/components/tooltip.css +1 -1
  67. package/dist/frutjam.min.css +3 -3
  68. package/dist/plugin.js +4 -4
  69. package/dist/themes/darkberry.css +1 -1
  70. package/dist/themes/snowberry.css +1 -1
  71. package/dist/utilities/headings.css +1 -1
  72. package/dist/utilities/para.css +1 -1
  73. package/dist/utilities/typography.css +1 -1
  74. package/dist/utilities/wrapper.css +1 -1
  75. package/package.json +1 -1
package/dist/components/chat/object.js CHANGED
@@ -1 +1 @@
1
- export default {".chat-bubble":{"--chat-bubble-bg":"var(--color-base-soft)","--chat-bubble-color":"var(--color-on-base)","--chat-bubble-radius":"0.25rem 1rem 1rem 1rem","--chat-bubble-padding-inline":"1rem","--chat-bubble-padding-block":"0.625rem","grid-column":"2","position":"relative","display":"block","width":"fit-content","max-width":"min(20rem, 80%)","padding-inline":"var(--chat-bubble-padding-inline)","padding-block":"var(--chat-bubble-padding-block)","background-color":"var(--chat-bubble-bg)","color":"var(--chat-bubble-color)","border-radius":"var(--chat-bubble-radius)","font-size":"var(--chat-bubble-font-size, 0.9375rem)","line-height":1.5,"word-break":"break-word"},".chat-footer":{"grid-column":"2","font-size":"0.6875rem","opacity":0.5,"display":"flex","align-items":"center","gap":"0.375rem"},".chat-header":{"grid-column":"2","font-size":"0.6875rem","opacity":0.5,"display":"flex","align-items":"center","gap":"0.375rem"},".chat-avatar":{"grid-row":"1 / 4","align-self":"end"},".chat":{"display":"grid","grid-template-columns":"auto 1fr","grid-template-rows":"auto auto auto","-moz-column-gap":"0.75rem","column-gap":"0.75rem","row-gap":"0.125rem","padding-block":"0.25rem",":where(&.chat-end) :where(.chat-footer)":{"direction":"ltr","text-align":"end"}},".chat-end":{"grid-template-columns":"1fr auto","direction":"rtl","--chat-bubble-bg":"var(--color-primary)","--chat-bubble-color":"var(--color-on-primary)","--chat-bubble-radius":"1rem 0.25rem 1rem 1rem",":where(&) :where(.chat-bubble)":{"direction":"ltr"}},".chat-start":{"grid-template-columns":"auto 1fr","direction":"ltr"},".chat-lg":{"--chat-bubble-font-size":"1rem","--chat-bubble-padding-inline":"1.25rem","--chat-bubble-padding-block":"0.75rem"},".chat-sm":{"--chat-bubble-font-size":"0.875rem","--chat-bubble-padding-inline":"0.75rem","--chat-bubble-padding-block":"0.5rem"},".chat-xl":{"--chat-bubble-font-size":"1.125rem","--chat-bubble-padding-inline":"1.5rem","--chat-bubble-padding-block":"1rem"},".chat-xs":{"--chat-bubble-font-size":"0.75rem","--chat-bubble-padding-inline":"0.625rem","--chat-bubble-padding-block":"0.375rem"},".chat-bubble-accent":{"--chat-bubble-bg":"var(--color-accent)","--chat-bubble-color":"var(--color-on-accent)"},".chat-bubble-error":{"--chat-bubble-bg":"var(--color-error)","--chat-bubble-color":"var(--color-on-error)"},".chat-bubble-info":{"--chat-bubble-bg":"var(--color-info)","--chat-bubble-color":"var(--color-on-info)"},".chat-bubble-neutral":{"--chat-bubble-bg":"var(--color-neutral)","--chat-bubble-color":"var(--color-on-neutral)"},".chat-bubble-primary":{"--chat-bubble-bg":"var(--color-primary)","--chat-bubble-color":"var(--color-on-primary)"},".chat-bubble-secondary":{"--chat-bubble-bg":"var(--color-secondary)","--chat-bubble-color":"var(--color-on-secondary)"},".chat-bubble-success":{"--chat-bubble-bg":"var(--color-success)","--chat-bubble-color":"var(--color-on-success)"},".chat-bubble-warning":{"--chat-bubble-bg":"var(--color-warning)","--chat-bubble-color":"var(--color-on-warning)"},".chat-md":{"--chat-bubble-font-size":"0.9375rem"}};
1
+ export default {".chat-bubble":{"--chat-bubble-bg":"var(--color-base-soft)","--chat-bubble-color":"var(--color-on-base)","--chat-bubble-radius":"0.25rem 1rem 1rem 1rem","--chat-bubble-padding-inline":"1rem","--chat-bubble-padding-block":"0.625rem","grid-column":"2","position":"relative","display":"block","width":"fit-content","max-width":"min(20rem, 80%)","padding-inline":"var(--chat-bubble-padding-inline)","padding-block":"var(--chat-bubble-padding-block)","background-color":"var(--chat-bubble-bg)","color":"var(--chat-bubble-color)","border-radius":"var(--chat-bubble-radius)","font-size":"var(--chat-bubble-font-size, 0.9375rem)","line-height":1.5,"word-break":"break-word",":where(&) :where(p, li)":{"color":"inherit"}},".chat-footer":{"grid-column":"2","font-size":"0.6875rem","opacity":0.5,"display":"flex","align-items":"center","gap":"0.375rem"},".chat-header":{"grid-column":"2","font-size":"0.6875rem","opacity":0.5,"display":"flex","align-items":"center","gap":"0.375rem"},".chat-avatar":{"grid-row":"1 / 4","align-self":"end"},".chat":{"display":"grid","grid-template-columns":"auto 1fr","grid-template-rows":"auto auto auto","-moz-column-gap":"0.75rem","column-gap":"0.75rem","row-gap":"0.125rem","padding-block":"0.25rem",":where(&.chat-end) :where(.chat-footer)":{"direction":"ltr","text-align":"end"}},".chat-end":{"grid-template-columns":"1fr auto","direction":"rtl","--chat-bubble-bg":"var(--color-primary)","--chat-bubble-color":"var(--color-on-primary)","--chat-bubble-radius":"1rem 0.25rem 1rem 1rem",":where(&) :where(.chat-bubble)":{"direction":"ltr"}},".chat-start":{"grid-template-columns":"auto 1fr","direction":"ltr"},".chat-lg":{"--chat-bubble-font-size":"1rem","--chat-bubble-padding-inline":"1.25rem","--chat-bubble-padding-block":"0.75rem"},".chat-sm":{"--chat-bubble-font-size":"0.875rem","--chat-bubble-padding-inline":"0.75rem","--chat-bubble-padding-block":"0.5rem"},".chat-xl":{"--chat-bubble-font-size":"1.125rem","--chat-bubble-padding-inline":"1.5rem","--chat-bubble-padding-block":"1rem"},".chat-xs":{"--chat-bubble-font-size":"0.75rem","--chat-bubble-padding-inline":"0.625rem","--chat-bubble-padding-block":"0.375rem"},".chat-bubble-accent":{"--chat-bubble-bg":"var(--color-accent)","--chat-bubble-color":"var(--color-on-accent)"},".chat-bubble-error":{"--chat-bubble-bg":"var(--color-error)","--chat-bubble-color":"var(--color-on-error)"},".chat-bubble-info":{"--chat-bubble-bg":"var(--color-info)","--chat-bubble-color":"var(--color-on-info)"},".chat-bubble-neutral":{"--chat-bubble-bg":"var(--color-neutral)","--chat-bubble-color":"var(--color-on-neutral)"},".chat-bubble-primary":{"--chat-bubble-bg":"var(--color-primary)","--chat-bubble-color":"var(--color-on-primary)"},".chat-bubble-secondary":{"--chat-bubble-bg":"var(--color-secondary)","--chat-bubble-color":"var(--color-on-secondary)"},".chat-bubble-success":{"--chat-bubble-bg":"var(--color-success)","--chat-bubble-color":"var(--color-on-success)"},".chat-bubble-warning":{"--chat-bubble-bg":"var(--color-warning)","--chat-bubble-color":"var(--color-on-warning)"},".chat-md":{"--chat-bubble-font-size":"0.9375rem"}};
package/dist/components/chat.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.chat-bubble{--chat-bubble-bg:var(--color-base-soft);--chat-bubble-color:var(--color-on-base);--chat-bubble-radius:0.25rem 1rem 1rem 1rem;--chat-bubble-padding-inline:1rem;--chat-bubble-padding-block:0.625rem;grid-column:2;position:relative;display:block;width:-moz-fit-content;width:fit-content;max-width:min(20rem,80%);padding-inline:var(--chat-bubble-padding-inline);padding-block:var(--chat-bubble-padding-block);background-color:var(--chat-bubble-bg);color:var(--chat-bubble-color);border-radius:var(--chat-bubble-radius);font-size:var(--chat-bubble-font-size,.9375rem);line-height:1.5;word-break:break-word}.chat-footer,.chat-header{grid-column:2;font-size:.6875rem;opacity:.5;display:flex;align-items:center;gap:.375rem}.chat-avatar{grid-row:1/4;align-self:end}.chat{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;-moz-column-gap:.75rem;column-gap:.75rem;row-gap:.125rem;padding-block:.25rem;:where(&.chat-end) :where(.chat-footer){direction:ltr;text-align:end}}.chat-end{grid-template-columns:1fr auto;direction:rtl;--chat-bubble-bg:var(--color-primary);--chat-bubble-color:var(--color-on-primary);--chat-bubble-radius:1rem 0.25rem 1rem 1rem;:where(&) :where(.chat-bubble){direction:ltr}}.chat-start{grid-template-columns:auto 1fr;direction:ltr}.chat-lg{--chat-bubble-font-size:1rem;--chat-bubble-padding-inline:1.25rem;--chat-bubble-padding-block:0.75rem}.chat-sm{--chat-bubble-font-size:0.875rem;--chat-bubble-padding-inline:0.75rem;--chat-bubble-padding-block:0.5rem}.chat-xl{--chat-bubble-font-size:1.125rem;--chat-bubble-padding-inline:1.5rem;--chat-bubble-padding-block:1rem}.chat-xs{--chat-bubble-font-size:0.75rem;--chat-bubble-padding-inline:0.625rem;--chat-bubble-padding-block:0.375rem}.chat-bubble-accent{--chat-bubble-bg:var(--color-accent);--chat-bubble-color:var(--color-on-accent)}.chat-bubble-error{--chat-bubble-bg:var(--color-error);--chat-bubble-color:var(--color-on-error)}.chat-bubble-info{--chat-bubble-bg:var(--color-info);--chat-bubble-color:var(--color-on-info)}.chat-bubble-neutral{--chat-bubble-bg:var(--color-neutral);--chat-bubble-color:var(--color-on-neutral)}.chat-bubble-primary{--chat-bubble-bg:var(--color-primary);--chat-bubble-color:var(--color-on-primary)}.chat-bubble-secondary{--chat-bubble-bg:var(--color-secondary);--chat-bubble-color:var(--color-on-secondary)}.chat-bubble-success{--chat-bubble-bg:var(--color-success);--chat-bubble-color:var(--color-on-success)}.chat-bubble-warning{--chat-bubble-bg:var(--color-warning);--chat-bubble-color:var(--color-on-warning)}.chat-md{--chat-bubble-font-size:0.9375rem}
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.chat-bubble{--chat-bubble-bg:var(--color-base-soft);--chat-bubble-color:var(--color-on-base);--chat-bubble-radius:0.25rem 1rem 1rem 1rem;--chat-bubble-padding-inline:1rem;--chat-bubble-padding-block:0.625rem;grid-column:2;position:relative;display:block;width:-moz-fit-content;width:fit-content;max-width:min(20rem,80%);padding-inline:var(--chat-bubble-padding-inline);padding-block:var(--chat-bubble-padding-block);background-color:var(--chat-bubble-bg);color:var(--chat-bubble-color);border-radius:var(--chat-bubble-radius);font-size:var(--chat-bubble-font-size,.9375rem);line-height:1.5;word-break:break-word;:where(&) :where(p,li){color:inherit}}.chat-footer,.chat-header{grid-column:2;font-size:.6875rem;opacity:.5;display:flex;align-items:center;gap:.375rem}.chat-avatar{grid-row:1/4;align-self:end}.chat{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;-moz-column-gap:.75rem;column-gap:.75rem;row-gap:.125rem;padding-block:.25rem;:where(&.chat-end) :where(.chat-footer){direction:ltr;text-align:end}}.chat-end{grid-template-columns:1fr auto;direction:rtl;--chat-bubble-bg:var(--color-primary);--chat-bubble-color:var(--color-on-primary);--chat-bubble-radius:1rem 0.25rem 1rem 1rem;:where(&) :where(.chat-bubble){direction:ltr}}.chat-start{grid-template-columns:auto 1fr;direction:ltr}.chat-lg{--chat-bubble-font-size:1rem;--chat-bubble-padding-inline:1.25rem;--chat-bubble-padding-block:0.75rem}.chat-sm{--chat-bubble-font-size:0.875rem;--chat-bubble-padding-inline:0.75rem;--chat-bubble-padding-block:0.5rem}.chat-xl{--chat-bubble-font-size:1.125rem;--chat-bubble-padding-inline:1.5rem;--chat-bubble-padding-block:1rem}.chat-xs{--chat-bubble-font-size:0.75rem;--chat-bubble-padding-inline:0.625rem;--chat-bubble-padding-block:0.375rem}.chat-bubble-accent{--chat-bubble-bg:var(--color-accent);--chat-bubble-color:var(--color-on-accent)}.chat-bubble-error{--chat-bubble-bg:var(--color-error);--chat-bubble-color:var(--color-on-error)}.chat-bubble-info{--chat-bubble-bg:var(--color-info);--chat-bubble-color:var(--color-on-info)}.chat-bubble-neutral{--chat-bubble-bg:var(--color-neutral);--chat-bubble-color:var(--color-on-neutral)}.chat-bubble-primary{--chat-bubble-bg:var(--color-primary);--chat-bubble-color:var(--color-on-primary)}.chat-bubble-secondary{--chat-bubble-bg:var(--color-secondary);--chat-bubble-color:var(--color-on-secondary)}.chat-bubble-success{--chat-bubble-bg:var(--color-success);--chat-bubble-color:var(--color-on-success)}.chat-bubble-warning{--chat-bubble-bg:var(--color-warning);--chat-bubble-color:var(--color-on-warning)}.chat-md{--chat-bubble-font-size:0.9375rem}
package/dist/components/checkbox/object.js CHANGED
@@ -1 +1 @@
1
- export default {".checkbox":{"--radius-checkbox":"calc(var(--border-radius) * 1.5)","--color-checkbox":"var(--color-base)","@supports (color: color-mix(in lab, red, red))":{"--color-checkbox":"color-mix(in oklab, var(--color-base) 50%, transparent)"},"--color-on-checkbox":"var(--color-on-base)","--color-checkbox-active":"var(--color-base-active)","--checkbox--box-shadow":"0 0 0 0px var(--color-base-100), 0 0 0 calc(1px + 0px) var(--color-checkbox-active), 0 0 var(--color-base-100)","background-color":"var(--color-checkbox)","color":"var(--color-on-checkbox)","box-shadow":"var(--checkbox--box-shadow)","aspect-ratio":"var(--checkbox--aspect-ratio)","border-radius":"var(--checkbox--radius, var(--radius-checkbox))","padding":"var(--checkbox--padding, 0.3125rem)","width":"var(--checkbox--width, 1.25rem)","height":"var(--checkbox--height, 1.25rem)","position":"relative","transition-duration":"350ms","flex-shrink":0,"cursor":"pointer","-webkit-appearance":"none","-moz-appearance":"none","appearance":"none","vertical-align":"middle","&::before":{"content":"none","opacity":"0%","background-color":"currentcolor","transform":"rotate(45deg)","transition":"transform 300ms,\n background-color 100ms","display":"block","width":"100%","height":"100%","clip-path":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 0, 70% 0, 70% 100%)","font-size":"1rem","line-height":0.75},"&:focus-visible":{"outline-width":"2px","outline-style":"solid","outline-color":"light-dark(\n var(--color-base-950, currentColor),\n var(--color-base-50, currentColor)\n )","outline-offset":"3px"},"&:checked, &[aria-checked=\"true\"]":{"--checkbox--bg-color":"light-dark(var(--color-base-600), var(--color-base-400))","@supports (color: color-mix(in lab, red, red))":{"--checkbox--bg-color":"light-dark(color-mix(in oklab, var(--color-base-600) 20%, transparent), color-mix(in oklab, var(--color-base-400) 20%, transparent))"},"background-color":"var(--checkbox--bg-color)","transition":"background-color 100ms, box-shadow 100ms","&::before":{"content":"\"✔︎\"","opacity":"100%"},"@media (forced-colors: active)":{"&::before":{"content":"\"✔︎\"","--checkbox--bg-color":"light-dark(var(--color-base-600), var(--color-base-200))","transform":"rotate(0deg)","background-color":"var(--checkbox--bg-color)","clip-path":"none"}}},"&:indeterminate":{"&::before":{"content":"\"\"","opacity":"100%","transform":"rotate(0deg) translate(0, -35%)","clip-path":"polygon(\n 20% 100%,\n 20% 80%,\n 50% 80%,\n 50% 80%,\n 80% 80%,\n 80% 100%\n )"}},"&:is(:disabled, [disabled], .checkbox-disabled)":{"--checkbox--cursor":"not-allowed","--checkbox--opacity":"20%","cursor":"var(--checkbox--cursor)","opacity":"var(--checkbox--opacity)"}},".checkbox-disabled":{"cursor":"var(--checkbox--cursor)","opacity":"var(--checkbox--opacity)"},".checkbox-accent":{"--color-checkbox":"light-dark(var(--color-accent-50), black)","@supports (color: color-mix(in lab, red, red))":{"--color-checkbox":"light-dark(var(--color-accent-50), color-mix(in oklch, black 10%, var(--color-accent-400) 20%))"},"--color-on-checkbox":"var(--color-on-accent)","--color-checkbox-active":"var(--color-accent-active)","--checkbox--box-shadow":"0 0 0 0px var(--color-accent-50), 0 0 0 calc(1px + 0px) var(--color-accent-600), 0 0 var(--color-accent-50)","&:focus-visible":{"--checkbox--box-shadow":"0 0 0 0px var(--color-accent-50), 0 0 0 calc(1px + 0px) var(--color-accent-700), 0 0 var(--color-accent-50)"},"&:checked, &[aria-checked=\"true\"]":{"--checkbox--bg-color":"var(--color-accent)","@media (forced-colors: active)":{"&::before":{"content":"var(--tw-content)","--checkbox--bg-color":"light-dark(var(--color-accent-600), var(--color-accent-200))"}}}},".checkbox-error":{"--color-checkbox":"light-dark(var(--color-error-50), black)","@supports (color: color-mix(in lab, red, red))":{"--color-checkbox":"light-dark(var(--color-error-50), color-mix(in oklch, black 10%, var(--color-error-400) 20%))"},"--color-on-checkbox":"var(--color-on-error)","--color-checkbox-active":"var(--color-error-active)","--checkbox--box-shadow":"0 0 0 0px var(--color-error-50), 0 0 0 calc(1px + 0px) var(--color-error-600), 0 0 var(--color-error-50)","&:focus-visible":{"--checkbox--box-shadow":"0 0 0 0px var(--color-error-50), 0 0 0 calc(1px + 0px) var(--color-error-700), 0 0 var(--color-error-50)"},"&:checked, &[aria-checked=\"true\"]":{"--checkbox--bg-color":"var(--color-error)","@media (forced-colors: active)":{"&::before":{"content":"var(--tw-content)","--checkbox--bg-color":"light-dark(var(--color-error-600), var(--color-error-200))"}}}},".checkbox-info":{"--color-checkbox":"light-dark(var(--color-info-50), black)","@supports (color: color-mix(in lab, red, red))":{"--color-checkbox":"light-dark(var(--color-info-50), color-mix(in oklch, black 10%, var(--color-info-400) 20%))"},"--color-on-checkbox":"var(--color-on-info)","--color-checkbox-active":"var(--color-info-active)","--checkbox--box-shadow":"0 0 0 0px var(--color-info-50), 0 0 0 calc(1px + 0px) var(--color-info-600), 0 0 var(--color-info-50)","&:focus-visible":{"--checkbox--box-shadow":"0 0 0 0px var(--color-info-50), 0 0 0 calc(1px + 0px) var(--color-info-700), 0 0 var(--color-info-50)"},"&:checked, &[aria-checked=\"true\"]":{"--checkbox--bg-color":"var(--color-info)","@media (forced-colors: active)":{"&::before":{"content":"var(--tw-content)","--checkbox--bg-color":"light-dark(var(--color-info-600), var(--color-info-200))"}}}},".checkbox-neutral":{"--color-checkbox":"light-dark(var(--color-neutral-50), black)","@supports (color: color-mix(in lab, red, red))":{"--color-checkbox":"light-dark(var(--color-neutral-50), color-mix(in oklch, black 10%, var(--color-neutral-400) 20%))"},"--color-on-checkbox":"var(--color-on-neutral)","--color-checkbox-active":"var(--color-neutral-active)","--checkbox--box-shadow":"0 0 0 0px var(--color-neutral-50), 0 0 0 calc(1px + 0px) var(--color-neutral-600), 0 0 var(--color-neutral-50)","&:focus-visible":{"--checkbox--box-shadow":"0 0 0 0px var(--color-neutral-50), 0 0 0 calc(1px + 0px) var(--color-neutral-700), 0 0 var(--color-neutral-50)"},"&:checked, &[aria-checked=\"true\"]":{"--checkbox--bg-color":"var(--color-neutral)","@media (forced-colors: active)":{"&::before":{"content":"var(--tw-content)","--checkbox--bg-color":"light-dark(var(--color-neutral-600), var(--color-neutral-200))"}}}},".checkbox-primary":{"--color-checkbox":"light-dark(var(--color-primary-50), black)","@supports (color: color-mix(in lab, red, red))":{"--color-checkbox":"light-dark(var(--color-primary-50), color-mix(in oklch, black 10%, var(--color-primary-400) 20%))"},"--color-on-checkbox":"var(--color-on-primary)","--color-checkbox-active":"var(--color-primary-active)","--checkbox--box-shadow":"0 0 0 0px var(--color-primary-50), 0 0 0 calc(1px + 0px) var(--color-primary-600), 0 0 var(--color-primary-50)","&:focus-visible":{"--checkbox--box-shadow":"0 0 0 0px var(--color-primary-50), 0 0 0 calc(1px + 0px) var(--color-primary-700), 0 0 var(--color-primary-50)"},"&:checked, &[aria-checked=\"true\"]":{"--checkbox--bg-color":"var(--color-primary)","@media (forced-colors: active)":{"&::before":{"content":"var(--tw-content)","--checkbox--bg-color":"light-dark(var(--color-primary-600), var(--color-primary-200))"}}}},".checkbox-secondary":{"--color-checkbox":"light-dark(var(--color-secondary-50), black)","@supports (color: color-mix(in lab, red, red))":{"--color-checkbox":"light-dark(var(--color-secondary-50), color-mix(in oklch, black 10%, var(--color-secondary-400) 20%))"},"--color-on-checkbox":"var(--color-on-secondary)","--color-checkbox-active":"var(--color-secondary-active)","--checkbox--box-shadow":"0 0 0 0px var(--color-secondary-50), 0 0 0 calc(1px + 0px) var(--color-secondary-600), 0 0 var(--color-secondary-50)","&:focus-visible":{"--checkbox--box-shadow":"0 0 0 0px var(--color-secondary-50), 0 0 0 calc(1px + 0px) var(--color-secondary-700), 0 0 var(--color-secondary-50)"},"&:checked, &[aria-checked=\"true\"]":{"--checkbox--bg-color":"var(--color-secondary)","@media (forced-colors: active)":{"&::before":{"content":"var(--tw-content)","--checkbox--bg-color":"light-dark(var(--color-secondary-600), var(--color-secondary-200))"}}}},".checkbox-success":{"--color-checkbox":"light-dark(var(--color-success-50), black)","@supports (color: color-mix(in lab, red, red))":{"--color-checkbox":"light-dark(var(--color-success-50), color-mix(in oklch, black 10%, var(--color-success-400) 20%))"},"--color-on-checkbox":"var(--color-on-success)","--color-checkbox-active":"var(--color-success-active)","--checkbox--box-shadow":"0 0 0 0px var(--color-success-50), 0 0 0 calc(1px + 0px) var(--color-success-600), 0 0 var(--color-success-50)","&:focus-visible":{"--checkbox--box-shadow":"0 0 0 0px var(--color-success-50), 0 0 0 calc(1px + 0px) var(--color-success-700), 0 0 var(--color-success-50)"},"&:checked, &[aria-checked=\"true\"]":{"--checkbox--bg-color":"var(--color-success)","@media (forced-colors: active)":{"&::before":{"content":"var(--tw-content)","--checkbox--bg-color":"light-dark(var(--color-success-600), var(--color-success-200))"}}}},".checkbox-warning":{"--color-checkbox":"light-dark(var(--color-warning-50), black)","@supports (color: color-mix(in lab, red, red))":{"--color-checkbox":"light-dark(var(--color-warning-50), color-mix(in oklch, black 10%, var(--color-warning-400) 20%))"},"--color-on-checkbox":"var(--color-on-warning)","--color-checkbox-active":"var(--color-warning-active)","--checkbox--box-shadow":"0 0 0 0px var(--color-warning-50), 0 0 0 calc(1px + 0px) var(--color-warning-600), 0 0 var(--color-warning-50)","&:focus-visible":{"--checkbox--box-shadow":"0 0 0 0px var(--color-warning-50), 0 0 0 calc(1px + 0px) var(--color-warning-700), 0 0 var(--color-warning-50)"},"&:checked, &[aria-checked=\"true\"]":{"--checkbox--bg-color":"var(--color-warning)","@media (forced-colors: active)":{"&::before":{"content":"var(--tw-content)","--checkbox--bg-color":"light-dark(var(--color-warning-600), var(--color-warning-200))"}}}},".checkbox-2xl":{"--checkbox--padding":"0.5rem","--checkbox--width":"2rem","--checkbox--height":"2rem"},".checkbox-lg":{"--checkbox--padding":"0.375rem","--checkbox--width":"1.5rem","--checkbox--height":"1.5rem"},".checkbox-md":{"--checkbox--padding":"0.3125rem","--checkbox--width":"1.25rem","--checkbox--height":"1.25rem"},".checkbox-sm":{"--checkbox--padding":"0.25rem","--checkbox--width":"1rem","--checkbox--height":"1rem"},".checkbox-xl":{"--checkbox--padding":"0.4375rem","--checkbox--width":"1.75rem","--checkbox--height":"1.75rem"},".checkbox-xs":{"--checkbox--padding":"0.1875rem","--checkbox--width":"0.75rem","--checkbox--height":"0.75rem"},".checkbox-circle":{"--checkbox--radius":"calc(infinity * 1px)","--checkbox--aspect-ratio":"1 / 1"},".checkbox-rounded":{"--checkbox--radius":"calc(infinity * 1px)","--checkbox--aspect-ratio":"1 / 1"},".checkbox-square":{"--checkbox--radius":"var(--radius-checkbox)","--checkbox--aspect-ratio":"1 / 1"}};
1
+ export default {".checkbox":{"--radius-checkbox":"calc(var(--border-radius) * 1.5)","--color-checkbox":"var(--color-base)","@supports (color: color-mix(in lab, red, red))":{"--color-checkbox":"color-mix(in oklab, var(--color-base) 50%, transparent)"},"--color-on-checkbox":"var(--color-on-base)","--color-checkbox-active":"var(--color-base-active)","--checkbox--box-shadow":"0 0 0 0px var(--color-base-100), 0 0 0 calc(1px + 0px) var(--color-checkbox-active), 0 0 var(--color-base-100)","background-color":"var(--color-checkbox)","color":"var(--color-on-checkbox)","box-shadow":"var(--checkbox--box-shadow)","aspect-ratio":"var(--checkbox--aspect-ratio)","border-radius":"var(--checkbox--radius, var(--radius-checkbox))","padding":"var(--checkbox--padding, 0.3125rem)","width":"var(--checkbox--width, 1.25rem)","height":"var(--checkbox--height, 1.25rem)","position":"relative","transition-duration":"350ms","flex-shrink":0,"cursor":"pointer","-webkit-appearance":"none","-moz-appearance":"none","appearance":"none","border":"none","vertical-align":"middle","&::before":{"content":"none","opacity":"0%","background-color":"currentcolor","transform":"rotate(45deg)","transition":"transform 300ms,\n background-color 100ms","display":"block","width":"100%","height":"100%","clip-path":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 0, 70% 0, 70% 100%)","font-size":"1rem","line-height":0.75},"&:focus-visible":{"outline-width":"2px","outline-style":"solid","outline-color":"light-dark(\n var(--color-base-950, currentColor),\n var(--color-base-50, currentColor)\n )","outline-offset":"3px"},"&:checked, &[aria-checked=\"true\"]":{"--checkbox--bg-color":"light-dark(var(--color-base-600), var(--color-base-400))","@supports (color: color-mix(in lab, red, red))":{"--checkbox--bg-color":"light-dark(color-mix(in oklab, var(--color-base-600) 20%, transparent), color-mix(in oklab, var(--color-base-400) 20%, transparent))"},"background-color":"var(--checkbox--bg-color)","transition":"background-color 100ms, box-shadow 100ms","&::before":{"content":"\"✔︎\"","opacity":"100%"},"@media (forced-colors: active)":{"&::before":{"content":"\"✔︎\"","--checkbox--bg-color":"light-dark(var(--color-base-600), var(--color-base-200))","transform":"rotate(0deg)","background-color":"var(--checkbox--bg-color)","clip-path":"none"}}},"&:indeterminate":{"&::before":{"content":"\"\"","opacity":"100%","transform":"rotate(0deg) translate(0, -35%)","clip-path":"polygon(\n 20% 100%,\n 20% 80%,\n 50% 80%,\n 50% 80%,\n 80% 80%,\n 80% 100%\n )"}},"&:is(:disabled, [disabled], .checkbox-disabled)":{"--checkbox--cursor":"not-allowed","--checkbox--opacity":"20%","cursor":"var(--checkbox--cursor)","opacity":"var(--checkbox--opacity)"}},".checkbox-disabled":{"cursor":"var(--checkbox--cursor)","opacity":"var(--checkbox--opacity)"},".checkbox-accent":{"--color-checkbox":"light-dark(var(--color-accent-50), black)","@supports (color: color-mix(in lab, red, red))":{"--color-checkbox":"light-dark(var(--color-accent-50), color-mix(in oklch, black 10%, var(--color-accent-400) 20%))"},"--color-on-checkbox":"var(--color-on-accent)","--color-checkbox-active":"var(--color-accent-active)","--checkbox--box-shadow":"0 0 0 0px var(--color-accent-50), 0 0 0 calc(1px + 0px) var(--color-accent-600), 0 0 var(--color-accent-50)","&:focus-visible":{"--checkbox--box-shadow":"0 0 0 0px var(--color-accent-50), 0 0 0 calc(1px + 0px) var(--color-accent-700), 0 0 var(--color-accent-50)"},"&:checked, &[aria-checked=\"true\"]":{"--checkbox--bg-color":"var(--color-accent)","@media (forced-colors: active)":{"&::before":{"content":"var(--tw-content)","--checkbox--bg-color":"light-dark(var(--color-accent-600), var(--color-accent-200))"}}}},".checkbox-error":{"--color-checkbox":"light-dark(var(--color-error-50), black)","@supports (color: color-mix(in lab, red, red))":{"--color-checkbox":"light-dark(var(--color-error-50), color-mix(in oklch, black 10%, var(--color-error-400) 20%))"},"--color-on-checkbox":"var(--color-on-error)","--color-checkbox-active":"var(--color-error-active)","--checkbox--box-shadow":"0 0 0 0px var(--color-error-50), 0 0 0 calc(1px + 0px) var(--color-error-600), 0 0 var(--color-error-50)","&:focus-visible":{"--checkbox--box-shadow":"0 0 0 0px var(--color-error-50), 0 0 0 calc(1px + 0px) var(--color-error-700), 0 0 var(--color-error-50)"},"&:checked, &[aria-checked=\"true\"]":{"--checkbox--bg-color":"var(--color-error)","@media (forced-colors: active)":{"&::before":{"content":"var(--tw-content)","--checkbox--bg-color":"light-dark(var(--color-error-600), var(--color-error-200))"}}}},".checkbox-info":{"--color-checkbox":"light-dark(var(--color-info-50), black)","@supports (color: color-mix(in lab, red, red))":{"--color-checkbox":"light-dark(var(--color-info-50), color-mix(in oklch, black 10%, var(--color-info-400) 20%))"},"--color-on-checkbox":"var(--color-on-info)","--color-checkbox-active":"var(--color-info-active)","--checkbox--box-shadow":"0 0 0 0px var(--color-info-50), 0 0 0 calc(1px + 0px) var(--color-info-600), 0 0 var(--color-info-50)","&:focus-visible":{"--checkbox--box-shadow":"0 0 0 0px var(--color-info-50), 0 0 0 calc(1px + 0px) var(--color-info-700), 0 0 var(--color-info-50)"},"&:checked, &[aria-checked=\"true\"]":{"--checkbox--bg-color":"var(--color-info)","@media (forced-colors: active)":{"&::before":{"content":"var(--tw-content)","--checkbox--bg-color":"light-dark(var(--color-info-600), var(--color-info-200))"}}}},".checkbox-neutral":{"--color-checkbox":"light-dark(var(--color-neutral-50), black)","@supports (color: color-mix(in lab, red, red))":{"--color-checkbox":"light-dark(var(--color-neutral-50), color-mix(in oklch, black 10%, var(--color-neutral-400) 20%))"},"--color-on-checkbox":"var(--color-on-neutral)","--color-checkbox-active":"var(--color-neutral-active)","--checkbox--box-shadow":"0 0 0 0px var(--color-neutral-50), 0 0 0 calc(1px + 0px) var(--color-neutral-600), 0 0 var(--color-neutral-50)","&:focus-visible":{"--checkbox--box-shadow":"0 0 0 0px var(--color-neutral-50), 0 0 0 calc(1px + 0px) var(--color-neutral-700), 0 0 var(--color-neutral-50)"},"&:checked, &[aria-checked=\"true\"]":{"--checkbox--bg-color":"var(--color-neutral)","@media (forced-colors: active)":{"&::before":{"content":"var(--tw-content)","--checkbox--bg-color":"light-dark(var(--color-neutral-600), var(--color-neutral-200))"}}}},".checkbox-primary":{"--color-checkbox":"light-dark(var(--color-primary-50), black)","@supports (color: color-mix(in lab, red, red))":{"--color-checkbox":"light-dark(var(--color-primary-50), color-mix(in oklch, black 10%, var(--color-primary-400) 20%))"},"--color-on-checkbox":"var(--color-on-primary)","--color-checkbox-active":"var(--color-primary-active)","--checkbox--box-shadow":"0 0 0 0px var(--color-primary-50), 0 0 0 calc(1px + 0px) var(--color-primary-600), 0 0 var(--color-primary-50)","&:focus-visible":{"--checkbox--box-shadow":"0 0 0 0px var(--color-primary-50), 0 0 0 calc(1px + 0px) var(--color-primary-700), 0 0 var(--color-primary-50)"},"&:checked, &[aria-checked=\"true\"]":{"--checkbox--bg-color":"var(--color-primary)","@media (forced-colors: active)":{"&::before":{"content":"var(--tw-content)","--checkbox--bg-color":"light-dark(var(--color-primary-600), var(--color-primary-200))"}}}},".checkbox-secondary":{"--color-checkbox":"light-dark(var(--color-secondary-50), black)","@supports (color: color-mix(in lab, red, red))":{"--color-checkbox":"light-dark(var(--color-secondary-50), color-mix(in oklch, black 10%, var(--color-secondary-400) 20%))"},"--color-on-checkbox":"var(--color-on-secondary)","--color-checkbox-active":"var(--color-secondary-active)","--checkbox--box-shadow":"0 0 0 0px var(--color-secondary-50), 0 0 0 calc(1px + 0px) var(--color-secondary-600), 0 0 var(--color-secondary-50)","&:focus-visible":{"--checkbox--box-shadow":"0 0 0 0px var(--color-secondary-50), 0 0 0 calc(1px + 0px) var(--color-secondary-700), 0 0 var(--color-secondary-50)"},"&:checked, &[aria-checked=\"true\"]":{"--checkbox--bg-color":"var(--color-secondary)","@media (forced-colors: active)":{"&::before":{"content":"var(--tw-content)","--checkbox--bg-color":"light-dark(var(--color-secondary-600), var(--color-secondary-200))"}}}},".checkbox-success":{"--color-checkbox":"light-dark(var(--color-success-50), black)","@supports (color: color-mix(in lab, red, red))":{"--color-checkbox":"light-dark(var(--color-success-50), color-mix(in oklch, black 10%, var(--color-success-400) 20%))"},"--color-on-checkbox":"var(--color-on-success)","--color-checkbox-active":"var(--color-success-active)","--checkbox--box-shadow":"0 0 0 0px var(--color-success-50), 0 0 0 calc(1px + 0px) var(--color-success-600), 0 0 var(--color-success-50)","&:focus-visible":{"--checkbox--box-shadow":"0 0 0 0px var(--color-success-50), 0 0 0 calc(1px + 0px) var(--color-success-700), 0 0 var(--color-success-50)"},"&:checked, &[aria-checked=\"true\"]":{"--checkbox--bg-color":"var(--color-success)","@media (forced-colors: active)":{"&::before":{"content":"var(--tw-content)","--checkbox--bg-color":"light-dark(var(--color-success-600), var(--color-success-200))"}}}},".checkbox-warning":{"--color-checkbox":"light-dark(var(--color-warning-50), black)","@supports (color: color-mix(in lab, red, red))":{"--color-checkbox":"light-dark(var(--color-warning-50), color-mix(in oklch, black 10%, var(--color-warning-400) 20%))"},"--color-on-checkbox":"var(--color-on-warning)","--color-checkbox-active":"var(--color-warning-active)","--checkbox--box-shadow":"0 0 0 0px var(--color-warning-50), 0 0 0 calc(1px + 0px) var(--color-warning-600), 0 0 var(--color-warning-50)","&:focus-visible":{"--checkbox--box-shadow":"0 0 0 0px var(--color-warning-50), 0 0 0 calc(1px + 0px) var(--color-warning-700), 0 0 var(--color-warning-50)"},"&:checked, &[aria-checked=\"true\"]":{"--checkbox--bg-color":"var(--color-warning)","@media (forced-colors: active)":{"&::before":{"content":"var(--tw-content)","--checkbox--bg-color":"light-dark(var(--color-warning-600), var(--color-warning-200))"}}}},".checkbox-2xl":{"--checkbox--padding":"0.5rem","--checkbox--width":"2rem","--checkbox--height":"2rem"},".checkbox-lg":{"--checkbox--padding":"0.375rem","--checkbox--width":"1.5rem","--checkbox--height":"1.5rem"},".checkbox-md":{"--checkbox--padding":"0.3125rem","--checkbox--width":"1.25rem","--checkbox--height":"1.25rem"},".checkbox-sm":{"--checkbox--padding":"0.25rem","--checkbox--width":"1rem","--checkbox--height":"1rem"},".checkbox-xl":{"--checkbox--padding":"0.4375rem","--checkbox--width":"1.75rem","--checkbox--height":"1.75rem"},".checkbox-xs":{"--checkbox--padding":"0.1875rem","--checkbox--width":"0.75rem","--checkbox--height":"0.75rem"},".checkbox-circle":{"--checkbox--radius":"calc(infinity * 1px)","--checkbox--aspect-ratio":"1 / 1"},".checkbox-rounded":{"--checkbox--radius":"calc(infinity * 1px)","--checkbox--aspect-ratio":"1 / 1"},".checkbox-square":{"--checkbox--radius":"var(--radius-checkbox)","--checkbox--aspect-ratio":"1 / 1"}};
package/dist/components/checkbox.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;.checkbox{--radius-checkbox:calc(var(--border-radius)*1.5);--color-checkbox:var(--color-base);@supports (color:color-mix(in lab,red,red)){--color-checkbox:color-mix(in oklab,var(--color-base) 50%,transparent)}--color-on-checkbox:var(--color-on-base);--color-checkbox-active:var(--color-base-active);--checkbox--box-shadow:0 0 0 0px var(--color-base-100),0 0 0 1px var(--color-checkbox-active),0 0 var(--color-base-100);background-color:var(--color-checkbox);color:var(--color-on-checkbox);box-shadow:var(--checkbox--box-shadow);aspect-ratio:var(--checkbox--aspect-ratio);border-radius:var(--checkbox--radius,var(--radius-checkbox));padding:var(--checkbox--padding,.3125rem);width:var(--checkbox--width,1.25rem);height:var(--checkbox--height,1.25rem);position:relative;transition-duration:.35s;flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;&:before{content:var(--tw-content);content:none;opacity:0;background-color:currentcolor;transform:rotate(45deg);transition:transform .3s,background-color .1s;display:block;width:100%;height:100%;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0,70% 0,70% 100%);font-size:1rem;line-height:.75}&:focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark(var(--color-base-950,currentColor),var(--color-base-50,currentColor));outline-offset:3px}&:checked,&[aria-checked=true]{--checkbox--bg-color:light-dark(var(--color-base-600),var(--color-base-400));@supports (color:color-mix(in lab,red,red)){--checkbox--bg-color:light-dark(color-mix(in oklab,var(--color-base-600) 20%,transparent),color-mix(in oklab,var(--color-base-400) 20%,transparent))}background-color:var(--checkbox--bg-color);transition:background-color .1s,box-shadow .1s;&:before{content:var(--tw-content);content:"✔︎";opacity:100%}@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-base-600),var(--color-base-200));content:"✔︎";transform:rotate(0deg);background-color:var(--checkbox--bg-color);clip-path:none}}}&:indeterminate{&:before{content:var(--tw-content);content:"";opacity:100%;transform:rotate(0deg) translateY(-35%);clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%)}}&:is(:disabled,[disabled],.checkbox-disabled){--checkbox--cursor:not-allowed;--checkbox--opacity:20%;cursor:var(--checkbox--cursor);opacity:var(--checkbox--opacity)}}.checkbox-disabled{cursor:var(--checkbox--cursor);opacity:var(--checkbox--opacity)}.checkbox-accent{--color-checkbox:light-dark(var(--color-accent-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-accent-50),color-mix(in oklch,#000 10%,var(--color-accent-400) 20%))}--color-on-checkbox:var(--color-on-accent);--color-checkbox-active:var(--color-accent-active);--checkbox--box-shadow:0 0 0 0px var(--color-accent-50),0 0 0 1px var(--color-accent-600),0 0 var(--color-accent-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-accent-50),0 0 0 1px var(--color-accent-700),0 0 var(--color-accent-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-accent);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-accent-600),var(--color-accent-200))}}}}.checkbox-error{--color-checkbox:light-dark(var(--color-error-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-error-50),color-mix(in oklch,#000 10%,var(--color-error-400) 20%))}--color-on-checkbox:var(--color-on-error);--color-checkbox-active:var(--color-error-active);--checkbox--box-shadow:0 0 0 0px var(--color-error-50),0 0 0 1px var(--color-error-600),0 0 var(--color-error-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-error-50),0 0 0 1px var(--color-error-700),0 0 var(--color-error-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-error);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-error-600),var(--color-error-200))}}}}.checkbox-info{--color-checkbox:light-dark(var(--color-info-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-info-50),color-mix(in oklch,#000 10%,var(--color-info-400) 20%))}--color-on-checkbox:var(--color-on-info);--color-checkbox-active:var(--color-info-active);--checkbox--box-shadow:0 0 0 0px var(--color-info-50),0 0 0 1px var(--color-info-600),0 0 var(--color-info-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-info-50),0 0 0 1px var(--color-info-700),0 0 var(--color-info-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-info);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-info-600),var(--color-info-200))}}}}.checkbox-neutral{--color-checkbox:light-dark(var(--color-neutral-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-neutral-50),color-mix(in oklch,#000 10%,var(--color-neutral-400) 20%))}--color-on-checkbox:var(--color-on-neutral);--color-checkbox-active:var(--color-neutral-active);--checkbox--box-shadow:0 0 0 0px var(--color-neutral-50),0 0 0 1px var(--color-neutral-600),0 0 var(--color-neutral-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-neutral-50),0 0 0 1px var(--color-neutral-700),0 0 var(--color-neutral-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-neutral);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-neutral-600),var(--color-neutral-200))}}}}.checkbox-primary{--color-checkbox:light-dark(var(--color-primary-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-primary-50),color-mix(in oklch,#000 10%,var(--color-primary-400) 20%))}--color-on-checkbox:var(--color-on-primary);--color-checkbox-active:var(--color-primary-active);--checkbox--box-shadow:0 0 0 0px var(--color-primary-50),0 0 0 1px var(--color-primary-600),0 0 var(--color-primary-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-primary-50),0 0 0 1px var(--color-primary-700),0 0 var(--color-primary-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-primary);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-primary-600),var(--color-primary-200))}}}}.checkbox-secondary{--color-checkbox:light-dark(var(--color-secondary-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-secondary-50),color-mix(in oklch,#000 10%,var(--color-secondary-400) 20%))}--color-on-checkbox:var(--color-on-secondary);--color-checkbox-active:var(--color-secondary-active);--checkbox--box-shadow:0 0 0 0px var(--color-secondary-50),0 0 0 1px var(--color-secondary-600),0 0 var(--color-secondary-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-secondary-50),0 0 0 1px var(--color-secondary-700),0 0 var(--color-secondary-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-secondary);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-secondary-600),var(--color-secondary-200))}}}}.checkbox-success{--color-checkbox:light-dark(var(--color-success-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-success-50),color-mix(in oklch,#000 10%,var(--color-success-400) 20%))}--color-on-checkbox:var(--color-on-success);--color-checkbox-active:var(--color-success-active);--checkbox--box-shadow:0 0 0 0px var(--color-success-50),0 0 0 1px var(--color-success-600),0 0 var(--color-success-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-success-50),0 0 0 1px var(--color-success-700),0 0 var(--color-success-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-success);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-success-600),var(--color-success-200))}}}}.checkbox-warning{--color-checkbox:light-dark(var(--color-warning-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-warning-50),color-mix(in oklch,#000 10%,var(--color-warning-400) 20%))}--color-on-checkbox:var(--color-on-warning);--color-checkbox-active:var(--color-warning-active);--checkbox--box-shadow:0 0 0 0px var(--color-warning-50),0 0 0 1px var(--color-warning-600),0 0 var(--color-warning-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-warning-50),0 0 0 1px var(--color-warning-700),0 0 var(--color-warning-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-warning);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-warning-600),var(--color-warning-200))}}}}.checkbox-2xl{--checkbox--padding:0.5rem;--checkbox--width:2rem;--checkbox--height:2rem}.checkbox-lg{--checkbox--padding:0.375rem;--checkbox--width:1.5rem;--checkbox--height:1.5rem}.checkbox-md{--checkbox--padding:0.3125rem;--checkbox--width:1.25rem;--checkbox--height:1.25rem}.checkbox-sm{--checkbox--padding:0.25rem;--checkbox--width:1rem;--checkbox--height:1rem}.checkbox-xl{--checkbox--padding:0.4375rem;--checkbox--width:1.75rem;--checkbox--height:1.75rem}.checkbox-xs{--checkbox--padding:0.1875rem;--checkbox--width:0.75rem;--checkbox--height:0.75rem}.checkbox-circle,.checkbox-rounded{--checkbox--radius:calc(infinity*1px);--checkbox--aspect-ratio:1/1}.checkbox-square{--checkbox--radius:var(--radius-checkbox);--checkbox--aspect-ratio:1/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:""}}}
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;.checkbox{--radius-checkbox:calc(var(--border-radius)*1.5);--color-checkbox:var(--color-base);@supports (color:color-mix(in lab,red,red)){--color-checkbox:color-mix(in oklab,var(--color-base) 50%,transparent)}--color-on-checkbox:var(--color-on-base);--color-checkbox-active:var(--color-base-active);--checkbox--box-shadow:0 0 0 0px var(--color-base-100),0 0 0 1px var(--color-checkbox-active),0 0 var(--color-base-100);background-color:var(--color-checkbox);color:var(--color-on-checkbox);box-shadow:var(--checkbox--box-shadow);aspect-ratio:var(--checkbox--aspect-ratio);border-radius:var(--checkbox--radius,var(--radius-checkbox));padding:var(--checkbox--padding,.3125rem);width:var(--checkbox--width,1.25rem);height:var(--checkbox--height,1.25rem);position:relative;transition-duration:.35s;flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;vertical-align:middle;&:before{content:var(--tw-content);content:none;opacity:0;background-color:currentcolor;transform:rotate(45deg);transition:transform .3s,background-color .1s;display:block;width:100%;height:100%;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0,70% 0,70% 100%);font-size:1rem;line-height:.75}&:focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark(var(--color-base-950,currentColor),var(--color-base-50,currentColor));outline-offset:3px}&:checked,&[aria-checked=true]{--checkbox--bg-color:light-dark(var(--color-base-600),var(--color-base-400));@supports (color:color-mix(in lab,red,red)){--checkbox--bg-color:light-dark(color-mix(in oklab,var(--color-base-600) 20%,transparent),color-mix(in oklab,var(--color-base-400) 20%,transparent))}background-color:var(--checkbox--bg-color);transition:background-color .1s,box-shadow .1s;&:before{content:var(--tw-content);content:"✔︎";opacity:100%}@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-base-600),var(--color-base-200));content:"✔︎";transform:rotate(0deg);background-color:var(--checkbox--bg-color);clip-path:none}}}&:indeterminate{&:before{content:var(--tw-content);content:"";opacity:100%;transform:rotate(0deg) translateY(-35%);clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%)}}&:is(:disabled,[disabled],.checkbox-disabled){--checkbox--cursor:not-allowed;--checkbox--opacity:20%;cursor:var(--checkbox--cursor);opacity:var(--checkbox--opacity)}}.checkbox-disabled{cursor:var(--checkbox--cursor);opacity:var(--checkbox--opacity)}.checkbox-accent{--color-checkbox:light-dark(var(--color-accent-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-accent-50),color-mix(in oklch,#000 10%,var(--color-accent-400) 20%))}--color-on-checkbox:var(--color-on-accent);--color-checkbox-active:var(--color-accent-active);--checkbox--box-shadow:0 0 0 0px var(--color-accent-50),0 0 0 1px var(--color-accent-600),0 0 var(--color-accent-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-accent-50),0 0 0 1px var(--color-accent-700),0 0 var(--color-accent-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-accent);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-accent-600),var(--color-accent-200))}}}}.checkbox-error{--color-checkbox:light-dark(var(--color-error-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-error-50),color-mix(in oklch,#000 10%,var(--color-error-400) 20%))}--color-on-checkbox:var(--color-on-error);--color-checkbox-active:var(--color-error-active);--checkbox--box-shadow:0 0 0 0px var(--color-error-50),0 0 0 1px var(--color-error-600),0 0 var(--color-error-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-error-50),0 0 0 1px var(--color-error-700),0 0 var(--color-error-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-error);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-error-600),var(--color-error-200))}}}}.checkbox-info{--color-checkbox:light-dark(var(--color-info-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-info-50),color-mix(in oklch,#000 10%,var(--color-info-400) 20%))}--color-on-checkbox:var(--color-on-info);--color-checkbox-active:var(--color-info-active);--checkbox--box-shadow:0 0 0 0px var(--color-info-50),0 0 0 1px var(--color-info-600),0 0 var(--color-info-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-info-50),0 0 0 1px var(--color-info-700),0 0 var(--color-info-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-info);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-info-600),var(--color-info-200))}}}}.checkbox-neutral{--color-checkbox:light-dark(var(--color-neutral-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-neutral-50),color-mix(in oklch,#000 10%,var(--color-neutral-400) 20%))}--color-on-checkbox:var(--color-on-neutral);--color-checkbox-active:var(--color-neutral-active);--checkbox--box-shadow:0 0 0 0px var(--color-neutral-50),0 0 0 1px var(--color-neutral-600),0 0 var(--color-neutral-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-neutral-50),0 0 0 1px var(--color-neutral-700),0 0 var(--color-neutral-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-neutral);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-neutral-600),var(--color-neutral-200))}}}}.checkbox-primary{--color-checkbox:light-dark(var(--color-primary-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-primary-50),color-mix(in oklch,#000 10%,var(--color-primary-400) 20%))}--color-on-checkbox:var(--color-on-primary);--color-checkbox-active:var(--color-primary-active);--checkbox--box-shadow:0 0 0 0px var(--color-primary-50),0 0 0 1px var(--color-primary-600),0 0 var(--color-primary-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-primary-50),0 0 0 1px var(--color-primary-700),0 0 var(--color-primary-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-primary);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-primary-600),var(--color-primary-200))}}}}.checkbox-secondary{--color-checkbox:light-dark(var(--color-secondary-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-secondary-50),color-mix(in oklch,#000 10%,var(--color-secondary-400) 20%))}--color-on-checkbox:var(--color-on-secondary);--color-checkbox-active:var(--color-secondary-active);--checkbox--box-shadow:0 0 0 0px var(--color-secondary-50),0 0 0 1px var(--color-secondary-600),0 0 var(--color-secondary-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-secondary-50),0 0 0 1px var(--color-secondary-700),0 0 var(--color-secondary-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-secondary);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-secondary-600),var(--color-secondary-200))}}}}.checkbox-success{--color-checkbox:light-dark(var(--color-success-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-success-50),color-mix(in oklch,#000 10%,var(--color-success-400) 20%))}--color-on-checkbox:var(--color-on-success);--color-checkbox-active:var(--color-success-active);--checkbox--box-shadow:0 0 0 0px var(--color-success-50),0 0 0 1px var(--color-success-600),0 0 var(--color-success-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-success-50),0 0 0 1px var(--color-success-700),0 0 var(--color-success-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-success);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-success-600),var(--color-success-200))}}}}.checkbox-warning{--color-checkbox:light-dark(var(--color-warning-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-warning-50),color-mix(in oklch,#000 10%,var(--color-warning-400) 20%))}--color-on-checkbox:var(--color-on-warning);--color-checkbox-active:var(--color-warning-active);--checkbox--box-shadow:0 0 0 0px var(--color-warning-50),0 0 0 1px var(--color-warning-600),0 0 var(--color-warning-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-warning-50),0 0 0 1px var(--color-warning-700),0 0 var(--color-warning-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-warning);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-warning-600),var(--color-warning-200))}}}}.checkbox-2xl{--checkbox--padding:0.5rem;--checkbox--width:2rem;--checkbox--height:2rem}.checkbox-lg{--checkbox--padding:0.375rem;--checkbox--width:1.5rem;--checkbox--height:1.5rem}.checkbox-md{--checkbox--padding:0.3125rem;--checkbox--width:1.25rem;--checkbox--height:1.25rem}.checkbox-sm{--checkbox--padding:0.25rem;--checkbox--width:1rem;--checkbox--height:1rem}.checkbox-xl{--checkbox--padding:0.4375rem;--checkbox--width:1.75rem;--checkbox--height:1.75rem}.checkbox-xs{--checkbox--padding:0.1875rem;--checkbox--width:0.75rem;--checkbox--height:0.75rem}.checkbox-circle,.checkbox-rounded{--checkbox--radius:calc(infinity*1px);--checkbox--aspect-ratio:1/1}.checkbox-square{--checkbox--radius:var(--radius-checkbox);--checkbox--aspect-ratio:1/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/collapsible.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.collapsible-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-block-end:1.25rem;cursor:pointer;.collapsible-open>&,.collapsible:has(>.collapsible-toggle:checked) &{display:none}}.collapsible-toggle{position:absolute;opacity:0;width:0;height:0}.collapsible{position:relative;&.collapsible-open,&:has(>.collapsible-toggle:checked),&[open]{&>.collapsible-content{grid-template-rows:1fr}}}.collapsible-group{position:relative}.collapsible-arrow{&:after{content:"";display:inline-block;flex-shrink:0;width:.4em;height:.4em;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;transform:rotate(45deg);transition:transform .3s ease;margin-inline-start:auto}.collapsible-open>&:after,.collapsible:has(>.collapsible-toggle:checked) &:after,.collapsible[open]>&:after{transform:rotate(225deg)}}.collapsible-content{display:grid;grid-template-rows:0fr;overflow:hidden;border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:inherit;border-end-end-radius:inherit;transition:grid-template-rows .3s ease;&>*{min-height:0}}.collapsible-title{display:flex;align-items:center;width:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none;&::marker{content:none}&::-webkit-details-marker{display:none}}.is-collapsible-close{display:inline;.collapsible-group:has(.collapsible-open) &,.collapsible-group:has(.collapsible>.collapsible-toggle:checked) &,.collapsible-group:has(.collapsible[open]) &,:is(.collapsible-open,.collapsible:has(>.collapsible-toggle:checked),.collapsible[open]) &{display:none}}.is-collapsible-open{display:none;.collapsible-group:has(.collapsible-open) &,.collapsible-group:has(.collapsible>.collapsible-toggle:checked) &,.collapsible-group:has(.collapsible[open]) &,:is(.collapsible-open,.collapsible:has(>.collapsible-toggle:checked),.collapsible[open]) &{display:inline}}.collapsible-peek{&>.collapsible-content{grid-template-rows:1fr;max-height:var(--peek-height,8rem);mask-image:linear-gradient(180deg,#000 40%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent)}&.collapsible-open,&:has(>.collapsible-toggle:checked){&>.collapsible-content{max-height:var(--peek-max-height,99rem);mask-image:none;-webkit-mask-image:none}}}
package/dist/components/combobox.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.combobox-list{position:absolute;inset-block-start:calc(100% + .25rem);inset-inline:0;z-index:100;background-color:var(--color-base);border:1px solid var(--color-base-soft);border-radius:calc(var(--border-radius)*2);padding:.375rem;margin:0;list-style:none;max-height:16rem;overflow-y:auto;scrollbar-width:thin;opacity:var(--combobox-list--opacity,0);pointer-events:var(--combobox-list--pointer-events,none);transform:var(--combobox-list--transform,translateY(-.25rem));transition:opacity .15s ease-in-out,transform .15s ease-in-out;display:flex;flex-direction:column;gap:.125rem;box-shadow:0 4px 16px var(--color-base-950);@supports (color:color-mix(in lab,red,red)){box-shadow:0 4px 16px color-mix(in oklab,var(--color-base-950) 10%,transparent)}}.combobox-item{--combobox-item-active-bg:var(--color-primary-soft);--combobox-item-active-color:light-dark(var(--color-primary-800),var(--color-primary));padding-inline:.75rem;padding-block:.5rem;font-size:.875rem;border-radius:calc(var(--border-radius)*1.5);color:var(--color-on-base);cursor:pointer;transition:background-color .1s ease-in-out,color .1s ease-in-out;&:hover{@media (hover:hover){background-color:var(--color-base-soft)}}&.combobox-item-active,&[aria-selected=true]{background-color:var(--combobox-item-active-bg);color:var(--combobox-item-active-color)}}.combobox-open{--combobox-list--opacity:1;--combobox-list--pointer-events:auto;--combobox-list--transform:translateY(0)}.combobox-accent{--combobox-item-active-bg:var(--color-accent-soft);--combobox-item-active-color:light-dark(var(--color-accent-800),var(--color-accent))}.combobox-error{--combobox-item-active-bg:var(--color-error-soft);--combobox-item-active-color:light-dark(var(--color-error-800),var(--color-error))}.combobox-info{--combobox-item-active-bg:var(--color-info-soft);--combobox-item-active-color:light-dark(var(--color-info-800),var(--color-info))}.combobox-primary{--combobox-item-active-bg:var(--color-primary-soft);--combobox-item-active-color:light-dark(var(--color-primary-800),var(--color-primary))}.combobox-secondary{--combobox-item-active-bg:var(--color-secondary-soft);--combobox-item-active-color:light-dark(var(--color-secondary-800),var(--color-secondary))}.combobox-success{--combobox-item-active-bg:var(--color-success-soft);--combobox-item-active-color:light-dark(var(--color-success-800),var(--color-success))}.combobox-warning{--combobox-item-active-bg:var(--color-warning-soft);--combobox-item-active-color:light-dark(var(--color-warning-800),var(--color-warning))}
package/dist/components/countdown.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;.countdown{container:countdown/normal;display:inline-flex;align-items:baseline;gap:0;font-size:3rem;font-variant-numeric:tabular-nums;line-height:1;vertical-align:middle;:where(&) :where(span){--countdown-value:0;display:inline-block;overflow:hidden;height:1em;line-height:1em;&:before{content:"00\A 01\A 02\A 03\A 04\A 05\A 06\A 07\A 08\A 09\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A 39\A 40\A 41\A 42\A 43\A 44\A 45\A 46\A 47\A 48\A 49\A 50\A 51\A 52\A 53\A 54\A 55\A 56\A 57\A 58\A 59\A 60\A 61\A 62\A 63\A 64\A 65\A 66\A 67\A 68\A 69\A 70\A 71\A 72\A 73\A 74\A 75\A 76\A 77\A 78\A 79\A 80\A 81\A 82\A 83\A 84\A 85\A 86\A 87\A 88\A 89\A 90\A 91\A 92\A 93\A 94\A 95\A 96\A 97\A 98\A 99";display:block;white-space:pre;transform:translateY(calc(var(--countdown-value)*-1em));transition:transform .3s cubic-bezier(.4,0,.2,1)}}}.countdown-lg{font-size:4.5rem}.countdown-md{font-size:3rem}.countdown-sm{font-size:2rem}.countdown-xl{font-size:6rem}.countdown-xs{font-size:1.5rem}@property --countdown-value{syntax:"<integer>";initial-value:0;inherits:true}@container countdown style(--digits: 3){span:before{content:"000\A 001\A 002\A 003\A 004\A 005\A 006\A 007\A 008\A 009\A 010\A 011\A 012\A 013\A 014\A 015\A 016\A 017\A 018\A 019\A 020\A 021\A 022\A 023\A 024\A 025\A 026\A 027\A 028\A 029\A 030\A 031\A 032\A 033\A 034\A 035\A 036\A 037\A 038\A 039\A 040\A 041\A 042\A 043\A 044\A 045\A 046\A 047\A 048\A 049\A 050\A 051\A 052\A 053\A 054\A 055\A 056\A 057\A 058\A 059\A 060\A 061\A 062\A 063\A 064\A 065\A 066\A 067\A 068\A 069\A 070\A 071\A 072\A 073\A 074\A 075\A 076\A 077\A 078\A 079\A 080\A 081\A 082\A 083\A 084\A 085\A 086\A 087\A 088\A 089\A 090\A 091\A 092\A 093\A 094\A 095\A 096\A 097\A 098\A 099\A 100\A 101\A 102\A 103\A 104\A 105\A 106\A 107\A 108\A 109\A 110\A 111\A 112\A 113\A 114\A 115\A 116\A 117\A 118\A 119\A 120\A 121\A 122\A 123\A 124\A 125\A 126\A 127\A 128\A 129\A 130\A 131\A 132\A 133\A 134\A 135\A 136\A 137\A 138\A 139\A 140\A 141\A 142\A 143\A 144\A 145\A 146\A 147\A 148\A 149\A 150\A 151\A 152\A 153\A 154\A 155\A 156\A 157\A 158\A 159\A 160\A 161\A 162\A 163\A 164\A 165\A 166\A 167\A 168\A 169\A 170\A 171\A 172\A 173\A 174\A 175\A 176\A 177\A 178\A 179\A 180\A 181\A 182\A 183\A 184\A 185\A 186\A 187\A 188\A 189\A 190\A 191\A 192\A 193\A 194\A 195\A 196\A 197\A 198\A 199\A 200\A 201\A 202\A 203\A 204\A 205\A 206\A 207\A 208\A 209\A 210\A 211\A 212\A 213\A 214\A 215\A 216\A 217\A 218\A 219\A 220\A 221\A 222\A 223\A 224\A 225\A 226\A 227\A 228\A 229\A 230\A 231\A 232\A 233\A 234\A 235\A 236\A 237\A 238\A 239\A 240\A 241\A 242\A 243\A 244\A 245\A 246\A 247\A 248\A 249\A 250\A 251\A 252\A 253\A 254\A 255\A 256\A 257\A 258\A 259\A 260\A 261\A 262\A 263\A 264\A 265\A 266\A 267\A 268\A 269\A 270\A 271\A 272\A 273\A 274\A 275\A 276\A 277\A 278\A 279\A 280\A 281\A 282\A 283\A 284\A 285\A 286\A 287\A 288\A 289\A 290\A 291\A 292\A 293\A 294\A 295\A 296\A 297\A 298\A 299\A 300\A 301\A 302\A 303\A 304\A 305\A 306\A 307\A 308\A 309\A 310\A 311\A 312\A 313\A 314\A 315\A 316\A 317\A 318\A 319\A 320\A 321\A 322\A 323\A 324\A 325\A 326\A 327\A 328\A 329\A 330\A 331\A 332\A 333\A 334\A 335\A 336\A 337\A 338\A 339\A 340\A 341\A 342\A 343\A 344\A 345\A 346\A 347\A 348\A 349\A 350\A 351\A 352\A 353\A 354\A 355\A 356\A 357\A 358\A 359\A 360\A 361\A 362\A 363\A 364\A 365\A 366\A 367\A 368\A 369\A 370\A 371\A 372\A 373\A 374\A 375\A 376\A 377\A 378\A 379\A 380\A 381\A 382\A 383\A 384\A 385\A 386\A 387\A 388\A 389\A 390\A 391\A 392\A 393\A 394\A 395\A 396\A 397\A 398\A 399\A 400\A 401\A 402\A 403\A 404\A 405\A 406\A 407\A 408\A 409\A 410\A 411\A 412\A 413\A 414\A 415\A 416\A 417\A 418\A 419\A 420\A 421\A 422\A 423\A 424\A 425\A 426\A 427\A 428\A 429\A 430\A 431\A 432\A 433\A 434\A 435\A 436\A 437\A 438\A 439\A 440\A 441\A 442\A 443\A 444\A 445\A 446\A 447\A 448\A 449\A 450\A 451\A 452\A 453\A 454\A 455\A 456\A 457\A 458\A 459\A 460\A 461\A 462\A 463\A 464\A 465\A 466\A 467\A 468\A 469\A 470\A 471\A 472\A 473\A 474\A 475\A 476\A 477\A 478\A 479\A 480\A 481\A 482\A 483\A 484\A 485\A 486\A 487\A 488\A 489\A 490\A 491\A 492\A 493\A 494\A 495\A 496\A 497\A 498\A 499\A 500\A 501\A 502\A 503\A 504\A 505\A 506\A 507\A 508\A 509\A 510\A 511\A 512\A 513\A 514\A 515\A 516\A 517\A 518\A 519\A 520\A 521\A 522\A 523\A 524\A 525\A 526\A 527\A 528\A 529\A 530\A 531\A 532\A 533\A 534\A 535\A 536\A 537\A 538\A 539\A 540\A 541\A 542\A 543\A 544\A 545\A 546\A 547\A 548\A 549\A 550\A 551\A 552\A 553\A 554\A 555\A 556\A 557\A 558\A 559\A 560\A 561\A 562\A 563\A 564\A 565\A 566\A 567\A 568\A 569\A 570\A 571\A 572\A 573\A 574\A 575\A 576\A 577\A 578\A 579\A 580\A 581\A 582\A 583\A 584\A 585\A 586\A 587\A 588\A 589\A 590\A 591\A 592\A 593\A 594\A 595\A 596\A 597\A 598\A 599\A 600\A 601\A 602\A 603\A 604\A 605\A 606\A 607\A 608\A 609\A 610\A 611\A 612\A 613\A 614\A 615\A 616\A 617\A 618\A 619\A 620\A 621\A 622\A 623\A 624\A 625\A 626\A 627\A 628\A 629\A 630\A 631\A 632\A 633\A 634\A 635\A 636\A 637\A 638\A 639\A 640\A 641\A 642\A 643\A 644\A 645\A 646\A 647\A 648\A 649\A 650\A 651\A 652\A 653\A 654\A 655\A 656\A 657\A 658\A 659\A 660\A 661\A 662\A 663\A 664\A 665\A 666\A 667\A 668\A 669\A 670\A 671\A 672\A 673\A 674\A 675\A 676\A 677\A 678\A 679\A 680\A 681\A 682\A 683\A 684\A 685\A 686\A 687\A 688\A 689\A 690\A 691\A 692\A 693\A 694\A 695\A 696\A 697\A 698\A 699\A 700\A 701\A 702\A 703\A 704\A 705\A 706\A 707\A 708\A 709\A 710\A 711\A 712\A 713\A 714\A 715\A 716\A 717\A 718\A 719\A 720\A 721\A 722\A 723\A 724\A 725\A 726\A 727\A 728\A 729\A 730\A 731\A 732\A 733\A 734\A 735\A 736\A 737\A 738\A 739\A 740\A 741\A 742\A 743\A 744\A 745\A 746\A 747\A 748\A 749\A 750\A 751\A 752\A 753\A 754\A 755\A 756\A 757\A 758\A 759\A 760\A 761\A 762\A 763\A 764\A 765\A 766\A 767\A 768\A 769\A 770\A 771\A 772\A 773\A 774\A 775\A 776\A 777\A 778\A 779\A 780\A 781\A 782\A 783\A 784\A 785\A 786\A 787\A 788\A 789\A 790\A 791\A 792\A 793\A 794\A 795\A 796\A 797\A 798\A 799\A 800\A 801\A 802\A 803\A 804\A 805\A 806\A 807\A 808\A 809\A 810\A 811\A 812\A 813\A 814\A 815\A 816\A 817\A 818\A 819\A 820\A 821\A 822\A 823\A 824\A 825\A 826\A 827\A 828\A 829\A 830\A 831\A 832\A 833\A 834\A 835\A 836\A 837\A 838\A 839\A 840\A 841\A 842\A 843\A 844\A 845\A 846\A 847\A 848\A 849\A 850\A 851\A 852\A 853\A 854\A 855\A 856\A 857\A 858\A 859\A 860\A 861\A 862\A 863\A 864\A 865\A 866\A 867\A 868\A 869\A 870\A 871\A 872\A 873\A 874\A 875\A 876\A 877\A 878\A 879\A 880\A 881\A 882\A 883\A 884\A 885\A 886\A 887\A 888\A 889\A 890\A 891\A 892\A 893\A 894\A 895\A 896\A 897\A 898\A 899\A 900\A 901\A 902\A 903\A 904\A 905\A 906\A 907\A 908\A 909\A 910\A 911\A 912\A 913\A 914\A 915\A 916\A 917\A 918\A 919\A 920\A 921\A 922\A 923\A 924\A 925\A 926\A 927\A 928\A 929\A 930\A 931\A 932\A 933\A 934\A 935\A 936\A 937\A 938\A 939\A 940\A 941\A 942\A 943\A 944\A 945\A 946\A 947\A 948\A 949\A 950\A 951\A 952\A 953\A 954\A 955\A 956\A 957\A 958\A 959\A 960\A 961\A 962\A 963\A 964\A 965\A 966\A 967\A 968\A 969\A 970\A 971\A 972\A 973\A 974\A 975\A 976\A 977\A 978\A 979\A 980\A 981\A 982\A 983\A 984\A 985\A 986\A 987\A 988\A 989\A 990\A 991\A 992\A 993\A 994\A 995\A 996\A 997\A 998\A 999"}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--countdown-value:0}}}
package/dist/components/diff.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.diff{position:relative;display:grid;width:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;grid-template-rows:1fr 1.8rem 1fr;grid-template-columns:auto 1fr;direction:ltr;container-type:inline-size;border-radius:calc(var(--border-radius)*2)}.diff-item-2{position:relative;grid-column-start:1;grid-row:1/span 3;&:after{content:"";pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-end:1px;z-index:2;border-radius:9999px;width:1.2rem;height:1.8rem;background-color:var(--color-base);border:.5px solid oklch(0 0 0/12%);outline:1px solid var(--color-on-base);@supports (color:color-mix(in lab,red,red)){outline:1px solid color-mix(in oklab,var(--color-on-base) 10%,transparent)}outline-offset:-3px;translate:50% -50%}:where(&)>*{pointer-events:none;position:absolute;inset-block:0;inset-inline-start:0;height:100%;width:100cqi;max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}}.diff-item-1{position:relative;z-index:1;grid-column-start:1;grid-row:1/span 3;overflow:hidden;border-right:2px solid var(--color-base);:where(&)>*{pointer-events:none;position:absolute;inset-block:0;inset-inline-start:0;height:100%;width:100cqi;max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}}.diff-resizer{position:relative;z-index:2;grid-column-start:1;grid-row-start:2;height:.75rem;width:50cqi;max-width:calc(100cqi - 1rem);min-width:1rem;resize:horizontal;overflow:hidden;opacity:0;transform:scaleY(5) translate(.32rem,50%);cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem))}
package/dist/components/divider.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;.divider{--divider--margin:1rem 0;--color-divider:var(--color-base-soft);--divider-direction:right;--divider--flex-direction:row;--divider--width:100%;--divider--height:1px;--divider-dash-length:10px;--divider-gap-length:0px;display:flex;align-items:center;justify-content:center;flex-direction:var(--divider--flex-direction);width:var(--divider--width);height:var(--divider--height);&:not(:empty){-moz-column-gap:.5rem;column-gap:.5rem}&:after,&:before{content:"";margin:var(--divider--margin);width:var(--divider--width);height:var(--divider--height);background:repeating-linear-gradient(to var(--divider-direction),var(--color-divider) 0,var(--color-divider) var(--divider-dash-length),transparent var(--divider-dash-length),transparent calc(var(--divider-dash-length) + var(--divider-gap-length)))}}.divider-end{&:after{content:var(--tw-content);display:none}}.divider-start{&:before{content:var(--tw-content);display:none}}.divider-vertical{--divider-direction:bottom;--divider--width:1px;--divider--flex-direction:column;--divider--margin:0 1rem;align-self:stretch;height:auto;&:after,&:before{flex:1;height:auto}}.divider-horizontal{--divider-direction:right;--divider--width:100%;--divider--height:1px;--divider--flex-direction:row;--divider--margin:1rem 0}.divider-dashed{--divider-dash-length:5px;--divider-gap-length:5px}.divider-dotted{--divider-dash-length:2px;--divider-gap-length:4px}.divider-solid{--divider-dash-length:10px;--divider-gap-length:0px}.divider-accent{--color-divider:var(--color-accent)}.divider-error{--color-divider:var(--color-error)}.divider-info{--color-divider:var(--color-info)}.divider-neutral{--color-divider:var(--color-neutral)}.divider-primary{--color-divider:var(--color-primary)}.divider-secondary{--color-divider:var(--color-secondary)}.divider-success{--color-divider:var(--color-success)}.divider-warning{--color-divider:var(--color-warning)}@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/drawer.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.drawer{border:none;pointer-events:none;visibility:hidden;position:fixed;inset:0;margin:0;padding:0;display:grid;width:100%;height:100%;max-width:none;max-height:none;place-items:start;color:inherit;z-index:999;overflow:hidden;overscroll-behavior:contain;&::backdrop,&:not(drawer:not([open]):not(.drawer-open)){@starting-style{visibility:hidden}opacity:1;background-color:light-dark(#000,#000);@supports (color:color-mix(in lab,red,red)){background-color:light-dark(color-mix(in oklch,#000 10%,var(--color-base-600) 40%),color-mix(in oklch,#000 10%,var(--color-base-400) 40%))}}&.drawer-open,&[open]{@starting-style{visibility:hidden}pointer-events:auto;visibility:visible;.drawer-content{translate:0 0;scale:1}}}.drawer-backdrop{display:grid;grid-column-start:1;grid-row-start:1;align-self:stretch;justify-self:stretch;color:transparent;z-index:-1;:where(&) :where(button){cursor:pointer}}.drawer-content{--radius-drawer:calc(var(--border-radius)*2);border-radius:0;translate:-100% 0;scale:1;grid-column-start:1;grid-row-start:1;height:100vh;max-height:none;padding:.25rem;overflow-y:auto;overscroll-behavior:contain;flex:1 1 auto;@media (forced-colors:active){outline-style:solid;outline-width:1px}background-color:var(--color-base);transition:translate .3s ease-out,visibility allow-discrete .3s,background-color .3s ease-out,opacity .1s ease-out}.drawer-bottom{place-items:end;:where(.drawer-content){height:auto;width:100%;max-height:80vh;margin-block-start:calc(var(--spacing)*24);translate:0 100%;border-start-end-radius:var(--radius-drawer);border-start-start-radius:var(--radius-drawer)}}.drawer-top{place-items:start;:where(.drawer-content){height:auto;width:100%;max-height:80vh;margin-block-end:calc(var(--spacing)*24);translate:0 -100%}}.drawer-end{place-items:end;:where(.drawer-content){height:100vh;max-height:none;width:auto;translate:100% 0}}.drawer-start{place-items:start;:where(.drawer-content){height:100vh;width:auto;max-height:none;translate:-100% 0}}
package/dist/components/footer.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.footer-title{margin-bottom:calc(var(--spacing)*2);text-transform:uppercase;opacity:60%;font-weight:600}.footer{display:grid;width:100%;grid-auto-flow:row;place-items:start;-moz-column-gap:calc(var(--spacing)*4);column-gap:calc(var(--spacing)*4);row-gap:calc(var(--spacing)*10);font-size:.875rem;line-height:1.25rem;:where(&)>*{display:grid;place-items:start;gap:calc(var(--spacing)*2)}}.footer-center{grid-auto-flow:column dense;place-items:center;text-align:center;:where(&)>*{place-items:center}}.footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:row dense}}.footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}
package/dist/components/header.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.header-fixed{position:fixed;inset-inline:0}.header{--header-bg:var(--color-base);--header-border-color:var(--color-base-soft);--header-shadow:none;--header-blur:0px;--header-height:3.5rem;--header-padding-block:0.5rem;position:relative;inset-block-start:0;z-index:999;width:100%;height:var(--header-height);background-color:var(--header-bg);border-block-end:1px solid var(--header-border-color);box-shadow:var(--header-shadow);backdrop-filter:blur(var(--header-blur));-webkit-backdrop-filter:blur(var(--header-blur));transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease}.header-sticky{position:sticky}.header-center{grid-column:2;justify-content:center}.header-center,.header-end{display:flex;align-items:center;gap:.75rem}.header-end{grid-column:3;justify-content:flex-end}.header-start{grid-column:1;display:flex;align-items:center;gap:.75rem}.header-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;width:100%;height:100%;padding-inline:1rem;padding-block:var(--header-padding-block,.5rem);margin-inline:auto;@media (width >= 40rem){padding-inline:2rem}@media (width >= 64rem){padding-inline:4rem}}.header-solid{--header-bg:var(--color-base);--header-border-color:var(--color-base-soft);--header-shadow:0 1px 8px oklch(0% 0 0/8%)}.header-blur{--header-blur:12px;--header-bg:var(--color-base);@supports (color:color-mix(in lab,red,red)){--header-bg:color-mix(in oklch,var(--color-base) 80%,transparent)}}.header-lg{--header-height:4.5rem;--header-padding-block:0.75rem}.header-shadow{--header-shadow:0 1px 8px oklch(0% 0 0/8%);--header-border-color:transparent}.header-sm{--header-height:2.75rem;--header-padding-block:0.375rem}.header-transparent{--header-bg:transparent;--header-border-color:transparent}
package/dist/components/hero.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.hero-content{display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing)*4);padding:calc(var(--spacing)*4);isolation:isolate;max-width:80rem}.hero{display:grid;place-items:center;background-size:cover;background-position:50%;width:100%;&>*{grid-column-start:1;grid-row-start:1}}.hero-overlay{background-color:var(--color-neutral-500);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-neutral-500) 50%,transparent)}grid-column-start:1;grid-row-start:1;width:100%;height:100%}
package/dist/components/indicator.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.indicator-item{position:absolute;z-index:10;inset-block-start:0;inset-inline-end:0;transform:translate(var(--indicator-tx,50%),var(--indicator-ty,-50%))}.indicator{position:relative;display:inline-flex;width:-moz-fit-content;width:fit-content}.indicator-center{inset-inline-start:50%;inset-inline-end:auto;--indicator-tx:-50%}.indicator-end{inset-inline-start:auto;inset-inline-end:0;--indicator-tx:50%}.indicator-start{inset-inline-end:auto;inset-inline-start:0;--indicator-tx:-50%}.indicator-bottom{inset-block-start:auto;inset-block-end:0;--indicator-ty:50%}.indicator-middle{inset-block-start:50%}.indicator-middle,.indicator-top{inset-block-end:auto;--indicator-ty:-50%}.indicator-top{inset-block-start:0}
package/dist/components/input.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.input{--radius-input:calc(var(--border-radius)*2);--color-input:var(--color-base-soft);--color-on-input:var(--color-on-base-soft);--color-input-soft:var(--color-base-soft);--color-input-active:var(--color-base-active);--color-on-input-active:var(--color-on-base);--input--inline:0.75rem;--input--block:0.625rem;--input--font-size:1rem;border-width:1px;border-style:solid;border-color:var(--color-input-active);background-color:transparent;&:not([type=file]){padding-inline:var(--input--inline);padding-block:var(--input--block)}font-size:var(--input--font-size);color:var(--color-on-base);display:inline-flex;align-self:flex-start;flex-shrink:0;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-input);gap:.5rem;vertical-align:middle;white-space:nowrap;position:relative;font-weight:500;transition:border-color .25s;transition-timing-function:ease-in-out;&::-moz-placeholder{font-size:var(--input--font-size);color:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-on-base) 30%,transparent)}font-weight:400}&::placeholder{font-size:var(--input--font-size);color:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-on-base) 30%,transparent)}font-weight:400}&::file-selector-button{font-size:var(--input--font-size);margin-inline-end:1rem;display:inline-flex;padding-inline:var(--input--inline);padding-block:var(--input--block);transition:border-color .3s,background-color .3s,display .3s;transition-timing-function:ease-in-out;align-items:center;border-start-start-radius:calc(var(--radius-input)/2);border-end-start-radius:calc(var(--radius-input)/2);background-color:var(--color-input);border-inline-end-width:1px;border-style:solid;border-color:var(--color-input-active);font-weight:semibold;color:var(--color-on-input);&:hover{@media (hover:hover){background-color:var(--color-input-active);color:var(--color-on-input-active)}}}&:is(:disabled,[disabled],.input-disabled){--input-disabled--cursor:not-allowed;--input-disabled--opacity:0.6;--input-disabled--pointer-events:none;--input-disabled--user-select:none;--input-disabled--bg-color:var(--color-base-soft);--input-disabled--color:light-dark(var(--color-base-700),var(--color-base-400));--input-disabled--border-color:var(--input);@supports (color:color-mix(in lab,red,red)){--input-disabled--border-color:color-mix(in oklab,var(--input) 20%,transparent)}cursor:var(--input-disabled--cursor);opacity:var(--input-disabled--opacity);pointer-events:var(--input-disabled--pointer-events);background-color:var(--input-disabled--bg-color);color:var(--input-disabled--color);-webkit-user-select:var(--input-disabled--user-select);-moz-user-select:var(--input-disabled--user-select);user-select:var(--input-disabled--user-select);border-color:var(--input-disabled--border-color)}&::-moz-placeholder{color:var(--input-disabled--color)}&::placeholder{color:var(--input-disabled--color)}&:focus,&:focus-within{border-color:light-dark(var(--color-base-800),var(--color-base-300));@supports (color:color-mix(in lab,red,red)){border-color:light-dark(var(--color-base-800),color-mix(in oklab,var(--color-base-300) 80%,transparent))}}}.input-disabled{cursor:var(--input-disabled--cursor);opacity:var(--input-disabled--opacity);pointer-events:var(--input-disabled--pointer-events);background-color:var(--input-disabled--bg-color);color:var(--input-disabled--color);-webkit-user-select:var(--input-disabled--user-select);-moz-user-select:var(--input-disabled--user-select);user-select:var(--input-disabled--user-select);border-color:var(--input-disabled--border-color);&::-moz-placeholder{color:var(--input-disabled--color)}&::placeholder{color:var(--input-disabled--color)}}.input-square{width:var(--input--square-size,3rem);padding-inline:0;text-align:center;justify-content:center;font-weight:600}.input-dashed{border-style:dashed}.input-outline{border-style:solid}.input-soft{background-color:var(--color-input-soft);border-color:transparent;&::-moz-placeholder{color:var(--color-on-input-soft);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-on-input-soft) 45%,transparent)}}&::placeholder{color:var(--color-on-input-soft);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-on-input-soft) 45%,transparent)}}}.input-accent{--color-input:var(--color-accent);--color-on-input:var(--color-on-accent);--color-input-soft:var(--color-accent-soft);--color-on-input-soft:var(--color-on-accent-soft);--color-input-active:var(--color-accent-active);--color-on-input-active:var(--color-on-accent);&:focus,&:focus-within{border-color:var(--color-accent-400)}}.input-error{--color-input:var(--color-error);--color-on-input:var(--color-on-error);--color-input-soft:var(--color-error-soft);--color-on-input-soft:var(--color-on-error-soft);--color-input-active:var(--color-error-active);--color-on-input-active:var(--color-on-error);&:focus,&:focus-within{border-color:var(--color-error-400)}}.input-info{--color-input:var(--color-info);--color-on-input:var(--color-on-info);--color-input-soft:var(--color-info-soft);--color-on-input-soft:var(--color-on-info-soft);--color-input-active:var(--color-info-active);--color-on-input-active:var(--color-on-info);&:focus,&:focus-within{border-color:var(--color-info-400)}}.input-neutral{--color-input:var(--color-neutral);--color-on-input:var(--color-on-neutral);--color-input-soft:var(--color-neutral-soft);--color-on-input-soft:var(--color-on-neutral-soft);--color-input-active:var(--color-neutral-active);--color-on-input-active:var(--color-on-neutral);&:focus,&:focus-within{border-color:var(--color-neutral-400)}}.input-primary{--color-input:var(--color-primary);--color-on-input:var(--color-on-primary);--color-input-soft:var(--color-primary-soft);--color-on-input-soft:var(--color-on-primary-soft);--color-input-active:var(--color-primary-active);--color-on-input-active:var(--color-on-primary);&:focus,&:focus-within{border-color:var(--color-primary-400)}}.input-secondary{--color-input:var(--color-secondary);--color-on-input:var(--color-on-secondary);--color-input-soft:var(--color-secondary-soft);--color-on-input-soft:var(--color-on-secondary-soft);--color-input-active:var(--color-secondary-active);--color-on-input-active:var(--color-on-secondary);&:focus,&:focus-within{border-color:var(--color-secondary-400)}}.input-success{--color-input:var(--color-success);--color-on-input:var(--color-on-success);--color-input-soft:var(--color-success-soft);--color-on-input-soft:var(--color-on-success-soft);--color-input-active:var(--color-success-active);--color-on-input-active:var(--color-on-success);&:focus,&:focus-within{border-color:var(--color-success-400)}}.input-warning{--color-input:var(--color-warning);--color-on-input:var(--color-on-warning);--color-input-soft:var(--color-warning-soft);--color-on-input-soft:var(--color-on-warning-soft);--color-input-active:var(--color-warning-active);--color-on-input-active:var(--color-on-warning);&:focus,&:focus-within{border-color:var(--color-warning-400)}}.input-ghost{border-color:transparent}.input-2xl{--input--inline:1.25rem;--input--block:1rem;--input--font-size:1.025rem;--input--square-size:4.5rem}.input-lg{--input--inline:0.9rem;--input--block:0.75rem;--input--font-size:1rem;--input--square-size:3.5rem}.input-md{--input--inline:0.75rem;--input--block:0.625rem;--input--font-size:1rem;--input--square-size:3rem}.input-sm{--input--inline:0.6rem;--input--block:0.5rem;--input--font-size:0.875rem;--input--square-size:2.5rem}.input-xl{--input--inline:1rem;--input--block:0.875rem;--input--font-size:1rem;--input--square-size:4rem}.input-xs{--input--inline:0.475rem;--input--block:0.375rem;--input--font-size:0.75rem;--input--square-size:2rem}
package/dist/components/join.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.join{display:inline-flex;align-items:stretch;--join-radius:calc(var(--border-radius)*2);& .join-item{border-start-start-radius:var(--join-ss,0);border-start-end-radius:var(--join-se,0);border-end-start-radius:var(--join-es,0);border-end-end-radius:var(--join-ee,0)}flex-direction:row;>:only-child{--join-ss:var(--join-radius);--join-se:var(--join-radius);--join-es:var(--join-radius);--join-ee:var(--join-radius)}>:first-child:not(:only-child){--join-ss:var(--join-radius);--join-se:0;--join-es:var(--join-radius);--join-ee:0}>:last-child:not(:only-child){--join-ss:0;--join-se:var(--join-radius);--join-es:0;--join-ee:var(--join-radius)}>:not(:first-child):not(:last-child){border-radius:0}& .join-item{margin-inline-start:calc(var(--border, 1px)*-1)}}.join-horizontal{flex-direction:row;>:only-child{--join-ss:var(--join-radius);--join-se:var(--join-radius);--join-es:var(--join-radius);--join-ee:var(--join-radius)}>:first-child:not(:only-child){--join-ss:var(--join-radius);--join-se:0;--join-es:var(--join-radius);--join-ee:0}>:last-child:not(:only-child){--join-ss:0;--join-se:var(--join-radius);--join-es:0;--join-ee:var(--join-radius)}>:not(:first-child):not(:last-child){border-radius:0}& .join-item{margin-inline-start:calc(var(--border, 1px)*-1)}}.join-vertical{flex-direction:column;>:only-child{--join-ss:var(--join-radius);--join-se:var(--join-radius);--join-es:var(--join-radius);--join-ee:var(--join-radius)}>:first-child:not(:only-child){--join-ss:var(--join-radius);--join-se:var(--join-radius);--join-es:0;--join-ee:0}>:last-child:not(:only-child){--join-ss:0;--join-se:0;--join-es:var(--join-radius);--join-ee:var(--join-radius)}>:not(:first-child):not(:last-child){border-radius:0}& .join-item{margin-block-start:calc(var(--border, 1px)*-1)}}.join-item{--join-item:1}
package/dist/components/kbd.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.kbd{--radius-kbd:calc(var(--border-radius)*1.5);--color-kbd:var(--color-base-soft);--color-on-kbd:var(--color-on-base);--kbd--padding-inline:0.5rem;--kbd--padding-block:0.25rem;--kbd--font-size:0.875rem;display:inline-flex;align-items:center;justify-content:center;padding-inline:var(--kbd--padding-inline);padding-block:var(--kbd--padding-block);font-size:var(--kbd--font-size);font-family:inherit;font-weight:500;line-height:1;white-space:nowrap;vertical-align:middle;background-color:var(--color-kbd);color:var(--color-on-kbd);border-radius:var(--radius-kbd);border-width:1px;border-style:solid;border-color:var(--color-base-active);border-block-end-width:3px;min-width:1.75rem;text-align:center}.kbd-lg{--kbd--padding-inline:0.625rem;--kbd--padding-block:0.3125rem;--kbd--font-size:1rem}.kbd-md{--kbd--padding-inline:0.5rem;--kbd--padding-block:0.25rem;--kbd--font-size:0.875rem}.kbd-sm{--kbd--padding-inline:0.4375rem;--kbd--padding-block:0.1875rem;--kbd--font-size:0.8125rem}.kbd-xl{--kbd--padding-inline:0.75rem;--kbd--padding-block:0.375rem;--kbd--font-size:1.125rem}.kbd-xs{--kbd--padding-inline:0.375rem;--kbd--padding-block:0.125rem;--kbd--font-size:0.75rem}
package/dist/components/link.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.link{--link--color:currentColor;cursor:pointer;color:var(--link--color);font-size:var(--link-text-size,1rem);text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px;transition:opacity .2s ease-out;&:hover{@media (hover:hover){opacity:.65}}@media (forced-colors:active){text-decoration:underline}&:focus{outline-style:none;@media (forced-colors:active){outline:2px solid transparent;outline-offset:2px}}&:focus-visible{outline:2px solid currentColor;outline-offset:2px}}.link-hover{background-position:100% 100%;background-size:0 1.5px;transition:background-size .3s ease,background-position 0s,color .2s ease-out;&:hover{@media (hover:hover){background-position:0 100%;background-size:100% 1px;transition:background-size .3s ease,background-position 0s,color .2s ease-out}}}.link-accent{color:light-dark(var(--color-accent-800),var(--color-accent-400));&:hover{@media (hover:hover){color:light-dark(var(--color-accent-700),var(--color-accent-300));opacity:1}}}.link-error{color:light-dark(var(--color-error-800),var(--color-error-400));&:hover{@media (hover:hover){color:light-dark(var(--color-error-700),var(--color-error-300));opacity:1}}}.link-info{color:light-dark(var(--color-info-800),var(--color-info-400));&:hover{@media (hover:hover){color:light-dark(var(--color-info-700),var(--color-info-300));opacity:1}}}.link-neutral{color:light-dark(var(--color-neutral-800),var(--color-neutral-400));&:hover{@media (hover:hover){color:light-dark(var(--color-neutral-700),var(--color-neutral-300));opacity:1}}}.link-primary{color:light-dark(var(--color-primary-800),var(--color-primary-400));&:hover{@media (hover:hover){color:light-dark(var(--color-primary-700),var(--color-primary-300));opacity:1}}}.link-secondary{color:light-dark(var(--color-secondary-800),var(--color-secondary-400));&:hover{@media (hover:hover){color:light-dark(var(--color-secondary-700),var(--color-secondary-300));opacity:1}}}.link-success{color:light-dark(var(--color-success-800),var(--color-success-400));&:hover{@media (hover:hover){color:light-dark(var(--color-success-700),var(--color-success-300));opacity:1}}}.link-warning{color:light-dark(var(--color-warning-800),var(--color-warning-400));&:hover{@media (hover:hover){color:light-dark(var(--color-warning-700),var(--color-warning-300));opacity:1}}}.link-2xl{--link-text-size:1.375rem}.link-lg{--link-text-size:1.125rem}.link-md{--link-text-size:1rem}.link-sm{--link-text-size:0.875rem}.link-xl{--link-text-size:1.25rem}.link-xs{--link-text-size:0.75rem}
package/dist/components/loading.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.loading{--loading--size:1.5rem;--loading--color:currentColor;--loading--thickness:2px;display:inline-block;width:var(--loading--size);height:var(--loading--size);border-radius:9999px;border-width:var(--loading--thickness);border-style:solid;border-color:var(--loading--color);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--loading--color) 25%,transparent)}border-top-color:var(--loading--color);animation:loading-spin .7s linear infinite;flex-shrink:0;vertical-align:middle}.loading-bars{--loading--size:0.25rem;--loading--color:var(--color-primary);display:inline-flex;gap:calc(var(--loading--size)*.75);align-items:flex-end;height:calc(var(--loading--size)*5);border-radius:0;border:none;animation:none;background:transparent;width:auto;&:after,&:before{content:"";display:block;width:var(--loading--size);background-color:var(--loading--color);border-radius:2px;animation:loading-bars 1s ease-in-out infinite}&:before{height:60%;animation-delay:-.15s}&:after{height:100%;animation-delay:0s}}.loading-dots{--loading--size:0.5rem;--loading--color:var(--color-primary);display:inline-flex;gap:calc(var(--loading--size)*.5);align-items:center;border-radius:0;border:none;animation:none;background:transparent;width:auto;height:auto;&:after,&:before{content:"";display:block;width:var(--loading--size);height:var(--loading--size);border-radius:9999px;background-color:var(--loading--color);animation:loading-pulse 1s ease-in-out infinite}&:before{animation-delay:-.32s}&:after{animation-delay:0s}}.loading-lg{--loading--size:2rem;--loading--thickness:2.5px}.loading-md{--loading--size:1.5rem;--loading--thickness:2px}.loading-sm{--loading--size:1.25rem;--loading--thickness:2px}.loading-xl{--loading--size:2.5rem;--loading--thickness:3px}.loading-xs{--loading--size:1rem;--loading--thickness:1.5px}.loading-accent{--loading--color:var(--color-accent)}.loading-base{--loading--color:var(--color-base-active)}.loading-current{--loading--color:currentColor}.loading-error{--loading--color:var(--color-error)}.loading-info{--loading--color:var(--color-info)}.loading-neutral{--loading--color:var(--color-neutral)}.loading-primary{--loading--color:var(--color-primary)}.loading-secondary{--loading--color:var(--color-secondary)}.loading-success{--loading--color:var(--color-success)}.loading-warning{--loading--color:var(--color-warning)}@keyframes loading-spin{to{transform:rotate(1turn)}}@keyframes loading-pulse{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes loading-bars{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}
package/dist/components/mask.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.mask{display:inline-block;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.mask-circle{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Ccircle cx='100' cy='100' r='100'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Ccircle cx='100' cy='100' r='100'/%3E%3C/svg%3E")}.mask-diamond{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath fill-rule='evenodd' d='m100 0 100 100-100 100L0 100z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath fill-rule='evenodd' d='m100 0 100 100-100 100L0 100z'/%3E%3C/svg%3E")}.mask-heart{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='185'%3E%3Cpath d='M100 184.606a15.4 15.4 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.4 15.4 0 0 1-8.653 2.673'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='185'%3E%3Cpath d='M100 184.606a15.4 15.4 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.4 15.4 0 0 1-8.653 2.673'/%3E%3C/svg%3E")}.mask-hexagon{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182' height='201'%3E%3Cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182' height='201'%3E%3Cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54z'/%3E%3C/svg%3E")}.mask-pentagon{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='181'%3E%3Cpath fill-rule='evenodd' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='181'%3E%3Cpath fill-rule='evenodd' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z'/%3E%3C/svg%3E")}.mask-squircle{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0'/%3E%3C/svg%3E")}.mask-star{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='180'%3E%3Cpath fill-rule='evenodd' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='180'%3E%3Cpath fill-rule='evenodd' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z'/%3E%3C/svg%3E")}.mask-star-2{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='180'%3E%3Cpath fill-rule='evenodd' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='180'%3E%3Cpath fill-rule='evenodd' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z'/%3E%3C/svg%3E")}.mask-triangle{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='174' height='149'%3E%3Cpath fill-rule='evenodd' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='174' height='149'%3E%3Cpath fill-rule='evenodd' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z'/%3E%3C/svg%3E")}.mask-circle{--tw-mask-radial-shape:circle}.mask-half-1{-webkit-mask-position:left;mask-position:left}.mask-half-1,.mask-half-2{-webkit-mask-size:200%;mask-size:200%}.mask-half-2{-webkit-mask-position:right;mask-position:right}
package/dist/components/menu/object.js CHANGED
@@ -1 +1 @@
1
- export default {".menu-disabled":{"--menu--opacity":"20%","--menu--cursor":"not-allowed","--menu--pointer-events":"none","opacity":"var(--menu--opacity)","cursor":"var(--menu--cursor)","pointer-events":"var(--menu--pointer-events)"},".menu":{"--color-menu":"var(--color-base-soft)","--color-on-menu":"var(--color-on-base-soft)","--color-menu-active":"var(--color-base-active)","--radius-menu":"calc(var(--border-radius) * 4)","display":"flex","width":"fit-content","flex-direction":"column","flex-wrap":"wrap","font-size":"0.875rem","border-radius":"var(--radius-menu)","color":"currentColor",":where(ul, li:not(:first-child))":{"margin-block-start":"0.375rem"},":where(li ul)":{"position":"relative","margin-block-start":"0rem","margin-inline-start":"0.1rem","padding-inline-start":"1.4rem","white-space":"nowrap","font-size":"0.875rem","color":"currentColor","&::before":{"content":"\"\"","background-color":"var(--color-on-menu)","position":"absolute","inset-inline-start":"0.7rem","inset-block-start":"0.7rem","inset-block-end":"0rem","opacity":"10%","width":"1px"}},":where(summary)":{"margin-inline":"0.75rem","margin-block":"0.375rem"}},".menu-horizontal":{"--menu-horizontal--padding-inline-end":"0.75rem","display":"inline-flex","flex-direction":"row",":where(ul, li)":{"margin-block-start":"0.375rem"},"& > li:not(.menu-title) > details":{"& > ul":{"background-color":"var(--color-menu)","position":"absolute","margin-inline-start":"0rem","margin-block-start":"1rem","transform-origin":"top","padding-block":"0.5rem","padding-inline-end":"0.5rem","opacity":"0%","scale":"95%","@media (prefers-reduced-motion: no-preference)":{"@starting-style":{"scale":"95%","opacity":0},"animation":"menu 0.2s","transition-property":"opacity, scale, display","transition-behavior":"allow-discrete","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)"}},"&[open] > ul":{"opacity":"100%","scale":"100%"}},"& > li > details > ul":{"&:before":{"--tw-content":"none","content":"var(--tw-content)"}}},".menu-vertical":{"flex-direction":"column",":where(ul, li)":{"margin-inline-start":"0.375rem"}},".menu-item":{"color":"currentColor","border-radius":"calc(var(--radius-menu) / 2)","padding-inline":"0.75rem","padding-block":"0.375rem","text-align":"start","transition-property":"color, background-color, box-shadow","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0, 0, 0.2, 1)","text-wrap":"balance","-webkit-user-select":"none","-moz-user-select":"none","user-select":"none","font-size":"0.875rem","gap":"0.5rem","display":"grid","grid-auto-columns":"minmax(auto, max-content) auto max-content","grid-auto-flow":"column","align-content":"flex-start","align-items":"center","cursor":"pointer","padding-inline-end":"var(--menu-horizontal--padding-inline-end, 0.75rem)","&:hover":{"@media (hover: hover)":{"background-color":"var(--color-menu)","color":"var(--color-on-menu)"}},"&:focus-within":{"background-color":"var(--color-menu)","color":"var(--color-on-menu)","outline-style":"none","cursor":"pointer","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"}},":where(a, button)":{"&:focus-visible":{"outline":"2px solid transparent","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"}}}},".menu-active":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"},"color":"var(--color-on-menu)","background-color":"var(--color-menu-active)"},".menu-title":{"color":"currentColor","@supports (color: color-mix(in lab, red, red))":{"color":"color-mix(in oklch, currentColor 50%, transparent)"},"padding-inline":"0.75rem","padding-block":"var(--menu-title--padding-block, 0.375rem)","font-size":"0.875rem","font-weight":600},".menu-lg":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"padding-block":"0.375rem","font-size":"1.125rem"},"--menu-title--padding-block":"0.75rem"},".menu-md":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"padding-block":"0.375rem","font-size":"0.875rem"},"--menu-title--padding-block":"0.5rem"},".menu-sm":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"padding-block":"0.25rem","font-size":"0.75rem"},"--menu-title--padding-block":"0.5rem"},".menu-xl":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"padding-block":"0.375rem","font-size":"1.375rem"},"--menu-title--padding-block":"0.75rem"},".menu-xs":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"padding-block":"0.25rem","font-size":"0.6875rem"},"--menu-title--padding-block":"0.25rem"}};
1
+ export default {".menu-disabled":{"--menu--opacity":"20%","--menu--cursor":"not-allowed","--menu--pointer-events":"none","opacity":"var(--menu--opacity)","cursor":"var(--menu--cursor)","pointer-events":"var(--menu--pointer-events)"},".menu":{"--color-menu":"var(--color-base-soft)","--color-on-menu":"var(--color-on-base-soft)","--color-menu-active":"var(--color-base-active)","--radius-menu":"calc(var(--border-radius) * 4)","list-style":"none","padding":"0","margin":"0","display":"flex","width":"fit-content","flex-direction":"column","flex-wrap":"wrap","font-size":"0.875rem","border-radius":"var(--radius-menu)","color":"currentColor",":where(ul, li:not(:first-child))":{"margin-block-start":"0.375rem"},":where(li ul)":{"list-style":"none","padding":"0","margin-block-end":"0","position":"relative","margin-block-start":"0rem","margin-inline-start":"0.1rem","padding-inline-start":"1.4rem","white-space":"nowrap","font-size":"0.875rem","color":"currentColor","&::before":{"content":"\"\"","background-color":"var(--color-on-menu)","position":"absolute","inset-inline-start":"0.7rem","inset-block-start":"0.7rem","inset-block-end":"0rem","opacity":"10%","width":"1px"}},":where(summary)":{"margin-inline":"0.75rem","margin-block":"0.375rem"}},".menu-horizontal":{"--menu-horizontal--padding-inline-end":"0.75rem","display":"inline-flex","flex-direction":"row",":where(ul, li)":{"margin-block-start":"0.375rem"},"& > li:not(.menu-title) > details":{"& > ul":{"background-color":"var(--color-menu)","position":"absolute","margin-inline-start":"0rem","margin-block-start":"1rem","transform-origin":"top","padding-block":"0.5rem","padding-inline-end":"0.5rem","opacity":"0%","scale":"95%","@media (prefers-reduced-motion: no-preference)":{"@starting-style":{"scale":"95%","opacity":0},"animation":"menu 0.2s","transition-property":"opacity, scale, display","transition-behavior":"allow-discrete","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)"}},"&[open] > ul":{"opacity":"100%","scale":"100%"}},"& > li > details > ul":{"&:before":{"--tw-content":"none","content":"var(--tw-content)"}}},".menu-vertical":{"flex-direction":"column",":where(ul, li)":{"margin-inline-start":"0.375rem"}},".menu-item":{"color":"currentColor","border-radius":"calc(var(--radius-menu) / 2)","padding-inline":"0.75rem","padding-block":"0.375rem","text-align":"start","transition-property":"color, background-color, box-shadow","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0, 0, 0.2, 1)","text-wrap":"balance","-webkit-user-select":"none","-moz-user-select":"none","user-select":"none","text-decoration":"none","-webkit-appearance":"none","-moz-appearance":"none","appearance":"none","font-size":"0.875rem","gap":"0.5rem","display":"grid","grid-auto-columns":"minmax(auto, max-content) auto max-content","grid-auto-flow":"column","align-content":"flex-start","align-items":"center","cursor":"pointer","padding-inline-end":"var(--menu-horizontal--padding-inline-end, 0.75rem)","&:hover":{"@media (hover: hover)":{"background-color":"var(--color-menu)","color":"var(--color-on-menu)"}},"&:focus-within":{"background-color":"var(--color-menu)","color":"var(--color-on-menu)","outline-style":"none","cursor":"pointer","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"}},":where(a, button)":{"&:focus-visible":{"outline":"2px solid transparent","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"}}}},".menu-active":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"},"color":"var(--color-on-menu)","background-color":"var(--color-menu-active)"},".menu-title":{"color":"var(--color-base-700)","padding-inline":"0.75rem","padding-block":"var(--menu-title--padding-block, 0.375rem)","font-size":"0.875rem","font-weight":600},".menu-lg":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"padding-block":"0.375rem","font-size":"1.125rem"},"--menu-title--padding-block":"0.75rem"},".menu-md":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"padding-block":"0.375rem","font-size":"0.875rem"},"--menu-title--padding-block":"0.5rem"},".menu-sm":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"padding-block":"0.25rem","font-size":"0.75rem"},"--menu-title--padding-block":"0.5rem"},".menu-xl":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"padding-block":"0.375rem","font-size":"1.375rem"},"--menu-title--padding-block":"0.75rem"},".menu-xs":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"padding-block":"0.25rem","font-size":"0.6875rem"},"--menu-title--padding-block":"0.25rem"}};
package/dist/components/menu.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;.menu-disabled{--menu--opacity:20%;--menu--cursor:not-allowed;--menu--pointer-events:none;opacity:var(--menu--opacity);cursor:var(--menu--cursor);pointer-events:var(--menu--pointer-events)}.menu{--color-menu:var(--color-base-soft);--color-on-menu:var(--color-on-base-soft);--color-menu-active:var(--color-base-active);--radius-menu:calc(var(--border-radius)*4);display:flex;width:-moz-fit-content;width:fit-content;flex-direction:column;flex-wrap:wrap;font-size:.875rem;border-radius:var(--radius-menu);color:currentColor;:where(ul,li:not(:first-child)){margin-block-start:.375rem}:where(li ul){position:relative;margin-block-start:0;margin-inline-start:.1rem;padding-inline-start:1.4rem;white-space:nowrap;font-size:.875rem;color:currentColor;&:before{content:var(--tw-content);background-color:var(--color-on-menu);position:absolute;inset-inline-start:.7rem;inset-block-start:.7rem;inset-block-end:0;opacity:10%;width:1px;content:""}}:where(summary){margin-inline:.75rem;margin-block:.375rem}}.menu-horizontal{--menu-horizontal--padding-inline-end:0.75rem;display:inline-flex;flex-direction:row;:where(ul,li){margin-block-start:.375rem}&>li:not(.menu-title)>details{&>ul{background-color:var(--color-menu);position:absolute;margin-inline-start:0;margin-block-start:1rem;transform-origin:top;padding-block:.5rem;padding-inline-end:.5rem;opacity:0;scale:95%;@media (prefers-reduced-motion:no-preference){@starting-style{scale:95%;opacity:0}animation:menu .2s;transition-property:opacity,scale,display;transition-behavior:allow-discrete;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}}&[open]>ul{opacity:100%;scale:100%}}&>li>details>ul{&:before{--tw-content:none;content:var(--tw-content)}}}.menu-vertical{flex-direction:column;:where(ul,li){margin-inline-start:.375rem}}.menu-item{color:currentColor;border-radius:calc(var(--radius-menu)/2);padding-inline:.75rem;padding-block:.375rem;text-align:start;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);text-wrap:balance;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.875rem;gap:.5rem;display:grid;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;cursor:pointer;padding-inline-end:var(--menu-horizontal--padding-inline-end,.75rem);&:hover{@media (hover:hover){background-color:var(--color-menu);color:var(--color-on-menu)}}&:focus-within{background-color:var(--color-menu);color:var(--color-on-menu);outline-style:none;cursor:pointer;@media (forced-colors:active){outline:2px solid transparent;outline-offset:2px}}:where(a,button){&:focus-visible{outline:2px solid transparent;@media (forced-colors:active){outline:2px solid transparent;outline-offset:2px}}}}.menu-active{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline:2px solid transparent;outline-offset:2px}color:var(--color-on-menu);background-color:var(--color-menu-active)}.menu-title{color:currentColor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklch,currentColor 50%,transparent)}padding-inline:.75rem;padding-block:var(--menu-title--padding-block,.375rem);font-size:.875rem;font-weight:600}.menu-lg{:where(li:not(.menu-title)>:not(ul,details,.menu-title)),:where(li:not(.menu-title)>details>summary:not(.menu-title)){padding-block:.375rem;font-size:1.125rem}--menu-title--padding-block:0.75rem}.menu-md{:where(li:not(.menu-title)>:not(ul,details,.menu-title)),:where(li:not(.menu-title)>details>summary:not(.menu-title)){padding-block:.375rem;font-size:.875rem}--menu-title--padding-block:0.5rem}.menu-sm{:where(li:not(.menu-title)>:not(ul,details,.menu-title)),:where(li:not(.menu-title)>details>summary:not(.menu-title)){padding-block:.25rem;font-size:.75rem}--menu-title--padding-block:0.5rem}.menu-xl{:where(li:not(.menu-title)>:not(ul,details,.menu-title)),:where(li:not(.menu-title)>details>summary:not(.menu-title)){padding-block:.375rem;font-size:1.375rem}--menu-title--padding-block:0.75rem}.menu-xs{:where(li:not(.menu-title)>:not(ul,details,.menu-title)),:where(li:not(.menu-title)>details>summary:not(.menu-title)){padding-block:.25rem;font-size:.6875rem}--menu-title--padding-block:0.25rem}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-content:""}}}
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;.menu-disabled{--menu--opacity:20%;--menu--cursor:not-allowed;--menu--pointer-events:none;opacity:var(--menu--opacity);cursor:var(--menu--cursor);pointer-events:var(--menu--pointer-events)}.menu{--color-menu:var(--color-base-soft);--color-on-menu:var(--color-on-base-soft);--color-menu-active:var(--color-base-active);--radius-menu:calc(var(--border-radius)*4);list-style:none;padding:0;margin:0;display:flex;width:-moz-fit-content;width:fit-content;flex-direction:column;flex-wrap:wrap;font-size:.875rem;border-radius:var(--radius-menu);color:currentColor;:where(ul,li:not(:first-child)){margin-block-start:.375rem}:where(li ul){list-style:none;padding:0;margin-block-end:0;position:relative;margin-block-start:0;margin-inline-start:.1rem;padding-inline-start:1.4rem;white-space:nowrap;font-size:.875rem;color:currentColor;&:before{content:var(--tw-content);background-color:var(--color-on-menu);position:absolute;inset-inline-start:.7rem;inset-block-start:.7rem;inset-block-end:0;opacity:10%;width:1px;content:""}}:where(summary){margin-inline:.75rem;margin-block:.375rem}}.menu-horizontal{--menu-horizontal--padding-inline-end:0.75rem;display:inline-flex;flex-direction:row;:where(ul,li){margin-block-start:.375rem}&>li:not(.menu-title)>details{&>ul{background-color:var(--color-menu);position:absolute;margin-inline-start:0;margin-block-start:1rem;transform-origin:top;padding-block:.5rem;padding-inline-end:.5rem;opacity:0;scale:95%;@media (prefers-reduced-motion:no-preference){@starting-style{scale:95%;opacity:0}animation:menu .2s;transition-property:opacity,scale,display;transition-behavior:allow-discrete;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}}&[open]>ul{opacity:100%;scale:100%}}&>li>details>ul{&:before{--tw-content:none;content:var(--tw-content)}}}.menu-vertical{flex-direction:column;:where(ul,li){margin-inline-start:.375rem}}.menu-item{color:currentColor;border-radius:calc(var(--radius-menu)/2);padding-inline:.75rem;padding-block:.375rem;text-align:start;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);text-wrap:balance;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:.875rem;gap:.5rem;display:grid;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;cursor:pointer;padding-inline-end:var(--menu-horizontal--padding-inline-end,.75rem);&:hover{@media (hover:hover){background-color:var(--color-menu);color:var(--color-on-menu)}}&:focus-within{background-color:var(--color-menu);color:var(--color-on-menu);outline-style:none;cursor:pointer;@media (forced-colors:active){outline:2px solid transparent;outline-offset:2px}}:where(a,button){&:focus-visible{outline:2px solid transparent;@media (forced-colors:active){outline:2px solid transparent;outline-offset:2px}}}}.menu-active{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline:2px solid transparent;outline-offset:2px}color:var(--color-on-menu);background-color:var(--color-menu-active)}.menu-title{color:var(--color-base-700);padding-inline:.75rem;padding-block:var(--menu-title--padding-block,.375rem);font-size:.875rem;font-weight:600}.menu-lg{:where(li:not(.menu-title)>:not(ul,details,.menu-title)),:where(li:not(.menu-title)>details>summary:not(.menu-title)){padding-block:.375rem;font-size:1.125rem}--menu-title--padding-block:0.75rem}.menu-md{:where(li:not(.menu-title)>:not(ul,details,.menu-title)),:where(li:not(.menu-title)>details>summary:not(.menu-title)){padding-block:.375rem;font-size:.875rem}--menu-title--padding-block:0.5rem}.menu-sm{:where(li:not(.menu-title)>:not(ul,details,.menu-title)),:where(li:not(.menu-title)>details>summary:not(.menu-title)){padding-block:.25rem;font-size:.75rem}--menu-title--padding-block:0.5rem}.menu-xl{:where(li:not(.menu-title)>:not(ul,details,.menu-title)),:where(li:not(.menu-title)>details>summary:not(.menu-title)){padding-block:.375rem;font-size:1.375rem}--menu-title--padding-block:0.75rem}.menu-xs{:where(li:not(.menu-title)>:not(ul,details,.menu-title)),:where(li:not(.menu-title)>details>summary:not(.menu-title)){padding-block:.25rem;font-size:.6875rem}--menu-title--padding-block:0.25rem}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-content:""}}}
package/dist/components/modal.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.modal{border:none;color:inherit;--radius-modal:calc(var(--border-radius)*4);position:fixed;inset:0;margin:0;display:grid;align-items:center;justify-items:center;width:100%;height:100%;max-width:none;max-height:none;z-index:999;padding:.75rem;overflow:hidden;overscroll-behavior:contain;pointer-events:none;visibility:hidden;background-color:transparent;transition:visibility allow-discrete .2s ease,overlay allow-discrete .2s ease;&::backdrop{background-color:light-dark(#000,#000);@supports (color:color-mix(in lab,red,red)){background-color:light-dark(color-mix(in oklch,#000 10%,var(--color-base-600) 40%),color-mix(in oklch,#000 10%,var(--color-base-400) 40%))}opacity:0;transition:opacity .2s ease-out}&[open]{pointer-events:auto;visibility:visible;&::backdrop{opacity:1}@starting-style{&::backdrop{opacity:0}}--modal-content--translate:0 0;--modal-content--scale:1;--modal-content--opacity:1}}.modal-backdrop{display:grid;grid-column-start:1;grid-row-start:1;align-self:stretch;justify-self:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer;outline:none;z-index:-1;color:transparent;font-size:0}.modal-content{translate:var(--modal-content--translate,var(--modal-slide--translate,none));scale:var(--modal-content--scale,var(--modal-slide--scale,95%));opacity:var(--modal-content--opacity,0);grid-column-start:1;grid-row-start:1;width:91.66667%;max-width:32rem;max-height:100vh;padding:1.5rem;overflow-y:auto;overscroll-behavior:contain;background-color:var(--color-base);border-radius:var(--radius-modal);border:1px solid var(--color-base-soft);box-shadow:0 4px 6px -1px light-dark(var(--color-base-950),color-mix(in srgb,#000 45%,transparent)),0 10px 32px -4px light-dark(var(--color-base-950),color-mix(in srgb,#000 55%,transparent));@supports (color:color-mix(in lab,red,red)){box-shadow:0 4px 6px -1px light-dark(color-mix(in oklch,var(--color-base-950) 12%,transparent),color-mix(in oklch,#000 45%,transparent)),0 10px 32px -4px light-dark(color-mix(in oklch,var(--color-base-950) 10%,transparent),color-mix(in oklch,#000 55%,transparent))}transition:translate .2s ease-out,scale .2s ease-out,opacity .2s ease-out,box-shadow .2s ease-out;@media (forced-colors:active){outline:1px solid}}.modal-bottom{align-items:end}.modal-middle{align-items:center}.modal-top{align-items:start}.modal-center{justify-items:center}.modal-end{justify-items:end}.modal-start{justify-items:start}.modal-slide-down{--modal-slide--translate:0 -100%;--modal-slide--scale:1}.modal-slide-end{--modal-slide--translate:-100% 0;--modal-slide--scale:1}.modal-slide-start{--modal-slide--translate:100% 0;--modal-slide--scale:1}.modal-slide-up{--modal-slide--translate:0 100%;--modal-slide--scale:1}
package/dist/components/navbar.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.navbar,.navbar-list{display:flex;width:100%}.navbar-center{--x-center:center;justify-self:var(--x-center);flex-direction:row;&>:where(.navbar-list){flex-direction:row;justify-content:var(--x-center);align-items:center;-moz-column-gap:.5rem;column-gap:.5rem}&>:where(.navbar-list>li){width:auto}}.navbar-end{--x-end:end;justify-self:var(--x-end);flex-direction:row;&>:where(.navbar-list){flex-direction:row;justify-content:var(--x-end);align-items:center;-moz-column-gap:.5rem;column-gap:.5rem}&>:where(.navbar-list>li){width:auto}}.navbar-start{--x-start:start;justify-self:var(--x-start);flex-direction:row;&>:where(.navbar-list){flex-direction:row;justify-content:var(--x-start);align-items:center;-moz-column-gap:.5rem;column-gap:.5rem}&>:where(.navbar-list>li){width:auto}}.navbar-bottom{--y-end:end;justify-content:var(--y-end);flex-direction:column;row-gap:.75rem;&>:where(.navbar-list){flex-direction:column;align-items:start;row-gap:.25rem}}.navbar-middle{--y-center:center;justify-content:var(--y-center);flex-direction:column;row-gap:.75rem;&>:where(.navbar-list){flex-direction:column;align-items:start;row-gap:.25rem}}.navbar-top{--y-start:start;justify-content:var(--y-start);flex-direction:column;row-gap:.75rem;&>:where(.navbar-list){flex-direction:column;align-items:start;row-gap:.25rem}}
package/dist/components/popover.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.popover-content{border:none;inset:unset;margin:0;color:inherit;border-radius:var(--radius-popover);padding:.6rem;visibility:var(--popover-hover--visibility,hidden);opacity:var(--popover-hover--opacity,0);z-index:100;width:-moz-max-content;width:max-content;max-width:min(20rem,90vw);position-anchor:var(--popover--anchor-name);position-area:var(--popover--position-area,block-end span-inline-end);margin-block-start:var(--popover-placement--mt,0);margin-block-end:var(--popover-placement--mb,0);margin-inline-start:var(--popover-placement--ms,0);margin-inline-end:var(--popover-placement--me,0);position:fixed;position-try-fallbacks:var(--popover--position-try,none);background-color:var(--color-popover);outline-style:solid;outline-width:1px;outline-color:var(--color-popover-border);transition-property:opacity,visibility,transform;transition-behavior:allow-discrete;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:var(--popover-hover--transition-delay,revert);&:hover{--popover-hover--visibility:visible;--popover-hover--opacity:1}&[popover]:popover-open{visibility:visible;opacity:1;@starting-style{visibility:hidden;opacity:0}}}.popover{--radius-popover:calc(var(--border-radius)*2);--color-popover:var(--color-base);--color-popover-border:var(--color-base-soft);--popover--anchor-name:--popover-anchor;--popover--position-try:flip-block,flip-inline,flip-block flip-inline;position:relative;display:inline-block;anchor-scope:all}.popover-bottom-center{--popover--position-area:end center;--popover--position-try:none;--popover-placement--mt:0.5rem;--popover-placement--mb:0}.popover-bottom-end{--popover--position-area:block-end span-inline-end;--popover--position-try:none;--popover-placement--mt:0.5rem;--popover-placement--mb:0}.popover-bottom-start{--popover--position-area:block-end span-inline-start;--popover--position-try:none;--popover-placement--mt:0.5rem;--popover-placement--mb:0}.popover-end-bottom{--popover--position-area:span-end end;--popover--position-try:none;--popover-placement--mt:0;--popover-placement--ms:0.5rem}.popover-end-center{--popover--position-area:center end;--popover--position-try:none;--popover-placement--mt:0;--popover-placement--ms:0.5rem}.popover-end-top{--popover--position-area:span-start end;--popover--position-try:none;--popover-placement--mt:0;--popover-placement--ms:0.5rem}.popover-hover{--popover-hover--transition-delay:0.2s;&:hover{--popover-hover--opacity:1;--popover-hover--visibility:visible;--popover-hover--transition-delay:0}}.popover-start-bottom{--popover--position-area:span-end start;--popover--position-try:none;--popover-placement--mt:0;--popover-placement--me:0.5rem}.popover-start-center{--popover--position-area:center start;--popover--position-try:none;--popover-placement--mt:0;--popover-placement--me:0.5rem}.popover-start-top{--popover--position-area:span-start start;--popover--position-try:none;--popover-placement--mt:0;--popover-placement--me:0.5rem}.popover-top-center{--popover--position-area:start center;--popover--position-try:none;--popover-placement--mt:0;--popover-placement--mb:0.5rem}.popover-top-end{--popover--position-area:block-start span-inline-end;--popover--position-try:none;--popover-placement--mt:0;--popover-placement--mb:0.5rem}.popover-top-start{--popover--position-area:block-start span-inline-start;--popover--position-try:none;--popover-placement--mt:0;--popover-placement--mb:0.5rem}.popover-toggle{anchor-name:var(--popover--anchor-name)}
package/dist/components/progress.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.progress{--radius-progress:calc(var(--border-radius)*2);--color-progress:var(--color-base-active);--color-on-progress:var(--color-base-soft);border:none;border-radius:var(--radius-progress);position:relative;height:calc(var(--spacing)*2);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;background-color:var(--color-on-progress);color:var(--color-progress);&:indeterminate{background-image:repeating-linear-gradient(90deg,currentColor -1%,currentColor 10%,#0000 0,#0000 90%);background-size:200%;background-position-x:15%;@media (prefers-reduced-motion:no-preference){animation:progress 5s ease-in-out infinite}@supports (-moz-appearance:none){&::-moz-progress-bar{background-color:transparent;@media (prefers-reduced-motion:no-preference){animation:progress 5s ease-in-out infinite;background-image:repeating-linear-gradient(90deg,currentColor -1%,currentColor 10%,#0000 0,#0000 90%);background-size:200%;background-position-x:15%}}}}@supports (-moz-appearance:none){&::-moz-progress-bar{border-radius:var(--radius-progress);background-color:currentcolor}}@supports (-webkit-appearance:none){&::-webkit-progress-bar{border-radius:var(--radius-progress);background-color:transparent}&::-webkit-progress-value{border-radius:var(--radius-progress);background-color:currentColor}}}.progress-primary{--color-progress:var(--color-primary);--color-on-progress:var(--color-on-primary)}.progress-accent{--color-progress:var(--color-accent)}.progress-error{--color-progress:var(--color-error)}.progress-info{--color-progress:var(--color-info)}.progress-neutral{--color-progress:var(--color-neutral)}.progress-secondary{--color-progress:var(--color-secondary)}.progress-success{--color-progress:var(--color-success)}.progress-warning{--color-progress:var(--color-warning)}@keyframes progress{50%{background-position-x:-115%}}
package/dist/components/radial-progress.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.radial-progress{--radial-progress--size:var(--size,5rem);--radial-progress--thickness:var(--thickness,calc(var(--radial-progress--size)*0.1));--radial-progress--value:var(--value,0);--radial-progress--font-size:1rem;--color-radial-progress:currentColor;--color-radial-progress-track:var(--color-base-soft);width:var(--radial-progress--size);height:var(--radial-progress--size);border-radius:9999px;display:inline-grid;place-items:center;position:relative;font-size:var(--radial-progress--font-size);font-weight:600;color:var(--color-on-base);vertical-align:middle;flex-shrink:0;background:radial-gradient(closest-side,var(--color-base) calc(100% - var(--radial-progress--thickness)),transparent calc(100% - var(--radial-progress--thickness))),conic-gradient(var(--color-radial-progress) calc(var(--radial-progress--value)*1%),var(--color-radial-progress-track) 0)}.radial-progress-lg{--radial-progress--size:7rem;--radial-progress--thickness:0.625rem;--radial-progress--font-size:1.25rem}.radial-progress-md{--radial-progress--size:5rem;--radial-progress--thickness:0.5rem;--radial-progress--font-size:1rem}.radial-progress-sm{--radial-progress--size:4rem;--radial-progress--thickness:0.375rem;--radial-progress--font-size:0.75rem}.radial-progress-xl{--radial-progress--size:9rem;--radial-progress--thickness:0.75rem;--radial-progress--font-size:1.5rem}.radial-progress-xs{--radial-progress--size:3rem;--radial-progress--thickness:0.25rem;--radial-progress--font-size:0.625rem}.radial-progress-accent{--color-radial-progress:var(--color-accent)}.radial-progress-base{--color-radial-progress:var(--color-base-active)}.radial-progress-current{--color-radial-progress:currentColor}.radial-progress-error{--color-radial-progress:var(--color-error)}.radial-progress-info{--color-radial-progress:var(--color-info)}.radial-progress-neutral{--color-radial-progress:var(--color-neutral)}.radial-progress-primary{--color-radial-progress:var(--color-primary)}.radial-progress-secondary{--color-radial-progress:var(--color-secondary)}.radial-progress-success{--color-radial-progress:var(--color-success)}.radial-progress-warning{--color-radial-progress:var(--color-warning)}
package/dist/components/radio/object.js CHANGED
@@ -1 +1 @@
1
- export default {".radio-disabled":{"cursor":"not-allowed","opacity":0.3,"pointer-events":"none"},".radio":{"--radius-radio":"calc(var(--border-radius) * 1.5)","--color-radio":"var(--color-base-soft)","--color-on-radio":"var(--color-on-base)","--color-radio-active":"var(--color-base-active)","--color-radio-soft":"var(--color-base-active)","--color-on-radio-soft":"var(--color-on-base-soft)","padding":"var(--radio--padding, 0.3125rem)","width":"var(--radio--width, 1.25rem)","height":"var(--radio--height, 1.25rem)","aspect-ratio":"1 / 1","flex-shrink":0,"-webkit-appearance":"none","-moz-appearance":"none","appearance":"none","vertical-align":"middle","cursor":"pointer","position":"relative","background-color":"transparent","border-radius":"var(--radio--radius, var(--radius-radio))","outline-color":"var(--color-radio-active)","outline-style":"solid","outline-width":"1px","box-shadow":"var(--radio--box-shadow)","transition":"background-color 200ms ease, box-shadow 200ms ease, opacity 200ms ease","&::before":{"content":"\"\"","position":"absolute","inset":"4px","border-radius":"50%","clip-path":"circle(50%)","background-color":"var(--color-radio-active)","opacity":0,"transform":"scale(0.4)","transition":"transform 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms linear"},"&:focus-visible":{"outline-width":"2px","outline-style":"solid","outline-color":"light-dark(\n var(--color-base-950, currentColor),\n var(--color-base-50, currentColor)\n )","outline-offset":"3px"},"&:checked, &[aria-checked=\"true\"]":{"background-color":"transparent","&::before":{"content":"\"\"","opacity":1,"transform":"scale(1)"}},"&:is(:disabled, [disabled], .radio-disabled)":{"cursor":"not-allowed","opacity":0.3}},".radio-accent":{"--color-radio":"var(--color-accent-soft)","--color-on-radio":"var(--color-on-accent)","--color-radio-active":"var(--color-accent-active)","--color-radio-soft":"var(--color-accent-soft)","--color-on-radio-soft":"var(--color-on-accent-soft)"},".radio-error":{"--color-radio":"var(--color-error-soft)","--color-on-radio":"var(--color-on-error)","--color-radio-active":"var(--color-error-active)","--color-radio-soft":"var(--color-error-soft)","--color-on-radio-soft":"var(--color-on-error-soft)"},".radio-info":{"--color-radio":"var(--color-info-soft)","--color-on-radio":"var(--color-on-info)","--color-radio-active":"var(--color-info-active)","--color-radio-soft":"var(--color-info-soft)","--color-on-radio-soft":"var(--color-on-info-soft)"},".radio-neutral":{"--color-radio":"var(--color-neutral-soft)","--color-on-radio":"var(--color-on-neutral)","--color-radio-active":"var(--color-neutral-active)","--color-radio-soft":"var(--color-neutral-soft)","--color-on-radio-soft":"var(--color-on-neutral-soft)"},".radio-primary":{"--color-radio":"var(--color-primary-soft)","--color-on-radio":"var(--color-on-primary)","--color-radio-active":"var(--color-primary-active)","--color-radio-soft":"var(--color-primary-soft)","--color-on-radio-soft":"var(--color-on-primary-soft)"},".radio-secondary":{"--color-radio":"var(--color-secondary-soft)","--color-on-radio":"var(--color-on-secondary)","--color-radio-active":"var(--color-secondary-active)","--color-radio-soft":"var(--color-secondary-soft)","--color-on-radio-soft":"var(--color-on-secondary-soft)"},".radio-success":{"--color-radio":"var(--color-success-soft)","--color-on-radio":"var(--color-on-success)","--color-radio-active":"var(--color-success-active)","--color-radio-soft":"var(--color-success-soft)","--color-on-radio-soft":"var(--color-on-success-soft)"},".radio-warning":{"--color-radio":"var(--color-warning-soft)","--color-on-radio":"var(--color-on-warning)","--color-radio-active":"var(--color-warning-active)","--color-radio-soft":"var(--color-warning-soft)","--color-on-radio-soft":"var(--color-on-warning-soft)"},".radio-2xl":{"--radio--padding":"0.5rem","--radio--width":"2rem","--radio--height":"2rem"},".radio-lg":{"--radio--padding":"0.375rem","--radio--width":"1.5rem","--radio--height":"1.5rem"},".radio-md":{"--radio--padding":"0.3125rem","--radio--width":"1.25rem","--radio--height":"1.25rem"},".radio-sm":{"--radio--padding":"0.25rem","--radio--width":"1rem","--radio--height":"1rem"},".radio-xl":{"--radio--padding":"0.4375rem","--radio--width":"1.75rem","--radio--height":"1.75rem"},".radio-xs":{"--radio--padding":"0.1875rem","--radio--width":"0.75rem","--radio--height":"0.75rem"},".radio-circle":{"--radio--radius":"9999px"},".radio-rounded":{"--radio--radius":"calc(var(--border-radius) * 4)"},".radio-square":{"--radio--radius":"calc(var(--border-radius) * 2)"}};
1
+ export default {".radio-disabled":{"cursor":"not-allowed","opacity":0.3,"pointer-events":"none"},".radio":{"--radius-radio":"calc(var(--border-radius) * 1.5)","--color-radio":"var(--color-base-soft)","--color-on-radio":"var(--color-on-base)","--color-radio-active":"var(--color-base-active)","--color-radio-soft":"var(--color-base-active)","--color-on-radio-soft":"var(--color-on-base-soft)","padding":"var(--radio--padding, 0.3125rem)","width":"var(--radio--width, 1.25rem)","height":"var(--radio--height, 1.25rem)","aspect-ratio":"1 / 1","flex-shrink":0,"-webkit-appearance":"none","-moz-appearance":"none","appearance":"none","border":"none","vertical-align":"middle","cursor":"pointer","position":"relative","background-color":"transparent","border-radius":"var(--radio--radius, var(--radius-radio))","outline-color":"var(--color-radio-active)","outline-style":"solid","outline-width":"1px","box-shadow":"var(--radio--box-shadow)","transition":"background-color 200ms ease, box-shadow 200ms ease, opacity 200ms ease","&::before":{"content":"\"\"","position":"absolute","inset":"4px","border-radius":"50%","clip-path":"circle(50%)","background-color":"var(--color-radio-active)","opacity":0,"transform":"scale(0.4)","transition":"transform 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms linear"},"&:focus-visible":{"outline-width":"2px","outline-style":"solid","outline-color":"light-dark(\n var(--color-base-950, currentColor),\n var(--color-base-50, currentColor)\n )","outline-offset":"3px"},"&:checked, &[aria-checked=\"true\"]":{"background-color":"transparent","&::before":{"content":"\"\"","opacity":1,"transform":"scale(1)"}},"&:is(:disabled, [disabled], .radio-disabled)":{"cursor":"not-allowed","opacity":0.3}},".radio-accent":{"--color-radio":"var(--color-accent-soft)","--color-on-radio":"var(--color-on-accent)","--color-radio-active":"var(--color-accent-active)","--color-radio-soft":"var(--color-accent-soft)","--color-on-radio-soft":"var(--color-on-accent-soft)"},".radio-error":{"--color-radio":"var(--color-error-soft)","--color-on-radio":"var(--color-on-error)","--color-radio-active":"var(--color-error-active)","--color-radio-soft":"var(--color-error-soft)","--color-on-radio-soft":"var(--color-on-error-soft)"},".radio-info":{"--color-radio":"var(--color-info-soft)","--color-on-radio":"var(--color-on-info)","--color-radio-active":"var(--color-info-active)","--color-radio-soft":"var(--color-info-soft)","--color-on-radio-soft":"var(--color-on-info-soft)"},".radio-neutral":{"--color-radio":"var(--color-neutral-soft)","--color-on-radio":"var(--color-on-neutral)","--color-radio-active":"var(--color-neutral-active)","--color-radio-soft":"var(--color-neutral-soft)","--color-on-radio-soft":"var(--color-on-neutral-soft)"},".radio-primary":{"--color-radio":"var(--color-primary-soft)","--color-on-radio":"var(--color-on-primary)","--color-radio-active":"var(--color-primary-active)","--color-radio-soft":"var(--color-primary-soft)","--color-on-radio-soft":"var(--color-on-primary-soft)"},".radio-secondary":{"--color-radio":"var(--color-secondary-soft)","--color-on-radio":"var(--color-on-secondary)","--color-radio-active":"var(--color-secondary-active)","--color-radio-soft":"var(--color-secondary-soft)","--color-on-radio-soft":"var(--color-on-secondary-soft)"},".radio-success":{"--color-radio":"var(--color-success-soft)","--color-on-radio":"var(--color-on-success)","--color-radio-active":"var(--color-success-active)","--color-radio-soft":"var(--color-success-soft)","--color-on-radio-soft":"var(--color-on-success-soft)"},".radio-warning":{"--color-radio":"var(--color-warning-soft)","--color-on-radio":"var(--color-on-warning)","--color-radio-active":"var(--color-warning-active)","--color-radio-soft":"var(--color-warning-soft)","--color-on-radio-soft":"var(--color-on-warning-soft)"},".radio-2xl":{"--radio--padding":"0.5rem","--radio--width":"2rem","--radio--height":"2rem"},".radio-lg":{"--radio--padding":"0.375rem","--radio--width":"1.5rem","--radio--height":"1.5rem"},".radio-md":{"--radio--padding":"0.3125rem","--radio--width":"1.25rem","--radio--height":"1.25rem"},".radio-sm":{"--radio--padding":"0.25rem","--radio--width":"1rem","--radio--height":"1rem"},".radio-xl":{"--radio--padding":"0.4375rem","--radio--width":"1.75rem","--radio--height":"1.75rem"},".radio-xs":{"--radio--padding":"0.1875rem","--radio--width":"0.75rem","--radio--height":"0.75rem"},".radio-circle":{"--radio--radius":"9999px"},".radio-rounded":{"--radio--radius":"calc(var(--border-radius) * 4)"},".radio-square":{"--radio--radius":"calc(var(--border-radius) * 2)"}};
package/dist/components/radio.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;.radio-disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.radio{--radius-radio:calc(var(--border-radius)*1.5);--color-radio:var(--color-base-soft);--color-on-radio:var(--color-on-base);--color-radio-active:var(--color-base-active);--color-radio-soft:var(--color-base-active);--color-on-radio-soft:var(--color-on-base-soft);padding:var(--radio--padding,.3125rem);width:var(--radio--width,1.25rem);height:var(--radio--height,1.25rem);aspect-ratio:1/1;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;cursor:pointer;position:relative;background-color:transparent;border-radius:var(--radio--radius,var(--radius-radio));outline-color:var(--color-radio-active);outline-style:solid;outline-width:1px;box-shadow:var(--radio--box-shadow);transition:background-color .2s ease,box-shadow .2s ease,opacity .2s ease;&:before{content:var(--tw-content);content:"";position:absolute;inset:4px;border-radius:50%;clip-path:circle(50%);background-color:var(--color-radio-active);opacity:0;transform:scale(.4);transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s linear}&:focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark(var(--color-base-950,currentColor),var(--color-base-50,currentColor));outline-offset:3px}&:checked,&[aria-checked=true]{background-color:transparent;&:before{content:var(--tw-content);content:"";opacity:1;transform:scale(1)}}&:is(:disabled,[disabled],.radio-disabled){cursor:not-allowed;opacity:.3}}.radio-accent{--color-radio:var(--color-accent-soft);--color-on-radio:var(--color-on-accent);--color-radio-active:var(--color-accent-active);--color-radio-soft:var(--color-accent-soft);--color-on-radio-soft:var(--color-on-accent-soft)}.radio-error{--color-radio:var(--color-error-soft);--color-on-radio:var(--color-on-error);--color-radio-active:var(--color-error-active);--color-radio-soft:var(--color-error-soft);--color-on-radio-soft:var(--color-on-error-soft)}.radio-info{--color-radio:var(--color-info-soft);--color-on-radio:var(--color-on-info);--color-radio-active:var(--color-info-active);--color-radio-soft:var(--color-info-soft);--color-on-radio-soft:var(--color-on-info-soft)}.radio-neutral{--color-radio:var(--color-neutral-soft);--color-on-radio:var(--color-on-neutral);--color-radio-active:var(--color-neutral-active);--color-radio-soft:var(--color-neutral-soft);--color-on-radio-soft:var(--color-on-neutral-soft)}.radio-primary{--color-radio:var(--color-primary-soft);--color-on-radio:var(--color-on-primary);--color-radio-active:var(--color-primary-active);--color-radio-soft:var(--color-primary-soft);--color-on-radio-soft:var(--color-on-primary-soft)}.radio-secondary{--color-radio:var(--color-secondary-soft);--color-on-radio:var(--color-on-secondary);--color-radio-active:var(--color-secondary-active);--color-radio-soft:var(--color-secondary-soft);--color-on-radio-soft:var(--color-on-secondary-soft)}.radio-success{--color-radio:var(--color-success-soft);--color-on-radio:var(--color-on-success);--color-radio-active:var(--color-success-active);--color-radio-soft:var(--color-success-soft);--color-on-radio-soft:var(--color-on-success-soft)}.radio-warning{--color-radio:var(--color-warning-soft);--color-on-radio:var(--color-on-warning);--color-radio-active:var(--color-warning-active);--color-radio-soft:var(--color-warning-soft);--color-on-radio-soft:var(--color-on-warning-soft)}.radio-2xl{--radio--padding:0.5rem;--radio--width:2rem;--radio--height:2rem}.radio-lg{--radio--padding:0.375rem;--radio--width:1.5rem;--radio--height:1.5rem}.radio-md{--radio--padding:0.3125rem;--radio--width:1.25rem;--radio--height:1.25rem}.radio-sm{--radio--padding:0.25rem;--radio--width:1rem;--radio--height:1rem}.radio-xl{--radio--padding:0.4375rem;--radio--width:1.75rem;--radio--height:1.75rem}.radio-xs{--radio--padding:0.1875rem;--radio--width:0.75rem;--radio--height:0.75rem}.radio-circle{--radio--radius:9999px}.radio-rounded{--radio--radius:calc(var(--border-radius)*4)}.radio-square{--radio--radius:calc(var(--border-radius)*2)}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-content:""}}}
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;.radio-disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.radio{--radius-radio:calc(var(--border-radius)*1.5);--color-radio:var(--color-base-soft);--color-on-radio:var(--color-on-base);--color-radio-active:var(--color-base-active);--color-radio-soft:var(--color-base-active);--color-on-radio-soft:var(--color-on-base-soft);padding:var(--radio--padding,.3125rem);width:var(--radio--width,1.25rem);height:var(--radio--height,1.25rem);aspect-ratio:1/1;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;vertical-align:middle;cursor:pointer;position:relative;background-color:transparent;border-radius:var(--radio--radius,var(--radius-radio));outline-color:var(--color-radio-active);outline-style:solid;outline-width:1px;box-shadow:var(--radio--box-shadow);transition:background-color .2s ease,box-shadow .2s ease,opacity .2s ease;&:before{content:var(--tw-content);content:"";position:absolute;inset:4px;border-radius:50%;clip-path:circle(50%);background-color:var(--color-radio-active);opacity:0;transform:scale(.4);transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s linear}&:focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark(var(--color-base-950,currentColor),var(--color-base-50,currentColor));outline-offset:3px}&:checked,&[aria-checked=true]{background-color:transparent;&:before{content:var(--tw-content);content:"";opacity:1;transform:scale(1)}}&:is(:disabled,[disabled],.radio-disabled){cursor:not-allowed;opacity:.3}}.radio-accent{--color-radio:var(--color-accent-soft);--color-on-radio:var(--color-on-accent);--color-radio-active:var(--color-accent-active);--color-radio-soft:var(--color-accent-soft);--color-on-radio-soft:var(--color-on-accent-soft)}.radio-error{--color-radio:var(--color-error-soft);--color-on-radio:var(--color-on-error);--color-radio-active:var(--color-error-active);--color-radio-soft:var(--color-error-soft);--color-on-radio-soft:var(--color-on-error-soft)}.radio-info{--color-radio:var(--color-info-soft);--color-on-radio:var(--color-on-info);--color-radio-active:var(--color-info-active);--color-radio-soft:var(--color-info-soft);--color-on-radio-soft:var(--color-on-info-soft)}.radio-neutral{--color-radio:var(--color-neutral-soft);--color-on-radio:var(--color-on-neutral);--color-radio-active:var(--color-neutral-active);--color-radio-soft:var(--color-neutral-soft);--color-on-radio-soft:var(--color-on-neutral-soft)}.radio-primary{--color-radio:var(--color-primary-soft);--color-on-radio:var(--color-on-primary);--color-radio-active:var(--color-primary-active);--color-radio-soft:var(--color-primary-soft);--color-on-radio-soft:var(--color-on-primary-soft)}.radio-secondary{--color-radio:var(--color-secondary-soft);--color-on-radio:var(--color-on-secondary);--color-radio-active:var(--color-secondary-active);--color-radio-soft:var(--color-secondary-soft);--color-on-radio-soft:var(--color-on-secondary-soft)}.radio-success{--color-radio:var(--color-success-soft);--color-on-radio:var(--color-on-success);--color-radio-active:var(--color-success-active);--color-radio-soft:var(--color-success-soft);--color-on-radio-soft:var(--color-on-success-soft)}.radio-warning{--color-radio:var(--color-warning-soft);--color-on-radio:var(--color-on-warning);--color-radio-active:var(--color-warning-active);--color-radio-soft:var(--color-warning-soft);--color-on-radio-soft:var(--color-on-warning-soft)}.radio-2xl{--radio--padding:0.5rem;--radio--width:2rem;--radio--height:2rem}.radio-lg{--radio--padding:0.375rem;--radio--width:1.5rem;--radio--height:1.5rem}.radio-md{--radio--padding:0.3125rem;--radio--width:1.25rem;--radio--height:1.25rem}.radio-sm{--radio--padding:0.25rem;--radio--width:1rem;--radio--height:1rem}.radio-xl{--radio--padding:0.4375rem;--radio--width:1.75rem;--radio--height:1.75rem}.radio-xs{--radio--padding:0.1875rem;--radio--width:0.75rem;--radio--height:0.75rem}.radio-circle{--radio--radius:9999px}.radio-rounded{--radio--radius:calc(var(--border-radius)*4)}.radio-square{--radio--radius:calc(var(--border-radius)*2)}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-content:""}}}
package/dist/components/range.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.range{--radius-range:9999px;--color-range:var(--color-base-active);--color-on-range:var(--color-base-soft);--range--height:0.375rem;--range--thumb-size:1.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--range--thumb-size);border-radius:var(--radius-range);background-color:transparent;cursor:pointer;outline:none;display:block;&::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:none;width:var(--range--thumb-size);height:var(--range--thumb-size);border-radius:9999px;background-color:var(--color-range);cursor:pointer;margin-top:calc((var(--range--height) - var(--range--thumb-size))/2);-webkit-transition:transform .15s ease-in-out;transition:transform .15s ease-in-out}&::-webkit-slider-thumb:hover{transform:scale(1.15)}&::-moz-range-thumb{width:var(--range--thumb-size);height:var(--range--thumb-size);border-radius:9999px;background-color:var(--color-range);border:none;cursor:pointer;-moz-transition:transform .15s ease-in-out;transition:transform .15s ease-in-out}&::-moz-range-thumb:hover{transform:scale(1.15)}&::-webkit-slider-runnable-track{background-color:var(--color-on-range);border-radius:var(--radius-range);height:var(--range--height)}&::-moz-range-track{background-color:var(--color-on-range);border-radius:var(--radius-range);height:var(--range--height)}&:focus-visible{&::-webkit-slider-thumb{outline-width:2px;outline-style:solid;outline-color:var(--color-on-base);outline-offset:3px}&::-moz-range-thumb{outline-width:2px;outline-style:solid;outline-color:var(--color-on-base);outline-offset:3px}}&:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}}.range-accent{--color-range:var(--color-accent);--color-on-range:var(--color-accent-soft)}.range-error{--color-range:var(--color-error);--color-on-range:var(--color-error-soft)}.range-info{--color-range:var(--color-info);--color-on-range:var(--color-info-soft)}.range-lg{--range--height:0.5rem;--range--thumb-size:1.5rem}.range-md{--range--height:0.375rem;--range--thumb-size:1.25rem}.range-neutral{--color-range:var(--color-neutral);--color-on-range:var(--color-neutral-soft)}.range-primary{--color-range:var(--color-primary);--color-on-range:var(--color-primary-soft)}.range-secondary{--color-range:var(--color-secondary);--color-on-range:var(--color-secondary-soft)}.range-sm{--range--height:0.25rem;--range--thumb-size:1rem}.range-success{--color-range:var(--color-success);--color-on-range:var(--color-success-soft)}.range-warning{--color-range:var(--color-warning);--color-on-range:var(--color-warning-soft)}.range-xl{--range--height:0.625rem;--range--thumb-size:1.75rem}.range-xs{--range--height:0.2rem;--range--thumb-size:0.875rem}
package/dist/components/rating.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.rate{--color-rate:var(--color-warning);--color-rate-empty:var(--color-base-soft);--rate--size:1.5rem;--rate--fill:var(--color-rate-empty);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;width:var(--rate--width,var(--rate--size));height:var(--rate--size);display:inline-block;flex-shrink:0;background-color:var(--rate--fill);-webkit-mask-size:var(--rate--mask-size,contain);mask-size:var(--rate--mask-size,contain);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:var(--rate--mask-position,center);mask-position:var(--rate--mask-position,center);transition:background-color .15s ease-in-out;&:checked,&[aria-checked=true]{--rate--fill:var(--color-rate)}&:has(~.rate:is(:checked,[aria-checked=true])){--rate--fill:var(--color-rate)}&:hover{--rate--fill:var(--color-rate)}&:focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark(var(--color-base-950),var(--color-base-50));outline-offset:3px;border-radius:2px}}.rating{display:inline-flex;gap:.125rem;align-items:center;&:hover .rate{--rate--fill:var(--color-rate)}&:hover .rate:hover~.rate{--rate--fill:var(--color-rate-empty)}}.rating-half{gap:0;--rate--width:calc(var(--rate--size)/2);--rate--mask-size:200%;--rate--mask-position:left;:where(&) :where(.rate:nth-child(2n)){--rate--mask-position:right}}.rate-accent{--color-rate:var(--color-accent)}.rate-error{--color-rate:var(--color-error)}.rate-info{--color-rate:var(--color-info)}.rate-neutral{--color-rate:var(--color-neutral)}.rate-primary{--color-rate:var(--color-primary)}.rate-secondary{--color-rate:var(--color-secondary)}.rate-success{--color-rate:var(--color-success)}.rate-warning{--color-rate:var(--color-warning)}.rating-lg{--rate--size:2rem}.rating-md{--rate--size:1.5rem}.rating-sm{--rate--size:1.25rem}.rating-xl{--rate--size:2.5rem}.rating-xs{--rate--size:1rem}
package/dist/components/select.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! frutjam v2.0.3 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
1
+ /*! frutjam v2.0.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
2
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.select{--radius-select:calc(var(--border-radius)*2);--color-select-active:var(--color-base-active);--select--inline:0.75rem;--select--block:0.625rem;--select--font-size:1rem;border-width:1px;border-style:solid;border-color:var(--color-select-active);background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23888' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-inline:var(--select--inline);padding-inline-end:2.5rem;padding-block:var(--select--block);font-size:var(--select--font-size);color:var(--color-on-base);display:inline-flex;align-self:flex-start;flex-shrink:0;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-select);vertical-align:middle;white-space:nowrap;position:relative;cursor:pointer;transition:border-color .25s;transition-timing-function:ease-in-out;&:focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark(var(--color-base-950),var(--color-base-50));outline-offset:3px}&:focus,&:focus-within{border-color:light-dark(var(--color-base-800),var(--color-base-300));@supports (color:color-mix(in lab,red,red)){border-color:light-dark(var(--color-base-800),color-mix(in oklab,var(--color-base-300) 80%,transparent))}}&:disabled{cursor:not-allowed;opacity:.6;pointer-events:none;background-color:var(--color-base-soft);-webkit-user-select:none;-moz-user-select:none;user-select:none}@supports ((-webkit-appearance:base-select) or (-moz-appearance:base-select) or (appearance:base-select)){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select;&::picker-icon{display:none}&::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select;background-color:var(--color-base);color:var(--color-on-base);border-width:1px;border-style:solid;border-color:var(--color-base-active);border-radius:var(--radius-select);padding:.375rem;margin-block:.375rem;box-shadow:0 10px 15px -3px oklch(0 0 0/.1),0 4px 6px -4px oklch(0 0 0/.1)}option{border-radius:calc(var(--radius-select) - 2px);padding-inline:.625rem;padding-block:.375rem;cursor:pointer;transition:background-color .15s ease-in-out;&::checkmark{color:var(--color-select-active)}&:not(:disabled){&:focus-visible,&:hover{background-color:var(--color-base-soft);outline:none}}&:disabled{opacity:.4;cursor:not-allowed}}}}.select-dashed{border-style:dashed}.select-ghost{border-color:transparent;background-color:transparent;&:focus,&:focus-within{border-color:var(--color-select-active)}}.select-soft{background-color:var(--color-select-soft,var(--color-base-soft));border-color:transparent}.select-accent{--color-select-active:var(--color-accent-active);&:focus,&:focus-within{border-color:var(--color-accent-400)}}.select-error{--color-select-active:var(--color-error-active);&:focus,&:focus-within{border-color:var(--color-error-400)}}.select-info{--color-select-active:var(--color-info-active);&:focus,&:focus-within{border-color:var(--color-info-400)}}.select-neutral{--color-select-active:var(--color-neutral-active);&:focus,&:focus-within{border-color:var(--color-neutral-400)}}.select-primary{--color-select-active:var(--color-primary-active);&:focus,&:focus-within{border-color:var(--color-primary-400)}}.select-secondary{--color-select-active:var(--color-secondary-active);&:focus,&:focus-within{border-color:var(--color-secondary-400)}}.select-success{--color-select-active:var(--color-success-active);&:focus,&:focus-within{border-color:var(--color-success-400)}}.select-warning{--color-select-active:var(--color-warning-active);&:focus,&:focus-within{border-color:var(--color-warning-400)}}.select-2xl{--select--inline:1.25rem;--select--block:1rem;--select--font-size:1.025rem}.select-lg{--select--inline:0.9rem;--select--block:0.75rem;--select--font-size:1rem}.select-md{--select--inline:0.75rem;--select--block:0.625rem;--select--font-size:1rem}.select-sm{--select--inline:0.6rem;--select--block:0.5rem;--select--font-size:0.875rem}.select-xl{--select--inline:1rem;--select--block:0.875rem;--select--font-size:1rem}.select-xs{--select--inline:0.475rem;--select--block:0.375rem;--select--font-size:0.75rem}