@compa11y/react 0.1.0

package/dist/chunk-SOBS7MIH.cjs

@@ -0,0 +1,220 @@
+'use strict';
+
+var react = require('react');
+var reactDom = require('react-dom');
+var core = require('@compa11y/core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/toast/toast.tsx
+var ToastContext = react.createContext(null);
+function useToast() {
+  const context = react.useContext(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+}
+function ToastProvider({
+  children,
+  duration = 5e3,
+  maxToasts = 5
+}) {
+  const [toasts, setToasts] = react.useState([]);
+  const toastIdCounter = react.useRef(0);
+  const addToast = react.useCallback(
+    (toast) => {
+      const id = `toast-${++toastIdCounter.current}`;
+      const newToast = {
+        ...toast,
+        id,
+        duration: toast.duration ?? duration
+      };
+      setToasts((prev) => {
+        const updated = [...prev, newToast];
+        return updated.slice(-maxToasts);
+      });
+      const message = toast.title ? `${toast.title}. ${toast.description || ""}` : toast.description || "";
+      if (toast.type === "error") {
+        core.announceAssertive(message);
+      } else {
+        core.announce(message, { politeness: "polite" });
+      }
+      return id;
+    },
+    [duration, maxToasts]
+  );
+  const removeToast = react.useCallback((id) => {
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  }, []);
+  const updateToast = react.useCallback(
+    (id, updates) => {
+      setToasts(
+        (prev) => prev.map((t) => t.id === id ? { ...t, ...updates } : t)
+      );
+    },
+    []
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ToastContext.Provider,
+    {
+      value: { toasts, addToast, removeToast, updateToast },
+      children
+    }
+  );
+}
+var positionStyles = {
+  "top-left": { top: 0, left: 0 },
+  "top-center": { top: 0, left: "50%", transform: "translateX(-50%)" },
+  "top-right": { top: 0, right: 0 },
+  "bottom-left": { bottom: 0, left: 0 },
+  "bottom-center": { bottom: 0, left: "50%", transform: "translateX(-50%)" },
+  "bottom-right": { bottom: 0, right: 0 }
+};
+var ToastViewport = react.forwardRef(
+  function ToastViewport2({
+    position = "bottom-right",
+    label = "Notifications",
+    style,
+    children,
+    ...props
+  }, ref) {
+    const { toasts, removeToast } = useToast();
+    const viewport = /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        role: "region",
+        "aria-label": label,
+        "aria-live": "polite",
+        "aria-relevant": "additions removals",
+        tabIndex: -1,
+        style: {
+          position: "fixed",
+          zIndex: 9999,
+          padding: "1rem",
+          display: "flex",
+          flexDirection: "column",
+          gap: "0.5rem",
+          ...positionStyles[position],
+          ...style
+        },
+        "data-compa11y-toast-viewport": true,
+        "data-position": position,
+        ...props,
+        children: [
+          toasts.map((toast) => /* @__PURE__ */ jsxRuntime.jsx(
+            ToastItem,
+            {
+              toast,
+              onClose: () => removeToast(toast.id)
+            },
+            toast.id
+          )),
+          children
+        ]
+      }
+    );
+    return reactDom.createPortal(viewport, document.body);
+  }
+);
+function ToastItem({ toast, onClose }) {
+  const [isVisible, setIsVisible] = react.useState(true);
+  const [, setIsPaused] = react.useState(false);
+  const timerRef = react.useRef(null);
+  const remainingRef = react.useRef(toast.duration || 5e3);
+  const startTimeRef = react.useRef(Date.now());
+  const startTimer = react.useCallback(() => {
+    if (toast.duration === 0) return;
+    startTimeRef.current = Date.now();
+    timerRef.current = setTimeout(() => {
+      setIsVisible(false);
+      setTimeout(onClose, 200);
+    }, remainingRef.current);
+  }, [toast.duration, onClose]);
+  const pauseTimer = react.useCallback(() => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      remainingRef.current -= Date.now() - startTimeRef.current;
+    }
+  }, []);
+  react.useEffect(() => {
+    startTimer();
+    return () => {
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+      }
+    };
+  }, [startTimer]);
+  const handleMouseEnter = () => {
+    setIsPaused(true);
+    pauseTimer();
+  };
+  const handleMouseLeave = () => {
+    setIsPaused(false);
+    startTimer();
+  };
+  const handleKeyDown = (event) => {
+    if (event.key === "Escape") {
+      onClose();
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "alert",
+      "aria-atomic": "true",
+      tabIndex: 0,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      onKeyDown: handleKeyDown,
+      "data-type": toast.type,
+      "data-visible": isVisible,
+      "data-compa11y-toast": true,
+      children: [
+        toast.title && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-compa11y-toast-title": true, children: toast.title }),
+        toast.description && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-compa11y-toast-description": true, children: toast.description }),
+        toast.action && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            tabIndex: 0,
+            onClick: () => {
+              toast.action?.onClick();
+              onClose();
+            },
+            "data-compa11y-toast-action": true,
+            children: toast.action.label
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            tabIndex: 0,
+            "aria-label": "Dismiss",
+            onClick: onClose,
+            "data-compa11y-toast-close": true,
+            children: "\xD7"
+          }
+        )
+      ]
+    }
+  );
+}
+function useToastHelpers() {
+  const { addToast } = useToast();
+  return {
+    toast: addToast,
+    success: (title, description) => addToast({ type: "success", title, description }),
+    error: (title, description) => addToast({ type: "error", title, description }),
+    warning: (title, description) => addToast({ type: "warning", title, description }),
+    info: (title, description) => addToast({ type: "info", title, description })
+  };
+}
+
+exports.ToastProvider = ToastProvider;
+exports.ToastViewport = ToastViewport;
+exports.useToast = useToast;
+exports.useToastHelpers = useToastHelpers;
+//# sourceMappingURL=chunk-SOBS7MIH.cjs.map
+//# sourceMappingURL=chunk-SOBS7MIH.cjs.map

