@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/ui/autocomplete.js

@@ -1,149 +1,138 @@
 "use client";
-import { jsxs as j, jsx as d } from "react/jsx-runtime";
-import * as t from "react";
-import { cn as p } from "./lib/utils.js";
-import { tweens as L, springs as P } from "./lib/motion.js";
-import { A as q, m as v } from "../_chunks/framer.js";
-const z = {
-  hidden: {},
-  visible: { transition: { staggerChildren: 0.03 } }
-}, B = {
-  hidden: { opacity: 0, y: 4 },
-  visible: { opacity: 1, y: 0, transition: P.snappy }
-}, F = t.forwardRef(
-  ({
-    options: b,
-    value: u,
-    onValueChange: g,
-    placeholder: I,
-    emptyText: R = "No options",
-    disabled: y,
-    className: A,
-    id: C,
-    ...E
-  }, i) => {
-    const N = t.useId(), x = C || N, w = `${x}-listbox`, k = `${x}-option`, [f, h] = t.useState(u?.label ?? ""), [l, r] = t.useState(!1), [s, o] = t.useState(-1), $ = t.useRef(null), M = t.useRef(null), D = t.useRef(null), S = t.useCallback(
-      (e) => {
-        $.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
-      },
-      [i]
-    );
-    t.useEffect(() => {
-      h(u?.label ?? "");
-    }, [u]), t.useEffect(() => () => {
-    }, []);
-    const n = t.useMemo(
-      () => f ? b.filter((e) => e.label.toLowerCase().includes(f.toLowerCase())) : b,
-      [b, f]
-    ), m = t.useCallback(
-      (e) => {
-        h(e.label), r(!1), o(-1), g?.(e);
-      },
-      [g]
-    ), K = t.useCallback(
-      (e) => {
-        if (!l) {
-          (e.key === "ArrowDown" || e.key === "Enter") && r(!0);
-          return;
-        }
-        switch (e.key) {
-          case "ArrowDown":
-            e.preventDefault(), o((a) => Math.min(a + 1, n.length - 1));
-            break;
-          case "ArrowUp":
-            e.preventDefault(), o((a) => Math.max(a - 1, 0));
-            break;
-          case "Enter":
-            e.preventDefault(), s >= 0 && n[s] && m(n[s]);
-            break;
-          case "Escape":
-            r(!1), o(-1);
-            break;
-        }
-      },
-      [l, n, s, m]
-    ), O = s >= 0 ? `${k}-${s}` : void 0;
-    return /* @__PURE__ */ j("div", { ref: D, className: p("relative", A), ...E, children: [
-      /* @__PURE__ */ d(
-        "input",
-        {
-          ref: S,
-          type: "text",
-          role: "combobox",
-          "aria-expanded": l,
-          "aria-autocomplete": "list",
-          "aria-controls": l ? w : void 0,
-          "aria-activedescendant": O,
-          value: f,
-          placeholder: I,
-          disabled: y,
-          className: p(
-            "flex h-ds-md w-full rounded-ds-md border border-surface-border-strong bg-surface-raised-hover px-ds-04 py-ds-03 font-sans text-ds-md text-surface-fg placeholder:text-surface-fg-subtle",
-            "outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-[var(--border-focus-offset)]",
-            "transition-colors duration-fast-01",
-            y && "opacity-action-disabled cursor-not-allowed"
-          ),
-          onChange: (e) => {
-            h(e.target.value), r(!0), o(-1);
-          },
-          onFocus: () => r(!0),
-          onBlur: (e) => {
-            D.current?.contains(e.relatedTarget) || r(!1);
-          },
-          onKeyDown: K
-        }
-      ),
-      /* @__PURE__ */ d(q, { children: l && /* @__PURE__ */ d(
-        v.ul,
-        {
-          id: w,
-          ref: M,
-          role: "listbox",
-          initial: "hidden",
-          animate: "visible",
-          exit: "hidden",
-          variants: z,
-          className: p(
-            "absolute z-popover mt-ds-02 w-full overflow-auto rounded-ds-md border border-surface-border-strong bg-surface-overlay shadow-raised-hover",
-            "max-h-60"
-          ),
-          children: n.length === 0 ? /* @__PURE__ */ d(
-            v.li,
-            {
-              initial: { opacity: 0 },
-              animate: { opacity: 1 },
-              transition: L.fade,
-              className: "px-ds-04 py-ds-03 text-ds-md text-surface-fg-muted",
-              children: R
-            }
-          ) : n.map((e, a) => /* @__PURE__ */ d(
-            v.li,
-            {
-              id: `${k}-${a}`,
-              role: "option",
-              "aria-selected": s === a,
-              variants: B,
-              className: p(
-                "cursor-pointer px-ds-04 py-ds-03 text-ds-md text-surface-fg transition-colors duration-fast-01",
-                s === a && "bg-accent-3",
-                u?.value === e.value && "font-semibold"
-              ),
-              onMouseDown: (c) => c.preventDefault(),
-              onClick: () => m(e),
-              onKeyDown: (c) => {
-                (c.key === "Enter" || c.key === " ") && (c.preventDefault(), m(e));
-              },
-              onMouseEnter: () => o(a),
-              children: e.label
-            },
-            e.value
-          ))
-        }
-      ) })
-    ] });
-  }
-);
-F.displayName = "Autocomplete";
-export {
-  F as Autocomplete
-};
+import { an as e, cn as t, in as n, nn as r, rn as i, tn as a } from "../_chunks/primitives.js";
+import { a as o, c as s } from "../_chunks/framer.js";
+import { springs as c, tweens as l } from "./lib/motion.js";
+import { cn as u } from "./lib/utils.js";
+import { useFormField as d } from "./form.js";
+import * as f from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { createPortal as h } from "react-dom";
+//#region src/ui/autocomplete.tsx
+var g = {
+	hidden: {},
+	visible: { transition: { staggerChildren: .03 } }
+}, _ = {
+	hidden: {
+		opacity: 0,
+		y: 4
+	},
+	visible: {
+		opacity: 1,
+		y: 0,
+		transition: c.snappy
+	}
+}, v = f.forwardRef(({ options: c, value: v, onValueChange: y, placeholder: b, emptyText: x = "No options", disabled: S, className: C, id: w, ...T }, E) => {
+	let D = f.useId(), O = w || D, k = `${O}-listbox`, A = `${O}-option`, [j, M] = f.useState(v?.label ?? ""), [N, P] = f.useState(!1), [F, I] = f.useState(-1), L = f.useRef(null), R = f.useRef(null), z = f.useRef(null), B = f.useRef(null), { refs: V, floatingStyles: H } = e({
+		open: N,
+		placement: "bottom-start",
+		whileElementsMounted: t,
+		middleware: [
+			r(4),
+			a(),
+			i(),
+			n({ apply({ availableHeight: e, rects: t, elements: n }) {
+				Object.assign(n.floating.style, {
+					maxHeight: `${Math.min(e, 240)}px`,
+					width: `${t.reference.width}px`
+				});
+			} })
+		]
+	}), U = f.useCallback((e) => {
+		L.current = e, V.setReference(e), typeof E == "function" ? E(e) : E && (E.current = e);
+	}, [E, V]), W = f.useCallback((e) => {
+		R.current = e, B.current = e, V.setFloating(e);
+	}, [V]);
+	f.useEffect(() => {
+		M(v?.label ?? "");
+	}, [v]), f.useEffect(() => () => {}, []);
+	let G = f.useMemo(() => j ? c.filter((e) => e.label.toLowerCase().includes(j.toLowerCase())) : c, [c, j]), K = f.useCallback((e) => {
+		M(e.label), P(!1), I(-1), y?.(e);
+	}, [y]), q = f.useCallback((e) => {
+		if (!N) {
+			(e.key === "ArrowDown" || e.key === "Enter") && P(!0);
+			return;
+		}
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), I((e) => Math.min(e + 1, G.length - 1));
+				break;
+			case "ArrowUp":
+				e.preventDefault(), I((e) => Math.max(e - 1, 0));
+				break;
+			case "Enter":
+				e.preventDefault(), F >= 0 && G[F] && K(G[F]);
+				break;
+			case "Escape":
+				P(!1), I(-1);
+				break;
+		}
+	}, [
+		N,
+		G,
+		F,
+		K
+	]), J = d(), Y = J.state === "error", X = J.helperTextId, Z = J.required, Q = F >= 0 ? `${A}-${F}` : void 0;
+	return /* @__PURE__ */ m("div", {
+		ref: z,
+		className: u("relative", C),
+		...T,
+		children: [/* @__PURE__ */ p("input", {
+			ref: U,
+			type: "text",
+			role: "combobox",
+			"aria-expanded": N,
+			"aria-autocomplete": "list",
+			"aria-controls": N ? k : void 0,
+			"aria-activedescendant": Q,
+			"aria-invalid": Y || void 0,
+			"aria-describedby": X,
+			"aria-required": Z || void 0,
+			value: j,
+			placeholder: b,
+			disabled: S,
+			className: u("flex h-ds-md w-full rounded-ds-md border border-surface-border-strong bg-surface-raised-hover px-ds-04 py-ds-03 font-sans text-ds-md text-surface-fg placeholder:text-surface-fg-subtle", "outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-[var(--border-focus-offset)]", "transition-colors duration-fast-01", S && "opacity-action-disabled cursor-not-allowed"),
+			onChange: (e) => {
+				M(e.target.value), P(!0), I(-1);
+			},
+			onFocus: () => P(!0),
+			onBlur: (e) => {
+				let t = e.relatedTarget;
+				!z.current?.contains(t) && !B.current?.contains(t) && P(!1);
+			},
+			onKeyDown: q
+		}), typeof document < "u" && h(/* @__PURE__ */ p(s, { children: N && /* @__PURE__ */ p(o.ul, {
+			id: k,
+			ref: W,
+			role: "listbox",
+			initial: "hidden",
+			animate: "visible",
+			exit: "hidden",
+			variants: g,
+			style: H,
+			className: u("z-popover overflow-auto rounded-ds-md border border-surface-border-strong bg-surface-overlay shadow-raised-hover"),
+			children: G.length === 0 ? /* @__PURE__ */ p(o.li, {
+				initial: { opacity: 0 },
+				animate: { opacity: 1 },
+				transition: l.fade,
+				className: "px-ds-04 py-ds-03 text-ds-md text-surface-fg-muted",
+				children: x
+			}) : G.map((e, t) => /* @__PURE__ */ p(o.li, {
+				id: `${A}-${t}`,
+				role: "option",
+				"aria-selected": F === t,
+				variants: _,
+				className: u("cursor-pointer px-ds-04 py-ds-03 text-ds-md text-surface-fg transition-colors duration-fast-01", F === t && "bg-accent-3", v?.value === e.value && "font-semibold"),
+				onMouseDown: (e) => e.preventDefault(),
+				onClick: () => K(e),
+				onKeyDown: (t) => {
+					(t.key === "Enter" || t.key === " ") && (t.preventDefault(), K(e));
+				},
+				onMouseEnter: () => I(t),
+				children: e.label
+			}, e.value))
+		}) }), document.body)]
+	});
+});
+v.displayName = "Autocomplete";
+//#endregion
+export { v as Autocomplete };

