@pine-ds/core 3.7.0 → 3.8.1

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-10-02T18:12:08",
+  "timestamp": "2025-10-21T18:45:49",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.28.2",
@@ -8118,9 +8118,15 @@
           "name": "sentiment",
           "type": "\"accent\" | \"brand\" | \"danger\" | \"info\" | \"neutral\" | \"success\" | \"warning\"",
           "complexType": {
-            "original": "'accent' | 'brand' | 'danger' | 'info' | 'neutral' | 'success' | 'warning'",
+            "original": "ChipSentimentType",
             "resolved": "\"accent\" | \"brand\" | \"danger\" | \"info\" | \"neutral\" | \"success\" | \"warning\"",
-            "references": {}
+            "references": {
+              "ChipSentimentType": {
+                "location": "import",
+                "path": "@utils/types",
+                "id": "src/utils/types.ts::ChipSentimentType"
+              }
+            }
           },
           "mutable": false,
           "attr": "sentiment",
@@ -8172,9 +8178,15 @@
           "name": "variant",
           "type": "\"dropdown\" | \"tag\" | \"text\"",
           "complexType": {
-            "original": "'text' | 'tag' | 'dropdown'",
+            "original": "ChipVariantType",
             "resolved": "\"dropdown\" | \"tag\" | \"text\"",
-            "references": {}
+            "references": {
+              "ChipVariantType": {
+                "location": "import",
+                "path": "@utils/types",
+                "id": "src/utils/types.ts::ChipVariantType"
+              }
+            }
           },
           "mutable": false,
           "attr": "variant",
@@ -8233,13 +8245,18 @@
         }
       ],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "pds-combobox"
+      ],
       "dependencies": [
         "pds-icon"
       ],
       "dependencyGraph": {
         "pds-chip": [
           "pds-icon"
+        ],
+        "pds-combobox": [
+          "pds-chip"
         ]
       }
     },
