@tessera-ui/core 0.4.0 → 0.5.0

package/dist/collection/components/toolbar/toolbar.stories.js

@@ -1,131 +0,0 @@
-// Hand-written stories for ts-toolbar
-export default {
-    title: 'Components/Toolbar',
-    tags: ['autodocs'],
-    argTypes: {
-        variant: {
-            control: 'select',
-            options: ['default', 'bordered', 'elevated'],
-            description: 'The toolbar variant style.',
-        },
-        size: {
-            control: 'select',
-            options: ['sm', 'md', 'lg'],
-            description: 'The toolbar size.',
-        },
-    },
-};
-const Template = (args) => {
-    const attrs = [];
-    if (args.variant !== undefined)
-        attrs.push(`variant="${args.variant}"`);
-    if (args.size !== undefined)
-        attrs.push(`size="${args.size}"`);
-    return `
-    <ts-toolbar ${attrs.join(' ')}>
-      <div slot="start">
-        <ts-button size="sm" appearance="ghost">Bold</ts-button>
-        <ts-button size="sm" appearance="ghost">Italic</ts-button>
-        <ts-button size="sm" appearance="ghost">Underline</ts-button>
-      </div>
-      <div slot="end">
-        <ts-button size="sm" appearance="outline">Preview</ts-button>
-      </div>
-    </ts-toolbar>
-  `;
-};
-export const Default = Object.assign(Template.bind({}), {
-    args: {
-        variant: 'bordered',
-        size: 'md',
-    },
-});
-export const Variants = () => `
-  <div style="display: flex; flex-direction: column; gap: 24px;">
-    <div>
-      <p style="margin: 0 0 8px; font-family: sans-serif; font-size: 14px; color: #666;">Default</p>
-      <ts-toolbar variant="default">
-        <div slot="start">
-          <ts-button size="sm" appearance="ghost">Bold</ts-button>
-          <ts-button size="sm" appearance="ghost">Italic</ts-button>
-        </div>
-      </ts-toolbar>
-    </div>
-    <div>
-      <p style="margin: 0 0 8px; font-family: sans-serif; font-size: 14px; color: #666;">Bordered</p>
-      <ts-toolbar variant="bordered">
-        <div slot="start">
-          <ts-button size="sm" appearance="ghost">Bold</ts-button>
-          <ts-button size="sm" appearance="ghost">Italic</ts-button>
-        </div>
-      </ts-toolbar>
-    </div>
-    <div>
-      <p style="margin: 0 0 8px; font-family: sans-serif; font-size: 14px; color: #666;">Elevated</p>
-      <ts-toolbar variant="elevated">
-        <div slot="start">
-          <ts-button size="sm" appearance="ghost">Bold</ts-button>
-          <ts-button size="sm" appearance="ghost">Italic</ts-button>
-        </div>
-      </ts-toolbar>
-    </div>
-  </div>
-`;
-export const Sizes = () => `
-  <div style="display: flex; flex-direction: column; gap: 24px;">
-    <div>
-      <p style="margin: 0 0 8px; font-family: sans-serif; font-size: 14px; color: #666;">Small</p>
-      <ts-toolbar variant="bordered" size="sm">
-        <div slot="start">
-          <ts-button size="sm" appearance="ghost">B</ts-button>
-          <ts-button size="sm" appearance="ghost">I</ts-button>
-          <ts-button size="sm" appearance="ghost">U</ts-button>
-        </div>
-      </ts-toolbar>
-    </div>
-    <div>
-      <p style="margin: 0 0 8px; font-family: sans-serif; font-size: 14px; color: #666;">Medium</p>
-      <ts-toolbar variant="bordered" size="md">
-        <div slot="start">
-          <ts-button size="sm" appearance="ghost">B</ts-button>
-          <ts-button size="sm" appearance="ghost">I</ts-button>
-          <ts-button size="sm" appearance="ghost">U</ts-button>
-        </div>
-      </ts-toolbar>
-    </div>
-    <div>
-      <p style="margin: 0 0 8px; font-family: sans-serif; font-size: 14px; color: #666;">Large</p>
-      <ts-toolbar variant="bordered" size="lg">
-        <div slot="start">
-          <ts-button size="sm" appearance="ghost">B</ts-button>
-          <ts-button size="sm" appearance="ghost">I</ts-button>
-          <ts-button size="sm" appearance="ghost">U</ts-button>
-        </div>
-      </ts-toolbar>
-    </div>
-  </div>
-`;
-export const Composition = () => `
-  <div style="max-width: 600px; font-family: sans-serif;">
-    <div style="border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden;">
-      <ts-toolbar variant="bordered">
-        <div slot="start" style="display: flex; gap: 4px;">
-          <ts-button size="sm" appearance="ghost">Bold</ts-button>
-          <ts-button size="sm" appearance="ghost">Italic</ts-button>
-          <ts-button size="sm" appearance="ghost">Underline</ts-button>
-          <ts-divider orientation="vertical" style="height: 24px; margin: 0 4px;"></ts-divider>
-          <ts-button size="sm" appearance="ghost">Link</ts-button>
-          <ts-button size="sm" appearance="ghost">Image</ts-button>
-        </div>
-        <div slot="end" style="display: flex; gap: 4px;">
-          <ts-button size="sm" appearance="ghost">Undo</ts-button>
-          <ts-button size="sm" appearance="ghost">Redo</ts-button>
-        </div>
-      </ts-toolbar>
-      <div style="padding: 16px; min-height: 200px;">
-        <p style="color: #94a3b8; margin: 0;">Start typing here...</p>
-      </div>
-    </div>
-  </div>
-`;
-//# sourceMappingURL=toolbar.stories.js.map

