Z
Zyeon-AI/zyeon-ui-components/lib
apportionapportionLargest-remainder apportionment: splits counts into whole percents (or any integer total) that add up exactly, with an explicit tie-break mode, an optional denominator and an optional keep-non-zero floor.
Canvas Surfacecanvas-surfaceLifecycle wiring for animated canvases: device-pixel ResizeObserver sizing, IntersectionObserver and visibilitychange pausing, and theme-change callbacks.
chart-scalechart-scaleAxis step pickers for hand-drawn charts (nearest, ceil and 1-2-5 ceil rungs of 1 / 2 / 2.5 / 5 × 10ⁿ) and inclusive tick generation with float-noise rounding.
clipBoundsclip-boundsThe box a portalled floating panel must stay inside: the viewport intersected with every scrollable (overflow auto/scroll) ancestor of its anchor.
focusTrapfocus-trapOne definition of the elements Tab can reach (rendered, visible, no negative tabindex, not inert or aria-hidden, native tab order) plus a Tab/Shift+Tab wrap helper for overlay panels.
Theme Colortheme-colorResolve any CSS colour to sRGB channels through a 1x1 canvas and follow theme changes on the html element (class, style, data-theme).
Three Token Colorsthree-token-colorsResolve CSS design tokens into THREE.Color values and re-resolve them when the theme changes.

Select a component to view its code

Click on any item in the sidebar to get started

Select a component to view its information
apportionapportionLargest-remainder apportionment: splits counts into whole percents (or any integer total) that add up exactly, with an explicit tie-break mode, an optional denominator and an optional keep-non-zero floor.
Canvas Surfacecanvas-surfaceLifecycle wiring for animated canvases: device-pixel ResizeObserver sizing, IntersectionObserver and visibilitychange pausing, and theme-change callbacks.
chart-scalechart-scaleAxis step pickers for hand-drawn charts (nearest, ceil and 1-2-5 ceil rungs of 1 / 2 / 2.5 / 5 × 10ⁿ) and inclusive tick generation with float-noise rounding.
clipBoundsclip-boundsThe box a portalled floating panel must stay inside: the viewport intersected with every scrollable (overflow auto/scroll) ancestor of its anchor.
focusTrapfocus-trapOne definition of the elements Tab can reach (rendered, visible, no negative tabindex, not inert or aria-hidden, native tab order) plus a Tab/Shift+Tab wrap helper for overlay panels.
Theme Colortheme-colorResolve any CSS colour to sRGB channels through a 1x1 canvas and follow theme changes on the html element (class, style, data-theme).
Three Token Colorsthree-token-colorsResolve CSS design tokens into THREE.Color values and re-resolve them when the theme changes.

Select a component to view its code

Click on any item in the sidebar to get started

Select a component to view its information
7 items
GitHubRB@rbadillap