@gunkin/uiify 0.0.1-alpha

package/dist/components/tags-input/TagsInput.js

@@ -0,0 +1,260 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Children,
+  isValidElement,
+  useCallback,
+  useMemo,
+  useRef,
+  useState,
+  useSyncExternalStore
+} from "react";
+import { useControllableState, useId, useIsomorphicLayoutEffect } from "@gunkin/uiify/hooks";
+import { createPartContext } from "@gunkin/uiify/core";
+import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
+import { RovingFocusItem, RovingFocusRoot } from "@gunkin/uiify/core/roving-focus";
+import { useRenderElement } from "@gunkin/uiify/core/render";
+import { createTagsInputStore, splitTags } from "./tags-input-store.js";
+const [TagsInputProvider, useTagsInputContext] = createPartContext("TagsInput");
+function TagsInputRoot(props) {
+  const {
+    addOnPaste = true,
+    allowDuplicates = false,
+    children,
+    defaultValue = [],
+    delimiters = [","],
+    disabled = false,
+    maxTags,
+    onChange,
+    validate,
+    value: controlledValue
+  } = props;
+  const listId = useId();
+  const inputId = useId();
+  const [inputValue, setInputValue] = useState("");
+  const [tags, setTags] = useControllableState({
+    defaultValue: [...defaultValue],
+    ...controlledValue !== void 0 ? { value: [...controlledValue] } : {},
+    ...onChange ? { onChange } : {}
+  });
+  const storeRef = useRef(null);
+  storeRef.current ??= createTagsInputStore(tags, {
+    allowDuplicates,
+    ...maxTags !== void 0 ? { maxTags } : {},
+    ...validate ? { validate } : {}
+  });
+  const store = storeRef.current;
+  useIsomorphicLayoutEffect(() => {
+    store.setTags(tags);
+    store.updateOptions({
+      allowDuplicates,
+      ...maxTags !== void 0 ? { maxTags } : {},
+      ...validate ? { validate } : {}
+    });
+  }, [allowDuplicates, maxTags, store, tags, validate]);
+  const addTag = useCallback(
+    (tag) => {
+      if (disabled) return;
+      if (store.addTag(tag)) {
+        setTags(store.getTags());
+        setInputValue("");
+      }
+    },
+    [disabled, setTags, store]
+  );
+  const removeAt = useCallback(
+    (index) => {
+      if (disabled) return;
+      store.removeAt(index);
+      setTags(store.getTags());
+    },
+    [disabled, setTags, store]
+  );
+  const contextValue = useMemo(
+    () => ({
+      addOnPaste,
+      addTag,
+      delimiters,
+      disabled,
+      inputId,
+      inputValue,
+      listId,
+      removeAt,
+      setInputValue,
+      store
+    }),
+    [
+      addOnPaste,
+      addTag,
+      delimiters,
+      disabled,
+      inputId,
+      inputValue,
+      listId,
+      removeAt,
+      setInputValue,
+      store
+    ]
+  );
+  return /* @__PURE__ */ jsx(TagsInputProvider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { "data-disabled": disabled ? "" : void 0, children }) });
+}
+TagsInputRoot.displayName = "TagsInputRoot";
+function TagsInputInput(props) {
+  const { as, render, className, placeholder, ...consumerProps } = props;
+  const {
+    addOnPaste,
+    addTag,
+    delimiters,
+    disabled,
+    inputId,
+    inputValue,
+    listId,
+    removeAt,
+    setInputValue,
+    store
+  } = useTagsInputContext("Input");
+  const tags = useSyncExternalStore(store.subscribe, store.getTags, store.getTags);
+  const {
+    onChange: consumerOnChange,
+    onKeyDown: consumerOnKeyDown,
+    onPaste: consumerOnPaste
+  } = consumerProps;
+  const commitInput = () => {
+    if (inputValue.trim()) addTag(inputValue);
+  };
+  const handleChange = (event) => {
+    setInputValue(event.currentTarget.value);
+  };
+  const handleKeyDown = (event) => {
+    if (event.key === "Enter" || delimiters.includes(event.key)) {
+      event.preventDefault();
+      commitInput();
+    } else if (event.key === "Backspace" && !inputValue && tags.length > 0) {
+      event.preventDefault();
+      removeAt(tags.length - 1);
+    }
+  };
+  const handlePaste = (event) => {
+    if (!addOnPaste) return;
+    const text = event.clipboardData.getData("text");
+    const splitChars = [...delimiters, "\n", "	"];
+    if (!splitChars.some((delimiter) => text.includes(delimiter))) return;
+    event.preventDefault();
+    const parts = splitTags(text, splitChars);
+    for (const part of parts) addTag(part);
+  };
+  return useRenderElement({
+    as,
+    defaultTag: "input",
+    props: {
+      ...consumerProps,
+      id: inputId,
+      type: "text",
+      role: "combobox",
+      "aria-controls": listId,
+      "aria-expanded": false,
+      disabled: disabled || void 0,
+      value: inputValue,
+      placeholder,
+      ...className ? { className } : {},
+      onChange: composeEventHandlers(consumerOnChange, handleChange),
+      onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
+      onPaste: composeEventHandlers(consumerOnPaste, handlePaste)
+    },
+    render,
+    state: { disabled }
+  });
+}
+function TagsInputList(props) {
+  const { children, className } = props;
+  const { listId, store } = useTagsInputContext("List");
+  const tags = useSyncExternalStore(store.subscribe, store.getTags, store.getTags);
+  return /* @__PURE__ */ jsxs(
+    RovingFocusRoot,
+    {
+      as: "ul",
+      id: listId,
+      orientation: "horizontal",
+      ...className ? { className } : {},
+      children: [
+        tags.map((tag, index) => /* @__PURE__ */ jsx("li", { "data-index": index, "data-value": tag, children: tag }, `${tag}-${index}`)),
+        Children.map(
+          children,
+          (child) => isValidElement(child) && child.type === TagsInputTag ? child : /* @__PURE__ */ jsx("li", { "data-part": "input-slot", children: child })
+        )
+      ]
+    }
+  );
+}
+TagsInputList.displayName = "TagsInputList";
+function TagsInputTag(props) {
+  const { as, render, children, className, index, value, ...consumerProps } = props;
+  const { disabled, removeAt } = useTagsInputContext("Tag");
+  const { onKeyDown: consumerOnKeyDown } = consumerProps;
+  const handleKeyDown = (event) => {
+    if (event.key === "Backspace" || event.key === "Delete") {
+      event.preventDefault();
+      removeAt(index);
+    }
+  };
+  const tagProps = {
+    ...consumerProps,
+    role: "listitem",
+    "data-value": value,
+    ...className ? { className } : {},
+    onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
+    children
+  };
+  if (render) {
+    return /* @__PURE__ */ jsx(
+      RovingFocusItem,
+      {
+        disabled,
+        render: (renderProps, state) => render(renderProps, { current: state.current }),
+        textValue: value,
+        ...tagProps
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    RovingFocusItem,
+    {
+      as: as ?? "li",
+      disabled,
+      textValue: value,
+      ...tagProps
+    }
+  );
+}
+TagsInputTag.displayName = "TagsInputTag";
+function TagsInputTagRemove(props) {
+  const { className, index } = props;
+  const { disabled, removeAt } = useTagsInputContext("TagRemove");
+  return useRenderElement({
+    defaultTag: "button",
+    props: {
+      type: "button",
+      "aria-label": "Remove tag",
+      disabled: disabled || void 0,
+      ...className ? { className } : {},
+      onClick: () => removeAt(index)
+    },
+    state: { disabled }
+  });
+}
+const TagsInput = {
+  Input: TagsInputInput,
+  List: TagsInputList,
+  Root: TagsInputRoot,
+  Tag: TagsInputTag,
+  TagRemove: TagsInputTagRemove
+};
+export {
+  TagsInput,
+  TagsInputInput,
+  TagsInputList,
+  TagsInputRoot,
+  TagsInputTag,
+  TagsInputTagRemove
+};
+//# sourceMappingURL=TagsInput.js.map

package/dist/components/tags-input/TagsInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tags-input/TagsInput.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Children,\n  isValidElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from \"react\";\nimport type { ElementType, KeyboardEvent, ReactElement, SyntheticEvent } from \"react\";\nimport { useControllableState, useId, useIsomorphicLayoutEffect } from \"@gunkin/uiify/hooks\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { RovingFocusItem, RovingFocusRoot } from \"@gunkin/uiify/core/roving-focus\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { createTagsInputStore, splitTags } from \"./tags-input-store.js\";\nimport type {\n  TagsInputStore,\n  TagsInputContextValue,\n  TagsInputRootProps,\n  TagsInputInputProps,\n  TagsInputListOwnProps,\n  TagsInputTagProps,\n  TagsInputTagRemoveOwnProps,\n} from \"./types.js\";\n\nconst [TagsInputProvider, useTagsInputContext] =\n  createPartContext<TagsInputContextValue>(\"TagsInput\");\n\nexport function TagsInputRoot(props: TagsInputRootProps): ReactElement | null {\n  const {\n    addOnPaste = true,\n    allowDuplicates = false,\n    children,\n    defaultValue = [],\n    delimiters = [\",\"],\n    disabled = false,\n    maxTags,\n    onChange,\n    validate,\n    value: controlledValue,\n  } = props;\n\n  const listId = useId();\n  const inputId = useId();\n  const [inputValue, setInputValue] = useState(\"\");\n  const [tags, setTags] = useControllableState<string[]>({\n    defaultValue: [...defaultValue],\n    ...(controlledValue !== undefined ? { value: [...controlledValue] } : {}),\n    ...(onChange ? { onChange } : {}),\n  });\n\n  const storeRef = useRef<TagsInputStore | null>(null);\n  storeRef.current ??= createTagsInputStore(tags, {\n    allowDuplicates,\n    ...(maxTags !== undefined ? { maxTags } : {}),\n    ...(validate ? { validate } : {}),\n  });\n  const store = storeRef.current;\n\n  useIsomorphicLayoutEffect(() => {\n    store.setTags(tags);\n    store.updateOptions({\n      allowDuplicates,\n      ...(maxTags !== undefined ? { maxTags } : {}),\n      ...(validate ? { validate } : {}),\n    });\n  }, [allowDuplicates, maxTags, store, tags, validate]);\n\n  const addTag = useCallback(\n    (tag: string) => {\n      if (disabled) return;\n      if (store.addTag(tag)) {\n        setTags(store.getTags());\n        setInputValue(\"\");\n      }\n    },\n    [disabled, setTags, store],\n  );\n\n  const removeAt = useCallback(\n    (index: number) => {\n      if (disabled) return;\n      store.removeAt(index);\n      setTags(store.getTags());\n    },\n    [disabled, setTags, store],\n  );\n\n  const contextValue = useMemo(\n    () => ({\n      addOnPaste,\n      addTag,\n      delimiters,\n      disabled,\n      inputId,\n      inputValue,\n      listId,\n      removeAt,\n      setInputValue,\n      store,\n    }),\n    [\n      addOnPaste,\n      addTag,\n      delimiters,\n      disabled,\n      inputId,\n      inputValue,\n      listId,\n      removeAt,\n      setInputValue,\n      store,\n    ],\n  );\n\n  return (\n    <TagsInputProvider value={contextValue}>\n      <div data-disabled={disabled ? \"\" : undefined}>{children}</div>\n    </TagsInputProvider>\n  );\n}\nTagsInputRoot.displayName = \"TagsInputRoot\";\n\nexport function TagsInputInput<TAs extends ElementType = \"input\">(\n  props: TagsInputInputProps<TAs>,\n): ReactElement | null {\n  const { as, render, className, placeholder, ...consumerProps } =\n    props as TagsInputInputProps<\"input\">;\n  const {\n    addOnPaste,\n    addTag,\n    delimiters,\n    disabled,\n    inputId,\n    inputValue,\n    listId,\n    removeAt,\n    setInputValue,\n    store,\n  } = useTagsInputContext(\"Input\");\n  const tags = useSyncExternalStore(store.subscribe, store.getTags, store.getTags);\n  const {\n    onChange: consumerOnChange,\n    onKeyDown: consumerOnKeyDown,\n    onPaste: consumerOnPaste,\n  } = consumerProps as {\n    onChange?: (event: SyntheticEvent<HTMLInputElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n    onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;\n  };\n\n  const commitInput = () => {\n    if (inputValue.trim()) addTag(inputValue);\n  };\n\n  const handleChange = (event: SyntheticEvent<HTMLInputElement>) => {\n    setInputValue(event.currentTarget.value);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === \"Enter\" || delimiters.includes(event.key)) {\n      event.preventDefault();\n      commitInput();\n    } else if (event.key === \"Backspace\" && !inputValue && tags.length > 0) {\n      event.preventDefault();\n      removeAt(tags.length - 1);\n    }\n  };\n\n  const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n    if (!addOnPaste) return;\n    const text = event.clipboardData.getData(\"text\");\n    const splitChars = [...delimiters, \"\\n\", \"\\t\"];\n    if (!splitChars.some((delimiter) => text.includes(delimiter))) return;\n    event.preventDefault();\n    const parts = splitTags(text, splitChars);\n    for (const part of parts) addTag(part);\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"input\",\n    props: {\n      ...consumerProps,\n      id: inputId,\n      type: \"text\",\n      role: \"combobox\",\n      \"aria-controls\": listId,\n      \"aria-expanded\": false,\n      disabled: disabled || undefined,\n      value: inputValue,\n      placeholder,\n      ...(className ? { className } : {}),\n      onChange: composeEventHandlers(consumerOnChange, handleChange),\n      onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n      onPaste: composeEventHandlers(consumerOnPaste, handlePaste),\n    },\n    render,\n    state: { disabled },\n  });\n}\n\nexport function TagsInputList(props: TagsInputListOwnProps): ReactElement | null {\n  const { children, className } = props;\n  const { listId, store } = useTagsInputContext(\"List\");\n  const tags = useSyncExternalStore(store.subscribe, store.getTags, store.getTags);\n\n  return (\n    <RovingFocusRoot\n      as=\"ul\"\n      id={listId}\n      orientation=\"horizontal\"\n      {...(className ? { className } : {})}\n    >\n      {tags.map((tag, index) => (\n        <li data-index={index} data-value={tag} key={`${tag}-${index}`}>\n          {tag}\n        </li>\n      ))}\n      {/* A <ul> may only contain <li>, so a non-<li> child (typically TagsInput.Input)\n          needs one too — leaving it bare made the list malformed, a serious axe\n          violation. TagsInputTag already renders its own <li>; wrapping it again\n          would nest <li> inside <li>, an invalid, hydration-breaking tree. */}\n      {Children.map(children, (child) =>\n        isValidElement(child) && child.type === TagsInputTag ? (\n          child\n        ) : (\n          <li data-part=\"input-slot\">{child}</li>\n        ),\n      )}\n    </RovingFocusRoot>\n  );\n}\nTagsInputList.displayName = \"TagsInputList\";\n\nexport function TagsInputTag<TAs extends ElementType = \"li\">(\n  props: TagsInputTagProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, className, index, value, ...consumerProps } =\n    props as TagsInputTagProps<\"li\">;\n  const { disabled, removeAt } = useTagsInputContext(\"Tag\");\n  const { onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (event.key === \"Backspace\" || event.key === \"Delete\") {\n      event.preventDefault();\n      removeAt(index);\n    }\n  };\n\n  const tagProps = {\n    ...consumerProps,\n    role: \"listitem\",\n    \"data-value\": value,\n    ...(className ? { className } : {}),\n    onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n    children,\n  };\n\n  if (render) {\n    return (\n      <RovingFocusItem\n        disabled={disabled}\n        render={(renderProps, state) => render(renderProps, { current: state.current })}\n        textValue={value}\n        {...(tagProps as object)}\n      />\n    );\n  }\n\n  return (\n    <RovingFocusItem\n      as={as ?? \"li\"}\n      disabled={disabled}\n      textValue={value}\n      {...(tagProps as object)}\n    />\n  );\n}\nTagsInputTag.displayName = \"TagsInputTag\";\n\nexport function TagsInputTagRemove(props: TagsInputTagRemoveOwnProps): ReactElement | null {\n  const { className, index } = props;\n  const { disabled, removeAt } = useTagsInputContext(\"TagRemove\");\n\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      type: \"button\",\n      \"aria-label\": \"Remove tag\",\n      disabled: disabled || undefined,\n      ...(className ? { className } : {}),\n      onClick: () => removeAt(index),\n    },\n    state: { disabled },\n  });\n}\n\nexport const TagsInput = {\n  Input: TagsInputInput,\n  List: TagsInputList,\n  Root: TagsInputRoot,\n  Tag: TagsInputTag,\n  TagRemove: TagsInputTagRemove,\n};\n"],"mappings":"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","names":[]}