package/dist/collection/components/toolbar/toolbar.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toolbar.stories.js","sourceRoot":"","sources":["../../../src/components/toolbar/toolbar.stories.ts"],"names":[],"mappings":"AAAA,sCAAsC;AAEtC,eAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC;YAC5C,WAAW,EAAE,4BAA4B;SAC1C;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;YAC3B,WAAW,EAAE,mBAAmB;SACjC;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAA6B,EAAU,EAAE;IACzD,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS;QAAE,KAAK,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;IACxE,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS;QAAE,KAAK,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;IAC/D,OAAO;kBACS,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;;;;;;;;;;GAU9B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAwD,EAAE;IAC7G,IAAI,EAAE;QACJ,OAAO,EAAE,UAAU;QACnB,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BrC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiClC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;CAsBxC,CAAC","sourcesContent":["// Hand-written stories for ts-toolbar\n\nexport default {\n  title: 'Components/Toolbar',\n  tags: ['autodocs'],\n  argTypes: {\n    variant: {\n      control: 'select',\n      options: ['default', 'bordered', 'elevated'],\n      description: 'The toolbar variant style.',\n    },\n    size: {\n      control: 'select',\n      options: ['sm', 'md', 'lg'],\n      description: 'The toolbar size.',\n    },\n  },\n};\n\nconst Template = (args: Record<string, unknown>): string => {\n  const attrs: string[] = [];\n  if (args.variant !== undefined) attrs.push(`variant=\"${args.variant}\"`);\n  if (args.size !== undefined) attrs.push(`size=\"${args.size}\"`);\n  return `\n    <ts-toolbar ${attrs.join(' ')}>\n      <div slot=\"start\">\n        <ts-button size=\"sm\" appearance=\"ghost\">Bold</ts-button>\n        <ts-button size=\"sm\" appearance=\"ghost\">Italic</ts-button>\n        <ts-button size=\"sm\" appearance=\"ghost\">Underline</ts-button>\n      </div>\n      <div slot=\"end\">\n        <ts-button size=\"sm\" appearance=\"outline\">Preview</ts-button>\n      </div>\n    </ts-toolbar>\n  `;\n};\n\nexport const Default = Object.assign(Template.bind({}) as typeof Template & { args: Record<string, unknown> }, {\n  args: {\n    variant: 'bordered',\n    size: 'md',\n  },\n});\n\nexport const Variants = (): string => `\n  <div style=\"display: flex; flex-direction: column; gap: 24px;\">\n    <div>\n      <p style=\"margin: 0 0 8px; font-family: sans-serif; font-size: 14px; color: #666;\">Default</p>\n      <ts-toolbar variant=\"default\">\n        <div slot=\"start\">\n          <ts-button size=\"sm\" appearance=\"ghost\">Bold</ts-button>\n          <ts-button size=\"sm\" appearance=\"ghost\">Italic</ts-button>\n        </div>\n      </ts-toolbar>\n    </div>\n    <div>\n      <p style=\"margin: 0 0 8px; font-family: sans-serif; font-size: 14px; color: #666;\">Bordered</p>\n      <ts-toolbar variant=\"bordered\">\n        <div slot=\"start\">\n          <ts-button size=\"sm\" appearance=\"ghost\">Bold</ts-button>\n          <ts-button size=\"sm\" appearance=\"ghost\">Italic</ts-button>\n        </div>\n      </ts-toolbar>\n    </div>\n    <div>\n      <p style=\"margin: 0 0 8px; font-family: sans-serif; font-size: 14px; color: #666;\">Elevated</p>\n      <ts-toolbar variant=\"elevated\">\n        <div slot=\"start\">\n          <ts-button size=\"sm\" appearance=\"ghost\">Bold</ts-button>\n          <ts-button size=\"sm\" appearance=\"ghost\">Italic</ts-button>\n        </div>\n      </ts-toolbar>\n    </div>\n  </div>\n`;\n\nexport const Sizes = (): string => `\n  <div style=\"display: flex; flex-direction: column; gap: 24px;\">\n    <div>\n      <p style=\"margin: 0 0 8px; font-family: sans-serif; font-size: 14px; color: #666;\">Small</p>\n      <ts-toolbar variant=\"bordered\" size=\"sm\">\n        <div slot=\"start\">\n          <ts-button size=\"sm\" appearance=\"ghost\">B</ts-button>\n          <ts-button size=\"sm\" appearance=\"ghost\">I</ts-button>\n          <ts-button size=\"sm\" appearance=\"ghost\">U</ts-button>\n        </div>\n      </ts-toolbar>\n    </div>\n    <div>\n      <p style=\"margin: 0 0 8px; font-family: sans-serif; font-size: 14px; color: #666;\">Medium</p>\n      <ts-toolbar variant=\"bordered\" size=\"md\">\n        <div slot=\"start\">\n          <ts-button size=\"sm\" appearance=\"ghost\">B</ts-button>\n          <ts-button size=\"sm\" appearance=\"ghost\">I</ts-button>\n          <ts-button size=\"sm\" appearance=\"ghost\">U</ts-button>\n        </div>\n      </ts-toolbar>\n    </div>\n    <div>\n      <p style=\"margin: 0 0 8px; font-family: sans-serif; font-size: 14px; color: #666;\">Large</p>\n      <ts-toolbar variant=\"bordered\" size=\"lg\">\n        <div slot=\"start\">\n          <ts-button size=\"sm\" appearance=\"ghost\">B</ts-button>\n          <ts-button size=\"sm\" appearance=\"ghost\">I</ts-button>\n          <ts-button size=\"sm\" appearance=\"ghost\">U</ts-button>\n        </div>\n      </ts-toolbar>\n    </div>\n  </div>\n`;\n\nexport const Composition = (): string => `\n  <div style=\"max-width: 600px; font-family: sans-serif;\">\n    <div style=\"border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden;\">\n      <ts-toolbar variant=\"bordered\">\n        <div slot=\"start\" style=\"display: flex; gap: 4px;\">\n          <ts-button size=\"sm\" appearance=\"ghost\">Bold</ts-button>\n          <ts-button size=\"sm\" appearance=\"ghost\">Italic</ts-button>\n          <ts-button size=\"sm\" appearance=\"ghost\">Underline</ts-button>\n          <ts-divider orientation=\"vertical\" style=\"height: 24px; margin: 0 4px;\"></ts-divider>\n          <ts-button size=\"sm\" appearance=\"ghost\">Link</ts-button>\n          <ts-button size=\"sm\" appearance=\"ghost\">Image</ts-button>\n        </div>\n        <div slot=\"end\" style=\"display: flex; gap: 4px;\">\n          <ts-button size=\"sm\" appearance=\"ghost\">Undo</ts-button>\n          <ts-button size=\"sm\" appearance=\"ghost\">Redo</ts-button>\n        </div>\n      </ts-toolbar>\n      <div style=\"padding: 16px; min-height: 200px;\">\n        <p style=\"color: #94a3b8; margin: 0;\">Start typing here...</p>\n      </div>\n    </div>\n  </div>\n`;\n"]}

