@cntrl-site/components 1.0.1-alpha.8 → 1.0.1

package/dist/types/Component.d.ts

@@ -15,5 +15,18 @@ export type Component = {
         url: string;
     };
     sourceCode?: string;
+    assetsPaths?: {
+        content: Path[];
+        parameters: Path[];
+    };
+    fontSettingsPaths?: {
+        content: Path[];
+        parameters: Path[];
+    };
+};
+type Path = {
+    path: string;
+    placeholderEnabled?: boolean;
 };
 export declare function isSchemaV1(schema: any): schema is ComponentSchemaV1;
+export {};

package/dist/types/SchemaV1.d.ts

@@ -64,6 +64,7 @@ export type SchemaSection = {
     properties: Record<string, SchemaProperty>;
     layout?: LayoutItem[];
     defaults: Record<string, unknown>;
+    layoutDefaults?: Record<string, Record<string, unknown>>;
     displayRules?: SchemaDisplayRule[];
 };
 export type SchemaPanel = {

package/dist/useScopedStyles-BSwFAT27.mjs

@@ -0,0 +1,49 @@
+import { useId as u } from "react";
+function g(e, t = !1) {
+  return t ? `calc(var(--cntrl-article-width) * ${e})` : `${e * 100}vw`;
+}
+const v = (e, t, n, s, r) => {
+  const a = {};
+  for (const [o, i] of Object.entries(n))
+    a[`--${e}-${i}`] = t[o];
+  if (r)
+    for (const o of s) {
+      const i = r[o];
+      if (i)
+        for (const [l, f] of Object.entries(n)) {
+          const c = i[l];
+          c !== void 0 && (a[`--${e}-${o}-${f}`] = c);
+        }
+    }
+  return a;
+}, d = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, m = (e) => d.test(e.trim()), $ = (e) => {
+  const t = e.replace(/\D/g, "");
+  return t.length >= 7 && t.length <= 15;
+}, h = (e, t) => {
+  var n;
+  for (const s of e) {
+    const r = ((n = t[s.name]) == null ? void 0 : n.trim()) ?? "";
+    if (r) {
+      if (s.type === "email" && !m(r))
+        return "Please enter a valid email address.";
+      if (s.type === "phone" && !$(r))
+        return "Please enter a valid phone number.";
+    }
+  }
+  return null;
+};
+function b() {
+  const t = `cf-${u().replace(/:/g, "")}`;
+  return {
+    prefix: t,
+    cls: (n) => `${t}-${n}`
+  };
+}
+export {
+  $ as a,
+  v as b,
+  h as g,
+  m as i,
+  g as s,
+  b as u
+};

package/dist/useScopedStyles-DpVdqfXj.js

@@ -0,0 +1 @@
+"use strict";const m=require("react");function $(e,t=!1){return t?`calc(var(--cntrl-article-width) * ${e})`:`${e*100}vw`}const g=(e,t,r,n,i)=>{const a={};for(const[o,s]of Object.entries(r))a[`--${e}-${s}`]=t[o];if(i)for(const o of n){const s=i[o];if(s)for(const[d,u]of Object.entries(r)){const l=s[d];l!==void 0&&(a[`--${e}-${o}-${u}`]=l)}}return a},V=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,c=e=>V.test(e.trim()),f=e=>{const t=e.replace(/\D/g,"");return t.length>=7&&t.length<=15},p=(e,t)=>{var r;for(const n of e){const i=((r=t[n.name])==null?void 0:r.trim())??"";if(i){if(n.type==="email"&&!c(i))return"Please enter a valid email address.";if(n.type==="phone"&&!f(i))return"Please enter a valid phone number."}}return null};function v(){const t=`cf-${m.useId().replace(/:/g,"")}`;return{prefix:t,cls:r=>`${t}-${r}`}}exports.buildColorVars=g;exports.getFormFieldValidationError=p;exports.isValidEmailFormat=c;exports.isValidPhoneFormat=f;exports.scalingValue=$;exports.useScopedStyles=v;

package/dist/utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useScopedStyles-Bibm8h9Z.js");exports.getFormFieldValidationError=e.getFormFieldValidationError;exports.isValidEmailFormat=e.isValidEmailFormat;exports.isValidPhoneFormat=e.isValidPhoneFormat;exports.scalingValue=e.scalingValue;exports.useScopedStyles=e.useScopedStyles;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useScopedStyles-DpVdqfXj.js");exports.buildColorVars=e.buildColorVars;exports.getFormFieldValidationError=e.getFormFieldValidationError;exports.isValidEmailFormat=e.isValidEmailFormat;exports.isValidPhoneFormat=e.isValidPhoneFormat;exports.scalingValue=e.scalingValue;exports.useScopedStyles=e.useScopedStyles;

