@refraktor/core 0.0.1

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

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

package/build/components/input/index.js

@@ -0,0 +1,2 @@
+export { default as Input } from "./input";
+export * from "./input.types";

package/build/components/input/input-description/index.d.ts

@@ -0,0 +1,3 @@
+export { default as InputDescription } from "./input-description";
+export type { InputDescriptionProps } from "./input-description";
+//# sourceMappingURL=index.d.ts.map

package/build/components/input/input-description/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-description/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAClE,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC"}

package/build/components/input/input-description/index.js

@@ -0,0 +1 @@
+export { default as InputDescription } from "./input-description";

package/build/components/input/input-description/input-description.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithoutRef } from "react";
+export interface InputDescriptionProps extends ComponentPropsWithoutRef<"p"> {
+    /** Editing root class name */
+    className?: string;
+}
+declare const InputDescription: import("../../..").RefraktorComponent<{
+    props: InputDescriptionProps;
+    ref: HTMLParagraphElement;
+}>;
+export default InputDescription;
+//# sourceMappingURL=input-description.d.ts.map

package/build/components/input/input-description/input-description.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-description.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-description/input-description.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,qBAAsB,SAAQ,wBAAwB,CAAC,GAAG,CAAC;IACxE,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,gBAAgB;WACX,qBAAqB;SACvB,oBAAoB;EAqB3B,CAAC;AAIH,eAAe,gBAAgB,CAAC"}

package/build/components/input/input-description/input-description.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { factory, useProps, cx } from "../../../utils";
+const InputDescription = factory((_props, ref) => {
+    const { className, children, ...props } = useProps("InputDescription", null, _props);
+    return (_jsx("p", { ref: ref, className: cx("text-xs leading-relaxed", "text-[var(--refraktor-text-tertiary)]", className), ...props, children: children }));
+});
+InputDescription.displayName = "@refraktor/core/InputDescription";
+export default InputDescription;

package/build/components/input/input-error/index.d.ts

@@ -0,0 +1,3 @@
+export { default as InputError } from "./input-error";
+export type { InputErrorProps } from "./input-error";
+//# sourceMappingURL=index.d.ts.map

package/build/components/input/input-error/index.d.ts.map

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

package/build/components/input/input-error/index.js

@@ -0,0 +1 @@
+export { default as InputError } from "./input-error";

package/build/components/input/input-error/input-error.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithoutRef } from "react";
+export interface InputErrorProps extends ComponentPropsWithoutRef<"p"> {
+    /** Editing root class name */
+    className?: string;
+}
+declare const InputError: import("../../..").RefraktorComponent<{
+    props: InputErrorProps;
+    ref: HTMLParagraphElement;
+}>;
+export default InputError;
+//# sourceMappingURL=input-error.d.ts.map

package/build/components/input/input-error/input-error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-error.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-error/input-error.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,eAAgB,SAAQ,wBAAwB,CAAC,GAAG,CAAC;IAClE,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,UAAU;WACL,eAAe;SACjB,oBAAoB;EAqB3B,CAAC;AAIH,eAAe,UAAU,CAAC"}

package/build/components/input/input-error/input-error.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { factory, useProps, cx } from "../../../utils";
+const InputError = factory((_props, ref) => {
+    const { className, children, ...props } = useProps("InputError", null, _props);
+    return (_jsx("p", { ref: ref, className: cx("text-xs mt-0.5", "text-[var(--refraktor-colors-red-5)]", className), ...props, children: children }));
+});
+InputError.displayName = "@refraktor/core/InputError";
+export default InputError;

package/build/components/input/input-field/index.d.ts

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

package/build/components/input/input-field/index.d.ts.map

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

package/build/components/input/input-field/index.js

@@ -0,0 +1 @@
+export { default as InputField } from "./input-field";

package/build/components/input/input-field/input-field.d.ts

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

package/build/components/input/input-field/input-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-field/input-field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAmB,MAAM,gBAAgB,CAAC;AAU3E,QAAA,MAAM,UAAU,iEA4Ed,CAAC;AAKH,eAAe,UAAU,CAAC"}

