@contractspec/lib.design-system 1.56.1 → 1.58.0

package/dist/components/atoms/DataChips.js

@@ -1,88 +0,0 @@
-import "react";
-import { Calendar, Clock, MapPin } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-
-//#region src/components/atoms/DataChips.tsx
-const chip = cva("inline-flex items-center gap-1 text-base text-muted-foreground", {
-	variants: {
-		size: {
-			sm: "text-sm",
-			md: "text-base"
-		},
-		tone: {
-			default: "",
-			muted: "opacity-85"
-		}
-	},
-	defaultVariants: {
-		size: "md",
-		tone: "default"
-	}
-});
-function DateChip({ value, ...v }) {
-	if (!value) return null;
-	let text = "";
-	try {
-		text = (typeof value === "string" ? new Date(value) : value).toLocaleDateString();
-	} catch {
-		text = String(value);
-	}
-	return /* @__PURE__ */ jsxs("span", {
-		className: chip(v),
-		children: [
-			/* @__PURE__ */ jsx(Calendar, { className: "h-4 w-4" }),
-			" ",
-			text
-		]
-	});
-}
-function TimeChip({ value, ...v }) {
-	if (!value) return null;
-	let text = "";
-	try {
-		text = (typeof value === "string" ? new Date(value) : value).toLocaleTimeString([], {
-			hour: "2-digit",
-			minute: "2-digit"
-		});
-	} catch {
-		text = String(value);
-	}
-	return /* @__PURE__ */ jsxs("span", {
-		className: chip(v),
-		children: [
-			/* @__PURE__ */ jsx(Clock, { className: "h-4 w-4" }),
-			" ",
-			text
-		]
-	});
-}
-function PlaceChip({ label, ...v }) {
-	if (!label) return null;
-	return /* @__PURE__ */ jsxs("span", {
-		className: chip(v),
-		children: [
-			/* @__PURE__ */ jsx(MapPin, { className: "h-4 w-4" }),
-			" ",
-			label
-		]
-	});
-}
-function DurationChip({ minutes, ...v }) {
-	if (minutes == null) return null;
-	const hrs = Math.floor(minutes / 60);
-	const mins = minutes % 60;
-	const text = hrs > 0 ? `${hrs}h${mins > 0 ? String(mins).padStart(2, "0") : ""}` : `${mins}min`;
-	return /* @__PURE__ */ jsxs("span", {
-		className: chip(v),
-		children: [
-			/* @__PURE__ */ jsx(Clock, { className: "h-4 w-4" }),
-			" ",
-			text
-		]
-	});
-}
-
-//#endregion
-export { DateChip, DurationChip, PlaceChip, TimeChip };
-//# sourceMappingURL=DataChips.js.map

package/dist/components/atoms/DataChips.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataChips.js","names":[],"sources":["../../../src/components/atoms/DataChips.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Calendar, Clock, MapPin } from 'lucide-react';\n\nconst chip = cva(\n  'inline-flex items-center gap-1 text-base text-muted-foreground',\n  {\n    variants: {\n      size: { sm: 'text-sm', md: 'text-base' },\n      tone: { default: '', muted: 'opacity-85' },\n    },\n    defaultVariants: { size: 'md', tone: 'default' },\n  }\n);\n\nexport type ChipVariants = VariantProps<typeof chip>;\n\nexport function DateChip({\n  value,\n  ...v\n}: { value?: string | Date | null } & ChipVariants) {\n  if (!value) return null;\n  let text = '';\n  try {\n    const d = typeof value === 'string' ? new Date(value) : value;\n    text = d.toLocaleDateString();\n  } catch {\n    text = String(value);\n  }\n  return (\n    <span className={chip(v)}>\n      <Calendar className=\"h-4 w-4\" /> {text}\n    </span>\n  );\n}\n\nexport function TimeChip({\n  value,\n  ...v\n}: { value?: string | Date | null } & ChipVariants) {\n  if (!value) return null;\n  let text = '';\n  try {\n    const d = typeof value === 'string' ? new Date(value) : value;\n    text = d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\n  } catch {\n    text = String(value);\n  }\n  return (\n    <span className={chip(v)}>\n      <Clock className=\"h-4 w-4\" /> {text}\n    </span>\n  );\n}\n\nexport function PlaceChip({\n  label,\n  ...v\n}: { label?: React.ReactNode } & ChipVariants) {\n  if (!label) return null;\n  return (\n    <span className={chip(v)}>\n      <MapPin className=\"h-4 w-4\" /> {label}\n    </span>\n  );\n}\n\nexport function DurationChip({\n  minutes,\n  ...v\n}: { minutes?: number | null } & ChipVariants) {\n  if (minutes == null) return null;\n  const hrs = Math.floor(minutes / 60);\n  const mins = minutes % 60;\n  const text =\n    hrs > 0\n      ? `${hrs}h${mins > 0 ? String(mins).padStart(2, '0') : ''}`\n      : `${mins}min`;\n  return (\n    <span className={chip(v)}>\n      <Clock className=\"h-4 w-4\" /> {text}\n    </span>\n  );\n}\n"],"mappings":";;;;;;AAIA,MAAM,OAAO,IACX,kEACA;CACE,UAAU;EACR,MAAM;GAAE,IAAI;GAAW,IAAI;GAAa;EACxC,MAAM;GAAE,SAAS;GAAI,OAAO;GAAc;EAC3C;CACD,iBAAiB;EAAE,MAAM;EAAM,MAAM;EAAW;CACjD,CACF;AAID,SAAgB,SAAS,EACvB,OACA,GAAG,KAC+C;AAClD,KAAI,CAAC,MAAO,QAAO;CACnB,IAAI,OAAO;AACX,KAAI;AAEF,UADU,OAAO,UAAU,WAAW,IAAI,KAAK,MAAM,GAAG,OAC/C,oBAAoB;SACvB;AACN,SAAO,OAAO,MAAM;;AAEtB,QACE,qBAAC;EAAK,WAAW,KAAK,EAAE;;GACtB,oBAAC,YAAS,WAAU,YAAY;;GAAE;;GAC7B;;AAIX,SAAgB,SAAS,EACvB,OACA,GAAG,KAC+C;AAClD,KAAI,CAAC,MAAO,QAAO;CACnB,IAAI,OAAO;AACX,KAAI;AAEF,UADU,OAAO,UAAU,WAAW,IAAI,KAAK,MAAM,GAAG,OAC/C,mBAAmB,EAAE,EAAE;GAAE,MAAM;GAAW,QAAQ;GAAW,CAAC;SACjE;AACN,SAAO,OAAO,MAAM;;AAEtB,QACE,qBAAC;EAAK,WAAW,KAAK,EAAE;;GACtB,oBAAC,SAAM,WAAU,YAAY;;GAAE;;GAC1B;;AAIX,SAAgB,UAAU,EACxB,OACA,GAAG,KAC0C;AAC7C,KAAI,CAAC,MAAO,QAAO;AACnB,QACE,qBAAC;EAAK,WAAW,KAAK,EAAE;;GACtB,oBAAC,UAAO,WAAU,YAAY;;GAAE;;GAC3B;;AAIX,SAAgB,aAAa,EAC3B,SACA,GAAG,KAC0C;AAC7C,KAAI,WAAW,KAAM,QAAO;CAC5B,MAAM,MAAM,KAAK,MAAM,UAAU,GAAG;CACpC,MAAM,OAAO,UAAU;CACvB,MAAM,OACJ,MAAM,IACF,GAAG,IAAI,GAAG,OAAO,IAAI,OAAO,KAAK,CAAC,SAAS,GAAG,IAAI,GAAG,OACrD,GAAG,KAAK;AACd,QACE,qBAAC;EAAK,WAAW,KAAK,EAAE;;GACtB,oBAAC,SAAM,WAAU,YAAY;;GAAE;;GAC1B"}

