@alpic-ai/ui 1.153.0 → 1.154.1

package/dist/components/dropdown-menu.d.mts

@@ -1,70 +1,28 @@
 import { VariantProps } from "class-variance-authority";
 import * as React$1 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-
 //#region src/components/dropdown-menu.d.ts
-declare function DropdownMenu({
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): React$1.JSX.Element;
-declare function DropdownMenuPortal({
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React$1.JSX.Element;
-declare function DropdownMenuTrigger({
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React$1.JSX.Element;
-declare function DropdownMenuContent({
-  className,
-  sideOffset,
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): React$1.JSX.Element;
-declare function DropdownMenuGroup({
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): React$1.JSX.Element;
+declare function DropdownMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): React$1.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React$1.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React$1.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): React$1.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): React$1.JSX.Element;
 declare const dropdownMenuItemVariants: (props?: ({
   variant?: "default" | "destructive" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function DropdownMenuItem({
-  className,
-  inset,
-  variant,
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & VariantProps<typeof dropdownMenuItemVariants> & {
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & VariantProps<typeof dropdownMenuItemVariants> & {
   inset?: boolean;
 }): React$1.JSX.Element;
-declare function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+declare function DropdownMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
   inset?: boolean;
 }): React$1.JSX.Element;
-declare function DropdownMenuHeader({
-  className,
-  children,
-  ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
-declare function DropdownMenuSeparator({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React$1.JSX.Element;
-declare function DropdownMenuShortcut({
-  className,
-  ...props
-}: React$1.ComponentProps<"span">): React$1.JSX.Element;
-declare function DropdownMenuSub({
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React$1.JSX.Element;
-declare function DropdownMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+declare function DropdownMenuHeader({ className, children, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React$1.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React$1.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
   inset?: boolean;
 }): React$1.JSX.Element;
-declare function DropdownMenuSubContent({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React$1.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React$1.JSX.Element;
 //#endregion
 export { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, dropdownMenuItemVariants };

package/dist/components/field.d.mts

@@ -0,0 +1,14 @@
+import * as React$1 from "react";
+//#region src/components/field.d.ts
+interface FieldProps {
+  fieldId: string;
+  label?: string;
+  required?: boolean;
+  hint?: string;
+  error?: string;
+  tooltip?: string;
+  children: React$1.ReactNode;
+}
+declare function Field({ fieldId, label, required, hint, error, tooltip, children }: FieldProps): React$1.JSX.Element;
+//#endregion
+export { Field, type FieldProps };

package/dist/components/field.mjs

@@ -0,0 +1,41 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
+import { Label } from "./label.mjs";
+import { Info } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/field.tsx
+function Field({ fieldId, label, required, hint, error, tooltip, children }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-1.5",
+		children: [
+			label && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-0.5",
+				children: [
+					/* @__PURE__ */ jsx(Label, {
+						htmlFor: fieldId,
+						className: "type-text-sm font-medium text-muted-foreground",
+						children: label
+					}),
+					required && /* @__PURE__ */ jsx("span", {
+						"aria-hidden": true,
+						className: "type-text-sm font-medium text-required",
+						children: "*"
+					}),
+					tooltip && /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Info, { className: "size-4 text-muted-foreground" })
+					}), /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })] })
+				]
+			}),
+			children,
+			(hint || error) && /* @__PURE__ */ jsx("p", {
+				id: fieldId ? `${fieldId}-description` : void 0,
+				className: cn("type-text-sm", error ? "text-destructive" : "text-subtle-foreground"),
+				children: error ?? hint
+			})
+		]
+	});
+}
+//#endregion
+export { Field };

package/dist/components/form.d.mts

@@ -4,31 +4,9 @@ import { TextareaProps } from "./textarea.mjs";
 import * as React$1 from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
-
 //#region src/components/form.d.ts
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({
-  children,
-  watch,
-  getValues,
-  getFieldState,
-  setError,
-  clearErrors,
-  setValue,
-  setValues,
-  trigger,
-  formState,
-  resetField,
-  reset,
-  handleSubmit,
-  unregister,
-  control,
-  register,
-  setFocus,
-  subscribe
-}: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
-  ...props
-}: ControllerProps<TFieldValues, TName>) => React$1.JSX.Element;
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe }: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React$1.JSX.Element;
 declare const useFormField: () => {
   invalid: boolean;
   isDirty: boolean;
@@ -41,46 +19,21 @@ declare const useFormField: () => {
   formDescriptionId: string;
   formMessageId: string;
 };
-declare function FormItem({
-  className,
-  ...props
-}: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function FormItem({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 interface FormLabelProps extends React$1.ComponentProps<typeof Label> {
   required?: boolean;
   tooltip?: string;
 }
-declare function FormLabel({
-  className,
-  required,
-  tooltip,
-  children,
-  ...props
-}: FormLabelProps): React$1.JSX.Element;
-declare function FormControl({
-  ...props
-}: React$1.ComponentProps<typeof Slot>): React$1.JSX.Element;
-declare function FormDescription({
-  className,
-  ...props
-}: React$1.ComponentProps<"p">): React$1.JSX.Element;
-declare function FormMessage({
-  className,
-  ...props
-}: React$1.ComponentProps<"p">): React$1.JSX.Element | null;
+declare function FormLabel({ className, required, tooltip, children, ...props }: FormLabelProps): React$1.JSX.Element;
+declare function FormControl({ ...props }: React$1.ComponentProps<typeof Slot>): React$1.JSX.Element;
+declare function FormDescription({ className, ...props }: React$1.ComponentProps<"p">): React$1.JSX.Element;
+declare function FormMessage({ className, ...props }: React$1.ComponentProps<"p">): React$1.JSX.Element | null;
 interface FormHeaderProps extends React$1.ComponentProps<"div"> {
   title: string;
   description?: string;
 }
-declare function FormHeader({
-  title,
-  description,
-  className,
-  ...props
-}: FormHeaderProps): React$1.JSX.Element;
-declare function FormFields({
-  className,
-  ...props
-}: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function FormHeader({ title, description, className, ...props }: FormHeaderProps): React$1.JSX.Element;
+declare function FormFields({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 interface FormFieldBaseProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> {
   control: ControllerProps<TFieldValues, TName>["control"];
   name: TName;
@@ -91,27 +44,9 @@ interface FormFieldBaseProps<TFieldValues extends FieldValues, TName extends Fie
   tooltip?: string;
 }
 interface InputFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> extends FormFieldBaseProps<TFieldValues, TName>, Omit<InputProps, "name" | "label"> {}
-declare function InputField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({
-  control,
-  name,
-  rules,
-  required,
-  label,
-  description,
-  tooltip,
-  ...inputProps
-}: InputFieldProps<TFieldValues, TName>): React$1.JSX.Element;
+declare function InputField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ control, name, rules, required, label, description, tooltip, ...inputProps }: InputFieldProps<TFieldValues, TName>): React$1.JSX.Element;
 interface TextareaFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> extends FormFieldBaseProps<TFieldValues, TName>, Omit<TextareaProps, "name" | "label"> {}
-declare function TextareaField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({
-  control,
-  name,
-  rules,
-  required,
-  label,
-  description,
-  tooltip,
-  ...textareaProps
-}: TextareaFieldProps<TFieldValues, TName>): React$1.JSX.Element;
+declare function TextareaField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ control, name, rules, required, label, description, tooltip, ...textareaProps }: TextareaFieldProps<TFieldValues, TName>): React$1.JSX.Element;
 interface SelectFieldOption {
   value: string;
   label: string;
@@ -121,51 +56,16 @@ interface SelectFieldProps<TFieldValues extends FieldValues, TName extends Field
   options: SelectFieldOption[];
   placeholder?: string;
 }
-declare function SelectField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({
-  control,
-  name,
-  rules,
-  required,
-  label,
-  description,
-  tooltip,
-  options,
-  placeholder
-}: SelectFieldProps<TFieldValues, TName>): React$1.JSX.Element;
+declare function SelectField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ control, name, rules, required, label, description, tooltip, options, placeholder }: SelectFieldProps<TFieldValues, TName>): React$1.JSX.Element;
 interface RadioFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> extends FormFieldBaseProps<TFieldValues, TName> {
   options: SelectFieldOption[];
 }
-declare function RadioField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({
-  control,
-  name,
-  rules,
-  required,
-  label,
-  description,
-  tooltip,
-  options
-}: RadioFieldProps<TFieldValues, TName>): React$1.JSX.Element;
+declare function RadioField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ control, name, rules, required, label, description, tooltip, options }: RadioFieldProps<TFieldValues, TName>): React$1.JSX.Element;
 interface ChecklistFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> extends FormFieldBaseProps<TFieldValues, TName> {
   options: SelectFieldOption[];
 }