package/build/components/input/input-field/input-field.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createComponentConfig, factory, useProps } from "../../../utils";
+import { useId } from "@refraktor/utils";
+import { getSize, getVariant } from "./input-field.styles";
+import { useTheme } from "../../../theme";
+const defaultProps = {
+    variant: "default",
+    size: "md",
+    radius: "default"
+};
+const InputField = factory((_props, ref) => {
+    const { cx, getRadius } = useTheme();
+    const { id, variant, size, radius, error, leftSection, rightSection, className, classNames, style, disabled, ...props } = useProps("InputField", defaultProps, _props);
+    const _id = useId(id);
+    return (_jsxs("div", { className: cx("relative w-full grid items-center transition-all", leftSection && rightSection && "grid-cols-[auto_1fr_auto]", leftSection && !rightSection && "grid-cols-[auto_1fr]", !leftSection && rightSection && "grid-cols-[1fr_auto]", !leftSection && !rightSection && "grid-cols-[1fr]", (leftSection || rightSection) && "gap-2", getSize(size), getVariant(variant), getRadius(radius), "focus-within:border-[var(--refraktor-primary)]", error && "border-[var(--refraktor-colors-red-6)]", disabled && "opacity-50 cursor-not-allowed", className, classNames?.root), style: style, children: [leftSection && (_jsx("div", { className: cx("flex h-full self-stretch items-center justify-center text-[var(--refraktor-text-secondary)] shrink-0 select-none", classNames?.leftSection), children: leftSection })), _jsx("input", { id: _id, ref: ref, disabled: disabled, "aria-invalid": error ? true : undefined, className: cx("w-full h-full outline-none border-none bg-transparent p-0", "text-[var(--refraktor-text)]", "placeholder:text-[var(--refraktor-text-tertiary)]", disabled && "cursor-not-allowed"), ...props }), rightSection && (_jsx("div", { className: cx("flex h-full self-stretch items-center justify-center text-[var(--refraktor-text-secondary)] shrink-0 select-none", classNames?.rightSection), children: rightSection }))] }));
+});
+InputField.displayName = "@refraktor/core/InputField";
+InputField.configure = createComponentConfig();
+export default InputField;

package/build/components/input/input-field/input-field.styles.d.ts

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

package/build/components/input/input-field/input-field.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-field/input-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAU9C,eAAO,MAAM,OAAO,GAAI,OAAM,aAAoB,WAAgB,CAAC;AAUnE,eAAO,MAAM,UAAU,GAAI,UAAS,YAAwB,WACvC,CAAC"}

package/build/components/input/input-field/input-field.styles.js

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

package/build/components/input/input-label/index.d.ts

@@ -0,0 +1,3 @@
+export { default as InputLabel } from "./input-label";
+export type { InputLabelProps } from "./input-label";
+//# sourceMappingURL=index.d.ts.map

package/build/components/input/input-label/index.d.ts.map

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

package/build/components/input/input-label/index.js

@@ -0,0 +1 @@
+export { default as InputLabel } from "./input-label";

package/build/components/input/input-label/input-label.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithoutRef } from "react";
+export interface InputLabelProps extends ComponentPropsWithoutRef<"label"> {
+    /** Show required asterisk */
+    required?: boolean;
+    /** Used for editing root class name */
+    className?: string;
+}
+declare const InputLabel: import("../../..").RefraktorComponent<{
+    props: InputLabelProps;
+    ref: HTMLLabelElement;
+}>;
+export default InputLabel;
+//# sourceMappingURL=input-label.d.ts.map

package/build/components/input/input-label/input-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-label.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-label/input-label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,eAAgB,SAAQ,wBAAwB,CAAC,OAAO,CAAC;IACtE,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,UAAU;WACL,eAAe;SACjB,gBAAgB;EA6BvB,CAAC;AAIH,eAAe,UAAU,CAAC"}

package/build/components/input/input-label/input-label.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { factory, useProps, cx } from "../../../utils";
+const InputLabel = factory((_props, ref) => {
+    const { required, className, children, ...props } = useProps("InputLabel", null, _props);
+    return (_jsxs("label", { ref: ref, className: cx("inline-block text-xs font-medium mb-0.5", "text-[var(--refraktor-text)]", className), ...props, children: [children, required && (_jsx("span", { className: "ml-1 text-[var(--refraktor-colors-red-5)]", "aria-hidden": "true", children: "*" }))] }));
+});
+InputLabel.displayName = "@refraktor/core/InputLabel";
+export default InputLabel;

