@gunkin/uiify 0.0.1-alpha

package/dist/components/file-upload/FileUpload.js

@@ -0,0 +1,233 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useMemo, useRef, useSyncExternalStore } from "react";
+import { useControllableState, useId } from "@gunkin/uiify/hooks";
+import { createPartContext } from "@gunkin/uiify/core";
+import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
+import { useRenderElement } from "@gunkin/uiify/core/render";
+import { createFileUploadStore, validateFiles } from "./file-upload-store.js";
+const [FileUploadProvider, useFileUploadContext] = createPartContext("FileUpload");
+function FileUploadRootClient(props) {
+  const {
+    accept = [],
+    children,
+    defaultValue = [],
+    disabled = false,
+    maxFiles,
+    maxSize,
+    minSize,
+    multiple = false,
+    onChange,
+    onReject,
+    value: controlledValue
+  } = props;
+  const inputId = useId();
+  const hiddenInputRef = useRef(null);
+  const [files, setFiles] = useControllableState({
+    defaultValue: [...defaultValue],
+    ...controlledValue !== void 0 ? { value: [...controlledValue] } : {},
+    ...onChange ? { onChange } : {}
+  });
+  const storeRef = useRef(null);
+  storeRef.current ??= createFileUploadStore(files);
+  const store = storeRef.current;
+  const processFiles = useCallback(
+    (list) => {
+      if (disabled) return;
+      const incoming = Array.from(list);
+      const { accepted, rejected } = validateFiles(incoming, {
+        accept,
+        multiple,
+        ...maxFiles !== void 0 ? { maxFiles } : {},
+        ...maxSize !== void 0 ? { maxSize } : {},
+        ...minSize !== void 0 ? { minSize } : {}
+      });
+      if (rejected.length > 0) onReject?.(rejected);
+      if (accepted.length === 0) return;
+      const next = multiple ? [...store.getFiles(), ...accepted] : accepted;
+      store.setFiles(next);
+      setFiles(next);
+    },
+    [accept, disabled, maxFiles, maxSize, minSize, multiple, onReject, setFiles, store]
+  );
+  const openPicker = useCallback(() => {
+    hiddenInputRef.current?.click();
+  }, []);
+  const removeAt = useCallback(
+    (index) => {
+      store.removeAt(index);
+      setFiles(store.getFiles());
+    },
+    [setFiles, store]
+  );
+  const contextValue = useMemo(
+    () => ({
+      accept,
+      disabled,
+      hiddenInputRef,
+      inputId,
+      multiple,
+      openPicker,
+      processFiles,
+      removeAt,
+      store
+    }),
+    [accept, disabled, inputId, multiple, openPicker, processFiles, removeAt, store]
+  );
+  return /* @__PURE__ */ jsx(FileUploadProvider, { value: contextValue, children });
+}
+FileUploadRootClient.displayName = "FileUploadRootClient";
+const FileUploadRoot = FileUploadRootClient;
+function FileUploadHiddenInput(props) {
+  const { className } = props;
+  const { accept, disabled, hiddenInputRef, inputId, multiple, processFiles } = useFileUploadContext("HiddenInput");
+  return useRenderElement({
+    defaultTag: "input",
+    props: {
+      ref: hiddenInputRef,
+      id: inputId,
+      type: "file",
+      tabIndex: -1,
+      accept: accept.length > 0 ? accept.join(",") : void 0,
+      multiple: multiple || void 0,
+      style: {
+        border: 0,
+        clip: "rect(0 0 0 0)",
+        height: "1px",
+        margin: "-1px",
+        overflow: "hidden",
+        padding: 0,
+        position: "absolute",
+        whiteSpace: "nowrap",
+        width: "1px"
+      },
+      disabled: disabled || void 0,
+      ...className ? { className } : {},
+      onChange(event) {
+        const list = event.currentTarget.files;
+        if (list) processFiles(list);
+        event.currentTarget.value = "";
+      }
+    },
+    state: { disabled }
+  });
+}
+function FileUploadTrigger(props) {
+  const { as, render, className, children, ...consumerProps } = props;
+  const { disabled, inputId, openPicker } = useFileUploadContext("Trigger");
+  const tag = typeof as === "string" ? as : void 0;
+  const { onClick: consumerOnClick } = consumerProps;
+  const interactiveProps = tag === "button" ? {
+    type: "button",
+    "aria-controls": inputId,
+    disabled: disabled || void 0,
+    onClick: composeEventHandlers(consumerOnClick, openPicker)
+  } : {
+    htmlFor: inputId,
+    "aria-controls": inputId
+  };
+  return useRenderElement({
+    as,
+    defaultTag: "label",
+    props: {
+      ...consumerProps,
+      ...interactiveProps,
+      ...className ? { className } : {},
+      children
+    },
+    render,
+    state: { disabled }
+  });
+}
+function FileUploadDropzone(props) {
+  const { as, render, className, children, ...consumerProps } = props;
+  const { disabled, processFiles } = useFileUploadContext("Dropzone");
+  const { onDragOver: consumerOnDragOver, onDrop: consumerOnDrop } = consumerProps;
+  return useRenderElement({
+    as,
+    defaultTag: "div",
+    props: {
+      ...consumerProps,
+      role: "region",
+      "aria-label": "Drop files here",
+      "data-disabled": disabled ? "" : void 0,
+      onDragOver: composeEventHandlers(consumerOnDragOver, (event) => {
+        event.preventDefault();
+      }),
+      onDrop: composeEventHandlers(consumerOnDrop, (event) => {
+        event.preventDefault();
+        if (disabled) return;
+        processFiles(event.dataTransfer.files);
+      }),
+      ...className ? { className } : {},
+      children
+    },
+    render,
+    state: { disabled }
+  });
+}
+function FileUploadList(props) {
+  const { children, className } = props;
+  return useRenderElement({
+    defaultTag: "ul",
+    props: { role: "list", ...className ? { className } : {}, children },
+    state: {}
+  });
+}
+function FileUploadItem(props) {
+  const { as, render, children, className, index, ...consumerProps } = props;
+  const { store } = useFileUploadContext("Item");
+  const files = useSyncExternalStore(store.subscribe, store.getFiles, store.getFiles);
+  const file = files[index];
+  const element = useRenderElement({
+    as,
+    defaultTag: "li",
+    props: {
+      ...consumerProps,
+      role: "listitem",
+      "data-name": file?.name,
+      ...className ? { className } : {},
+      children: children ?? file?.name
+    },
+    render,
+    state: { index }
+  });
+  if (!file) return null;
+  return element;
+}
+function FileUploadItemRemove(props) {
+  const { className, index } = props;
+  const { disabled, removeAt } = useFileUploadContext("ItemRemove");
+  return useRenderElement({
+    defaultTag: "button",
+    props: {
+      type: "button",
+      "aria-label": "Remove file",
+      disabled: disabled || void 0,
+      ...className ? { className } : {},
+      onClick: () => removeAt(index)
+    },
+    state: { disabled }
+  });
+}
+const FileUpload = {
+  Dropzone: FileUploadDropzone,
+  HiddenInput: FileUploadHiddenInput,
+  Item: FileUploadItem,
+  ItemRemove: FileUploadItemRemove,
+  List: FileUploadList,
+  Root: FileUploadRoot,
+  Trigger: FileUploadTrigger
+};
+export {
+  FileUpload,
+  FileUploadDropzone,
+  FileUploadHiddenInput,
+  FileUploadItem,
+  FileUploadItemRemove,
+  FileUploadList,
+  FileUploadRoot,
+  FileUploadRootClient,
+  FileUploadTrigger
+};
+//# sourceMappingURL=FileUpload.js.map

