qstd 0.3.3 → 0.3.5

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.
Files changed (9) hide show
  1. package/README.md +24 -0
  2. package/dist/block/fns.d.ts +331 -166
  3. package/dist/block/fns.d.ts.map +1 -1
  4. package/dist/block/literals.d.ts.map +1 -1
  5. package/dist/react/index.cjs +13 -6
  6. package/dist/react/index.css +3 -3
  7. package/dist/react/index.js +13 -6
  8. package/package.json +1 -1
  9. package/styled-system/styles.css +4 -4
package/dist/block/fns.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"fns.d.ts","sourceRoot":"","sources":["../../src/block/fns.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"fns.d.ts","sourceRoot":"","sources":["../../src/block/fns.tsx"],"names":[],"mappings":"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"}
package/dist/block/literals.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"literals.d.ts","sourceRoot":"","sources":["../../src/block/literals.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAM5C,eAAO,MAAM,IAAI,gDAAoC,CAAC;AAEtD,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDP,CAAC;AAUX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDmC,CAAC;AAE3D,eAAO,MAAM,eAAe;;;;;;CAMlB,CAAC;AAEX,eAAO,MAAM,YAAY,UAA+B,CAAC"}
1
+ {"version":3,"file":"literals.d.ts","sourceRoot":"","sources":["../../src/block/literals.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAM5C,eAAO,MAAM,IAAI,gDAAgB,CAAC;AAElC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDP,CAAC;AAUX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDmC,CAAC;AAE3D,eAAO,MAAM,eAAe;;;;;;CAMlB,CAAC;AAEX,eAAO,MAAM,YAAY,UAA+B,CAAC"}
package/dist/react/index.cjs CHANGED
@@ -497,7 +497,7 @@ function createJsxFactory() {
497
497
  });
498
498
  }
499
499
  var styled = /* @__PURE__ */ createJsxFactory();
