raft-ui 0.0.5 → 0.0.7

package/src/components/field/field.tsx

@@ -1,125 +0,0 @@
-import { Field as BaseField } from "@base-ui/react/field";
-import { tv, type VariantProps } from "../../lib/tv.ts";
-import { LabelAsterisk, LabelOptional } from "../label/label.tsx";
-import type { StyledProps } from "../../lib/styled-props.ts";
-import { useThemeFamily } from "../../lib/theme/use-theme.ts";
-
-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",
-  },
-});
-
-export type FieldProps = StyledProps<BaseField.Root.Props>;
-
-export function Field({ className, ...props }: FieldProps) {
-  const theme = useThemeFamily();
-  const { root } = field({ theme });
-  return <BaseField.Root data-slot="field" className={root({ className })} {...props} />;
-}
-
-export type FieldItemProps = StyledProps<BaseField.Item.Props>;
-
-export function FieldItem({ className, ...props }: FieldItemProps) {
-  const theme = useThemeFamily();
-  const { item } = field({ theme });
-  return <BaseField.Item data-slot="field-item" className={item({ className })} {...props} />;
-}
-
-type LabelMarker =
-  | { required?: boolean; optional?: never }
-  | { optional?: boolean; required?: never };
-
-export type FieldLabelProps = StyledProps<BaseField.Label.Props> &
-  Omit<VariantProps<typeof field>, "theme"> &
-  LabelMarker;
-
-export function FieldLabel({
-  size,
-  required,
-  optional,
-  className,
-  children,
-  ...props
-}: FieldLabelProps) {
-  const theme = useThemeFamily();
-  const { label } = field({ theme, size });
-  return (
-    <BaseField.Label data-slot="field-label" className={label({ className })} {...props}>
-      {children}
-      {required ? <LabelAsterisk className="ml-1" /> : null}
-      {optional ? <LabelOptional className="ml-1" /> : null}
-    </BaseField.Label>
-  );
-}
-
-export type FieldDescriptionProps = StyledProps<BaseField.Description.Props>;
-
-export function FieldDescription({ className, ...props }: FieldDescriptionProps) {
-  const theme = useThemeFamily();
-  const { description } = field({ theme });
-  return (
-    <BaseField.Description
-      data-slot="field-description"
-      className={description({ className })}
-      {...props}
-    />
-  );
-}
-
-export type FieldErrorProps = StyledProps<BaseField.Error.Props>;
-
-export function FieldError({ className, role = "alert", ...props }: FieldErrorProps) {
-  const theme = useThemeFamily();
-  const { error } = field({ theme });
-  return (
-    <BaseField.Error
-      data-slot="field-error"
-      role={role}
-      className={error({ className })}
-      {...props}
-    />
-  );
-}
-
-export type FieldControlProps = BaseField.Control.Props;
-
-export function FieldControl(props: FieldControlProps) {
-  return <BaseField.Control data-slot="field-control" {...props} />;
-}
-
-export type FieldValidityProps = BaseField.Validity.Props;
-
-export function FieldValidity(props: FieldValidityProps) {
-  return <BaseField.Validity {...props} />;
-}

package/src/components/field/index.ts

@@ -1,18 +0,0 @@
-export {
-  Field,
-  FieldControl,
-  FieldDescription,
-  FieldError,
-  FieldItem,
-  FieldLabel,
-  FieldValidity,
-} from "./field.tsx";
-export type {
-  FieldControlProps,
-  FieldProps,
-  FieldLabelProps,
-  FieldDescriptionProps,
-  FieldErrorProps,
-  FieldItemProps,
-  FieldValidityProps,
-} from "./field.tsx";

package/src/components/inline-code/index.ts

@@ -1,2 +0,0 @@
-export { InlineCode } from "./inline-code.tsx";
-export type { InlineCodeProps } from "./inline-code.tsx";

package/src/components/inline-code/inline-code.tsx

