jaci-ui 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"tags-input.js","names":[],"sources":["../../../src/components/tags-input/tags-input.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useCallback, useId, useMemo, useRef, useState } from \"react\";\nimport type {\n  ChangeEvent,\n  ChangeEventHandler,\n  ComponentPropsWithoutRef,\n  FocusEvent,\n  MouseEvent,\n  ReactNode,\n} from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { tagsInput } from \"../../styled-system/recipes\";\n\nexport interface TagsInputProps\n  extends Omit<\n    ComponentPropsWithoutRef<\"input\">,\n    \"children\" | \"defaultValue\" | \"onChange\" | \"type\" | \"value\"\n  > {\n  /** Current tags. Omit this prop to use the uncontrolled API. */\n  tags?: readonly string[];\n  /** Initial tags for the uncontrolled API. */\n  defaultTags?: readonly string[];\n  /** Called whenever a tag is added or removed. */\n  onTagsChange?: (tags: string[]) => void;\n  /** Optional suggestions. A tag is accepted after a comma only when it is in this list. */\n  data?: readonly string[];\n  /** Visible label for the input. */\n  label?: ReactNode;\n  /** Current text query. This is the native input value, not the selected tags. */\n  value?: string;\n  /** Initial text query for an uncontrolled input. */\n  defaultValue?: string;\n  /** Native input change callback. */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /** Optional callback useful when a controlled query is cleared by selecting a tag. */\n  onInputValueChange?: (value: string) => void;\n}\n\nfunction changedEvent(event: ChangeEvent<HTMLInputElement>, value: string) {\n  const target = event.target;\n  const nextTarget = {\n    checked: target.checked,\n    id: target.id,\n    name: target.name,\n    value,\n  } as HTMLInputElement;\n\n  return {\n    ...event,\n    currentTarget: nextTarget,\n    target: nextTarget,\n  } as ChangeEvent<HTMLInputElement>;\n}\n\nexport const TagsInput = forwardRef<HTMLInputElement, TagsInputProps>(function TagsInput(\n  {\n    \"aria-describedby\": ariaDescribedBy,\n    \"aria-invalid\": ariaInvalid,\n    \"aria-label\": ariaLabel,\n    className,\n    data = [],\n    defaultTags = [],\n    defaultValue = \"\",\n    disabled = false,\n    id: providedId,\n    label,\n    onBlur,\n    onChange,\n    onFocus,\n    onInputValueChange,\n    onTagsChange,\n    placeholder,\n    tags: controlledTags,\n    value: controlledInputValue,\n    ...props\n  },\n  ref,\n) {\n  const generatedId = useId();\n  const id = providedId ?? generatedId;\n  const [uncontrolledTags, setUncontrolledTags] = useState<string[]>(() => [...defaultTags]);\n  const [uncontrolledInputValue, setUncontrolledInputValue] = useState(defaultValue);\n  const [focused, setFocused] = useState(false);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const styles = tagsInput();\n  const selectedTags = controlledTags === undefined ? uncontrolledTags : [...controlledTags];\n  const inputValue =\n    controlledInputValue === undefined ? uncontrolledInputValue : controlledInputValue;\n\n  const updateTags = useCallback(\n    (nextTags: string[]) => {\n      if (controlledTags === undefined) setUncontrolledTags(nextTags);\n      onTagsChange?.(nextTags);\n    },\n    [controlledTags, onTagsChange],\n  );\n\n  const clearInput = useCallback(\n    (event?: ChangeEvent<HTMLInputElement>) => {\n      if (controlledInputValue === undefined) setUncontrolledInputValue(\"\");\n      onInputValueChange?.(\"\");\n      if (event) onChange?.(changedEvent(event, \"\"));\n    },\n    [controlledInputValue, onChange, onInputValueChange],\n  );\n\n  const addTag = useCallback(\n    (rawTag: string, event?: ChangeEvent<HTMLInputElement>) => {\n      const tag = rawTag.trim();\n      if (tag && !selectedTags.includes(tag) && data.includes(tag)) {\n        updateTags([...selectedTags, tag]);\n      }\n      clearInput(event);\n    },\n    [clearInput, data, selectedTags, updateTags],\n  );\n\n  const suggestions = useMemo(() => {\n    const query = inputValue.trim().toLocaleLowerCase();\n    return data.filter(\n      (item) =>\n        !selectedTags.includes(item) &&\n        (query.length === 0 || item.toLocaleLowerCase().includes(query)),\n    );\n  }, [data, inputValue, selectedTags]);\n\n  function handleChange(event: ChangeEvent<HTMLInputElement>) {\n    const nextValue = event.currentTarget.value;\n    if (nextValue.trim() === \"\") {\n      clearInput(event);\n      onChange?.(event);\n      return;\n    }\n\n    if (nextValue.endsWith(\",\")) {\n      addTag(nextValue.slice(0, -1), event);\n      return;\n    }\n\n    if (controlledInputValue === undefined) setUncontrolledInputValue(nextValue);\n    onInputValueChange?.(nextValue);\n    onChange?.(event);\n  }\n\n  function handleBlur(event: FocusEvent<HTMLInputElement>) {\n    setFocused(false);\n    onBlur?.(event);\n  }\n\n  function removeTag(index: number) {\n    updateTags(selectedTags.filter((_, currentIndex) => currentIndex !== index));\n  }\n\n  return (\n    <div\n      className={styles.root}\n      data-jaci-component=\"tags-input\"\n      data-slot=\"tags-input\"\n      ref={rootRef}\n    >\n      {label ? (\n        <label className={styles.label} data-slot=\"tags-input-label\" htmlFor={id}>\n          {label}\n        </label>\n      ) : null}\n      <div\n        className={cx(styles.control, className)}\n        data-disabled={disabled || undefined}\n        data-focus={focused || undefined}\n        data-slot=\"tags-input-control\"\n      >\n        <div className={styles.tagList} data-slot=\"tags-input-tag-list\">\n          {selectedTags.map((tag, index) => (\n            <span className={styles.tag} data-slot=\"tags-input-tag\" key={tag}>\n              <span className={styles.tagLabel} data-slot=\"tags-input-tag-label\">\n                {tag}\n              </span>\n              <button\n                aria-label={`Remove ${tag}`}\n                className={styles.tagRemove}\n                data-slot=\"tags-input-tag-remove\"\n                disabled={disabled}\n                onClick={() => removeTag(index)}\n                type=\"button\"\n              >\n                ×\n              </button>\n            </span>\n          ))}\n        </div>\n        <input\n          {...props}\n          {...(ariaDescribedBy ? { \"aria-describedby\": ariaDescribedBy } : {})}\n          {...(ariaInvalid !== undefined ? { \"aria-invalid\": ariaInvalid } : {})}\n          {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n          autoComplete=\"off\"\n          className={styles.input}\n          disabled={disabled}\n          id={id}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onFocus={(event) => {\n            setFocused(true);\n            onFocus?.(event);\n          }}\n          placeholder={placeholder}\n          ref={ref}\n          type=\"text\"\n          value={inputValue}\n        />\n      </div>\n      {focused && data.length > 0 ? (\n        <div className={styles.positioner} data-slot=\"tags-input-positioner\">\n          <div\n            aria-label=\"Suggestions\"\n            className={styles.list}\n            data-slot=\"tags-input-list\"\n            role=\"listbox\"\n          >\n            {suggestions.length > 0 ? (\n              suggestions.map((item) => (\n                <button\n                  aria-selected={false}\n                  className={styles.item}\n                  data-slot=\"tags-input-item\"\n                  key={item}\n                  onClick={() => addTag(item)}\n                  onMouseDown={(event: MouseEvent<HTMLButtonElement>) => event.preventDefault()}\n                  role=\"option\"\n                  type=\"button\"\n                >\n                  {item}\n                </button>\n              ))\n            ) : (\n              <div className={styles.empty} data-slot=\"tags-input-empty\">\n                No options\n              </div>\n            )}\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n});\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import { Toast, ToastAction, ToastActionProps, ToastClose, ToastCloseProps, ToastComponent, ToastContent, ToastContentProps, ToastDescription, ToastDescriptionProps, ToastPortal, ToastProvider, ToastProviderProps, ToastRoot, ToastRootProps, ToastText, ToastTextProps, ToastTitle, ToastTitleProps, ToastTone, ToastViewport, ToastViewportProps } from "./toast.cjs";
+export { Toast, ToastAction, ToastActionProps, ToastClose, ToastCloseProps, ToastComponent, ToastContent, ToastContentProps, ToastDescription, ToastDescriptionProps, ToastPortal, ToastProvider, ToastProviderProps, ToastRoot, ToastRootProps, ToastText, ToastTextProps, ToastTitle, ToastTitleProps, ToastTone, ToastViewport, ToastViewportProps };

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

@@ -0,0 +1,2 @@
+import { Toast, ToastAction, ToastActionProps, ToastClose, ToastCloseProps, ToastComponent, ToastContent, ToastContentProps, ToastDescription, ToastDescriptionProps, ToastPortal, ToastProvider, ToastProviderProps, ToastRoot, ToastRootProps, ToastText, ToastTextProps, ToastTitle, ToastTitleProps, ToastTone, ToastViewport, ToastViewportProps } from "./toast.js";
+export { Toast, ToastAction, ToastActionProps, ToastClose, ToastCloseProps, ToastComponent, ToastContent, ToastContentProps, ToastDescription, ToastDescriptionProps, ToastPortal, ToastProvider, ToastProviderProps, ToastRoot, ToastRootProps, ToastText, ToastTextProps, ToastTitle, ToastTitleProps, ToastTone, ToastViewport, ToastViewportProps };

package/dist/components/toast/toast.cjs

@@ -0,0 +1,135 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_base_ui = require("../base-ui.cjs");
+const require_toast = require("../../styled-system/recipes/toast.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_toast = require("@base-ui/react/toast");
+//#region src/components/toast/toast.tsx
+const toneByToastType = {
+	danger: "danger",
+	error: "danger",
+	info: "info",
+	success: "success",
+	warning: "warning"
+};
+function resolveTone(type, tone) {
+	return tone ?? (type === void 0 ? "neutral" : toneByToastType[type] ?? "neutral");
+}
+/**
+* Creates an isolated, declarative toast region. Configure `timeout` and
+* `limit` here; use `Toast.Root` to render each toast from local state or
+* `Toast.useToastManager()`.
+*/
+function ToastProvider(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Provider, { ...props });
+}
+/**
+* A bottom-centred notification region matching the legacy Jaci toast.
+*/
+const ToastViewport = (0, react.forwardRef)(function ToastViewport({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Viewport, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_toast.toast().viewport, className),
+		"data-jaci-component": "toast-viewport",
+		"data-slot": "toast-viewport"
+	});
+});
+/**
+* Renders a toast object while preserving Base UI's lifecycle, focus, swipe,
+* and auto-dismiss behavior. It is intentionally composed rather than a
+* global imperative notification API.
+*/
+const ToastRoot = (0, react.forwardRef)(function ToastRoot({ className, toast: toastObject, tone, ...props }, ref) {
+	const resolvedTone = resolveTone(toastObject.type, tone);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Root, {
+		...props,
+		ref,
+		toast: toastObject,
+		className: require_base_ui.withRecipeClassName(require_toast.toast({ tone: resolvedTone }).root, className),
+		"data-jaci-component": "toast",
+		"data-jaci-tone": resolvedTone,
+		"data-slot": "toast"
+	});
+});
+const ToastContent = (0, react.forwardRef)(function ToastContent({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Content, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_toast.toast().content, className),
+		"data-slot": "toast-content"
+	});
+});
+const ToastText = (0, react.forwardRef)(function ToastText({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(require_toast.toast().text, className),
+		"data-slot": "toast-text"
+	});
+});
+const ToastTitle = (0, react.forwardRef)(function ToastTitle({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Title, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_toast.toast().title, className),
+		"data-slot": "toast-title"
+	});
+});
+const ToastDescription = (0, react.forwardRef)(function ToastDescription({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Description, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_toast.toast().description, className),
+		"data-slot": "toast-description"
+	});
+});
+const ToastClose = (0, react.forwardRef)(function ToastClose({ "aria-label": ariaLabel, children, className, ...props }, ref) {
+	const hasVisibleLabel = children != null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Close, {
+		...props,
+		"aria-label": ariaLabel ?? (hasVisibleLabel ? void 0 : "Dismiss notification"),
+		ref,
+		className: require_base_ui.withRecipeClassName(require_toast.toast().close, className),
+		"data-slot": "toast-close",
+		children: children ?? "×"
+	});
+});
+const ToastAction = (0, react.forwardRef)(function ToastAction({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toast.Toast.Action, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_toast.toast().action, className),
+		"data-slot": "toast-action"
+	});
+});
+/** Base UI's portal is preserved for rendering the viewport at document level. */
+const ToastPortal = _base_ui_react_toast.Toast.Portal;
+const Toast = {
+	Provider: ToastProvider,
+	Viewport: ToastViewport,
+	Root: ToastRoot,
+	Content: ToastContent,
+	Text: ToastText,
+	Title: ToastTitle,
+	Description: ToastDescription,
+	Close: ToastClose,
+	Action: ToastAction,
+	Portal: ToastPortal,
+	useToastManager: _base_ui_react_toast.Toast.useToastManager
+};
+//#endregion
+exports.Toast = Toast;
+exports.ToastAction = ToastAction;
+exports.ToastClose = ToastClose;
+exports.ToastContent = ToastContent;
+exports.ToastDescription = ToastDescription;
+exports.ToastPortal = ToastPortal;
+exports.ToastProvider = ToastProvider;
+exports.ToastRoot = ToastRoot;
+exports.ToastText = ToastText;
+exports.ToastTitle = ToastTitle;
+exports.ToastViewport = ToastViewport;
+
+//# sourceMappingURL=toast.cjs.map

