@refraktor/core 0.0.1

package/build/components/accordion/accordion.types.d.ts

@@ -0,0 +1,89 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { RefraktorRadius, RefraktorSize } from "../../theme";
+import { createClassNamesConfig, createComponentConfig, FactoryPayload } from "../../utils";
+import { AccordionControl } from "./accordion-control";
+import { AccordionItem } from "./accordion-item";
+import { AccordionPanel } from "./accordion-panel";
+export type AccordionValue = string | null | string[];
+export type AccordionVariant = "default" | "separated";
+export type AccordionClassNames = {
+    root?: string;
+    item?: string;
+    control?: string;
+    chevron?: string;
+    panel?: string;
+};
+export interface AccordionProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange" | "value" | "defaultValue"> {
+    /** Children containing accordion subcomponents */
+    children: ReactNode;
+    /** Opened value(s) (controlled) */
+    value?: AccordionValue;
+    /** Initial opened value(s) (uncontrolled) */
+    defaultValue?: AccordionValue;
+    /** Callback called when opened value(s) change */
+    onChange?: (value: AccordionValue) => void;
+    /** Allow multiple opened items @default `false` */
+    multiple?: boolean;
+    /** Allow closing opened item in single mode @default `true` */
+    collapsible?: boolean;
+    /** Keep closed panels mounted @default `false` */
+    keepMounted?: boolean;
+    /** Size of control/panel spacing @default `md` */
+    size?: RefraktorSize;
+    /** Radius applied to separated items @default `default` */
+    radius?: RefraktorRadius;
+    /** Visual variant @default `default` */
+    variant?: AccordionVariant;
+    /** Used for editing root class name */
+    className?: string;
+    /** Used for styling different parts of the component */
+    classNames?: AccordionClassNames;
+}
+export interface AccordionItemProps extends ComponentPropsWithoutRef<"div"> {
+    /** Unique item value */
+    value: string;
+    /** Item content (Control + Panel) */
+    children: ReactNode;
+    /** Whether item is disabled @default `false` */
+    disabled?: boolean;
+    /** Used for editing root class name */
+    className?: string;
+}
+export interface AccordionControlProps extends Omit<ComponentPropsWithoutRef<"button">, "children"> {
+    /** Trigger label/content */
+    children: ReactNode;
+    /** Optional chevron content */
+    chevron?: ReactNode;
+    /** Used for editing root class name */
+    className?: string;
+}
+export interface AccordionPanelProps extends ComponentPropsWithoutRef<"div"> {
+    /** Panel content */
+    children: ReactNode;
+    /** Used for editing root class name */
+    className?: string;
+}
+export interface AccordionFactoryPayload extends FactoryPayload {
+    props: AccordionProps;
+    ref: HTMLDivElement;
+    compound: {
+        configure: ReturnType<typeof createComponentConfig<AccordionProps>>;
+        classNames: ReturnType<typeof createClassNamesConfig<AccordionClassNames>>;
+        Item: typeof AccordionItem;
+        Control: typeof AccordionControl;
+        Panel: typeof AccordionPanel;
+    };
+}
+export interface AccordionItemFactoryPayload extends FactoryPayload {
+    props: AccordionItemProps;
+    ref: HTMLDivElement;
+}
+export interface AccordionControlFactoryPayload extends FactoryPayload {
+    props: AccordionControlProps;
+    ref: HTMLButtonElement;
+}
+export interface AccordionPanelFactoryPayload extends FactoryPayload {
+    props: AccordionPanelProps;
+    ref: HTMLDivElement;
+}
+//# sourceMappingURL=accordion.types.d.ts.map

package/build/components/accordion/accordion.types.d.ts.map

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

package/build/components/accordion/accordion.types.js

@@ -0,0 +1 @@
+export {};