package/dist/ui/autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.js","names":[],"sources":["../../src/ui/autocomplete.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { createPortal } from 'react-dom'\nimport { useFloating, offset, flip, shift, size, autoUpdate } from '@floating-ui/react-dom'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { cn } from './lib/utils'\nimport { springs, tweens } from './lib/motion'\nimport { useFormField } from './form'\n\nconst listVariants = {\n  hidden: {},\n  visible: { transition: { staggerChildren: 0.03 } },\n}\n\nconst itemVariants = {\n  hidden: { opacity: 0, y: 4 },\n  visible: { opacity: 1, y: 0, transition: springs.snappy },\n}\n\ntype AutocompleteOption = {\n  label: string\n  value: string\n}\n\n/**\n * Props for Autocomplete — a free-text input with a live-filtered dropdown list, keyboard\n * navigation, and ARIA combobox semantics. Suitable for \"type to search\" fields where the\n * full list is known ahead of time (client-side filtering only).\n *\n * **Key distinction from Combobox:** Autocomplete allows free-text input (no forced selection),\n * while `<Combobox>` enforces selection from the list. Use Autocomplete for search-as-you-type\n * with suggestions; use Combobox for structured single or multi-select dropdowns.\n *\n * **`value`:** A full `AutocompleteOption` object (or null), not just the string value.\n * The input's text is synced to `value.label` on mount.\n *\n * @example\n * // City search autocomplete:\n * <Autocomplete\n *   options={[{ value: 'mumbai', label: 'Mumbai' }, { value: 'delhi', label: 'Delhi' }]}\n *   value={selectedCity}\n *   onValueChange={(opt) => setSelectedCity(opt)}\n *   placeholder=\"Search cities...\"\n * />\n *\n * @example\n * // Employee name lookup with custom empty text:\n * <Autocomplete\n *   options={employees.map(e => ({ value: e.id, label: e.fullName }))}\n *   onValueChange={(opt) => setAssignee(opt.value)}\n *   emptyText=\"No employees found\"\n *   placeholder=\"Search employees...\"\n * />\n * // These are just a few ways — feel free to combine props creatively!\n */\ntype AutocompleteProps = React.HTMLAttributes<HTMLDivElement> & {\n  options: AutocompleteOption[]\n  value?: AutocompleteOption | null\n  onValueChange?: (option: AutocompleteOption) => void\n  placeholder?: string\n  emptyText?: string\n  disabled?: boolean\n  className?: string\n  id?: string\n}\n\nconst Autocomplete = React.forwardRef<HTMLInputElement, AutocompleteProps>(\n  (\n    {\n      options,\n      value,\n      onValueChange,\n      placeholder,\n      emptyText = 'No options',\n      disabled,\n      className,\n      id: externalId,\n      ...props\n    },\n    ref,\n  ) => {\n    const internalId = React.useId()\n    const baseId = externalId || internalId\n    const listboxId = `${baseId}-listbox`\n    const optionIdPrefix = `${baseId}-option`\n\n    const [query, setQuery] = React.useState(value?.label ?? '')\n    const [isOpen, setIsOpen] = React.useState(false)\n    const [highlightedIndex, setHighlightedIndex] = React.useState(-1)\n    const internalRef = React.useRef<HTMLInputElement>(null)\n    const listRef = React.useRef<HTMLUListElement>(null)\n    const containerRef = React.useRef<HTMLDivElement>(null)\n    const floatingRef = React.useRef<HTMLUListElement>(null)\n\n    // Floating UI positioning\n    const { refs, floatingStyles } = useFloating({\n      open: isOpen,\n      placement: 'bottom-start',\n      whileElementsMounted: autoUpdate,\n      middleware: [\n        offset(4),\n        flip(),\n        shift(),\n        size({\n          apply({ availableHeight, rects, elements }) {\n            Object.assign(elements.floating.style, {\n              maxHeight: `${Math.min(availableHeight, 240)}px`,\n              width: `${rects.reference.width}px`,\n            })\n          },\n        }),\n      ],\n    })\n\n    // Compose external + internal ref + floating reference ref for input\n    const composedRef = React.useCallback(\n      (node: HTMLInputElement | null) => {\n        (internalRef as React.MutableRefObject<HTMLInputElement | null>).current = node\n        refs.setReference(node)\n        if (typeof ref === 'function') ref(node)\n        else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node\n      },\n      [ref, refs],\n    )\n\n    // Compose floating ref + listRef\n    const composedFloatingRef = React.useCallback(\n      (node: HTMLUListElement | null) => {\n        (listRef as React.MutableRefObject<HTMLUListElement | null>).current = node\n        ;(floatingRef as React.MutableRefObject<HTMLUListElement | null>).current = node\n        refs.setFloating(node)\n      },\n      [refs],\n    )\n\n    // Sync query when value changes externally\n    React.useEffect(() => {\n      setQuery(value?.label ?? '')\n    }, [value])\n\n    // Cleanup blur timeout on unmount\n    React.useEffect(() => {\n      return () => {\n        // Option selected — close and blur handled by relatedTarget check\n      }\n    }, [])\n\n    const filtered = React.useMemo(\n      () =>\n        query\n          ? options.filter((o) => o.label.toLowerCase().includes(query.toLowerCase()))\n          : options,\n      [options, query],\n    )\n\n    const handleSelect = React.useCallback(\n      (option: AutocompleteOption) => {\n        setQuery(option.label)\n        setIsOpen(false)\n        setHighlightedIndex(-1)\n        onValueChange?.(option)\n      },\n      [onValueChange],\n    )\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent) => {\n        if (!isOpen) {\n          if (e.key === 'ArrowDown' || e.key === 'Enter') setIsOpen(true)\n          return\n        }\n        switch (e.key) {\n          case 'ArrowDown':\n            e.preventDefault()\n            setHighlightedIndex((i) => Math.min(i + 1, filtered.length - 1))\n            break\n          case 'ArrowUp':\n            e.preventDefault()\n            setHighlightedIndex((i) => Math.max(i - 1, 0))\n            break\n          case 'Enter':\n            e.preventDefault()\n            if (highlightedIndex >= 0 && filtered[highlightedIndex]) {\n              handleSelect(filtered[highlightedIndex])\n            }\n            break\n          case 'Escape':\n            setIsOpen(false)\n            setHighlightedIndex(-1)\n            break\n        }\n      },\n      [isOpen, filtered, highlightedIndex, handleSelect],\n    )\n\n    const fieldCtx = useFormField()\n    const isError = fieldCtx.state === 'error'\n    const ariaDescribedBy = fieldCtx.helperTextId\n    const ariaRequired = fieldCtx.required\n\n    const highlightedOptionId =\n      highlightedIndex >= 0 ? `${optionIdPrefix}-${highlightedIndex}` : undefined\n\n    return (\n      <div ref={containerRef} className={cn('relative', className)} {...props}>\n        <input\n          ref={composedRef}\n          type=\"text\"\n          role=\"combobox\"\n          aria-expanded={isOpen}\n          aria-autocomplete=\"list\"\n          aria-controls={isOpen ? listboxId : undefined}\n          aria-activedescendant={highlightedOptionId}\n          aria-invalid={isError || undefined}\n          aria-describedby={ariaDescribedBy}\n          aria-required={ariaRequired || undefined}\n          value={query}\n          placeholder={placeholder}\n          disabled={disabled}\n          className={cn(\n            'flex h-ds-md w-full rounded-ds-md border border-surface-border-strong bg-surface-raised-hover px-ds-04 py-ds-03 font-sans text-ds-md text-surface-fg placeholder:text-surface-fg-subtle',\n            'outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-[var(--border-focus-offset)]',\n            'transition-colors duration-fast-01',\n            disabled && 'opacity-action-disabled cursor-not-allowed',\n          )}\n          onChange={(e) => {\n            setQuery(e.target.value)\n            setIsOpen(true)\n            setHighlightedIndex(-1)\n          }}\n          onFocus={() => setIsOpen(true)}\n          onBlur={(e) => {\n            // Close only if focus moved outside both the container and the portal dropdown\n            const target = e.relatedTarget as Node | null\n            if (\n              !containerRef.current?.contains(target) &&\n              !floatingRef.current?.contains(target)\n            ) {\n              setIsOpen(false)\n            }\n          }}\n          onKeyDown={handleKeyDown}\n        />\n        {typeof document !== 'undefined' &&\n          createPortal(\n            <AnimatePresence>\n              {isOpen && (\n                <motion.ul\n                  id={listboxId}\n                  ref={composedFloatingRef}\n                  role=\"listbox\"\n                  initial=\"hidden\"\n                  animate=\"visible\"\n                  exit=\"hidden\"\n                  variants={listVariants}\n                  style={floatingStyles}\n                  className={cn(\n                    'z-popover overflow-auto rounded-ds-md border border-surface-border-strong bg-surface-overlay shadow-raised-hover',\n                  )}\n                >\n                  {filtered.length === 0 ? (\n                    <motion.li\n                      initial={{ opacity: 0 }}\n                      animate={{ opacity: 1 }}\n                      transition={tweens.fade}\n                      className=\"px-ds-04 py-ds-03 text-ds-md text-surface-fg-muted\"\n                    >\n                      {emptyText}\n                    </motion.li>\n                  ) : (\n                    filtered.map((option, index) => (\n                      <motion.li\n                        key={option.value}\n                        id={`${optionIdPrefix}-${index}`}\n                        role=\"option\"\n                        aria-selected={highlightedIndex === index}\n                        variants={itemVariants}\n                        className={cn(\n                          'cursor-pointer px-ds-04 py-ds-03 text-ds-md text-surface-fg transition-colors duration-fast-01',\n                          highlightedIndex === index && 'bg-accent-3',\n                          value?.value === option.value && 'font-semibold',\n                        )}\n                        onMouseDown={(e) => e.preventDefault()}\n                        onClick={() => handleSelect(option)}\n                        onKeyDown={(e) => {\n                          if (e.key === 'Enter' || e.key === ' ') {\n                            e.preventDefault()\n                            handleSelect(option)\n                          }\n                        }}\n                        onMouseEnter={() => setHighlightedIndex(index)}\n                      >\n                        {option.label}\n                      </motion.li>\n                    ))\n                  )}\n                </motion.ul>\n              )}\n            </AnimatePresence>,\n            document.body,\n          )}\n      </div>\n    )\n  },\n)\nAutocomplete.displayName = 'Autocomplete'\n\nexport { Autocomplete, type AutocompleteProps, type AutocompleteOption }\n"],"mappings":"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"}