@mari-ui/components 0.0.0-stage → 0.1.1

package/dist/chunk-IO4346TF.js

@@ -0,0 +1,392 @@
+"use client";
+
+import {
+  Tag
+} from "./chunk-ZLPAXPDI.js";
+import {
+  SelectPanel,
+  buildSections,
+  firstEnabled,
+  flattenOptions,
+  lastEnabled,
+  nextEnabled,
+  optionDomId,
+  typeAheadMatch
+} from "./chunk-YZ7MDC6B.js";
+import {
+  ClearButton
+} from "./chunk-KSPM2Z3T.js";
+import {
+  FIELD_BASE_CLASS,
+  FIELD_DISABLED_CLASS,
+  FIELD_MOBILE_TEXT_CLASS,
+  getShapeClasses,
+  getVariantClasses
+} from "./chunk-DUCIAQGR.js";
+import {
+  useFieldControl
+} from "./chunk-LBQMEHK6.js";
+import {
+  useFloatingPosition
+} from "./chunk-3ABWBQCS.js";
+import {
+  sizeClass,
+  touchTargetClass
+} from "./chunk-FFXRFQSU.js";
+import {
+  skeletonBoxProps
+} from "./chunk-54HHEXXD.js";
+
+// src/select/Select.tsx
+import React, { useId, useRef as useRef2 } from "react";
+import { ChevronDownIcon, Loader2Icon } from "lucide-react";
+import { cn } from "@mari-ui/core";
+
+// src/select/useSelectState.ts
+import { useEffect, useMemo, useRef, useState } from "react";
+import { useControllableState } from "@mari-ui/core";
+var TYPE_AHEAD_RESET_MS = 500;
+function useSelectState(props) {
+  const multiple = props.mode === "multiple";
+  const toArray = (v) => {
+    if (v === void 0) return void 0;
+    if (v === null) return [];
+    return Array.isArray(v) ? v : [v];
+  };
+  const allOptions = useMemo(() => flattenOptions(props.options), [props.options]);
+  const findOption = (value) => allOptions.find((o) => o.value === value);
+  const [values, setValuesState] = useControllableState({
+    value: toArray(props.value),
+    defaultValue: toArray(props.defaultValue) ?? []
+  });
+  const [open, setOpenState] = useControllableState({ value: props.open, defaultValue: false, onChange: props.onOpenChange });
+  const [search, setSearchState] = useState("");
+  const [activeIndex, setActiveIndex] = useState(-1);
+  const sections = useMemo(() => buildSections(props.options, props.showSearch ? search : ""), [props.options, props.showSearch, search]);
+  const visibleOptions = useMemo(() => sections.flatMap((s) => s.options), [sections]);
+  const activeOption = activeIndex >= 0 ? visibleOptions[activeIndex] : void 0;
+  useEffect(() => {
+    if (search) setActiveIndex(firstEnabled(visibleOptions));
+  }, [search]);
+  useEffect(() => {
+    if (activeIndex >= visibleOptions.length) setActiveIndex(firstEnabled(visibleOptions));
+  }, [visibleOptions, activeIndex]);
+  const commit = (next) => {
+    setValuesState(next);
+    if (multiple) {
+      const onChange = props.onChange;
+      onChange?.(next, next.map(findOption).filter((o) => !!o));
+    } else {
+      const onChange = props.onChange;
+      const value = next[0] ?? null;
+      onChange?.(value, value === null ? null : findOption(value) ?? null);
+    }
+  };
+  const setSearch = (text) => {
+    setSearchState(text);
+    props.onSearch?.(text);
+  };
+  const setOpen = (next) => {
+    if (next === open) return;
+    setOpenState(next);
+    if (!next) {
+      setActiveIndex(-1);
+      if (search) setSearch("");
+    }
+  };
+  const openAt = (edge = "selected") => {
+    const selectedIndex = visibleOptions.findIndex((o) => values.includes(o.value));
+    if (edge === "last") setActiveIndex(lastEnabled(visibleOptions));
+    else if (edge === "selected" && selectedIndex >= 0 && !multiple) setActiveIndex(selectedIndex);
+    else setActiveIndex(firstEnabled(visibleOptions));
+    setOpen(true);
+  };
+  const pick = (option) => {
+    if (option.disabled) return;
+    if (!multiple) {
+      commit([option.value]);
+      setOpen(false);
+      return;
+    }
+    const has = values.includes(option.value);
+    commit(has ? values.filter((v) => v !== option.value) : [...values, option.value]);
+    if (search) setSearch("");
+  };
+  const move = (step) => {
+    const edge = step === -1 ? lastEnabled : firstEnabled;
+    setActiveIndex((i) => i < 0 ? edge(visibleOptions) : nextEnabled(visibleOptions, i, step));
+  };
+  const typeAhead = useRef({ buffer: "", timer: 0 });
+  useEffect(() => () => clearTimeout(typeAhead.current.timer || void 0), []);
+  const typeChar = (char) => {
+    const state = typeAhead.current;
+    state.buffer += char;
+    clearTimeout(state.timer || void 0);
+    state.timer = setTimeout(() => state.buffer = "", TYPE_AHEAD_RESET_MS);
+    const match = typeAheadMatch(visibleOptions, activeIndex, state.buffer);
+    if (match < 0) return;
+    setActiveIndex(match);
+    setOpen(true);
+  };
+  const removeValue = (value) => commit(values.filter((v) => v !== value));
+  const clear = () => commit([]);
+  return {
+    multiple,
+    values,
+    selectedOptions: values.map((v) => findOption(v) ?? { value: v }),
+    open,
+    setOpen,
+    openAt,
+    search,
+    setSearch,
+    sections,
+    visibleOptions,
+    activeIndex,
+    setActiveIndex,
+    activeOption,
+    pick,
+    move,
+    typeChar,
+    removeValue,
+    clear,
+    isSelected: (option) => values.includes(option.value)
+  };
+}
+
+// src/select/Select.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var GAP_PX = 4;
+var MULTI_HEIGHT_CLASS = { sm: "h-auto min-h-6 py-0.5", md: "h-auto min-h-8 py-1", lg: "h-auto min-h-10 py-1.5" };
+function optionLabel(option) {
+  return option.label ?? option.value;
+}
+function buttonText(single, hasValue, placeholder) {
+  if (single) return optionLabel(single);
+  if (!hasValue) return /* @__PURE__ */ jsx("span", { className: "truncate text-mari-muted", children: placeholder });
+  return null;
+}
+var onArrow = (e, state) => {
+  e.preventDefault();
+  const down = e.key === "ArrowDown";
+  if (!state.open) state.openAt(!down && !e.altKey ? "last" : "selected");
+  else state.move(down ? 1 : -1);
+};
+var onEdge = (e, state, searchable) => {
+  if (!state.open || searchable) return;
+  e.preventDefault();
+  state.setActiveIndex(e.key === "Home" ? state.visibleOptions.findIndex((o) => !o.disabled) : state.visibleOptions.length - 1);
+};
+var onConfirm = (e, state, searchable) => {
+  if (e.key === " " && searchable) return;
+  e.preventDefault();
+  if (!state.open) state.openAt();
+  else if (state.activeOption) state.pick(state.activeOption);
+};
+var onEscape = (e, state) => {
+  if (!state.open) return;
+  e.preventDefault();
+  state.setOpen(false);
+};
+var onTab = (_e, state) => {
+  if (!state.open) return;
+  if (!state.multiple && state.activeOption) state.pick(state.activeOption);
+  else state.setOpen(false);
+};
+var onBackspace = (_e, state, searchable) => {
+  if (searchable && state.multiple && !state.search && state.values.length > 0) state.removeValue(state.values.at(-1));
+};
+var KEY_HANDLERS = {
+  ArrowDown: onArrow,
+  ArrowUp: onArrow,
+  Home: onEdge,
+  End: onEdge,
+  Enter: onConfirm,
+  " ": onConfirm,
+  Escape: onEscape,
+  Tab: onTab,
+  Backspace: onBackspace
+};
+function handleTriggerKey(e, state, searchable) {
+  const handler = KEY_HANDLERS[e.key];
+  if (handler) handler(e, state, searchable);
+  else if (!searchable && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) state.typeChar(e.key);
+}
+function SelectTags({ state, maxTagCount, disabled }) {
+  const shown = maxTagCount === void 0 ? state.selectedOptions : state.selectedOptions.slice(0, maxTagCount);
+  const hidden = state.selectedOptions.length - shown.length;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    shown.map((option) => {
+      const label = optionLabel(option);
+      return /* @__PURE__ */ jsx(
+        Tag,
+        {
+          onClose: disabled ? void 0 : () => state.removeValue(option.value),
+          closeLabel: typeof label === "string" ? `${label} se\xE7imini kald\u0131r` : "Se\xE7imi kald\u0131r",
+          className: "max-w-full",
+          children: label
+        },
+        String(option.value)
+      );
+    }),
+    hidden > 0 && /* @__PURE__ */ jsxs(Tag, { children: [
+      "+",
+      hidden
+    ] })
+  ] });
+}
+function SelectSuffix({ loading, open }) {
+  return /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "flex shrink-0 items-center text-mari-muted", children: loading ? /* @__PURE__ */ jsx(Loader2Icon, { size: 16, className: "animate-spin motion-reduce:animate-[spin_2s_linear_infinite]" }) : /* @__PURE__ */ jsx(ChevronDownIcon, { size: 16, className: cn("transition-transform duration-150 motion-reduce:transition-none", open && "rotate-180") }) });
+}
+function Select(outerProps) {
+  const props = useFieldControl(outerProps);
+  const {
+    placeholder = "Se\xE7in",
+    showSearch = false,
+    allowClear = false,
+    clearLabel = "Temizle",
+    loading = false,
+    notFoundContent = "Sonu\xE7 bulunamad\u0131",
+    disabled = false,
+    size = "md",
+    variant = "outline",
+    shape = "default",
+    color,
+    placement = "bottom-start",
+    listHeight = "16rem",
+    optionRender,
+    id,
+    name,
+    required,
+    className,
+    skeleton = false,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy
+  } = props;
+  const maxTagCount = props.mode === "multiple" ? props.maxTagCount : void 0;
+  const state = useSelectState(props);
+  const { multiple, open, values, selectedOptions, search } = state;
+  const anchorRef = useRef2(null);
+  const panelRef = useRef2(null);
+  const controlRef = useRef2(null);
+  const listboxId = useId();
+  const coords = useFloatingPosition(open, anchorRef, panelRef, { placement, gap: GAP_PX });
+  React.useEffect(() => {
+    if (open && state.activeOption) document.getElementById(optionDomId(listboxId, state.activeOption))?.scrollIntoView?.({ block: "nearest" });
+  }, [open, state.activeOption, listboxId]);
+  const geometry = cn("flex w-full items-center gap-2", sizeClass[size], multiple && MULTI_HEIGHT_CLASS[size], getShapeClasses(shape, variant));
+  if (skeleton) return /* @__PURE__ */ jsx("div", { ...skeletonBoxProps(cn(geometry, className)) });
+  const hasValue = values.length > 0;
+  const showClear = allowClear && hasValue && !disabled;
+  const single = multiple ? void 0 : selectedOptions[0];
+  const comboboxProps = {
+    id,
+    role: "combobox",
+    "aria-expanded": open,
+    "aria-controls": open ? listboxId : void 0,
+    "aria-haspopup": "listbox",
+    "aria-activedescendant": open && state.activeOption ? optionDomId(listboxId, state.activeOption) : void 0,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-required": required || void 0,
+    "aria-invalid": color === "error" || void 0,
+    disabled,
+    onKeyDown: (e) => handleTriggerKey(e, state, showSearch),
+    onBlur: (e) => {
+      if (!anchorRef.current?.contains(e.relatedTarget)) state.setOpen(false);
+    }
+  };
+  const handleBoxMouseDown = (e) => {
+    if (disabled || e.target.closest("button:not([role=combobox])")) return;
+    e.preventDefault();
+    controlRef.current?.focus();
+    if (open) state.setOpen(false);
+    else state.openAt();
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: anchorRef,
+        onMouseDown: handleBoxMouseDown,
+        className: cn(
+          geometry,
+          "group relative cursor-pointer",
+          touchTargetClass[size],
+          FIELD_BASE_CLASS,
+          getVariantClasses(variant, color),
+          disabled && FIELD_DISABLED_CLASS,
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 flex-1 items-center gap-1", multiple && "flex-wrap"), children: [
+            multiple && /* @__PURE__ */ jsx(SelectTags, { state, maxTagCount, disabled }),
+            showSearch ? /* @__PURE__ */ jsxs("span", { className: "relative flex min-w-[4ch] flex-1 items-center", children: [
+              !search && single && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "pointer-events-none absolute inset-x-0 truncate", children: optionLabel(single) }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ref: controlRef,
+                  ...comboboxProps,
+                  type: "text",
+                  "aria-autocomplete": "list",
+                  autoComplete: "off",
+                  placeholder: hasValue ? void 0 : placeholder,
+                  value: search,
+                  onChange: (e) => {
+                    state.setSearch(e.target.value);
+                    state.setOpen(true);
+                  },
+                  className: cn("w-full min-w-0 bg-transparent placeholder:text-mari-muted focus:outline-none disabled:cursor-not-allowed", FIELD_MOBILE_TEXT_CLASS)
+                }
+              )
+            ] }) : /* @__PURE__ */ jsx("button", { ref: controlRef, type: "button", ...comboboxProps, className: cn("min-w-0 flex-1 truncate text-left focus:outline-none", FIELD_MOBILE_TEXT_CLASS), children: buttonText(single, hasValue, placeholder) })
+          ] }),
+          allowClear && /* @__PURE__ */ jsx(
+            ClearButton,
+            {
+              visible: showClear,
+              label: clearLabel,
+              onClear: () => {
+                state.clear();
+                controlRef.current?.focus();
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(SelectSuffix, { loading, open }),
+          name && (multiple ? values : values.slice(0, 1)).map((v) => /* @__PURE__ */ jsx("input", { type: "hidden", name, value: String(v) }, String(v)))
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx(
+      SelectPanel,
+      {
+        ref: panelRef,
+        listboxId,
+        coords,
+        sections: state.sections,
+        flatOptions: state.visibleOptions,
+        activeIndex: state.activeIndex,
+        isSelected: state.isSelected,
+        multiple,
+        loading,
+        notFoundContent,
+        listHeight,
+        optionRender,
+        labelledBy: ariaLabelledBy,
+        label: ariaLabel,
+        onPick: (option) => {
+          state.pick(option);
+          controlRef.current?.focus();
+        },
+        onHover: state.setActiveIndex
+      }
+    )
+  ] });
+}
+
+export {
+  Select
+};
+//# sourceMappingURL=chunk-IO4346TF.js.map