package/dist/components/toast/toast.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.cjs","names":["BaseToast","withRecipeClassName","toastRecipe","cx"],"sources":["../../../src/components/toast/toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { toast as toastRecipe } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type ToastTone = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"danger\";\n\nconst toneByToastType: Record<string, ToastTone> = {\n  danger: \"danger\",\n  error: \"danger\",\n  info: \"info\",\n  success: \"success\",\n  warning: \"warning\",\n};\n\nfunction resolveTone(type: string | undefined, tone: ToastTone | undefined): ToastTone {\n  return tone ?? (type === undefined ? \"neutral\" : (toneByToastType[type] ?? \"neutral\"));\n}\n\nexport type ToastProviderProps = ComponentPropsWithoutRef<typeof BaseToast.Provider>;\n\n/**\n * Creates an isolated, declarative toast region. Configure `timeout` and\n * `limit` here; use `Toast.Root` to render each toast from local state or\n * `Toast.useToastManager()`.\n */\nexport function ToastProvider(props: ToastProviderProps) {\n  return <BaseToast.Provider {...props} />;\n}\n\nexport type ToastViewportProps = ComponentPropsWithoutRef<typeof BaseToast.Viewport>;\n\n/**\n * A bottom-centred notification region matching the legacy Jaci toast.\n */\nexport const ToastViewport = forwardRef<HTMLDivElement, ToastViewportProps>(function ToastViewport(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Viewport\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().viewport, className)}\n      data-jaci-component=\"toast-viewport\"\n      data-slot=\"toast-viewport\"\n    />\n  );\n});\n\nexport interface ToastRootProps extends ComponentPropsWithoutRef<typeof BaseToast.Root> {\n  /**\n   * Visual status. When omitted, the value is inferred from the toast's\n   * `type` (`error` maps to `danger`) and otherwise remains neutral.\n   */\n  tone?: ToastTone;\n}\n\n/**\n * Renders a toast object while preserving Base UI's lifecycle, focus, swipe,\n * and auto-dismiss behavior. It is intentionally composed rather than a\n * global imperative notification API.\n */\nexport const ToastRoot = forwardRef<HTMLDivElement, ToastRootProps>(function ToastRoot(\n  { className, toast: toastObject, tone, ...props },\n  ref,\n) {\n  const resolvedTone = resolveTone(toastObject.type, tone);\n\n  return (\n    <BaseToast.Root\n      {...props}\n      ref={ref}\n      toast={toastObject}\n      className={withRecipeClassName(toastRecipe({ tone: resolvedTone }).root, className)}\n      data-jaci-component=\"toast\"\n      data-jaci-tone={resolvedTone}\n      data-slot=\"toast\"\n    />\n  );\n});\n\nexport type ToastContentProps = ComponentPropsWithoutRef<typeof BaseToast.Content>;\n\nexport const ToastContent = forwardRef<HTMLDivElement, ToastContentProps>(function ToastContent(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Content\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().content, className)}\n      data-slot=\"toast-content\"\n    />\n  );\n});\n\n/** A layout wrapper for `Toast.Title` and `Toast.Description`. */\nexport type ToastTextProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const ToastText = forwardRef<HTMLDivElement, ToastTextProps>(function ToastText(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(toastRecipe().text, className)}\n      data-slot=\"toast-text\"\n    />\n  );\n});\n\nexport type ToastTitleProps = ComponentPropsWithoutRef<typeof BaseToast.Title>;\n\nexport const ToastTitle = forwardRef<HTMLHeadingElement, ToastTitleProps>(function ToastTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Title\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().title, className)}\n      data-slot=\"toast-title\"\n    />\n  );\n});\n\nexport type ToastDescriptionProps = ComponentPropsWithoutRef<typeof BaseToast.Description>;\n\nexport const ToastDescription = forwardRef<HTMLParagraphElement, ToastDescriptionProps>(\n  function ToastDescription({ className, ...props }, ref) {\n    return (\n      <BaseToast.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(toastRecipe().description, className)}\n        data-slot=\"toast-description\"\n      />\n    );\n  },\n);\n\nexport type ToastCloseProps = ComponentPropsWithoutRef<typeof BaseToast.Close>;\n\nexport const ToastClose = forwardRef<HTMLButtonElement, ToastCloseProps>(function ToastClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BaseToast.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Dismiss notification\")}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().close, className)}\n      data-slot=\"toast-close\"\n    >\n      {children ?? \"×\"}\n    </BaseToast.Close>\n  );\n});\n\nexport type ToastActionProps = ComponentPropsWithoutRef<typeof BaseToast.Action>;\n\nexport const ToastAction = forwardRef<HTMLButtonElement, ToastActionProps>(function ToastAction(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Action\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().action, className)}\n      data-slot=\"toast-action\"\n    />\n  );\n});\n\n/** Base UI's portal is preserved for rendering the viewport at document level. */\nexport const ToastPortal: typeof BaseToast.Portal = BaseToast.Portal;\n\nexport interface ToastComponent {\n  Provider: typeof ToastProvider;\n  Viewport: typeof ToastViewport;\n  Root: typeof ToastRoot;\n  Content: typeof ToastContent;\n  Text: typeof ToastText;\n  Title: typeof ToastTitle;\n  Description: typeof ToastDescription;\n  Close: typeof ToastClose;\n  Action: typeof ToastAction;\n  Portal: typeof ToastPortal;\n  useToastManager: typeof BaseToast.useToastManager;\n}\n\nexport const Toast: ToastComponent = {\n  Provider: ToastProvider,\n  Viewport: ToastViewport,\n  Root: ToastRoot,\n  Content: ToastContent,\n  Text: ToastText,\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Close: ToastClose,\n  Action: ToastAction,\n  Portal: ToastPortal,\n  useToastManager: BaseToast.useToastManager,\n};\n"],"mappings":"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"}

