@homonoid/react 0.0.0-stage → 0.1.0

package/dist/components/dropdown/DropdownContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownContext.js","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownContext.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EACL,aAAa,EACb,UAAU,GAGX,MAAM,OAAO,CAAC;AA+Bf,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAA8B,IAAI,CAAC,CAAC;AAEhF,MAAM,UAAU,kBAAkB;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAC5C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,6EAA6E,CAC9E,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/components/dropdown/DropdownGroup.d.ts

@@ -0,0 +1,3 @@
+import type { DropdownGroupProps } from "./types";
+export declare const DropdownGroup: import("react").ForwardRefExoticComponent<Omit<DropdownGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DropdownGroup.d.ts.map

package/dist/components/dropdown/DropdownGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownGroup.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,aAAa,4HAazB,CAAC"}

package/dist/components/dropdown/DropdownGroup.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../utils/cn";
+export const DropdownGroup = forwardRef(function DropdownGroup({ children, className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, role: "group", className: cn("flex flex-col gap-0.5", className), ...props, children: children }));
+});
+DropdownGroup.displayName = "Dropdown.Group";
+//# sourceMappingURL=DropdownGroup.js.map

package/dist/components/dropdown/DropdownGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownGroup.js","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAGpC,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,SAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC3D,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,KAC7C,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/components/dropdown/DropdownItem.d.ts

@@ -0,0 +1,3 @@
+import type { DropdownItemProps } from "./types";
+export declare const DropdownItem: import("react").ForwardRefExoticComponent<Omit<DropdownItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DropdownItem.d.ts.map

package/dist/components/dropdown/DropdownItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownItem.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,YAAY,2HA4DxB,CAAC"}

package/dist/components/dropdown/DropdownItem.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Tile } from "../tile/Tile";
+import { useDropdownContext } from "./DropdownContext";
+import { cn } from "../../utils/cn";
+import { cond } from "../../utils/condition";
+export const DropdownItem = forwardRef(function DropdownItem({ onSelect, onClick, disabled = false, color = "surface", closeOnSelect = true, leading, trailing, label, description, children, className, ...props }, ref) {
+    const { setOpen, size, radius, getItemProps } = useDropdownContext();
+    const labelContent = label || cond(typeof children === "string", children, undefined);
+    const tileChildren = cond(typeof children === "string", null, children);
+    const handleClick = (event) => {
+        if (disabled)
+            return;
+        onClick?.(event);
+        onSelect?.(event.nativeEvent);
+        if (closeOnSelect) {
+            setOpen(false);
+        }
+    };
+    const itemProps = getItemProps({
+        onClick: handleClick,
+    });
+    return (_jsx(Tile, { ref: ref, as: "div", role: "menuitem", "aria-disabled": cond(disabled, true, undefined), variant: "plain", color: color, size: size, radius: radius, disabled: disabled, interactive: !disabled, leading: leading, label: labelContent, description: description, trailing: trailing, className: cn("w-full select-none", className), ...itemProps, ...props, children: tileChildren }));
+});
+DropdownItem.displayName = "Dropdown.Item";
+//# sourceMappingURL=DropdownItem.js.map

package/dist/components/dropdown/DropdownItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownItem.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAmB,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,SAAS,YAAY,CACnB,EACE,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,SAAS,EACjB,aAAa,GAAG,IAAI,EACpB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAErE,MAAM,YAAY,GAAG,KAAK,IAAI,IAAI,CAAC,OAAO,QAAQ,KAAK,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;IACtF,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,QAAQ,KAAK,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;IAExE,MAAM,WAAW,GAAG,CAAC,KAAiC,EAAE,EAAE;QACxD,IAAI,QAAQ;YAAE,OAAO;QACrB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACjB,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAC9B,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,YAAY,CAAC;QAC7B,OAAO,EAAE,WAAW;KACrB,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,UAAU,mBACA,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC,EAC9C,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,CAAC,QAAQ,EACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,KAC1C,SAAS,KACT,KAAK,YAER,YAAY,GACR,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/components/dropdown/DropdownList.d.ts