package/dist/components/tags-input/index.d.ts

@@ -0,0 +1,4 @@
+export { TagsInput, TagsInputInput, TagsInputList, TagsInputRoot, TagsInputTag, TagsInputTagRemove, } from "./TagsInput.js";
+export type { TagsInputInputOwnProps, TagsInputInputProps, TagsInputRootControlledOwnProps, TagsInputRootShellOwnProps, TagsInputRootShellProps, TagsInputRootProps, TagsInputTagOwnProps, TagsInputTagProps, TagsInputStore, } from "./types.js";
+export { splitTags } from "./tags-input-store.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/tags-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tags-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,cAAc,EACd,aAAa,EACb,aAAa,EACb,YAAY,EACZ,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EACV,sBAAsB,EACtB,mBAAmB,EACnB,+BAA+B,EAC/B,0BAA0B,EAC1B,uBAAuB,EACvB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,GACf,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/tags-input/index.js

@@ -0,0 +1,19 @@
+import {
+  TagsInput,
+  TagsInputInput,
+  TagsInputList,
+  TagsInputRoot,
+  TagsInputTag,
+  TagsInputTagRemove
+} from "./TagsInput.js";
+import { splitTags } from "./tags-input-store.js";
+export {
+  TagsInput,
+  TagsInputInput,
+  TagsInputList,
+  TagsInputRoot,
+  TagsInputTag,
+  TagsInputTagRemove,
+  splitTags
+};
+//# sourceMappingURL=index.js.map

