@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260909082512 → 0.8.1-dev.20260910063325

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,7 +3,7 @@
3
3
  "use client";
4
4
  import {
5
5
  InputControl_default
6
- } from "./chunk-7JWVEYJY.mjs";
6
+ } from "./chunk-PIMVBXWS.mjs";
7
7
  import {
8
8
  InputControlType_default
9
9
  } from "./chunk-DTWPZPSX.mjs";
@@ -9,7 +9,7 @@ import { useRouter } from "next/navigation";
9
9
 
10
10
  // src/components/controls/edit/InputControl.tsx
11
11
  import dynamic from "next/dynamic";
12
- var InputControl = dynamic(() => import("./InputControlClient-NHZU2L64.mjs"), {
12
+ var InputControl = dynamic(() => import("./InputControlClient-3GUBYGP2.mjs"), {
13
13
  ssr: false
14
14
  });
15
15
  var InputControl_default = InputControl;
@@ -670,7 +670,19 @@ var ColorInput = (props) => {
670
670
  value: color,
671
671
  onChange: handleColorChange,
672
672
  required: props?.attributes?.required,
673
- className: `w-[78px] h-12 block cursor-pointer`
673
+ className: `block cursor-pointer`,
674
+ style: {
675
+ width: "78px",
676
+ height: "33px",
677
+ padding: 0,
678
+ margin: 0,
679
+ border: "none",
680
+ borderRadius: "5px",
681
+ overflow: "hidden",
682
+ backgroundColor: "transparent",
683
+ appearance: "none"
684
+ // WebkitAppearance: "none",
685
+ }
674
686
  }
675
687
  ),
676
688
  props?.attributes?.errorMessage && /* @__PURE__ */ jsx11("p", { className: "mt-1 bg-error-weak text-sm", children: props.attributes.errorMessage })
@@ -18,7 +18,7 @@ import {
18
18
  SelectWithSearchInput_default,
19
19
  Select_default,
20
20
  TimeInput_default
21
- } from "./chunk-5VGTT4A5.mjs";
21
+ } from "./chunk-BF4G3ZGG.mjs";
22
22
  import {
23
23
  Button_default,
24
24
  ClientButton_default
@@ -654,7 +654,19 @@ var ColorInput = (props) => {
654
654
  value: color,
655
655
  onChange: handleColorChange,
656
656
  required: props?.attributes?.required,
657
- className: `w-[78px] h-12 block cursor-pointer`
657
+ className: `block cursor-pointer`,
658
+ style: {
659
+ width: "78px",
660
+ height: "33px",
661
+ padding: 0,
662
+ margin: 0,
663
+ border: "none",
664
+ borderRadius: "5px",
665
+ overflow: "hidden",
666
+ backgroundColor: "transparent",
667
+ appearance: "none"
668
+ // WebkitAppearance: "none",
669
+ }
658
670
  }
659
671
  ),
660
672
  props?.attributes?.errorMessage && /* @__PURE__ */ jsx11("p", { className: "mt-1 bg-error-weak text-sm", children: props.attributes.errorMessage })
@@ -3,7 +3,7 @@
3
3
 
4
4
  // src/components/controls/edit/InputControl.tsx
5
5
  import dynamic from "next/dynamic";
6
- var InputControl = dynamic(() => import("./InputControlClient-5NX4CEZB.mjs"), {
6
+ var InputControl = dynamic(() => import("./InputControlClient-Y3IT2BUV.mjs"), {
7
7
  ssr: false
8
8
  });
9
9
  var InputControl_default = InputControl;
package/dist/index.js CHANGED
@@ -2930,7 +2930,19 @@ var init_ColorInput = __esm({
2930
2930
  value: color,
2931
2931
  onChange: handleColorChange,
2932
2932
  required: props?.attributes?.required,
2933
- className: `w-[78px] h-12 block cursor-pointer`
2933
+ className: `block cursor-pointer`,
2934
+ style: {
2935
+ width: "78px",
2936
+ height: "33px",
2937
+ padding: 0,
2938
+ margin: 0,
2939
+ border: "none",
2940
+ borderRadius: "5px",
2941
+ overflow: "hidden",
2942
+ backgroundColor: "transparent",
2943
+ appearance: "none"
2944
+ // WebkitAppearance: "none",
2945
+ }
2934
2946
  }
2935
2947
  ),
2936
2948
  props?.attributes?.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "mt-1 bg-error-weak text-sm", children: props.attributes.errorMessage })