@@ -0,0 +1,3 @@
+import type { DropdownListProps } from "./types";
+export declare const DropdownList: import("react").ForwardRefExoticComponent<Omit<DropdownListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DropdownList.d.ts.map

package/dist/components/dropdown/DropdownList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownList.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,YAAY,2HAqBxB,CAAC"}

package/dist/components/dropdown/DropdownList.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { useDropdownContext } from "./DropdownContext";
+import { cn } from "../../utils/cn";
+export const DropdownList = forwardRef(function DropdownList({ children, className, ...props }, ref) {
+    const { menuId, triggerId } = useDropdownContext();
+    return (_jsx("div", { ref: ref, id: menuId, role: "menu", "aria-labelledby": triggerId, tabIndex: -1, className: cn("relative flex max-h-72 flex-col overflow-y-auto p-0.5 gap-0.5 select-none focus:outline-none", className), ...props, children: children }));
+});
+DropdownList.displayName = "Dropdown.List";
+//# sourceMappingURL=DropdownList.js.map

package/dist/components/dropdown/DropdownList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownList.js","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAGpC,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,SAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC1D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEnD,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,MAAM,EACV,IAAI,EAAC,MAAM,qBACM,SAAS,EAC1B,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,EAAE,CACX,8FAA8F,EAC9F,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/components/dropdown/DropdownShortcut.d.ts

@@ -0,0 +1,3 @@
+import type { DropdownShortcutProps } from "./types";
+export declare const DropdownShortcut: import("react").ForwardRefExoticComponent<Omit<DropdownShortcutProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=DropdownShortcut.d.ts.map

package/dist/components/dropdown/DropdownShortcut.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownShortcut.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownShortcut.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGrD,eAAO,MAAM,gBAAgB,4HA2B5B,CAAC"}

package/dist/components/dropdown/DropdownShortcut.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Kbd } from "../kbd/Kbd";
+import { cn } from "../../utils/cn";
+export const DropdownShortcut = forwardRef(function DropdownShortcut({ children, className, size = "md", variant = "plain", ...props }, ref) {
+    return (_jsx(Kbd, { ref: ref, size: size, variant: variant, "data-slot": "shortcut", className: cn("ml-auto px-0 tracking-widest", className), ...props, children: children }));
+});
+DropdownShortcut.displayName = "Dropdown.Shortcut";
+//# sourceMappingURL=DropdownShortcut.js.map

package/dist/components/dropdown/DropdownShortcut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownShortcut.js","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownShortcut.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAIpC,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACxC,SAAS,gBAAgB,CACvB,EACE,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,OAAO,EACjB,GAAG,KAAK,EACT,EACD,GAAG;IAEH,OAAO,CACL,KAAC,GAAG,IACF,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,eACN,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,8BAA8B,EAC9B,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/dist/components/dropdown/DropdownTrigger.d.ts

@@ -0,0 +1,3 @@
+import type { DropdownTriggerProps } from "./types";
+export declare const DropdownTrigger: import("react").ForwardRefExoticComponent<Omit<DropdownTriggerProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=DropdownTrigger.d.ts.map

package/dist/components/dropdown/DropdownTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownTrigger.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,eAAe,2HA2E3B,CAAC"}