package/dist/components/file-upload/FileUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/file-upload/FileUpload.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useRef, useSyncExternalStore } from \"react\";\nimport type { ElementType, DragEvent, ReactElement, SyntheticEvent } from \"react\";\nimport { useControllableState, useId } from \"@gunkin/uiify/hooks\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { createFileUploadStore, validateFiles } from \"./file-upload-store.js\";\nimport type {\n  FileUploadStore,\n  FileUploadContextValue,\n  FileUploadRootProps,\n  FileUploadHiddenInputOwnProps,\n  FileUploadTriggerProps,\n  FileUploadDropzoneProps,\n  FileUploadListOwnProps,\n  FileUploadItemProps,\n  FileUploadItemRemoveOwnProps,\n} from \"./types.js\";\n\nconst [FileUploadProvider, useFileUploadContext] =\n  createPartContext<FileUploadContextValue>(\"FileUpload\");\n\nexport function FileUploadRootClient(props: FileUploadRootProps): ReactElement | null {\n  const {\n    accept = [],\n    children,\n    defaultValue = [],\n    disabled = false,\n    maxFiles,\n    maxSize,\n    minSize,\n    multiple = false,\n    onChange,\n    onReject,\n    value: controlledValue,\n  } = props;\n\n  const inputId = useId();\n  const hiddenInputRef = useRef<HTMLInputElement | null>(null);\n  const [files, setFiles] = useControllableState<File[]>({\n    defaultValue: [...defaultValue],\n    ...(controlledValue !== undefined ? { value: [...controlledValue] } : {}),\n    ...(onChange ? { onChange } : {}),\n  });\n\n  const storeRef = useRef<FileUploadStore | null>(null);\n  storeRef.current ??= createFileUploadStore(files);\n  const store = storeRef.current;\n\n  const processFiles = useCallback(\n    (list: FileList | readonly File[]) => {\n      if (disabled) return;\n      const incoming = Array.from(list);\n      const { accepted, rejected } = validateFiles(incoming, {\n        accept,\n        multiple,\n        ...(maxFiles !== undefined ? { maxFiles } : {}),\n        ...(maxSize !== undefined ? { maxSize } : {}),\n        ...(minSize !== undefined ? { minSize } : {}),\n      });\n      if (rejected.length > 0) onReject?.(rejected);\n      if (accepted.length === 0) return;\n      const next = multiple ? [...store.getFiles(), ...accepted] : accepted;\n      store.setFiles(next);\n      setFiles(next);\n    },\n    [accept, disabled, maxFiles, maxSize, minSize, multiple, onReject, setFiles, store],\n  );\n\n  const openPicker = useCallback(() => {\n    hiddenInputRef.current?.click();\n  }, []);\n\n  const removeAt = useCallback(\n    (index: number) => {\n      store.removeAt(index);\n      setFiles(store.getFiles());\n    },\n    [setFiles, store],\n  );\n\n  const contextValue = useMemo(\n    () => ({\n      accept,\n      disabled,\n      hiddenInputRef,\n      inputId,\n      multiple,\n      openPicker,\n      processFiles,\n      removeAt,\n      store,\n    }),\n    [accept, disabled, inputId, multiple, openPicker, processFiles, removeAt, store],\n  );\n\n  return <FileUploadProvider value={contextValue}>{children}</FileUploadProvider>;\n}\nFileUploadRootClient.displayName = \"FileUploadRootClient\";\n\nexport const FileUploadRoot = FileUploadRootClient;\n\nexport function FileUploadHiddenInput(props: FileUploadHiddenInputOwnProps): ReactElement | null {\n  const { className } = props;\n  const { accept, disabled, hiddenInputRef, inputId, multiple, processFiles } =\n    useFileUploadContext(\"HiddenInput\");\n\n  return useRenderElement({\n    defaultTag: \"input\",\n    props: {\n      ref: hiddenInputRef,\n      id: inputId,\n      type: \"file\",\n      tabIndex: -1,\n      accept: accept.length > 0 ? accept.join(\",\") : undefined,\n      multiple: multiple || undefined,\n      style: {\n        border: 0,\n        clip: \"rect(0 0 0 0)\",\n        height: \"1px\",\n        margin: \"-1px\",\n        overflow: \"hidden\",\n        padding: 0,\n        position: \"absolute\",\n        whiteSpace: \"nowrap\",\n        width: \"1px\",\n      },\n      disabled: disabled || undefined,\n      ...(className ? { className } : {}),\n      onChange(event: SyntheticEvent<HTMLInputElement>) {\n        const list = event.currentTarget.files;\n        if (list) processFiles(list);\n        event.currentTarget.value = \"\";\n      },\n    },\n    state: { disabled },\n  });\n}\n\nexport function FileUploadTrigger<TAs extends ElementType = \"label\">(\n  props: FileUploadTriggerProps<TAs>,\n): ReactElement | null {\n  const { as, render, className, children, ...consumerProps } =\n    props as FileUploadTriggerProps<ElementType>;\n  const { disabled, inputId, openPicker } = useFileUploadContext(\"Trigger\");\n  const tag = typeof as === \"string\" ? as : undefined;\n  const { onClick: consumerOnClick } = consumerProps as {\n    onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n  };\n  const interactiveProps =\n    tag === \"button\"\n      ? {\n          type: \"button\" as const,\n          \"aria-controls\": inputId,\n          disabled: disabled || undefined,\n          onClick: composeEventHandlers(consumerOnClick, openPicker),\n        }\n      : {\n          htmlFor: inputId,\n          \"aria-controls\": inputId,\n        };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"label\",\n    props: {\n      ...consumerProps,\n      ...interactiveProps,\n      ...(className ? { className } : {}),\n      children,\n    },\n    render,\n    state: { disabled },\n  });\n}\n\nexport function FileUploadDropzone<TAs extends ElementType = \"div\">(\n  props: FileUploadDropzoneProps<TAs>,\n): ReactElement | null {\n  const { as, render, className, children, ...consumerProps } =\n    props as FileUploadDropzoneProps<\"div\">;\n  const { disabled, processFiles } = useFileUploadContext(\"Dropzone\");\n  const { onDragOver: consumerOnDragOver, onDrop: consumerOnDrop } = consumerProps as {\n    onDragOver?: (event: DragEvent<HTMLElement>) => void;\n    onDrop?: (event: DragEvent<HTMLElement>) => void;\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      role: \"region\",\n      \"aria-label\": \"Drop files here\",\n      \"data-disabled\": disabled ? \"\" : undefined,\n      onDragOver: composeEventHandlers(consumerOnDragOver, (event: DragEvent<HTMLElement>) => {\n        event.preventDefault();\n      }),\n      onDrop: composeEventHandlers(consumerOnDrop, (event: DragEvent<HTMLElement>) => {\n        event.preventDefault();\n        if (disabled) return;\n        processFiles(event.dataTransfer.files);\n      }),\n      ...(className ? { className } : {}),\n      children,\n    },\n    render,\n    state: { disabled },\n  });\n}\n\nexport function FileUploadList(props: FileUploadListOwnProps): ReactElement | null {\n  const { children, className } = props;\n  return useRenderElement({\n    defaultTag: \"ul\",\n    props: { role: \"list\", ...(className ? { className } : {}), children },\n    state: {},\n  });\n}\n\nexport function FileUploadItem<TAs extends ElementType = \"li\">(\n  props: FileUploadItemProps<TAs>,\n): ReactElement | null {\n  const { as, render, children, className, index, ...consumerProps } =\n    props as FileUploadItemProps<\"li\">;\n  const { store } = useFileUploadContext(\"Item\");\n  const files = useSyncExternalStore(store.subscribe, store.getFiles, store.getFiles);\n  const file = files[index];\n\n  const element = useRenderElement({\n    as,\n    defaultTag: \"li\",\n    props: {\n      ...consumerProps,\n      role: \"listitem\",\n      \"data-name\": file?.name,\n      ...(className ? { className } : {}),\n      children: children ?? file?.name,\n    },\n    render,\n    state: { index },\n  });\n\n  if (!file) return null;\n  return element;\n}\n\nexport function FileUploadItemRemove(props: FileUploadItemRemoveOwnProps): ReactElement | null {\n  const { className, index } = props;\n  const { disabled, removeAt } = useFileUploadContext(\"ItemRemove\");\n\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      type: \"button\",\n      \"aria-label\": \"Remove file\",\n      disabled: disabled || undefined,\n      ...(className ? { className } : {}),\n      onClick: () => removeAt(index),\n    },\n    state: { disabled },\n  });\n}\n\nexport const FileUpload = {\n  Dropzone: FileUploadDropzone,\n  HiddenInput: FileUploadHiddenInput,\n  Item: FileUploadItem,\n  ItemRemove: FileUploadItemRemove,\n  List: FileUploadList,\n  Root: FileUploadRoot,\n  Trigger: FileUploadTrigger,\n};\n"],"mappings":"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","names":[]}