@@ -1,35 +0,0 @@
-import type { ComponentPropsWithRef } from "react";
-import { tv } from "../../lib/tv.ts";
-import { useThemeFamily } from "../../lib/theme/use-theme.ts";
-
-const inlineCode = tv({
-  slots: {
-    root: [],
-  },
-  variants: {
-    theme: {
-      brutal: {
-        root: [
-          "border border-black bg-brutal-yellow/50 px-1.5",
-          "font-mono text-sm font-medium text-black [overflow-wrap:anywhere]",
-        ],
-      },
-      elegant: {
-        root: [
-          "inline-flex items-center rounded-md px-2.5 py-0.5",
-          "font-mono text-sm font-medium",
-          "bg-[oklch(0.955_0_0)] text-[oklch(0.44_0_0)] dark:bg-[oklch(0.24_0.006_286)] dark:text-[oklch(0.78_0_0)]",
-        ],
-      },
-    },
-  },
-});
-
-export type InlineCodeProps = ComponentPropsWithRef<"code">;
-
-export function InlineCode({ className, ...props }: InlineCodeProps) {
-  const theme = useThemeFamily();
-  const { root } = inlineCode({ theme });
-
-  return <code data-slot="inline-code" className={root({ className })} {...props} />;
-}

package/src/components/input/index.ts

@@ -1,2 +0,0 @@
-export { Input } from "./input.tsx";
-export type { InputProps } from "./input.tsx";

package/src/components/input/input.tsx

@@ -1,76 +0,0 @@
-import { Input as BaseInput } from "@base-ui/react/input";
-import { tv } from "../../lib/tv.ts";
-import type { StyledProps } from "../../lib/styled-props.ts";
-import { useThemeFamily } from "../../lib/theme/use-theme.ts";
-import type { WithoutChildren } from "../../lib/without-children.ts";
-
-// The brutal field visual (formerly the app's `.input-brutal` class). The error
-// state is driven by `aria-invalid` so the control styles itself while Field /
-// FieldError own the message.
-const input = tv({
-  slots: {
-    root: ["w-full px-3 py-2 font-heading outline-none"],
-  },
-  variants: {
-    theme: {
-      brutal: {},
-      elegant: {},
-    },
-  },
-  compoundVariants: [
-    {
-      theme: "brutal",
-      class: {
-        root: [
-          "border-2 border-line-strong bg-layer-panel",
-          "shadow-sm focus:shadow-md",
-          "aria-invalid:border-brutal-red aria-invalid:bg-brutal-red/5 aria-invalid:shadow-none aria-invalid:ring-2 aria-invalid:ring-brutal-red/60",
-        ],
-      },
-    },
-    {
-      theme: "elegant",
-      class: {
-        root: [
-          "rounded-md border border-[oklch(0.94_0_0)] bg-layer-field",
-          "px-3 py-2 text-sm text-[oklch(0.205_0_0)] transition duration-200 ease-out dark:text-foreground",
-          "placeholder:text-foreground-placeholder/70",
-          "shadow-none hover:not-aria-invalid:border-[oklch(0.91_0_0)] hover:shadow-[oklch(0_0_0_/_0)_0px_0px_0px_0px,oklch(0_0_0_/_0)_0px_0px_0px_0px,oklch(0.159_0.016_266.594_/_0.03)_0px_1px_2px_0px]",
-          "focus:border-line-strong/25 focus:bg-layer-field",
-          "focus-visible:ring-2 focus-visible:ring-line-strong/8",
-          "aria-invalid:border-danger-base/45 aria-invalid:hover:border-danger-base/75 aria-invalid:focus-visible:border-danger-base/75 aria-invalid:focus-visible:ring-3 aria-invalid:focus-visible:ring-danger-base/12",
-          "disabled:cursor-not-allowed disabled:border-line-subtle/60 disabled:bg-layer-muted/50 disabled:text-foreground-disabled disabled:placeholder:text-foreground-disabled",
-          "disabled:hover:border-line-subtle/60 disabled:hover:shadow-none",
-          "aria-invalid:disabled:border-line-subtle/60 aria-invalid:disabled:ring-0",
-        ],
-      },
-    },
-  ],
-});
-
-export type InputBehaviorProps = {
-  /**
-   * Add common password-manager ignore hints for non-credential fields where
-   * extension overlays would obscure custom UI.
-   */
-  suppressPasswordManager?: boolean;
-};
-
-export type InputProps = WithoutChildren<StyledProps<BaseInput.Props>> & InputBehaviorProps;
-
-export function Input({ suppressPasswordManager, className, ...props }: InputProps) {
-  const theme = useThemeFamily();
-  const { root } = input({ theme });
-
-  return (
-    <BaseInput
-      data-slot="input"
-      className={root({ className: [suppressPasswordManager && "keeper-ignore", className] })}
-      data-1p-ignore={suppressPasswordManager ? "true" : undefined}
-      data-bwignore={suppressPasswordManager ? "true" : undefined}
-      data-form-type={suppressPasswordManager ? "other" : undefined}
-      data-lpignore={suppressPasswordManager ? "true" : undefined}
-      {...props}
-    />
-  );
-}

