@simplysm/solid 13.0.53 → 13.0.55

package/dist/components/layout/topbar/Topbar.js

@@ -11,6 +11,7 @@ import { Icon } from "../../display/Icon.js";
 import { twMerge } from "tailwind-merge";
 import { Button } from "../../form-control/Button.js";
 import { useSidebarContextOptional } from "../sidebar/SidebarContext.js";
+import { TopbarActions } from "./TopbarActions.js";
 import { TopbarContainer } from "./TopbarContainer.js";
 import { TopbarMenu } from "./TopbarMenu.js";
 import { TopbarUser } from "./TopbarUser.js";
@@ -72,6 +73,7 @@ const TopbarBase = (props) => {
   })();
 };
 const Topbar = TopbarBase;
+Topbar.Actions = TopbarActions;
 Topbar.Container = TopbarContainer;
 Topbar.Menu = TopbarMenu;
 Topbar.User = TopbarUser;

package/dist/components/layout/topbar/Topbar.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/layout/topbar/Topbar.tsx"],
-  "mappings": ";;;;;;AAAA,SAAyCA,YAAYC,YAAY;AACjE,SAASC,iBAAiB;AAC1B,OAAOC,UAAU;AACjB,SAASC,YAAY;AACrB,SAASC,eAAe;AACxB,SAASC,cAAc;AACvB,SAASC,iCAAiC;AAC1C,SAASC,uBAAuB;AAChC,SAASC,kBAAkB;AAC3B,SAASC,kBAAkB;AAM3B,MAAMC,YAAYR;;EAEhB;EACA;EACA;EACA;;EAEA;EACA;;EAEA;EACA;EACA;EACA;EACA;;EAEA;EACA;;EAEA;AACF;AA8BA,MAAMS,aAA4CC,WAAU;AAC1D,QAAM,CAACC,OAAOC,IAAI,IAAIf,WAAWa,OAAO,CAAC,YAAY,OAAO,CAAC;AAG7D,QAAMG,iBAAiBT,0BAA0B;AAEjD,QAAMU,eAAeA,MAAM;AACzBD,qDAAgBE,UAAWC,OAAM,CAACA;EACpC;AAEA,QAAMC,eAAeA,MAAMf,QAAQM,WAAWG,MAAMO,KAAK;AAEzD,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA;AAAAC,aAAAF,MAAAG,aACcV,MAAI;MAAA,eAAA;MAAA,KAAA,OAAA,IAAA;AAAA,eAAqBK,aAAa;MAAC;IAAA,CAAA,GAAA,OAAA,IAAA;AAAAM,aAAAJ,MAAAK,kBAChD1B,MAAI;MAAC2B,MAAMZ;MAAc,IAAAa,WAAA;AAAA,eAAAF,kBACvBrB,QAAM;UAACwB,SAAO;UAASC,SAASd;UAAY,SAAA;UAAA,cAAA;UAAA,IAAAY,WAAA;AAAA,mBAAAF,kBAC1CvB,MAAI;cAAC4B,MAAM9B;cAAW+B,MAAI;YAAA,CAAA;UAAA;QAAA,CAAA;MAAA;IAAA,CAAA,GAAA,IAAA;AAAAP,aAAAJ,MAAA,MAG9BR,MAAMe,UAAQ,IAAA;AAAA,WAAAP;EAAA,GAAA;AAGrB;AAEO,MAAMY,SAAStB;AACtBsB,OAAOC,YAAY3B;AACnB0B,OAAOE,OAAO3B;AACdyB,OAAOG,OAAO3B;",
-  "names": ["splitProps", "Show", "IconMenu2", "clsx", "Icon", "twMerge", "Button", "useSidebarContextOptional", "TopbarContainer", "TopbarMenu", "TopbarUser", "baseClass", "TopbarBase", "props", "local", "rest", "sidebarContext", "handleToggle", "setToggle", "v", "getClassName", "class", "_el$", "_tmpl$", "_$spread", "_$mergeProps", "_$insert", "_$createComponent", "when", "children", "variant", "onClick", "icon", "size", "Topbar", "Container", "Menu", "User"]
+  "mappings": ";;;;;;AAAA,SAAyCA,YAAYC,YAAY;AACjE,SAASC,iBAAiB;AAC1B,OAAOC,UAAU;AACjB,SAASC,YAAY;AACrB,SAASC,eAAe;AACxB,SAASC,cAAc;AACvB,SAASC,iCAAiC;AAC1C,SAASC,qBAAqB;AAC9B,SAASC,uBAAuB;AAChC,SAASC,kBAAkB;AAC3B,SAASC,kBAAkB;AAM3B,MAAMC,YAAYT;;EAEhB;EACA;EACA;EACA;;EAEA;EACA;;EAEA;EACA;EACA;EACA;EACA;;EAEA;EACA;;EAEA;AACF;AA+BA,MAAMU,aAA4CC,WAAU;AAC1D,QAAM,CAACC,OAAOC,IAAI,IAAIhB,WAAWc,OAAO,CAAC,YAAY,OAAO,CAAC;AAG7D,QAAMG,iBAAiBV,0BAA0B;AAEjD,QAAMW,eAAeA,MAAM;AACzBD,qDAAgBE,UAAWC,OAAM,CAACA;EACpC;AAEA,QAAMC,eAAeA,MAAMhB,QAAQO,WAAWG,MAAMO,KAAK;AAEzD,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA;AAAAC,aAAAF,MAAAG,aACcV,MAAI;MAAA,eAAA;MAAA,KAAA,OAAA,IAAA;AAAA,eAAqBK,aAAa;MAAC;IAAA,CAAA,GAAA,OAAA,IAAA;AAAAM,aAAAJ,MAAAK,kBAChD3B,MAAI;MAAC4B,MAAMZ;MAAc,IAAAa,WAAA;AAAA,eAAAF,kBACvBtB,QAAM;UAACyB,SAAO;UAASC,SAASd;UAAY,SAAA;UAAA,cAAA;UAAA,IAAAY,WAAA;AAAA,mBAAAF,kBAC1CxB,MAAI;cAAC6B,MAAM/B;cAAWgC,MAAI;YAAA,CAAA;UAAA;QAAA,CAAA;MAAA;IAAA,CAAA,GAAA,IAAA;AAAAP,aAAAJ,MAAA,MAG9BR,MAAMe,UAAQ,IAAA;AAAA,WAAAP;EAAA,GAAA;AAGrB;AAEO,MAAMY,SAAStB;AACtBsB,OAAOC,UAAU5B;AACjB2B,OAAOE,YAAY5B;AACnB0B,OAAOG,OAAO5B;AACdyB,OAAOI,OAAO5B;",
+  "names": ["splitProps", "Show", "IconMenu2", "clsx", "Icon", "twMerge", "Button", "useSidebarContextOptional", "TopbarActions", "TopbarContainer", "TopbarMenu", "TopbarUser", "baseClass", "TopbarBase", "props", "local", "rest", "sidebarContext", "handleToggle", "setToggle", "v", "getClassName", "class", "_el$", "_tmpl$", "_$spread", "_$mergeProps", "_$insert", "_$createComponent", "when", "children", "variant", "onClick", "icon", "size", "Topbar", "Actions", "Container", "Menu", "User"]
 }