package/build/components/accordion/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Accordion } from "./accordion";
+export { AccordionItem } from "./accordion-item";
+export { AccordionControl } from "./accordion-control";
+export { AccordionPanel } from "./accordion-panel";
+export type { AccordionProps, AccordionItemProps, AccordionControlProps, AccordionPanelProps, AccordionClassNames, AccordionVariant, AccordionValue, AccordionFactoryPayload, AccordionItemFactoryPayload, AccordionControlFactoryPayload, AccordionPanelFactoryPayload } from "./accordion.types";
+//# sourceMappingURL=index.d.ts.map

package/build/components/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EACR,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,cAAc,EACd,uBAAuB,EACvB,2BAA2B,EAC3B,8BAA8B,EAC9B,4BAA4B,EAC/B,MAAM,mBAAmB,CAAC"}

package/build/components/accordion/index.js

@@ -0,0 +1,4 @@
+export { default as Accordion } from "./accordion";
+export { AccordionItem } from "./accordion-item";
+export { AccordionControl } from "./accordion-control";
+export { AccordionPanel } from "./accordion-panel";

package/build/components/avatar/avatar-group/avatar-group.d.ts

@@ -0,0 +1,4 @@
+import { AvatarGroupFactoryPayload } from "../avatar.types";
+declare const AvatarGroup: import("../../..").RefraktorComponent<AvatarGroupFactoryPayload>;
+export default AvatarGroup;
+//# sourceMappingURL=avatar-group.d.ts.map

package/build/components/avatar/avatar-group/avatar-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/avatar-group/avatar-group.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEH,yBAAyB,EAE5B,MAAM,iBAAiB,CAAC;AAQzB,QAAA,MAAM,WAAW,kEA4Cf,CAAC;AAMH,eAAe,WAAW,CAAC"}

package/build/components/avatar/avatar-group/avatar-group.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "@refraktor/utils";
+import { Children, cloneElement, isValidElement } from "react";
+import { useTheme } from "../../../theme";
+import { createClassNamesConfig, createComponentConfig, factory, useClassNames, useProps } from "../../../utils";
+import Avatar from "../avatar";
+const defaultProps = {
+    spacing: -8,
+    limit: 5
+};
+const AvatarGroup = factory((_props, ref) => {
+    const { cx } = useTheme();
+    const { id, children, spacing, limit, className, classNames, ...props } = useProps("AvatarGroup", defaultProps, _props);
+    const classes = useClassNames("AvatarGroup", classNames);
+    const _id = useId(id);
+    const childArray = Children.toArray(children);
+    const visibleChildren = limit ? childArray.slice(0, limit) : childArray;
+    const remainingCount = limit ? Math.max(0, childArray.length - limit) : 0;
+    return (_jsxs("div", { ref: ref, id: _id, className: cx("inline-flex items-center", classes.root, className), ...props, children: [visibleChildren.map((child, index) => {
+                if (!isValidElement(child))
+                    return null;
+                return cloneElement(child, {
+                    key: index,
+                    style: {
+                        marginLeft: index === 0 ? 0 : spacing,
+                        zIndex: visibleChildren.length - index,
+                        ...(child.props.style || {})
+                    },
+                    className: child.props.className
+                });
+            }), remainingCount > 0 && (_jsx(Avatar, { initials: `+${remainingCount}`, style: {
+                    marginLeft: spacing,
+                    zIndex: 0
+                } }))] }));
+});
+AvatarGroup.displayName = "@refraktor/core/AvatarGroup";
+AvatarGroup.configure = createComponentConfig();
+AvatarGroup.classNames = createClassNamesConfig();
+export default AvatarGroup;

package/build/components/avatar/avatar-group/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AvatarGroup } from "./avatar-group";
+//# sourceMappingURL=index.d.ts.map

package/build/components/avatar/avatar-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/avatar-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/build/components/avatar/avatar-group/index.js

@@ -0,0 +1 @@
+export { default as AvatarGroup } from "./avatar-group";

package/build/components/avatar/avatar.d.ts

