@brightspot/ui 1.0.1-wc.4 → 1.2.0

package/dist/custom-elements.json

@@ -0,0 +1,772 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/components/avatar/Avatar.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "An avatar component for displaying user profile images with fallback support.\n\nAvatars display user profile images with automatic fallback to initials when\nthe image fails to load or is not provided.",
+          "name": "Avatar",
+          "cssProperties": [
+            {
+              "description": "Custom size (overrides size prop)",
+              "name": "--avatar-size"
+            },
+            {
+              "description": "Fallback background color (default: purple-600)",
+              "name": "--avatar-bg-color"
+            },
+            {
+              "description": "How rounded is the avatar (default: circle)",
+              "name": "--avatar-corner-rounding"
+            },
+            {
+              "description": "Optional ring border color",
+              "name": "--avatar-ring-color"
+            },
+            {
+              "description": "Ring border width (default: 2px)",
+              "name": "--avatar-ring-width"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Image source URL",
+              "attribute": "src"
+            },
+            {
+              "kind": "field",
+              "name": "alt",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Alt text for the image",
+              "attribute": "alt"
+            },
+            {
+              "kind": "field",
+              "name": "fallback",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Fallback text (typically user initials)",
+              "attribute": "fallback"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'"
+              },
+              "default": "'md'",
+              "description": "Size variant.\n- 'xs': Extra small (1.5rem)\n- 'sm': Small (2.25rem)\n- 'md': Medium (2.5rem) - default\n- 'lg': Large (3rem)\n- 'xl': Extra large (3.5rem)\n- 'xxl': Extra extra large (4rem)",
+              "attribute": "size"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired after first render and initialization",
+              "name": "btu-avatar-ready"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<{src: string}>"
+              },
+              "description": "Fired when image successfully loads",
+              "name": "btu-avatar-image-loaded"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<{src: string, error: Event}>"
+              },
+              "description": "Fired when image fails to load",
+              "name": "btu-avatar-image-error"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Image source URL",
+              "fieldName": "src",
+              "attribute": "src"
+            },
+            {
+              "name": "alt",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Alt text for the image",
+              "fieldName": "alt",
+              "attribute": "alt"
+            },
+            {
+              "name": "fallback",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Fallback text (typically user initials)",
+              "fieldName": "fallback",
+              "attribute": "fallback"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'"
+              },
+              "default": "'md'",
+              "description": "Size variant.\n- 'xs': Extra small (1.5rem)\n- 'sm': Small (2.25rem)\n- 'md': Medium (2.5rem) - default\n- 'lg': Large (3rem)\n- 'xl': Extra large (3.5rem)\n- 'xxl': Extra extra large (4rem)",
+              "fieldName": "size",
+              "attribute": "size"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "EventEmitterMixin",
+              "module": "/src/util/EventEmitterMixin.js"
+            },
+            {
+              "name": "ReadyMixin",
+              "module": "/src/util/ReadyMixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "btu-avatar",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Avatar",
+            "module": "src/components/avatar/Avatar.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "btu-avatar",
+          "declaration": {
+            "name": "Avatar",
+            "module": "src/components/avatar/Avatar.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/avatar/AvatarGroup.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A container component for grouping multiple avatars with consistent styling.\n\nAvatarGroup wraps multiple avatar elements and provides:\n- Overflow handling (shows \"+N\" for excess avatars)\n- Consistent spacing and ring borders\n- Size inheritance for all child avatars",
+          "name": "AvatarGroup",
+          "members": [
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Maximum number of visible avatars. Remaining avatars shown as \"+N\"",
+              "attribute": "max"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'xs' | 'sm' | 'md'"
+              },
+              "default": "'md'",
+              "description": "Size variant for all child avatars (unless individually overridden)",
+              "attribute": "size"
+            },
+            {
+              "kind": "method",
+              "name": "processAvatars",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Process all avatar children: apply size, handle overflow\nCall this method when avatars are dynamically added or removed"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired after first render and initialization",
+              "name": "btu-avatar-group-ready"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<{hidden: number}>"
+              },
+              "description": "Fired when avatars are hidden due to max limit",
+              "name": "btu-avatar-group-overflow"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "max",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Maximum number of visible avatars. Remaining avatars shown as \"+N\"",
+              "fieldName": "max",
+              "attribute": "max"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'xs' | 'sm' | 'md'"
+              },
+              "default": "'md'",
+              "description": "Size variant for all child avatars (unless individually overridden)",
+              "fieldName": "size",
+              "attribute": "size"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "EventEmitterMixin",
+              "module": "/src/util/EventEmitterMixin.js"
+            },
+            {
+              "name": "ReadyMixin",
+              "module": "/src/util/ReadyMixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "btu-avatar-group",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "AvatarGroup",
+            "module": "src/components/avatar/AvatarGroup.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "btu-avatar-group",
+          "declaration": {
+            "name": "AvatarGroup",
+            "module": "src/components/avatar/AvatarGroup.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/badge/Badge.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A badge component for highlighting important information.\n\nBadges help highlight notifications, status, or new messages.\nPrimarily used for communicating secondary or additional information.",
+          "name": "Badge",
+          "cssProperties": [
+            {
+              "description": "Text color (overrides theme color)",
+              "name": "--badge-color-foreground"
+            },
+            {
+              "description": "Background color (overrides theme color)",
+              "name": "--badge-color-background"
+            },
+            {
+              "description": "Border radius size (overrides shape default, default: 999px)",
+              "name": "--badge-radius-size"
+            },
+            {
+              "description": "Horizontal padding (overrides size default)",
+              "name": "--badge-px"
+            },
+            {
+              "description": "Vertical padding (overrides size default)",
+              "name": "--badge-py"
+            },
+            {
+              "description": "Size of the dot affordance (default: 6px)",
+              "name": "--badge-dot-size"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'info' | 'primary' | 'error' | 'success' | 'warning'"
+              },
+              "default": "'info'",
+              "description": "Style of the badge.\n- 'info': Informational (default)\n- 'primary': Primary action or emphasis\n- 'error': Error or danger state\n- 'success': Success or completion state\n- 'warning': Warning or caution state",
+              "attribute": "variant"
+            },
+            {
+              "kind": "field",
+              "name": "dot",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Should a dot be displayed before the label?",
+              "attribute": "dot"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "default": "'sm'",
+              "description": "Size variant.\n- 'sm': Small (default)\n- 'md': Medium\n- 'lg': Large",
+              "attribute": "size"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired after first render and initialization",
+              "name": "btu-badge-ready"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "'info' | 'primary' | 'error' | 'success' | 'warning'"
+              },
+              "default": "'info'",
+              "description": "Style of the badge.\n- 'info': Informational (default)\n- 'primary': Primary action or emphasis\n- 'error': Error or danger state\n- 'success': Success or completion state\n- 'warning': Warning or caution state",
+              "fieldName": "variant",
+              "attribute": "variant"
+            },
+            {
+              "name": "dot",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Should a dot be displayed before the label?",
+              "fieldName": "dot",
+              "attribute": "dot"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "default": "'sm'",
+              "description": "Size variant.\n- 'sm': Small (default)\n- 'md': Medium\n- 'lg': Large",
+              "fieldName": "size",
+              "attribute": "size"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "EventEmitterMixin",
+              "module": "/src/util/EventEmitterMixin.js"
+            },
+            {
+              "name": "ReadyMixin",
+              "module": "/src/util/ReadyMixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "btu-badge",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Badge",
+            "module": "src/components/badge/Badge.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "btu-badge",
+          "declaration": {
+            "name": "Badge",
+            "module": "src/components/badge/Badge.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/circular-progress/CircularProgress.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A circular progress indicator for showing loading states or progress.",
+          "name": "CircularProgress",
+          "cssProperties": [
+            {
+              "description": "Custom progress indicator color (overrides theme color)",
+              "name": "--progress-color"
+            },
+            {
+              "description": "Track/background color (overrides default gray-100)",
+              "name": "--track-color"
+            },
+            {
+              "description": "Custom size in pixels (overrides size preset)",
+              "name": "--progress-size"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Whether the progress indicator is indeterminate (animated spinner).\nWhen false, shows determinate progress based on the progress value.",
+              "attribute": "indeterminate"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'sm' | 'md' | 'lg'"
+              },
+              "default": "'sm'",
+              "description": "Size variant.\n- 'sm': Small (16px) - default\n- 'md': Medium (32px)\n- 'lg': Large (48px)",
+              "attribute": "size"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired after first render and initialization",
+              "name": "btu-progress-ready"
+            },
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when determinate progress reaches 100",
+              "name": "btu-progress-complete"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Whether the progress indicator is indeterminate (animated spinner).\nWhen false, shows determinate progress based on the progress value.",
+              "fieldName": "indeterminate",
+              "attribute": "indeterminate"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'sm' | 'md' | 'lg'"
+              },
+              "default": "'sm'",
+              "description": "Size variant.\n- 'sm': Small (16px) - default\n- 'md': Medium (32px)\n- 'lg': Large (48px)",
+              "fieldName": "size",
+              "attribute": "size"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "ProgressMixin",
+              "module": "/src/util/ProgressMixin.js"
+            },
+            {
+              "name": "EventEmitterMixin",
+              "module": "/src/util/EventEmitterMixin.js"
+            },
+            {
+              "name": "ReadyMixin",
+              "module": "/src/util/ReadyMixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "btu-circular-progress",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "CircularProgress",
+            "module": "src/components/circular-progress/CircularProgress.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "btu-circular-progress",
+          "declaration": {
+            "name": "CircularProgress",
+            "module": "src/components/circular-progress/CircularProgress.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/icon/Icon.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "An icon component for displaying Lucide icons.\n\nIcons inherit parent text color by default or can use gradient fills.\nAll icons are from the Lucide icon library (https://lucide.dev/icons/).\nSupports both direct SVG rendering and mask-based gradient fills.",
+          "name": "Icon",
+          "cssProperties": [
+            {
+              "description": "Icon size (overrides size default)",
+              "name": "--Icon-size"
+            },
+            {
+              "description": "Icon fill color for filled icons (e.g., \"currentColor\")",
+              "name": "--Icon-fill"
+            },
+            {
+              "description": "SVG data URI for mask-based rendering",
+              "name": "--Icon-svg"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "tagName",
+              "static": true,
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
+              },
+              "default": "'md'",
+              "description": "Size of the icon.\n- 'xs': Extra small (0.75rem)\n- 'sm': Small (1rem)\n- 'md': Medium (1.25rem, default)\n- 'lg': Large (1.5rem)\n- 'xl': Extra large (1.75rem)",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "symbol",
+              "type": {
+                "text": "string"
+              },
+              "default": "'circle-dashed'",
+              "description": "Lucide icon name to display.\nSee https://lucide.dev/icons/ for available icons.",
+              "attribute": "symbol"
+            },
+            {
+              "kind": "field",
+              "name": "gradient",
+              "type": {
+                "text": "'ai' | 'error' | 'gray' | 'primary' | 'purple' | 'rose' | 'success' | 'teal' | 'warning' | undefined"
+              },
+              "description": "Theme color to use for gradient fill.\nWhen set, icon displays with gradient. When undefined, icon inherits parent text color.",
+              "attribute": "gradient"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired after first render and initialization",
+              "name": "btu-icon-ready"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "size",
+              "type": {
+                "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
+              },
+              "default": "'md'",
+              "description": "Size of the icon.\n- 'xs': Extra small (0.75rem)\n- 'sm': Small (1rem)\n- 'md': Medium (1.25rem, default)\n- 'lg': Large (1.5rem)\n- 'xl': Extra large (1.75rem)",
+              "fieldName": "size",
+              "attribute": "size"
+            },
+            {
+              "name": "symbol",
+              "type": {
+                "text": "string"
+              },
+              "default": "'circle-dashed'",
+              "description": "Lucide icon name to display.\nSee https://lucide.dev/icons/ for available icons.",
+              "fieldName": "symbol",
+              "attribute": "symbol"
+            },
+            {
+              "name": "gradient",
+              "type": {
+                "text": "'ai' | 'error' | 'gray' | 'primary' | 'purple' | 'rose' | 'success' | 'teal' | 'warning' | undefined"
+              },
+              "description": "Theme color to use for gradient fill.\nWhen set, icon displays with gradient. When undefined, icon inherits parent text color.",
+              "fieldName": "gradient",
+              "attribute": "gradient"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "EventEmitterMixin",
+              "module": "/src/util/EventEmitterMixin.js"
+            },
+            {
+              "name": "ReadyMixin",
+              "module": "/src/util/ReadyMixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "btu-icon",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Icon",
+            "module": "src/components/icon/Icon.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "btu-icon",
+          "declaration": {
+            "name": "Icon",
+            "module": "src/components/icon/Icon.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/linear-progress/LinearProgress.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A horizontal linear progress bar for showing task completion.",
+          "name": "LinearProgress",
+          "cssProperties": [
+            {
+              "description": "Custom progress bar color (overrides theme color)",
+              "name": "--progress-color"
+            },
+            {
+              "description": "Track/background color (overrides default gray-100)",
+              "name": "--track-color"
+            }
+          ],
+          "members": [],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired after first render and initialization",
+              "name": "btu-progress-ready"
+            },
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when progress reaches 100",
+              "name": "btu-progress-complete"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "ProgressMixin",
+              "module": "/src/util/ProgressMixin.js"
+            },
+            {
+              "name": "EventEmitterMixin",
+              "module": "/src/util/EventEmitterMixin.js"
+            },
+            {
+              "name": "ReadyMixin",
+              "module": "/src/util/ReadyMixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "btu-linear-progress",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "LinearProgress",
+            "module": "src/components/linear-progress/LinearProgress.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "btu-linear-progress",
+          "declaration": {
+            "name": "LinearProgress",
+            "module": "src/components/linear-progress/LinearProgress.ts"
+          }
+        }
+      ]
+    }
+  ]
+}