@polarityio/pi-components 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) 2026 ThreatConnect, Inc
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all 
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,88 @@
+# Polarity Integration Component Library
+
+## All Components
+
+Meta-package that re-exports every component in the Polarity Integration Component Library. Install this single package to get access to all components, utilities, and types.
+
+## Installation
+
+```bash
+npm install @polarityio/pi-components
+```
+
+### Peer Dependencies
+
+- [lit](https://lit.dev/) ^3.0.0
+
+## Usage
+
+```javascript
+import {
+  defineCustomElementOnce,
+  PiButton, PiButtonName,
+  PiIcon, PiIconName,
+  PiSelect, PiSelectName
+} from '@polarityio/pi-components';
+
+// Register only the components you need
+defineCustomElementOnce(PiButtonName, PiButton);
+defineCustomElementOnce(PiIconName, PiIcon);
+defineCustomElementOnce(PiSelectName, PiSelect);
+```
+
+```javascript
+import { html } from 'lit';
+import { faUser } from '@fortawesome/free-solid-svg-icons';
+
+html`
+  <pi-button type="primary" label="Click me"></pi-button>
+  <pi-icon .icon=${faUser} size="lg"></pi-icon>
+`;
+```
+
+> **Tree-shaking:** Only the components you import are included in your bundle. Unused components are automatically excluded.
+
+## Included Components
+
+| Package | Component(s) | Description |
+| --- | --- | --- |
+| [@polarityio/pi-shared](../shared/) | — | Shared utilities, base classes, interfaces, and design tokens |
+| [@polarityio/pi-button](../button/) | `<pi-button>` | Button with multiple types, variants, and icon support |
+| [@polarityio/pi-card](../card/) | `<pi-card>` | Card container with optional collapsible title |
+| [@polarityio/pi-checkbox](../checkbox/) | `<pi-checkbox>` | Checkbox with checked, indeterminate, and disabled states |
+| [@polarityio/pi-copy-button](../copy-button/) | `<pi-copy-button>` | Clipboard copy button with rich text support |
+| [@polarityio/pi-external-link](../external-link/) | `<pi-external-link>` | Link that opens URLs in a new tab with icon and tooltip |
+| [@polarityio/pi-icon](../icon/) | `<pi-icon>` | FontAwesome SVG icon rendering |
+| [@polarityio/pi-input](../input/) | `<pi-input>` | Text input with validation, clearable field, and error states |
+| [@polarityio/pi-key-value](../key-value/) | `<pi-key-value>` | Key-value pair display with date formatting |
+| [@polarityio/pi-object-table](../object-table/) | `<pi-object-table>` | Object/array to HTML table renderer |
+| [@polarityio/pi-radio](../radio/) | `<pi-radio>`, `<pi-radio-group>` | Radio button and radio group components |
+| [@polarityio/pi-section-header](../section-header/) | `<pi-section-header>` | Collapsible section header with count display |
+| [@polarityio/pi-select](../select/) | `<pi-select>` | Searchable dropdown with single/multiple selection |
+| [@polarityio/pi-show-more](../show-more/) | `<pi-show-more>` | Expandable content with show more/less toggle |
+| [@polarityio/pi-spinner](../spinner/) | `<pi-spinner>` | Loading spinner with configurable size and label |
+| [@polarityio/pi-summary-tag](../summary-tag/) | `<pi-summary-tag>` | Integration-themed badge with colored acronym |
+| [@polarityio/pi-tab](../tab/) | `<pi-tab>`, `<pi-tab-group>`, `<pi-tab-panel>` | Tab navigation components |
+| [@polarityio/pi-tag](../tag/) | `<pi-tag>` | Inline tag/chip with optional icons |
+| [@polarityio/pi-tooltip](../tooltip/) | `<pi-tooltip>` | Tooltip with floating-ui positioning |
+
+## Component Registry
+
+This package also exports a component registry JSON file for runtime discovery:
+
+```javascript
+import registry from '@polarityio/pi-components/component-registry.json';
+```
+
+## When to Use This Package
+
+- **Use `@polarityio/pi-components`** when you need multiple components and want a single import source. Tree-shaking ensures only what you use is bundled.
+- **Use individual packages** (e.g., `@polarityio/pi-button`) when you want minimal dependencies or need fine-grained version control per component.
+
+## Theming
+
+All components use CSS custom properties from `@polarityio/pi-shared` for theming. See the [Shared Utilities README](../shared/) for details on design tokens and theme setup.
+
+## License
+
+MIT

package/dist/component-registry.json

@@ -0,0 +1,107 @@
+{
+  "pi-button": {
+    "element": "pi-button-v1-0-0",
+    "className": "PiButton",
+    "package": "@polarityio/pi-button"
+  },
+  "pi-card": {
+    "element": "pi-card-v1-0-0",
+    "className": "PiCard",
+    "package": "@polarityio/pi-card"
+  },
+  "pi-checkbox": {
+    "element": "pi-checkbox-v1-0-0",
+    "className": "PiCheckbox",
+    "package": "@polarityio/pi-checkbox"
+  },
+  "pi-copy-button": {
+    "element": "pi-copy-button-v1-0-0",
+    "className": "PiCopyButton",
+    "package": "@polarityio/pi-copy-button"
+  },
+  "pi-external-link": {
+    "element": "pi-external-link-v1-0-0",
+    "className": "PiExternalLink",
+    "package": "@polarityio/pi-external-link"
+  },
+  "pi-icon": {
+    "element": "pi-icon-v1-0-0",
+    "className": "PiIcon",
+    "package": "@polarityio/pi-icon"
+  },
+  "pi-input": {
+    "element": "pi-input-v1-0-0",
+    "className": "PiInput",
+    "package": "@polarityio/pi-input"
+  },
+  "pi-key-value": {
+    "element": "pi-key-value-v1-0-0",
+    "className": "PiKeyValue",
+    "package": "@polarityio/pi-key-value"
+  },
+  "pi-object-table": {
+    "element": "pi-object-table-v1-0-0",
+    "className": "PiObjectTable",
+    "package": "@polarityio/pi-object-table"
+  },
+  "pi-radio": {
+    "element": "pi-radio-v1-0-0",
+    "className": "PiRadio",
+    "package": "@polarityio/pi-radio"
+  },
+  "pi-radio-group": {
+    "element": "pi-radio-group-v1-0-0",
+    "className": "PiRadioGroup",
+    "package": "@polarityio/pi-radio"
+  },
+  "pi-section-header": {
+    "element": "pi-section-header-v1-0-0",
+    "className": "PiSectionHeader",
+    "package": "@polarityio/pi-section-header"
+  },
+  "pi-select": {
+    "element": "pi-select-v1-0-0",
+    "className": "PiSelect",
+    "package": "@polarityio/pi-select"
+  },
+  "pi-show-more": {
+    "element": "pi-show-more-v1-0-0",
+    "className": "PiShowMore",
+    "package": "@polarityio/pi-show-more"
+  },
+  "pi-spinner": {
+    "element": "pi-spinner-v1-0-0",
+    "className": "PiSpinner",
+    "package": "@polarityio/pi-spinner"
+  },
+  "pi-summary-tag": {
+    "element": "pi-summary-tag-v1-0-0",
+    "className": "PiSummaryTag",
+    "package": "@polarityio/pi-summary-tag"
+  },
+  "pi-tab": {
+    "element": "pi-tab-v1-0-0",
+    "className": "PiTab",
+    "package": "@polarityio/pi-tab"
+  },
+  "pi-tab-group": {
+    "element": "pi-tab-group-v1-0-0",
+    "className": "PiTabGroup",
+    "package": "@polarityio/pi-tab"
+  },
+  "pi-tab-panel": {
+    "element": "pi-tab-panel-v1-0-0",
+    "className": "PiTabPanel",
+    "package": "@polarityio/pi-tab"
+  },
+  "pi-tag": {
+    "element": "pi-tag-v1-0-0",
+    "className": "PiTag",
+    "package": "@polarityio/pi-tag"
+  },
+  "pi-tooltip": {
+    "element": "pi-tooltip-v1-0-0",
+    "className": "PiTooltip",
+    "package": "@polarityio/pi-tooltip"
+  }
+}

package/dist/index.d.ts

@@ -0,0 +1,50 @@
+export { libraryCustomElementName } from '@polarityio/pi-shared';
+export { appendCustomElement } from '@polarityio/pi-shared';
+export { defineCustomElementOnce } from '@polarityio/pi-shared';
+export { getComponentElementName } from '@polarityio/pi-shared';
+export { renderCustomElement } from '@polarityio/pi-shared';
+export { IntegrationComponentBase } from '@polarityio/pi-shared';
+export { typographyCSS, injectPiTypography } from '@polarityio/pi-shared';
+export type { IBlock, IConfig, ICustomElementProperty, IIntegrationBlockIntegration, IIntegrationComponentProperties, IDefaultSummaryComponentProperties, IPiTagColors, IServicesProxy } from '@polarityio/pi-shared';
+export { PiObjectTable, CUSTOM_ELEMENT_NAME as ObjectTableName } from '@polarityio/pi-object-table';
+export type { PiObjectTableProps } from '@polarityio/pi-object-table';
+export { PiIcon, CUSTOM_ELEMENT_NAME as PiIconName } from '@polarityio/pi-icon';
+export type { PiIconProps } from '@polarityio/pi-icon';
+export { PiSummaryTag, CUSTOM_ELEMENT_NAME as PiSummaryTagName } from '@polarityio/pi-summary-tag';
+export type { PiSummaryTagProps } from '@polarityio/pi-summary-tag';
+export { PiCopyButton, CUSTOM_ELEMENT_NAME as CopyButtonName } from '@polarityio/pi-copy-button';
+export type { PiCopyButtonProps } from '@polarityio/pi-copy-button';
+export { PiSectionHeader, CUSTOM_ELEMENT_NAME as SectionHeaderName } from '@polarityio/pi-section-header';
+export type { PiSectionHeaderProps } from '@polarityio/pi-section-header';
+export { PiButton, CUSTOM_ELEMENT_NAME as PiButtonName } from '@polarityio/pi-button';
+export type { PiButtonProps } from '@polarityio/pi-button';
+export { PiCard, CUSTOM_ELEMENT_NAME as PiCardName } from '@polarityio/pi-card';
+export type { PiCardProps } from '@polarityio/pi-card';
+export { PiCheckbox, CUSTOM_ELEMENT_NAME as PiCheckboxName } from '@polarityio/pi-checkbox';
+export type { PiCheckboxProps } from '@polarityio/pi-checkbox';
+export { PiExternalLink, CUSTOM_ELEMENT_NAME as PiExternalLinkName } from '@polarityio/pi-external-link';
+export type { PiExternalLinkProps } from '@polarityio/pi-external-link';
+export { PiInput, CUSTOM_ELEMENT_NAME as PiInputName } from '@polarityio/pi-input';
+export type { PiInputProps } from '@polarityio/pi-input';
+export { PiKeyValue, CUSTOM_ELEMENT_NAME as PiKeyValueName } from '@polarityio/pi-key-value';
+export type { PiKeyValueProps } from '@polarityio/pi-key-value';
+export { PiRadio, RADIO_CUSTOM_ELEMENT_NAME as PiRadioName } from '@polarityio/pi-radio';
+export type { PiRadioProps } from '@polarityio/pi-radio';
+export { PiRadioGroup, RADIO_GROUP_CUSTOM_ELEMENT_NAME as PiRadioGroupName } from '@polarityio/pi-radio';
+export type { PiRadioGroupProps } from '@polarityio/pi-radio';
+export { PiSpinner, CUSTOM_ELEMENT_NAME as PiSpinnerName } from '@polarityio/pi-spinner';
+export type { PiSpinnerProps, PiSpinnerSize, PiSpinnerLabelPosition } from '@polarityio/pi-spinner';
+export { PiTab, TAB_CUSTOM_ELEMENT_NAME as PiTabName } from '@polarityio/pi-tab';
+export type { PiTabProps } from '@polarityio/pi-tab';
+export { PiTabGroup, TAB_GROUP_CUSTOM_ELEMENT_NAME as PiTabGroupName } from '@polarityio/pi-tab';
+export type { PiTabGroupProps, TabPlacement, TabActivation } from '@polarityio/pi-tab';
+export { PiTabPanel, TAB_PANEL_CUSTOM_ELEMENT_NAME as PiTabPanelName } from '@polarityio/pi-tab';
+export type { PiTabPanelProps } from '@polarityio/pi-tab';
+export { PiTag, CUSTOM_ELEMENT_NAME as PiTagName } from '@polarityio/pi-tag';
+export type { PiTagProps } from '@polarityio/pi-tag';
+export { PiTooltip, CUSTOM_ELEMENT_NAME as PiTooltipName } from '@polarityio/pi-tooltip';
+export type { PiTooltipProps } from '@polarityio/pi-tooltip';
+export { PiSelect, CUSTOM_ELEMENT_NAME as PiSelectName } from '@polarityio/pi-select';
+export type { PiSelectProps, PiSelectChangeDetail, PiSelectSearchDetail, PiSelectConfig, PiSelectState, PiSelectEventMap, MatcherFn, OptionRenderer, GroupObject, Option } from '@polarityio/pi-select';
+export { PiShowMore, CUSTOM_ELEMENT_NAME as PiShowMoreName } from '@polarityio/pi-show-more';
+export type { PiShowMoreProps } from '@polarityio/pi-show-more';

package/dist/index.js

@@ -0,0 +1,71 @@
+import { IntegrationComponentBase, appendCustomElement, defineCustomElementOnce, getComponentElementName, injectPiTypography, libraryCustomElementName, renderCustomElement, typographyCSS } from "@polarityio/pi-shared";
+import { CUSTOM_ELEMENT_NAME, PiObjectTable } from "@polarityio/pi-object-table";
+import { PiIcon, CUSTOM_ELEMENT_NAME as CUSTOM_ELEMENT_NAME2 } from "@polarityio/pi-icon";
+import { PiSummaryTag, CUSTOM_ELEMENT_NAME as CUSTOM_ELEMENT_NAME3 } from "@polarityio/pi-summary-tag";
+import { CUSTOM_ELEMENT_NAME as CUSTOM_ELEMENT_NAME4, PiCopyButton } from "@polarityio/pi-copy-button";
+import { PiSectionHeader, CUSTOM_ELEMENT_NAME as CUSTOM_ELEMENT_NAME5 } from "@polarityio/pi-section-header";
+import { PiButton, CUSTOM_ELEMENT_NAME as CUSTOM_ELEMENT_NAME6 } from "@polarityio/pi-button";
+import { PiCard, CUSTOM_ELEMENT_NAME as CUSTOM_ELEMENT_NAME7 } from "@polarityio/pi-card";
+import { PiCheckbox, CUSTOM_ELEMENT_NAME as CUSTOM_ELEMENT_NAME8 } from "@polarityio/pi-checkbox";
+import { PiExternalLink, CUSTOM_ELEMENT_NAME as CUSTOM_ELEMENT_NAME9 } from "@polarityio/pi-external-link";
+import { PiInput, CUSTOM_ELEMENT_NAME as CUSTOM_ELEMENT_NAME10 } from "@polarityio/pi-input";
+import { PiKeyValue, CUSTOM_ELEMENT_NAME as CUSTOM_ELEMENT_NAME11 } from "@polarityio/pi-key-value";
+import { PiRadio, PiRadioGroup, RADIO_GROUP_CUSTOM_ELEMENT_NAME, RADIO_CUSTOM_ELEMENT_NAME } from "@polarityio/pi-radio";
+import { PiSpinner, CUSTOM_ELEMENT_NAME as CUSTOM_ELEMENT_NAME12 } from "@polarityio/pi-spinner";
+import { PiTab, PiTabGroup, TAB_GROUP_CUSTOM_ELEMENT_NAME, TAB_CUSTOM_ELEMENT_NAME, PiTabPanel, TAB_PANEL_CUSTOM_ELEMENT_NAME } from "@polarityio/pi-tab";
+import { PiTag, CUSTOM_ELEMENT_NAME as CUSTOM_ELEMENT_NAME13 } from "@polarityio/pi-tag";
+import { PiTooltip, CUSTOM_ELEMENT_NAME as CUSTOM_ELEMENT_NAME14 } from "@polarityio/pi-tooltip";
+import { PiSelect, CUSTOM_ELEMENT_NAME as CUSTOM_ELEMENT_NAME15 } from "@polarityio/pi-select";
+import { PiShowMore, CUSTOM_ELEMENT_NAME as CUSTOM_ELEMENT_NAME16 } from "@polarityio/pi-show-more";
+export {
+  CUSTOM_ELEMENT_NAME4 as CopyButtonName,
+  IntegrationComponentBase,
+  CUSTOM_ELEMENT_NAME as ObjectTableName,
+  PiButton,
+  CUSTOM_ELEMENT_NAME6 as PiButtonName,
+  PiCard,
+  CUSTOM_ELEMENT_NAME7 as PiCardName,
+  PiCheckbox,
+  CUSTOM_ELEMENT_NAME8 as PiCheckboxName,
+  PiCopyButton,
+  PiExternalLink,
+  CUSTOM_ELEMENT_NAME9 as PiExternalLinkName,
+  PiIcon,
+  CUSTOM_ELEMENT_NAME2 as PiIconName,
+  PiInput,
+  CUSTOM_ELEMENT_NAME10 as PiInputName,
+  PiKeyValue,
+  CUSTOM_ELEMENT_NAME11 as PiKeyValueName,
+  PiObjectTable,
+  PiRadio,
+  PiRadioGroup,
+  RADIO_GROUP_CUSTOM_ELEMENT_NAME as PiRadioGroupName,
+  RADIO_CUSTOM_ELEMENT_NAME as PiRadioName,
+  PiSectionHeader,
+  PiSelect,
+  CUSTOM_ELEMENT_NAME15 as PiSelectName,
+  PiShowMore,
+  CUSTOM_ELEMENT_NAME16 as PiShowMoreName,
+  PiSpinner,
+  CUSTOM_ELEMENT_NAME12 as PiSpinnerName,
+  PiSummaryTag,
+  CUSTOM_ELEMENT_NAME3 as PiSummaryTagName,
+  PiTab,
+  PiTabGroup,
+  TAB_GROUP_CUSTOM_ELEMENT_NAME as PiTabGroupName,
+  TAB_CUSTOM_ELEMENT_NAME as PiTabName,
+  PiTabPanel,
+  TAB_PANEL_CUSTOM_ELEMENT_NAME as PiTabPanelName,
+  PiTag,
+  CUSTOM_ELEMENT_NAME13 as PiTagName,
+  PiTooltip,
+  CUSTOM_ELEMENT_NAME14 as PiTooltipName,
+  CUSTOM_ELEMENT_NAME5 as SectionHeaderName,
+  appendCustomElement,
+  defineCustomElementOnce,
+  getComponentElementName,
+  injectPiTypography,
+  libraryCustomElementName,
+  renderCustomElement,
+  typographyCSS
+};

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@polarityio/pi-components",
+  "version": "1.0.0",
+  "description": "Meta-package that re-exports all Polarity integration components",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/polarityio/integration-component-library.git",
+    "directory": "packages/components"
+  },
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "source": "./src/index.ts",
+      "import": "./dist/index.js"
+    },
+    "./component-registry.json": "./dist/component-registry.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@polarityio/pi-shared": "1.0.0",
+    "@polarityio/pi-object-table": "1.0.0",
+    "@polarityio/pi-icon": "1.0.0",
+    "@polarityio/pi-summary-tag": "1.0.0",
+    "@polarityio/pi-copy-button": "1.0.0",
+    "@polarityio/pi-section-header": "1.0.0",
+    "@polarityio/pi-select": "1.0.0",
+    "@polarityio/pi-show-more": "1.0.0",
+    "@polarityio/pi-button": "1.0.0",
+    "@polarityio/pi-card": "1.0.0",
+    "@polarityio/pi-checkbox": "1.0.0",
+    "@polarityio/pi-external-link": "1.0.0",
+    "@polarityio/pi-input": "1.0.0",
+    "@polarityio/pi-key-value": "1.0.0",
+    "@polarityio/pi-radio": "1.0.0",
+    "@polarityio/pi-spinner": "1.0.0",
+    "@polarityio/pi-tab": "1.0.0",
+    "@polarityio/pi-tag": "1.0.0",
+    "@polarityio/pi-tooltip": "1.0.0"
+  },
+  "peerDependencies": {
+    "lit": "^3.0.0"
+  },
+  "scripts": {
+    "build": "vite build",
+    "typecheck": "tsc --noEmit"
+  }
+}