@@ -0,0 +1,4 @@
+import { AvatarFactoryPayload } from "./avatar.types";
+declare const Avatar: import("../..").RefraktorComponent<AvatarFactoryPayload>;
+export default Avatar;
+//# sourceMappingURL=avatar.d.ts.map

package/build/components/avatar/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEH,oBAAoB,EAEvB,MAAM,gBAAgB,CAAC;AAqBxB,QAAA,MAAM,MAAM,0DAmGV,CAAC;AAOH,eAAe,MAAM,CAAC"}

package/build/components/avatar/avatar.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "@refraktor/utils";
+import { useState, useEffect } from "react";
+import { useTheme } from "../../theme";
+import { createClassNamesConfig, createComponentConfig, factory, useClassNames, useProps } from "../../utils";
+import { getSize } from "./avatar.styles";
+import { AvatarGroup } from "./avatar-group";
+import { UserIcon } from "../../icons";
+const defaultProps = {
+    size: "md",
+    radius: "full"
+};
+function getInitials(name) {
+    const parts = name.trim().split(/\s+/).filter(Boolean);
+    if (parts.length === 0)
+        return "";
+    if (parts.length === 1) {
+        return parts[0].slice(0, 2).toUpperCase();
+    }
+    return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
+}
+const Avatar = factory((_props, ref) => {
+    const { cx, getRadius } = useTheme();
+    const { id, src, alt, name, initials, fallback, size, radius, className, classNames, ...props } = useProps("Avatar", defaultProps, _props);
+    const classes = useClassNames("Avatar", classNames);
+    const _id = useId(id);
+    const [imageStatus, setImageStatus] = useState(src ? "loading" : "error");
+    useEffect(() => {
+        if (src) {
+            setImageStatus("loading");
+        }
+        else {
+            setImageStatus("error");
+        }
+    }, [src]);
+    const handleImageLoad = () => {
+        setImageStatus("loaded");
+    };
+    const handleImageError = () => {
+        setImageStatus("error");
+    };
+    const displayInitials = initials || (name ? getInitials(name) : null);
+    const showImage = src && imageStatus !== "error";
+    const showInitials = !showImage && displayInitials;
+    const showFallback = !showImage && !showInitials;
+    return (_jsxs("div", { ref: ref, id: _id, className: cx("relative inline-flex items-center justify-center overflow-hidden shrink-0", "bg-[var(--refraktor-bg-hover)]", getSize(size), getRadius(radius), classes.root, className), ...props, children: [showImage && (_jsx("img", { src: src, alt: alt || name || "Avatar", onLoad: handleImageLoad, onError: handleImageError, className: cx("w-full h-full object-cover", imageStatus === "loading" && "opacity-0", imageStatus === "loaded" &&
+                    "opacity-100 transition-opacity duration-200", classes.image) })), showInitials && (_jsx("span", { className: cx("font-medium select-none", classes.initials), "aria-label": name || alt, children: displayInitials })), showFallback && (_jsx("span", { className: cx("text-[var(--refraktor-text-muted)] flex items-center justify-center", classes.fallback), "aria-label": "Avatar", children: fallback || _jsx(UserIcon, { size: 24 }) }))] }));
+});
+Avatar.displayName = "@refraktor/core/Avatar";
+Avatar.configure = createComponentConfig();
+Avatar.classNames = createClassNamesConfig();
+Avatar.Group = AvatarGroup;
+export default Avatar;

package/build/components/avatar/avatar.styles.d.ts

@@ -0,0 +1,3 @@
+import { RefraktorSize } from "../../theme";
+export declare const getSize: (size?: RefraktorSize) => string;
+//# sourceMappingURL=avatar.styles.d.ts.map

package/build/components/avatar/avatar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAU5C,eAAO,MAAM,OAAO,GAAI,OAAM,aAAoB,WAAgB,CAAC"}

package/build/components/avatar/avatar.styles.js

