@once-ui-system/core 1.3.14 → 1.4.0

package/dist/components/Flex.js

@@ -1,103 +1,144 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from "classnames";
 import { forwardRef } from "react";
-const Flex = forwardRef(({ as: Component = "div", inline, dark, light, direction, tabletDirection, mobileDirection, wrap = false, horizontal, vertical, flex, textVariant, textSize, textWeight, textType, onBackground, onSolid, align, top, right, bottom, left, padding, paddingLeft, paddingRight, paddingTop, paddingBottom, paddingX, paddingY, margin, marginLeft, marginRight, marginTop, marginBottom, marginX, marginY, gap, position = "relative", center, width, height, maxWidth, minWidth, minHeight, maxHeight, fit = false, fitWidth = false, fitHeight = false, fill = false, fillWidth = false, fillHeight = false, aspectRatio, hide, show, transition, background, solid, opacity, pointerEvents, border, borderTop, borderRight, borderBottom, borderLeft, borderStyle, borderWidth, radius, topRadius, rightRadius, bottomRadius, leftRadius, topLeftRadius, topRightRadius, bottomLeftRadius, bottomRightRadius, overflow, overflowX, overflowY, zIndex, shadow, cursor, className, style, children, ...rest }, ref) => {
-    if (onBackground && onSolid) {
-        console.warn("You cannot use both 'onBackground' and 'onSolid' props simultaneously. Only one will be applied.");
-    }
-    if (background && solid) {
-        console.warn("You cannot use both 'background' and 'solid' props simultaneously. Only one will be applied.");
-    }
-    const getVariantClasses = (variant) => {
-        const [fontType, weight, size] = variant.split("-");
-        return [`font-${fontType}`, `font-${weight}`, `font-${size}`];
-    };
-    const sizeClass = textSize ? `font-${textSize}` : "";
-    const weightClass = textWeight ? `font-${textWeight}` : "";
-    const variantClasses = textVariant ? getVariantClasses(textVariant) : [sizeClass, weightClass];
-    let colorClass = "";
-    if (onBackground) {
-        const [scheme, weight] = onBackground.split("-");
-        colorClass = `${scheme}-on-background-${weight}`;
-    }
-    else if (onSolid) {
-        const [scheme, weight] = onSolid.split("-");
-        colorClass = `${scheme}-on-solid-${weight}`;
-    }
-    const generateDynamicClass = (type, value) => {
-        if (!value)
-            return undefined;
-        if (value === "transparent") {
-            return `transparent-border`;
-        }
-        if (["surface", "page", "overlay"].includes(value)) {
-            return `${value}-${type}`;
+import { ClientFlex, ServerFlex } from ".";
+import { useLayout } from "../contexts/LayoutContext";
+const Flex = forwardRef(({ cursor, l, m, s, style, hide, show, ...props }, ref) => {
+    // Check if component should be hidden based on layout context
+    const shouldHide = () => {
+        if (!hide && !show && !l?.hide && !m?.hide && !s?.hide && !l?.show && !m?.show && !s?.show)
+            return false;
+        try {
+            const { isBreakpoint } = useLayout();
+            // Check direct hide conditions
+            if (hide) {
+                if (typeof hide === 'boolean' && hide)
+                    return true;
+                if (typeof hide === 'object' && hide.s && isBreakpoint('s'))
+                    return true;
+                if (typeof hide === 'object' && hide.m && isBreakpoint('m'))
+                    return true;
+                if (typeof hide === 'object' && hide.l && isBreakpoint('l'))
+                    return true;
+            }
+            // Check hide conditions in responsive props
+            if (s?.hide) {
+                if (typeof s.hide === 'boolean' && s.hide && isBreakpoint('s'))
+                    return true;
+                if (typeof s.hide === 'object' && s.hide.s && isBreakpoint('s'))
+                    return true;
+                if (typeof s.hide === 'object' && s.hide.m && isBreakpoint('m'))
+                    return true;
+                if (typeof s.hide === 'object' && s.hide.l && isBreakpoint('l'))
+                    return true;
+            }
+            if (m?.hide) {
+                if (typeof m.hide === 'boolean' && m.hide && isBreakpoint('m'))
+                    return true;
+                if (typeof m.hide === 'object' && m.hide.s && isBreakpoint('s'))
+                    return true;
+                if (typeof m.hide === 'object' && m.hide.m && isBreakpoint('m'))
+                    return true;
+                if (typeof m.hide === 'object' && m.hide.l && isBreakpoint('l'))
+                    return true;
+            }
+            if (l?.hide) {
+                if (typeof l.hide === 'boolean' && l.hide && isBreakpoint('l'))
+                    return true;
+                if (typeof l.hide === 'object' && l.hide.s && isBreakpoint('s'))
+                    return true;
+                if (typeof l.hide === 'object' && l.hide.m && isBreakpoint('m'))
+                    return true;
+                if (typeof l.hide === 'object' && l.hide.l && isBreakpoint('l'))
+                    return true;
+            }
+            // Check direct show conditions
+            if (show) {
+                if (typeof show === 'boolean' && show)
+                    return false;
+                if (typeof show === 'object' && show.s && isBreakpoint('s'))
+                    return false;
+                if (typeof show === 'object' && show.m && isBreakpoint('m'))
+                    return false;
+                if (typeof show === 'object' && show.l && isBreakpoint('l'))
+                    return false;
+                // If show is specified but current breakpoint doesn't match, hide
+                return true;
+            }
+            // Check show conditions in responsive props
+            if (s?.show) {
+                if (typeof s.show === 'boolean' && s.show && isBreakpoint('s'))
+                    return false;
+                if (typeof s.show === 'object' && s.show.s && isBreakpoint('s'))
+                    return false;
+                if (typeof s.show === 'object' && s.show.m && isBreakpoint('m'))
+                    return false;
+                if (typeof s.show === 'object' && s.show.l && isBreakpoint('l'))
+                    return false;
+                // If show is specified but current breakpoint doesn't match, hide
+                if (isBreakpoint('s'))
+                    return true;
+            }
+            if (m?.show) {
+                if (typeof m.show === 'boolean' && m.show && isBreakpoint('m'))
+                    return false;
+                if (typeof m.show === 'object' && m.show.s && isBreakpoint('s'))
+                    return false;
+                if (typeof m.show === 'object' && m.show.m && isBreakpoint('m'))
+                    return false;
+                if (typeof m.show === 'object' && m.show.l && isBreakpoint('l'))
+                    return false;
+                // If show is specified but current breakpoint doesn't match, hide
+                if (isBreakpoint('m'))
+                    return true;
+            }
+            if (l?.show) {
+                if (typeof l.show === 'boolean' && l.show && isBreakpoint('l'))
+                    return false;
+                if (typeof l.show === 'object' && l.show.s && isBreakpoint('s'))
+                    return false;
+                if (typeof l.show === 'object' && l.show.m && isBreakpoint('m'))
+                    return false;
+                if (typeof l.show === 'object' && l.show.l && isBreakpoint('l'))
+                    return false;
+                // If show is specified but current breakpoint doesn't match, hide
+                if (isBreakpoint('l'))
+                    return true;
+            }
+            return false;
         }
-        const parts = value.split("-");
-        if (parts.includes("alpha")) {
-            const [scheme, , weight] = parts;
-            return `${scheme}-${type}-alpha-${weight}`;
+        catch {
+            // If LayoutProvider is not available, fall back to CSS classes
+            return false;
         }
-        const [scheme, weight] = value.split("-");
-        return `${scheme}-${type}-${weight}`;
     };
-    const classes = classNames(inline ? "display-inline-flex" : "display-flex", padding && `p-${padding}`, paddingLeft && `pl-${paddingLeft}`, paddingRight && `pr-${paddingRight}`, paddingTop && `pt-${paddingTop}`, paddingBottom && `pb-${paddingBottom}`, paddingX && `px-${paddingX}`, paddingY && `py-${paddingY}`, margin && `m-${margin}`, marginLeft && `ml-${marginLeft}`, marginRight && `mr-${marginRight}`, marginTop && `mt-${marginTop}`, marginBottom && `mb-${marginBottom}`, marginX && `mx-${marginX}`, marginY && `my-${marginY}`, gap === "-1"
-        ? direction === "column" || direction === "column-reverse"
-            ? "g-vertical--1"
-            : "g-horizontal--1"
-        : gap && `g-${gap}`, top && `top-${top}`, right && `right-${right}`, bottom && `bottom-${bottom}`, left && `left-${left}`, generateDynamicClass("background", background), generateDynamicClass("solid", solid), generateDynamicClass("border", border || borderTop || borderRight || borderBottom || borderLeft), (border || borderTop || borderRight || borderBottom || borderLeft) &&
-        !borderStyle &&
-        "border-solid", border && !borderWidth && "border-1", (borderTop || borderRight || borderBottom || borderLeft) && "border-reset", borderTop && "border-top-1", borderRight && "border-right-1", borderBottom && "border-bottom-1", borderLeft && "border-left-1", borderWidth && `border-${borderWidth}`, borderStyle && `border-${borderStyle}`, radius === "full" ? "radius-full" : radius && `radius-${radius}`, topRadius && `radius-${topRadius}-top`, rightRadius && `radius-${rightRadius}-right`, bottomRadius && `radius-${bottomRadius}-bottom`, leftRadius && `radius-${leftRadius}-left`, topLeftRadius && `radius-${topLeftRadius}-top-left`, topRightRadius && `radius-${topRightRadius}-top-right`, bottomLeftRadius && `radius-${bottomLeftRadius}-bottom-left`, bottomRightRadius && `radius-${bottomRightRadius}-bottom-right`, direction && `flex-${direction}`, tabletDirection && `m-flex-${tabletDirection}`, mobileDirection && `s-flex-${mobileDirection}`, pointerEvents && `pointer-events-${pointerEvents}`, transition && `transition-${transition}`, hide && `${hide}-flex-hide`, show && `${show}-flex-show`, opacity && `opacity-${opacity}`, wrap && "flex-wrap", overflow && `overflow-${overflow}`, overflowX && `overflow-x-${overflowX}`, overflowY && `overflow-y-${overflowY}`, flex && `flex-${flex}`, horizontal &&
-        (direction === "row" || direction === "row-reverse" || direction === undefined
-            ? `justify-${horizontal}`
-            : `align-${horizontal}`), vertical &&
-        (direction === "row" || direction === "row-reverse" || direction === undefined
-            ? `align-${vertical}`
-            : `justify-${vertical}`), center && "center", fit && "fit", fitWidth && "fit-width", fitHeight && "fit-height", fill && "fill", fillWidth && !minWidth && "min-width-0", fillHeight && !minHeight && "min-height-0", fill && "min-height-0", fill && "min-width-0", (fillWidth || maxWidth) && "fill-width", (fillHeight || maxHeight) && "fill-height", shadow && `shadow-${shadow}`, position && `position-${position}`, zIndex && `z-index-${zIndex}`, textType && `font-${textType}`, cursor && `cursor-${cursor}`, dark && "dark-flex", light && "light-flex", colorClass, className, ...variantClasses);
-    const parseDimension = (value, type) => {
-        if (value === undefined)
-            return undefined;
-        if (typeof value === "number")
-            return `${value}rem`;
-        if ([
-            "0",
-            "1",
-            "2",
-            "4",
-            "8",
-            "12",
-            "16",
-            "20",
-            "24",
-            "32",
-            "40",
-            "48",
-            "56",
-            "64",
-            "80",
-            "104",
-            "128",
-            "160",
-        ].includes(value)) {
-            return `var(--static-space-${value})`;
-        }
-        if (["xs", "s", "m", "l", "xl"].includes(value)) {
-            return `var(--responsive-${type}-${value})`;
-        }
-        return undefined;
-    };
-    const combinedStyle = {
-        maxWidth: parseDimension(maxWidth, "width"),
-        minWidth: parseDimension(minWidth, "width"),
-        minHeight: parseDimension(minHeight, "height"),
-        maxHeight: parseDimension(maxHeight, "height"),
-        width: parseDimension(width, "width"),
-        height: parseDimension(height, "height"),
-        aspectRatio: aspectRatio,
-        textAlign: align,
-        ...style,
+    // Check if we need client-side functionality
+    const needsClientSide = () => {
+        // Custom cursor requires client-side
+        if (typeof cursor === 'object' && cursor)
+            return true;
+        // Responsive props require client-side
+        if (l || m || s)
+            return true;
+        // Dynamic styles require client-side
+        if (style && typeof style === 'object' && Object.keys(style).length > 0)
+            return true;
+        // Responsive hide/show requires client-side
+        if (hide && (typeof hide === 'object' && (hide.s || hide.m || hide.l)))
+            return true;
+        if (show && (typeof show === 'object' && (show.s || show.m || show.l)))
+            return true;
+        return false;
     };
-    return (_jsx(Component, { ref: ref, className: classes, style: combinedStyle, ...rest, children: children }));
+    // If component should be hidden, don't render it
+    if (shouldHide()) {
+        return null;
+    }
+    // Use client component if any client-side functionality is needed
+    if (needsClientSide()) {
+        return _jsx(ClientFlex, { ref: ref, cursor: cursor, l: l, m: m, s: s, style: style, hide: hide, show: show, ...props });
+    }
+    // Use server component for static content
+    return _jsx(ServerFlex, { ref: ref, cursor: cursor, hide: hide, show: show, ...props });
 });
 Flex.displayName = "Flex";
 export { Flex };

package/dist/components/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../src/components/Flex.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../src/components/Flex.tsx"],"names":[],"mappings":"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"}

package/dist/components/FocusTrap.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode, RefObject } from "react";
+interface FocusTrapProps {
+    children: ReactNode;
+    active: boolean;
+    onEscape?: () => void;
+    containerRef?: RefObject<HTMLDivElement>;
+    className?: string;
+    style?: React.CSSProperties;
+    initialFocusRef?: RefObject<HTMLElement>;
+    returnFocusRef?: RefObject<HTMLElement>;
+    restoreFocus?: boolean;
+    autoFocus?: boolean;
+}
+declare const FocusTrap: React.FC<FocusTrapProps>;
+export { FocusTrap };
+//# sourceMappingURL=FocusTrap.d.ts.map

package/dist/components/FocusTrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusTrap.d.ts","sourceRoot":"","sources":["../../src/components/FocusTrap.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAqB,SAAS,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtF,UAAU,cAAc;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,cAAc,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyGvC,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/FocusTrap.js

@@ -0,0 +1,82 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+const FocusTrap = ({ children, active, onEscape, containerRef: externalRef, className, style, initialFocusRef, returnFocusRef, restoreFocus = true, autoFocus = true, }) => {
+    const internalRef = useRef(null);
+    const containerRef = externalRef || internalRef;
+    const previouslyFocusedElement = useRef(null);
+    // Store the previously focused element when the trap becomes active
+    useEffect(() => {
+        if (active) {
+            previouslyFocusedElement.current = document.activeElement;
+            if (autoFocus) {
+                // Focus the specified initial element or the first focusable element
+                if (initialFocusRef && initialFocusRef.current) {
+                    initialFocusRef.current.focus({ preventScroll: true });
+                }
+                else if (containerRef.current) {
+                    const focusableElements = getFocusableElements(containerRef.current);
+                    if (focusableElements.length > 0) {
+                        focusableElements[0].focus({ preventScroll: true });
+                    }
+                    else {
+                        // If no focusable elements, focus the container itself
+                        containerRef.current.focus({ preventScroll: true });
+                    }
+                }
+            }
+        }
+        else if (!active && restoreFocus && previouslyFocusedElement.current) {
+            // When deactivated, return focus to the specified element or the previously focused element
+            const elementToFocus = returnFocusRef?.current || previouslyFocusedElement.current;
+            if (elementToFocus && typeof elementToFocus.focus === 'function') {
+                elementToFocus.focus({ preventScroll: true });
+            }
+        }
+    }, [active, autoFocus, initialFocusRef, returnFocusRef, restoreFocus, containerRef]);
+    // Handle keyboard events for focus trapping
+    const handleKeyDown = (e) => {
+        if (!active)
+            return;
+        // Handle escape key
+        if (e.key === "Escape" && onEscape) {
+            e.preventDefault();
+            onEscape();
+            return;
+        }
+        // Don't handle arrow keys - let ArrowNavigation handle them
+        if (e.key === "ArrowUp" || e.key === "ArrowDown" || e.key === "ArrowLeft" || e.key === "ArrowRight") {
+            return;
+        }
+        // Handle tab key for focus trapping
+        if (e.key === "Tab" && containerRef.current) {
+            const focusableElements = getFocusableElements(containerRef.current);
+            if (focusableElements.length === 0)
+                return;
+            // Get the first and last focusable elements
+            const firstElement = focusableElements[0];
+            const lastElement = focusableElements[focusableElements.length - 1];
+            // Handle tab and shift+tab to cycle through focusable elements
+            if (e.shiftKey) { // Shift+Tab
+                if (document.activeElement === firstElement) {
+                    e.preventDefault();
+                    lastElement.focus({ preventScroll: true });
+                }
+            }
+            else { // Tab
+                if (document.activeElement === lastElement) {
+                    e.preventDefault();
+                    firstElement.focus({ preventScroll: true });
+                }
+            }
+        }
+    };
+    // Helper function to get all focusable elements within a container
+    const getFocusableElements = (container) => {
+        return Array.from(container.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'));
+    };
+    return (_jsx("div", { ref: containerRef, className: className, style: style, onKeyDown: handleKeyDown, tabIndex: -1, children: children }));
+};
+FocusTrap.displayName = "FocusTrap";
+export { FocusTrap };
+//# sourceMappingURL=FocusTrap.js.map

package/dist/components/FocusTrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusTrap.js","sourceRoot":"","sources":["../../src/components/FocusTrap.tsx"],"names":[],"mappings":"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"}

package/dist/components/Grid.d.ts

@@ -1,8 +1,6 @@
-import React from "react";
-import { GridProps, SpacingProps, SizeProps, StyleProps, CommonProps, DisplayProps, ConditionalProps } from "../interfaces";
-interface ComponentProps extends GridProps, SpacingProps, SizeProps, StyleProps, CommonProps, DisplayProps, ConditionalProps {
+import { GridProps, StyleProps, SpacingProps, SizeProps, CommonProps, DisplayProps } from "../interfaces";
+interface SmartGridProps extends GridProps, StyleProps, SpacingProps, SizeProps, CommonProps, DisplayProps {
 }
-declare const Grid: React.ForwardRefExoticComponent<ComponentProps & React.RefAttributes<HTMLDivElement>>;
+declare const Grid: import("react").ForwardRefExoticComponent<SmartGridProps & import("react").RefAttributes<HTMLDivElement>>;
 export { Grid };
-export type { GridProps };
 //# sourceMappingURL=Grid.d.ts.map

package/dist/components/Grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/components/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAO,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAGvB,UAAU,cACR,SAAQ,SAAS,EACf,YAAY,EACZ,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,gBAAgB;CAAG;AAEvB,QAAA,MAAM,IAAI,uFAwOT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/components/Grid.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG1G,UAAU,cAAe,SAAQ,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY;CAAG;AAE7G,QAAA,MAAM,IAAI,2GAiHR,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,CAAC"}