@q9labsai/chalk-ui 4.0.0

package/dist/test-utils.d.ts

@@ -0,0 +1,3 @@
+import type * as React from "react";
+export declare function renderForwardRef(component: unknown, props?: Record<string, unknown>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+//# sourceMappingURL=test-utils.d.ts.map

package/dist/test-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-utils.d.ts","sourceRoot":"","sources":["../src/test-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,0EAEvF"}

package/dist/textarea.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    readonly label?: string;
+    readonly error?: string;
+    readonly showCount?: boolean;
+    readonly resize?: "none" | "vertical" | "horizontal" | "both";
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };
+//# sourceMappingURL=textarea.d.ts.map

package/dist/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../src/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACtF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;CAC/D;AAED,QAAA,MAAM,QAAQ,2FAqCZ,CAAC;AAIH,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/textarea.js

@@ -0,0 +1,52 @@
+// src/textarea.tsx
+import * as React from "react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/textarea.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Textarea = React.forwardRef(function Textarea2({ label, error, showCount = false, resize = "vertical", maxLength, value, className, id, ...props }, ref) {
+  const generatedId = React.useId();
+  const textareaId = id ?? generatedId;
+  const currentLength = typeof value === "string" ? value.length : 0;
+  return /* @__PURE__ */ jsxs("label", { className: "flex w-full flex-col gap-1.5", htmlFor: textareaId, children: [
+    label ? /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-muted-foreground", children: label }) : null,
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        ref,
+        id: textareaId,
+        value,
+        maxLength,
+        "aria-invalid": Boolean(error),
+        className: cn(
+          "border-input bg-background focus-visible:border-ring focus-visible:ring-ring/50 disabled:bg-muted flex min-h-20 w-full rounded-lg border px-3 py-2 text-sm outline-none transition-colors focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+          resize === "none" && "resize-none",
+          resize === "vertical" && "resize-y",
+          resize === "horizontal" && "resize-x",
+          resize === "both" && "resize",
+          error && "border-destructive",
+          className
+        ),
+        ...props
+      }
+    ),
+    error || showCount && maxLength ? /* @__PURE__ */ jsxs("span", { className: cn("flex justify-between text-xs text-muted-foreground", error && "text-destructive"), children: [
+      /* @__PURE__ */ jsx("span", { children: error }),
+      showCount && maxLength ? /* @__PURE__ */ jsxs("span", { children: [
+        currentLength,
+        " / ",
+        maxLength
+      ] }) : null
+    ] }) : null
+  ] });
+});
+Textarea.displayName = "Textarea";
+export {
+  Textarea
+};

package/dist/toast.d.ts