package/dist/components/layout/topbar/TopbarActions.d.ts

@@ -0,0 +1,3 @@
+import { type Component } from "solid-js";
+export declare const TopbarActions: Component;
+//# sourceMappingURL=TopbarActions.d.ts.map

package/dist/components/layout/topbar/TopbarActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopbarActions.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\layout\\topbar\\TopbarActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,UAAU,CAAC;AAGtD,eAAO,MAAM,aAAa,EAAE,SAI3B,CAAC"}

package/dist/components/layout/topbar/TopbarActions.js

@@ -0,0 +1,17 @@
+import { template as _$template } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+var _tmpl$ = /* @__PURE__ */ _$template(`<span data-topbar-actions>`);
+import { useContext } from "solid-js";
+import { TopbarContext } from "./TopbarContext.js";
+const TopbarActions = () => {
+  const context = useContext(TopbarContext);
+  return (() => {
+    var _el$ = _tmpl$();
+    _$insert(_el$, () => context == null ? void 0 : context.actions());
+    return _el$;
+  })();
+};
+export {
+  TopbarActions
+};
+//# sourceMappingURL=TopbarActions.js.map

package/dist/components/layout/topbar/TopbarActions.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/layout/topbar/TopbarActions.tsx"],
+  "mappings": ";;;AAAA,SAAyBA,kBAAkB;AAC3C,SAASC,qBAAqB;AAEvB,MAAMC,gBAA2BA,MAAM;AAC5C,QAAMC,UAAUH,WAAWC,aAAa;AAExC,UAAA,MAAA;AAAA,QAAAG,OAAAC,OAAA;AAAAC,aAAAF,MAAA,MAAkCD,mCAASI,SAAS;AAAA,WAAAH;EAAA,GAAA;AACtD;",
+  "names": ["useContext", "TopbarContext", "TopbarActions", "context", "_el$", "_tmpl$", "_$insert", "actions"]
+}

package/dist/components/layout/topbar/TopbarContainer.d.ts

@@ -7,7 +7,7 @@ export interface TopbarContainerProps extends JSX.HTMLAttributes<HTMLDivElement>
  *
  * @remarks
  * - `flex flex-col h-full` 구조로 Topbar와 콘텐츠를 수직 배치
