@solibo/solibo-ui 1.0.24 → 1.0.26
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/index10.css +1 -1
- package/dist/assets/index2.css +1 -1
- package/dist/assets/index21.css +1 -1
- package/dist/assets/index37.css +1 -1
- package/dist/assets/index47.css +1 -1
- package/dist/components/dropdown/index.cjs +1 -1
- package/dist/components/dropdown/index.js +72 -72
- package/dist/components/form/index.cjs +1 -1
- package/dist/components/form/index.js +4 -4
- package/dist/components/list/index.cjs +1 -1
- package/dist/components/list/index.js +19 -19
- package/dist/components/portal/index.cjs +1 -1
- package/dist/components/portal/index.js +11 -11
- package/dist/components/widget/index.cjs +1 -1
- package/dist/components/widget/index.js +6 -6
- package/dist/tokens.json +1 -1
- package/package.json +1 -1
package/dist/assets/index10.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--pseudo-selected-width: 3px}@keyframes
|
|
1
|
+
:root{--pseudo-selected-width: 3px}@keyframes _reveal_1co65_1{0%{opacity:0}to{opacity:1}}@property --portal-left{inherits: true; initial-value: white; syntax: "<color>";}@property --portal-middle{inherits: true; initial-value: white; syntax: "<color>";}@property --portal-right{inherits: true; initial-value: white; syntax: "<color>";}@property --gradient-angle{inherits: true; initial-value: 180deg; syntax: "<angle>";}._portal_1co65_41{align-self:start;animation:_reveal_1co65_1 var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);background:linear-gradient(var(--gradient-angle),var(--portal-left) 7%,var(--portal-middle) 28%,var(--portal-middle) 68.5%,var(--portal-right) 90%);border-radius:var(--shape-border-radius-radius-md);color:var(--colors-neutral-0);display:flex;flex-direction:column;height:calc(100vh - var(--utils-tokens-unit));margin:var(--shape-spacing-xs);padding:var(--shape-spacing-lg) var(--shape-spacing-xs) var(--shape-spacing-xs) var(--shape-spacing-xs);top:var(--shape-spacing-xs);transition:background var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),border-radius var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),height var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),margin var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function),--portal-left calc(var(--utils-tokens-transition-duration) * 2) var(--utils-tokens-transition-timing-function),--portal-middle calc(var(--utils-tokens-transition-duration) * 2) var(--utils-tokens-transition-timing-function),--portal-right calc(var(--utils-tokens-transition-duration) * 2) var(--utils-tokens-transition-timing-function);width:calc(var(--utils-tokens-unit) * 14);z-index:5}._portal_1co65_41:has(nav [data-portal=blue][data-active]),._portal_1co65_41:has(nav [data-portal=blue][aria-current=page]){--portal-left: #073345;--portal-middle: #015e78;--portal-right: #073345}._portal_1co65_41:has(nav [data-portal=green][data-active]),._portal_1co65_41:has(nav [data-portal=green][aria-current=page]){--portal-left: #022c22;--portal-middle: #166045;--portal-right: #022c22}._portal_1co65_41:has(nav [data-portal=red][data-active]),._portal_1co65_41:has(nav [data-portal=red][aria-current=page]){--portal-left: #431407;--portal-middle: #7c2d12;--portal-right: #431407}._portal_1co65_41 figure{align-self:center;display:flex;margin-bottom:calc(var(--utils-tokens-unit) - 4px)}._portal_1co65_41 figure figcaption{display:none}._portal_1co65_41 footer{border-top:solid var(--scale-1) var(--colors-translucent);padding-top:var(--shape-spacing-xs);width:calc(100% - var(--utils-tokens-unit))}._portal_1co65_41 nav{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}._portal_1co65_41 nav a,._portal_1co65_41 nav summary{color:var(--colors-semantic-bg-surface);font-weight:var(--font-font-weight-regular);overflow:hidden;padding:var(--shape-spacing-xs);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}._portal_1co65_41 nav a [data-component=icon],._portal_1co65_41 nav summary [data-component=icon]{background-color:var(--colors-semantic-bg-surface);margin-bottom:var(--scale-4);margin-right:var(--scale-8)}._portal_1co65_41 nav a[aria-current=page],._portal_1co65_41 nav summary[aria-current=page]{font-weight:var(--font-font-weight-bold)}._portal_1co65_41 nav details>summary{white-space:nowrap}._portal_1co65_41 nav details>summary [data-content=collapsible-summary]{overflow:hidden;text-overflow:ellipsis}._portal_1co65_41 nav details>summary [data-content=collapsible-indicator] [data-component=icon]{height:calc(var(--utils-tokens-unit) * 1.5);margin-bottom:0;margin-right:0;width:calc(var(--utils-tokens-unit) * 1.5)}._portal_1co65_41 nav details a{border-bottom-right-radius:var(--shape-border-radius-radius-sm);border-top-right-radius:var(--shape-border-radius-radius-sm);margin-left:calc(var(--utils-tokens-unit) + var(--scale-4));padding-left:var(--utils-tokens-unit);position:relative;width:calc(100% - var(--utils-tokens-unit) - var(--scale-8))}._portal_1co65_41 nav details a:before{background-color:var(--colors-neutral-0);content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;transition:width var(--utils-tokens-transition-duration);width:var(--scale-1)}._portal_1co65_41 nav details a[aria-current=page]:before{left:-1px;width:var(--pseudo-selected-width)}._portal_1co65_41 nav details a[aria-current=page]{background-color:#00000017}._portal_1co65_41 nav details a:hover:not([aria-current=page]){background-color:#ffffff54}._portal_1co65_41 nav details a:last-child:not([aria-current=page]){margin-bottom:var(--utils-tokens-unit)}._portal_1co65_41 nav[data-orientation=horizontal]{align-items:center;border-bottom:solid var(--scale-1) var(--colors-semantic-border-strong);display:flex;flex:0 0 auto;flex-direction:row;gap:var(--shape-spacing-lg);justify-content:center;justify-self:center;margin-bottom:var(--utils-tokens-unit);width:100%}._portal_1co65_41 nav[data-orientation=horizontal] a{border-bottom:solid var(--scale-2) transparent;font-size:var(--typography-font-sizes-caption);padding:var(--scale-8) 0;transition:all}._portal_1co65_41 nav[data-orientation=horizontal] a[data-active]{border-bottom:solid var(--scale-2) var(--colors-semantic-bg-surface);font-weight:var(--font-font-weight-bold)}._portal_1co65_41 nav[data-orientation=horizontal] a:hover:not([data-active]){color:var(--colors-semantic-bg-surface);text-decoration:none}._portal_1co65_41 nav [data-component=group]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}@supports (-moz-appearance: none){._portal_1co65_41 nav [data-component=group]{scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}}@supports selector(::-webkit-scrollbar){._portal_1co65_41 nav [data-component=group]::-webkit-scrollbar{height:var(--scale-2);width:var(--scale-2)}._portal_1co65_41 nav [data-component=group]::-webkit-scrollbar-track{background-color:transparent}._portal_1co65_41 nav [data-component=group]::-webkit-scrollbar-thumb{background-color:var(--colors-semantic-border-default);border-radius:var(--scale-4)}}._portal_1co65_41 select{background-color:var(--colors-translucent);border:none;box-shadow:none;filter:invert(1);margin-bottom:var(--utils-tokens-unit);padding-bottom:var(--scale-8);padding-top:var(--scale-8);width:100%}._portal_1co65_41 select:active,._portal_1co65_41 select:focus{outline:none}._portal_1co65_41 ._content_1co65_254{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}._portal_1co65_41 ._toggle_1co65_261{display:none}@media (width <= 1024px){._portal_1co65_41{--gradient-angle: 90deg;border-radius:0;height:calc(var(--utils-tokens-unit) * 4);margin:0;padding-top:var(--shape-spacing-sm);position:fixed;top:0;transition:height var(--utils-tokens-transition-duration),width var(--utils-tokens-transition-duration),--gradient-angle var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100vw}._portal_1co65_41 ._content_1co65_254{max-height:0;opacity:0;overflow:hidden;transition:opacity var(--utils-tokens-transition-duration),visibility 0s var(--utils-tokens-transition-duration);visibility:hidden}._portal_1co65_41 ._toggle_1co65_261{align-self:end;background-color:#ffffff1a;display:block;padding:var(--shape-spacing-xs);width:-webkit-min-content;width:-moz-min-content;width:min-content}._portal_1co65_41 ._toggle_1co65_261 [data-component=icon]{background-color:var(--colors-semantic-bg-surface);opacity:1;transform:rotateY(0);transition:transform var(--utils-tokens-transition-duration)}._portal_1co65_41 [data-component=branding]{left:50%;position:absolute;top:var(--shape-spacing-xs);transform:translate(-50%)}._portal_1co65_41._open_1co65_314{--gradient-angle: 180deg;height:100vh;width:calc(var(--utils-tokens-unit) * 30)}._portal_1co65_41._open_1co65_314 ._content_1co65_254{margin-top:var(--utils-tokens-unit);max-height:calc(100vh - var(--utils-tokens-unit) * 4);opacity:1;overflow:auto;transition:opacity 1s,visibility 0s;visibility:visible}._portal_1co65_41._open_1co65_314 ._toggle_1co65_261>[data-component=icon]{transform:rotateY(180deg)}}@media (width <= 768px){._portal_1co65_41._open_1co65_314{width:100vw}}@media (width <= 1024px){._menu_1co65_347{padding:0}._menu_1co65_347>summary{left:var(--utils-tokens-unit);top:var(--utils-tokens-unit)}}
|
package/dist/assets/index2.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._widget_tzwji_1 ol,._widget_tzwji_1 ul{max-height:80vh;overflow-y:auto;padding:0 var(--scale-8);scrollbar-track-color:rgba(0 0 0 / 0%);scrollbar-width:thin}._widget_tzwji_1 [data-component=card]{cursor:default}._widget_tzwji_1 [data-content=google-maps]{border-radius:var(--shape-border-radius-radius-md);height:calc(var(--utils-tokens-unit) * 20);margin:var(--utils-tokens-negative-unit);overflow:hidden;width:calc(100% + (var(--utils-tokens-unit) * 2))}
|
package/dist/assets/index21.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._form_13ccq_1{cursor:default;display:flex;flex-direction:column;gap:var(--utils-tokens-unit)}._form_13ccq_1 button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._form_13ccq_1 input,._form_13ccq_1 select{max-width:100%;width:100%}._form_13ccq_1 label{max-width:100%}._form_13ccq_1 label>span{margin-bottom:var(--scale-8)}._form_13ccq_1>section{margin:var(--utils-tokens-unit) 0}._inline_13ccq_30 input,._inline_13ccq_30 textarea{border:none;border-radius:inherit;box-shadow:none;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;outline:0;padding:0}._fill_13ccq_45{gap:0;height:100%;min-height:0}
|
package/dist/assets/index37.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._combobox_vg3rv_3{align-items:center;display:flex;flex-wrap:wrap;gap:var(--shape-spacing-2xs);min-height:calc(var(--scale-32) + var(--scale-8));padding:var(--shape-spacing-2xs) 0}._combobox-input_vg3rv_12{background-color:transparent;border:0;box-shadow:none;color:var(--colors-semantic-content-primary);flex:1 1 calc(10 * var(--utils-tokens-unit));font:inherit;min-width:calc(10 * var(--utils-tokens-unit));padding:var(--utils-tokens-unit)}._combobox-input_vg3rv_12::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._combobox-input_vg3rv_12::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_vg3rv_27{min-width:0;position:relative;width:100%}._dropdown_vg3rv_27 ._empty_vg3rv_32,._dropdown_vg3rv_27 ._group_vg3rv_33,._dropdown_vg3rv_27 ._placeholder_vg3rv_34{color:var(--colors-semantic-content-secondary)}._dropdown_vg3rv_27 ._empty_vg3rv_32{padding:var(--scale-4) var(--scale-8)}._dropdown_vg3rv_27 ._filter_vg3rv_42{font-size:var(--typography-font-sizes-label-sm);margin:var(--scale-4);margin-bottom:var(--utils-tokens-unit);width:calc(100% - var(--shape-spacing-xs))}._dropdown_vg3rv_27 ._group_vg3rv_33{flex-shrink:0}._dropdown_vg3rv_27 ._native_vg3rv_53{height:var(--scale-1);left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:var(--scale-1)}._dropdown_vg3rv_27 ._option_vg3rv_63{align-items:center;background-color:transparent;border:0;border-radius:var(--shape-border-radius-radius-md);color:inherit;display:flex;font-weight:var(--font-font-weight-regular);gap:var(--scale-8);justify-content:space-between;overflow:hidden;padding:var(--scale-4);text-align:left;white-space:nowrap;width:100%}._dropdown_vg3rv_27 ._option_vg3rv_63:disabled{color:var(--colors-neutral-300);cursor:not-allowed}._dropdown_vg3rv_27 ._options_vg3rv_85{margin:0;max-height:calc(var(--scale-32) * 8);overflow-y:auto;padding-right:var(--scale-4);scrollbar-color:var(--colors-semantic-border-default) transparent;scrollbar-width:thin}._dropdown_vg3rv_27 ._options_vg3rv_85::-webkit-scrollbar{width:var(--scale-8)}._dropdown_vg3rv_27 ._options_vg3rv_85::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--colors-semantic-bg-surface);border:var(--scale-2) solid transparent;border-radius:var(--shape-border-radius-radius-md)}._dropdown_vg3rv_27 ._options_vg3rv_85::-webkit-scrollbar-track{background:transparent}._dropdown_vg3rv_27 ._panel_vg3rv_109{background-color:var(--colors-semantic-bg-surface);border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);box-shadow:var(--shape-box-shadow-sm-position-x) var(--shape-box-shadow-sm-position-y) var(--shape-box-shadow-sm-blur) var(--shape-box-shadow-sm-spread) var(--shape-box-shadow-sm-color);display:grid;left:0;margin-top:var(--shape-spacing-2xs);max-height:80vh;max-width:min(95vw,var(--shape-width-max));min-width:100%;overflow:hidden;padding:var(--scale-4);position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:var(--utils-tokens-z-max)}._dropdown_vg3rv_27 ._placeholder_vg3rv_34{color:var(--colors-semantic-content-primary);font-weight:var(--font-font-weight-regular)}._dropdown_vg3rv_27 ._selected_vg3rv_134{font-weight:var(--font-font-weight-semibold)}._dropdown_vg3rv_27 ._text_vg3rv_138{flex:1 1 auto;font-size:var(--typography-font-sizes-label-sm);line-height:var(--typography-font-sizes-label-lg);min-width:0;white-space:pre-wrap}._dropdown_vg3rv_27 ._trigger_vg3rv_146{border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);box-shadow:var(--shape-box-shadow-xs-position-x) var(--shape-box-shadow-xs-position-y) var(--shape-box-shadow-xs-blur) var(--shape-box-shadow-xs-spread) var(--shape-box-shadow-xs-color);color:var(--colors-semantic-content-primary);font-size:var(--typography-font-sizes-body-md);padding:var(--utils-tokens-unit);transition:border var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);align-items:center;background-color:var(--colors-semantic-bg-surface);display:flex;font-weight:var(--font-font-weight-regular);max-width:100%;min-height:calc(var(--scale-32) + var(--scale-8));overflow:hidden;padding-right:var(--scale-32);padding-top:calc(var(--utils-tokens-unit) - var(--scale-1));position:relative;text-align:left;width:100%}._dropdown_vg3rv_27 ._trigger_vg3rv_146::-moz-placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_vg3rv_27 ._trigger_vg3rv_146::placeholder{color:var(--colors-semantic-content-tertiary)}._dropdown_vg3rv_27 ._trigger_vg3rv_146:disabled{background-color:var(--colors-semantic-interactive-disabled);color:var(--colors-semantic-content-primary);pointer-events:none}._dropdown_vg3rv_27 ._trigger_vg3rv_146:after{background-image:var(--icon-svg);background-position:center;background-repeat:no-repeat;background-size:contain;content:"";height:var(--utils-tokens-icon-medium);position:absolute;right:var(--scale-8);top:50%;transform:translateY(-50%);transition:transform var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:var(--utils-tokens-icon-medium)}._dropdown_vg3rv_27 ._trigger_vg3rv_146[data-open=true]:after{transform:translateY(-50%) rotate(180deg)}._dropdown_vg3rv_27._minimal_vg3rv_183{--dropdown-background: rgb(0 0 0 / 85%);--dropdown-muted: rgb(255 255 255 / 65%);--dropdown-placeholder: rgb(255 255 255 / 65%)}._dropdown_vg3rv_27._minimal_vg3rv_183 ._empty_vg3rv_32,._dropdown_vg3rv_27._minimal_vg3rv_183 ._group_vg3rv_33{color:var(--dropdown-muted)}._dropdown_vg3rv_27._minimal_vg3rv_183 ._filter_vg3rv_42{border:0;box-shadow:none;padding:var(--scale-4);padding-left:calc(var(--scale-32) - var(--scale-4))}._dropdown_vg3rv_27._minimal_vg3rv_183 ._option_vg3rv_63{color:var(--colors-semantic-bg-surface)}._dropdown_vg3rv_27._minimal_vg3rv_183 ._option_vg3rv_63:disabled{color:#ffffff73}._dropdown_vg3rv_27._minimal_vg3rv_183 ._panel_vg3rv_109{background-color:var(--dropdown-background);border:none;color:var(--colors-semantic-bg-surface);margin-top:calc(var(--scale-12) * -1)}._dropdown_vg3rv_27._minimal_vg3rv_183 ._panel_vg3rv_109 input{background-color:transparent;border-color:var(--colors-neutral-300);color:var(--colors-semantic-bg-surface)}._dropdown_vg3rv_27._minimal_vg3rv_183 ._panel_vg3rv_109 input::-moz-placeholder{color:var(--dropdown-muted)}._dropdown_vg3rv_27._minimal_vg3rv_183 ._panel_vg3rv_109 input::placeholder{color:var(--dropdown-muted)}._dropdown_vg3rv_27._minimal_vg3rv_183 ._placeholder_vg3rv_34{color:var(--dropdown-placeholder)}._dropdown_vg3rv_27._minimal_vg3rv_183 ._trigger_vg3rv_146{background-color:var(--dropdown-background);border:none;color:var(--colors-semantic-bg-surface);margin-bottom:var(--utils-tokens-unit);padding:0 var(--shape-spacing-xs)}._dropdown_vg3rv_27._inline_vg3rv_238{flex:1 1 auto;min-width:0}._dropdown_vg3rv_27._inline_vg3rv_238 ._combobox_vg3rv_3{border:0;border-radius:0;box-shadow:none;outline:0;min-height:calc(var(--scale-32) + var(--scale-8));padding:0}._dropdown_vg3rv_27._inline_vg3rv_238 ._combobox-input_vg3rv_12{border:0;border-radius:0;box-shadow:none;outline:0;padding:var(--shape-spacing-xs) 0}._dropdown_vg3rv_27._inline_vg3rv_238 ._text_vg3rv_138{font-size:var(--typography-font-sizes-body-md)}._dropdown_vg3rv_27._inline_vg3rv_238 ._trigger_vg3rv_146{border:0;border-radius:0;box-shadow:none;outline:0;min-height:calc(var(--scale-32) + var(--scale-8));padding-bottom:var(--shape-spacing-xs);padding-left:0;padding-top:var(--shape-spacing-xs)}._label_vg3rv_270{display:grid;gap:var(--scale-8);width:100%}._inline-field_vg3rv_276{align-items:center;border-bottom:var(--scale-1) solid var(--colors-semantic-border-default);display:flex;gap:var(--shape-spacing-sm);min-height:calc(var(--scale-32) + var(--scale-8));transition:border-color var(--utils-tokens-transition-duration) var(--utils-tokens-transition-timing-function);width:100%}._inline-field_vg3rv_276:focus-within{border-bottom-color:var(--colors-semantic-primary-primary)}._inline-field_vg3rv_276>span{color:var(--colors-semantic-content-tertiary);flex:none;margin-bottom:0!important}
|
package/dist/assets/index47.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._controls_17ti2_1{margin-top:var(--shape-spacing-xs);padding-left:var(--shape-spacing-md)}._horizontal_17ti2_6{display:block}._horizontal_17ti2_6 li{display:inline-block;margin-right:var(--utils-tokens-unit);max-width:100%;min-width:0}._list_17ti2_17{display:block;list-style-type:none;min-width:0;padding-left:0}._list_17ti2_17 li{-moz-column-break-inside:avoid;break-inside:avoid;list-style:none;margin-bottom:var(--utils-tokens-unit);max-width:100%;min-width:0;padding-left:0}._list_17ti2_17 li>li,._list_17ti2_17 li>details li{margin-left:var(--utils-tokens-unit)}._list_17ti2_17 li>section{border-bottom:var(--scale-1) solid var(--colors-semantic-border-default)}._list_17ti2_17 li>section:first-child{border-top:var(--scale-1) solid var(--colors-semantic-border-default)}._list_17ti2_17 li>section:last-of-type{border-bottom:none}._list_17ti2_17 li:has([data-span=all]){grid-column:1 / -1}._list_17ti2_17 li:last-child{margin-bottom:0}._list_17ti2_17._columns_17ti2_57{display:grid;grid-template-columns:repeat(var(--list-columns, 2),minmax(0,1fr));-moz-column-gap:var(--utils-tokens-unit);column-gap:var(--utils-tokens-unit)}._list_17ti2_17._columns_17ti2_57 li{display:grid}._compact_17ti2_68 li{margin-bottom:var(--shape-spacing-xs)}@media (width <= 768px){._columns_17ti2_57{grid-template-columns:1fr}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index37.css');const l=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index37.css');const l=require("react/jsx-runtime"),b=require("../../classix-5H4IWnMA.cjs"),a=require("react"),F=require("../button/index.cjs"),de=require("../../icons-Lq3pr85X.cjs"),X=require("../../index-BOiGSTKz.cjs"),pe=require("../list/index.cjs"),V=require("../../index-BlnG4Rbh.cjs");function L(t){return typeof t=="string"||typeof t=="number"?String(t):Array.isArray(t)?t.map(L).join(" "):a.isValidElement(t)?L(t.props.children):""}function fe(t){return a.isValidElement(t)&&t.type==="option"}function me(t){return a.isValidElement(t)&&t.type==="optgroup"}function ve(t){return a.isValidElement(t)&&t.type===a.Fragment}function ge(t){return a.isValidElement(t)&&t.type===V.Select}function W(t,i,r=!1){const s=[];return a.Children.forEach(t,n=>{if(ve(n))s.push(...W(n.props.children,i,r));else if(fe(n)){const c=L(n.props.children).trim(),f=n.props.value!=null?String(n.props.value):c;s.push({disabled:r||!!n.props.disabled,groupLabel:i,hidden:!!n.props.hidden,isPlaceholder:!!(n.props.hidden&&f===""),label:n.props.children,selected:!!n.props.selected,text:c,value:f})}else me(n)&&s.push(...W(n.props.children,n.props.label,r||!!n.props.disabled))}),s}function _e(t){const i=t.trim();if(!i)return null;const s=[.../[*?]/.test(i)?i:`*${i}*`].map(n=>n==="*"?".*":n==="?"?".":n.replace(/[|\\{}()[\]^$+.,]/g,"\\$&")).join("");return new RegExp(`^${s}$`,"i")}function he(t,i){const r=_e(i),s=t.filter(n=>!n.hidden&&!n.isPlaceholder);return r?s.filter(n=>r.test([n.groupLabel,n.text,n.value].filter(Boolean).join(" "))):s}function xe(t,i){return t.find(r=>r.value===i)??t.find(r=>r.isPlaceholder)??t[0]}function be(t,i,r){var s,n;return i!=null?String(i):r!=null?String(r):((s=t.find(c=>c.selected))==null?void 0:s.value)??((n=t[0])==null?void 0:n.value)??""}function ye(t){if(ge(t)){const{children:i,placeholder:r,...s}=t.props;return{children:l.jsxs(l.Fragment,{children:[r&&l.jsx("option",{hidden:!0,value:"",children:r}),i]}),props:s}}return{children:t.props.children,props:t.props}}const je="_combobox_vg3rv_3",we="_dropdown_vg3rv_27",Se="_empty_vg3rv_32",Ne="_group_vg3rv_33",Ce="_placeholder_vg3rv_34",Ee="_filter_vg3rv_42",Ve="_native_vg3rv_53",Le="_option_vg3rv_63",Re="_options_vg3rv_85",$e="_panel_vg3rv_109",Be="_selected_vg3rv_134",Ie="_text_vg3rv_138",qe="_trigger_vg3rv_146",Pe="_minimal_vg3rv_183",De="_inline_vg3rv_238",ke="_label_vg3rv_270",o={combobox:je,"combobox-input":"_combobox-input_vg3rv_12",dropdown:we,empty:Se,group:Ne,placeholder:Ce,filter:Ee,native:Ve,option:Le,options:Re,panel:$e,selected:Be,text:Ie,trigger:qe,minimal:Pe,inline:De,label:ke,"inline-field":"_inline-field_vg3rv_276"};function Y(t,i){return{"--icon-svg":de.iconSVG(t).replace("currentColor",i)}}const Fe=({children:t,className:i,combobox:r=!1,createOption:s,emptyLabel:n="No matches found",label:c,renderOption:f,searchPlaceholder:R="Filter",selectedItems:Z,variant:_="default",...ee})=>{const $=ye(t),{defaultValue:te,onChange:B,value:I,...ne}=$.props,y=V.sanitizeSelectProps(ne),{className:re,...se}=y,M=a.useRef(null),Q=a.useRef(null),j=a.useId(),z=a.useRef(null),m=a.useRef(null),h=W($.children),x=I!=null,q=be(h,I,te),[P,D]=a.useState(()=>q),[u,p]=a.useState(!1),[w,S]=a.useState(""),N=x?String(I):P,O={default:V.resolveColor("--colors-semantic-content-secondary"),white:V.resolveColor("--color-white","white")},T=_==="minimal"?O.white:O.default,C=xe(h,N),le=Y("chevron",T),oe=Y("search",T),A=he(h,w),v=w.trim(),E=!!(r&&s&&v&&s.isValid(v)),ie=c&&_==="inline"?X.formatInlineLabel(c):c,G=e=>e?(f==null?void 0:f({groupLabel:e.groupLabel,isSelected:e.value===N,label:e.label,text:e.text,value:e.value}))??e.label:"Select an option";a.useEffect(()=>{!x&&!h.some(e=>e.value===P)&&D(q)},[q,P,x,h]),a.useEffect(()=>{var e;if(!u){S("");return}(e=m.current)==null||e.focus()},[u]),a.useEffect(()=>{if(!u)return;const e=d=>{var g;(g=Q.current)!=null&&g.contains(d.target)||p(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[u]);const ae=e=>{x||D(e.target.value),B==null||B(e)},k=()=>{var e;p(!1),r||(e=M.current)==null||e.focus()},K=()=>{var e;S(""),p(!0),(e=m.current)==null||e.focus()},H=()=>{!s||!E||(s.onCreate(v),K())},ce=e=>{var U;x||D(e);const d=z.current;if(!d){k();return}const g=(U=Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype,"value"))==null?void 0:U.set;g==null||g.call(d,e),d.dispatchEvent(new Event("change",{bubbles:!0})),r?K():k()},ue=e=>{e.key==="Escape"&&k(),e.key==="Enter"&&e.target===m.current&&E&&(e.preventDefault(),H())},J=l.jsxs("div",{className:b.t(o.dropdown,_==="inline"&&o.inline,_==="minimal"&&o.minimal,i),onKeyDown:ue,ref:Q,...ee,children:[l.jsx("select",{...se,"aria-hidden":"true",className:b.t(o.native,re),onChange:ae,ref:z,tabIndex:-1,value:N,children:$.children}),r?l.jsxs("div",{className:o.combobox,onClick:()=>{var e;return(e=m.current)==null?void 0:e.focus()},children:[Z,l.jsx("input",{"aria-autocomplete":"list","aria-expanded":u,"aria-label":y["aria-label"]??c??R,className:o["combobox-input"],disabled:y.disabled,onChange:e=>{S(e.target.value),p(!0)},onClick:()=>p(!0),onFocus:()=>p(!0),placeholder:R||void 0,ref:m,role:"combobox",type:"text",value:w})]}):l.jsx(F.Button,{"aria-expanded":u,"aria-haspopup":"dialog","aria-labelledby":c?`${j} ${j}-value`:void 0,className:b.t(o.trigger,(C==null?void 0:C.isPlaceholder)&&o.placeholder),"data-open":u?"true":void 0,disabled:y.disabled,onClick:()=>p(e=>!e),ref:M,style:le,variant:"tertiary",children:l.jsx("span",{className:o.text,id:`${j}-value`,children:G(C)})}),u&&l.jsxs("div",{className:o.panel,children:[!r&&l.jsx(X.Input,{"aria-label":"Filter",className:o.filter,icon:"search",onChange:e=>S(e.target.value),placeholder:R,ref:m,style:oe,type:"search",value:w}),l.jsxs(pe.List,{"aria-label":"Dropdown",className:o.options,children:[A.map(e=>{const d=e.value===N;return l.jsx("li",{"data-component":"dropdown",children:l.jsxs(F.Button,{"aria-label":d?`${e.text}, selected`:e.text,className:b.t(o.option,d&&o.selected),disabled:e.disabled,onClick:()=>ce(e.value),variant:"tertiary",children:[l.jsx("span",{className:o.text,children:G(e)}),e.groupLabel&&l.jsx("small",{className:o.group,children:e.groupLabel})]})},`${e.groupLabel??"root"}-${e.value}`)}),E&&s&&l.jsx("li",{children:l.jsx(F.Button,{"aria-label":L(s.render(v))||v,className:o.option,onClick:H,variant:"tertiary",children:l.jsx("span",{className:o.text,children:s.render(v)})})}),A.length===0&&!E&&l.jsx("li",{className:o.empty,children:n})]})]})]});return c?l.jsxs("div",{className:b.t(o.label,_==="inline"&&o["inline-field"]),"data-component":"dropdown",children:[l.jsx("span",{id:j,children:ie}),J]}):J};exports.Dropdown=Fe;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
import { jsxs as p, Fragment as me, jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import { t as
|
|
3
|
-
import
|
|
2
|
+
import { t as y } from "../../classix-DG18itHa.js";
|
|
3
|
+
import ve, { Children as ge, isValidElement as x, useRef as L, useId as he, useState as Q, useEffect as z } from "react";
|
|
4
4
|
import { Button as M } from "../button/index.js";
|
|
5
|
-
import { i as
|
|
6
|
-
import { f as
|
|
5
|
+
import { i as _e } from "../../icons-BkaMeh-J.js";
|
|
6
|
+
import { f as be, I as ye } from "../../index-DMGGDV9J.js";
|
|
7
7
|
import { List as xe } from "../list/index.js";
|
|
8
|
-
import { S as
|
|
9
|
-
import '../../assets/index37.css';function
|
|
10
|
-
return typeof t == "string" || typeof t == "number" ? String(t) : Array.isArray(t) ? t.map(
|
|
8
|
+
import { S as we, s as Ne, r as ee } from "../../index-BAxpgMzb.js";
|
|
9
|
+
import '../../assets/index37.css';function $(t) {
|
|
10
|
+
return typeof t == "string" || typeof t == "number" ? String(t) : Array.isArray(t) ? t.map($).join(" ") : x(t) ? $(t.props.children) : "";
|
|
11
11
|
}
|
|
12
|
-
function
|
|
12
|
+
function Se(t) {
|
|
13
13
|
return x(t) && t.type === "option";
|
|
14
14
|
}
|
|
15
|
-
function
|
|
15
|
+
function Ce(t) {
|
|
16
16
|
return x(t) && t.type === "optgroup";
|
|
17
17
|
}
|
|
18
|
-
function
|
|
19
|
-
return x(t) && t.type ===
|
|
18
|
+
function Ee(t) {
|
|
19
|
+
return x(t) && t.type === ve.Fragment;
|
|
20
20
|
}
|
|
21
|
-
function
|
|
22
|
-
return x(t) && t.type ===
|
|
21
|
+
function Ve(t) {
|
|
22
|
+
return x(t) && t.type === we;
|
|
23
23
|
}
|
|
24
24
|
function A(t, s, r = !1) {
|
|
25
25
|
const l = [];
|
|
26
|
-
return
|
|
27
|
-
if (
|
|
26
|
+
return ge.forEach(t, (n) => {
|
|
27
|
+
if (Ee(n))
|
|
28
28
|
l.push(...A(n.props.children, s, r));
|
|
29
|
-
else if (
|
|
30
|
-
const a =
|
|
29
|
+
else if (Se(n)) {
|
|
30
|
+
const a = $(n.props.children).trim(), f = n.props.value != null ? String(n.props.value) : a;
|
|
31
31
|
l.push({
|
|
32
32
|
disabled: r || !!n.props.disabled,
|
|
33
33
|
groupLabel: s,
|
|
@@ -38,28 +38,28 @@ function A(t, s, r = !1) {
|
|
|
38
38
|
text: a,
|
|
39
39
|
value: f
|
|
40
40
|
});
|
|
41
|
-
} else
|
|
41
|
+
} else Ce(n) && l.push(...A(n.props.children, n.props.label, r || !!n.props.disabled));
|
|
42
42
|
}), l;
|
|
43
43
|
}
|
|
44
|
-
function
|
|
44
|
+
function Ie(t) {
|
|
45
45
|
const s = t.trim();
|
|
46
46
|
if (!s) return null;
|
|
47
47
|
const l = [.../[*?]/.test(s) ? s : `*${s}*`].map((n) => n === "*" ? ".*" : n === "?" ? "." : n.replace(/[|\\{}()[\]^$+.,]/g, "\\$&")).join("");
|
|
48
48
|
return new RegExp(`^${l}$`, "i");
|
|
49
49
|
}
|
|
50
|
-
function
|
|
51
|
-
const r =
|
|
50
|
+
function Le(t, s) {
|
|
51
|
+
const r = Ie(s), l = t.filter((n) => !n.hidden && !n.isPlaceholder);
|
|
52
52
|
return r ? l.filter((n) => r.test([n.groupLabel, n.text, n.value].filter(Boolean).join(" "))) : l;
|
|
53
53
|
}
|
|
54
|
-
function
|
|
54
|
+
function $e(t, s) {
|
|
55
55
|
return t.find((r) => r.value === s) ?? t.find((r) => r.isPlaceholder) ?? t[0];
|
|
56
56
|
}
|
|
57
|
-
function
|
|
57
|
+
function Be(t, s, r) {
|
|
58
58
|
var l, n;
|
|
59
59
|
return s != null ? String(s) : r != null ? String(r) : ((l = t.find((a) => a.selected)) == null ? void 0 : l.value) ?? ((n = t[0]) == null ? void 0 : n.value) ?? "";
|
|
60
60
|
}
|
|
61
|
-
function
|
|
62
|
-
if (
|
|
61
|
+
function Pe(t) {
|
|
62
|
+
if (Ve(t)) {
|
|
63
63
|
const {
|
|
64
64
|
children: s,
|
|
65
65
|
placeholder: r,
|
|
@@ -78,12 +78,12 @@ function $e(t) {
|
|
|
78
78
|
props: t.props
|
|
79
79
|
};
|
|
80
80
|
}
|
|
81
|
-
const
|
|
82
|
-
combobox:
|
|
83
|
-
"combobox-input": "_combobox-
|
|
84
|
-
dropdown:
|
|
85
|
-
empty:
|
|
86
|
-
group:
|
|
81
|
+
const ke = "_combobox_vg3rv_3", De = "_dropdown_vg3rv_27", Re = "_empty_vg3rv_32", je = "_group_vg3rv_33", Fe = "_placeholder_vg3rv_34", We = "_filter_vg3rv_42", Qe = "_native_vg3rv_53", ze = "_option_vg3rv_63", Me = "_options_vg3rv_85", Ae = "_panel_vg3rv_109", Ge = "_selected_vg3rv_134", Ke = "_text_vg3rv_138", Oe = "_trigger_vg3rv_146", Te = "_minimal_vg3rv_183", qe = "_inline_vg3rv_238", He = "_label_vg3rv_270", o = {
|
|
82
|
+
combobox: ke,
|
|
83
|
+
"combobox-input": "_combobox-input_vg3rv_12",
|
|
84
|
+
dropdown: De,
|
|
85
|
+
empty: Re,
|
|
86
|
+
group: je,
|
|
87
87
|
placeholder: Fe,
|
|
88
88
|
filter: We,
|
|
89
89
|
native: Qe,
|
|
@@ -96,11 +96,11 @@ const Be = "_combobox_jkdyb_3", Pe = "_dropdown_jkdyb_27", De = "_empty_jkdyb_30
|
|
|
96
96
|
minimal: Te,
|
|
97
97
|
inline: qe,
|
|
98
98
|
label: He,
|
|
99
|
-
"inline-field": "_inline-
|
|
99
|
+
"inline-field": "_inline-field_vg3rv_276"
|
|
100
100
|
};
|
|
101
101
|
function te(t, s) {
|
|
102
102
|
return {
|
|
103
|
-
"--icon-svg":
|
|
103
|
+
"--icon-svg": _e(t).replace("currentColor", s)
|
|
104
104
|
};
|
|
105
105
|
}
|
|
106
106
|
const rt = ({
|
|
@@ -111,101 +111,101 @@ const rt = ({
|
|
|
111
111
|
emptyLabel: n = "No matches found",
|
|
112
112
|
label: a,
|
|
113
113
|
renderOption: f,
|
|
114
|
-
searchPlaceholder:
|
|
114
|
+
searchPlaceholder: B = "Filter",
|
|
115
115
|
selectedItems: ne,
|
|
116
|
-
variant:
|
|
116
|
+
variant: h = "default",
|
|
117
117
|
...re
|
|
118
118
|
}) => {
|
|
119
|
-
const
|
|
119
|
+
const P = Pe(t), {
|
|
120
120
|
defaultValue: le,
|
|
121
|
-
onChange:
|
|
122
|
-
value:
|
|
121
|
+
onChange: k,
|
|
122
|
+
value: D,
|
|
123
123
|
...oe
|
|
124
|
-
} =
|
|
124
|
+
} = P.props, w = Ne(oe), {
|
|
125
125
|
className: se,
|
|
126
126
|
...ie
|
|
127
|
-
} =
|
|
127
|
+
} = w, G = L(null), K = L(null), N = he(), O = L(null), m = L(null), _ = A(P.children), b = D != null, R = Be(_, D, le), [j, F] = Q(() => R), [c, d] = Q(!1), [S, C] = Q(""), E = b ? String(D) : j, T = {
|
|
128
128
|
default: ee("--colors-semantic-content-secondary"),
|
|
129
129
|
white: ee("--color-white", "white")
|
|
130
|
-
}, q =
|
|
130
|
+
}, q = h === "minimal" ? T.white : T.default, V = $e(_, E), ae = te("chevron", q), ce = te("search", q), H = Le(_, S), v = S.trim(), I = !!(r && l && v && l.isValid(v)), ue = a && h === "inline" ? be(a) : a, J = (e) => e ? (f == null ? void 0 : f({
|
|
131
131
|
groupLabel: e.groupLabel,
|
|
132
|
-
isSelected: e.value ===
|
|
132
|
+
isSelected: e.value === E,
|
|
133
133
|
label: e.label,
|
|
134
134
|
text: e.text,
|
|
135
135
|
value: e.value
|
|
136
136
|
})) ?? e.label : "Select an option";
|
|
137
137
|
z(() => {
|
|
138
|
-
!
|
|
139
|
-
}, [
|
|
138
|
+
!b && !_.some((e) => e.value === j) && F(R);
|
|
139
|
+
}, [R, j, b, _]), z(() => {
|
|
140
140
|
var e;
|
|
141
141
|
if (!c) {
|
|
142
|
-
|
|
142
|
+
C("");
|
|
143
143
|
return;
|
|
144
144
|
}
|
|
145
145
|
(e = m.current) == null || e.focus();
|
|
146
146
|
}, [c]), z(() => {
|
|
147
147
|
if (!c)
|
|
148
148
|
return;
|
|
149
|
-
const e = (
|
|
150
|
-
var
|
|
151
|
-
(
|
|
149
|
+
const e = (u) => {
|
|
150
|
+
var g;
|
|
151
|
+
(g = K.current) != null && g.contains(u.target) || d(!1);
|
|
152
152
|
};
|
|
153
153
|
return document.addEventListener("mousedown", e), () => {
|
|
154
154
|
document.removeEventListener("mousedown", e);
|
|
155
155
|
};
|
|
156
156
|
}, [c]);
|
|
157
|
-
const
|
|
158
|
-
|
|
157
|
+
const de = (e) => {
|
|
158
|
+
b || F(e.target.value), k == null || k(e);
|
|
159
159
|
}, W = () => {
|
|
160
160
|
var e;
|
|
161
|
-
|
|
161
|
+
d(!1), r || (e = G.current) == null || e.focus();
|
|
162
162
|
}, U = () => {
|
|
163
163
|
var e;
|
|
164
|
-
|
|
164
|
+
C(""), d(!0), (e = m.current) == null || e.focus();
|
|
165
165
|
}, X = () => {
|
|
166
|
-
!l || !
|
|
166
|
+
!l || !I || (l.onCreate(v), U());
|
|
167
167
|
}, pe = (e) => {
|
|
168
168
|
var Z;
|
|
169
|
-
|
|
170
|
-
const
|
|
171
|
-
if (!
|
|
169
|
+
b || F(e);
|
|
170
|
+
const u = O.current;
|
|
171
|
+
if (!u) {
|
|
172
172
|
W();
|
|
173
173
|
return;
|
|
174
174
|
}
|
|
175
|
-
const
|
|
176
|
-
|
|
175
|
+
const g = (Z = Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, "value")) == null ? void 0 : Z.set;
|
|
176
|
+
g == null || g.call(u, e), u.dispatchEvent(new Event("change", {
|
|
177
177
|
bubbles: !0
|
|
178
178
|
})), r ? U() : W();
|
|
179
179
|
}, fe = (e) => {
|
|
180
|
-
e.key === "Escape" && W(), e.key === "Enter" && e.target === m.current &&
|
|
181
|
-
}, Y = /* @__PURE__ */ p("div", { className:
|
|
182
|
-
/* @__PURE__ */ i("select", { ...ie, "aria-hidden": "true", className:
|
|
180
|
+
e.key === "Escape" && W(), e.key === "Enter" && e.target === m.current && I && (e.preventDefault(), X());
|
|
181
|
+
}, Y = /* @__PURE__ */ p("div", { className: y(o.dropdown, h === "inline" && o.inline, h === "minimal" && o.minimal, s), onKeyDown: fe, ref: K, ...re, children: [
|
|
182
|
+
/* @__PURE__ */ i("select", { ...ie, "aria-hidden": "true", className: y(o.native, se), onChange: de, ref: O, tabIndex: -1, value: E, children: P.children }),
|
|
183
183
|
r ? /* @__PURE__ */ p("div", { className: o.combobox, onClick: () => {
|
|
184
184
|
var e;
|
|
185
185
|
return (e = m.current) == null ? void 0 : e.focus();
|
|
186
186
|
}, children: [
|
|
187
187
|
ne,
|
|
188
|
-
/* @__PURE__ */ i("input", { "aria-autocomplete": "list", "aria-expanded": c, "aria-label":
|
|
189
|
-
|
|
190
|
-
}, onClick: () =>
|
|
191
|
-
] }) : /* @__PURE__ */ i(M, { "aria-expanded": c, "aria-haspopup": "dialog", "aria-labelledby": a ? `${
|
|
188
|
+
/* @__PURE__ */ i("input", { "aria-autocomplete": "list", "aria-expanded": c, "aria-label": w["aria-label"] ?? a ?? B, className: o["combobox-input"], disabled: w.disabled, onChange: (e) => {
|
|
189
|
+
C(e.target.value), d(!0);
|
|
190
|
+
}, onClick: () => d(!0), onFocus: () => d(!0), placeholder: B || void 0, ref: m, role: "combobox", type: "text", value: S })
|
|
191
|
+
] }) : /* @__PURE__ */ i(M, { "aria-expanded": c, "aria-haspopup": "dialog", "aria-labelledby": a ? `${N} ${N}-value` : void 0, className: y(o.trigger, (V == null ? void 0 : V.isPlaceholder) && o.placeholder), "data-open": c ? "true" : void 0, disabled: w.disabled, onClick: () => d((e) => !e), ref: G, style: ae, variant: "tertiary", children: /* @__PURE__ */ i("span", { className: o.text, id: `${N}-value`, children: J(V) }) }),
|
|
192
192
|
c && /* @__PURE__ */ p("div", { className: o.panel, children: [
|
|
193
|
-
!r && /* @__PURE__ */ i(
|
|
193
|
+
!r && /* @__PURE__ */ i(ye, { "aria-label": "Filter", className: o.filter, icon: "search", onChange: (e) => C(e.target.value), placeholder: B, ref: m, style: ce, type: "search", value: S }),
|
|
194
194
|
/* @__PURE__ */ p(xe, { "aria-label": "Dropdown", className: o.options, children: [
|
|
195
195
|
H.map((e) => {
|
|
196
|
-
const
|
|
197
|
-
return /* @__PURE__ */ i("li", { "data-component": "dropdown", children: /* @__PURE__ */ p(M, { "aria-label":
|
|
196
|
+
const u = e.value === E;
|
|
197
|
+
return /* @__PURE__ */ i("li", { "data-component": "dropdown", children: /* @__PURE__ */ p(M, { "aria-label": u ? `${e.text}, selected` : e.text, className: y(o.option, u && o.selected), disabled: e.disabled, onClick: () => pe(e.value), variant: "tertiary", children: [
|
|
198
198
|
/* @__PURE__ */ i("span", { className: o.text, children: J(e) }),
|
|
199
199
|
e.groupLabel && /* @__PURE__ */ i("small", { className: o.group, children: e.groupLabel })
|
|
200
200
|
] }) }, `${e.groupLabel ?? "root"}-${e.value}`);
|
|
201
201
|
}),
|
|
202
|
-
|
|
203
|
-
H.length === 0 && !
|
|
202
|
+
I && l && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(M, { "aria-label": $(l.render(v)) || v, className: o.option, onClick: X, variant: "tertiary", children: /* @__PURE__ */ i("span", { className: o.text, children: l.render(v) }) }) }),
|
|
203
|
+
H.length === 0 && !I && /* @__PURE__ */ i("li", { className: o.empty, children: n })
|
|
204
204
|
] })
|
|
205
205
|
] })
|
|
206
206
|
] });
|
|
207
|
-
return a ? /* @__PURE__ */ p("div", { className:
|
|
208
|
-
/* @__PURE__ */ i("span", { id:
|
|
207
|
+
return a ? /* @__PURE__ */ p("div", { className: y(o.label, h === "inline" && o["inline-field"]), "data-component": "dropdown", children: [
|
|
208
|
+
/* @__PURE__ */ i("span", { id: N, children: ue }),
|
|
209
209
|
Y
|
|
210
210
|
] }) : Y;
|
|
211
211
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index21.css');const l=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index21.css');const l=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),i="_form_13ccq_1",m="_fill_13ccq_45",t={form:i,fill:m},a=({animation:r,children:o,className:e,fill:s=!1,...c})=>l.jsx("form",{className:n.t(e,s&&t.fill,t.form),"data-animation":r,...c,"data-component":"form",children:o&&o});exports.Form=a;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
2
2
|
import { t as s } from "../../classix-DG18itHa.js";
|
|
3
|
-
import '../../assets/index21.css';const a = "
|
|
3
|
+
import '../../assets/index21.css';const a = "_form_13ccq_1", n = "_fill_13ccq_45", m = {
|
|
4
4
|
form: a,
|
|
5
|
-
fill:
|
|
5
|
+
fill: n
|
|
6
6
|
}, _ = ({
|
|
7
7
|
animation: r,
|
|
8
8
|
children: o,
|
|
9
9
|
className: t,
|
|
10
10
|
fill: f = !1,
|
|
11
11
|
...l
|
|
12
|
-
}) => /* @__PURE__ */
|
|
12
|
+
}) => /* @__PURE__ */ c("form", { className: s(t, f && m.fill, m.form), "data-animation": r, ...l, "data-component": "form", children: o && o });
|
|
13
13
|
export {
|
|
14
14
|
_ as Form
|
|
15
15
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index47.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index47.css');const i=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),l=require("react");function d(t){return l.isValidElement(t)&&t.type===l.Fragment}function E(t,e=[]){return l.Children.forEach(t,n=>{d(n)?E(n.props.children,e):e.push(n)}),e}function x(t,{wrapper:e="li"}={}){return E(t).filter(s=>s!==null).map((s,r)=>{if(l.isValidElement(s)&&s.type===e)return s;const c=l.isValidElement(s)&&s.key!=null?s.key:r;return l.createElement(e,{key:c},s)})}const z="_controls_17ti2_1",F="_horizontal_17ti2_6",V="_list_17ti2_17",b="_columns_17ti2_57",k="_compact_17ti2_68",o={controls:z,horizontal:F,list:V,columns:b,compact:k},j=(t,e)=>{typeof t=="function"?t(e):t&&(t.current=e)};function q({children:t,className:e,columns:n=1,compact:u=!1,controls:s,horizontal:r,ordered:c,ref:m,style:N,...f}){const _=Number.isFinite(n)?Math.max(1,Math.floor(n)):1,y=g.t(e,o.list,_>1&&o.columns,r&&o.horizontal,u&&o.compact),p={...N,"--list-columns":_},h=c?i.jsx("ol",{className:y,ref:a=>j(m,a),style:p,...f,children:x(t)}):i.jsx("ul",{className:y,ref:a=>j(m,a),style:p,...f,children:x(t)});return s==null?h:i.jsxs(i.Fragment,{children:[i.jsx("div",{className:o.controls,children:s}),h]})}exports.List=q;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import { jsx as a, jsxs as
|
|
2
|
-
import { t as
|
|
1
|
+
import { jsx as a, jsxs as F, Fragment as V } from "react/jsx-runtime";
|
|
2
|
+
import { t as d } from "../../classix-DG18itHa.js";
|
|
3
3
|
import e from "react";
|
|
4
|
-
import '../../assets/index47.css';function
|
|
4
|
+
import '../../assets/index47.css';function g(t) {
|
|
5
5
|
return e.isValidElement(t) && t.type === e.Fragment;
|
|
6
6
|
}
|
|
7
|
-
function
|
|
7
|
+
function x(t, s = []) {
|
|
8
8
|
return e.Children.forEach(t, (l) => {
|
|
9
|
-
|
|
9
|
+
g(l) ? x(l.props.children, s) : s.push(l);
|
|
10
10
|
}), s;
|
|
11
11
|
}
|
|
12
|
-
function
|
|
12
|
+
function E(t, {
|
|
13
13
|
wrapper: s = "li"
|
|
14
14
|
} = {}) {
|
|
15
|
-
return
|
|
15
|
+
return x(t).filter((n) => n !== null).map((n, i) => {
|
|
16
16
|
if (e.isValidElement(n) && n.type === s)
|
|
17
17
|
return n;
|
|
18
|
-
const
|
|
18
|
+
const r = e.isValidElement(n) && n.key != null ? n.key : i;
|
|
19
19
|
return e.createElement(s, {
|
|
20
|
-
key:
|
|
20
|
+
key: r
|
|
21
21
|
}, n);
|
|
22
22
|
});
|
|
23
23
|
}
|
|
24
|
-
const
|
|
25
|
-
controls:
|
|
24
|
+
const k = "_controls_17ti2_1", C = "_horizontal_17ti2_6", j = "_list_17ti2_17", v = "_columns_17ti2_57", L = "_compact_17ti2_68", o = {
|
|
25
|
+
controls: k,
|
|
26
26
|
horizontal: C,
|
|
27
27
|
list: j,
|
|
28
28
|
columns: v,
|
|
29
29
|
compact: L
|
|
30
|
-
},
|
|
30
|
+
}, N = (t, s) => {
|
|
31
31
|
typeof t == "function" ? t(s) : t && (t.current = s);
|
|
32
32
|
};
|
|
33
33
|
function w({
|
|
@@ -36,17 +36,17 @@ function w({
|
|
|
36
36
|
columns: l = 1,
|
|
37
37
|
compact: m = !1,
|
|
38
38
|
controls: n,
|
|
39
|
-
horizontal:
|
|
40
|
-
ordered:
|
|
39
|
+
horizontal: i,
|
|
40
|
+
ordered: r,
|
|
41
41
|
ref: u,
|
|
42
|
-
style:
|
|
42
|
+
style: z,
|
|
43
43
|
...f
|
|
44
44
|
}) {
|
|
45
|
-
const _ = Number.isFinite(l) ? Math.max(1, Math.floor(l)) : 1, p =
|
|
46
|
-
...
|
|
45
|
+
const _ = Number.isFinite(l) ? Math.max(1, Math.floor(l)) : 1, p = d(s, o.list, _ > 1 && o.columns, i && o.horizontal, m && o.compact), y = {
|
|
46
|
+
...z,
|
|
47
47
|
"--list-columns": _
|
|
48
|
-
}, h =
|
|
49
|
-
return n == null ? h : /* @__PURE__ */
|
|
48
|
+
}, h = r ? /* @__PURE__ */ a("ol", { className: p, ref: (c) => N(u, c), style: y, ...f, children: E(t) }) : /* @__PURE__ */ a("ul", { className: p, ref: (c) => N(u, c), style: y, ...f, children: E(t) });
|
|
49
|
+
return n == null ? h : /* @__PURE__ */ F(V, { children: [
|
|
50
50
|
/* @__PURE__ */ a("div", { className: o.controls, children: n }),
|
|
51
51
|
h
|
|
52
52
|
] });
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const e=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),i=require("../button/index.cjs"),a=require("../icon/index.cjs"),l=require("../aside/index.cjs"),_=require("../branding/index.cjs"),d=require("../figure/index.cjs"),u=require("../nav/index.cjs"),g="_portal_1co65_41",p="_content_1co65_254",x="_toggle_1co65_261",m="_open_1co65_314",n={portal:g,content:p,toggle:x,open:m},j=({children:o,portals:t,open:s,setOpen:c})=>e.jsxs(l.Aside,{className:r.t(n.portal,s&&n.open),sticky:!0,"data-component":"portal",children:[e.jsx(i.Button,{className:n.toggle,onClick:()=>c(!s),variant:"tertiary",children:e.jsx(a.Icon,{name:"sidebar"})}),e.jsx(d.Figure,{children:e.jsx(_.Branding,{name:"logo",size:48,variant:"white"})}),e.jsxs("div",{className:n.content,children:[t&&e.jsx(u.Nav,{horizontal:!0,children:t}),o&&o]})]});exports.Portal=j;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { t as
|
|
3
|
-
import { Button as
|
|
1
|
+
import { jsxs as c, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { t as a } from "../../classix-DG18itHa.js";
|
|
3
|
+
import { Button as m } from "../button/index.js";
|
|
4
4
|
import { Icon as l } from "../icon/index.js";
|
|
5
5
|
import { Aside as s } from "../aside/index.js";
|
|
6
6
|
import { Branding as p } from "../branding/index.js";
|
|
7
7
|
import { Figure as _ } from "../figure/index.js";
|
|
8
8
|
import { Nav as g } from "../nav/index.js";
|
|
9
|
-
import '../../assets/index10.css';const d = "
|
|
9
|
+
import '../../assets/index10.css';const d = "_portal_1co65_41", f = "_content_1co65_254", h = "_toggle_1co65_261", u = "_open_1co65_314", t = {
|
|
10
10
|
portal: d,
|
|
11
11
|
content: f,
|
|
12
12
|
toggle: h,
|
|
13
|
-
open:
|
|
14
|
-
},
|
|
13
|
+
open: u
|
|
14
|
+
}, b = ({
|
|
15
15
|
children: r,
|
|
16
16
|
portals: n,
|
|
17
17
|
open: e,
|
|
18
|
-
setOpen:
|
|
19
|
-
}) => /* @__PURE__ */
|
|
20
|
-
/* @__PURE__ */ o(
|
|
18
|
+
setOpen: i
|
|
19
|
+
}) => /* @__PURE__ */ c(s, { className: a(t.portal, e && t.open), sticky: !0, "data-component": "portal", children: [
|
|
20
|
+
/* @__PURE__ */ o(m, { className: t.toggle, onClick: () => i(!e), variant: "tertiary", children: /* @__PURE__ */ o(l, { name: "sidebar" }) }),
|
|
21
21
|
/* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(p, { name: "logo", size: 48, variant: "white" }) }),
|
|
22
|
-
/* @__PURE__ */
|
|
22
|
+
/* @__PURE__ */ c("div", { className: t.content, children: [
|
|
23
23
|
n && /* @__PURE__ */ o(g, { horizontal: !0, children: n }),
|
|
24
24
|
r && r
|
|
25
25
|
] })
|
|
26
26
|
] });
|
|
27
27
|
export {
|
|
28
|
-
|
|
28
|
+
b as Portal
|
|
29
29
|
};
|
|
30
30
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index2.css');const e=require("react/jsx-runtime"),d=require("../card/index.cjs"),n="
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index2.css');const e=require("react/jsx-runtime"),d=require("../card/index.cjs"),n="_widget_tzwji_1",s={widget:n},o=({children:t,...i})=>e.jsx("div",{className:s.widget,...i,"data-component":"widget",children:e.jsx(d.Card,{children:t})});exports.Widget=o;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { Card as
|
|
3
|
-
import '../../assets/index2.css';const o = "
|
|
2
|
+
import { Card as d } from "../card/index.js";
|
|
3
|
+
import '../../assets/index2.css';const o = "_widget_tzwji_1", r = {
|
|
4
4
|
widget: o
|
|
5
|
-
},
|
|
5
|
+
}, c = ({
|
|
6
6
|
children: e,
|
|
7
|
-
...
|
|
8
|
-
}) => /* @__PURE__ */ t("div", { className: r.widget, ...
|
|
7
|
+
...i
|
|
8
|
+
}) => /* @__PURE__ */ t("div", { className: r.widget, ...i, "data-component": "widget", children: /* @__PURE__ */ t(d, { children: e }) });
|
|
9
9
|
export {
|
|
10
|
-
|
|
10
|
+
c as Widget
|
|
11
11
|
};
|
|
12
12
|
//# sourceMappingURL=index.js.map
|
package/dist/tokens.json
CHANGED