package/dist/utils.mjs

@@ -1,8 +1,9 @@
-import { g as i, i as o, a as e, s as l, u as r } from "./useScopedStyles-Da2iLz5N.mjs";
+import { b as i, g as o, i as l, a as r, s as e, u as d } from "./useScopedStyles-BSwFAT27.mjs";
 export {
-  i as getFormFieldValidationError,
-  o as isValidEmailFormat,
-  e as isValidPhoneFormat,
-  l as scalingValue,
-  r as useScopedStyles
+  i as buildColorVars,
+  o as getFormFieldValidationError,
+  l as isValidEmailFormat,
+  r as isValidPhoneFormat,
+  e as scalingValue,
+  d as useScopedStyles
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cntrl-site/components",
-  "version": "1.0.1-alpha.8",
+  "version": "1.0.1",
   "description": "Custom components for control editor and public websites.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/dist/useScopedStyles-Bibm8h9Z.js

@@ -1 +0,0 @@
-"use strict";const l=require("react");function o(e,t=!1){return t?`calc(var(--cntrl-article-width) * ${e})`:`${e*100}vw`}const c=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,a=e=>c.test(e.trim()),s=e=>{const t=e.replace(/\D/g,"");return t.length>=7&&t.length<=15},d=(e,t)=>{var r;for(const i of e){const n=((r=t[i.name])==null?void 0:r.trim())??"";if(n){if(i.type==="email"&&!a(n))return"Please enter a valid email address.";if(i.type==="phone"&&!s(n))return"Please enter a valid phone number."}}return null};function u(){const t=`cf-${l.useId().replace(/:/g,"")}`;return{prefix:t,cls:r=>`${t}-${r}`}}exports.getFormFieldValidationError=d;exports.isValidEmailFormat=a;exports.isValidPhoneFormat=s;exports.scalingValue=o;exports.useScopedStyles=u;

package/dist/useScopedStyles-Da2iLz5N.mjs

@@ -1,34 +0,0 @@
-import { useId as a } from "react";
-function d(e, t = !1) {
-  return t ? `calc(var(--cntrl-article-width) * ${e})` : `${e * 100}vw`;
-}
-const i = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, o = (e) => i.test(e.trim()), l = (e) => {
-  const t = e.replace(/\D/g, "");
-  return t.length >= 7 && t.length <= 15;
-}, u = (e, t) => {
-  var r;
-  for (const n of e) {
-    const s = ((r = t[n.name]) == null ? void 0 : r.trim()) ?? "";
-    if (s) {
-      if (n.type === "email" && !o(s))
-        return "Please enter a valid email address.";
-      if (n.type === "phone" && !l(s))
-        return "Please enter a valid phone number.";
-    }
-  }
-  return null;
-};
-function f() {
-  const t = `cf-${a().replace(/:/g, "")}`;
-  return {
-    prefix: t,
-    cls: (r) => `${t}-${r}`
-  };
-}
-export {
-  l as a,
-  u as g,
-  o as i,
-  d as s,
-  f as u
-};