package/build/components/input/input-wrapper/index.d.ts

@@ -0,0 +1,3 @@
+export { default as InputWrapper } from "./input-wrapper";
+export type { InputWrapperProps } from "../input.types";
+//# sourceMappingURL=index.d.ts.map

package/build/components/input/input-wrapper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-wrapper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/build/components/input/input-wrapper/index.js

@@ -0,0 +1 @@
+export { default as InputWrapper } from "./input-wrapper";

package/build/components/input/input-wrapper/input-wrapper.d.ts

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

package/build/components/input/input-wrapper/input-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-wrapper/input-wrapper.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,0BAA0B,EAAqB,MAAM,gBAAgB,CAAC;AAE/E,QAAA,MAAM,YAAY,mEAgChB,CAAC;AAIH,eAAe,YAAY,CAAC"}

package/build/components/input/input-wrapper/input-wrapper.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { factory, useProps, cx } from "../../../utils";
+import { InputDescription } from "../input-description";
+import { InputError } from "../input-error";
+import { InputLabel } from "../input-label";
+const InputWrapper = factory((_props, ref) => {
+    const { label, description, error, required, withAsterisk, inputId, children, className, ...props } = useProps("InputWrapper", null, _props);
+    const showAsterisk = withAsterisk || required;
+    return (_jsxs("div", { ref: ref, className: cx("flex flex-col", className), ...props, children: [label && (_jsx(InputLabel, { htmlFor: inputId, required: showAsterisk, children: label })), description && _jsx(InputDescription, { children: description }), children, error && typeof error !== "boolean" && (_jsx(InputError, { children: error }))] }));
+});
+InputWrapper.displayName = "@refraktor/core/InputWrapper";
+export default InputWrapper;

package/build/components/input/input.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAc,MAAM,eAAe,CAAC;AAahE,QAAA,MAAM,KAAK,yDA6CT,CAAC;AAUH,eAAe,KAAK,CAAC"}

package/build/components/input/input.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useId } from "@refraktor/utils";
+import { createComponentConfig, factory, useProps } from "../../utils";
+import { InputWrapper } from "./input-wrapper";
+import { InputLabel } from "./input-label";
+import { InputDescription } from "./input-description";
+import { InputError } from "./input-error";
+import { InputField } from "./input-field";
+const defaultProps = {
+    variant: "default",
+    size: "md",
+    radius: "default"
+};
+const Input = factory((_props, ref) => {
+    const { id, label, description, error, required, withAsterisk, ...props } = useProps("Input", defaultProps, _props);
+    const _id = useId(id);
+    const hasWrapper = label || description || error;
+    if (!hasWrapper) {
+        return (_jsx(InputField, { ref: ref, id: _id, required: required, error: !!error, ...props }));
+    }
+    return (_jsx(InputWrapper, { label: label, description: description, error: error, required: required, withAsterisk: withAsterisk, inputId: _id, children: _jsx(InputField, { ref: ref, id: _id, required: required, error: !!error, "aria-describedby": error
+                ? `${_id}-error`
+                : description
+                    ? `${_id}-description`
+                    : undefined, ...props }) }));
+});
+Input.displayName = "@refraktor/core/Input";
+Input.configure = createComponentConfig();
+Input.Wrapper = InputWrapper;
+Input.Label = InputLabel;
+Input.Description = InputDescription;
+Input.Error = InputError;
+Input.Field = InputField;
+export default Input;

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