@@ -0,0 +1,8 @@
+const sizes = {
+    xs: "size-6 text-xs",
+    sm: "size-8 text-sm",
+    md: "size-10 text-base",
+    lg: "size-12 text-lg",
+    xl: "size-16 text-xl"
+};
+export const getSize = (size = "md") => sizes[size];

package/build/components/avatar/avatar.types.d.ts

@@ -0,0 +1,63 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { RefraktorRadius, RefraktorSize } from "../../theme";
+import { createClassNamesConfig, createComponentConfig, FactoryPayload } from "../../utils";
+import { AvatarGroup } from "./avatar-group";
+export type AvatarClassNames = {
+    root?: string;
+    image?: string;
+    initials?: string;
+    fallback?: string;
+};
+export interface AvatarProps extends ComponentPropsWithoutRef<"div"> {
+    /** Image source URL */
+    src?: string | null;
+    /** Alt text for the image */
+    alt?: string;
+    /** Name used to generate initials (e.g., "John Doe" -> "JD") */
+    name?: string;
+    /** Custom initials to display (overrides name-based initials) */
+    initials?: string;
+    /** Custom fallback element when no image or initials */
+    fallback?: ReactNode;
+    /** The size of the avatar @default `md` */
+    size?: RefraktorSize;
+    /** The radius of the avatar @default `full` */
+    radius?: RefraktorRadius;
+    /** Used for editing root class name */
+    className?: string;
+    /** Used for styling different parts of the component */
+    classNames?: AvatarClassNames;
+}
+export interface AvatarFactoryPayload extends FactoryPayload {
+    props: AvatarProps;
+    ref: HTMLDivElement;
+    compound: {
+        configure: ReturnType<typeof createComponentConfig<AvatarProps>>;
+        classNames: ReturnType<typeof createClassNamesConfig<AvatarClassNames>>;
+        Group: typeof AvatarGroup;
+    };
+}
+export type AvatarGroupClassNames = {
+    root?: string;
+};
+export interface AvatarGroupProps extends ComponentPropsWithoutRef<"div"> {
+    /** Avatar components to render */
+    children: ReactNode;
+    /** Spacing between avatars (negative value creates overlap) @default `-8` */
+    spacing?: number;
+    /** Maximum number of avatars to display @default `5` */
+    limit?: number;
+    /** Used for editing root class name */
+    className?: string;
+    /** Used for styling different parts of the component */
+    classNames?: AvatarGroupClassNames;
+}
+export interface AvatarGroupFactoryPayload extends FactoryPayload {
+    props: AvatarGroupProps;
+    ref: HTMLDivElement;
+    compound: {
+        configure: ReturnType<typeof createComponentConfig<AvatarGroupProps>>;
+        classNames: ReturnType<typeof createClassNamesConfig<AvatarGroupClassNames>>;
+    };
+}
+//# sourceMappingURL=avatar.types.d.ts.map

package/build/components/avatar/avatar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EACH,sBAAsB,EACtB,qBAAqB,EACrB,cAAc,EACjB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,MAAM,gBAAgB,GAAG;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAChE,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpB,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,wDAAwD;IACxD,UAAU,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IACxD,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,QAAQ,EAAE;QACN,SAAS,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC;QACjE,UAAU,EAAE,UAAU,CAAC,OAAO,sBAAsB,CAAC,gBAAgB,CAAC,CAAC,CAAC;QACxE,KAAK,EAAE,OAAO,WAAW,CAAC;KAC7B,CAAC;CACL;AAED,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACrE,kCAAkC;IAClC,QAAQ,EAAE,SAAS,CAAC;IAEpB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,wDAAwD;IACxD,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACtC;AAED,MAAM,WAAW,yBAA0B,SAAQ,cAAc;IAC7D,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,QAAQ,EAAE;QACN,SAAS,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,gBAAgB,CAAC,CAAC,CAAC;QACtE,UAAU,EAAE,UAAU,CAClB,OAAO,sBAAsB,CAAC,qBAAqB,CAAC,CACvD,CAAC;KACL,CAAC;CACL"}

