quirk-ui 0.1.19 → 0.1.21
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.
- package/dist/assets/index12.css +1 -1
- package/dist/assets/index21.css +1 -1
- package/dist/assets/index22.css +1 -1
- package/dist/assets/index23.css +1 -1
- package/dist/assets/index26.css +1 -1
- package/dist/assets/index61.css +1 -1
- package/dist/assets/index66.css +1 -1
- package/dist/core/components/ButtonGroup/index.cjs +1 -1
- package/dist/core/components/ButtonGroup/index.mjs +20 -20
- package/dist/core/components/Calendar/Calendar.test.cjs +1 -1
- package/dist/core/components/Calendar/Calendar.test.mjs +1 -1
- package/dist/core/components/Calendar/index.cjs +1 -1
- package/dist/core/components/Calendar/index.mjs +1 -1
- package/dist/core/components/Checkbox/index.cjs +1 -1
- package/dist/core/components/Checkbox/index.mjs +59 -59
- package/dist/core/components/DatePicker/DatePicker.test.cjs +1 -1
- package/dist/core/components/DatePicker/DatePicker.test.mjs +1 -1
- package/dist/core/components/DatePicker/index.cjs +2 -2
- package/dist/core/components/DatePicker/index.mjs +56 -56
- package/dist/core/components/Heading/index.cjs +1 -1
- package/dist/core/components/Heading/index.mjs +27 -27
- package/dist/core/components/Text/index.cjs +1 -1
- package/dist/core/components/Text/index.mjs +21 -21
- package/dist/{index-hM-Do4qg.js → index-D38CuMjf.js} +42 -42
- package/dist/{index-CiXCoJuk.cjs → index-DvtjEAHw.cjs} +1 -1
- package/dist/next/blocks/StickyScrollBlock/index.cjs +1 -1
- package/dist/next/blocks/StickyScrollBlock/index.mjs +67 -62
- package/dist/styles.css +14 -14
- package/package.json +1 -1
package/dist/assets/index12.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._layout_11dq8_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_11dq8_7{display:flex;flex-direction:column;width:100%;max-width:var(--layout-width);margin:0 auto;gap:var(--spacing-md);position:relative;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (max-width: 767px){._container_11dq8_7{gap:var(--spacing-xl)}}._heading_11dq8_23{display:flex;flex-direction:column;gap:var(--spacing-md)}._heading_11dq8_23:has(._title_11dq8_28+._cta_11dq8_28):not(:has(._text_11dq8_28)){gap:var(--spacing-lg)}._heading_11dq8_23 h1,._heading_11dq8_23 h2,._heading_11dq8_23 h3,._heading_11dq8_23 h4,._heading_11dq8_23 h5,._heading_11dq8_23 h6{width:100%;margin-bottom:0}._scroll_11dq8_43{display:flex;gap:var(--spacing-xl)}._sidebar_11dq8_48{flex:.4;position:sticky;top:30%;align-self:flex-start;min-height:40vh;display:flex;align-items:center;padding:0 var(--spacing-xl)}@media (max-width: 767px){._sidebar_11dq8_48{display:none}}._sidebar_11dq8_48 ul{list-style:none;padding:0;margin:0;columns:1;display:flex;flex-direction:column;gap:var(--spacing-lg)}._sidebar_11dq8_48 ul li ._number_11dq8_73{border-radius:var(--radius-full);background-color:var(--color-secondary-25);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);font-family:var(--font-family-primary, "inherit");width:35px;height:35px;flex:1 0 35px;display:flex;align-items:center;justify-content:center;transition:color .3s ease-in-out,background-color .3s ease-in-out}._sidebar_11dq8_48 ul li ._link_11dq8_91{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);text-align:left;font-size:var(--font-size-md);font-family:var(--font-family-primary, "inherit");font-weight:var(--font-weight-semibold);text-decoration:none;color:var(--color-text-primary);background-color:transparent;border:none;transition:color .3s ease-in-out}._sidebar_11dq8_48 ul li ._link_11dq8_91._active_11dq8_106{color:var(--color-primary-100)}._sidebar_11dq8_48 ul li ._link_11dq8_91._active_11dq8_106 ._number_11dq8_73{background-color:var(--color-primary-100);color:#fff}._content_11dq8_118{flex:1;display:flex;flex-direction:column;gap:40rem}@media (max-width: 767px){._content_11dq8_118{gap:10rem}}._flex_11dq8_129{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-md)}._flex_11dq8_129 ._number_11dq8_73{border-radius:var(--radius-full);background-color:var(--color-secondary-25);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);width:35px;height:35px;flex:1 0 35px;display:flex;align-items:center;justify-content:center;transition:color .3s ease-in-out,background-color .3s ease-in-out}._item_11dq8_154{scroll-margin-top:18rem;height:40vh;display:flex;align-items:center;gap:2rem}._item_11dq8_154 ._text_11dq8_28{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}._item_11dq8_154 ._title_11dq8_28{margin-block-end:0}._item_11dq8_154 ._image_11dq8_173{flex:1 0;display:flex;align-items:center;justify-content:center}._item_11dq8_154 ._image_11dq8_173 img{width:100%;max-width:600px;height:auto}@media (max-width: 767px){._item_11dq8_154{flex-direction:column-reverse;height:auto}._item_11dq8_154 ._image_11dq8_173{flex:1;width:100%;align-self:center}}._eyebrow_11dq8_199{font-weight:var(--font-weight-bold)}
|
package/dist/assets/index21.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1c1di_1{display:inline-flex;flex-direction:column;gap:var(--spacing-xs)}._wrapper_1c1di_7{display:flex;align-items:center;gap:var(--spacing-sm);position:relative}._sm_1c1di_15{font-size:var(--font-size-sm)}._sm_1c1di_15 ._checkbox_1c1di_19{width:16px;height:16px}._sm_1c1di_15 ._checkbox_1c1di_19:after{width:4px;height:8px;left:4px;top:0}._md_1c1di_31{font-size:var(--font-size-md)}._md_1c1di_31 ._checkbox_1c1di_19{width:20px;height:20px}._md_1c1di_31 ._checkbox_1c1di_19:after{width:5px;height:10px;left:5px;top:2px}._lg_1c1di_47{font-size:var(--font-size-lg)}._lg_1c1di_47 ._checkbox_1c1di_19{width:24px;height:24px}._lg_1c1di_47 ._checkbox_1c1di_19:after{width:6px;height:12px;left:7px;top:4px}._checkbox_1c1di_19{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-foreground);cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0;margin:2px 0 0}._checkbox_1c1di_19:hover:not(:disabled){border-color:var(--color-primary-100)}._checkbox_1c1di_19:focus-visible{outline:2px solid var(--color-primary-100);outline-offset:2px}._checkbox_1c1di_19:checked{background-color:var(--color-primary-100);border-color:var(--color-primary-100)}._checkbox_1c1di_19:checked:after{content:"";position:absolute;width:5px;height:10px;border:solid var(--color-primary-foreground);border-width:0 2px 2px 0;transform:rotate(45deg)}._checkbox_1c1di_19:disabled{background-color:var(--color-secondary-10);border-color:var(--color-secondary-25);cursor:not-allowed;opacity:.6}._checkbox_1c1di_19:disabled:checked{background-color:var(--color-secondary-50);border-color:var(--color-secondary-50)}._checkbox_1c1di_19._error_1c1di_117{border-color:var(--color-states-error-text)}._checkbox_1c1di_19._error_1c1di_117:checked{background-color:var(--color-states-error-text);border-color:var(--color-states-error-text)}._label_1c1di_127{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text-primary);line-height:var(--line-height-normal);font-family:var(--font-family-primary);margin:0}._label_1c1di_127._disabled_1c1di_136{color:var(--color-secondary-50);cursor:not-allowed}._required_1c1di_141{color:var(--color-states-error-text);margin-left:var(--spacing-xs)}._helperText_1c1di_147{font-size:var(--font-size-sm);color:var(--color-secondary-50);margin-left:calc(20px + var(--spacing-sm))}._errorText_1c1di_153{color:var(--color-states-error-text)}@media (max-width: 480px){._wrapper_1c1di_7{gap:var(--spacing-xs)}}
|
package/dist/assets/index22.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._text_1gbox_1{font-family:var(--font-family-primary, inherit);font-size:var(--font-size-md);line-height:var(--line-height-loose);color:var(--color-text-primary);margin:0}._text_1gbox_1 p{margin-bottom:var(--spacing-md)}._text_1gbox_1 p:last-child{margin-bottom:0}._text_1gbox_1 h1,._text_1gbox_1 h2,._text_1gbox_1 h3,._text_1gbox_1 h4,._text_1gbox_1 h5,._text_1gbox_1 h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-heading)}._text_1gbox_1 h1:first-child,._text_1gbox_1 h2:first-child,._text_1gbox_1 h3:first-child,._text_1gbox_1 h4:first-child,._text_1gbox_1 h5:first-child,._text_1gbox_1 h6:first-child{margin-top:0}._text_1gbox_1 h1{font-size:var(--font-size-h1)}._text_1gbox_1 h2{font-size:var(--font-size-h2)}._text_1gbox_1 h3{font-size:var(--font-size-h3)}._text_1gbox_1 h4{font-size:var(--font-size-h4)}._text_1gbox_1 h5{font-size:var(--font-size-h5)}._text_1gbox_1 h6{font-size:var(--font-size-h6)}._text_1gbox_1 ul,._text_1gbox_1 ol{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}._text_1gbox_1 ul:last-child,._text_1gbox_1 ol:last-child{margin-bottom:0}._text_1gbox_1 ul{list-style-type:disc}._text_1gbox_1 ol{list-style-type:decimal}._text_1gbox_1 li{margin-bottom:var(--spacing-xs)}._text_1gbox_1 li:last-child{margin-bottom:0}._text_1gbox_1 li>ul,._text_1gbox_1 li>ol{margin-top:var(--spacing-xs);margin-bottom:0}._text_1gbox_1 a{color:var(--color-link-base);text-decoration:underline;transition:color .2s ease}._text_1gbox_1 a:hover{color:var(--color-link-hover);text-decoration:none}._text_1gbox_1 a:focus-visible{outline:2px solid var(--color-primary-100);outline-offset:2px;border-radius:var(--radius-sm)}._text_1gbox_1 blockquote{border-left:4px solid var(--color-primary-100);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--color-secondary-50);font-style:italic}._text_1gbox_1 pre{background-color:var(--color-secondary-10);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);overflow-x:auto;margin:var(--spacing-md) 0}._text_1gbox_1 code{background-color:var(--color-secondary-10);padding:.125rem .25rem;border-radius:var(--radius-sm);font-family:monospace;font-size:.875em}._text_1gbox_1 pre code{background-color:transparent;padding:0}._text_1gbox_1 hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-lg) 0}._text_1gbox_1 strong{font-weight:var(--font-weight-bold)}._text_1gbox_1 em{font-style:italic}._default_1gbox_167{font-size:var(--font-size-md);font-weight:var(--font-weight-normal)}._muted_1gbox_172{color:var(--color-secondary-50)}._lead_1gbox_176{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}._large_1gbox_182{font-size:var(--font-size-xl);font-weight:var(--font-weight-normal)}._small_1gbox_187{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}
|
package/dist/assets/index23.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._heading_274hu_2{font-family:var(--font-family-primary, inherit);line-height:var(--line-height-tight, 1.1);color:var(--color-heading, var(--color-text));margin:0}._h1_274hu_10{font-size:var(--font-size-h1, 2.5rem);font-weight:var(--font-weight-bold, 700);letter-spacing:-.02em}._h2_274hu_16{font-size:var(--font-size-h2, 2rem);font-weight:var(--font-weight-bold, 700);letter-spacing:-.01em}._h3_274hu_22{font-size:var(--font-size-h3, 1.75rem);font-weight:var(--font-weight-semibold, 600)}._h4_274hu_27{font-size:var(--font-size-h4, 1.5rem);font-weight:var(--font-weight-semibold, 600)}._h5_274hu_32{font-size:var(--font-size-h5, 1.25rem);font-weight:var(--font-weight-medium, 500)}._h6_274hu_37{font-size:var(--font-size-h6, 1rem);font-weight:var(--font-weight-medium, 500);text-transform:uppercase;letter-spacing:.05em}._align-left_274hu_45{text-align:left}._align-center_274hu_49{text-align:center}._align-right_274hu_53{text-align:right}._transform-uppercase_274hu_58{text-transform:uppercase}._transform-lowercase_274hu_62{text-transform:lowercase}._transform-capitalize_274hu_66{text-transform:capitalize}._gradient_274hu_71{background:linear-gradient(135deg,var(--color-primary-100, #007bff) 0%,var(--color-primary-120, #0056b3) 50%,var(--color-secondary-100, #6c757d) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._truncate_274hu_84{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){._h1_274hu_10{font-size:var(--font-size-h2, 2rem)}._h2_274hu_16{font-size:var(--font-size-h3, 1.75rem)}._h3_274hu_22{font-size:var(--font-size-h4, 1.5rem)}._h4_274hu_27{font-size:var(--font-size-h5, 1.25rem)}}@media (max-width: 480px){._h1_274hu_10{font-size:var(--font-size-h3, 1.75rem)}._h2_274hu_16{font-size:var(--font-size-h4, 1.5rem)}._h3_274hu_22{font-size:var(--font-size-h5, 1.25rem)}}._heading_274hu_2[class*=bg-]{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border-radius:var(--radius-md, .5rem)}._heading_274hu_2:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:2px;border-radius:var(--radius-sm, .25rem)}._heading_274hu_2:focus{outline:none}
|
package/dist/assets/index26.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._buttonGroup_oexgs_1{display:flex;gap:var(--spacing-sm);align-items:center;width:fit-content}._horizontal_oexgs_9{flex-direction:row;flex-wrap:wrap}._vertical_oexgs_14{flex-direction:column;align-items:stretch}._left_oexgs_20{justify-content:flex-start}._center_oexgs_24{justify-content:center}._right_oexgs_28{justify-content:flex-end}._sm_oexgs_33{gap:var(--spacing-xs)}._md_oexgs_37{gap:var(--spacing-sm)}._lg_oexgs_41{gap:var(--spacing-md)}._fullWidth_oexgs_46{width:100%}._fullWidth_oexgs_46._horizontal_oexgs_9>*{flex:1}._fullWidth_oexgs_46._vertical_oexgs_14{align-items:stretch}@media (max-width: 480px){._buttonGroup_oexgs_1{width:100%}._horizontal_oexgs_9{flex-direction:column;align-items:stretch}}
|
package/dist/assets/index61.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._wrapper_176sy_1{display:flex;flex-direction:column;gap:var(--spacing-xs);position:relative}._label_176sy_9{color:var(--color-text-primary);font-size:var(--font-size-md);font-family:var(--font-family-primary);font-weight:500;margin:0}._labelDisabled_176sy_17{color:var(--color-secondary-50);cursor:not-allowed}._required_176sy_22{color:var(--color-states-error-text);margin-left:var(--spacing-xs)}._inputWrapper_176sy_28{position:relative;display:flex;align-items:center}._input_176sy_28{width:100%;padding:var(--spacing-sm) 3rem var(--spacing-sm) var(--spacing-sm);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);font-family:var(--font-family-primary);color:var(--color-text-primary);background-color:var(--color-foreground);cursor:pointer;transition:all .2s ease;outline:none}._input_176sy_28::placeholder{color:var(--color-secondary-50)}._input_176sy_28:hover:not(:disabled){border-color:var(--color-primary-100)}._input_176sy_28:focus{border-color:var(--color-primary-100);box-shadow:0 0 0 3px var(--color-primary-10)}._inputDisabled_176sy_62{background-color:var(--color-secondary-10);border-color:var(--color-secondary-25);cursor:not-allowed;color:var(--color-secondary-50)}._inputError_176sy_69{border-color:var(--color-error)}._inputError_176sy_69:focus{box-shadow:0 0 0 3px #ef44441a}._icons_176sy_78{position:absolute;right:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs);pointer-events:none}._calendarIcon_176sy_87{color:var(--color-secondary-50);transition:color .2s ease}._iconDisabled_176sy_92{opacity:.5}._input_176sy_28:hover:not(:disabled)~._icons_176sy_78 ._calendarIcon_176sy_87{color:var(--color-primary-100)}._clearButton_176sy_101{all:unset;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:var(--color-secondary-25);color:var(--color-text-primary);font-weight:700;line-height:1;cursor:pointer;pointer-events:auto;transition:all .2s ease}._clearButton_176sy_101:hover{background-color:var(--color-secondary-50);color:var(--color-primary-foreground)}._clearButton_176sy_101:focus-visible{outline:2px solid var(--color-primary-100);outline-offset:2px}._helperText_176sy_129{font-size:var(--font-size-sm);color:var(--color-secondary-50)}._helperTextError_176sy_134{color:var(--color-states-error-text)}._popover_176sy_139{position:absolute;top:calc(100% + var(--spacing-xs));left:0;z-index:1000;border-radius:var(--radius-lg);background-color:var(--color-foreground);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);animation:_slideDown_176sy_1 .2s ease}@keyframes _slideDown_176sy_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){._popover_176sy_139{left:50%;transform:translate(-50%)}}@media (max-width: 480px){._input_176sy_28{font-size:var(--font-size-sm);padding:var(--spacing-xs) 2.5rem var(--spacing-xs) var(--spacing-xs)}._calendarIcon_176sy_87{width:16px;height:16px}._clearButton_176sy_101{width:18px;height:18px;font-size:16px}}
|
package/dist/assets/index66.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._calendar_1eniq_1{padding:var(--spacing-md);border-radius:var(--radius-lg);background-color:var(--color-foreground);border:1px solid var(--color-border);min-width:280px;max-width:350px;font-family:var(--font-family-primary)}._header_1eniq_11{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}._navButton_1eniq_18{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background-color:transparent;color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:background-color .2s ease}._navButton_1eniq_18:hover:not(:disabled){background-color:var(--color-secondary-10)}._navButton_1eniq_18:disabled{opacity:.3;cursor:not-allowed}._navButton_1eniq_18:focus-visible{outline:2px solid var(--color-primary-100);outline-offset:2px}._monthName_1eniq_47{font-weight:var(--font-weight-bold);font-size:var(--font-size-md);color:var(--color-heading)}._daysRow_1eniq_53{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:var(--spacing-xs)}._dayName_1eniq_60{font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);color:var(--color-secondary-50);text-align:center;padding:var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:.05em}._cells_1eniq_70{display:flex;flex-direction:column;gap:2px}._week_1eniq_76{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}._cell_1eniq_70{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text-primary);border:none;cursor:pointer;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);transition:all .2s ease;padding:0}._cellContent_1eniq_99{display:flex;align-items:center;justify-content:center;width:100%;height:100%}._cell_1eniq_70:hover:not(:disabled):not(._selected_1eniq_107){background-color:var(--color-secondary-10)}._cell_1eniq_70:focus-visible{outline:2px solid var(--color-primary-100);outline-offset:-2px;z-index:1}._outside_1eniq_117{color:var(--color-secondary-25)}._outside_1eniq_117:hover:not(:disabled){color:var(--color-text-primary)}._today_1eniq_125{font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._today_1eniq_125:not(._selected_1eniq_107):after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background-color:var(--color-primary-100)}._selected_1eniq_107{background-color:var(--color-primary-100);color:var(--color-primary-foreground);font-weight:var(--font-weight-semibold)}._selected_1eniq_107:hover:not(:disabled){background-color:var(--color-button-primary-hover)}._disabled_1eniq_152{color:var(--color-secondary-25);cursor:not-allowed;text-decoration:line-through;opacity:.5}._disabled_1eniq_152:hover{background-color:transparent}._emptyCell_1eniq_163{aspect-ratio:1}@media (max-width: 480px){._calendar_1eniq_1{min-width:100%;max-width:100%}._cell_1eniq_70{font-size:var(--font-size-xs)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index26.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index26.css');const g=require("react/jsx-runtime"),u="_buttonGroup_oexgs_1",a="_horizontal_oexgs_9",m="_vertical_oexgs_14",h="_left_oexgs_20",d="_center_oexgs_24",f="_right_oexgs_28",x="_sm_oexgs_33",p="_md_oexgs_37",$="_lg_oexgs_41",v="_fullWidth_oexgs_46",t={buttonGroup:u,horizontal:a,vertical:m,left:h,center:d,right:f,sm:x,md:p,lg:$,fullWidth:v},b={left:t.left,center:t.center,right:t.right},z={sm:t.sm,md:t.md,lg:t.lg};function G({children:o,className:e,alignment:s="left",orientation:n="horizontal",size:l="md",role:r="group",fullWidth:i=!1,..._}){const c=n==="vertical"?t.vertical:t.horizontal;return g.jsx("div",{className:`${t.buttonGroup} ${c} ${b[s]} ${z[l]} ${i?t.fullWidth:""} ${e??""}`.trim(),role:r,..._,children:o})}exports.ButtonGroup=G;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import '../../../assets/index26.css';const
|
|
3
|
-
buttonGroup:
|
|
4
|
-
horizontal:
|
|
1
|
+
import { jsx as g } from "react/jsx-runtime";
|
|
2
|
+
import '../../../assets/index26.css';const a = "_buttonGroup_oexgs_1", u = "_horizontal_oexgs_9", m = "_vertical_oexgs_14", h = "_left_oexgs_20", f = "_center_oexgs_24", x = "_right_oexgs_28", d = "_sm_oexgs_33", p = "_md_oexgs_37", v = "_lg_oexgs_41", z = "_fullWidth_oexgs_46", t = {
|
|
3
|
+
buttonGroup: a,
|
|
4
|
+
horizontal: u,
|
|
5
5
|
vertical: m,
|
|
6
|
-
left:
|
|
7
|
-
center:
|
|
8
|
-
right:
|
|
6
|
+
left: h,
|
|
7
|
+
center: f,
|
|
8
|
+
right: x,
|
|
9
9
|
sm: d,
|
|
10
10
|
md: p,
|
|
11
11
|
lg: v,
|
|
@@ -19,27 +19,27 @@ import '../../../assets/index26.css';const f = "_buttonGroup_u3cfb_1", a = "_hor
|
|
|
19
19
|
md: t.md,
|
|
20
20
|
lg: t.lg
|
|
21
21
|
};
|
|
22
|
-
function
|
|
22
|
+
function W({
|
|
23
23
|
children: o,
|
|
24
|
-
className:
|
|
25
|
-
alignment:
|
|
26
|
-
orientation:
|
|
27
|
-
size:
|
|
28
|
-
role:
|
|
24
|
+
className: s,
|
|
25
|
+
alignment: e = "left",
|
|
26
|
+
orientation: l = "horizontal",
|
|
27
|
+
size: n = "md",
|
|
28
|
+
role: r = "group",
|
|
29
29
|
fullWidth: _ = !1,
|
|
30
|
-
...
|
|
30
|
+
...i
|
|
31
31
|
}) {
|
|
32
|
-
const
|
|
33
|
-
return /* @__PURE__ */
|
|
32
|
+
const c = l === "vertical" ? t.vertical : t.horizontal;
|
|
33
|
+
return /* @__PURE__ */ g(
|
|
34
34
|
"div",
|
|
35
35
|
{
|
|
36
|
-
className: `${t.buttonGroup} ${
|
|
37
|
-
role:
|
|
38
|
-
...
|
|
36
|
+
className: `${t.buttonGroup} ${c} ${$[e]} ${G[n]} ${_ ? t.fullWidth : ""} ${s ?? ""}`.trim(),
|
|
37
|
+
role: r,
|
|
38
|
+
...i,
|
|
39
39
|
children: o
|
|
40
40
|
}
|
|
41
41
|
);
|
|
42
42
|
}
|
|
43
43
|
export {
|
|
44
|
-
|
|
44
|
+
W as ButtonGroup
|
|
45
45
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const l=require("react/jsx-runtime"),e=require("../../../index-DITXfOUM.cjs"),s=require("../../../index-
|
|
1
|
+
"use strict";const l=require("react/jsx-runtime"),e=require("../../../index-DITXfOUM.cjs"),s=require("../../../index-DvtjEAHw.cjs");e.describe("Calendar",()=>{e.describe("Rendering",()=>{e.it("renders the current month and year",()=>{const t=new Date(2025,4,15);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{}})),e.globalExpect(e.screen.getByText("May 2025")).toBeInTheDocument()}),e.it("renders the day names (Sun to Sat)",()=>{const t=new Date;e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{}})),["Sun","Mon","Tue","Wed","Thu","Fri","Sat"].forEach(n=>{e.globalExpect(e.screen.getByText(n)).toBeInTheDocument()})}),e.it("renders all days for the visible calendar grid",()=>{const t=new Date(2025,4,1);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{}}));const n=e.screen.getAllByRole("button").filter(o=>/^\d+$/.test(o.textContent||""));e.globalExpect(n.length).toBeGreaterThanOrEqual(28)})}),e.describe("Date Selection",()=>{e.it("calls onSelectDate with the correct date when a day is clicked",()=>{const t=new Date(2025,4,1),a=e.vi.fn();e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:a}));const n=e.screen.getAllByRole("button").find(c=>c.textContent==="15");e.globalExpect(n).toBeTruthy(),n&&e.fireEvent.click(n),e.globalExpect(a).toHaveBeenCalledTimes(1);const o=a.mock.calls[0][0];e.globalExpect(s.format(o,"yyyy-MM-dd")).toBe("2025-05-15")}),e.it("highlights the selected date",()=>{const t=new Date(2025,4,15);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{}}));const a=e.screen.getAllByRole("button").find(n=>n.textContent==="15");e.globalExpect(a).toHaveClass("selected")})}),e.describe("Navigation",()=>{e.it("navigates to previous and next months",()=>{const t=new Date(2025,4,1);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{}}));const a=e.screen.getByLabelText("Previous month");e.fireEvent.click(a),e.globalExpect(e.screen.getByText("April 2025")).toBeInTheDocument();const n=e.screen.getByLabelText("Next month");e.fireEvent.click(n),e.fireEvent.click(n),e.globalExpect(e.screen.getByText("June 2025")).toBeInTheDocument()}),e.it("disables previous button when minDate is reached",()=>{const t=new Date(2025,4,15),a=new Date(2025,4,1);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{},minDate:a}));const n=e.screen.getByLabelText("Previous month");e.globalExpect(n).toBeDisabled()}),e.it("disables next button when maxDate is reached",()=>{const t=new Date(2025,4,15),a=new Date(2025,4,30);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{},maxDate:a}));const n=e.screen.getByLabelText("Next month");e.globalExpect(n).toBeDisabled()})}),e.describe("Date Restrictions",()=>{e.it("disables dates before minDate",()=>{const t=new Date(2025,4,15),a=new Date(2025,4,10);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{},minDate:a}));const n=e.screen.getAllByRole("button").find(o=>o.textContent==="5");e.globalExpect(n).toBeDisabled()}),e.it("disables dates after maxDate",()=>{const t=new Date(2025,4,15),a=new Date(2025,4,20);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{},maxDate:a}));const n=e.screen.getAllByRole("button").find(o=>o.textContent==="25");e.globalExpect(n).toBeDisabled()}),e.it("disables specific dates from disabledDates array",()=>{const t=new Date(2025,4,15),a=[new Date(2025,4,10),new Date(2025,4,20)];e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{},disabledDates:a}));const n=e.screen.getAllByRole("button").find(c=>c.textContent==="10"),o=e.screen.getAllByRole("button").find(c=>c.textContent==="20");e.globalExpect(n).toBeDisabled(),e.globalExpect(o).toBeDisabled()}),e.it("does not call onSelectDate for disabled dates",()=>{const t=new Date(2025,4,15),a=new Date(2025,4,10),n=e.vi.fn();e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:n,minDate:a}));const o=e.screen.getAllByRole("button").find(c=>c.textContent==="5");o&&e.fireEvent.click(o),e.globalExpect(n).not.toHaveBeenCalled()})}),e.describe("Outside Days",()=>{e.it("shows outside days by default",()=>{const t=new Date(2025,4,1);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{}}));const n=e.screen.getAllByRole("button").filter(o=>/^\d+$/.test(o.textContent||""));e.globalExpect(n.length).toBeGreaterThanOrEqual(35)}),e.it("hides outside days when showOutsideDays is false",()=>{const t=new Date(2025,4,1);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{},showOutsideDays:!1}));const n=e.screen.getAllByRole("button").filter(o=>/^\d+$/.test(o.textContent||""));e.globalExpect(n.length).toBe(31)})}),e.describe("Accessibility",()=>{e.it("has proper ARIA labels on date buttons",()=>{const t=new Date(2025,4,15);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{}}));const a=e.screen.getByLabelText("May 15, 2025");e.globalExpect(a).toBeInTheDocument()}),e.it("marks selected date with aria-pressed",()=>{const t=new Date(2025,4,15);e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{}}));const a=e.screen.getByLabelText("May 15, 2025");e.globalExpect(a).toHaveAttribute("aria-pressed","true")}),e.it("has role='application' on calendar container",()=>{const t=new Date(2025,4,15),{container:a}=e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{}})),n=a.querySelector('[role="application"]');e.globalExpect(n).toBeInTheDocument()})}),e.describe("Custom className",()=>{e.it("applies custom className",()=>{const t=new Date(2025,4,15),{container:a}=e.render(l.jsx(s.Calendar,{selectedDate:t,onSelectDate:()=>{},className:"custom-calendar"})),n=a.querySelector(".calendar");e.globalExpect(n).toHaveClass("custom-calendar")})})});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import { d as D, i as l, r as c, g as a, s as o, v as B, f as u } from "../../../index-BQV8LRFm.js";
|
|
3
|
-
import { f as b, C as d } from "../../../index-
|
|
3
|
+
import { f as b, C as d } from "../../../index-D38CuMjf.js";
|
|
4
4
|
D("Calendar", () => {
|
|
5
5
|
D("Rendering", () => {
|
|
6
6
|
l("renders the current month and year", () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../index-DvtjEAHw.cjs");require("../../../chevron-right-motlyADs.cjs");exports.Calendar=e.Calendar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index21.css');const r=require("react/jsx-runtime"),k=require("react"),f=require("../Label/index.cjs"),v="
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index21.css');const r=require("react/jsx-runtime"),k=require("react"),f=require("../Label/index.cjs"),v="_container_1c1di_1",T="_wrapper_1c1di_7",j="_sm_1c1di_15",y="_checkbox_1c1di_19",N="_md_1c1di_31",w="_lg_1c1di_47",C="_error_1c1di_117",q="_label_1c1di_127",S="_helperText_1c1di_147",L="_errorText_1c1di_153",e={container:v,wrapper:T,sm:j,checkbox:y,md:N,lg:w,error:C,label:q,helperText:S,errorText:L},l=k.forwardRef(({id:d,name:_,label:n,checked:m,defaultChecked:x,disabled:c=!1,required:i=!1,size:a="md",error:t=!1,helperText:o,className:h,style:b,onChange:p,...$},g)=>{const u={sm:e.sm,md:e.md,lg:e.lg}[a],s=d||`checkbox-${Math.random().toString(36).substr(2,9)}`;return r.jsxs("div",{className:`${e.container} ${h??""}`.trim(),style:b,children:[r.jsxs("div",{className:`${e.wrapper} ${u}`.trim(),children:[r.jsx("input",{ref:g,type:"checkbox",id:s,name:_,checked:m,defaultChecked:x,disabled:c,required:i,onChange:c?void 0:p,className:`${e.checkbox} ${t?e.error:""}`.trim(),"aria-invalid":t,"aria-describedby":o?`${s}-helper`:void 0,...$}),n&&r.jsx(f.Label,{htmlFor:s,size:a,intent:t?"error":c?"disabled":"default",required:i,disabled:c,className:e.label,children:n})]}),o&&r.jsx("div",{id:`${s}-helper`,className:`${e.helperText} ${t?e.errorText:""}`.trim(),children:o})]})});l.displayName="Checkbox";exports.Checkbox=l;
|
|
@@ -1,83 +1,83 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { Label as
|
|
4
|
-
import '../../../assets/index21.css';const
|
|
5
|
-
container:
|
|
6
|
-
wrapper:
|
|
7
|
-
sm:
|
|
8
|
-
checkbox:
|
|
9
|
-
md:
|
|
10
|
-
lg:
|
|
1
|
+
import { jsxs as l, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as k } from "react";
|
|
3
|
+
import { Label as v } from "../Label/index.mjs";
|
|
4
|
+
import '../../../assets/index21.css';const N = "_container_1c1di_1", T = "_wrapper_1c1di_7", w = "_sm_1c1di_15", y = "_checkbox_1c1di_19", C = "_md_1c1di_31", u = "_lg_1c1di_47", j = "_error_1c1di_117", F = "_label_1c1di_127", I = "_helperText_1c1di_147", L = "_errorText_1c1di_153", e = {
|
|
5
|
+
container: N,
|
|
6
|
+
wrapper: T,
|
|
7
|
+
sm: w,
|
|
8
|
+
checkbox: y,
|
|
9
|
+
md: C,
|
|
10
|
+
lg: u,
|
|
11
11
|
error: j,
|
|
12
12
|
label: F,
|
|
13
13
|
helperText: I,
|
|
14
14
|
errorText: L
|
|
15
|
-
}, M =
|
|
15
|
+
}, M = k(
|
|
16
16
|
({
|
|
17
|
-
id:
|
|
18
|
-
name:
|
|
19
|
-
label:
|
|
20
|
-
checked:
|
|
21
|
-
defaultChecked:
|
|
22
|
-
disabled:
|
|
23
|
-
required:
|
|
24
|
-
size:
|
|
25
|
-
error:
|
|
26
|
-
helperText:
|
|
27
|
-
className:
|
|
28
|
-
style:
|
|
17
|
+
id: d,
|
|
18
|
+
name: _,
|
|
19
|
+
label: i,
|
|
20
|
+
checked: m,
|
|
21
|
+
defaultChecked: h,
|
|
22
|
+
disabled: r = !1,
|
|
23
|
+
required: a = !1,
|
|
24
|
+
size: n = "md",
|
|
25
|
+
error: c = !1,
|
|
26
|
+
helperText: t,
|
|
27
|
+
className: p,
|
|
28
|
+
style: x,
|
|
29
29
|
onChange: b,
|
|
30
|
-
|
|
31
|
-
},
|
|
32
|
-
const
|
|
33
|
-
sm:
|
|
34
|
-
md:
|
|
35
|
-
lg:
|
|
36
|
-
}[
|
|
37
|
-
return /* @__PURE__ */
|
|
30
|
+
...$
|
|
31
|
+
}, f) => {
|
|
32
|
+
const g = {
|
|
33
|
+
sm: e.sm,
|
|
34
|
+
md: e.md,
|
|
35
|
+
lg: e.lg
|
|
36
|
+
}[n], o = d || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
|
|
37
|
+
return /* @__PURE__ */ l(
|
|
38
38
|
"div",
|
|
39
39
|
{
|
|
40
|
-
className: `${
|
|
41
|
-
style:
|
|
40
|
+
className: `${e.container} ${p ?? ""}`.trim(),
|
|
41
|
+
style: x,
|
|
42
42
|
children: [
|
|
43
|
-
/* @__PURE__ */
|
|
43
|
+
/* @__PURE__ */ l("div", { className: `${e.wrapper} ${g}`.trim(), children: [
|
|
44
44
|
/* @__PURE__ */ s(
|
|
45
45
|
"input",
|
|
46
46
|
{
|
|
47
|
-
ref:
|
|
47
|
+
ref: f,
|
|
48
48
|
type: "checkbox",
|
|
49
|
-
id:
|
|
50
|
-
name:
|
|
51
|
-
checked:
|
|
52
|
-
defaultChecked:
|
|
53
|
-
disabled:
|
|
54
|
-
required:
|
|
55
|
-
onChange:
|
|
56
|
-
className: `${
|
|
57
|
-
"aria-invalid":
|
|
58
|
-
"aria-describedby":
|
|
59
|
-
|
|
49
|
+
id: o,
|
|
50
|
+
name: _,
|
|
51
|
+
checked: m,
|
|
52
|
+
defaultChecked: h,
|
|
53
|
+
disabled: r,
|
|
54
|
+
required: a,
|
|
55
|
+
onChange: r ? void 0 : b,
|
|
56
|
+
className: `${e.checkbox} ${c ? e.error : ""}`.trim(),
|
|
57
|
+
"aria-invalid": c,
|
|
58
|
+
"aria-describedby": t ? `${o}-helper` : void 0,
|
|
59
|
+
...$
|
|
60
60
|
}
|
|
61
61
|
),
|
|
62
|
-
|
|
63
|
-
|
|
62
|
+
i && /* @__PURE__ */ s(
|
|
63
|
+
v,
|
|
64
64
|
{
|
|
65
|
-
htmlFor:
|
|
66
|
-
size:
|
|
67
|
-
intent:
|
|
68
|
-
required:
|
|
69
|
-
disabled:
|
|
70
|
-
className:
|
|
71
|
-
children:
|
|
65
|
+
htmlFor: o,
|
|
66
|
+
size: n,
|
|
67
|
+
intent: c ? "error" : r ? "disabled" : "default",
|
|
68
|
+
required: a,
|
|
69
|
+
disabled: r,
|
|
70
|
+
className: e.label,
|
|
71
|
+
children: i
|
|
72
72
|
}
|
|
73
73
|
)
|
|
74
74
|
] }),
|
|
75
|
-
|
|
75
|
+
t && /* @__PURE__ */ s(
|
|
76
76
|
"div",
|
|
77
77
|
{
|
|
78
|
-
id: `${
|
|
79
|
-
className: `${
|
|
80
|
-
children:
|
|
78
|
+
id: `${o}-helper`,
|
|
79
|
+
className: `${e.helperText} ${c ? e.errorText : ""}`.trim(),
|
|
80
|
+
children: t
|
|
81
81
|
}
|
|
82
82
|
)
|
|
83
83
|
]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const a=require("react/jsx-runtime"),e=require("../../../index-DITXfOUM.cjs"),n=require("./index.cjs"),l=require("../../../index-
|
|
1
|
+
"use strict";const a=require("react/jsx-runtime"),e=require("../../../index-DITXfOUM.cjs"),n=require("./index.cjs"),l=require("../../../index-DvtjEAHw.cjs");e.vi.mock("../Calendar",()=>({Calendar:({onSelectDate:t})=>a.jsx("button",{onClick:()=>t(new Date("2025-05-02")),"data-testid":"mock-calendar",children:"Select Date"})}));e.describe("DatePicker",()=>{e.it("renders label and input",()=>{e.render(a.jsx(n.DatePicker,{id:"date",name:"date",label:"Pick a date"})),e.globalExpect(e.screen.getByText("Pick a date")).toBeInTheDocument()}),e.it("opens a calendar on input click",()=>{e.render(a.jsx(n.DatePicker,{id:"date",name:"date",label:"Pick a date"}));const t=e.screen.getByPlaceholderText("Select date");e.fireEvent.click(t),e.globalExpect(e.screen.getByTestId("mock-calendar")).toBeInTheDocument()}),e.it("calls onValueChange and updates the value",()=>{const t=e.vi.fn();e.render(a.jsx(n.DatePicker,{id:"date",name:"date",label:"Pick a date",onValueChange:t}));const c=e.screen.getByPlaceholderText("Select date");e.fireEvent.click(c);const r=e.screen.getByTestId("mock-calendar");e.fireEvent.click(r);const d=l.format(new Date("2025-05-02"),"yyyy-MM-dd");e.globalExpect(t).toHaveBeenCalledWith(new Date("2025-05-02")),e.globalExpect(c).toHaveValue(d)})});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import { v as r, d as k, i as c, r as d, g as t, s as a, f as l } from "../../../index-BQV8LRFm.js";
|
|
3
3
|
import { DatePicker as o } from "./index.mjs";
|
|
4
|
-
import { f as u } from "../../../index-
|
|
4
|
+
import { f as u } from "../../../index-D38CuMjf.js";
|
|
5
5
|
r.mock("../Calendar", () => ({
|
|
6
6
|
Calendar: ({ onSelectDate: e }) => /* @__PURE__ */ n(
|
|
7
7
|
"button",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index61.css');const r=require("react/jsx-runtime"),o=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index61.css');const r=require("react/jsx-runtime"),o=require("react"),E=require("../../../index-DvtjEAHw.cjs"),O=require("../Label/index.cjs"),B=require("../../../x-Dft9NVe_.cjs"),P=require("../../../createLucideIcon-DpotSgUx.cjs");/**
|
|
2
2
|
* @license lucide-react v0.488.0 - ISC
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the ISC license.
|
|
5
5
|
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const W=[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]],z=P.createLucideIcon("calendar",W),R="
|
|
6
|
+
*/const W=[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]],z=P.createLucideIcon("calendar",W),R="_wrapper_176sy_1",F="_inputWrapper_176sy_28",X="_input_176sy_28",A="_inputDisabled_176sy_62",G="_inputError_176sy_69",H="_icons_176sy_78",J="_calendarIcon_176sy_87",K="_iconDisabled_176sy_92",Q="_clearButton_176sy_101",U="_helperText_176sy_129",Y="_helperTextError_176sy_134",Z="_popover_176sy_139",e={wrapper:R,inputWrapper:F,input:X,inputDisabled:A,inputError:G,icons:H,calendarIcon:J,iconDisabled:K,clearButton:Q,helperText:U,helperTextError:Y,popover:Z};function V({id:k,name:D,label:x,value:a,defaultValue:$,placeholder:b="Select date",required:v=!1,disabled:s=!1,error:l=!1,helperText:_,minDate:h,maxDate:j,disabledDates:w,formatStr:I="yyyy-MM-dd",className:N,onChange:c,onValueChange:n,...S}){const[p,y]=o.useState($||a||null),[i,d]=o.useState(!1),m=o.useRef(null),u=k||`datepicker-${Math.random().toString(36).substr(2,9)}`;o.useEffect(()=>{a!==void 0&&y(a)},[a]),o.useEffect(()=>{const t=f=>{m.current&&!m.current.contains(f.target)&&d(!1)};return i&&document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t)}},[i]),o.useEffect(()=>{const t=f=>{f.key==="Escape"&&i&&d(!1)};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[i]);const L=t=>{y(t),d(!1),c==null||c(t),n==null||n(t)},T=t=>{t.stopPropagation(),y(null),c==null||c(null),n==null||n(null)},M=()=>{s||d(!i)},q=p?E.format(p,I):"";return r.jsxs("div",{ref:m,className:`${e.wrapper} ${N??""}`.trim(),children:[x&&r.jsx(O.Label,{htmlFor:u,intent:l?"error":s?"disabled":"default",required:v,disabled:s,size:"md",children:x}),r.jsxs("div",{className:e.inputWrapper,children:[r.jsx("input",{id:u,name:D,type:"text",readOnly:!0,value:q,onClick:M,placeholder:b,required:v,disabled:s,className:`${e.input} ${l?e.inputError:""} ${s?e.inputDisabled:""}`.trim(),"aria-invalid":l,"aria-describedby":_?`${u}-helper`:void 0,...S}),r.jsxs("div",{className:e.icons,children:[p&&!s&&r.jsx("button",{type:"button",onClick:T,className:e.clearButton,"aria-label":"Clear date",tabIndex:-1,children:r.jsx(B.X,{size:14})}),r.jsx(z,{size:18,className:`${e.calendarIcon} ${s?e.iconDisabled:""}`.trim()})]})]}),_&&r.jsx("div",{id:`${u}-helper`,className:`${e.helperText} ${l?e.helperTextError:""}`.trim(),children:_}),i&&r.jsx("div",{className:e.popover,children:r.jsx(E.Calendar,{selectedDate:p,onSelectDate:L,minDate:h,maxDate:j,disabledDates:w})})]})}exports.DatePicker=V;
|