- * - Context 없이 순수 레이아웃 역할만 수행
+ * - TopbarContext.Provider로 actions 상태 공유
  * - 부모 요소에 높이가 지정되어야 함
  *
  * @example

package/dist/components/layout/topbar/TopbarContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopbarContainer.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\layout\\topbar\\TopbarContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAc,MAAM,UAAU,CAAC;AAMtE,MAAM,WAAW,oBAAqB,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC,oBAAoB,CAUjE,CAAC"}
+{"version":3,"file":"TopbarContainer.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\layout\\topbar\\TopbarContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAA4B,MAAM,UAAU,CAAC;AAOpF,MAAM,WAAW,oBAAqB,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC,oBAAoB,CAajE,CAAC"}

package/dist/components/layout/topbar/TopbarContainer.js

@@ -1,26 +1,35 @@
 import { template as _$template } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
 import { insert as _$insert } from "solid-js/web";
 import { spread as _$spread } from "solid-js/web";
 import { mergeProps as _$mergeProps } from "solid-js/web";
 var _tmpl$ = /* @__PURE__ */ _$template(`<div>`);
-import { splitProps } from "solid-js";
+import { splitProps, createSignal } from "solid-js";
 import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
+import { TopbarContext } from "./TopbarContext.js";
 const containerClass = clsx("flex h-full flex-col");
 const TopbarContainer = (props) => {
   const [local, rest] = splitProps(props, ["children", "class"]);
+  const [actions, setActions] = createSignal(void 0);
   const getClassName = () => twMerge(containerClass, local.class);
-  return (() => {
-    var _el$ = _tmpl$();
-    _$spread(_el$, _$mergeProps(rest, {
-      "data-topbar-container": "",
-      get ["class"]() {
-        return getClassName();
-      }
-    }), false, true);
-    _$insert(_el$, () => local.children);
-    return _el$;
-  })();
+  return _$createComponent(TopbarContext.Provider, {
+    value: {
+      actions,
+      setActions
+    },
+    get children() {
+      var _el$ = _tmpl$();
+      _$spread(_el$, _$mergeProps(rest, {
+        "data-topbar-container": "",
+        get ["class"]() {
+          return getClassName();
+        }
+      }), false, true);
+      _$insert(_el$, () => local.children);
+      return _el$;
+    }
+  });
 };
 export {
   TopbarContainer

package/dist/components/layout/topbar/TopbarContainer.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/layout/topbar/TopbarContainer.tsx"],
-  "mappings": ";;;;;AAAA,SAAyCA,kBAAkB;AAC3D,OAAOC,UAAU;AACjB,SAASC,eAAe;AAExB,MAAMC,iBAAiBF,KAAK,sBAAsB;AAyB3C,MAAMG,kBAA0DC,WAAU;AAC/E,QAAM,CAACC,OAAOC,IAAI,IAAIP,WAAWK,OAAO,CAAC,YAAY,OAAO,CAAC;AAE7D,QAAMG,eAAeA,MAAMN,QAAQC,gBAAgBG,MAAMG,KAAK;AAE9D,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA;AAAAC,aAAAF,MAAAG,aACWN,MAAI;MAAA,yBAAA;MAAA,KAAA,OAAA,IAAA;AAAA,eAA+BC,aAAa;MAAC;IAAA,CAAA,GAAA,OAAA,IAAA;AAAAM,aAAAJ,MAAA,MACvDJ,MAAMS,QAAQ;AAAA,WAAAL;EAAA,GAAA;AAGrB;",
-  "names": ["splitProps", "clsx", "twMerge", "containerClass", "TopbarContainer", "props", "local", "rest", "getClassName", "class", "_el$", "_tmpl$", "_$spread", "_$mergeProps", "_$insert", "children"]
+  "mappings": ";;;;;;AAAA,SAAyCA,YAAYC,oBAAoB;AACzE,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,SAASC,qBAAqB;AAE9B,MAAMC,iBAAiBH,KAAK,sBAAsB;AAyB3C,MAAMI,kBAA0DC,WAAU;AAC/E,QAAM,CAACC,OAAOC,IAAI,IAAIT,WAAWO,OAAO,CAAC,YAAY,OAAO,CAAC;AAC7D,QAAM,CAACG,SAASC,UAAU,IAAIV,aAAsCW,MAAS;AAE7E,QAAMC,eAAeA,MAAMV,QAAQE,gBAAgBG,MAAMM,KAAK;AAE9D,SAAAC,kBACGX,cAAcY,UAAQ;IAACC,OAAO;MAAEP;MAASC;IAAW;IAAC,IAAAO,WAAA;AAAA,UAAAC,OAAAC,OAAA;AAAAC,eAAAF,MAAAG,aAC3Cb,MAAI;QAAA,yBAAA;QAAA,KAAA,OAAA,IAAA;AAAA,iBAA+BI,aAAa;QAAC;MAAA,CAAA,GAAA,OAAA,IAAA;AAAAU,eAAAJ,MAAA,MACvDX,MAAMU,QAAQ;AAAA,aAAAC;IAAA;EAAA,CAAA;AAIvB;",
+  "names": ["splitProps", "createSignal", "clsx", "twMerge", "TopbarContext", "containerClass", "TopbarContainer", "props", "local", "rest", "actions", "setActions", "undefined", "getClassName", "class", "_$createComponent", "Provider", "value", "children", "_el$", "_tmpl$", "_$spread", "_$mergeProps", "_$insert"]
 }