package/dist/components/file-upload/file-upload-store.d.ts

@@ -0,0 +1,7 @@
+import type { FileRejection, FileUploadStore, FileUploadStoreOptions } from "./types.js";
+export declare function validateFiles(files: readonly File[], options: FileUploadStoreOptions): {
+    accepted: File[];
+    rejected: FileRejection[];
+};
+export declare function createFileUploadStore(initial?: readonly File[]): FileUploadStore;
+//# sourceMappingURL=file-upload-store.d.ts.map

package/dist/components/file-upload/file-upload-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-store.d.ts","sourceRoot":"","sources":["../../../src/components/file-upload/file-upload-store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAczF,wBAAgB,aAAa,CAC3B,KAAK,EAAE,SAAS,IAAI,EAAE,EACtB,OAAO,EAAE,sBAAsB,GAC9B;IAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAAC,QAAQ,EAAE,aAAa,EAAE,CAAA;CAAE,CAuBjD;AAED,wBAAgB,qBAAqB,CAAC,OAAO,GAAE,SAAS,IAAI,EAAO,GAAG,eAAe,CA4BpF"}

package/dist/components/file-upload/file-upload-store.js

@@ -0,0 +1,66 @@
+function matchesAccept(file, accept) {
+  if (accept.length === 0) return true;
+  return accept.some((pattern) => {
+    if (pattern.startsWith(".")) return file.name.toLowerCase().endsWith(pattern.toLowerCase());
+    if (pattern.endsWith("/*")) {
+      const prefix = pattern.slice(0, -1);
+      return file.type.startsWith(prefix);
+    }
+    return file.type === pattern;
+  });
+}
+function validateFiles(files, options) {
+  const { accept = [], maxFiles, maxSize, minSize = 0, multiple = false } = options;
+  const accepted = [];
+  const rejected = [];
+  const limit = multiple ? maxFiles : 1;
+  for (const file of files) {
+    if (limit !== void 0 && accepted.length >= limit) {
+      rejected.push({ file, reason: "max-files" });
+      continue;
+    }
+    if (!matchesAccept(file, accept)) {
+      rejected.push({ file, reason: "accept" });
+      continue;
+    }
+    if (file.size < minSize || maxSize !== void 0 && file.size > maxSize) {
+      rejected.push({ file, reason: "max-size" });
+      continue;
+    }
+    accepted.push(file);
+  }
+  return { accepted, rejected };
+}
+function createFileUploadStore(initial = []) {
+  let files = [...initial];
+  const listeners = /* @__PURE__ */ new Set();
+  return {
+    addFiles(next) {
+      files = [...files, ...next];
+      listeners.forEach((listener) => listener());
+    },
+    clear() {
+      files = [];
+      listeners.forEach((listener) => listener());
+    },
+    getFiles: () => files,
+    removeAt(index) {
+      if (index < 0 || index >= files.length) return;
+      files = files.filter((_, i) => i !== index);
+      listeners.forEach((listener) => listener());
+    },
+    setFiles(next) {
+      files = [...next];
+      listeners.forEach((listener) => listener());
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => listeners.delete(listener);
+    }
+  };
+}
+export {
+  createFileUploadStore,
+  validateFiles
+};
+//# sourceMappingURL=file-upload-store.js.map

