@kilnonedre/foundation 0.0.25 → 0.0.27

package/dist/index.d.ts

@@ -136,16 +136,16 @@ type SemanticColorToken = {
 };
 declare const getSemanticColor: (semanticColor: EnumSemanticColor, variant: EnumVariant) => SemanticColorToken;
 
-interface ConfigProp$j {
+interface ConfigProp$k {
     semanticColor?: EnumSemanticColor;
     variant?: EnumVariant;
     children?: ReactNode;
     className?: string;
 }
 
-declare const Badge: ({ semanticColor, variant, children, className, }: ConfigProp$j) => react_jsx_runtime.JSX.Element;
+declare const Badge: ({ semanticColor, variant, children, className, }: ConfigProp$k) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$i {
+interface ConfigProp$j {
     semanticColor?: EnumSemanticColor;
     variant?: EnumVariant;
     children?: ReactNode;
@@ -157,15 +157,15 @@ interface ConfigProp$i {
     type?: 'button' | 'submit' | 'reset';
 }
 
-declare const Button: ({ semanticColor, variant, children, className, onClick, disabled, type, size, loading, }: ConfigProp$i) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ semanticColor, variant, children, className, onClick, disabled, type, size, loading, }: ConfigProp$j) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$h {
+interface ConfigProp$i {
     options: Array<CommonOption>;
     value?: string | null;
     onChange: (_v: string) => void;
 }
 
-declare const CheckboxSingleList: (props: ConfigProp$h) => react_jsx_runtime.JSX.Element;
+declare const CheckboxSingleList: (props: ConfigProp$i) => react_jsx_runtime.JSX.Element;
 
 interface ConfigListRespT<T> {
     items: Array<T>;
@@ -193,7 +193,7 @@ type AdvancedFilterCtx = {
     draftFilters: Record<string, unknown>;
     setDraftFilters: (_updater: (_prev: Record<string, unknown>) => Record<string, unknown>) => void;
 };
-type ConfigProp$g<T, P> = {
+type ConfigProp$h<T, P> = {
     columns: Array<ColumnDef<T>>;
     renderList: (_params: P) => Promise<ConfigApiRespT<ConfigListRespT<T>>>;
     getRowId?: (_row: T) => string;
@@ -221,7 +221,7 @@ declare const KeywordSearchBar: (props: ConfigProps$1) => react_jsx_runtime.JSX.
 
 declare const TableEmpty: () => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$f {
+interface ConfigProp$g {
     id?: string;
     mode: EnumFormMode;
     children: ReactNode;
@@ -235,22 +235,22 @@ interface ConfigProp$f {
     onOpenChange: (_nextOpen: boolean) => void;
 }
 
-declare const TableFormDialog: (props: ConfigProp$f) => react_jsx_runtime.JSX.Element;
+declare const TableFormDialog: (props: ConfigProp$g) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$e {
+interface ConfigProp$f {
     text: string;
     className?: ClassValue;
 }
 
-declare const TableHeaderText: (props: ConfigProp$e) => react_jsx_runtime.JSX.Element;
+declare const TableHeaderText: (props: ConfigProp$f) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$d {
+interface ConfigProp$e {
     value: Array<CommonObject>;
 }
 
-declare const TableImage: (props: ConfigProp$d) => react_jsx_runtime.JSX.Element;
+declare const TableImage: (props: ConfigProp$e) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$c {
+interface ConfigProp$d {
     totalPage: number;
     size: number;
     sizeList: Array<number>;
@@ -259,18 +259,18 @@ interface ConfigProp$c {
     onUpdateSize: (_size: number) => void;
 }
 
-declare const TablePagination: (props: ConfigProp$c) => react_jsx_runtime.JSX.Element;
+declare const TablePagination: (props: ConfigProp$d) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$b {
+interface ConfigProp$c {
     text?: string | number;
     wrap?: boolean;
 }
 
-declare const TableText: (props: ConfigProp$b) => react_jsx_runtime.JSX.Element;
+declare const TableText: (props: ConfigProp$c) => react_jsx_runtime.JSX.Element;
 
-declare const DataTable: <T, P>(props: ConfigProp$g<T, P>) => react_jsx_runtime.JSX.Element;
+declare const DataTable: <T, P>(props: ConfigProp$h<T, P>) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$a {
+interface ConfigProp$b {
     children: ReactNode;
     title?: string;
     content?: ReactNode;
@@ -279,9 +279,9 @@ interface ConfigProp$a {
     onConfirm?: () => void | Promise<void>;
 }
 
-declare const Dialog: (props: ConfigProp$a) => react_jsx_runtime.JSX.Element;
+declare const Dialog: (props: ConfigProp$b) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$9<T> {
+interface ConfigProp$a<T> {
     columns: Array<ColumnDef<T>>;
     list?: Array<T>;
     enableRowSelection?: boolean;
@@ -290,7 +290,7 @@ interface ConfigProp$9<T> {
     navigate?: (_id: UUID) => void;
 }
 
-declare const DisplayTable: <T>(props: ConfigProp$9<T>) => react_jsx_runtime.JSX.Element;
+declare const DisplayTable: <T>(props: ConfigProp$a<T>) => react_jsx_runtime.JSX.Element;
 
 interface ConfigCascaderOption {
     label: string;
@@ -327,7 +327,7 @@ declare const DropdownCascaderMulti: ({ value, ...props }: ConfigDropdownCascade
 
 declare const DropdownCascaderSingle: (props: ConfigDropdownCascaderSingleProp) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$8<T extends FieldValues, TName extends FieldPath<T> = FieldPath<T>> {
+interface ConfigProp$9<T extends FieldValues, TName extends FieldPath<T> = FieldPath<T>> {
     id: string;
     name: TName;
     label: string;
@@ -342,16 +342,16 @@ interface ConfigProp$8<T extends FieldValues, TName extends FieldPath<T> = Field
     }) => ReactNode;
 }
 
-declare const FieldController: <T extends FieldValues, TName extends FieldPath<T> = FieldPath<T>>({ required, ...props }: ConfigProp$8<T, TName>) => react_jsx_runtime.JSX.Element;
+declare const FieldController: <T extends FieldValues, TName extends FieldPath<T> = FieldPath<T>>({ required, ...props }: ConfigProp$9<T, TName>) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$7 {
+interface ConfigProp$8 {
     className?: string;
     children: ReactNode;
 }
 
-declare const FieldGroup: (props: ConfigProp$7) => react_jsx_runtime.JSX.Element;
+declare const FieldGroup: (props: ConfigProp$8) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$6 {
+interface ConfigProp$7 {
     id: string;
     name: string;
     required?: boolean;
@@ -362,9 +362,9 @@ interface ConfigProp$6 {
     children?: ReactNode;
 }
 
-declare const FieldPlain: ({ required, mode, ...props }: ConfigProp$6) => react_jsx_runtime.JSX.Element;
+declare const FieldPlain: ({ required, mode, ...props }: ConfigProp$7) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$5 {
+interface ConfigProp$6 {
     id?: string;
     name: string;
     value?: string | number | null;
@@ -373,9 +373,9 @@ interface ConfigProp$5 {
     render?: ReactNode;
 }
 
-declare const FieldText: ({ id, name, value, placeholder, required, render, }: ConfigProp$5) => react_jsx_runtime.JSX.Element;
+declare const FieldText: ({ id, name, value, placeholder, required, render, }: ConfigProp$6) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$4 {
+interface ConfigProp$5 {
     value: string;
     onValueChange: (_val: string) => void;
     onLabelChange?: (_val: string) => void;
@@ -383,9 +383,9 @@ interface ConfigProp$4 {
     optionList: Array<CommonOption>;
 }
 
-declare const FormSelect: (props: ConfigProp$4) => react_jsx_runtime.JSX.Element;
+declare const FormSelect: (props: ConfigProp$5) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$3 {
+interface ConfigProp$4 {
     value?: Date;
     onChange: (_value?: Date) => void;
     id?: string;
@@ -394,7 +394,7 @@ interface ConfigProp$3 {
     timePlaceholder?: string;
 }
 
-declare const FormTimePicker: (props: ConfigProp$3) => react_jsx_runtime.JSX.Element;
+declare const FormTimePicker: (props: ConfigProp$4) => react_jsx_runtime.JSX.Element;
 
 interface ConfigProps {
     value?: Array<UUID>;
@@ -415,19 +415,26 @@ declare const Provider: ({ children }: {
     children: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 
+interface ConfigProp$3 {
+    children: ReactNode;
+    className?: ClassValue;
+}
+
+declare const Text: (props: ConfigProp$3) => react_jsx_runtime.JSX.Element;
+
 interface ConfigProp$2 {
     children: ReactNode;
     className?: ClassValue;
 }
 
-declare const Text: (props: ConfigProp$2) => react_jsx_runtime.JSX.Element;
+declare const Title: (props: ConfigProp$2) => react_jsx_runtime.JSX.Element;
 
 interface ConfigProp$1 {
     children: ReactNode;
-    className?: ClassValue;
+    footer?: ReactNode;
 }
 
-declare const Title: (props: ConfigProp$1) => react_jsx_runtime.JSX.Element;
+declare const BaseLayout: (props: ConfigProp$1) => react_jsx_runtime.JSX.Element;
 
 interface ConfigProp<T extends object, K extends keyof T> {
     key: K;
@@ -459,6 +466,42 @@ declare const renderTextarea: <T extends FieldValues>(props: ConfigRenderBase<T>
 declare const renderInput: <T extends FieldValues>(props: ConfigRenderBase<T>) => react_jsx_runtime.JSX.Element;
 declare const renderPasswordInput: <T extends FieldValues>(props: ConfigRenderPasswordInput<T>) => react_jsx_runtime.JSX.Element;
 
+type Events = {
+    'HTTP:ERR': ConfigHttpErr;
+    'HTTP:UNAUTH': ConfigHttpUnauth;
+    'API:ERR': ConfigApiErr;
+};
+interface ConfigHttpErr {
+    status: number;
+    url: string;
+    method: string;
+}
+interface ConfigHttpUnauth {
+    status: 401;
+    url: string;
+}
+interface ConfigApiErr {
+    code: string;
+    msg: string;
+    url: string;
+}
+type Listener<T> = (_payload: T) => void;
+type AnyFn = (..._args: unknown[]) => unknown;
+
+declare const registerRouterSubscriber: (onLogoutRequired: () => void) => () => void;
+
+declare const registerToastSubscriber: () => () => void;
+
+declare const assembleApp: (onLogoutRequired: () => void) => () => void;
+
+declare class EventBus {
+    private listeners;
+    on<K extends keyof Events>(event: K, cb: Listener<Events[K]>): () => void;
+    off<K extends keyof Events>(event: K, cb: Listener<Events[K]>): void;
+    emit<K extends keyof Events>(event: K, payload: Events[K]): void;
+}
+declare const eventBus: EventBus;
+
 declare const boolToText: (bool: boolean) => "是" | "否";
 
 declare function cn(...inputs: ClassValue[]): string;
@@ -524,4 +567,4 @@ declare const zCoerceNumberOptional: (label: string, min?: number, max?: number)
 declare const zDecimal: (label: string, min?: number, max?: number) => z.ZodString;
 declare const zDecimalOptional: (label: string, min?: number, max?: number) => z.ZodOptional<z.ZodString>;
 
-export { Badge, Button, CheckboxSingleList, type CommonObject, type CommonOption, type ConfigCascaderOption, type ConfigDropdownCascaderMultiProp, type ConfigDropdownCascaderSingleProp, type ConfigRenderBase, type ConfigRenderPasswordInput, DataTable, Dialog, DisplayTable, DropdownCascaderMulti, DropdownCascaderSingle, EnumApprovalStatus, EnumApprovalStatusLabel, EnumApprovalView, EnumApprovalViewLabel, EnumEntityStatus, EnumEntityStatusLabel, EnumFormMode, EnumFormModeLabel, EnumGenderType, EnumGenderTypeLabel, EnumMapProvider, EnumMapProviderLabel, EnumOrderStatus, EnumOrderStatusLabel, EnumPublishMethod, EnumPublishMethodLabel, EnumSemanticColor, EnumSemanticColorLabel, EnumStorageMethod, EnumStorageMethodLabel, EnumVariant, EnumVariantLabel, FieldController, FieldGroup, FieldPlain, FieldText, FormSelect, FormTimePicker, KeywordSearchBar, MediaUploader, Provider, type SemanticColorToken, TableEmpty, TableFormDialog, TableHeaderText, TableImage, TablePagination, TableText, Text, Title, type UUID, boolToText, buildColumn, cn, emptyToUndefined, enumApprovalStatusOptions, enumApprovalViewOptions, enumEntityStatusOptions, enumFormModeOptions, enumGenderTypeOptions, enumMapProviderOptions, enumOrderStatusOptions, enumPublishMethodOptions, enumSemanticColorOptions, enumStorageMethodOptions, enumToOptions, enumValues, enumVariantOptions, formatDateTime, formatDecimal, genUuid, getOptionMap, getSemanticColor, getSuccessMessage, isEmpty, isFormData, isValidEmail, isValidURL, renderBody, renderCascaderNodes, renderConfirmFooter, renderFooter, renderInput, renderPasswordInput, renderTextarea, zBool, zCoerceNumber, zCoerceNumberOptional, zDate, zDateOptional, zDecimal, zDecimalOptional, zEmail, zEnumNullable, zEnumNullableOptional, zEnumNullableRequired, zEnumOptional, zEnumRequired, zId, zIdCard, zIdCardOptional, zIds, zImageId, zImageIdRequired, zImageIds, zImageIdsOptional, zNumber, zNumberOptional, zPhone, zTextOptional, zTextRequired, zTexts };
+export { type AnyFn, Badge, BaseLayout, Button, CheckboxSingleList, type CommonObject, type CommonOption, type ConfigApiErr, type ConfigCascaderOption, type ConfigDropdownCascaderMultiProp, type ConfigDropdownCascaderSingleProp, type ConfigHttpErr, type ConfigHttpUnauth, type ConfigRenderBase, type ConfigRenderPasswordInput, DataTable, Dialog, DisplayTable, DropdownCascaderMulti, DropdownCascaderSingle, EnumApprovalStatus, EnumApprovalStatusLabel, EnumApprovalView, EnumApprovalViewLabel, EnumEntityStatus, EnumEntityStatusLabel, EnumFormMode, EnumFormModeLabel, EnumGenderType, EnumGenderTypeLabel, EnumMapProvider, EnumMapProviderLabel, EnumOrderStatus, EnumOrderStatusLabel, EnumPublishMethod, EnumPublishMethodLabel, EnumSemanticColor, EnumSemanticColorLabel, EnumStorageMethod, EnumStorageMethodLabel, EnumVariant, EnumVariantLabel, type Events, FieldController, FieldGroup, FieldPlain, FieldText, FormSelect, FormTimePicker, KeywordSearchBar, type Listener, MediaUploader, Provider, type SemanticColorToken, TableEmpty, TableFormDialog, TableHeaderText, TableImage, TablePagination, TableText, Text, Title, type UUID, assembleApp, boolToText, buildColumn, cn, emptyToUndefined, enumApprovalStatusOptions, enumApprovalViewOptions, enumEntityStatusOptions, enumFormModeOptions, enumGenderTypeOptions, enumMapProviderOptions, enumOrderStatusOptions, enumPublishMethodOptions, enumSemanticColorOptions, enumStorageMethodOptions, enumToOptions, enumValues, enumVariantOptions, eventBus, formatDateTime, formatDecimal, genUuid, getOptionMap, getSemanticColor, getSuccessMessage, isEmpty, isFormData, isValidEmail, isValidURL, registerRouterSubscriber, registerToastSubscriber, renderBody, renderCascaderNodes, renderConfirmFooter, renderFooter, renderInput, renderPasswordInput, renderTextarea, zBool, zCoerceNumber, zCoerceNumberOptional, zDate, zDateOptional, zDecimal, zDecimalOptional, zEmail, zEnumNullable, zEnumNullableOptional, zEnumNullableRequired, zEnumOptional, zEnumRequired, zId, zIdCard, zIdCardOptional, zIds, zImageId, zImageIdRequired, zImageIds, zImageIdsOptional, zNumber, zNumberOptional, zPhone, zTextOptional, zTextRequired, zTexts };

package/dist/index.js

@@ -3263,25 +3263,7 @@ var FormTimePicker = (props) => {
 // src/components/media-uploader/index.tsx
 import { useCallback as useCallback2, useEffect as useEffect3, useRef as useRef2, useState as useState8 } from "react";
 import { Eye as Eye2, Loader2, Plus, Trash2 } from "lucide-react";
-
-// src/shadcn/components/card.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
-function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
-    "div",
-    {
-      "data-slot": "card",
-      className: cn(
-        "flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/media-uploader/index.tsx
-import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs28 } from "react/jsx-runtime";
 var MediaUploader = ({ value = [], ...props }) => {
   const inputRef = useRef2(null);
   const [items, setItems] = useState8([]);
@@ -3408,7 +3390,7 @@ var MediaUploader = ({ value = [], ...props }) => {
   };
   const showUploadButton = canEdit && (!props.multiple && items.length === 0 || props.multiple);
   return /* @__PURE__ */ jsxs28("div", { className: cn2("space-y-3", props.className), children: [
-    /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx46(
       "input",
       {
         ref: inputRef,
@@ -3425,56 +3407,63 @@ var MediaUploader = ({ value = [], ...props }) => {
         }
       }
     ),
-    /* @__PURE__ */ jsx47(ScrollArea, { className: "rounded-lg border", children: /* @__PURE__ */ jsxs28("div", { className: "grid grid-cols-2 gap-3 p-3 sm:grid-cols-3 lg:grid-cols-4", children: [
-      items.map((it, index) => /* @__PURE__ */ jsx47(Card, { className: "group overflow-hidden", children: /* @__PURE__ */ jsxs28("div", { className: "relative aspect-square bg-muted", children: [
-        it.url || it.localUrl ? /* @__PURE__ */ jsx47(
-          "img",
-          {
-            src: it.url ?? it.localUrl,
-            alt: "",
-            className: "h-full w-full object-cover"
-          }
-        ) : /* @__PURE__ */ jsx47("div", { className: "h-full w-full" }),
-        it.uploading && /* @__PURE__ */ jsx47("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40", children: /* @__PURE__ */ jsx47(Loader2, { className: "h-6 w-6 animate-spin text-white" }) }),
-        !it.uploading && (it.url || it.localUrl) && /* @__PURE__ */ jsxs28("div", { className: "absolute inset-0 flex items-start justify-end gap-2 p-2 opacity-0 transition group-hover:opacity-100", children: [
-          /* @__PURE__ */ jsx47(
-            Button,
-            {
-              size: "icon",
-              variant: "secondary",
-              className: "h-8 w-8",
-              onClick: () => setPreview(it),
-              type: "button",
-              children: /* @__PURE__ */ jsx47(Eye2, { className: "h-4 w-4" })
-            }
-          ),
-          canEdit && /* @__PURE__ */ jsx47(
-            Button,
-            {
-              size: "icon",
-              variant: "destructive",
-              className: "h-8 w-8",
-              onClick: () => remove(it.id),
-              type: "button",
-              children: /* @__PURE__ */ jsx47(Trash2, { className: "h-4 w-4" })
-            }
-          )
-        ] })
-      ] }) }, it.id + index)),
-      showUploadButton && /* @__PURE__ */ jsx47(
-        Card,
+    /* @__PURE__ */ jsx46(ScrollArea, { className: "rounded-lg border", children: /* @__PURE__ */ jsxs28("div", { className: "grid grid-cols-2 gap-3 p-3 sm:grid-cols-3 lg:grid-cols-4", children: [
+      items.map((it, index) => /* @__PURE__ */ jsx46(
+        "div",
+        {
+          className: "rounded-xl border bg-card text-card-foreground shadow group overflow-hidden",
+          children: /* @__PURE__ */ jsxs28("div", { className: "relative aspect-square bg-muted", children: [
+            it.url || it.localUrl ? /* @__PURE__ */ jsx46(
+              "img",
+              {
+                src: it.url ?? it.localUrl,
+                alt: "",
+                className: "h-full w-full object-cover"
+              }
+            ) : /* @__PURE__ */ jsx46("div", { className: "h-full w-full" }),
+            it.uploading && /* @__PURE__ */ jsx46("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40", children: /* @__PURE__ */ jsx46(Loader2, { className: "h-6 w-6 animate-spin text-white" }) }),
+            !it.uploading && (it.url || it.localUrl) && /* @__PURE__ */ jsxs28("div", { className: "absolute inset-0 flex items-start justify-end gap-2 p-2 opacity-0 transition group-hover:opacity-100", children: [
+              /* @__PURE__ */ jsx46(
+                Button,
+                {
+                  size: "icon",
+                  variant: "secondary",
+                  className: "h-8 w-8",
+                  onClick: () => setPreview(it),
+                  type: "button",
+                  children: /* @__PURE__ */ jsx46(Eye2, { className: "h-4 w-4" })
+                }
+              ),
+              canEdit && /* @__PURE__ */ jsx46(
+                Button,
+                {
+                  size: "icon",
+                  variant: "destructive",
+                  className: "h-8 w-8",
+                  onClick: () => remove(it.id),
+                  type: "button",
+                  children: /* @__PURE__ */ jsx46(Trash2, { className: "h-4 w-4" })
+                }
+              )
+            ] })
+          ] })
+        },
+        it.id + index
+      )),
+      showUploadButton && /* @__PURE__ */ jsx46(
+        "div",
         {
-          className: "flex aspect-square cursor-pointer items-center justify-center hover:bg-muted/50",
+          className: "rounded-xl border bg-card text-card-foreground shadow flex aspect-square cursor-pointer items-center justify-center hover:bg-muted/50",
           onClick: () => {
             inputRef.current?.click();
           },
-          children: /* @__PURE__ */ jsx47(Plus, { className: "h-6 w-6 text-muted-foreground" })
+          children: /* @__PURE__ */ jsx46(Plus, { className: "h-6 w-6 text-muted-foreground" })
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx47(Dialog, { open: !!preview, onOpenChange: () => setPreview(null), children: /* @__PURE__ */ jsxs28(DialogContent, { className: "max-w-3xl", children: [
-      /* @__PURE__ */ jsx47(DialogHeader, { children: /* @__PURE__ */ jsx47(DialogTitle, { children: "\u9884\u89C8" }) }),
-      preview && /* @__PURE__ */ jsx47("div", { className: "relative aspect-video w-full overflow-hidden rounded-lg bg-muted", children: /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx46(Dialog, { open: !!preview, onOpenChange: () => setPreview(null), children: /* @__PURE__ */ jsxs28(DialogContent, { className: "max-w-3xl", children: [
+      /* @__PURE__ */ jsx46(DialogHeader, { children: /* @__PURE__ */ jsx46(DialogTitle, { children: "\u9884\u89C8" }) }),
+      preview && /* @__PURE__ */ jsx46("div", { className: "relative aspect-video w-full overflow-hidden rounded-lg bg-muted", children: /* @__PURE__ */ jsx46(
         "img",
         {
           src: preview.url ?? preview.localUrl ?? "",
@@ -3487,15 +3476,24 @@ var MediaUploader = ({ value = [], ...props }) => {
 };
 
 // src/components/provider/index.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 var Provider = ({ children }) => {
-  return /* @__PURE__ */ jsx48(TooltipProvider, { children });
+  return /* @__PURE__ */ jsx47(TooltipProvider, { children });
 };
 
 // src/components/title/index.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 var Title = (props) => {
-  return /* @__PURE__ */ jsx49("div", { className: cn2("text-lg font-bold", props.className), children: props.children });
+  return /* @__PURE__ */ jsx48("div", { className: cn2("text-lg font-bold", props.className), children: props.children });
+};
+
+// src/layout/base/index.tsx
+import { jsx as jsx49, jsxs as jsxs29 } from "react/jsx-runtime";
+var BaseLayout = (props) => {
+  return /* @__PURE__ */ jsxs29("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ jsx49("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsx49("div", { className: "py-4 px-4 md:gap-6 md:py-6 lg:px-6", children: props.children }) }),
+    props.footer && /* @__PURE__ */ jsx49("div", { className: "border-t bg-white px-4 py-3 lg:px-6 sticky bottom-0", children: props.footer })
+  ] });
 };
 
 // src/render/column/build-column/index.tsx
@@ -3514,8 +3512,90 @@ var buildColumn = () => (props) => {
     }
   };
 };
+
+// src/shared/event-bus/module/toast/toast-subscriber.ts
+import { toast } from "sonner";
+var errMessageObj = {
+  400: "\u8BF7\u6C42\u9519\u8BEF(400)",
+  401: "\u767B\u5F55\u5DF2\u8FC7\u671F\uFF0C\u8BF7\u91CD\u65B0\u767B\u5F55(401)",
+  403: "\u62D2\u7EDD\u8BBF\u95EE(403)",
+  404: "\u8BF7\u6C42\u51FA\u9519(404)",
+  408: "\u8BF7\u6C42\u8D85\u65F6(408)",
+  500: "\u670D\u52A1\u5668\u9519\u8BEF(500)",
+  501: "\u670D\u52A1\u672A\u5B9E\u73B0(501)",
+  502: "\u7F51\u7EDC\u9519\u8BEF(502)",
+  503: "\u670D\u52A1\u4E0D\u53EF\u7528(503)",
+  504: "\u7F51\u7EDC\u8D85\u65F6(504)",
+  505: "HTTP\u7248\u672C\u4E0D\u53D7\u652F\u6301(505)"
+};
+var errMessage = (status) => {
+  const message = errMessageObj[status] ?? `\u8FDE\u63A5\u51FA\u9519(${status})`;
+  return `${message}\uFF0C\u8BF7\u68C0\u67E5\u7F51\u7EDC\u6216\u8054\u7CFB\u7BA1\u7406\u5458\uFF01`;
+};
+var registerToastSubscriber = () => {
+  const onHttpUnauth = ({ status }) => {
+    toast.error(errMessage(status));
+  };
+  const onHttpErr = ({ status }) => {
+    toast.error(errMessage(status));
+  };
+  const onApiErr = ({ msg }) => {
+    toast.error(msg);
+  };
+  eventBus.on("HTTP:UNAUTH", onHttpUnauth);
+  eventBus.on("HTTP:ERR", onHttpErr);
+  eventBus.on("API:ERR", onApiErr);
+  return () => {
+    eventBus.off("HTTP:UNAUTH", onHttpUnauth);
+    eventBus.off("HTTP:ERR", onHttpErr);
+    eventBus.off("API:ERR", onApiErr);
+  };
+};
+
+// src/shared/event-bus/module/router/router-subscriber.ts
+var registerRouterSubscriber = (onLogoutRequired) => {
+  eventBus.on("HTTP:UNAUTH", onLogoutRequired);
+  return () => {
+    eventBus.off("HTTP:UNAUTH", onLogoutRequired);
+  };
+};
+
+// src/shared/event-bus/module/index.ts
+var composeCleanups = (...cleanups) => {
+  return () => {
+    cleanups.forEach((fn) => typeof fn === "function" && fn());
+  };
+};
+var assembleApp = (onLogoutRequired) => {
+  return composeCleanups(registerToastSubscriber(), onLogoutRequired());
+};
+
+// src/shared/event-bus/index.ts
+var EventBus = class {
+  listeners = /* @__PURE__ */ new Map();
+  on(event, cb) {
+    let set = this.listeners.get(event);
+    if (!set) {
+      set = /* @__PURE__ */ new Set();
+      this.listeners.set(event, set);
+    }
+    set.add(cb);
+    return () => this.off(event, cb);
+  }
+  off(event, cb) {
+    this.listeners.get(event)?.delete(cb);
+  }
+  emit(event, payload) {
+    this.listeners.get(event)?.forEach((fn) => {
+      ;
+      fn(payload);
+    });
+  }
+};
+var eventBus = new EventBus();
 export {
   Badge2 as Badge,
+  BaseLayout,
   Button2 as Button,
   CheckboxSingleList,
   DataTable,
@@ -3562,6 +3642,7 @@ export {
   TableText,
   Text,
   Title,
+  assembleApp,
   boolToText,
   buildColumn,
   cn2 as cn,
@@ -3579,6 +3660,7 @@ export {
   enumToOptions,
   enumValues,
   enumVariantOptions,
+  eventBus,
   formatDateTime,
   formatDecimal,
   genUuid,
@@ -3589,6 +3671,8 @@ export {
   isFormData,
   isValidEmail,
   isValidURL,
+  registerRouterSubscriber,
+  registerToastSubscriber,
   renderBody,
   renderCascaderNodes,
   renderConfirmFooter,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kilnonedre/foundation",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "private": false,
   "description": "Kilnonedre frontend foundation package",
   "type": "module",
@@ -70,6 +70,7 @@
     "radix-ui": "^1.4.3",
     "react-day-picker": "^10.0.1",
     "react-hook-form": "^7.76.1",
+    "sonner": "^2.0.7",
     "tailwind-merge": "^3.6.0",
     "uuid": "^14.0.0",
     "zod": "^4.4.3"