@caseparts-org/caseblocks 0.0.89 → 0.0.91

package/dist/Cart.module-9txlotpz.js

@@ -0,0 +1,18 @@
+import './assets/Cart.css';const t = "_cartIconButton_pkqoj_2", o = "_count_pkqoj_9", n = "_cartContainer_pkqoj_24", e = "_header_pkqoj_35", _ = "_cartItems_pkqoj_40", c = "_topRow_pkqoj_65", a = "_itemInfo_pkqoj_71", s = "_purchaseInformation_pkqoj_76", r = "_itemManagement_pkqoj_83", m = "_removeItem_pkqoj_101", p = "_noItems_pkqoj_111", u = "_subtotal_pkqoj_118", I = "_checkoutButton_pkqoj_125", k = {
+  cartIconButton: t,
+  count: o,
+  cartContainer: n,
+  header: e,
+  cartItems: _,
+  topRow: c,
+  itemInfo: a,
+  purchaseInformation: s,
+  itemManagement: r,
+  removeItem: m,
+  noItems: p,
+  subtotal: u,
+  checkoutButton: I
+};
+export {
+  k as s
+};

package/dist/assets/Cart.css

@@ -1 +1 @@
-._cart_11wxn_2{position:relative;border:none;padding:0;margin:0;background-color:transparent}._count_11wxn_9{position:absolute;top:0;left:14px;border-radius:50%;width:18px;height:18px;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:var(--color-brand-primary-primary-tangerine);color:var(--color-neutrals-neutral-1);font-weight:var(--font-weight-semibold)}._cartTooltip_11wxn_24{padding:var(--spacing-1)}._cartContainer_11wxn_27{height:calc(100vh - 120px);width:375px;box-sizing:border-box;display:grid;grid-template-rows:auto 1fr auto auto;gap:var(--spacing-1)}._cartItems_11wxn_35{height:100%;overflow-y:auto;overflow-x:hidden}._cartItems_11wxn_35 ul{margin:0;padding:0}._cartItems_11wxn_35 li{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-0-5);align-items:center;box-sizing:border-box;position:relative;list-style:none;margin:0;padding:var(--spacing-0-5);width:100%;border-bottom:1px solid var(--color-neutrals-neutral-2)}._topRow_11wxn_57{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}._itemInfo_11wxn_63{display:flex;flex-direction:column;align-items:flex-start}._purchaseInformation_11wxn_68{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%}._itemManagement_11wxn_75{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-spacing-3xs)}._cartItems_11wxn_35 li p{margin:0;padding:0;word-wrap:break-word;white-space:normal;overflow-wrap:break-word}._cartItems_11wxn_35 img{height:40px;width:40px;object-fit:contain}._removeItem_11wxn_93{border:none;background-color:transparent;padding:0;margin:0;cursor:pointer}._noItems_11wxn_101{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%}._subtotal_11wxn_108{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--spacing-0-5)}
+._cartIconButton_pkqoj_2{position:relative;border:none;padding:0;margin:0;background-color:transparent}._count_pkqoj_9{position:absolute;top:0;left:14px;border-radius:50%;width:18px;height:18px;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:var(--color-brand-primary-primary-tangerine);color:var(--color-neutrals-neutral-1);font-weight:var(--font-weight-semibold)}._cartContainer_pkqoj_24{height:100vh;width:100%;min-width:320px;max-width:375px;box-sizing:border-box;display:grid;grid-template-rows:auto 1fr auto auto;gap:var(--spacing-1);padding:var(--spacing-1)}._header_pkqoj_35{display:flex;flex-direction:column;align-items:flex-start}._cartItems_pkqoj_40{height:100%;overflow-y:auto;overflow-x:hidden}._cartItems_pkqoj_40 ul{margin:0;padding:0}._cartItems_pkqoj_40 li{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-0-5);align-items:center;box-sizing:border-box;position:relative;list-style:none;margin:0;padding:var(--spacing-0-5);width:100%;border-bottom:1px solid var(--color-neutrals-neutral-2)}._cartItems_pkqoj_40 li:first-of-type{border-top:1px solid var(--color-neutrals-neutral-2)}._topRow_pkqoj_65{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}._itemInfo_pkqoj_71{display:flex;flex-direction:column;align-items:flex-start}._purchaseInformation_pkqoj_76{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%}._itemManagement_pkqoj_83{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-spacing-3xs)}._cartItems_pkqoj_40 li p{margin:0;padding:0;word-wrap:break-word;white-space:normal;overflow-wrap:break-word}._cartItems_pkqoj_40 img{height:40px;width:40px;object-fit:contain}._removeItem_pkqoj_101{border:none;background-color:transparent;padding:0;margin:0;cursor:pointer;width:min-content;height:min-content}._noItems_pkqoj_111{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%}._subtotal_pkqoj_118{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--spacing-0-5)}._checkoutButton_pkqoj_125{width:100%}