package/dist/components/file-upload/file-upload-store.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/file-upload/file-upload-store.ts"],"sourcesContent":["import type { FileRejection, FileUploadStore, FileUploadStoreOptions } from \"./types.js\";\n\nfunction matchesAccept(file: File, accept: readonly string[]): boolean {\n  if (accept.length === 0) return true;\n  return accept.some((pattern) => {\n    if (pattern.startsWith(\".\")) return file.name.toLowerCase().endsWith(pattern.toLowerCase());\n    if (pattern.endsWith(\"/*\")) {\n      const prefix = pattern.slice(0, -1);\n      return file.type.startsWith(prefix);\n    }\n    return file.type === pattern;\n  });\n}\n\nexport function validateFiles(\n  files: readonly File[],\n  options: FileUploadStoreOptions,\n): { accepted: File[]; rejected: FileRejection[] } {\n  const { accept = [], maxFiles, maxSize, minSize = 0, multiple = false } = options;\n  const accepted: File[] = [];\n  const rejected: FileRejection[] = [];\n  const limit = multiple ? maxFiles : 1;\n\n  for (const file of files) {\n    if (limit !== undefined && accepted.length >= limit) {\n      rejected.push({ file, reason: \"max-files\" });\n      continue;\n    }\n    if (!matchesAccept(file, accept)) {\n      rejected.push({ file, reason: \"accept\" });\n      continue;\n    }\n    if (file.size < minSize || (maxSize !== undefined && file.size > maxSize)) {\n      rejected.push({ file, reason: \"max-size\" });\n      continue;\n    }\n    accepted.push(file);\n  }\n\n  return { accepted, rejected };\n}\n\nexport function createFileUploadStore(initial: readonly File[] = []): FileUploadStore {\n  let files = [...initial];\n  const listeners = new Set<() => void>();\n\n  return {\n    addFiles(next: readonly File[]) {\n      files = [...files, ...next];\n      listeners.forEach((listener) => listener());\n    },\n    clear() {\n      files = [];\n      listeners.forEach((listener) => listener());\n    },\n    getFiles: () => files,\n    removeAt(index: number) {\n      if (index < 0 || index >= files.length) return;\n      files = files.filter((_, i) => i !== index);\n      listeners.forEach((listener) => listener());\n    },\n    setFiles(next: readonly File[]) {\n      files = [...next];\n      listeners.forEach((listener) => listener());\n    },\n    subscribe(listener: () => void) {\n      listeners.add(listener);\n      return () => listeners.delete(listener);\n    },\n  };\n}\n"],"mappings":"AAEA,SAAS,cAAc,MAAY,QAAoC;AACrE,MAAI,OAAO,WAAW,EAAG,QAAO;AAChC,SAAO,OAAO,KAAK,CAAC,YAAY;AAC9B,QAAI,QAAQ,WAAW,GAAG,EAAG,QAAO,KAAK,KAAK,YAAY,EAAE,SAAS,QAAQ,YAAY,CAAC;AAC1F,QAAI,QAAQ,SAAS,IAAI,GAAG;AAC1B,YAAM,SAAS,QAAQ,MAAM,GAAG,EAAE;AAClC,aAAO,KAAK,KAAK,WAAW,MAAM;AAAA,IACpC;AACA,WAAO,KAAK,SAAS;AAAA,EACvB,CAAC;AACH;AAEO,SAAS,cACd,OACA,SACiD;AACjD,QAAM,EAAE,SAAS,CAAC,GAAG,UAAU,SAAS,UAAU,GAAG,WAAW,MAAM,IAAI;AAC1E,QAAM,WAAmB,CAAC;AAC1B,QAAM,WAA4B,CAAC;AACnC,QAAM,QAAQ,WAAW,WAAW;AAEpC,aAAW,QAAQ,OAAO;AACxB,QAAI,UAAU,UAAa,SAAS,UAAU,OAAO;AACnD,eAAS,KAAK,EAAE,MAAM,QAAQ,YAAY,CAAC;AAC3C;AAAA,IACF;AACA,QAAI,CAAC,cAAc,MAAM,MAAM,GAAG;AAChC,eAAS,KAAK,EAAE,MAAM,QAAQ,SAAS,CAAC;AACxC;AAAA,IACF;AACA,QAAI,KAAK,OAAO,WAAY,YAAY,UAAa,KAAK,OAAO,SAAU;AACzE,eAAS,KAAK,EAAE,MAAM,QAAQ,WAAW,CAAC;AAC1C;AAAA,IACF;AACA,aAAS,KAAK,IAAI;AAAA,EACpB;AAEA,SAAO,EAAE,UAAU,SAAS;AAC9B;AAEO,SAAS,sBAAsB,UAA2B,CAAC,GAAoB;AACpF,MAAI,QAAQ,CAAC,GAAG,OAAO;AACvB,QAAM,YAAY,oBAAI,IAAgB;AAEtC,SAAO;AAAA,IACL,SAAS,MAAuB;AAC9B,cAAQ,CAAC,GAAG,OAAO,GAAG,IAAI;AAC1B,gBAAU,QAAQ,CAAC,aAAa,SAAS,CAAC;AAAA,IAC5C;AAAA,IACA,QAAQ;AACN,cAAQ,CAAC;AACT,gBAAU,QAAQ,CAAC,aAAa,SAAS,CAAC;AAAA,IAC5C;AAAA,IACA,UAAU,MAAM;AAAA,IAChB,SAAS,OAAe;AACtB,UAAI,QAAQ,KAAK,SAAS,MAAM,OAAQ;AACxC,cAAQ,MAAM,OAAO,CAAC,GAAG,MAAM,MAAM,KAAK;AAC1C,gBAAU,QAAQ,CAAC,aAAa,SAAS,CAAC;AAAA,IAC5C;AAAA,IACA,SAAS,MAAuB;AAC9B,cAAQ,CAAC,GAAG,IAAI;AAChB,gBAAU,QAAQ,CAAC,aAAa,SAAS,CAAC;AAAA,IAC5C;AAAA,IACA,UAAU,UAAsB;AAC9B,gBAAU,IAAI,QAAQ;AACtB,aAAO,MAAM,UAAU,OAAO,QAAQ;AAAA,IACxC;AAAA,EACF;AACF;","names":[]}