package/dist/components/tags-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tags-input/index.ts"],"sourcesContent":["export {\n  TagsInput,\n  TagsInputInput,\n  TagsInputList,\n  TagsInputRoot,\n  TagsInputTag,\n  TagsInputTagRemove,\n} from \"./TagsInput.js\";\nexport type {\n  TagsInputInputOwnProps,\n  TagsInputInputProps,\n  TagsInputRootControlledOwnProps,\n  TagsInputRootShellOwnProps,\n  TagsInputRootShellProps,\n  TagsInputRootProps,\n  TagsInputTagOwnProps,\n  TagsInputTagProps,\n  TagsInputStore,\n} from \"./types.js\";\nexport { splitTags } from \"./tags-input-store.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAYP,SAAS,iBAAiB;","names":[]}

package/dist/components/tags-input/tags-input-store.d.ts

@@ -0,0 +1,4 @@
+import type { TagsInputStore, TagsInputStoreOptions } from "./types.js";
+export declare function createTagsInputStore(initial?: readonly string[], options?: TagsInputStoreOptions): TagsInputStore;
+export declare function splitTags(text: string, delimiters: readonly string[]): string[];
+//# sourceMappingURL=tags-input-store.d.ts.map

package/dist/components/tags-input/tags-input-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tags-input-store.d.ts","sourceRoot":"","sources":["../../../src/components/tags-input/tags-input-store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAExE,wBAAgB,oBAAoB,CAClC,OAAO,GAAE,SAAS,MAAM,EAAO,EAC/B,OAAO,GAAE,qBAA0B,GAClC,cAAc,CA2DhB;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,EAAE,CAO/E"}