package/dist/collection/components/tooltip/tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Host, Element, Method } from '@stencil/core';\nimport type { TsPlacement } from '../../types';\nimport { generateId } from '../../utils/aria';\n\n/**\n * @slot - Default slot for the trigger element.\n *\n * @part base - The tooltip popup container.\n * @part arrow - The tooltip arrow element.\n */\n@Component({\n  tag: 'ts-tooltip',\n  styleUrl: 'tooltip.css',\n  shadow: true,\n})\nexport class TsTooltip {\n  @Element() hostEl!: HTMLElement;\n\n  private tooltipId = generateId('ts-tooltip');\n\n  /** The tooltip text content. */\n  @Prop() content = '';\n\n  /** Placement of the tooltip relative to the trigger. */\n  @Prop({ reflect: true }) placement: TsPlacement = 'top';\n\n  /** Delay in ms before showing the tooltip. */\n  @Prop() showDelay = 200;\n\n  /** Delay in ms before hiding the tooltip. */\n  @Prop() hideDelay = 0;\n\n  /** Disables the tooltip. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Whether the tooltip is currently visible. */\n  @State() isVisible = false;\n\n  private showTimeout?: ReturnType<typeof setTimeout>;\n  private hideTimeout?: ReturnType<typeof setTimeout>;\n\n  /** Programmatically show the tooltip. */\n  @Method()\n  async show(): Promise<void> {\n    if (this.disabled) return;\n    clearTimeout(this.hideTimeout);\n    this.showTimeout = setTimeout(() => {\n      this.isVisible = true;\n    }, this.showDelay);\n  }\n\n  /** Programmatically hide the tooltip. */\n  @Method()\n  async hide(): Promise<void> {\n    clearTimeout(this.showTimeout);\n    this.hideTimeout = setTimeout(() => {\n      this.isVisible = false;\n    }, this.hideDelay);\n  }\n\n  disconnectedCallback(): void {\n    clearTimeout(this.showTimeout);\n    clearTimeout(this.hideTimeout);\n  }\n\n  private handleMouseEnter = (): void => {\n    this.show();\n  };\n\n  private handleMouseLeave = (): void => {\n    this.hide();\n  };\n\n  private handleFocusIn = (): void => {\n    this.show();\n  };\n\n  private handleFocusOut = (): void => {\n    this.hide();\n  };\n\n  private handleKeydown = (event: KeyboardEvent): void => {\n    if (event.key === 'Escape' && this.isVisible) {\n      this.hide();\n    }\n  };\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    return (\n      <Host\n        class={{\n          'ts-tooltip': true,\n          'ts-tooltip--visible': this.isVisible,\n        }}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        onFocusin={this.handleFocusIn}\n        onFocusout={this.handleFocusOut}\n        onKeyDown={this.handleKeydown}\n      >\n        <span class=\"tooltip__trigger\" aria-describedby={this.isVisible ? this.tooltipId : undefined}>\n          <slot />\n        </span>\n\n        <div\n          class={{\n            'tooltip__popup': true,\n            [`tooltip__popup--${this.placement}`]: true,\n            'tooltip__popup--visible': this.isVisible,\n          }}\n          part=\"base\"\n          id={this.tooltipId}\n          role=\"tooltip\"\n          aria-hidden={!this.isVisible ? 'true' : undefined}\n        >\n          {this.content}\n          <div class=\"tooltip__arrow\" part=\"arrow\" />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/tooltip/tooltip.stories.js

@@ -1,186 +0,0 @@
-// Hand-written stories for ts-tooltip
-export default {
-    title: 'Components/Tooltip',
-    tags: ['autodocs'],
-    argTypes: {
-        content: { control: 'text', description: 'The tooltip text content.' },
-        placement: {
-            control: 'select',
-            options: ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'],
-            description: 'Placement of the tooltip relative to the trigger.',
-        },
-        showDelay: { control: 'number', description: 'Delay in ms before showing the tooltip.' },
-        hideDelay: { control: 'number', description: 'Delay in ms before hiding the tooltip.' },
-        disabled: { control: 'boolean', description: 'Disables the tooltip.' },
-    },
-};
-const Template = (args) => {
-    const attrs = [];
-    if (args.content !== undefined && args.content !== null)
-        attrs.push(`content="${args.content}"`);
-    if (args.placement !== undefined && args.placement !== null)
-        attrs.push(`placement="${args.placement}"`);
-    if (args.showDelay !== undefined && args.showDelay !== null)
-        attrs.push(`show-delay="${args.showDelay}"`);
-    if (args.hideDelay !== undefined && args.hideDelay !== null)
-        attrs.push(`hide-delay="${args.hideDelay}"`);
-    if (args.disabled)
-        attrs.push('disabled');
-    return `<div style="padding: 60px; display: flex; justify-content: center;">
-    <ts-tooltip ${attrs.join(' ')}>
-      <ts-button variant="primary">Hover Me</ts-button>
-    </ts-tooltip>
-  </div>`;
-};
-export const Default = Object.assign(Template.bind({}), {
-    args: {
-        content: 'Save your current changes',
-        placement: 'top',
-        showDelay: 200,
-        hideDelay: 0,
-        disabled: false,
-    },
-});
-export const Placements = () => `
-  <div style="display: flex; flex-direction: column; gap: 16px; align-items: center; padding: 80px 40px;">
-    <div style="display: flex; gap: 16px; justify-content: center;">
-      <ts-tooltip content="Top Start" placement="top-start">
-        <ts-button size="sm" appearance="outline" variant="neutral">Top Start</ts-button>
-      </ts-tooltip>
-      <ts-tooltip content="Top" placement="top">
-        <ts-button size="sm" appearance="outline" variant="neutral">Top</ts-button>
-      </ts-tooltip>
-      <ts-tooltip content="Top End" placement="top-end">
-        <ts-button size="sm" appearance="outline" variant="neutral">Top End</ts-button>
-      </ts-tooltip>
-    </div>
-
-    <div style="display: flex; gap: 200px; justify-content: center;">
-      <div style="display: flex; flex-direction: column; gap: 16px;">
-        <ts-tooltip content="Left Start" placement="left-start">
-          <ts-button size="sm" appearance="outline" variant="neutral">Left Start</ts-button>
-        </ts-tooltip>
-        <ts-tooltip content="Left" placement="left">
-          <ts-button size="sm" appearance="outline" variant="neutral">Left</ts-button>
-        </ts-tooltip>
-        <ts-tooltip content="Left End" placement="left-end">
-          <ts-button size="sm" appearance="outline" variant="neutral">Left End</ts-button>
-        </ts-tooltip>
-      </div>
-      <div style="display: flex; flex-direction: column; gap: 16px;">
-        <ts-tooltip content="Right Start" placement="right-start">
-          <ts-button size="sm" appearance="outline" variant="neutral">Right Start</ts-button>
-        </ts-tooltip>
-        <ts-tooltip content="Right" placement="right">
-          <ts-button size="sm" appearance="outline" variant="neutral">Right</ts-button>
-        </ts-tooltip>
-        <ts-tooltip content="Right End" placement="right-end">
-          <ts-button size="sm" appearance="outline" variant="neutral">Right End</ts-button>
-        </ts-tooltip>
-      </div>
-    </div>
-
-    <div style="display: flex; gap: 16px; justify-content: center;">
-      <ts-tooltip content="Bottom Start" placement="bottom-start">
-        <ts-button size="sm" appearance="outline" variant="neutral">Bottom Start</ts-button>
-      </ts-tooltip>
-      <ts-tooltip content="Bottom" placement="bottom">
-        <ts-button size="sm" appearance="outline" variant="neutral">Bottom</ts-button>
-      </ts-tooltip>
-      <ts-tooltip content="Bottom End" placement="bottom-end">
-        <ts-button size="sm" appearance="outline" variant="neutral">Bottom End</ts-button>
-      </ts-tooltip>
-    </div>
-  </div>
-`;
-export const States = () => `
-  <div style="display: flex; gap: 24px; align-items: center; flex-wrap: wrap; padding: 60px 40px;">
-    <ts-tooltip content="This tooltip is active" placement="top">
-      <ts-button variant="primary">Active Tooltip</ts-button>
-    </ts-tooltip>
-    <ts-tooltip content="This tooltip is disabled" placement="top" disabled>
-      <ts-button appearance="outline" variant="neutral">Disabled Tooltip</ts-button>
-    </ts-tooltip>
-    <ts-tooltip content="Shows after 500ms" placement="top" show-delay="500">
-      <ts-button appearance="outline" variant="neutral">Slow Show (500ms)</ts-button>
-    </ts-tooltip>
-    <ts-tooltip content="Hides after 300ms" placement="top" hide-delay="300">
-      <ts-button appearance="outline" variant="neutral">Slow Hide (300ms)</ts-button>
-    </ts-tooltip>
-  </div>
-`;
-export const WithIcons = () => `
-  <div style="display: flex; gap: 16px; align-items: center; flex-wrap: wrap; padding: 60px 40px;">
-    <ts-tooltip content="Create a new document" placement="top">
-      <ts-button appearance="ghost" variant="neutral">
-        <ts-icon slot="prefix" name="file-plus" size="sm"></ts-icon>
-      </ts-button>
-    </ts-tooltip>
-    <ts-tooltip content="Edit this item" placement="top">
-      <ts-button appearance="ghost" variant="neutral">
-        <ts-icon slot="prefix" name="pencil" size="sm"></ts-icon>
-      </ts-button>
-    </ts-tooltip>
-    <ts-tooltip content="Copy to clipboard" placement="top">
-      <ts-button appearance="ghost" variant="neutral">
-        <ts-icon slot="prefix" name="copy" size="sm"></ts-icon>
-      </ts-button>
-    </ts-tooltip>
-    <ts-tooltip content="Delete permanently" placement="top">
-      <ts-button appearance="ghost" variant="danger">
-        <ts-icon slot="prefix" name="trash-2" size="sm"></ts-icon>
-      </ts-button>
-    </ts-tooltip>
-    <ts-tooltip content="Share with team" placement="top">
-      <ts-button appearance="ghost" variant="primary">
-        <ts-icon slot="prefix" name="share-2" size="sm"></ts-icon>
-      </ts-button>
-    </ts-tooltip>
-  </div>
-`;
-export const Composition = () => `
-  <div style="display: flex; flex-direction: column; gap: 24px; max-width: 500px; padding: 40px;">
-    <ts-card bordered padding="lg">
-      <span slot="header">
-        <div style="display: flex; justify-content: space-between; align-items: center;">
-          <h3 style="margin: 0;">Quick Actions</h3>
-          <ts-tooltip content="Keyboard shortcuts available" placement="left">
-            <ts-icon name="keyboard" size="sm" color="var(--ts-color-text-secondary)"></ts-icon>
-          </ts-tooltip>
-        </div>
-      </span>
-      <div style="display: flex; gap: 8px; flex-wrap: wrap;">
-        <ts-tooltip content="Create new project (Ctrl+N)" placement="bottom">
-          <ts-button size="sm" variant="primary">
-            <ts-icon slot="prefix" name="plus" size="sm"></ts-icon>
-            New Project
-          </ts-button>
-        </ts-tooltip>
-        <ts-tooltip content="Import from file (Ctrl+I)" placement="bottom">
-          <ts-button size="sm" appearance="outline" variant="neutral">
-            <ts-icon slot="prefix" name="upload" size="sm"></ts-icon>
-            Import
-          </ts-button>
-        </ts-tooltip>
-        <ts-tooltip content="Export as PDF (Ctrl+E)" placement="bottom">
-          <ts-button size="sm" appearance="outline" variant="neutral">
-            <ts-icon slot="prefix" name="download" size="sm"></ts-icon>
-            Export
-          </ts-button>
-        </ts-tooltip>
-      </div>
-    </ts-card>
-
-    <div style="display: flex; align-items: center; gap: 12px;">
-      <ts-input placeholder="Enter your API key" label="API Key" style="flex: 1;">
-        <ts-icon slot="prefix" name="key" size="sm"></ts-icon>
-      </ts-input>
-      <div style="align-self: flex-end; padding-bottom: 2px;">
-        <ts-tooltip content="Your API key can be found in Settings > Developer" placement="right">
-          <ts-icon name="help-circle" size="sm" color="var(--ts-color-text-secondary)"></ts-icon>
-        </ts-tooltip>
-      </div>
-    </div>
-  </div>
-`;
-//# sourceMappingURL=tooltip.stories.js.map

package/dist/collection/components/tooltip/tooltip.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.stories.js","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.stories.ts"],"names":[],"mappings":"AAAA,sCAAsC;AAEtC,eAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,OAAO,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,2BAA2B,EAAE;QACtE,SAAS,EAAE;YACT,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,CAAC;YACvJ,WAAW,EAAE,mDAAmD;SACjE;QACD,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,yCAAyC,EAAE;QACxF,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,wCAAwC,EAAE;QACvF,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,uBAAuB,EAAE;KACvE;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAA6B,EAAU,EAAE;IACzD,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI;QAAE,KAAK,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;IACjG,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI;QAAE,KAAK,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;IACzG,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI;QAAE,KAAK,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;IAC1G,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI;QAAE,KAAK,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;IAC1G,IAAI,IAAI,CAAC,QAAQ;QAAE,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC1C,OAAO;kBACS,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;;;SAGxB,CAAC;AACV,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAwD,EAAE;IAC7G,IAAI,EAAE;QACJ,OAAO,EAAE,2BAA2B;QACpC,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,GAAG;QACd,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDvC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;CAenC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BtC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4CxC,CAAC","sourcesContent":["// Hand-written stories for ts-tooltip\n\nexport default {\n  title: 'Components/Tooltip',\n  tags: ['autodocs'],\n  argTypes: {\n    content: { control: 'text', description: 'The tooltip text content.' },\n    placement: {\n      control: 'select',\n      options: ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'],\n      description: 'Placement of the tooltip relative to the trigger.',\n    },\n    showDelay: { control: 'number', description: 'Delay in ms before showing the tooltip.' },\n    hideDelay: { control: 'number', description: 'Delay in ms before hiding the tooltip.' },\n    disabled: { control: 'boolean', description: 'Disables the tooltip.' },\n  },\n};\n\nconst Template = (args: Record<string, unknown>): string => {\n  const attrs: string[] = [];\n  if (args.content !== undefined && args.content !== null) attrs.push(`content=\"${args.content}\"`);\n  if (args.placement !== undefined && args.placement !== null) attrs.push(`placement=\"${args.placement}\"`);\n  if (args.showDelay !== undefined && args.showDelay !== null) attrs.push(`show-delay=\"${args.showDelay}\"`);\n  if (args.hideDelay !== undefined && args.hideDelay !== null) attrs.push(`hide-delay=\"${args.hideDelay}\"`);\n  if (args.disabled) attrs.push('disabled');\n  return `<div style=\"padding: 60px; display: flex; justify-content: center;\">\n    <ts-tooltip ${attrs.join(' ')}>\n      <ts-button variant=\"primary\">Hover Me</ts-button>\n    </ts-tooltip>\n  </div>`;\n};\n\nexport const Default = Object.assign(Template.bind({}) as typeof Template & { args: Record<string, unknown> }, {\n  args: {\n    content: 'Save your current changes',\n    placement: 'top',\n    showDelay: 200,\n    hideDelay: 0,\n    disabled: false,\n  },\n});\n\nexport const Placements = (): string => `\n  <div style=\"display: flex; flex-direction: column; gap: 16px; align-items: center; padding: 80px 40px;\">\n    <div style=\"display: flex; gap: 16px; justify-content: center;\">\n      <ts-tooltip content=\"Top Start\" placement=\"top-start\">\n        <ts-button size=\"sm\" appearance=\"outline\" variant=\"neutral\">Top Start</ts-button>\n      </ts-tooltip>\n      <ts-tooltip content=\"Top\" placement=\"top\">\n        <ts-button size=\"sm\" appearance=\"outline\" variant=\"neutral\">Top</ts-button>\n      </ts-tooltip>\n      <ts-tooltip content=\"Top End\" placement=\"top-end\">\n        <ts-button size=\"sm\" appearance=\"outline\" variant=\"neutral\">Top End</ts-button>\n      </ts-tooltip>\n    </div>\n\n    <div style=\"display: flex; gap: 200px; justify-content: center;\">\n      <div style=\"display: flex; flex-direction: column; gap: 16px;\">\n        <ts-tooltip content=\"Left Start\" placement=\"left-start\">\n          <ts-button size=\"sm\" appearance=\"outline\" variant=\"neutral\">Left Start</ts-button>\n        </ts-tooltip>\n        <ts-tooltip content=\"Left\" placement=\"left\">\n          <ts-button size=\"sm\" appearance=\"outline\" variant=\"neutral\">Left</ts-button>\n        </ts-tooltip>\n        <ts-tooltip content=\"Left End\" placement=\"left-end\">\n          <ts-button size=\"sm\" appearance=\"outline\" variant=\"neutral\">Left End</ts-button>\n        </ts-tooltip>\n      </div>\n      <div style=\"display: flex; flex-direction: column; gap: 16px;\">\n        <ts-tooltip content=\"Right Start\" placement=\"right-start\">\n          <ts-button size=\"sm\" appearance=\"outline\" variant=\"neutral\">Right Start</ts-button>\n        </ts-tooltip>\n        <ts-tooltip content=\"Right\" placement=\"right\">\n          <ts-button size=\"sm\" appearance=\"outline\" variant=\"neutral\">Right</ts-button>\n        </ts-tooltip>\n        <ts-tooltip content=\"Right End\" placement=\"right-end\">\n          <ts-button size=\"sm\" appearance=\"outline\" variant=\"neutral\">Right End</ts-button>\n        </ts-tooltip>\n      </div>\n    </div>\n\n    <div style=\"display: flex; gap: 16px; justify-content: center;\">\n      <ts-tooltip content=\"Bottom Start\" placement=\"bottom-start\">\n        <ts-button size=\"sm\" appearance=\"outline\" variant=\"neutral\">Bottom Start</ts-button>\n      </ts-tooltip>\n      <ts-tooltip content=\"Bottom\" placement=\"bottom\">\n        <ts-button size=\"sm\" appearance=\"outline\" variant=\"neutral\">Bottom</ts-button>\n      </ts-tooltip>\n      <ts-tooltip content=\"Bottom End\" placement=\"bottom-end\">\n        <ts-button size=\"sm\" appearance=\"outline\" variant=\"neutral\">Bottom End</ts-button>\n      </ts-tooltip>\n    </div>\n  </div>\n`;\n\nexport const States = (): string => `\n  <div style=\"display: flex; gap: 24px; align-items: center; flex-wrap: wrap; padding: 60px 40px;\">\n    <ts-tooltip content=\"This tooltip is active\" placement=\"top\">\n      <ts-button variant=\"primary\">Active Tooltip</ts-button>\n    </ts-tooltip>\n    <ts-tooltip content=\"This tooltip is disabled\" placement=\"top\" disabled>\n      <ts-button appearance=\"outline\" variant=\"neutral\">Disabled Tooltip</ts-button>\n    </ts-tooltip>\n    <ts-tooltip content=\"Shows after 500ms\" placement=\"top\" show-delay=\"500\">\n      <ts-button appearance=\"outline\" variant=\"neutral\">Slow Show (500ms)</ts-button>\n    </ts-tooltip>\n    <ts-tooltip content=\"Hides after 300ms\" placement=\"top\" hide-delay=\"300\">\n      <ts-button appearance=\"outline\" variant=\"neutral\">Slow Hide (300ms)</ts-button>\n    </ts-tooltip>\n  </div>\n`;\n\nexport const WithIcons = (): string => `\n  <div style=\"display: flex; gap: 16px; align-items: center; flex-wrap: wrap; padding: 60px 40px;\">\n    <ts-tooltip content=\"Create a new document\" placement=\"top\">\n      <ts-button appearance=\"ghost\" variant=\"neutral\">\n        <ts-icon slot=\"prefix\" name=\"file-plus\" size=\"sm\"></ts-icon>\n      </ts-button>\n    </ts-tooltip>\n    <ts-tooltip content=\"Edit this item\" placement=\"top\">\n      <ts-button appearance=\"ghost\" variant=\"neutral\">\n        <ts-icon slot=\"prefix\" name=\"pencil\" size=\"sm\"></ts-icon>\n      </ts-button>\n    </ts-tooltip>\n    <ts-tooltip content=\"Copy to clipboard\" placement=\"top\">\n      <ts-button appearance=\"ghost\" variant=\"neutral\">\n        <ts-icon slot=\"prefix\" name=\"copy\" size=\"sm\"></ts-icon>\n      </ts-button>\n    </ts-tooltip>\n    <ts-tooltip content=\"Delete permanently\" placement=\"top\">\n      <ts-button appearance=\"ghost\" variant=\"danger\">\n        <ts-icon slot=\"prefix\" name=\"trash-2\" size=\"sm\"></ts-icon>\n      </ts-button>\n    </ts-tooltip>\n    <ts-tooltip content=\"Share with team\" placement=\"top\">\n      <ts-button appearance=\"ghost\" variant=\"primary\">\n        <ts-icon slot=\"prefix\" name=\"share-2\" size=\"sm\"></ts-icon>\n      </ts-button>\n    </ts-tooltip>\n  </div>\n`;\n\nexport const Composition = (): string => `\n  <div style=\"display: flex; flex-direction: column; gap: 24px; max-width: 500px; padding: 40px;\">\n    <ts-card bordered padding=\"lg\">\n      <span slot=\"header\">\n        <div style=\"display: flex; justify-content: space-between; align-items: center;\">\n          <h3 style=\"margin: 0;\">Quick Actions</h3>\n          <ts-tooltip content=\"Keyboard shortcuts available\" placement=\"left\">\n            <ts-icon name=\"keyboard\" size=\"sm\" color=\"var(--ts-color-text-secondary)\"></ts-icon>\n          </ts-tooltip>\n        </div>\n      </span>\n      <div style=\"display: flex; gap: 8px; flex-wrap: wrap;\">\n        <ts-tooltip content=\"Create new project (Ctrl+N)\" placement=\"bottom\">\n          <ts-button size=\"sm\" variant=\"primary\">\n            <ts-icon slot=\"prefix\" name=\"plus\" size=\"sm\"></ts-icon>\n            New Project\n          </ts-button>\n        </ts-tooltip>\n        <ts-tooltip content=\"Import from file (Ctrl+I)\" placement=\"bottom\">\n          <ts-button size=\"sm\" appearance=\"outline\" variant=\"neutral\">\n            <ts-icon slot=\"prefix\" name=\"upload\" size=\"sm\"></ts-icon>\n            Import\n          </ts-button>\n        </ts-tooltip>\n        <ts-tooltip content=\"Export as PDF (Ctrl+E)\" placement=\"bottom\">\n          <ts-button size=\"sm\" appearance=\"outline\" variant=\"neutral\">\n            <ts-icon slot=\"prefix\" name=\"download\" size=\"sm\"></ts-icon>\n            Export\n          </ts-button>\n        </ts-tooltip>\n      </div>\n    </ts-card>\n\n    <div style=\"display: flex; align-items: center; gap: 12px;\">\n      <ts-input placeholder=\"Enter your API key\" label=\"API Key\" style=\"flex: 1;\">\n        <ts-icon slot=\"prefix\" name=\"key\" size=\"sm\"></ts-icon>\n      </ts-input>\n      <div style=\"align-self: flex-end; padding-bottom: 2px;\">\n        <ts-tooltip content=\"Your API key can be found in Settings > Developer\" placement=\"right\">\n          <ts-icon name=\"help-circle\" size=\"sm\" color=\"var(--ts-color-text-secondary)\"></ts-icon>\n        </ts-tooltip>\n      </div>\n    </div>\n  </div>\n`;\n"]}

package/dist/collection/components/tree/tree-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-item.js","sourceRoot":"","sources":["../../../src/components/tree/tree-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, Event, State, h, Host, Element, Watch } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\n\n/**\n * @slot - Default slot for nested ts-tree-item children.\n * @slot label - Custom label content.\n *\n * @part base - The tree item container.\n * @part label - The label wrapper.\n * @part chevron - The expand/collapse chevron.\n * @part icon - The icon wrapper.\n */\n@Component({\n  tag: 'ts-tree-item',\n  styleUrl: 'tree-item.css',\n  shadow: true,\n})\nexport class TsTreeItem {\n  @Element() hostEl!: HTMLElement;\n\n  /** The item label. */\n  @Prop() label?: string;\n\n  /** Whether the item is expanded (has children). */\n  @Prop({ reflect: true, mutable: true }) expanded = false;\n\n  /** Whether the item is selected. */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  /** Whether the item is disabled. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Optional Lucide icon name. */\n  @Prop() icon?: string;\n\n  /** Whether this item has slotted children (expandable). */\n  @State() hasChildren = false;\n\n  /** Emitted when expand/collapse is toggled. */\n  @Event({ eventName: 'tsToggle' }) tsToggle!: EventEmitter<{ expanded: boolean }>;\n\n  /** Emitted when the item is selected. */\n  @Event({ eventName: 'tsSelect' }) tsSelect!: EventEmitter<{ selected: boolean; value: string }>;\n\n  @Watch('expanded')\n  onExpandedChange(): void {\n    this.tsToggle.emit({ expanded: this.expanded });\n  }\n\n  componentDidLoad(): void {\n    this.checkForChildren();\n  }\n\n  private checkForChildren(): void {\n    const slot = this.hostEl.shadowRoot?.querySelector('slot:not([name])') as HTMLSlotElement;\n    if (slot) {\n      const assigned = slot.assignedElements();\n      this.hasChildren = assigned.some(el => el.tagName === 'TS-TREE-ITEM');\n    }\n  }\n\n  private handleToggle = (event: MouseEvent): void => {\n    event.stopPropagation();\n    if (this.disabled) return;\n    this.expanded = !this.expanded;\n  };\n\n  private handleSelect = (): void => {\n    if (this.disabled) return;\n    const tree = this.hostEl.closest('ts-tree');\n    if (tree && (tree as unknown as { selectable: boolean }).selectable) {\n      this.selected = !this.selected;\n      this.tsSelect.emit({ selected: this.selected, value: this.label || '' });\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent): void => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.handleSelect();\n    }\n  };\n\n  private handleSlotChange = (): void => {\n    this.checkForChildren();\n  };\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    return (\n      <Host\n        class={{\n          'ts-tree-item': true,\n          'ts-tree-item--expanded': this.expanded,\n          'ts-tree-item--selected': this.selected,\n          'ts-tree-item--disabled': this.disabled,\n          'ts-tree-item--has-children': this.hasChildren,\n        }}\n        role=\"treeitem\"\n        tabindex={this.disabled ? -1 : 0}\n        aria-expanded={this.hasChildren ? String(this.expanded) : undefined}\n        aria-selected={String(this.selected)}\n        aria-disabled={this.disabled ? 'true' : undefined}\n        onKeyDown={this.handleKeyDown}\n      >\n        <div class=\"tree-item__base\" part=\"base\" onClick={this.handleSelect}>\n          <span\n            class={{\n              'tree-item__chevron': true,\n              'tree-item__chevron--hidden': !this.hasChildren,\n            }}\n            part=\"chevron\"\n            onClick={this.handleToggle}\n            aria-hidden=\"true\"\n          >\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"9 18 15 12 9 6\" />\n            </svg>\n          </span>\n\n          {this.icon && (\n            <span class=\"tree-item__icon\" part=\"icon\" aria-hidden=\"true\">\n              <ts-icon name={this.icon} size=\"sm\" />\n            </span>\n          )}\n\n          <span class=\"tree-item__label\" part=\"label\">\n            <slot name=\"label\">{this.label}</slot>\n          </span>\n        </div>\n\n        <div\n          class={{\n            'tree-item__children': true,\n            'tree-item__children--collapsed': !this.expanded,\n          }}\n          role=\"group\"\n        >\n          <slot onSlotchange={this.handleSlotChange} />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/tree/tree-item.stories.js

@@ -1,4 +0,0 @@
-// Stories for ts-tree-item are in the parent component's stories file
-// This file exists only to prevent auto-generation
-export default { title: 'Internal/tree-item', tags: ['!autodocs'] };
-//# sourceMappingURL=tree-item.stories.js.map

package/dist/collection/components/tree/tree-item.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-item.stories.js","sourceRoot":"","sources":["../../../src/components/tree/tree-item.stories.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,mDAAmD;AAEnD,eAAe,EAAE,KAAK,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC","sourcesContent":["// Stories for ts-tree-item are in the parent component's stories file\n// This file exists only to prevent auto-generation\n\nexport default { title: 'Internal/tree-item', tags: ['!autodocs'] };\n"]}

package/dist/collection/components/tree/tree.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree.js","sourceRoot":"","sources":["../../../src/components/tree/tree.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, Element, Listen } from '@stencil/core';\n\n/**\n * @slot - Default slot for ts-tree-item children.\n *\n * @part base - The tree container.\n */\n@Component({\n  tag: 'ts-tree',\n  styleUrl: 'tree.css',\n  shadow: true,\n})\nexport class TsTree {\n  @Element() hostEl!: HTMLElement;\n\n  /** Enable item selection mode. */\n  @Prop({ reflect: true }) selectable = false;\n\n  @Listen('keydown')\n  handleKeyDown(event: KeyboardEvent): void {\n    const items = this.getVisibleItems();\n    if (items.length === 0) return;\n\n    const focused = document.activeElement as HTMLElement;\n    const currentIndex = items.indexOf(focused);\n    if (currentIndex === -1) return;\n\n    const currentItem = items[currentIndex] as HTMLTsTreeItemElement;\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        if (currentIndex < items.length - 1) {\n          items[currentIndex + 1].focus();\n        }\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        if (currentIndex > 0) {\n          items[currentIndex - 1].focus();\n        }\n        break;\n      case 'ArrowRight':\n        event.preventDefault();\n        if (currentItem && !currentItem.expanded) {\n          currentItem.expanded = true;\n        }\n        break;\n      case 'ArrowLeft':\n        event.preventDefault();\n        if (currentItem && currentItem.expanded) {\n          currentItem.expanded = false;\n        }\n        break;\n      case 'Home':\n        event.preventDefault();\n        items[0].focus();\n        break;\n      case 'End':\n        event.preventDefault();\n        items[items.length - 1].focus();\n        break;\n    }\n  }\n\n  private getVisibleItems(): HTMLElement[] {\n    const allItems = Array.from(this.hostEl.querySelectorAll('ts-tree-item'));\n    return allItems.filter(item => {\n      let parent = item.parentElement;\n      while (parent && parent !== this.hostEl) {\n        if (parent.tagName === 'TS-TREE-ITEM' && !(parent as HTMLTsTreeItemElement).expanded) {\n          return false;\n        }\n        parent = parent.parentElement;\n      }\n      return true;\n    }) as HTMLElement[];\n  }\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    return (\n      <Host\n        class={{ 'ts-tree': true }}\n        role=\"tree\"\n      >\n        <div class=\"tree__base\" part=\"base\">\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n\ninterface HTMLTsTreeItemElement extends HTMLElement {\n  expanded: boolean;\n}\n"]}

