solid-ui 3.1.3-5 → 3.1.3-6

package/dist/v2/components/forms/shared/listboxStyles.esm.js

@@ -1,100 +0,0 @@
-import { css as e } from "lit";
-//#region src/v2/components/forms/shared/listboxStyles.ts
-var t = e`
-  :host { /* default theme */
-      --input-background: var(--color-background, #F8F9FB);
-      --item-text: var(--color-text-heading, #000000);
-      --item-selected-text: var(--color-primary, #7c4dff);
-      --item-hover-background: var(--color-header-menu-item-hover, #e6dcff);
-      --item-selected-background: var(--color-header-menu-item-selected, #cbb9ff);
-      --listbox-z-index: 1;
-    }
-
-    :host([theme='dark']) {
-      --input-background: var(--color-background, #1A1A1A);
-      --item-text: var(--color-text-heading, #F8F9FB);
-      --item-selected-text: var(--color-primary, #7c4dff);
-      --item-hover-background: var(--color-header-menu-item-hover, #e6dcff);
-      --item-selected-background: var(--color-header-menu-item-selected, #cbb9ff);
-      --listbox-z-index: 1;
-    }
-
-    .listbox {
-      position: relative;
-      top: 0;
-      left: 0;
-      right: 0;
-      display: flex;
-      flex-direction: column;
-      gap: 0.0625rem;
-      margin: 0;
-      padding: 0;
-      list-style: none;
-      border: none;
-      border-radius: inherit;
-      background: var(--input-background);
-      background-color: var(--input-background);
-      opacity: 1;
-      overflow: hidden;
-      padding: 0.25rem;
-      z-index: var(--listbox-z-index);
-      box-shadow: 0 4px 12px rgba(124, 77, 255, 0.12);
-    }
-
-    .listbox-item {
-      display: flex;
-      align-items: center;
-      gap: var(--spacing-2xs, 0.625rem);
-      width: 100%;
-      min-height: calc(var(--font-size-sm, 0.875rem) + 1rem);
-      padding: 0.5rem var(--spacing-xs, 0.75rem);
-      border: none;
-      border-radius: var(--border-radius-sm, 0.2rem);
-      background: transparent;
-      color: var(--item-text);
-      cursor: pointer;
-      font: inherit;
-      font-size: var(--font-size-sm, 0.875rem);
-      font-weight: var(--font-weight-normal, 400);
-      line-height: normal;
-      text-align: left;
-      text-decoration: none;
-      box-sizing: border-box;
-    }
-
-    .listbox-item:hover {
-      background: var(--item-hover-background);
-      border-radius: var(--border-radius-sm, 0.2rem);
-    }
-
-    .listbox-item:focus {
-      background: var(--item-hover-background);
-      border-radius: var(--border-radius-sm, 0.2rem);
-    }
-
-    .listbox-item-active {
-      background: var(--item-selected-background);
-      color: var(--item-selected-text);
-      border-radius: var(--border-radius-sm, 0.2rem);
-      outline: none;
-    }
-
-    .listbox-item-active:hover,
-    .listbox-item-active:focus {
-      color: var(--item-text);
-    }
-
-    .listbox-item-disabled {
-      opacity: 0.55;
-      cursor: not-allowed;
-    }
-
-    .listbox-item-disabled:hover {
-      background: transparent;
-      border-radius: 0;
-    }
-`;
-//#endregion
-export { t as listboxStyles };
-
-//# sourceMappingURL=listboxStyles.esm.js.map