package/dist/assets/Icon.css

@@ -1 +1 @@
-._icon-sm_1lr8y_1{--icon-size: var(--font-size-md);--icon-padding: calc(var(--font-size-md) / 4)}._icon-md_1lr8y_5{--icon-size: var(--font-size-2xl);--icon-padding: calc(var(--font-size-md) / 4)}._icon-lg_1lr8y_9{--icon-size: var(--font-size-3xl);--icon-padding: calc(var(--font-size-lg) / 4)}._wrapper_1lr8y_15{display:inline-flex;width:calc(var(--icon-size) + (var(--icon-padding) * 2));height:calc(var(--icon-size) + (var(--icon-padding) * 2));aspect-ratio:1 / 1;align-items:center;justify-content:center;line-height:1;padding:var(--icon-padding)}._wrapper_1lr8y_15>i,._wrapper_1lr8y_15>svg{font-size:var(--icon-size);width:100%;height:100%;max-width:100%;max-height:100%}._iconColor-inherit_1lr8y_37{color:inherit}._iconColor-default_1lr8y_38{color:var(--icons-icon-default)}._iconColor-default-inverted_1lr8y_39{color:var(--icons-icon-invert)}._iconColor-secondary_1lr8y_40{color:var(--icons-icon-secondary)}._iconColor-warning_1lr8y_41{color:var(--icons-icon-warning)}._iconColor-error-warning_1lr8y_42{color:var(--icons-icon-error-warning)}._iconColor-success_1lr8y_43{color:var(--icons-icon-success)}
+._icon-sm_1xeu5_1{--icon-size: var(--font-size-md);--icon-padding: calc(var(--font-size-md) / 4)}._icon-md_1xeu5_5{--icon-size: var(--font-size-2xl);--icon-padding: calc(var(--font-size-md) / 4)}._icon-lg_1xeu5_9{--icon-size: var(--font-size-3xl);--icon-padding: calc(var(--font-size-lg) / 4)}._wrapper_1xeu5_15{display:inline-flex;box-sizing:border-box;width:calc(var(--icon-size) + (var(--icon-padding) * 2));height:calc(var(--icon-size) + (var(--icon-padding) * 2));aspect-ratio:1 / 1;align-items:center;justify-content:center;line-height:1;padding:var(--icon-padding)}._wrapper_1xeu5_15>i,._wrapper_1xeu5_15>svg{font-size:var(--icon-size);width:100%;height:100%;max-width:100%;max-height:100%}._iconColor-inherit_1xeu5_38{color:inherit}._iconColor-default_1xeu5_39{color:var(--icons-icon-default)}._iconColor-default-inverted_1xeu5_40{color:var(--icons-icon-invert)}._iconColor-secondary_1xeu5_41{color:var(--icons-icon-secondary)}._iconColor-warning_1xeu5_42{color:var(--icons-icon-warning)}._iconColor-error-warning_1xeu5_43{color:var(--icons-icon-error-warning)}._iconColor-success_1xeu5_44{color:var(--icons-icon-success)}

package/dist/assets/Popover.css

