@pod-os/contacts 0.2.0 → 0.3.0-rc.22aea6d.0

package/dist/esm/pos-new-thing-form.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-_4aU9NfA.js';
+import { r as registerInstance, c as createEvent, h } from './index-DScSUBy-.js';
 import { s as subscribePodOs } from './PodOsAware-jlzl8vRd.js';
 
 const posNewThingFormCss = () => `:host{display:block}form{display:grid;grid-template-columns:var(--size-16) 1fr;grid-gap:var(--scale-0)}label{grid-column:1 / 2;display:flex;align-items:center;justify-content:flex-end}input,pos-select-term,button{grid-column:2 / 3}input,pos-select-term::part(input){outline:var(--pos-input-outline);padding:var(--scale-000);border:none;border-radius:var(--radius-xs);width:var(--size-full);box-sizing:border-box;background:var(--pos-input-background-color);color:var(--pos-normal-text-color)}input:focus-within,pos-select-term::part(input):focus-within{outline:var(--pos-input-focus-outline)}#new-uri{grid-column:1/3;cursor:default;word-break:break-all;color:var(--pos-normal-text-color);font-weight:var(--weight-light);background:var(--pos-disabled-color);padding:var(--scale-000);border-radius:var(--radius-xs)}input#create{outline:none;box-shadow:var(--shadow-sm);cursor:pointer;color:var(--pos-primary-text-color);background-color:var(--pos-primary-color)}input#create:disabled{cursor:default;color:var(--pos-disabled-text-color);background-color:var(--pos-disabled-color);box-shadow:none}input#create:hover:not(:disabled),input#create:focus{filter:brightness(110%);box-shadow:var(--shadow-md)}`;

package/dist/esm/pos-predicate.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, h } from './index-_4aU9NfA.js';
-import './chunk.URTPIBTY-DtWmW4Pb.js';
-import './chunk.5JY5FUCG-BOo64hgz.js';
+import { r as registerInstance, h } from './index-DScSUBy-.js';
+import './chunk.URTPIBTY-C1YI_wtI.js';
+import './chunk.5JY5FUCG-B58l5Mdn.js';
 import './chunk.6CTB5ZDJ-BnGEOH37.js';
-import './chunk.YHLNUJ7P-CGClYowr.js';
-import './chunk.ZGGPD2XJ-BfEMOYfC.js';
-import './class-map-CuxcTjQ5.js';
+import './chunk.YHLNUJ7P-B10Qbx9i.js';
+import './chunk.ZGGPD2XJ-CxH68zCl.js';
+import './class-map-DcKoKhP0.js';
 
 const posPredicateCss = () => `:host{--text-color:var(--pos-primary-color);font-family:var(--font-sans)}button{line-height:var(--scale-0);font-family:inherit;margin:0;padding:0;display:flex;background:none;border:none;cursor:pointer}button,a{color:var(--text-color);font-weight:var(--weight-light);line-height:var(--scale-0);font-size:var(--scale-0);font-family:inherit}.container{display:flex;gap:var(--size-1);flex-direction:row;align-items:center;line-height:var(--scale-0)}`;
 

package/dist/esm/pos-relations_2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-_4aU9NfA.js';
+import { r as registerInstance, c as createEvent, h } from './index-DScSUBy-.js';
 import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
 
 const posRelationsCss = () => `:host{--background-base-color:color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);--background-color-even:hsl(from var(--background-base-color) h s calc(l + 7));--background-color-odd:hsl(from var(--background-base-color) h s calc(l + 10));--border-color:var(--background-base-color)}dd{padding:0;margin:0}dl{display:flex;flex-direction:column;gap:var(--size-1);padding:0;margin:0}dt{margin-bottom:var(--size-1)}.predicate-values:nth-child(odd){background-color:var(--background-color-odd)}.predicate-values:nth-child(even){background-color:var(--background-color-even)}.predicate-values{display:flex;flex-direction:column;border:var(--size-px) solid var(--border-color);padding:var(--size-2);gap:var(--size-1);.values{display:flex;flex-direction:column;gap:var(--size-3)}}pos-rich-link{--background-color:inherit}`;