package/dist/collection/components/tree/tree.stories.js

@@ -1,121 +0,0 @@
-// Hand-written stories for ts-tree
-export default {
-    title: 'Components/Tree',
-    tags: ['autodocs'],
-    argTypes: {
-        selectable: {
-            control: 'boolean',
-            description: 'Enable item selection mode.',
-        },
-    },
-};
-const Template = (args) => {
-    const attrs = [];
-    if (args.selectable)
-        attrs.push('selectable');
-    return `
-    <ts-tree ${attrs.join(' ')}>
-      <ts-tree-item label="Documents" icon="folder" expanded>
-        <ts-tree-item label="Reports" icon="folder">
-          <ts-tree-item label="Q4-2025.pdf" icon="file-text"></ts-tree-item>
-          <ts-tree-item label="Q3-2025.pdf" icon="file-text"></ts-tree-item>
-          <ts-tree-item label="Annual-Summary.pdf" icon="file-text"></ts-tree-item>
-        </ts-tree-item>
-        <ts-tree-item label="Invoices" icon="folder">
-          <ts-tree-item label="INV-001.pdf" icon="file-text"></ts-tree-item>
-          <ts-tree-item label="INV-002.pdf" icon="file-text"></ts-tree-item>
-        </ts-tree-item>
-      </ts-tree-item>
-      <ts-tree-item label="Images" icon="folder">
-        <ts-tree-item label="logo.png" icon="image"></ts-tree-item>
-        <ts-tree-item label="banner.jpg" icon="image"></ts-tree-item>
-      </ts-tree-item>
-      <ts-tree-item label="README.md" icon="file-text"></ts-tree-item>
-    </ts-tree>
-  `;
-};
-export const Default = Object.assign(Template.bind({}), {
-    args: {
-        selectable: false,
-    },
-});
-export const States = () => `
-  <div style="display: flex; gap: 48px; flex-wrap: wrap;">
-    <div>
-      <p style="margin: 0 0 12px; font-family: sans-serif; font-size: 14px; color: #666;">Expanded and collapsed</p>
-      <ts-tree>
-        <ts-tree-item label="src" icon="folder" expanded>
-          <ts-tree-item label="components" icon="folder" expanded>
-            <ts-tree-item label="Button.tsx" icon="file-text"></ts-tree-item>
-            <ts-tree-item label="Input.tsx" icon="file-text"></ts-tree-item>
-          </ts-tree-item>
-          <ts-tree-item label="utils" icon="folder">
-            <ts-tree-item label="helpers.ts" icon="file-text"></ts-tree-item>
-          </ts-tree-item>
-        </ts-tree-item>
-        <ts-tree-item label="package.json" icon="file-text"></ts-tree-item>
-      </ts-tree>
-    </div>
-    <div>
-      <p style="margin: 0 0 12px; font-family: sans-serif; font-size: 14px; color: #666;">With disabled items</p>
-      <ts-tree>
-        <ts-tree-item label="Public" icon="folder" expanded>
-          <ts-tree-item label="index.html" icon="file-text"></ts-tree-item>
-          <ts-tree-item label="restricted.html" icon="file-text" disabled></ts-tree-item>
-        </ts-tree-item>
-        <ts-tree-item label="Private" icon="folder" disabled>
-          <ts-tree-item label="secrets.json" icon="file-text"></ts-tree-item>
-        </ts-tree-item>
-      </ts-tree>
-    </div>
-  </div>
-`;
-export const Variants = () => `
-  <div>
-    <p style="margin: 0 0 12px; font-family: sans-serif; font-size: 14px; color: #666;">Selectable tree</p>
-    <ts-tree selectable>
-      <ts-tree-item label="Frontend" icon="folder" expanded>
-        <ts-tree-item label="React" icon="file-text" selected></ts-tree-item>
-        <ts-tree-item label="Vue" icon="file-text"></ts-tree-item>
-        <ts-tree-item label="Angular" icon="file-text"></ts-tree-item>
-      </ts-tree-item>
-      <ts-tree-item label="Backend" icon="folder" expanded>
-        <ts-tree-item label="Node.js" icon="file-text" selected></ts-tree-item>
-        <ts-tree-item label="Python" icon="file-text"></ts-tree-item>
-        <ts-tree-item label="Go" icon="file-text"></ts-tree-item>
-      </ts-tree-item>
-    </ts-tree>
-  </div>
-`;
-export const Composition = () => `
-  <div style="max-width: 320px; font-family: sans-serif;">
-    <div style="border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden;">
-      <div style="padding: 12px 16px; background: #f8fafc; border-bottom: 1px solid #e2e8f0; font-weight: 600; font-size: 14px;">
-        File Browser
-      </div>
-      <div style="padding: 12px;">
-        <ts-tree>
-          <ts-tree-item label="Documents" icon="folder" expanded>
-            <ts-tree-item label="Reports" icon="folder" expanded>
-              <ts-tree-item label="Q4-2025.pdf" icon="file-text"></ts-tree-item>
-              <ts-tree-item label="Q3-2025.pdf" icon="file-text"></ts-tree-item>
-            </ts-tree-item>
-            <ts-tree-item label="Contracts" icon="folder">
-              <ts-tree-item label="NDA-signed.pdf" icon="file-text"></ts-tree-item>
-            </ts-tree-item>
-          </ts-tree-item>
-          <ts-tree-item label="Media" icon="folder">
-            <ts-tree-item label="Photos" icon="folder">
-              <ts-tree-item label="team-photo.jpg" icon="image"></ts-tree-item>
-            </ts-tree-item>
-            <ts-tree-item label="Videos" icon="folder">
-              <ts-tree-item label="demo.mp4" icon="film"></ts-tree-item>
-            </ts-tree-item>
-          </ts-tree-item>
-          <ts-tree-item label="config.json" icon="file-text"></ts-tree-item>
-        </ts-tree>
-      </div>
-    </div>
-  </div>
-`;
-//# sourceMappingURL=tree.stories.js.map