package/dist/components/atoms/EmptyState.js

@@ -1,14 +0,0 @@
-'use client';
-
-import "react";
-import { jsx } from "react/jsx-runtime";
-import { EmptyState } from "@contractspec/lib.ui-kit-web/ui/empty-state";
-
-//#region src/components/atoms/EmptyState.tsx
-function EmptyState$1(props) {
-	return /* @__PURE__ */ jsx(EmptyState, { ...props });
-}
-
-//#endregion
-export { EmptyState$1 as EmptyState };
-//# sourceMappingURL=EmptyState.js.map

package/dist/components/atoms/EmptyState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.js","names":["EmptyState","WebEmptyState"],"sources":["../../../src/components/atoms/EmptyState.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  EmptyState as WebEmptyState,\n  type EmptyStateProps,\n} from '@contractspec/lib.ui-kit-web/ui/empty-state';\n\nexport function EmptyState(props: EmptyStateProps) {\n  return <WebEmptyState {...props} />;\n}\n"],"mappings":";;;;;;;AAQA,SAAgBA,aAAW,OAAwB;AACjD,QAAO,oBAACC,cAAc,GAAI,QAAS"}

package/dist/components/atoms/ErrorState.js

@@ -1,40 +0,0 @@
-import { Button } from "./Button.js";
-import { ButtonLink } from "./ButtonLink.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyTitle } from "@contractspec/lib.ui-kit-web/ui/empty";
-
-//#region src/components/atoms/ErrorState.tsx
-function ErrorState({ title = "Something went wrong", description, icon, onRetry, retryLabel = "Retry", supportHref, onContactSupport, supportLabel = "Contact support", className }) {
-	const Support = (() => {
-		if (supportHref) return /* @__PURE__ */ jsx(ButtonLink, {
-			variant: "ghost",
-			href: supportHref,
-			children: supportLabel
-		});
-		if (onContactSupport) return /* @__PURE__ */ jsx(Button, {
-			variant: "ghost",
-			onPress: onContactSupport,
-			children: supportLabel
-		});
-		return null;
-	})();
-	return /* @__PURE__ */ jsxs(Empty, {
-		className,
-		children: [/* @__PURE__ */ jsxs(EmptyHeader, { children: [
-			icon,
-			/* @__PURE__ */ jsx(EmptyTitle, { children: title }),
-			description ? /* @__PURE__ */ jsx(EmptyDescription, { children: description }) : null
-		] }), /* @__PURE__ */ jsx(EmptyContent, { children: /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-wrap items-center gap-2",
-			children: [onRetry ? /* @__PURE__ */ jsx(Button, {
-				onPress: onRetry,
-				children: retryLabel
-			}) : null, Support]
-		}) })]
-	});
-}
-
-//#endregion
-export { ErrorState };
-//# sourceMappingURL=ErrorState.js.map

