@lssm/lib.design-system 0.0.0-canary-20251217083314 → 0.0.0-canary-20251219202229

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderCircular.d.ts","names":[],"sources":["../../../src/components/atoms/LoaderCircular.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKM;;;IAaJ,gCAAA,CAAA;AAbI,KAeM,mBAAA,GAAsB,OAAA,CAAM,cAFtC,CAEqD,cAFrD,CAAA,GAGA,YAHA,CAAA,OAGoB,eAHpB,CAAA,GAAA;EAEU,KAAA,CAAA,EAEA,OAAA,CAAM,SAFa;CAAwB;AAArB,iBAKlB,cAAA,CALwB;EAAA,IAAA;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAWrC,mBAXqC,CAAA,EAWlB,mBAAA,CAAA,GAAA,CAAA,OAXkB"}

package/dist/components/atoms/LoaderCircular.js

@@ -40,4 +40,5 @@ function LoaderCircular({ size, tone, label, className, ...props }) {
 }
 
 //#endregion
-export { LoaderCircular };
+export { LoaderCircular };
+//# sourceMappingURL=LoaderCircular.js.map

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

@@ -0,0 +1 @@
+{"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 '@lssm/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\nexport default LoaderCircular;\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.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_runtime42 from "react/jsx-runtime";
 
 //#region src/components/atoms/NavBrand.d.ts
 interface NavBrandProps {
@@ -13,6 +13,7 @@ declare function NavBrand({
   logo,
   title,
   className
-}: NavBrandProps): react_jsx_runtime41.JSX.Element;
+}: NavBrandProps): react_jsx_runtime42.JSX.Element;
 //#endregion
-export { NavBrand };
+export { NavBrand };
+//# sourceMappingURL=NavBrand.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavBrand.d.ts","names":[],"sources":["../../../src/components/atoms/NavBrand.tsx"],"sourcesContent":[],"mappings":";;;;UAKiB,aAAA;;SAER,OAAA,CAAM;EAFE,KAAA,CAAA,EAGP,OAAA,CAAM,SAHc;EAOd,SAAA,CAAA,EAAQ,MAAA;;AAEtB,iBAFc,QAAA,CAEd;EAAA,IAAA;EAAA,IAAA;EAAA,KAAA;EAAA;AAAA,CAAA,EAGC,aAHD,CAAA,EAGc,mBAAA,CAAA,GAAA,CAAA,OAHd"}

package/dist/components/atoms/NavBrand.js

@@ -22,4 +22,5 @@ function NavBrand({ href = "/", logo, title, className }) {
 }
 
 //#endregion
-export { NavBrand };
+export { NavBrand };
+//# sourceMappingURL=NavBrand.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavBrand.js","names":[],"sources":["../../../src/components/atoms/NavBrand.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@lssm/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.d.ts

@@ -1,7 +1,8 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime6 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_runtime9.JSX.Element;
+declare function Stepper(props: StepperProps): react_jsx_runtime6.JSX.Element;
 //#endregion
-export { Stepper };
+export { Stepper };
+//# sourceMappingURL=Stepper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.d.ts","names":[],"sources":["../../../src/components/atoms/Stepper.tsx"],"sourcesContent":[],"mappings":";;;;iBAQgB,OAAA,QAAe,eAAY,kBAAA,CAAA,GAAA,CAAA"}

package/dist/components/atoms/Stepper.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","names":["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 '@lssm/lib.ui-kit-web/ui/stepper';\n\nexport function Stepper(props: StepperProps) {\n  return <WebStepper {...props} />;\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,QAAQ,OAAqB;AAC3C,QAAO,oBAACA,aAAW,GAAI,QAAS"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","names":[],"sources":["../../../src/components/atoms/Textarea.tsx"],"sourcesContent":[],"mappings":";;;;;UAOU,cAAA;;;EAAA,WAAA,CAAA,EAAA,MAAc;EAiBZ,QAAA,CAAA,EAAA,OAAa;EAQT,QAAA,CAAA,EAAQ,OAAA;EACtB,SAAA,CAAA,EAAA,MAAA;EACA,IAAA,CAAA,EAAA,MAAA;EACA,SAAA,CAAA,EAAA,MAAA;EACA,IAAA,CAAA,EAAA,MAAA;EACA,QAAA,CAAA,EAhBW,eAgBX;;AAEA,KAfU,eAAA,GAAgB,aAe1B,GAf6C,cAe7C;AACA,iBARc,QAAA,CAQd;EAAA,KAAA;EAAA,YAAA;EAAA,QAAA;EAAA,QAAA;EAAA,OAAA;EAAA,MAAA;EAAA,WAAA;EAAA,QAAA;EAAA,QAAA;EAAA,SAAA;EAAA,IAAA;EAAA,SAAA;EAAA,IAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAQC,eARD,CAAA,EAQc,kBAAA,CAAA,GAAA,CAAA,OARd"}

package/dist/components/atoms/Textarea.js

@@ -1,10 +1,10 @@
 import { mapKeyboardToWeb } from "../../lib/keyboard.js";
