@dndbuilder.com/react
Version:
Drag and drop builder for React
154 lines (153 loc) • 5.08 kB
JavaScript
"use client";
import { jsxs as o, jsx as e } from "react/jsx-runtime";
import { BackgroundControl as d } from "../../../../components/controls/background.control.js";
import { BorderControl as i } from "../../../../components/controls/border.control.js";
import { BoxShadowControl as m } from "../../../../components/controls/box-shadow.control.js";
import { SliderInputControl as s } from "../../../../components/controls/slider-input.control.js";
import { SpacingControl as u } from "../../../../components/controls/spacing.control.js";
import { Accordion as a } from "../../../../components/shared/accordion.js";
import { Tabs as r } from "../../../../components/shared/tabs.js";
import { SettingsType as t } from "../../../../types/index.js";
import { Unit as n, PseudoClass as l } from "../../../../types/style.js";
function T() {
return /* @__PURE__ */ o(a, { defaultValue: "Layout", type: "single", collapsible: !0, className: "mt-0 w-full", children: [
/* @__PURE__ */ o(a.Item, { value: "Layout", children: [
/* @__PURE__ */ e(a.Trigger, { className: "p-4", children: "Layout" }),
/* @__PURE__ */ o(a.Content, { className: "px-4", children: [
/* @__PURE__ */ e(
u,
{
type: t.BLOCK,
fieldName: "margin",
label: "Margin",
responsive: !0,
className: "mt-0",
units: [n.PX, n.REM, n.EM, n.PERCENTAGE]
}
),
/* @__PURE__ */ e(
u,
{
type: t.BLOCK,
fieldName: "padding",
label: "Padding",
responsive: !0,
units: [n.PX, n.REM, n.EM, n.PERCENTAGE]
}
)
] })
] }),
/* @__PURE__ */ o(a.Item, { value: "Background", children: [
/* @__PURE__ */ e(a.Trigger, { className: "p-4", children: "Background" }),
/* @__PURE__ */ e(a.Content, { className: "mt-0 px-4", children: /* @__PURE__ */ o(r, { defaultValue: l.DEFAULT, children: [
/* @__PURE__ */ o(r.List, { className: "h-8 w-full rounded-full", children: [
/* @__PURE__ */ e(
r.Trigger,
{
className: "flex-1 rounded-full p-[3px] text-[13px]",
value: l.DEFAULT,
children: "Normal"
}
),
/* @__PURE__ */ e(
r.Trigger,
{
className: "flex-1 rounded-full p-[3px] text-[13px]",
value: l.HOVER,
children: "Hover"
}
)
] }),
/* @__PURE__ */ e(r.Content, { value: l.DEFAULT, children: /* @__PURE__ */ e(
d,
{
fieldName: "background",
mode: l.DEFAULT,
type: t.BLOCK
}
) }),
/* @__PURE__ */ e(r.Content, { value: l.HOVER, children: /* @__PURE__ */ e(
d,
{
fieldName: "background",
mode: l.HOVER,
type: t.BLOCK
}
) })
] }) })
] }),
/* @__PURE__ */ o(a.Item, { value: "Border", children: [
/* @__PURE__ */ e(a.Trigger, { className: "p-4", children: "Border" }),
/* @__PURE__ */ e(a.Content, { className: "mt-0 px-4", children: /* @__PURE__ */ o(r, { defaultValue: l.DEFAULT, children: [
/* @__PURE__ */ o(r.List, { className: "h-8 w-full rounded-full", children: [
/* @__PURE__ */ e(
r.Trigger,
{
className: "flex-1 rounded-full p-[3px] text-[13px]",
value: l.DEFAULT,
children: "Normal"
}
),
/* @__PURE__ */ e(
r.Trigger,
{
className: "flex-1 rounded-full p-[3px] text-[13px]",
value: l.HOVER,
children: "Hover"
}
)
] }),
/* @__PURE__ */ o(r.Content, { value: l.DEFAULT, children: [
/* @__PURE__ */ e(
i,
{
fieldName: "border",
mode: l.DEFAULT,
type: t.BLOCK
}
),
/* @__PURE__ */ e(
m,
{
fieldName: "boxShadow",
mode: l.DEFAULT,
type: t.BLOCK
}
)
] }),
/* @__PURE__ */ o(r.Content, { value: l.HOVER, children: [
/* @__PURE__ */ e(
i,
{
fieldName: "border",
mode: l.HOVER,
type: t.BLOCK
}
),
/* @__PURE__ */ e(
m,
{
fieldName: "boxShadow",
mode: l.HOVER,
type: t.BLOCK
}
),
/* @__PURE__ */ e(
s,
{
label: "Transition Duration",
type: t.BLOCK,
fieldName: "border.transitionDuration",
min: 0,
max: 1e4
}
)
] })
] }) })
] })
] });
}
export {
T as default
};
//# sourceMappingURL=container-style.control.js.map