package/src/components/input-group/index.ts

@@ -1,7 +0,0 @@
-export { InputGroup, InputGroupAddon, InputGroupInput } from "./input-group.tsx";
-export type {
-  InputGroupProps,
-  InputGroupAddonProps,
-  InputGroupInputProps,
-  InputGroupAddonTextProps,
-} from "./input-group.tsx";

package/src/components/input-group/input-group.tsx

@@ -1,215 +0,0 @@
-import type { ComponentPropsWithRef } from "react";
-import { Input as BaseInput } from "@base-ui/react/input";
-import { tv, type VariantProps } from "../../lib/tv.ts";
-import type { StyledProps } from "../../lib/styled-props.ts";
-import { useThemeFamily } from "../../lib/theme/use-theme.ts";
-import type { WithoutChildren } from "../../lib/without-children.ts";
-import { type InputBehaviorProps } from "../input/input.tsx";
-
-// InputGroup moves the input shell onto the wrapper so addons can live inside the
-// bordered box. State styling is driven by the inner control via `has-*`.
-const inputGroup = tv({
-  slots: {
-    root: [
-      "group/input-group relative flex w-full min-w-0 items-center",
-      "has-[[data-input-group-trim=inline-end]]:[&_[data-slot=input-group-control]]:pr-0",
-    ],
-    addon: [
-      "flex shrink-0 items-center justify-center gap-2 px-3",
-      "select-none",
-      "[&>svg:not([class*='size-'])]:size-3.5",
-    ],
-    text: ["flex shrink-0 items-center px-3 text-sm", "select-none whitespace-nowrap"],
-    // The bare control fills the row; the group owns the border/shadow/invalid.
-    control: ["min-w-0 flex-1 bg-transparent px-3 py-2 text-sm outline-none"],
-  },
-  variants: {
-    theme: {
-      brutal: {
-        root: [
-          "border-2 border-line-strong bg-layer-panel shadow-sm",
-          "has-[[data-slot=input-group-control]:focus]:not-has-[[data-slot=input-group-control][aria-invalid=true]]:shadow-md",
-          "has-[[data-slot=input-group-control][aria-invalid=true]]:border-brutal-red has-[[data-slot=input-group-control][aria-invalid=true]]:bg-brutal-red/5 has-[[data-slot=input-group-control][aria-invalid=true]]:shadow-none has-[[data-slot=input-group-control][aria-invalid=true]]:ring-2 has-[[data-slot=input-group-control][aria-invalid=true]]:ring-brutal-red/60",
-        ],
-        addon: ["text-foreground/50"],
-        text: ["font-heading text-foreground/50"],
-        control: ["font-heading"],
-      },
-      elegant: {
-        root: [
-          "overflow-hidden rounded-md border border-[oklch(0.94_0_0)] bg-layer-field shadow-none",
-          "text-[oklch(0.205_0_0)] transition duration-200 ease-out dark:text-foreground",
-          "hover:border-[oklch(0.91_0_0)] hover:shadow-[oklch(0_0_0_/_0)_0px_0px_0px_0px,oklch(0_0_0_/_0)_0px_0px_0px_0px,oklch(0.159_0.016_266.594_/_0.03)_0px_1px_2px_0px]",
-          "has-[[data-slot=input-group-control]:focus]:border-line-strong/25 has-[[data-slot=input-group-control]:focus]:bg-layer-field",
-          "has-[[data-slot=input-group-control]:focus-visible]:ring-2 has-[[data-slot=input-group-control]:focus-visible]:ring-line-strong/8",
-          "has-[[data-slot=input-group-control][aria-invalid=true]]:border-danger-base/45 has-[[data-slot=input-group-control][aria-invalid=true]]:hover:border-danger-base/75 has-[[data-slot=input-group-control][aria-invalid=true]:focus]:border-danger-base/75",
-          "has-[[data-slot=input-group-control][aria-invalid=true]:focus-visible]:ring-3 has-[[data-slot=input-group-control][aria-invalid=true]:focus-visible]:ring-danger-base/12",
-          "has-[[data-slot=input-group-control]:disabled]:cursor-not-allowed has-[[data-slot=input-group-control]:disabled]:border-line-subtle/60 has-[[data-slot=input-group-control]:disabled]:bg-layer-muted/50",
-          "has-[[data-slot=input-group-control]:disabled]:hover:border-line-subtle/60 has-[[data-slot=input-group-control]:disabled]:hover:shadow-none",
-          "has-[[data-slot=input-group-control][aria-invalid=true]:disabled]:border-line-subtle/60 has-[[data-slot=input-group-control][aria-invalid=true]:disabled]:ring-0",
-        ],
-        addon: [
-          "text-foreground-muted transition duration-200 ease-out",
-          "group-has-[[data-slot=input-group-control]:focus]/input-group:text-foreground",
-          "group-has-[[data-slot=input-group-control]:disabled]/input-group:text-foreground-disabled",
-        ],
-        text: [
-          "text-foreground-placeholder transition duration-200 ease-out",
-          "group-has-[[data-slot=input-group-control]:focus]/input-group:text-foreground-muted",
-          "group-has-[[data-slot=input-group-control]:disabled]/input-group:text-foreground-disabled",
-        ],
-        control: [
-          "text-[oklch(0.205_0_0)] placeholder:text-foreground-placeholder/70 dark:text-foreground",
-          "transition duration-200 ease-out placeholder:transition placeholder:duration-200 placeholder:ease-out",
-          "disabled:cursor-not-allowed disabled:text-foreground-disabled disabled:placeholder:text-foreground-disabled",
-        ],
-      },
-    },
-    align: {
-      "inline-start": { addon: "order-first", text: "order-first" },
-      "inline-end": { addon: "order-last", text: "order-last" },
-    },
-    variant: {
-      default: {},
-      container: {
-        addon: [
-          "self-stretch border-line-subtle/90 bg-layer-muted/35",
-          "text-foreground-placeholder",
-        ],
-        text: [
-          "self-stretch border-line-subtle/90 bg-layer-muted/35",
-          "text-foreground-placeholder",
-        ],
-      },
-    },
-  },
-  compoundVariants: [
-    {
-      theme: "brutal",
-      variant: "container",
-      class: {
-        addon: "bg-brutal-yellow/30 font-bold text-black/70",
-        text: "bg-brutal-yellow/30 font-bold text-black/70",
-      },
-    },
-    {
-      variant: "default",
-      align: "inline-start",
-      class: {
-        addon: "[&~[data-slot=input-group-control]]:pl-0",
-        text: "[&~[data-slot=input-group-control]]:pl-0",
-      },
-    },
-    {
-      variant: "container",
-      align: "inline-start",
-      class: { addon: "border-r", text: "border-r" },
-    },
-    {
-      theme: "brutal",
-      variant: "container",
-      align: "inline-start",
-      class: { addon: "border-r-2 border-black", text: "border-r-2 border-black" },
-    },
-    {
-      variant: "container",
-      align: "inline-end",
-      class: { addon: "border-l", text: "border-l" },
-    },
-    {
-      theme: "brutal",
-      variant: "container",
-      align: "inline-end",
-      class: { addon: "border-l-2 border-black", text: "border-l-2 border-black" },
-    },
-  ],
-  defaultVariants: {
-    align: "inline-start",
-    variant: "default",
-  },
-});
-
-export type InputGroupProps = ComponentPropsWithRef<"div">;
-
-export function InputGroup({ className, ...props }: InputGroupProps) {
-  const theme = useThemeFamily();
-  const { root } = inputGroup({ theme });
-  return <div data-slot="input-group" className={root({ className })} {...props} />;
-}
-
-export type InputGroupAddonProps = ComponentPropsWithRef<"div"> &
-  Pick<VariantProps<typeof inputGroup>, "align" | "variant">;
-
-// A non-editable slot inside the group — a leading icon, a `/` prefix, a trailing
-// unit, etc.
-function InputGroupAddonRoot({
-  align = "inline-start",
-  variant = "default",
-  className,
-  ...props
-}: InputGroupAddonProps) {
-  const theme = useThemeFamily();
-  const { addon } = inputGroup({ theme, align, variant });
-  return (
-    <div
-      data-slot="input-group-addon"
-      data-align={align}
-      data-variant={variant}
-      data-input-group-trim={variant === "default" && align === "inline-end" ? align : undefined}
-      className={addon({ className })}
-      {...props}
-    />
-  );
-}
-
-export type InputGroupAddonTextProps = ComponentPropsWithRef<"span"> &
-  Pick<VariantProps<typeof inputGroup>, "align" | "variant">;
-
-function TextAddon({
-  align = "inline-start",
-  variant = "default",
-  className,
-  ...props
-}: InputGroupAddonTextProps) {
-  const theme = useThemeFamily();
-  const { text } = inputGroup({ theme, align, variant });
-  return (
-    <span
-      data-slot="input-group-text"
-      data-align={align}
-      data-variant={variant}
-      data-input-group-trim={variant === "default" && align === "inline-end" ? align : undefined}
-      className={text({ className })}
-      {...props}
-    />
-  );
-}
-
-export const InputGroupAddon = Object.assign(InputGroupAddonRoot, {
-  Text: TextAddon,
-});
-
-// The bare control inside an InputGroup — the group owns the border/shadow/invalid look.
-export type InputGroupInputProps = WithoutChildren<StyledProps<BaseInput.Props>> &
-  InputBehaviorProps;
-
-export function InputGroupInput({
-  className,
-  suppressPasswordManager,
-  ...props
-}: InputGroupInputProps) {
-  const theme = useThemeFamily();
-  const { control } = inputGroup({ theme });
-
-  return (
-    <BaseInput
-      data-slot="input-group-control"
-      className={control({ className: [suppressPasswordManager && "keeper-ignore", className] })}
-      data-1p-ignore={suppressPasswordManager ? "true" : undefined}
-      data-bwignore={suppressPasswordManager ? "true" : undefined}
-      data-form-type={suppressPasswordManager ? "other" : undefined}
-      data-lpignore={suppressPasswordManager ? "true" : undefined}
-      {...props}
-    />
-  );
-}

