@lssm/lib.design-system 1.7.4 → 1.9.0

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

@@ -1,5 +1,5 @@
 import { KeyboardOptions } from "../../lib/keyboard.js";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime30 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,7 @@ declare function Textarea({
   rows,
   keyboard,
   ...rest
-}: TextareaProps): react_jsx_runtime12.JSX.Element;
+}: TextareaProps): react_jsx_runtime30.JSX.Element;
 //#endregion
 export { Textarea, Textarea as default, TextareaProps };
 //# sourceMappingURL=Textarea.d.ts.map

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) => {

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","names":["React","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 '@lssm/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 = 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.target.value), [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?.();\n      }\n    },\n    [onSubmit, webKeyboard.type]\n  );\n\n  return (\n    <WebTextarea\n      {...(rest as any)}\n      className={className}\n      value={value as any}\n      defaultValue={defaultValue as any}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      onFocus={onFocus as 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":";;;;;;AA8BA,SAAgB,SAAS,EACvB,OACA,cACA,UACA,UACA,SACA,QACA,aACA,UACA,UACA,WACA,MACA,WACA,MACA,SACA,GAAG,QACa;CAChB,MAAM,cAAc,iBAAiB,SAAS;CAE9C,MAAM,eAAeA,QAAM,aAExB,MAAM,WAAW,EAAE,OAAO,MAAM,EAAE,CAAC,SAAS,CAAC;CAEhD,MAAM,gBAAgBA,QAAM,aAGzB,MAAM;AACL,MAAI,EAAE,QAAQ,WAAW,YAAY,SAAS,UAE5C;OAAI,EAAE,WAAW,EAAE,QAAS,aAAY;;IAG5C,CAAC,UAAU,YAAY,KAAK,CAC7B;AAED,QACE,oBAACC;EACC,GAAK;EACM;EACJ;EACO;EACd,UAAU;EACV,WAAW;EACF;EACD;EACK;EACH;EACA;EACC;EACL;EACA;EACN,GAAI;GACJ;;AAIN,uBAAe"}
+{"version":3,"file":"Textarea.js","names":["React","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 '@lssm/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 = 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.target.value), [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?.();\n      }\n    },\n    [onSubmit, webKeyboard.type]\n  );\n\n  return (\n    <WebTextarea\n      {...(rest as any)}\n      className={className}\n      value={value as any}\n      defaultValue={defaultValue as any}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      onFocus={onFocus as 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":";;;;;;AA8BA,SAAgB,SAAS,EACvB,OACA,cACA,UACA,UACA,SACA,QACA,aACA,UACA,UACA,WACA,MACA,WACA,MACA,UACA,GAAG,QACa;CAChB,MAAM,cAAc,iBAAiB,SAAS;CAE9C,MAAM,eAAeA,QAAM,aAExB,MAAM,WAAW,EAAE,OAAO,MAAM,EAAE,CAAC,SAAS,CAAC;CAEhD,MAAM,gBAAgBA,QAAM,aAGzB,MAAM;AACL,MAAI,EAAE,QAAQ,WAAW,YAAY,SAAS,UAE5C;OAAI,EAAE,WAAW,EAAE,QAAS,aAAY;;IAG5C,CAAC,UAAU,YAAY,KAAK,CAC7B;AAED,QACE,oBAACC;EACC,GAAK;EACM;EACJ;EACO;EACd,UAAU;EACV,WAAW;EACF;EACD;EACK;EACH;EACA;EACC;EACL;EACA;EACN,GAAI;GACJ;;AAIN,uBAAe"}

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_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime29 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,7 @@ declare function Textarea({
   className,
   keyboard,
   ...rest
-}: TextareaProps): react_jsx_runtime18.JSX.Element;
+}: TextareaProps): react_jsx_runtime29.JSX.Element;
 //#endregion
 export { Textarea, Textarea as default, TextareaProps };
 //# sourceMappingURL=Textarea.mobile.d.ts.map

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,

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.mobile.js","names":["NativeTextarea"],"sources":["../../../src/components/atoms/Textarea.mobile.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Textarea as NativeTextarea } from '@lssm/lib.ui-kit/ui/textarea';\nimport { mapKeyboardToNative, type KeyboardOptions } 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  maxLength?: number;\n  className?: string;\n  keyboard?: KeyboardOptions;\n}\n\ntype NativeTextareaComponentProps = React.ComponentProps<typeof NativeTextarea>;\nexport type TextareaProps = Omit<\n  NativeTextareaComponentProps,\n  'onChangeText' | '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  maxLength,\n  className,\n  keyboard,\n  ...rest\n}: TextareaProps) {\n  const nativeKeyboard = mapKeyboardToNative(keyboard);\n\n  return (\n    <NativeTextarea\n      {...(rest as any)}\n      className={className as any}\n      value={value as any}\n      defaultValue={defaultValue as any}\n      onChangeText={onChange as any}\n      onSubmitEditing={onSubmit as any}\n      onFocus={onFocus as any}\n      onBlur={onBlur as any}\n      placeholder={placeholder}\n      editable={!disabled}\n      maxLength={maxLength}\n      {...(nativeKeyboard as any)}\n    />\n  );\n}\n\nexport default Textarea;\n"],"mappings":";;;;;;AAyBA,SAAgB,SAAS,EACvB,OACA,cACA,UACA,UACA,SACA,QACA,aACA,UACA,WACA,WACA,SACA,GAAG,QACa;CAChB,MAAM,iBAAiB,oBAAoB,SAAS;AAEpD,QACE,oBAACA;EACC,GAAK;EACM;EACJ;EACO;EACd,cAAc;EACd,iBAAiB;EACR;EACD;EACK;EACb,UAAU,CAAC;EACA;EACX,GAAK;GACL;;AAIN,8BAAe"}
+{"version":3,"file":"Textarea.mobile.js","names":["NativeTextarea"],"sources":["../../../src/components/atoms/Textarea.mobile.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Textarea as NativeTextarea } from '@lssm/lib.ui-kit/ui/textarea';\nimport { mapKeyboardToNative, type KeyboardOptions } 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  maxLength?: number;\n  className?: string;\n  keyboard?: KeyboardOptions;\n}\n\ntype NativeTextareaComponentProps = React.ComponentProps<typeof NativeTextarea>;\nexport type TextareaProps = Omit<\n  NativeTextareaComponentProps,\n  'onChangeText' | '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  maxLength,\n  className,\n  keyboard,\n  ...rest\n}: TextareaProps) {\n  const nativeKeyboard = mapKeyboardToNative(keyboard);\n\n  return (\n    <NativeTextarea\n      {...(rest as any)}\n      className={className as any}\n      value={value as any}\n      defaultValue={defaultValue as any}\n      onChangeText={onChange as any}\n      onSubmitEditing={onSubmit as any}\n      onFocus={onFocus as any}\n      onBlur={onBlur as any}\n      placeholder={placeholder}\n      editable={!disabled}\n      maxLength={maxLength}\n      {...(nativeKeyboard as any)}\n    />\n  );\n}\n\nexport default Textarea;\n"],"mappings":";;;;;;AAyBA,SAAgB,SAAS,EACvB,OACA,cACA,UACA,UACA,SACA,QACA,aACA,UACA,WACA,WACA,UACA,GAAG,QACa;CAChB,MAAM,iBAAiB,oBAAoB,SAAS;AAEpD,QACE,oBAACA;EACC,GAAK;EACM;EACJ;EACO;EACd,cAAc;EACd,iBAAiB;EACR;EACD;EACK;EACb,UAAU,CAAC;EACA;EACX,GAAK;GACL;;AAIN,8BAAe"}

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

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

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);

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