package/dist/components/layout/topbar/TopbarContext.d.ts

@@ -0,0 +1,9 @@
+import { type Accessor, type JSX, type Setter } from "solid-js";
+export interface TopbarContextValue {
+    actions: Accessor<JSX.Element | undefined>;
+    setActions: Setter<JSX.Element | undefined>;
+}
+export declare const TopbarContext: import("solid-js").Context<TopbarContextValue | undefined>;
+export declare function useTopbarActionsAccessor(): Accessor<JSX.Element | undefined>;
+export declare function createTopbarActions(accessor: () => JSX.Element): void;
+//# sourceMappingURL=TopbarContext.d.ts.map

package/dist/components/layout/topbar/TopbarContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopbarContext.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\layout\\topbar\\TopbarContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,QAAQ,EACb,KAAK,GAAG,EACR,KAAK,MAAM,EACZ,MAAM,UAAU,CAAC;AAElB,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC3C,UAAU,EAAE,MAAM,CAAC,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;CAC7C;AAED,eAAO,MAAM,aAAa,4DAAsC,CAAC;AAEjE,wBAAgB,wBAAwB,IAAI,QAAQ,CAAC,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,CAM5E;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG,CAAC,OAAO,GAAG,IAAI,CAWrE"}

package/dist/components/layout/topbar/TopbarContext.js

@@ -0,0 +1,29 @@
+import {
+  createContext,
+  useContext,
+  onCleanup
+} from "solid-js";
+const TopbarContext = createContext();
+function useTopbarActionsAccessor() {
+  const context = useContext(TopbarContext);
+  if (!context) {
+    throw new Error("useTopbarActionsAccessor\uB294 Topbar.Container \uB0B4\uBD80\uC5D0\uC11C\uB9CC \uC0AC\uC6A9\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4");
+  }
+  return context.actions;
+}
+function createTopbarActions(accessor) {
+  const context = useContext(TopbarContext);
+  if (!context) {
+    throw new Error("createTopbarActions\uB294 Topbar.Container \uB0B4\uBD80\uC5D0\uC11C\uB9CC \uC0AC\uC6A9\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4");
+  }
+  context.setActions(() => accessor());
+  onCleanup(() => {
+    context.setActions(void 0);
+  });
+}
+export {
+  TopbarContext,
+  createTopbarActions,
+  useTopbarActionsAccessor
+};
+//# sourceMappingURL=TopbarContext.js.map

package/dist/components/layout/topbar/TopbarContext.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/layout/topbar/TopbarContext.ts"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAOA,MAAM,gBAAgB,cAAkC;AAExD,SAAS,2BAA8D;AAC5E,QAAM,UAAU,WAAW,aAAa;AACxC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,mIAA6D;AAAA,EAC/E;AACA,SAAO,QAAQ;AACjB;AAEO,SAAS,oBAAoB,UAAmC;AACrE,QAAM,UAAU,WAAW,aAAa;AACxC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,8HAAwD;AAAA,EAC1E;AAEA,UAAQ,WAAW,MAAM,SAAS,CAAC;AAEnC,YAAU,MAAM;AACd,YAAQ,WAAW,MAAS;AAAA,EAC9B,CAAC;AACH;",
+  "names": []
+}

package/dist/index.d.ts

@@ -25,6 +25,7 @@ export * from "./components/layout/FormTable";
 export * from "./components/layout/sidebar/Sidebar";
 export * from "./components/layout/sidebar/SidebarContext";
 export * from "./components/layout/topbar/Topbar";
