raft-ui 0.0.1 → 0.0.3

package/dist/use-theme-Y_h1DKll.mjs

@@ -0,0 +1,34 @@
+import { cn } from "cnfast";
+import { tv } from "tailwind-variants/lite";
+import { createContext, use } from "react";
+//#region src/lib/tv.ts
+const tv$1 = ((options) => {
+	const recipe = tv(options);
+	const wrappedRecipe = ((props) => {
+		const result = recipe(props);
+		if (typeof result === "string") return cn(result);
+		return Object.fromEntries(Object.entries(result).map(([slotName, slot]) => [slotName, (slotProps) => cn(slot(slotProps))]));
+	});
+	return Object.assign(wrappedRecipe, recipe);
+});
+//#endregion
+//#region src/lib/theme/theme-context.ts
+const ThemeContext = createContext("brutal");
+const ThemeStateContext = createContext({
+	theme: "brutal",
+	setTheme: () => void 0,
+	mode: "light",
+	resolvedMode: "light"
+});
+//#endregion
+//#region src/lib/theme/use-theme.ts
+/** Read the active style family for theme-aware component recipes. */
+function useThemeFamily() {
+	return use(ThemeContext);
+}
+/** Read and update the application-level RUI theme selection. */
+function useTheme() {
+	return use(ThemeStateContext);
+}
+//#endregion
+export { tv$1 as a, ThemeStateContext as i, useThemeFamily as n, ThemeContext as r, useTheme as t };

package/dist/wip.d.mts

@@ -1,332 +1,10 @@
 import { n as VariantProps, t as StyledProps } from "./styled-props-B3SNekJg.mjs";
 import { ComponentPropsWithRef, ReactNode } from "react";
 import { useRender } from "@base-ui/react/use-render";
-import { Field as Field$1 } from "@base-ui/react/field";
 import { Toggle } from "@base-ui/react/toggle";
 import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 import { Dialog } from "@base-ui/react/dialog";
 
