@jackcrane/ui 0.1.24 → 0.1.25

package/dist/jcui.cjs.js

@@ -217,7 +217,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
     transform: rotate(360deg);
   }
 }
-._card_15n7t_1 {
+._card_1b88d_1 {
   border-width: var(--border-thickness);
   border-style: solid;
   font-size: 1rem;
@@ -226,30 +226,30 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
   display: flex;
   flex-direction: column;
 }
-._pageBackground_15n7t_11 {
+._pageBackground_1b88d_11 {
   --card-bg: var(--body-bg);
   --button-bg: var(--body-bg);
   --card-color: var(--body-color);
   background-color: var(--body-bg);
 }
-._card_15n7t_1 ._title_15n7t_18 {
+._card_1b88d_1 ._title_1b88d_18 {
   font-size: 1.25rem;
   padding: 0.5rem 1rem;
   border-bottom: var(--border-thickness) solid var(--border-color);
   background-color: var(--card-bg);
 }
-._card_15n7t_1 ._titleCollapsed_15n7t_25 {
+._card_1b88d_1 ._titleCollapsed_1b88d_25 {
   border-bottom: 0;
 }
-._card_15n7t_1 ._titleContent_15n7t_29 {
+._card_1b88d_1 ._titleContent_1b88d_29 {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
-._card_15n7t_1 ._titleInteractive_15n7t_35 {
+._card_1b88d_1 ._titleInteractive_1b88d_35 {
   cursor: pointer;
 }
-._card_15n7t_1 ._chevron_15n7t_39 {
+._card_1b88d_1 ._chevron_1b88d_39 {
   margin-left: auto;
   width: 0.5rem;
   height: 0.5rem;
@@ -259,94 +259,95 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
   flex-shrink: 0;
   cursor: inherit;
 }
-._card_15n7t_1 ._chevronExpanded_15n7t_50 {
+._card_1b88d_1 ._chevronExpanded_1b88d_50 {
   transform: rotate(45deg);
 }
-._card_15n7t_1 ._chevronCollapsed_15n7t_54 {
+._card_1b88d_1 ._chevronCollapsed_1b88d_54 {
   transform: rotate(-45deg);
 }
-._card_15n7t_1 ._titleInteractive_15n7t_35:hover ._chevronExpanded_15n7t_50,
-._card_15n7t_1 ._titleInteractive_15n7t_35:focus-visible ._chevronExpanded_15n7t_50 {
+._card_1b88d_1 ._titleInteractive_1b88d_35:hover ._chevronExpanded_1b88d_50,
+._card_1b88d_1 ._titleInteractive_1b88d_35:focus-visible ._chevronExpanded_1b88d_50 {
   transform: rotate(30deg);
 }
-._card_15n7t_1 ._titleInteractive_15n7t_35:hover ._chevronCollapsed_15n7t_54,
-._card_15n7t_1 ._titleInteractive_15n7t_35:focus-visible ._chevronCollapsed_15n7t_54 {
+._card_1b88d_1 ._titleInteractive_1b88d_35:hover ._chevronCollapsed_1b88d_54,
+._card_1b88d_1 ._titleInteractive_1b88d_35:focus-visible ._chevronCollapsed_1b88d_54 {
   transform: rotate(-30deg);
 }
-._card_15n7t_1 ._content_15n7t_68 {
+._card_1b88d_1 ._content_1b88d_68 {
   display: grid;
   grid-template-rows: 1fr;
   transition:
     grid-template-rows 0.2s ease,
     opacity 0.2s ease;
+  flex: 1;
 }
-._card_15n7t_1 ._contentInner_15n7t_76 {
+._card_1b88d_1 ._contentInner_1b88d_77 {
   overflow: hidden;
   min-height: 0;
   display: flex;
   flex-direction: column;
 }
-._card_15n7t_1 ._contentCollapsed_15n7t_83 {
+._card_1b88d_1 ._contentCollapsed_1b88d_84 {
   grid-template-rows: 0fr;
   opacity: 0;
 }
-._card_15n7t_1 ._body_15n7t_88 {
+._card_1b88d_1 ._body_1b88d_89 {
   padding: 0.5rem 1rem;
   width: 100%;
 }
-._card_15n7t_1 ._body_15n7t_88 > hr {
+._card_1b88d_1 ._body_1b88d_89 > hr {
   margin: 1rem 0;
   transform: translateX(-16px);
   width: calc(100% + 32px);
 }
-._card_15n7t_1 ._footer_15n7t_99 {
+._card_1b88d_1 ._footer_1b88d_100 {
   border-top: var(--border-thickness) solid var(--border-color);
   flex: 1;
   background-color: var(--card-bg);
   padding: 0.5rem 1rem;
 }
-._large_15n7t_106 ._body_15n7t_88,
-._large_15n7t_106 ._title_15n7t_18 {
+._large_1b88d_107 ._body_1b88d_89,
+._large_1b88d_107 ._title_1b88d_18 {
   font-size: 1.25rem;
   padding: 0.75rem 1.25rem;
 }
-._small_15n7t_112 ._body_15n7t_88,
-._small_15n7t_112 ._title_15n7t_18 {
+._small_1b88d_113 ._body_1b88d_89,
+._small_1b88d_113 ._title_1b88d_18 {
   font-size: 0.75rem;
   padding: 0.25rem 0.5rem;
 }
 /* Variants */
-._primary_15n7t_120 {
+._primary_1b88d_121 {
   --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_15n7t_127 {
+._success_1b88d_128 {
   --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_15n7t_134 {
+._warning_1b88d_135 {
   --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_15n7t_141 {
+._danger_1b88d_142 {
   --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_15n7t_148 {
+._info_1b88d_149 {
   --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_15n7t_155 {
+._secondary_1b88d_156 {
   --card-bg: var(--secondary-color-100);
   --border-color: var(--secondary-color-300);
   --border-accent-color: var(--secondary-color-600);
@@ -2677,28 +2678,28 @@ function requireClassnames() {
 }
 var classnamesExports = requireClassnames();
 const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
-const card = "_card_15n7t_1";
-const pageBackground$3 = "_pageBackground_15n7t_11";
-const title$1 = "_title_15n7t_18";
-const titleCollapsed = "_titleCollapsed_15n7t_25";
-const titleContent = "_titleContent_15n7t_29";
-const titleInteractive = "_titleInteractive_15n7t_35";
-const chevron = "_chevron_15n7t_39";
-const chevronExpanded = "_chevronExpanded_15n7t_50";
-const chevronCollapsed = "_chevronCollapsed_15n7t_54";
-const content$4 = "_content_15n7t_68";
-const contentInner = "_contentInner_15n7t_76";
-const contentCollapsed = "_contentCollapsed_15n7t_83";
-const body$1 = "_body_15n7t_88";
-const footer$1 = "_footer_15n7t_99";
-const large$7 = "_large_15n7t_106";
-const small$7 = "_small_15n7t_112";
-const primary$9 = "_primary_15n7t_120";
-const success$9 = "_success_15n7t_127";
-const warning$9 = "_warning_15n7t_134";
-const danger$9 = "_danger_15n7t_141";
-const info$9 = "_info_15n7t_148";
-const secondary$9 = "_secondary_15n7t_155";
+const card = "_card_1b88d_1";
+const pageBackground$3 = "_pageBackground_1b88d_11";
+const title$1 = "_title_1b88d_18";
+const titleCollapsed = "_titleCollapsed_1b88d_25";
+const titleContent = "_titleContent_1b88d_29";
+const titleInteractive = "_titleInteractive_1b88d_35";
+const chevron = "_chevron_1b88d_39";
+const chevronExpanded = "_chevronExpanded_1b88d_50";
+const chevronCollapsed = "_chevronCollapsed_1b88d_54";
+const content$4 = "_content_1b88d_68";
+const contentInner = "_contentInner_1b88d_77";
+const contentCollapsed = "_contentCollapsed_1b88d_84";
+const body$1 = "_body_1b88d_89";
+const footer$1 = "_footer_1b88d_100";
+const large$7 = "_large_1b88d_107";
+const small$7 = "_small_1b88d_113";
+const primary$9 = "_primary_1b88d_121";
+const success$9 = "_success_1b88d_128";
+const warning$9 = "_warning_1b88d_135";
+const danger$9 = "_danger_1b88d_142";
+const info$9 = "_info_1b88d_149";
+const secondary$9 = "_secondary_1b88d_156";
 const styles$b = {
   card,
   pageBackground: pageBackground$3,

package/dist/jcui.es.js

@@ -217,7 +217,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
     transform: rotate(360deg);
   }
 }
-._card_15n7t_1 {
+._card_1b88d_1 {
   border-width: var(--border-thickness);
   border-style: solid;
   font-size: 1rem;
@@ -226,30 +226,30 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
   display: flex;
   flex-direction: column;
 }
-._pageBackground_15n7t_11 {
+._pageBackground_1b88d_11 {
   --card-bg: var(--body-bg);
   --button-bg: var(--body-bg);
   --card-color: var(--body-color);
   background-color: var(--body-bg);
 }
-._card_15n7t_1 ._title_15n7t_18 {
+._card_1b88d_1 ._title_1b88d_18 {
   font-size: 1.25rem;
   padding: 0.5rem 1rem;
   border-bottom: var(--border-thickness) solid var(--border-color);
   background-color: var(--card-bg);
 }
-._card_15n7t_1 ._titleCollapsed_15n7t_25 {
+._card_1b88d_1 ._titleCollapsed_1b88d_25 {
   border-bottom: 0;
 }
-._card_15n7t_1 ._titleContent_15n7t_29 {
+._card_1b88d_1 ._titleContent_1b88d_29 {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
-._card_15n7t_1 ._titleInteractive_15n7t_35 {
+._card_1b88d_1 ._titleInteractive_1b88d_35 {
   cursor: pointer;
 }
-._card_15n7t_1 ._chevron_15n7t_39 {
+._card_1b88d_1 ._chevron_1b88d_39 {
   margin-left: auto;
   width: 0.5rem;
   height: 0.5rem;
@@ -259,94 +259,95 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
   flex-shrink: 0;
   cursor: inherit;
 }
-._card_15n7t_1 ._chevronExpanded_15n7t_50 {
+._card_1b88d_1 ._chevronExpanded_1b88d_50 {
   transform: rotate(45deg);
 }
-._card_15n7t_1 ._chevronCollapsed_15n7t_54 {
+._card_1b88d_1 ._chevronCollapsed_1b88d_54 {
   transform: rotate(-45deg);
 }
-._card_15n7t_1 ._titleInteractive_15n7t_35:hover ._chevronExpanded_15n7t_50,
-._card_15n7t_1 ._titleInteractive_15n7t_35:focus-visible ._chevronExpanded_15n7t_50 {
+._card_1b88d_1 ._titleInteractive_1b88d_35:hover ._chevronExpanded_1b88d_50,
+._card_1b88d_1 ._titleInteractive_1b88d_35:focus-visible ._chevronExpanded_1b88d_50 {
   transform: rotate(30deg);
 }
-._card_15n7t_1 ._titleInteractive_15n7t_35:hover ._chevronCollapsed_15n7t_54,
-._card_15n7t_1 ._titleInteractive_15n7t_35:focus-visible ._chevronCollapsed_15n7t_54 {
+._card_1b88d_1 ._titleInteractive_1b88d_35:hover ._chevronCollapsed_1b88d_54,
+._card_1b88d_1 ._titleInteractive_1b88d_35:focus-visible ._chevronCollapsed_1b88d_54 {
   transform: rotate(-30deg);
 }
-._card_15n7t_1 ._content_15n7t_68 {
+._card_1b88d_1 ._content_1b88d_68 {
   display: grid;
   grid-template-rows: 1fr;
   transition:
     grid-template-rows 0.2s ease,
     opacity 0.2s ease;
+  flex: 1;
 }
-._card_15n7t_1 ._contentInner_15n7t_76 {
+._card_1b88d_1 ._contentInner_1b88d_77 {
   overflow: hidden;
   min-height: 0;
   display: flex;
   flex-direction: column;
 }
-._card_15n7t_1 ._contentCollapsed_15n7t_83 {
+._card_1b88d_1 ._contentCollapsed_1b88d_84 {
   grid-template-rows: 0fr;
   opacity: 0;
 }
-._card_15n7t_1 ._body_15n7t_88 {
+._card_1b88d_1 ._body_1b88d_89 {
   padding: 0.5rem 1rem;
   width: 100%;
 }
-._card_15n7t_1 ._body_15n7t_88 > hr {
+._card_1b88d_1 ._body_1b88d_89 > hr {
   margin: 1rem 0;
   transform: translateX(-16px);
   width: calc(100% + 32px);
 }
-._card_15n7t_1 ._footer_15n7t_99 {
+._card_1b88d_1 ._footer_1b88d_100 {
   border-top: var(--border-thickness) solid var(--border-color);
   flex: 1;
   background-color: var(--card-bg);
   padding: 0.5rem 1rem;
 }
-._large_15n7t_106 ._body_15n7t_88,
-._large_15n7t_106 ._title_15n7t_18 {
+._large_1b88d_107 ._body_1b88d_89,
+._large_1b88d_107 ._title_1b88d_18 {
   font-size: 1.25rem;
   padding: 0.75rem 1.25rem;
 }
-._small_15n7t_112 ._body_15n7t_88,
-._small_15n7t_112 ._title_15n7t_18 {
+._small_1b88d_113 ._body_1b88d_89,
+._small_1b88d_113 ._title_1b88d_18 {
   font-size: 0.75rem;
   padding: 0.25rem 0.5rem;
 }
 /* Variants */
-._primary_15n7t_120 {
+._primary_1b88d_121 {
   --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_15n7t_127 {
+._success_1b88d_128 {
   --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_15n7t_134 {
+._warning_1b88d_135 {
   --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_15n7t_141 {
+._danger_1b88d_142 {
   --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_15n7t_148 {
+._info_1b88d_149 {
   --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_15n7t_155 {
+._secondary_1b88d_156 {
   --card-bg: var(--secondary-color-100);
   --border-color: var(--secondary-color-300);
   --border-accent-color: var(--secondary-color-600);
@@ -2659,28 +2660,28 @@ function requireClassnames() {
 }
 var classnamesExports = requireClassnames();
 const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
-const card = "_card_15n7t_1";
-const pageBackground$3 = "_pageBackground_15n7t_11";
-const title$1 = "_title_15n7t_18";
-const titleCollapsed = "_titleCollapsed_15n7t_25";
-const titleContent = "_titleContent_15n7t_29";
-const titleInteractive = "_titleInteractive_15n7t_35";
-const chevron = "_chevron_15n7t_39";
-const chevronExpanded = "_chevronExpanded_15n7t_50";
-const chevronCollapsed = "_chevronCollapsed_15n7t_54";
-const content$4 = "_content_15n7t_68";
-const contentInner = "_contentInner_15n7t_76";
-const contentCollapsed = "_contentCollapsed_15n7t_83";
-const body$1 = "_body_15n7t_88";
-const footer$1 = "_footer_15n7t_99";
-const large$7 = "_large_15n7t_106";
-const small$7 = "_small_15n7t_112";
-const primary$9 = "_primary_15n7t_120";
-const success$9 = "_success_15n7t_127";
-const warning$9 = "_warning_15n7t_134";
-const danger$9 = "_danger_15n7t_141";
-const info$9 = "_info_15n7t_148";
-const secondary$9 = "_secondary_15n7t_155";
+const card = "_card_1b88d_1";
+const pageBackground$3 = "_pageBackground_1b88d_11";
+const title$1 = "_title_1b88d_18";
+const titleCollapsed = "_titleCollapsed_1b88d_25";
+const titleContent = "_titleContent_1b88d_29";
+const titleInteractive = "_titleInteractive_1b88d_35";
+const chevron = "_chevron_1b88d_39";
+const chevronExpanded = "_chevronExpanded_1b88d_50";
+const chevronCollapsed = "_chevronCollapsed_1b88d_54";
+const content$4 = "_content_1b88d_68";
+const contentInner = "_contentInner_1b88d_77";
+const contentCollapsed = "_contentCollapsed_1b88d_84";
+const body$1 = "_body_1b88d_89";
+const footer$1 = "_footer_1b88d_100";
+const large$7 = "_large_1b88d_107";
+const small$7 = "_small_1b88d_113";
+const primary$9 = "_primary_1b88d_121";
+const success$9 = "_success_1b88d_128";
+const warning$9 = "_warning_1b88d_135";
+const danger$9 = "_danger_1b88d_142";
+const info$9 = "_info_1b88d_149";
+const secondary$9 = "_secondary_1b88d_156";
 const styles$b = {
   card,
   pageBackground: pageBackground$3,

package/package.json

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