-declare function ChecklistField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({
-  control,
-  name,
-  rules,
-  required,
-  label,
-  description,
-  tooltip,
-  options
-}: ChecklistFieldProps<TFieldValues, TName>): React$1.JSX.Element;
+declare function ChecklistField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ control, name, rules, required, label, description, tooltip, options }: ChecklistFieldProps<TFieldValues, TName>): React$1.JSX.Element;
 interface CheckboxFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> extends Omit<FormFieldBaseProps<TFieldValues, TName>, "required"> {}
-declare function CheckboxField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({
-  control,
-  name,
-  rules,
-  label,
-  description,
-  tooltip
-}: CheckboxFieldProps<TFieldValues, TName>): React$1.JSX.Element;
+declare function CheckboxField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ control, name, rules, label, description, tooltip }: CheckboxFieldProps<TFieldValues, TName>): React$1.JSX.Element;
 //#endregion
 export { CheckboxField, ChecklistField, Form, FormControl, FormDescription, FormField, FormFields, FormHeader, FormItem, FormLabel, FormMessage, InputField, RadioField, SelectField, type SelectFieldOption, TextareaField, useFormField };

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

@@ -1,12 +1,7 @@
 import { Button } from "./button.mjs";
 import { ComponentProps } from "react";
-
 //#region src/components/github-button.d.ts
 type GitHubButtonProps = Omit<ComponentProps<typeof Button>, "variant" | "icon">;