package/dist/components/toast/toast.d.cts

@@ -0,0 +1,61 @@
+import { ComponentPropsWithoutRef } from "react";
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/toast/toast.d.ts
+type ToastTone = "neutral" | "info" | "success" | "warning" | "danger";
+type ToastProviderProps = ComponentPropsWithoutRef<typeof Toast.Provider>;
+/**
+ * Creates an isolated, declarative toast region. Configure `timeout` and
+ * `limit` here; use `Toast.Root` to render each toast from local state or
+ * `Toast.useToastManager()`.
+ */
+declare function ToastProvider(props: ToastProviderProps): import("react").JSX.Element;
+type ToastViewportProps = ComponentPropsWithoutRef<typeof Toast.Viewport>;
+/**
+ * A bottom-centred notification region matching the legacy Jaci toast.
+ */
+declare const ToastViewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+interface ToastRootProps extends ComponentPropsWithoutRef<typeof Toast.Root> {
+  /**
+   * Visual status. When omitted, the value is inferred from the toast's
+   * `type` (`error` maps to `danger`) and otherwise remains neutral.
+   */
+  tone?: ToastTone;
+}
+/**
+ * Renders a toast object while preserving Base UI's lifecycle, focus, swipe,
+ * and auto-dismiss behavior. It is intentionally composed rather than a
+ * global imperative notification API.
+ */
+declare const ToastRoot: import("react").ForwardRefExoticComponent<ToastRootProps & import("react").RefAttributes<HTMLDivElement>>;
+type ToastContentProps = ComponentPropsWithoutRef<typeof Toast.Content>;
+declare const ToastContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** A layout wrapper for `Toast.Title` and `Toast.Description`. */
+type ToastTextProps = ComponentPropsWithoutRef<"div">;
+declare const ToastText: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ToastTitleProps = ComponentPropsWithoutRef<typeof Toast.Title>;
+declare const ToastTitle: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+type ToastDescriptionProps = ComponentPropsWithoutRef<typeof Toast.Description>;
+declare const ToastDescription: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+type ToastCloseProps = ComponentPropsWithoutRef<typeof Toast.Close>;
+declare const ToastClose: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type ToastActionProps = ComponentPropsWithoutRef<typeof Toast.Action>;
+declare const ToastAction: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastActionProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/** Base UI's portal is preserved for rendering the viewport at document level. */
+declare const ToastPortal: typeof Toast.Portal;
+interface ToastComponent {
+  Provider: typeof ToastProvider;
+  Viewport: typeof ToastViewport;
+  Root: typeof ToastRoot;
+  Content: typeof ToastContent;
+  Text: typeof ToastText;
+  Title: typeof ToastTitle;
+  Description: typeof ToastDescription;
+  Close: typeof ToastClose;
+  Action: typeof ToastAction;
+  Portal: typeof ToastPortal;
+  useToastManager: typeof Toast.useToastManager;
+}
+declare const Toast$1: ToastComponent;
+//#endregion
+export { Toast$1 as Toast, ToastAction, ToastActionProps, ToastClose, ToastCloseProps, ToastComponent, ToastContent, ToastContentProps, ToastDescription, ToastDescriptionProps, ToastPortal, ToastProvider, ToastProviderProps, ToastRoot, ToastRootProps, ToastText, ToastTextProps, ToastTitle, ToastTitleProps, ToastTone, ToastViewport, ToastViewportProps };
+//# sourceMappingURL=toast.d.cts.map