package/dist/components/atoms/ErrorState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorState.js","names":[],"sources":["../../../src/components/atoms/ErrorState.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Empty,\n  EmptyContent,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyTitle,\n} from '@contractspec/lib.ui-kit-web/ui/empty';\nimport { Button } from '../atoms/Button';\nimport { ButtonLink } from '../atoms/ButtonLink';\n\nexport interface ErrorStateProps {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  icon?: React.ReactNode;\n  onRetry?: () => void;\n  retryLabel?: React.ReactNode;\n  supportHref?: string;\n  onContactSupport?: () => void;\n  supportLabel?: React.ReactNode;\n  className?: string;\n}\n\nexport function ErrorState({\n  title = 'Something went wrong',\n  description,\n  icon,\n  onRetry,\n  retryLabel = 'Retry',\n  supportHref,\n  onContactSupport,\n  supportLabel = 'Contact support',\n  className,\n}: ErrorStateProps) {\n  const Support = (() => {\n    if (supportHref) {\n      return (\n        <ButtonLink variant=\"ghost\" href={supportHref}>\n          {supportLabel}\n        </ButtonLink>\n      );\n    }\n    if (onContactSupport) {\n      return (\n        <Button variant=\"ghost\" onPress={onContactSupport}>\n          {supportLabel}\n        </Button>\n      );\n    }\n    return null;\n  })();\n\n  return (\n    <Empty className={className}>\n      <EmptyHeader>\n        {icon}\n        <EmptyTitle>{title}</EmptyTitle>\n        {description ? (\n          <EmptyDescription>{description}</EmptyDescription>\n        ) : null}\n      </EmptyHeader>\n      <EmptyContent>\n        <div className=\"flex flex-wrap items-center gap-2\">\n          {onRetry ? <Button onPress={onRetry}>{retryLabel}</Button> : null}\n          {Support}\n        </div>\n      </EmptyContent>\n    </Empty>\n  );\n}\n"],"mappings":";;;;;;;AAuBA,SAAgB,WAAW,EACzB,QAAQ,wBACR,aACA,MACA,SACA,aAAa,SACb,aACA,kBACA,eAAe,mBACf,aACkB;CAClB,MAAM,iBAAiB;AACrB,MAAI,YACF,QACE,oBAAC;GAAW,SAAQ;GAAQ,MAAM;aAC/B;IACU;AAGjB,MAAI,iBACF,QACE,oBAAC;GAAO,SAAQ;GAAQ,SAAS;aAC9B;IACM;AAGb,SAAO;KACL;AAEJ,QACE,qBAAC;EAAiB;aAChB,qBAAC;GACE;GACD,oBAAC,wBAAY,QAAmB;GAC/B,cACC,oBAAC,8BAAkB,cAA+B,GAChD;MACQ,EACd,oBAAC,0BACC,qBAAC;GAAI,WAAU;cACZ,UAAU,oBAAC;IAAO,SAAS;cAAU;KAAoB,GAAG,MAC5D;IACG,GACO;GACT"}

package/dist/components/atoms/Input.js

@@ -1,28 +0,0 @@
-import { mapKeyboardToWeb } from "../../lib/keyboard.js";
-import "react";
-import { jsx } from "react/jsx-runtime";
-import { Input } from "@contractspec/lib.ui-kit-web/ui/input";
-
-//#region src/components/atoms/Input.tsx
-function Input$1({ value, defaultValue, onChange, onSubmit, onFocus, onBlur, placeholder, disabled, readOnly, maxLength, name, className, keyboard, ...rest }) {
-	const webKeyboard = mapKeyboardToWeb(keyboard);
-	return /* @__PURE__ */ jsx(Input, {
-		...rest,
-		className,
-		value,
-		defaultValue,
-		onChange,
-		onFocus,
-		onBlur,
-		placeholder,
-		disabled,
-		readOnly,
-		maxLength,
-		name,
-		...webKeyboard
-	});
-}
-
-//#endregion
-export { Input$1 as Input };
-//# sourceMappingURL=Input.js.map

package/dist/components/atoms/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.js","names":["Input","WebInput"],"sources":["../../../src/components/atoms/Input.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Input as WebInput,\n  type InputProps as WebInputProps,\n} from '@contractspec/lib.ui-kit-web/ui/input';\nimport { type KeyboardOptions, mapKeyboardToWeb } from '../../lib/keyboard';\n\ninterface BaseFieldProps {\n  // value?: string | number;\n  // defaultValue?: string | number;\n  // onChange?: (text: string) => void;\n  onSubmit?: () => void;\n  onFocus?: () => void;\n  // onBlur?: () => void;\n  placeholder?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  maxLength?: number;\n  name?: string;\n  className?: string;\n  keyboard?: KeyboardOptions;\n}\n\nexport type InputProps = Omit<\n  WebInputProps,\n  'input' // | 'onChange' | 'value' | 'defaultValue'\n> &\n  BaseFieldProps;\n\nexport function Input({\n  value,\n  defaultValue,\n  onChange,\n  onSubmit,\n  onFocus,\n  onBlur,\n  placeholder,\n  disabled,\n  readOnly,\n  maxLength,\n  name,\n  className,\n  keyboard,\n  ...rest\n}: InputProps) {\n  const webKeyboard = mapKeyboardToWeb(keyboard);\n\n  return (\n    <WebInput\n      {...rest}\n      className={className}\n      value={value}\n      defaultValue={defaultValue}\n      // onChange={onChange ? (e) => onChange?.(e.target.value) : undefined}\n      // onKeyDown={onKeyDown}\n      onChange={onChange}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      placeholder={placeholder}\n      disabled={disabled}\n      readOnly={readOnly}\n      maxLength={maxLength}\n      name={name}\n      {...webKeyboard}\n    />\n  );\n}\n"],"mappings":";;;;;;AA6BA,SAAgBA,QAAM,EACpB,OACA,cACA,UACA,UACA,SACA,QACA,aACA,UACA,UACA,WACA,MACA,WACA,UACA,GAAG,QACU;CACb,MAAM,cAAc,iBAAiB,SAAS;AAE9C,QACE,oBAACC;EACC,GAAI;EACO;EACJ;EACO;EAGJ;EACD;EACD;EACK;EACH;EACA;EACC;EACL;EACN,GAAI;GACJ"}

package/dist/components/atoms/Link.js

@@ -1,14 +0,0 @@
-import "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/atoms/Link.tsx
-function Link({ children, ...props }) {
-	return /* @__PURE__ */ jsx("a", {
-		...props,
-		children
-	});
-}
-
-//#endregion
-export { Link };
-//# sourceMappingURL=Link.js.map

package/dist/components/atoms/Link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.js","names":[],"sources":["../../../src/components/atoms/Link.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes } from 'react';\nimport * as React from 'react';\n\nexport type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement>;\n\nexport function Link({ children, ...props }: LinkProps) {\n  return <a {...props}>{children}</a>;\n}\n"],"mappings":";;;;AAKA,SAAgB,KAAK,EAAE,UAAU,GAAG,SAAoB;AACtD,QAAO,oBAAC;EAAE,GAAI;EAAQ;GAAa"}

package/dist/components/atoms/Link.web.js

@@ -1,16 +0,0 @@
-import "react";
-import { jsx } from "react/jsx-runtime";
-import Link from "next/link";
-
-//#region src/components/atoms/Link.web.tsx
-function Link$1({ href, children, ...props }) {
-	return /* @__PURE__ */ jsx(Link, {
-		href: href || "#",
-		...props,
-		children
-	});
-}
-
-//#endregion
-export { Link$1 as Link };
-//# sourceMappingURL=Link.web.js.map

package/dist/components/atoms/Link.web.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.web.js","names":["Link","NextLink"],"sources":["../../../src/components/atoms/Link.web.tsx"],"sourcesContent":["import * as React from 'react';\nimport NextLink from 'next/link';\nimport type { UrlObject } from 'url';\n\nexport type LinkProps = {\n  href?: string | UrlObject;\n  children?: React.ReactNode;\n  className?: string;\n  prefetch?: boolean;\n  replace?: boolean;\n  scroll?: boolean;\n  shallow?: boolean;\n  target?: string;\n  rel?: string;\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n} & Record<string, unknown>;\n\nexport function Link({ href, children, ...props }: LinkProps) {\n  return (\n    <NextLink href={href || '#'} {...props}>\n      {children}\n    </NextLink>\n  );\n}\n"],"mappings":";;;;;AAiBA,SAAgBA,OAAK,EAAE,MAAM,UAAU,GAAG,SAAoB;AAC5D,QACE,oBAACC;EAAS,MAAM,QAAQ;EAAK,GAAI;EAC9B;GACQ"}

package/dist/components/atoms/LoaderCircular.js

@@ -1,44 +0,0 @@
-import "react";
-import { Loader2 } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
-
-//#region src/components/atoms/LoaderCircular.tsx
-const spinnerVariants = cva("animate-spin", {
-	variants: {
-		size: {
-			sm: "h-4 w-4",
-			md: "h-5 w-5",
-			lg: "h-6 w-6"
-		},
-		tone: {
-			default: "text-foreground",
-			muted: "text-muted-foreground"
-		}
-	},
-	defaultVariants: {
-		size: "md",
-		tone: "muted"
-	}
-});
-function LoaderCircular({ size, tone, label, className, ...props }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("inline-flex items-center gap-2", className),
-		role: "status",
-		"aria-live": "polite",
-		"aria-busy": true,
-		...props,
-		children: [/* @__PURE__ */ jsx(Loader2, { className: cn(spinnerVariants({
-			size,
-			tone
-		})) }), label ? /* @__PURE__ */ jsx("span", {
-			className: "text-muted-foreground text-base",
-			children: label
-		}) : null]
-	});
-}
-
-//#endregion
-export { LoaderCircular };
-//# sourceMappingURL=LoaderCircular.js.map