-declare function GitHubButton({
-  className,
-  children,
-  ...props
-}: GitHubButtonProps): import("react").JSX.Element;
+declare function GitHubButton({ className, children, ...props }: GitHubButtonProps): import("react").JSX.Element;
 //#endregion
 export { GitHubButton, type GitHubButtonProps };

package/dist/components/heatmap-chart.d.mts

@@ -1,6 +1,5 @@
 import { ChartPaletteName } from "../lib/chart-palette.mjs";
 import * as React$1 from "react";
-
 //#region src/components/heatmap-chart.d.ts
 interface HeatmapChartProps {
   data: ReadonlyArray<Record<string, string | number | null | undefined>>;
@@ -28,27 +27,6 @@ interface HeatmapChartProps {
   ariaLabel?: string;
   className?: string;
 }
-declare function HeatmapChart({
-  data,
-  xKey,
-  yKey,
-  dataKey,
-  variant,
-  palette,
-  xLabels,
-  yLabels,
-  showAllXLabels,
-  highlightPeak,
-  loading,
-  valueFormatter,
-  xTickFormatter,
-  yTickFormatter,
-  tooltipMetrics,
-  tooltipTitleKey,
-  colorScale,
-  showLegend,
-  ariaLabel,
-  className
-}: HeatmapChartProps): React$1.JSX.Element;
+declare function HeatmapChart({ data, xKey, yKey, dataKey, variant, palette, xLabels, yLabels, showAllXLabels, highlightPeak, loading, valueFormatter, xTickFormatter, yTickFormatter, tooltipMetrics, tooltipTitleKey, colorScale, showLegend, ariaLabel, className }: HeatmapChartProps): React$1.JSX.Element;
 //#endregion
 export { HeatmapChart, HeatmapChartProps };

package/dist/components/input-group.d.mts

@@ -1,23 +1,11 @@
 import { VariantProps } from "class-variance-authority";
 import * as React$1 from "react";
-
 //#region src/components/input-group.d.ts
-declare function InputGroup({
-  className,
-  children,
-  ...props
-}: React$1.ComponentProps<"fieldset">): React$1.JSX.Element;
+declare function InputGroup({ className, children, ...props }: React$1.ComponentProps<"fieldset">): React$1.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
   align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function InputGroupAddon({
-  className,
-  align,
-  ...props
-}: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React$1.JSX.Element;
-declare function InputGroupTextarea({
-  className,
-  ...props
-}: React$1.ComponentProps<"textarea">): React$1.JSX.Element;
+declare function InputGroupAddon({ className, align, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React$1.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React$1.ComponentProps<"textarea">): React$1.JSX.Element;
 //#endregion
 export { InputGroup, InputGroupAddon, InputGroupTextarea };

package/dist/components/input.d.mts

@@ -1,5 +1,4 @@
 import * as React$1 from "react";
-
 //#region src/components/input.d.ts
 interface InputProps extends Omit<React$1.ComponentProps<"input">, "size"> {
   label?: string;
@@ -11,18 +10,6 @@ interface InputProps extends Omit<React$1.ComponentProps<"input">, "size"> {
   leadingIcon?: React$1.ReactNode;
   size?: "sm" | "md";
 }
-declare function Input({
-  className,
-  id,
-  label,
-  required,
-  hint,
-  error,
-  tooltip,
-  leadingText,
-  leadingIcon,
-  size,
-  ...props
-}: InputProps): React$1.JSX.Element;
+declare function Input({ className, id, label, required, hint, error, tooltip, leadingText, leadingIcon, size, ...props }: InputProps): React$1.JSX.Element;
 //#endregion
 export { Input, type InputProps };

package/dist/components/input.mjs

@@ -1,8 +1,6 @@
 "use client";
 import { cn } from "../lib/cn.mjs";
-import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
-import { Label } from "./label.mjs";
-import { Info } from "lucide-react";
+import { Field } from "./field.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
 //#region src/components/input.tsx
@@ -47,52 +45,30 @@ function Input({ className, id, label, required, hint, error, tooltip, leadingTe
 		"aria-describedby": fieldId && (hint || error) ? `${fieldId}-description` : void 0,
 		...props
 	});
-	const wrappedInput = hasAddons ? /* @__PURE__ */ jsxs("div", {
-		className: cn("flex items-center w-full overflow-hidden", sizes.wrapper, "bg-background border border-border rounded-md", "transition-colors", "has-[input:focus-visible]:border-ring has-[input:focus-visible]:border-2", "has-[input:disabled]:bg-disabled has-[input:disabled]:text-disabled-foreground has-[input:disabled]:cursor-not-allowed", error && "border-border-error"),
-		children: [
-			leadingIcon && /* @__PURE__ */ jsx("span", {
-				className: cn("flex items-center text-subtle-foreground [&_svg]:shrink-0", sizes.leadingIcon),
-				children: leadingIcon
-			}),
-			leadingText && /* @__PURE__ */ jsx("span", {
-				className: cn("flex items-center text-subtle-foreground whitespace-nowrap border-r border-border self-stretch", sizes.leadingText),
-				children: leadingText
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: cn("flex flex-1 items-center min-w-0", sizes.inner),
-				children: inputElement
-			})
-		]
-	}) : inputElement;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col gap-1.5",
-		children: [
-			label && /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-0.5",
-				children: [
-					/* @__PURE__ */ jsx(Label, {
-						htmlFor: fieldId,
-						className: "type-text-sm font-medium text-muted-foreground",
-						children: label
-					}),
-					required && /* @__PURE__ */ jsx("span", {
-						"aria-hidden": true,
-						className: "type-text-sm font-medium text-required",
-						children: "*"
-					}),
-					tooltip && /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-						asChild: true,
-						children: /* @__PURE__ */ jsx(Info, { className: "size-4 text-muted-foreground" })
-					}), /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })] })
-				]
-			}),
-			wrappedInput,
-			(hint || error) && /* @__PURE__ */ jsx("p", {
-				id: fieldId ? `${fieldId}-description` : void 0,
-				className: cn("type-text-sm", error ? "text-destructive" : "text-subtle-foreground"),
-				children: error ?? hint
-			})
-		]
+	return /* @__PURE__ */ jsx(Field, {
+		fieldId,
+		label,
+		required,
+		hint,
+		error,
+		tooltip,
+		children: hasAddons ? /* @__PURE__ */ jsxs("div", {
+			className: cn("flex items-center w-full overflow-hidden", sizes.wrapper, "bg-background border border-border rounded-md", "transition-colors", "has-[input:focus-visible]:border-ring has-[input:focus-visible]:border-2", "has-[input:disabled]:bg-disabled has-[input:disabled]:text-disabled-foreground has-[input:disabled]:cursor-not-allowed", error && "border-border-error"),
+			children: [
+				leadingIcon && /* @__PURE__ */ jsx("span", {
+					className: cn("flex items-center text-subtle-foreground [&_svg]:shrink-0", sizes.leadingIcon),
+					children: leadingIcon
+				}),
+				leadingText && /* @__PURE__ */ jsx("span", {
+					className: cn("flex items-center text-subtle-foreground whitespace-nowrap border-r border-border self-stretch", sizes.leadingText),
+					children: leadingText
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: cn("flex flex-1 items-center min-w-0", sizes.inner),
+					children: inputElement
+				})
+			]
+		}) : inputElement
 	});
 }
 //#endregion

