dap-design-system 0.60.2 → 0.61.0

package/dist/react/dap-ds-input/index.js

@@ -0,0 +1,21 @@
+import { createComponent as d } from "@lit/react";
+import * as o from "react";
+import "../../components/input/input.js";
+import s from "../../components/input/input.component.js";
+const t = "dap-ds-input", p = d({
+  tagName: t,
+  elementClass: s,
+  react: o,
+  events: {
+    onDdsChange: "dds-change",
+    onDdsInput: "dds-input",
+    onDdsKeydown: "dds-keydown",
+    onDdsBlur: "dds-blur",
+    onDdsFocus: "dds-focus"
+  },
+  displayName: "DapDSInput"
+});
+export {
+  p as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-input/index.ts"],"sourcesContent":["\n      import { createComponent } from '@lit/react'\n      import { type EventName } from '@lit/react'\n      import * as React from 'react'\n\n      import Component from '../../components/input/input.js'\n      import type { DdsChangeEvent } from '../../events/events'\nimport type { DdsInputEvent } from '../../events/events'\nimport type { DdsKeydownEvent } from '../../events/events'\nimport type { DdsBlurEvent } from '../../events/events'\nimport type { DdsFocusEvent } from '../../events/events'\n      export type { DdsChangeEvent } from '../../events/events'\nexport type { DdsInputEvent } from '../../events/events'\nexport type { DdsKeydownEvent } from '../../events/events'\nexport type { DdsBlurEvent } from '../../events/events'\nexport type { DdsFocusEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-input'\n\n      /**\n * `dap-ds-input`\n * @summary An input is a field used to collect user input.\n * @element dap-ds-input\n * @title - Input\n *\n * @property {string} label - The label of the input.\n * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)\n * @property {string} description - The description of the input.\n * @property {string} optionalLabel - Text of optional label.\n * @property {string} requiredLabel - Text of required indicator. (default: '*')\n * @property {boolean} subtle - Text weight of label. If true the label is subtle. Default value is false.\n * @property {string} value - The value of the input.\n * @property {string} placeholder - The placeholder of the input.\n * @property {boolean} loading - The loading state of the input. Default is false.\n * @property {string} tooltip - The tooltip of the input.\n * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the input.\n * @property {string} tooltipAriaLabel - The aria label of the tooltip.\n * @property {string} feedback - The feedback of the input.\n * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the input. Can be `negative`, `positive`, or `warning`.\n * @property {'succes' | 'error'} status - The status of the input. Can be `success` or `error`.\n * @property {'xs' | 'sm' | 'lg'} size - The size of the input. Default is `sm`.\n * @property {string} sizeMap - Responsive size map (e.g. \"xs:lg\").\n * @property {string} name - The name of the input.\n * @property {'text' | 'number' | 'button' | 'color' | 'email' | 'hidden' | 'reset' | 'submit' | 'url' | 'password'| 'file' | 'time'} type - The type of the input. Default is 'text'.\n * @property {boolean} disabled - The disabled state of the input. Default is false.\n * @property {boolean} required - The required state of the input. Default is false.\n * @property {boolean} readonly - The readonly state of the input. Default is false.\n * @property {boolean} autofocus - The autofocus state of the input. Default is false.\n * @property {boolean} autocapitalize - The autocapitalize state of the input. Default is false.\n * @property {number} minlength - The minimum length of the input.\n * @property {number} maxlength - The maximum length of the input.\n * @property {number} min - The minimum value of the number input.\n * @property {number} max - The maximum value of the number input.\n * @property {number} step - The step value of the number input.\n * @property {string} inputmode - The inputmode of the input.\n * @property {string} pattern - The regex pattern of the input.\n *\n * @cssproperty --dds-input-height-xs - The height of the extra small input. (default: var(--dds-spacing-800)).\n * @cssproperty --dds-input-height-sm - The height of the small input. (default: var(--dds-spacing-1000)).\n * @cssproperty --dds-input-height-lg - The height of the large input. (default: var(--dds-spacing-1200)).\n * @cssproperty --dds-input-padding-xs - The padding of the extra small input. (default: 0 var(--dds-spacing-200)).\n * @cssproperty --dds-input-padding-sm - The padding of the small input. (default: 0 var(--dds-spacing-300)).\n * @cssproperty --dds-input-padding-lg - The padding of the large input. (default: 0 var(--dds-spacing-400)).\n * @cssproperty --dds-input-font-size-xs - The font size of the extra small input. (default: var(--dds-font-sm)).\n * @cssproperty --dds-input-font-size-sm - The font size of the small input. (default: var(--dds-font-base)).\n * @cssproperty --dds-input-font-size-lg - The font size of the large input. (default: var(--dds-font-lg)).\n * @cssproperty --dds-input-border - The border of the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)).\n * @cssproperty --dds-input-background - The background color of the input. (default: var(--dds-fields-background-default)).\n * @cssproperty --dds-input-text-color - The text color of the input. (default: var(--dds-text-neutral-base)).\n * @cssproperty --dds-input-border-radius - The border radius of the input. (default: var(--dds-radius-base)).\n * @cssproperty --dds-input-disabled-border - The border of the disabled input. (default: 0 solid var(--dds-border-neutral-disabled)).\n * @cssproperty --dds-input-disabled-background - The background color of the disabled input. (default: var(--dds-fields-background-disabled)).\n * @cssproperty --dds-input-disabled-text - The text color of the disabled input. (default: var(--dds-text-neutral-disabled)).\n * @cssproperty --dds-input-readonly-border - The border of the readonly input. (default: 0 solid var(--dds-border-neutral-subtle)).\n * @cssproperty --dds-input-readonly-background - The background color of the readonly input. (default: var(--dds-fields-background-read-only)).\n * @cssproperty --dds-input-readonly-text - The text color of the readonly input. (default: var(--dds-text-neutral-subtle)).\n * @cssproperty --dds-input-success-border - The border of the success input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)).\n * @cssproperty --dds-input-error-border - The border of the error input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)).\n * @cssproperty --dds-input-addon-background - The background color of the input addon. (default: var(--dds-fields-background-default)).\n * @cssproperty --dds-input-addon-success-background - The background color of the success input addon. (default: var(--dds-fields-background-default)).\n * @cssproperty --dds-input-addon-error-background - The background color of the error input addon. (default: var(--dds-fields-background-default)).\n * @cssproperty --dds-input-addon-border-before - The border of the addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)).\n * @cssproperty --dds-input-addon-border-after - The border of the addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)).\n * @cssproperty --dds-input-addon-border-width-before - The border width of the addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)).\n * @cssproperty --dds-input-addon-border-width-after - The border width of the addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0).\n * @cssproperty --dds-input-addon-success-border - The border of the success addon. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)).\n * @cssproperty --dds-input-addon-success-border-before - The border of the success addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)).\n * @cssproperty --dds-input-addon-success-border-after - The border of the success addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)).\n * @cssproperty --dds-input-addon-success-border-width-before - The border width of the success addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)).\n * @cssproperty --dds-input-addon-success-border-width-after - The border width of the success addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0).\n * @cssproperty --dds-input-addon-error-border-before - The border of the error addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)).\n * @cssproperty --dds-input-addon-error-border-after - The border of the error addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)).\n * @cssproperty --dds-input-addon-error-border-width-before - The border width of the error addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)).\n * @cssproperty --dds-input-addon-error-border-width-after - The border width of the error addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0).\n *\n * @event {{ value: string }} dds-change - Fired when the input value changes.\n * @event {{ value: string }} dds-input - Fired when the input value changes.\n * @event {{ value: string, originalEvent: Event }} dds-keydown - Fired when a key is pressed down.\n * @event {{ void }} dds-blur - Fired when the input loses focus.\n * @event {{ void }} dds-focus - Emitted when the input gains focus.\n *\n * @slot postfix - The postfix of the input.\n * @slot prefix - The prefix of the input.\n * @slot addon-before - The addon before the input.\n * @slot addon-after - The addon after the input.\n * @slot feedback-icon - The custom icon of the feedback.\n *\n * @csspart base - The main input container.\n * @csspart input - The input element.\n * @csspart label - The label of the input.\n * @csspart description - The description of the input.\n * @csspart feedback - The feedback of the input.\n * @csspart tooltip - The tooltip of the input.\n * @csspart addon-before - The addon before the input.\n * @csspart addon-after - The addon after the input.\n * @csspart prefix - The prefix of the input.\n * @csspart postfix - The postfix of the input.\n *\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsChange: 'dds-change' as EventName<DdsChangeEvent>,\nonDdsInput: 'dds-input' as EventName<DdsInputEvent>,\nonDdsKeydown: 'dds-keydown' as EventName<DdsKeydownEvent>,\nonDdsBlur: 'dds-blur' as EventName<DdsBlurEvent>,\nonDdsFocus: 'dds-focus' as EventName<DdsFocusEvent>\n        },\n        displayName: \"DapDSInput\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAiBM,MAAMA,IAAU,gBAsGVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,aAAa;AAAA,IACvB,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,YAAY;AAAA,EACJ;AAAA,EACA,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-input-group/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/form/input-group/input-group.component.js';
+import { default as Component } from '../../components/form/input-group/input-group.js';
 /**
  * `dap-ds-input-group`
  * @summary An input group is a container for inputs.

package/dist/react/dap-ds-input-group/index.js

@@ -0,0 +1,15 @@
+import { createComponent as t } from "@lit/react";
+import * as p from "react";
+import "../../components/form/input-group/input-group.js";
+import a from "../../components/form/input-group/input-group.component.js";
+const e = "dap-ds-input-group", n = t({
+  tagName: e,
+  elementClass: a,
+  react: p,
+  events: {},
+  displayName: "DapDSInputGroup"
+});
+export {
+  n as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-input-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-input-group/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/form/input-group/input-group.js'\n\nconst tagName = 'dap-ds-input-group'\n\n/**\n * `dap-ds-input-group`\n * @summary An input group is a container for inputs.\n * @element dap-ds-input-group\n * @title - Input group\n * @group form\n *\n * @property {string} label - The label of the input group.\n * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)\n * @property {string} description - The description of the input group.\n * @property {string} tooltip - The tooltip of the input group.\n * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the input group.\n * @property {string} tooltipAriaLabel - The aria label of the tooltip.\n * @property {string} optionalLabel - The label of the input group when it is optional.\n * @property {string} requiredLabel - The indicator of the input group when it is required. (default: '*')\n * @property {boolean} disabled - Whether the input group is disabled.\n * @property {'xs' | 'sm' | 'lg'} size - The size of the input group. Default is `sm`.\n * @property {boolean} required - Whether the input group is required.\n * @property {boolean} optional - Whether the input group is optional.\n * @property {string} feedback - The feedback of the input.\n * @property {string} feedbackType - The type of the feedback.\n * @property {boolean} subtle - Whether the input group label is subtle.\n *\n * @slot - The content of the input group items.\n * @slot feedback-icon - The custom icon of the feedback.\n *\n * @csspart base - The main input group container.\n * @csspart label - The label of the input group.\n * @csspart description - The description of the input group.\n * @csspart tooltip - The tooltip of the input group.\n * @csspart container - The container of the input group items.\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'DapDSInputGroup',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,sBAkCVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-label/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/label/label.component.js';
+import { default as Component } from '../../components/label/label.js';
 /**
  * `dap-ds-label`
  * @summary A label is a container for labels intended for general use. It contains a label text, description, and tooltip.

package/dist/react/dap-ds-label/index.js

@@ -0,0 +1,15 @@
+import { createComponent as a } from "@lit/react";
+import * as e from "react";
+import "../../components/label/label.js";
+import t from "../../components/label/label.component.js";
+const r = "dap-ds-label", s = a({
+  tagName: r,
+  elementClass: t,
+  react: e,
+  events: {},
+  displayName: "DapDSLabel"
+});
+export {
+  s as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-label/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/label/label.js'\n\nconst tagName = 'dap-ds-label'\n\n/**\n * `dap-ds-label`\n * @summary A label is a container for labels intended for general use. It contains a label text, description, and tooltip.\n * @element dap-ds-label\n * @title - Label\n *\n * @property {string} label - The label text\n * @property {string} description - The description of the label\n * @property {string} tooltip - The tooltip text\n * @property {'xs' | 'sm' | 'lg'} size - The size of the input. Default is `sm`.\n * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the label.\n * @property {boolean} optional - If the label is optional. Default value is `false`.\n * @property {string} optionalLabel - Label of optional text\n * @property {string} requiredLabel - Indicator of required text (default: '*')\n * @property {boolean} subtle - Text weight of label. If true the label is subtle. Default value is `false`.\n * @property {boolean} disabled - The disabled state of the label. Default is `false`.\n * @property {boolean} required - The required state of the label. Default is `false`.\n *\n * @csspart base - The main label container.\n * @csspart label - Tha main label container. dap-ds-form-label element.\n * @csspart label-base - The label text.\n * @csspart label-required - The required indicator of the label.\n * @csspart label-optional - The optional indicator of the label.\n * @csspart tooltip - The tooltip of the label. dap-ds-tooltip element.\n * @csspart description - The description of the label.\n *\n * @cssproperty {string} --dds-label-background - The background color of the label container. (default: var(--dds-background-neutral-subtle)).\n * @cssproperty {string} --dds-label-border-color - The border color of the label container. (default: var(--dds-border-neutral-subtle)).\n * @cssproperty {string} --dds-label-border-width - The border width of the label container. (default: var(--dds-border-width-base)).\n * @cssproperty {string} --dds-label-border-radius - The border radius of the label container. (default: var(--dds-radius-base)).\n * @cssproperty {string} --dds-label-padding - The padding of the label container. (default: var(--dds-spacing-400)).\n * @cssproperty {string} --dds-label-disabled-background - The background color of the label container when disabled. (default: var(--dds-background-neutral-disabled-inverted)).\n * @cssproperty {string} --dds-label-checked-border-color - The border color of the label container when checked. (default: var(--dds-background-brand-base-inverted)).\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'DapDSLabel',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,gBAoCVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-link/index.d.ts

@@ -1,5 +1,5 @@
 import { EventName } from '@lit/react';
-import { default as Component } from '../../components/link/link.component.js';
+import { default as Component } from '../../components/link/link.js';
 import { DdsClickEvent } from '../../events/events';
 export type { DdsClickEvent } from '../../events/events';
 /**

package/dist/react/dap-ds-link/index.js

@@ -0,0 +1,17 @@
+import { createComponent as a } from "@lit/react";
+import * as e from "react";
+import "../../components/link/link.js";
+import t from "../../components/link/link.component.js";
+const o = "dap-ds-link", s = a({
+  tagName: o,
+  elementClass: t,
+  react: e,
+  events: {
+    onDdsClick: "dds-click"
+  },
+  displayName: "DapDSLink"
+});
+export {
+  s as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-link/index.ts"],"sourcesContent":["\n      import { createComponent } from '@lit/react'\n      import { type EventName } from '@lit/react'\n      import * as React from 'react'\n\n      import Component from '../../components/link/link.js'\n      import type { DdsClickEvent } from '../../events/events'\n      export type { DdsClickEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-link'\n\n      /**\n * `dap-ds-link`\n * @summary A link is a reference to a web resource.\n * @element dap-ds-link\n * @title - Link\n *\n * @event {{ event: Event }} dds-click - Emitted when the link is clicked.\n *\n * @slot - The text of the link.\n * @slot link - A router link element (e.g. Next.js Link) used for SPA navigation.\n *   Rendered outside the visible link so it is always accessible to programmatic clicks.\n *\n * @csspart base - The main link container.\n * @csspart text - The text of the link.\n *\n * @cssproperty --dds-link-color - The color of the link text (default: var(--dds-link-enabled)).\n * @cssproperty --dds-link-hover-color - The color of the link text on hover (default: var(--dds-link-hover)).\n * @cssproperty --dds-link-active-color - The color of the link text when active (default: var(--dds-link-pressed)).\n * @cssproperty --dds-link-visited-color - The color of the visited link text (default: var(--dds-link-pressed)).\n * @cssproperty --dds-link-font-size - The font size of the link text (default: var(--dds-font-base)).\n * @cssproperty --dds-link-line-height - The line height of the link text (default: var(--dds-font-line-height-xlarge)).\n * @cssproperty --dds-link-font-weight - The font weight of the link text (default: var(--dds-font-weight-medium)).\n * @cssproperty --dds-link-text-decoration - The text decoration of the link (default: underline).\n *\n * @cssproperty --dds-link-neutral-color - The color of the neutral variant link (default: var(--dds-link-neutral-enabled)).\n * @cssproperty --dds-link-neutral-hover-color - The hover color of the neutral variant link (default: var(--dds-link-neutral-hover)).\n * @cssproperty --dds-link-neutral-active-color - The active color of the neutral variant link (default: var(--dds-link-neutral-pressed)).\n * @cssproperty --dds-link-neutral-visited-color - The visited color of the neutral variant link (default: var(--dds-link-neutral-pressed)).\n *\n * @cssproperty --dds-link-brand-color - The color of the brand variant link (default: var(--dds-link-enabled)).\n * @cssproperty --dds-link-brand-hover-color - The hover color of the brand variant link (default: var(--dds-link-hover)).\n * @cssproperty --dds-link-brand-active-color - The active color of the brand variant link (default: var(--dds-link-pressed)).\n * @cssproperty --dds-link-brand-visited-color - The visited color of the brand variant link (default: var(--dds-link-pressed)).\n *\n * @cssproperty --dds-link-inverted-color - The color of the inverted variant link (default: var(--dds-link-inverted-enabled)).\n * @cssproperty --dds-link-inverted-hover-color - The hover color of the inverted variant link (default: var(--dds-link-inverted-hover)).\n * @cssproperty --dds-link-inverted-active-color - The active color of the inverted variant link (default: var(--dds-link-inverted-pressed)).\n * @cssproperty --dds-link-inverted-visited-color - The visited color of the inverted variant link (default: var(--dds-link-inverted-visited)).\n *\n * @cssproperty --dds-link-warning-color - The color of the warning variant link (default: var(--dds-banner-action-inverted-enabled)).\n * @cssproperty --dds-link-warning-hover-color - The hover color of the warning variant link (default: var(--dds-banner-action-inverted-hover)).\n * @cssproperty --dds-link-warning-active-color - The active color of the warning variant link (default: var(--dds-banner-action-inverted-pressed)).\n * @cssproperty --dds-link-warning-visited-color - The visited color of the warning variant link (default: var(--dds-banner-action-inverted-enabled)).\n *\n * @cssproperty --dds-link-disabled-color - The color of the disabled link (default: var(--dds-text-neutral-disabled)).\n * @cssproperty --dds-link-disabled-hover-color - The hover color of the disabled link (default: var(--dds-text-neutral-disabled)).\n * @cssproperty --dds-link-disabled-active-color - The active color of the disabled link (default: var(--dds-text-neutral-disabled)).\n * @cssproperty --dds-link-disabled-visited-color - The visited color of the disabled link (default: var(--dds-text-neutral-disabled)).\n *\n * @cssproperty --dds-link-lg-font-size - The font size of the large link (default: var(--dds-font-lg)).\n * @cssproperty --dds-link-lg-line-height - The line height of the large link (default: var(--dds-font-line-height-xlarge)).\n * @cssproperty --dds-link-md-font-size - The font size of the medium link (default: var(--dds-font-base)).\n * @cssproperty --dds-link-md-line-height - The line height of the medium link (default: var(--dds-font-line-height-xlarge)).\n * @cssproperty --dds-link-sm-font-size - The font size of the small link (default: var(--dds-font-sm)).\n * @cssproperty --dds-link-sm-line-height - The line height of the small link (default: var(--dds-font-line-height-xlarge)).\n * @cssproperty --dds-link-xs-font-size - The font size of the extra small link (default: var(--dds-font-xs)).\n * @cssproperty --dds-link-xs-line-height - The line height of the extra small link (default: var(--dds-font-line-height-xlarge)).\n *\n * @cssproperty --dds-link-normal-font-weight - The font weight of the normal link (default: var(--dds-font-weight-medium)).\n * @cssproperty --dds-link-bold-font-weight - The font weight of the bold link (default: var(--dds-font-weight-bold)).\n *\n * @cssproperty --dds-link-no-underline-text-decoration - The text decoration when underline is removed (default: none).\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsClick: 'dds-click' as EventName<DdsClickEvent>\n        },\n        displayName: \"DapDSLink\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AASM,MAAMA,IAAU,eAiEVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,YAAY;AAAA,EACd;AAAA,EACA,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-list-item/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/list-item/list-item.component.js';
+import { default as Component } from '../../components/list-item/list-item.js';
 /**
  * `dap-ds-list-item` is a custom banner component.
  * @element dap-ds-list-item

package/dist/react/dap-ds-list-item/index.js

@@ -0,0 +1,15 @@
+import { createComponent as t } from "@lit/react";
+import * as e from "react";
+import "../../components/list-item/list-item.js";
+import a from "../../components/list-item/list-item.component.js";
+const m = "dap-ds-list-item", s = t({
+  tagName: m,
+  elementClass: a,
+  react: e,
+  events: {},
+  displayName: "DapDSListItem"
+});
+export {
+  s as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-list-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-list-item/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/list-item/list-item.js'\n\nconst tagName = 'dap-ds-list-item'\n\n/**\n * `dap-ds-list-item` is a custom banner component.\n * @element dap-ds-list-item\n * @summary A list\n * @title - List item\n *\n * @slot - The content of the list item.\n * @slot icon - The icon of the list item.\n * @slot title - The title of the list item.\n * @slot actions - The actions of the list item.\n *\n * @csspart base - The main list item container.\n * @csspart icon - The icon of the list item.\n * @csspart title - The title of the list item.\n * @csspart description - The description of the list item.\n * @csspart container - The container of the list item.\n * @csspart list-item-base - The base list item container.\n * @csspart icon-container - The container of the icon.\n * @csspart title-container - The container of the title.\n * @csspart description-container - The container of the description.\n * @csspart actions-container - The container of the actions.\n * @csspart iteractive-indicator-container - The container of the interactive indicator.\n *\n * @cssproperty --dds-list-item-gap - Gap between list item elements (default: var(--dds-spacing-200))\n * @cssproperty --dds-list-item-content-gap - Gap between content elements (default: var(--dds-spacing-200))\n * @cssproperty --dds-list-item-horizontal-gap - Gap for horizontal alignment (default: var(--dds-spacing-300))\n * @cssproperty --dds-list-item-vertical-gap - Gap for vertical alignment (default: var(--dds-spacing-200))\n * @cssproperty --dds-list-item-icon-size - Size of the icon (default: var(--dds-spacing-600))\n * @cssproperty --dds-list-item-number-size - Size of the number icon (default: 20px)\n * @cssproperty --dds-list-item-actions-gap - Gap between action elements (default: var(--dds-spacing-400))\n * @cssproperty --dds-list-item-actions-padding - Padding for the actions container (default: var(--dds-spacing-100))\n *\n * @cssproperty --dds-list-item-background-base - Background color for base shade (default: var(--dds-background-neutral-base))\n * @cssproperty --dds-list-item-background-subtle - Background color for subtle shade (default: var(--dds-background-neutral-subtle))\n * @cssproperty --dds-list-item-background-medium - Background color for medium shade (default: var(--dds-background-neutral-medium))\n * @cssproperty --dds-list-item-background-strong - Background color for strong shade (default: var(--dds-background-neutral-strong))\n *\n * @cssproperty --dds-list-item-icon-brand - Color for brand icon (default: var(--dds-icon-brand-subtle))\n * @cssproperty --dds-list-item-icon-neutral - Color for neutral icon (default: var(--dds-icon-neutral-base))\n * @cssproperty --dds-list-item-icon-positive - Color for positive icon (default: var(--dds-icon-positive-subtle))\n * @cssproperty --dds-list-item-icon-negative - Color for negative icon (default: var(--dds-icon-negative-subtle))\n *\n * @cssproperty --dds-list-item-title-color - Title text color (default: var(--dds-text-neutral-strong))\n * @cssproperty --dds-list-item-description-color - Description text color (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-list-item-number-text-color - Number text color (default: var(--dds-text-neutral-inverted))\n *\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'DapDSListItem',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,oBAiDVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-modal/index.d.ts

@@ -1,5 +1,5 @@
 import { EventName } from '@lit/react';
-import { default as Component } from '../../components/modal/modal.component.js';
+import { default as Component } from '../../components/modal/modal.js';
 import { DdsBeforeOpenEvent, DdsOpenedEvent, DdsBeforeCloseEvent, DdsClosedEvent, DdsCloseEvent, DdsOkEvent, DdsCancelEvent } from '../../events/events';
 export type { DdsBeforeOpenEvent } from '../../events/events';
 export type { DdsOpenedEvent } from '../../events/events';

package/dist/react/dap-ds-modal/index.js

@@ -0,0 +1,23 @@
+import { createComponent as e } from "@lit/react";
+import * as o from "react";
+import "../../components/modal/modal.js";
+import d from "../../components/modal/modal.component.js";
+const s = "dap-ds-modal", p = e({
+  tagName: s,
+  elementClass: d,
+  react: o,
+  events: {
+    onDdsBeforeOpen: "dds-before-open",
+    onDdsOpened: "dds-opened",
+    onDdsBeforeClose: "dds-before-close",
+    onDdsClosed: "dds-closed",
+    onDdsClose: "dds-close",
+    onDdsOk: "dds-ok",
+    onDdsCancel: "dds-cancel"
+  },
+  displayName: "DapDSModal"
+});
+export {
+  p as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-modal/index.ts"],"sourcesContent":["\n      import { createComponent } from '@lit/react'\n      import { type EventName } from '@lit/react'\n      import * as React from 'react'\n\n      import Component from '../../components/modal/modal.js'\n      import type { DdsBeforeOpenEvent } from '../../events/events'\nimport type { DdsOpenedEvent } from '../../events/events'\nimport type { DdsBeforeCloseEvent } from '../../events/events'\nimport type { DdsClosedEvent } from '../../events/events'\nimport type { DdsCloseEvent } from '../../events/events'\nimport type { DdsOkEvent } from '../../events/events'\nimport type { DdsCancelEvent } from '../../events/events'\n      export type { DdsBeforeOpenEvent } from '../../events/events'\nexport type { DdsOpenedEvent } from '../../events/events'\nexport type { DdsBeforeCloseEvent } from '../../events/events'\nexport type { DdsClosedEvent } from '../../events/events'\nexport type { DdsCloseEvent } from '../../events/events'\nexport type { DdsOkEvent } from '../../events/events'\nexport type { DdsCancelEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-modal'\n\n      /**\n * `dap-ds-modal`\n * @summary A modal is a container for modal content.\n * @element dap-ds-modal\n * @title - Modal\n *\n * @property {boolean} open - The open state of the modal.\n * @property {string} title - Title of the modal.\n * @property {string} description - Description of the modal.\n * @property {boolean} fullScreen - Full screen version of the modal.\n * @property {boolean} noModal - If true, uses `.show()` (no overlay); if false, uses `.showModal()`. Default is false.\n * @property {'sm'|'lg'} size - Size of the modal. Default is 'sm'.\n * @property {string} sizeMap - Breakpoint→size map for the modal (e.g. \"md:lg\").\n *\n * @property {string} header - Whether to show the header. Default is 'true'.\n * @property {string} footer - Whether to show the footer. Default is 'true'.\n *\n * @property {boolean} wideFooter - Wide layout mode for footer.\n * @property {boolean} bottomFooter - Pushes the footer to the bottom.\n * @property {boolean} fixedHeader - Fixes the header to the top.\n * @property {boolean} fixedFooter - Fixes the footer to the bottom.\n *\n * @property {string} closeOnEsc - Whether to close on Escape key. Default is 'true'.\n * @property {string} closeOnOverlayClick - Whether to close on overlay click. Default is 'true'.\n * @property {string} closeButton - Whether to show the close button. Default is 'true'.\n *\n * @property {string} okButtonLabel - Label of the OK button.\n * @property {boolean} okButtonDisabled - Whether the OK button is disabled.\n * @property {boolean} okButtonDanger - Whether the OK button uses danger style.\n * @property {boolean} hideOkButton - Whether to hide the OK button.\n * @property {string} okButtonSize - Override size for the OK button; empty uses modal size.\n * @property {string} okButtonSizeMap - Override sizeMap for the OK button.\n *\n * @property {string} cancelButtonLabel - Label of the Cancel button.\n * @property {boolean} cancelButtonDisabled - Whether the Cancel button is disabled.\n * @property {boolean} cancelButtonDanger - Whether the Cancel button uses danger style.\n * @property {boolean} hideCancelButton - Whether to hide the Cancel button.\n * @property {string} cancelButtonSize - Override size for the Cancel button; empty uses modal size.\n * @property {string} cancelButtonSizeMap - Override sizeMap for the Cancel button.\n *\n * @property {string} closeButtonSize - Override size for the close icon button; empty uses modal size.\n * @property {string} closeButtonSizeMap - Override sizeMap for the close icon button.\n *\n * @property {boolean} useNativeFocus - Use native browser focus handling. Default is false.\n *\n * @event {{ void }} dds-before-open - Fires before the modal opens.\n * @event {{ void }} dds-opened - Fires after the modal opens.\n * @event {{ void }} dds-before-close - Fires before the modal closes.\n * @event {{ void }} dds-closed - Fires after the modal closed.\n * @event {{ void }} dds-close - Fires when the modal is closes. You can prevent the modal from closing by calling `event.preventDefault()`.\n * @event {{ void }} dds-ok - Fires when the OK button is clicked. You can prevent the modal from closing by calling `event.preventDefault()`.\n * @event {{ void }} dds-cancel - Fires when the Cancel button is clicked. You can prevent the modal from closing by calling `event.preventDefault()`.\n *\n * @slot - The content of the modal.\n * @slot title - The title of the modal.\n * @slot description - The description of the modal.\n * @slot footer - The footer of the modal.\n *\n * @csspart base - The main modal container.\n * @csspart panel - The panel of the modal.\n * @csspart header - The header of the modal.\n * @csspart header-container - The container of the header.\n * @csspart title - The title of the modal.\n * @csspart description - The description of the modal.\n * @csspart footer - The footer of the modal.\n * @csspart content - The body of the modal.\n * @csspart closebutton - The close button of the modal.\n *\n * @cssproperty --dds-modal-max-block-size - Maximum height of the modal. (default: 80vh).\n * @cssproperty --dds-modal-max-inline-size - Maximum width of the modal. (default: 600px).\n * @cssproperty --dds-modal-padding-sm - Padding inside the modal. (default: var(--dds-spacing-600)).\n * @cssproperty --dds-modal-padding-lg - Padding inside the modal. (default: var(--dds-spacing-1200)).\n * @cssproperty --dds-modal-transform-amount - Amount to transform for entrance animation. (default: 2rem).\n * @cssproperty --dds-modal-transition-speed - Speed of transition animations. (default: var(--dds-transition-fast)).\n * @cssproperty --dds-modal-transition-timing - Timing function for transitions. (default: var(--dds-easing-ease-in-out)).\n * @cssproperty --dds-modal-border-width - Border width of the modal. (default: var(--dds-border-width-base)).\n * @cssproperty --dds-modal-border-color - Border color of the modal. (default: var(--dds-border-neutral-divider)).\n * @cssproperty --dds-modal-border-radius - Border radius of the modal. (default: var(--dds-radius-large, 16px)).\n * @cssproperty --dds-modal-background - Background color of the modal. (default: var(--dds-background-neutral-subtle)).\n * @cssproperty --dds-modal-header-margin-sm - Margin below the header. (default: var(--dds-spacing-400)).\n * @cssproperty --dds-modal-header-margin-lg - Margin below the header. (default: var(--dds-spacing-600)).\n * @cssproperty --dds-modal-footer-margin-sm - Margin above the footer. (default: var(--dds-spacing-400)).\n * @cssproperty --dds-modal-footer-margin-lg - Margin above the footer. (default: var(--dds-spacing-600)).\n * @cssproperty --dds-modal-footer-gap - Gap between footer elements. (default: var(--dds-spacing-200)).\n * @cssproperty --dds-modal-close-margin - Margin for the close button. (default: var(--dds-spacing-300)).\n *\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsBeforeOpen: 'dds-before-open' as EventName<DdsBeforeOpenEvent>,\nonDdsOpened: 'dds-opened' as EventName<DdsOpenedEvent>,\nonDdsBeforeClose: 'dds-before-close' as EventName<DdsBeforeCloseEvent>,\nonDdsClosed: 'dds-closed' as EventName<DdsClosedEvent>,\nonDdsClose: 'dds-close' as EventName<DdsCloseEvent>,\nonDdsOk: 'dds-ok' as EventName<DdsOkEvent>,\nonDdsCancel: 'dds-cancel' as EventName<DdsCancelEvent>\n        },\n        displayName: \"DapDSModal\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAqBM,MAAMA,IAAU,gBAyFVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,iBAAiB;AAAA,IAC3B,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,aAAa;AAAA,EACL;AAAA,EACA,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-navigation-menu/index.d.ts

@@ -1,5 +1,5 @@
 import { EventName } from '@lit/react';
-import { default as Component } from '../../components/navigation-menu/navigation-menu.component.js';
+import { default as Component } from '../../components/navigation-menu/navigation-menu.js';
 import { DdsNavigationItemClickEvent } from '../../events/events';
 export type { DdsNavigationItemClickEvent } from '../../events/events';
 /**

package/dist/react/dap-ds-navigation-menu/index.js

@@ -0,0 +1,17 @@
+import { createComponent as a } from "@lit/react";
+import * as t from "react";
+import "../../components/navigation-menu/navigation-menu.js";
+import e from "../../components/navigation-menu/navigation-menu.component.js";
+const i = "dap-ds-navigation-menu", r = a({
+  tagName: i,
+  elementClass: e,
+  react: t,
+  events: {
+    onDdsNavigationItemClick: "dds-navigation-item-click"
+  },
+  displayName: "DapDSNavigationMenu"
+});
+export {
+  r as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-navigation-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-navigation-menu/index.ts"],"sourcesContent":["\n      import { createComponent } from '@lit/react'\n      import { type EventName } from '@lit/react'\n      import * as React from 'react'\n\n      import Component from '../../components/navigation-menu/navigation-menu.js'\n      import type { DdsNavigationItemClickEvent } from '../../events/events'\n      export type { DdsNavigationItemClickEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-navigation-menu'\n\n      /**\n * `dap-ds-navigation-menu`\n * @summary A navigation menu for website/application navigation. Supports nested dropdowns with unlimited depth.\n * This is a NAVIGATION component, not an application menu (like dropdowns or context menus).\n * Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.\n *\n * @element dap-ds-navigation-menu\n * @title - Navigation Menu\n *\n * @property {string} activeHref - The currently active href for highlighting active navigation items with aria-current=\"page\". Defaults to window.location.pathname if not provided.\n * @property {'horizontal' | 'vertical'} orientation - The orientation of the navigation menu. Default is 'horizontal'.\n * @property {boolean} fullWidth - Whether the navigation menu should take full width of the screen. Default is false.\n * @property {boolean} allowMultipleOpen - Whether multiple dropdown branches can stay open simultaneously (accordion mode). Default is true.\n * @property {'group' | 'items'} tabMode - Controls how Tab key navigates through top-level items. Default is 'group'. Group mode will have the first item in the tab order, and items mode will have all items in the tab order.\n *\n * @event {{ href: string, event: Event }} dds-navigation-item-click - Fired when a navigation item is clicked.\n *\n * @slot - The navigation menu list and items.\n *\n * @csspart base - The main navigation menu container (nav element).\n *\n * @cssproperty --dds-navigation-menu-item-gap - The gap between navigation menu items. (default: var(--dds-spacing-100)).\n *\n * @accessibility\n * - Uses semantic `<nav>` element (no menu/menubar roles)\n * - Active items marked with `aria-current=\"page\"`\n * - Keyboard navigation: Tab, Arrow keys, Enter, Escape\n * - Screen readers announce as navigation landmark\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsNavigationItemClick: 'dds-navigation-item-click' as EventName<DdsNavigationItemClickEvent>\n        },\n        displayName: \"DapDSNavigationMenu\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AASM,MAAMA,IAAU,0BA+BVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,0BAA0B;AAAA,EAC5B;AAAA,EACA,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-navigation-menu-item/index.d.ts

@@ -1,5 +1,5 @@
 import { EventName } from '@lit/react';
-import { default as Component } from '../../components/navigation-menu/navigation-menu-item.component.js';
+import { default as Component } from '../../components/navigation-menu/navigation-menu-item.js';
 import { DdsNavigationItemClickEvent, DdsNavigationDropdownOpenEvent } from '../../events/events';
 export type { DdsNavigationItemClickEvent } from '../../events/events';
 export type { DdsNavigationDropdownOpenEvent } from '../../events/events';

package/dist/react/dap-ds-navigation-menu-item/index.js

@@ -0,0 +1,18 @@
+import { createComponent as a } from "@lit/react";
+import * as t from "react";
+import "../../components/navigation-menu/navigation-menu-item.js";
+import e from "../../components/navigation-menu/navigation-menu-item.component.js";
+const o = "dap-ds-navigation-menu-item", p = a({
+  tagName: o,
+  elementClass: e,
+  react: t,
+  events: {
+    onDdsNavigationItemClick: "dds-navigation-item-click",
+    onDdsNavigationDropdownOpen: "dds-navigation-dropdown-open"
+  },
+  displayName: "DapDSNavigationMenuItem"
+});
+export {
+  p as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-navigation-menu-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-navigation-menu-item/index.ts"],"sourcesContent":["\n      import { createComponent } from '@lit/react'\n      import { type EventName } from '@lit/react'\n      import * as React from 'react'\n\n      import Component from '../../components/navigation-menu/navigation-menu-item.js'\n      import type { DdsNavigationItemClickEvent } from '../../events/events'\nimport type { DdsNavigationDropdownOpenEvent } from '../../events/events'\n      export type { DdsNavigationItemClickEvent } from '../../events/events'\nexport type { DdsNavigationDropdownOpenEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-navigation-menu-item'\n\n      /**\n * `dap-ds-navigation-menu-item`\n * @summary A navigation menu item that can contain either a simple link or dropdown content.\n * Supports nested items with cascading flyout behavior. Part of the navigation menu system.\n * This is for NAVIGATION (website menus), not application menus.\n *\n * @element dap-ds-navigation-menu-item\n * @title - Navigation Menu Item\n * @group navigation-menu\n *\n * @property {string} label - The label text for the navigation item. This will be displayed in the title slot if no custom title slot content is provided.\n * @property {'xs' | 'sm' | 'lg'} size - The size of the popup. Default is 'sm'.\n * @property {boolean} disabled - The disabled state of the popup. Default is false.\n * @property {boolean} opened - The open state of the popup. Default is false.\n * @property {'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end'} placement - The placement of the popup (automatically adjusted based on nesting level). Default is 'bottom-start'.\n * @property {'absolute' | 'fixed'} floatingStrategy - The floating strategy of the popup. Default is 'fixed'.\n * @property {number} offset - The offset of the popup. Default is 0.\n * @property {boolean} sync - Whether the popup should sync its width with the trigger. Default is false.\n * @property {number | 'auto'} maxHeight - The maximum height of the popup. Default is 250.\n * @property {number | 'auto'} maxWidth - The maximum width of the popup. Default is 'auto'.\n * @property {boolean} hasArrow - Whether the popup has an arrow. Default is false.\n * @property {boolean} overflow - Whether the popup should overflow. Default is true.\n * @property {boolean} fullWidth - Whether the popup should take full width of the screen. Default is false.\n * @property {boolean} exactHref - Whether the navigation item should be active if the href is exactly the same as the activeHref. Default is false.\n * @property {string} icon - The name of the icon to display in the trigger.\n * @property {string} ariaLabelledBy - The name of the element that labels the navigation dropdown.\n * @property {string} activeHref - The href of the navigation item that is active (receives aria-current=\"page\").\n * @property {string} baseHref - The href of the navigation item. If provided, the navigation item will be active if the href is a substring of the activeHref.\n * @property {string} href - The href URL for the navigation item link. When provided, the default trigger renders as a link.\n * @property {'_blank' | '_self' | '_parent' | '_top'} target - The target attribute for link navigation.\n * @property {string} rel - The rel attribute for link security and behavior.\n * @property {number} level - The nesting level of this navigation item (0 = top-level, automatically set for nested items). Default is 0.\n * @property {'horizontal' | 'vertical'} orientation - The orientation of the parent navigation menu (automatically inherited). Default is 'horizontal'.\n * @property {'group' | 'items'} tabMode - Controls how Tab key navigates through top-level items. Default is 'group'.\n *\n * @event {{ href: string, event: Event }} dds-navigation-item-click - Fired when a navigation item is clicked.\n * @event {{ item: DapDSNavigationMenuItem }} dds-navigation-dropdown-open - Fired when a navigation dropdown is opened.\n *\n * @slot trigger - The trigger element (link, button, etc.) for this navigation item.\n * @slot title - The title of the navigation item.\n * @slot indicator - The expand indicator icon (defaults to arrow icon based on orientation and level).\n * @slot link - A router link element (e.g. Next.js Link) used for SPA navigation.\n *   Rendered outside the popup so it is always accessible to programmatic clicks.\n * @slot - The dropdown content (can contain nested dap-ds-navigation-menu-item elements).\n *\n * @csspart base - The base part of the navigation item.\n * @csspart trigger - The trigger element part.\n * @csspart trigger-base - The base part of the trigger button (from dap-ds-button).\n * @csspart trigger-content - The content part of the trigger button (from dap-ds-button).\n * @csspart trigger-high-contrast - The high contrast part of the trigger button (from dap-ds-button).\n * @csspart trigger-stack-base - The base part of the trigger stack (from dap-ds-stack).\n * @csspart title - The title slot wrapper.\n * @csspart indicator - The expand indicator container.\n * @csspart indicator-icon - The expand indicator icon part.\n * @csspart indicator-icon-base - The base part of the indicator icon (from dap-ds-icon).\n * @csspart indicator-icon-icon - The icon part of the indicator icon (from dap-ds-icon).\n * @csspart popup - The dropdown popup container.\n * @csspart content - The dropdown content wrapper (default slot).\n * @csspart arrow - The dropdown arrow part.\n *\n * @cssproperty --dds-navigation-menu-item-spacing - The padding/spacing of the navigation menu item content. (default: var(--dds-spacing-200)).\n * @cssproperty --dds-navigation-menu-item-border-width - The border width of the navigation menu item content. (default: var(--dds-border-width-base)).\n * @cssproperty --dds-navigation-menu-item-border-color - The border color of the navigation menu item content. (default: var(--dds-border-neutral-subtle)).\n * @cssproperty --dds-navigation-menu-item-border-radius - The border radius of the navigation menu item content. (default: var(--dds-radius-base)).\n * @cssproperty --dds-navigation-menu-item-background - The background color of the navigation menu item content. (default: var(--dds-background-neutral-base)).\n * @cssproperty --dds-navigation-menu-item-shadow - The box shadow of the navigation menu item content. (default: var(--dds-shadow-base)).\n *\n * @accessibility\n * - Active navigation items marked with `aria-current=\"page\"`\n * - Dropdowns use `aria-expanded` and `aria-haspopup`\n * - No menu/menuitem roles (this is navigation, not an application menu)\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsNavigationItemClick: 'dds-navigation-item-click' as EventName<DdsNavigationItemClickEvent>,\nonDdsNavigationDropdownOpen: 'dds-navigation-dropdown-open' as EventName<DdsNavigationDropdownOpenEvent>\n        },\n        displayName: \"DapDSNavigationMenuItem\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAWM,MAAMA,IAAU,+BA0EVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,0BAA0B;AAAA,IACpC,6BAA6B;AAAA,EACrB;AAAA,EACA,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-notification-badge/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/notification-badge/notification-badge.component.js';
+import { default as Component } from '../../components/notification-badge/notification-badge.js';
 /**
  * `dap-ds-notification-badge`
  * @summary A notification badge component is a user interface element that visually indicates the presence of new information or updates, often displaying a numeric count of unread notifications, messages, or items requiring attention.

package/dist/react/dap-ds-notification-badge/index.js

@@ -0,0 +1,15 @@
+import { createComponent as a } from "@lit/react";
+import * as t from "react";
+import "../../components/notification-badge/notification-badge.js";
+import e from "../../components/notification-badge/notification-badge.component.js";
+const o = "dap-ds-notification-badge", m = a({
+  tagName: o,
+  elementClass: e,
+  react: t,
+  events: {},
+  displayName: "DapDSNotificationBadge"
+});
+export {
+  m as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-notification-badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-notification-badge/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/notification-badge/notification-badge.js'\n\nconst tagName = 'dap-ds-notification-badge'\n\n/**\n * `dap-ds-notification-badge`\n * @summary A notification badge component is a user interface element that visually indicates the presence of new information or updates, often displaying a numeric count of unread notifications, messages, or items requiring attention.\n * @element dap-ds-notification-badge\n * @title - Notification badge\n *\n * @slot - The content of the notification badge.\n *\n * @csspart base - The main container of the notification badge.\n * @csspart noty - The notification badge container.\n *\n * @cssproperty --dds-notification-badge-size - Controls the overall size of the notification badge (default: var(--dds-spacing-500))\n * @cssproperty --dds-notification-badge-min-width - Minimum width of the notification badge (default: var(--dds-spacing-500))\n * @cssproperty --dds-notification-badge-height - Height of the notification badge (default: var(--dds-spacing-500))\n * @cssproperty --dds-notification-badge-padding - Padding inside the notification badge (default: 0 var(--dds-spacing-150))\n * @cssproperty --dds-notification-badge-border-radius - Border radius of the notification badge (default: var(--dds-radius-base))\n * @cssproperty --dds-notification-badge-font-size - Font size of the notification badge text (default: var(--dds-font-xs))\n * @cssproperty --dds-notification-badge-dot-size - Size of the dot variant (default: var(--dds-spacing-200))\n * @cssproperty --dds-notification-badge-color - Text color of the notification badge (default: var(--dds-background-neutral-medium))\n * @cssproperty --dds-notification-badge-neutral-bg - Background color for neutral type (default: var(--dds-text-neutral-subtle))\n * @cssproperty --dds-notification-badge-brand-bg - Background color for brand type (default: var(--dds-text-brand-subtle))\n * @cssproperty --dds-notification-badge-info-bg - Background color for info type (default: var(--dds-text-informative-subtle))\n * @cssproperty --dds-notification-badge-positive-bg - Background color for positive type (default: var(--dds-text-positive-subtle))\n * @cssproperty --dds-notification-badge-warning-bg - Background color for warning type (default: var(--dds-text-warning-subtle))\n * @cssproperty --dds-notification-badge-negative-bg - Background color for negative type (default: var(--dds-text-negative-subtle))\n * @cssproperty --dds-notification-badge-circular-offset-x - Horizontal offset for circular positioning (default: 20px)\n * @cssproperty --dds-notification-badge-circular-offset-y - Vertical offset for circular positioning (default: -20px)\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'DapDSNotificationBadge',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,6BA8BVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-number-input/index.d.ts

@@ -1,5 +1,5 @@
 import { EventName } from '@lit/react';
-import { default as Component } from '../../components/number-input/number-input.component.js';
+import { default as Component } from '../../components/number-input/number-input.js';
 import { DdsChangeEvent, DdsInputEvent, DdsKeydownEvent, DdsBlurEvent, DdsFocusEvent } from '../../events/events';
 export type { DdsChangeEvent } from '../../events/events';
 export type { DdsInputEvent } from '../../events/events';

package/dist/react/dap-ds-number-input/index.js

@@ -0,0 +1,21 @@
+import { createComponent as e } from "@lit/react";
+import * as d from "react";
+import "../../components/number-input/number-input.js";
+import n from "../../components/number-input/number-input.component.js";
+const o = "dap-ds-number-input", r = e({
+  tagName: o,
+  elementClass: n,
+  react: d,
+  events: {
+    onDdsChange: "dds-change",
+    onDdsInput: "dds-input",
+    onDdsKeydown: "dds-keydown",
+    onDdsBlur: "dds-blur",
+    onDdsFocus: "dds-focus"
+  },
+  displayName: "DapDSNumberInput"
+});
+export {
+  r as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-number-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-number-input/index.ts"],"sourcesContent":["\n      import { createComponent } from '@lit/react'\n      import { type EventName } from '@lit/react'\n      import * as React from 'react'\n\n      import Component from '../../components/number-input/number-input.js'\n      import type { DdsChangeEvent } from '../../events/events'\nimport type { DdsInputEvent } from '../../events/events'\nimport type { DdsKeydownEvent } from '../../events/events'\nimport type { DdsBlurEvent } from '../../events/events'\nimport type { DdsFocusEvent } from '../../events/events'\n      export type { DdsChangeEvent } from '../../events/events'\nexport type { DdsInputEvent } from '../../events/events'\nexport type { DdsKeydownEvent } from '../../events/events'\nexport type { DdsBlurEvent } from '../../events/events'\nexport type { DdsFocusEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-number-input'\n\n      /**\n * `dap-ds-number-input`\n * @summary A number input component.\n * @element dap-ds-number-input\n * @title - Number input\n *\n * @property {string} label - The label of the input.\n * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)\n * @property {string} placeholder - The placeholder of the input.\n * @property {string} description - The description of the input.\n * @property {string} tooltip - The tooltip of the input.\n * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the input.\n * @property {'success' | 'error'} status - The status of the input. Can be `success` or `error`.\n * @property {'xs' | 'sm' | 'sm'} size - The size of the input. Default is `sm`. Can be `sm` or `lg`.\n * @property {string} name - The name of the input.\n * @property {string} value - The value of the input.\n * @property {string} thousandSeparator - The thousand separator of the input.\n * @property {string} decimalSeparator - The decimal separator of the input.\n * @property {number} decimalScale - The decimal scale of the input.\n * @property {string} allowNegative - The allow negative state of the input.\n * @property {string} allowDecimal - The allow decimal state of the input.\n * @property {boolean} disabled - The disabled state of the input. Default is false.\n * @property {boolean} required - The required state of the input. Default is false.\n * @property {boolean} readonly - The readonly state of the input. Default is false.\n * @property {boolean} autofocus - The autofocus state of the input. Default is false.\n * @property {number} min - The minimum value of the number input.\n * @property {number} max - The maximum value of the number input.\n * @property {number} step - The step value of the number input.\n * @property {string} feedback - The feedback of the input.\n * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the input. Can be `negative`, `positive`, or `warning`.\n * @property {boolean} loading - The loading state of the input. Default is false.\n * @property {boolean} optional - The optional state of the input.\n * @property {string} optionalLabel - The optional label of the input.\n * @property {string} requiredLabel - The required indicator of the input. (default: '*')\n * @property {boolean} subtle - The weight of the label. Default is `false`\n * @property {boolean} disableEnter - Disables the enter key from being used to submit the form.\n * @property {boolean} hideControls - Hides the increment and decrement buttons.\n * @property {number} padStart - The number of leading zeros to add to the input.\n *\n * @event {{ value: string }} dds-change - Fired when the input value changes.\n * @event {{ value: string }} dds-input - Fired when the input value changes.\n * @event {{ value: string, originalEvent: Event }} dds-keydown - Fired when a key is pressed down.\n * @event {{ void }} dds-blur - Fired when the input loses focus.\n * @event {{ void }} dds-focus - Emitted when the input gains focus.\n *\n * @slot feedback-icon - The custom icon of the feedback.\n *\n * @cssproperty --dds-input-height-xs - The height of the extra small input. (default: var(--dds-spacing-800) ).\n * @cssproperty --dds-input-height-sm - The height of the small input. (default: var(--dds-spacing-1000)).\n * @cssproperty --dds-input-height-lg - The height of the large input. (default: var(--dds-spacing-1200)).\n * @cssproperty --dds-input-padding-xs - The padding of the extra small input. (default: 0 var(--dds-spacing-200)).\n * @cssproperty --dds-input-padding-sm - The padding of the small input. (default: 0 var(--dds-spacing-300)).\n * @cssproperty --dds-input-padding-lg - The padding of the large input. (default: 0 var(--dds-spacing-400)).\n * @cssproperty --dds-input-font-size-xs - The font size of the extra small input. (default: var(--dds-font-sm)).\n * @cssproperty --dds-input-font-size-sm - The font size of the small input. (default: var(--dds-font-base)).\n * @cssproperty --dds-input-font-size-lg - The font size of the large input. (default: var(--dds-font-lg)).\n * @cssproperty --dds-input-border - The border of the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)).\n * @cssproperty --dds-input-background - The background color of the input. (default: var(--dds-fields-background-default)).\n * @cssproperty --dds-input-text-color - The text color of the input. (default: var(--dds-text-neutral-base)).\n * @cssproperty --dds-input-border-radius - The border radius of the input. (default: var(--dds-radius-base)).\n * @cssproperty --dds-input-disabled-border - The border of the disabled input. (default: 0 solid var(--dds-border-neutral-disabled)).\n * @cssproperty --dds-input-disabled-background - The background color of the disabled input. (default: var(--dds-fields-background-disabled)).\n * @cssproperty --dds-input-disabled-text - The text color of the disabled input. (default: var(--dds-text-neutral-disabled)).\n * @cssproperty --dds-input-readonly-border - The border of the readonly input. (default: 0 solid var(--dds-border-neutral-subtle)).\n * @cssproperty --dds-input-readonly-background - The background color of the readonly input. (default: var(--dds-fields-background-read-only)).\n * @cssproperty --dds-input-readonly-text - The text color of the readonly input. (default: var(--dds-text-neutral-subtle)).\n * @cssproperty --dds-input-success-border - The border of the success input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)).\n * @cssproperty --dds-input-error-border - The border of the error input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)).\n * @cssproperty --dds-input-addon-background - The background color of the input addon. (default: var(--dds-fields-background-default)).\n * @cssproperty --dds-input-addon-success-background - The background color of the success input addon. (default: var(--dds-fields-background-default)).\n * @cssproperty --dds-input-addon-error-background - The background color of the error input addon. (default: var(--dds-fields-background-default)).\n * @cssproperty --dds-input-addon-border-before - The border of the addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)).\n * @cssproperty --dds-input-addon-border-after - The border of the addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)).\n * @cssproperty --dds-input-addon-border-width-before - The border width of the addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)).\n * @cssproperty --dds-input-addon-border-width-after - The border width of the addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0).\n * @cssproperty --dds-input-addon-success-border - The border of the success addon. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)).\n * @cssproperty --dds-input-addon-success-border-before - The border of the success addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)).\n * @cssproperty --dds-input-addon-success-border-after - The border of the success addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)).\n * @cssproperty --dds-input-addon-success-border-width-before - The border width of the success addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)).\n * @cssproperty --dds-input-addon-success-border-width-after - The border width of the success addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0).\n * @cssproperty --dds-input-addon-error-border-before - The border of the error addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)).\n * @cssproperty --dds-input-addon-error-border-after - The border of the error addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)).\n * @cssproperty --dds-input-addon-error-border-width-before - The border width of the error addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)).\n * @cssproperty --dds-input-addon-error-border-width-after - The border width of the error addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0).\n *\n * @csspart base - The main number input container.\n * @csspart input - The input element.\n * @csspart label - The label of the input.\n * @csspart description - The description of the input.\n * @csspart feedback - The feedback of the input.\n * @csspart tooltip - The tooltip of the input.\n * @csspart addon-before - The addon before the input.\n * @csspart addon-after - The addon after the input.\n * @csspart prefix - The prefix of the input.\n * @csspart postfix - The postfix of the input.\n * @csspart decrement-button - The decrement button of the input.\n * @csspart increment-button - The increment button of the input.\n * @csspart decrement-button-base - The base of the decrement button.\n * @csspart increment-button-base - The base of the increment button.\n * @csspart decrement-button-content - The content of the decrement button.\n * @csspart increment-button-content - The content of the increment button.\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsChange: 'dds-change' as EventName<DdsChangeEvent>,\nonDdsInput: 'dds-input' as EventName<DdsInputEvent>,\nonDdsKeydown: 'dds-keydown' as EventName<DdsKeydownEvent>,\nonDdsBlur: 'dds-blur' as EventName<DdsBlurEvent>,\nonDdsFocus: 'dds-focus' as EventName<DdsFocusEvent>\n        },\n        displayName: \"DapDSNumberInput\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAiBM,MAAMA,IAAU,uBAwGVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,aAAa;AAAA,IACvB,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,YAAY;AAAA,EACJ;AAAA,EACA,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-official-website-banner/index.d.ts

@@ -1,5 +1,5 @@
 import { EventName } from '@lit/react';
-import { default as Component } from '../../components/official-website-banner/official-website-banner.component.js';
+import { default as Component } from '../../components/official-website-banner/official-website-banner.js';
 import { DdsOpenedEvent, DdsClosedEvent } from '../../events/events';
 export type { DdsOpenedEvent } from '../../events/events';
 export type { DdsClosedEvent } from '../../events/events';

package/dist/react/dap-ds-official-website-banner/index.js

@@ -0,0 +1,18 @@
+import { createComponent as e } from "@lit/react";
+import * as a from "react";
+import "../../components/official-website-banner/official-website-banner.js";
+import t from "../../components/official-website-banner/official-website-banner.component.js";
+const o = "dap-ds-official-website-banner", d = e({
+  tagName: o,
+  elementClass: t,
+  react: a,
+  events: {
+    onDdsOpened: "dds-opened",
+    onDdsClosed: "dds-closed"
+  },
+  displayName: "DapDSOfficialWebsiteBanner"
+});
+export {
+  d as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-official-website-banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-official-website-banner/index.ts"],"sourcesContent":["\n      import { createComponent } from '@lit/react'\n      import { type EventName } from '@lit/react'\n      import * as React from 'react'\n\n      import Component from '../../components/official-website-banner/official-website-banner.js'\n      import type { DdsOpenedEvent } from '../../events/events'\nimport type { DdsClosedEvent } from '../../events/events'\n      export type { DdsOpenedEvent } from '../../events/events'\nexport type { DdsClosedEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-official-website-banner'\n\n      /**\n * `dap-ds-official-website-banner`\n * @element dap-ds-official-website-banner\n * @summary An official website banner is a banner that displays that the website is an official website.\n * @title - Official website-banner\n *\n * @property { 'sm' | 'lg' } size - The size of the official website banner. Default is `sm`.\n * @property {string} heading - The heading text of the accordion, this will be used as the aria label of the heading also if ariaLabel is not provided\n * @property { 1 | 2 | 3 | 4 | 5 | 6 } headingLevel - The heading level of the accordion. Default is `4`.\n * @property {boolean} opened - Whether the accordion is opened. Default is `false`.\n * @property { 'left' | 'right' } iconLocation - The location of the icon. Default is `right`.\n * @property { 'default' | 'collapsed' | 'clean' | 'clean-collapsed' } variant - The variant of the accordion.\n * @property {boolean} lastItem - Whether the accordion is the last item.\n *\n * @event {{ void }} dds-opened - Event fired when the accordion is opened.\n * @event {{ void }} dds-closed - Event fired when the accordion is closed.\n *\n * @slot default - The content of the accordion.\n * @slot heading - The heading of the accordion.\n * @slot icon-opened - The icon when the accordion is opened.\n * @slot icon-closed - The icon when the accordion is closed.\n *\n * @csspart base - The main accordion container.\n * @csspart heading - The heading of the accordion.\n * @csspart button - The button of the accordion.\n * @csspart content - The content of the accordion.\n * @csspart content-container - The container of the accordion content.\n * @csspart icon-wrapper - The icon wrapper of the accordion.\n * @csspart open-icon - The icon when the accordion is opened.\n * @csspart open-icon-base - The base of the icon when the accordion is opened.\n * @csspart close-icon - The icon when the accordion is closed.\n * @csspart close-icon-base - The base of the icon when the accordion is closed.\n *\n * @cssproperty --dds-official-banner-background-color - The background color of the official website banner (default: var(--dds-background-brand-medium-inverted))\n * @cssproperty --dds-official-banner-text-color - The text color of the official website banner (default: var(--dds-text-neutral-on-inverted))\n * @cssproperty --dds-official-banner-heading-hover-color - The heading hover color of the official website banner (default: var(--dds-background-brand-medium-inverted))\n * @cssproperty --dds-official-banner-border-radius - The border radius of the official website banner (default: 0)\n * @cssproperty --dds-official-banner-icon-color - The icon color of the official website banner (default: var(--dds-text-neutral-on-inverted))\n * @cssproperty --dds-official-banner-icon-color-hover - The icon hover color of the opener icon official website banner (default: var(--dds-text-neutral-on-inverted))\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsOpened: 'dds-opened' as EventName<DdsOpenedEvent>,\nonDdsClosed: 'dds-closed' as EventName<DdsClosedEvent>\n        },\n        displayName: \"DapDSOfficialWebsiteBanner\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAWM,MAAMA,IAAU,kCA0CVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,aAAa;AAAA,IACvB,aAAa;AAAA,EACL;AAAA,EACA,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-option-group/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/option-group/option-group.component.js';
+import { default as Component } from '../../components/option-group/option-group.js';
 /**
  * `dap-ds-option-group`
  * @summary An option group is a container for grouping related option items.

package/dist/react/dap-ds-option-group/index.js

@@ -0,0 +1,15 @@
+import { createComponent as o } from "@lit/react";
+import * as t from "react";
+import "../../components/option-group/option-group.js";
+import p from "../../components/option-group/option-group.component.js";
+const a = "dap-ds-option-group", n = o({
+  tagName: a,
+  elementClass: p,
+  react: t,
+  events: {},
+  displayName: "DapDSOptionGroup"
+});
+export {
+  n as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-option-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-option-group/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/option-group/option-group.js'\n\nconst tagName = 'dap-ds-option-group'\n\n/**\n * `dap-ds-option-group`\n * @summary An option group is a container for grouping related option items.\n * Used with dap-ds-select to create grouped options that render as native optgroup elements.\n * @element dap-ds-option-group\n * @title - Option group\n *\n * @property {string} label - The label of the option group (displayed in native optgroup).\n * @property {boolean} disabled - Whether all options in the group are disabled.\n *\n * @slot - The option items in this group.\n *\n * @csspart base - The main option group container.\n * @csspart label - The label of the option group.\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'DapDSOptionGroup',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,uBAiBVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-option-item/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/option-item/option-item.component.js';
+import { default as Component } from '../../components/option-item/option-item.js';
 /**
  * `dap-ds-option-item`
  * @summary An option item is a selectable item in a list of options.

package/dist/react/dap-ds-option-item/index.js

@@ -0,0 +1,15 @@
+import { createComponent as t } from "@lit/react";
+import * as e from "react";
+import "../../components/option-item/option-item.js";
+import a from "../../components/option-item/option-item.component.js";
+const o = "dap-ds-option-item", i = t({
+  tagName: o,
+  elementClass: a,
+  react: e,
+  events: {},
+  displayName: "DapDSOptionItem"
+});
+export {
+  i as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-option-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-option-item/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/option-item/option-item.js'\n\nconst tagName = 'dap-ds-option-item'\n\n/**\n * `dap-ds-option-item`\n * @summary An option item is a selectable item in a list of options.\n * @element dap-ds-option-item\n * @title - Option item\n * @group select,combobox\n * *\n * @csspart base - The main option item container.\n * @csspart prefix - The prefix of the option item.\n * @csspart label - The label of the option item.\n * @csspart suffix - The suffix of the option item.\n *\n * @slot prefix - The prefix of the option item.\n * @slot - The label of the option item.\n * @slot suffix - The suffix of the option item.\n *\n * @cssproperty --dds-option-item-padding-vertical - The vertical padding of the option item (default: var(--dds-spacing-100))\n * @cssproperty --dds-option-item-padding-horizontal - The horizontal padding of the option item (default: var(--dds-spacing-200))\n * @cssproperty --dds-option-item-border-radius - The border radius of the option item (default: var(--dds-radius-small, 4px))\n * @cssproperty --dds-option-item-color - The text color of the option item (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-option-item-hover-bg - The background color of the option item when hovered (default: var(--dds-background-neutral-medium))\n * @cssproperty --dds-option-item-active-bg - The background color of the option item when active (default: var(--dds-background-neutral-strong))\n * @cssproperty --dds-option-item-disabled-color - The text color of the option item when disabled (default: var(--dds-text-neutral-disabled))\n * @cssproperty --dds-option-item-high-contrast-border - The border color of the option item in high contrast mode (default: var(--dds-border-neutral-transparent-interactive, #fff500))\n * @cssproperty --dds-option-item-selected-font-weight - The font weight of the option item when selected (default: var(--dds-font-weight-bold))\n * @cssproperty --dds-option-item-xs-font-size - The font size of the option item in extra small size (default: var(--dds-font-sm))\n * @cssproperty --dds-option-item-lg-font-size - The font size of the option item in large size (default: var(--dds-font-lg))\n * @cssproperty --dds-option-item-selected-icon-width - The width of the selected icon (default: var(--dds-spacing-400))\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'DapDSOptionItem',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,sBA+BVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-option-list/index.d.ts

@@ -1,5 +1,5 @@
 import { EventName } from '@lit/react';
-import { default as Component } from '../../components/option-list/option-list.component.js';
+import { default as Component } from '../../components/option-list/option-list.js';
 import { DdsCancelEvent, DdsOptionChangeEvent, DdsKeydownEvent, DdsListChangedEvent } from '../../events/events';
 export type { DdsCancelEvent } from '../../events/events';
 export type { DdsOptionChangeEvent } from '../../events/events';

package/dist/react/dap-ds-option-list/index.js

@@ -0,0 +1,20 @@
+import { createComponent as t } from "@lit/react";
+import * as o from "react";
+import "../../components/option-list/option-list.js";
+import e from "../../components/option-list/option-list.component.js";
+const n = "dap-ds-option-list", p = t({
+  tagName: n,
+  elementClass: e,
+  react: o,
+  events: {
+    onDdsCancel: "dds-cancel",
+    onDdsOptionChange: "dds-option-change",
+    onDdsKeydown: "dds-keydown",
+    onDdsListChanged: "dds-list-changed"
+  },
+  displayName: "DapDSOptionList"
+});
+export {
+  p as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-option-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-option-list/index.ts"],"sourcesContent":["\n      import { createComponent } from '@lit/react'\n      import { type EventName } from '@lit/react'\n      import * as React from 'react'\n\n      import Component from '../../components/option-list/option-list.js'\n      import type { DdsCancelEvent } from '../../events/events'\nimport type { DdsOptionChangeEvent } from '../../events/events'\nimport type { DdsKeydownEvent } from '../../events/events'\nimport type { DdsListChangedEvent } from '../../events/events'\n      export type { DdsCancelEvent } from '../../events/events'\nexport type { DdsOptionChangeEvent } from '../../events/events'\nexport type { DdsKeydownEvent } from '../../events/events'\nexport type { DdsListChangedEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-option-list'\n\n      /**\n * `dap-ds-option-list`\n * @summary An option list is a list of selectable options.\n * @element dap-ds-option-list\n * @title - Option list\n *\n * @event {{ void }} dds-cancel - Fired when the escape key is pressed.\n * @event {{ option: DapDSOptionItem, value: string, index: number, text: string }} dds-option-change - Fired when the option list value changes.\n * @event {{ void }} dds-keydown - Fired when a key is pressed down.\n * @event {{ elements: DapDSOptionItem[] }} dds-list-changed - Fired when the available options list changes.\n *\n * @csspart base - The main option list container.\n * @csspart option-item - The option item of the option list.\n * @csspart popup-base - The base of the popup.\n * @csspart option-item-base - The base of the option item.\n * @csspart option-item-label - The label of the option item.\n * @csspart option-item-prefix - The prefix of the option item.\n * @csspart option-item-suffix - The suffix of the option item.\n *\n * @slot - The default slot for the options.\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsCancel: 'dds-cancel' as EventName<DdsCancelEvent>,\nonDdsOptionChange: 'dds-option-change' as EventName<DdsOptionChangeEvent>,\nonDdsKeydown: 'dds-keydown' as EventName<DdsKeydownEvent>,\nonDdsListChanged: 'dds-list-changed' as EventName<DdsListChangedEvent>\n        },\n        displayName: \"DapDSOptionList\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAeM,MAAMA,IAAU,sBAuBVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,aAAa;AAAA,IACvB,mBAAmB;AAAA,IACnB,cAAc;AAAA,IACd,kBAAkB;AAAA,EACV;AAAA,EACA,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-overlay/index.d.ts

@@ -1,5 +1,5 @@
 import { EventName } from '@lit/react';
-import { default as Component } from '../../components/overlay/overlay.component.js';
+import { default as Component } from '../../components/overlay/overlay.js';
 import { DdsBeforeOpenEvent, DdsOpenedEvent, DdsBeforeCloseEvent, DdsClosedEvent } from '../../events/events';
 export type { DdsBeforeOpenEvent } from '../../events/events';
 export type { DdsOpenedEvent } from '../../events/events';