package/dist/components/toast/toast.d.ts

@@ -0,0 +1,61 @@
+import { ComponentPropsWithoutRef } from "react";
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/toast/toast.d.ts
+type ToastTone = "neutral" | "info" | "success" | "warning" | "danger";
+type ToastProviderProps = ComponentPropsWithoutRef<typeof Toast.Provider>;
+/**
+ * Creates an isolated, declarative toast region. Configure `timeout` and
+ * `limit` here; use `Toast.Root` to render each toast from local state or
+ * `Toast.useToastManager()`.
+ */
+declare function ToastProvider(props: ToastProviderProps): import("react").JSX.Element;
+type ToastViewportProps = ComponentPropsWithoutRef<typeof Toast.Viewport>;
+/**
+ * A bottom-centred notification region matching the legacy Jaci toast.
+ */
+declare const ToastViewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+interface ToastRootProps extends ComponentPropsWithoutRef<typeof Toast.Root> {
+  /**
+   * Visual status. When omitted, the value is inferred from the toast's
+   * `type` (`error` maps to `danger`) and otherwise remains neutral.
+   */
+  tone?: ToastTone;
+}
+/**
+ * Renders a toast object while preserving Base UI's lifecycle, focus, swipe,
+ * and auto-dismiss behavior. It is intentionally composed rather than a
+ * global imperative notification API.
+ */
+declare const ToastRoot: import("react").ForwardRefExoticComponent<ToastRootProps & import("react").RefAttributes<HTMLDivElement>>;
+type ToastContentProps = ComponentPropsWithoutRef<typeof Toast.Content>;
+declare const ToastContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** A layout wrapper for `Toast.Title` and `Toast.Description`. */
+type ToastTextProps = ComponentPropsWithoutRef<"div">;
+declare const ToastText: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ToastTitleProps = ComponentPropsWithoutRef<typeof Toast.Title>;
+declare const ToastTitle: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+type ToastDescriptionProps = ComponentPropsWithoutRef<typeof Toast.Description>;
+declare const ToastDescription: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+type ToastCloseProps = ComponentPropsWithoutRef<typeof Toast.Close>;
+declare const ToastClose: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type ToastActionProps = ComponentPropsWithoutRef<typeof Toast.Action>;
+declare const ToastAction: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastActionProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/** Base UI's portal is preserved for rendering the viewport at document level. */
+declare const ToastPortal: typeof Toast.Portal;
+interface ToastComponent {
+  Provider: typeof ToastProvider;
+  Viewport: typeof ToastViewport;
+  Root: typeof ToastRoot;
+  Content: typeof ToastContent;
+  Text: typeof ToastText;
+  Title: typeof ToastTitle;
+  Description: typeof ToastDescription;
+  Close: typeof ToastClose;
+  Action: typeof ToastAction;
+  Portal: typeof ToastPortal;
+  useToastManager: typeof Toast.useToastManager;
+}
+declare const Toast$1: ToastComponent;
+//#endregion
+export { Toast$1 as Toast, ToastAction, ToastActionProps, ToastClose, ToastCloseProps, ToastComponent, ToastContent, ToastContentProps, ToastDescription, ToastDescriptionProps, ToastPortal, ToastProvider, ToastProviderProps, ToastRoot, ToastRootProps, ToastText, ToastTextProps, ToastTitle, ToastTitleProps, ToastTone, ToastViewport, ToastViewportProps };
+//# sourceMappingURL=toast.d.ts.map