package/dist/esm/pos-select-term.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, e as Host } from './index-_4aU9NfA.js';
+import { r as registerInstance, c as createEvent, h, e as Host } from './index-DScSUBy-.js';
 import { s as subscribePodOs } from './PodOsAware-jlzl8vRd.js';
 
 const posSelectTermCss = () => `:host{display:block}input{background-color:transparent;color:var(--pos-normal-text-color);border:none;padding-top:1rem;padding-bottom:1rem}input:focus{outline:none}`;

package/dist/esm/pos-subjects.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h } from './index-_4aU9NfA.js';
-import { R as RdfDocument } from './index-DFqG64hG.js';
+import { r as registerInstance, c as createEvent, h } from './index-DScSUBy-.js';
+import { R as RdfDocument } from './index-D-Cg1uHv.js';
 import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
 
 const posSubjectsCss = () => `:host{--background-base-color:color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);--background-color-even:hsl(from var(--background-base-color) h s calc(l + 7));--background-color-odd:hsl(from var(--background-base-color) h s calc(l + 10));--border-color:var(--background-base-color)}ul{display:flex;flex-direction:column;gap:var(--size-2);margin:0;padding:0;li{border:var(--size-px) solid var(--border-color);padding:var(--size-4);list-style-type:none;&:nth-child(even){background-color:var(--background-color-even)}&:nth-child(odd){background-color:var(--background-color-odd)}}}`;

package/dist/esm/pos-tool-attachments.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, e as Host, a as getElement } from './index-_4aU9NfA.js';
+import { r as registerInstance, h, e as Host, a as getElement } from './index-DScSUBy-.js';
 import { u as usePodOS } from './usePodOS-D0uCfr1-.js';
 import { u as useResource } from './useResource-yVO4JQ9P.js';
 

package/dist/esm/pos-tool-select.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h } from './index-_4aU9NfA.js';
-import './chunk.ZGGPD2XJ-BfEMOYfC.js';
-import './chunk.YHLNUJ7P-CGClYowr.js';
+import { r as registerInstance, c as createEvent, h } from './index-DScSUBy-.js';
+import './chunk.ZGGPD2XJ-CxH68zCl.js';
+import './chunk.YHLNUJ7P-B10Qbx9i.js';
 