@@ -1 +1 @@
-{"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  DataViewSpec,\n  DataViewDetailConfig,\n  DataViewField,\n} from '@lssm/lib.contracts/data-views';\nimport { cn } from '../../lib/utils';\nimport { getAtPath, formatValue } from './utils';\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-base font-semibold text-foreground\">\n            {spec.meta.title}\n          </h3>\n          {headerActions}\n        </div>\n        {emptyState ?? (\n          <div className=\"rounded-md border border-dashed border-muted-foreground/40 p-8 text-center text-sm text-muted-foreground\">\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-xl font-semibold text-foreground\">\n            {spec.meta.title}\n          </h3>\n          <p className=\"text-sm text-muted-foreground\">{spec.meta.description}</p>\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=\"rounded-lg border border-border bg-card p-4 shadow-sm\"\n          >\n            {section.title ? (\n              <h4 className=\"mb-2 text-sm font-semibold uppercase tracking-wide text-muted-foreground\">\n                {section.title}\n              </h4>\n            ) : null}\n            {section.description ? (\n              <p className=\"mb-4 text-sm text-muted-foreground\">\n                {section.description}\n              </p>\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-xs font-semibold uppercase text-muted-foreground/80\">\n                      {field.label}\n                    </dt>\n                    <dd className=\"text-sm text-foreground\">\n                      {formatValue(value, field.format)}\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\n"],"mappings":";;;;;;;;;AAmBA,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;IAAE,WAAU;cAAiC,KAAK,KAAK;KAAgB,IACpE,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;MAAE,WAAU;gBACV,QAAQ;OACP,GACF;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;mBACX,YAAY,OAAO,MAAM,OAAO;UAC9B;UANG,MAAM,IAOV;QAER;OACC;;MA7BA,IA8BD,CACN;IACE;GACF;;AAIV,SAAS,WAAW,QAAyB,KAAa;AACxD,QAAO,OAAO,MAAM,UAAU,MAAM,QAAQ,IAAI"}
+{"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  DataViewSpec,\n  DataViewDetailConfig,\n  DataViewField,\n} from '@lssm/lib.contracts/data-views';\nimport { cn } from '../../lib/utils';\nimport { getAtPath, formatValue } from './utils';\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          <p className=\"text-muted-foreground text-sm\">\n            {spec.meta.description}\n          </p>\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              <p className=\"text-muted-foreground mb-4 text-sm\">\n                {section.description}\n              </p>\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                      {formatValue(value, field.format)}\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":";;;;;;;;AAmBA,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;IAAE,WAAU;cACV,KAAK,KAAK;KACT,IACA,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;MAAE,WAAU;gBACV,QAAQ;OACP,GACF;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;mBACX,YAAY,OAAO,MAAM,OAAO;UAC9B;UANG,MAAM,IAOV;QAER;OACC;;MA7BA,IA8BD,CACN;IACE;GACF;;AAIV,SAAS,WAAW,QAAyB,KAAa;AACxD,QAAO,OAAO,MAAM,UAAU,MAAM,QAAQ,IAAI"}

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

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

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))

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