package/dist/components/dropdown/DropdownTrigger.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, cloneElement, isValidElement, Children, } from "react";
+import { useMergeRefs } from "@floating-ui/react";
+import { useDropdownContext } from "./DropdownContext";
+import { cn } from "../../utils/cn";
+import { all, cond } from "../../utils/condition";
+export const DropdownTrigger = forwardRef(function DropdownTrigger({ children, asChild = false, className, ...props }, ref) {
+    const { setReference, getReferenceProps, open, menuId, triggerId, disabled } = useDropdownContext();
+    const ariaProps = {
+        id: triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        "aria-controls": cond(open, menuId, undefined),
+        "data-state": cond(open, "open", "closed"),
+        disabled,
+        "aria-disabled": cond(disabled, true, undefined),
+    };
+    const childList = Children.toArray(children);
+    const hasSingleElement = all(childList.length === 1, isValidElement(childList[0]));
+    const shouldClone = cond(asChild, true, cond(isValidElement(children), true, hasSingleElement));
+    if (shouldClone) {
+        const child = cond(isValidElement(children), children, childList[0]);
+        const childRef = child.props?.ref;
+        const mergedRef = useMergeRefs([setReference, ref, childRef]);
+        const referenceProps = getReferenceProps({
+            ...ariaProps,
+            ...child.props,
+            ...props,
+            className: cn(child.props.className, className),
+            onClick(event) {
+                if (disabled) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    return;
+                }
+                child.props.onClick?.(event);
+                props.onClick?.(event);
+            },
+        });
+        return cloneElement(child, {
+            ...referenceProps,
+            ref: mergedRef,
+        });
+    }
+    const mergedRef = useMergeRefs([setReference, ref]);
+    return (_jsx("button", { ref: mergedRef, type: "button", id: triggerId, disabled: disabled, "aria-disabled": cond(disabled, true, undefined), ...getReferenceProps({
+            ...ariaProps,
+            ...props,
+            onClick(event) {
+                if (disabled) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    return;
+                }
+                props.onClick?.(event);
+            },
+        }), className: cn("inline-flex items-center justify-center font-medium select-none focus-ring cursor-pointer disabled:pointer-events-none disabled:opacity-50", className), children: children }));
+});
+DropdownTrigger.displayName = "Dropdown.Trigger";
+//# sourceMappingURL=DropdownTrigger.js.map

package/dist/components/dropdown/DropdownTrigger.js.map

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

package/dist/components/dropdown/index.d.ts

@@ -0,0 +1,10 @@
+export { Dropdown } from "./Dropdown";
+export { DropdownTrigger } from "./DropdownTrigger";
+export { DropdownContent } from "./DropdownContent";
+export { DropdownList } from "./DropdownList";
+export { DropdownItem } from "./DropdownItem";
+export { DropdownGroup } from "./DropdownGroup";
+export { DropdownShortcut } from "./DropdownShortcut";
+export { DropdownContext, useDropdownContext } from "./DropdownContext";
+export type { DropdownProps, DropdownTriggerProps, DropdownContentProps, DropdownListProps, DropdownItemProps, DropdownGroupProps, DropdownShortcutProps, DropdownSize, DropdownRadius, DropdownColor, } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACxE,YAAY,EACV,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,YAAY,EACZ,cAAc,EACd,aAAa,GACd,MAAM,SAAS,CAAC"}

package/dist/components/dropdown/index.js

@@ -0,0 +1,9 @@
+export { Dropdown } from "./Dropdown";
+export { DropdownTrigger } from "./DropdownTrigger";
+export { DropdownContent } from "./DropdownContent";
+export { DropdownList } from "./DropdownList";
+export { DropdownItem } from "./DropdownItem";
+export { DropdownGroup } from "./DropdownGroup";
+export { DropdownShortcut } from "./DropdownShortcut";
+export { DropdownContext, useDropdownContext } from "./DropdownContext";
+//# sourceMappingURL=index.js.map

package/dist/components/dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/dropdown/types.d.ts