-const posToolSelectCss = () => `:host {\\n  --button-size: var(--size-16);\\n  display: block;\\n  position: sticky;\\n  align-self: flex-start;\\n  top: 0;\\n  overflow: auto;\\n  min-width: var(--button-size);\\n  z-index: var(--layer-1);\\n}\\n\\n[role='tablist'] {\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: center;\\n\\n  border-right: var(--size-px) solid var(--pos-border-color);\\n\\n  button {\\n    display: flex;\\n    flex-direction: column;\\n    align-items: center;\\n    justify-content: center;\\n    gap: 0;\\n    font-size: var(--size-6);\\n    position: relative;\\n    overflow: hidden;\\n    outline: none;\\n    border: none;\\n    width: var(--button-size);\\n    min-width: var(--button-size);\\n    height: var(--button-size);\\n    min-height: var(--button-size);\\n    color: var(--pos-normal-text-color);\\n    background-color: var(--pos-background-color);\\n\\n    &::after {\\n      content: '';\\n      position: absolute;\\n      top: 50%;\\n      left: 50%;\\n      width: 0;\\n      height: 0;\\n      border-radius: 100%;\\n      background: color-mix(in srgb, var(--pos-primary-color), transparent 50%);\\n      transform: translate(-50%, -50%);\\n      opacity: 1;\\n    }\\n\\n    &:active::after,\\n    &:focus::after {\\n      width: calc(var(--button-size) * 1.5);\\n      height: calc(var(--button-size) * 1.5);\\n      opacity: 0;\\n      transition:\\n        width 0.5s ease-out,\\n        height 0.5s ease-out,\\n        opacity 1s ease-out;\\n    }\\n\\n    &:focus-visible {\\n      border: var(--size-px) solid var(--pos-primary-color);\\n    }\\n\\n    @media (min-width: 640px) {\\n      &[aria-selected] {\\n        border-right: var(--size-1) solid var(--pos-primary-color);\\n      }\\n    }\\n\\n    .text {\\n      font-size: var(--size-3);\\n      white-space: nowrap;\\n      text-overflow: ellipsis;\\n      width: 100%;\\n      overflow: hidden;\\n    }\\n  }\\n}\\n\\n@media (max-width: 640px) {\\n  :host {\\n    position: fixed;\\n    top: unset;\\n    bottom: 0;\\n    width: 100dvw;\\n  }\\n  [role='tablist'] {\\n    flex-direction: row;\\n    background-color: var(--pos-background-color);\\n\\n    border-top: var(--size-px) solid var(--pos-border-color);\\n\\n    button {\\n      &[aria-selected] {\\n        border-top: var(--size-1) solid var(--pos-primary-color);\\n      }\\n    }\\n  }\\n}\\n`;
+const posToolSelectCss = () => `:host {   --button-size: var(--size-16);   display: block;   position: sticky;   align-self: flex-start;   top: 0;   overflow: auto;   min-width: var(--button-size);   z-index: var(--layer-1); }  [role='tablist'] {   display: flex;   flex-direction: column;   justify-content: center;    border-right: var(--size-px) solid var(--pos-border-color);    button {     display: flex;     flex-direction: column;     align-items: center;     justify-content: center;     gap: 0;     font-size: var(--size-6);     position: relative;     overflow: hidden;     outline: none;     border: none;     width: var(--button-size);     min-width: var(--button-size);     height: var(--button-size);     min-height: var(--button-size);     color: var(--pos-normal-text-color);     background-color: var(--pos-background-color);      &::after {       content: '';       position: absolute;       top: 50%;       left: 50%;       width: 0;       height: 0;       border-radius: 100%;       background: color-mix(in srgb, var(--pos-primary-color), transparent 50%);       transform: translate(-50%, -50%);       opacity: 1;     }      &:active::after,     &:focus::after {       width: calc(var(--button-size) * 1.5);       height: calc(var(--button-size) * 1.5);       opacity: 0;       transition:         width 0.5s ease-out,         height 0.5s ease-out,         opacity 1s ease-out;     }      &:focus-visible {       border: var(--size-px) solid var(--pos-primary-color);     }      @media (min-width: 640px) {       &[aria-selected] {         border-right: var(--size-1) solid var(--pos-primary-color);       }     }      .text {       font-size: var(--size-3);       white-space: nowrap;       text-overflow: ellipsis;       width: 100%;       overflow: hidden;     }   } }  @media (max-width: 640px) {   :host {     position: fixed;     top: unset;     bottom: 0;     width: 100dvw;   }   [role='tablist'] {     flex-direction: row;     background-color: var(--pos-background-color);      border-top: var(--size-px) solid var(--pos-border-color);      button {       &[aria-selected] {         border-top: var(--size-1) solid var(--pos-primary-color);       }     }   } } `;
 
 const PosToolSelect = class {
     constructor(hostRef) {

package/dist/esm/pos-value.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent } from './index-_4aU9NfA.js';
+import { r as registerInstance, c as createEvent } from './index-DScSUBy-.js';
 import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
 
 const PosValue = class {

package/dist/esm/{session-dNJIwSOx.js → session-CtUoUtdF.js}

@@ -1,4 +1,4 @@
-import { S as StencilCore } from './index-_4aU9NfA.js';
+import { S as StencilCore } from './index-DScSUBy-.js';
 
 const appendToMap = (map, propName, value) => {
     let refs = map.get(propName);

package/dist/esm/{settings-B396TU1j.js → settings-Cnw1mSJw.js}

@@ -1,4 +1,4 @@
-import { c as createStore } from './session-dNJIwSOx.js';
+import { c as createStore } from './session-CtUoUtdF.js';
 
 const storedSettings = localStorage.getItem('settings');
 const initialSettings = storedSettings

package/dist/types/components.d.ts

@@ -256,6 +256,8 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
+
     interface PosContactsAddressBookPage {
         "uri": string;
     }
@@ -309,18 +311,41 @@ declare namespace LocalJSX {
     }
     interface PosContactsWelcomePage {
     }
+
+    interface PosContactsAddressBookPageAttributes {
+        "uri": string;
+    }
+    interface PosContactsContactDetailsAttributes {
+        "uri": string;
+    }
+    interface PosContactsCreateNewContactAttributes {
+        "addressBookUri": string;
+    }
+    interface PosContactsCreateNewContactFormAttributes {
+        "addressBookUri": string;
+    }
+    interface PosContactsGroupDetailsAttributes {
+        "uri": string;
+    }
+    interface PosContactsListAddressBooksAttributes {
+        "webId": string;
+    }
+    interface PosContactsLoadingSpinnerAttributes {
+        "defer": number;
+    }
+
     interface IntrinsicElements {
-        "pos-contacts-address-book-page": PosContactsAddressBookPage;
+        "pos-contacts-address-book-page": Omit<PosContactsAddressBookPage, keyof PosContactsAddressBookPageAttributes> & { [K in keyof PosContactsAddressBookPage & keyof PosContactsAddressBookPageAttributes]?: PosContactsAddressBookPage[K] } & { [K in keyof PosContactsAddressBookPage & keyof PosContactsAddressBookPageAttributes as `attr:${K}`]?: PosContactsAddressBookPageAttributes[K] } & { [K in keyof PosContactsAddressBookPage & keyof PosContactsAddressBookPageAttributes as `prop:${K}`]?: PosContactsAddressBookPage[K] } & OneOf<"uri", PosContactsAddressBookPage["uri"], PosContactsAddressBookPageAttributes["uri"]>;
         "pos-contacts-app": PosContactsApp;
-        "pos-contacts-contact-details": PosContactsContactDetails;
+        "pos-contacts-contact-details": Omit<PosContactsContactDetails, keyof PosContactsContactDetailsAttributes> & { [K in keyof PosContactsContactDetails & keyof PosContactsContactDetailsAttributes]?: PosContactsContactDetails[K] } & { [K in keyof PosContactsContactDetails & keyof PosContactsContactDetailsAttributes as `attr:${K}`]?: PosContactsContactDetailsAttributes[K] } & { [K in keyof PosContactsContactDetails & keyof PosContactsContactDetailsAttributes as `prop:${K}`]?: PosContactsContactDetails[K] } & OneOf<"uri", PosContactsContactDetails["uri"], PosContactsContactDetailsAttributes["uri"]>;
         "pos-contacts-contact-list": PosContactsContactList;
-        "pos-contacts-create-new-contact": PosContactsCreateNewContact;
-        "pos-contacts-create-new-contact-form": PosContactsCreateNewContactForm;
+        "pos-contacts-create-new-contact": Omit<PosContactsCreateNewContact, keyof PosContactsCreateNewContactAttributes> & { [K in keyof PosContactsCreateNewContact & keyof PosContactsCreateNewContactAttributes]?: PosContactsCreateNewContact[K] } & { [K in keyof PosContactsCreateNewContact & keyof PosContactsCreateNewContactAttributes as `attr:${K}`]?: PosContactsCreateNewContactAttributes[K] } & { [K in keyof PosContactsCreateNewContact & keyof PosContactsCreateNewContactAttributes as `prop:${K}`]?: PosContactsCreateNewContact[K] } & OneOf<"addressBookUri", PosContactsCreateNewContact["addressBookUri"], PosContactsCreateNewContactAttributes["addressBookUri"]>;
+        "pos-contacts-create-new-contact-form": Omit<PosContactsCreateNewContactForm, keyof PosContactsCreateNewContactFormAttributes> & { [K in keyof PosContactsCreateNewContactForm & keyof PosContactsCreateNewContactFormAttributes]?: PosContactsCreateNewContactForm[K] } & { [K in keyof PosContactsCreateNewContactForm & keyof PosContactsCreateNewContactFormAttributes as `attr:${K}`]?: PosContactsCreateNewContactFormAttributes[K] } & { [K in keyof PosContactsCreateNewContactForm & keyof PosContactsCreateNewContactFormAttributes as `prop:${K}`]?: PosContactsCreateNewContactForm[K] } & OneOf<"addressBookUri", PosContactsCreateNewContactForm["addressBookUri"], PosContactsCreateNewContactFormAttributes["addressBookUri"]>;
         "pos-contacts-email-addresses": PosContactsEmailAddresses;
-        "pos-contacts-group-details": PosContactsGroupDetails;
+        "pos-contacts-group-details": Omit<PosContactsGroupDetails, keyof PosContactsGroupDetailsAttributes> & { [K in keyof PosContactsGroupDetails & keyof PosContactsGroupDetailsAttributes]?: PosContactsGroupDetails[K] } & { [K in keyof PosContactsGroupDetails & keyof PosContactsGroupDetailsAttributes as `attr:${K}`]?: PosContactsGroupDetailsAttributes[K] } & { [K in keyof PosContactsGroupDetails & keyof PosContactsGroupDetailsAttributes as `prop:${K}`]?: PosContactsGroupDetails[K] } & OneOf<"uri", PosContactsGroupDetails["uri"], PosContactsGroupDetailsAttributes["uri"]>;
         "pos-contacts-group-list": PosContactsGroupList;
-        "pos-contacts-list-address-books": PosContactsListAddressBooks;
-        "pos-contacts-loading-spinner": PosContactsLoadingSpinner;
+        "pos-contacts-list-address-books": Omit<PosContactsListAddressBooks, keyof PosContactsListAddressBooksAttributes> & { [K in keyof PosContactsListAddressBooks & keyof PosContactsListAddressBooksAttributes]?: PosContactsListAddressBooks[K] } & { [K in keyof PosContactsListAddressBooks & keyof PosContactsListAddressBooksAttributes as `attr:${K}`]?: PosContactsListAddressBooksAttributes[K] } & { [K in keyof PosContactsListAddressBooks & keyof PosContactsListAddressBooksAttributes as `prop:${K}`]?: PosContactsListAddressBooks[K] } & OneOf<"webId", PosContactsListAddressBooks["webId"], PosContactsListAddressBooksAttributes["webId"]>;
+        "pos-contacts-loading-spinner": Omit<PosContactsLoadingSpinner, keyof PosContactsLoadingSpinnerAttributes> & { [K in keyof PosContactsLoadingSpinner & keyof PosContactsLoadingSpinnerAttributes]?: PosContactsLoadingSpinner[K] } & { [K in keyof PosContactsLoadingSpinner & keyof PosContactsLoadingSpinnerAttributes as `attr:${K}`]?: PosContactsLoadingSpinnerAttributes[K] } & { [K in keyof PosContactsLoadingSpinner & keyof PosContactsLoadingSpinnerAttributes as `prop:${K}`]?: PosContactsLoadingSpinner[K] };
         "pos-contacts-open-address-book": PosContactsOpenAddressBook;
         "pos-contacts-phone-numbers": PosContactsPhoneNumbers;
         "pos-contacts-router": PosContactsRouter;
@@ -331,21 +356,21 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "pos-contacts-address-book-page": LocalJSX.PosContactsAddressBookPage & JSXBase.HTMLAttributes<HTMLPosContactsAddressBookPageElement>;
-            "pos-contacts-app": LocalJSX.PosContactsApp & JSXBase.HTMLAttributes<HTMLPosContactsAppElement>;
-            "pos-contacts-contact-details": LocalJSX.PosContactsContactDetails & JSXBase.HTMLAttributes<HTMLPosContactsContactDetailsElement>;
-            "pos-contacts-contact-list": LocalJSX.PosContactsContactList & JSXBase.HTMLAttributes<HTMLPosContactsContactListElement>;
-            "pos-contacts-create-new-contact": LocalJSX.PosContactsCreateNewContact & JSXBase.HTMLAttributes<HTMLPosContactsCreateNewContactElement>;
-            "pos-contacts-create-new-contact-form": LocalJSX.PosContactsCreateNewContactForm & JSXBase.HTMLAttributes<HTMLPosContactsCreateNewContactFormElement>;
-            "pos-contacts-email-addresses": LocalJSX.PosContactsEmailAddresses & JSXBase.HTMLAttributes<HTMLPosContactsEmailAddressesElement>;
-            "pos-contacts-group-details": LocalJSX.PosContactsGroupDetails & JSXBase.HTMLAttributes<HTMLPosContactsGroupDetailsElement>;
-            "pos-contacts-group-list": LocalJSX.PosContactsGroupList & JSXBase.HTMLAttributes<HTMLPosContactsGroupListElement>;
-            "pos-contacts-list-address-books": LocalJSX.PosContactsListAddressBooks & JSXBase.HTMLAttributes<HTMLPosContactsListAddressBooksElement>;
-            "pos-contacts-loading-spinner": LocalJSX.PosContactsLoadingSpinner & JSXBase.HTMLAttributes<HTMLPosContactsLoadingSpinnerElement>;
-            "pos-contacts-open-address-book": LocalJSX.PosContactsOpenAddressBook & JSXBase.HTMLAttributes<HTMLPosContactsOpenAddressBookElement>;
-            "pos-contacts-phone-numbers": LocalJSX.PosContactsPhoneNumbers & JSXBase.HTMLAttributes<HTMLPosContactsPhoneNumbersElement>;
-            "pos-contacts-router": LocalJSX.PosContactsRouter & JSXBase.HTMLAttributes<HTMLPosContactsRouterElement>;
-            "pos-contacts-welcome-page": LocalJSX.PosContactsWelcomePage & JSXBase.HTMLAttributes<HTMLPosContactsWelcomePageElement>;
+            "pos-contacts-address-book-page": LocalJSX.IntrinsicElements["pos-contacts-address-book-page"] & JSXBase.HTMLAttributes<HTMLPosContactsAddressBookPageElement>;
+            "pos-contacts-app": LocalJSX.IntrinsicElements["pos-contacts-app"] & JSXBase.HTMLAttributes<HTMLPosContactsAppElement>;
+            "pos-contacts-contact-details": LocalJSX.IntrinsicElements["pos-contacts-contact-details"] & JSXBase.HTMLAttributes<HTMLPosContactsContactDetailsElement>;
+            "pos-contacts-contact-list": LocalJSX.IntrinsicElements["pos-contacts-contact-list"] & JSXBase.HTMLAttributes<HTMLPosContactsContactListElement>;
+            "pos-contacts-create-new-contact": LocalJSX.IntrinsicElements["pos-contacts-create-new-contact"] & JSXBase.HTMLAttributes<HTMLPosContactsCreateNewContactElement>;
+            "pos-contacts-create-new-contact-form": LocalJSX.IntrinsicElements["pos-contacts-create-new-contact-form"] & JSXBase.HTMLAttributes<HTMLPosContactsCreateNewContactFormElement>;
+            "pos-contacts-email-addresses": LocalJSX.IntrinsicElements["pos-contacts-email-addresses"] & JSXBase.HTMLAttributes<HTMLPosContactsEmailAddressesElement>;
+            "pos-contacts-group-details": LocalJSX.IntrinsicElements["pos-contacts-group-details"] & JSXBase.HTMLAttributes<HTMLPosContactsGroupDetailsElement>;
+            "pos-contacts-group-list": LocalJSX.IntrinsicElements["pos-contacts-group-list"] & JSXBase.HTMLAttributes<HTMLPosContactsGroupListElement>;
+            "pos-contacts-list-address-books": LocalJSX.IntrinsicElements["pos-contacts-list-address-books"] & JSXBase.HTMLAttributes<HTMLPosContactsListAddressBooksElement>;
+            "pos-contacts-loading-spinner": LocalJSX.IntrinsicElements["pos-contacts-loading-spinner"] & JSXBase.HTMLAttributes<HTMLPosContactsLoadingSpinnerElement>;
+            "pos-contacts-open-address-book": LocalJSX.IntrinsicElements["pos-contacts-open-address-book"] & JSXBase.HTMLAttributes<HTMLPosContactsOpenAddressBookElement>;
+            "pos-contacts-phone-numbers": LocalJSX.IntrinsicElements["pos-contacts-phone-numbers"] & JSXBase.HTMLAttributes<HTMLPosContactsPhoneNumbersElement>;
+            "pos-contacts-router": LocalJSX.IntrinsicElements["pos-contacts-router"] & JSXBase.HTMLAttributes<HTMLPosContactsRouterElement>;
+            "pos-contacts-welcome-page": LocalJSX.IntrinsicElements["pos-contacts-welcome-page"] & JSXBase.HTMLAttributes<HTMLPosContactsWelcomePageElement>;
         }
     }
 }

package/dist/types/stencil-public-runtime.d.ts

@@ -125,8 +125,27 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsOptions {
+    /**
+     * Initial custom states to set on the ElementInternals.states CustomStateSet.
+     * Each key is the state name and the value is the initial boolean state.
+     *
+     * These states can be targeted with the CSS `:state()` pseudo-class.
+     *
+     * @example
+     * ```tsx
+     * @AttachInternals({ states: { open: true, active: false } })
+     * internals: ElementInternals;
+     * ```
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/CustomStateSet
+     */
+    states?: {
+        [stateName: string]: boolean;
+    };
+}
 export interface AttachInternalsDecorator {
-    (): PropertyDecorator;
+    (opts?: AttachInternalsOptions): PropertyDecorator;
 }
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
@@ -618,7 +637,7 @@ export interface FunctionalUtilities {
     map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
 }
 export interface FunctionalComponent<T = {}> {
-    (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
+    (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[] | null;
 }
 /**
  * A Child VDOM node
@@ -660,6 +679,7 @@ export declare namespace h {
     function h(sel: any, data: VNodeData | null, text: string): VNode;
     function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
     function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+    function h(sel: any, data: VNodeData | null, ...children: (VNode | string | number)[]): VNode;
     namespace JSX {
         interface IntrinsicElements extends LocalJSX.IntrinsicElements, JSXBase.IntrinsicElements {
             [tagName: string]: any;
@@ -674,6 +694,36 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+export declare function h(sel: any, data: VNodeData | null, ...children: (VNode | string | number)[]): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsx mode.
+ * These functions are called automatically by TypeScript when using "jsx": "react-jsx".
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @returns a jsx vnode
+ */
+export declare function jsx(type: any, props: any, key?: string): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsxmode with multiple children.
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @returns a jsx vnode
+ */
+export declare function jsxs(type: any, props: any, key?: string): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsxdev mode.
+ * These functions are called automatically by TypeScript when using "jsx": "react-jsxdev".
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @param isStaticChildren indicates if the children are static
+ * @param source source information
+ * @param self reference to the component instance
+ * @returns a jsx vnode
+ */
+export declare function jsxDEV(type: any, props: any, key?: string | number, isStaticChildren?: boolean, source?: any, self?: any): VNode;
 /**
  * A virtual DOM node
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pod-os/contacts",
-  "version": "0.2.0",
+  "version": "0.3.0-rc.22aea6d.0",
   "description": "PodOS contact manager",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -12,7 +12,7 @@
   "unpkg": "dist/contacts/contacts.esm.js",
   "repository": {
     "type": "git",
-    "url": "https://github.com/ionic-team/stencil-component-starter.git"
+    "url": "git+https://github.com/pod-os/PodOS.git"
   },
   "files": [
     "dist/",

package/dist/cjs/chunk.ZGGPD2XJ-D0JTxaR_.js

@@ -1,5 +0,0 @@
-'use strict';
-
-var chunk_YHLNUJ7P = require('./chunk.YHLNUJ7P-BQOX8L9A.js');
-
-chunk_YHLNUJ7P.SlIcon.define("sl-icon");