package/dist/components/atoms/LoaderCircular.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoaderCircular.js","names":[],"sources":["../../../src/components/atoms/LoaderCircular.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Loader2 } from 'lucide-react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\n\nconst spinnerVariants = cva('animate-spin', {\n  variants: {\n    size: {\n      sm: 'h-4 w-4',\n      md: 'h-5 w-5',\n      lg: 'h-6 w-6',\n    },\n    tone: {\n      default: 'text-foreground',\n      muted: 'text-muted-foreground',\n    },\n  },\n  defaultVariants: { size: 'md', tone: 'muted' },\n});\n\nexport type LoaderCircularProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof spinnerVariants> & {\n    label?: React.ReactNode;\n  };\n\nexport function LoaderCircular({\n  size,\n  tone,\n  label,\n  className,\n  ...props\n}: LoaderCircularProps) {\n  return (\n    <div\n      className={cn('inline-flex items-center gap-2', className)}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy\n      {...props}\n    >\n      <Loader2 className={cn(spinnerVariants({ size, tone }))} />\n      {label ? (\n        <span className=\"text-muted-foreground text-base\">{label}</span>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAKA,MAAM,kBAAkB,IAAI,gBAAgB;CAC1C,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,MAAM;GACJ,SAAS;GACT,OAAO;GACR;EACF;CACD,iBAAiB;EAAE,MAAM;EAAM,MAAM;EAAS;CAC/C,CAAC;AAOF,SAAgB,eAAe,EAC7B,MACA,MACA,OACA,WACA,GAAG,SACmB;AACtB,QACE,qBAAC;EACC,WAAW,GAAG,kCAAkC,UAAU;EAC1D,MAAK;EACL,aAAU;EACV;EACA,GAAI;aAEJ,oBAAC,WAAQ,WAAW,GAAG,gBAAgB;GAAE;GAAM;GAAM,CAAC,CAAC,GAAI,EAC1D,QACC,oBAAC;GAAK,WAAU;aAAmC;IAAa,GAC9D;GACA"}

package/dist/components/atoms/NavBrand.js

@@ -1,26 +0,0 @@
-'use client';
-
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
-
-//#region src/components/atoms/NavBrand.tsx
-function NavBrand({ href = "/", logo, title, className }) {
-	const content = /* @__PURE__ */ jsxs("div", {
-		className: cn("flex items-center gap-2 truncate font-semibold", className),
-		children: [logo, title && /* @__PURE__ */ jsx("span", {
-			className: "truncate text-xl font-bold",
-			children: title
-		})]
-	});
-	return href ? /* @__PURE__ */ jsx("a", {
-		href,
-		className: "flex items-center",
-		"aria-label": "Home",
-		children: content
-	}) : content;
-}
-
-//#endregion
-export { NavBrand };
-//# sourceMappingURL=NavBrand.js.map

package/dist/components/atoms/NavBrand.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavBrand.js","names":[],"sources":["../../../src/components/atoms/NavBrand.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\n\nexport interface NavBrandProps {\n  href?: string;\n  logo?: React.ReactNode;\n  title?: React.ReactNode;\n  className?: string;\n}\n\nexport function NavBrand({\n  href = '/',\n  logo,\n  title,\n  className,\n}: NavBrandProps) {\n  const content = (\n    <div\n      className={cn(\n        'flex items-center gap-2 truncate font-semibold',\n        className\n      )}\n    >\n      {logo}\n      {title && <span className=\"truncate text-xl font-bold\">{title}</span>}\n    </div>\n  );\n  return href ? (\n    <a href={href} className=\"flex items-center\" aria-label=\"Home\">\n      {content}\n    </a>\n  ) : (\n    content\n  );\n}\n"],"mappings":";;;;;;;AAYA,SAAgB,SAAS,EACvB,OAAO,KACP,MACA,OACA,aACgB;CAChB,MAAM,UACJ,qBAAC;EACC,WAAW,GACT,kDACA,UACD;aAEA,MACA,SAAS,oBAAC;GAAK,WAAU;aAA8B;IAAa;GACjE;AAER,QAAO,OACL,oBAAC;EAAQ;EAAM,WAAU;EAAoB,cAAW;YACrD;GACC,GAEJ"}

package/dist/components/atoms/Stepper.js

@@ -1,14 +0,0 @@
-'use client';
-
-import "react";
-import { jsx } from "react/jsx-runtime";
-import { Stepper } from "@contractspec/lib.ui-kit-web/ui/stepper";
-
-//#region src/components/atoms/Stepper.tsx
-function Stepper$1(props) {
-	return /* @__PURE__ */ jsx(Stepper, { ...props });
-}
-
-//#endregion
-export { Stepper$1 as Stepper };
-//# sourceMappingURL=Stepper.js.map

package/dist/components/atoms/Stepper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stepper.js","names":["Stepper","WebStepper"],"sources":["../../../src/components/atoms/Stepper.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  Stepper as WebStepper,\n  type StepperProps,\n} from '@contractspec/lib.ui-kit-web/ui/stepper';\n\nexport function Stepper(props: StepperProps) {\n  return <WebStepper {...props} />;\n}\n"],"mappings":";;;;;;;AAQA,SAAgBA,UAAQ,OAAqB;AAC3C,QAAO,oBAACC,WAAW,GAAI,QAAS"}