package/build/components/avatar/avatar.types.js

@@ -0,0 +1 @@
+export {};

package/build/components/avatar/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Avatar } from "./avatar";
+export { AvatarGroup } from "./avatar-group";
+export type { AvatarProps, AvatarClassNames, AvatarGroupProps, AvatarGroupClassNames } from "./avatar.types";
+//# sourceMappingURL=index.d.ts.map

package/build/components/avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EACR,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,EACxB,MAAM,gBAAgB,CAAC"}

package/build/components/avatar/index.js

@@ -0,0 +1,2 @@
+export { default as Avatar } from "./avatar";
+export { AvatarGroup } from "./avatar-group";

package/build/components/badge/badge.d.ts

@@ -0,0 +1,4 @@
+import { BadgeFactoryPayload } from "./badge.types";
+declare const Badge: import("../..").RefraktorComponent<BadgeFactoryPayload>;
+export default Badge;
+//# sourceMappingURL=badge.d.ts.map

package/build/components/badge/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AASA,OAAO,EAEH,mBAAmB,EAEtB,MAAM,eAAe,CAAC;AASvB,QAAA,MAAM,KAAK,yDAiCT,CAAC;AAMH,eAAe,KAAK,CAAC"}

package/build/components/badge/badge.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useId } from "@refraktor/utils";
+import { useTheme } from "../../theme";
+import { createClassNamesConfig, createComponentConfig, factory, useClassNames, useProps } from "../../utils";
+import { getSize, getVariant } from "./badge.styles";
+const defaultProps = {
+    size: "xs",
+    radius: "default",
+    variant: "default"
+};
+const Badge = factory((_props, ref) => {
+    const { cx, getRadius } = useTheme();
+    const { children, id, size, radius, variant, className, classNames, ...props } = useProps("Badge", defaultProps, _props);
+    const classes = useClassNames("Badge", classNames);
+    const _id = useId(id);
+    return (_jsx("div", { id: _id, ref: ref, className: cx("inline-flex items-center justify-center w-fit", getSize(size), getRadius(radius), getVariant(variant), classes.root, className), ...props, children: children }));
+});
+Badge.displayName = "@refraktor/core/Badge";
+Badge.configure = createComponentConfig();
+Badge.classNames = createClassNamesConfig();
+export default Badge;

package/build/components/badge/badge.styles.d.ts

@@ -0,0 +1,5 @@
+import { RefraktorSize } from "../../theme";
+import { BadgeVariant } from "./badge.types";
+export declare const getSize: (size?: RefraktorSize) => string;
+export declare const getVariant: (variant?: BadgeVariant) => string;
+//# sourceMappingURL=badge.styles.d.ts.map

package/build/components/badge/badge.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.styles.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAU7C,eAAO,MAAM,OAAO,GAAI,OAAM,aAAoB,WAAgB,CAAC;AAQnE,eAAO,MAAM,UAAU,GAAI,UAAS,YAAwB,WACvC,CAAC"}

package/build/components/badge/badge.styles.js

@@ -0,0 +1,13 @@
+const sizes = {
+    xs: "text-xs px-1.5 py-0.5",
+    sm: "text-xs px-2 py-0.5",
+    md: "text-sm px-2.5 py-0.5",
+    lg: "text-base px-3 py-0.5",
+    xl: "text-lg px-3.5 py-0.5"
+};
+export const getSize = (size = "md") => sizes[size];
+const variants = {
+    default: "bg-[var(--refraktor-bg)] text-[var(--refraktor-text)]",
+    outline: "border border-[var(--refraktor-border)] text-[var(--refraktor-text)]"
+};
+export const getVariant = (variant = "default") => variants[variant];

package/build/components/badge/badge.types.d.ts