package/dist/v2/components/forms/shared/listboxStyles.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"listboxStyles.esm.js","names":[],"sources":["../../../../../src/v2/components/forms/shared/listboxStyles.ts"],"sourcesContent":["import { css } from 'lit'\n\nexport const listboxStyles = css`\n  :host { /* default theme */\n      --input-background: var(--color-background, #F8F9FB);\n      --item-text: var(--color-text-heading, #000000);\n      --item-selected-text: var(--color-primary, #7c4dff);\n      --item-hover-background: var(--color-header-menu-item-hover, #e6dcff);\n      --item-selected-background: var(--color-header-menu-item-selected, #cbb9ff);\n      --listbox-z-index: 1;\n    }\n\n    :host([theme='dark']) {\n      --input-background: var(--color-background, #1A1A1A);\n      --item-text: var(--color-text-heading, #F8F9FB);\n      --item-selected-text: var(--color-primary, #7c4dff);\n      --item-hover-background: var(--color-header-menu-item-hover, #e6dcff);\n      --item-selected-background: var(--color-header-menu-item-selected, #cbb9ff);\n      --listbox-z-index: 1;\n    }\n\n    .listbox {\n      position: relative;\n      top: 0;\n      left: 0;\n      right: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 0.0625rem;\n      margin: 0;\n      padding: 0;\n      list-style: none;\n      border: none;\n      border-radius: inherit;\n      background: var(--input-background);\n      background-color: var(--input-background);\n      opacity: 1;\n      overflow: hidden;\n      padding: 0.25rem;\n      z-index: var(--listbox-z-index);\n      box-shadow: 0 4px 12px rgba(124, 77, 255, 0.12);\n    }\n\n    .listbox-item {\n      display: flex;\n      align-items: center;\n      gap: var(--spacing-2xs, 0.625rem);\n      width: 100%;\n      min-height: calc(var(--font-size-sm, 0.875rem) + 1rem);\n      padding: 0.5rem var(--spacing-xs, 0.75rem);\n      border: none;\n      border-radius: var(--border-radius-sm, 0.2rem);\n      background: transparent;\n      color: var(--item-text);\n      cursor: pointer;\n      font: inherit;\n      font-size: var(--font-size-sm, 0.875rem);\n      font-weight: var(--font-weight-normal, 400);\n      line-height: normal;\n      text-align: left;\n      text-decoration: none;\n      box-sizing: border-box;\n    }\n\n    .listbox-item:hover {\n      background: var(--item-hover-background);\n      border-radius: var(--border-radius-sm, 0.2rem);\n    }\n\n    .listbox-item:focus {\n      background: var(--item-hover-background);\n      border-radius: var(--border-radius-sm, 0.2rem);\n    }\n\n    .listbox-item-active {\n      background: var(--item-selected-background);\n      color: var(--item-selected-text);\n      border-radius: var(--border-radius-sm, 0.2rem);\n      outline: none;\n    }\n\n    .listbox-item-active:hover,\n    .listbox-item-active:focus {\n      color: var(--item-text);\n    }\n\n    .listbox-item-disabled {\n      opacity: 0.55;\n      cursor: not-allowed;\n    }\n\n    .listbox-item-disabled:hover {\n      background: transparent;\n      border-radius: 0;\n    }\n`\n"],"mappings":";;AAEA,IAAa,IAAgB,CAAG"}

package/dist/v2/components/forms/shared/listboxTemplate.cjs.js

@@ -1,24 +0,0 @@
-let e=require("lit");function t(t){let{options:n,selectedOption:r,activeOption:i,listboxId:a,getOptionId:o,onOptionSelect:s}=t;return e.html`
-    <ul
-      class="listbox"
-      id="${a??``}"
-      part="listbox"
-      role="listbox"
-      aria-orientation="vertical"
-    >
-      ${n.map((t,n)=>{let a=t.value===r?.value,c=t.value===i?.value;return e.html`
-          <li
-            id="${o?.(t,n)??``}"
-            class="listbox-item${a?` listbox-item-selected`:``}${c?` listbox-item-active`:``}${t.disabled?` listbox-item-disabled`:``}"
-            part="option${a?` selected-option`:``}${c?` active-option`:``}${t.disabled?` disabled-option`:``}"
-            role="option"
-            aria-selected="${a}"
-            aria-disabled="${t.disabled?`true`:`false`}"
-            @click="${()=>{t.disabled||s(t)}}"
-          >
-            ${t.label}
-          </li>
-        `})}
-    </ul>
-  `}exports.renderListbox=t;
-//# sourceMappingURL=listboxTemplate.cjs.js.map

