@botiverse/raft-ui 0.94.0 → 0.95.0

package/dist/components/banner/banner.d.mts

@@ -1,8 +1,7 @@
 import { VariantProps } from "../../lib/tv.mjs";
 import { ButtonProps } from "../button/button.mjs";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/banner/banner.d.ts
-declare const banner: import("tailwind-variants/lite").TVReturnType<{
+declare const banner: import("tailwind-variants/config").TVReturnType<{
   status: {
     default: {
       root: string[];
@@ -37,77 +36,7 @@ declare const banner: import("tailwind-variants/lite").TVReturnType<{
   description: string[];
   action: string[];
   close: string[];
-}, undefined, {
-  status: {
-    default: {
-      root: string[];
-    };
-    destructive: {
-      root: string[];
-    };
-    warning: {
-      root: string[];
-    };
-    info: {
-      root: string[];
-    };
-    success: {
-      root: string[];
-    };
-  };
-  size: {
-    sm: {
-      root: string[];
-    };
-    md: {
-      root: string[];
-    };
-    lg: {
-      root: string[];
-    };
-  };
-}, {
-  root: string[];
-  title: string[];
-  description: string[];
-  action: string[];
-  close: string[];
-}, import("tailwind-variants/lite").TVReturnTypeLike<{
-  status: {
-    default: {
-      root: string[];
-    };
-    destructive: {
-      root: string[];
-    };
-    warning: {
-      root: string[];
-    };
-    info: {
-      root: string[];
-    };
-    success: {
-      root: string[];
-    };
-  };
-  size: {
-    sm: {
-      root: string[];
-    };
-    md: {
-      root: string[];
-    };
-    lg: {
-      root: string[];
-    };
-  };
-}, {
-  root: string[];
-  title: string[];
-  description: string[];
-  action: string[];
-  close: string[];
-}>>;
+}, undefined, undefined, undefined, undefined>;
 export type BannerStatus = NonNullable<VariantProps<typeof banner>["status"]>;
 export type BannerProps = useRender.ComponentProps<"div"> & Omit<VariantProps<typeof banner>, "align"> & {
   status: BannerStatus;
@@ -138,4 +67,4 @@ export type BannerCloseProps = Omit<ButtonProps, "variant" | "size">;
  * Never put it in `BannerAction`.
  */
 export declare function BannerClose({ className, children, "aria-label": ariaLabel, ...props }: BannerCloseProps): import("react").JSX.Element;
-//#endregion
+export {};

package/dist/components/banner/banner.mjs

@@ -6,7 +6,7 @@ import { useLayoutEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/banner/banner.tsx
+// src/components/banner/banner.tsx
 const banner = tv({
 	slots: {
 		root: [
@@ -237,5 +237,4 @@ function BannerClose({ className, children, "aria-label": ariaLabel = "Dismiss",
 		children: children ?? /* @__PURE__ */ jsx(X, {})
 	});
 }
-//#endregion
 export { Banner, BannerAction, BannerClose, BannerDescription, BannerTitle };

package/dist/components/button/button-split.d.mts

@@ -1,7 +1,6 @@
 import { DataAttributes } from "../../lib/data-attributes.mjs";
 import { ButtonProps } from "./button.mjs";
 import { ComponentProps } from "react";
-//#region src/components/button/button-split.d.ts
 /** The Button variants a split button takes: the filled ones and the bordered one. */
 export type ButtonSplitVariant = "primary" | "default" | "warning" | "danger";
 /** The Button sizes a split button takes. */
@@ -35,4 +34,4 @@ export type ButtonSplitMenuProps = ButtonSplitPartProps;
  * `<DropdownMenuTrigger render={<ButtonSplitMenu aria-label="More ways to create an agent" />} />`.
  */
 export declare function ButtonSplitMenu({ variant, size, disabled, className, children, ...props }: ButtonSplitMenuProps): import("react").JSX.Element;
-//#endregion
+export {};

package/dist/components/button/button-split.mjs

@@ -3,7 +3,7 @@ import { Button } from "./button.mjs";
 import { ChevronDown } from "lucide-react";
 import { createContext, useCallback, useContext, useLayoutEffect, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/button/button-split.tsx
+// src/components/button/button-split.tsx
 const buttonSplit = tv({ base: [
 	"relative isolate inline-flex shrink-0 items-stretch",
 	"rounded-control ring-sticker-edge",
@@ -122,5 +122,4 @@ function ButtonSplitMenu({ variant = "default", size = "md", disabled, className
 		children: children ?? /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": true })
 	});
 }
-//#endregion
 export { ButtonSplit, ButtonSplitMain, ButtonSplitMenu, buttonSplit, buttonSplitMain, buttonSplitMenu };

package/dist/components/button/button.d.mts

@@ -1,159 +1,8 @@
-import { StyledProps } from "../../lib/styled-props.mjs";
 import { DataAttributes } from "../../lib/data-attributes.mjs";
 import { VariantProps } from "../../lib/tv.mjs";
+import { StyledProps } from "../../lib/styled-props.mjs";
 import { Button } from "@base-ui/react/button";
-//#region src/components/button/button.d.ts
-export declare const buttonVariants: import("tailwind-variants/lite").TVReturnType<{
-  variant: {
-    primary: {
-      root: string[];
-    };
-    accent: {
-      root: string[];
-    };
-    warning: {
-      root: string[];
-    };
-    danger: {
-      root: string[];
-    };
-    default: {
-      root: string[];
-    };
-    outline: {
-      root: string[];
-    };
-    information: {
-      root: string[];
-    };
-    muted: {
-      root: string[];
-    };
-    success: {
-      root: string[];
-    };
-    "danger-secondary": {
-      root: string[];
-    };
-    "danger-outline": {
-      root: string[];
-    };
-    ghost: {
-      root: string[];
-    };
-    "on-frame": {
-      root: string[];
-    };
-  };
-  size: {
-    xs: {
-      root: string[];
-    };
-    sm: {
-      root: string[];
-    };
-    md: {
-      root: string[];
-    };
-    lg: {
-      root: string[];
-    };
-    xl: {
-      root: string[];
-    };
-    "icon-xs": {
-      root: string[];
-    };
-    "icon-sm": {
-      root: string[];
-    };
-    "icon-md": {
-      root: string[];
-    };
-    "icon-lg": {
-      root: string[];
-    };
-  };
-}, {
-  root: string[];
-  content: string;
-  loadingIndicator: string;
-}, undefined, {
-  variant: {
-    primary: {
-      root: string[];
-    };
-    accent: {
-      root: string[];
-    };
-    warning: {
-      root: string[];
-    };
-    danger: {
-      root: string[];
-    };
-    default: {
-      root: string[];
-    };
-    outline: {
-      root: string[];
-    };
-    information: {
-      root: string[];
-    };
-    muted: {
-      root: string[];
-    };
-    success: {
-      root: string[];
-    };
-    "danger-secondary": {
-      root: string[];
-    };
-    "danger-outline": {
-      root: string[];
-    };
-    ghost: {
-      root: string[];
-    };
-    "on-frame": {
-      root: string[];
-    };
-  };
-  size: {
-    xs: {
-      root: string[];
-    };
-    sm: {
-      root: string[];
-    };
-    md: {
-      root: string[];
-    };
-    lg: {
-      root: string[];
-    };
-    xl: {
-      root: string[];
-    };
-    "icon-xs": {
-      root: string[];
-    };
-    "icon-sm": {
-      root: string[];
-    };
-    "icon-md": {
-      root: string[];
-    };
-    "icon-lg": {
-      root: string[];
-    };
-  };
-}, {
-  root: string[];
-  content: string;
-  loadingIndicator: string;
-}, import("tailwind-variants/lite").TVReturnTypeLike<{
+export declare const buttonVariants: import("tailwind-variants/config").TVReturnType<{
   variant: {
     primary: {
       root: string[];
@@ -228,7 +77,7 @@ export declare const buttonVariants: import("tailwind-variants/lite").TVReturnTy
   root: string[];
   content: string;
   loadingIndicator: string;
-}>>;
+}, undefined, undefined, undefined, undefined>;
 type ButtonVariantProps = VariantProps<typeof buttonVariants>;
 /** The Button sizes: `md`, `lg`, `xl`, `icon-md` and `icon-lg`. */
 export type ButtonSize = "md" | "lg" | "xl" | "icon-md" | "icon-lg";
@@ -260,5 +109,4 @@ export type ButtonProps = StyledProps<Button.Props> & Omit<ButtonVariantProps, "
   loadingLabel?: string;
 };
 declare function Button$1({ variant, size, loading, loadingLabel, disabled, focusableWhenDisabled, className, children, render, nativeButton, ...props }: ButtonProps): import("react").JSX.Element;
-//#endregion
 export { Button$1 as Button };

package/dist/components/button/button.mjs

@@ -1,10 +1,10 @@
-import { controlIconInset } from "../../lib/head-edges.mjs";
 import { tv } from "../../lib/tv.mjs";
 import { defaultNativeButton } from "../../lib/default-native-button.mjs";
+import { controlIconInset } from "../../lib/head-edges.mjs";
 import { Spinner } from "../spinner/spinner.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@base-ui/react/button";
-//#region src/components/button/button.tsx
+// src/components/button/button.tsx
 const sticker = (fill) => [`border-sticker-ink ${fill} text-sticker-ink ring-[1.5px] ring-sticker-edge`, "hover:overlay-sticker-medium active:overlay-sticker-medium"];
 const outline = (ink) => [`border-line-strong bg-layer-card ${ink}`, "hover:overlay-medium active:overlay-medium"];
 const textMd = [
@@ -179,5 +179,4 @@ function Button$1({ variant, size, loading = false, loadingLabel = "Loading", di
 		})]
 	});
 }
-//#endregion
 export { Button$1 as Button, buttonVariants };

package/dist/components/card/card.d.mts

@@ -1,7 +1,6 @@
 import { VariantProps } from "../../lib/tv.mjs";
 import { card } from "./card.recipe.mjs";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/card/card.d.ts
 export type CardProps = useRender.ComponentProps<"div"> & VariantProps<typeof card>;
 export declare function Card({ className, render, variant, ...props }: CardProps): import("react").JSX.Element;
 export type CardHeaderProps = useRender.ComponentProps<"div">;
@@ -17,5 +16,4 @@ export declare function CardTrailing({ className, render, ...props }: CardTraili
 export type CardContentProps = useRender.ComponentProps<"div">;
 export declare function CardContent({ className, render, ...props }: CardContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type CardFooterProps = useRender.ComponentProps<"div">;
-export declare function CardFooter({ className, render, ...props }: CardFooterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function CardFooter({ className, render, ...props }: CardFooterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/card/card.mjs

@@ -3,7 +3,7 @@ import { createContext, use } from "react";
 import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/card/card.tsx
+// src/components/card/card.tsx
 const CardVariantContext = createContext("default");
 function useCardRecipe() {
 	const variant = use(CardVariantContext);
@@ -110,5 +110,4 @@ function CardFooter({ className, render, ...props }) {
 		props: mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardLeading, CardTitle, CardTrailing };

package/dist/components/card/card.recipe.d.mts

@@ -1,5 +1,4 @@
-//#region src/components/card/card.recipe.d.ts
-export declare const card: import("tailwind-variants/lite").TVReturnType<{
+export declare const card: import("tailwind-variants/config").TVReturnType<{
   variant: {
     default: {
       root: string[];
@@ -33,73 +32,4 @@ export declare const card: import("tailwind-variants/lite").TVReturnType<{
   trailing: string[];
   content: string[];
   footer: string[];
-}, undefined, {
-  variant: {
-    default: {
-      root: string[];
-      header: string[];
-      content: string[];
-      footer: string[];
-    };
-    /** A selectable option INSIDE a form, not a panel on top of one: it sits
-     *  in the control plane, and its title drops from the card-title scale
-     *  to the field scale so it cannot outrank the field label above it. */
-    option: {
-      root: string[];
-      header: string[];
-      content: string[];
-      title: string[];
-      description: string[];
-    };
-    inset: {
-      root: string[];
-      header: string[];
-      content: string[];
-      footer: string[];
-    };
-  };
-}, {
-  root: string[];
-  header: string[];
-  title: string[];
-  leading: string[];
-  description: string[];
-  trailing: string[];
-  content: string[];
-  footer: string[];
-}, import("tailwind-variants/lite").TVReturnTypeLike<{
-  variant: {
-    default: {
-      root: string[];
-      header: string[];
-      content: string[];
-      footer: string[];
-    };
-    /** A selectable option INSIDE a form, not a panel on top of one: it sits
-     *  in the control plane, and its title drops from the card-title scale
-     *  to the field scale so it cannot outrank the field label above it. */
-    option: {
-      root: string[];
-      header: string[];
-      content: string[];
-      title: string[];
-      description: string[];
-    };
-    inset: {
-      root: string[];
-      header: string[];
-      content: string[];
-      footer: string[];
-    };
-  };
-}, {
-  root: string[];
-  header: string[];
-  title: string[];
-  leading: string[];
-  description: string[];
-  trailing: string[];
-  content: string[];
-  footer: string[];
-}>>;
-//#endregion
+}, undefined, undefined, undefined, undefined>;

package/dist/components/card/card.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/card/card.recipe.ts
+// src/components/card/card.recipe.ts
 const card = tv({
 	slots: {
 		root: ["flex min-w-0 flex-col overflow-hidden", "text-foreground"],
@@ -63,5 +63,4 @@ const card = tv({
 	} },
 	defaultVariants: { variant: "default" }
 });
-//#endregion
 export { card };

package/dist/components/checkbox/checkbox-indicator.d.mts

@@ -1,9 +1,8 @@
 import { VariantProps } from "../../lib/tv.mjs";
 import { ComponentPropsWithRef } from "react";
-//#region src/components/checkbox/checkbox-indicator.d.ts
-declare const checkboxIndicator: import("tailwind-variants/lite").TVReturnType<{
+declare const checkboxIndicator: import("tailwind-variants/config").TVReturnType<{
   shape: {
-    square: "";
+    square: string;
     circle: {
       root: string;
     };
@@ -20,73 +19,19 @@ declare const checkboxIndicator: import("tailwind-variants/lite").TVReturnType<{
     true: {
       root: string;
     };
-    false: "";
+    false: string;
   };
   previewOnHover: {
-    true: "";
-    false: "";
+    true: string;
+    false: string;
   };
 }, {
   root: string[];
-}, undefined, {
-  shape: {
-    square: "";
-    circle: {
-      root: string;
-    };
-  };
-  checked: {
-    true: {
-      root: string;
-    };
-    false: {
-      root: string;
-    };
-  };
-  disabled: {
-    true: {
-      root: string;
-    };
-    false: "";
-  };
-  previewOnHover: {
-    true: "";
-    false: "";
-  };
-}, {
-  root: string[];
-}, import("tailwind-variants/lite").TVReturnTypeLike<{
-  shape: {
-    square: "";
-    circle: {
-      root: string;
-    };
-  };
-  checked: {
-    true: {
-      root: string;
-    };
-    false: {
-      root: string;
-    };
-  };
-  disabled: {
-    true: {
-      root: string;
-    };
-    false: "";
-  };
-  previewOnHover: {
-    true: "";
-    false: "";
-  };
-}, {
-  root: string[];
-}>>;
+}, undefined, undefined, undefined, undefined>;
 type CheckboxIndicatorMark = "check" | "minus";
 export type CheckboxIndicatorProps = ComponentPropsWithRef<"span"> & Omit<VariantProps<typeof checkboxIndicator>, "checked"> & {
   checked: boolean;
   mark?: CheckboxIndicatorMark;
 };
 export declare function CheckboxIndicator({ checked, mark, shape, disabled, previewOnHover, className, ...props }: CheckboxIndicatorProps): import("react").JSX.Element;
-//#endregion
+export {};

package/dist/components/checkbox/checkbox-indicator.mjs

@@ -1,7 +1,7 @@
 import { tv } from "../../lib/tv.mjs";
 import { Check, Minus } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/checkbox/checkbox-indicator.tsx
+// src/components/checkbox/checkbox-indicator.tsx
 const checkboxIndicator = tv({
 	slots: { root: [
 		"inline-flex size-5 shrink-0 items-center justify-center",
@@ -57,5 +57,4 @@ function CheckboxIndicator({ checked, mark = "check", shape, disabled, previewOn
 		children: (checked || previewOnHover) && /* @__PURE__ */ jsx(Icon, {})
 	});
 }
-//#endregion
 export { CheckboxIndicator };

package/dist/components/checkbox/checkbox.d.mts

@@ -1,9 +1,7 @@
 import { StyledProps } from "../../lib/styled-props.mjs";
 import { Checkbox } from "@base-ui/react/checkbox";
-//#region src/components/checkbox/checkbox.d.ts
 export type CheckboxProps = StyledProps<Checkbox.Root.Props> & {
   shape?: "square" | "circle";
 };
 declare function Checkbox$1({ shape, className, ...props }: CheckboxProps): import("react").JSX.Element;
-//#endregion
 export { Checkbox$1 as Checkbox };

package/dist/components/checkbox/checkbox.mjs

@@ -3,7 +3,7 @@ import { CheckboxIndicator } from "./checkbox-indicator.mjs";
 import { useCallback } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Checkbox } from "@base-ui/react/checkbox";
-//#region src/components/checkbox/checkbox.tsx
+// src/components/checkbox/checkbox.tsx
 const checkbox = tv({ slots: {
 	root: [
 		"relative inline-flex size-5 shrink-0 touch-manipulation items-center justify-center outline-none",
@@ -36,5 +36,4 @@ function Checkbox$1({ shape = "square", className, ...props }) {
 		})
 	});
 }
-//#endregion
 export { Checkbox$1 as Checkbox };

package/dist/components/choice-list/choice-list.d.mts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/components/choice-list/choice-list.d.ts
 export type ChoiceListItem = {
   value: string;
   /** The row's name. The radio or checkbox is named by this alone. */
@@ -108,4 +107,4 @@ export type ChoiceListMultipleProps = ChoiceListCommonProps & {
 };
 export type ChoiceListProps = ChoiceListSingleProps | ChoiceListMultipleProps;
 export declare function ChoiceList(props: ChoiceListProps): import("react").JSX.Element;
-//#endregion
+export {};

package/dist/components/choice-list/choice-list.mjs

@@ -1,15 +1,15 @@
 import { Button } from "../button/button.mjs";
-import { ScrollArea } from "../scroll-area/scroll-area.mjs";
 import { Checkbox } from "../checkbox/checkbox.mjs";
-import { useOverflowTitle } from "../../lib/use-overflow-title.mjs";
 import { InputGroup, InputGroupAddon, InputGroupInput } from "../input-group/input-group.mjs";
 import { RadioGroup, RadioGroupItem } from "../radio-group/radio-group.mjs";
+import { ScrollArea } from "../scroll-area/scroll-area.mjs";
+import { useOverflowTitle } from "../../lib/use-overflow-title.mjs";
 import { choiceList } from "./choice-list.recipe.mjs";
 import { Search, X } from "lucide-react";
 import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { CheckboxGroup } from "@base-ui/react/checkbox-group";
-//#region src/components/choice-list/choice-list.tsx
+// src/components/choice-list/choice-list.tsx
 const SEARCH_ABOVE = 5;
 const MAX_DESCRIPTION_LINES = 2;
 function isDrawn(line) {
@@ -321,5 +321,4 @@ function ChoiceList(props) {
 		})]
 	});
 }
-//#endregion
 export { ChoiceList };

package/dist/components/choice-list/choice-list.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/choice-list/choice-list.recipe.ts
+// src/components/choice-list/choice-list.recipe.ts
 const choiceList = tv({
 	slots: {
 		root: ["grid min-w-0 gap-2"],
@@ -54,5 +54,4 @@ const choiceList = tv({
 		class: { item: ["pr-13"] }
 	}]
 });
-//#endregion
 export { choiceList };

package/dist/components/code-block/code-block.d.mts

@@ -1,5 +1,4 @@
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/code-block/code-block.d.ts
 export type CodeBlockProps = useRender.ComponentProps<"div">;
 /** Framed code surface. Compose a header and a body inside it. */
 export declare function CodeBlock({ className, render, ...props }: CodeBlockProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
@@ -26,5 +25,4 @@ export type CodeBlockPreProps = useRender.ComponentProps<"pre">;
  * `aria-label`, "Code" by default), since Safari doesn't focus a scroller on
  * its own. Code that fits adds no Tab stop.
  */
-export declare function CodeBlockPre({ render, ref, "aria-label": ariaLabel, ...props }: CodeBlockPreProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function CodeBlockPre({ render, ref, "aria-label": ariaLabel, ...props }: CodeBlockPreProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/code-block/code-block.mjs

@@ -3,7 +3,7 @@ import { useCallback, useLayoutEffect, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/code-block/code-block.tsx
+// src/components/code-block/code-block.tsx
 const CORNERS = [
 	{
 		x: "left",
@@ -147,5 +147,4 @@ function CodeBlockPre({ render, ref, "aria-label": ariaLabel = "Code", ...props
 		state: { slot: "code-block-pre" }
 	});
 }
-//#endregion
 export { CodeBlock, CodeBlockAction, CodeBlockActions, CodeBlockBody, CodeBlockHeader, CodeBlockPre, CodeBlockTitle };