package/dist/components/file-upload/index.d.ts

@@ -0,0 +1,5 @@
+export { FileUpload, FileUploadDropzone, FileUploadHiddenInput, FileUploadItem, FileUploadItemRemove, FileUploadList, FileUploadRoot, FileUploadTrigger, } from "./FileUpload.js";
+export type { FileUploadDropzoneOwnProps, FileUploadDropzoneProps, FileUploadItemOwnProps, FileUploadItemProps, FileUploadRootOwnProps, FileUploadRootProps, FileUploadTriggerOwnProps, FileUploadTriggerProps, FileRejection, } from "./types.js";
+export type { FileUploadStore } from "./types.js";
+export { validateFiles } from "./file-upload-store.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/file-upload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/file-upload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,qBAAqB,EACrB,cAAc,EACd,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,0BAA0B,EAC1B,uBAAuB,EACvB,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,yBAAyB,EACzB,sBAAsB,EACtB,aAAa,GACd,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/file-upload/index.js

@@ -0,0 +1,23 @@
+import {
+  FileUpload,
+  FileUploadDropzone,
+  FileUploadHiddenInput,
+  FileUploadItem,
+  FileUploadItemRemove,
+  FileUploadList,
+  FileUploadRoot,
+  FileUploadTrigger
+} from "./FileUpload.js";
+import { validateFiles } from "./file-upload-store.js";
+export {
+  FileUpload,
+  FileUploadDropzone,
+  FileUploadHiddenInput,
+  FileUploadItem,
+  FileUploadItemRemove,
+  FileUploadList,
+  FileUploadRoot,
+  FileUploadTrigger,
+  validateFiles
+};
+//# sourceMappingURL=index.js.map