package/dist/v2/components/forms/shared/listboxTemplate.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"listboxTemplate.cjs.js","names":[],"sources":["../../../../../src/v2/components/forms/shared/listboxTemplate.ts"],"sourcesContent":["import { html } from 'lit'\nimport type { SelectOption } from './optionTypes'\n\nexport interface RenderListboxArgs {\n  options: SelectOption[]\n  selectedOption?: SelectOption\n  activeOption?: SelectOption\n  listboxId?: string\n  getOptionId?: (option: SelectOption, index: number) => string\n  onOptionSelect: (option: SelectOption) => void\n}\n\nexport function renderListbox (args: RenderListboxArgs) {\n  const {\n    options,\n    selectedOption,\n    activeOption,\n    listboxId,\n    getOptionId,\n    onOptionSelect\n  } = args\n\n  return html`\n    <ul\n      class=\"listbox\"\n      id=\"${listboxId ?? ''}\"\n      part=\"listbox\"\n      role=\"listbox\"\n      aria-orientation=\"vertical\"\n    >\n      ${options.map((option, index) => {\n        const isSelected = option.value === selectedOption?.value\n        const isActive = option.value === activeOption?.value\n        const optionId = getOptionId?.(option, index)\n\n        return html`\n          <li\n            id=\"${optionId ?? ''}\"\n            class=\"listbox-item${isSelected ? ' listbox-item-selected' : ''}${isActive ? ' listbox-item-active' : ''}${option.disabled ? ' listbox-item-disabled' : ''}\"\n            part=\"option${isSelected ? ' selected-option' : ''}${isActive ? ' active-option' : ''}${option.disabled ? ' disabled-option' : ''}\"\n            role=\"option\"\n            aria-selected=\"${isSelected}\"\n            aria-disabled=\"${option.disabled ? 'true' : 'false'}\"\n            @click=\"${() => {\n              if (!option.disabled) {\n                onOptionSelect(option)\n              }\n            }}\"\n          >\n            ${option.label}\n          </li>\n        `\n      })}\n    </ul>\n  `\n}\n"],"mappings":"qBAYA,SAAgB,EAAe,EAAyB,CACtD,GAAM,CACJ,UACA,iBACA,eACA,YACA,cACA,kBACE,EAEJ,MAAO,GAAA,IAAI;;;YAGD,GAAa,GAAG;;;;;QAKpB,EAAQ,KAAK,EAAQ,IAAU,CAC/B,IAAM,EAAa,EAAO,QAAU,GAAgB,MAC9C,EAAW,EAAO,QAAU,GAAc,MAGhD,MAAO,GAAA,IAAI;;kBAFM,IAAc,EAAQ,CAAK,GAItB,GAAG;iCACA,EAAa,yBAA2B,KAAK,EAAW,uBAAyB,KAAK,EAAO,SAAW,yBAA2B,GAAG;0BAC7I,EAAa,mBAAqB,KAAK,EAAW,iBAAmB,KAAK,EAAO,SAAW,mBAAqB,GAAG;;6BAEjH,EAAW;6BACX,EAAO,SAAW,OAAS,QAAQ;0BACpC,CACT,EAAO,UACV,EAAe,CAAM,CAEzB,EAAE;;cAEA,EAAO,MAAM;;SAGrB,CAAC,EAAE;;GAGT"}

package/dist/v2/components/forms/shared/listboxTemplate.esm.js