-import { Textarea } from "../../ui-kit-web/dist/ui/textarea.js";
+import { Textarea as Textarea$1 } from "../../ui-kit-web/dist/ui/textarea.js";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/atoms/Textarea.tsx
-function Textarea$1({ 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), [onChange]);
 	const handleKeyDown = React$1.useCallback((e) => {
@@ -12,7 +12,7 @@ function Textarea$1({ value, defaultValue, onChange, onSubmit, onFocus, onBlur,
 			if (e.metaKey || e.ctrlKey) onSubmit?.(e);
 		}
 	}, [onSubmit, webKeyboard.type]);
-	return /* @__PURE__ */ jsx(Textarea, {
+	return /* @__PURE__ */ jsx(Textarea$1, {
 		...rest,
 		className,
 		value,
@@ -32,4 +32,5 @@ function Textarea$1({ value, defaultValue, onChange, onSubmit, onFocus, onBlur,
 }
 
 //#endregion
-export { Textarea$1 as Textarea };
+export { Textarea };
+//# sourceMappingURL=Textarea.js.map

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

@@ -0,0 +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 = 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      {...(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":";;;;;;AAgCA,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,EAAE,CAAC,SAAS,CAAC;CAEnC,MAAM,gBAAgBA,QAAM,aAGzB,MAAM;AACL,MAAI,EAAE,QAAQ,WAAW,YAAY,SAAS,UAE5C;OAAI,EAAE,WAAW,EAAE,QAAS,YAAW,EAAE;;IAG7C,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"}

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

@@ -18,4 +18,5 @@ declare function DataViewDetail({
   headerActions
 }: DataViewDetailProps): react_jsx_runtime107.JSX.Element;
 //#endregion
-export { DataViewDetail };
+export { DataViewDetail };
+//# sourceMappingURL=DataViewDetail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataViewDetail.d.ts","names":[],"sources":["../../../src/components/data-view/DataViewDetail.tsx"],"sourcesContent":[],"mappings":";;;;;UAWiB,mBAAA;QACT;QACA;EAFS,SAAA,CAAA,EAAA,MAAA;EACT,UAAA,CAAA,EAGO,OAAA,CAAM,SAHb;EACA,aAAA,CAAA,EAGU,OAAA,CAAM,SAHhB;;AAGU,iBAGF,cAAA,CAHQ;EAAA,IAAA;EAAA,IAAA;EAAA,SAAA;EAAA,UAAA;EAAA;AAAA,CAAA,EASrB,mBATqB,CAAA,EASF,oBAAA,CAAA,GAAA,CAAA,OATE"}

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

@@ -76,4 +76,5 @@ function fieldByKey(fields, key) {
 }
 
 //#endregion
-export { DataViewDetail };
+export { DataViewDetail };
+//# sourceMappingURL=DataViewDetail.js.map

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

@@ -0,0 +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-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_runtime102 from "react/jsx-runtime";
+import * as react_jsx_runtime105 from "react/jsx-runtime";
 import { DataViewSpec } from "@lssm/lib.contracts/data-views";
 
 //#region src/components/data-view/DataViewList.d.ts
@@ -18,6 +18,7 @@ declare function DataViewList({
   renderActions,
   onSelect,
   emptyState
-}: DataViewListProps): react_jsx_runtime102.JSX.Element;
+}: DataViewListProps): react_jsx_runtime105.JSX.Element;
 //#endregion
-export { DataViewList };
+export { DataViewList };
+//# sourceMappingURL=DataViewList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataViewList.d.ts","names":[],"sources":["../../../src/components/data-view/DataViewList.tsx"],"sourcesContent":[],"mappings":";;;;;UAWiB,iBAAA;QACT;SACC;EAFQ,SAAA,CAAA,EAAA,MAAA;EACT,aAAA,CAAA,EAAA,CAAA,IAAA,EAGiB,MAHjB,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAG6C,OAAA,CAAM,SAHnD;EACC,QAAA,CAAA,EAAA,CAAA,IAAA,EAGW,MAHX,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAAA,IAAA;EAEgB,UAAA,CAAA,EAEV,OAAA,CAAM,SAFI;;AACL,iBAIJ,YAAA,CAJI;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA,aAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAWjB,iBAXiB,CAAA,EAWA,oBAAA,CAAA,GAAA,CAAA,OAXA"}

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

@@ -63,4 +63,5 @@ function secondaryFieldKeys(view, primaryField) {
 }
 
 //#endregion
-export { DataViewList };
+export { DataViewList };
+//# sourceMappingURL=DataViewList.js.map

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

@@ -0,0 +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=\"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_runtime105 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { DataViewSpec } from "@lssm/lib.contracts/data-views";
 
 //#region src/components/data-view/DataViewRenderer.d.ts
@@ -42,6 +42,7 @@ declare function DataViewRenderer({
   onFilterChange,
   pagination,
   onPageChange
-}: DataViewRendererProps): react_jsx_runtime105.JSX.Element;
+}: DataViewRendererProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { DataViewRenderer };
+export { DataViewRenderer };
+//# sourceMappingURL=DataViewRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"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,kBAAA,CAAA,GAAA,CAAA,OAZtB"}

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

@@ -143,4 +143,5 @@ function DataViewRenderer({ spec, items = [], item = null, className, renderActi
 }
 
 //#endregion
-export { DataViewRenderer };
+export { DataViewRenderer };
+//# sourceMappingURL=DataViewRenderer.js.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataViewTable.d.ts","names":[],"sources":["../../../src/components/data-view/DataViewTable.tsx"],"sourcesContent":[],"mappings":";;;;;UAWiB,kBAAA;QACT;SACC;EAFQ,SAAA,CAAA,EAAA,MAAA;EACT,UAAA,CAAA,EAAA,CAAA,IAAA,EAGc,MAHd,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAAA,IAAA;EACC,UAAA,CAAA,EAGM,OAAA,CAAM,SAHZ;EAEa,aAAA,CAAA,EAEJ,OAAA,CAAM,SAFF;EACP,MAAM,CAAA,EAEV,OAAA,CAAM,SAFI;;AAEV,iBAGK,aAAA,CAHC;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA,UAAA;EAAA,UAAA;EAAA,aAAA;EAAA;AAAA,CAAA,EAWd,kBAXc,CAAA,EAWI,oBAAA,CAAA,GAAA,CAAA,OAXJ"}

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

@@ -89,4 +89,5 @@ function alignmentClass(align) {
 }
 
 //#endregion
-export { DataViewTable };
+export { DataViewTable };
+//# sourceMappingURL=DataViewTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataViewTable.js","names":[],"sources":["../../../src/components/data-view/DataViewTable.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type {\n  DataViewSpec,\n  DataViewTableConfig,\n  DataViewField,\n} from '@lssm/lib.contracts/data-views';\nimport { cn } from '../../lib/utils';\nimport { getAtPath, formatValue } from './utils';\n\nexport interface DataViewTableProps {\n  spec: DataViewSpec;\n  items: Record<string, unknown>[];\n  className?: string;\n  onRowClick?: (item: Record<string, unknown>) => void;\n  emptyState?: React.ReactNode;\n  headerActions?: React.ReactNode;\n  footer?: React.ReactNode;\n}\n\nexport function DataViewTable({\n  spec,\n  items,\n  className,\n  onRowClick,\n  emptyState,\n  headerActions,\n  footer,\n}: DataViewTableProps) {\n  if (spec.view.kind !== 'table') {\n    throw new Error(\n      `DataViewTable received view kind \"${spec.view.kind}\", expected \"table\".`\n    );\n  }\n\n  const view = spec.view as DataViewTableConfig;\n  const fields = view.fields;\n  const columns =\n    view.columns?.map((column) => ({\n      ...column,\n      label: column.label ?? fieldLabel(fields, column.field),\n    })) ??\n    fields.map((field) => ({\n      field: field.key,\n      label: field.label,\n      align: 'left' as const,\n    }));\n\n  if (!items.length) {\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            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      <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      <div className=\"border-border bg-card overflow-x-auto rounded-lg border shadow-sm\">\n        <table\n          className={cn(\n            'divide-border min-w-full divide-y text-sm',\n            view.density === 'compact' ? 'text-sm' : 'text-base'\n          )}\n        >\n          <thead className=\"bg-muted/50\">\n            <tr>\n              {columns.map((column, columnIdx) => (\n                <th\n                  key={`${column.field}.${columnIdx}`}\n                  scope=\"col\"\n                  className={cn(\n                    'text-muted-foreground px-4 py-3 text-left font-semibold',\n                    alignmentClass(column.align)\n                  )}\n                >\n                  {column.label}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody className=\"divide-border bg-background divide-y\">\n            {items.map((item, rowIdx) => (\n              <tr\n                key={rowIdx}\n                className={cn(\n                  onRowClick &&\n                    'hover:bg-muted/30 cursor-pointer transition-colors'\n                )}\n                onClick={() => onRowClick?.(item)}\n              >\n                {columns.map((column) => (\n                  <td\n                    key={column.field}\n                    className={cn(\n                      'text-foreground px-4 py-3',\n                      alignmentClass(column.align)\n                    )}\n                  >\n                    {displayValue(item, fields, column.field)}\n                  </td>\n                ))}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n      {footer}\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 alignmentClass(\n  align: 'left' | 'center' | 'right' | undefined\n): string | undefined {\n  switch (align) {\n    case 'center':\n      return 'text-center';\n    case 'right':\n      return 'text-right';\n    default:\n      return 'text-left';\n  }\n}\n"],"mappings":";;;;;;;;AAqBA,SAAgB,cAAc,EAC5B,MACA,OACA,WACA,YACA,YACA,eACA,UACqB;AACrB,KAAI,KAAK,KAAK,SAAS,QACrB,OAAM,IAAI,MACR,qCAAqC,KAAK,KAAK,KAAK,sBACrD;CAGH,MAAM,OAAO,KAAK;CAClB,MAAM,SAAS,KAAK;CACpB,MAAM,UACJ,KAAK,SAAS,KAAK,YAAY;EAC7B,GAAG;EACH,OAAO,OAAO,SAAS,WAAW,QAAQ,OAAO,MAAM;EACxD,EAAE,IACH,OAAO,KAAK,WAAW;EACrB,OAAO,MAAM;EACb,OAAO,MAAM;EACb,OAAO;EACR,EAAE;AAEL,KAAI,CAAC,MAAM,OACT,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;AAIV,QACE,qBAAC;EAAI,WAAW,GAAG,8BAA8B,UAAU;;GACzD,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eACX,KAAK,KAAK;MACR,EACJ;KACG;GACN,oBAAC;IAAI,WAAU;cACb,qBAAC;KACC,WAAW,GACT,6CACA,KAAK,YAAY,YAAY,YAAY,YAC1C;gBAED,oBAAC;MAAM,WAAU;gBACf,oBAAC,kBACE,QAAQ,KAAK,QAAQ,cACpB,oBAAC;OAEC,OAAM;OACN,WAAW,GACT,2DACA,eAAe,OAAO,MAAM,CAC7B;iBAEA,OAAO;SAPH,GAAG,OAAO,MAAM,GAAG,YAQrB,CACL,GACC;OACC,EACR,oBAAC;MAAM,WAAU;gBACd,MAAM,KAAK,MAAM,WAChB,oBAAC;OAEC,WAAW,GACT,cACE,qDACH;OACD,eAAe,aAAa,KAAK;iBAEhC,QAAQ,KAAK,WACZ,oBAAC;QAEC,WAAW,GACT,6BACA,eAAe,OAAO,MAAM,CAC7B;kBAEA,aAAa,MAAM,QAAQ,OAAO,MAAM;UANpC,OAAO,MAOT,CACL;SAjBG,OAkBF,CACL;OACI;MACF;KACJ;GACL;;GACG;;AAIV,SAAS,WAAW,QAAyB,KAAa;AACxD,QAAO,OAAO,MAAM,UAAU,MAAM,QAAQ,IAAI,EAAE,SAAS;;AAG7D,SAAS,WAAW,QAAyB,KAAa;AACxD,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,eACP,OACoB;AACpB,SAAQ,OAAR;EACE,KAAK,SACH,QAAO;EACT,KAAK,QACH,QAAO;EACT,QACE,QAAO"}

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

@@ -39,4 +39,5 @@ function formatDate(value, options) {
 }
 
 //#endregion
-export { formatValue, getAtPath };
+export { formatValue, getAtPath };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["current: unknown"],"sources":["../../../src/components/data-view/utils.ts"],"sourcesContent":["'use client';\n\nexport function getAtPath(\n  source: Record<string, unknown> | undefined,\n  path: string\n): unknown {\n  if (!source) return undefined;\n  if (!path) return source;\n  const segments = path\n    .replace(/\\[(\\d+)\\]/g, '.$1')\n    .split('.')\n    .filter(Boolean);\n\n  let current: unknown = source;\n  for (const segment of segments) {\n    if (\n      current == null ||\n      (typeof current !== 'object' && !Array.isArray(current))\n    )\n      return undefined;\n    current = (current as Record<string, unknown>)[segment];\n  }\n  return current;\n}\n\nexport function formatValue(value: unknown, format?: string): string {\n  if (value == null) return '';\n  switch (format) {\n    case 'boolean':\n      return value ? 'Yes' : 'No';\n    case 'currency':\n      return typeof value === 'number'\n        ? new Intl.NumberFormat(undefined, {\n            style: 'currency',\n            currency: 'USD',\n          }).format(value)\n        : String(value);\n    case 'percentage':\n      return typeof value === 'number'\n        ? `${(value * 100).toFixed(1)}%`\n        : String(value);\n    case 'date':\n      return formatDate(value, {\n        dateStyle: 'medium',\n      });\n    case 'dateTime':\n      return formatDate(value, {\n        dateStyle: 'medium',\n        timeStyle: 'short',\n      });\n    default:\n      return String(value);\n  }\n}\n\nfunction formatDate(\n  value: unknown,\n  options: Intl.DateTimeFormatOptions\n): string {\n  if (value instanceof Date) {\n    return new Intl.DateTimeFormat(undefined, options).format(value);\n  }\n  if (typeof value === 'string' || typeof value === 'number') {\n    const date = new Date(value);\n    if (!Number.isNaN(date.getTime())) {\n      return new Intl.DateTimeFormat(undefined, options).format(date);\n    }\n  }\n  return String(value ?? '');\n}\n"],"mappings":";;;AAEA,SAAgB,UACd,QACA,MACS;AACT,KAAI,CAAC,OAAQ,QAAO;AACpB,KAAI,CAAC,KAAM,QAAO;CAClB,MAAM,WAAW,KACd,QAAQ,cAAc,MAAM,CAC5B,MAAM,IAAI,CACV,OAAO,QAAQ;CAElB,IAAIA,UAAmB;AACvB,MAAK,MAAM,WAAW,UAAU;AAC9B,MACE,WAAW,QACV,OAAO,YAAY,YAAY,CAAC,MAAM,QAAQ,QAAQ,CAEvD,QAAO;AACT,YAAW,QAAoC;;AAEjD,QAAO;;AAGT,SAAgB,YAAY,OAAgB,QAAyB;AACnE,KAAI,SAAS,KAAM,QAAO;AAC1B,SAAQ,QAAR;EACE,KAAK,UACH,QAAO,QAAQ,QAAQ;EACzB,KAAK,WACH,QAAO,OAAO,UAAU,WACpB,IAAI,KAAK,aAAa,QAAW;GAC/B,OAAO;GACP,UAAU;GACX,CAAC,CAAC,OAAO,MAAM,GAChB,OAAO,MAAM;EACnB,KAAK,aACH,QAAO,OAAO,UAAU,WACpB,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC,KAC5B,OAAO,MAAM;EACnB,KAAK,OACH,QAAO,WAAW,OAAO,EACvB,WAAW,UACZ,CAAC;EACJ,KAAK,WACH,QAAO,WAAW,OAAO;GACvB,WAAW;GACX,WAAW;GACZ,CAAC;EACJ,QACE,QAAO,OAAO,MAAM;;;AAI1B,SAAS,WACP,OACA,SACQ;AACR,KAAI,iBAAiB,KACnB,QAAO,IAAI,KAAK,eAAe,QAAW,QAAQ,CAAC,OAAO,MAAM;AAElE,KAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAAU;EAC1D,MAAM,OAAO,IAAI,KAAK,MAAM;AAC5B,MAAI,CAAC,OAAO,MAAM,KAAK,SAAS,CAAC,CAC/B,QAAO,IAAI,KAAK,eAAe,QAAW,QAAQ,CAAC,OAAO,KAAK;;AAGnE,QAAO,OAAO,SAAS,GAAG"}

package/dist/components/forms/ActionForm.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime106 from "react/jsx-runtime";
+import * as react_jsx_runtime104 from "react/jsx-runtime";
 
 //#region src/components/forms/ActionForm.d.ts
 interface ActionFormProps extends Omit<React$1.FormHTMLAttributes<HTMLFormElement>, 'action'> {
@@ -11,6 +11,7 @@ declare function ActionForm({
   children,
   className,
   ...rest
-}: ActionFormProps): react_jsx_runtime106.JSX.Element;
+}: ActionFormProps): react_jsx_runtime104.JSX.Element;
 //#endregion
-export { ActionForm };
+export { ActionForm };
+//# sourceMappingURL=ActionForm.d.ts.map

package/dist/components/forms/ActionForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionForm.d.ts","names":[],"sources":["../../../src/components/forms/ActionForm.tsx"],"sourcesContent":[],"mappings":";;;;UAKiB,eAAA,SAAwB,KACvC,OAAA,CAAM,mBAAmB;qBAGN,oBAAoB;YAC7B,OAAA,CAAM;AALlB;AAC2B,iBAOX,UAAA,CAPW;EAAA,MAAA;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAYxB,eAZwB,CAAA,EAYT,oBAAA,CAAA,GAAA,CAAA,OAZS"}

package/dist/components/forms/ActionForm.js

@@ -15,4 +15,5 @@ function ActionForm({ action, children, className, ...rest }) {
 }
 
 //#endregion
-export { ActionForm };
+export { ActionForm };
+//# sourceMappingURL=ActionForm.js.map

package/dist/components/forms/ActionForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionForm.js","names":[],"sources":["../../../src/components/forms/ActionForm.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nexport interface ActionFormProps extends Omit<\n  React.FormHTMLAttributes<HTMLFormElement>,\n  'action'\n> {\n  action: (formData: FormData) => void | Promise<void>;\n  children: React.ReactNode;\n}\n\nexport function ActionForm({\n  action,\n  children,\n  className,\n  ...rest\n}: ActionFormProps) {\n  return (\n    <form action={action} className={cn('space-y-3', className)} {...rest}>\n      {children}\n    </form>\n  );\n}\n\nexport default ActionForm;\n"],"mappings":";;;;;;;AAaA,SAAgB,WAAW,EACzB,QACA,UACA,WACA,GAAG,QACe;AAClB,QACE,oBAAC;EAAa;EAAQ,WAAW,GAAG,aAAa,UAAU;EAAE,GAAI;EAC9D;GACI"}

package/dist/components/forms/FormCardLayout.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime104 from "react/jsx-runtime";
+import * as react_jsx_runtime101 from "react/jsx-runtime";
 
 //#region src/components/forms/FormCardLayout.d.ts
 interface FormCardLayoutProps {
@@ -17,6 +17,7 @@ declare function FormCardLayout({
   children,
   className,
   contentClassName
-}: FormCardLayoutProps): react_jsx_runtime104.JSX.Element;
+}: FormCardLayoutProps): react_jsx_runtime101.JSX.Element;
 //#endregion
-export { FormCardLayout };
+export { FormCardLayout };
+//# sourceMappingURL=FormCardLayout.d.ts.map

package/dist/components/forms/FormCardLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCardLayout.d.ts","names":[],"sources":["../../../src/components/forms/FormCardLayout.tsx"],"sourcesContent":[],"mappings":";;;;UASiB,mBAAA;UACP,OAAA,CAAM;gBACA,OAAA,CAAM;EAFL,OAAA,CAAA,EAGL,OAAA,CAAM,SAHkB;EAC1B,QAAM,EAGJ,OAAA,CAAM,SAHF;EACA,SAAM,CAAA,EAAA,MAAA;EACV,gBAAM,CAAA,EAAA,MAAA;;AACS,iBAKX,cAAA,CALW;EAAA,KAAA;EAAA,WAAA;EAAA,OAAA;EAAA,QAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAYxB,mBAZwB,CAAA,EAYL,oBAAA,CAAA,GAAA,CAAA,OAZK"}

package/dist/components/forms/FormCardLayout.js

@@ -24,4 +24,5 @@ function FormCardLayout({ title, description, actions, children, className, cont
 }
 
 //#endregion
-export { FormCardLayout };
+export { FormCardLayout };
+//# sourceMappingURL=FormCardLayout.js.map

package/dist/components/forms/FormCardLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCardLayout.js","names":[],"sources":["../../../src/components/forms/FormCardLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n} from '@lssm/lib.ui-kit-web/ui/card';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nexport interface FormCardLayoutProps {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  actions?: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n  contentClassName?: string;\n}\n\nexport function FormCardLayout({\n  title,\n  description,\n  actions,\n  children,\n  className,\n  contentClassName,\n}: FormCardLayoutProps) {\n  return (\n    <Card className={cn('border-none shadow-2xs', className)}>\n      {(title || description) && (\n        <CardHeader>\n          {title && <CardTitle>{title}</CardTitle>}\n          {description && (\n            <div className=\"text-muted-foreground text-base\">{description}</div>\n          )}\n        </CardHeader>\n      )}\n      <CardContent className={cn('p-4 md:p-5', contentClassName)}>\n        <div className=\"space-y-4\">{children}</div>\n        {actions && (\n          <div className=\"mt-4 flex justify-end gap-2\">{actions}</div>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;AAkBA,SAAgB,eAAe,EAC7B,OACA,aACA,SACA,UACA,WACA,oBACsB;AACtB,QACE,qBAAC;EAAK,WAAW,GAAG,0BAA0B,UAAU;cACpD,SAAS,gBACT,qBAAC,yBACE,SAAS,oBAAC,uBAAW,QAAkB,EACvC,eACC,oBAAC;GAAI,WAAU;aAAmC;IAAkB,IAE3D,EAEf,qBAAC;GAAY,WAAW,GAAG,cAAc,iBAAiB;cACxD,oBAAC;IAAI,WAAU;IAAa;KAAe,EAC1C,WACC,oBAAC;IAAI,WAAU;cAA+B;KAAc;IAElD;GACT"}

package/dist/components/forms/FormDialog.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime94 from "react/jsx-runtime";
+import * as react_jsx_runtime96 from "react/jsx-runtime";
 
 //#region src/components/forms/FormDialog.d.ts
 interface FormDialogProps {
@@ -19,6 +19,7 @@ declare function FormDialog({
   children,
   footer,
   maxWidth
-}: FormDialogProps): react_jsx_runtime94.JSX.Element;
+}: FormDialogProps): react_jsx_runtime96.JSX.Element;
 //#endregion
-export { FormDialog };
+export { FormDialog };
+//# sourceMappingURL=FormDialog.d.ts.map

package/dist/components/forms/FormDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDialog.d.ts","names":[],"sources":["../../../src/components/forms/FormDialog.tsx"],"sourcesContent":[],"mappings":";;;;UAYiB,eAAA;;;EAAA,KAAA,EAGR,OAAA,CAAM,SAHiB;EAGvB,WAAM,CAAA,EACC,OAAA,CAAM,SADP;EACC,QAAM,EACV,OAAA,CAAM,SADI;EACV,MAAM,CAAA,EACP,OAAA,CAAM,SADC;EACP,QAAM,CAAA,EAAA,MAAA;;AAID,iBAAA,UAAA,CAAU;EAAA,IAAA;EAAA,YAAA;EAAA,KAAA;EAAA,WAAA;EAAA,QAAA;EAAA,MAAA;EAAA;AAAA,CAAA,EAQvB,eARuB,CAAA,EAQR,mBAAA,CAAA,GAAA,CAAA,OARQ"}

package/dist/components/forms/FormDialog.js

@@ -21,4 +21,5 @@ function FormDialog({ open, onOpenChange, title, description, children, footer,
 }
 
 //#endregion
-export { FormDialog };
+export { FormDialog };
+//# sourceMappingURL=FormDialog.js.map

package/dist/components/forms/FormDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDialog.js","names":[],"sources":["../../../src/components/forms/FormDialog.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@lssm/lib.ui-kit-web/ui/dialog';\n\nexport interface FormDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  children: React.ReactNode; // form body\n  footer?: React.ReactNode; // actions\n  maxWidth?: string; // e.g., 'sm:max-w-[480px]'\n}\n\nexport function FormDialog({\n  open,\n  onOpenChange,\n  title,\n  description,\n  children,\n  footer,\n  maxWidth = 'sm:max-w-[480px]',\n}: FormDialogProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className={maxWidth}>\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          {description && <DialogDescription>{description}</DialogDescription>}\n        </DialogHeader>\n        {children}\n        {footer && <DialogFooter>{footer}</DialogFooter>}\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;AAsBA,SAAgB,WAAW,EACzB,MACA,cACA,OACA,aACA,UACA,QACA,WAAW,sBACO;AAClB,QACE,oBAAC;EAAa;EAAoB;YAChC,qBAAC;GAAc,WAAW;;IACxB,qBAAC,2BACC,oBAAC,yBAAa,QAAoB,EACjC,eAAe,oBAAC,+BAAmB,cAAgC,IACvD;IACd;IACA,UAAU,oBAAC,0BAAc,SAAsB;;IAClC;GACT"}

package/dist/components/forms/FormLayout.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime95 from "react/jsx-runtime";
+import * as react_jsx_runtime98 from "react/jsx-runtime";
 
 //#region src/components/forms/FormLayout.d.ts
 declare function FormSection({
@@ -8,14 +8,14 @@ declare function FormSection({
 }: {
   children: React$1.ReactNode;
   className?: string;
-}): react_jsx_runtime95.JSX.Element;
+}): react_jsx_runtime98.JSX.Element;
 declare function FormRow({
   children,
   className
 }: {
   children: React$1.ReactNode;
   className?: string;
-}): react_jsx_runtime95.JSX.Element;
+}): react_jsx_runtime98.JSX.Element;
 declare function FormGrid({
   children,
   cols,
@@ -24,6 +24,7 @@ declare function FormGrid({
   children: React$1.ReactNode;
   cols?: 1 | 2 | 3 | 4;
   className?: string;
-}): react_jsx_runtime95.JSX.Element;
+}): react_jsx_runtime98.JSX.Element;
 //#endregion
-export { FormGrid, FormRow, FormSection };
+export { FormGrid, FormRow, FormSection };
+//# sourceMappingURL=FormLayout.d.ts.map

package/dist/components/forms/FormLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.d.ts","names":[],"sources":["../../../src/components/forms/FormLayout.tsx"],"sourcesContent":[],"mappings":";;;;iBAKgB,WAAA;;;AAAhB;YAIY,OAAA,CAAM;;AAJlB,CAAA,CAAA,EAMC,mBAAA,CAAA,GAAA,CAAA,OAN0B;AACzB,iBASc,OAAA,CATd;EAAA,QAAA;EAAA;CAAA,EAAA;EACA,QAAA,EAYU,OAAA,CAAM,SAZhB;EAEU,SAAM,CAAA,EAAA,MAAA;CAEjB,CAAA,EAUA,mBAAA,CAAA,GAAA,CAAA,OAVA;AAAA,iBAkBe,QAAA,CAlBf;EAAA,QAAA;EAAA,IAAA;EAAA;CAAA,EAAA;EAIe,QAAA,EAmBJ,OAAA,CAAM,SAnBK;EACrB,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA;EACA,SAAA,CAAA,EAAA,MAAA;CAEU,CAAA,EAkBX,mBAAA,CAAA,GAAA,CAAA,OAlBiB"}

package/dist/components/forms/FormLayout.js

@@ -25,4 +25,5 @@ function FormGrid({ children, cols = 2, className }) {
 }
 
 //#endregion
-export { FormGrid, FormRow, FormSection };
+export { FormGrid, FormRow, FormSection };
+//# sourceMappingURL=FormLayout.js.map

package/dist/components/forms/FormLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.js","names":[],"sources":["../../../src/components/forms/FormLayout.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nexport function FormSection({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) {\n  return <div className={cn('space-y-4', className)}>{children}</div>;\n}\n\nexport function FormRow({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) {\n  return (\n    <div className={cn('grid grid-cols-1 gap-4 md:grid-cols-2', className)}>\n      {children}\n    </div>\n  );\n}\n\nexport function FormGrid({\n  children,\n  cols = 2,\n  className,\n}: {\n  children: React.ReactNode;\n  cols?: 1 | 2 | 3 | 4;\n  className?: string;\n}) {\n  const preset =\n    cols === 1\n      ? 'grid-cols-1'\n      : cols === 2\n        ? 'grid-cols-2'\n        : cols === 3\n          ? 'grid-cols-3'\n          : 'grid-cols-4';\n  return <div className={cn('grid gap-4', preset, className)}>{children}</div>;\n}\n"],"mappings":";;;;;;;AAKA,SAAgB,YAAY,EAC1B,UACA,aAIC;AACD,QAAO,oBAAC;EAAI,WAAW,GAAG,aAAa,UAAU;EAAG;GAAe;;AAGrE,SAAgB,QAAQ,EACtB,UACA,aAIC;AACD,QACE,oBAAC;EAAI,WAAW,GAAG,yCAAyC,UAAU;EACnE;GACG;;AAIV,SAAgB,SAAS,EACvB,UACA,OAAO,GACP,aAKC;AASD,QAAO,oBAAC;EAAI,WAAW,GAAG,cAPxB,SAAS,IACL,gBACA,SAAS,IACP,gBACA,SAAS,IACP,gBACA,eACsC,UAAU;EAAG;GAAe"}

package/dist/components/forms/FormOneByOneLayout.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime99 from "react/jsx-runtime";
+import * as react_jsx_runtime103 from "react/jsx-runtime";
 
 //#region src/components/forms/FormOneByOneLayout.d.ts
 interface OneByOneFieldDef {
@@ -20,6 +20,7 @@ declare function FormOneByOneLayout({
   initialKey,
   onComplete,
   className
-}: FormOneByOneLayoutProps): react_jsx_runtime99.JSX.Element | null;
+}: FormOneByOneLayoutProps): react_jsx_runtime103.JSX.Element | null;
 //#endregion
-export { FormOneByOneLayout };
+export { FormOneByOneLayout };
+//# sourceMappingURL=FormOneByOneLayout.d.ts.map

package/dist/components/forms/FormOneByOneLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormOneByOneLayout.d.ts","names":[],"sources":["../../../src/components/forms/FormOneByOneLayout.tsx"],"sourcesContent":[],"mappings":";;;;UAIiB,gBAAA;;SAER,OAAA,CAAM;EAFE,WAAA,CAAA,EAGD,OAAA,CAAM,SAHW;EAExB,KAAM,EAEN,OAAA,CAAM,SAFA;EACC,QAAM,CAAA,EAAA,GAAA,GAAA,OAAA;;AACE,UAIP,uBAAA,CAJO;EAIP,MAAA,EACP,gBADO,EAAuB;EAOxB,UAAA,CAAA,EAAA,MAAA;EACd,UAAA,CAAA,EAAA,GAAA,GAAA,IAAA,GAL0B,OAK1B,CAAA,IAAA,CAAA;EACA,SAAA,CAAA,EAAA,MAAA;;AAEA,iBAJc,kBAAA,CAId;EAAA,MAAA;EAAA,UAAA;EAAA,UAAA;EAAA;AAAA,CAAA,EACC,uBADD,CAAA,EACwB,oBAAA,CAAA,GAAA,CAAA,OAAA,GADxB,IAAA"}

package/dist/components/forms/FormOneByOneLayout.js

@@ -53,4 +53,5 @@ function FormOneByOneLayout({ fields, initialKey, onComplete, className }) {
 }
 
 //#endregion
-export { FormOneByOneLayout };
+export { FormOneByOneLayout };
+//# sourceMappingURL=FormOneByOneLayout.js.map

package/dist/components/forms/FormOneByOneLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormOneByOneLayout.js","names":["React"],"sources":["../../../src/components/forms/FormOneByOneLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button } from '../atoms/Button';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nexport interface OneByOneFieldDef {\n  key: string;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  input: React.ReactNode;\n  validate?: () => boolean; // called before advancing\n}\n\nexport interface FormOneByOneLayoutProps {\n  fields: OneByOneFieldDef[];\n  initialKey?: string;\n  onComplete?: () => void | Promise<void>;\n  className?: string;\n}\n\nexport function FormOneByOneLayout({\n  fields,\n  initialKey,\n  onComplete,\n  className,\n}: FormOneByOneLayoutProps) {\n  const indexByKey = React.useMemo(\n    () => Object.fromEntries(fields.map((f, i) => [f.key, i])),\n    [fields]\n  );\n  const [idx, setIdx] = React.useState<number>(() => {\n    if (initialKey && initialKey in indexByKey) {\n      return indexByKey[initialKey] || 0;\n    }\n    return 0;\n  });\n  const atLast = idx === fields.length - 1;\n  const field = fields[idx];\n\n  if (!field) {\n    return null;\n  }\n\n  const next = async () => {\n    if (field.validate && !field.validate()) return;\n    if (atLast) {\n      await onComplete?.();\n    } else {\n      setIdx((i) => Math.min(i + 1, fields.length - 1));\n    }\n  };\n  const prev = () => setIdx((i) => Math.max(0, i - 1));\n\n  return (\n    <div\n      className={cn(\n        'flex min-h-[320px] flex-col items-stretch justify-between',\n        className\n      )}\n    >\n      <div className=\"space-y-2\">\n        <div className=\"text-lg font-medium\">{field.title}</div>\n        {field.description && (\n          <div className=\"text-muted-foreground text-base\">\n            {field.description}\n          </div>\n        )}\n        <div className=\"pt-2\">{field.input}</div>\n      </div>\n      <div className=\"mt-6 flex items-center justify-between\">\n        <Button variant=\"ghost\" onPress={prev} disabled={idx === 0}>\n          Back\n        </Button>\n        <Button onPress={next}>{atLast ? 'Done' : 'Continue'}</Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAmBA,SAAgB,mBAAmB,EACjC,QACA,YACA,YACA,aAC0B;CAC1B,MAAM,aAAaA,QAAM,cACjB,OAAO,YAAY,OAAO,KAAK,GAAG,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,EAC1D,CAAC,OAAO,CACT;CACD,MAAM,CAAC,KAAK,UAAUA,QAAM,eAAuB;AACjD,MAAI,cAAc,cAAc,WAC9B,QAAO,WAAW,eAAe;AAEnC,SAAO;GACP;CACF,MAAM,SAAS,QAAQ,OAAO,SAAS;CACvC,MAAM,QAAQ,OAAO;AAErB,KAAI,CAAC,MACH,QAAO;CAGT,MAAM,OAAO,YAAY;AACvB,MAAI,MAAM,YAAY,CAAC,MAAM,UAAU,CAAE;AACzC,MAAI,OACF,OAAM,cAAc;MAEpB,SAAQ,MAAM,KAAK,IAAI,IAAI,GAAG,OAAO,SAAS,EAAE,CAAC;;CAGrD,MAAM,aAAa,QAAQ,MAAM,KAAK,IAAI,GAAG,IAAI,EAAE,CAAC;AAEpD,QACE,qBAAC;EACC,WAAW,GACT,6DACA,UACD;aAED,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAI,WAAU;eAAuB,MAAM;MAAY;IACvD,MAAM,eACL,oBAAC;KAAI,WAAU;eACZ,MAAM;MACH;IAER,oBAAC;KAAI,WAAU;eAAQ,MAAM;MAAY;;IACrC,EACN,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAO,SAAQ;IAAQ,SAAS;IAAM,UAAU,QAAQ;cAAG;KAEnD,EACT,oBAAC;IAAO,SAAS;cAAO,SAAS,SAAS;KAAoB;IAC1D;GACF"}

package/dist/components/forms/FormStepsLayout.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime100 from "react/jsx-runtime";
+import * as react_jsx_runtime102 from "react/jsx-runtime";
 
 //#region src/components/forms/FormStepsLayout.d.ts
 interface StepDef {
@@ -21,6 +21,7 @@ declare function FormStepsLayout({
   onFinish,
   canNext,
   className
-}: FormStepsLayoutProps): react_jsx_runtime100.JSX.Element | null;
+}: FormStepsLayoutProps): react_jsx_runtime102.JSX.Element | null;
 //#endregion
-export { FormStepsLayout };
+export { FormStepsLayout };
+//# sourceMappingURL=FormStepsLayout.d.ts.map

package/dist/components/forms/FormStepsLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormStepsLayout.d.ts","names":[],"sources":["../../../src/components/forms/FormStepsLayout.tsx"],"sourcesContent":[],"mappings":";;;;UAKiB,OAAA;;SAER,OAAA,CAAM;EAFE,WAAO,CAAA,EAGR,OAAA,CAAM,SAHE;EAEf,OAAM,EAEJ,OAAA,CAAM,SAFF;;AAEJ,UAGM,oBAAA,CAHA;EAAS,KAAA,EAIjB,OAJiB,EAAA;EAGT,cAAA,CAAA,EAAA,MAAoB;EAQrB,QAAA,CAAA,EAAA,GAAA,GAAA,IAAe,GALL,OAKK,CAAA,IAAA,CAAA;EAC7B,OAAA,CAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,GAAA,OAAA;EACA,SAAA,CAAA,EAAA,MAAA;;AAEA,iBAJc,eAAA,CAId;EAAA,KAAA;EAAA,cAAA;EAAA,QAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAEC,oBAFD,CAAA,EAEqB,oBAAA,CAAA,GAAA,CAAA,OAAA,GAFrB,IAAA"}

package/dist/components/forms/FormStepsLayout.js

@@ -62,4 +62,5 @@ function FormStepsLayout({ steps, initialStepKey, onFinish, canNext, className }
 }
 
 //#endregion
-export { FormStepsLayout };
+export { FormStepsLayout };
+//# sourceMappingURL=FormStepsLayout.js.map