@@ -0,0 +1,85 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { RefraktorRadius, RefraktorSize } from "../../theme";
+import { createComponentConfig, FactoryPayload } from "../../utils";
+import { InputLabel } from "./input-label";
+import { InputDescription } from "./input-description";
+import { InputError } from "./input-error";
+import { InputField } from "./input-field";
+import { InputWrapper } from "./input-wrapper";
+export type InputVariant = "default" | "filled" | "outline";
+export type InputFieldClassNames = {
+    root?: string;
+    leftSection?: string;
+    rightSection?: string;
+};
+export interface InputWrapperProps extends ComponentPropsWithoutRef<"div"> {
+    /** Label text */
+    label?: ReactNode;
+    /** Description text displayed below the label */
+    description?: ReactNode;
+    /** Error message */
+    error?: ReactNode;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Display an asterisk next to the label */
+    withAsterisk?: boolean;
+    /** Input id for label association */
+    inputId?: string;
+    /** Children (input field) */
+    children: ReactNode;
+    /** Used for editing root class name */
+    className?: string;
+}
+export interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">, "size"> {
+    /** Input variant @default `default` */
+    variant?: InputVariant;
+    /** Input size @default `md` */
+    size?: RefraktorSize;
+    /** Input radius @default `md` */
+    radius?: RefraktorRadius;
+    /** Error state */
+    error?: boolean;
+    /** Left section content */
+    leftSection?: ReactNode;
+    /** Right section content */
+    rightSection?: ReactNode;
+    /** Used for editing root class name */
+    className?: string;
+    classNames?: InputFieldClassNames;
+}
+export interface InputProps extends Omit<InputFieldProps, "error"> {
+    /** Label text */
+    label?: ReactNode;
+    /** Description text */
+    description?: ReactNode;
+    /** Error message */
+    error?: ReactNode;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Display an asterisk next to the label */
+    withAsterisk?: boolean;
+}
+export interface InputFactoryPayload extends FactoryPayload {
+    props: InputProps;
+    ref: HTMLInputElement;
+    compound: {
+        configure: ReturnType<typeof createComponentConfig<InputProps>>;
+        Wrapper: typeof InputWrapper;
+        Label: typeof InputLabel;
+        Description: typeof InputDescription;
+        Error: typeof InputError;
+        Field: typeof InputField;
+    };
+}
+export interface InputWrapperFactoryPayload extends FactoryPayload {
+    props: InputWrapperProps;
+    ref: HTMLDivElement;
+}
+export interface InputFieldFactoryPayload extends FactoryPayload {
+    props: InputFieldProps;
+    ref: HTMLInputElement;
+    compound: {
+        configure: ReturnType<typeof createComponentConfig<InputFieldProps>>;
+    };
+}
+//# sourceMappingURL=input.types.d.ts.map

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

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

package/build/components/input/input.types.js

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

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

@@ -0,0 +1,3 @@
+export { default as Loader } from "./loader";
+export type { LoaderProps } from "./loader.types";
+//# sourceMappingURL=index.d.ts.map

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

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

package/build/components/loader/index.js

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

package/build/components/loader/loader.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../src/components/loader/loader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAe,MAAM,gBAAgB,CAAC;AAYnE,QAAA,MAAM,MAAM,0DAqEV,CAAC;AAKH,eAAe,MAAM,CAAC"}

package/build/components/loader/loader.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { createComponentConfig, cx, factory, useProps } from "../../utils";
+import { useId } from "@refraktor/utils";
+const defaultProps = {
+    size: 32,
+    color: "var(--refraktor-primary)",
+    speed: 1,
+    stroke: 3,
+    strokeLength: 0.6,
+    bgOpacity: 0.1
+};
+const Loader = factory((_props, ref) => {
+    const { id, size, color, speed, stroke, strokeLength, bgOpacity, className, ...props } = useProps("Loader", defaultProps, _props);
+    const _id = useId(id);
+    const radius = Math.max(0, size / 2 - stroke / 2);
+    const viewBoxSize = size;
+    const viewBox = `0 0 ${viewBoxSize} ${viewBoxSize}`;
+    const { dashArray } = useMemo(() => {
+        const r = Math.max(0, size / 2 - stroke / 2);
+        const c = 2 * Math.PI * r;
+        return { circumference: c, dashArray: `${c * strokeLength} ${c}` };
+    }, [size, stroke, strokeLength]);
+    const commonStyle = {
+        "--loader-speed": `${speed}s`
+    };
+    return (_jsx("div", { ref: ref, id: _id, className: cx("inline-flex items-center justify-center", className), role: "status", ...props, children: _jsxs("svg", { className: "loader-spin", viewBox: viewBox, width: size, height: size, style: commonStyle, children: [_jsx("circle", { cx: viewBoxSize / 2, cy: viewBoxSize / 2, r: radius, strokeWidth: stroke, fill: "none", className: "transition-colors duration-500 ease-in-out", style: {
+                        stroke: color,
+                        opacity: bgOpacity
+                    } }), _jsx("circle", { cx: viewBoxSize / 2, cy: viewBoxSize / 2, r: radius, strokeWidth: stroke, strokeDasharray: dashArray, strokeLinecap: "round", fill: "none", className: "transition-colors duration-500 ease-in-out", style: { stroke: color } })] }) }));
+});
+Loader.displayName = "@refraktor/core/Loader";
+Loader.configure = createComponentConfig();
+export default Loader;

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