@@ -1 +1 @@
-{"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  DataViewSpec,\n  DataViewListConfig,\n  DataViewField,\n} from '@lssm/lib.contracts/data-views';\nimport { cn } from '../../lib/utils';\nimport { getAtPath, formatValue } from './utils';\n\nexport interface DataViewListProps {\n  spec: DataViewSpec;\n  items: Record<string, unknown>[];\n  className?: string;\n  renderActions?: (item: Record<string, unknown>) => React.ReactNode;\n  onSelect?: (item: Record<string, unknown>) => void;\n  emptyState?: React.ReactNode;\n}\n\nexport function DataViewList({\n  spec,\n  items,\n  className,\n  renderActions,\n  onSelect,\n  emptyState,\n}: DataViewListProps) {\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=\"rounded-md border border-dashed border-muted-foreground/40 p-8 text-center text-sm text-muted-foreground\">\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        <button\n          type=\"button\"\n          key={idx}\n          className={cn(\n            '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',\n            view.layout === 'compact' && '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-base font-medium text-foreground\">\n                {displayValue(item, fields, primaryField)}\n              </span>\n            ) : null}\n            <div className=\"flex flex-wrap gap-x-4 gap-y-1 text-sm text-muted-foreground\">\n              {secondaryFieldKeys(view, primaryField).map((fieldKey) => (\n                <span key={fieldKey} className=\"flex items-center gap-1.5\">\n                  <span className=\"font-medium text-foreground/80\">\n                    {fieldLabel(fields, fieldKey)}\n                  </span>\n                  <span>{displayValue(item, fields, fieldKey)}</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    </div>\n  );\n}\n\nfunction fieldLabel(fields: DataViewField[], key: string) {\n  return fields.find((field) => field.key === key)?.label ?? key;\n}\n\nfunction fieldByKey(fields: DataViewField[], key?: string) {\n  return fields.find((field) => field.key === key);\n}\n\nfunction displayValue(\n  item: Record<string, unknown>,\n  fields: DataViewField[],\n  key: string\n) {\n  const field = fieldByKey(fields, key);\n  if (!field) return '';\n  const value = getAtPath(item, field.dataPath);\n  return formatValue(value, field.format);\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\n"],"mappings":";;;;;;;;;AAoBA,SAAgB,aAAa,EAC3B,MACA,OACA,WACA,eACA,UACA,cACoB;AACpB,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,QAChB,qBAAC;GACC,MAAK;GAEL,WAAW,GACT,2PACA,KAAK,WAAW,aAAa,uCAC9B;GACD,eAAe,WAAW,KAAK;cAE/B,qBAAC;IAAI,WAAU;eACZ,eACC,oBAAC;KAAK,WAAU;eACb,aAAa,MAAM,QAAQ,aAAa;MACpC,GACL,MACJ,oBAAC;KAAI,WAAU;eACZ,mBAAmB,MAAM,aAAa,CAAC,KAAK,aAC3C,qBAAC;MAAoB,WAAU;iBAC7B,oBAAC;OAAK,WAAU;iBACb,WAAW,QAAQ,SAAS;QACxB,EACP,oBAAC,oBAAM,aAAa,MAAM,QAAQ,SAAS,GAAQ;QAJ1C,SAKJ,CACP;MACE;KACF,EACL,gBACC,oBAAC;IAAI,WAAU;cACZ,cAAc,KAAK;KAChB,GACJ;KA5BC,IA6BE,CACT;GACE;;AAIV,SAAS,WAAW,QAAyB,KAAa;AACxD,QAAO,OAAO,MAAM,UAAU,MAAM,QAAQ,IAAI,EAAE,SAAS;;AAG7D,SAAS,WAAW,QAAyB,KAAc;AACzD,QAAO,OAAO,MAAM,UAAU,MAAM,QAAQ,IAAI;;AAGlD,SAAS,aACP,MACA,QACA,KACA;CACA,MAAM,QAAQ,WAAW,QAAQ,IAAI;AACrC,KAAI,CAAC,MAAO,QAAO;AAEnB,QAAO,YADO,UAAU,MAAM,MAAM,SAAS,EACnB,MAAM,OAAO;;AAGzC,SAAS,mBAAmB,MAA0B,cAAuB;AAC3E,KAAI,KAAK,iBAAiB,OAAQ,QAAO,KAAK;AAC9C,QAAO,KAAK,OACT,KAAK,UAAU,MAAM,IAAI,CACzB,QAAQ,QAAQ,QAAQ,aAAa"}
+{"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  DataViewSpec,\n  DataViewListConfig,\n  DataViewField,\n} from '@lssm/lib.contracts/data-views';\nimport { cn } from '../../lib/utils';\nimport { getAtPath, formatValue } from './utils';\n\nexport interface DataViewListProps {\n  spec: DataViewSpec;\n  items: Record<string, unknown>[];\n  className?: string;\n  renderActions?: (item: Record<string, unknown>) => React.ReactNode;\n  onSelect?: (item: Record<string, unknown>) => void;\n  emptyState?: React.ReactNode;\n}\n\nexport function DataViewList({\n  spec,\n  items,\n  className,\n  renderActions,\n  onSelect,\n  emptyState,\n}: DataViewListProps) {\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        <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' && '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(item, fields, primaryField)}\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>{displayValue(item, fields, fieldKey)}</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    </div>\n  );\n}\n\nfunction fieldLabel(fields: DataViewField[], key: string) {\n  return fields.find((field) => field.key === key)?.label ?? key;\n}\n\nfunction fieldByKey(fields: DataViewField[], key?: string) {\n  return fields.find((field) => field.key === key);\n}\n\nfunction displayValue(\n  item: Record<string, unknown>,\n  fields: DataViewField[],\n  key: string\n) {\n  const field = fieldByKey(fields, key);\n  if (!field) return '';\n  const value = getAtPath(item, field.dataPath);\n  return formatValue(value, field.format);\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,aAAa,EAC3B,MACA,OACA,WACA,eACA,UACA,cACoB;AACpB,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,QAChB,qBAAC;GACC,MAAK;GAEL,WAAW,GACT,2PACA,KAAK,WAAW,aAAa,uCAC9B;GACD,eAAe,WAAW,KAAK;cAE/B,qBAAC;IAAI,WAAU;eACZ,eACC,oBAAC;KAAK,WAAU;eACb,aAAa,MAAM,QAAQ,aAAa;MACpC,GACL,MACJ,oBAAC;KAAI,WAAU;eACZ,mBAAmB,MAAM,aAAa,CAAC,KAAK,aAC3C,qBAAC;MAAoB,WAAU;iBAC7B,oBAAC;OAAK,WAAU;iBACb,WAAW,QAAQ,SAAS;QACxB,EACP,oBAAC,oBAAM,aAAa,MAAM,QAAQ,SAAS,GAAQ;QAJ1C,SAKJ,CACP;MACE;KACF,EACL,gBACC,oBAAC;IAAI,WAAU;cACZ,cAAc,KAAK;KAChB,GACJ;KA5BC,IA6BE,CACT;GACE;;AAIV,SAAS,WAAW,QAAyB,KAAa;AACxD,QAAO,OAAO,MAAM,UAAU,MAAM,QAAQ,IAAI,EAAE,SAAS;;AAG7D,SAAS,WAAW,QAAyB,KAAc;AACzD,QAAO,OAAO,MAAM,UAAU,MAAM,QAAQ,IAAI;;AAGlD,SAAS,aACP,MACA,QACA,KACA;CACA,MAAM,QAAQ,WAAW,QAAQ,IAAI;AACrC,KAAI,CAAC,MAAO,QAAO;AAEnB,QAAO,YADO,UAAU,MAAM,MAAM,SAAS,EACnB,MAAM,OAAO;;AAGzC,SAAS,mBAAmB,MAA0B,cAAuB;AAC3E,KAAI,KAAK,iBAAiB,OAAQ,QAAO,KAAK;AAC9C,QAAO,KAAK,OACT,KAAK,UAAU,MAAM,IAAI,CACzB,QAAQ,QAAQ,QAAQ,aAAa"}

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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime102 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
 import { DataViewSpec } from "@lssm/lib.contracts/data-views";
 
 //#region src/components/data-view/DataViewRenderer.d.ts
