@lssm/lib.design-system 0.0.0-canary-20251120192244 → 0.0.0-canary-20251206160926

package/dist/components/atoms/DataChips.js

@@ -20,7 +20,7 @@ const chip = cva("inline-flex items-center gap-1 text-base text-muted-foreground
 		tone: "default"
 	}
 });
-function DateChip({ value,...v }) {
+function DateChip({ value, ...v }) {
 	if (!value) return null;
 	let text = "";
 	try {
@@ -37,7 +37,7 @@ function DateChip({ value,...v }) {
 		]
 	});
 }
-function TimeChip({ value,...v }) {
+function TimeChip({ value, ...v }) {
 	if (!value) return null;
 	let text = "";
 	try {
@@ -57,7 +57,7 @@ function TimeChip({ value,...v }) {
 		]
 	});
 }
-function PlaceChip({ label,...v }) {
+function PlaceChip({ label, ...v }) {
 	if (!label) return null;
 	return /* @__PURE__ */ jsxs("span", {
 		className: chip(v),
@@ -68,7 +68,7 @@ function PlaceChip({ label,...v }) {
 		]
 	});
 }
-function DurationChip({ minutes,...v }) {
+function DurationChip({ minutes, ...v }) {
 	if (minutes == null) return null;
 	const hrs = Math.floor(minutes / 60);
 	const mins = minutes % 60;
@@ -84,5 +84,4 @@ function DurationChip({ minutes,...v }) {
 }
 
 //#endregion
-export { DateChip, DurationChip, PlaceChip, TimeChip };
-//# sourceMappingURL=DataChips.js.map
+export { DateChip, DurationChip, PlaceChip, TimeChip };

package/dist/components/atoms/EmptyState.d.ts

@@ -1,8 +1,7 @@
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { EmptyStateProps } from "@lssm/lib.ui-kit-web/ui/empty-state";
 
 //#region src/components/atoms/EmptyState.d.ts
-declare function EmptyState(props: EmptyStateProps): react_jsx_runtime22.JSX.Element;
+declare function EmptyState(props: EmptyStateProps): react_jsx_runtime3.JSX.Element;
 //#endregion
-export { EmptyState };
-//# sourceMappingURL=EmptyState.d.ts.map
+export { EmptyState };

package/dist/components/atoms/EmptyState.js

@@ -1,6 +1,5 @@
 'use client';
 
-
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { EmptyState as EmptyState$1 } from "@lssm/lib.ui-kit-web/ui/empty-state";
@@ -11,5 +10,4 @@ function EmptyState(props) {
 }
 
 //#endregion
-export { EmptyState };
-//# sourceMappingURL=EmptyState.js.map
+export { EmptyState };

package/dist/components/atoms/ErrorState.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime55 from "react/jsx-runtime";
 
 //#region src/components/atoms/ErrorState.d.ts
 interface ErrorStateProps {
@@ -23,7 +23,6 @@ declare function ErrorState({
   onContactSupport,
   supportLabel,
   className
-}: ErrorStateProps): react_jsx_runtime25.JSX.Element;
+}: ErrorStateProps): react_jsx_runtime55.JSX.Element;
 //#endregion
-export { ErrorState, ErrorState as default, ErrorStateProps };
-//# sourceMappingURL=ErrorState.d.ts.map
+export { ErrorState, ErrorState as default, ErrorStateProps };

package/dist/components/atoms/ErrorState.js

@@ -37,5 +37,4 @@ function ErrorState({ title = "Something went wrong", description, icon, onRetry
 var ErrorState_default = ErrorState;
 
 //#endregion
-export { ErrorState, ErrorState_default as default };
-//# sourceMappingURL=ErrorState.js.map
+export { ErrorState, ErrorState_default as default };

package/dist/components/atoms/ErrorState.mobile.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime74 from "react/jsx-runtime";
 
 //#region src/components/atoms/ErrorState.mobile.d.ts
 interface ErrorStateProps {
@@ -23,7 +23,6 @@ declare function ErrorState({
   onContactSupport,
   supportLabel,
   className
-}: ErrorStateProps): react_jsx_runtime24.JSX.Element;
+}: ErrorStateProps): react_jsx_runtime74.JSX.Element;
 //#endregion
-export { ErrorState, ErrorState as default, ErrorStateProps };
-//# sourceMappingURL=ErrorState.mobile.d.ts.map
+export { ErrorState, ErrorState as default, ErrorStateProps };

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

@@ -38,5 +38,4 @@ function ErrorState({ title = "Something went wrong", description, icon, onRetry
 var ErrorState_mobile_default = ErrorState;
 
 //#endregion
-export { ErrorState, ErrorState_mobile_default as default };
-//# sourceMappingURL=ErrorState.mobile.js.map
+export { ErrorState, ErrorState_mobile_default as default };

package/dist/components/atoms/Input.d.ts

@@ -1,5 +1,5 @@
 import { KeyboardOptions } from "../../lib/keyboard.js";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { InputProps as InputProps$1 } from "@lssm/lib.ui-kit-web/ui/input";
 
 //#region src/components/atoms/Input.d.ts
@@ -34,7 +34,6 @@ declare function Input({
   className,
   keyboard,
   ...rest
-}: InputProps): react_jsx_runtime28.JSX.Element;
+}: InputProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Input, Input as default, InputProps };
-//# sourceMappingURL=Input.d.ts.map
+export { Input, Input as default, InputProps };

package/dist/components/atoms/Input.js

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

package/dist/components/atoms/Input.mobile.d.ts

@@ -1,6 +1,6 @@
 import { KeyboardOptions } from "../../lib/keyboard.js";
 import * as React$1 from "react";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime59 from "react/jsx-runtime";
 import { Input as Input$1 } from "@lssm/lib.ui-kit/ui/input";
 
 //#region src/components/atoms/Input.mobile.d.ts
@@ -32,7 +32,6 @@ declare function Input({
   className,
   keyboard,
   ...rest
-}: InputProps): react_jsx_runtime26.JSX.Element;
+}: InputProps): react_jsx_runtime59.JSX.Element;
 //#endregion
-export { Input, Input as default, InputProps };
-//# sourceMappingURL=Input.mobile.d.ts.map
+export { Input, Input as default, InputProps };

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

@@ -4,7 +4,7 @@ import { jsx } from "react/jsx-runtime";
 import { Input as Input$1 } from "@lssm/lib.ui-kit/ui/input";
 
 //#region src/components/atoms/Input.mobile.tsx
-function Input({ value, defaultValue, onChange, onSubmit, onFocus, onBlur, placeholder, disabled, maxLength, className, keyboard,...rest }) {
+function Input({ value, defaultValue, onChange, onSubmit, onFocus, onBlur, placeholder, disabled, maxLength, className, keyboard, ...rest }) {
 	const nativeKeyboard = mapKeyboardToNative(keyboard);
 	return /* @__PURE__ */ jsx(Input$1, {
 		...rest,
@@ -24,5 +24,4 @@ function Input({ value, defaultValue, onChange, onSubmit, onFocus, onBlur, place
 var Input_mobile_default = Input;
 
 //#endregion
-export { Input, Input_mobile_default as default };
-//# sourceMappingURL=Input.mobile.js.map
+export { Input, Input_mobile_default as default };

package/dist/components/atoms/Link.d.ts

@@ -1,12 +1,11 @@
 import { AnchorHTMLAttributes } from "react";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime72 from "react/jsx-runtime";
 
 //#region src/components/atoms/Link.d.ts
 type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement>;
 declare function Link({
   children,
   ...props
-}: LinkProps): react_jsx_runtime29.JSX.Element;
+}: LinkProps): react_jsx_runtime72.JSX.Element;
 //#endregion
-export { Link, Link as default, LinkProps };
-//# sourceMappingURL=Link.d.ts.map
+export { Link, Link as default, LinkProps };

package/dist/components/atoms/Link.js

@@ -2,7 +2,7 @@ import "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/atoms/Link.tsx
-function Link({ children,...props }) {
+function Link({ children, ...props }) {
 	return /* @__PURE__ */ jsx("a", {
 		...props,
 		children
@@ -11,5 +11,4 @@ function Link({ children,...props }) {
 var Link_default = Link;
 
 //#endregion
-export { Link, Link_default as default };
-//# sourceMappingURL=Link.js.map
+export { Link, Link_default as default };

package/dist/components/atoms/Link.web.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/atoms/Link.web.d.ts
 type LinkProps = {
@@ -18,7 +18,6 @@ declare function Link({
   href,
   children,
   ...props
-}: LinkProps): react_jsx_runtime31.JSX.Element;
+}: LinkProps): react_jsx_runtime4.JSX.Element;
 //#endregion
-export { Link, LinkProps };
-//# sourceMappingURL=Link.web.d.ts.map
+export { Link, LinkProps };

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

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import NextLink from "next/link";
 
 //#region src/components/atoms/Link.web.tsx
-function Link({ href, children,...props }) {
+function Link({ href, children, ...props }) {
 	return /* @__PURE__ */ jsx(NextLink, {
 		href,
 		...props,
@@ -12,5 +12,4 @@ function Link({ href, children,...props }) {
 }
 
 //#endregion
-export { Link };
-//# sourceMappingURL=Link.web.js.map
+export { Link };

package/dist/components/atoms/LoaderCircular.d.ts

@@ -1,13 +1,13 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime69 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
+import * as class_variance_authority_types14 from "class-variance-authority/types";
 
 //#region src/components/atoms/LoaderCircular.d.ts
 declare const spinnerVariants: (props?: ({
   size?: "sm" | "md" | "lg" | null | undefined;
   tone?: "default" | "muted" | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
+} & class_variance_authority_types14.ClassProp) | undefined) => string;
 type LoaderCircularProps = React$1.HTMLAttributes<HTMLDivElement> & VariantProps<typeof spinnerVariants> & {
   label?: React$1.ReactNode;
 };
@@ -17,7 +17,6 @@ declare function LoaderCircular({
   label,
   className,
   ...props
-}: LoaderCircularProps): react_jsx_runtime33.JSX.Element;
+}: LoaderCircularProps): react_jsx_runtime69.JSX.Element;
 //#endregion
-export { LoaderCircular, LoaderCircular as default, LoaderCircularProps };
-//# sourceMappingURL=LoaderCircular.d.ts.map
+export { LoaderCircular, LoaderCircular as default, LoaderCircularProps };

package/dist/components/atoms/LoaderCircular.js

@@ -22,7 +22,7 @@ const spinnerVariants = cva("animate-spin", {
 		tone: "muted"
 	}
 });
-function LoaderCircular({ size, tone, label, className,...props }) {
+function LoaderCircular({ size, tone, label, className, ...props }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("inline-flex items-center gap-2", className),
 		role: "status",
@@ -41,5 +41,4 @@ function LoaderCircular({ size, tone, label, className,...props }) {
 var LoaderCircular_default = LoaderCircular;
 
 //#endregion
-export { LoaderCircular, LoaderCircular_default as default };
-//# sourceMappingURL=LoaderCircular.js.map
+export { LoaderCircular, LoaderCircular_default as default };

package/dist/components/atoms/LoaderCircular.mobile.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime32 from "react/jsx-runtime";
+import * as react_jsx_runtime62 from "react/jsx-runtime";
 
 //#region src/components/atoms/LoaderCircular.mobile.d.ts
 interface LoaderCircularProps {
@@ -12,7 +12,6 @@ declare function LoaderCircular({
   size,
   label,
   className
-}: LoaderCircularProps): react_jsx_runtime32.JSX.Element;
+}: LoaderCircularProps): react_jsx_runtime62.JSX.Element;
 //#endregion
-export { LoaderCircular, LoaderCircular as default, LoaderCircularProps };
-//# sourceMappingURL=LoaderCircular.mobile.d.ts.map
+export { LoaderCircular, LoaderCircular as default, LoaderCircularProps };

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

@@ -23,5 +23,4 @@ function LoaderCircular({ size = "md", label, className }) {
 var LoaderCircular_mobile_default = LoaderCircular;
 
 //#endregion
-export { LoaderCircular, LoaderCircular_mobile_default as default };
-//# sourceMappingURL=LoaderCircular.mobile.js.map
+export { LoaderCircular, LoaderCircular_mobile_default as default };

package/dist/components/atoms/NavBrand.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime66 from "react/jsx-runtime";
 
 //#region src/components/atoms/NavBrand.d.ts
 interface NavBrandProps {
@@ -13,7 +13,6 @@ declare function NavBrand({
   logo,
   title,
   className
-}: NavBrandProps): react_jsx_runtime35.JSX.Element;
+}: NavBrandProps): react_jsx_runtime66.JSX.Element;
 //#endregion
-export { NavBrand, NavBrandProps };
-//# sourceMappingURL=NavBrand.d.ts.map
+export { NavBrand, NavBrandProps };

package/dist/components/atoms/NavBrand.js

@@ -1,6 +1,5 @@
 'use client';
 
-
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
@@ -23,5 +22,4 @@ function NavBrand({ href = "/", logo, title, className }) {
 }
 
 //#endregion
-export { NavBrand };
-//# sourceMappingURL=NavBrand.js.map
+export { NavBrand };

package/dist/components/atoms/Stepper.d.ts

@@ -1,8 +1,7 @@
-import * as react_jsx_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 import { StepperProps } from "@lssm/lib.ui-kit-web/ui/stepper";
 
 //#region src/components/atoms/Stepper.d.ts
-declare function Stepper(props: StepperProps): react_jsx_runtime36.JSX.Element;
+declare function Stepper(props: StepperProps): react_jsx_runtime19.JSX.Element;
 //#endregion
-export { Stepper };
-//# sourceMappingURL=Stepper.d.ts.map
+export { Stepper };

package/dist/components/atoms/Stepper.js

@@ -1,6 +1,5 @@
 'use client';
 
-
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Stepper as Stepper$1 } from "@lssm/lib.ui-kit-web/ui/stepper";
@@ -11,5 +10,4 @@ function Stepper(props) {
 }
 
 //#endregion
-export { Stepper };
-//# sourceMappingURL=Stepper.js.map
+export { Stepper };

package/dist/components/atoms/Textarea.d.ts

@@ -1,5 +1,5 @@
 import { KeyboardOptions } from "../../lib/keyboard.js";
-import * as react_jsx_runtime39 from "react/jsx-runtime";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
 import { TextareaProps as TextareaProps$1 } from "@lssm/lib.ui-kit-web/ui/textarea";
 
 //#region src/components/atoms/Textarea.d.ts
@@ -36,7 +36,6 @@ declare function Textarea({
   rows,
   keyboard,
   ...rest
-}: TextareaProps): react_jsx_runtime39.JSX.Element;
+}: TextareaProps): react_jsx_runtime27.JSX.Element;
 //#endregion
-export { Textarea, Textarea as default, TextareaProps };
-//# sourceMappingURL=Textarea.d.ts.map
+export { Textarea, Textarea as default, TextareaProps };

package/dist/components/atoms/Textarea.js

@@ -4,7 +4,7 @@ import { jsx } from "react/jsx-runtime";
 import { Textarea as Textarea$1 } from "@lssm/lib.ui-kit-web/ui/textarea";
 
 //#region src/components/atoms/Textarea.tsx
-function Textarea({ value, defaultValue, onChange, onSubmit, onFocus, onBlur, placeholder, disabled, readOnly, maxLength, name, className, rows, keyboard,...rest }) {
+function Textarea({ value, defaultValue, onChange, onSubmit, onFocus, onBlur, placeholder, disabled, readOnly, maxLength, name, className, rows, keyboard, ...rest }) {
 	const webKeyboard = mapKeyboardToWeb(keyboard);
 	const handleChange = React$1.useCallback((e) => onChange?.(e.target.value), [onChange]);
 	const handleKeyDown = React$1.useCallback((e) => {
@@ -33,5 +33,4 @@ function Textarea({ value, defaultValue, onChange, onSubmit, onFocus, onBlur, pl
 var Textarea_default = Textarea;
 
 //#endregion
-export { Textarea, Textarea_default as default };
-//# sourceMappingURL=Textarea.js.map
+export { Textarea, Textarea_default as default };

package/dist/components/atoms/Textarea.mobile.d.ts

@@ -1,6 +1,6 @@
 import { KeyboardOptions } from "../../lib/keyboard.js";
 import * as React$1 from "react";
-import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import { Textarea as Textarea$1 } from "@lssm/lib.ui-kit/ui/textarea";
 
 //#region src/components/atoms/Textarea.mobile.d.ts
@@ -32,7 +32,6 @@ declare function Textarea({
   className,
   keyboard,
   ...rest
-}: TextareaProps): react_jsx_runtime37.JSX.Element;
+}: TextareaProps): react_jsx_runtime9.JSX.Element;
 //#endregion
-export { Textarea, Textarea as default, TextareaProps };
-//# sourceMappingURL=Textarea.mobile.d.ts.map
+export { Textarea, Textarea as default, TextareaProps };

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

@@ -4,7 +4,7 @@ import { jsx } from "react/jsx-runtime";
 import { Textarea as Textarea$1 } from "@lssm/lib.ui-kit/ui/textarea";
 
 //#region src/components/atoms/Textarea.mobile.tsx
-function Textarea({ value, defaultValue, onChange, onSubmit, onFocus, onBlur, placeholder, disabled, maxLength, className, keyboard,...rest }) {
+function Textarea({ value, defaultValue, onChange, onSubmit, onFocus, onBlur, placeholder, disabled, maxLength, className, keyboard, ...rest }) {
 	const nativeKeyboard = mapKeyboardToNative(keyboard);
 	return /* @__PURE__ */ jsx(Textarea$1, {
 		...rest,
@@ -24,5 +24,4 @@ function Textarea({ value, defaultValue, onChange, onSubmit, onFocus, onBlur, pl
 var Textarea_mobile_default = Textarea;
 
 //#endregion
-export { Textarea, Textarea_mobile_default as default };
-//# sourceMappingURL=Textarea.mobile.js.map
+export { Textarea, Textarea_mobile_default as default };

package/dist/components/data-view/DataViewDetail.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime40 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 import { DataViewSpec } from "@lssm/lib.contracts/data-views";
 
 //#region src/components/data-view/DataViewDetail.d.ts
@@ -16,7 +16,6 @@ declare function DataViewDetail({
   className,
   emptyState,
   headerActions
-}: DataViewDetailProps): react_jsx_runtime40.JSX.Element;
+}: DataViewDetailProps): react_jsx_runtime30.JSX.Element;
 //#endregion
-export { DataViewDetail, DataViewDetailProps };
-//# sourceMappingURL=DataViewDetail.d.ts.map
+export { DataViewDetail, DataViewDetailProps };

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

@@ -1,6 +1,5 @@
 'use client';
 
-
 import { cn } from "../../lib/utils.js";
 import { formatValue, getAtPath } from "./utils.js";
 import "react";
@@ -16,11 +15,11 @@ function DataViewDetail({ spec, item, className, emptyState, headerActions }) {
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ jsx("h3", {
-				className: "text-base font-semibold text-foreground",
+				className: "text-foreground text-base font-semibold",
 				children: spec.meta.title
 			}), headerActions]
 		}), emptyState ?? /* @__PURE__ */ jsx("div", {
-			className: "rounded-md border border-dashed border-muted-foreground/40 p-8 text-center text-sm text-muted-foreground",
+			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."
 		})]
 	});
@@ -30,23 +29,23 @@ function DataViewDetail({ spec, item, className, emptyState, headerActions }) {
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
-				className: "text-xl font-semibold text-foreground",
+				className: "text-foreground text-xl font-semibold",
 				children: spec.meta.title
 			}), /* @__PURE__ */ jsx("p", {
-				className: "text-sm text-muted-foreground",
+				className: "text-muted-foreground text-sm",
 				children: spec.meta.description
 			})] }), headerActions]
 		}), /* @__PURE__ */ jsx("div", {
 			className: "flex flex-col gap-6",
 			children: sections.map((section, idx) => /* @__PURE__ */ jsxs("div", {
-				className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+				className: "border-border bg-card rounded-lg border p-4 shadow-sm",
 				children: [
 					section.title ? /* @__PURE__ */ jsx("h4", {
-						className: "mb-2 text-sm font-semibold uppercase tracking-wide text-muted-foreground",
+						className: "text-muted-foreground mb-2 text-sm font-semibold tracking-wide uppercase",
 						children: section.title
 					}) : null,
 					section.description ? /* @__PURE__ */ jsx("p", {
-						className: "mb-4 text-sm text-muted-foreground",
+						className: "text-muted-foreground mb-4 text-sm",
 						children: section.description
 					}) : null,
 					/* @__PURE__ */ jsx("dl", {
@@ -58,10 +57,10 @@ function DataViewDetail({ spec, item, className, emptyState, headerActions }) {
 							return /* @__PURE__ */ jsxs("div", {
 								className: "flex flex-col gap-1",
 								children: [/* @__PURE__ */ jsx("dt", {
-									className: "text-xs font-semibold uppercase text-muted-foreground/80",
+									className: "text-muted-foreground/80 text-xs font-semibold uppercase",
 									children: field.label
 								}), /* @__PURE__ */ jsx("dd", {
-									className: "text-sm text-foreground",
+									className: "text-foreground text-sm",
 									children: formatValue(value, field.format)
 								})]
 							}, field.key);
@@ -77,5 +76,4 @@ function fieldByKey(fields, key) {
 }
 
 //#endregion
-export { DataViewDetail };
-//# sourceMappingURL=DataViewDetail.js.map
+export { DataViewDetail };

package/dist/components/data-view/DataViewList.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
 import { DataViewSpec } from "@lssm/lib.contracts/data-views";
 
 //#region src/components/data-view/DataViewList.d.ts
@@ -18,7 +18,6 @@ declare function DataViewList({
   renderActions,
   onSelect,
   emptyState
-}: DataViewListProps): react_jsx_runtime41.JSX.Element;
+}: DataViewListProps): react_jsx_runtime39.JSX.Element;
 //#endregion
-export { DataViewList, DataViewListProps };
-//# sourceMappingURL=DataViewList.d.ts.map
+export { DataViewList, DataViewListProps };

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

@@ -1,6 +1,5 @@
 'use client';
 
-
 import { cn } from "../../lib/utils.js";
 import { formatValue, getAtPath } from "./utils.js";
 import "react";
@@ -15,7 +14,7 @@ function DataViewList({ spec, items, className, renderActions, onSelect, emptySt
 	if (!items.length) return /* @__PURE__ */ jsx("div", {
 		className: cn("flex w-full flex-col gap-4", className),
 		children: emptyState ?? /* @__PURE__ */ jsx("div", {
-			className: "rounded-md border border-dashed border-muted-foreground/40 p-8 text-center text-sm text-muted-foreground",
+			className: "border-muted-foreground/40 text-muted-foreground rounded-md border border-dashed p-8 text-center text-sm",
 			children: "No records available."
 		})
 	});
@@ -23,19 +22,19 @@ function DataViewList({ spec, items, className, renderActions, onSelect, emptySt
 		className: cn("flex w-full flex-col gap-4", className),
 		children: items.map((item, idx) => /* @__PURE__ */ jsxs("button", {
 			type: "button",
-			className: cn("flex w-full flex-col gap-2 rounded-lg border border-muted bg-card p-4 text-left shadow-sm transition hover:border-primary/40 hover:shadow-md focus-visible:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40", view.layout === "compact" && "md:flex-row md:items-center md:gap-4"),
+			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-base font-medium text-foreground",
+					className: "text-foreground text-base font-medium",
 					children: displayValue(item, fields, primaryField)
 				}) : null, /* @__PURE__ */ jsx("div", {
-					className: "flex flex-wrap gap-x-4 gap-y-1 text-sm text-muted-foreground",
+					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: "font-medium text-foreground/80",
+							className: "text-foreground/80 font-medium",
 							children: fieldLabel(fields, fieldKey)
 						}), /* @__PURE__ */ jsx("span", { children: displayValue(item, fields, fieldKey) })]
 					}, fieldKey))
@@ -64,5 +63,4 @@ function secondaryFieldKeys(view, primaryField) {
 }
 
 //#endregion
-export { DataViewList };
-//# sourceMappingURL=DataViewList.js.map
+export { DataViewList };

package/dist/components/data-view/DataViewRenderer.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime43 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 import { DataViewSpec } from "@lssm/lib.contracts/data-views";
 
 //#region src/components/data-view/DataViewRenderer.d.ts
@@ -42,7 +42,6 @@ declare function DataViewRenderer({
   onFilterChange,
   pagination,
   onPageChange
-}: DataViewRendererProps): react_jsx_runtime43.JSX.Element;
+}: DataViewRendererProps): react_jsx_runtime23.JSX.Element;
 //#endregion
-export { DataViewRenderer, DataViewRendererProps };
-//# sourceMappingURL=DataViewRenderer.d.ts.map
+export { DataViewRenderer, DataViewRendererProps };

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

@@ -1,6 +1,5 @@
 'use client';
 
-
 import { FiltersToolbar } from "../molecules/FiltersToolbar.js";
 import { DataViewList } from "./DataViewList.js";
 import { DataViewTable } from "./DataViewTable.js";
@@ -144,5 +143,4 @@ function DataViewRenderer({ spec, items = [], item = null, className, renderActi
 }
 
 //#endregion
-export { DataViewRenderer };
-//# sourceMappingURL=DataViewRenderer.js.map
+export { DataViewRenderer };