+export * from "./components/layout/topbar/TopbarContext";
 export * from "./components/data/Table";
 export * from "./components/data/list/List";
 export * from "./components/data/list/ListContext";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["..\\src\\index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["..\\src\\index.ts"],"names":[],"mappings":"AAGA,cAAc,kCAAkC,CAAC;AAGjD,cAAc,yCAAyC,CAAC;AAGxD,cAAc,6CAA6C,CAAC;AAG5D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,0CAA0C,CAAC;AACzD,cAAc,8CAA8C,CAAC;AAG7D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,oDAAoD,CAAC;AACnE,cAAc,0CAA0C,CAAC;AACzD,cAAc,kDAAkD,CAAC;AACjE,cAAc,+CAA+C,CAAC;AAG9D,cAAc,oDAAoD,CAAC;AACnE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,iDAAiD,CAAC;AAChE,cAAc,yCAAyC,CAAC;AACxD,cAAc,oDAAoD,CAAC;AACnE,cAAc,uCAAuC,CAAC;AACtD,cAAc,mCAAmC,CAAC;AAMlD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,mCAAmC,CAAC;AAClD,cAAc,0CAA0C,CAAC;AAMzD,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,wCAAwC,CAAC;AACvD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,0CAA0C,CAAC;AACzD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,oDAAoD,CAAC;AACnE,cAAc,iCAAiC,CAAC;AAChD,cAAc,wCAAwC,CAAC;AAMvD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAM3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AACtD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,wCAAwC,CAAC;AACvD,cAAc,8BAA8B,CAAC;AAO7C,cAAc,wDAAwD,CAAC;AACvE,cAAc,qDAAqD,CAAC;AACpE,cAAc,uDAAuD,CAAC;AAGtE,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AAGzD,cAAc,0CAA0C,CAAC;AACzD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,kDAAkD,CAAC;AACjE,cAAc,gCAAgC,CAAC;AAO/C,OAAO,EAAE,KAAK,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAGrF,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,uBAAuB,EAC5B,kBAAkB,EAClB,cAAc,GACf,MAAM,gCAAgC,CAAC;AAGxC,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAGrF,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAGzE,OAAO,EACL,KAAK,yBAAyB,EAC9B,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,kCAAkC,CAAC;AAG1C,YAAY,EACV,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,GAChB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC7F,cAAc,+CAA+C,CAAC;AAG9D,cAAc,4BAA4B,CAAC;AAM3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAMtD,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AAMzC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAM7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,YAAY,EACV,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,mBAAmB,EACnB,QAAQ,EACR,WAAW,EACX,OAAO,EACP,OAAO,EACP,WAAW,EACX,YAAY,GACb,MAAM,8BAA8B,CAAC"}

package/dist/index.js

@@ -25,6 +25,7 @@ export * from "./components/layout/FormTable.js";
 export * from "./components/layout/sidebar/Sidebar.js";
 export * from "./components/layout/sidebar/SidebarContext.js";
 export * from "./components/layout/topbar/Topbar.js";
+export * from "./components/layout/topbar/TopbarContext.js";
 export * from "./components/data/Table.js";
 export * from "./components/data/list/List.js";
 export * from "./components/data/list/ListContext.js";

package/dist/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../src/index.ts"],
-  "mappings": "AAGA,cAAc;AAGd,cAAc;AAGd,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAOd,cAAc;AACd,cAAc;AACd,cAAc;AAGd,cAAc;AACd,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAOd,SAAyB,eAAe,iBAAiB;AAGzD;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AAGP,eAAyD;AAGzD,SAAS,gBAAgB;AAIzB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AAQP,SAAS,mBAAmB,qBAAqB;AACjD,cAAc;AAGd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAM9B,cAAc;AACd,cAAc;AAMd,SAAS,cAAc;AAMvB,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,0BAA0B;",
+  "mappings": "AAGA,cAAc;AAGd,cAAc;AAGd,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAOd,cAAc;AACd,cAAc;AACd,cAAc;AAGd,cAAc;AACd,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAOd,SAAyB,eAAe,iBAAiB;AAGzD;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AAGP,eAAyD;AAGzD,SAAS,gBAAgB;AAIzB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AAQP,SAAS,mBAAmB,qBAAqB;AACjD,cAAc;AAGd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAM9B,cAAc;AACd,cAAc;AAMd,SAAS,cAAc;AAMvB,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,0BAA0B;",
   "names": []
 }

package/docs/layout.md