package/dist/components/toast/toast.js

@@ -0,0 +1,125 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { withRecipeClassName } from "../base-ui.js";
+import { toast } from "../../styled-system/recipes/toast.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/toast/toast.tsx
+const toneByToastType = {
+	danger: "danger",
+	error: "danger",
+	info: "info",
+	success: "success",
+	warning: "warning"
+};
+function resolveTone(type, tone) {
+	return tone ?? (type === void 0 ? "neutral" : toneByToastType[type] ?? "neutral");
+}
+/**
+* Creates an isolated, declarative toast region. Configure `timeout` and
+* `limit` here; use `Toast.Root` to render each toast from local state or
+* `Toast.useToastManager()`.
+*/
+function ToastProvider(props) {
+	return /* @__PURE__ */ jsx(Toast.Provider, { ...props });
+}
+/**
+* A bottom-centred notification region matching the legacy Jaci toast.
+*/
+const ToastViewport = forwardRef(function ToastViewport({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Toast.Viewport, {
+		...props,
+		ref,
+		className: withRecipeClassName(toast().viewport, className),
+		"data-jaci-component": "toast-viewport",
+		"data-slot": "toast-viewport"
+	});
+});
+/**
+* Renders a toast object while preserving Base UI's lifecycle, focus, swipe,
+* and auto-dismiss behavior. It is intentionally composed rather than a
+* global imperative notification API.
+*/
+const ToastRoot = forwardRef(function ToastRoot({ className, toast: toastObject, tone, ...props }, ref) {
+	const resolvedTone = resolveTone(toastObject.type, tone);
+	return /* @__PURE__ */ jsx(Toast.Root, {
+		...props,
+		ref,
+		toast: toastObject,
+		className: withRecipeClassName(toast({ tone: resolvedTone }).root, className),
+		"data-jaci-component": "toast",
+		"data-jaci-tone": resolvedTone,
+		"data-slot": "toast"
+	});
+});
+const ToastContent = forwardRef(function ToastContent({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Toast.Content, {
+		...props,
+		ref,
+		className: withRecipeClassName(toast().content, className),
+		"data-slot": "toast-content"
+	});
+});
+const ToastText = forwardRef(function ToastText({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(toast().text, className),
+		"data-slot": "toast-text"
+	});
+});
+const ToastTitle = forwardRef(function ToastTitle({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Toast.Title, {
+		...props,
+		ref,
+		className: withRecipeClassName(toast().title, className),
+		"data-slot": "toast-title"
+	});
+});
+const ToastDescription = forwardRef(function ToastDescription({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Toast.Description, {
+		...props,
+		ref,
+		className: withRecipeClassName(toast().description, className),
+		"data-slot": "toast-description"
+	});
+});
+const ToastClose = forwardRef(function ToastClose({ "aria-label": ariaLabel, children, className, ...props }, ref) {
+	const hasVisibleLabel = children != null;
+	return /* @__PURE__ */ jsx(Toast.Close, {
+		...props,
+		"aria-label": ariaLabel ?? (hasVisibleLabel ? void 0 : "Dismiss notification"),
+		ref,
+		className: withRecipeClassName(toast().close, className),
+		"data-slot": "toast-close",
+		children: children ?? "×"
+	});
+});
+const ToastAction = forwardRef(function ToastAction({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Toast.Action, {
+		...props,
+		ref,
+		className: withRecipeClassName(toast().action, className),
+		"data-slot": "toast-action"
+	});
+});
+/** Base UI's portal is preserved for rendering the viewport at document level. */
+const ToastPortal = Toast.Portal;
+const Toast$1 = {
+	Provider: ToastProvider,
+	Viewport: ToastViewport,
+	Root: ToastRoot,
+	Content: ToastContent,
+	Text: ToastText,
+	Title: ToastTitle,
+	Description: ToastDescription,
+	Close: ToastClose,
+	Action: ToastAction,
+	Portal: ToastPortal,
+	useToastManager: Toast.useToastManager
+};
+//#endregion
+export { Toast$1 as Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastRoot, ToastText, ToastTitle, ToastViewport };
+
+//# sourceMappingURL=toast.js.map