package/dist/components/atoms/Textarea.js

@@ -1,30 +0,0 @@
-import { mapKeyboardToWeb } from "../../lib/keyboard.js";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { Textarea } from "@contractspec/lib.ui-kit-web/ui/textarea";
-
-//#region src/components/atoms/Textarea.tsx
-function Textarea$1({ value, defaultValue, onChange, onSubmit, onFocus, onBlur, placeholder, disabled, readOnly, maxLength, name, className, rows, keyboard, ...rest }) {
-	const webKeyboard = mapKeyboardToWeb(keyboard);
-	const handleChange = React.useCallback((e) => onChange?.(e), [onChange]);
-	return /* @__PURE__ */ jsx(Textarea, {
-		...rest,
-		className,
-		value,
-		defaultValue,
-		onChange: handleChange,
-		onFocus,
-		onBlur,
-		placeholder,
-		disabled,
-		readOnly,
-		maxLength,
-		name,
-		rows,
-		...webKeyboard
-	});
-}
-
-//#endregion
-export { Textarea$1 as Textarea };
-//# sourceMappingURL=Textarea.js.map

package/dist/components/atoms/Textarea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Textarea.js","names":["Textarea","WebTextarea"],"sources":["../../../src/components/atoms/Textarea.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Textarea as WebTextarea,\n  type TextareaProps as WebTextareaProps,\n} from '@contractspec/lib.ui-kit-web/ui/textarea';\nimport { type KeyboardOptions, mapKeyboardToWeb } from '../../lib/keyboard';\n\ninterface BaseFieldProps {\n  value?: string;\n  defaultValue?: string;\n  // onChange?: (text: string) => void;\n  // onSubmit?: () => void;\n  // onFocus?: () => void;\n  // onBlur?: () => void;\n  placeholder?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  maxLength?: number;\n  name?: string;\n  className?: string;\n  rows?: number;\n  keyboard?: KeyboardOptions;\n}\n\nexport type TextareaProps = WebTextareaProps & BaseFieldProps;\n\n// export type TextareaProps = Omit<\n//   WebTextareaProps,\n//   // 'onChange' | 'value' | 'defaultValue'\n// > &\n//   BaseFieldProps;\n\nexport function Textarea({\n  value,\n  defaultValue,\n  onChange,\n  onSubmit,\n  onFocus,\n  onBlur,\n  placeholder,\n  disabled,\n  readOnly,\n  maxLength,\n  name,\n  className,\n  rows,\n  keyboard,\n  ...rest\n}: TextareaProps) {\n  const webKeyboard = mapKeyboardToWeb(keyboard);\n\n  const handleChange = React.useCallback<\n    React.ChangeEventHandler<HTMLTextAreaElement>\n  >((e) => onChange?.(e), [onChange]);\n\n  // const handleKeyDown = React.useCallback<\n  //   React.KeyboardEventHandler<HTMLTextAreaElement>\n  // >(\n  //   (e) => {\n  //     if (e.key === 'Enter' && webKeyboard.type !== 'search') {\n  //       // For textarea, Enter inserts newline; onSubmit could be used with modifier\n  //       if (e.metaKey || e.ctrlKey) onSubmit?.(e);\n  //     }\n  //   },\n  //   [onSubmit, webKeyboard.type]\n  // );\n\n  return (\n    <WebTextarea\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      {...(rest as any)}\n      className={className}\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      value={value as any}\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      defaultValue={defaultValue as any}\n      onChange={handleChange}\n      // onKeyDown={handleKeyDown}\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      onFocus={onFocus as any}\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      onBlur={onBlur as any}\n      placeholder={placeholder}\n      disabled={disabled}\n      readOnly={readOnly}\n      maxLength={maxLength}\n      name={name}\n      rows={rows}\n      {...webKeyboard}\n    />\n  );\n}\n\nexport default Textarea;\n"],"mappings":";;;;;;AAgCA,SAAgBA,WAAS,EACvB,OACA,cACA,UACA,UACA,SACA,QACA,aACA,UACA,UACA,WACA,MACA,WACA,MACA,UACA,GAAG,QACa;CAChB,MAAM,cAAc,iBAAiB,SAAS;CAE9C,MAAM,eAAe,MAAM,aAExB,MAAM,WAAW,EAAE,EAAE,CAAC,SAAS,CAAC;AAcnC,QACE,oBAACC;EAEC,GAAK;EACM;EAEJ;EAEO;EACd,UAAU;EAGD;EAED;EACK;EACH;EACA;EACC;EACL;EACA;EACN,GAAI;GACJ"}

package/dist/components/data-view/DataViewDetail.js

@@ -1,85 +0,0 @@
-'use client';
-
-import { cn } from "../../lib/utils.js";
-import { MarkdownRenderer } from "../../example-shared-ui/src/MarkdownView.js";
-import "../../example-shared-ui/src/index.js";
-import { DataViewFormattedValue, getAtPath } from "./utils.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/data-view/DataViewDetail.tsx
-function DataViewDetail({ spec, item, className, emptyState, headerActions }) {
-	if (spec.view.kind !== "detail") throw new Error(`DataViewDetail received view kind "${spec.view.kind}", expected "detail".`);
-	const view = spec.view;
-	const fields = view.fields;
-	if (!item) return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex w-full flex-col gap-4", className),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ jsx("h3", {
-				className: "text-foreground text-base font-semibold",
-				children: spec.meta.title
-			}), headerActions]
-		}), emptyState ?? /* @__PURE__ */ jsx("div", {
-			className: "border-muted-foreground/40 text-muted-foreground rounded-md border border-dashed p-8 text-center text-sm",
-			children: "Select a record to view details."
-		})]
-	});
-	const sections = view.sections && view.sections.length > 0 ? view.sections : [{ fields: fields.map((field) => field.key) }];
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex w-full flex-col gap-6", className),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
-				className: "text-foreground text-xl font-semibold",
-				children: spec.meta.title
-			}), /* @__PURE__ */ jsx("div", {
-				className: "text-muted-foreground text-sm",
-				children: /* @__PURE__ */ jsx(MarkdownRenderer, { content: spec.meta.description ?? "" })
-			})] }), headerActions]
-		}), /* @__PURE__ */ jsx("div", {
-			className: "flex flex-col gap-6",
-			children: sections.map((section, idx) => /* @__PURE__ */ jsxs("div", {
-				className: "border-border bg-card rounded-lg border p-4 shadow-sm",
-				children: [
-					section.title ? /* @__PURE__ */ jsx("h4", {
-						className: "text-muted-foreground mb-2 text-sm font-semibold tracking-wide uppercase",
-						children: section.title
-					}) : null,
-					section.description ? /* @__PURE__ */ jsx("div", {
-						className: "text-muted-foreground mb-4 text-sm",
-						children: /* @__PURE__ */ jsx(MarkdownRenderer, { content: section.description })
-					}) : null,
-					/* @__PURE__ */ jsx("dl", {
-						className: "grid gap-4 md:grid-cols-2",
-						children: section.fields.map((fieldKey) => {
-							const field = fieldByKey(fields, fieldKey);
-							if (!field) return null;
-							const value = getAtPath(item, field.dataPath);
-							return /* @__PURE__ */ jsxs("div", {
-								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ jsx("dt", {
-									className: "text-muted-foreground/80 text-xs font-semibold uppercase",
-									children: field.label
-								}), /* @__PURE__ */ jsx("dd", {
-									className: "text-foreground text-sm",
-									children: /* @__PURE__ */ jsx(DataViewFormattedValue, {
-										value,
-										format: field.format
-									})
-								})]
-							}, field.key);
-						})
-					})
-				]
-			}, idx))
-		})]
-	});
-}
-function fieldByKey(fields, key) {
-	return fields.find((field) => field.key === key);
-}
-
-//#endregion
-export { DataViewDetail };
-//# sourceMappingURL=DataViewDetail.js.map

