@lmb-it/kitsconcerto-native 0.1.236

package/components/DetailsList/index.cjs

@@ -0,0 +1,210 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var locale = require('../../hooks/locale.cjs');
+var index = require('../../primitives/Box/index.cjs');
+var index_native = require('../../layout/HStack/index.cjs');
+var index_native$1 = require('../../primitives/Heading/index.cjs');
+var index_native$2 = require('../../primitives/Text/index.cjs');
+var index$1 = require('../../layout/Flex/index.cjs');
+var Button_native = require('../Button/Button.cjs');
+var index_native$3 = require('../../form/inputs/InputText/index.cjs');
+var index_native$5 = require('../../form/inputs/InputNumber/index.cjs');
+var index_native$4 = require('../../form/inputs/InputTextarea/index.cjs');
+require('axios');
+var SelectContext = require('../../form/selects/SelectContext.cjs');
+require('../../contexts/DialogContext.cjs');
+
+const DetailList = ({
+  title,
+  description,
+  data,
+  items,
+  headerActions,
+  itemActions
+}) => {
+  const { t } = locale.useLanguage();
+  const [editingField, setEditingField] = React.useState(null);
+  const [draftValue, setDraftValue] = React.useState(null);
+  const [isSaving, setIsSaving] = React.useState(false);
+  const handleEdit = (item) => {
+    setEditingField(item.name);
+    setDraftValue(data[item.name]);
+  };
+  const handleCancel = () => {
+    setEditingField(null);
+    setDraftValue(null);
+  };
+  const handleSave = async (item) => {
+    if (item.onSave) {
+      setIsSaving(true);
+      try {
+        await item.onSave(item.name, draftValue);
+        setEditingField(null);
+      } finally {
+        setIsSaving(false);
+      }
+    } else {
+      setEditingField(null);
+    }
+  };
+  const renderControl = (item) => {
+    const commonProps = {
+      value: draftValue,
+      onChange: (e) => setDraftValue(e.target ? e.target.value : e.value),
+      w: "100%",
+      ...item.inputProps
+    };
+    switch (item.type) {
+      case "number":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          index_native$5.default,
+          {
+            value: draftValue,
+            onChange: (e) => setDraftValue(e.value),
+            style: { width: "100%" },
+            ...item.inputProps
+          }
+        );
+      case "textarea":
+        return /* @__PURE__ */ jsxRuntime.jsx(index_native$4.default, { ...commonProps, rows: 3, autoResize: true });
+      case "select":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          SelectContext.default,
+          {
+            shape: "dropdown",
+            ...commonProps,
+            list: item.list || [],
+            labelKey: item.labelKey,
+            valueKey: item.valueKey
+          }
+        );
+      case "multiselect":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          SelectContext.default,
+          {
+            shape: "multiselect",
+            ...commonProps,
+            list: item.list || [],
+            labelKey: item.labelKey,
+            valueKey: item.valueKey
+          }
+        );
+      case "text":
+      default:
+        return /* @__PURE__ */ jsxRuntime.jsx(index_native$3.default, { ...commonProps });
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(index.default, { bgColor: "var(--surface-0)", p: "1.5rem", borderRadius: "0.75rem", children: [
+    (title || description || headerActions) && /* @__PURE__ */ jsxRuntime.jsxs(index_native.default, { justifyContent: "space-between", alignItems: "flex-start", mb: "1.5rem", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(index.default, { children: [
+        title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+          index_native$1.default,
+          {
+            as: "h2",
+            fontSize: "1.5rem",
+            fontWeight: "600",
+            fontColor: "var(--text-900)",
+            mb: description ? "0.5rem" : "0",
+            children: title
+          }
+        ) : title),
+        description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index_native$2.default, { as: "p", fontColor: "var(--text-500)", fontSize: "0.875rem", children: description }) : description)
+      ] }),
+      headerActions && /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: headerActions })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(index.default, { as: "ul", p: "0", m: "0", style: { listStyle: "none" }, children: items.map((item, index$2) => {
+      const isEditing = editingField === item.name;
+      const isLast = index$2 === items.length - 1;
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        index$1.default,
+        {
+          as: "li",
+          alignItems: "center",
+          py: "1rem",
+          px: "0.5rem",
+          style: {
+            borderTop: "1px solid var(--surface-200)",
+            borderBottom: isLast ? "1px solid var(--surface-200)" : "none"
+          },
+          flexWrap: "wrap",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(index$1.default, { w: ["50%", null, "85%"], flexDirection: ["column", "row"], children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                index_native$2.default,
+                {
+                  m: 0,
+                  w: ["50%", null, "16.666%"],
+                  fontColor: "var(--surface-500)",
+                  fontWeight: "500",
+                  fontSize: "0.875rem",
+                  children: item.label
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                index.default,
+                {
+                  w: ["100%", null, "66.666%"],
+                  fontColor: "var(--text-900)",
+                  lineHeight: item.type === "textarea" ? 1.5 : void 0,
+                  children: isEditing ? renderControl(item) : item.body ? item.body(data[item.name], data) : data[item.name]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              index$1.default,
+              {
+                w: ["50%", null, "15%"],
+                justifyContent: "flex-end",
+                alignItems: "center",
+                gap: "0.5rem",
+                children: [
+                  itemActions && !isEditing && itemActions(item, data),
+                  item.editable && !isEditing && /* @__PURE__ */ jsxRuntime.jsx(
+                    Button_native.Button,
+                    {
+                      label: t("edit"),
+                      icon: "pencil",
+                      severity: "contrast",
+                      outlined: true,
+                      onClick: () => handleEdit(item)
+                    }
+                  ),
+                  isEditing && /* @__PURE__ */ jsxRuntime.jsxs(index_native.default, { gap: "0.25rem", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      Button_native.Button,
+                      {
+                        icon: "pi pi-check",
+                        severity: "success",
+                        loading: isSaving,
+                        onClick: () => handleSave(item),
+                        "aria-label": t("save")
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      Button_native.Button,
+                      {
+                        icon: "pi pi-times",
+                        severity: "secondary",
+                        disabled: isSaving,
+                        onClick: handleCancel,
+                        "aria-label": t("cancel")
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
+          ]
+        },
+        item.name
+      );
+    }) })
+  ] });
+};
+
+exports.default = DetailList;
+//# sourceMappingURL=index.cjs.map

package/components/DetailsList/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/DetailsList/index.tsx"],"sourcesContent":["import React, {type ReactNode, useState} from 'react';\nimport {\n    Box,\n    Flex,\n    HStack,\n    Heading,\n    Text,\n    Button,\n    KitsInputText,\n    KitsInputNumber,\n    KitsInputTextarea,\n    FormSelect,\n    useLanguage,\n} from '../../_compat';\nimport type {IDetailListProps, IDetailItem} from '@lmb-it/kitsconcerto-types';\n\nconst DetailList = <T extends Record<string, any>>({\n    title,\n    description,\n    data,\n    items,\n    headerActions,\n    itemActions,\n}: IDetailListProps<T>) => {\n    const {t} = useLanguage();\n    const [editingField, setEditingField] = useState<keyof T | null>(null);\n    const [draftValue, setDraftValue] = useState<any>(null);\n    const [isSaving, setIsSaving] = useState(false);\n\n    const handleEdit = (item: IDetailItem<T>) => {\n        setEditingField(item.name);\n        setDraftValue(data[item.name]);\n    };\n\n    const handleCancel = () => {\n        setEditingField(null);\n        setDraftValue(null);\n    };\n\n    const handleSave = async (item: IDetailItem<T>) => {\n        if (item.onSave) {\n            setIsSaving(true);\n            try {\n                await item.onSave(item.name, draftValue);\n                setEditingField(null);\n            } finally {\n                setIsSaving(false);\n            }\n        } else {\n            setEditingField(null);\n        }\n    };\n\n    const renderControl = (item: IDetailItem<T>) => {\n        const commonProps = {\n            value: draftValue,\n            onChange: (e: any) => setDraftValue(e.target ? e.target.value : e.value),\n            w: '100%',\n            ...item.inputProps,\n        };\n\n        switch (item.type) {\n            case 'number':\n                return (\n                    <KitsInputNumber\n                        value={draftValue}\n                        onChange={(e) => setDraftValue(e.value)}\n                        style={{width: '100%'}}\n                        {...item.inputProps}\n                    />\n                );\n            case 'textarea':\n                return <KitsInputTextarea {...commonProps} rows={3} autoResize/>;\n            case 'select':\n                return (\n                    <FormSelect\n                        shape=\"dropdown\"\n                        {...commonProps}\n                        list={item.list || []}\n                        labelKey={item.labelKey}\n                        valueKey={item.valueKey}\n                    />\n                );\n            case 'multiselect':\n                return (\n                    <FormSelect\n                        shape=\"multiselect\"\n                        {...commonProps}\n                        list={item.list || []}\n                        labelKey={item.labelKey}\n                        valueKey={item.valueKey}\n                    />\n                );\n            case 'text':\n            default:\n                return <KitsInputText {...commonProps} />;\n        }\n    };\n\n    // @ts-ignore\n    // @ts-ignore\n    return (\n        <Box bgColor=\"var(--surface-0)\" p=\"1.5rem\" borderRadius=\"0.75rem\">\n            {/* Header Area */}\n            {(title || description || headerActions) && (\n                <HStack justifyContent=\"space-between\" alignItems=\"flex-start\" mb=\"1.5rem\">\n                    <Box>\n                        {title && (\n                            typeof title === 'string'\n                                ? (\n                                    <Heading as=\"h2\" fontSize=\"1.5rem\" fontWeight=\"600\"\n                                             fontColor=\"var(--text-900)\"\n                                             mb={description ? '0.5rem' : '0'}>\n                                        {title}\n                                    </Heading>\n                                )\n                                : title\n                        )}\n                        {description && (\n                            typeof description === 'string'\n                                ? (\n                                    <Text as=\"p\" fontColor=\"var(--text-500)\" fontSize=\"0.875rem\">\n                                        {description}\n                                    </Text>\n                                )\n                                : description\n                        )}\n                    </Box>\n                    {headerActions && <Box>{headerActions}</Box>}\n                </HStack>\n            )}\n\n            {/* List Area */}\n            <Box as=\"ul\" p=\"0\" m=\"0\" style={{listStyle: 'none'}}>\n                {items.map((item, index) => {\n                    const isEditing = editingField === item.name;\n                    const isLast = index === items.length - 1;\n\n                    return (\n                        <Flex\n                            key={item.name as string}\n                            as=\"li\"\n                            alignItems=\"center\"\n                            py=\"1rem\"\n                            // justifyContent={'center'}\n                            px=\"0.5rem\"\n                            style={{\n                                borderTop: '1px solid var(--surface-200)',\n                                borderBottom: isLast ? '1px solid var(--surface-200)' : 'none',\n                            }}\n                            flexWrap=\"wrap\"\n                        >\n                           <Flex w={['50%', null, '85%']} flexDirection={['column', 'row']}>\n                               {/* Label Column */}\n                               <Text\n                                   m={0}\n                                   w={['50%', null, '16.666%']}\n                                   fontColor=\"var(--surface-500)\"\n                                   fontWeight=\"500\"\n                                   fontSize=\"0.875rem\"\n                               >\n                                   {item.label}\n                               </Text>\n\n                               {/* Value / Edit Control Column */}\n                               <Box\n                                   w={['100%', null, '66.666%']}\n                                   fontColor=\"var(--text-900)\"\n                                   lineHeight={item.type === 'textarea' ? 1.5 : undefined}\n                               >\n                                   {isEditing\n                                       ? renderControl(item)\n                                       : item.body\n                                           ? item.body(data[item.name], data)\n                                           : (data[item.name] as ReactNode)}\n                               </Box>\n                           </Flex>\n\n                            {/* Actions Column */}\n                            <Flex\n                                w={['50%', null, '15%']}\n                                justifyContent=\"flex-end\"\n                                alignItems=\"center\"\n                                gap=\"0.5rem\"\n                            >\n                                {itemActions && !isEditing && itemActions(item, data)}\n\n                                {item.editable && !isEditing && (\n                                    <Button\n                                        label={t(\"edit\")}\n                                        icon=\"pencil\"\n                                        severity=\"contrast\"\n                                        outlined\n                                        onClick={() => handleEdit(item)}\n                                    />\n                                )}\n\n                                {isEditing && (\n                                    <HStack gap=\"0.25rem\">\n                                        <Button\n                                            icon=\"pi pi-check\"\n                                            severity=\"success\"\n                                            loading={isSaving}\n                                            onClick={() => handleSave(item)}\n                                            aria-label={t(\"save\")}\n                                        />\n                                        <Button\n                                            icon=\"pi pi-times\"\n                                            severity=\"secondary\"\n                                            disabled={isSaving}\n                                            onClick={handleCancel}\n                                            aria-label={t(\"cancel\")}\n                                        />\n                                    </HStack>\n                                )}\n                            </Flex>\n                        </Flex>\n                    );\n                })}\n            </Box>\n        </Box>\n    );\n}\n\nexport default DetailList\n"],"names":["useLanguage","useState","jsx","KitsInputNumber","KitsInputTextarea","FormSelect","KitsInputText","Box","jsxs","HStack","Heading","Text","index","Flex","Button"],"mappings":"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"}

package/components/DetailsList/index.js

@@ -0,0 +1,206 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { useLanguage } from '../../hooks/locale.js';
+import Box from '../../primitives/Box/index.js';
+import HStack from '../../layout/HStack/index.js';
+import Heading from '../../primitives/Heading/index.js';
+import Text from '../../primitives/Text/index.js';
+import Flex from '../../layout/Flex/index.js';
+import { Button } from '../Button/Button.js';
+import KitsInputText from '../../form/inputs/InputText/index.js';
+import KitsInputNumber from '../../form/inputs/InputNumber/index.js';
+import KitsInputTextarea from '../../form/inputs/InputTextarea/index.js';
+import 'axios';
+import FormSelect from '../../form/selects/SelectContext.js';
+import '../../contexts/DialogContext.js';
+
+const DetailList = ({
+  title,
+  description,
+  data,
+  items,
+  headerActions,
+  itemActions
+}) => {
+  const { t } = useLanguage();
+  const [editingField, setEditingField] = useState(null);
+  const [draftValue, setDraftValue] = useState(null);
+  const [isSaving, setIsSaving] = useState(false);
+  const handleEdit = (item) => {
+    setEditingField(item.name);
+    setDraftValue(data[item.name]);
+  };
+  const handleCancel = () => {
+    setEditingField(null);
+    setDraftValue(null);
+  };
+  const handleSave = async (item) => {
+    if (item.onSave) {
+      setIsSaving(true);
+      try {
+        await item.onSave(item.name, draftValue);
+        setEditingField(null);
+      } finally {
+        setIsSaving(false);
+      }
+    } else {
+      setEditingField(null);
+    }
+  };
+  const renderControl = (item) => {
+    const commonProps = {
+      value: draftValue,
+      onChange: (e) => setDraftValue(e.target ? e.target.value : e.value),
+      w: "100%",
+      ...item.inputProps
+    };
+    switch (item.type) {
+      case "number":
+        return /* @__PURE__ */ jsx(
+          KitsInputNumber,
+          {
+            value: draftValue,
+            onChange: (e) => setDraftValue(e.value),
+            style: { width: "100%" },
+            ...item.inputProps
+          }
+        );
+      case "textarea":
+        return /* @__PURE__ */ jsx(KitsInputTextarea, { ...commonProps, rows: 3, autoResize: true });
+      case "select":
+        return /* @__PURE__ */ jsx(
+          FormSelect,
+          {
+            shape: "dropdown",
+            ...commonProps,
+            list: item.list || [],
+            labelKey: item.labelKey,
+            valueKey: item.valueKey
+          }
+        );
+      case "multiselect":
+        return /* @__PURE__ */ jsx(
+          FormSelect,
+          {
+            shape: "multiselect",
+            ...commonProps,
+            list: item.list || [],
+            labelKey: item.labelKey,
+            valueKey: item.valueKey
+          }
+        );
+      case "text":
+      default:
+        return /* @__PURE__ */ jsx(KitsInputText, { ...commonProps });
+    }
+  };
+  return /* @__PURE__ */ jsxs(Box, { bgColor: "var(--surface-0)", p: "1.5rem", borderRadius: "0.75rem", children: [
+    (title || description || headerActions) && /* @__PURE__ */ jsxs(HStack, { justifyContent: "space-between", alignItems: "flex-start", mb: "1.5rem", children: [
+      /* @__PURE__ */ jsxs(Box, { children: [
+        title && (typeof title === "string" ? /* @__PURE__ */ jsx(
+          Heading,
+          {
+            as: "h2",
+            fontSize: "1.5rem",
+            fontWeight: "600",
+            fontColor: "var(--text-900)",
+            mb: description ? "0.5rem" : "0",
+            children: title
+          }
+        ) : title),
+        description && (typeof description === "string" ? /* @__PURE__ */ jsx(Text, { as: "p", fontColor: "var(--text-500)", fontSize: "0.875rem", children: description }) : description)
+      ] }),
+      headerActions && /* @__PURE__ */ jsx(Box, { children: headerActions })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { as: "ul", p: "0", m: "0", style: { listStyle: "none" }, children: items.map((item, index) => {
+      const isEditing = editingField === item.name;
+      const isLast = index === items.length - 1;
+      return /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          as: "li",
+          alignItems: "center",
+          py: "1rem",
+          px: "0.5rem",
+          style: {
+            borderTop: "1px solid var(--surface-200)",
+            borderBottom: isLast ? "1px solid var(--surface-200)" : "none"
+          },
+          flexWrap: "wrap",
+          children: [
+            /* @__PURE__ */ jsxs(Flex, { w: ["50%", null, "85%"], flexDirection: ["column", "row"], children: [
+              /* @__PURE__ */ jsx(
+                Text,
+                {
+                  m: 0,
+                  w: ["50%", null, "16.666%"],
+                  fontColor: "var(--surface-500)",
+                  fontWeight: "500",
+                  fontSize: "0.875rem",
+                  children: item.label
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Box,
+                {
+                  w: ["100%", null, "66.666%"],
+                  fontColor: "var(--text-900)",
+                  lineHeight: item.type === "textarea" ? 1.5 : void 0,
+                  children: isEditing ? renderControl(item) : item.body ? item.body(data[item.name], data) : data[item.name]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs(
+              Flex,
+              {
+                w: ["50%", null, "15%"],
+                justifyContent: "flex-end",
+                alignItems: "center",
+                gap: "0.5rem",
+                children: [
+                  itemActions && !isEditing && itemActions(item, data),
+                  item.editable && !isEditing && /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      label: t("edit"),
+                      icon: "pencil",
+                      severity: "contrast",
+                      outlined: true,
+                      onClick: () => handleEdit(item)
+                    }
+                  ),
+                  isEditing && /* @__PURE__ */ jsxs(HStack, { gap: "0.25rem", children: [
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        icon: "pi pi-check",
+                        severity: "success",
+                        loading: isSaving,
+                        onClick: () => handleSave(item),
+                        "aria-label": t("save")
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        icon: "pi pi-times",
+                        severity: "secondary",
+                        disabled: isSaving,
+                        onClick: handleCancel,
+                        "aria-label": t("cancel")
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
+          ]
+        },
+        item.name
+      );
+    }) })
+  ] });
+};
+
+export { DetailList as default };
+//# sourceMappingURL=index.js.map

package/components/DetailsList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/DetailsList/index.tsx"],"sourcesContent":["import React, {type ReactNode, useState} from 'react';\nimport {\n    Box,\n    Flex,\n    HStack,\n    Heading,\n    Text,\n    Button,\n    KitsInputText,\n    KitsInputNumber,\n    KitsInputTextarea,\n    FormSelect,\n    useLanguage,\n} from '../../_compat';\nimport type {IDetailListProps, IDetailItem} from '@lmb-it/kitsconcerto-types';\n\nconst DetailList = <T extends Record<string, any>>({\n    title,\n    description,\n    data,\n    items,\n    headerActions,\n    itemActions,\n}: IDetailListProps<T>) => {\n    const {t} = useLanguage();\n    const [editingField, setEditingField] = useState<keyof T | null>(null);\n    const [draftValue, setDraftValue] = useState<any>(null);\n    const [isSaving, setIsSaving] = useState(false);\n\n    const handleEdit = (item: IDetailItem<T>) => {\n        setEditingField(item.name);\n        setDraftValue(data[item.name]);\n    };\n\n    const handleCancel = () => {\n        setEditingField(null);\n        setDraftValue(null);\n    };\n\n    const handleSave = async (item: IDetailItem<T>) => {\n        if (item.onSave) {\n            setIsSaving(true);\n            try {\n                await item.onSave(item.name, draftValue);\n                setEditingField(null);\n            } finally {\n                setIsSaving(false);\n            }\n        } else {\n            setEditingField(null);\n        }\n    };\n\n    const renderControl = (item: IDetailItem<T>) => {\n        const commonProps = {\n            value: draftValue,\n            onChange: (e: any) => setDraftValue(e.target ? e.target.value : e.value),\n            w: '100%',\n            ...item.inputProps,\n        };\n\n        switch (item.type) {\n            case 'number':\n                return (\n                    <KitsInputNumber\n                        value={draftValue}\n                        onChange={(e) => setDraftValue(e.value)}\n                        style={{width: '100%'}}\n                        {...item.inputProps}\n                    />\n                );\n            case 'textarea':\n                return <KitsInputTextarea {...commonProps} rows={3} autoResize/>;\n            case 'select':\n                return (\n                    <FormSelect\n                        shape=\"dropdown\"\n                        {...commonProps}\n                        list={item.list || []}\n                        labelKey={item.labelKey}\n                        valueKey={item.valueKey}\n                    />\n                );\n            case 'multiselect':\n                return (\n                    <FormSelect\n                        shape=\"multiselect\"\n                        {...commonProps}\n                        list={item.list || []}\n                        labelKey={item.labelKey}\n                        valueKey={item.valueKey}\n                    />\n                );\n            case 'text':\n            default:\n                return <KitsInputText {...commonProps} />;\n        }\n    };\n\n    // @ts-ignore\n    // @ts-ignore\n    return (\n        <Box bgColor=\"var(--surface-0)\" p=\"1.5rem\" borderRadius=\"0.75rem\">\n            {/* Header Area */}\n            {(title || description || headerActions) && (\n                <HStack justifyContent=\"space-between\" alignItems=\"flex-start\" mb=\"1.5rem\">\n                    <Box>\n                        {title && (\n                            typeof title === 'string'\n                                ? (\n                                    <Heading as=\"h2\" fontSize=\"1.5rem\" fontWeight=\"600\"\n                                             fontColor=\"var(--text-900)\"\n                                             mb={description ? '0.5rem' : '0'}>\n                                        {title}\n                                    </Heading>\n                                )\n                                : title\n                        )}\n                        {description && (\n                            typeof description === 'string'\n                                ? (\n                                    <Text as=\"p\" fontColor=\"var(--text-500)\" fontSize=\"0.875rem\">\n                                        {description}\n                                    </Text>\n                                )\n                                : description\n                        )}\n                    </Box>\n                    {headerActions && <Box>{headerActions}</Box>}\n                </HStack>\n            )}\n\n            {/* List Area */}\n            <Box as=\"ul\" p=\"0\" m=\"0\" style={{listStyle: 'none'}}>\n                {items.map((item, index) => {\n                    const isEditing = editingField === item.name;\n                    const isLast = index === items.length - 1;\n\n                    return (\n                        <Flex\n                            key={item.name as string}\n                            as=\"li\"\n                            alignItems=\"center\"\n                            py=\"1rem\"\n                            // justifyContent={'center'}\n                            px=\"0.5rem\"\n                            style={{\n                                borderTop: '1px solid var(--surface-200)',\n                                borderBottom: isLast ? '1px solid var(--surface-200)' : 'none',\n                            }}\n                            flexWrap=\"wrap\"\n                        >\n                           <Flex w={['50%', null, '85%']} flexDirection={['column', 'row']}>\n                               {/* Label Column */}\n                               <Text\n                                   m={0}\n                                   w={['50%', null, '16.666%']}\n                                   fontColor=\"var(--surface-500)\"\n                                   fontWeight=\"500\"\n                                   fontSize=\"0.875rem\"\n                               >\n                                   {item.label}\n                               </Text>\n\n                               {/* Value / Edit Control Column */}\n                               <Box\n                                   w={['100%', null, '66.666%']}\n                                   fontColor=\"var(--text-900)\"\n                                   lineHeight={item.type === 'textarea' ? 1.5 : undefined}\n                               >\n                                   {isEditing\n                                       ? renderControl(item)\n                                       : item.body\n                                           ? item.body(data[item.name], data)\n                                           : (data[item.name] as ReactNode)}\n                               </Box>\n                           </Flex>\n\n                            {/* Actions Column */}\n                            <Flex\n                                w={['50%', null, '15%']}\n                                justifyContent=\"flex-end\"\n                                alignItems=\"center\"\n                                gap=\"0.5rem\"\n                            >\n                                {itemActions && !isEditing && itemActions(item, data)}\n\n                                {item.editable && !isEditing && (\n                                    <Button\n                                        label={t(\"edit\")}\n                                        icon=\"pencil\"\n                                        severity=\"contrast\"\n                                        outlined\n                                        onClick={() => handleEdit(item)}\n                                    />\n                                )}\n\n                                {isEditing && (\n                                    <HStack gap=\"0.25rem\">\n                                        <Button\n                                            icon=\"pi pi-check\"\n                                            severity=\"success\"\n                                            loading={isSaving}\n                                            onClick={() => handleSave(item)}\n                                            aria-label={t(\"save\")}\n                                        />\n                                        <Button\n                                            icon=\"pi pi-times\"\n                                            severity=\"secondary\"\n                                            disabled={isSaving}\n                                            onClick={handleCancel}\n                                            aria-label={t(\"cancel\")}\n                                        />\n                                    </HStack>\n                                )}\n                            </Flex>\n                        </Flex>\n                    );\n                })}\n            </Box>\n        </Box>\n    );\n}\n\nexport default DetailList\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAM,aAAa,CAAgC;AAAA,EAC/C,KAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA;AAAA,EACA;AACJ,CAAA,KAA2B;AACvB,EAAA,MAAM,EAAC,CAAA,EAAC,GAAI,WAAA,EAAY;AACxB,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAyB,IAAI,CAAA;AACrE,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAc,IAAI,CAAA;AACtD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAE9C,EAAA,MAAM,UAAA,GAAa,CAAC,IAAA,KAAyB;AACzC,IAAA,eAAA,CAAgB,KAAK,IAAI,CAAA;AACzB,IAAA,aAAA,CAAc,IAAA,CAAK,IAAA,CAAK,IAAI,CAAC,CAAA;AAAA,EACjC,CAAA;AAEA,EAAA,MAAM,eAAe,MAAM;AACvB,IAAA,eAAA,CAAgB,IAAI,CAAA;AACpB,IAAA,aAAA,CAAc,IAAI,CAAA;AAAA,EACtB,CAAA;AAEA,EAAA,MAAM,UAAA,GAAa,OAAO,IAAA,KAAyB;AAC/C,IAAA,IAAI,KAAK,MAAA,EAAQ;AACb,MAAA,WAAA,CAAY,IAAI,CAAA;AAChB,MAAA,IAAI;AACA,QAAA,MAAM,IAAA,CAAK,MAAA,CAAO,IAAA,CAAK,IAAA,EAAM,UAAU,CAAA;AACvC,QAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,MACxB,CAAA,SAAE;AACE,QAAA,WAAA,CAAY,KAAK,CAAA;AAAA,MACrB;AAAA,IACJ,CAAA,MAAO;AACH,MAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,IACxB;AAAA,EACJ,CAAA;AAEA,EAAA,MAAM,aAAA,GAAgB,CAAC,IAAA,KAAyB;AAC5C,IAAA,MAAM,WAAA,GAAc;AAAA,MAChB,KAAA,EAAO,UAAA;AAAA,MACP,QAAA,EAAU,CAAC,CAAA,KAAW,aAAA,CAAc,CAAA,CAAE,SAAS,CAAA,CAAE,MAAA,CAAO,KAAA,GAAQ,CAAA,CAAE,KAAK,CAAA;AAAA,MACvE,CAAA,EAAG,MAAA;AAAA,MACH,GAAG,IAAA,CAAK;AAAA,KACZ;AAEA,IAAA,QAAQ,KAAK,IAAA;AAAM,MACf,KAAK,QAAA;AACD,QAAA,uBACI,GAAA;AAAA,UAAC,eAAA;AAAA,UAAA;AAAA,YACG,KAAA,EAAO,UAAA;AAAA,YACP,QAAA,EAAU,CAAC,CAAA,KAAM,aAAA,CAAc,EAAE,KAAK,CAAA;AAAA,YACtC,KAAA,EAAO,EAAC,KAAA,EAAO,MAAA,EAAM;AAAA,YACpB,GAAG,IAAA,CAAK;AAAA;AAAA,SACb;AAAA,MAER,KAAK,UAAA;AACD,QAAA,2BAAQ,iBAAA,EAAA,EAAmB,GAAG,WAAA,EAAa,IAAA,EAAM,GAAG,UAAA,EAAU,IAAA,EAAA,CAAA;AAAA,MAClE,KAAK,QAAA;AACD,QAAA,uBACI,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACG,KAAA,EAAM,UAAA;AAAA,YACL,GAAG,WAAA;AAAA,YACJ,IAAA,EAAM,IAAA,CAAK,IAAA,IAAQ,EAAC;AAAA,YACpB,UAAU,IAAA,CAAK,QAAA;AAAA,YACf,UAAU,IAAA,CAAK;AAAA;AAAA,SACnB;AAAA,MAER,KAAK,aAAA;AACD,QAAA,uBACI,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACG,KAAA,EAAM,aAAA;AAAA,YACL,GAAG,WAAA;AAAA,YACJ,IAAA,EAAM,IAAA,CAAK,IAAA,IAAQ,EAAC;AAAA,YACpB,UAAU,IAAA,CAAK,QAAA;AAAA,YACf,UAAU,IAAA,CAAK;AAAA;AAAA,SACnB;AAAA,MAER,KAAK,MAAA;AAAA,MACL;AACI,QAAA,uBAAO,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,WAAA,EAAa,CAAA;AAAA;AAC/C,EACJ,CAAA;AAIA,EAAA,4BACK,GAAA,EAAA,EAAI,OAAA,EAAQ,oBAAmB,CAAA,EAAE,QAAA,EAAS,cAAa,SAAA,EAElD,QAAA,EAAA;AAAA,IAAA,CAAA,KAAA,IAAS,WAAA,IAAe,kCACtB,IAAA,CAAC,MAAA,EAAA,EAAO,gBAAe,eAAA,EAAgB,UAAA,EAAW,YAAA,EAAa,EAAA,EAAG,QAAA,EAC9D,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,GAAA,EAAA,EACI,QAAA,EAAA;AAAA,QAAA,KAAA,KACG,OAAO,UAAU,QAAA,mBAET,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YAAQ,EAAA,EAAG,IAAA;AAAA,YAAK,QAAA,EAAS,QAAA;AAAA,YAAS,UAAA,EAAW,KAAA;AAAA,YACrC,SAAA,EAAU,iBAAA;AAAA,YACV,EAAA,EAAI,cAAc,QAAA,GAAW,GAAA;AAAA,YACjC,QAAA,EAAA;AAAA;AAAA,SACL,GAEF,KAAA,CAAA;AAAA,QAET,WAAA,KACG,OAAO,WAAA,KAAgB,QAAA,mBAEf,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAG,GAAA,EAAI,SAAA,EAAU,iBAAA,EAAkB,QAAA,EAAS,UAAA,EAC7C,uBACL,CAAA,GAEF,WAAA;AAAA,OAAA,EAEd,CAAA;AAAA,MACC,aAAA,oBAAiB,GAAA,CAAC,GAAA,EAAA,EAAK,QAAA,EAAA,aAAA,EAAc;AAAA,KAAA,EAC1C,CAAA;AAAA,wBAIH,GAAA,EAAA,EAAI,EAAA,EAAG,IAAA,EAAK,CAAA,EAAE,KAAI,CAAA,EAAE,GAAA,EAAI,KAAA,EAAO,EAAC,WAAW,MAAA,EAAM,EAC7C,gBAAM,GAAA,CAAI,CAAC,MAAM,KAAA,KAAU;AACxB,MAAA,MAAM,SAAA,GAAY,iBAAiB,IAAA,CAAK,IAAA;AACxC,MAAA,MAAM,MAAA,GAAS,KAAA,KAAU,KAAA,CAAM,MAAA,GAAS,CAAA;AAExC,MAAA,uBACI,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UAEG,EAAA,EAAG,IAAA;AAAA,UACH,UAAA,EAAW,QAAA;AAAA,UACX,EAAA,EAAG,MAAA;AAAA,UAEH,EAAA,EAAG,QAAA;AAAA,UACH,KAAA,EAAO;AAAA,YACH,SAAA,EAAW,8BAAA;AAAA,YACX,YAAA,EAAc,SAAS,8BAAA,GAAiC;AAAA,WAC5D;AAAA,UACA,QAAA,EAAS,MAAA;AAAA,UAEV,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,IAAA,EAAA,EAAK,CAAA,EAAG,CAAC,KAAA,EAAO,IAAA,EAAM,KAAK,CAAA,EAAG,aAAA,EAAe,CAAC,QAAA,EAAU,KAAK,CAAA,EAE1D,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,IAAA;AAAA,gBAAA;AAAA,kBACG,CAAA,EAAG,CAAA;AAAA,kBACH,CAAA,EAAG,CAAC,KAAA,EAAO,IAAA,EAAM,SAAS,CAAA;AAAA,kBAC1B,SAAA,EAAU,oBAAA;AAAA,kBACV,UAAA,EAAW,KAAA;AAAA,kBACX,QAAA,EAAS,UAAA;AAAA,kBAER,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,eACV;AAAA,8BAGA,GAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBACG,CAAA,EAAG,CAAC,MAAA,EAAQ,IAAA,EAAM,SAAS,CAAA;AAAA,kBAC3B,SAAA,EAAU,iBAAA;AAAA,kBACV,UAAA,EAAY,IAAA,CAAK,IAAA,KAAS,UAAA,GAAa,GAAA,GAAM,MAAA;AAAA,kBAE5C,sBACK,aAAA,CAAc,IAAI,CAAA,GAClB,IAAA,CAAK,OACD,IAAA,CAAK,IAAA,CAAK,IAAA,CAAK,IAAA,CAAK,IAAI,CAAA,EAAG,IAAI,CAAA,GAC9B,IAAA,CAAK,KAAK,IAAI;AAAA;AAAA;AAC7B,aAAA,EACJ,CAAA;AAAA,4BAGC,IAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACG,CAAA,EAAG,CAAC,KAAA,EAAO,IAAA,EAAM,KAAK,CAAA;AAAA,gBACtB,cAAA,EAAe,UAAA;AAAA,gBACf,UAAA,EAAW,QAAA;AAAA,gBACX,GAAA,EAAI,QAAA;AAAA,gBAEH,QAAA,EAAA;AAAA,kBAAA,WAAA,IAAe,CAAC,SAAA,IAAa,WAAA,CAAY,IAAA,EAAM,IAAI,CAAA;AAAA,kBAEnD,IAAA,CAAK,QAAA,IAAY,CAAC,SAAA,oBACf,GAAA;AAAA,oBAAC,MAAA;AAAA,oBAAA;AAAA,sBACG,KAAA,EAAO,EAAE,MAAM,CAAA;AAAA,sBACf,IAAA,EAAK,QAAA;AAAA,sBACL,QAAA,EAAS,UAAA;AAAA,sBACT,QAAA,EAAQ,IAAA;AAAA,sBACR,OAAA,EAAS,MAAM,UAAA,CAAW,IAAI;AAAA;AAAA,mBAClC;AAAA,kBAGH,SAAA,oBACG,IAAA,CAAC,MAAA,EAAA,EAAO,GAAA,EAAI,SAAA,EACR,QAAA,EAAA;AAAA,oCAAA,GAAA;AAAA,sBAAC,MAAA;AAAA,sBAAA;AAAA,wBACG,IAAA,EAAK,aAAA;AAAA,wBACL,QAAA,EAAS,SAAA;AAAA,wBACT,OAAA,EAAS,QAAA;AAAA,wBACT,OAAA,EAAS,MAAM,UAAA,CAAW,IAAI,CAAA;AAAA,wBAC9B,YAAA,EAAY,EAAE,MAAM;AAAA;AAAA,qBACxB;AAAA,oCACA,GAAA;AAAA,sBAAC,MAAA;AAAA,sBAAA;AAAA,wBACG,IAAA,EAAK,aAAA;AAAA,wBACL,QAAA,EAAS,WAAA;AAAA,wBACT,QAAA,EAAU,QAAA;AAAA,wBACV,OAAA,EAAS,YAAA;AAAA,wBACT,YAAA,EAAY,EAAE,QAAQ;AAAA;AAAA;AAC1B,mBAAA,EACJ;AAAA;AAAA;AAAA;AAER;AAAA,SAAA;AAAA,QA3EK,IAAA,CAAK;AAAA,OA4Ed;AAAA,IAER,CAAC,CAAA,EACL;AAAA,GAAA,EACJ,CAAA;AAER;;;;"}

package/components/EmptyState/index.cjs

@@ -0,0 +1,70 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../primitives/Box/index.cjs');
+var index_native$1 = require('../../primitives/Text/index.cjs');
+var index_native = require('../../primitives/Icon/index.cjs');
+require('react');
+require('../../contexts/DialogContext.cjs');
+var useComponentDefaults = require('../../hooks/useComponentDefaults.cjs');
+
+const SIZE = {
+  sm: { bubble: 48, icon: 22, title: 15, desc: 12, gap: 8, pad: 20 },
+  md: { bubble: 64, icon: 30, title: 17, desc: 13, gap: 10, pad: 28 }
+};
+function EmptyState(rawProps) {
+  const props = useComponentDefaults.default("EmptyState", rawProps).mergedProps;
+  const {
+    icon,
+    illustration,
+    title,
+    description,
+    action,
+    secondaryAction,
+    accentColor = "brand",
+    size = "md",
+    testID,
+    ...rest
+  } = props;
+  const cfg = SIZE[size === "sm" ? "sm" : "md"];
+  const a11yProps = {
+    role: "status",
+    ...testID ? { testID, "data-testid": testID } : {}
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    index.default,
+    {
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: cfg.gap,
+      padding: cfg.pad,
+      ...rest,
+      ...a11yProps,
+      children: [
+        illustration != null ? illustration : icon != null ? /* @__PURE__ */ jsxRuntime.jsx(
+          index.default,
+          {
+            width: cfg.bubble,
+            height: cfg.bubble,
+            borderRadius: 999,
+            alignItems: "center",
+            justifyContent: "center",
+            bgColor: "gray.100",
+            marginBottom: 2,
+            children: /* @__PURE__ */ jsxRuntime.jsx(index_native.Icon, { name: icon, size: cfg.icon, color: accentColor })
+          }
+        ) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(index_native$1.default, { fontSize: cfg.title, fontWeight: "700", color: "text", textAlign: "center", children: title }),
+        description != null && /* @__PURE__ */ jsxRuntime.jsx(index_native$1.default, { fontSize: cfg.desc, color: "text-secondary", textAlign: "center", lineHeight: Math.round(cfg.desc * 1.45), children: description }),
+        (action != null || secondaryAction != null) && /* @__PURE__ */ jsxRuntime.jsxs(index.default, { flexDirection: "row", alignItems: "center", justifyContent: "center", gap: 10, marginTop: 6, flexWrap: "wrap", children: [
+          secondaryAction,
+          action
+        ] })
+      ]
+    }
+  );
+}
+
+exports.EmptyState = EmptyState;
+//# sourceMappingURL=index.cjs.map

package/components/EmptyState/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/EmptyState/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type {IEmptyStateProps} from \"@lmb-it/kitsconcerto-types\";\nimport {Box, Text, Icon} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\nconst SIZE = {\n    sm: {bubble: 48, icon: 22, title: 15, desc: 12, gap: 8, pad: 20},\n    md: {bubble: 64, icon: 30, title: 17, desc: 13, gap: 10, pad: 28},\n} as const;\n\n/**\n * EmptyState — centred placeholder for empty / zero-result screens\n * (no applications yet, no submissions, closed without hire, dissolved team).\n *\n * Cross-platform and presentational (Box + Text + Icon). Pass `action` /\n * `secondaryAction` as `<Button>` nodes.\n *\n *   <EmptyState icon=\"inbox\" title=\"No applications yet\"\n *     description=\"Share your job to start receiving bids.\"\n *     action={<Button label=\"Edit posting\" />} />\n */\nexport function EmptyState(rawProps: IEmptyStateProps) {\n    const props = useComponentDefaults<IEmptyStateProps>(\"EmptyState\", rawProps).mergedProps;\n    const {\n        icon,\n        illustration,\n        title,\n        description,\n        action,\n        secondaryAction,\n        accentColor = \"brand\",\n        size = \"md\",\n        testID,\n        ...rest\n    } = props;\n\n    const cfg = SIZE[size === \"sm\" ? \"sm\" : \"md\"];\n\n    const a11yProps = {\n        role: \"status\",\n        ...(testID ? {testID, \"data-testid\": testID} : {}),\n    } as Record<string, unknown>;\n\n    return (\n        <Box\n            flexDirection=\"column\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            gap={cfg.gap}\n            padding={cfg.pad}\n            {...(rest as any)}\n            {...(a11yProps as any)}\n        >\n            {illustration != null ? (\n                illustration\n            ) : icon != null ? (\n                <Box\n                    width={cfg.bubble}\n                    height={cfg.bubble}\n                    borderRadius={999}\n                    alignItems=\"center\"\n                    justifyContent=\"center\"\n                    bgColor=\"gray.100\"\n                    marginBottom={2}\n                >\n                    <Icon name={icon as never} size={cfg.icon} color={accentColor} />\n                </Box>\n            ) : null}\n\n            <Text fontSize={cfg.title} fontWeight=\"700\" color=\"text\" textAlign=\"center\">\n                {title}\n            </Text>\n\n            {description != null && (\n                <Text fontSize={cfg.desc} color=\"text-secondary\" textAlign=\"center\" lineHeight={Math.round(cfg.desc * 1.45)}>\n                    {description}\n                </Text>\n            )}\n\n            {(action != null || secondaryAction != null) && (\n                <Box flexDirection=\"row\" alignItems=\"center\" justifyContent=\"center\" gap={10} marginTop={6} flexWrap=\"wrap\">\n                    {secondaryAction}\n                    {action}\n                </Box>\n            )}\n        </Box>\n    );\n}\n\nexport default EmptyState;\n"],"names":["useComponentDefaults","jsxs","Box","jsx","Icon","Text"],"mappings":"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"}

package/components/EmptyState/index.js

@@ -0,0 +1,68 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Box from '../../primitives/Box/index.js';
+import Text from '../../primitives/Text/index.js';
+import { Icon } from '../../primitives/Icon/index.js';
+import 'react';
+import '../../contexts/DialogContext.js';
+import useComponentDefaults from '../../hooks/useComponentDefaults.js';
+
+const SIZE = {
+  sm: { bubble: 48, icon: 22, title: 15, desc: 12, gap: 8, pad: 20 },
+  md: { bubble: 64, icon: 30, title: 17, desc: 13, gap: 10, pad: 28 }
+};
+function EmptyState(rawProps) {
+  const props = useComponentDefaults("EmptyState", rawProps).mergedProps;
+  const {
+    icon,
+    illustration,
+    title,
+    description,
+    action,
+    secondaryAction,
+    accentColor = "brand",
+    size = "md",
+    testID,
+    ...rest
+  } = props;
+  const cfg = SIZE[size === "sm" ? "sm" : "md"];
+  const a11yProps = {
+    role: "status",
+    ...testID ? { testID, "data-testid": testID } : {}
+  };
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: cfg.gap,
+      padding: cfg.pad,
+      ...rest,
+      ...a11yProps,
+      children: [
+        illustration != null ? illustration : icon != null ? /* @__PURE__ */ jsx(
+          Box,
+          {
+            width: cfg.bubble,
+            height: cfg.bubble,
+            borderRadius: 999,
+            alignItems: "center",
+            justifyContent: "center",
+            bgColor: "gray.100",
+            marginBottom: 2,
+            children: /* @__PURE__ */ jsx(Icon, { name: icon, size: cfg.icon, color: accentColor })
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(Text, { fontSize: cfg.title, fontWeight: "700", color: "text", textAlign: "center", children: title }),
+        description != null && /* @__PURE__ */ jsx(Text, { fontSize: cfg.desc, color: "text-secondary", textAlign: "center", lineHeight: Math.round(cfg.desc * 1.45), children: description }),
+        (action != null || secondaryAction != null) && /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", justifyContent: "center", gap: 10, marginTop: 6, flexWrap: "wrap", children: [
+          secondaryAction,
+          action
+        ] })
+      ]
+    }
+  );
+}
+
+export { EmptyState };
+//# sourceMappingURL=index.js.map

package/components/EmptyState/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/EmptyState/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type {IEmptyStateProps} from \"@lmb-it/kitsconcerto-types\";\nimport {Box, Text, Icon} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\nconst SIZE = {\n    sm: {bubble: 48, icon: 22, title: 15, desc: 12, gap: 8, pad: 20},\n    md: {bubble: 64, icon: 30, title: 17, desc: 13, gap: 10, pad: 28},\n} as const;\n\n/**\n * EmptyState — centred placeholder for empty / zero-result screens\n * (no applications yet, no submissions, closed without hire, dissolved team).\n *\n * Cross-platform and presentational (Box + Text + Icon). Pass `action` /\n * `secondaryAction` as `<Button>` nodes.\n *\n *   <EmptyState icon=\"inbox\" title=\"No applications yet\"\n *     description=\"Share your job to start receiving bids.\"\n *     action={<Button label=\"Edit posting\" />} />\n */\nexport function EmptyState(rawProps: IEmptyStateProps) {\n    const props = useComponentDefaults<IEmptyStateProps>(\"EmptyState\", rawProps).mergedProps;\n    const {\n        icon,\n        illustration,\n        title,\n        description,\n        action,\n        secondaryAction,\n        accentColor = \"brand\",\n        size = \"md\",\n        testID,\n        ...rest\n    } = props;\n\n    const cfg = SIZE[size === \"sm\" ? \"sm\" : \"md\"];\n\n    const a11yProps = {\n        role: \"status\",\n        ...(testID ? {testID, \"data-testid\": testID} : {}),\n    } as Record<string, unknown>;\n\n    return (\n        <Box\n            flexDirection=\"column\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            gap={cfg.gap}\n            padding={cfg.pad}\n            {...(rest as any)}\n            {...(a11yProps as any)}\n        >\n            {illustration != null ? (\n                illustration\n            ) : icon != null ? (\n                <Box\n                    width={cfg.bubble}\n                    height={cfg.bubble}\n                    borderRadius={999}\n                    alignItems=\"center\"\n                    justifyContent=\"center\"\n                    bgColor=\"gray.100\"\n                    marginBottom={2}\n                >\n                    <Icon name={icon as never} size={cfg.icon} color={accentColor} />\n                </Box>\n            ) : null}\n\n            <Text fontSize={cfg.title} fontWeight=\"700\" color=\"text\" textAlign=\"center\">\n                {title}\n            </Text>\n\n            {description != null && (\n                <Text fontSize={cfg.desc} color=\"text-secondary\" textAlign=\"center\" lineHeight={Math.round(cfg.desc * 1.45)}>\n                    {description}\n                </Text>\n            )}\n\n            {(action != null || secondaryAction != null) && (\n                <Box flexDirection=\"row\" alignItems=\"center\" justifyContent=\"center\" gap={10} marginTop={6} flexWrap=\"wrap\">\n                    {secondaryAction}\n                    {action}\n                </Box>\n            )}\n        </Box>\n    );\n}\n\nexport default EmptyState;\n"],"names":[],"mappings":"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"}