package/dist/components/tags-input/tags-input-store.js

@@ -0,0 +1,67 @@
+function createTagsInputStore(initial = [], options = {}) {
+  let tags = [...initial];
+  const listeners = /* @__PURE__ */ new Set();
+  let { allowDuplicates = false, maxTags, validate } = options;
+  const emit = () => listeners.forEach((listener) => listener());
+  const canAdd = (tag) => {
+    const trimmed = tag.trim();
+    if (!trimmed) return false;
+    if (validate && !validate(trimmed)) return false;
+    if (!allowDuplicates && tags.includes(trimmed)) return false;
+    if (maxTags !== void 0 && tags.length >= maxTags) return false;
+    return true;
+  };
+  return {
+    addTag(tag) {
+      const trimmed = tag.trim();
+      if (!canAdd(trimmed)) return false;
+      tags = [...tags, trimmed];
+      emit();
+      return true;
+    },
+    addTags(nextTags) {
+      let changed = false;
+      for (const tag of nextTags) {
+        if (canAdd(tag)) {
+          tags = [...tags, tag.trim()];
+          changed = true;
+        }
+      }
+      if (changed) emit();
+    },
+    getTags: () => tags,
+    removeAt(index) {
+      if (index < 0 || index >= tags.length) return;
+      tags = tags.filter((_, i) => i !== index);
+      emit();
+    },
+    removeLast() {
+      if (tags.length === 0) return;
+      tags = tags.slice(0, -1);
+      emit();
+    },
+    setTags(next) {
+      tags = [...next];
+      emit();
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => listeners.delete(listener);
+    },
+    updateOptions(next) {
+      if (next.allowDuplicates !== void 0) allowDuplicates = next.allowDuplicates;
+      if (next.maxTags !== void 0) maxTags = next.maxTags;
+      if (next.validate !== void 0) validate = next.validate;
+    }
+  };
+}
+function splitTags(text, delimiters) {
+  if (delimiters.length === 0) return [text.trim()].filter(Boolean);
+  const pattern = delimiters.map((d) => d.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|");
+  return text.split(new RegExp(pattern)).map((part) => part.trim()).filter(Boolean);
+}
+export {
+  createTagsInputStore,
+  splitTags
+};
+//# sourceMappingURL=tags-input-store.js.map

package/dist/components/tags-input/tags-input-store.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tags-input/tags-input-store.ts"],"sourcesContent":["import type { TagsInputStore, TagsInputStoreOptions } from \"./types.js\";\n\nexport function createTagsInputStore(\n  initial: readonly string[] = [],\n  options: TagsInputStoreOptions = {},\n): TagsInputStore {\n  let tags = [...initial];\n  const listeners = new Set<() => void>();\n  let { allowDuplicates = false, maxTags, validate } = options;\n\n  const emit = () => listeners.forEach((listener) => listener());\n\n  const canAdd = (tag: string) => {\n    const trimmed = tag.trim();\n    if (!trimmed) return false;\n    if (validate && !validate(trimmed)) return false;\n    if (!allowDuplicates && tags.includes(trimmed)) return false;\n    if (maxTags !== undefined && tags.length >= maxTags) return false;\n    return true;\n  };\n\n  return {\n    addTag(tag: string) {\n      const trimmed = tag.trim();\n      if (!canAdd(trimmed)) return false;\n      tags = [...tags, trimmed];\n      emit();\n      return true;\n    },\n    addTags(nextTags: readonly string[]) {\n      let changed = false;\n      for (const tag of nextTags) {\n        if (canAdd(tag)) {\n          tags = [...tags, tag.trim()];\n          changed = true;\n        }\n      }\n      if (changed) emit();\n    },\n    getTags: () => tags,\n    removeAt(index: number) {\n      if (index < 0 || index >= tags.length) return;\n      tags = tags.filter((_, i) => i !== index);\n      emit();\n    },\n    removeLast() {\n      if (tags.length === 0) return;\n      tags = tags.slice(0, -1);\n      emit();\n    },\n    setTags(next: readonly string[]) {\n      tags = [...next];\n      emit();\n    },\n    subscribe(listener: () => void) {\n      listeners.add(listener);\n      return () => listeners.delete(listener);\n    },\n    updateOptions(next: TagsInputStoreOptions) {\n      if (next.allowDuplicates !== undefined) allowDuplicates = next.allowDuplicates;\n      if (next.maxTags !== undefined) maxTags = next.maxTags;\n      if (next.validate !== undefined) validate = next.validate;\n    },\n  };\n}\n\nexport function splitTags(text: string, delimiters: readonly string[]): string[] {\n  if (delimiters.length === 0) return [text.trim()].filter(Boolean);\n  const pattern = delimiters.map((d) => d.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\")).join(\"|\");\n  return text\n    .split(new RegExp(pattern))\n    .map((part) => part.trim())\n    .filter(Boolean);\n}\n"],"mappings":"AAEO,SAAS,qBACd,UAA6B,CAAC,GAC9B,UAAiC,CAAC,GAClB;AAChB,MAAI,OAAO,CAAC,GAAG,OAAO;AACtB,QAAM,YAAY,oBAAI,IAAgB;AACtC,MAAI,EAAE,kBAAkB,OAAO,SAAS,SAAS,IAAI;AAErD,QAAM,OAAO,MAAM,UAAU,QAAQ,CAAC,aAAa,SAAS,CAAC;AAE7D,QAAM,SAAS,CAAC,QAAgB;AAC9B,UAAM,UAAU,IAAI,KAAK;AACzB,QAAI,CAAC,QAAS,QAAO;AACrB,QAAI,YAAY,CAAC,SAAS,OAAO,EAAG,QAAO;AAC3C,QAAI,CAAC,mBAAmB,KAAK,SAAS,OAAO,EAAG,QAAO;AACvD,QAAI,YAAY,UAAa,KAAK,UAAU,QAAS,QAAO;AAC5D,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL,OAAO,KAAa;AAClB,YAAM,UAAU,IAAI,KAAK;AACzB,UAAI,CAAC,OAAO,OAAO,EAAG,QAAO;AAC7B,aAAO,CAAC,GAAG,MAAM,OAAO;AACxB,WAAK;AACL,aAAO;AAAA,IACT;AAAA,IACA,QAAQ,UAA6B;AACnC,UAAI,UAAU;AACd,iBAAW,OAAO,UAAU;AAC1B,YAAI,OAAO,GAAG,GAAG;AACf,iBAAO,CAAC,GAAG,MAAM,IAAI,KAAK,CAAC;AAC3B,oBAAU;AAAA,QACZ;AAAA,MACF;AACA,UAAI,QAAS,MAAK;AAAA,IACpB;AAAA,IACA,SAAS,MAAM;AAAA,IACf,SAAS,OAAe;AACtB,UAAI,QAAQ,KAAK,SAAS,KAAK,OAAQ;AACvC,aAAO,KAAK,OAAO,CAAC,GAAG,MAAM,MAAM,KAAK;AACxC,WAAK;AAAA,IACP;AAAA,IACA,aAAa;AACX,UAAI,KAAK,WAAW,EAAG;AACvB,aAAO,KAAK,MAAM,GAAG,EAAE;AACvB,WAAK;AAAA,IACP;AAAA,IACA,QAAQ,MAAyB;AAC/B,aAAO,CAAC,GAAG,IAAI;AACf,WAAK;AAAA,IACP;AAAA,IACA,UAAU,UAAsB;AAC9B,gBAAU,IAAI,QAAQ;AACtB,aAAO,MAAM,UAAU,OAAO,QAAQ;AAAA,IACxC;AAAA,IACA,cAAc,MAA6B;AACzC,UAAI,KAAK,oBAAoB,OAAW,mBAAkB,KAAK;AAC/D,UAAI,KAAK,YAAY,OAAW,WAAU,KAAK;AAC/C,UAAI,KAAK,aAAa,OAAW,YAAW,KAAK;AAAA,IACnD;AAAA,EACF;AACF;AAEO,SAAS,UAAU,MAAc,YAAyC;AAC/E,MAAI,WAAW,WAAW,EAAG,QAAO,CAAC,KAAK,KAAK,CAAC,EAAE,OAAO,OAAO;AAChE,QAAM,UAAU,WAAW,IAAI,CAAC,MAAM,EAAE,QAAQ,uBAAuB,MAAM,CAAC,EAAE,KAAK,GAAG;AACxF,SAAO,KACJ,MAAM,IAAI,OAAO,OAAO,CAAC,EACzB,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,EACzB,OAAO,OAAO;AACnB;","names":[]}