package/dist/components/data-view/DataViewDetail.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataViewDetail.js","names":[],"sources":["../../../src/components/data-view/DataViewDetail.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type {\n  DataViewDetailConfig,\n  DataViewField,\n  DataViewSpec,\n} from '@contractspec/lib.contracts/data-views';\nimport { cn } from '../../lib/utils';\nimport { DataViewFormattedValue, getAtPath } from './utils';\nimport { MarkdownRenderer } from '@contractspec/lib.example-shared-ui';\n\nexport interface DataViewDetailProps {\n  spec: DataViewSpec;\n  item: Record<string, unknown> | null;\n  className?: string;\n  emptyState?: React.ReactNode;\n  headerActions?: React.ReactNode;\n}\n\nexport function DataViewDetail({\n  spec,\n  item,\n  className,\n  emptyState,\n  headerActions,\n}: DataViewDetailProps) {\n  if (spec.view.kind !== 'detail') {\n    throw new Error(\n      `DataViewDetail received view kind \"${spec.view.kind}\", expected \"detail\".`\n    );\n  }\n\n  const view = spec.view as DataViewDetailConfig;\n  const fields = view.fields;\n\n  if (!item) {\n    return (\n      <div className={cn('flex w-full flex-col gap-4', className)}>\n        <div className=\"flex items-center justify-between\">\n          <h3 className=\"text-foreground text-base font-semibold\">\n            {spec.meta.title}\n          </h3>\n          {headerActions}\n        </div>\n        {emptyState ?? (\n          <div className=\"border-muted-foreground/40 text-muted-foreground rounded-md border border-dashed p-8 text-center text-sm\">\n            Select a record to view details.\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  const sections =\n    view.sections && view.sections.length > 0\n      ? view.sections\n      : [{ fields: fields.map((field) => field.key) }];\n\n  return (\n    <div className={cn('flex w-full flex-col gap-6', className)}>\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h3 className=\"text-foreground text-xl font-semibold\">\n            {spec.meta.title}\n          </h3>\n          <div className=\"text-muted-foreground text-sm\">\n            <MarkdownRenderer content={spec.meta.description ?? ''} />\n          </div>\n        </div>\n        {headerActions}\n      </div>\n      <div className=\"flex flex-col gap-6\">\n        {sections.map((section, idx) => (\n          <div\n            key={idx}\n            className=\"border-border bg-card rounded-lg border p-4 shadow-sm\"\n          >\n            {section.title ? (\n              <h4 className=\"text-muted-foreground mb-2 text-sm font-semibold tracking-wide uppercase\">\n                {section.title}\n              </h4>\n            ) : null}\n            {section.description ? (\n              <div className=\"text-muted-foreground mb-4 text-sm\">\n                <MarkdownRenderer content={section.description} />\n              </div>\n            ) : null}\n            <dl className=\"grid gap-4 md:grid-cols-2\">\n              {section.fields.map((fieldKey) => {\n                const field = fieldByKey(fields, fieldKey);\n                if (!field) return null;\n                const value = getAtPath(item, field.dataPath);\n                return (\n                  <div key={field.key} className=\"flex flex-col gap-1\">\n                    <dt className=\"text-muted-foreground/80 text-xs font-semibold uppercase\">\n                      {field.label}\n                    </dt>\n                    <dd className=\"text-foreground text-sm\">\n                      <DataViewFormattedValue\n                        value={value}\n                        format={field.format}\n                      />\n                    </dd>\n                  </div>\n                );\n              })}\n            </dl>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction fieldByKey(fields: DataViewField[], key: string) {\n  return fields.find((field) => field.key === key);\n}\n"],"mappings":";;;;;;;;;;AAoBA,SAAgB,eAAe,EAC7B,MACA,MACA,WACA,YACA,iBACsB;AACtB,KAAI,KAAK,KAAK,SAAS,SACrB,OAAM,IAAI,MACR,sCAAsC,KAAK,KAAK,KAAK,uBACtD;CAGH,MAAM,OAAO,KAAK;CAClB,MAAM,SAAS,KAAK;AAEpB,KAAI,CAAC,KACH,QACE,qBAAC;EAAI,WAAW,GAAG,8BAA8B,UAAU;aACzD,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cACX,KAAK,KAAK;KACR,EACJ;IACG,EACL,cACC,oBAAC;GAAI,WAAU;aAA2G;IAEpH;GAEJ;CAIV,MAAM,WACJ,KAAK,YAAY,KAAK,SAAS,SAAS,IACpC,KAAK,WACL,CAAC,EAAE,QAAQ,OAAO,KAAK,UAAU,MAAM,IAAI,EAAE,CAAC;AAEpD,QACE,qBAAC;EAAI,WAAW,GAAG,8BAA8B,UAAU;aACzD,qBAAC;GAAI,WAAU;cACb,qBAAC,oBACC,oBAAC;IAAG,WAAU;cACX,KAAK,KAAK;KACR,EACL,oBAAC;IAAI,WAAU;cACb,oBAAC,oBAAiB,SAAS,KAAK,KAAK,eAAe,KAAM;KACtD,IACF,EACL;IACG,EACN,oBAAC;GAAI,WAAU;aACZ,SAAS,KAAK,SAAS,QACtB,qBAAC;IAEC,WAAU;;KAET,QAAQ,QACP,oBAAC;MAAG,WAAU;gBACX,QAAQ;OACN,GACH;KACH,QAAQ,cACP,oBAAC;MAAI,WAAU;gBACb,oBAAC,oBAAiB,SAAS,QAAQ,cAAe;OAC9C,GACJ;KACJ,oBAAC;MAAG,WAAU;gBACX,QAAQ,OAAO,KAAK,aAAa;OAChC,MAAM,QAAQ,WAAW,QAAQ,SAAS;AAC1C,WAAI,CAAC,MAAO,QAAO;OACnB,MAAM,QAAQ,UAAU,MAAM,MAAM,SAAS;AAC7C,cACE,qBAAC;QAAoB,WAAU;mBAC7B,oBAAC;SAAG,WAAU;mBACX,MAAM;UACJ,EACL,oBAAC;SAAG,WAAU;mBACZ,oBAAC;UACQ;UACP,QAAQ,MAAM;WACd;UACC;UATG,MAAM,IAUV;QAER;OACC;;MAhCA,IAiCD,CACN;IACE;GACF;;AAIV,SAAS,WAAW,QAAyB,KAAa;AACxD,QAAO,OAAO,MAAM,UAAU,MAAM,QAAQ,IAAI"}

package/dist/components/data-view/DataViewList.js

@@ -1,74 +0,0 @@
-'use client';
-
-import { cn } from "../../lib/utils.js";
-import { DisplayValue } from "./DataViewTable.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/data-view/DataViewList.tsx
-function DataViewList({ spec, items, className, renderActions, onSelect, emptyState }) {
-	if (spec.view.kind !== "list") throw new Error(`DataViewList received view kind "${spec.view.kind}", expected "list".`);
-	const view = spec.view;
-	const fields = view.fields;
-	const primaryField = view.primaryField ?? fields.find((field) => field.key === view.primaryField)?.key ?? fields[0]?.key;
-	if (!items.length) return /* @__PURE__ */ jsx("div", {
-		className: cn("flex w-full flex-col gap-4", className),
-		children: emptyState ?? /* @__PURE__ */ jsx("div", {
-			className: "border-muted-foreground/40 text-muted-foreground rounded-md border border-dashed p-8 text-center text-sm",
-			children: "No records available."
-		})
-	});
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex w-full flex-col gap-4", className),
-		children: items.map((item, idx) => {
-			const record = toRecord(item);
-			return /* @__PURE__ */ jsxs("button", {
-				type: "button",
-				className: cn("border-muted bg-card hover:border-primary/40 focus-visible:border-primary focus-visible:ring-primary/40 flex w-full flex-col gap-2 rounded-lg border p-4 text-left shadow-sm transition hover:shadow-md focus-visible:ring-2 focus-visible:outline-none", view.layout === "compact" && "md:flex-row md:items-center md:gap-4"),
-				onClick: () => onSelect?.(item),
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex flex-1 flex-col gap-1",
-					children: [primaryField ? /* @__PURE__ */ jsx("span", {
-						className: "text-foreground text-base font-medium",
-						children: /* @__PURE__ */ jsx(DisplayValue, {
-							item: record,
-							fields,
-							fieldKey: primaryField
-						})
-					}) : null, /* @__PURE__ */ jsx("div", {
-						className: "text-muted-foreground flex flex-wrap gap-x-4 gap-y-1 text-sm",
-						children: secondaryFieldKeys(view, primaryField).map((fieldKey) => /* @__PURE__ */ jsxs("span", {
-							className: "flex items-center gap-1.5",
-							children: [/* @__PURE__ */ jsx("span", {
-								className: "text-foreground/80 font-medium",
-								children: fieldLabel(fields, fieldKey)
-							}), /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(DisplayValue, {
-								item: record,
-								fields,
-								fieldKey
-							}) })]
-						}, fieldKey))
-					})]
-				}), renderActions ? /* @__PURE__ */ jsx("div", {
-					className: "flex shrink-0 items-center gap-2",
-					children: renderActions(item)
-				}) : null]
-			}, idx);
-		})
-	});
-}
-function toRecord(value) {
-	if (value && typeof value === "object") return value;
-	return {};
-}
-function fieldLabel(fields, key) {
-	return fields.find((field) => field.key === key)?.label ?? key;
-}
-function secondaryFieldKeys(view, primaryField) {
-	if (view.secondaryFields?.length) return view.secondaryFields;
-	return view.fields.map((field) => field.key).filter((key) => key !== primaryField);
-}
-
-//#endregion
-export { DataViewList };
-//# sourceMappingURL=DataViewList.js.map