@@ -14,6 +14,16 @@ interface DataViewRendererProps {
   headerActions?: React$1.ReactNode;
   emptyState?: React$1.ReactNode;
   footer?: React$1.ReactNode;
+  search?: string;
+  onSearchChange?: (value: string) => void;
+  filters?: Record<string, any>;
+  onFilterChange?: (filters: Record<string, any>) => void;
+  pagination?: {
+    page: number;
+    pageSize: number;
+    total: number;
+  };
+  onPageChange?: (page: number) => void;
 }
 declare function DataViewRenderer({
   spec,
@@ -25,8 +35,14 @@ declare function DataViewRenderer({
   onRowClick,
   headerActions,
   emptyState,
-  footer
-}: DataViewRendererProps): react_jsx_runtime102.JSX.Element;
+  footer,
+  search,
+  onSearchChange,
+  filters,
+  onFilterChange,
+  pagination,
+  onPageChange
+}: DataViewRendererProps): react_jsx_runtime38.JSX.Element;
 //#endregion
 export { DataViewRenderer, DataViewRendererProps };
 //# sourceMappingURL=DataViewRenderer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataViewRenderer.d.ts","names":[],"sources":["../../../src/components/data-view/DataViewRenderer.tsx"],"sourcesContent":[],"mappings":";;;;;UAYiB,qBAAA;QACT;UACE;EAFO,IAAA,CAAA,EAGR,MAHQ,CAAA,MAAA,EAAA,OAAqB,CAAA,GAAA,IAAA;EAC9B,SAAA,CAAA,EAAA,MAAA;EACE,aAAA,CAAA,EAAA,CAAA,IAAA,EAGe,MAHf,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAG2C,OAAA,CAAM,SAHjD;EACD,QAAA,CAAA,EAAA,CAAA,IAAA,EAGW,MAHX,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAAA,IAAA;EAEgB,UAAA,CAAA,EAAA,CAAA,IAAA,EAEH,MAFG,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAAA,IAAA;EAA4B,aAAM,CAAA,EAGzC,OAAA,CAAM,SAHmC;EACvC,UAAA,CAAA,EAGL,OAAA,CAAM,SAHD;EACE,MAAA,CAAA,EAGX,OAAA,CAAM,SAHK;;AAEP,iBAIC,gBAAA,CAJK;EAAA,IAAA;EAAA,KAAA;EAAA,IAAA;EAAA,SAAA;EAAA,aAAA;EAAA,QAAA;EAAA,UAAA;EAAA,aAAA;EAAA,UAAA;EAAA;AAAA,CAAA,EAelB,qBAfkB,CAAA,EAeG,oBAAA,CAAA,GAAA,CAAA,OAfH"}