package/dist/components/file-upload/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/file-upload/index.ts"],"sourcesContent":["export {\n  FileUpload,\n  FileUploadDropzone,\n  FileUploadHiddenInput,\n  FileUploadItem,\n  FileUploadItemRemove,\n  FileUploadList,\n  FileUploadRoot,\n  FileUploadTrigger,\n} from \"./FileUpload.js\";\nexport type {\n  FileUploadDropzoneOwnProps,\n  FileUploadDropzoneProps,\n  FileUploadItemOwnProps,\n  FileUploadItemProps,\n  FileUploadRootOwnProps,\n  FileUploadRootProps,\n  FileUploadTriggerOwnProps,\n  FileUploadTriggerProps,\n  FileRejection,\n} from \"./types.js\";\nexport type { FileUploadStore } from \"./types.js\";\nexport { validateFiles } from \"./file-upload-store.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAaP,SAAS,qBAAqB;","names":[]}

package/dist/components/file-upload/types.d.ts

@@ -0,0 +1,81 @@
+import type { ElementType, ReactNode, RefObject } from "react";
+import type { RenderableProps } from "@gunkin/uiify/core/render";
+export interface FileRejection {
+    readonly file: File;
+    readonly reason: "accept" | "max-size" | "max-files";
+}
+export interface FileUploadStoreOptions {
+    readonly accept?: readonly string[];
+    readonly maxFiles?: number;
+    readonly maxSize?: number;
+    readonly minSize?: number;
+    readonly multiple?: boolean;
+}
+export interface FileUploadStore {
+    readonly addFiles: (next: readonly File[]) => void;
+    readonly clear: () => void;
+    readonly getFiles: () => File[];
+    readonly removeAt: (index: number) => void;
+    readonly setFiles: (next: readonly File[]) => void;
+    readonly subscribe: (listener: () => void) => () => void;
+}
+export interface FileUploadContextValue {
+    readonly accept: readonly string[];
+    readonly disabled: boolean;
+    readonly hiddenInputRef: RefObject<HTMLInputElement | null>;
+    readonly inputId: string;
+    readonly multiple: boolean;
+    readonly openPicker: () => void;
+    readonly processFiles: (list: FileList | readonly File[]) => void;
+    readonly removeAt: (index: number) => void;
+    readonly store: FileUploadStore;
+}
+export interface FileUploadRootOwnProps {
+    readonly accept?: readonly string[];
+    readonly defaultValue?: readonly File[];
+    readonly disabled?: boolean;
+    readonly maxFiles?: number;
+    readonly maxSize?: number;
+    readonly minSize?: number;
+    readonly multiple?: boolean;
+    readonly onChange?: (files: File[]) => void;
+    readonly onReject?: (rejections: FileRejection[]) => void;
+    readonly value?: readonly File[];
+}
+export interface FileUploadRootProps extends FileUploadRootOwnProps {
+    readonly children?: ReactNode;
+}
+export interface FileUploadHiddenInputOwnProps {
+    readonly className?: string;
+}
+export interface FileUploadTriggerOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+}
+export type FileUploadTriggerProps<TAs extends ElementType = "label"> = RenderableProps<TAs, FileUploadTriggerOwnProps, {
+    disabled: boolean;
+}, HTMLElement>;
+export interface FileUploadDropzoneOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+}
+export type FileUploadDropzoneProps<TAs extends ElementType = "div"> = RenderableProps<TAs, FileUploadDropzoneOwnProps, {
+    disabled: boolean;
+}, HTMLElement>;
+export interface FileUploadListOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+}
+export interface FileUploadItemOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+    readonly index: number;
+}
+export type FileUploadItemProps<TAs extends ElementType = "li"> = RenderableProps<TAs, FileUploadItemOwnProps, {
+    index: number;
+}, HTMLElement>;
+export interface FileUploadItemRemoveOwnProps {
+    readonly className?: string;
+    readonly index: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/file-upload/types.d.ts.map

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

package/dist/components/file-upload/types.js

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

package/dist/components/file-upload/types.js.map

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

package/dist/components/file-upload.d.ts

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

package/dist/components/file-upload.js

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

package/dist/components/form/Form.d.ts

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

package/dist/components/form/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAsB,YAAY,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,YAAY,CAAC;AAE1D,wBAAgB,IAAI,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,YAAY,GAAG,IAAI,CAwBjG"}

package/dist/components/form/Form.js

@@ -0,0 +1,25 @@
+import { useRenderElement } from "@gunkin/uiify/core/render";
+function Form(props) {
+  const {
+    as,
+    render,
+    validationBehavior = "native",
+    noValidate,
+    ...consumerProps
+  } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "form",
+    props: {
+      ...consumerProps,
+      noValidate: validationBehavior === "aria" ? true : noValidate,
+      "data-validation-behavior": validationBehavior
+    },
+    render,
+    state: { validationBehavior }
+  });
+}
+export {
+  Form
+};
+//# sourceMappingURL=Form.js.map