@@ -127,10 +127,79 @@ const userMenus: TopbarUserMenu[] = [
 ```
 
 **Sub-components:**
-- `Topbar.Container` -- Container wrapping main content below topbar
+- `Topbar.Container` -- Container wrapping topbar and main content, provides `TopbarContext`
+- `Topbar.Actions` -- Slot outlet that renders actions registered via `createTopbarActions`
 - `Topbar.Menu` -- Menu items list
 - `Topbar.User` -- User menu (dropdown)
 
+### Topbar Actions Slot
+
+A slot pattern that lets child pages inject action buttons (save, delete, etc.) into the topbar. The parent layout defines **where** actions appear, child pages define **what** to show.
+
+**Layout (define the slot):**
+
+```tsx
+import { Topbar } from "@simplysm/solid";
+
+<Topbar.Container>
+  <Topbar>
+    <span>Title</span>
+    <Topbar.Actions />
+    <div class="flex-1" />
+  </Topbar>
+  <main class="flex-1 overflow-auto p-4">
+    {props.children}
+  </main>
+</Topbar.Container>
+```
+
+**Child page (fill the slot):**
+
+```tsx
+import { createTopbarActions, Button } from "@simplysm/solid";
+
+function UserPage() {
+  createTopbarActions(() => (
+    <>
+      <Button theme="primary">Save</Button>
+      <Button>Cancel</Button>
+    </>
+  ));
+
+  return <div>...</div>;
+}
+```
+
+When `UserPage` mounts, the buttons appear in the topbar. When it unmounts, the actions are automatically cleaned up via `onCleanup`.
+
+**createTopbarActions(accessor: () => JSX.Element): void**
+
+Registers actions in the nearest `Topbar.Container` scope. Automatically removes actions on component unmount. Must be called inside `Topbar.Container`.
+
+**useTopbarActionsAccessor(): Accessor&lt;JSX.Element | undefined&gt;**
+
+Returns the actions accessor directly. For advanced use cases such as building custom topbar components. Must be called inside `Topbar.Container`.
+
+```tsx
+import { useTopbarActionsAccessor } from "@simplysm/solid";
+
+const actions = useTopbarActionsAccessor();
+// actions() returns the currently registered JSX.Element or undefined
+```
+
+**TopbarContext:**
+
+`TopbarContext` is exported for building custom topbar layouts. `Topbar.Container` wraps children with `TopbarContext.Provider`, sharing `actions` accessor and `setActions` setter.
+
+```typescript
+import { TopbarContext } from "@simplysm/solid";
+
+interface TopbarContextValue {
+  actions: Accessor<JSX.Element | undefined>;
+  setActions: Setter<JSX.Element | undefined>;
+}
+```
+
 **TopbarMenuItem type:**
 
 ```typescript

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplysm/solid",
-  "version": "13.0.53",
+  "version": "13.0.55",
   "description": "심플리즘 패키지 - SolidJS 라이브러리",
   "author": "김석래",
   "license": "Apache-2.0",
@@ -49,8 +49,8 @@
     "solid-tiptap": "^0.8.0",
     "tailwind-merge": "^3.5.0",
     "tailwindcss": "^3.4.19",
-    "@simplysm/core-browser": "13.0.53",
-    "@simplysm/core-common": "13.0.53"
+    "@simplysm/core-browser": "13.0.55",
+    "@simplysm/core-common": "13.0.55"
   },
   "devDependencies": {
     "@solidjs/testing-library": "^0.8.10"

package/src/components/data/sheet/DataSheet.css

@@ -1,10 +1,27 @@
-[data-sheet] tbody tr:hover > td {
-  box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 3%);
+[data-sheet] tbody tr {
+  position: relative;
+}
+
+/* ::after 공통 — content가 없으면 렌더링되지 않으므로 각 상태에서 content 설정 */
+[data-sheet] tbody tr::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  z-index: 10;
+}
+
+[data-sheet] tbody tr:hover::after {
+  content: "";
+  background: rgb(0 0 0 / 3%);
 }
 
 /* 선택 행 시각 효과 — 호버보다 약간 더 진하게 */
-[data-sheet] tbody tr[data-selected] > td {
-  box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 5%);
+[data-sheet] tbody tr[data-selected]::after {
+  content: "";
+  background: rgb(0 0 0 / 5%);
 }
 
 /* 드래그 중인 행 */
@@ -13,14 +30,15 @@
 }
 
 /* inside 드롭 대상 행 */