500
- var base = styled("div", { base: { m: 0 } });
500
+ var base = styled("div");
501
501
  var tags = {
502
502
  div: base,
503
503
  a: styled("a"),
@@ -554,7 +554,7 @@ var tags = {
554
554
  pre: styled("pre")
555
555
  };
556
556
  var motionTags = {
557
- div: styled(framerMotion.motion.div, { base: { m: 0 } }),
557
+ div: styled(framerMotion.motion.div),
558
558
  a: styled(framerMotion.motion.a),
559
559
  br: styled(framerMotion.motion.br),
560
560
  button: styled(framerMotion.motion.button),
@@ -1056,8 +1056,10 @@ var extractElAndStyles = (extract, anyProps) => {
1056
1056
  custom,
1057
1057
  ...rest
1058
1058
  } = anyProps;
1059
- const StdComp = tags[extract.el] || tags.div;
1060
- const MotionComp = motionTags[extract.el] || motionTags.div;
1059
+ const asTag = anyProps.as;
1060
+ const effectiveEl = asTag && asTag in tags ? asTag : extract.el;
1061
+ const StdComp = tags[effectiveEl] || tags.div;
1062
+ const MotionComp = motionTags[effectiveEl] || motionTags.div;
1061
1063
  const hasMotionProps = _motion !== void 0 || layout !== void 0 || initial !== void 0 || animate !== void 0 || exit !== void 0 || whileHover !== void 0 || whileTap !== void 0 || whileFocus !== void 0 || variants !== void 0 || transition !== void 0 || custom !== void 0;
1062
1064
  const comp = hasMotionProps ? MotionComp : StdComp;
1063
1065
  const motionProps = hasMotionProps ? {
@@ -1072,12 +1074,16 @@ var extractElAndStyles = (extract, anyProps) => {
1072
1074
  custom,
1073
1075
  transition: _motion ?? transition
1074
1076
  } : void 0;
1075
- const remaining = omit(rest, [
1077
+ const propsToOmit = [
1076
1078
  "loadingPosition",
1077
1079
  "loadingIcon",
1078
1080
  "isLoading",
1079
1081
  "children"
1080
- ]);
1082
+ ];
1083
+ if (asTag && asTag in tags) {
1084
+ propsToOmit.push("as");
1085
+ }
1086
+ const remaining = omit(rest, propsToOmit);
1081
1087
  const cursor = anyProps.isLoading ? "not-allowed" : "pointer";
1082
1088
  const btnClassName = extract.is === "btn" ? css({ display: "flex", alignI: "center", cursor }) : "";
1083
1089
  const linkClassName = extract.isLink ? css({
@@ -1089,6 +1095,7 @@ var extractElAndStyles = (extract, anyProps) => {
1089
1095
  return [
1090
1096
  comp,
1091
1097
  {
1098
+ m: 0,
1092
1099
  ...motionProps,
1093
1100
  ...remaining,
1094
1101
  className: mergedClassName
package/dist/react/index.css CHANGED
@@ -817,9 +817,6 @@
817
817
  .bd_1\.5px_solid {
818
818
  border: 1.5px solid;
819
819
  }
820
- .m_0 {
821
- margin: var(--spacing-0);
822
- }
823
820
  .grid-area_1_\/_1 {
824
821
  grid-area: 1 / 1;
825
822
  }
@@ -829,6 +826,9 @@
829
826
  .bg_white {
830
827
  background: var(--colors-white);
831
828
  }
829
+ .m_0 {
830
+ margin: var(--spacing-0);
831
+ }
832
832
  .bg_none {
833
833
  background: none;
834
834
  }
package/dist/react/index.js CHANGED
@@ -474,7 +474,7 @@ function createJsxFactory() {
474
474
  });
475
475
  }
476
476
  var styled = /* @__PURE__ */ createJsxFactory();
477
- var base = styled("div", { base: { m: 0 } });
477
+ var base = styled("div");
478
478
  var tags = {
479
479
  div: base,
480
480
  a: styled("a"),
@@ -531,7 +531,7 @@ var tags = {
531
531
  pre: styled("pre")
532
532
  };
533
533
  var motionTags = {
534
- div: styled(motion.div, { base: { m: 0 } }),
534
+ div: styled(motion.div),
535
535
  a: styled(motion.a),
536
536
  br: styled(motion.br),
537
537
  button: styled(motion.button),
@@ -1033,8 +1033,10 @@ var extractElAndStyles = (extract, anyProps) => {
1033
1033
  custom,
1034
1034
  ...rest
1035
1035
  } = anyProps;
1036
- const StdComp = tags[extract.el] || tags.div;
1037
- const MotionComp = motionTags[extract.el] || motionTags.div;
1036
+ const asTag = anyProps.as;
1037
+ const effectiveEl = asTag && asTag in tags ? asTag : extract.el;
1038
+ const StdComp = tags[effectiveEl] || tags.div;
1039
+ const MotionComp = motionTags[effectiveEl] || motionTags.div;
1038
1040
  const hasMotionProps = _motion !== void 0 || layout !== void 0 || initial !== void 0 || animate !== void 0 || exit !== void 0 || whileHover !== void 0 || whileTap !== void 0 || whileFocus !== void 0 || variants !== void 0 || transition !== void 0 || custom !== void 0;
1039
1041
  const comp = hasMotionProps ? MotionComp : StdComp;
1040
1042
  const motionProps = hasMotionProps ? {
@@ -1049,12 +1051,16 @@ var extractElAndStyles = (extract, anyProps) => {
1049
1051
  custom,
1050
1052
  transition: _motion ?? transition
1051
1053
  } : void 0;
1052
- const remaining = omit(rest, [
1054
+ const propsToOmit = [
1053
1055
  "loadingPosition",
1054
1056
  "loadingIcon",
1055
1057
  "isLoading",
1056
1058
  "children"
1057
- ]);
1059
+ ];
1060
+ if (asTag && asTag in tags) {
1061
+ propsToOmit.push("as");
1062
+ }
1063
+ const remaining = omit(rest, propsToOmit);
1058
1064
  const cursor = anyProps.isLoading ? "not-allowed" : "pointer";
1059
1065
  const btnClassName = extract.is === "btn" ? css({ display: "flex", alignI: "center", cursor }) : "";
1060
1066
  const linkClassName = extract.isLink ? css({
@@ -1066,6 +1072,7 @@ var extractElAndStyles = (extract, anyProps) => {
1066
1072
  return [
1067
1073
  comp,
1068
1074
  {
1075
+ m: 0,
1069
1076
  ...motionProps,
1070
1077
  ...remaining,
1071
1078
  className: mergedClassName
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qstd",
3
- "version": "0.3.3",
3
+ "version": "0.3.5",
4
4
  "description": "Standard Block component and utilities library with Panda CSS",
5
5
  "author": "malin1",
6
6
  "license": "MIT",
package/styled-system/styles.css CHANGED
@@ -784,10 +784,6 @@
784
784
  border: 1.5px solid;
785
785
  }
786
786
 
787
- .m_0 {
788
- margin: var(--spacing-0);
789
- }
790
-
791
787
  .grid-area_1_\/_1 {
792
788
  grid-area: 1 / 1;
793
789
  }
@@ -800,6 +796,10 @@
800
796
  background: var(--colors-white);
801
797
  }
802
798
 
799
+ .m_0 {
800
+ margin: var(--spacing-0);
801
+ }
802
+
803
803
  .bg_none {
804
804
  background: none;
805
805
  }