package/dist/components/form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/form/Form.tsx"],"sourcesContent":["import type { ElementType, FormHTMLAttributes, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { FormOwnProps, FormProps } from \"./types.js\";\n\nexport function Form<TAs extends ElementType = \"form\">(props: FormProps<TAs>): ReactElement | null {\n  const {\n    as,\n    render,\n    validationBehavior = \"native\",\n    noValidate,\n    ...consumerProps\n  } = props as FormOwnProps &\n    FormHTMLAttributes<HTMLFormElement> & {\n      as?: ElementType;\n      render?: (props: Record<string, unknown>, state: FormOwnProps) => ReactElement | null;\n    };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"form\",\n    props: {\n      ...consumerProps,\n      noValidate: validationBehavior === \"aria\" ? true : noValidate,\n      \"data-validation-behavior\": validationBehavior,\n    },\n    render,\n    state: { validationBehavior },\n  });\n}\n"],"mappings":"AACA,SAAS,wBAAwB;AAG1B,SAAS,KAAuC,OAA4C;AACjG,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAMJ,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,YAAY,uBAAuB,SAAS,OAAO;AAAA,MACnD,4BAA4B;AAAA,IAC9B;AAAA,IACA;AAAA,IACA,OAAO,EAAE,mBAAmB;AAAA,EAC9B,CAAC;AACH;","names":[]}

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

