@g4rcez/components 5.0.0 → 5.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@g4rcez/components",
-    "version": "5.0.0",
+    "version": "5.0.1",
     "private": false,
     "description": "Customizable react components.",
     "keywords": [

package/dist/src/components/core/button.d.ts

@@ -1,77 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import { CvaVariants, type Label } from "../../types";
-import { PolymorphicProps } from "./polymorph";
-declare const variants: {
-    size: {
-        icon: string;
-        big: string;
-        default: string;
-        min: string;
-        tiny: string;
-        small: string;
-    };
-    rounded: {
-        rough: string;
-        squared: string;
-        default: string;
-        circle: string;
-    };
-    theme: {
-        raw: string;
-        disabled: string;
-        loading: string;
-        main: string;
-        info: string;
-        warn: string;
-        muted: string;
-        danger: string;
-        neutral: string;
-        primary: string;
-        success: string;
-        secondary: string;
-        "ghost-info": string;
-        "ghost-warn": string;
-        "ghost-danger": string;
-        "ghost-primary": string;
-        "ghost-success": string;
-        "ghost-secondary": string;
-        "ghost-muted": string;
-        "ghost-neutral": string;
-    };
-};
-type Variants = CvaVariants<typeof variants>;
-export type ButtonProps<T extends React.ElementType = "button"> = PropsWithChildren<PolymorphicProps<Variants & Partial<{
-    /** Icon to display in the button */
-    icon: Label;
-    /** Whether the button is in a loading state */
-    loading: boolean;
-}>, T>>;
-/**
- * A versatile button component with multiple variants, sizes, and states.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <Button>Click me</Button>
- *
- * // With variants
- * <Button theme="primary" size="big">Primary Button</Button>
- *
- * // Loading state
- * <Button loading>Saving...</Button>
- *
- * // With icon
- * <Button icon={<Icon name="plus" />}>Add Item</Button>
- *
- * // As different element
- * <Button as="a" href="/link">Link Button</Button>
- * ```
- *
- * @template T - The HTML element type to render as
- * @param props - Button props including theme, size, loading state, etc.
- * @param ref - Forwarded ref to the button element
- * @returns A styled button component
- */
-export declare const Button: <T extends React.ElementType = "button">(_: ButtonProps<T>) => React.ReactNode;
-export {};
-//# sourceMappingURL=button.d.ts.map

package/dist/src/components/core/button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/core/button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,WAAW,EAAE,KAAK,KAAK,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAa,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE1D,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCb,CAAC;AAUF,KAAK,QAAQ,GAAG,WAAW,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE7C,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI,iBAAiB,CAC/E,gBAAgB,CACZ,QAAQ,GACJ,OAAO,CAAC;IACJ,oCAAoC;IACpC,IAAI,EAAE,KAAK,CAAC;IACZ,+CAA+C;IAC/C,OAAO,EAAE,OAAO,CAAC;CACpB,CAAC,EACN,CAAC,CACJ,CACJ,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,MAAM,EAAE,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAwBK,CAAC"}

package/dist/src/components/core/button.jsx

@@ -1,79 +0,0 @@
-import { cva } from "class-variance-authority";
-import React, { forwardRef } from "react";
-import { css } from "../../lib/dom";
-import { Polymorph } from "./polymorph";
-const variants = {
-    size: {
-        icon: "p-button-padding-icon",
-        big: "h-button-height-big px-button-padding-x-big py-button-padding-y-big",
-        default: "h-button-height px-button-padding-x py-button-padding-y",
-        min: "h-button-height-min px-button-padding-x-min py-button-padding-y-min text-typography-sm",
-        tiny: "h-button-height-tiny px-button-padding-x-tiny py-button-padding-y-tiny text-typography-sm",
-        small: "h-button-height-small px-button-padding-x-small py-button-padding-y-small text-typography-sm",
-    },
-    rounded: {
-        rough: "rounded-button-radius-rough",
-        squared: "rounded-button-radius-squared",
-        default: "rounded-button-radius",
-        circle: "rounded-full aspect-square",
-    },
-    theme: {
-        raw: "",
-        disabled: "bg-disabled opacity-70",
-        loading: "animate-pulse bg-disabled",
-        main: "bg-button-primary-bg text-button-primary-text",
-        info: "bg-button-info-bg text-button-info-text",
-        warn: "bg-button-warn-bg text-button-warn-text",
-        muted: "bg-button-muted-bg text-button-muted-text",
-        danger: "bg-button-danger-bg text-button-danger-text",
-        neutral: "bg-transparent border-1 border-card-border",
-        primary: "bg-button-primary-bg text-button-primary-text",
-        success: "bg-button-success-bg text-button-success-text",
-        secondary: "bg-button-secondary-bg text-button-secondary-text",
-        "ghost-info": "bg-transparent hover:bg-info/20 border-0 border-transparent text-info",
-        "ghost-warn": "bg-transparent hover:bg-warn/20 border-0 border-transparent text-warn",
-        "ghost-danger": "bg-transparent hover:bg-danger/20 border-0 border-transparent text-danger",
-        "ghost-primary": "bg-transparent hover:bg-primary/20 border-0 border-transparent text-primary",
-        "ghost-success": "bg-transparent hover:bg-success/20 border-0 border-transparent text-success",
-        "ghost-secondary": "bg-transparent hover:bg-secondary/20 border-0 border-transparent text-secondary",
-        "ghost-muted": "bg-transparent hover:bg-muted/20 border-0 border-transparent text-muted-foreground",
-        "ghost-neutral": "bg-transparent border-0 border-card-border",
-    },
-};
-const buttonVariants = cva("relative inline-flex cursor-pointer items-center justify-center gap-button-gap overflow-hidden whitespace-nowrap align-middle font-medium transition-colors duration-300 ease-linear focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring enabled:hover:bg-opacity-70 enabled:focus:bg-opacity-70 disabled:cursor-not-allowed disabled:bg-opacity-40 disabled:text-opacity-80 data-[loading=true]:animate-pulse data-[loading=true]:opacity-30", {
-    variants,
-    defaultVariants: { theme: "main", size: "default", rounded: "default" },
-});
-/**
- * A versatile button component with multiple variants, sizes, and states.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <Button>Click me</Button>
- *
- * // With variants
- * <Button theme="primary" size="big">Primary Button</Button>
- *
- * // Loading state
- * <Button loading>Saving...</Button>
- *
- * // With icon
- * <Button icon={<Icon name="plus" />}>Add Item</Button>
- *
- * // As different element
- * <Button as="a" href="/link">Link Button</Button>
- * ```
- *
- * @template T - The HTML element type to render as
- * @param props - Button props including theme, size, loading state, etc.
- * @param ref - Forwarded ref to the button element
- * @returns A styled button component
- */
-export const Button = forwardRef(function Button({ className, icon, loading, theme, type = "button", size, rounded, ...props }, ref) {
-    const disabled = loading || props.disabled;
-    return (<Polymorph {...props} ref={ref} type={type} data-theme={theme} disabled={disabled} data-loading={loading} data-component="button" aria-disabled={disabled} as={props.as ?? "button"} aria-busy={loading} onClick={disabled ? undefined : props.onClick} className={css(buttonVariants({ size, rounded, theme }), className)}>
-            {icon}
-            {props.children}
-        </Polymorph>);
-});

package/dist/src/components/core/heading.d.ts

@@ -1,3 +0,0 @@
-import { PropsWithChildren } from "react";
-export declare const Heading: (props: PropsWithChildren) => import("react").JSX.Element;
-//# sourceMappingURL=heading.d.ts.map

package/dist/src/components/core/heading.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../../src/components/core/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1C,eAAO,MAAM,OAAO,GAAI,OAAO,iBAAiB,gCAE/C,CAAC"}

package/dist/src/components/core/heading.jsx

@@ -1,4 +0,0 @@
-import { Polymorph } from "./polymorph";
-export const Heading = (props) => {
-    return <Polymorph as="h2">{props.children}</Polymorph>;
-};

package/dist/src/components/core/polymorph.d.ts

@@ -1,10 +0,0 @@
-import type React from "react";
-type PropsOf<T extends React.ElementType> = React.ComponentPropsWithoutRef<T>;
-export type PolymorphicProps<Props, T extends React.ElementType> = Props & {
-    as?: T;
-} & Omit<PropsOf<T>, keyof Props | "as" | "ref"> & {
-    ref?: React.ComponentProps<T>["ref"];
-};
-export declare const Polymorph: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<React.ElementType<any, keyof React.JSX.IntrinsicElements>>>;
-export {};
-//# sourceMappingURL=polymorph.d.ts.map

package/dist/src/components/core/polymorph.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"polymorph.d.ts","sourceRoot":"","sources":["../../../../src/components/core/polymorph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,OAAO,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;AAE9E,MAAM,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,GAAG;IACvE,EAAE,CAAC,EAAE,CAAC,CAAC;CACV,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,GAAG,IAAI,GAAG,KAAK,CAAC,GAAG;IAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;CACxC,CAAC;AAEN,eAAO,MAAM,SAAS,oIAGpB,CAAC"}

package/dist/src/components/core/polymorph.jsx

@@ -1,5 +0,0 @@
-import { forwardRef } from "react";
-export const Polymorph = forwardRef(function InnerPolymorph(props, ref) {
-    const Element = props.as || "span";
-    return <Element ref={ref} {...props} as={undefined}/>;
-});

package/dist/src/components/core/render-on-view.d.ts

@@ -1,7 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import { PolymorphicProps } from "./polymorph";
-export type RenderOnViewProps<T extends React.ElementType = "div"> = PolymorphicProps<{
-    onIntersection?: () => void;
-}, T>;
-export declare const RenderOnView: ({ children, ...props }: PropsWithChildren<RenderOnViewProps>) => React.JSX.Element;
-//# sourceMappingURL=render-on-view.d.ts.map

package/dist/src/components/core/render-on-view.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"render-on-view.d.ts","sourceRoot":"","sources":["../../../../src/components/core/render-on-view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAqC,MAAM,OAAO,CAAC;AAEpF,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,gBAAgB,CACjF;IACI,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B,EACD,CAAC,CACJ,CAAC;AAYF,eAAO,MAAM,YAAY,GAAI,wBAAwB,iBAAiB,CAAC,iBAAiB,CAAC,sBAsBxF,CAAC"}

package/dist/src/components/core/render-on-view.jsx

@@ -1,31 +0,0 @@
-"use client";
-import React, { useLayoutEffect, useRef, useState } from "react";
-import { useStableRef } from "../../hooks/use-stable-ref";
-function isInViewport(el) {
-    const rect = el.getBoundingClientRect();
-    return (rect.top >= 0 &&
-        rect.left >= 0 &&
-        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
-        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /* or $(window).width() */);
-}
-export const RenderOnView = ({ children, ...props }) => {
-    const onIntersect = useStableRef(props.onIntersection);
-    const ref = useRef(null);
-    const [shouldRender, setShouldRender] = useState(() => (ref.current === null ? false : isInViewport(ref.current)));
-    useLayoutEffect(() => {
-        const div = ref.current;
-        if (div === null)
-            return;
-        const observer = new IntersectionObserver((args) => {
-            const first = args[0];
-            if (first.isIntersecting)
-                onIntersect.current?.();
-            return setShouldRender((prev) => (first.isIntersecting ? true : prev));
-        });
-        observer.observe(div);
-        return () => observer.disconnect();
-    }, [onIntersect]);
-    return (<div {...props} ref={ref}>
-            {shouldRender ? children : null}
-        </div>);
-};

package/dist/src/components/core/resizable.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-export declare const Resizable: ({ children }: React.PropsWithChildren) => React.JSX.Element;
-//# sourceMappingURL=resizable.d.ts.map

package/dist/src/components/core/resizable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../../src/components/core/resizable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAkD5D,eAAO,MAAM,SAAS,GAAI,cAAc,KAAK,CAAC,iBAAiB,sBAQ9D,CAAC"}

package/dist/src/components/core/resizable.jsx

@@ -1,51 +0,0 @@
-"use client";
-import { motion, useMotionValue } from "motion/react";
-import React, { useEffect, useMemo, useState } from "react";
-import { isSsr } from "../../lib/fns";
-const defaultState = {
-    x: 0,
-    y: 0,
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0,
-    bottom: 0,
-    right: 0,
-};
-const useElementRect = () => {
-    const [element, ref] = useState(null);
-    const motion = useMotionValue(defaultState);
-    const observer = useMemo(() => isSsr()
-        ? null
-        : new window.ResizeObserver((entries) => {
-            if (entries[0]) {
-                const rect = entries[0].contentRect;
-                motion.set({
-                    x: rect.x,
-                    y: rect.y,
-                    width: rect.width,
-                    height: rect.height,
-                    top: rect.top,
-                    left: rect.left,
-                    bottom: rect.bottom,
-                    right: rect.right,
-                });
-            }
-        }), [motion]);
-    useEffect(() => {
-        if (!element)
-            return;
-        if (observer === null)
-            return;
-        observer.observe(element);
-        return () => observer.disconnect();
-    }, [element, observer]);
-    return [ref, motion];
-};
-export const Resizable = ({ children }) => {
-    const [ref, bounds] = useElementRect();
-    const h = bounds.get().height;
-    return (<motion.div animate={{ height: h > 0 ? h : "auto" }}>
-            <div ref={ref}>{children}</div>
-        </motion.div>);
-};

package/dist/src/components/core/slot.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-export type Usable<T> = PromiseLike<T> | React.Context<T>;
-interface SlotProps extends React.HTMLAttributes<HTMLElement> {
-    children?: React.ReactNode;
-}
-export declare function createSlot(ownerName: string): React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLElement>>;
-export declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLElement>>;
-interface SlottableProps {
-    children: React.ReactNode;
-}
-interface SlottableComponent extends React.FC<SlottableProps> {
-    __radixId: symbol;
-}
-export declare function createSlottable(ownerName: string): SlottableComponent;
-export {};
-//# sourceMappingURL=slot.d.ts.map

package/dist/src/components/core/slot.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../../../src/components/core/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4C/B,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAI1D,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAiBD,wBAAgB,UAAU,CAAC,SAAS,EAAE,MAAM,iFAyC3C;AAED,eAAO,MAAM,IAAI,+EAAqB,CAAC;AAgCvC,UAAU,cAAc;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,UAAU,kBAAmB,SAAQ,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC;IACzD,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,sBAOhD"}

package/dist/src/components/core/slot.jsx

@@ -1,156 +0,0 @@
-import * as React from "react";
-const REACT_LAZY_TYPE = Symbol.for("react.lazy");
-function setRef(ref, value) {
-    if (typeof ref === "function") {
-        return ref(value);
-    }
-    else if (ref !== null && ref !== undefined) {
-        ref.current = value;
-    }
-}
-function composeRefs(...refs) {
-    return (node) => {
-        let hasCleanup = false;
-        const cleanups = refs.map((ref) => {
-            const cleanup = setRef(ref, node);
-            if (!hasCleanup && typeof cleanup == "function") {
-                hasCleanup = true;
-            }
-            return cleanup;
-        });
-        if (hasCleanup) {
-            return () => {
-                for (let i = 0; i < cleanups.length; i++) {
-                    const cleanup = cleanups[i];
-                    if (typeof cleanup == "function") {
-                        cleanup();
-                    }
-                    else {
-                        setRef(refs[i], null);
-                    }
-                }
-            };
-        }
-    };
-}
-const use = React[" use ".trim().toString()];
-function isPromiseLike(value) {
-    return typeof value === "object" && value !== null && "then" in value;
-}
-function isLazyComponent(element) {
-    return (element != null &&
-        typeof element === "object" &&
-        "$$typeof" in element &&
-        element.$$typeof === REACT_LAZY_TYPE &&
-        "_payload" in element &&
-        isPromiseLike(element._payload));
-}
-export function createSlot(ownerName) {
-    const SlotClone = createSlotClone(ownerName);
-    const Slot = React.forwardRef((props, forwardedRef) => {
-        let { children, ...slotProps } = props;
-        if (isLazyComponent(children) && typeof use === "function") {
-            children = use(children._payload);
-        }
-        const childrenArray = React.Children.toArray(children);
-        const slottable = childrenArray.find(isSlottable);
-        if (slottable) {
-            // the new element to render is the one passed as a child of `Slottable`
-            const newElement = slottable.props.children;
-            const newChildren = childrenArray.map((child) => {
-                if (child === slottable) {
-                    // because the new element will be the one rendered, we are only interested
-                    // in grabbing its children (`newElement.props.children`)
-                    if (React.Children.count(newElement) > 1)
-                        return React.Children.only(null);
-                    return React.isValidElement(newElement) ? newElement.props.children : null;
-                }
-                else {
-                    return child;
-                }
-            });
-            return (<SlotClone {...slotProps} ref={forwardedRef}>
-                    {React.isValidElement(newElement) ? React.cloneElement(newElement, undefined, newChildren) : null}
-                </SlotClone>);
-        }
-        return (<SlotClone {...slotProps} ref={forwardedRef}>
-                {children}
-            </SlotClone>);
-    });
-    Slot.displayName = `${ownerName}.Slot`;
-    return Slot;
-}
-export const Slot = createSlot("Slot");
-function createSlotClone(ownerName) {
-    const SlotClone = React.forwardRef((props, forwardedRef) => {
-        let { children, ...slotProps } = props;
-        if (isLazyComponent(children) && typeof use === "function") {
-            children = use(children._payload);
-        }
-        if (React.isValidElement(children)) {
-            const childrenRef = getElementRef(children);
-            const props = mergeProps(slotProps, children.props);
-            // do not pass ref to React.Fragment for React 19 compatibility
-            if (children.type !== React.Fragment) {
-                props.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
-            }
-            return React.cloneElement(children, props);
-        }
-        return React.Children.count(children) > 1 ? React.Children.only(null) : null;
-    });
-    SlotClone.displayName = `${ownerName}.SlotClone`;
-    return SlotClone;
-}
-const SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
-export function createSlottable(ownerName) {
-    const Slottable = ({ children }) => {
-        return <>{children}</>;
-    };
-    Slottable.displayName = `${ownerName}.Slottable`;
-    Slottable.__radixId = SLOTTABLE_IDENTIFIER;
-    return Slottable;
-}
-const Slottable = createSlottable("Slottable");
-function isSlottable(child) {
-    return (React.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER);
-}
-function mergeProps(slotProps, childProps) {
-    const overrideProps = { ...childProps };
-    for (const propName in childProps) {
-        const slotPropValue = slotProps[propName];
-        const childPropValue = childProps[propName];
-        const isHandler = /^on[A-Z]/.test(propName);
-        if (isHandler) {
-            if (slotPropValue && childPropValue) {
-                overrideProps[propName] = (...args) => {
-                    const result = childPropValue(...args);
-                    slotPropValue(...args);
-                    return result;
-                };
-            }
-            else if (slotPropValue) {
-                overrideProps[propName] = slotPropValue;
-            }
-        }
-        else if (propName === "style") {
-            overrideProps[propName] = { ...slotPropValue, ...childPropValue };
-        }
-        else if (propName === "className") {
-            overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
-        }
-    }
-    return { ...slotProps, ...overrideProps };
-}
-function getElementRef(element) {
-    let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
-    let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-    if (mayWarn) {
-        return element.ref;
-    }
-    getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
-    mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-    if (mayWarn) {
-        return element.props.ref;
-    }
-    return element.props.ref || element.ref;
-}

package/dist/src/components/core/tag.d.ts

@@ -1,35 +0,0 @@
-import React from "react";
-import { CvaVariants, Label } from "../../types";
-import { PolymorphicProps } from "./polymorph";
-declare const variants: {
-    size: {
-        icon: string;
-        big: string;
-        default: string;
-        tiny: string;
-        small: string;
-    };
-    theme: {
-        custom: string;
-        info: string;
-        warn: string;
-        muted: string;
-        danger: string;
-        disabled: string;
-        primary: string;
-        success: string;
-        neutral: string;
-        secondary: string;
-        loading: string;
-    };
-};
-type Variants = CvaVariants<typeof variants>;
-type Themes = NonNullable<Variants["theme"]>;
-export type TagProps<T extends React.ElementType = "span"> = PolymorphicProps<CvaVariants<typeof variants> & Partial<{
-    icon: Label;
-    loading: boolean;
-    indicator: Themes | true;
-}>, T>;
-export declare const Tag: <T extends React.ElementType = "span">(_: TagProps<T>) => React.ReactNode;
-export {};
-//# sourceMappingURL=tag.d.ts.map

package/dist/src/components/core/tag.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../src/components/core/tag.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAa,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE1D,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;CAqBb,CAAC;AAEF,KAAK,QAAQ,GAAG,WAAW,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE7C,KAAK,MAAM,GAAG,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;AAyB7C,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,IAAI,gBAAgB,CACzE,WAAW,CAAC,OAAO,QAAQ,CAAC,GAAG,OAAO,CAAC;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC,EACnG,CAAC,CACJ,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAwBQ,CAAC"}

package/dist/src/components/core/tag.jsx

@@ -1,53 +0,0 @@
-import { cva } from "class-variance-authority";
-import React, { forwardRef } from "react";
-import { css } from "../../lib/dom";
-import { Polymorph } from "./polymorph";
-const variants = {
-    size: {
-        icon: "p-tag-padding-icon",
-        big: "h-tag-height-big px-tag-padding-x-big py-tag-padding-y-big",
-        default: "h-tag-height px-tag-padding-x py-tag-padding-y",
-        tiny: "h-tag-height-tiny px-tag-padding-x-tiny py-tag-padding-y-tiny text-typography-xs",
-        small: "h-tag-height-small px-tag-padding-x-small py-tag-padding-y-small text-typography-sm",
-    },
-    theme: {
-        custom: "",
-        info: "bg-tag-info-bg text-tag-info-text",
-        warn: "bg-tag-warn-bg text-tag-warn-text",
-        muted: "bg-tag-muted-bg text-tag-muted-text",
-        danger: "bg-tag-danger-bg text-tag-danger-text",
-        disabled: "bg-disabled duration-700 opacity-70",
-        primary: "bg-tag-primary-bg text-tag-primary-text",
-        success: "bg-tag-success-bg text-tag-success-text",
-        neutral: "bg-transparent border border-card-border",
-        secondary: "bg-tag-secondary-bg text-tag-secondary-text",
-        loading: "animate-pulse bg-disabled duration-700 opacity-70",
-    },
-};
-const indicatorVariant = cva("aspect-square size-tag-indicator-size rounded-full border-0", {
-    variants: {
-        theme: {
-            info: "bg-info",
-            warn: "bg-warn",
-            muted: "bg-muted",
-            danger: "bg-danger",
-            neutral: "bg-muted",
-            primary: "bg-primary",
-            success: "bg-success",
-            secondary: "bg-secondary",
-        },
-    },
-});
-const tagVariants = cva("inline-flex items-center justify-center gap-tag-gap whitespace-nowrap rounded-tag-radius border-0 align-middle transition-all duration-300 ease-linear", {
-    variants,
-    defaultVariants: { theme: "primary", size: "default" },
-});
-export const Tag = forwardRef(function Tag({ className, indicator = undefined, icon, loading, theme, size, ...props }, ref) {
-    return (<Polymorph {...props} ref={ref} data-theme={theme} data-component="tag" as={props.as ?? "span"} className={css(tagVariants({ size, theme: loading ? "loading" : theme }), className)}>
-            {indicator ? (<span aria-hidden="true" className={indicatorVariant({
-                theme: indicator === true ? theme : indicator,
-            })}/>) : null}
-            {icon}
-            {props.children}
-        </Polymorph>);
-});

package/dist/src/components/core/typography.d.ts

@@ -1,25 +0,0 @@
-import type { PropsWithChildren } from "react";
-import React, { type ComponentProps } from "react";
-import { Label } from "../../types";
-export declare const Paragraph: (props: ComponentProps<"p">) => React.JSX.Element;
-export declare const Description: (props: ComponentProps<"p">) => React.JSX.Element;
-export type InfoProps = {
-    info?: Label;
-    label: Label;
-    row?: boolean;
-    disabled?: Label;
-    className?: string;
-    infoDescription?: string;
-};
-export declare const Info: (props: React.PropsWithChildren<InfoProps>) => React.JSX.Element;
-export declare const PageTitle: (props: PropsWithChildren<{
-    title: string;
-}>) => React.JSX.Element;
-type PageHeaderProps = {
-    title: string;
-    description: Label;
-    containerProps?: React.ComponentProps<"header">;
-};
-export declare const PageHeader: (props: PropsWithChildren<PageHeaderProps>) => React.JSX.Element;
-export {};
-//# sourceMappingURL=typography.d.ts.map

package/dist/src/components/core/typography.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../src/components/core/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,CAAC,GAAG,CAAC,sBAA2F,CAAC;AAEhJ,eAAO,MAAM,WAAW,GAAI,OAAO,cAAc,CAAC,GAAG,CAAC,sBAErD,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,KAAK,CAAC;IACb,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,sBAO7D,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,iBAAiB,CAAC;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,sBAKpE,CAAC;AAEF,KAAK,eAAe,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,KAAK,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,iBAAiB,CAAC,eAAe,CAAC,sBAUnE,CAAC"}

package/dist/src/components/core/typography.jsx

@@ -1,20 +0,0 @@
-import React from "react";
-import { css } from "../../lib/dom";
-export const Paragraph = (props) => <p {...props} className={css("text-typography-base leading-snug", props.className)}/>;
-export const Description = (props) => (<p {...props} className={css("mb-kilo text-typography-sm text-secondary", props.className)}/>);
-export const Info = (props) => (<div className={css(`flex ${props.row ? "flex-row items-center" : "flex-col"} gap-info-gap`, props.className)}>
-        <span className="text-info-label-text font-medium tracking-wide">{props.row ? `${props.label}:` : props.label}</span>
-        <span className={css(props.disabled ? "text-disabled" : "", props.row ? "w-fit text-info-value-text" : "w-full text-info-secondary-text")}>
-            {props.children}
-        </span>
-    </div>);
-export const PageTitle = (props) => (<div>
-        <h2 className="typography text-typography-3xl font-bold tracking-wide">{props.title}</h2>
-        <p className="typography text-secondary">{props.children}</p>
-    </div>);
-export const PageHeader = (props) => {
-    return (<header {...props.containerProps} className={css("gap-mega flex min-w-full flex-row flex-wrap items-center justify-between", props.containerProps?.className)}>
-            <PageTitle title={props.title}>{props.description}</PageTitle>
-            <div className="gap-kilo flex flex-wrap items-center">{props.children}</div>
-        </header>);
-};