@@ -0,0 +1,29 @@
+import { ComponentPropsWithoutRef } from "react";
+import type { createClassNamesConfig, createComponentConfig, FactoryPayload } from "../../utils";
+import { RefraktorRadius, RefraktorSize } from "../../theme";
+export type BadgeVariant = "default" | "outline";
+export type BadgeClassNames = {
+    root?: string;
+    content?: string;
+};
+export interface BadgeProps extends ComponentPropsWithoutRef<"div"> {
+    /** The variant of the badge @default `default` */
+    variant?: BadgeVariant;
+    /** The size of the badge @default `xs` */
+    size?: RefraktorSize;
+    /** The radius of the badge @default `md` */
+    radius?: RefraktorRadius;
+    /** Used for editing root class name */
+    className?: string;
+    /** Used for styling different parts of the component */
+    classNames?: BadgeClassNames;
+}
+export interface BadgeFactoryPayload extends FactoryPayload {
+    props: BadgeProps;
+    ref: HTMLDivElement;
+    compound: {
+        configure: ReturnType<typeof createComponentConfig<BadgeProps>>;
+        classNames: ReturnType<typeof createClassNamesConfig<BadgeClassNames>>;
+    };
+}
+//# sourceMappingURL=badge.types.d.ts.map

package/build/components/badge/badge.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EACR,sBAAsB,EACtB,qBAAqB,EACrB,cAAc,EACjB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE7D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAEjD,MAAM,MAAM,eAAe,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC/D,kDAAkD;IAClD,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,wDAAwD;IACxD,UAAU,CAAC,EAAE,eAAe,CAAC;CAChC;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACvD,KAAK,EAAE,UAAU,CAAC;IAClB,GAAG,EAAE,cAAc,CAAC;IACpB,QAAQ,EAAE;QACN,SAAS,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,CAAC,CAAC;QAChE,UAAU,EAAE,UAAU,CAAC,OAAO,sBAAsB,CAAC,eAAe,CAAC,CAAC,CAAC;KAC1E,CAAC;CACL"}

package/build/components/badge/badge.types.js

@@ -0,0 +1 @@
+export {};

package/build/components/badge/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Badge } from "./badge";
+export type { BadgeProps, BadgeClassNames } from "./badge.types";
+//# sourceMappingURL=index.d.ts.map

package/build/components/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/build/components/badge/index.js

@@ -0,0 +1 @@
+export { default as Badge } from "./badge";

package/build/components/button/button.d.ts

@@ -0,0 +1,4 @@
+import { ButtonFactoryPayload } from "./button.types";
+declare const Button: import("../..").PolymorphicRefraktorComponent<ButtonFactoryPayload>;
+export default Button;
+//# sourceMappingURL=button.d.ts.map

package/build/components/button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEH,oBAAoB,EAEvB,MAAM,gBAAgB,CAAC;AASxB,QAAA,MAAM,MAAM,qEAgFV,CAAC;AAMH,eAAe,MAAM,CAAC"}

package/build/components/button/button.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "@refraktor/utils";
+import { createClassNamesConfig, createComponentConfig, polymorphicFactory, useClassNames, useProps } from "../../utils";
+import { useTheme } from "../../theme";
+import { Loader } from "../loader";
+import { getSize, getVariant } from "./button.styles";
+const defaultProps = {
+    size: "md",
+    radius: "default",
+    variant: "default"
+};
+const Button = polymorphicFactory((_props, ref) => {
+    const { cx, getRadius } = useTheme();
+    const { as, children, id, size, radius, variant, disabled, loading, loaderProps, fullWidth, leftSection, rightSection, classNames, className, ...props } = useProps("Button", defaultProps, _props);
+    const classes = useClassNames("Button", classNames);
+    const Component = as ?? "button";
+    const _id = useId(id);
+    return (_jsx(Component, { id: _id, ref: ref, disabled: Component === "button" ? disabled || loading : undefined, className: cx("inline-flex items-center justify-center cursor-pointer transition-all", "[&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none select-none active:scale-[0.98]", "[&[data-disabled=true]]:opacity-50 [&[data-disabled=true]]:pointer-events-none [&[data-disabled=true]]:cursor-not-allowed", fullWidth && "w-full", getSize(size), getRadius(radius), getVariant(variant), classes.root, className), ...props, "data-disabled": disabled || loading, "aria-disabled": disabled || loading, children: _jsxs("div", { className: cx("inline-flex items-center justify-center", classes.container), children: [(loading || leftSection) && (_jsx("span", { className: cx("shrink-0 mr-2 inline-flex", classes.leftSection), children: loading ? (_jsx(Loader, { size: 16, ...loaderProps })) : (leftSection) })), children, rightSection && (_jsx("span", { className: cx("shrink-0 ml-2 inline-flex", classes.rightSection), children: rightSection }))] }) }));
+});
+Button.displayName = "@refraktor/core/Button";
+Button.configure = createComponentConfig();
+Button.classNames = createClassNamesConfig();
+export default Button;