package/dist/chunk-SOBS7MIH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/toast/toast.tsx"],"names":["createContext","useContext","useState","useRef","useCallback","announceAssertive","announce","jsx","forwardRef","ToastViewport","jsxs","createPortal","useEffect"],"mappings":"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","file":"chunk-SOBS7MIH.cjs","sourcesContent":["import React, {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { announce, announceAssertive } from '@compa11y/core';\nexport type ToastType = 'info' | 'success' | 'warning' | 'error';\n\nexport interface Toast {\n  id: string;\n  title?: string;\n  description?: string;\n  type: ToastType;\n  duration?: number;\n  action?: {\n    label: string;\n    onClick: () => void;\n  };\n}\n\ninterface ToastContextValue {\n  toasts: Toast[];\n  addToast: (toast: Omit<Toast, 'id'>) => string;\n  removeToast: (id: string) => void;\n  updateToast: (id: string, toast: Partial<Omit<Toast, 'id'>>) => void;\n}\n\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\nexport function useToast() {\n  const context = useContext(ToastContext);\n  if (!context) {\n    throw new Error('useToast must be used within a ToastProvider');\n  }\n  return context;\n}\n\nexport interface ToastProviderProps {\n  children: React.ReactNode;\n  /** Default duration for toasts in ms */\n  duration?: number;\n  /** Maximum number of visible toasts */\n  maxToasts?: number;\n}\n\nexport function ToastProvider({\n  children,\n  duration = 5000,\n  maxToasts = 5,\n}: ToastProviderProps) {\n  const [toasts, setToasts] = useState<Toast[]>([]);\n  const toastIdCounter = useRef(0);\n\n  const addToast = useCallback(\n    (toast: Omit<Toast, 'id'>): string => {\n      const id = `toast-${++toastIdCounter.current}`;\n      const newToast: Toast = {\n        ...toast,\n        id,\n        duration: toast.duration ?? duration,\n      };\n\n      setToasts((prev) => {\n        const updated = [...prev, newToast];\n        // Limit visible toasts\n        return updated.slice(-maxToasts);\n      });\n\n      // Announce to screen readers\n      const message = toast.title\n        ? `${toast.title}. ${toast.description || ''}`\n        : toast.description || '';\n\n      if (toast.type === 'error') {\n        announceAssertive(message);\n      } else {\n        announce(message, { politeness: 'polite' });\n      }\n\n      return id;\n    },\n    [duration, maxToasts]\n  );\n\n  const removeToast = useCallback((id: string) => {\n    setToasts((prev) => prev.filter((t) => t.id !== id));\n  }, []);\n\n  const updateToast = useCallback(\n    (id: string, updates: Partial<Omit<Toast, 'id'>>) => {\n      setToasts((prev) =>\n        prev.map((t) => (t.id === id ? { ...t, ...updates } : t))\n      );\n    },\n    []\n  );\n\n  return (\n    <ToastContext.Provider\n      value={{ toasts, addToast, removeToast, updateToast }}\n    >\n      {children}\n    </ToastContext.Provider>\n  );\n}\n\nexport interface ToastViewportProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Position of the toast container */\n  position?:\n    | 'top-left'\n    | 'top-center'\n    | 'top-right'\n    | 'bottom-left'\n    | 'bottom-center'\n    | 'bottom-right';\n  /** Label for screen readers */\n  label?: string;\n}\n\nconst positionStyles: Record<string, React.CSSProperties> = {\n  'top-left': { top: 0, left: 0 },\n  'top-center': { top: 0, left: '50%', transform: 'translateX(-50%)' },\n  'top-right': { top: 0, right: 0 },\n  'bottom-left': { bottom: 0, left: 0 },\n  'bottom-center': { bottom: 0, left: '50%', transform: 'translateX(-50%)' },\n  'bottom-right': { bottom: 0, right: 0 },\n};\n\nexport const ToastViewport = forwardRef<HTMLDivElement, ToastViewportProps>(\n  function ToastViewport(\n    {\n      position = 'bottom-right',\n      label = 'Notifications',\n      style,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    const { toasts, removeToast } = useToast();\n\n    const viewport = (\n      <div\n        ref={ref}\n        role=\"region\"\n        aria-label={label}\n        aria-live=\"polite\"\n        aria-relevant=\"additions removals\"\n        tabIndex={-1}\n        style={{\n          position: 'fixed',\n          zIndex: 9999,\n          padding: '1rem',\n          display: 'flex',\n          flexDirection: 'column',\n          gap: '0.5rem',\n          ...positionStyles[position],\n          ...style,\n        }}\n        data-compa11y-toast-viewport\n        data-position={position}\n        {...props}\n      >\n        {toasts.map((toast) => (\n          <ToastItem\n            key={toast.id}\n            toast={toast}\n            onClose={() => removeToast(toast.id)}\n          />\n        ))}\n        {children}\n      </div>\n    );\n\n    return createPortal(viewport, document.body);\n  }\n);\n\ninterface ToastItemProps {\n  toast: Toast;\n  onClose: () => void;\n}\n\nfunction ToastItem({ toast, onClose }: ToastItemProps) {\n  const [isVisible, setIsVisible] = useState(true);\n  const [, setIsPaused] = useState(false);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const remainingRef = useRef(toast.duration || 5000);\n  const startTimeRef = useRef(Date.now());\n\n  const startTimer = useCallback(() => {\n    if (toast.duration === 0) return; // Infinite duration\n\n    startTimeRef.current = Date.now();\n    timerRef.current = setTimeout(() => {\n      setIsVisible(false);\n      setTimeout(onClose, 200); // Allow exit animation\n    }, remainingRef.current);\n  }, [toast.duration, onClose]);\n\n  const pauseTimer = useCallback(() => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      remainingRef.current -= Date.now() - startTimeRef.current;\n    }\n  }, []);\n\n  useEffect(() => {\n    startTimer();\n    return () => {\n      if (timerRef.current) {\n        clearTimeout(timerRef.current);\n      }\n    };\n  }, [startTimer]);\n\n  const handleMouseEnter = () => {\n    setIsPaused(true);\n    pauseTimer();\n  };\n\n  const handleMouseLeave = () => {\n    setIsPaused(false);\n    startTimer();\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      onClose();\n    }\n  };\n\n  return (\n    <div\n      role=\"alert\"\n      aria-atomic=\"true\"\n      tabIndex={0}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onKeyDown={handleKeyDown}\n      data-type={toast.type}\n      data-visible={isVisible}\n      data-compa11y-toast\n    >\n      {toast.title && <div data-compa11y-toast-title>{toast.title}</div>}\n      {toast.description && (\n        <div data-compa11y-toast-description>{toast.description}</div>\n      )}\n      {toast.action && (\n        <button\n          type=\"button\"\n          // Safari fix: Ensure button is in tab order\n          tabIndex={0}\n          onClick={() => {\n            toast.action?.onClick();\n            onClose();\n          }}\n          data-compa11y-toast-action\n        >\n          {toast.action.label}\n        </button>\n      )}\n      <button\n        type=\"button\"\n        // Safari fix: Ensure button is in tab order\n        tabIndex={0}\n        aria-label=\"Dismiss\"\n        onClick={onClose}\n        data-compa11y-toast-close\n      >\n        ×\n      </button>\n    </div>\n  );\n}\n\n/**\n * Hook for common toast patterns\n */\nexport function useToastHelpers() {\n  const { addToast } = useToast();\n\n  return {\n    toast: addToast,\n    success: (title: string, description?: string) =>\n      addToast({ type: 'success', title, description }),\n    error: (title: string, description?: string) =>\n      addToast({ type: 'error', title, description }),\n    warning: (title: string, description?: string) =>\n      addToast({ type: 'warning', title, description }),\n    info: (title: string, description?: string) =>\n      addToast({ type: 'info', title, description }),\n  };\n}\n"]}

package/dist/chunk-WURPAE3R.js

@@ -0,0 +1,41 @@
+import { useId as useId$1, useMemo } from 'react';
+
+// src/hooks/use-id.ts
+function useId(prefix) {
+  const reactId = useId$1();
+  return useMemo(() => {
+    const cleanId = reactId.replace(/:/g, "");
+    return prefix ? `compa11y-${prefix}-${cleanId}` : `compa11y-${cleanId}`;
+  }, [reactId, prefix]);
+}
+function useIds(parts, prefix) {
+  const baseId = useId(prefix);
+  return useMemo(() => {
+    const ids = {};
+    for (const part of parts) {
+      ids[part] = `${baseId}-${part}`;
+    }
+    return ids;
+  }, [baseId, parts]);
+}
+function useIdScope(componentName) {
+  const scopeId = useId(componentName);
+  return useMemo(
+    () => ({
+      id: scopeId,
+      generate: (suffix) => `${scopeId}-${suffix}`,
+      generateMultiple: (parts) => {
+        const ids = {};
+        for (const part of parts) {
+          ids[part] = `${scopeId}-${part}`;
+        }
+        return ids;
+      }
+    }),
+    [scopeId]
+  );
+}
+
+export { useId, useIdScope, useIds };
+//# sourceMappingURL=chunk-WURPAE3R.js.map
+//# sourceMappingURL=chunk-WURPAE3R.js.map

package/dist/chunk-WURPAE3R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-id.ts"],"names":["useReactId"],"mappings":";;;AAOO,SAAS,MAAM,MAAA,EAAyB;AAE7C,EAAA,MAAM,UAAUA,OAAA,EAAW;AAE3B,EAAA,OAAO,QAAQ,MAAM;AAEnB,IAAA,MAAM,OAAA,GAAU,OAAA,CAAQ,OAAA,CAAQ,IAAA,EAAM,EAAE,CAAA;AACxC,IAAA,OAAO,SAAS,CAAA,SAAA,EAAY,MAAM,IAAI,OAAO,CAAA,CAAA,GAAK,YAAY,OAAO,CAAA,CAAA;AAAA,EACvE,CAAA,EAAG,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AACtB;AAKO,SAAS,MAAA,CACd,OACA,MAAA,EAC2B;AAC3B,EAAA,MAAM,MAAA,GAAS,MAAM,MAAM,CAAA;AAE3B,EAAA,OAAO,QAAQ,MAAM;AACnB,IAAA,MAAM,MAAM,EAAC;AACb,IAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,MAAA,GAAA,CAAI,IAAI,CAAA,GAAI,CAAA,EAAG,MAAM,IAAI,IAAI,CAAA,CAAA;AAAA,IAC/B;AACA,IAAA,OAAO,GAAA;AAAA,EACT,CAAA,EAAG,CAAC,MAAA,EAAQ,KAAK,CAAC,CAAA;AACpB;AAKO,SAAS,WAAW,aAAA,EAAuB;AAChD,EAAA,MAAM,OAAA,GAAU,MAAM,aAAa,CAAA;AAEnC,EAAA,OAAO,OAAA;AAAA,IACL,OAAO;AAAA,MACL,EAAA,EAAI,OAAA;AAAA,MACJ,UAAU,CAAC,MAAA,KAAmB,CAAA,EAAG,OAAO,IAAI,MAAM,CAAA,CAAA;AAAA,MAClD,gBAAA,EAAkB,CAA8B,KAAA,KAAa;AAC3D,QAAA,MAAM,MAAM,EAAC;AACb,QAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,UAAA,GAAA,CAAI,IAAI,CAAA,GAAI,CAAA,EAAG,OAAO,IAAI,IAAI,CAAA,CAAA;AAAA,QAChC;AACA,QAAA,OAAO,GAAA;AAAA,MACT;AAAA,KACF,CAAA;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AACF","file":"chunk-WURPAE3R.js","sourcesContent":["import { useId as useReactId, useMemo } from 'react';\n\n/**\n * Generate a unique ID for accessibility purposes\n *\n * Uses React's useId when available, with a fallback for SSR\n */\nexport function useId(prefix?: string): string {\n  // Use React 18's useId as the base\n  const reactId = useReactId();\n\n  return useMemo(() => {\n    // Clean up React's ID format (removes colons)\n    const cleanId = reactId.replace(/:/g, '');\n    return prefix ? `compa11y-${prefix}-${cleanId}` : `compa11y-${cleanId}`;\n  }, [reactId, prefix]);\n}\n\n/**\n * Generate multiple related IDs for a component\n */\nexport function useIds<T extends readonly string[]>(\n  parts: T,\n  prefix?: string\n): Record<T[number], string> {\n  const baseId = useId(prefix);\n\n  return useMemo(() => {\n    const ids = {} as Record<string, string>;\n    for (const part of parts) {\n      ids[part] = `${baseId}-${part}`;\n    }\n    return ids as Record<T[number], string>;\n  }, [baseId, parts]);\n}\n\n/**\n * Create a scoped ID generator for complex components\n */\nexport function useIdScope(componentName: string) {\n  const scopeId = useId(componentName);\n\n  return useMemo(\n    () => ({\n      id: scopeId,\n      generate: (suffix: string) => `${scopeId}-${suffix}`,\n      generateMultiple: <T extends readonly string[]>(parts: T) => {\n        const ids = {} as Record<string, string>;\n        for (const part of parts) {\n          ids[part] = `${scopeId}-${part}`;\n        }\n        return ids as Record<T[number], string>;\n      },\n    }),\n    [scopeId]\n  );\n}\n"]}

package/dist/components/combobox/index.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var chunkOIVTOU4Z_cjs = require('../../chunk-OIVTOU4Z.cjs');
+require('../../chunk-RBDQCIS7.cjs');
+require('../../chunk-GDLOJH6K.cjs');
+require('../../chunk-52J4Z3QD.cjs');
+
+
+
+Object.defineProperty(exports, "Combobox", {
+  enumerable: true,
+  get: function () { return chunkOIVTOU4Z_cjs.Combobox; }
+});
+Object.defineProperty(exports, "ComboboxCompound", {
+  enumerable: true,
+  get: function () { return chunkOIVTOU4Z_cjs.ComboboxCompound; }
+});
+Object.defineProperty(exports, "ComboboxInput", {
+  enumerable: true,
+  get: function () { return chunkOIVTOU4Z_cjs.ComboboxInput; }
+});
+Object.defineProperty(exports, "ComboboxListbox", {
+  enumerable: true,
+  get: function () { return chunkOIVTOU4Z_cjs.ComboboxListbox; }
+});
+Object.defineProperty(exports, "ComboboxOption", {
+  enumerable: true,
+  get: function () { return chunkOIVTOU4Z_cjs.ComboboxOption; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/combobox/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/combobox/index.d.cts

@@ -0,0 +1,55 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+interface ComboboxProps {
+    /** List of options */
+    options: ComboboxOption[];
+    /** Currently selected value */
+    value?: string | null;
+    /** Called when selection changes */
+    onValueChange?: (value: string | null) => void;
+    /** Called when input changes */
+    onInputChange?: (value: string) => void;
+    /** Default input value */
+    defaultInputValue?: string;
+    /** Whether the combobox is disabled */
+    disabled?: boolean;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Custom filter function */
+    filterFn?: (option: ComboboxOption, inputValue: string) => boolean;
+    /** Accessible label */
+    'aria-label'?: string;
+    /** ID of labelling element */
+    'aria-labelledby'?: string;
+    children: React__default.ReactNode;
+}
+declare function Combobox({ options, value: controlledValue, onValueChange, onInputChange, defaultInputValue, disabled, filterFn, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, children, }: ComboboxProps): react_jsx_runtime.JSX.Element;
+interface ComboboxInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
+    /** Show clear button */
+    clearable?: boolean;
+}
+declare const ComboboxInput: React__default.ForwardRefExoticComponent<ComboboxInputProps & React__default.RefAttributes<HTMLInputElement>>;
+interface ComboboxListboxProps extends React__default.HTMLAttributes<HTMLUListElement> {
+    /** Render when no options match */
+    emptyMessage?: React__default.ReactNode;
+    children?: React__default.ReactNode;
+}
+declare const ComboboxListbox: React__default.ForwardRefExoticComponent<ComboboxListboxProps & React__default.RefAttributes<HTMLUListElement>>;
+interface ComboboxOptionProps extends React__default.LiHTMLAttributes<HTMLLIElement> {
+    option: ComboboxOption;
+    index: number;
+}
+interface ComboboxOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+declare const ComboboxOption: React__default.ForwardRefExoticComponent<ComboboxOptionProps & React__default.RefAttributes<HTMLLIElement>>;
+declare const ComboboxCompound: typeof Combobox & {
+    Input: React__default.ForwardRefExoticComponent<ComboboxInputProps & React__default.RefAttributes<HTMLInputElement>>;
+    Listbox: React__default.ForwardRefExoticComponent<ComboboxListboxProps & React__default.RefAttributes<HTMLUListElement>>;
+    Option: React__default.ForwardRefExoticComponent<ComboboxOptionProps & React__default.RefAttributes<HTMLLIElement>>;
+};
+
+export { Combobox, ComboboxCompound, ComboboxInput, type ComboboxInputProps, ComboboxListbox, type ComboboxListboxProps, ComboboxOption, type ComboboxOptionProps, ComboboxOption as ComboboxOptionType, type ComboboxProps };

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

@@ -0,0 +1,55 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+interface ComboboxProps {
+    /** List of options */
+    options: ComboboxOption[];
+    /** Currently selected value */
+    value?: string | null;
+    /** Called when selection changes */
+    onValueChange?: (value: string | null) => void;
+    /** Called when input changes */
+    onInputChange?: (value: string) => void;
+    /** Default input value */
+    defaultInputValue?: string;
+    /** Whether the combobox is disabled */
+    disabled?: boolean;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Custom filter function */
+    filterFn?: (option: ComboboxOption, inputValue: string) => boolean;
+    /** Accessible label */
+    'aria-label'?: string;
+    /** ID of labelling element */
+    'aria-labelledby'?: string;
+    children: React__default.ReactNode;
+}
+declare function Combobox({ options, value: controlledValue, onValueChange, onInputChange, defaultInputValue, disabled, filterFn, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, children, }: ComboboxProps): react_jsx_runtime.JSX.Element;
+interface ComboboxInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
+    /** Show clear button */
+    clearable?: boolean;
+}
+declare const ComboboxInput: React__default.ForwardRefExoticComponent<ComboboxInputProps & React__default.RefAttributes<HTMLInputElement>>;
+interface ComboboxListboxProps extends React__default.HTMLAttributes<HTMLUListElement> {
+    /** Render when no options match */
+    emptyMessage?: React__default.ReactNode;
+    children?: React__default.ReactNode;
+}
+declare const ComboboxListbox: React__default.ForwardRefExoticComponent<ComboboxListboxProps & React__default.RefAttributes<HTMLUListElement>>;
+interface ComboboxOptionProps extends React__default.LiHTMLAttributes<HTMLLIElement> {
+    option: ComboboxOption;
+    index: number;
+}
+interface ComboboxOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+declare const ComboboxOption: React__default.ForwardRefExoticComponent<ComboboxOptionProps & React__default.RefAttributes<HTMLLIElement>>;
+declare const ComboboxCompound: typeof Combobox & {
+    Input: React__default.ForwardRefExoticComponent<ComboboxInputProps & React__default.RefAttributes<HTMLInputElement>>;
+    Listbox: React__default.ForwardRefExoticComponent<ComboboxListboxProps & React__default.RefAttributes<HTMLUListElement>>;
+    Option: React__default.ForwardRefExoticComponent<ComboboxOptionProps & React__default.RefAttributes<HTMLLIElement>>;
+};
+
+export { Combobox, ComboboxCompound, ComboboxInput, type ComboboxInputProps, ComboboxListbox, type ComboboxListboxProps, ComboboxOption, type ComboboxOptionProps, ComboboxOption as ComboboxOptionType, type ComboboxProps };

package/dist/components/combobox/index.js

@@ -0,0 +1,6 @@
+export { Combobox, ComboboxCompound, ComboboxInput, ComboboxListbox, ComboboxOption } from '../../chunk-2S4C6FGA.js';
+import '../../chunk-OND5B7UG.js';
+import '../../chunk-JXYOE7SH.js';
+import '../../chunk-WURPAE3R.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/dialog/index.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+var chunkIR46CNNY_cjs = require('../../chunk-IR46CNNY.cjs');
+require('../../chunk-RBDQCIS7.cjs');
+require('../../chunk-52J4Z3QD.cjs');
+
+
+
+Object.defineProperty(exports, "Dialog", {
+  enumerable: true,
+  get: function () { return chunkIR46CNNY_cjs.Dialog; }
+});
+Object.defineProperty(exports, "DialogActions", {
+  enumerable: true,
+  get: function () { return chunkIR46CNNY_cjs.DialogActions; }
+});
+Object.defineProperty(exports, "DialogClose", {
+  enumerable: true,
+  get: function () { return chunkIR46CNNY_cjs.DialogClose; }
+});
+Object.defineProperty(exports, "DialogCompound", {
+  enumerable: true,
+  get: function () { return chunkIR46CNNY_cjs.DialogCompound; }
+});
+Object.defineProperty(exports, "DialogContent", {
+  enumerable: true,
+  get: function () { return chunkIR46CNNY_cjs.DialogContent; }
+});
+Object.defineProperty(exports, "DialogDescription", {
+  enumerable: true,
+  get: function () { return chunkIR46CNNY_cjs.DialogDescription; }
+});
+Object.defineProperty(exports, "DialogTitle", {
+  enumerable: true,
+  get: function () { return chunkIR46CNNY_cjs.DialogTitle; }
+});
+Object.defineProperty(exports, "DialogTrigger", {
+  enumerable: true,
+  get: function () { return chunkIR46CNNY_cjs.DialogTrigger; }
+});
+Object.defineProperty(exports, "useDialogContext", {
+  enumerable: true,
+  get: function () { return chunkIR46CNNY_cjs.useDialogContext; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/dialog/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/dialog/index.d.cts

@@ -0,0 +1,84 @@
+import React__default from 'react';
+
+interface DialogProps {
+    /** Whether the dialog is open */
+    open: boolean;
+    /** Called when the dialog should close */
+    onOpenChange: (open: boolean) => void;
+    /** The dialog content */
+    children: React__default.ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Element to focus when dialog opens */
+    initialFocus?: React__default.RefObject<HTMLElement>;
+    /** Whether clicking outside closes the dialog */
+    closeOnOutsideClick?: boolean;
+    /** Whether pressing Escape closes the dialog */
+    closeOnEscape?: boolean;
+    /** Portal container (defaults to document.body) */
+    container?: HTMLElement;
+    /** Accessible label (required if no DialogTitle) */
+    'aria-label'?: string;
+    /** ID of element that labels the dialog */
+    'aria-labelledby'?: string;
+    /** Remove default styles to allow full customization via className */
+    unstyled?: boolean;
+}
+declare function Dialog({ open, onOpenChange, children, className, initialFocus, closeOnOutsideClick, closeOnEscape, container, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, unstyled, }: DialogProps): React__default.ReactPortal | null;
+interface DialogTriggerProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React__default.ReactNode;
+}
+declare const DialogTrigger: React__default.ForwardRefExoticComponent<DialogTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
+interface DialogTitleProps extends React__default.HTMLAttributes<HTMLHeadingElement> {
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    children: React__default.ReactNode;
+}
+declare const DialogTitle: React__default.ForwardRefExoticComponent<DialogTitleProps & React__default.RefAttributes<HTMLHeadingElement>>;
+interface DialogDescriptionProps extends React__default.HTMLAttributes<HTMLParagraphElement> {
+    children: React__default.ReactNode;
+}
+declare const DialogDescription: React__default.ForwardRefExoticComponent<DialogDescriptionProps & React__default.RefAttributes<HTMLParagraphElement>>;
+interface DialogCloseProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: React__default.ReactNode;
+}
+declare const DialogClose: React__default.ForwardRefExoticComponent<DialogCloseProps & React__default.RefAttributes<HTMLButtonElement>>;
+interface DialogContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children: React__default.ReactNode;
+}
+declare const DialogContent: React__default.ForwardRefExoticComponent<DialogContentProps & React__default.RefAttributes<HTMLDivElement>>;
+interface DialogActionsProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children: React__default.ReactNode;
+}
+declare const DialogActions: React__default.ForwardRefExoticComponent<DialogActionsProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const DialogCompound: typeof Dialog & {
+    Trigger: React__default.ForwardRefExoticComponent<DialogTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
+    Title: React__default.ForwardRefExoticComponent<DialogTitleProps & React__default.RefAttributes<HTMLHeadingElement>>;
+    Description: React__default.ForwardRefExoticComponent<DialogDescriptionProps & React__default.RefAttributes<HTMLParagraphElement>>;
+    Close: React__default.ForwardRefExoticComponent<DialogCloseProps & React__default.RefAttributes<HTMLButtonElement>>;
+    Content: React__default.ForwardRefExoticComponent<DialogContentProps & React__default.RefAttributes<HTMLDivElement>>;
+    Actions: React__default.ForwardRefExoticComponent<DialogActionsProps & React__default.RefAttributes<HTMLDivElement>>;
+};
+
+interface DialogContextValue {
+    /** Whether the dialog is open */
+    isOpen: boolean;
+    /** Close the dialog */
+    close: () => void;
+    /** ID for the dialog element */
+    dialogId: string;
+    /** ID for the title element */
+    titleId: string;
+    /** ID for the description element */
+    descriptionId: string;
+    /** Whether the dialog has a visible title */
+    hasTitle: boolean;
+    /** Whether the dialog has a visible description */
+    hasDescription: boolean;
+    /** Set whether title is rendered */
+    setHasTitle: (value: boolean) => void;
+    /** Set whether description is rendered */
+    setHasDescription: (value: boolean) => void;
+}
+declare function useDialogContext(): DialogContextValue;
+
+export { Dialog, DialogActions, type DialogActionsProps, DialogClose, type DialogCloseProps, DialogCompound, DialogContent, type DialogContentProps, type DialogContextValue, DialogDescription, type DialogDescriptionProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, useDialogContext };