@@ -1,37 +0,0 @@
-import { html as e } from "lit";
-//#region src/v2/components/forms/shared/listboxTemplate.ts
-function t(t) {
-	let { options: n, selectedOption: r, activeOption: i, listboxId: a, getOptionId: o, onOptionSelect: s } = t;
-	return e`
-    <ul
-      class="listbox"
-      id="${a ?? ""}"
-      part="listbox"
-      role="listbox"
-      aria-orientation="vertical"
-    >
-      ${n.map((t, n) => {
-		let a = t.value === r?.value, c = t.value === i?.value;
-		return e`
-          <li
-            id="${o?.(t, n) ?? ""}"
-            class="listbox-item${a ? " listbox-item-selected" : ""}${c ? " listbox-item-active" : ""}${t.disabled ? " listbox-item-disabled" : ""}"
-            part="option${a ? " selected-option" : ""}${c ? " active-option" : ""}${t.disabled ? " disabled-option" : ""}"
-            role="option"
-            aria-selected="${a}"
-            aria-disabled="${t.disabled ? "true" : "false"}"
-            @click="${() => {
-			t.disabled || s(t);
-		}}"
-          >
-            ${t.label}
-          </li>
-        `;
-	})}
-    </ul>
-  `;
-}
-//#endregion
-export { t as renderListbox };
-
-//# sourceMappingURL=listboxTemplate.esm.js.map

package/dist/v2/components/forms/shared/listboxTemplate.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"listboxTemplate.esm.js","names":[],"sources":["../../../../../src/v2/components/forms/shared/listboxTemplate.ts"],"sourcesContent":["import { html } from 'lit'\nimport type { SelectOption } from './optionTypes'\n\nexport interface RenderListboxArgs {\n  options: SelectOption[]\n  selectedOption?: SelectOption\n  activeOption?: SelectOption\n  listboxId?: string\n  getOptionId?: (option: SelectOption, index: number) => string\n  onOptionSelect: (option: SelectOption) => void\n}\n\nexport function renderListbox (args: RenderListboxArgs) {\n  const {\n    options,\n    selectedOption,\n    activeOption,\n    listboxId,\n    getOptionId,\n    onOptionSelect\n  } = args\n\n  return html`\n    <ul\n      class=\"listbox\"\n      id=\"${listboxId ?? ''}\"\n      part=\"listbox\"\n      role=\"listbox\"\n      aria-orientation=\"vertical\"\n    >\n      ${options.map((option, index) => {\n        const isSelected = option.value === selectedOption?.value\n        const isActive = option.value === activeOption?.value\n        const optionId = getOptionId?.(option, index)\n\n        return html`\n          <li\n            id=\"${optionId ?? ''}\"\n            class=\"listbox-item${isSelected ? ' listbox-item-selected' : ''}${isActive ? ' listbox-item-active' : ''}${option.disabled ? ' listbox-item-disabled' : ''}\"\n            part=\"option${isSelected ? ' selected-option' : ''}${isActive ? ' active-option' : ''}${option.disabled ? ' disabled-option' : ''}\"\n            role=\"option\"\n            aria-selected=\"${isSelected}\"\n            aria-disabled=\"${option.disabled ? 'true' : 'false'}\"\n            @click=\"${() => {\n              if (!option.disabled) {\n                onOptionSelect(option)\n              }\n            }}\"\n          >\n            ${option.label}\n          </li>\n        `\n      })}\n    </ul>\n  `\n}\n"],"mappings":";;AAYA,SAAgB,EAAe,GAAyB;CACtD,IAAM,EACJ,YACA,mBACA,iBACA,cACA,gBACA,sBACE;CAEJ,OAAO,CAAI;;;YAGD,KAAa,GAAG;;;;;QAKpB,EAAQ,KAAK,GAAQ,MAAU;EAC/B,IAAM,IAAa,EAAO,UAAU,GAAgB,OAC9C,IAAW,EAAO,UAAU,GAAc;EAGhD,OAAO,CAAI;;kBAFM,IAAc,GAAQ,CAAK,KAItB,GAAG;iCACA,IAAa,2BAA2B,KAAK,IAAW,yBAAyB,KAAK,EAAO,WAAW,2BAA2B,GAAG;0BAC7I,IAAa,qBAAqB,KAAK,IAAW,mBAAmB,KAAK,EAAO,WAAW,qBAAqB,GAAG;;6BAEjH,EAAW;6BACX,EAAO,WAAW,SAAS,QAAQ;4BACpC;GACd,AAAK,EAAO,YACV,EAAe,CAAM;EAEzB,EAAE;;cAEA,EAAO,MAAM;;;CAGrB,CAAC,EAAE;;;AAGT"}