@@ -0,0 +1,45 @@
+import * as React from "react";
+import { Toast as ToastPrimitive } from "@base-ui/react/toast";
+export type ToastType = "neutral" | "info" | "success" | "warning" | "error" | "danger";
+export interface ToastOptions {
+    actionProps?: React.ComponentPropsWithoutRef<"button">;
+    data?: Record<string, unknown>;
+    description?: React.ReactNode;
+    id?: string;
+    onClose?: () => void;
+    priority?: "low" | "high";
+    timeout?: number;
+    title?: React.ReactNode;
+    type?: ToastType;
+}
+export declare const toastManager: import("@base-ui/react").ToastManager<any>;
+export declare const toast: ((options: ToastOptions) => string) & {
+    danger: (options: Omit<ToastOptions, "type">) => string;
+    dismiss: (id?: string) => void;
+    error: (options: Omit<ToastOptions, "type">) => string;
+    info: (options: Omit<ToastOptions, "type">) => string;
+    success: (options: Omit<ToastOptions, "type">) => string;
+    warning: (options: Omit<ToastOptions, "type">) => string;
+};
+declare function ToastProvider({ toastManager: manager, ...props }: React.ComponentProps<typeof ToastPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare const ToastRoot: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ToastContent: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastContentProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ToastTitle: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const ToastDescription: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const ToastClose: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastAction: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastActionProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare function ToastViewport({ className, children, ...props }: React.ComponentPropsWithoutRef<typeof ToastPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
+declare function useToast<Data extends object = Record<string, unknown>>(): import("@base-ui/react").UseToastManagerReturnValue<Data>;
+declare const Toast: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    Action: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastActionProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Close: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastContentProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    Provider: typeof ToastProvider;
+    Root: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ToastTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Viewport: typeof ToastViewport;
+};
+export type ToastRootProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Root>;
+export { Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, useToast };
+//# sourceMappingURL=toast.d.ts.map

package/dist/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../src/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAK/D,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAExF,MAAM,WAAW,YAAY;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAID,eAAO,MAAM,YAAY,4CAAqB,CAAC;AAE/C,eAAO,MAAM,KAAK,aAA2B,YAAY;sBACrC,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC;mBAC7B,MAAM;qBACJ,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC;oBAC3B,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC;uBACvB,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC;uBAC1B,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC;CAC7C,CAAC;AAEH,iBAAS,aAAa,CAAC,EAAE,YAAY,EAAE,OAA4B,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,2CAEpI;AAED,QAAA,MAAM,SAAS,gLAEb,CAAC;AAEH,QAAA,MAAM,YAAY,mLAEhB,CAAC;AAEH,QAAA,MAAM,UAAU,yLAEd,CAAC;AAEH,QAAA,MAAM,gBAAgB,mMAEpB,CAAC;AAEH,QAAA,MAAM,UAAU,uLAMd,CAAC;AAEH,QAAA,MAAM,WAAW,wLAEf,CAAC;AAEH,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,2CAsCvH;AAED,iBAAS,QAAQ,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,+DAE9D;AAED,QAAA,MAAM,KAAK;;;;;;;;;CAST,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAExF,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC"}

package/dist/toast.js

@@ -0,0 +1,131 @@
+"use client";
+
+// src/toast.tsx
+import * as React from "react";
+import { Toast as ToastPrimitive } from "@base-ui/react/toast";
+
+// src/lib/theme.ts
+var THEME_ATTRIBUTE_NAMES = ["data-chalk-theme", "data-theme"];
+var THEME_CLASS_NAMES = ["dark", "light"];
+var SYSTEM_DARK_QUERY = "(prefers-color-scheme: dark)";
+var normalizeTheme = (value) => {
+  if (value === "dark" || value === "light") {
+    return value;
+  }
+  return null;
+};
+var resolveThemeFromElement = (element) => {
+  if (!element) return null;
+  const attributeTheme = THEME_ATTRIBUTE_NAMES.map((attributeName) => normalizeTheme(element.getAttribute(attributeName))).find((theme) => theme !== null);
+  const classTheme = THEME_CLASS_NAMES.find((theme) => element.classList.contains(theme));
+  return attributeTheme ?? classTheme ?? null;
+};
+var resolveSystemTheme = () => {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return null;
+  return window.matchMedia(SYSTEM_DARK_QUERY).matches ? "dark" : "light";
+};
+var resolveExplicitThemeFromDocument = () => {
+  if (typeof document === "undefined") return null;
+  return resolveThemeFromElement(document.documentElement) ?? resolveThemeFromElement(document.body);
+};
+var resolveFallbackTheme = ({ defaultTheme, allowSystem }) => {
+  if (!allowSystem) return defaultTheme;
+  return resolveSystemTheme() ?? defaultTheme;
+};
+var resolveThemeFromDocument = ({ defaultTheme = "light", allowSystem = true } = {}) => {
+  const explicitTheme = resolveExplicitThemeFromDocument();
+  return explicitTheme ?? resolveFallbackTheme({ defaultTheme, allowSystem });
+};
+var resolvePortalThemeFromDocument = ({ defaultTheme = "light", allowSystem = true } = {}) => {
+  if (typeof document === "undefined") return defaultTheme;
+  const portalTheme = normalizeTheme(document.querySelector("[data-chalk-theme]")?.getAttribute("data-chalk-theme"));
+  if (portalTheme) return portalTheme;
+  return resolveThemeFromDocument({ defaultTheme, allowSystem });
+};
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/toast.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var sharedToastManager = ToastPrimitive.createToastManager();
+var toastManager = sharedToastManager;
+var toast = Object.assign((options) => sharedToastManager.add(options), {
+  danger: (options) => sharedToastManager.add({ ...options, type: "danger" }),
+  dismiss: (id) => sharedToastManager.close(id),
+  error: (options) => sharedToastManager.add({ ...options, type: "error" }),
+  info: (options) => sharedToastManager.add({ ...options, type: "info" }),
+  success: (options) => sharedToastManager.add({ ...options, type: "success" }),
+  warning: (options) => sharedToastManager.add({ ...options, type: "warning" })
+});
+function ToastProvider({ toastManager: manager = sharedToastManager, ...props }) {
+  return /* @__PURE__ */ jsx(ToastPrimitive.Provider, { toastManager: manager, ...props });
+}
+var ToastRoot = React.forwardRef(function ToastRoot2({ className, toast: toastObject, ...props }, ref) {
+  return /* @__PURE__ */ jsx(ToastPrimitive.Root, { ref, "data-slot": "toast", "data-type": toastObject.type ?? "neutral", toast: toastObject, className: cn("chalk-ui-toast", className), ...props });
+});
+var ToastContent = React.forwardRef(function ToastContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(ToastPrimitive.Content, { ref, "data-slot": "toast-content", className: cn("chalk-ui-toast-content", className), ...props });
+});
+var ToastTitle = React.forwardRef(function ToastTitle2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(ToastPrimitive.Title, { ref, "data-slot": "toast-title", className: cn("chalk-ui-toast-title", className), ...props });
+});
+var ToastDescription = React.forwardRef(function ToastDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(ToastPrimitive.Description, { ref, "data-slot": "toast-description", className: cn("chalk-ui-toast-description", className), ...props });
+});
+var ToastClose = React.forwardRef(function ToastClose2({ "aria-label": ariaLabel = "Dismiss notification", children = "\xD7", className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(ToastPrimitive.Close, { ref, "aria-label": ariaLabel, "data-slot": "toast-close", className: cn("chalk-ui-toast-close chalk-ui-focusable", className), ...props, children });
+});
+var ToastAction = React.forwardRef(function ToastAction2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(ToastPrimitive.Action, { ref, "data-slot": "toast-action", className: cn("chalk-ui-focusable", className), ...props });
+});
+function ToastViewport({ className, children, ...props }) {
+  const { toasts } = ToastPrimitive.useToastManager();
+  const portalTheme = resolvePortalThemeFromDocument();
+  return /* @__PURE__ */ jsxs(ToastPrimitive.Viewport, { "data-chalk": true, "data-chalk-theme": portalTheme, "data-slot": "toast-viewport", className: cn("chalk-ui-root chalk-ui-toast-viewport", className), ...props, children: [
+    children,
+    toasts.map((toastObject) => {
+      const actionProps = toastObject.actionProps;
+      const { children: actionLabel, ...restActionProps } = actionProps ?? {};
+      return /* @__PURE__ */ jsxs(ToastPrimitive.Root, { "data-slot": "toast", "data-type": toastObject.type ?? "neutral", toast: toastObject, className: "chalk-ui-toast", children: [
+        /* @__PURE__ */ jsxs(ToastPrimitive.Content, { "data-slot": "toast-content", className: "chalk-ui-toast-content", children: [
+          toastObject.title ? /* @__PURE__ */ jsx(ToastPrimitive.Title, { "data-slot": "toast-title", className: "chalk-ui-toast-title", children: toastObject.title }) : null,
+          toastObject.description ? /* @__PURE__ */ jsx(ToastPrimitive.Description, { "data-slot": "toast-description", className: "chalk-ui-toast-description", children: toastObject.description }) : null,
+          actionProps ? /* @__PURE__ */ jsx(ToastPrimitive.Action, { "data-slot": "toast-action", className: "chalk-ui-focusable", ...restActionProps, children: actionLabel ?? "Action" }) : null
+        ] }),
+        /* @__PURE__ */ jsx(ToastPrimitive.Close, { "aria-label": "Dismiss notification", "data-slot": "toast-close", className: "chalk-ui-toast-close chalk-ui-focusable", children: "\xD7" })
+      ] }, toastObject.id);
+    })
+  ] });
+}
+function useToast() {
+  return ToastPrimitive.useToastManager();
+}
+var Toast = Object.assign(ToastRoot, {
+  Action: ToastAction,
+  Close: ToastClose,
+  Content: ToastContent,
+  Description: ToastDescription,
+  Provider: ToastProvider,
+  Root: ToastRoot,
+  Title: ToastTitle,
+  Viewport: ToastViewport
+});
+export {
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastContent,
+  ToastDescription,
+  ToastProvider,
+  ToastRoot,
+  ToastTitle,
+  ToastViewport,
+  toast,
+  toastManager,
+  useToast
+};

