alinea/dist/dashboard/view/entry/FieldToolbar.js

[](https://npmjs.org/package/alinea) [](https://packagephobia.com/result?p=alinea)

import "../../../chunks/chunk-U5RRZUYZ.js";

// src/dashboard/view/entry/FieldToolbar.tsx
import { fromModule } from "alinea/ui";
import { AppBar } from "alinea/ui/AppBar";
import { createSlots } from "alinea/ui/util/Slots";

// src/dashboard/view/entry/FieldToolbar.module.scss
var FieldToolbar_module_default = {
  "root": "alinea-FieldToolbar",
  "root-inner": "alinea-FieldToolbar-inner",
  "rootInner": "alinea-FieldToolbar-inner",
  "is-active": "alinea-FieldToolbar-is-active",
  "isActive": "alinea-FieldToolbar-is-active"
};

// src/dashboard/view/entry/FieldToolbar.tsx
import { jsx } from "react/jsx-runtime";
var styles = fromModule(FieldToolbar_module_default);
var FieldToolbar;
((FieldToolbar2) => {
  ({ Provider: FieldToolbar2.Provider, Portal: FieldToolbar2.Portal, Slot: FieldToolbar2.Slot, useSlots: FieldToolbar2.useSlots } = createSlots());
  const InnerPortal = FieldToolbar2.Portal;
  function Root(props) {
    const { shown } = (0, FieldToolbar2.useSlots)();
    return /* @__PURE__ */ jsx(
      AppBar.Root,
      {
        ...props,
        className: styles.root.mergeProps(props)({ active: shown }),
        children: /* @__PURE__ */ jsx(InnerPortal, { className: styles.root.inner() })
      }
    );
  }
  FieldToolbar2.Root = Root;
})(FieldToolbar || (FieldToolbar = {}));
export {
  FieldToolbar
};