package/dist/components/label.d.mts

@@ -1,10 +1,6 @@
 import * as React$1 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
-
 //#region src/components/label.d.ts
-declare function Label({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof LabelPrimitive.Root>): React$1.JSX.Element;
+declare function Label({ className, ...props }: React$1.ComponentProps<typeof LabelPrimitive.Root>): React$1.JSX.Element;
 //#endregion
 export { Label };

package/dist/components/line-chart.d.mts

@@ -2,7 +2,6 @@ import { ChartSeries } from "../lib/chart.mjs";
 import { ChartPaletteName } from "../lib/chart-palette.mjs";
 import { ChartMarker } from "./area-chart.mjs";
 import * as React$1 from "react";
-
 //#region src/components/line-chart.d.ts
 declare const CURVE_TYPE: {
   readonly monotone: "monotone";
@@ -33,25 +32,6 @@ interface LineChartProps {
   labelFormatter?: (label: string | number) => string;
   className?: string;
 }
-declare function LineChart({
-  data,
-  index,
-  series,
-  curve,
-  legend,
-  legendAlign,
-  valueFlags,
-  dots,
-  height,
-  yAxisWidth,
-  palette,
-  referenceLine,
-  markers,
-  lastValueLabel,
-  loading,
-  valueFormatter,
-  labelFormatter,
-  className
-}: LineChartProps): React$1.JSX.Element;
+declare function LineChart({ data, index, series, curve, legend, legendAlign, valueFlags, dots, height, yAxisWidth, palette, referenceLine, markers, lastValueLabel, loading, valueFormatter, labelFormatter, className }: LineChartProps): React$1.JSX.Element;
 //#endregion
 export { LineChart, LineChartProps };