4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T160b,"use client"; import { mergeProps } from "@base-ui/react/merge-props"; import { useRender } from "@base-ui/react/use-render"; import type { VariantProps } from "cva"; import { use, useMemo } from "react"; import { FieldError as AriaFieldError, FieldErrorContext, Text, } from "react-aria-components"; import { Label } from "~/registry/ui/label"; import { Separator } from "~/registry/ui/separator"; import { FieldStyles } from "./styles"; export interface FieldSetProps extends React.ComponentProps<"fieldset"> {} export function FieldSet({ className, ...props }: FieldSetProps) { return (

); } export interface FieldLegendProps extends React.ComponentProps<"legend">, VariantProps {} export function FieldLegend({ className, variant = "legend", ...props }: FieldLegendProps) { return ( ); } export interface FieldGroupProps extends React.ComponentProps<"div"> {} export function FieldGroup({ className, ...props }: FieldGroupProps) { return (

); } export interface FieldRootProps extends useRender.ComponentProps<"div">, VariantProps {} export function FieldRoot({ render, className, orientation = "vertical", ...props }: FieldRootProps) { const defaultProps: useRender.ElementProps<"div"> = { className: FieldStyles.Root({ orientation, className }), role: "group", }; return useRender({ defaultTagName: "div", render, props: mergeProps<"div">(defaultProps, props), state: { orientation, slot: "field-root", }, }); } export interface FieldContentProps extends React.ComponentProps<"div"> {} export function FieldContent({ className, ...props }: FieldContentProps) { return (

); } export interface FieldLabelProps extends React.ComponentProps {} export function FieldLabel({ className, ...props }: FieldLabelProps) { return ( ); } export interface FieldTitleProps extends React.ComponentProps<"div"> {} export function FieldTitle({ className, ...props }: FieldTitleProps) { return (

); } export interface FieldDescriptionProps extends React.ComponentProps {} export function FieldDescription({ className, ...props }: FieldDescriptionProps) { return ( ); } export interface FieldSeparatorProps extends React.ComponentProps<"div"> { children?: React.ReactNode; } export function FieldSeparator({ children, className, ...props }: FieldSeparatorProps) { return (

{children && ( {children} )}

); } export interface FieldErrorProps extends React.ComponentProps { errors?: Array<{ message?: string } | undefined>; } export function FieldError({ className, children, errors, ...props }: FieldErrorProps) { const fieldErrorCtx = use(FieldErrorContext); const _errors = errors ?? fieldErrorCtx?.validationErrors.map((message) => ({ message })); const content = useMemo(() => { if (children) { return children; } if (!_errors?.length) { return null; } const uniqueErrors = [ ...new Map( _errors.map((error, index) => [error?.message, { ...error, id: index }]) ).values(), ]; if (uniqueErrors.length === 1) { return {uniqueErrors.at(0)?.message}; } return (

{error.message}

); }, [children, _errors]); if (!content) { return null; } const errorEl = (

} {...props} > {content} ); // When errors are passed explicitly and there's no React Aria field context, // AriaFieldError returns null because validation?.isInvalid is falsy. // Wrap with FieldErrorContext to provide the required isInvalid signal. if (!fieldErrorCtx && _errors?.length) { return ( {errorEl} ); } return errorEl; } 52:Tac5,import { cva } from "~/registry/lib/cva"; export const FieldStyles = { Set: cva({ base: [ "flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", ], }), Legend: cva({ base: ["mb-3 font-medium"], variants: { variant: { legend: "text-base", label: "text-sm", }, }, defaultVariants: { variant: "legend", }, }), Group: cva({ base: [ "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", ], }), Root: cva({ base: "group/field flex w-full gap-3 data-[invalid=true]:text-destructive", variants: { orientation: { vertical: ["flex-col *:w-full [&>.sr-only]:w-auto"], horizontal: [ "flex-row items-center", "*:data-[slot=field-label]:flex-auto", "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px", ], responsive: [ "@md/field-group:flex-row flex-col @md/field-group:items-center *:w-full @md/field-group:*:w-auto [&>.sr-only]:w-auto", "@md/field-group:*:data-[slot=field-label]:flex-auto", "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px", ], }, }, defaultVariants: { orientation: "vertical", }, }), Content: cva({ base: ["group/field-content flex flex-1 flex-col gap-1.5 leading-snug"], }), Label: cva({ base: [ "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-4", "has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10", ], }), Title: cva({ base: [ "flex w-fit items-center gap-2 font-medium text-sm leading-snug group-data-[disabled=true]/field:opacity-50", ], }), Description: cva({ base: [ "font-normal text-muted-foreground text-sm leading-normal group-has-orientation-horizontal/field:text-balance", "nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", ], }), Separator: cva({ base: [ "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", ], }), Error: cva({ base: ["font-normal text-destructive text-sm"], }), }; 4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@base-ui/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40base-ui%2Freact","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@base-ui/react"}]]}]}],["$","li","react-aria-components",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/react-aria-components","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"react-aria-components"}]]}]}]]}],["$","$L4f",null,{"namespace":"@kanpeki","registryDependencies":["@kanpeki/label","@kanpeki/separator"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"src/registry/ui/field/index.ts","content":"export * from \"./field\";\nexport * as Field from \"./namespace\";\nexport * from \"./styles\";\n","type":"registry:ui"},{"path":"src/registry/ui/field/field.tsx","content":"$51","type":"registry:ui"},{"path":"src/registry/ui/field/namespace.ts","content":"export {\n FieldContent as Content,\n FieldDescription as Description,\n FieldError as Error,\n FieldGroup as Group,\n FieldLabel as Label,\n FieldLegend as Legend,\n FieldRoot as Root,\n FieldSeparator as Separator,\n FieldSet as Set,\n FieldTitle as Title,\n} from \"./field\";\n","type":"registry:ui"},{"path":"src/registry/ui/field/styles.ts","content":"$52","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]