+{"version":3,"file":"DataViewRenderer.d.ts","names":[],"sources":["../../../src/components/data-view/DataViewRenderer.tsx"],"sourcesContent":[],"mappings":";;;;;UAsBiB,qBAAA;QACT;UACE;EAFO,IAAA,CAAA,EAGR,MAHQ,CAAA,MAAA,EAAA,OAAqB,CAAA,GAAA,IAAA;EAC9B,SAAA,CAAA,EAAA,MAAA;EACE,aAAA,CAAA,EAAA,CAAA,IAAA,EAGe,MAHf,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAG2C,OAAA,CAAM,SAHjD;EACD,QAAA,CAAA,EAAA,CAAA,IAAA,EAGW,MAHX,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAAA,IAAA;EAEgB,UAAA,CAAA,EAAA,CAAA,IAAA,EAEH,MAFG,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAAA,IAAA;EAA4B,aAAM,CAAA,EAGzC,OAAA,CAAM,SAHmC;EACvC,UAAA,CAAA,EAGL,OAAA,CAAM,SAHD;EACE,MAAA,CAAA,EAGX,OAAA,CAAM,SAHK;EACJ,MAAM,CAAA,EAAA,MAAA;EACT,cAAM,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EACV,OAAM,CAAA,EAKL,MALK,CAAA,MAAA,EAAA,GAAA,CAAA;EAKL,cAAA,CAAA,EAAA,CAAA,OAAA,EACiB,MADjB,CAAA,MAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAA;EACiB,UAAA,CAAA,EAAA;IAAM,IAAA,EAAA,MAAA;IAWnB,QAAA,EAAA,MAAgB;IAC9B,KAAA,EAAA,MAAA;EACA,CAAA;EACA,YAAA,CAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;AAEA,iBALc,gBAAA,CAKd;EAAA,IAAA;EAAA,KAAA;EAAA,IAAA;EAAA,SAAA;EAAA,aAAA;EAAA,QAAA;EAAA,UAAA;EAAA,aAAA;EAAA,UAAA;EAAA,MAAA;EAAA,MAAA;EAAA,cAAA;EAAA,OAAA;EAAA,cAAA;EAAA,UAAA;EAAA;AAAA,CAAA,EAYC,qBAZD,CAAA,EAYsB,mBAAA,CAAA,GAAA,CAAA,OAZtB"}

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

@@ -1,67 +1,145 @@
 'use client';
 
-
+import { FiltersToolbar } from "../molecules/FiltersToolbar.js";
 import { DataViewList } from "./DataViewList.js";
 import { DataViewTable } from "./DataViewTable.js";
 import { DataViewDetail } from "./DataViewDetail.js";
-import "react";
-import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "@lssm/lib.ui-kit-web/ui/pagination";
 
 //#region src/components/data-view/DataViewRenderer.tsx
