@dndbuilder.com/react/dist/packages/react/src/blocks/tabs/components/tabs.preview.js

Drag and drop builder for React

"use client";
import { jsxs as c, jsx as r } from "react/jsx-runtime";
import "../../../config/theme.config.js";
import "../../../config/builder.config.js";
import "../../../store/builder-slice.js";
import "../../../../../../utils.js";
import "react";
import "../../../../../../store/selectors.js";
import "../../../store/theme-slice.js";
import "../../../../../../_virtual/cjs.js";
import "../../../contexts/action-context.js";
import "../../../components/base/editor/block-control-panel.js";
import "../../../components/base/editor/block-navigation.js";
import "../../../components/shared/scroll-area.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/alpha/Alpha.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/block/Block.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/circle/Circle.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/chrome/Chrome.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/compact/Compact.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/github/Github.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/hue/Hue.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/material/Material.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/photoshop/Photoshop.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/sketch/Sketch.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/slider/Slider.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/swatches/Swatches.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/twitter/Twitter.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/google/Google.js";
import "../../../../../../node_modules/.pnpm/tinycolor2@1.6.0/node_modules/tinycolor2/esm/tinycolor.js";
import "../../../components/shared/label.js";
import "../../../components/shared/popover.js";
import "../../../components/shared/tooltip.js";
import "../../../components/shared/select.js";
import "../../../components/controls/slider-unit.control.js";
import "../../../components/controls/toggle-group.control.js";
import "../../../components/shared/input.js";
import "../../../components/shared/range-slider.js";
import "../../../../../../_virtual/index5.js";
import "../../../../../../_virtual/lodash.js";
import "../../../components/shared/button.js";
import "../../../components/shared/accordion.js";
import "../../../components/shared/tabs.js";
import "../../../components/shared/content-editable.js";
import "../../../components/controls/spacing.control.js";
import "../../../components/shared/separator.js";
import "../../../../../../node_modules/.pnpm/@monaco-editor_react@4.7.0_monaco-editor@0.52.2_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@monaco-editor/react/dist/index.js";
import "../../../components/controls/flex-gap.control.js";
import "../../../components/shared/checkbox.js";
import "../../../components/shared/context-menu.js";
import "../../../components/shared/dialog.js";
import "../../../components/shared/drawer.js";
import "../../../contexts/frame-context.js";
import "../../../components/shared/hover-card.js";
import { RenderIcon as b } from "../../../components/shared/render-icon.js";
import "../../../components/shared/switch.js";
import "../../../../../../node_modules/.pnpm/@tiptap_extension-link@2.23.0_@tiptap_core@2.23.0_@tiptap_pm@2.23.0__@tiptap_pm@2.23.0/node_modules/@tiptap/extension-link/dist/index.js";
import "../../../../../../node_modules/.pnpm/@tiptap_extension-placeholder@2.23.0_@tiptap_core@2.23.0_@tiptap_pm@2.23.0__@tiptap_pm@2.23.0/node_modules/@tiptap/extension-placeholder/dist/index.js";
import "../../../../../../node_modules/.pnpm/@tiptap_starter-kit@2.23.0/node_modules/@tiptap/starter-kit/dist/index.js";
import "../../../components/shared/textarea.js";
import { Root as x, List as _, Trigger as v, Content as N } from "../../../../../../node_modules/.pnpm/@radix-ui_react-tabs@1.1.3_@types_react-dom@19.0.4_@types_react@19.0.10__@types_react@19.0.10_zw2jd7lnncg2lbtqb4feedrihy/node_modules/@radix-ui/react-tabs/dist/index.js";
import "../../../components/base/add-new-section.js";
import "../../../components/base/editor-render-block.js";
import "react-dom";
import "../../../components/base/editor-asset-manager.js";
import "../../../components/base/editor/block-navigation-item.js";
import { RenderBlock as k } from "../../../components/base/render-block.js";
import "../../../components/base/asset-manager.js";
import "../../../components/base/block-toolbar.js";
import { useBreakpoint as w } from "../../../hooks/use-breakpoint.js";
const Do = ({ settings: i, meta: p, children: d }) => {
  var n, a;
  const u = (p == null ? void 0 : p.locale) || "en", f = w(), h = ((a = (n = i.list) == null ? void 0 : n.orientation) == null ? void 0 : a[f]) || "horizontal", e = d.reduce(
    (o, t) => (typeof t == "string" || (o[t.id] = t), o),
    {}
  );
  return /* @__PURE__ */ c(x, { className: "tabs", defaultValue: i.tabs[0].id, orientation: h, children: [
    /* @__PURE__ */ r(_, { className: "tab-list", children: i.tabs.map((o) => {
      var t, m, s, l;
      return /* @__PURE__ */ r(v, { value: o.id, asChild: !0, children: /* @__PURE__ */ c(
        "div",
        {
          role: "button",
          className: "tab-button data-[state=active]:text-primary-500 gap-2 whitespace-nowrap px-2 py-1 transition-colors duration-150 data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current",
          children: [
            /* @__PURE__ */ r(
              b,
              {
                iconSet: (t = o.icon) == null ? void 0 : t.iconSet,
                iconName: (m = o.icon) == null ? void 0 : m.iconName,
                size: 24
              }
            ),
            ((s = o.label) == null ? void 0 : s[u]) || ((l = o.label) == null ? void 0 : l.en)
          ]
        }
      ) }, o.id);
    }) }),
    i.tabs.map((o) => /* @__PURE__ */ r(N, { value: o.id, className: "tab-content", children: o.children.map((t, m) => e[t] ? /* @__PURE__ */ r(k, { block: e[t], index: m, meta: p }, t) : null) }, o.id))
  ] });
};
export {
  Do as default
};
//# sourceMappingURL=tabs.preview.js.map