package/src/components/kbd/index.ts

@@ -1,2 +0,0 @@
-export { Kbd, KbdGroup } from "./kbd.tsx";
-export type { KbdGroupProps, KbdProps } from "./kbd.tsx";

package/src/components/kbd/kbd.tsx

@@ -1,43 +0,0 @@
-import type { ComponentPropsWithRef } from "react";
-import { tv } from "../../lib/tv.ts";
-import { useThemeFamily } from "../../lib/theme/use-theme.ts";
-
-const kbd = tv({
-  slots: {
-    root: [
-      "pointer-events-none inline-flex w-fit shrink-0 items-center justify-center gap-1",
-      "whitespace-nowrap font-sans text-sm font-medium leading-none select-none",
-      "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-3",
-    ],
-    group: ["inline-flex items-center gap-1"],
-  },
-  variants: {
-    theme: {
-      brutal: {
-        root: ["text-[13px] text-foreground/70"],
-      },
-      elegant: {
-        root: [
-          "min-w-5 rounded bg-layer-panel px-1.5 py-1 text-[10px]",
-          "font-medium text-foreground-muted ring-1 ring-inset ring-line-muted",
-        ],
-      },
-    },
-  },
-});
-
-export type KbdProps = ComponentPropsWithRef<"kbd">;
-
-export function Kbd({ className, ...props }: KbdProps) {
-  const theme = useThemeFamily();
-  const { root } = kbd({ theme });
-  return <kbd data-slot="kbd" className={root({ className })} {...props} />;
-}
-
-export type KbdGroupProps = ComponentPropsWithRef<"span">;
-
-export function KbdGroup({ className, ...props }: KbdGroupProps) {
-  const theme = useThemeFamily();
-  const { group } = kbd({ theme });
-  return <span data-slot="kbd-group" className={group({ className })} {...props} />;
-}