@@ -0,0 +1,165 @@
+import type { CSSProperties, HTMLAttributes, MouseEvent, ReactNode, Ref } from "react";
+import type { Placement } from "@floating-ui/react";
+import type { Radius, Size } from "../../types";
+import type { KbdProps } from "../kbd/types";
+export type DropdownSize = Size;
+export type DropdownRadius = Radius;
+export type DropdownColor = "surface" | "subtle" | "primary" | "destructive";
+export interface DropdownProps {
+    /**
+     * Controlled open state.
+     */
+    open?: boolean;
+    /**
+     * Initial uncontrolled open state.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Callback fired when open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Preferred floating placement relative to trigger.
+     * @default "bottom-start"
+     */
+    placement?: Placement;
+    /**
+     * Distance in pixels between trigger and floating menu surface.
+     * @default 8
+     */
+    offset?: number;
+    /**
+     * Spatial density scale passed down to menu items.
+     * @default "md"
+     */
+    size?: DropdownSize;
+    /**
+     * Corner radius token applied to the menu surface.
+     * @default "lg"
+     */
+    radius?: DropdownRadius;
+    /**
+     * Whether the dropdown menu is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Custom id for DOM association.
+     */
+    id?: string;
+    /**
+     * Dropdown subcomponents or child nodes.
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS classes.
+     */
+    className?: string;
+}
+export interface DropdownTriggerProps extends HTMLAttributes<HTMLElement> {
+    ref?: Ref<HTMLElement>;
+    /**
+     * Pass Floating UI trigger props and ref directly into the single child element.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * Trigger content.
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS classes.
+     */
+    className?: string;
+}
+export interface DropdownContentProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+    /**
+     * Menu content children.
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS classes.
+     */
+    className?: string;
+    /**
+     * Inline styles.
+     */
+    style?: CSSProperties;
+}
+export interface DropdownListProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+    /**
+     * List item children.
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS classes.
+     */
+    className?: string;
+}
+export interface DropdownItemProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    ref?: Ref<HTMLDivElement>;
+    /**
+     * Action callback executed upon clicking or keyboard activation.
+     */
+    onSelect?: (event: Event) => void;
+    /**
+     * Click event handler.
+     */
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Visual intent color for the item.
+     * @default "surface"
+     */
+    color?: DropdownColor;
+    /**
+     * Leading accessory slot such as an icon.
+     */
+    leading?: ReactNode;
+    /**
+     * Trailing accessory slot such as a keyboard shortcut badge.
+     */
+    trailing?: ReactNode;
+    /**
+     * Primary title copy.
+     */
+    label?: ReactNode;
+    /**
+     * Secondary supporting text.
+     */
+    description?: ReactNode;
+    /**
+     * Whether the item is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether activating the item automatically dismisses the dropdown menu.
+     * @default true
+     */
+    closeOnSelect?: boolean;
+    /**
+     * Arbitrary children if not using label prop.
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS classes.
+     */
+    className?: string;
+}
+export interface DropdownGroupProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+    /**
+     * Group children.
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS classes.
+     */
+    className?: string;
+}
+export interface DropdownShortcutProps extends KbdProps {
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/dropdown/types.d.ts.map

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

package/dist/components/dropdown/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/dropdown/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/dropdown/types.ts"],"names":[],"mappings":""}

package/dist/components/heading/Heading.d.ts

@@ -0,0 +1,6 @@
+import type { HeadingProps } from "./types";
+export declare const variants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const Heading: import("react").ForwardRefExoticComponent<Omit<HeadingProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+//# sourceMappingURL=Heading.d.ts.map

package/dist/components/heading/Heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,QAAQ;;8EAYnB,CAAC;AAEH,eAAO,MAAM,OAAO,0HAalB,CAAC"}

package/dist/components/heading/Heading.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../utils/cn";
+export const variants = cva("font-bold tracking-tight text-foreground", {
+    variants: {
+        size: {
+            sm: "text-base font-semibold",
+            md: "text-lg font-bold tracking-tight",
+            lg: "text-2xl font-bold tracking-tight",
+            xl: "text-3xl font-bold tracking-tight",
+        },
+    },
+    defaultVariants: {
+        size: "lg",
+    },
+});
+export const Heading = forwardRef(function Heading({ as: Component = "h1", size, className, children, ...props }, ref) {
+    return (_jsx(Component, { ref: ref, className: cn(variants({ size }), className), ...props, children: children }));
+});
+Heading.displayName = "Heading";
+//# sourceMappingURL=Heading.js.map

package/dist/components/heading/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAGpC,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAC,0CAA0C,EAAE;IACtE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,yBAAyB;YAC7B,EAAE,EAAE,kCAAkC;YACtC,EAAE,EAAE,mCAAmC;YACvC,EAAE,EAAE,mCAAmC;SACxC;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAmC,SAAS,OAAO,CAClF,EAAE,EAAE,EAAE,SAAS,GAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC7D,GAAG;IAEH,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACxC,KAAK,YAER,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/components/heading/index.d.ts

@@ -0,0 +1,3 @@
+export { Heading, variants as headingVariants } from "./Heading";
+export type { HeadingProps, HeadingSize } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/heading/index.d.ts.map

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

package/dist/components/heading/index.js

@@ -0,0 +1,2 @@
+export { Heading, variants as headingVariants } from "./Heading";
+//# sourceMappingURL=index.js.map

package/dist/components/heading/index.js.map

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

package/dist/components/heading/types.d.ts

@@ -0,0 +1,28 @@
+import type { ElementType, HTMLAttributes, ReactNode, Ref } from "react";
+import type { Size } from "../../types";
+export type HeadingSize = Size | "xl";
+export interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * Ref forwarded to the underlying heading element.
+     */
+    ref?: Ref<HTMLHeadingElement>;
+    /**
+     * The polymorphic element type to render.
+     * @default "h1"
+     */
+    as?: ElementType;
+    /**
+     * Typographic scale size.
+     * - `sm`: 1.0rem (16px), font-semibold
+     * - `md`: 1.125rem (18px), font-bold tracking-tight
+     * - `lg`: 1.5rem (24px), font-bold tracking-tight
+     * - `xl`: 1.875rem (30px), font-bold tracking-tight
+     * @default "lg"
+     */
+    size?: HeadingSize;
+    /**
+     * Heading content.
+     */
+    children?: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/heading/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/heading/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,kBAAkB,CAAC;IACtE;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC,CAAC;IAE9B;;;OAGG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/components/heading/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/heading/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/heading/types.ts"],"names":[],"mappings":""}

package/dist/components/input/Input.d.ts

@@ -0,0 +1,10 @@
+import type { InputProps } from "./types";
+export declare const variants: (props?: ({
+    variant?: "contained" | "outlined" | "plain" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    radius?: "sm" | "md" | "lg" | "none" | "full" | null | undefined;
+    invalid?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Input.d.ts.map

package/dist/components/input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,QAAQ;;;;;;8EAkDpB,CAAC;AAEF,eAAO,MAAM,KAAK,sHAqJhB,CAAC"}

package/dist/components/input/Input.js

@@ -0,0 +1,101 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId, useRef } from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../utils/cn";
+import { any, cond, when } from "../../utils/condition";
+export const variants = cva("relative w-full inline-flex items-center transform-gpu origin-center transition-[color,background-color,border-color,opacity] duration-[var(--motion-duration-fast)] ease-[var(--motion-easing)]", {
+    variants: {
+        variant: {
+            outlined: "border border-border bg-transparent hover:border-foreground/30 focus-within:border-primary focus-within:hover:border-primary",
+            contained: "border border-transparent bg-surface hover:bg-surface-hover focus-within:border-primary",
+            plain: "border border-transparent bg-transparent hover:bg-surface-hover",
+        },
+        size: {
+            sm: "h-control-sm px-2.5 gap-2 text-xs",
+            md: "h-control-md px-3 gap-2.5 text-sm",
+            lg: "h-control-lg px-3.5 gap-3 text-base",
+        },
+        radius: {
+            none: "rounded-none",
+            sm: "rounded-md",
+            md: "rounded-lg",
+            lg: "rounded-xl",
+            full: "rounded-full",
+        },
+        invalid: {
+            true: "border-destructive/30 hover:border-destructive hover:focus-within:border-destructive focus-within:border-destructive",
+            false: "",
+        },
+        disabled: {
+            true: "opacity-50 cursor-not-allowed pointer-events-none bg-surface/50",
+            false: "cursor-text",
+        },
+    },
+    compoundVariants: [
+        {
+            invalid: true,
+            variant: "contained",
+            className: "border-destructive focus-within:border-destructive bg-destructive/10 hover:bg-destructive/20",
+        },
+        {
+            invalid: true,
+            variant: "plain",
+            className: "border-transparent hover:border-transparent hover:bg-destructive/20 focus-within:border-transparent focus-within:hover:border-transparent focus-within:ring-transparent",
+        },
+    ],
+    defaultVariants: {
+        variant: "outlined",
+        size: "md",
+        radius: "lg",
+        invalid: false,
+        disabled: false,
+    },
+});
+export const Input = forwardRef(function Input({ id, variant = "outlined", size = "md", radius = "md", label, description, error, invalid = false, leading, trailing, disabled = false, className, ...props }, ref) {
+    const generatedId = useId();
+    const inputId = id || generatedId;
+    const labelId = `${inputId}-label`;
+    const descriptionId = `${inputId}-desc`;
+    const errorId = `${inputId}-error`;
+    const innerRef = useRef(null);
+    const isInvalid = any(invalid, Boolean(error));
+    const setRefs = (element) => {
+        innerRef.current = element;
+        if (!ref)
+            return;
+        if (typeof ref === "function") {
+            ref(element);
+        }
+        else {
+            ref.current = element;
+        }
+    };
+    const handleContainerClick = (e) => {
+        if (e.target !== innerRef.current && !e.target.closest("button, a, input")) {
+            innerRef.current?.focus();
+        }
+    };
+    // Accessibility bindings
+    const userDescribedBy = props["aria-describedby"];
+    const describedByParts = [
+        userDescribedBy,
+        error ? errorId : undefined,
+        description ? descriptionId : undefined
+    ].filter(Boolean);
+    const finalDescribedBy = describedByParts.length > 0 ? describedByParts.join(" ") : undefined;
+    const controlContainer = (_jsxs("div", { onClick: handleContainerClick, className: cn(variants({
+            variant,
+            size,
+            radius,
+            invalid: isInvalid,
+            disabled,
+        }), cond(!label && !description && !error, className, undefined)), children: [_jsx("input", { ref: setRefs, id: inputId, disabled: disabled, "aria-invalid": cond(isInvalid, true, undefined), "aria-describedby": finalDescribedBy, className: cn("order-2 flex-1 w-full min-w-0 bg-transparent outline-none focus:outline-none focus:ring-0 disabled:cursor-not-allowed selection:bg-primary/30 [&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none", cond(isInvalid, "text-destructive placeholder:text-destructive/60", "text-foreground placeholder:text-muted")), ...props }), when(leading, _jsx("span", { "data-slot": "input-leading", className: "order-1 inline-flex shrink-0 items-center justify-center pointer-events-none [&_button]:pointer-events-auto [&_a]:pointer-events-auto [&_input]:pointer-events-auto", children: leading })), when(trailing, _jsx("span", { "data-slot": "input-trailing", className: "order-3 inline-flex shrink-0 items-center justify-center pointer-events-none [&_button]:pointer-events-auto [&_a]:pointer-events-auto [&_input]:pointer-events-auto", children: trailing }))] }));
+    // If no label, description, or error message, return the container directly
+    if (!label && !description && !error) {
+        return controlContainer;
+    }
+    // Composed layout with label and helper/error captions
+    return (_jsxs("div", { className: cn("w-full flex flex-col gap-1.5 select-none", className), children: [when(label, _jsx("label", { id: labelId, htmlFor: inputId, className: cn("font-medium", cond(isInvalid, "text-destructive", "text-foreground"), cond(size === "sm", "text-xs", "text-sm"), cond(disabled, "opacity-60 cursor-not-allowed", "cursor-pointer")), children: label })), controlContainer, when(error, _jsx("span", { id: errorId, className: "text-xs text-destructive font-medium leading-normal", children: error })), when(!error && description, _jsx("span", { id: descriptionId, className: "text-xs text-muted leading-normal", children: description }))] }));
+});
+//# sourceMappingURL=Input.js.map