@@ -8261,6 +8278,147 @@
       ],
       "usage": {},
       "props": [
+        {
+          "name": "chipDot",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "chip-dot",
+          "reflectToAttr": false,
+          "docs": "Whether a dot should be displayed on the chip trigger.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "chipIcon",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "chip-icon",
+          "reflectToAttr": false,
+          "docs": "The name of the icon to display in the chip trigger.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "chipLarge",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "chip-large",
+          "reflectToAttr": false,
+          "docs": "Whether the chip trigger should be displayed in a larger size.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "chipSentiment",
+          "type": "\"accent\" | \"brand\" | \"danger\" | \"info\" | \"neutral\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "ChipSentimentType",
+            "resolved": "\"accent\" | \"brand\" | \"danger\" | \"info\" | \"neutral\" | \"success\" | \"warning\"",
+            "references": {
+              "ChipSentimentType": {
+                "location": "import",
+                "path": "@utils/types",
+                "id": "src/utils/types.ts::ChipSentimentType"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "chip-sentiment",
+          "reflectToAttr": false,
+          "docs": "The sentiment for the chip trigger. Matches Pine chip sentiments.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'neutral'"
+            }
+          ],
+          "default": "'neutral'",
+          "values": [
+            {
+              "value": "accent",
+              "type": "string"
+            },
+            {
+              "value": "brand",
+              "type": "string"
+            },
+            {
+              "value": "danger",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "neutral",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "componentId",
           "type": "string",
@@ -8541,6 +8699,29 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "name",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "name",
+          "reflectToAttr": true,
+          "docs": "The name of the form control. Submitted with the form as part of a name/value pair.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "placeholder",
           "type": "string",
@@ -8566,16 +8747,16 @@
         },
         {
           "name": "trigger",
-          "type": "\"button\" | \"input\"",
+          "type": "\"button\" | \"chip\" | \"input\"",
           "complexType": {
-            "original": "'input' | 'button'",
-            "resolved": "\"button\" | \"input\"",
+            "original": "'input' | 'button' | 'chip'",
+            "resolved": "\"button\" | \"chip\" | \"input\"",
             "references": {}
           },
           "mutable": false,
           "attr": "trigger",
           "reflectToAttr": false,
-          "docs": "Determines the combobox trigger: 'input' (editable input) or 'button' (button-like, non-editable).",
+          "docs": "Determines the combobox trigger: 'input' (editable input), 'button' (button-like, non-editable), or 'chip' (chip-like, non-editable).",
           "docsTags": [
             {
               "name": "default",
@@ -8588,6 +8769,10 @@
               "value": "button",
               "type": "string"
             },
+            {
+              "value": "chip",
+              "type": "string"
+            },
             {
               "value": "input",
               "type": "string"
@@ -8773,6 +8958,10 @@
           "name": "button-trigger",
           "docs": ""
         },
+        {
+          "name": "chip-trigger",
+          "docs": ""
+        },
         {
           "name": "input",
           "docs": ""
@@ -8781,11 +8970,16 @@
       "dependents": [],
       "dependencies": [
         "pds-box",
-        "pds-icon"
+        "pds-icon",
+        "pds-chip"
       ],
       "dependencyGraph": {
         "pds-combobox": [
           "pds-box",
+          "pds-icon",
+          "pds-chip"
+        ],
+        "pds-chip": [
           "pds-icon"
         ]
       }
@@ -11741,14 +11935,129 @@
           "setter": false
         }
       ],
-      "methods": [],
-      "events": [],
-      "listeners": [
+      "methods": [
         {
-          "event": "click",
-          "capture": true,
-          "passive": false
+          "name": "hide",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "hide() => Promise<void>",
+          "parameters": [],
+          "docs": "Closes the popover programmatically",
+          "docsTags": []
         },
+        {
+          "name": "show",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "show() => Promise<void>",
+          "parameters": [],
+          "docs": "Opens the popover programmatically",
+          "docsTags": []
+        },
+        {
+          "name": "toggle",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "toggle() => Promise<void>",
+          "parameters": [],
+          "docs": "Toggles the popover open/closed state programmatically",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "pdsPopoverClose",
+          "detail": "PdsPopoverEventDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "PdsPopoverEventDetail",
+            "resolved": "PdsPopoverEventDetail",
+            "references": {
+              "PdsPopoverEventDetail": {
+                "location": "import",
+                "path": "./popover-interface",
+                "id": "src/components/pds-popover/popover-interface.ts::PdsPopoverEventDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the popover is closed",
+          "docsTags": []
+        },
+        {
+          "event": "pdsPopoverOpen",
+          "detail": "PdsPopoverEventDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "PdsPopoverEventDetail",
+            "resolved": "PdsPopoverEventDetail",
+            "references": {
+              "PdsPopoverEventDetail": {
+                "location": "import",
+                "path": "./popover-interface",
+                "id": "src/components/pds-popover/popover-interface.ts::PdsPopoverEventDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the popover is opened",
+          "docsTags": []
+        }
+      ],
+      "listeners": [
         {
           "event": "scroll",
           "target": "window",
@@ -16043,6 +16352,16 @@
       "docstring": "",
       "path": "src/components/pds-checkbox/checkbox-interface.ts"
     },
+    "src/utils/types.ts::ChipSentimentType": {
+      "declaration": "export type ChipSentimentType =\n  'accent'\n  | 'brand'\n  | 'danger'\n  | 'info'\n  | 'neutral'\n  | 'success'\n  | 'warning';",
+      "docstring": "",
+      "path": "src/utils/types.ts"
+    },
+    "src/utils/types.ts::ChipVariantType": {
+      "declaration": "export type ChipVariantType =\n  'text'\n  | 'tag'\n  | 'dropdown';",
+      "docstring": "",
+      "path": "src/utils/types.ts"
+    },
     "src/utils/types.ts::PlacementType": {
       "declaration": "export type PlacementType =\n  | 'top-start'\n  | 'top'\n  | 'top-end'\n  | 'left-start'\n  | 'left'\n  | 'left-end'\n  | 'right-start'\n  | 'right'\n  | 'right-end'\n  | 'bottom-start'\n  | 'bottom'\n  | 'bottom-end';",
       "docstring": "",
@@ -16078,6 +16397,11 @@
       "docstring": "",
       "path": "src/components/pds-input/input-interface.ts"
     },
+    "src/components/pds-popover/popover-interface.ts::PdsPopoverEventDetail": {
+      "declaration": "export interface PdsPopoverEventDetail {\n  componentId: string;\n  popoverType: 'auto' | 'manual';\n  text?: string;\n}",
+      "docstring": "",
+      "path": "src/components/pds-popover/popover-interface.ts"
+    },
     "src/components/pds-textarea/textarea-interface.ts::TextareaInputEventDetail": {
       "declaration": "export interface TextareaInputEventDetail {\n  event?: Event;\n  value?: string | null;\n}",
       "docstring": "",

package/dist/esm/form-DwjNklzi.js

@@ -0,0 +1,47 @@
+/**
+ * Create id for messaging
+ */
+const messageId = (id, messageType) => {
+    return `${id}__${messageType}-message`;
+};
+/**
+ * Assign aria-description id to relate messages with form element
+ */
+const assignDescription = (id, invalid, helperMessage) => {
+    if (!helperMessage)
+        return;
+    let relatedId = messageId(id, 'helper');
+    if (invalid)
+        relatedId = messageId(id, 'error');
+    return relatedId;
+};
+/**
+ * Updates the `invalid` prop of a form element based on it's values validity
+ */
+const isRequired = (target, component) => {
+    if (!target || !component)
+        return;
+    if (component.required === true) {
+        (target.checkValidity() === false) ? component.invalid = true : component.invalid = false;
+    }
+};
+/**
+ * Exposes a readonly type property on a custom form element to match native form element behavior.
+ * This makes the type property enumerable and accessible via element.type, matching native HTML elements.
+ * The property is non-configurable, preventing it from being redefined or deleted at runtime.
+ *
+ * @param element - The custom element to add the type property to
+ * @param type - The type value (string literal) or a getter function that returns the type
+ */
+function exposeTypeProperty(element, type) {
+    Object.defineProperty(element, 'type', {
+        get: typeof type === 'function' ? type : () => type,
+        enumerable: true,
+        configurable: false
+    });
+}
+
+export { assignDescription as a, exposeTypeProperty as e, isRequired as i, messageId as m };
+//# sourceMappingURL=form-DwjNklzi.js.map
+
+//# sourceMappingURL=form-DwjNklzi.js.map

package/dist/esm/form-DwjNklzi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-DwjNklzi.js","sources":["src/utils/form.ts"],"sourcesContent":["/**\n * Create id for messaging\n */\nexport const messageId = (id: string, messageType: string) => {\n  return `${id}__${messageType}-message`;\n};\n\n/**\n * Assign aria-description id to relate messages with form element\n */\nexport const assignDescription = (id: string, invalid: boolean, helperMessage: string) => {\n  if (!helperMessage) return\n\n  let relatedId = messageId(id, 'helper')\n\n  if (invalid) relatedId = messageId(id, 'error');\n\n  return relatedId;\n};\n\n/**\n * Updates the `invalid` prop of a form element based on it's values validity\n */\nexport const isRequired = (target, component) => {\n  if ( !target || !component ) return;\n  if (component.required === true) {\n    (target.checkValidity() === false) ? component.invalid = true : component.invalid = false;\n  }\n}\n\n/**\n * Exposes a readonly type property on a custom form element to match native form element behavior.\n * This makes the type property enumerable and accessible via element.type, matching native HTML elements.\n * The property is non-configurable, preventing it from being redefined or deleted at runtime.\n * \n * @param element - The custom element to add the type property to\n * @param type - The type value (string literal) or a getter function that returns the type\n */\nexport function exposeTypeProperty(element: HTMLElement, type: string | (() => string)) {\n  Object.defineProperty(element, 'type', {\n    get: typeof type === 'function' ? type : () => type,\n    enumerable: true,\n    configurable: false\n  });\n}\n"],"names":[],"mappings":"AAAA;;AAEG;MACU,SAAS,GAAG,CAAC,EAAU,EAAE,WAAmB,KAAI;AAC3D,IAAA,OAAO,CAAG,EAAA,EAAE,CAAK,EAAA,EAAA,WAAW,UAAU;AACxC;AAEA;;AAEG;AACU,MAAA,iBAAiB,GAAG,CAAC,EAAU,EAAE,OAAgB,EAAE,aAAqB,KAAI;AACvF,IAAA,IAAI,CAAC,aAAa;QAAE;IAEpB,IAAI,SAAS,GAAG,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC;AAEvC,IAAA,IAAI,OAAO;AAAE,QAAA,SAAS,GAAG,SAAS,CAAC,EAAE,EAAE,OAAO,CAAC;AAE/C,IAAA,OAAO,SAAS;AAClB;AAEA;;AAEG;MACU,UAAU,GAAG,CAAC,MAAM,EAAE,SAAS,KAAI;AAC9C,IAAA,IAAK,CAAC,MAAM,IAAI,CAAC,SAAS;QAAG;AAC7B,IAAA,IAAI,SAAS,CAAC,QAAQ,KAAK,IAAI,EAAE;QAC/B,CAAC,MAAM,CAAC,aAAa,EAAE,KAAK,KAAK,IAAI,SAAS,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,OAAO,GAAG,KAAK;;AAE7F;AAEA;;;;;;;AAOG;AACa,SAAA,kBAAkB,CAAC,OAAoB,EAAE,IAA6B,EAAA;AACpF,IAAA,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE;AACrC,QAAA,GAAG,EAAE,OAAO,IAAI,KAAK,UAAU,GAAG,IAAI,GAAG,MAAM,IAAI;AACnD,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,YAAY,EAAE;AACf,KAAA,CAAC;AACJ;;;;"}

package/dist/esm/{index-D4MkIUXU.js → index-D4zJBIgl.js}

@@ -1,4 +1,4 @@
-/* pds-icons v9.8.0, ES Modules */
+/* pds-icons v9.9.0, ES Modules */
 
 const addCircle = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m11-5a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H8a1 1 0 1 1 0-2h3V8a1 1 0 0 1 1-1'/></svg>";
 const caretDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414'/></svg>";
@@ -15,6 +15,6 @@ const upSmall = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'
 const userFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M8.786 14.5h6.428c.727 0 1.222 0 1.654.076a5 5 0 0 1 4.056 4.056c.076.432.076.927.076 1.654 0 .158.005.318-.023.474a1.5 1.5 0 0 1-1.216 1.217c-.137.024-.28.023-.351.023Q12 21.961 4.59 22c-.07 0-.214.001-.35-.023a1.5 1.5 0 0 1-1.217-1.216c-.028-.157-.023-.317-.023-.475 0-.727 0-1.222.076-1.654a5 5 0 0 1 4.056-4.056c.432-.076.927-.076 1.654-.076M6.5 7.5a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0'/></svg>";
 
 export { copy as a, addCircle as b, checkCircleFilled as c, downSmall as d, enlarge as e, caretDown as f, upSmall as g, handle as h, danger as i, launch as l, remove as r, trash as t, userFilled as u };
-//# sourceMappingURL=index-D4MkIUXU.js.map
+//# sourceMappingURL=index-D4zJBIgl.js.map
 
-//# sourceMappingURL=index-D4MkIUXU.js.map
+//# sourceMappingURL=index-D4zJBIgl.js.map