@jackcrane/ui 0.1.2 → 0.1.4

package/dist/components/Card/card.d.ts

@@ -1,8 +1,10 @@
-export default function Card({ children, variant, chamfer, size, footerHeight, ...props }: {
+export default function Card({ children, variant, chamfer, size, footerHeight, footer, title, ...props }: {
     [x: string]: any;
     children: any;
     variant: any;
     chamfer?: boolean;
     size: any;
     footerHeight?: number;
+    footer: any;
+    title: any;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/jcui.cjs.js

@@ -200,7 +200,7 @@ div._chamfer_1o5rm_1:not(._disabled_1o5rm_15):focus-within {
     transform: rotate(360deg);
   }
 }
-._card_1qkhh_1 {
+._card_1u4j4_1 {
   border-width: var(--border-thickness);
   border-style: solid;
   font-size: 1rem;
@@ -209,63 +209,64 @@ div._chamfer_1o5rm_1:not(._disabled_1o5rm_15):focus-within {
   display: flex;
   flex-direction: column;
 }
-._card_1qkhh_1 ._title_1qkhh_11 {
+._card_1u4j4_1 ._title_1u4j4_11 {
   font-size: 1.25rem;
   padding: 0.5rem 1rem;
   border-bottom: var(--border-thickness) solid var(--border-color);
   background-color: var(--card-bg);
 }
-._card_1qkhh_1 ._body_1qkhh_18 {
+._card_1u4j4_1 ._body_1u4j4_18 {
   padding: 0.5rem 1rem;
   width: 100%;
 }
-._card_1qkhh_1 ._footer_1qkhh_23 {
+._card_1u4j4_1 ._footer_1u4j4_23 {
   border-top: var(--border-thickness) solid var(--border-color);
   flex: 1;
   background-color: var(--card-bg);
+  padding: 0.5rem 1rem;
 }
-._large_1qkhh_29 ._body_1qkhh_18,
-._large_1qkhh_29 ._title_1qkhh_11 {
+._large_1u4j4_30 ._body_1u4j4_18,
+._large_1u4j4_30 ._title_1u4j4_11 {
   font-size: 1.25rem;
   padding: 0.75rem 1.25rem;
 }
-._small_1qkhh_35 ._body_1qkhh_18,
-._small_1qkhh_35 ._title_1qkhh_11 {
+._small_1u4j4_36 ._body_1u4j4_18,
+._small_1u4j4_36 ._title_1u4j4_11 {
   font-size: 0.75rem;
   padding: 0.25rem 0.5rem;
 }
 /* Variants */
-._primary_1qkhh_43 {
+._primary_1u4j4_44 {
   --card-bg: var(--primary-color-100);
   --border-color: var(--primary-color-300);
   --border-accent-color: var(--primary-color-600);
   --card-color: var(--primary-color-800);
 }
-._success_1qkhh_50 {
+._success_1u4j4_51 {
   --card-bg: var(--success-color-100);
   --border-color: var(--success-color-300);
   --border-accent-color: var(--success-color-600);
   --card-color: var(--success-color-800);
 }
-._warning_1qkhh_57 {
+._warning_1u4j4_58 {
   --card-bg: var(--warning-color-100);
   --border-color: var(--warning-color-300);
   --border-accent-color: var(--warning-color-600);
   --card-color: var(--warning-color-800);
 }
-._danger_1qkhh_64 {
+._danger_1u4j4_65 {
   --card-bg: var(--danger-color-100);
   --border-color: var(--danger-color-300);
   --border-accent-color: var(--danger-color-600);
   --card-color: var(--danger-color-800);
 }
-._info_1qkhh_71 {
+._info_1u4j4_72 {
   --card-bg: var(--info-color-100);
   --border-color: var(--info-color-300);
   --border-accent-color: var(--info-color-600);
   --card-color: var(--info-color-800);
 }
-._secondary_1qkhh_78 {
+._secondary_1u4j4_79 {
   --card-bg: var(--secondary-color-100);
   --border-color: var(--secondary-color-300);
   --border-accent-color: var(--secondary-color-600);
@@ -2034,18 +2035,18 @@ function requireClassnames() {
 }
 var classnamesExports = requireClassnames();
 const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
-const card = "_card_1qkhh_1";
-const title$1 = "_title_1qkhh_11";
-const body$1 = "_body_1qkhh_18";
-const footer$1 = "_footer_1qkhh_23";
-const large$5 = "_large_1qkhh_29";
-const small$5 = "_small_1qkhh_35";
-const primary$6 = "_primary_1qkhh_43";
-const success$6 = "_success_1qkhh_50";
-const warning$6 = "_warning_1qkhh_57";
-const danger$6 = "_danger_1qkhh_64";
-const info$6 = "_info_1qkhh_71";
-const secondary$6 = "_secondary_1qkhh_78";
+const card = "_card_1u4j4_1";
+const title$1 = "_title_1u4j4_11";
+const body$1 = "_body_1u4j4_18";
+const footer$1 = "_footer_1u4j4_23";
+const large$5 = "_large_1u4j4_30";
+const small$5 = "_small_1u4j4_36";
+const primary$6 = "_primary_1u4j4_44";
+const success$6 = "_success_1u4j4_51";
+const warning$6 = "_warning_1u4j4_58";
+const danger$6 = "_danger_1u4j4_65";
+const info$6 = "_info_1u4j4_72";
+const secondary$6 = "_secondary_1u4j4_79";
 const styles$8 = {
   card,
   title: title$1,
@@ -2066,6 +2067,9 @@ function Card({
   chamfer: chamfer2 = true,
   size: size2,
   footerHeight = 0,
+  footer: footer2,
+  // I hardly know her
+  title: title2,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -2080,13 +2084,14 @@ function Card({
       ),
       ...props,
       children: [
-        props.title && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classNames(styles$8.title, hatchStyles.hatch), children: props.title }),
+        title2 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classNames(styles$8.title, hatchStyles.hatch), children: title2 }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$8.body, children: children2 }),
         footerHeight > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
             className: classNames(hatchStyles.hatch, styles$8.footer),
-            style: { flexBasis: footerHeight }
+            style: { flexBasis: footerHeight },
+            children: footer2
           }
         )
       ]

package/dist/jcui.es.js

@@ -200,7 +200,7 @@ div._chamfer_1o5rm_1:not(._disabled_1o5rm_15):focus-within {
     transform: rotate(360deg);
   }
 }
-._card_1qkhh_1 {
+._card_1u4j4_1 {
   border-width: var(--border-thickness);
   border-style: solid;
   font-size: 1rem;
@@ -209,63 +209,64 @@ div._chamfer_1o5rm_1:not(._disabled_1o5rm_15):focus-within {
   display: flex;
   flex-direction: column;
 }
-._card_1qkhh_1 ._title_1qkhh_11 {
+._card_1u4j4_1 ._title_1u4j4_11 {
   font-size: 1.25rem;
   padding: 0.5rem 1rem;
   border-bottom: var(--border-thickness) solid var(--border-color);
   background-color: var(--card-bg);
 }
-._card_1qkhh_1 ._body_1qkhh_18 {
+._card_1u4j4_1 ._body_1u4j4_18 {
   padding: 0.5rem 1rem;
   width: 100%;
 }
-._card_1qkhh_1 ._footer_1qkhh_23 {
+._card_1u4j4_1 ._footer_1u4j4_23 {
   border-top: var(--border-thickness) solid var(--border-color);
   flex: 1;
   background-color: var(--card-bg);
+  padding: 0.5rem 1rem;
 }
-._large_1qkhh_29 ._body_1qkhh_18,
-._large_1qkhh_29 ._title_1qkhh_11 {
+._large_1u4j4_30 ._body_1u4j4_18,
+._large_1u4j4_30 ._title_1u4j4_11 {
   font-size: 1.25rem;
   padding: 0.75rem 1.25rem;
 }
-._small_1qkhh_35 ._body_1qkhh_18,
-._small_1qkhh_35 ._title_1qkhh_11 {
+._small_1u4j4_36 ._body_1u4j4_18,
+._small_1u4j4_36 ._title_1u4j4_11 {
   font-size: 0.75rem;
   padding: 0.25rem 0.5rem;
 }
 /* Variants */
-._primary_1qkhh_43 {
+._primary_1u4j4_44 {
   --card-bg: var(--primary-color-100);
   --border-color: var(--primary-color-300);
   --border-accent-color: var(--primary-color-600);
   --card-color: var(--primary-color-800);
 }
-._success_1qkhh_50 {
+._success_1u4j4_51 {
   --card-bg: var(--success-color-100);
   --border-color: var(--success-color-300);
   --border-accent-color: var(--success-color-600);
   --card-color: var(--success-color-800);
 }
-._warning_1qkhh_57 {
+._warning_1u4j4_58 {
   --card-bg: var(--warning-color-100);
   --border-color: var(--warning-color-300);
   --border-accent-color: var(--warning-color-600);
   --card-color: var(--warning-color-800);
 }
-._danger_1qkhh_64 {
+._danger_1u4j4_65 {
   --card-bg: var(--danger-color-100);
   --border-color: var(--danger-color-300);
   --border-accent-color: var(--danger-color-600);
   --card-color: var(--danger-color-800);
 }
-._info_1qkhh_71 {
+._info_1u4j4_72 {
   --card-bg: var(--info-color-100);
   --border-color: var(--info-color-300);
   --border-accent-color: var(--info-color-600);
   --card-color: var(--info-color-800);
 }
-._secondary_1qkhh_78 {
+._secondary_1u4j4_79 {
   --card-bg: var(--secondary-color-100);
   --border-color: var(--secondary-color-300);
   --border-accent-color: var(--secondary-color-600);
@@ -2016,18 +2017,18 @@ function requireClassnames() {
 }
 var classnamesExports = requireClassnames();
 const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
-const card = "_card_1qkhh_1";
-const title$1 = "_title_1qkhh_11";
-const body$1 = "_body_1qkhh_18";
-const footer$1 = "_footer_1qkhh_23";
-const large$5 = "_large_1qkhh_29";
-const small$5 = "_small_1qkhh_35";
-const primary$6 = "_primary_1qkhh_43";
-const success$6 = "_success_1qkhh_50";
-const warning$6 = "_warning_1qkhh_57";
-const danger$6 = "_danger_1qkhh_64";
-const info$6 = "_info_1qkhh_71";
-const secondary$6 = "_secondary_1qkhh_78";
+const card = "_card_1u4j4_1";
+const title$1 = "_title_1u4j4_11";
+const body$1 = "_body_1u4j4_18";
+const footer$1 = "_footer_1u4j4_23";
+const large$5 = "_large_1u4j4_30";
+const small$5 = "_small_1u4j4_36";
+const primary$6 = "_primary_1u4j4_44";
+const success$6 = "_success_1u4j4_51";
+const warning$6 = "_warning_1u4j4_58";
+const danger$6 = "_danger_1u4j4_65";
+const info$6 = "_info_1u4j4_72";
+const secondary$6 = "_secondary_1u4j4_79";
 const styles$8 = {
   card,
   title: title$1,
@@ -2048,6 +2049,9 @@ function Card({
   chamfer: chamfer2 = true,
   size: size2,
   footerHeight = 0,
+  footer: footer2,
+  // I hardly know her
+  title: title2,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -2062,13 +2066,14 @@ function Card({
       ),
       ...props,
       children: [
-        props.title && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classNames(styles$8.title, hatchStyles.hatch), children: props.title }),
+        title2 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classNames(styles$8.title, hatchStyles.hatch), children: title2 }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$8.body, children: children2 }),
         footerHeight > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
             className: classNames(hatchStyles.hatch, styles$8.footer),
-            style: { flexBasis: footerHeight }
+            style: { flexBasis: footerHeight },
+            children: footer2
           }
         )
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jackcrane/ui",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "type": "module",
   "sideEffects": false,
   "main": "dist/jcui.cjs.js",