package/dist/components/data-view/DataViewList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataViewList.js","names":[],"sources":["../../../src/components/data-view/DataViewList.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type {\n  DataViewField,\n  DataViewListConfig,\n  DataViewSpec,\n} from '@contractspec/lib.contracts/data-views';\nimport { cn } from '../../lib/utils';\nimport { DisplayValue } from './DataViewTable';\n\nexport interface DataViewListProps<TItem = Record<string, unknown>> {\n  spec: DataViewSpec;\n  items: readonly TItem[];\n  className?: string;\n  renderActions?: (item: TItem) => React.ReactNode;\n  onSelect?: (item: TItem) => void;\n  emptyState?: React.ReactNode;\n}\n\nexport function DataViewList<TItem = Record<string, unknown>>({\n  spec,\n  items,\n  className,\n  renderActions,\n  onSelect,\n  emptyState,\n}: DataViewListProps<TItem>) {\n  if (spec.view.kind !== 'list') {\n    throw new Error(\n      `DataViewList received view kind \"${spec.view.kind}\", expected \"list\".`\n    );\n  }\n  const view = spec.view as DataViewListConfig;\n  const fields = view.fields;\n  const primaryField =\n    view.primaryField ??\n    fields.find((field) => field.key === view.primaryField)?.key ??\n    fields[0]?.key;\n\n  if (!items.length) {\n    return (\n      <div className={cn('flex w-full flex-col gap-4', className)}>\n        {emptyState ?? (\n          <div className=\"border-muted-foreground/40 text-muted-foreground rounded-md border border-dashed p-8 text-center text-sm\">\n            No records available.\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('flex w-full flex-col gap-4', className)}>\n      {items.map((item, idx) => {\n        const record = toRecord(item);\n        return (\n          <button\n            type=\"button\"\n            key={idx}\n            className={cn(\n              'border-muted bg-card hover:border-primary/40 focus-visible:border-primary focus-visible:ring-primary/40 flex w-full flex-col gap-2 rounded-lg border p-4 text-left shadow-sm transition hover:shadow-md focus-visible:ring-2 focus-visible:outline-none',\n              view.layout === 'compact' &&\n                'md:flex-row md:items-center md:gap-4'\n            )}\n            onClick={() => onSelect?.(item)}\n          >\n            <div className=\"flex flex-1 flex-col gap-1\">\n              {primaryField ? (\n                <span className=\"text-foreground text-base font-medium\">\n                  <DisplayValue\n                    item={record}\n                    fields={fields}\n                    fieldKey={primaryField}\n                  />\n                </span>\n              ) : null}\n              <div className=\"text-muted-foreground flex flex-wrap gap-x-4 gap-y-1 text-sm\">\n                {secondaryFieldKeys(view, primaryField).map((fieldKey) => (\n                  <span key={fieldKey} className=\"flex items-center gap-1.5\">\n                    <span className=\"text-foreground/80 font-medium\">\n                      {fieldLabel(fields, fieldKey)}\n                    </span>\n                    <span>\n                      <DisplayValue\n                        item={record}\n                        fields={fields}\n                        fieldKey={fieldKey}\n                      />\n                    </span>\n                  </span>\n                ))}\n              </div>\n            </div>\n            {renderActions ? (\n              <div className=\"flex shrink-0 items-center gap-2\">\n                {renderActions(item)}\n              </div>\n            ) : null}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\nfunction toRecord(value: unknown): Record<string, unknown> {\n  if (value && typeof value === 'object') {\n    return value as Record<string, unknown>;\n  }\n  return {};\n}\n\nfunction fieldLabel(fields: DataViewField[], key: string) {\n  return fields.find((field) => field.key === key)?.label ?? key;\n}\n\nfunction secondaryFieldKeys(view: DataViewListConfig, primaryField?: string) {\n  if (view.secondaryFields?.length) return view.secondaryFields;\n  return view.fields\n    .map((field) => field.key)\n    .filter((key) => key !== primaryField);\n}\n"],"mappings":";;;;;;;;AAoBA,SAAgB,aAA8C,EAC5D,MACA,OACA,WACA,eACA,UACA,cAC2B;AAC3B,KAAI,KAAK,KAAK,SAAS,OACrB,OAAM,IAAI,MACR,oCAAoC,KAAK,KAAK,KAAK,qBACpD;CAEH,MAAM,OAAO,KAAK;CAClB,MAAM,SAAS,KAAK;CACpB,MAAM,eACJ,KAAK,gBACL,OAAO,MAAM,UAAU,MAAM,QAAQ,KAAK,aAAa,EAAE,OACzD,OAAO,IAAI;AAEb,KAAI,CAAC,MAAM,OACT,QACE,oBAAC;EAAI,WAAW,GAAG,8BAA8B,UAAU;YACxD,cACC,oBAAC;GAAI,WAAU;aAA2G;IAEpH;GAEJ;AAIV,QACE,oBAAC;EAAI,WAAW,GAAG,8BAA8B,UAAU;YACxD,MAAM,KAAK,MAAM,QAAQ;GACxB,MAAM,SAAS,SAAS,KAAK;AAC7B,UACE,qBAAC;IACC,MAAK;IAEL,WAAW,GACT,2PACA,KAAK,WAAW,aACd,uCACH;IACD,eAAe,WAAW,KAAK;eAE/B,qBAAC;KAAI,WAAU;gBACZ,eACC,oBAAC;MAAK,WAAU;gBACd,oBAAC;OACC,MAAM;OACE;OACR,UAAU;QACV;OACG,GACL,MACJ,oBAAC;MAAI,WAAU;gBACZ,mBAAmB,MAAM,aAAa,CAAC,KAAK,aAC3C,qBAAC;OAAoB,WAAU;kBAC7B,oBAAC;QAAK,WAAU;kBACb,WAAW,QAAQ,SAAS;SACxB,EACP,oBAAC,oBACC,oBAAC;QACC,MAAM;QACE;QACE;SACV,GACG;SAVE,SAWJ,CACP;OACE;MACF,EACL,gBACC,oBAAC;KAAI,WAAU;eACZ,cAAc,KAAK;MAChB,GACJ;MAvCC,IAwCE;IAEX;GACE;;AAIV,SAAS,SAAS,OAAyC;AACzD,KAAI,SAAS,OAAO,UAAU,SAC5B,QAAO;AAET,QAAO,EAAE;;AAGX,SAAS,WAAW,QAAyB,KAAa;AACxD,QAAO,OAAO,MAAM,UAAU,MAAM,QAAQ,IAAI,EAAE,SAAS;;AAG7D,SAAS,mBAAmB,MAA0B,cAAuB;AAC3E,KAAI,KAAK,iBAAiB,OAAQ,QAAO,KAAK;AAC9C,QAAO,KAAK,OACT,KAAK,UAAU,MAAM,IAAI,CACzB,QAAQ,QAAQ,QAAQ,aAAa"}