package/dist/components/tags-input/types.d.ts

@@ -0,0 +1,75 @@
+import type { ElementType, ReactNode } from "react";
+import type { RenderableProps } from "@gunkin/uiify/core/render";
+export interface TagsInputStoreOptions {
+    readonly allowDuplicates?: boolean;
+    readonly maxTags?: number;
+    readonly validate?: (tag: string) => boolean;
+}
+export interface TagsInputStore {
+    readonly addTag: (tag: string) => boolean;
+    readonly addTags: (nextTags: readonly string[]) => void;
+    readonly getTags: () => string[];
+    readonly removeAt: (index: number) => void;
+    readonly removeLast: () => void;
+    readonly setTags: (next: readonly string[]) => void;
+    readonly subscribe: (listener: () => void) => () => void;
+    readonly updateOptions: (next: TagsInputStoreOptions) => void;
+}
+export interface TagsInputContextValue {
+    readonly addOnPaste: boolean;
+    readonly addTag: (tag: string) => void;
+    readonly delimiters: readonly string[];
+    readonly disabled: boolean;
+    readonly inputId: string;
+    readonly inputValue: string;
+    readonly listId: string;
+    readonly removeAt: (index: number) => void;
+    readonly setInputValue: (value: string) => void;
+    readonly store: TagsInputStore;
+}
+export interface TagsInputRootShellOwnProps {
+    readonly addOnPaste?: boolean;
+    readonly allowDuplicates?: boolean;
+    readonly defaultValue?: readonly string[];
+    readonly delimiters?: readonly string[];
+    readonly disabled?: boolean;
+    readonly id?: string;
+    readonly items?: readonly string[];
+    readonly maxTags?: number;
+    readonly validate?: (tag: string) => boolean;
+}
+export interface TagsInputRootControlledOwnProps {
+    readonly onChange?: (tags: string[]) => void;
+    readonly value?: readonly string[];
+}
+export interface TagsInputRootShellProps extends TagsInputRootShellOwnProps {
+    readonly children?: ReactNode;
+}
+export interface TagsInputRootProps extends TagsInputRootShellOwnProps, TagsInputRootControlledOwnProps {
+    readonly children?: ReactNode;
+}
+export interface TagsInputInputOwnProps {
+    readonly className?: string;
+    readonly placeholder?: string;
+}
+export type TagsInputInputProps<TAs extends ElementType = "input"> = RenderableProps<TAs, TagsInputInputOwnProps, {
+    disabled: boolean;
+}, HTMLInputElement>;
+export interface TagsInputListOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+}
+export interface TagsInputTagOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+    readonly index: number;
+    readonly value: string;
+}
+export type TagsInputTagProps<TAs extends ElementType = "li"> = RenderableProps<TAs, TagsInputTagOwnProps, {
+    current: boolean;
+}, HTMLElement>;
+export interface TagsInputTagRemoveOwnProps {
+    readonly className?: string;
+    readonly index: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/tags-input/types.d.ts.map

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

package/dist/components/tags-input/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/tags-input/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/tags-input.d.ts

@@ -0,0 +1 @@
+export * from "./tags-input/index.js";

package/dist/components/tags-input.js

@@ -0,0 +1 @@
+export * from "./tags-input/index.js";

package/dist/components/textarea/Textarea.d.ts

@@ -0,0 +1,4 @@
+import type { ElementType, ReactElement } from "react";
+import type { TextareaProps } from "./types.js";
+export declare function Textarea<TAs extends ElementType = "textarea">(props: TextareaProps<TAs>): ReactElement | null;
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/components/textarea/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAkB,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,QAAQ,CAAC,GAAG,SAAS,WAAW,GAAG,UAAU,EAC3D,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,GACxB,YAAY,GAAG,IAAI,CA4CrB"}

package/dist/components/textarea/Textarea.js

@@ -0,0 +1,43 @@
+import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
+import { useRenderElement } from "@gunkin/uiify/core/render";
+function Textarea(props) {
+  const {
+    as,
+    render,
+    value,
+    defaultValue,
+    onValueChange,
+    autoSize = false,
+    disabled = false,
+    readOnly = false,
+    invalid = false,
+    ...consumerProps
+  } = props;
+  const isControlled = value !== void 0;
+  const handleChange = (event) => {
+    onValueChange?.(event.currentTarget.value);
+  };
+  const consumerOnChange = consumerProps.onChange;
+  return useRenderElement({
+    as,
+    defaultTag: "textarea",
+    props: {
+      ...consumerProps,
+      "aria-invalid": invalid || void 0,
+      "data-autosize": autoSize ? "" : void 0,
+      "data-disabled": disabled ? "" : void 0,
+      "data-readonly": readOnly ? "" : void 0,
+      "data-invalid": invalid ? "" : void 0,
+      disabled: disabled || void 0,
+      readOnly: readOnly || void 0,
+      onChange: composeEventHandlers(consumerOnChange, handleChange),
+      ...isControlled ? { value } : defaultValue !== void 0 ? { defaultValue } : {}
+    },
+    render,
+    state: { autoSize, disabled, readOnly, invalid }
+  });
+}
+export {
+  Textarea
+};
+//# sourceMappingURL=Textarea.js.map

package/dist/components/textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/textarea/Textarea.tsx"],"sourcesContent":["import type { ElementType, ReactElement, SyntheticEvent } from \"react\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { TextareaProps } from \"./types.js\";\n\nexport function Textarea<TAs extends ElementType = \"textarea\">(\n  props: TextareaProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    value,\n    defaultValue,\n    onValueChange,\n    autoSize = false,\n    disabled = false,\n    readOnly = false,\n    invalid = false,\n    ...consumerProps\n  } = props as TextareaProps<\"textarea\">;\n\n  const isControlled = value !== undefined;\n\n  const handleChange = (event: SyntheticEvent<HTMLTextAreaElement>): void => {\n    onValueChange?.(event.currentTarget.value);\n  };\n\n  const consumerOnChange = (\n    consumerProps as Record<string, unknown> & {\n      onChange?: (event: SyntheticEvent<HTMLTextAreaElement>) => void;\n    }\n  ).onChange;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"textarea\",\n    props: {\n      ...consumerProps,\n      \"aria-invalid\": invalid || undefined,\n      \"data-autosize\": autoSize ? \"\" : undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-readonly\": readOnly ? \"\" : undefined,\n      \"data-invalid\": invalid ? \"\" : undefined,\n      disabled: disabled || undefined,\n      readOnly: readOnly || undefined,\n      onChange: composeEventHandlers(consumerOnChange, handleChange),\n      ...(isControlled ? { value } : defaultValue !== undefined ? { defaultValue } : {}),\n    },\n    render,\n    state: { autoSize, disabled, readOnly, invalid },\n  });\n}\n"],"mappings":"AACA,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAG1B,SAAS,SACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,eAAe,UAAU;AAE/B,QAAM,eAAe,CAAC,UAAqD;AACzE,oBAAgB,MAAM,cAAc,KAAK;AAAA,EAC3C;AAEA,QAAM,mBACJ,cAGA;AAEF,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,gBAAgB,WAAW;AAAA,MAC3B,iBAAiB,WAAW,KAAK;AAAA,MACjC,iBAAiB,WAAW,KAAK;AAAA,MACjC,iBAAiB,WAAW,KAAK;AAAA,MACjC,gBAAgB,UAAU,KAAK;AAAA,MAC/B,UAAU,YAAY;AAAA,MACtB,UAAU,YAAY;AAAA,MACtB,UAAU,qBAAqB,kBAAkB,YAAY;AAAA,MAC7D,GAAI,eAAe,EAAE,MAAM,IAAI,iBAAiB,SAAY,EAAE,aAAa,IAAI,CAAC;AAAA,IAClF;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,UAAU,UAAU,QAAQ;AAAA,EACjD,CAAC;AACH;","names":[]}

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