package/dist/collection/components/tree/tree.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree.stories.js","sourceRoot":"","sources":["../../../src/components/tree/tree.stories.ts"],"names":[],"mappings":"AAAA,mCAAmC;AAEnC,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,6BAA6B;SAC3C;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAA6B,EAAU,EAAE;IACzD,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,IAAI,IAAI,CAAC,UAAU;QAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC9C,OAAO;eACM,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;GAkB3B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAwD,EAAE;IAC7G,IAAI,EAAE;QACJ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BnC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;;CAgBrC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BxC,CAAC","sourcesContent":["// Hand-written stories for ts-tree\n\nexport default {\n  title: 'Components/Tree',\n  tags: ['autodocs'],\n  argTypes: {\n    selectable: {\n      control: 'boolean',\n      description: 'Enable item selection mode.',\n    },\n  },\n};\n\nconst Template = (args: Record<string, unknown>): string => {\n  const attrs: string[] = [];\n  if (args.selectable) attrs.push('selectable');\n  return `\n    <ts-tree ${attrs.join(' ')}>\n      <ts-tree-item label=\"Documents\" icon=\"folder\" expanded>\n        <ts-tree-item label=\"Reports\" icon=\"folder\">\n          <ts-tree-item label=\"Q4-2025.pdf\" icon=\"file-text\"></ts-tree-item>\n          <ts-tree-item label=\"Q3-2025.pdf\" icon=\"file-text\"></ts-tree-item>\n          <ts-tree-item label=\"Annual-Summary.pdf\" icon=\"file-text\"></ts-tree-item>\n        </ts-tree-item>\n        <ts-tree-item label=\"Invoices\" icon=\"folder\">\n          <ts-tree-item label=\"INV-001.pdf\" icon=\"file-text\"></ts-tree-item>\n          <ts-tree-item label=\"INV-002.pdf\" icon=\"file-text\"></ts-tree-item>\n        </ts-tree-item>\n      </ts-tree-item>\n      <ts-tree-item label=\"Images\" icon=\"folder\">\n        <ts-tree-item label=\"logo.png\" icon=\"image\"></ts-tree-item>\n        <ts-tree-item label=\"banner.jpg\" icon=\"image\"></ts-tree-item>\n      </ts-tree-item>\n      <ts-tree-item label=\"README.md\" icon=\"file-text\"></ts-tree-item>\n    </ts-tree>\n  `;\n};\n\nexport const Default = Object.assign(Template.bind({}) as typeof Template & { args: Record<string, unknown> }, {\n  args: {\n    selectable: false,\n  },\n});\n\nexport const States = (): string => `\n  <div style=\"display: flex; gap: 48px; flex-wrap: wrap;\">\n    <div>\n      <p style=\"margin: 0 0 12px; font-family: sans-serif; font-size: 14px; color: #666;\">Expanded and collapsed</p>\n      <ts-tree>\n        <ts-tree-item label=\"src\" icon=\"folder\" expanded>\n          <ts-tree-item label=\"components\" icon=\"folder\" expanded>\n            <ts-tree-item label=\"Button.tsx\" icon=\"file-text\"></ts-tree-item>\n            <ts-tree-item label=\"Input.tsx\" icon=\"file-text\"></ts-tree-item>\n          </ts-tree-item>\n          <ts-tree-item label=\"utils\" icon=\"folder\">\n            <ts-tree-item label=\"helpers.ts\" icon=\"file-text\"></ts-tree-item>\n          </ts-tree-item>\n        </ts-tree-item>\n        <ts-tree-item label=\"package.json\" icon=\"file-text\"></ts-tree-item>\n      </ts-tree>\n    </div>\n    <div>\n      <p style=\"margin: 0 0 12px; font-family: sans-serif; font-size: 14px; color: #666;\">With disabled items</p>\n      <ts-tree>\n        <ts-tree-item label=\"Public\" icon=\"folder\" expanded>\n          <ts-tree-item label=\"index.html\" icon=\"file-text\"></ts-tree-item>\n          <ts-tree-item label=\"restricted.html\" icon=\"file-text\" disabled></ts-tree-item>\n        </ts-tree-item>\n        <ts-tree-item label=\"Private\" icon=\"folder\" disabled>\n          <ts-tree-item label=\"secrets.json\" icon=\"file-text\"></ts-tree-item>\n        </ts-tree-item>\n      </ts-tree>\n    </div>\n  </div>\n`;\n\nexport const Variants = (): string => `\n  <div>\n    <p style=\"margin: 0 0 12px; font-family: sans-serif; font-size: 14px; color: #666;\">Selectable tree</p>\n    <ts-tree selectable>\n      <ts-tree-item label=\"Frontend\" icon=\"folder\" expanded>\n        <ts-tree-item label=\"React\" icon=\"file-text\" selected></ts-tree-item>\n        <ts-tree-item label=\"Vue\" icon=\"file-text\"></ts-tree-item>\n        <ts-tree-item label=\"Angular\" icon=\"file-text\"></ts-tree-item>\n      </ts-tree-item>\n      <ts-tree-item label=\"Backend\" icon=\"folder\" expanded>\n        <ts-tree-item label=\"Node.js\" icon=\"file-text\" selected></ts-tree-item>\n        <ts-tree-item label=\"Python\" icon=\"file-text\"></ts-tree-item>\n        <ts-tree-item label=\"Go\" icon=\"file-text\"></ts-tree-item>\n      </ts-tree-item>\n    </ts-tree>\n  </div>\n`;\n\nexport const Composition = (): string => `\n  <div style=\"max-width: 320px; font-family: sans-serif;\">\n    <div style=\"border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden;\">\n      <div style=\"padding: 12px 16px; background: #f8fafc; border-bottom: 1px solid #e2e8f0; font-weight: 600; font-size: 14px;\">\n        File Browser\n      </div>\n      <div style=\"padding: 12px;\">\n        <ts-tree>\n          <ts-tree-item label=\"Documents\" icon=\"folder\" expanded>\n            <ts-tree-item label=\"Reports\" icon=\"folder\" expanded>\n              <ts-tree-item label=\"Q4-2025.pdf\" icon=\"file-text\"></ts-tree-item>\n              <ts-tree-item label=\"Q3-2025.pdf\" icon=\"file-text\"></ts-tree-item>\n            </ts-tree-item>\n            <ts-tree-item label=\"Contracts\" icon=\"folder\">\n              <ts-tree-item label=\"NDA-signed.pdf\" icon=\"file-text\"></ts-tree-item>\n            </ts-tree-item>\n          </ts-tree-item>\n          <ts-tree-item label=\"Media\" icon=\"folder\">\n            <ts-tree-item label=\"Photos\" icon=\"folder\">\n              <ts-tree-item label=\"team-photo.jpg\" icon=\"image\"></ts-tree-item>\n            </ts-tree-item>\n            <ts-tree-item label=\"Videos\" icon=\"folder\">\n              <ts-tree-item label=\"demo.mp4\" icon=\"film\"></ts-tree-item>\n            </ts-tree-item>\n          </ts-tree-item>\n          <ts-tree-item label=\"config.json\" icon=\"file-text\"></ts-tree-item>\n        </ts-tree>\n      </div>\n    </div>\n  </div>\n`;\n"]}