-function DataViewRenderer({ spec, items = [], item = null, className, renderActions, onSelect, onRowClick, headerActions, emptyState, footer }) {
-	switch (spec.view.kind) {
-		case "list": return /* @__PURE__ */ jsx(DataViewList, {
-			spec,
-			items,
-			className,
-			renderActions,
-			onSelect,
-			emptyState
-		});
-		case "table": return /* @__PURE__ */ jsx(DataViewTable, {
-			spec,
-			items,
-			className,
-			onRowClick,
-			emptyState,
-			headerActions,
-			footer
-		});
-		case "detail": return /* @__PURE__ */ jsx(DataViewDetail, {
-			spec,
-			item,
-			className,
-			emptyState,
-			headerActions
-		});
-		case "grid": {
-			const grid = spec.view;
-			const listView = {
-				kind: "list",
-				layout: "card",
-				fields: grid.fields,
-				filters: grid.filters,
-				actions: grid.actions,
-				primaryField: grid.primaryField,
-				secondaryFields: grid.secondaryFields
-			};
-			return /* @__PURE__ */ jsx(DataViewList, {
-				spec: {
-					...spec,
-					view: listView
-				},
+function DataViewRenderer({ spec, items = [], item = null, className, renderActions, onSelect, onRowClick, headerActions, emptyState, footer, search, onSearchChange, filters, onFilterChange, pagination, onPageChange }) {
+	const viewContent = React$1.useMemo(() => {
+		switch (spec.view.kind) {
+			case "list": return /* @__PURE__ */ jsx(DataViewList, {
+				spec,
 				items,
 				className,
 				renderActions,
 				onSelect,
 				emptyState
 			});
+			case "table": return /* @__PURE__ */ jsx(DataViewTable, {
+				spec,
+				items,
+				className,
+				onRowClick,
+				emptyState,
+				headerActions,
+				footer
+			});
+			case "detail": return /* @__PURE__ */ jsx(DataViewDetail, {
+				spec,
+				item,
+				className,
+				emptyState,
+				headerActions
+			});
+			case "grid": {
+				const grid = spec.view;
+				const listView = {
+					kind: "list",
+					layout: "card",
+					fields: grid.fields,
+					filters: grid.filters,
+					actions: grid.actions,
+					primaryField: grid.primaryField,
+					secondaryFields: grid.secondaryFields
+				};
+				return /* @__PURE__ */ jsx(DataViewList, {
+					spec: {
+						...spec,
+						view: listView
+					},
+					items,
+					className,
+					renderActions,
+					onSelect,
+					emptyState
+				});
+			}
+			default: return /* @__PURE__ */ jsx("div", {
+				className,
+				children: "Unsupported data view kind"
+			});
 		}
-		default: return /* @__PURE__ */ jsx("div", {
-			className,
-			children: "Unsupported data view kind"
-		});
-	}
+	}, [
+		spec,
+		items,
+		item,
+		className,
+		renderActions,
+		onSelect,
+		onRowClick,
+		headerActions,
+		emptyState,
+		footer
+	]);
+	if (!(spec.view.kind === "list" || spec.view.kind === "table" || spec.view.kind === "grid")) return /* @__PURE__ */ jsx(Fragment, { children: viewContent });
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-4",
+		children: [
+			(spec.view.filters?.length || onSearchChange) && /* @__PURE__ */ jsx(FiltersToolbar, {
+				searchValue: search,
+				onSearchChange,
+				searchPlaceholder: "Search...",
+				activeChips: filters ? Object.entries(filters).map(([key, value]) => ({
+					key,
+					label: `${key}: ${value}`,
+					onRemove: () => {
+						const newFilters = { ...filters };
+						delete newFilters[key];
+						onFilterChange?.(newFilters);
+					}
+				})) : [],
+				onClearAll: filters && Object.keys(filters).length > 0 ? () => onFilterChange?.({}) : void 0,
+				right: headerActions
+			}),
+			viewContent,
+			pagination && pagination.total > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "py-4",
+				children: [/* @__PURE__ */ jsx(Pagination, { children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
+					/* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationPrevious, {
+						href: "#",
+						onClick: (e) => {
+							e.preventDefault();
+							if (pagination.page > 1) onPageChange?.(pagination.page - 1);
+						},
+						"aria-disabled": pagination.page <= 1,
+						className: pagination.page <= 1 ? "pointer-events-none opacity-50" : ""
+					}) }),
+					/* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationLink, {
+						href: "#",
+						isActive: true,
+						children: pagination.page
+					}) }),
+					/* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationNext, {
+						href: "#",
+						onClick: (e) => {
+							e.preventDefault();
+							const totalPages = Math.ceil(pagination.total / pagination.pageSize);
+							if (pagination.page < totalPages) onPageChange?.(pagination.page + 1);
+						},
+						"aria-disabled": pagination.page >= Math.ceil(pagination.total / pagination.pageSize),
+						className: pagination.page >= Math.ceil(pagination.total / pagination.pageSize) ? "pointer-events-none opacity-50" : ""
+					}) })
+				] }) }), /* @__PURE__ */ jsxs("div", {
+					className: "text-muted-foreground mt-2 text-center text-sm",
+					children: [
+						"Page ",
+						pagination.page,
+						" of",
+						" ",
+						Math.ceil(pagination.total / pagination.pageSize),
+						" (",
+						pagination.total,
+						" items)"
+					]
+				})]
+			})
+		]
+	});
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"DataViewRenderer.js","names":["listView: DataViewListConfig"],"sources":["../../../src/components/data-view/DataViewRenderer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type {\n  DataViewGridConfig,\n  DataViewListConfig,\n  DataViewSpec,\n} from '@lssm/lib.contracts/data-views';\nimport { DataViewList } from './DataViewList';\nimport { DataViewTable } from './DataViewTable';\nimport { DataViewDetail } from './DataViewDetail';\n\nexport interface DataViewRendererProps {\n  spec: DataViewSpec;\n  items?: Record<string, unknown>[];\n  item?: Record<string, unknown> | null;\n  className?: string;\n  renderActions?: (item: Record<string, unknown>) => React.ReactNode;\n  onSelect?: (item: Record<string, unknown>) => void;\n  onRowClick?: (item: Record<string, unknown>) => void;\n  headerActions?: React.ReactNode;\n  emptyState?: React.ReactNode;\n  footer?: React.ReactNode;\n}\n\nexport function DataViewRenderer({\n  spec,\n  items = [],\n  item = null,\n  className,\n  renderActions,\n  onSelect,\n  onRowClick,\n  headerActions,\n  emptyState,\n  footer,\n}: DataViewRendererProps) {\n  switch (spec.view.kind) {\n    case 'list':\n      return (\n        <DataViewList\n          spec={spec}\n          items={items}\n          className={className}\n          renderActions={renderActions}\n          onSelect={onSelect}\n          emptyState={emptyState}\n        />\n      );\n    case 'table':\n      return (\n        <DataViewTable\n          spec={spec}\n          items={items}\n          className={className}\n          onRowClick={onRowClick}\n          emptyState={emptyState}\n          headerActions={headerActions}\n          footer={footer}\n        />\n      );\n    case 'detail':\n      return (\n        <DataViewDetail\n          spec={spec}\n          item={item}\n          className={className}\n          emptyState={emptyState}\n          headerActions={headerActions}\n        />\n      );\n    case 'grid': {\n      const grid = spec.view as DataViewGridConfig;\n      const listView: DataViewListConfig = {\n        kind: 'list',\n        layout: 'card',\n        fields: grid.fields,\n        filters: grid.filters,\n        actions: grid.actions,\n        primaryField: grid.primaryField,\n        secondaryFields: grid.secondaryFields,\n      };\n      const listSpec = {\n        ...spec,\n        view: listView,\n      } satisfies DataViewSpec;\n      return (\n        <DataViewList\n          spec={listSpec}\n          items={items}\n          className={className}\n          renderActions={renderActions}\n          onSelect={onSelect}\n          emptyState={emptyState}\n        />\n      );\n    }\n    default:\n      return <div className={className}>Unsupported data view kind</div>;\n  }\n}\n"],"mappings":";;;;;;;;;;AAyBA,SAAgB,iBAAiB,EAC/B,MACA,QAAQ,EAAE,EACV,OAAO,MACP,WACA,eACA,UACA,YACA,eACA,YACA,UACwB;AACxB,SAAQ,KAAK,KAAK,MAAlB;EACE,KAAK,OACH,QACE,oBAAC;GACO;GACC;GACI;GACI;GACL;GACE;IACZ;EAEN,KAAK,QACH,QACE,oBAAC;GACO;GACC;GACI;GACC;GACA;GACG;GACP;IACR;EAEN,KAAK,SACH,QACE,oBAAC;GACO;GACA;GACK;GACC;GACG;IACf;EAEN,KAAK,QAAQ;GACX,MAAM,OAAO,KAAK;GAClB,MAAMA,WAA+B;IACnC,MAAM;IACN,QAAQ;IACR,QAAQ,KAAK;IACb,SAAS,KAAK;IACd,SAAS,KAAK;IACd,cAAc,KAAK;IACnB,iBAAiB,KAAK;IACvB;AAKD,UACE,oBAAC;IACC,MANa;KACf,GAAG;KACH,MAAM;KACP;IAIU;IACI;IACI;IACL;IACE;KACZ;;EAGN,QACE,QAAO,oBAAC;GAAe;aAAW;IAAgC"}
+{"version":3,"file":"DataViewRenderer.js","names":["React","listView: DataViewListConfig"],"sources":["../../../src/components/data-view/DataViewRenderer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type {\n  DataViewGridConfig,\n  DataViewListConfig,\n  DataViewSpec,\n} from '@lssm/lib.contracts/data-views';\nimport { DataViewList } from './DataViewList';\nimport { DataViewTable } from './DataViewTable';\nimport { DataViewDetail } from './DataViewDetail';\nimport { FiltersToolbar } from '../molecules/FiltersToolbar';\nimport {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n  PaginationEllipsis,\n} from '@lssm/lib.ui-kit-web/ui/pagination';\n\nexport interface DataViewRendererProps {\n  spec: DataViewSpec;\n  items?: Record<string, unknown>[];\n  item?: Record<string, unknown> | null;\n  className?: string;\n  renderActions?: (item: Record<string, unknown>) => React.ReactNode;\n  onSelect?: (item: Record<string, unknown>) => void;\n  onRowClick?: (item: Record<string, unknown>) => void;\n  headerActions?: React.ReactNode;\n  emptyState?: React.ReactNode;\n  footer?: React.ReactNode;\n\n  // Filters & Search\n  search?: string;\n  onSearchChange?: (value: string) => void;\n  filters?: Record<string, any>;\n  onFilterChange?: (filters: Record<string, any>) => void;\n\n  // Pagination\n  pagination?: {\n    page: number;\n    pageSize: number;\n    total: number;\n  };\n  onPageChange?: (page: number) => void;\n}\n\nexport function DataViewRenderer({\n  spec,\n  items = [],\n  item = null,\n  className,\n  renderActions,\n  onSelect,\n  onRowClick,\n  headerActions,\n  emptyState,\n  footer,\n  search,\n  onSearchChange,\n  filters,\n  onFilterChange,\n  pagination,\n  onPageChange,\n}: DataViewRendererProps) {\n  const viewContent = React.useMemo(() => {\n    switch (spec.view.kind) {\n      case 'list':\n        return (\n          <DataViewList\n            spec={spec}\n            items={items}\n            className={className}\n            renderActions={renderActions}\n            onSelect={onSelect}\n            emptyState={emptyState}\n          />\n        );\n      case 'table':\n        return (\n          <DataViewTable\n            spec={spec}\n            items={items}\n            className={className}\n            onRowClick={onRowClick}\n            emptyState={emptyState}\n            headerActions={headerActions}\n            footer={footer}\n          />\n        );\n      case 'detail':\n        return (\n          <DataViewDetail\n            spec={spec}\n            item={item}\n            className={className}\n            emptyState={emptyState}\n            headerActions={headerActions}\n          />\n        );\n      case 'grid': {\n        const grid = spec.view as DataViewGridConfig;\n        const listView: DataViewListConfig = {\n          kind: 'list',\n          layout: 'card',\n          fields: grid.fields,\n          filters: grid.filters,\n          actions: grid.actions,\n          primaryField: grid.primaryField,\n          secondaryFields: grid.secondaryFields,\n        };\n        const listSpec = {\n          ...spec,\n          view: listView,\n        } satisfies DataViewSpec;\n        return (\n          <DataViewList\n            spec={listSpec}\n            items={items}\n            className={className}\n            renderActions={renderActions}\n            onSelect={onSelect}\n            emptyState={emptyState}\n          />\n        );\n      }\n      default:\n        return <div className={className}>Unsupported data view kind</div>;\n    }\n  }, [\n    spec,\n    items,\n    item,\n    className,\n    renderActions,\n    onSelect,\n    onRowClick,\n    headerActions,\n    emptyState,\n    footer,\n  ]);\n\n  // Only render toolbar/pagination if it's a collection view\n  const isCollection =\n    spec.view.kind === 'list' ||\n    spec.view.kind === 'table' ||\n    spec.view.kind === 'grid';\n\n  if (!isCollection) {\n    return <>{viewContent}</>;\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      {(spec.view.filters?.length || onSearchChange) && (\n        <FiltersToolbar\n          searchValue={search}\n          onSearchChange={onSearchChange}\n          searchPlaceholder=\"Search...\"\n          activeChips={\n            filters\n              ? Object.entries(filters).map(([key, value]) => ({\n                  key,\n                  label: `${key}: ${value}`,\n                  onRemove: () => {\n                    const newFilters = { ...filters };\n                    delete newFilters[key];\n                    onFilterChange?.(newFilters);\n                  },\n                }))\n              : []\n          }\n          onClearAll={\n            filters && Object.keys(filters).length > 0\n              ? () => onFilterChange?.({})\n              : undefined\n          }\n          right={headerActions}\n        >\n          {/* Render filter dropdowns here if needed */}\n        </FiltersToolbar>\n      )}\n\n      {viewContent}\n\n      {pagination && pagination.total > 0 && (\n        <div className=\"py-4\">\n          <Pagination>\n            <PaginationContent>\n              <PaginationItem>\n                <PaginationPrevious\n                  href=\"#\"\n                  onClick={(e) => {\n                    e.preventDefault();\n                    if (pagination.page > 1) {\n                      onPageChange?.(pagination.page - 1);\n                    }\n                  }}\n                  aria-disabled={pagination.page <= 1}\n                  className={\n                    pagination.page <= 1 ? 'pointer-events-none opacity-50' : ''\n                  }\n                />\n              </PaginationItem>\n\n              {/* Simplified pagination: show current page */}\n              <PaginationItem>\n                <PaginationLink href=\"#\" isActive>\n                  {pagination.page}\n                </PaginationLink>\n              </PaginationItem>\n\n              <PaginationItem>\n                <PaginationNext\n                  href=\"#\"\n                  onClick={(e) => {\n                    e.preventDefault();\n                    const totalPages = Math.ceil(\n                      pagination.total / pagination.pageSize\n                    );\n                    if (pagination.page < totalPages) {\n                      onPageChange?.(pagination.page + 1);\n                    }\n                  }}\n                  aria-disabled={\n                    pagination.page >=\n                    Math.ceil(pagination.total / pagination.pageSize)\n                  }\n                  className={\n                    pagination.page >=\n                    Math.ceil(pagination.total / pagination.pageSize)\n                      ? 'pointer-events-none opacity-50'\n                      : ''\n                  }\n                />\n              </PaginationItem>\n            </PaginationContent>\n          </Pagination>\n          <div className=\"text-muted-foreground mt-2 text-center text-sm\">\n            Page {pagination.page} of{' '}\n            {Math.ceil(pagination.total / pagination.pageSize)} (\n            {pagination.total} items)\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAiDA,SAAgB,iBAAiB,EAC/B,MACA,QAAQ,EAAE,EACV,OAAO,MACP,WACA,eACA,UACA,YACA,eACA,YACA,QACA,QACA,gBACA,SACA,gBACA,YACA,gBACwB;CACxB,MAAM,cAAcA,QAAM,cAAc;AACtC,UAAQ,KAAK,KAAK,MAAlB;GACE,KAAK,OACH,QACE,oBAAC;IACO;IACC;IACI;IACI;IACL;IACE;KACZ;GAEN,KAAK,QACH,QACE,oBAAC;IACO;IACC;IACI;IACC;IACA;IACG;IACP;KACR;GAEN,KAAK,SACH,QACE,oBAAC;IACO;IACA;IACK;IACC;IACG;KACf;GAEN,KAAK,QAAQ;IACX,MAAM,OAAO,KAAK;IAClB,MAAMC,WAA+B;KACnC,MAAM;KACN,QAAQ;KACR,QAAQ,KAAK;KACb,SAAS,KAAK;KACd,SAAS,KAAK;KACd,cAAc,KAAK;KACnB,iBAAiB,KAAK;KACvB;AAKD,WACE,oBAAC;KACC,MANa;MACf,GAAG;MACH,MAAM;MACP;KAIU;KACI;KACI;KACL;KACE;MACZ;;GAGN,QACE,QAAO,oBAAC;IAAe;cAAW;KAAgC;;IAErE;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAQF,KAAI,EAJF,KAAK,KAAK,SAAS,UACnB,KAAK,KAAK,SAAS,WACnB,KAAK,KAAK,SAAS,QAGnB,QAAO,0CAAG,cAAe;AAG3B,QACE,qBAAC;EAAI,WAAU;;IACX,KAAK,KAAK,SAAS,UAAU,mBAC7B,oBAAC;IACC,aAAa;IACG;IAChB,mBAAkB;IAClB,aACE,UACI,OAAO,QAAQ,QAAQ,CAAC,KAAK,CAAC,KAAK,YAAY;KAC7C;KACA,OAAO,GAAG,IAAI,IAAI;KAClB,gBAAgB;MACd,MAAM,aAAa,EAAE,GAAG,SAAS;AACjC,aAAO,WAAW;AAClB,uBAAiB,WAAW;;KAE/B,EAAE,GACH,EAAE;IAER,YACE,WAAW,OAAO,KAAK,QAAQ,CAAC,SAAS,UAC/B,iBAAiB,EAAE,CAAC,GAC1B;IAEN,OAAO;KAGQ;GAGlB;GAEA,cAAc,WAAW,QAAQ,KAChC,qBAAC;IAAI,WAAU;eACb,oBAAC,wBACC,qBAAC;KACC,oBAAC,4BACC,oBAAC;MACC,MAAK;MACL,UAAU,MAAM;AACd,SAAE,gBAAgB;AAClB,WAAI,WAAW,OAAO,EACpB,gBAAe,WAAW,OAAO,EAAE;;MAGvC,iBAAe,WAAW,QAAQ;MAClC,WACE,WAAW,QAAQ,IAAI,mCAAmC;OAE5D,GACa;KAGjB,oBAAC,4BACC,oBAAC;MAAe,MAAK;MAAI;gBACtB,WAAW;OACG,GACF;KAEjB,oBAAC,4BACC,oBAAC;MACC,MAAK;MACL,UAAU,MAAM;AACd,SAAE,gBAAgB;OAClB,MAAM,aAAa,KAAK,KACtB,WAAW,QAAQ,WAAW,SAC/B;AACD,WAAI,WAAW,OAAO,WACpB,gBAAe,WAAW,OAAO,EAAE;;MAGvC,iBACE,WAAW,QACX,KAAK,KAAK,WAAW,QAAQ,WAAW,SAAS;MAEnD,WACE,WAAW,QACX,KAAK,KAAK,WAAW,QAAQ,WAAW,SAAS,GAC7C,mCACA;OAEN,GACa;QACC,GACT,EACb,qBAAC;KAAI,WAAU;;MAAiD;MACxD,WAAW;MAAK;MAAI;MACzB,KAAK,KAAK,WAAW,QAAQ,WAAW,SAAS;MAAC;MAClD,WAAW;MAAM;;MACd;KACF;;GAEJ"}

package/dist/components/data-view/DataViewTable.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_runtime39 from "react/jsx-runtime";
 import { DataViewSpec } from "@lssm/lib.contracts/data-views";
 
 //#region src/components/data-view/DataViewTable.d.ts
@@ -20,7 +20,7 @@ declare function DataViewTable({
   emptyState,
   headerActions,
   footer
-}: DataViewTableProps): react_jsx_runtime32.JSX.Element;
+}: DataViewTableProps): react_jsx_runtime39.JSX.Element;
 //#endregion
 export { DataViewTable, DataViewTableProps };
 //# sourceMappingURL=DataViewTable.d.ts.map