{
  "definitions": {
    "events": {
      "$ref": "#/definitions/Events",
      "$schema": "http://json-schema.org/draft-07/schema#",
      "definitions": {
        "Events": {
          "additionalProperties": false,
          "properties": {
            "sendMessage": {
              "additionalProperties": false,
              "properties": {
                "files": {
                  "items": {
                    "$ref": "#/definitions/MessageSendFileItem"
                  },
                  "type": "array"
                },
                "id": {
                  "type": "string"
                },
                "tags": {
                  "items": {
                    "type": "string"
                  },
                  "type": "array"
                },
                "text": {
                  "type": "string"
                }
              },
              "required": [
                "id",
                "tags",
                "files"
              ],
              "type": "object"
            }
          },
          "required": [
            "sendMessage"
          ],
          "type": "object"
        },
        "MessageSendFileItem": {
          "additionalProperties": false,
          "description": "Staged file row emitted on `sendMessage` (internal shape from the composer).",
          "properties": {
            "content": {
              "additionalProperties": false,
              "properties": {
                "lastModified": {
                  "type": "number"
                },
                "name": {
                  "type": "string"
                },
                "size": {
                  "type": "number"
                },
                "type": {
                  "type": "string"
                },
                "webkitRelativePath": {
                  "type": "string"
                }
              },
              "required": [
                "lastModified",
                "name",
                "size",
                "type",
                "webkitRelativePath"
              ],
              "type": "object"
            },
            "fileSize": {
              "type": "number"
            },
            "id": {
              "type": "string"
            },
            "mimetype": {
              "type": "string"
            },
            "name": {
              "type": "string"
            },
            "objectUrl": {
              "type": "string"
            }
          },
          "required": [
            "id",
            "name",
            "mimetype",
            "fileSize",
            "content"
          ],
          "type": "object"
        }
      }
    },
    "component": {
      "$ref": "#/definitions/Component",
      "$schema": "http://json-schema.org/draft-07/schema#",
      "definitions": {
        "Component": {
          "additionalProperties": false,
          "properties": {
            "expandable": {
              "type": "boolean"
            },
            "files": {
              "additionalProperties": false,
              "properties": {
                "mode": {
                  "enum": [
                    "single",
                    "multiple"
                  ],
                  "type": "string"
                }
              },
              "required": [
                "mode"
              ],
              "type": "object"
            },
            "id": {
              "type": "string"
            },
            "style": {
              "type": "string"
            },
            "tags": {
              "items": {
                "additionalProperties": false,
                "properties": {
                  "color": {
                    "type": "string"
                  },
                  "icon": {
                    "type": "string"
                  },
                  "id": {
                    "type": "string"
                  },
                  "label": {
                    "type": "string"
                  }
                },
                "required": [
                  "id"
                ],
                "type": "object"
              },
              "type": "array"
            },
            "text": {
              "type": "string"
            }
          },
          "type": "object"
        }
      }
    }
  },
  "description": "Message composer with auto-growing textarea (optional `expandable` and maximize control), Enter-to-send, file attachments with previews (`files.mode` single or multiple), and optional `tags` as toggleable chips. Dispatches `sendMessage` with `text`, selected `tags`, and staged `files` when the user sends. Theming follows Bulma `--bulma-*` tokens on `:host` for light and dark (system preference and `data-theme` / host-context), with `color-scheme` set for native controls.",
  "storybookArgs": {
    "text": {
      "control": {
        "type": "text"
      }
    },
    "sendMessage": {
      "action": "sendMessageEvent"
    },
    "expandable": {
      "control": {
        "type": "boolean"
      }
    },
    "tags": {
      "control": {
        "type": "object"
      }
    },
    "files": {
      "control": {
        "type": "object"
      }
    }
  },
  "styleSetup": {
    "vars": [
      {
        "name": "--bulma-primary",
        "valueType": "color",
        "defaultValue": "#00d1b2",
        "description": "Send button background."
      },
      {
        "name": "--bulma-primary-invert",
        "valueType": "color",
        "defaultValue": "#fff",
        "description": "Send button label and icon color."
      },
      {
        "name": "--bulma-link",
        "valueType": "color",
        "defaultValue": "#485fc7",
        "description": "Focus ring, file attach accent, maximize control."
      },
      {
        "name": "--bulma-border",
        "valueType": "color",
        "defaultValue": "#dbdbdb",
        "description": "Panel and file card borders."
      },
      {
        "name": "--bulma-text",
        "valueType": "color",
        "defaultValue": "#363636",
        "description": "Controls the default composer input and label color so typed messages and helper copy remain readable on your chosen panel background."
      },
      {
        "name": "--bulma-text-weak",
        "valueType": "color",
        "defaultValue": "#7a7a7a",
        "description": "Muted text and disabled send state."
      },
      {
        "name": "--bulma-scheme-main",
        "valueType": "color",
        "defaultValue": "#ffffff",
        "description": "Composer surface background."
      },
      {
        "name": "--bulma-scheme-main-bis",
        "valueType": "color",
        "defaultValue": "#f5f5f5",
        "description": "File strip and toolbar background."
      },
      {
        "name": "--tag-color",
        "valueType": "color",
        "defaultValue": "#485fc7",
        "description": "Per-tag and file-button border/fill (defaults from `--bulma-link` inline in markup)."
      }
    ],
    "parts": []
  },
  "contributors": [],
  "htmlSlots": [],
  "i18n": [],
  "examples": [
    {
      "name": "default",
      "data": {}
    },
    {
      "name": "withAMessage",
      "data": {
        "text": "This is a message from the \"message\" property",
        "expandable": true,
        "tags": [
          {
            "label": "Test",
            "icon": "file-earmark-check-fill",
            "id": "test"
          }
        ],
        "files": {
          "mode": "single"
        }
      }
    },
    {
      "name": "withABigMessage",
      "data": {
        "text": "Lorem ipsum dolor sit amet. Et nisi sapiente est nesciunt consequatur 33 omnis laboriosam in ratione suscipit qui minima repellat aut rerum voluptatem ut mollitia laboriosam. Nam ipsam alias in tempore fugiat in sint minus a quisquam ratione ut recusandae quisquam sit aperiam dolorem 33 voluptate consequatur. Et mollitia velit sit voluptatibus voluptate non autem repellendus sed magnam recusandae et galisum repellat. Et dolores provident ut dolor fuga sed eligendi amet. Ex quia saepe et quidem accusamus qui minus voluptatem in aliquid facere sed blanditiis quibusdam et minus Quis! Qui accusamus perspiciatis aut error minima est dolorem molestiae ut iste debitis rem dolores magni cum doloribus facilis et provident architecto. Qui accusamus dignissimos qui repellendus consequatur ut galisum iusto aut modi numquam. Ex architecto iure non rerum eius sit eius quasi et tempore eveniet ut consequuntur quae. Eos Quis voluptates est corporis cumque aut maiores alias eum quos voluptas sit quis totam quo alias cumque!",
        "tags": [
          {
            "label": "Test",
            "icon": "file-earmark-check-fill",
            "id": "test"
          },
          {
            "label": "Think",
            "icon": "lightbulb",
            "id": "think"
          }
        ],
        "files": {
          "mode": "multiple"
        }
      }
    },
    {
      "name": "compactComposer",
      "description": "Fixed-height composer without maximize; single-file attach mode.",
      "data": {
        "text": "Reply inline…",
        "expandable": false,
        "files": {
          "mode": "single"
        }
      }
    }
  ],
  "iifeIntegrity": "sha384-ReIbfIxrdGrtymfwZu8J/WMomQCFZ188u5psW5xUL0SQT7iKMJvxBWjY6r5dEJtw",
  "dependencies": [],
  "screenshots": [],
  "licenses": [
    {
      "type": "Apache-2.0",
      "path": "LICENSE.md",
      "cost": 0,
      "currency": "EUR"
    }
  ],
  "readmePath": "README.md",
  "name": "hb-messages-send",
  "category": "messaging",
  "tags": [
    "messaging",
    "chat"
  ],
  "size": {},
  "iifePath": "main.iife.js",
  "repoName": "@htmlbricks/hb-messages-send",
  "version": "0.76.5"
}