@@ -0,0 +1,3 @@
+export { Textarea } from "./Textarea.js";
+export type { TextareaOwnProps, TextareaProps } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/textarea/index.js

@@ -0,0 +1,5 @@
+import { Textarea } from "./Textarea.js";
+export {
+  Textarea
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/textarea/index.ts"],"sourcesContent":["export { Textarea } from \"./Textarea.js\";\nexport type { TextareaOwnProps, TextareaProps } from \"./types.js\";\n"],"mappings":"AAAA,SAAS,gBAAgB;","names":[]}

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

@@ -0,0 +1,13 @@
+import type { ElementType } from "react";
+import type { RenderableProps } from "@gunkin/uiify/core/render";
+export interface TextareaOwnProps {
+    readonly value?: string;
+    readonly defaultValue?: string;
+    readonly onValueChange?: (value: string) => void;
+    readonly autoSize?: boolean;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly invalid?: boolean;
+}
+export type TextareaProps<TAs extends ElementType = "textarea"> = RenderableProps<TAs, TextareaOwnProps, TextareaOwnProps, HTMLTextAreaElement>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,MAAM,aAAa,CAAC,GAAG,SAAS,WAAW,GAAG,UAAU,IAAI,eAAe,CAC/E,GAAG,EACH,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,CACpB,CAAC"}

package/dist/components/textarea/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/textarea.d.ts

@@ -0,0 +1 @@
+export * from "./textarea/index.js";

package/dist/components/textarea.js

@@ -0,0 +1 @@
+export * from "./textarea/index.js";