package/dist/chunk-IO4346TF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/select/Select.tsx","../src/select/useSelectState.ts"],"sourcesContent":["\"use client\";\n\nimport React, { useId, useRef } from \"react\";\nimport { ChevronDownIcon, Loader2Icon } from \"lucide-react\";\nimport { cn } from \"@mari-ui/core\";\nimport { ClearButton } from \"../input/_components/FieldAdornments\";\nimport { FIELD_BASE_CLASS, FIELD_DISABLED_CLASS, FIELD_MOBILE_TEXT_CLASS, getShapeClasses, getVariantClasses } from \"../input/utils\";\nimport { useFieldControl } from \"../lib/fieldContext\";\nimport { skeletonBoxProps } from \"../lib/skeleton\";\nimport { sizeClass, touchTargetClass } from \"../lib/sizeClasses\";\nimport { useFloatingPosition } from \"../lib/useFloatingPosition\";\nimport { Tag } from \"../tag\";\nimport { optionDomId, SelectPanel } from \"./_components/SelectPanel\";\nimport type { SelectMultipleProps, SelectOption, SelectProps } from \"./types\";\nimport { useSelectState, type SelectState } from \"./useSelectState\";\n\nexport type { SelectProps };\n\nconst GAP_PX = 4;\n\n/** Çoklu modda kutu sabit yükseklik değil, en az o yükseklik — etiketler satırlara sarar. */\nconst MULTI_HEIGHT_CLASS = { sm: \"h-auto min-h-6 py-0.5\", md: \"h-auto min-h-8 py-1\", lg: \"h-auto min-h-10 py-1.5\" } as const;\n\nfunction optionLabel(option: SelectOption): React.ReactNode {\n  return option.label ?? option.value;\n}\n\n/** Aramasız tetikleyicide görünen metin: seçilen (tekli), hiç seçim yokken yer tutucu; çokluda etiketler kendini gösterir. */\nfunction buttonText(single: SelectOption | undefined, hasValue: boolean, placeholder: string): React.ReactNode {\n  if (single) return optionLabel(single);\n  if (!hasValue) return <span className=\"truncate text-mari-muted\">{placeholder}</span>;\n  return null;\n}\n\ntype KeyHandler = (e: React.KeyboardEvent, state: SelectState, searchable: boolean) => void;\n\nconst onArrow: KeyHandler = (e, state) => {\n  e.preventDefault();\n  const down = e.key === \"ArrowDown\";\n  if (!state.open) state.openAt(!down && !e.altKey ? \"last\" : \"selected\");\n  else state.move(down ? 1 : -1);\n};\n\nconst onEdge: KeyHandler = (e, state, searchable) => {\n  // Arama kutusunda Home/End imleci taşır.\n  if (!state.open || searchable) return;\n  e.preventDefault();\n  state.setActiveIndex(e.key === \"Home\" ? state.visibleOptions.findIndex((o) => !o.disabled) : state.visibleOptions.length - 1);\n};\n\nconst onConfirm: KeyHandler = (e, state, searchable) => {\n  // Arama kutusunda boşluk bir karakterdir.\n  if (e.key === \" \" && searchable) return;\n  e.preventDefault();\n  if (!state.open) state.openAt();\n  else if (state.activeOption) state.pick(state.activeOption);\n};\n\nconst onEscape: KeyHandler = (e, state) => {\n  if (!state.open) return;\n  e.preventDefault();\n  state.setOpen(false);\n};\n\n// APG: Tab tekli seçimde aktif seçeneği onaylar ve listeyi kapatır; odak normal akışla ilerler.\nconst onTab: KeyHandler = (_e, state) => {\n  if (!state.open) return;\n  if (!state.multiple && state.activeOption) state.pick(state.activeOption);\n  else state.setOpen(false);\n};\n\nconst onBackspace: KeyHandler = (_e, state, searchable) => {\n  if (searchable && state.multiple && !state.search && state.values.length > 0) state.removeValue(state.values.at(-1)!);\n};\n\nconst KEY_HANDLERS: Partial<Record<string, KeyHandler>> = {\n  ArrowDown: onArrow,\n  ArrowUp: onArrow,\n  Home: onEdge,\n  End: onEdge,\n  Enter: onConfirm,\n  \" \": onConfirm,\n  Escape: onEscape,\n  Tab: onTab,\n  Backspace: onBackspace,\n};\n\n/** Tetikleyicideki tuşlar (APG combobox). Arama kutusu varsa harfler kutuya yazılır, yoksa harfle atlama. */\nfunction handleTriggerKey(e: React.KeyboardEvent, state: SelectState, searchable: boolean) {\n  const handler = KEY_HANDLERS[e.key];\n  if (handler) handler(e, state, searchable);\n  else if (!searchable && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) state.typeChar(e.key);\n}\n\nfunction SelectTags({ state, maxTagCount, disabled }: Readonly<{ state: SelectState; maxTagCount?: number; disabled: boolean }>) {\n  const shown = maxTagCount === undefined ? state.selectedOptions : state.selectedOptions.slice(0, maxTagCount);\n  const hidden = state.selectedOptions.length - shown.length;\n  return (\n    <>\n      {shown.map((option) => {\n        const label = optionLabel(option);\n        return (\n          <Tag\n            key={String(option.value)}\n            onClose={disabled ? undefined : () => state.removeValue(option.value)}\n            closeLabel={typeof label === \"string\" ? `${label} seçimini kaldır` : \"Seçimi kaldır\"}\n            className=\"max-w-full\"\n          >\n            {label}\n          </Tag>\n        );\n      })}\n      {hidden > 0 && <Tag>+{hidden}</Tag>}\n    </>\n  );\n}\n\nfunction SelectSuffix({ loading, open }: Readonly<{ loading: boolean; open: boolean }>) {\n  return (\n    <span aria-hidden className=\"flex shrink-0 items-center text-mari-muted\">\n      {loading ? (\n        <Loader2Icon size={16} className=\"animate-spin motion-reduce:animate-[spin_2s_linear_infinite]\" />\n      ) : (\n        <ChevronDownIcon size={16} className={cn(\"transition-transform duration-150 motion-reduce:transition-none\", open && \"rotate-180\")} />\n      )}\n    </span>\n  );\n}\n\n/**\n * Faz 16.1 — yapı/davranış ant.design Select'ten, görünüm Input'la birebir\n * aynı (boyut, varyant, kenarlık, odak halkası, dokunma hedefi `lib`\n * paylaşımlı). Tekli ve çoklu (`mode=\"multiple\"`, etiketler) seçim, gruplar,\n * arama (`showSearch`, Türkçe/aksansız), temizleme, yükleniyor, `skeleton`.\n *\n * Erişilebilirlik (APG combobox): arama yoksa tetikleyici `<button\n * role=\"combobox\">` (label `htmlFor` ile bağlanabilir, native disabled),\n * aramada `<input role=\"combobox\">`. Odak HİÇ listeye geçmez; aktif seçenek\n * `aria-activedescendant`. ↑/↓/Home/End, Enter/Boşluk, Escape, Tab (seçip\n * geçer), harfle atlama; çokluda Backspace son etiketi siler.\n */\nexport function Select(outerProps: SelectProps) {\n  // Field içindeyse id / aria-describedby / hata / required / disabled oradan tamamlanır.\n  const props = useFieldControl(outerProps) as SelectProps;\n  const {\n    placeholder = \"Seçin\",\n    showSearch = false,\n    allowClear = false,\n    clearLabel = \"Temizle\",\n    loading = false,\n    notFoundContent = \"Sonuç bulunamadı\",\n    disabled = false,\n    size = \"md\",\n    variant = \"outline\",\n    shape = \"default\",\n    color,\n    placement = \"bottom-start\",\n    listHeight = \"16rem\",\n    optionRender,\n    id,\n    name,\n    required,\n    className,\n    skeleton = false,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n  } = props;\n  const maxTagCount = props.mode === \"multiple\" ? (props as SelectMultipleProps).maxTagCount : undefined;\n\n  const state = useSelectState(props);\n  const { multiple, open, values, selectedOptions, search } = state;\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const controlRef = useRef<HTMLButtonElement & HTMLInputElement>(null);\n  const listboxId = useId();\n  const coords = useFloatingPosition(open, anchorRef, panelRef, { placement, gap: GAP_PX });\n\n  // Klavyeyle gezinirken aktif satır listenin görünür alanında kalsın.\n  React.useEffect(() => {\n    if (open && state.activeOption) document.getElementById(optionDomId(listboxId, state.activeOption))?.scrollIntoView?.({ block: \"nearest\" });\n  }, [open, state.activeOption, listboxId]);\n\n  const geometry = cn(\"flex w-full items-center gap-2\", sizeClass[size], multiple && MULTI_HEIGHT_CLASS[size], getShapeClasses(shape, variant));\n  if (skeleton) return <div {...skeletonBoxProps(cn(geometry, className))} />;\n\n  const hasValue = values.length > 0;\n  const showClear = allowClear && hasValue && !disabled;\n  const single = multiple ? undefined : selectedOptions[0];\n\n  const comboboxProps = {\n    id,\n    role: \"combobox\" as const,\n    \"aria-expanded\": open,\n    \"aria-controls\": open ? listboxId : undefined,\n    \"aria-haspopup\": \"listbox\" as const,\n    \"aria-activedescendant\": open && state.activeOption ? optionDomId(listboxId, state.activeOption) : undefined,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    \"aria-required\": required || undefined,\n    \"aria-invalid\": color === \"error\" || undefined,\n    disabled,\n    onKeyDown: (e: React.KeyboardEvent) => handleTriggerKey(e, state, showSearch),\n    onBlur: (e: React.FocusEvent) => {\n      // Odak kutunun içindeki bir düğmeye (temizle, etiket sil) geçtiyse kapatma.\n      if (!anchorRef.current?.contains(e.relatedTarget as Node | null)) state.setOpen(false);\n    },\n  };\n\n  // Kutunun herhangi bir yerine tıklamak odaklar ve açar/kapatır; iç düğmeler kendi işini yapar.\n  const handleBoxMouseDown = (e: React.MouseEvent) => {\n    if (disabled || (e.target as HTMLElement).closest(\"button:not([role=combobox])\")) return;\n    e.preventDefault();\n    controlRef.current?.focus();\n    if (open) state.setOpen(false);\n    else state.openAt();\n  };\n\n  return (\n    <>\n      {/* Fare kısayolu; klavye kullanıcısı doğrudan combobox'a sekmeyle gelir. */}\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <div\n        ref={anchorRef}\n        onMouseDown={handleBoxMouseDown}\n        className={cn(\n          geometry,\n          \"group relative cursor-pointer\",\n          touchTargetClass[size],\n          FIELD_BASE_CLASS,\n          getVariantClasses(variant, color),\n          disabled && FIELD_DISABLED_CLASS,\n          className\n        )}\n      >\n        <div className={cn(\"flex min-w-0 flex-1 items-center gap-1\", multiple && \"flex-wrap\")}>\n          {multiple && <SelectTags state={state} maxTagCount={maxTagCount} disabled={disabled} />}\n          {showSearch ? (\n            <span className=\"relative flex min-w-[4ch] flex-1 items-center\">\n              {/* Tekli seçimde seçili değer, yazmaya başlayınca kaybolur. Yer tutucu native `placeholder`\n                  (Input gibi) — ayrı bir span olsaydı devre dışı alanda axe onu kontrast ihlali sayıyordu. */}\n              {!search && single && (\n                <span aria-hidden className=\"pointer-events-none absolute inset-x-0 truncate\">\n                  {optionLabel(single)}\n                </span>\n              )}\n              <input\n                ref={controlRef}\n                {...comboboxProps}\n                type=\"text\"\n                aria-autocomplete=\"list\"\n                autoComplete=\"off\"\n                placeholder={hasValue ? undefined : placeholder}\n                value={search}\n                onChange={(e) => {\n                  state.setSearch(e.target.value);\n                  state.setOpen(true);\n                }}\n                className={cn(\"w-full min-w-0 bg-transparent placeholder:text-mari-muted focus:outline-none disabled:cursor-not-allowed\", FIELD_MOBILE_TEXT_CLASS)}\n              />\n            </span>\n          ) : (\n            <button ref={controlRef} type=\"button\" {...comboboxProps} className={cn(\"min-w-0 flex-1 truncate text-left focus:outline-none\", FIELD_MOBILE_TEXT_CLASS)}>\n              {buttonText(single, hasValue, placeholder)}\n            </button>\n          )}\n        </div>\n\n        {allowClear && (\n          <ClearButton\n            visible={showClear}\n            label={clearLabel}\n            onClear={() => {\n              state.clear();\n              controlRef.current?.focus();\n            }}\n          />\n        )}\n        <SelectSuffix loading={loading} open={open} />\n\n        {name && (multiple ? values : values.slice(0, 1)).map((v) => <input key={String(v)} type=\"hidden\" name={name} value={String(v)} />)}\n      </div>\n\n      {open && (\n        <SelectPanel\n          ref={panelRef}\n          listboxId={listboxId}\n          coords={coords}\n          sections={state.sections}\n          flatOptions={state.visibleOptions}\n          activeIndex={state.activeIndex}\n          isSelected={state.isSelected}\n          multiple={multiple}\n          loading={loading}\n          notFoundContent={notFoundContent}\n          listHeight={listHeight}\n          optionRender={optionRender}\n          labelledBy={ariaLabelledBy}\n          label={ariaLabel}\n          onPick={(option) => {\n            state.pick(option);\n            controlRef.current?.focus();\n          }}\n          onHover={state.setActiveIndex}\n        />\n      )}\n    </>\n  );\n}\n","\"use client\";\n\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { useControllableState } from \"@mari-ui/core\";\nimport type { SelectOption, SelectProps, SelectValue } from \"./types\";\nimport { buildSections, firstEnabled, flattenOptions, lastEnabled, nextEnabled, typeAheadMatch } from \"./utils\";\n\nconst TYPE_AHEAD_RESET_MS = 500;\n\n/**\n * Select'in durumu: seçili değer(ler), açık/kapalı, arama metni, aktif\n * (klavyeyle/fareyle üzerinde durulan) seçenek ve bunları değiştiren\n * eylemler. Tekli ve çoklu mod içeride aynı dizi olarak tutulur.\n */\nexport function useSelectState(props: SelectProps) {\n  const multiple = props.mode === \"multiple\";\n  const toArray = (v: SelectValue | SelectValue[] | null | undefined): SelectValue[] | undefined => {\n    if (v === undefined) return undefined;\n    if (v === null) return [];\n    return Array.isArray(v) ? v : [v];\n  };\n\n  const allOptions = useMemo(() => flattenOptions(props.options), [props.options]);\n  const findOption = (value: SelectValue) => allOptions.find((o) => o.value === value);\n\n  const [values, setValuesState] = useControllableState<SelectValue[]>({\n    value: toArray(props.value),\n    defaultValue: toArray(props.defaultValue) ?? [],\n  });\n  const [open, setOpenState] = useControllableState<boolean>({ value: props.open, defaultValue: false, onChange: props.onOpenChange });\n  const [search, setSearchState] = useState(\"\");\n  const [activeIndex, setActiveIndex] = useState(-1);\n\n  const sections = useMemo(() => buildSections(props.options, props.showSearch ? search : \"\"), [props.options, props.showSearch, search]);\n  const visibleOptions = useMemo(() => sections.flatMap((s) => s.options), [sections]);\n  const activeOption = activeIndex >= 0 ? visibleOptions[activeIndex] : undefined;\n\n  // Yazdıkça aktif satır ilk eşleşme olur (Enter onu seçer); liste kısalınca sınır dışına düşmesin.\n  useEffect(() => {\n    if (search) setActiveIndex(firstEnabled(visibleOptions));\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- yalnız arama metni değişince\n  }, [search]);\n  useEffect(() => {\n    if (activeIndex >= visibleOptions.length) setActiveIndex(firstEnabled(visibleOptions));\n  }, [visibleOptions, activeIndex]);\n\n  const commit = (next: SelectValue[]) => {\n    setValuesState(next);\n    if (multiple) {\n      const onChange = props.onChange as ((v: SelectValue[], o: SelectOption[]) => void) | undefined;\n      onChange?.(next, next.map(findOption).filter((o): o is SelectOption => !!o));\n    } else {\n      const onChange = props.onChange as ((v: SelectValue | null, o: SelectOption | null) => void) | undefined;\n      const value = next[0] ?? null;\n      onChange?.(value, value === null ? null : (findOption(value) ?? null));\n    }\n  };\n\n  const setSearch = (text: string) => {\n    setSearchState(text);\n    props.onSearch?.(text);\n  };\n\n  const setOpen = (next: boolean) => {\n    if (next === open) return;\n    setOpenState(next);\n    if (!next) {\n      setActiveIndex(-1);\n      if (search) setSearch(\"\");\n    }\n  };\n\n  /** Açarken aktif satır: seçili olan (tekli) ya da ilk seçilebilir. */\n  const openAt = (edge: \"selected\" | \"first\" | \"last\" = \"selected\") => {\n    const selectedIndex = visibleOptions.findIndex((o) => values.includes(o.value));\n    if (edge === \"last\") setActiveIndex(lastEnabled(visibleOptions));\n    else if (edge === \"selected\" && selectedIndex >= 0 && !multiple) setActiveIndex(selectedIndex);\n    else setActiveIndex(firstEnabled(visibleOptions));\n    setOpen(true);\n  };\n\n  const pick = (option: SelectOption) => {\n    if (option.disabled) return;\n    if (!multiple) {\n      commit([option.value]);\n      setOpen(false);\n      return;\n    }\n    const has = values.includes(option.value);\n    commit(has ? values.filter((v) => v !== option.value) : [...values, option.value]);\n    // Çoklu seçimde liste açık kalır; arama temizlenir ki sonraki seçim kolay olsun.\n    if (search) setSearch(\"\");\n  };\n\n  const move = (step: 1 | -1) => {\n    // Henüz etkin seçenek yoksa yukarı ok sondan, aşağı ok baştan başlar.\n    const edge = step === -1 ? lastEnabled : firstEnabled;\n    setActiveIndex((i) => (i < 0 ? edge(visibleOptions) : nextEnabled(visibleOptions, i, step)));\n  };\n\n  // Harfle atlama (arama kutusu yokken): art arda harfler 500ms içinde birikir.\n  const typeAhead = useRef({ buffer: \"\", timer: 0 as ReturnType<typeof setTimeout> | 0 });\n  useEffect(() => () => clearTimeout(typeAhead.current.timer || undefined), []);\n  const typeChar = (char: string) => {\n    const state = typeAhead.current;\n    state.buffer += char;\n    clearTimeout(state.timer || undefined);\n    state.timer = setTimeout(() => (state.buffer = \"\"), TYPE_AHEAD_RESET_MS);\n    const match = typeAheadMatch(visibleOptions, activeIndex, state.buffer);\n    if (match < 0) return;\n    setActiveIndex(match);\n    setOpen(true);\n  };\n\n  const removeValue = (value: SelectValue) => commit(values.filter((v) => v !== value));\n  const clear = () => commit([]);\n\n  return {\n    multiple,\n    values,\n    selectedOptions: values.map((v) => findOption(v) ?? { value: v }),\n    open,\n    setOpen,\n    openAt,\n    search,\n    setSearch,\n    sections,\n    visibleOptions,\n    activeIndex,\n    setActiveIndex,\n    activeOption,\n    pick,\n    move,\n    typeChar,\n    removeValue,\n    clear,\n    isSelected: (option: SelectOption) => values.includes(option.value),\n  };\n}\n\nexport type SelectState = ReturnType<typeof useSelectState>;\n"],"mappings":"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","names":["useRef","useRef"]}