@@ -6958,6 +6970,8 @@ var SVGIconNode = ({ node }) => {
6958
6970
  {
6959
6971
  style: {
6960
6972
  display: "flex",
6973
+ justifyContent: "center",
6974
+ alignItems: "center",
6961
6975
  width: node.width,
6962
6976
  height: node.height,
6963
6977
  color: node.color
package/dist/index.mjs CHANGED
@@ -8,7 +8,7 @@ import {
8
8
  } from "./chunk-RG3CISAA.mjs";
9
9
  import {
10
10
  InputControl_default
11
- } from "./chunk-7JWVEYJY.mjs";
11
+ } from "./chunk-PIMVBXWS.mjs";
12
12
  import "./chunk-JDX47MFV.mjs";
13
13
  import {
14
14
  CheckboxInput_default,
@@ -27,7 +27,7 @@ import {
27
27
  SelectWithSearchInput_default,
28
28
  Select_default,
29
29
  TimeInput_default
30
- } from "./chunk-5VGTT4A5.mjs";
30
+ } from "./chunk-BF4G3ZGG.mjs";
31
31
  import {
32
32
  Button_default,
33
33
  ClientButton_default,
@@ -779,6 +779,8 @@ var SVGIconNode = ({ node }) => {
779
779
  {
780
780
  style: {
781
781
  display: "flex",
782
+ justifyContent: "center",
783
+ alignItems: "center",
782
784
  width: node.width,
783
785
  height: node.height,
784
786
  color: node.color
@@ -2346,7 +2348,7 @@ var GoogleMapNode_default = GoogleMapNode;
2346
2348
  // src/components/pageRenderingEngine/nodes/DivContainer.tsx
2347
2349
  import { jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
2348
2350
  var Pagination = dynamic13(() => import("./Pagination-CQKMBXXJ.mjs"), { ssr: true });
2349
- var DataBindingControls = dynamic13(() => import("./DataBindingControls-RT6LHELH.mjs"), {
2351
+ var DataBindingControls = dynamic13(() => import("./DataBindingControls-44OP5UE6.mjs"), {
2350
2352
  ssr: true
2351
2353
  });
2352
2354
  var Slider = dynamic13(() => import("./Slider-IVPJBPE5.mjs"), {
package/dist/server.js CHANGED
@@ -4406,7 +4406,19 @@ var init_ColorInput = __esm({
4406
4406
  value: color,
4407
4407
  onChange: handleColorChange,
4408
4408
  required: props?.attributes?.required,
4409
- className: `w-[78px] h-12 block cursor-pointer`
4409
+ className: `block cursor-pointer`,
4410
+ style: {
4411
+ width: "78px",
4412
+ height: "33px",
4413
+ padding: 0,
4414
+ margin: 0,
4415
+ border: "none",
4416
+ borderRadius: "5px",
4417
+ overflow: "hidden",
4418
+ backgroundColor: "transparent",
4419
+ appearance: "none"
4420
+ // WebkitAppearance: "none",
4421
+ }
4410
4422
  }
4411
4423
  ),
4412
4424
  props?.attributes?.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: "mt-1 bg-error-weak text-sm", children: props.attributes.errorMessage })
@@ -6591,6 +6603,8 @@ var SVGIconNode = ({ node }) => {
6591
6603
  {
6592
6604
  style: {
6593
6605
  display: "flex",
6606
+ justifyContent: "center",
6607
+ alignItems: "center",
6594
6608
  width: node.width,
6595
6609
  height: node.height,
6596
6610
  color: node.color
package/dist/server.mjs CHANGED
@@ -412,6 +412,8 @@ var SVGIconNode = ({ node }) => {
412
412
  {
413
413
  style: {
414
414
  display: "flex",
415
+ justifyContent: "center",
416
+ alignItems: "center",
415
417
  width: node.width,
416
418
  height: node.height,
417
419
  color: node.color
@@ -2314,7 +2316,7 @@ var GoogleMapNode_default = GoogleMapNode;
2314
2316
  // src/components/pageRenderingEngine/nodes/DivContainer.tsx
2315
2317
  import { jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
2316
2318
  var Pagination = dynamic13(() => import("./Pagination-M3VZKKXY.mjs"), { ssr: true });
2317
- var DataBindingControls = dynamic13(() => import("./DataBindingControls-4HUO25DS.mjs"), {
2319
+ var DataBindingControls = dynamic13(() => import("./DataBindingControls-6VOZSGOL.mjs"), {
2318
2320
  ssr: true
2319
2321
  });
2320
2322
  var Slider = dynamic13(() => import("./Slider-QIGKP6AE.mjs"), {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clyrex-digital/clyrex-controls-dev",
3
- "version": "0.8.1-dev.20260909082512",
3
+ "version": "0.8.1-dev.20260910063325",
4
4
  "description": "Reusable React components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",