import { jsxs as i, jsx as e } 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 "../../../components/base/editor/block-control-panel.js";
import "../../../components/base/editor/block-navigation.js";
import "../../../store/theme-slice.js";
import "../../../../../../_virtual/cjs.js";
import "../../../contexts/action-context.js";
import "../../../store/app-slice.js";
import "../../../components/shared/scroll-area.js";
import { SettingsType as o } from "../../../types/index.js";
import { TfiAlignJustify as c } from "../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/tfi/index.js";
import "../../../components/shared/popover.js";
import "../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/react-hot-toast/dist/index.js";
import { AiOutlineAlignLeft as C, AiOutlineAlignCenter as u, AiOutlineAlignRight as f } from "../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/ai/index.js";
import { Unit as t, PseudoClass as r } from "../../../types/style.js";
import { ColorControl as m } from "../../../components/controls/color.control.js";
import { Label as g } from "../../../components/shared/label.js";
import "../../../components/shared/select.js";
import "../../../components/shared/tooltip.js";
import { SliderUnitControl as p } from "../../../components/controls/slider-unit.control.js";
import { ToggleGroupControl as N } from "../../../components/controls/toggle-group.control.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/input.js";
import "../../../components/shared/range-slider.js";
import { TypographyControl as O } from "../../../components/controls/typography.control.js";
import { Accordion as n } from "../../../components/shared/accordion.js";
import { Tabs as l } from "../../../components/shared/tabs.js";
import "../../../components/shared/button.js";
import "../../../../../../_virtual/lodash.js";
import "../../../components/shared/content-editable.js";
import { SpacingControl as d } from "../../../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 "../../../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 { BorderControl as a } from "../../../components/controls/border.control.js";
import { BoxShadowControl as s } from "../../../components/controls/box-shadow.control.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 "../../../components/base/render-block.js";
import "../../../components/base/asset-manager.js";
import "../../../components/base/block-toolbar.js";
const Me = () => /* @__PURE__ */ i(n, { defaultValue: "Trigger", type: "single", collapsible: !0, children: [
  /* @__PURE__ */ i(n.Item, { value: "Trigger", children: [
    /* @__PURE__ */ e(n.Trigger, { className: "p-4", children: "Trigger" }),
    /* @__PURE__ */ i(n.Content, { className: "px-4", children: [
      /* @__PURE__ */ e(
        p,
        {
          label: "Width",
          units: [t.PX, t.REM, t.EM, t.PERCENTAGE, t.VW],
          fieldName: "trigger.width",
          type: o.BLOCK,
          responsive: !0
        }
      ),
      /* @__PURE__ */ e(
        p,
        {
          label: "Height",
          units: [t.PX, t.REM, t.EM, t.PERCENTAGE, t.VH],
          fieldName: "trigger.height",
          type: o.BLOCK,
          responsive: !0
        }
      ),
      /* @__PURE__ */ e(
        p,
        {
          label: "Spacing",
          fieldName: "trigger.spacing",
          type: o.BLOCK,
          responsive: !0
        }
      ),
      /* @__PURE__ */ e(
        N,
        {
          type: o.BLOCK,
          fieldName: "trigger.align",
          label: "Alignment",
          responsive: !0,
          controls: [
            {
              tooltipContent: "Start",
              toggleTrigger: /* @__PURE__ */ e(C, { className: "text-sm" }),
              value: "flex-start"
            },
            {
              tooltipContent: "Center",
              toggleTrigger: /* @__PURE__ */ e(u, { className: "text-sm" }),
              value: "center"
            },
            {
              tooltipContent: "End",
              toggleTrigger: /* @__PURE__ */ e(f, { className: "text-sm" }),
              value: "flex-end"
            },
            {
              tooltipContent: "Justified",
              toggleTrigger: /* @__PURE__ */ e(c, { className: "text-sm" }),
              value: "space-between"
            }
          ]
        }
      ),
      /* @__PURE__ */ e(
        d,
        {
          label: "Padding",
          fieldName: "trigger.padding",
          type: o.BLOCK,
          responsive: !0
        }
      ),
      /* @__PURE__ */ e(
        d,
        {
          label: "Margin",
          fieldName: "trigger.margin",
          type: o.BLOCK,
          responsive: !0
        }
      ),
      /* @__PURE__ */ e(
        O,
        {
          label: "Typography",
          fieldName: "trigger.typography",
          type: o.BLOCK
        }
      ),
      /* @__PURE__ */ i(l, { defaultValue: r.DEFAULT, className: "mt-4", children: [
        /* @__PURE__ */ i(l.List, { className: "h-8 w-full rounded-full", children: [
          /* @__PURE__ */ e(
            l.Trigger,
            {
              className: "flex-1 rounded-full p-[3px] text-[13px]",
              value: r.DEFAULT,
              children: "Normal"
            }
          ),
          /* @__PURE__ */ e(
            l.Trigger,
            {
              className: "flex-1 rounded-full p-[3px] text-[13px]",
              value: r.HOVER,
              children: "Hover"
            }
          ),
          /* @__PURE__ */ e(
            l.Trigger,
            {
              className: "flex-1 rounded-full p-[3px] text-[13px]",
              value: r.FOCUS,
              children: "Focus"
            }
          )
        ] }),
        /* @__PURE__ */ i(l.Content, { value: r.DEFAULT, children: [
          /* @__PURE__ */ e(
            m,
            {
              fieldName: "trigger.color",
              type: o.BLOCK,
              mode: r.DEFAULT
            }
          ),
          /* @__PURE__ */ e(
            m,
            {
              label: "Background Color",
              fieldName: "trigger.background.color",
              type: o.BLOCK,
              mode: r.DEFAULT
            }
          ),
          /* @__PURE__ */ e(
            a,
            {
              fieldName: "trigger.border",
              mode: r.DEFAULT,
              type: o.BLOCK
            }
          ),
          /* @__PURE__ */ e(g, { className: "mt-4 font-semibold", children: "Icon" }),
          /* @__PURE__ */ e(
            m,
            {
              label: "Color",
              fieldName: "trigger.icon.color",
              type: o.BLOCK,
              mode: r.DEFAULT
            }
          ),
          /* @__PURE__ */ e(
            p,
            {
              label: "Size",
              fieldName: "trigger.icon.size",
              type: o.BLOCK,
              responsive: !0,
              mode: r.DEFAULT
            }
          )
        ] }),
        /* @__PURE__ */ i(l.Content, { value: r.HOVER, children: [
          /* @__PURE__ */ e(
            m,
            {
              fieldName: "trigger.color",
              type: o.BLOCK,
              mode: r.HOVER
            }
          ),
          /* @__PURE__ */ e(
            m,
            {
              label: "Background Color",
              fieldName: "trigger.background.color",
              type: o.BLOCK,
              mode: r.HOVER
            }
          ),
          /* @__PURE__ */ e(
            a,
            {
              fieldName: "trigger.border",
              mode: r.HOVER,
              type: o.BLOCK
            }
          ),
          /* @__PURE__ */ e(g, { className: "mt-4 font-semibold", children: "Icon" }),
          /* @__PURE__ */ e(
            m,
            {
              label: "Color",
              fieldName: "trigger.icon.color",
              type: o.BLOCK,
              mode: r.HOVER
            }
          ),
          /* @__PURE__ */ e(
            p,
            {
              label: "Size",
              fieldName: "trigger.icon.size",
              type: o.BLOCK,
              responsive: !0,
              mode: r.HOVER
            }
          )
        ] }),
        /* @__PURE__ */ i(l.Content, { value: r.FOCUS, children: [
          /* @__PURE__ */ e(
            m,
            {
              fieldName: "trigger.color",
              type: o.BLOCK,
              mode: r.FOCUS
            }
          ),
          /* @__PURE__ */ e(
            m,
            {
              label: "Background Color",
              fieldName: "trigger.background.color",
              type: o.BLOCK,
              mode: r.FOCUS
            }
          ),
          /* @__PURE__ */ e(
            a,
            {
              fieldName: "trigger.border",
              mode: r.FOCUS,
              type: o.BLOCK
            }
          ),
          /* @__PURE__ */ e(g, { className: "mt-4 font-semibold", children: "Icon" }),
          /* @__PURE__ */ e(
            m,
            {
              label: "Color",
              fieldName: "trigger.icon.color",
              type: o.BLOCK,
              mode: r.FOCUS
            }
          ),
          /* @__PURE__ */ e(
            p,
            {
              label: "Size",
              fieldName: "trigger.icon.size",
              type: o.BLOCK,
              responsive: !0,
              mode: r.FOCUS
            }
          )
        ] })
      ] })
    ] })
  ] }),
  /* @__PURE__ */ i(n.Item, { value: "Content", children: [
    /* @__PURE__ */ e(n.Trigger, { className: "p-4", children: "Content" }),
    /* @__PURE__ */ i(n.Content, { className: "px-4", children: [
      /* @__PURE__ */ e(
        p,
        {
          label: "Width",
          units: [t.PX, t.REM, t.EM, t.PERCENTAGE, t.VW],
          fieldName: "content.width",
          type: o.BLOCK,
          responsive: !0
        }
      ),
      /* @__PURE__ */ e(
        p,
        {
          label: "Height",
          units: [t.PX, t.REM, t.EM, t.PERCENTAGE, t.VH],
          fieldName: "content.height",
          type: o.BLOCK,
          responsive: !0
        }
      ),
      /* @__PURE__ */ e(
        d,
        {
          label: "Padding",
          fieldName: "content.padding",
          type: o.BLOCK,
          responsive: !0
        }
      ),
      /* @__PURE__ */ e(
        d,
        {
          label: "Margin",
          fieldName: "content.margin",
          type: o.BLOCK,
          responsive: !0
        }
      ),
      /* @__PURE__ */ i(l, { defaultValue: r.DEFAULT, className: "mt-4", children: [
        /* @__PURE__ */ i(l.List, { className: "h-8 w-full rounded-full", children: [
          /* @__PURE__ */ e(
            l.Trigger,
            {
              className: "flex-1 rounded-full p-[3px] text-[13px]",
              value: r.DEFAULT,
              children: "Normal"
            }
          ),
          /* @__PURE__ */ e(
            l.Trigger,
            {
              className: "flex-1 rounded-full p-[3px] text-[13px]",
              value: r.HOVER,
              children: "Hover"
            }
          )
        ] }),
        /* @__PURE__ */ i(l.Content, { value: r.DEFAULT, children: [
          /* @__PURE__ */ e(
            a,
            {
              fieldName: "content.border",
              mode: r.DEFAULT,
              type: o.BLOCK
            }
          ),
          /* @__PURE__ */ e(
            s,
            {
              fieldName: "content.boxShadow",
              mode: r.DEFAULT,
              type: o.BLOCK
            }
          ),
          /* @__PURE__ */ e(
            m,
            {
              label: "Background Color",
              fieldName: "content.background.color",
              type: o.BLOCK,
              mode: r.DEFAULT
            }
          )
        ] }),
        /* @__PURE__ */ i(l.Content, { value: r.HOVER, children: [
          /* @__PURE__ */ e(
            a,
            {
              fieldName: "content.border",
              mode: r.HOVER,
              type: o.BLOCK
            }
          ),
          /* @__PURE__ */ e(
            s,
            {
              fieldName: "content.boxShadow",
              mode: r.HOVER,
              type: o.BLOCK
            }
          ),
          /* @__PURE__ */ e(
            m,
            {
              label: "Background Color",
              fieldName: "content.background.color",
              type: o.BLOCK,
              mode: r.HOVER
            }
          )
        ] })
      ] }),
      /* @__PURE__ */ e(
        m,
        {
          label: "Backdrop Color",
          fieldName: "content.backdrop.color",
          type: o.BLOCK,
          mode: r.DEFAULT
        }
      )
    ] })
  ] })
] });
export {
  Me as default
};
//# sourceMappingURL=drawer-style.control.js.map