package/dist/chunk-IP2J3BWY.js

@@ -0,0 +1,185 @@
+// src/lib/colorClasses.ts
+import { cn } from "@mari-ui/core";
+var bgSolidClass = {
+  primary: "bg-mari-primary-solid",
+  accent: "bg-mari-accent-solid",
+  success: "bg-mari-success-solid",
+  error: "bg-mari-error-solid",
+  warning: "bg-mari-warning-solid",
+  info: "bg-mari-info-solid",
+  neutral: "bg-mari-neutral-solid"
+};
+var bgSolidHoverClass = {
+  primary: "hover:bg-mari-primary-solid-hover",
+  accent: "hover:bg-mari-accent-solid-hover",
+  success: "hover:bg-mari-success-solid-hover",
+  error: "hover:bg-mari-error-solid-hover",
+  warning: "hover:bg-mari-warning-solid-hover",
+  info: "hover:bg-mari-info-solid-hover",
+  neutral: "hover:bg-mari-neutral-solid-hover"
+};
+var bgSolidContrastClass = {
+  primary: "bg-mari-primary-solid-contrast",
+  accent: "bg-mari-accent-solid-contrast",
+  success: "bg-mari-success-solid-contrast",
+  error: "bg-mari-error-solid-contrast",
+  warning: "bg-mari-warning-solid-contrast",
+  info: "bg-mari-info-solid-contrast",
+  neutral: "bg-mari-neutral-solid-contrast"
+};
+var textSolidContrastClass = {
+  primary: "text-mari-primary-solid-contrast",
+  accent: "text-mari-accent-solid-contrast",
+  success: "text-mari-success-solid-contrast",
+  error: "text-mari-error-solid-contrast",
+  warning: "text-mari-warning-solid-contrast",
+  info: "text-mari-info-solid-contrast",
+  neutral: "text-mari-neutral-solid-contrast"
+};
+var bgSubtleClass = {
+  primary: "bg-mari-primary-subtle",
+  accent: "bg-mari-accent-subtle",
+  success: "bg-mari-success-subtle",
+  error: "bg-mari-error-subtle",
+  warning: "bg-mari-warning-subtle",
+  info: "bg-mari-info-subtle",
+  neutral: "bg-mari-neutral-subtle"
+};
+var textSubtleContrastClass = {
+  primary: "text-mari-primary-subtle-contrast",
+  accent: "text-mari-accent-subtle-contrast",
+  success: "text-mari-success-subtle-contrast",
+  error: "text-mari-error-subtle-contrast",
+  warning: "text-mari-warning-subtle-contrast",
+  info: "text-mari-info-subtle-contrast",
+  neutral: "text-mari-neutral-subtle-contrast"
+};
+var textClass = {
+  primary: "text-mari-primary",
+  accent: "text-mari-accent",
+  success: "text-mari-success",
+  error: "text-mari-error",
+  warning: "text-mari-warning",
+  info: "text-mari-info",
+  neutral: "text-mari-neutral"
+};
+var textHoverClass = {
+  primary: "hover:text-mari-primary",
+  accent: "hover:text-mari-accent",
+  success: "hover:text-mari-success",
+  error: "hover:text-mari-error",
+  warning: "hover:text-mari-warning",
+  info: "hover:text-mari-info",
+  neutral: "hover:text-mari-neutral"
+};
+var borderColorClass = {
+  primary: "border-mari-primary-border",
+  accent: "border-mari-accent-border",
+  success: "border-mari-success-border",
+  error: "border-mari-error-border",
+  warning: "border-mari-warning-border",
+  info: "border-mari-info-border",
+  neutral: "border-mari-neutral-border"
+};
+var borderStrongColorClass = {
+  primary: "border-mari-primary",
+  accent: "border-mari-accent",
+  success: "border-mari-success",
+  error: "border-mari-error",
+  warning: "border-mari-warning",
+  info: "border-mari-info",
+  neutral: "border-mari-neutral"
+};
+var bgSubtleHoverClass = {
+  primary: "hover:bg-mari-primary-subtle",
+  accent: "hover:bg-mari-accent-subtle",
+  success: "hover:bg-mari-success-subtle",
+  error: "hover:bg-mari-error-subtle",
+  warning: "hover:bg-mari-warning-subtle",
+  info: "hover:bg-mari-info-subtle",
+  neutral: "hover:bg-mari-neutral-subtle"
+};
+var strokeSolidClass = {
+  primary: "stroke-mari-primary-solid",
+  accent: "stroke-mari-accent-solid",
+  success: "stroke-mari-success-solid",
+  error: "stroke-mari-error-solid",
+  warning: "stroke-mari-warning-solid",
+  info: "stroke-mari-info-solid",
+  neutral: "stroke-mari-neutral-solid"
+};
+function colorVariantToClassName(style) {
+  const slotTable = {
+    text: textClass,
+    solid: bgSolidClass,
+    solidContrast: textSolidContrastClass,
+    solidHover: bgSolidHoverClass,
+    subtle: bgSubtleClass,
+    subtleContrast: textSubtleContrastClass,
+    border: borderColorClass
+  };
+  const borderSlotTable = { text: borderStrongColorClass, border: borderColorClass };
+  const hoverBgSlotTable = { solidHover: bgSolidHoverClass, subtle: bgSubtleHoverClass };
+  const bg = style.background ? slotTable[style.background.slot][style.background.role] : void 0;
+  const hoverBg = style.hoverBackground ? hoverBgSlotTable[style.hoverBackground.slot]?.[style.hoverBackground.role] : void 0;
+  const text = style.foreground ? slotTable[style.foreground.slot][style.foreground.role] : void 0;
+  const border = style.border ? borderSlotTable[style.border.slot]?.[style.border.role] : void 0;
+  return cn(bg, hoverBg, text, border, border && "border");
+}
+var checkedBgSolidClass = {
+  primary: "checked:bg-mari-primary-solid",
+  accent: "checked:bg-mari-accent-solid",
+  success: "checked:bg-mari-success-solid",
+  error: "checked:bg-mari-error-solid",
+  warning: "checked:bg-mari-warning-solid",
+  info: "checked:bg-mari-info-solid",
+  neutral: "checked:bg-mari-neutral-solid"
+};
+var checkedBgSolidHoverClass = {
+  primary: "checked:hover:bg-mari-primary-solid-hover",
+  accent: "checked:hover:bg-mari-accent-solid-hover",
+  success: "checked:hover:bg-mari-success-solid-hover",
+  error: "checked:hover:bg-mari-error-solid-hover",
+  warning: "checked:hover:bg-mari-warning-solid-hover",
+  info: "checked:hover:bg-mari-info-solid-hover",
+  neutral: "checked:hover:bg-mari-neutral-solid-hover"
+};
+var checkedBorderSolidClass = {
+  primary: "checked:border-mari-primary-solid",
+  accent: "checked:border-mari-accent-solid",
+  success: "checked:border-mari-success-solid",
+  error: "checked:border-mari-error-solid",
+  warning: "checked:border-mari-warning-solid",
+  info: "checked:border-mari-info-solid",
+  neutral: "checked:border-mari-neutral-solid"
+};
+var checkedBorderStrongClass = {
+  primary: "checked:border-mari-primary",
+  accent: "checked:border-mari-accent",
+  success: "checked:border-mari-success",
+  error: "checked:border-mari-error",
+  warning: "checked:border-mari-warning",
+  info: "checked:border-mari-info",
+  neutral: "checked:border-mari-neutral"
+};
+
+export {
+  bgSolidClass,
+  bgSolidHoverClass,
+  bgSolidContrastClass,
+  textSolidContrastClass,
+  bgSubtleClass,
+  textSubtleContrastClass,
+  textClass,
+  textHoverClass,
+  borderColorClass,
+  borderStrongColorClass,
+  bgSubtleHoverClass,
+  strokeSolidClass,
+  colorVariantToClassName,
+  checkedBgSolidClass,
+  checkedBgSolidHoverClass,
+  checkedBorderSolidClass,
+  checkedBorderStrongClass
+};
+//# sourceMappingURL=chunk-IP2J3BWY.js.map