@@ -0,0 +1,3 @@
+export { Form } from "./Form.js";
+export type { FormOwnProps, FormProps, ValidationBehavior } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/form/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/form/index.ts"],"sourcesContent":["export { Form } from \"./Form.js\";\nexport type { FormOwnProps, FormProps, ValidationBehavior } from \"./types.js\";\n"],"mappings":"AAAA,SAAS,YAAY;","names":[]}

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

@@ -0,0 +1,8 @@
+import type { ElementType } from "react";
+import type { RenderableProps } from "@gunkin/uiify/core/render";
+export type ValidationBehavior = "native" | "aria";
+export interface FormOwnProps {
+    readonly validationBehavior?: ValidationBehavior;
+}
+export type FormProps<TAs extends ElementType = "form"> = RenderableProps<TAs, FormOwnProps, FormOwnProps, HTMLFormElement>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/form/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEnD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CAClD;AAED,MAAM,MAAM,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,IAAI,eAAe,CACvE,GAAG,EACH,YAAY,EACZ,YAAY,EACZ,eAAe,CAChB,CAAC"}

package/dist/components/form/types.js

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

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

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

package/dist/components/form.d.ts

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

package/dist/components/form.js

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

package/dist/components/header/Header.d.ts

@@ -0,0 +1,26 @@
+import { type ReactElement } from "react";
+import { useHeader } from "./use-header.js";
+import { useHeaderScrollState } from "./use-header-scroll-state.js";
+import type { HeaderRootProps, HeaderToggleProps, HeaderMobileNavProps, HeaderCloseProps } from "./types.js";
+export type { HeaderBehavior, HeaderCloseProps, HeaderMobileNavProps, HeaderMobileMode, HeaderPlacement, HeaderRootProps, HeaderToggleProps, UseHeaderOptions, UseHeaderReturn, UseHeaderScrollStateOptions, UseHeaderScrollStateReturn, } from "./types.js";
+export declare function HeaderRoot(props: HeaderRootProps): ReactElement | null;
+export declare namespace HeaderRoot {
+    var displayName: string;
+}
+export declare function HeaderToggle(props: HeaderToggleProps): ReactElement | null;
+export declare function HeaderMobileNav(props: HeaderMobileNavProps): ReactElement | null;
+export declare namespace HeaderMobileNav {
+    var displayName: string;
+}
+export declare function HeaderClose(props: HeaderCloseProps): ReactElement | null;
+export declare namespace HeaderClose {
+    var displayName: string;
+}
+export declare const Header: {
+    Close: typeof HeaderClose;
+    MobileNav: typeof HeaderMobileNav;
+    Root: typeof HeaderRoot;
+    Toggle: typeof HeaderToggle;
+};
+export { useHeader, useHeaderScrollState };
+//# sourceMappingURL=Header.d.ts.map

package/dist/components/header/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,YAAY,EAElB,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAEV,eAAe,EAEf,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EACjB,MAAM,YAAY,CAAC;AAEpB,YAAY,EACV,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,2BAA2B,EAC3B,0BAA0B,GAC3B,MAAM,YAAY,CAAC;AAsCpB,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CA2FtE;yBA3Fe,UAAU;;;AA8F1B,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,GAAG,IAAI,CA+B1E;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,GAAG,IAAI,CAkEhF;yBAlEe,eAAe;;;AAqE/B,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAkCxE;yBAlCe,WAAW;;;AAqC3B,eAAO,MAAM,MAAM;;;;;CAKlB,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC"}