package/build/components/button/button.styles.d.ts

@@ -0,0 +1,4 @@
+import { ButtonSize, ButtonVariant } from "./button.types";
+export declare const getSize: (size?: ButtonSize) => string;
+export declare const getVariant: (variant?: ButtonVariant) => string;
+//# sourceMappingURL=button.styles.d.ts.map

package/build/components/button/button.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAe3D,eAAO,MAAM,OAAO,GAAI,OAAM,UAAiB,WAAgB,CAAC;AAWhE,eAAO,MAAM,UAAU,GAAI,UAAS,aAAyB,WACxC,CAAC"}

package/build/components/button/button.styles.js

@@ -0,0 +1,20 @@
+const sizes = {
+    xs: "text-xs px-1.5 h-5 gap-1",
+    sm: "text-xs px-2 h-6 gap-1.5",
+    md: "text-sm px-2.5 h-8 gap-2",
+    lg: "text-base px-3 h-10 gap-2.5",
+    xl: "text-lg px-4 h-12 gap-3",
+    "icon-xs": "size-5",
+    "icon-sm": "size-6",
+    "icon-md": "size-8",
+    "icon-lg": "size-10",
+    "icon-xl": "size-12"
+};
+export const getSize = (size = "md") => sizes[size];
+const variants = {
+    default: "bg-[var(--refraktor-bg)] text-[var(--refraktor-text)] hover:bg-[var(--refraktor-bg-hover)]",
+    filled: "bg-[var(--refraktor-primary)] text-[var(--refraktor-primary-text)] hover:bg-[var(--refraktor-primary-hover)]",
+    outline: "text-[var(--refraktor-text)] border border-[var(--refraktor-border)] hover:border-[var(--refraktor-border-hover)]",
+    ghost: "bg-transparent text-[var(--refraktor-text)] hover:bg-[var(--refraktor-bg-hover)]"
+};
+export const getVariant = (variant = "default") => variants[variant];

package/build/components/button/button.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=button.test.d.ts.map

package/build/components/button/button.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.test.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.test.tsx"],"names":[],"mappings":""}

package/build/components/button/button.test.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, it, expect, vi } from "vitest";
+import { render, screen } from "../../vitest";
+import Button from "./button";
+import { createRef } from "react";
+describe("@refraktor/core/Button", () => {
+    it("should render correctly", async () => {
+        await render(_jsx(Button, { children: "Click me" }));
+        expect(screen.getByText("Click me")).toBeInTheDocument();
+    });
+    it("forwards ref correctly", async () => {
+        const ref = createRef();
+        await render(_jsx(Button, { ref: ref, children: "Click me" }));
+        expect(ref.current).toBeInstanceOf(HTMLButtonElement);
+        expect(ref.current?.tagName).toBe("BUTTON");
+        expect(ref.current?.textContent).toBe("Click me");
+    });
+    it("handles click event correctly", async () => {
+        const handleClick = vi.fn();
+        await render(_jsx(Button, { onClick: handleClick, children: "Click me" }));
+        screen.getByText("Click me").click();
+        expect(handleClick).toHaveBeenCalled();
+    });
+    it("disables button when disabled prop is true", async () => {
+        await render(_jsx(Button, { disabled: true, children: "Click me" }));
+        const button = screen.getByRole("button", { name: "Click me" });
+        expect(button).toBeDisabled();
+        expect(button).toHaveAttribute("aria-disabled", "true");
+        expect(button).toHaveAttribute("data-disabled", "true");
+    });
+    it("renders left section correctly", async () => {
+        await render(_jsx(Button, { leftSection: _jsx("span", { "data-testid": "left-section", children: "\uD83D\uDE80" }), children: "Click me" }));
+        expect(screen.getByTestId("left-section")).toBeInTheDocument();
+    });
+    it("renders right section correctly", async () => {
+        await render(_jsx(Button, { rightSection: _jsx("span", { "data-testid": "right-section", children: "\uD83D\uDE80" }), children: "Click me" }));
+        expect(screen.getByTestId("right-section")).toBeInTheDocument();
+    });
+});

