@wikex/admin-kit 0.2.0 → 0.2.1

package/dist/chunk-BUD6BMFV.js

@@ -0,0 +1,117 @@
+// src/textStyles.ts
+var TEXT_FONT_OPTIONS = [
+  { css: "", label: "M\u1EB7c \u0111\u1ECBnh", value: "default" },
+  { css: "var(--font-manrope), sans-serif", label: "Manrope", value: "manrope" },
+  { css: "var(--font-inter), sans-serif", label: "Inter", value: "inter" },
+  { css: "var(--font-roboto), sans-serif", label: "Roboto", value: "roboto" },
+  { css: "var(--font-montserrat), sans-serif", label: "Montserrat", value: "montserrat" },
+  { css: "var(--font-lora), serif", label: "Lora", value: "lora" },
+  {
+    css: "var(--font-playfair-display), serif",
+    label: "Playfair Display",
+    value: "playfair-display"
+  }
+];
+var TEXT_LINE_HEIGHT_OPTIONS = [
+  { css: "", label: "M\u1EB7c \u0111\u1ECBnh", value: "default" },
+  { css: "0.9", label: "R\u1EA5t ch\u1EB7t \xB7 0.9", value: "0.9" },
+  { css: "1", label: "Ch\u1EB7t \xB7 1.0", value: "1" },
+  { css: "1.15", label: "G\u1ECDn \xB7 1.15", value: "1.15" },
+  { css: "1.35", label: "Ti\xEAu chu\u1EA9n \xB7 1.35", value: "1.35" },
+  { css: "1.5", label: "Tho\xE1ng \xB7 1.5", value: "1.5" },
+  { css: "1.7", label: "R\u1ED9ng \xB7 1.7", value: "1.7" }
+];
+var EDITABLE_INTERACTIVE_SELECTOR = [
+  "a",
+  "button",
+  'input:not([type="hidden"])',
+  "select",
+  "textarea",
+  '[role="button"]',
+  '[role="link"]',
+  '[tabindex]:not([tabindex="-1"])'
+].join(",");
+var EDITABLE_PREVIEW_SELECTOR = [
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "p",
+  "li",
+  "span",
+  "strong",
+  EDITABLE_INTERACTIVE_SELECTOR
+].join(",");
+var isSyntheticElementStyleKey = (value) => value.startsWith("@element:");
+var getEditableElementStyleKey = (element) => {
+  const scopedRoot = element.closest("[data-wikex-scope]");
+  const root = scopedRoot ?? element.ownerDocument.body;
+  const scope = scopedRoot?.dataset.wikexScope || "body";
+  const segments = [];
+  let current = element;
+  while (current && current !== root) {
+    const parentElement = current.parentElement;
+    if (!parentElement) break;
+    const tagName = current.tagName.toLowerCase();
+    const sameTagSiblings = Array.from(parentElement.children).filter(
+      (sibling) => sibling.tagName === current?.tagName
+    );
+    const index = sameTagSiblings.indexOf(current) + 1;
+    segments.push(`${tagName}:nth-of-type(${Math.max(index, 1)})`);
+    current = parentElement;
+  }
+  return `@element:${scope}:${segments.reverse().join(">")}`;
+};
+var fontValues = new Set(TEXT_FONT_OPTIONS.map((option) => option.value));
+var lineHeightValues = new Set(TEXT_LINE_HEIGHT_OPTIONS.map((option) => option.value));
+var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var normalizeTextStyleValue = (value) => {
+  if (!isRecord(value)) return {};
+  const fontFamily = typeof value.fontFamily === "string" && fontValues.has(value.fontFamily) ? value.fontFamily : void 0;
+  const lineHeight = typeof value.lineHeight === "string" && lineHeightValues.has(value.lineHeight) ? value.lineHeight : void 0;
+  const legacyWidth = typeof value.width === "string" && /^\d+(?:\.\d+)?%$/.test(value.width) ? Number.parseFloat(value.width) : void 0;
+  const widthValue = typeof value.width === "number" ? value.width : legacyWidth;
+  const width = typeof widthValue === "number" && Number.isFinite(widthValue) ? Math.min(100, Math.max(5, widthValue)) : void 0;
+  const widthOffset = typeof value.widthOffset === "number" && Number.isFinite(value.widthOffset) ? Math.min(width ? 100 - width : 95, Math.max(0, value.widthOffset)) : void 0;
+  return { fontFamily, lineHeight, width, widthOffset };
+};
+var normalizeTextStyleMap = (value) => {
+  if (!isRecord(value)) return {};
+  return Object.fromEntries(
+    Object.entries(value).map(([fieldPath, fieldStyle]) => [
+      fieldPath,
+      normalizeTextStyleValue(fieldStyle)
+    ])
+  );
+};
+var getTextStyleCSS = (value) => {
+  const fontFamily = TEXT_FONT_OPTIONS.find((option) => option.value === value.fontFamily)?.css;
+  const lineHeight = TEXT_LINE_HEIGHT_OPTIONS.find(
+    (option) => option.value === value.lineHeight
+  )?.css;
+  const width = typeof value.width === "number" ? `${value.width}%` : void 0;
+  const widthOffset = typeof value.widthOffset === "number" ? `${value.widthOffset}%` : void 0;
+  return {
+    boxSizing: width ? "border-box" : void 0,
+    fontFamily: fontFamily || void 0,
+    lineHeight: lineHeight || void 0,
+    marginLeft: width ? widthOffset || "0%" : void 0,
+    marginRight: width ? "auto" : void 0,
+    maxWidth: width ? "none" : void 0,
+    width
+  };
+};
+
+export {
+  TEXT_FONT_OPTIONS,
+  TEXT_LINE_HEIGHT_OPTIONS,
+  EDITABLE_INTERACTIVE_SELECTOR,
+  EDITABLE_PREVIEW_SELECTOR,
+  isSyntheticElementStyleKey,
+  getEditableElementStyleKey,
+  normalizeTextStyleValue,
+  normalizeTextStyleMap,
+  getTextStyleCSS
+};

package/dist/chunk-GGSOO4FQ.js

@@ -0,0 +1,27 @@
+// src/admin/ThemeToggle.tsx
+import { useTheme } from "@payloadcms/ui";
+import { Moon, Sun } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+var AdminThemeToggle = () => {
+  const { setTheme, theme } = useTheme();
+  const isDark = theme === "dark";
+  const label = isDark ? "Chuy\u1EC3n sang giao di\u1EC7n s\xE1ng" : "Chuy\u1EC3n sang giao di\u1EC7n t\u1ED1i";
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      "aria-checked": isDark,
+      "aria-label": label,
+      className: "admin-theme-toggle",
+      onClick: () => setTheme(isDark ? "light" : "dark"),
+      role: "switch",
+      title: label,
+      type: "button",
+      children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "admin-theme-toggle__track", children: /* @__PURE__ */ jsx("span", { className: "admin-theme-toggle__thumb", children: isDark ? /* @__PURE__ */ jsx(Moon, { strokeWidth: 2.2 }) : /* @__PURE__ */ jsx(Sun, { strokeWidth: 2.2 }) }) })
+    }
+  );
+};
+var ThemeToggle_default = AdminThemeToggle;
+
+export {
+  ThemeToggle_default
+};