-//#region src/components/field/field.d.ts
-declare const field: import("tailwind-variants/lite").TVReturnType<{
-  theme: {
-    brutal: {
-      root: string[];
-      label: string[];
-      description: string[];
-      error: string[];
-    };
-    elegant: {
-      label: string[];
-      description: string[];
-      error: string[];
-    };
-  };
-  size: {
-    sm: {
-      label: string;
-    };
-    md: {
-      label: string;
-    };
-  };
-}, {
-  root: string[];
-  item: string[];
-  label: string[];
-  description: string[];
-  error: string[];
-}, undefined, {
-  theme: {
-    brutal: {
-      root: string[];
-      label: string[];
-      description: string[];
-      error: string[];
-    };
-    elegant: {
-      label: string[];
-      description: string[];
-      error: string[];
-    };
-  };
-  size: {
-    sm: {
-      label: string;
-    };
-    md: {
-      label: string;
-    };
-  };
-}, {
-  root: string[];
-  item: string[];
-  label: string[];
-  description: string[];
-  error: string[];
-}, import("tailwind-variants/lite").TVReturnType<{
-  theme: {
-    brutal: {
-      root: string[];
-      label: string[];
-      description: string[];
-      error: string[];
-    };
-    elegant: {
-      label: string[];
-      description: string[];
-      error: string[];
-    };
-  };
-  size: {
-    sm: {
-      label: string;
-    };
-    md: {
-      label: string;
-    };
-  };
-}, {
-  root: string[];
-  item: string[];
-  label: string[];
-  description: string[];
-  error: string[];
-}, undefined, unknown, unknown, undefined>>;
-type FieldProps = StyledProps<Field$1.Root.Props>;
-declare function Field({
-  className,
-  ...props
-}: FieldProps): import("react").JSX.Element;
-type FieldItemProps = StyledProps<Field$1.Item.Props>;
-declare function FieldItem({
-  className,
-  ...props
-}: FieldItemProps): import("react").JSX.Element;
-type LabelMarker = {
-  required?: boolean;
-  optional?: never;
-} | {
-  optional?: boolean;
-  required?: never;
-};
-type FieldLabelProps = StyledProps<Field$1.Label.Props> & Omit<VariantProps<typeof field>, "theme"> & LabelMarker;
-declare function FieldLabel({
-  size,
-  required,
-  optional,
-  className,
-  children,
-  ...props
-}: FieldLabelProps): import("react").JSX.Element;
-type FieldDescriptionProps = StyledProps<Field$1.Description.Props>;
-declare function FieldDescription({
-  className,
-  ...props
-}: FieldDescriptionProps): import("react").JSX.Element;
-type FieldErrorProps = StyledProps<Field$1.Error.Props>;
-declare function FieldError({
-  className,
-  role,
-  ...props
-}: FieldErrorProps): import("react").JSX.Element;
-type FieldControlProps = Field$1.Control.Props;
-declare function FieldControl(props: FieldControlProps): import("react").JSX.Element;
-type FieldValidityProps = Field$1.Validity.Props;
-declare function FieldValidity(props: FieldValidityProps): import("react").JSX.Element;
-//#endregion
-//#region src/components/text/text.d.ts
-declare const heading: import("tailwind-variants/lite").TVReturnType<{
-  level: {
-    1: string[];
-    2: string[];
-    3: string[];
-    4: string[];
-    5: string[];
-    6: string[];
-  };
-  variant: {
-    default: string[];
-    primary: string[];
-    information: string[];
-    muted: string[];
-    accent: string[];
-    success: string[];
-    warning: string[];
-    danger: string[];
-  };
-}, undefined, string[], {
-  level: {
-    1: string[];
-    2: string[];
-    3: string[];
-    4: string[];
-    5: string[];
-    6: string[];
-  };
-  variant: {
-    default: string[];
-    primary: string[];
-    information: string[];
-    muted: string[];
-    accent: string[];
-    success: string[];
-    warning: string[];
-    danger: string[];
-  };
-}, undefined, import("tailwind-variants/lite").TVReturnType<{
-  level: {
-    1: string[];
-    2: string[];
-    3: string[];
-    4: string[];
-    5: string[];
-    6: string[];
-  };
-  variant: {
-    default: string[];
-    primary: string[];
-    information: string[];
-    muted: string[];
-    accent: string[];
-    success: string[];
-    warning: string[];
-    danger: string[];
-  };
-}, undefined, string[], unknown, unknown, undefined>>;
-declare const sans: import("tailwind-variants/lite").TVReturnType<{
-  size: {
-    large: string[];
-    body: string[];
-    small: string[];
-    caption: string[];
-  };
-  variant: {
-    default: string[];
-    primary: string[];
-    information: string[];
-    muted: string[];
-    accent: string[];
-    success: string[];
-    warning: string[];
-    danger: string[];
-  };
-}, undefined, string[], {
-  size: {
-    large: string[];
-    body: string[];
-    small: string[];
-    caption: string[];
-  };
-  variant: {
-    default: string[];
-    primary: string[];
-    information: string[];
-    muted: string[];
-    accent: string[];
-    success: string[];
-    warning: string[];
-    danger: string[];
-  };
-}, undefined, import("tailwind-variants/lite").TVReturnType<{
-  size: {
-    large: string[];
-    body: string[];
-    small: string[];
-    caption: string[];
-  };
-  variant: {
-    default: string[];
-    primary: string[];
-    information: string[];
-    muted: string[];
-    accent: string[];
-    success: string[];
-    warning: string[];
-    danger: string[];
-  };
-}, undefined, string[], unknown, unknown, undefined>>;
-declare const mono: import("tailwind-variants/lite").TVReturnType<{
-  size: {
-    code: string[];
-    meta: string[];
-    eyebrow: string[];
-    tabular: string[];
-  };
-  variant: {
-    default: string[];
-    primary: string[];
-    information: string[];
-    muted: string[];
-    accent: string[];
-    success: string[];
-    warning: string[];
-    danger: string[];
-  };
-}, undefined, string[], {
-  size: {
-    code: string[];
-    meta: string[];
-    eyebrow: string[];
-    tabular: string[];
-  };
-  variant: {
-    default: string[];
-    primary: string[];
-    information: string[];
-    muted: string[];
-    accent: string[];
-    success: string[];
-    warning: string[];
-    danger: string[];
-  };
-}, undefined, import("tailwind-variants/lite").TVReturnType<{
-  size: {
-    code: string[];
-    meta: string[];
-    eyebrow: string[];
-    tabular: string[];
-  };
-  variant: {
-    default: string[];
-    primary: string[];
-    information: string[];
-    muted: string[];
-    accent: string[];
-    success: string[];
-    warning: string[];
-    danger: string[];
-  };
-}, undefined, string[], unknown, unknown, undefined>>;
-type TextHeadingProps = useRender.ComponentProps<"h1"> & VariantProps<typeof heading>;
-declare function TextHeading({
-  level,
-  variant,
-  className,
-  render,
-  ...props
-}: TextHeadingProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-type TextSansProps = useRender.ComponentProps<"p"> & VariantProps<typeof sans>;
-declare function TextSans({
-  size,
-  variant,
-  className,
-  render,
-  ...props
-}: TextSansProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-type TextMonoProps = useRender.ComponentProps<"p"> & VariantProps<typeof mono>;
-declare function TextMono({
-  size,
-  variant,
-  className,
-  render,
-  ...props
-}: TextMonoProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-declare const Text: {
-  Heading: typeof TextHeading;
-  Sans: typeof TextSans;
-  Mono: typeof TextMono;
-};
-//#endregion
 //#region src/components/toggle-group/toggle-group.d.ts
 declare const toggleGroup: import("tailwind-variants/lite").TVReturnType<{
   theme: {
@@ -1235,4 +913,4 @@ declare function BottomSheetDescription({
   ...props
 }: BottomSheetDescriptionProps): import("react").JSX.Element;
 //#endregion
-export { BottomSheet, BottomSheetClose, type BottomSheetCloseProps, BottomSheetContent, type BottomSheetContentProps, BottomSheetDescription, type BottomSheetDescriptionProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, BottomSheetPortal, type BottomSheetPortalProps, type BottomSheetProps, BottomSheetTitle, type BottomSheetTitleProps, BottomSheetTrigger, type BottomSheetTriggerProps, ConversationPreviewCard, ConversationPreviewCardAction, type ConversationPreviewCardActionProps, ConversationPreviewCardAuthor, ConversationPreviewCardAuthorName, type ConversationPreviewCardAuthorNameProps, type ConversationPreviewCardAuthorProps, ConversationPreviewCardAuthorSubtitle, type ConversationPreviewCardAuthorSubtitleProps, ConversationPreviewCardChannel, type ConversationPreviewCardChannelProps, ConversationPreviewCardContent, type ConversationPreviewCardContentProps, ConversationPreviewCardFooter, type ConversationPreviewCardFooterProps, ConversationPreviewCardMeta, type ConversationPreviewCardMetaProps, ConversationPreviewCardPreview, ConversationPreviewCardPreviewAuthor, type ConversationPreviewCardPreviewAuthorProps, ConversationPreviewCardPreviewLeading, type ConversationPreviewCardPreviewLeadingProps, type ConversationPreviewCardPreviewProps, type ConversationPreviewCardProps, ConversationPreviewCardSecondaryPreview, type ConversationPreviewCardSecondaryPreviewProps, ConversationPreviewCardTimestamp, type ConversationPreviewCardTimestampProps, DescriptionAction, type DescriptionActionProps, DescriptionDetails, type DescriptionDetailsProps, DescriptionItem, type DescriptionItemProps, DescriptionList, type DescriptionListProps, DescriptionTerm, type DescriptionTermProps, Field, FieldControl, type FieldControlProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldItem, type FieldItemProps, FieldLabel, type FieldLabelProps, type FieldProps, FieldValidity, type FieldValidityProps, Lightbox, LightboxActions, type LightboxActionsProps, LightboxClose, type LightboxCloseProps, LightboxContent, type LightboxContentProps, LightboxHeader, type LightboxHeaderProps, LightboxMedia, type LightboxMediaProps, LightboxPortal, type LightboxPortalProps, type LightboxProps, LightboxStage, type LightboxStageProps, LightboxTitle, type LightboxTitleProps, LightboxTrigger, type LightboxTriggerProps, ListItem, ListItemActionGroup, type ListItemActionGroupProps, ListItemBody, type ListItemBodyProps, ListItemDescription, type ListItemDescriptionProps, ListItemIcon, type ListItemIconProps, ListItemMeta, type ListItemMetaProps, type ListItemProps, ListItemRow, type ListItemRowProps, ListItemTitle, type ListItemTitleProps, MediaListItem, MediaListItemActionGroup, type MediaListItemActionGroupProps, MediaListItemAside, type MediaListItemAsideProps, MediaListItemBody, type MediaListItemBodyProps, type MediaListItemProps, MediaListItemSubtitle, type MediaListItemSubtitleProps, MediaListItemText, type MediaListItemTextProps, MediaListItemTitle, type MediaListItemTitleProps, MediaListItemVisual, type MediaListItemVisualProps, PanelHeader, PanelHeaderActions, type PanelHeaderActionsProps, PanelHeaderContent, type PanelHeaderContentProps, PanelHeaderIcon, type PanelHeaderIconProps, type PanelHeaderProps, PanelHeaderSubtitle, type PanelHeaderSubtitleProps, PanelHeaderSuffix, type PanelHeaderSuffixProps, PanelHeaderTitle, type PanelHeaderTitleProps, PanelHeaderTitleRow, type PanelHeaderTitleRowProps, PanelHeaderVisual, type PanelHeaderVisualProps, PreviewShell, type PreviewShellProps, QuotedMessageCard, QuotedMessageCardAttachments, type QuotedMessageCardAttachmentsProps, QuotedMessageCardAuthor, QuotedMessageCardAuthorName, type QuotedMessageCardAuthorNameProps, type QuotedMessageCardAuthorProps, QuotedMessageCardAuthorSubtitle, type QuotedMessageCardAuthorSubtitleProps, QuotedMessageCardBody, type QuotedMessageCardBodyProps, QuotedMessageCardChannel, type QuotedMessageCardChannelProps, QuotedMessageCardContent, type QuotedMessageCardContentProps, QuotedMessageCardContentWrap, type QuotedMessageCardContentWrapProps, QuotedMessageCardHeader, type QuotedMessageCardHeaderProps, QuotedMessageCardMeta, type QuotedMessageCardMetaProps, type QuotedMessageCardProps, QuotedMessageCardSeparator, type QuotedMessageCardSeparatorProps, QuotedMessageCardTag, type QuotedMessageCardTagProps, QuotedMessageCardThread, type QuotedMessageCardThreadProps, QuotedMessageCardTimestamp, type QuotedMessageCardTimestampProps, QuotedMessageCardUnavailable, type QuotedMessageCardUnavailableProps, SectionHeader, SectionHeaderActions, type SectionHeaderActionsProps, SectionHeaderContent, type SectionHeaderContentProps, SectionHeaderCount, type SectionHeaderCountProps, SectionHeaderIcon, type SectionHeaderIconProps, type SectionHeaderProps, SectionHeaderTitle, type SectionHeaderTitleProps, SectionLabel, type SectionLabelProps, Text, TextHeading, type TextHeadingProps, TextMono, type TextMonoProps, TextSans, type TextSansProps, ToggleGroup, ToggleGroupCount, type ToggleGroupCountProps, ToggleGroupItem, type ToggleGroupItemProps, ToggleGroupLabel, type ToggleGroupLabelProps, type ToggleGroupProps };
+export { BottomSheet, BottomSheetClose, type BottomSheetCloseProps, BottomSheetContent, type BottomSheetContentProps, BottomSheetDescription, type BottomSheetDescriptionProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, BottomSheetPortal, type BottomSheetPortalProps, type BottomSheetProps, BottomSheetTitle, type BottomSheetTitleProps, BottomSheetTrigger, type BottomSheetTriggerProps, ConversationPreviewCard, ConversationPreviewCardAction, type ConversationPreviewCardActionProps, ConversationPreviewCardAuthor, ConversationPreviewCardAuthorName, type ConversationPreviewCardAuthorNameProps, type ConversationPreviewCardAuthorProps, ConversationPreviewCardAuthorSubtitle, type ConversationPreviewCardAuthorSubtitleProps, ConversationPreviewCardChannel, type ConversationPreviewCardChannelProps, ConversationPreviewCardContent, type ConversationPreviewCardContentProps, ConversationPreviewCardFooter, type ConversationPreviewCardFooterProps, ConversationPreviewCardMeta, type ConversationPreviewCardMetaProps, ConversationPreviewCardPreview, ConversationPreviewCardPreviewAuthor, type ConversationPreviewCardPreviewAuthorProps, ConversationPreviewCardPreviewLeading, type ConversationPreviewCardPreviewLeadingProps, type ConversationPreviewCardPreviewProps, type ConversationPreviewCardProps, ConversationPreviewCardSecondaryPreview, type ConversationPreviewCardSecondaryPreviewProps, ConversationPreviewCardTimestamp, type ConversationPreviewCardTimestampProps, DescriptionAction, type DescriptionActionProps, DescriptionDetails, type DescriptionDetailsProps, DescriptionItem, type DescriptionItemProps, DescriptionList, type DescriptionListProps, DescriptionTerm, type DescriptionTermProps, Lightbox, LightboxActions, type LightboxActionsProps, LightboxClose, type LightboxCloseProps, LightboxContent, type LightboxContentProps, LightboxHeader, type LightboxHeaderProps, LightboxMedia, type LightboxMediaProps, LightboxPortal, type LightboxPortalProps, type LightboxProps, LightboxStage, type LightboxStageProps, LightboxTitle, type LightboxTitleProps, LightboxTrigger, type LightboxTriggerProps, ListItem, ListItemActionGroup, type ListItemActionGroupProps, ListItemBody, type ListItemBodyProps, ListItemDescription, type ListItemDescriptionProps, ListItemIcon, type ListItemIconProps, ListItemMeta, type ListItemMetaProps, type ListItemProps, ListItemRow, type ListItemRowProps, ListItemTitle, type ListItemTitleProps, MediaListItem, MediaListItemActionGroup, type MediaListItemActionGroupProps, MediaListItemAside, type MediaListItemAsideProps, MediaListItemBody, type MediaListItemBodyProps, type MediaListItemProps, MediaListItemSubtitle, type MediaListItemSubtitleProps, MediaListItemText, type MediaListItemTextProps, MediaListItemTitle, type MediaListItemTitleProps, MediaListItemVisual, type MediaListItemVisualProps, PanelHeader, PanelHeaderActions, type PanelHeaderActionsProps, PanelHeaderContent, type PanelHeaderContentProps, PanelHeaderIcon, type PanelHeaderIconProps, type PanelHeaderProps, PanelHeaderSubtitle, type PanelHeaderSubtitleProps, PanelHeaderSuffix, type PanelHeaderSuffixProps, PanelHeaderTitle, type PanelHeaderTitleProps, PanelHeaderTitleRow, type PanelHeaderTitleRowProps, PanelHeaderVisual, type PanelHeaderVisualProps, PreviewShell, type PreviewShellProps, QuotedMessageCard, QuotedMessageCardAttachments, type QuotedMessageCardAttachmentsProps, QuotedMessageCardAuthor, QuotedMessageCardAuthorName, type QuotedMessageCardAuthorNameProps, type QuotedMessageCardAuthorProps, QuotedMessageCardAuthorSubtitle, type QuotedMessageCardAuthorSubtitleProps, QuotedMessageCardBody, type QuotedMessageCardBodyProps, QuotedMessageCardChannel, type QuotedMessageCardChannelProps, QuotedMessageCardContent, type QuotedMessageCardContentProps, QuotedMessageCardContentWrap, type QuotedMessageCardContentWrapProps, QuotedMessageCardHeader, type QuotedMessageCardHeaderProps, QuotedMessageCardMeta, type QuotedMessageCardMetaProps, type QuotedMessageCardProps, QuotedMessageCardSeparator, type QuotedMessageCardSeparatorProps, QuotedMessageCardTag, type QuotedMessageCardTagProps, QuotedMessageCardThread, type QuotedMessageCardThreadProps, QuotedMessageCardTimestamp, type QuotedMessageCardTimestampProps, QuotedMessageCardUnavailable, type QuotedMessageCardUnavailableProps, SectionHeader, SectionHeaderActions, type SectionHeaderActionsProps, SectionHeaderContent, type SectionHeaderContentProps, SectionHeaderCount, type SectionHeaderCountProps, SectionHeaderIcon, type SectionHeaderIconProps, type SectionHeaderProps, SectionHeaderTitle, type SectionHeaderTitleProps, SectionLabel, type SectionLabelProps, ToggleGroup, ToggleGroupCount, type ToggleGroupCountProps, ToggleGroupItem, type ToggleGroupItemProps, ToggleGroupLabel, type ToggleGroupLabelProps, type ToggleGroupProps };

package/dist/wip.mjs

@@ -1,4 +1,4 @@
-import { l as tv, n as LabelAsterisk, o as useThemeFamily, r as LabelOptional } from "./label-DWq4ia5I.mjs";
+import { a as tv, n as useThemeFamily } from "./use-theme-Y_h1DKll.mjs";
 import { cn } from "./cn.mjs";
 import { Button } from "@base-ui/react/button";
 import { useCallback, useRef, useState } from "react";
@@ -6,212 +6,10 @@ import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { MessageSquare } from "lucide-react";
-import { Field as Field$1 } from "@base-ui/react/field";
 import { Toggle } from "@base-ui/react/toggle";
 import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 import { Dialog } from "@base-ui/react/dialog";
 import { useHotkey } from "@tanstack/react-hotkeys";
-//#region src/components/field/field.tsx
-const field = tv({
-	slots: {
-		root: ["group/field flex flex-col gap-1.5"],
-		item: ["group/field-item flex items-start gap-2", "[&>[data-slot=checkbox]]:mt-px"],
-		label: ["block leading-none", "group-data-[disabled]/field:text-foreground-disabled"],
-		description: ["text-xs leading-5", "group-data-[disabled]/field:text-foreground-disabled"],
-		error: ["text-xs leading-5", "group-data-[disabled]/field:text-foreground-disabled"]
-	},
-	variants: {
-		theme: {
-			brutal: {
-				root: ["gap-1"],
-				label: ["font-bold text-foreground-strong"],
-				description: ["text-foreground/50"],
-				error: ["text-danger-base"]
-			},
-			elegant: {
-				label: ["font-medium text-foreground"],
-				description: ["text-[13px] text-[oklch(0.48_0_0)] dark:text-[oklch(0.76_0_0)]", "group-data-[disabled]/field:text-foreground-disabled"],
-				error: ["text-[13px] text-danger-base"]
-			}
-		},
-		size: {
-			sm: { label: "text-xs" },
-			md: { label: "text-sm" }
-		}
-	},
-	compoundVariants: [{
-		theme: "brutal",
-		size: "sm",
-		class: { label: "text-foreground/60" }
-	}],
-	defaultVariants: { size: "md" }
-});
-function Field({ className, ...props }) {
-	const { root } = field({ theme: useThemeFamily() });
-	return /* @__PURE__ */ jsx(Field$1.Root, {
-		"data-slot": "field",
-		className: root({ className }),
-		...props
-	});
-}
-function FieldItem({ className, ...props }) {
-	const { item } = field({ theme: useThemeFamily() });
-	return /* @__PURE__ */ jsx(Field$1.Item, {
-		"data-slot": "field-item",
-		className: item({ className }),
-		...props
-	});
-}
-function FieldLabel({ size, required, optional, className, children, ...props }) {
-	const { label } = field({
-		theme: useThemeFamily(),
-		size
-	});
-	return /* @__PURE__ */ jsxs(Field$1.Label, {
-		"data-slot": "field-label",
-		className: label({ className }),
-		...props,
-		children: [
-			children,
-			required ? /* @__PURE__ */ jsx(LabelAsterisk, { className: "ml-1" }) : null,
-			optional ? /* @__PURE__ */ jsx(LabelOptional, { className: "ml-1" }) : null
-		]
-	});
-}
-function FieldDescription({ className, ...props }) {
-	const { description } = field({ theme: useThemeFamily() });
-	return /* @__PURE__ */ jsx(Field$1.Description, {
-		"data-slot": "field-description",
-		className: description({ className }),
-		...props
-	});
-}
-function FieldError({ className, role = "alert", ...props }) {
-	const { error } = field({ theme: useThemeFamily() });
-	return /* @__PURE__ */ jsx(Field$1.Error, {
-		"data-slot": "field-error",
-		role,
-		className: error({ className }),
-		...props
-	});
-}
-function FieldControl(props) {
-	return /* @__PURE__ */ jsx(Field$1.Control, {
-		"data-slot": "field-control",
-		...props
-	});
-}
-function FieldValidity(props) {
-	return /* @__PURE__ */ jsx(Field$1.Validity, { ...props });
-}
-//#endregion
-//#region src/components/text/text.tsx
-const textColorVariants = {
-	default: ["text-foreground-strong"],
-	primary: ["text-primary-700"],
-	information: ["text-info-dark"],
-	muted: ["text-foreground-muted"],
-	accent: ["text-accent-700"],
-	success: ["text-success-base"],
-	warning: ["text-warning-base"],
-	danger: ["text-danger-base"]
-};
-const heading = tv({
-	base: ["m-0 font-heading font-medium text-foreground-strong"],
-	variants: {
-		level: {
-			1: ["text-[3.5rem] tracking-[-0.01em] leading-[64px]"],
-			2: ["text-[3rem] tracking-[-0.01em] leading-[56px]"],
-			3: ["text-[2.5rem] tracking-[-0.01em] leading-[48px]"],
-			4: ["text-[2rem] tracking-[-0.005em] leading-[40px]"],
-			5: ["text-[1.5rem] leading-8"],
-			6: ["text-[1.25rem] leading-7"]
-		},
-		variant: textColorVariants
-	},
-	defaultVariants: { level: 1 }
-});
-const sans = tv({
-	base: ["m-0 font-sans font-normal"],
-	variants: {
-		size: {
-			large: ["text-lg leading-7 text-foreground"],
-			body: ["text-base leading-6 text-foreground"],
-			small: ["text-sm leading-5 text-foreground-muted"],
-			caption: ["text-xs leading-4 text-foreground-muted"]
-		},
-		variant: textColorVariants
-	},
-	defaultVariants: { size: "body" }
-});
-const mono = tv({
-	base: ["m-0 font-mono font-normal"],
-	variants: {
-		size: {
-			code: ["text-sm leading-5 text-foreground"],
-			meta: ["text-xs leading-4 text-foreground-muted"],
-			eyebrow: ["text-[10px] font-medium uppercase tracking-wide leading-none", "text-foreground-placeholder"],
-			tabular: ["text-sm tabular-nums leading-5 text-foreground"]
-		},
-		variant: textColorVariants
-	},
-	defaultVariants: { size: "code" }
-});
-function TextHeading({ level = 1, variant, className, render, ...props }) {
-	const defaultProps = { className: heading({
-		level,
-		variant,
-		className
-	}) };
-	return useRender({
-		defaultTagName: `h${level}`,
-		render,
-		props: mergeProps(defaultProps, props),
-		state: {
-			slot: "text-heading",
-			level,
-			variant
-		}
-	});
-}
-function TextSans({ size = "body", variant, className, render, ...props }) {
-	return useRender({
-		defaultTagName: "p",
-		render,
-		props: mergeProps({ className: sans({
-			size,
-			variant,
-			className
-		}) }, props),
-		state: {
-			slot: "text-sans",
-			size,
-			variant
-		}
-	});
-}
-function TextMono({ size = "code", variant, className, render, ...props }) {
-	return useRender({
-		defaultTagName: "p",
-		render,
-		props: mergeProps({ className: mono({
-			size,
-			variant,
-			className
-		}) }, props),
-		state: {
-			slot: "text-mono",
-			size,
-			variant
-		}
-	});
-}
-const Text = {
-	Heading: TextHeading,
-	Sans: TextSans,
-	Mono: TextMono
-};
-//#endregion
 //#region src/components/toggle-group/toggle-group.tsx
 const toggleGroup = tv({
 	slots: {
@@ -1413,4 +1211,4 @@ function BottomSheetDescription({ className, ...props }) {
 	});
 }
 //#endregion
-export { BottomSheet, BottomSheetClose, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetPortal, BottomSheetTitle, BottomSheetTrigger, ConversationPreviewCard, ConversationPreviewCardAction, ConversationPreviewCardAuthor, ConversationPreviewCardAuthorName, ConversationPreviewCardAuthorSubtitle, ConversationPreviewCardChannel, ConversationPreviewCardContent, ConversationPreviewCardFooter, ConversationPreviewCardMeta, ConversationPreviewCardPreview, ConversationPreviewCardPreviewAuthor, ConversationPreviewCardPreviewLeading, ConversationPreviewCardSecondaryPreview, ConversationPreviewCardTimestamp, DescriptionAction, DescriptionDetails, DescriptionItem, DescriptionList, DescriptionTerm, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, Lightbox, LightboxActions, LightboxClose, LightboxContent, LightboxHeader, LightboxMedia, LightboxPortal, LightboxStage, LightboxTitle, LightboxTrigger, ListItem, ListItemActionGroup, ListItemBody, ListItemDescription, ListItemIcon, ListItemMeta, ListItemRow, ListItemTitle, MediaListItem, MediaListItemActionGroup, MediaListItemAside, MediaListItemBody, MediaListItemSubtitle, MediaListItemText, MediaListItemTitle, MediaListItemVisual, PanelHeader, PanelHeaderActions, PanelHeaderContent, PanelHeaderIcon, PanelHeaderSubtitle, PanelHeaderSuffix, PanelHeaderTitle, PanelHeaderTitleRow, PanelHeaderVisual, PreviewShell, QuotedMessageCard, QuotedMessageCardAttachments, QuotedMessageCardAuthor, QuotedMessageCardAuthorName, QuotedMessageCardAuthorSubtitle, QuotedMessageCardBody, QuotedMessageCardChannel, QuotedMessageCardContent, QuotedMessageCardContentWrap, QuotedMessageCardHeader, QuotedMessageCardMeta, QuotedMessageCardSeparator, QuotedMessageCardTag, QuotedMessageCardThread, QuotedMessageCardTimestamp, QuotedMessageCardUnavailable, SectionHeader, SectionHeaderActions, SectionHeaderContent, SectionHeaderCount, SectionHeaderIcon, SectionHeaderTitle, SectionLabel, Text, TextHeading, TextMono, TextSans, ToggleGroup, ToggleGroupCount, ToggleGroupItem, ToggleGroupLabel };
+export { BottomSheet, BottomSheetClose, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetPortal, BottomSheetTitle, BottomSheetTrigger, ConversationPreviewCard, ConversationPreviewCardAction, ConversationPreviewCardAuthor, ConversationPreviewCardAuthorName, ConversationPreviewCardAuthorSubtitle, ConversationPreviewCardChannel, ConversationPreviewCardContent, ConversationPreviewCardFooter, ConversationPreviewCardMeta, ConversationPreviewCardPreview, ConversationPreviewCardPreviewAuthor, ConversationPreviewCardPreviewLeading, ConversationPreviewCardSecondaryPreview, ConversationPreviewCardTimestamp, DescriptionAction, DescriptionDetails, DescriptionItem, DescriptionList, DescriptionTerm, Lightbox, LightboxActions, LightboxClose, LightboxContent, LightboxHeader, LightboxMedia, LightboxPortal, LightboxStage, LightboxTitle, LightboxTrigger, ListItem, ListItemActionGroup, ListItemBody, ListItemDescription, ListItemIcon, ListItemMeta, ListItemRow, ListItemTitle, MediaListItem, MediaListItemActionGroup, MediaListItemAside, MediaListItemBody, MediaListItemSubtitle, MediaListItemText, MediaListItemTitle, MediaListItemVisual, PanelHeader, PanelHeaderActions, PanelHeaderContent, PanelHeaderIcon, PanelHeaderSubtitle, PanelHeaderSuffix, PanelHeaderTitle, PanelHeaderTitleRow, PanelHeaderVisual, PreviewShell, QuotedMessageCard, QuotedMessageCardAttachments, QuotedMessageCardAuthor, QuotedMessageCardAuthorName, QuotedMessageCardAuthorSubtitle, QuotedMessageCardBody, QuotedMessageCardChannel, QuotedMessageCardContent, QuotedMessageCardContentWrap, QuotedMessageCardHeader, QuotedMessageCardMeta, QuotedMessageCardSeparator, QuotedMessageCardTag, QuotedMessageCardThread, QuotedMessageCardTimestamp, QuotedMessageCardUnavailable, SectionHeader, SectionHeaderActions, SectionHeaderContent, SectionHeaderCount, SectionHeaderIcon, SectionHeaderTitle, SectionLabel, ToggleGroup, ToggleGroupCount, ToggleGroupItem, ToggleGroupLabel };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "raft-ui",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "React UI components for Raft.",
   "license": "MIT",
   "repository": {

package/src/index.ts

@@ -135,6 +135,25 @@ export type {
 export { Input } from "./components/input/index.ts";
 export type { InputProps } from "./components/input/index.ts";
 
+export {
+  Field,
+  FieldControl,
+  FieldDescription,
+  FieldError,
+  FieldItem,
+  FieldLabel,
+  FieldValidity,
+} from "./components/field/index.ts";
+export type {
+  FieldControlProps,
+  FieldDescriptionProps,
+  FieldErrorProps,
+  FieldItemProps,
+  FieldLabelProps,
+  FieldProps,
+  FieldValidityProps,
+} from "./components/field/index.ts";
+
 export { InputGroup, InputGroupAddon, InputGroupInput } from "./components/input-group/index.ts";
 export type {
   InputGroupAddonProps,
@@ -293,6 +312,9 @@ export type { InlineCodeProps } from "./components/inline-code/index.ts";
 export { Kbd, KbdGroup } from "./components/kbd/index.ts";
 export type { KbdGroupProps, KbdProps } from "./components/kbd/index.ts";
 
+export { Text, TextHeading, TextMono, TextSans } from "./components/text/index.ts";
+export type { TextHeadingProps, TextMonoProps, TextSansProps } from "./components/text/index.ts";
+
 export { Status } from "./components/status/index.ts";
 export type { StatusProps } from "./components/status/index.ts";
 

package/src/wip.ts

@@ -1,25 +1,3 @@
-export {
-  Field,
-  FieldControl,
-  FieldDescription,
-  FieldError,
-  FieldItem,
-  FieldLabel,
-  FieldValidity,
-} from "./components/field/index.ts";
-export type {
-  FieldControlProps,
-  FieldDescriptionProps,
-  FieldErrorProps,
-  FieldItemProps,
-  FieldLabelProps,
-  FieldProps,
-  FieldValidityProps,
-} from "./components/field/index.ts";
-
-export { Text, TextHeading, TextMono, TextSans } from "./components/text/index.ts";
-export type { TextHeadingProps, TextMonoProps, TextSansProps } from "./components/text/index.ts";
-
 export {
   ToggleGroup,
   ToggleGroupCount,