@@ -0,0 +1 @@
+._popover_vlr81_1{position:relative;display:inline-block;z-index:20}._content_vlr81_7{background:#fff;border:1px solid var(--color-neutrals-neutral-1);border-radius:4px;box-shadow:8px 8px 12px #00000026;padding:var(--spacing-1);min-width:160px;box-sizing:border-box}

package/dist/assets/SlideInPanel.css

@@ -0,0 +1 @@
+._root_12lt6_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none}._overlay_12lt6_8{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}._panel_12lt6_16{position:absolute;background:#fff;box-shadow:0 4px 18px #00000040;display:flex;flex-direction:column;overflow:auto;pointer-events:auto;transition:transform .28s cubic-bezier(.28,.8,.32,1),opacity .28s;will-change:transform}._panel-left_12lt6_29{top:0;left:0;height:100%;max-width:100%;transform:translate(-100%)}._panel-right_12lt6_36{top:0;right:0;height:100%;max-width:100%;transform:translate(100%)}._panel-bottom_12lt6_43{left:0;bottom:0;width:100%;max-height:100%;transform:translateY(100%)}._active_12lt6_52._from-left_12lt6_52 ._panel-left_12lt6_29,._active_12lt6_52._from-right_12lt6_53 ._panel-right_12lt6_36{transform:translate(0)}._active_12lt6_52._from-bottom_12lt6_54 ._panel-bottom_12lt6_43{transform:translateY(0)}

package/dist/assets/Tooltip.css

@@ -1 +1 @@
-._content_1ao8d_2{box-shadow:8px 8px 12px #00000026;background-color:#fff;padding:var(--spacing-1);box-sizing:border-box;width:max-content;border:1px solid var(--color-neutrals-neutral-1);border-radius:4px;z-index:9999}
+._tooltip_17o7a_1{position:relative;display:inline-block;overflow:visible;pointer-events:none;z-index:9999}._content_17o7a_11{box-shadow:8px 8px 12px #00000026;background-color:#fff;padding:var(--spacing-1);box-sizing:border-box;width:max-content;border:1px solid var(--color-neutrals-neutral-1);border-radius:4px;pointer-events:auto}

package/dist/assets/buttonClassName.css

@@ -1 +1 @@
-._button_khsww_1{--inset-shadow-color: var(--surface-surface-primary-btn);--inset-shadow-style: 0 0 0, inset 0 0 0 var(--spacing-0-125) var(--inset-shadow-color);transition-property:background-color,border-width,box-shadow,color;transition-duration:.1s;transition-timing-function:ease-in;padding:var(--spacing-1);border:none;cursor:pointer;text-decoration:none;text-align:center;width:max-content;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-3xs)}._button_khsww_1:hover{box-shadow:var(--color-neutrals-neutral-2) var(--spacing-0-125) var(--spacing-0-25) var(--spacing-0-5)}._button_khsww_1:active{box-shadow:none}._button_khsww_1:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert);transition:none;cursor:default}._button_khsww_1:disabled:hover{box-shadow:none}._button-primary_khsww_43{background-color:var(--surface-surface-primary-btn);color:var(--surface-surface-primary)}._button-primary_khsww_43:active{background-color:var(--color-brand-secondary-dark-teal-blue)}._button-primary_khsww_43:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-secondary_khsww_57{background-color:var(--surface-surface-secondary-btn);border:1px solid var(--border-border-secondary-btn);color:var(--text-text-links)}._button-secondary_khsww_57:active{--inset-shadow-color: var(--surface-surface-secondary);box-shadow:var(--inset-shadow-style)}._button-secondary_khsww_57:disabled{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-secondary_khsww_57:disabled:hover{box-shadow:var(--inset-shadow-style)}._button-secondary-transparent_khsww_79{background-color:transparent;border:1px solid var(--color-neutrals-neutral-1);color:var(--color-neutrals-neutral-1)}._button-secondary-transparent_khsww_79:disabled{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);border:1px solid var(--border-border-primary)}._button-secondary-transparent_khsww_79:disabled:hover{color:var(--surface-surface-disabled-btn);background-color:var(--surface-surface-disabled-btn-focus);box-shadow:none}._button-secondary-transparent_khsww_79:hover{background-color:var(--color-neutrals-neutral-1);border:1px solid var(--border-border-primary);color:#000;box-shadow:none}._button-cta-primary_khsww_104{background-color:var(--surface-surface-call-to-action-btn);color:var(--surface-surface-primary)}._button-cta-primary_khsww_104:active{background-color:var(--surface-surface-call-to-action-btn-focus)}._button-cta-primary_khsww_104:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-tertiary_khsww_118{background-color:var(--surface-surface-tertiary-btn);color:var(--surface-surface-tertiary-btn-focus)}._button-tertiary_khsww_118:active{color:var(--surface-surface-disabled-btn);background-color:var(--surface-surface-tertiary-btn-focus);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-tertiary_khsww_118:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-destructive_khsww_136{background-color:var(--surface-surface-error-warning-btn);color:var(--surface-surface-primary)}._button-destructive_khsww_136:active{color:var(--surface-surface-error-warning-btn);background-color:var(--surface-surface-tertiary-btn-focus);--inset-shadow-color: var(--border-border-error-warning);box-shadow:var(--inset-shadow-style)}._button-destructive_khsww_136:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-size-xxs_khsww_154{border-radius:var(--border-radius-xs);padding:var(--spacing-spacing-4xs) var(--spacing-spacing-4xs)}._button-size-xs_khsww_158{border-radius:var(--border-radius-xs);padding:calc(var(--spacing-spacing-4xs) - 1px) var(--spacing-spacing-2xs)}._button-size-sm_khsww_162{border-radius:var(--border-radius-sm);padding:calc(var(--spacing-spacing-3xs) - 1px) var(--spacing-0-75)}._button-size-md_khsww_166,._button-size-lg_khsww_170{border-radius:var(--border-radius-sm);padding:calc(var(--spacing-spacing-2xs) - 1px) var(--spacing-spacing-default)}._button-size-xl_khsww_174{border-radius:var(--border-radius-sm);padding:var(--spacing-0-75) var(--spacing-spacing-default)}._button-primary_khsww_43._button-disabled_khsww_179{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-secondary_khsww_57._button-disabled_khsww_179{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-secondary_khsww_57._button-disabled_khsww_179:hover{box-shadow:var(--inset-shadow-style)}._button-secondary-transparent_khsww_79._button-disabled_khsww_179{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style);border:1px solid var(--border-border-primary)}._button-secondary-transparent_khsww_79._button-disabled_khsww_179:hover{box-shadow:var(--inset-shadow-style);color:var(--surface-surface-disabled-btn);background-color:var(--surface-surface-disabled-btn-focus)}._button-cta-primary_khsww_104._button-disabled_khsww_179,._button-tertiary_khsww_118._button-disabled_khsww_179,._button-destructive_khsww_136._button-disabled_khsww_179{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}
+._button_1mhe3_1{--inset-shadow-color: var(--surface-surface-primary-btn);--inset-shadow-style: 0 0 0, inset 0 0 0 var(--spacing-0-125) var(--inset-shadow-color);transition-property:background-color,border-width,box-shadow,color;transition-duration:.1s;transition-timing-function:ease-in;padding:var(--spacing-1);border:none;cursor:pointer;text-decoration:none;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-spacing-3xs)}._button_1mhe3_1:hover{box-shadow:var(--color-neutrals-neutral-2) var(--spacing-0-125) var(--spacing-0-25) var(--spacing-0-5)}._button_1mhe3_1:active{box-shadow:none}._button_1mhe3_1:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert);transition:none;cursor:default}._button_1mhe3_1:disabled:hover{box-shadow:none}._button-primary_1mhe3_44{background-color:var(--surface-surface-primary-btn);color:var(--surface-surface-primary)}._button-primary_1mhe3_44:active{background-color:var(--color-brand-secondary-dark-teal-blue)}._button-primary_1mhe3_44:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-secondary_1mhe3_58{background-color:var(--surface-surface-secondary-btn);border:1px solid var(--border-border-secondary-btn);color:var(--text-text-links)}._button-secondary_1mhe3_58:active{--inset-shadow-color: var(--surface-surface-secondary);box-shadow:var(--inset-shadow-style)}._button-secondary_1mhe3_58:disabled{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-secondary_1mhe3_58:disabled:hover{box-shadow:var(--inset-shadow-style)}._button-secondary-transparent_1mhe3_80{background-color:transparent;border:1px solid var(--color-neutrals-neutral-1);color:var(--color-neutrals-neutral-1)}._button-secondary-transparent_1mhe3_80:disabled{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);border:1px solid var(--border-border-primary)}._button-secondary-transparent_1mhe3_80:disabled:hover{color:var(--surface-surface-disabled-btn);background-color:var(--surface-surface-disabled-btn-focus);box-shadow:none}._button-secondary-transparent_1mhe3_80:hover{background-color:var(--color-neutrals-neutral-1);border:1px solid var(--border-border-primary);color:#000;box-shadow:none}._button-cta-primary_1mhe3_105{background-color:var(--surface-surface-call-to-action-btn);color:var(--surface-surface-primary)}._button-cta-primary_1mhe3_105:active{background-color:var(--surface-surface-call-to-action-btn-focus)}._button-cta-primary_1mhe3_105:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-tertiary_1mhe3_119{background-color:var(--surface-surface-tertiary-btn);color:var(--surface-surface-tertiary-btn-focus)}._button-tertiary_1mhe3_119:active{color:var(--surface-surface-disabled-btn);background-color:var(--surface-surface-tertiary-btn-focus);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-tertiary_1mhe3_119:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-destructive_1mhe3_137{background-color:var(--surface-surface-error-warning-btn);color:var(--surface-surface-primary)}._button-destructive_1mhe3_137:active{color:var(--surface-surface-error-warning-btn);background-color:var(--surface-surface-tertiary-btn-focus);--inset-shadow-color: var(--border-border-error-warning);box-shadow:var(--inset-shadow-style)}._button-destructive_1mhe3_137:active:disabled{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-size-xxs_1mhe3_155{border-radius:var(--border-radius-xs);padding:var(--spacing-spacing-4xs) var(--spacing-spacing-4xs)}._button-size-xs_1mhe3_159{border-radius:var(--border-radius-xs);padding:calc(var(--spacing-spacing-4xs) - 1px) var(--spacing-spacing-2xs)}._button-size-sm_1mhe3_163{border-radius:var(--border-radius-sm);padding:calc(var(--spacing-spacing-3xs) - 1px) var(--spacing-0-75)}._button-size-md_1mhe3_167,._button-size-lg_1mhe3_171{border-radius:var(--border-radius-sm);padding:calc(var(--spacing-spacing-2xs) - 1px) var(--spacing-spacing-default)}._button-size-xl_1mhe3_175{border-radius:var(--border-radius-sm);padding:var(--spacing-0-75) var(--spacing-spacing-default)}._button-primary_1mhe3_44._button-disabled_1mhe3_180{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}._button-secondary_1mhe3_58._button-disabled_1mhe3_180{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style)}._button-secondary_1mhe3_58._button-disabled_1mhe3_180:hover{box-shadow:var(--inset-shadow-style)}._button-secondary-transparent_1mhe3_80._button-disabled_1mhe3_180{background-color:var(--surface-surface-disabled-btn-focus);color:var(--surface-surface-disabled-btn);--inset-shadow-color: var(--surface-surface-disabled-btn);box-shadow:var(--inset-shadow-style);border:1px solid var(--border-border-primary)}._button-secondary-transparent_1mhe3_80._button-disabled_1mhe3_180:hover{box-shadow:var(--inset-shadow-style);color:var(--surface-surface-disabled-btn);background-color:var(--surface-surface-disabled-btn-focus)}._button-cta-primary_1mhe3_105._button-disabled_1mhe3_180,._button-tertiary_1mhe3_119._button-disabled_1mhe3_180,._button-destructive_1mhe3_137._button-disabled_1mhe3_180{background-color:var(--surface-surface-disabled-btn);color:var(--text-text-invert)}

package/dist/atoms/Button/buttonClassName.js

@@ -1,41 +1,41 @@
-import { t as s } from "../../Text.module-Dzhzk2fH.js";
+import { t as e } from "../../Text.module-Dzhzk2fH.js";
 import { c as u } from "../../clsx-OuTLNxxd.js";
 import { getHideAtStyles as r } from "../HideAt.js";
-import '../../assets/buttonClassName.css';const i = "_button_khsww_1", t = {
-  button: i,
-  "button-primary": "_button-primary_khsww_43",
-  "button-secondary": "_button-secondary_khsww_57",
-  "button-secondary-transparent": "_button-secondary-transparent_khsww_79",
-  "button-cta-primary": "_button-cta-primary_khsww_104",
-  "button-tertiary": "_button-tertiary_khsww_118",
-  "button-destructive": "_button-destructive_khsww_136",
-  "button-size-xxs": "_button-size-xxs_khsww_154",
-  "button-size-xs": "_button-size-xs_khsww_158",
-  "button-size-sm": "_button-size-sm_khsww_162",
-  "button-size-md": "_button-size-md_khsww_166",
-  "button-size-lg": "_button-size-lg_khsww_170",
-  "button-size-xl": "_button-size-xl_khsww_174",
-  "button-disabled": "_button-disabled_khsww_179"
+import '../../assets/buttonClassName.css';const m = "_button_1mhe3_1", t = {
+  button: m,
+  "button-primary": "_button-primary_1mhe3_44",
+  "button-secondary": "_button-secondary_1mhe3_58",
+  "button-secondary-transparent": "_button-secondary-transparent_1mhe3_80",
+  "button-cta-primary": "_button-cta-primary_1mhe3_105",
+  "button-tertiary": "_button-tertiary_1mhe3_119",
+  "button-destructive": "_button-destructive_1mhe3_137",
+  "button-size-xxs": "_button-size-xxs_1mhe3_155",
+  "button-size-xs": "_button-size-xs_1mhe3_159",
+  "button-size-sm": "_button-size-sm_1mhe3_163",
+  "button-size-md": "_button-size-md_1mhe3_167",
+  "button-size-lg": "_button-size-lg_1mhe3_171",
+  "button-size-xl": "_button-size-xl_1mhe3_175",
+  "button-disabled": "_button-disabled_1mhe3_180"
 };
-function m({
+function h({
   size: o,
   variant: n,
-  hideAt: _,
-  className: e,
+  hideAt: s,
+  className: _,
   disabled: b
 }) {
   return u(
     t.button,
     t[`button-${n}`],
     t[`button-size-${o}`],
-    s.text,
-    s[`text-${o}`],
-    s["text-semibold"],
-    r(_),
+    e.text,
+    e[`text-${o}`],
+    e["text-semibold"],
+    r(s),
     b && t["button-disabled"],
-    e
+    _
   );
 }
 export {
-  m as buttonClassNames
+  h as buttonClassNames
 };

package/dist/atoms/Icon/Icon.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { HideAtProps } from '../HideAt';
 type IconSet = "fa-kit" | "fa-solid" | "fa-regular" | "fa-light" | "fa-thin" | "fa-brands";
 type IconVariant = "fa-sharp" | "fa-duotone" | "fa-sharp-duotone";
@@ -6,6 +7,7 @@ interface IconProps extends React.HTMLAttributes<HTMLSpanElement>, HideAtProps {
     iconKey: `${IconSet} ${string}` | `${IconVariant} ${IconSet} ${string}`;
     size?: "sm" | "md" | "lg";
     colorToken?: IconColorToken;
+    debugSizes?: boolean;
 }
-export declare function Icon({ iconKey, size, hideAt, className, colorToken, ...otherProps }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function Icon({ iconKey, size, hideAt, className, colorToken, debugSizes, ...otherProps }: IconProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/atoms/Icon/Icon.js

@@ -1,42 +1,58 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as n } from "../../clsx-OuTLNxxd.js";
-import { getHideAtStyles as a } from "../HideAt.js";
-import '../../assets/Icon.css';const t = "_wrapper_1lr8y_15", o = {
-  "icon-sm": "_icon-sm_1lr8y_1",
-  "icon-md": "_icon-md_1lr8y_5",
-  "icon-lg": "_icon-lg_1lr8y_9",
-  wrapper: t,
-  "iconColor-inherit": "_iconColor-inherit_1lr8y_37",
-  "iconColor-default": "_iconColor-default_1lr8y_38",
-  "iconColor-default-inverted": "_iconColor-default-inverted_1lr8y_39",
-  "iconColor-secondary": "_iconColor-secondary_1lr8y_40",
-  "iconColor-warning": "_iconColor-warning_1lr8y_41",
-  "iconColor-error-warning": "_iconColor-error-warning_1lr8y_42",
-  "iconColor-success": "_iconColor-success_1lr8y_43"
+import { jsx as t } from "react/jsx-runtime";
+import l from "react";
+import { c as _ } from "../../clsx-OuTLNxxd.js";
+import { getHideAtStyles as p } from "../HideAt.js";
+import '../../assets/Icon.css';const f = "_wrapper_1xeu5_15", r = {
+  "icon-sm": "_icon-sm_1xeu5_1",
+  "icon-md": "_icon-md_1xeu5_5",
+  "icon-lg": "_icon-lg_1xeu5_9",
+  wrapper: f,
+  "iconColor-inherit": "_iconColor-inherit_1xeu5_38",
+  "iconColor-default": "_iconColor-default_1xeu5_39",
+  "iconColor-default-inverted": "_iconColor-default-inverted_1xeu5_40",
+  "iconColor-secondary": "_iconColor-secondary_1xeu5_41",
+  "iconColor-warning": "_iconColor-warning_1xeu5_42",
+  "iconColor-error-warning": "_iconColor-error-warning_1xeu5_43",
+  "iconColor-success": "_iconColor-success_1xeu5_44"
 };
-function m({
-  iconKey: i,
-  size: l = "md",
-  hideAt: c,
-  className: _,
-  colorToken: e = "inherit",
-  ...s
+function h({
+  iconKey: n,
+  size: i = "md",
+  hideAt: a,
+  className: s,
+  colorToken: u = "inherit",
+  debugSizes: c = !1,
+  ...d
 }) {
-  return /* @__PURE__ */ r(
+  const e = l.useRef(null);
+  return l.useEffect(() => {
+    if (c && e.current) {
+      const o = getComputedStyle(e.current);
+      console.log("[Icon debugSizes]", {
+        width: o.width,
+        height: o.height,
+        iconSize: o.getPropertyValue("--icon-size"),
+        iconPadding: o.getPropertyValue("--icon-padding"),
+        iconWrapperSize: o.getPropertyValue("--icon-wrapper-size"),
+        fontSize: o.fontSize
+      });
+    }
+  }, [c, i, n]), /* @__PURE__ */ t(
     "span",
     {
-      className: n(
-        o.wrapper,
-        o[`icon-${l}`],
-        o[`iconColor-${e}`],
-        a(c),
-        _
+      ref: e,
+      className: _(
+        r.wrapper,
+        r[`icon-${i}`],
+        r[`iconColor-${u}`],
+        p(a),
+        s
       ),
-      ...s,
-      children: /* @__PURE__ */ r("i", { className: n(i), "aria-hidden": "true" })
+      ...d,
+      children: /* @__PURE__ */ t("i", { className: _(n), "aria-hidden": "true" })
     }
   );
 }
 export {
-  m as Icon
+  h as Icon
 };

package/dist/atoms/Input/Input.js

@@ -1,4 +1,4 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
 import m from "react";
 import { c } from "../../clsx-OuTLNxxd.js";
 import { getHideAtStyles as o } from "../HideAt.js";
@@ -6,15 +6,15 @@ import '../../assets/Input.css';const u = "_input_1fwgs_1", e = {
   "input-container": "_input-container_1fwgs_1",
   input: u
 }, l = m.forwardRef(
-  ({ label: n, hideAt: s, className: p, ...t }, r) => /* @__PURE__ */ a("div", { className: e["input-container"], children: [
+  ({ label: n, hideAt: s, className: a, ...t }, p) => /* @__PURE__ */ r("div", { className: e["input-container"], children: [
     n && /* @__PURE__ */ i("label", { htmlFor: t.name, children: n }),
     /* @__PURE__ */ i(
       "input",
       {
-        ref: r,
+        ref: p,
         id: t.name,
         type: "text",
-        className: c(e.input, o(s), p),
+        className: c(e.input, o(s), a),
         ...t
       }
     )

package/dist/atoms/Popover/Popover.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+type PositionKeyword = "top" | "right" | "bottom" | "left";
+type Position = "top left" | "top center" | "top right" | "right top" | "right center" | "right bottom" | "bottom left" | "bottom center" | "bottom right" | "left top" | "left center" | "left bottom" | PositionKeyword;
+export type PopoverProps = {
+    trigger: React.ReactElement;
+    children: React.ReactNode;
+    position?: Position;
+    popoverClassName?: string;
+    contentClassName?: string;
+    disabled?: boolean;
+    closeOnOutsideClick?: boolean;
+};
+export declare const Popover: React.FC<PopoverProps>;
+export {};

package/dist/atoms/Popover/Popover.js

@@ -0,0 +1,110 @@
+import { jsxs as z, Fragment as P, jsx as b } from "react/jsx-runtime";
+import * as u from "react";
+import { r as k } from "../../index-B4KbmMH3.js";
+import { c as x } from "../../clsx-OuTLNxxd.js";
+import '../../assets/Popover.css';const C = "_popover_vlr81_1", M = "_content_vlr81_7", L = {
+  popover: C,
+  content: M
+};
+function S(o) {
+  return o ? o.includes(" ") ? o : `${o} center` : "top center";
+}
+function j(o) {
+  const m = S(o).toLowerCase(), [c, l] = m.split(" ");
+  return { side: ["top", "right", "bottom", "left"].includes(c) ? c : "top", align: l === "left" || l === "top" ? "start" : l === "right" || l === "bottom" ? "end" : "center" };
+}
+function B(o, m, c, l, p = 8) {
+  const e = o.getBoundingClientRect(), a = m.getBoundingClientRect();
+  let i = 0, s = 0;
+  c === "top" ? i = e.top - a.height - p : c === "bottom" ? i = e.bottom + p : c === "left" ? s = e.left - a.width - p : c === "right" && (s = e.right + p), c === "top" || c === "bottom" ? l === "start" ? s = e.left : l === "end" ? s = e.right - a.width : s = e.left + e.width / 2 - a.width / 2 : l === "start" ? i = e.top : l === "end" ? i = e.bottom - a.height : i = e.top + e.height / 2 - a.height / 2;
+  const r = window.innerWidth, w = window.innerHeight;
+  return i = Math.max(4, Math.min(w - a.height - 4, i)), s = Math.max(4, Math.min(r - a.width - 4, s)), { top: i, left: s };
+}
+const q = ({
+  trigger: o,
+  children: m,
+  position: c,
+  popoverClassName: l,
+  contentClassName: p,
+  disabled: e,
+  closeOnOutsideClick: a = !0
+}) => {
+  const { side: i, align: s } = j(c), [r, w] = u.useState(!1), [f, g] = u.useState(null), v = u.useRef(null), h = u.useRef(null), R = () => {
+    e || w((t) => !t);
+  }, E = () => w(!1), _ = u.cloneElement(o, {
+    ref: (t) => {
+      const { ref: n } = o;
+      typeof n == "function" ? n(t) : n && (n.current = t), v.current = t;
+    },
+    onClick: (t) => {
+      var n, d;
+      (d = (n = o.props).onClick) == null || d.call(n, t), R();
+    },
+    "aria-haspopup": "dialog",
+    "aria-expanded": r || void 0,
+    "aria-controls": r ? "popover-panel" : void 0,
+    style: { ...o.props.style || {}, outline: "none" }
+  });
+  return u.useLayoutEffect(() => {
+    if (!r) {
+      g(null);
+      return;
+    }
+    const t = v.current, n = h.current;
+    if (!t || !n) return;
+    const d = () => {
+      g(B(t, n, i, s, 8));
+    };
+    return d(), window.addEventListener("resize", d), window.addEventListener("scroll", d, !0), () => {
+      window.removeEventListener("resize", d), window.removeEventListener("scroll", d, !0);
+    };
+  }, [r, i, s, m]), u.useEffect(() => {
+    if (!r || !a) return;
+    const t = (n) => {
+      const d = h.current, y = v.current;
+      !d || !y || d.contains(n.target) || y.contains(n.target) || E();
+    };
+    return window.addEventListener("mousedown", t), () => window.removeEventListener("mousedown", t);
+  }, [r, a]), u.useEffect(() => {
+    if (!r) return;
+    const t = (n) => {
+      n.key === "Escape" && E();
+    };
+    return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
+  }, [r]), u.useEffect(() => {
+    if (r && h.current) {
+      const t = h.current.querySelector(
+        'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+      );
+      t == null || t.focus();
+    }
+  }, [r]), /* @__PURE__ */ z(P, { children: [
+    _,
+    r && typeof document < "u" && k.createPortal(
+      /* @__PURE__ */ b(
+        "div",
+        {
+          id: "popover-panel",
+          ref: h,
+          role: "dialog",
+          "aria-modal": "false",
+          className: x(L.popover, l),
+          "data-side": i,
+          "data-align": s,
+          style: {
+            position: "absolute",
+            top: (f == null ? void 0 : f.top) ?? 0,
+            left: (f == null ? void 0 : f.left) ?? 0,
+            visibility: f ? "visible" : "hidden",
+            zIndex: 20
+          },
+          children: /* @__PURE__ */ b("div", { className: x(L.content, p), children: m })
+        }
+      ),
+      document.body
+    )
+  ] });
+};
+export {
+  q as Popover
+};

package/dist/atoms/Popover/Popover.stories.d.ts

@@ -0,0 +1,66 @@
+import { default as React } from 'react';
+import { StoryObj } from '@storybook/react-vite';
+import { Popover } from './Popover';
+declare const meta: {
+    title: string;
+    component: React.FC<import('./Popover').PopoverProps>;
+    parameters: {
+        layout: string;
+        controls: {
+            sort: string;
+        };
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    args: {
+        position: "top center";
+        closeOnOutsideClick: true;
+        disabled: false;
+    };
+    argTypes: {
+        position: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        closeOnOutsideClick: {
+            control: "boolean";
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        popoverClassName: {
+            table: {
+                disable: true;
+            };
+        };
+        contentClassName: {
+            table: {
+                disable: true;
+            };
+        };
+        trigger: {
+            table: {
+                disable: true;
+            };
+            description: string;
+        };
+        children: {
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Popover>;
+export declare const BasicClick: Story;
+export declare const BottomClick: Story;
+export declare const PositionRight: Story;
+export declare const PositionLeft: Story;
+export declare const InteractiveContent: Story;
+export declare const OutsideClickDisabled: Story;