package/dist/collection/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Tessera UI — Library Entry Point\n *\n * Re-exports all public components, types, and utilities.\n */\n\n// Types\nexport type {\n  TsSize,\n  TsVariant,\n  TsAppearance,\n  TsOrientation,\n  TsPlacement,\n  TsChangeEventDetail,\n  TsToggleEventDetail,\n  TsCheckboxChangeEventDetail,\n  TsSelectChangeEventDetail,\n  TsValidationEventDetail,\n} from './types';\n\n// Utilities\nexport { generateId, announce, prefersReducedMotion, trapFocus } from './utils/aria';\nexport { debounce, clamp, hasSlotContent } from './utils/dom';\nexport { emitEvent } from './utils/events';\n\n// Icon Registry\nexport { registerIcons, registerIcon, getIcon, getRegisteredIconNames } from './components/icon/icon-registry';\n\n// Components\nexport { TsIcon } from './components/icon/icon';\nexport { TsTabs } from './components/tabs/tabs';\nexport { TsTabPanel } from './components/tabs/tab-panel';\nexport { TsSpinner } from './components/spinner/spinner';\nexport { TsAvatar } from './components/avatar/avatar';\nexport { TsDialog } from './components/dialog/dialog';\nexport { TsMenu } from './components/menu/menu';\nexport type { TsMenuPlacement, TsMenuTrigger } from './components/menu/menu';\nexport { TsMenuItem } from './components/menu/menu-item';\nexport { TsTable } from './components/table/table';\nexport { TsAccordion } from './components/accordion/accordion';\nexport { TsAccordionItem } from './components/accordion/accordion-item';\nexport { TsBreadcrumb } from './components/breadcrumb/breadcrumb';\nexport { TsBreadcrumbItem } from './components/breadcrumb/breadcrumb-item';\nexport { TsPagination } from './components/pagination/pagination';\nexport { TsProgress } from './components/progress/progress';\nexport { TsSlider } from './components/slider/slider';\nexport { TsSkeleton } from './components/skeleton/skeleton';\nexport { TsToast } from './components/toast/toast';\nexport { TsChip } from './components/chip/chip';\nexport { TsDivider } from './components/divider/divider';\nexport { TsPopover } from './components/popover/popover';\nexport { TsTree } from './components/tree/tree';\nexport { TsTreeItem } from './components/tree/tree-item';\nexport { TsSwitchGroup } from './components/switch-group/switch-group';\nexport { TsSwitchOption } from './components/switch-group/switch-option';\nexport { TsToolbar } from './components/toolbar/toolbar';\nexport { TsEmptyState } from './components/empty-state/empty-state';\nexport { TsBanner } from './components/banner/banner';\nexport { TsDrawer } from './components/drawer/drawer';\nexport { TsNav } from './components/nav/nav';\nexport { TsNavItem } from './components/nav/nav-item';\nexport { TsDatePicker } from './components/date-picker/date-picker';\nexport { TsFileUpload } from './components/file-upload/file-upload';\nexport { TsStepper } from './components/stepper/stepper';\nexport { TsStep } from './components/stepper/step';\nexport { TsGrid } from './components/grid/grid';\nexport { TsContainer } from './components/container/container';\nexport { TsStack } from './components/stack/stack';\nexport { TsRow } from './components/row/row';\nexport { TsSpacer } from './components/spacer/spacer';\n"]}