package/build/components/button/button.types.d.ts

@@ -0,0 +1,46 @@
+import { ButtonHTMLAttributes, ReactNode } from "react";
+import { RefraktorRadius, RefraktorSize } from "../../theme";
+import { createClassNamesConfig, createComponentConfig, PolymorphicFactoryPayload } from "../../utils";
+import { LoaderProps } from "../loader";
+export type ButtonSize = RefraktorSize | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl";
+export type ButtonVariant = "default" | "filled" | "outline" | "ghost";
+export type ButtonClassNames = {
+    root?: string;
+    container?: string;
+    leftSection?: string;
+    rightSection?: string;
+};
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** The size of the button @default `md` */
+    size?: ButtonSize;
+    /** The radius of the button @default `md` */
+    radius?: RefraktorRadius;
+    /** The variant of the button @default `default` */
+    variant?: ButtonVariant;
+    /** Whether the button is disabled @default `false` */
+    disabled?: boolean;
+    /** Whether the button is loading @default `false` */
+    loading?: boolean;
+    /** The props for the loader. Uses the Loader component */
+    loaderProps?: LoaderProps;
+    /** Whether the button should take the full width of its container @default `false` */
+    fullWidth?: boolean;
+    /** The left section of the button */
+    leftSection?: ReactNode;
+    /** The right section of the button */
+    rightSection?: ReactNode;
+    /** Used for styling different parts of the component */
+    classNames?: ButtonClassNames;
+    /** Used for editing root class name */
+    className?: string;
+}
+export interface ButtonFactoryPayload extends PolymorphicFactoryPayload {
+    props: ButtonProps;
+    defaultRef: HTMLButtonElement;
+    defaultComponent: "button";
+    compound: {
+        configure: ReturnType<typeof createComponentConfig<ButtonProps>>;
+        classNames: ReturnType<typeof createClassNamesConfig<ButtonClassNames>>;
+    };
+}
+//# sourceMappingURL=button.types.d.ts.map

package/build/components/button/button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EACH,sBAAsB,EACtB,qBAAqB,EACrB,yBAAyB,EAC5B,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,MAAM,UAAU,GAChB,aAAa,GACb,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAChB,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAEvE,MAAM,MAAM,gBAAgB,GAAG;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACxE,2CAA2C;IAC3C,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,mDAAmD;IACnD,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,sFAAsF;IACtF,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,qCAAqC;IACrC,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,sCAAsC;IACtC,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,wDAAwD;IACxD,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAE9B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,oBAAqB,SAAQ,yBAAyB;IACnE,KAAK,EAAE,WAAW,CAAC;IACnB,UAAU,EAAE,iBAAiB,CAAC;IAC9B,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,QAAQ,EAAE;QACN,SAAS,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC;QACjE,UAAU,EAAE,UAAU,CAAC,OAAO,sBAAsB,CAAC,gBAAgB,CAAC,CAAC,CAAC;KAC3E,CAAC;CACL"}