@mission-studio/puck 1.0.0

package/dist/chunk-TTKY3YGP.mjs

@@ -0,0 +1,262 @@
+// entries/context.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var EntriesContext = createContext(null);
+function EntriesProvider({
+  entries,
+  children
+}) {
+  const entriesMap = new Map(entries.map((e) => [e.name, e]));
+  const contextValue = {
+    entries,
+    entryNames: entries.map((e) => e.name),
+    getEntry: (name) => entriesMap.get(name),
+    getEntryValue: (entryName, fieldKey) => {
+      const entry = entriesMap.get(entryName);
+      if (!entry) return void 0;
+      return entry.content[fieldKey];
+    }
+  };
+  return /* @__PURE__ */ jsx(EntriesContext.Provider, { value: contextValue, children });
+}
+function useEntries() {
+  const context = useContext(EntriesContext);
+  if (!context) {
+    return {
+      entries: [],
+      entryNames: [],
+      getEntry: () => void 0,
+      getEntryValue: () => void 0
+    };
+  }
+  return context;
+}
+
+// theme/defaults.ts
+var DEFAULT_THEME = {
+  id: "default",
+  name: "Default Theme",
+  colors: {
+    primary: { color: "#3B82F6", opacity: 100 },
+    secondary: { color: "#8B5CF6", opacity: 100 },
+    accent: { color: "#10B981", opacity: 100 },
+    background: { color: "#FFFFFF", opacity: 100 },
+    foreground: { color: "#111827", opacity: 100 },
+    muted: { color: "#F3F4F6", opacity: 100 }
+  },
+  typography: {
+    fontFamily: {
+      heading: "system-ui, sans-serif",
+      body: "system-ui, sans-serif"
+    },
+    fontSize: {
+      base: "base",
+      heading: "4xl"
+    },
+    fontWeight: {
+      normal: 400,
+      heading: 700
+    }
+  },
+  spacing: {
+    xs: 8,
+    sm: 12,
+    md: 16,
+    lg: 24,
+    xl: 32
+  },
+  borders: {
+    radiusSmall: 4,
+    radiusMedium: 8,
+    radiusLarge: 16
+  },
+  shadows: {
+    small: "sm",
+    medium: "md",
+    large: "lg"
+  }
+};
+
+// theme/context.tsx
+import { createContext as createContext2, useContext as useContext2 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ThemeContext = createContext2(null);
+function ThemeProvider({
+  theme,
+  children
+}) {
+  const activeTheme = theme ?? DEFAULT_THEME;
+  const contextValue = {
+    theme: activeTheme,
+    resolveColor: (key) => activeTheme.colors[key],
+    resolveSpacing: (key) => activeTheme.spacing[key],
+    resolveBorderRadius: (key) => activeTheme.borders[key],
+    resolveShadow: (key) => activeTheme.shadows[key]
+  };
+  return /* @__PURE__ */ jsx2(ThemeContext.Provider, { value: contextValue, children });
+}
+function useTheme() {
+  const context = useContext2(ThemeContext);
+  if (!context) {
+    return {
+      theme: DEFAULT_THEME,
+      resolveColor: (key) => DEFAULT_THEME.colors[key],
+      resolveSpacing: (key) => DEFAULT_THEME.spacing[key],
+      resolveBorderRadius: (key) => DEFAULT_THEME.borders[key],
+      resolveShadow: (key) => DEFAULT_THEME.shadows[key]
+    };
+  }
+  return context;
+}
+
+// design-system/shadows.ts
+var shadowPresets = [
+  { label: "None", value: "none", css: "none" },
+  { label: "XS", value: "xs", css: "0 1px 2px 0 rgb(0 0 0 / 0.05)" },
+  {
+    label: "SM",
+    value: "sm",
+    css: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)"
+  },
+  {
+    label: "MD",
+    value: "md",
+    css: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"
+  },
+  {
+    label: "LG",
+    value: "lg",
+    css: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"
+  },
+  {
+    label: "XL",
+    value: "xl",
+    css: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
+  },
+  { label: "2XL", value: "2xl", css: "0 25px 50px -12px rgb(0 0 0 / 0.25)" },
+  {
+    label: "Inner",
+    value: "inner",
+    css: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"
+  }
+];
+var getShadowCSS = (value) => {
+  const preset = shadowPresets.find((p) => p.value === value);
+  return preset?.css ?? "none";
+};
+
+// design-system/borders.ts
+var borderRadiusScale = [
+  { label: "None", value: 0 },
+  { label: "XS", value: 2 },
+  { label: "SM", value: 4 },
+  { label: "MD", value: 6 },
+  { label: "LG", value: 8 },
+  { label: "XL", value: 12 },
+  { label: "2XL", value: 16 },
+  { label: "3XL", value: 24 }
+];
+var getClosestBorderRadiusValue = (value) => {
+  return borderRadiusScale.reduce(
+    (prev, curr) => Math.abs(curr.value - value) < Math.abs(prev.value - value) ? curr : prev
+  ).value;
+};
+var getBorderRadiusCSS = (value) => {
+  return `${value}px`;
+};
+
+// design-system/spacing.ts
+var spacingScale = [
+  { label: "None", value: 0 },
+  { label: "2XS", value: 4 },
+  { label: "XS", value: 8 },
+  { label: "SM", value: 12 },
+  { label: "MD", value: 16 },
+  { label: "LG", value: 24 },
+  { label: "XL", value: 32 },
+  { label: "2XL", value: 48 },
+  { label: "3XL", value: 64 },
+  { label: "4XL", value: 96 }
+];
+var getClosestSpacingValue = (value) => {
+  return spacingScale.reduce(
+    (prev, curr) => Math.abs(curr.value - value) < Math.abs(prev.value - value) ? curr : prev
+  ).value;
+};
+
+// design-system/typography.ts
+var fontFamilies = [
+  { label: "System", value: "system-ui, sans-serif" },
+  { label: "Sans", value: "ui-sans-serif, system-ui, sans-serif" },
+  { label: "Serif", value: "ui-serif, Georgia, serif" },
+  { label: "Mono", value: "ui-monospace, monospace" }
+];
+var fontSizes = [
+  { label: "XS", value: "xs", css: "0.75rem" },
+  { label: "SM", value: "sm", css: "0.875rem" },
+  { label: "Base", value: "base", css: "1rem" },
+  { label: "LG", value: "lg", css: "1.125rem" },
+  { label: "XL", value: "xl", css: "1.25rem" },
+  { label: "2XL", value: "2xl", css: "1.5rem" },
+  { label: "3XL", value: "3xl", css: "1.875rem" },
+  { label: "4XL", value: "4xl", css: "2.25rem" },
+  { label: "5XL", value: "5xl", css: "3rem" }
+];
+var fontWeights = [
+  { label: "Light", value: 300 },
+  { label: "Normal", value: 400 },
+  { label: "Medium", value: 500 },
+  { label: "Semibold", value: 600 },
+  { label: "Bold", value: 700 }
+];
+var getFontSizeCSS = (value) => {
+  const preset = fontSizes.find((p) => p.value === value);
+  return preset?.css ?? "1rem";
+};
+
+// utils/index.ts
+import { twMerge } from "tailwind-merge";
+import { clsx } from "clsx";
+function isValidHex(color) {
+  return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(color);
+}
+function hexToRgba(hex, opacity) {
+  const sanitized = hex.replace("#", "");
+  const r = parseInt(sanitized.slice(0, 2), 16);
+  const g = parseInt(sanitized.slice(2, 4), 16);
+  const b = parseInt(sanitized.slice(4, 6), 16);
+  return `rgba(${r}, ${g}, ${b}, ${opacity / 100})`;
+}
+function normalizeHex(hex) {
+  const sanitized = hex.replace("#", "").toUpperCase();
+  if (sanitized.length === 3) {
+    return `#${sanitized[0]}${sanitized[0]}${sanitized[1]}${sanitized[1]}${sanitized[2]}${sanitized[2]}`;
+  }
+  return `#${sanitized}`;
+}
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export {
+  EntriesProvider,
+  useEntries,
+  DEFAULT_THEME,
+  ThemeProvider,
+  useTheme,
+  isValidHex,
+  hexToRgba,
+  normalizeHex,
+  cn,
+  shadowPresets,
+  getShadowCSS,
+  borderRadiusScale,
+  getClosestBorderRadiusValue,
+  getBorderRadiusCSS,
+  spacingScale,
+  getClosestSpacingValue,
+  fontFamilies,
+  fontSizes,
+  fontWeights,
+  getFontSizeCSS
+};

package/dist/chunk-UJTTHDZA.mjs

@@ -0,0 +1,16 @@
+// design-system/colors.ts
+var neutralColors = [
+  { label: "White", value: "#FFFFFF" },
+  { label: "Gray 100", value: "#F3F4F6" },
+  { label: "Gray 300", value: "#D1D5DB" },
+  { label: "Gray 500", value: "#6B7280" },
+  { label: "Gray 700", value: "#374151" },
+  { label: "Gray 900", value: "#111827" },
+  { label: "Black", value: "#000000" }
+];
+var allColorPresets = [...neutralColors];
+
+export {
+  neutralColors,
+  allColorPresets
+};