package/dist/components/toast/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","names":["BaseToast","toastRecipe","Toast"],"sources":["../../../src/components/toast/toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { toast as toastRecipe } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type ToastTone = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"danger\";\n\nconst toneByToastType: Record<string, ToastTone> = {\n  danger: \"danger\",\n  error: \"danger\",\n  info: \"info\",\n  success: \"success\",\n  warning: \"warning\",\n};\n\nfunction resolveTone(type: string | undefined, tone: ToastTone | undefined): ToastTone {\n  return tone ?? (type === undefined ? \"neutral\" : (toneByToastType[type] ?? \"neutral\"));\n}\n\nexport type ToastProviderProps = ComponentPropsWithoutRef<typeof BaseToast.Provider>;\n\n/**\n * Creates an isolated, declarative toast region. Configure `timeout` and\n * `limit` here; use `Toast.Root` to render each toast from local state or\n * `Toast.useToastManager()`.\n */\nexport function ToastProvider(props: ToastProviderProps) {\n  return <BaseToast.Provider {...props} />;\n}\n\nexport type ToastViewportProps = ComponentPropsWithoutRef<typeof BaseToast.Viewport>;\n\n/**\n * A bottom-centred notification region matching the legacy Jaci toast.\n */\nexport const ToastViewport = forwardRef<HTMLDivElement, ToastViewportProps>(function ToastViewport(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Viewport\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().viewport, className)}\n      data-jaci-component=\"toast-viewport\"\n      data-slot=\"toast-viewport\"\n    />\n  );\n});\n\nexport interface ToastRootProps extends ComponentPropsWithoutRef<typeof BaseToast.Root> {\n  /**\n   * Visual status. When omitted, the value is inferred from the toast's\n   * `type` (`error` maps to `danger`) and otherwise remains neutral.\n   */\n  tone?: ToastTone;\n}\n\n/**\n * Renders a toast object while preserving Base UI's lifecycle, focus, swipe,\n * and auto-dismiss behavior. It is intentionally composed rather than a\n * global imperative notification API.\n */\nexport const ToastRoot = forwardRef<HTMLDivElement, ToastRootProps>(function ToastRoot(\n  { className, toast: toastObject, tone, ...props },\n  ref,\n) {\n  const resolvedTone = resolveTone(toastObject.type, tone);\n\n  return (\n    <BaseToast.Root\n      {...props}\n      ref={ref}\n      toast={toastObject}\n      className={withRecipeClassName(toastRecipe({ tone: resolvedTone }).root, className)}\n      data-jaci-component=\"toast\"\n      data-jaci-tone={resolvedTone}\n      data-slot=\"toast\"\n    />\n  );\n});\n\nexport type ToastContentProps = ComponentPropsWithoutRef<typeof BaseToast.Content>;\n\nexport const ToastContent = forwardRef<HTMLDivElement, ToastContentProps>(function ToastContent(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Content\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().content, className)}\n      data-slot=\"toast-content\"\n    />\n  );\n});\n\n/** A layout wrapper for `Toast.Title` and `Toast.Description`. */\nexport type ToastTextProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const ToastText = forwardRef<HTMLDivElement, ToastTextProps>(function ToastText(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(toastRecipe().text, className)}\n      data-slot=\"toast-text\"\n    />\n  );\n});\n\nexport type ToastTitleProps = ComponentPropsWithoutRef<typeof BaseToast.Title>;\n\nexport const ToastTitle = forwardRef<HTMLHeadingElement, ToastTitleProps>(function ToastTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Title\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().title, className)}\n      data-slot=\"toast-title\"\n    />\n  );\n});\n\nexport type ToastDescriptionProps = ComponentPropsWithoutRef<typeof BaseToast.Description>;\n\nexport const ToastDescription = forwardRef<HTMLParagraphElement, ToastDescriptionProps>(\n  function ToastDescription({ className, ...props }, ref) {\n    return (\n      <BaseToast.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(toastRecipe().description, className)}\n        data-slot=\"toast-description\"\n      />\n    );\n  },\n);\n\nexport type ToastCloseProps = ComponentPropsWithoutRef<typeof BaseToast.Close>;\n\nexport const ToastClose = forwardRef<HTMLButtonElement, ToastCloseProps>(function ToastClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BaseToast.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Dismiss notification\")}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().close, className)}\n      data-slot=\"toast-close\"\n    >\n      {children ?? \"×\"}\n    </BaseToast.Close>\n  );\n});\n\nexport type ToastActionProps = ComponentPropsWithoutRef<typeof BaseToast.Action>;\n\nexport const ToastAction = forwardRef<HTMLButtonElement, ToastActionProps>(function ToastAction(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseToast.Action\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toastRecipe().action, className)}\n      data-slot=\"toast-action\"\n    />\n  );\n});\n\n/** Base UI's portal is preserved for rendering the viewport at document level. */\nexport const ToastPortal: typeof BaseToast.Portal = BaseToast.Portal;\n\nexport interface ToastComponent {\n  Provider: typeof ToastProvider;\n  Viewport: typeof ToastViewport;\n  Root: typeof ToastRoot;\n  Content: typeof ToastContent;\n  Text: typeof ToastText;\n  Title: typeof ToastTitle;\n  Description: typeof ToastDescription;\n  Close: typeof ToastClose;\n  Action: typeof ToastAction;\n  Portal: typeof ToastPortal;\n  useToastManager: typeof BaseToast.useToastManager;\n}\n\nexport const Toast: ToastComponent = {\n  Provider: ToastProvider,\n  Viewport: ToastViewport,\n  Root: ToastRoot,\n  Content: ToastContent,\n  Text: ToastText,\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Close: ToastClose,\n  Action: ToastAction,\n  Portal: ToastPortal,\n  useToastManager: BaseToast.useToastManager,\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import { Toggle, ToggleProps, ToggleSize, ToggleVariant } from "./toggle.cjs";
+export { Toggle, ToggleProps, ToggleSize, ToggleVariant };

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