package/src/components/label/index.ts

@@ -1,7 +0,0 @@
-export { Label, LabelAsterisk, LabelOptional, LabelSub } from "./label.tsx";
-export type {
-  LabelAsteriskProps,
-  LabelOptionalProps,
-  LabelProps,
-  LabelSubProps,
-} from "./label.tsx";

package/src/components/label/label.tsx

@@ -1,99 +0,0 @@
-import { mergeProps } from "@base-ui/react/merge-props";
-import { useRender } from "@base-ui/react/use-render";
-import type { ComponentPropsWithRef } from "react";
-import { tv, type VariantProps } from "../../lib/tv.ts";
-import { useThemeFamily } from "../../lib/theme/use-theme.ts";
-
-const label = tv({
-  slots: {
-    root: [
-      "group/label inline-flex w-fit items-center gap-1",
-      "cursor-pointer select-none",
-      "text-sm leading-none",
-      "aria-disabled:cursor-not-allowed aria-disabled:text-foreground-disabled",
-    ],
-    asterisk: ["text-accent-400", "group-aria-disabled/label:text-foreground-disabled"],
-    sub: ["font-normal normal-case", "group-aria-disabled/label:text-foreground-disabled"],
-  },
-  variants: {
-    theme: {
-      brutal: {
-        root: "font-bold text-foreground-strong",
-        sub: "font-bold tracking-wide text-black/40",
-      },
-      elegant: {
-        root: "font-medium text-foreground",
-        sub: "text-foreground/40",
-      },
-    },
-    size: {
-      sm: { root: "text-xs" },
-      md: { root: "text-sm" },
-    },
-  },
-  defaultVariants: {
-    size: "md",
-  },
-});
-
-export type LabelProps = useRender.ComponentProps<"label"> &
-  Omit<VariantProps<typeof label>, "theme"> & {
-    disabled?: boolean;
-  };
-
-function LabelRoot({ size, disabled, className, render, ...props }: LabelProps) {
-  const theme = useThemeFamily();
-  const { root } = label({ theme, size });
-  const defaultProps: useRender.ElementProps<"label"> = {
-    "aria-disabled": disabled ? true : undefined,
-    className: root({ className }),
-  };
-
-  return useRender({
-    defaultTagName: "label",
-    render,
-    props: mergeProps<"label">(defaultProps, props),
-    state: {
-      slot: "label",
-      disabled: disabled ?? false,
-    },
-  });
-}
-
-export type LabelAsteriskProps = ComponentPropsWithRef<"span">;
-
-export function LabelAsterisk({ className, children = "*", ...props }: LabelAsteriskProps) {
-  const theme = useThemeFamily();
-  const { asterisk } = label({ theme });
-
-  return (
-    <span data-slot="label-asterisk" className={asterisk({ className })} {...props}>
-      {children}
-    </span>
-  );
-}
-
-export type LabelSubProps = ComponentPropsWithRef<"span">;
-
-export function LabelSub({ className, ...props }: LabelSubProps) {
-  const theme = useThemeFamily();
-  const { sub } = label({ theme });
-
-  return <span data-slot="label-sub" className={sub({ className })} {...props} />;
-}
-
-export type LabelOptionalProps = LabelSubProps;
-
-export function LabelOptional({ children = "(optional)", ...props }: LabelOptionalProps) {
-  return (
-    <LabelSub data-slot="label-optional" {...props}>
-      {children}
-    </LabelSub>
-  );
-}
-
-export const Label = Object.assign(LabelRoot, {
-  Asterisk: LabelAsterisk,
-  Optional: LabelOptional,
-  Sub: LabelSub,
-});

package/src/components/lightbox/index.ts

@@ -1,24 +0,0 @@
-export {
-  Lightbox,
-  LightboxActions,
-  LightboxClose,
-  LightboxContent,
-  LightboxHeader,
-  LightboxMedia,
-  LightboxPortal,
-  LightboxStage,
-  LightboxTitle,
-  LightboxTrigger,
-} from "./lightbox.tsx";
-export type {
-  LightboxActionsProps,
-  LightboxCloseProps,
-  LightboxContentProps,
-  LightboxHeaderProps,
-  LightboxMediaProps,
-  LightboxPortalProps,
-  LightboxProps,
-  LightboxStageProps,
-  LightboxTitleProps,
-  LightboxTriggerProps,
-} from "./lightbox.tsx";