package/dist/toggle-group.d.ts

@@ -0,0 +1,11 @@
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group";
+import { type VariantProps } from "class-variance-authority";
+import { toggleVariants } from "./toggle";
+declare function ToggleGroup({ className, variant, size, spacing, orientation, children, ...props }: ToggleGroupPrimitive.Props & VariantProps<typeof toggleVariants> & {
+    spacing?: number;
+    orientation?: "horizontal" | "vertical";
+}): import("react/jsx-runtime").JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: TogglePrimitive.Props & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { ToggleGroup, ToggleGroupItem };
+//# sourceMappingURL=toggle-group.d.ts.map

package/dist/toggle-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../src/toggle-group.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAc1C,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAW,EACX,WAA0B,EAC1B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,KAAK,GAC3B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,2CAeF;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAmB,EAAE,IAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,2CAwB7J;AAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}

package/dist/toggle-group.js

@@ -0,0 +1,101 @@
+"use client";
+
+// src/toggle-group.tsx
+import * as React2 from "react";
+import { Toggle as TogglePrimitive2 } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group";
+import "class-variance-authority";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/toggle.tsx
+import * as React from "react";
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var toggleVariants = cva(
+  "hover:text-foreground aria-pressed:bg-accent focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[state=on]:bg-accent data-[state=on]:text-accent-foreground gap-1 rounded-lg text-sm font-medium transition-colors [&_svg:not([class*='size-'])]:size-4 group/toggle hover:bg-accent inline-flex items-center justify-center whitespace-nowrap outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border-input hover:bg-accent border bg-transparent"
+      },
+      size: {
+        default: "h-8 min-w-8 px-2",
+        sm: "h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-1.5 text-[0.8rem]",
+        lg: "h-9 min-w-9 px-2.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+
+// src/toggle-group.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ToggleGroupContext = React2.createContext({
+  size: "default",
+  variant: "default",
+  spacing: 0,
+  orientation: "horizontal"
+});
+function ToggleGroup({
+  className,
+  variant,
+  size,
+  spacing = 0,
+  orientation = "horizontal",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(
+    ToggleGroupPrimitive,
+    {
+      "data-slot": "toggle-group",
+      "data-variant": variant,
+      "data-size": size,
+      "data-spacing": spacing,
+      "data-orientation": orientation,
+      style: { "--gap": spacing },
+      className: cn("rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch", className),
+      ...props,
+      children: /* @__PURE__ */ jsx2(ToggleGroupContext.Provider, { value: { variant, size, spacing, orientation }, children })
+    }
+  );
+}
+function ToggleGroupItem({ className, children, variant = "default", size = "default", ...props }) {
+  const context = React2.useContext(ToggleGroupContext);
+  const resolvedVariant = context.variant || variant;
+  const resolvedSize = context.size || size;
+  return /* @__PURE__ */ jsx2(
+    TogglePrimitive2,
+    {
+      "data-slot": "toggle-group-item",
+      "data-variant": resolvedVariant,
+      "data-size": resolvedSize,
+      "data-spacing": context.spacing,
+      className: cn(
+        "group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg shrink-0 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t",
+        toggleVariants({
+          variant: resolvedVariant,
+          size: resolvedSize
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+export {
+  ToggleGroup,
+  ToggleGroupItem
+};

package/dist/toggle.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import { type VariantProps } from "class-variance-authority";
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type ToggleProps = Omit<TogglePrimitive.Props, "pressed" | "onPressedChange" | "onChange"> & VariantProps<typeof toggleVariants> & {
+    readonly checked?: boolean;
+    readonly enabled?: boolean;
+    readonly onChange?: (checked: boolean) => void;
+    readonly pressed?: boolean;
+    readonly onPressedChange?: (checked: boolean) => void;
+    readonly label?: React.ReactNode;
+    readonly ariaLabel?: string;
+    readonly ariaLabelledby?: string;
+};
+declare function Toggle({ className, variant, size, checked, enabled, onChange, label, ariaLabel, ariaLabelledby, pressed, onPressedChange, id, ...props }: ToggleProps): import("react/jsx-runtime").JSX.Element;
+export { Toggle, toggleVariants };
+//# sourceMappingURL=toggle.d.ts.map

package/dist/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../src/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EAmBnB,CAAC;AAEF,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,SAAS,GAAG,iBAAiB,GAAG,UAAU,CAAC,GACxF,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AAEJ,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,OAAmB,EAAE,IAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAatL;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/toggle.js

@@ -0,0 +1,48 @@
+// src/toggle.tsx
+import * as React from "react";
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import { cva } from "class-variance-authority";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/toggle.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var toggleVariants = cva(
+  "hover:text-foreground aria-pressed:bg-accent focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[state=on]:bg-accent data-[state=on]:text-accent-foreground gap-1 rounded-lg text-sm font-medium transition-colors [&_svg:not([class*='size-'])]:size-4 group/toggle hover:bg-accent inline-flex items-center justify-center whitespace-nowrap outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border-input hover:bg-accent border bg-transparent"
+      },
+      size: {
+        default: "h-8 min-w-8 px-2",
+        sm: "h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-1.5 text-[0.8rem]",
+        lg: "h-9 min-w-9 px-2.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Toggle({ className, variant = "default", size = "default", checked, enabled, onChange, label, ariaLabel, ariaLabelledby, pressed, onPressedChange, id, ...props }) {
+  const resolvedPressed = checked ?? enabled ?? pressed;
+  const generatedId = React.useId();
+  const toggleId = id ?? (label ? `chalk-toggle-${generatedId.replace(/:/g, "")}` : void 0);
+  const toggle = /* @__PURE__ */ jsx(TogglePrimitive, { id: toggleId, "data-slot": "toggle", className: cn(toggleVariants({ variant, size, className })), pressed: resolvedPressed, onPressedChange: onPressedChange ?? onChange, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props });
+  return label ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
+    toggle,
+    /* @__PURE__ */ jsx("label", { htmlFor: toggleId, children: label })
+  ] }) : toggle;
+}
+export {
+  Toggle,
+  toggleVariants
+};

package/dist/tooltip.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+declare function TooltipProvider({ delay, ...props }: TooltipPrimitive.Provider.Props): import("react/jsx-runtime").JSX.Element;
+type TooltipProps = TooltipPrimitive.Root.Props & {
+    readonly content?: React.ReactNode;
+    readonly children?: React.ReactNode;
+    readonly position?: "top" | "bottom" | "left" | "right";
+    readonly delay?: number;
+    readonly className?: string;
+};
+declare function Tooltip({ content, children, position, delay, className, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: TooltipPrimitive.Popup.Props & Pick<TooltipPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../src/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAKrE,iBAAS,eAAe,CAAC,EAAE,KAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,CAAC,QAAQ,CAAC,KAAK,2CAEhF;AAED,KAAK,YAAY,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,GAAG;IAChD,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACxD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,iBAAS,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAgB,EAAE,KAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAyBvG;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,2CAEnE;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,IAAY,EAAE,UAAc,EAAE,KAAgB,EAAE,WAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,CAAC,2CAuBlP;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/dist/tooltip.js

@@ -0,0 +1,101 @@
+"use client";
+
+// src/tooltip.tsx
+import "react";
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/lib/theme.ts
+var THEME_ATTRIBUTE_NAMES = ["data-chalk-theme", "data-theme"];
+var THEME_CLASS_NAMES = ["dark", "light"];
+var SYSTEM_DARK_QUERY = "(prefers-color-scheme: dark)";
+var normalizeTheme = (value) => {
+  if (value === "dark" || value === "light") {
+    return value;
+  }
+  return null;
+};
+var resolveThemeFromElement = (element) => {
+  if (!element) return null;
+  const attributeTheme = THEME_ATTRIBUTE_NAMES.map((attributeName) => normalizeTheme(element.getAttribute(attributeName))).find((theme) => theme !== null);
+  const classTheme = THEME_CLASS_NAMES.find((theme) => element.classList.contains(theme));
+  return attributeTheme ?? classTheme ?? null;
+};
+var resolveSystemTheme = () => {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return null;
+  return window.matchMedia(SYSTEM_DARK_QUERY).matches ? "dark" : "light";
+};
+var resolveExplicitThemeFromDocument = () => {
+  if (typeof document === "undefined") return null;
+  return resolveThemeFromElement(document.documentElement) ?? resolveThemeFromElement(document.body);
+};
+var resolveFallbackTheme = ({ defaultTheme, allowSystem }) => {
+  if (!allowSystem) return defaultTheme;
+  return resolveSystemTheme() ?? defaultTheme;
+};
+var resolveThemeFromDocument = ({ defaultTheme = "light", allowSystem = true } = {}) => {
+  const explicitTheme = resolveExplicitThemeFromDocument();
+  return explicitTheme ?? resolveFallbackTheme({ defaultTheme, allowSystem });
+};
+var resolvePortalThemeFromDocument = ({ defaultTheme = "light", allowSystem = true } = {}) => {
+  if (typeof document === "undefined") return defaultTheme;
+  const portalTheme = normalizeTheme(document.querySelector("[data-chalk-theme]")?.getAttribute("data-chalk-theme"));
+  if (portalTheme) return portalTheme;
+  return resolveThemeFromDocument({ defaultTheme, allowSystem });
+};
+
+// src/tooltip.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function TooltipProvider({ delay = 0, ...props }) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delay, ...props });
+}
+function Tooltip({ content, children, position = "top", delay = 200, className, ...props }) {
+  if (content !== void 0) {
+    return /* @__PURE__ */ jsx(TooltipProvider, { delay, children: /* @__PURE__ */ jsxs(TooltipPrimitive.Root, { children: [
+      /* @__PURE__ */ jsx(
+        TooltipPrimitive.Trigger,
+        {
+          render: (triggerProps) => /* @__PURE__ */ jsx("span", { ...triggerProps, className: "inline-flex", children })
+        }
+      ),
+      /* @__PURE__ */ jsx(TooltipContent, { className, side: position, children: content })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+}
+function TooltipTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({ className, side = "top", sideOffset = 4, align = "center", alignOffset = 0, children, ...props }) {
+  const portalTheme = resolvePortalThemeFromDocument();
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Positioner, { align, alignOffset, side, sideOffset, className: "z-[9999]", children: /* @__PURE__ */ jsxs(
+    TooltipPrimitive.Popup,
+    {
+      "data-chalk": true,
+      "data-chalk-theme": portalTheme,
+      "data-slot": "tooltip-content",
+      className: cn(
+        "chalk-root",
+        "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 rounded-lg px-3 py-1.5 text-xs data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 bg-foreground text-background shadow-[var(--chalk-shadow-sm)] z-50 w-fit max-w-xs origin-(--transform-origin)",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })
+      ]
+    }
+  ) }) });
+}
+export {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+};