@@ -0,0 +1,2 @@
+import { Toggle, ToggleProps, ToggleSize, ToggleVariant } from "./toggle.js";
+export { Toggle, ToggleProps, ToggleSize, ToggleVariant };

package/dist/components/toggle/toggle.cjs

@@ -0,0 +1,25 @@
+"use client";
+const require_base_ui = require("../base-ui.cjs");
+const require_toggle = require("../../styled-system/recipes/toggle.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_toggle = require("@base-ui/react/toggle");
+//#region src/components/toggle/toggle.tsx
+const Toggle = (0, react.forwardRef)(function Toggle({ children, className, onPressedChange, size = "md", variant = "outline", ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_toggle.Toggle, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_toggle.toggle({
+			size,
+			variant
+		}), className),
+		"data-jaci-component": "toggle",
+		"data-slot": "toggle",
+		onPressedChange: (pressed) => onPressedChange?.(pressed),
+		children
+	});
+});
+//#endregion
+exports.Toggle = Toggle;
+
+//# sourceMappingURL=toggle.cjs.map

package/dist/components/toggle/toggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.cjs","names":["BaseToggle","withRecipeClassName","toggle"],"sources":["../../../src/components/toggle/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toggle as BaseToggle } from \"@base-ui/react/toggle\";\nimport { forwardRef } from \"react\";\nimport type { ReactNode } from \"react\";\nimport type { Toggle as BaseToggleType } from \"@base-ui/react/toggle\";\n\nimport { toggle } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type ToggleVariant = \"solid\" | \"outline\" | \"ghost\";\nexport type ToggleSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ToggleProps\n  extends Omit<BaseToggleType.Props<string>, \"children\" | \"className\" | \"onPressedChange\"> {\n  children?: ReactNode;\n  className?: string;\n  onPressedChange?: (pressed: boolean) => void;\n  size?: ToggleSize;\n  variant?: ToggleVariant;\n}\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(function Toggle(\n  { children, className, onPressedChange, size = \"md\", variant = \"outline\", ...props },\n  ref,\n) {\n  return (\n    <BaseToggle\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toggle({ size, variant }), className)}\n      data-jaci-component=\"toggle\"\n      data-slot=\"toggle\"\n      onPressedChange={(pressed) => onPressedChange?.(pressed)}\n    >\n      {children}\n    </BaseToggle>\n  );\n});\n"],"mappings":";;;;;;;AAsBA,MAAa,UAAA,GAAA,MAAA,WAAA,CAAoD,SAAS,OACxE,EAAE,UAAU,WAAW,iBAAiB,OAAO,MAAM,UAAU,WAAW,GAAG,SAC7E,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,QAAD;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,eAAAA,OAAO;GAAE;GAAM;EAAQ,CAAC,GAAG,SAAS;EACnE,uBAAoB;EACpB,aAAU;EACV,kBAAkB,YAAY,kBAAkB,OAAO;EAEtD;CACS,CAAA;AAEhB,CAAC"}