@@ -0,0 +1,26 @@
+import { ComponentPropsWithoutRef } from "react";
+import { createComponentConfig, FactoryPayload } from "../../utils";
+export interface LoaderProps extends ComponentPropsWithoutRef<"div"> {
+    /** The size of the loader @default `32` */
+    size?: number;
+    /** The color of the loader @default `var(--refraktor-primary)` */
+    color?: string;
+    /** The speed of the loader @default `1` */
+    speed?: number;
+    /** The size of the stroke @default `3` */
+    stroke?: number;
+    /** The length of the stroke @default `0.6` */
+    strokeLength?: number;
+    /** The opacity of the background @default `0.1` */
+    bgOpacity?: number;
+    /** Used for editing root class name */
+    className?: string;
+}
+export interface LoaderFactoryPayload extends FactoryPayload {
+    props: LoaderProps;
+    ref: HTMLDivElement;
+    compound: {
+        configure: ReturnType<typeof createComponentConfig<LoaderProps>>;
+    };
+}
+//# sourceMappingURL=loader.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loader.types.d.ts","sourceRoot":"","sources":["../../../src/components/loader/loader.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEpE,MAAM,WAAW,WAAY,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAChE,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;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;KACpE,CAAC;CACL"}

package/build/components/loader/loader.types.js

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

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

@@ -0,0 +1,11 @@
+export { default as Menu } from "./menu";
+export { MenuTrigger } from "./menu-trigger";
+export { MenuDropdown } from "./menu-dropdown";
+export { MenuItem } from "./menu-item";
+export { MenuLabel } from "./menu-label";
+export { MenuSeparator } from "./menu-separator";
+export { MenuSub } from "./menu-sub";
+export { MenuSubTrigger } from "./menu-sub-trigger";
+export { MenuSubDropdown } from "./menu-sub-dropdown";
+export type { MenuProps, MenuTriggerProps, MenuDropdownProps, MenuItemProps, MenuLabelProps, MenuSeparatorProps, MenuSubProps, MenuSubTriggerProps, MenuSubDropdownProps, MenuClassNames, MenuPositioning, MenuMiddlewares, MenuTriggerType } from "./menu.types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EACR,SAAS,EACT,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EAClB,MAAM,cAAc,CAAC"}

package/build/components/menu/index.js

@@ -0,0 +1,9 @@
+export { default as Menu } from "./menu";
+export { MenuTrigger } from "./menu-trigger";
+export { MenuDropdown } from "./menu-dropdown";
+export { MenuItem } from "./menu-item";
+export { MenuLabel } from "./menu-label";
+export { MenuSeparator } from "./menu-separator";
+export { MenuSub } from "./menu-sub";
+export { MenuSubTrigger } from "./menu-sub-trigger";
+export { MenuSubDropdown } from "./menu-sub-dropdown";

package/build/components/menu/menu-dropdown/index.d.ts

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

package/build/components/menu/menu-dropdown/index.d.ts.map

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

package/build/components/menu/menu-dropdown/index.js

@@ -0,0 +1 @@
+export { default as MenuDropdown } from "./menu-dropdown";

package/build/components/menu/menu-dropdown/menu-dropdown.d.ts

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

package/build/components/menu/menu-dropdown/menu-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menu-dropdown/menu-dropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAgB3D,QAAA,MAAM,YAAY,mEAmMjB,CAAC;AAIF,eAAe,YAAY,CAAC"}