package/dist/collection/theme/tokens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/theme/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAwBH,MAAM,CAAC,MAAM,MAAM,GAAkB;IACnC,KAAK,EAAE;QACL,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,SAAS;SACjB;QACD,OAAO,EAAE;YACP,GAAG,EAAE,SAAS;YACd,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,SAAS;SACjB;QACD,OAAO,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;QAC/C,OAAO,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;QAC/C,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;QAC9C,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;KAC7C;IACD,OAAO,EAAE;QACP,GAAG,EAAE,GAAG;QACR,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,QAAQ;QACb,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,QAAQ;QACb,GAAG,EAAE,MAAM;QACX,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;KACb;IACD,MAAM,EAAE;QACN,IAAI,EAAE,GAAG;QACT,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,MAAM;QACV,IAAI,EAAE,QAAQ;KACf;IACD,MAAM,EAAE;QACN,EAAE,EAAE,iCAAiC;QACrC,EAAE,EAAE,mEAAmE;QACvE,EAAE,EAAE,sEAAsE;QAC1E,EAAE,EAAE,wEAAwE;QAC5E,EAAE,EAAE,yEAAyE;KAC9E;IACD,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,IAAI,EAAE,oEAAoE;YAC1E,IAAI,EAAE,sDAAsD;SAC7D;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,GAAG;YACX,IAAI,EAAE,GAAG;YACT,IAAI,EAAE,GAAG;SACV;QACD,UAAU,EAAE;YACV,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,GAAG;YACX,KAAK,EAAE,IAAI;SACZ;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE,oCAAoC;QAC1C,MAAM,EAAE,oCAAoC;QAC5C,IAAI,EAAE,oCAAoC;KAC3C;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,IAAI;KACd;CACF,CAAC","sourcesContent":["/**\n * Tessera UI — Design Token Definitions\n *\n * These are the source-of-truth token definitions.\n * They feed into Style Dictionary to generate platform-specific outputs\n * (CSS custom properties, iOS, Android, etc.)\n */\n\nexport interface TesseraTokens {\n  color: {\n    primary: Record<string, string>;\n    neutral: Record<string, string>;\n    success: Record<string, string>;\n    warning: Record<string, string>;\n    danger: Record<string, string>;\n    info: Record<string, string>;\n  };\n  spacing: Record<string, string>;\n  radius: Record<string, string>;\n  shadow: Record<string, string>;\n  font: {\n    family: Record<string, string>;\n    size: Record<string, string>;\n    weight: Record<string, number>;\n    lineHeight: Record<string, number>;\n  };\n  transition: Record<string, string>;\n  zIndex: Record<string, number>;\n}\n\nexport const tokens: TesseraTokens = {\n  color: {\n    primary: {\n      '50': '#eef2ff',\n      '100': '#dbe4ff',\n      '200': '#bac8ff',\n      '300': '#91a7ff',\n      '400': '#748ffc',\n      '500': '#5c7cfa',\n      '600': '#4c6ef5',\n      '700': '#4263eb',\n      '800': '#3b5bdb',\n      '900': '#364fc7',\n    },\n    neutral: {\n      '0': '#ffffff',\n      '50': '#f8f9fa',\n      '100': '#f1f3f5',\n      '200': '#e9ecef',\n      '300': '#dee2e6',\n      '400': '#ced4da',\n      '500': '#adb5bd',\n      '600': '#868e96',\n      '700': '#495057',\n      '800': '#343a40',\n      '900': '#212529',\n    },\n    success: { '500': '#40c057', '600': '#2f9e44' },\n    warning: { '500': '#fab005', '600': '#f08c00' },\n    danger: { '500': '#fa5252', '600': '#e03131' },\n    info: { '500': '#339af0', '600': '#1c7ed6' },\n  },\n  spacing: {\n    '0': '0',\n    '1': '0.25rem',\n    '2': '0.5rem',\n    '3': '0.75rem',\n    '4': '1rem',\n    '5': '1.25rem',\n    '6': '1.5rem',\n    '8': '2rem',\n    '10': '2.5rem',\n    '12': '3rem',\n    '16': '4rem',\n  },\n  radius: {\n    none: '0',\n    sm: '0.25rem',\n    md: '0.5rem',\n    lg: '0.75rem',\n    xl: '1rem',\n    full: '9999px',\n  },\n  shadow: {\n    xs: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n    sm: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)',\n    md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)',\n    lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)',\n    xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)',\n  },\n  font: {\n    family: {\n      base: \"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif\",\n      mono: \"'JetBrains Mono', 'Fira Code', 'Consolas', monospace\",\n    },\n    size: {\n      xs: '0.75rem',\n      sm: '0.875rem',\n      md: '1rem',\n      lg: '1.125rem',\n      xl: '1.25rem',\n      '2xl': '1.5rem',\n      '3xl': '1.875rem',\n    },\n    weight: {\n      regular: 400,\n      medium: 500,\n      semi: 600,\n      bold: 700,\n    },\n    lineHeight: {\n      tight: 1.25,\n      normal: 1.5,\n      loose: 1.75,\n    },\n  },\n  transition: {\n    fast: '150ms cubic-bezier(0.4, 0, 0.2, 1)',\n    normal: '250ms cubic-bezier(0.4, 0, 0.2, 1)',\n    slow: '350ms cubic-bezier(0.4, 0, 0.2, 1)',\n  },\n  zIndex: {\n    dropdown: 1000,\n    sticky: 1020,\n    fixed: 1030,\n    overlay: 1040,\n    modal: 1050,\n    popover: 1060,\n    tooltip: 1070,\n  },\n};\n"]}

package/dist/collection/types/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/**\n * Tessera UI — Shared Types\n */\n\n/** Standard component sizes used across the library */\nexport type TsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n/** Semantic color variants */\nexport type TsVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n\n/** Button-style visual weight */\nexport type TsAppearance = 'solid' | 'outline' | 'ghost' | 'link';\n\n/** Standard orientation */\nexport type TsOrientation = 'horizontal' | 'vertical';\n\n/** Placement positions (for tooltips, popovers, etc.) */\nexport type TsPlacement =\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end';\n\n/** Shared event detail for value-change events */\nexport interface TsChangeEventDetail<T = unknown> {\n  value: T;\n  previousValue: T;\n}\n\n/** Shared event detail for toggle events */\nexport interface TsToggleEventDetail {\n  checked: boolean;\n}\n\n/** Shared event detail for checkbox/radio change events */\nexport interface TsCheckboxChangeEventDetail {\n  checked: boolean;\n  value: string;\n}\n\n/** Shared event detail for select change events */\nexport interface TsSelectChangeEventDetail {\n  value: string;\n}\n\n/** Shared event detail for form validation */\nexport interface TsValidationEventDetail {\n  valid: boolean;\n  message: string;\n}\n"]}