package/dist/components/toggle/toggle.d.cts

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+import { Toggle } from "@base-ui/react/toggle";
+//#region src/components/toggle/toggle.d.ts
+type ToggleVariant = "solid" | "outline" | "ghost";
+type ToggleSize = "sm" | "md" | "lg";
+interface ToggleProps extends Omit<Toggle.Props<string>, "children" | "className" | "onPressedChange"> {
+  children?: ReactNode;
+  className?: string;
+  onPressedChange?: (pressed: boolean) => void;
+  size?: ToggleSize;
+  variant?: ToggleVariant;
+}
+declare const Toggle$1: import("react").ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { Toggle$1 as Toggle, ToggleProps, ToggleSize, ToggleVariant };
+//# sourceMappingURL=toggle.d.cts.map

package/dist/components/toggle/toggle.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+import { Toggle } from "@base-ui/react/toggle";
+//#region src/components/toggle/toggle.d.ts
+type ToggleVariant = "solid" | "outline" | "ghost";
+type ToggleSize = "sm" | "md" | "lg";
+interface ToggleProps extends Omit<Toggle.Props<string>, "children" | "className" | "onPressedChange"> {
+  children?: ReactNode;
+  className?: string;
+  onPressedChange?: (pressed: boolean) => void;
+  size?: ToggleSize;
+  variant?: ToggleVariant;
+}
+declare const Toggle$1: import("react").ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { Toggle$1 as Toggle, ToggleProps, ToggleSize, ToggleVariant };
+//# sourceMappingURL=toggle.d.ts.map

package/dist/components/toggle/toggle.js

@@ -0,0 +1,25 @@
+"use client";
+import { withRecipeClassName } from "../base-ui.js";
+import { toggle } from "../../styled-system/recipes/toggle.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Toggle } from "@base-ui/react/toggle";
+//#region src/components/toggle/toggle.tsx
+const Toggle$1 = forwardRef(function Toggle$2({ children, className, onPressedChange, size = "md", variant = "outline", ...props }, ref) {
+	return /* @__PURE__ */ jsx(Toggle, {
+		...props,
+		ref,
+		className: withRecipeClassName(toggle({
+			size,
+			variant
+		}), className),
+		"data-jaci-component": "toggle",
+		"data-slot": "toggle",
+		onPressedChange: (pressed) => onPressedChange?.(pressed),
+		children
+	});
+});
+//#endregion
+export { Toggle$1 as Toggle };
+
+//# sourceMappingURL=toggle.js.map

package/dist/components/toggle/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","names":["Toggle","BaseToggle"],"sources":["../../../src/components/toggle/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toggle as BaseToggle } from \"@base-ui/react/toggle\";\nimport { forwardRef } from \"react\";\nimport type { ReactNode } from \"react\";\nimport type { Toggle as BaseToggleType } from \"@base-ui/react/toggle\";\n\nimport { toggle } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type ToggleVariant = \"solid\" | \"outline\" | \"ghost\";\nexport type ToggleSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ToggleProps\n  extends Omit<BaseToggleType.Props<string>, \"children\" | \"className\" | \"onPressedChange\"> {\n  children?: ReactNode;\n  className?: string;\n  onPressedChange?: (pressed: boolean) => void;\n  size?: ToggleSize;\n  variant?: ToggleVariant;\n}\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(function Toggle(\n  { children, className, onPressedChange, size = \"md\", variant = \"outline\", ...props },\n  ref,\n) {\n  return (\n    <BaseToggle\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(toggle({ size, variant }), className)}\n      data-jaci-component=\"toggle\"\n      data-slot=\"toggle\"\n      onPressedChange={(pressed) => onPressedChange?.(pressed)}\n    >\n      {children}\n    </BaseToggle>\n  );\n});\n"],"mappings":";;;;;;;AAsBA,MAAaA,WAAS,WAA2C,SAASA,SACxE,EAAE,UAAU,WAAW,iBAAiB,OAAO,MAAM,UAAU,WAAW,GAAG,SAC7E,KACA;CACA,OACE,oBAACC,QAAD;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,OAAO;GAAE;GAAM;EAAQ,CAAC,GAAG,SAAS;EACnE,uBAAoB;EACpB,aAAU;EACV,kBAAkB,YAAY,kBAAkB,OAAO;EAEtD;CACS,CAAA;AAEhB,CAAC"}

package/dist/components/toggle-group/index.d.cts

@@ -0,0 +1,2 @@
+import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupRoot, ToggleGroupRootProps } from "./toggle-group.cjs";
+export { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupRoot, ToggleGroupRootProps };

package/dist/components/toggle-group/index.d.ts

@@ -0,0 +1,2 @@
+import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupRoot, ToggleGroupRootProps } from "./toggle-group.js";
+export { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupRoot, ToggleGroupRootProps };