-[data-sheet] tbody tr[data-drag-over="inside"] > td {
-  box-shadow: inset 0 0 0 9999px rgb(59 130 246 / 10%);
+[data-sheet] tbody tr[data-drag-over="inside"]::after {
+  content: "";
+  background: rgb(59 130 246 / 10%);
 }
 
-.dark [data-sheet] tbody tr:hover > td {
-  box-shadow: inset 0 0 0 9999px rgb(255 255 255 / 4%);
+.dark [data-sheet] tbody tr:hover::after {
+  background: rgb(255 255 255 / 4%);
 }
 
-.dark [data-sheet] tbody tr[data-selected] > td {
-  box-shadow: inset 0 0 0 9999px rgb(255 255 255 / 6%);
+.dark [data-sheet] tbody tr[data-selected]::after {
+  background: rgb(255 255 255 / 6%);
 }

package/src/components/form-control/Invalid.tsx

@@ -19,7 +19,7 @@ export const Invalid: ParentComponent<InvalidProps> = (props) => {
     "size-px opacity-0",
     "pointer-events-none -z-10",
   );
-  hiddenInputEl.autocomplete = "off";
+  hiddenInputEl.autocomplete = "one-time-code";
   hiddenInputEl.tabIndex = -1;
   hiddenInputEl.setAttribute("aria-hidden", "true");
 

package/src/components/form-control/combobox/Combobox.tsx

@@ -314,6 +314,7 @@ export const Combobox: ComboboxComponent = <T,>(props: ComboboxProps<T>) => {
             value={query()}
             placeholder={currentValue === undefined ? local.placeholder : undefined}
             disabled={local.disabled}
+            autocomplete="one-time-code"
             onInput={handleInput}
           />
         );

package/src/components/form-control/field/DatePicker.tsx

@@ -3,7 +3,7 @@ import { type Component, createMemo, type JSX, Show, splitProps } from "solid-js
 import { twMerge } from "tailwind-merge";
 import { DateOnly } from "@simplysm/core-common";
 import { createControllableSignal } from "../../../hooks/createControllableSignal";
-import { type FieldSize, fieldInputClass, getFieldWrapperClass } from "./Field.styles";
+import { fieldInputClass, type FieldSize, getFieldWrapperClass } from "./Field.styles";
 import { Invalid } from "../../form-control/Invalid";
 
 type DatePickerUnit = "year" | "month" | "date";
@@ -181,6 +181,7 @@ export const DatePicker: Component<DatePickerProps> = (props) => {
       disabled: local.disabled,
       inset: local.inset,
       includeCustomClass: includeCustomClass && local.class,
+      extra: "min-w-32",
     });
 
   // 편집 가능 여부
@@ -231,6 +232,7 @@ export const DatePicker: Component<DatePickerProps> = (props) => {
                 title={local.title}
                 min={formatDateValue(local.min, fieldType())}
                 max={formatDateValue(local.max, fieldType())}
+                autocomplete="one-time-code"
                 onChange={handleChange}
               />
             </div>
@@ -257,6 +259,7 @@ export const DatePicker: Component<DatePickerProps> = (props) => {
                 title={local.title}
                 min={formatDateValue(local.min, fieldType())}
                 max={formatDateValue(local.max, fieldType())}
+                autocomplete="one-time-code"
                 onChange={handleChange}
               />
             </div>

package/src/components/form-control/field/DateTimePicker.tsx

@@ -176,6 +176,7 @@ export const DateTimePicker: Component<DateTimePickerProps> = (props) => {
       disabled: local.disabled,
       inset: local.inset,
       includeCustomClass: includeCustomClass && local.class,
+      extra: "min-w-44",
     });
 
   // 편집 가능 여부
@@ -230,6 +231,7 @@ export const DateTimePicker: Component<DateTimePickerProps> = (props) => {
                 min={formatDateTimeValue(local.min, fieldType())}
                 max={formatDateTimeValue(local.max, fieldType())}
                 step={getStep()}
+                autocomplete="one-time-code"
                 onChange={handleChange}
               />
             </div>
@@ -262,6 +264,7 @@ export const DateTimePicker: Component<DateTimePickerProps> = (props) => {
                 min={formatDateTimeValue(local.min, fieldType())}
                 max={formatDateTimeValue(local.max, fieldType())}
                 step={getStep()}
+                autocomplete="one-time-code"
                 onChange={handleChange}
               />
             </div>

package/src/components/form-control/field/NumberInput.tsx

@@ -328,6 +328,7 @@ export const NumberInput: Component<NumberInputProps> = (props) => {
                 value={displayValue()}
                 placeholder={local.placeholder}
                 title={local.title}
+                autocomplete="one-time-code"
                 onInput={handleInput}
                 onFocus={handleFocus}
                 onBlur={handleBlur}
@@ -361,6 +362,7 @@ export const NumberInput: Component<NumberInputProps> = (props) => {
                 value={displayValue()}
                 placeholder={local.placeholder}
                 title={local.title}
+                autocomplete="one-time-code"
                 onInput={handleInput}
                 onFocus={handleFocus}
                 onBlur={handleBlur}

package/src/components/form-control/field/TextInput.tsx

@@ -284,7 +284,7 @@ export const TextInput: Component<TextInputProps> = (props) => {
                 value={inputValue()}
                 placeholder={local.placeholder}
                 title={local.title}
-                autocomplete={local.autocomplete}
+                autocomplete={local.autocomplete ?? "one-time-code"}
                 onInput={handleInput}
                 onCompositionStart={handleCompositionStart}
                 onCompositionEnd={handleCompositionEnd}
@@ -314,7 +314,7 @@ export const TextInput: Component<TextInputProps> = (props) => {
                 value={inputValue()}
                 placeholder={local.placeholder}
                 title={local.title}
-                autocomplete={local.autocomplete}
+                autocomplete={local.autocomplete ?? "one-time-code"}
                 onInput={handleInput}
                 onCompositionStart={handleCompositionStart}
                 onCompositionEnd={handleCompositionEnd}

package/src/components/form-control/field/TimePicker.tsx

@@ -151,6 +151,7 @@ export const TimePicker: Component<TimePickerProps> = (props) => {
       disabled: local.disabled,
       inset: local.inset,
       includeCustomClass: includeCustomClass && local.class,
+      extra: "min-w-24",
     });
 
   // 편집 가능 여부
@@ -203,6 +204,7 @@ export const TimePicker: Component<TimePickerProps> = (props) => {
                 value={displayValue()}
                 title={local.title}
                 step={getStep()}
+                autocomplete="one-time-code"
                 onChange={handleChange}
               />
             </div>
@@ -228,6 +230,7 @@ export const TimePicker: Component<TimePickerProps> = (props) => {
                 value={displayValue()}
                 title={local.title}
                 step={getStep()}
+                autocomplete="one-time-code"
                 onChange={handleChange}
               />
             </div>

package/src/components/form-control/state-preset/StatePreset.tsx

@@ -289,6 +289,7 @@ function StatePresetInner<TValue>(props: StatePresetProps<TValue>): JSX.Element
           type="text"
           class={resolvedInputClass()}
           placeholder="이름..."
+          autocomplete="one-time-code"
           value={inputValue()}
           onInput={(e) => setInputValue(e.currentTarget.value)}
           onKeyDown={handleInputKeyDown}

package/src/components/layout/topbar/Topbar.tsx

@@ -5,6 +5,7 @@ import { Icon } from "../../display/Icon";
 import { twMerge } from "tailwind-merge";
 import { Button } from "../../form-control/Button";
 import { useSidebarContextOptional } from "../sidebar/SidebarContext";
+import { TopbarActions } from "./TopbarActions";
 import { TopbarContainer } from "./TopbarContainer";
 import { TopbarMenu } from "./TopbarMenu";
 import { TopbarUser } from "./TopbarUser";
@@ -58,6 +59,7 @@ export interface TopbarProps extends JSX.HTMLAttributes<HTMLElement> {
  * ```
  */
 interface TopbarComponent extends ParentComponent<TopbarProps> {
+  Actions: typeof TopbarActions;
   Container: typeof TopbarContainer;
   Menu: typeof TopbarMenu;
   User: typeof TopbarUser;
@@ -88,6 +90,7 @@ const TopbarBase: ParentComponent<TopbarProps> = (props) => {
 };
 
 export const Topbar = TopbarBase as TopbarComponent;
+Topbar.Actions = TopbarActions;
 Topbar.Container = TopbarContainer;
 Topbar.Menu = TopbarMenu;
 Topbar.User = TopbarUser;

package/src/components/layout/topbar/TopbarActions.tsx

@@ -0,0 +1,8 @@
+import { type Component, useContext } from "solid-js";
+import { TopbarContext } from "./TopbarContext";
+
+export const TopbarActions: Component = () => {
+  const context = useContext(TopbarContext);
+
+  return <span data-topbar-actions>{context?.actions()}</span>;
+};

package/src/components/layout/topbar/TopbarContainer.tsx

@@ -1,6 +1,7 @@
-import { type JSX, type ParentComponent, splitProps } from "solid-js";
+import { type JSX, type ParentComponent, splitProps, createSignal } from "solid-js";
 import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
+import { TopbarContext } from "./TopbarContext";
 
 const containerClass = clsx("flex h-full flex-col");
 
@@ -13,7 +14,7 @@ export interface TopbarContainerProps extends JSX.HTMLAttributes<HTMLDivElement>
  *
  * @remarks
  * - `flex flex-col h-full` 구조로 Topbar와 콘텐츠를 수직 배치
- * - Context 없이 순수 레이아웃 역할만 수행
+ * - TopbarContext.Provider로 actions 상태 공유
  * - 부모 요소에 높이가 지정되어야 함
  *
  * @example
@@ -29,12 +30,15 @@ export interface TopbarContainerProps extends JSX.HTMLAttributes<HTMLDivElement>
  */
 export const TopbarContainer: ParentComponent<TopbarContainerProps> = (props) => {
   const [local, rest] = splitProps(props, ["children", "class"]);
+  const [actions, setActions] = createSignal<JSX.Element | undefined>(undefined);
 
   const getClassName = () => twMerge(containerClass, local.class);
 
   return (
-    <div {...rest} data-topbar-container class={getClassName()}>
-      {local.children}
-    </div>
+    <TopbarContext.Provider value={{ actions, setActions }}>
+      <div {...rest} data-topbar-container class={getClassName()}>
+        {local.children}
+      </div>
+    </TopbarContext.Provider>
   );
 };