dap-design-system 0.60.2 → 0.61.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-overlay/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/overlay/overlay.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'\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'\n\n      const tagName = 'dap-ds-overlay'\n\n      /**\n * `dap-ds-overlay`\n * @summary An overlay is a container for overlay content.\n * @element dap-ds-overlay\n * @title - Overlay\n *\n * @property {boolean} open - The open state of the overlay.\n *\n * @event {CustomEvent} dds-before-open - Fires before the overlay opens.\n * @event {CustomEvent} dds-opened - Fires after the overlay opens.\n * @event {CustomEvent} dds-before-close - Fires before the overlay closes.\n * @event {CustomEvent} dds-closed - Fires after the overlay closes.\n *\n * @slot - The content of the overlay.\n *\n * @csspart base - The overlay element\n *\n * @cssproperty --dds-overlay-z-index - Controls the z-index of the overlay (default: 1)\n * @cssproperty --dds-overlay-background - Controls the background of the overlay (default: var(--dds-black-10))\n * @cssproperty --dds-overlay-opacity-closed - Controls the opacity when overlay is closed (default: 0)\n * @cssproperty --dds-overlay-opacity-open - Controls the opacity when overlay is open (default: 1)\n * @cssproperty --dds-overlay-transition-duration - Controls the transition duration (default: var(--dds-transition-fast))\n * @cssproperty --dds-overlay-transition-timing - Controls the transition timing function (default: var(--dds-easing-ease-in-out))\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>\n        },\n        displayName: \"DapDSOverlay\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAeM,MAAMA,IAAU,kBA0BVC,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,EACL;AAAA,EACA,aAAa;AACf,CAAC;"}

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

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

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

@@ -0,0 +1,17 @@
+import { createComponent as a } from "@lit/react";
+import * as e from "react";
+import "../../components/pager/pager.js";
+import t from "../../components/pager/pager.component.js";
+const r = "dap-ds-pager", m = a({
+  tagName: r,
+  elementClass: t,
+  react: e,
+  events: {
+    onDdsPaginationChange: "dds-pagination-change"
+  },
+  displayName: "DapDSPager"
+});
+export {
+  m as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-pager/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/pager/pager.js'\n      import type { DdsPaginationChangeEvent } from '../../events/events'\n      export type { DdsPaginationChangeEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-pager'\n\n      /**\n * `dap-ds-pager`\n * @summary A pager is a component that displays pagination controls.\n * @element dap-ds-pager\n * @title - Pager\n *\n * @event {{ action: string, pagination: { pageIndex: number, pageSize: number } }} dds-pagination-change - Event fired when the pagination changes\n *\n * @csspart base - The main pager container.\n * @csspart first - The first page button.\n * @csspart previous - The previous page button.\n * @csspart next - The next page button.\n * @csspart last - The last page button.\n * @csspart page-size - The page size select.\n * @csspart pager-button-first-base - The base of the first page button.\n * @csspart pager-button-first-content - The content of the first page button.\n * @csspart pager-button-previous-base - The base of the previous page button.\n * @csspart pager-button-previous-content - The content of the previous page button.\n * @csspart pager-button-next-base - The base of the next page button.\n * @csspart pager-button-next-content - The content of the next page button.\n * @csspart pager-button-last-base - The base of the last page button.\n * @csspart pager-button-last-content - The content of the last page button.\n * @csspart page-size-select-base - The base of the page size select.\n * @csspart page-size-select-trigger - The trigger of the page size select.\n * @csspart page-numbers - The container of the numbered page buttons (shown when showPageNumbers is 'true').\n * @csspart page-number - Each numbered page button.\n * @csspart page-number-active - The active (current) numbered page button.\n * @csspart page-number-base - The base of each numbered page button.\n * @csspart page-number-content - The content of each numbered page button.\n * @csspart page-info - The page info / total count text.\n *\n * @cssproperty --dds-pager-spacing-vertical - The vertical spacing of the pager (default: var(--dds-spacing-400))\n * @cssproperty --dds-pager-spacing-horizontal - The horizontal spacing of the pager (default: var(--dds-spacing-200))\n * @cssproperty --dds-pager-button-padding - The padding of the pager buttons (default: var(--dds-spacing-150))\n * @cssproperty --dds-pager-button-border-width - The border width of the pager buttons (default: var(--dds-border-width-base, 1px))\n * @cssproperty --dds-pager-button-border-color - The border color of the pager buttons (default: var(--dds-button-subtle-border-neutral-enabled))\n * @cssproperty --dds-pager-button-border-radius - The border radius of the pager buttons (default: var(--dds-radius-rounded))\n * @cssproperty --dds-pager-button-background - The background color of the pager buttons (default: var(--dds-button-subtle-background-neutral-enabled))\n * @cssproperty --dds-pager-button-font-size - The font size of the pager buttons (default: var(--dds-font-sm, 14px))\n * @cssproperty --dds-pager-button-font-weight - The font weight of the pager buttons (default: var(--dds-font-weight-bold, 700))\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsPaginationChange: 'dds-pagination-change' as EventName<DdsPaginationChangeEvent>\n        },\n        displayName: \"DapDSPager\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AASM,MAAMA,IAAU,gBA2CVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,uBAAuB;AAAA,EACzB;AAAA,EACA,aAAa;AACf,CAAC;"}

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

@@ -1,5 +1,5 @@
 import { EventName } from '@lit/react';
-import { default as Component } from '../../components/password-input/password-input.component.js';
+import { default as Component } from '../../components/password-input/password-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-password-input/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-password-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/password-input/password-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-password-input'\n\n      /**\n * `dap-ds-password-input`\n * @summary A password input a field for entering a password.\n * @element dap-ds-password-input\n * @title - Password input\n *\n * @property {string} label - The label of the password input.\n * @property {string} placeholder - The placeholder of the password input.\n * @property {string} description - The description of the password input.\n * @property {string} tooltip - The tooltip of the password input.\n * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the input.\n * @property {string} status - The status of the password input. Can be `success` or `error`.\n * @property {'xs' | 'sm' | 'sm'} size - The size of the password input. Default is `sm`.\n * @property {string} name - The name of the password input.\n * @property {string} value - The value of the password input.\n * @property {boolean} disabled - The disabled state of the password input. Default is false.\n * @property {boolean} required - The required state of the password input. Default is false.\n * @property {boolean} readonly - The readonly state of the password input. Default is false.\n * @property {boolean} autofocus - The autofocus state of the password input. Default is false.\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 password input. Default is false.\n * @property {boolean} optional - The optional state of the password input.\n * @property {string} optionalLabel - The optional label of the password input.\n * @property {string} requiredLabel - The required indicator of the password input. (default: '*')\n * @property {boolean} subtle - The weight of the label. Default is `false`\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 * @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 postfix - The postfix of the password input.\n * @csspart password-input - The password input.\n * @csspart password-input--visible - The visible password input.\n * @csspart show-button - The show button of the password input.\n * @csspart show-button-base - The base of the show button.\n * @csspart show-button-content - The content of the show button.\n * @csspart show-icon - The show icon of the password input.\n * @csspart show-icon-base - The base of the show icon.\n * @csspart hide-button - The hide button of the password input.\n * @csspart hide-button-base - The base of the hide button.\n * @csspart hide-button-content - The content of the hide button.\n * @csspart hide-icon - The hide icon of the password input.\n * @csspart hide-icon-base - The base of the hide icon.\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: \"DapDSPasswordInput\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAiBM,MAAMA,IAAU,yBAuFVC,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-popup/index.d.ts

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

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

@@ -0,0 +1,19 @@
+import { createComponent as e } from "@lit/react";
+import * as o from "react";
+import "../../components/popup/popup.js";
+import p from "../../components/popup/popup.component.js";
+const s = "dap-ds-popup", r = e({
+  tagName: s,
+  elementClass: p,
+  react: o,
+  events: {
+    onDdsOpened: "dds-opened",
+    onDdsClosed: "dds-closed",
+    onDdsClose: "dds-close"
+  },
+  displayName: "DapDSPopup"
+});
+export {
+  r as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-popup/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/popup/popup.js'\n      import type { DdsOpenedEvent } from '../../events/events'\nimport type { DdsClosedEvent } from '../../events/events'\nimport type { DdsCloseEvent } from '../../events/events'\n      export type { DdsOpenedEvent } from '../../events/events'\nexport type { DdsClosedEvent } from '../../events/events'\nexport type { DdsCloseEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-popup'\n\n      /**\n * `dap-ds-popup`\n * @summary A popup is a container for popup content.\n * @element dap-ds-popup\n * @title - Popup\n *\n * @property {'xs' | 'sm' | 'lg'} size - The size of the popup.\n * @property {boolean} disabled - The disabled state of the popup.\n * @property {boolean} opened - The open state of the popup.\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.\n * @property {'absolute' | 'fixed'} floatingStrategy - The floating strategy of the popup.\n * @property {number} offset - The offset of the popup.\n * @property {boolean} sync - Whether the popup should sync its width with the trigger.\n * @property {number | 'auto'} maxHeight - The maximum height of the popup.\n * @property {number | 'auto'} maxWidth - The maximum width of the popup.\n * @property {boolean} hasArrow - Whether the popup has an arrow.\n * @property {boolean} overflow - Whether the popup should overflow.\n * @property {boolean} fullWidth - Whether the popup should take full width of the screen.\n * @property {boolean} disableViewportAutoClose - Keep popup open when trigger leaves viewport.\n *\n * @event {{ void }} dds-opened - Fired when the popup is opened.\n * @event {{ void }} dds-closed - Fired when the popup is closed.\n * @event {{ void }} dds-close - Fired when the popup should be closed.\n *\n * @slot trigger - The trigger of the popup.\n * @slot - The content of the popup.\n *\n * @csspart popup - The main popup container.\n * @csspart arrow - The arrow of the popup.\n *\n * @cssproperty --dds-popup-z-index - Z-index of the popup (default: var(--dds-z-index-20))\n * @cssproperty --dds-popup-padding - Default padding of the popup (default: var(--dds-spacing-400))\n * @cssproperty --dds-popup-padding-xs - Padding of the popup when size is xs (default: var(--dds-spacing-200))\n * @cssproperty --dds-popup-padding-lg - Padding of the popup when size is lg (default: var(--dds-spacing-500))\n * @cssproperty --dds-popup-border-width - Border width of the popup (default: var(--dds-border-width-base))\n * @cssproperty --dds-popup-border-radius - Border radius of the popup (default: var(--dds-radius-base))\n * @cssproperty --dds-popup-border-color - Border color of the popup (default: var(--dds-border-neutral-subtle))\n * @cssproperty --dds-popup-background - Background color of the popup (default: var(--dds-background-neutral-base))\n * @cssproperty --dds-popup-color - Text color of the popup (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-popup-arrow-size - Size of the popup arrow (default: var(--dds-tooltip-arrow-size))\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>,\nonDdsClose: 'dds-close' as EventName<DdsCloseEvent>\n        },\n        displayName: \"DapDSPopup\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAaM,MAAMA,IAAU,gBA2CVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,aAAa;AAAA,IACvB,aAAa;AAAA,IACb,YAAY;AAAA,EACJ;AAAA,EACA,aAAa;AACf,CAAC;"}

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

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/progress/progress.component.js';
+import { default as Component } from '../../components/progress/progress.js';
 /**
  * `dap-ds-progress`
  * @summary Progress indicator component with linear and circular variants.

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-progress/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/progress/progress.js'\n\nconst tagName = 'dap-ds-progress'\n\n/**\n * `dap-ds-progress`\n * @summary Progress indicator component with linear and circular variants.\n * @element dap-ds-progress\n * @title - Progress\n *\n * @csspart base - The main progress container.\n * @csspart track - The progress track (background).\n * @csspart fill - The progress fill (bar for linear, circle for circular).\n * @csspart label - The progress label text.\n * @csspart percentage - The percentage text (circular variant only).\n * @csspart background - The background circle (circular variant only).\n *\n * @slot label - Custom label content for the progress indicator.\n *\n * @cssprop --dds-progress-track-color - Background color of the progress track (default: var(--dds-neutral-200))\n * @cssprop --dds-progress-fill-color-neutral - Fill color for neutral variant (default: var(--dds-icon-neutral-base))\n * @cssprop --dds-progress-fill-color-brand - Fill color for brand variant (default: var(--dds-icon-brand-subtle))\n * @cssprop --dds-progress-fill-color-negative - Fill color for negative variant (default: var(--dds-icon-negative-subtle))\n * @cssprop --dds-progress-fill-color-positive - Fill color for positive variant (default: var(--dds-icon-positive-subtle))\n * @cssprop --dds-progress-fill-color-inverted - Fill color for inverted variant (default: var(--dds-icon-neutral-inverted))\n * @cssprop --dds-progress-height-xs - Height for extra small linear progress (default: var(--dds-spacing-50))\n * @cssprop --dds-progress-height-sm - Height for small linear progress (default: var(--dds-spacing-100))\n * @cssprop --dds-progress-height-md - Height for medium linear progress (default: var(--dds-spacing-150))\n * @cssprop --dds-progress-height-lg - Height for large linear progress (default: var(--dds-spacing-200))\n * @cssprop --dds-progress-height-xl - Height for extra large linear progress (default: var(--dds-spacing-300))\n * @cssprop --dds-progress-height-xxl - Height for extra extra large linear progress (default: var(--dds-spacing-400))\n * @cssprop --dds-progress-diameter-xs - Diameter for extra small circular progress (default: var(--dds-spacing-600))\n * @cssprop --dds-progress-diameter-sm - Diameter for small circular progress (default: var(--dds-spacing-800))\n * @cssprop --dds-progress-diameter-md - Diameter for medium circular progress (default: var(--dds-spacing-1200))\n * @cssprop --dds-progress-diameter-lg - Diameter for large circular progress (default: var(--dds-spacing-1600))\n * @cssprop --dds-progress-diameter-xl - Diameter for extra large circular progress (default: var(--dds-spacing-2000))\n * @cssprop --dds-progress-diameter-xxl - Diameter for extra extra large circular progress (default: var(--dds-spacing-2400))\n * @cssprop --dds-progress-stroke-width - Stroke width for circular progress (default: var(--dds-spacing-200))\n * @cssprop --dds-progress-animation-duration - Duration of indeterminate animation (default: 1.5s)\n *\n * @property { 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' } size - The size of the progress indicator. Default is `sm`. See SizedMixin.\n * @property {string} sizeMap - Responsive size map (e.g. \"md:lg\"); see SizedMixin.\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'DapDSProgress',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,mBAyCVC,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-radio-button/index.d.ts

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

package/dist/react/dap-ds-radio-button/index.js

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

package/dist/react/dap-ds-radio-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-radio-button/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/radio-button/radio-button.js'\n      import type { DdsChangeEvent } from '../../events/events'\nimport type { DdsBlurEvent } from '../../events/events'\nimport type { DdsFocusEvent } from '../../events/events'\nimport type { DdsInputEvent } from '../../events/events'\n      export type { DdsChangeEvent } from '../../events/events'\nexport type { DdsBlurEvent } from '../../events/events'\nexport type { DdsFocusEvent } from '../../events/events'\nexport type { DdsInputEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-radio-button'\n\n      /**\n * `dap-ds-radio-button`\n * @summary A radio button is a graphical control element that allows the user to choose only one of a predefined set of mutually exclusive options.\n * @element dap-ds-radio-button\n * @title - Radio button\n *\n * @event {{ checked: boolean, value: string, disabled: boolean, readonly: boolean, type: 'radio' }} dds-change - Fired when the radio button is checked.\n * @event {{ void }} dds-blur - Emitted when the radio button loses focus.\n * @event {{ void }} dds-focus - Emitted when the radio button gains focus.\n * @event {{ checked: boolean, value: string, disabled: boolean, readonly: boolean }} dds-input - Emitted when the radio button receives input.\n *\n * @property {string} name - The name of the radio button.\n * @property {string} value - The value of the radio button.\n * @property {boolean} checked - Whether the radio button is checked.\n * @property {string} label - The label of the radio button.\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 radio button.\n * @property {boolean} disabled - Whether the radio button is disabled.\n * @property {boolean} readonly - Whether the radio button is readonly (cannot be changed but value is submitted with form).\n * @property {boolean} required - Whether the radio button is required.\n * @property {'xs' | 'sm' | 'lg'} size - The size of the radio button. Default is 'sm'.\n * @property {'left' | 'right'} labelPlacement - The placement of the label.\n * @property {'top' | 'bottom'} descriptionPlacement - The placement of the description.\n * @property {boolean} subtle - The weight of the label.\n * @property {string} feedback - The feedback of the radio button.\n * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the radio button.\n * @property {boolean} invalid - The invalid state of the radio button.\n * @property {boolean} optional - The optional state of the radio button.\n * @property {string} optionalLabel - The optional label of the radio button.\n * @property {string} requiredLabel - The required indicator of the radio button. (default: '*')\n * @property {boolean} preventDefault - Whether the radio button should prevent the default action.\n * @property {boolean} focusable - Whether the radio button is focusable.\n * @property {'normal' | 'background'} type - The type of the radio button.\n * @property {boolean} border - This sets up a border around the radio button, when true.\n *\n * @csspart base - The main radio button container.\n * @csspart wrapper - The wrapper of the radio button.\n * @csspart base-label - The main label container.\n * @csspart label - The label of the radio button.\n * @csspart input - The native input of the radio button.\n * @csspart control - The control of the radio button.\n * @csspart label-container - The label container of the radio button.\n * @csspart description - The description of the radio button.\n *\n * @cssproperty --dds-radio-size - Sets the size of the radio button. (default: var(--dds-spacing-600))\n * @cssproperty --dds-radio-border-width - Sets the border width of the radio button. (default: var(--dds-border-width-large))\n * @cssproperty --dds-radio-border-radius - Sets the border radius of the radio button. (default: var(--dds-radius-rounded))\n * @cssproperty --dds-radio-border-color - Sets the border color of the radio button. (default: var(--dds-border-neutral-base))\n * @cssproperty --dds-radio-background-color - Sets the background color of the radio button. (default: var(--dds-background-neutral-base))\n * @cssproperty --dds-radio-hover-border-color - Sets the border color of the radio button on hover. (default: var(--dds-border-neutral-medium))\n * @cssproperty --dds-radio-hover-background-color - Sets the background color of the radio button on hover. (default: var(--dds-background-neutral-medium))\n * @cssproperty --dds-radio-active-border-color - Sets the border color of the radio button when active. (default: var(--dds-border-neutral-strong))\n * @cssproperty --dds-radio-active-background-color - Sets the background color of the radio button when active. (default: var(--dds-background-neutral-strong))\n * @cssproperty --dds-radio-checked-background-color - Sets the background color of the checked radio button. (default: var(--dds-background-brand-base-inverted))\n * @cssproperty --dds-radio-checked-hover-background-color - Sets the background color of the checked radio button on hover. (default: var(--dds-background-brand-medium-inverted))\n * @cssproperty --dds-radio-checked-active-background-color - Sets the background color of the checked radio button when active. (default: var(--dds-background-brand-strong-inverted))\n * @cssproperty --dds-radio-disabled-background-color - Sets the background color of the disabled radio button. (default: var(--dds-background-neutral-disabled))\n * @cssproperty --dds-radio-icon-background-color - Sets the background color of the radio button icon. (default: var(--dds-transparent-white-strong-static))\n * @cssproperty --dds-radio-disabled-icon-background-color - Sets the background color of the disabled radio button icon. (default: var(--dds-background-neutral-stronger))\n * @cssproperty --dds-radio-invalid-border-color - Sets the border color of the invalid radio button. (default: var(--dds-border-negative-base))\n * @cssproperty --dds-radio-invalid-background-color - Sets the background color of the invalid radio button. (default: var(--dds-background-negative-base))\n * @cssproperty --dds-radio-invalid-hover-border-color - Sets the border color of the invalid radio button on hover. (default: var(--dds-border-negative-medium))\n * @cssproperty --dds-radio-invalid-hover-background-color - Sets the background color of the invalid radio button on hover. (default: var(--dds-background-negative-medium))\n * @cssproperty --dds-radio-invalid-active-border-color - Sets the border color of the invalid radio button when active. (default: var(--dds-border-negative-strong))\n * @cssproperty --dds-radio-invalid-active-background-color - Sets the background color of the invalid radio button when active. (default: var(--dds-background-negative-strong))\n * @cssproperty --dds-radio-invalid-checked-background-color - Sets the background color of the invalid checked radio button. (default: var(--dds-background-negative-base-inverted))\n * @cssproperty --dds-radio-invalid-checked-hover-background-color - Sets the background color of the invalid checked radio button on hover. (default: var(--dds-background-negative-medium-inverted))\n * @cssproperty --dds-radio-invalid-checked-active-background-color - Sets the background color of the invalid checked radio button when active. (default: var(--dds-background-negative-strong-inverted))\n * @cssproperty --dds-radio-icon-size - Sets the size of the radio button icon. (default: var(--dds-spacing-300))\n * @cssproperty --dds-radio-readonly-border-color - Sets the border color when the radio button is readonly. (default: var(--dds-border-neutral-subtle))\n * @cssproperty --dds-radio-readonly-background-color - Sets the background color when the radio button is readonly. (default: var(--dds-background-neutral-subtle))\n * @cssproperty --dds-radio-readonly-icon-color - Sets the color of the radio button icon when readonly. (default: var(--dds-text-neutral-base))\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsChange: 'dds-change' as EventName<DdsChangeEvent>,\nonDdsBlur: 'dds-blur' as EventName<DdsBlurEvent>,\nonDdsFocus: 'dds-focus' as EventName<DdsFocusEvent>,\nonDdsInput: 'dds-input' as EventName<DdsInputEvent>\n        },\n        displayName: \"DapDSRadioButton\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAeM,MAAMA,IAAU,uBA2EVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,aAAa;AAAA,IACvB,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,YAAY;AAAA,EACJ;AAAA,EACA,aAAa;AACf,CAAC;"}

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

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

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

@@ -0,0 +1,19 @@
+import { createComponent as o } from "@lit/react";
+import * as a from "react";
+import "../../components/form/radio-group/radio-group.js";
+import r from "../../components/form/radio-group/radio-group.component.js";
+const e = "dap-ds-radio-group", p = o({
+  tagName: e,
+  elementClass: r,
+  react: a,
+  events: {
+    onDdsChange: "dds-change",
+    onDdsBlur: "dds-blur",
+    onDdsFocus: "dds-focus"
+  },
+  displayName: "DapDSRadioGroup"
+});
+export {
+  p as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-radio-group/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/form/radio-group/radio-group.js'\n      import type { DdsChangeEvent } from '../../events/events'\nimport type { DdsBlurEvent } from '../../events/events'\nimport type { DdsFocusEvent } from '../../events/events'\n      export type { DdsChangeEvent } from '../../events/events'\nexport type { DdsBlurEvent } from '../../events/events'\nexport type { DdsFocusEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-radio-group'\n\n      /**\n * `dap-ds-radio-group`\n * @summary A radio group is a form element that allows the user to select one option from a set.\n * @element dap-ds-radio-group\n * @title - Radio group\n * @group radio-button\n *\n * @event dds-change - Fired when the radio group is checked.\n * @event dds-blur - Emitted when the radio group loses focus.\n * @event dds-focus - Emitted when the radio group gains focus.\n *\n * @property {string} name - The name of the radio group.\n * @property {string} value - The value of the radio group.\n * @property {boolean} disabled - Whether the radio group is disabled.\n * @property {boolean} required - Whether the radio group is required.\n * @property {string} label - The label of the radio 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 radio group.\n * @property {string} tooltip - The tooltip of the radio group.\n * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the radio group.\n * @property {string} feedback - The feedback of the radio group.\n * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the radio group. Can be `negative`, `positive`, or `warning`.\n * @property {boolean} optional - The optional state of the radio group.\n * @property {string} optionalLabel - Text of optional label.\n * @property {string} requiredLabel - Text of required indicator. (default: '*')\n * @property {boolean} subtle - The weight of the label. Default is `false`\n * @property {'xs' | 'sm' | 'lg'} size - The size of the radio group. Default is `sm`.\n * @property {boolean} subtle - Font weight of the feedback label. Default is `false` which is bold.\n *\n * @slot - The content of the radio group.\n * @slot feedback-icon - The custom icon of the feedback.\n *\n * @csspart base - The main radio group container.\n * @csspart label - The label of the radio group.\n * @csspart tooltip - The tooltip of the radio group.\n * @csspart container - The container of the radio group items.\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsChange: 'dds-change' as EventName<DdsChangeEvent>,\nonDdsBlur: 'dds-blur' as EventName<DdsBlurEvent>,\nonDdsFocus: 'dds-focus' as EventName<DdsFocusEvent>\n        },\n        displayName: \"DapDSRadioGroup\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAaM,MAAMA,IAAU,sBAuCVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,aAAa;AAAA,IACvB,WAAW;AAAA,IACX,YAAY;AAAA,EACJ;AAAA,EACA,aAAa;AACf,CAAC;"}

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

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

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

@@ -0,0 +1,17 @@
+import { createComponent as a } from "@lit/react";
+import * as t from "react";
+import "../../components/rating/rating.js";
+import e from "../../components/rating/rating.component.js";
+const r = "dap-ds-rating", m = a({
+  tagName: r,
+  elementClass: e,
+  react: t,
+  events: {
+    onDdsChange: "dds-change"
+  },
+  displayName: "DapDSRating"
+});
+export {
+  m as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-rating/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/rating/rating.js'\n      import type { DdsChangeEvent } from '../../events/events'\n      export type { DdsChangeEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-rating'\n\n      /**\n * `dap-ds-rating`\n * @summary Rating is a component that allows users to rate a product or service.\n * @element dap-ds-rating\n * @title - Rating\n *\n * @event {{ value: number }} dds-change - Event fired when the rating value changes.\n *\n * @csspart base - The main rating container.\n * @csspart star - The star element.\n * @csspart stars-container - The container of the stars.\n * @csspart icon - The icon of the star.\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsChange: 'dds-change' as EventName<DdsChangeEvent>\n        },\n        displayName: \"DapDSRating\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AASM,MAAMA,IAAU,iBAeVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,aAAa;AAAA,EACf;AAAA,EACA,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-scroll-area/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/scroll-area/scroll-area.component.js';
+import { default as Component } from '../../components/scroll-area/scroll-area.js';
 /**
  * `dap-ds-scroll-area`
  * @summary A component that provides a customizable scrollable area with a custom scrollbar.

package/dist/react/dap-ds-scroll-area/index.js

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

package/dist/react/dap-ds-scroll-area/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-scroll-area/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/scroll-area/scroll-area.js'\n\nconst tagName = 'dap-ds-scroll-area'\n\n/**\n * `dap-ds-scroll-area`\n * @summary A component that provides a customizable scrollable area with a custom scrollbar.\n * @element dap-ds-scroll-area\n * @title - Scroll area\n *\n * @slot - The content to be scrolled\n *\n * @csspart viewport - The viewport element that contains the scrollable content\n * @csspart scrollbar - The scrollbar container\n * @csspart corner - The corner between vertical and horizontal scrollbars\n *\n * @cssprop --dds-scroll-area-radius - The border radius of the scroll area and its elements (default: var(--dds-radius-base))\n * @cssprop --dds-scroll-area-background - The background color of the scroll area (default: var(--dds-background-neutral-base))\n * @cssprop --dds-scroll-area-scrollbar-background - The background color of the scrollbar (default: var(--dds-background-neutral-subtle))\n * @cssprop --dds-scroll-area-thumb-background - The background color of the scrollbar thumb (default: var(--dds-background-neutral-interactive))\n * @cssprop --dds-scroll-area-thumb-hover-background - The background color of the scrollbar thumb on hover (default: var(--dds-background-neutral-interactive-hover))\n * @cssprop --dds-scroll-area-thumb-active-background - The background color of the scrollbar thumb when active (default: var(--dds-background-neutral-interactive-active))\n * @cssprop --dds-scroll-area-transition - The transition timing for scrollbar interactions (default: var(--dds-transition-fast) var(--dds-easing-ease-out))\n * @cssprop --dds-scroll-area-scrollbar-size - The width/height of the scrollbar (default: 10px)\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'DapDSScrollArea',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,sBAuBVC,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-scroll-progress/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/scroll-progress/scroll-progress.component.js';
+import { default as Component } from '../../components/scroll-progress/scroll-progress.js';
 /**
  * `dap-ds-scroll-progress`
  * @summary A progress bar that displays scroll position, supporting both page-level and container-level scroll tracking.

package/dist/react/dap-ds-scroll-progress/index.js

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

package/dist/react/dap-ds-scroll-progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-scroll-progress/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/scroll-progress/scroll-progress.js'\n\nconst tagName = 'dap-ds-scroll-progress'\n\n/**\n * `dap-ds-scroll-progress`\n * @summary A progress bar that displays scroll position, supporting both page-level and container-level scroll tracking.\n * @element dap-ds-scroll-progress\n * @title - Scroll Progress\n *\n * @csspart base - The main scroll progress container.\n * @csspart track - The progress track (background).\n * @csspart fill - The progress fill bar.\n *\n * @cssprop --dds-scroll-progress-z-index - Z-index for fixed positioning (default: 1000)\n * @cssprop --dds-scroll-progress-transition - Transition for progress updates (default: width 0.1s ease-out)\n * @cssprop --dds-scroll-progress-track-color - Background color of the progress track (default: var(--dds-neutral-200))\n * @cssprop --dds-scroll-progress-fill-color-neutral - Fill color for neutral variant\n * @cssprop --dds-scroll-progress-fill-color-brand - Fill color for brand variant\n * @cssprop --dds-scroll-progress-fill-color-negative - Fill color for negative variant\n * @cssprop --dds-scroll-progress-fill-color-positive - Fill color for positive variant\n * @cssprop --dds-scroll-progress-fill-color-inverted - Fill color for inverted variant\n *\n * @property { 'xxs' | 'xs' | 'sm' | 'md' | 'lg' } size - The size of the scroll progress bar. Default is `sm`. See SizedMixin.\n * @property {string} sizeMap - Responsive size map (e.g. \"md:lg\"); see SizedMixin.\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'DapDSScrollProgress',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,0BAwBVC,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-search/index.d.ts

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

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

@@ -0,0 +1,22 @@
+import { createComponent as a } from "@lit/react";
+import * as e from "react";
+import "../../components/search/search.js";
+import s from "../../components/search/search.component.js";
+const d = "dap-ds-search", n = a({
+  tagName: d,
+  elementClass: s,
+  react: e,
+  events: {
+    onDdsChange: "dds-change",
+    onDdsBlur: "dds-blur",
+    onDdsFocus: "dds-focus",
+    onDdsClear: "dds-clear",
+    onDdsSearch: "dds-search",
+    onDdsInput: "dds-input"
+  },
+  displayName: "DapDSSearch"
+});
+export {
+  n as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-search/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/search/search.js'\n      import type { DdsChangeEvent } from '../../events/events'\nimport type { DdsBlurEvent } from '../../events/events'\nimport type { DdsFocusEvent } from '../../events/events'\nimport type { DdsClearEvent } from '../../events/events'\nimport type { DdsSearchEvent } from '../../events/events'\nimport type { DdsInputEvent } from '../../events/events'\n      export type { DdsChangeEvent } from '../../events/events'\nexport type { DdsBlurEvent } from '../../events/events'\nexport type { DdsFocusEvent } from '../../events/events'\nexport type { DdsClearEvent } from '../../events/events'\nexport type { DdsSearchEvent } from '../../events/events'\nexport type { DdsInputEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-search'\n\n      /**\n * `dap-ds-search`\n * @summary A select is a form element that allows the user to select one option from a set.\n * @element dap-ds-search\n * @title - Search\n *\n * @event dds-change - Fired when the search value changes.\n * @event dds-blur - Emitted when the search loses focus.\n * @event dds-focus - Emitted when the search gains focus.\n * @event dds-clear - Emitted when the search is cleared.\n * @event dds-search - Emitted when the search input value changes.\n * @event dds-input - Emitted when typing happens in the search input.\n *\n * @property {string} value - The value of the search.\n * @property {string} placeholder - The placeholder of the search.\n * @property { 'top' | 'top-start' | 'top-end' | 'right' | 'right-start'| 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end'} placement - The placement of the select dropdown. Default is 'bottom-start'.\n * @property {boolean} opened - Whether the search dropdown is opened.\n * @property {boolean} sync - The sync mode of the search dropdown. How the dropdown item size is synced to the trigger element'.\n * @property {string} label - The label of the search.\n * @property {string} description - The description of the search.\n * @property {string} tooltip - The tooltip of the search.\n * @property {'xs' | 'sm' | 'lg'} size - The size of the search.\n * @property {'none' | 'typehead' | 'autocomplete' | 'manual'} searchMode - The search mode of the select. Default is 'none'.\n * @property {boolean} disabled - Whether the search is disabled.\n * @property {boolean} required - Whether the search is required.\n * @property {boolean} readonly - Whether the search is readonly.\n * @property {boolean} autofocus - Whether the search is autofocus.\n * @property {string} clearButton - Whether the search is clearable. Default is 'true'.\n * @property {string} feedback - The feedback content of the search.\n * @property {'negative' | 'positive' | 'warning' | 'info'} feedbackType - The feedback type of the search.\n * @property {boolean} allowManualInput - Whether the search allows manual input, or free text.\n * @property {boolean} searchForText - Whether the search should search for the selected item text.\n * @property {boolean} textComplete - Whether the search should not complete the text.\n * @property {string} searchButtonAriaLabel - The aria label of the search button.\n * @property {boolean} disableSearchWhenEmpty - When true, the search button is automatically disabled while the input is empty and re-enabled once the user types. Default is false.\n * @property {boolean} openOnEmpty - Whether the search should open on empty results.\n * @property {string} selectable - Show the selected item check mark in the dropdown. Default is 'false'.\n * @property {boolean} noAnimation - Whether the search open indicator should be animated. Default is true.\n * @property {boolean} subtle - Subtle color version\n *\n * @cssproperty --dds-combobox-background - The background color of the combobox. (default: var(--dds-fields-background-default))\n * @cssproperty --dds-combobox-border-color - The border color of the combobox. (default: var(--dds-border-neutral-base))\n * @cssproperty --dds-combobox-border-width - The border width of the combobox. (default: var(--dds-border-width-base, 1px))\n * @cssproperty --dds-combobox-border-radius - The border radius of the combobox. (default: var(--dds-radius-base))\n * @cssproperty --dds-combobox-text-color - The text color of the combobox. (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-combobox-placeholder-color - The placeholder text color. (default: var(--dds-text-neutral-subtle))\n * @cssproperty --dds-combobox-disabled-background - The background color when disabled. (default: var(--dds-background-neutral-stronger))\n * @cssproperty --dds-combobox-disabled-text - The text color when disabled. (default: var(--dds-text-neutral-disabled))\n * @cssproperty --dds-combobox-error-border - The border color for error state. (default: var(--dds-border-negative-base))\n * @cssproperty --dds-combobox-success-border - The border color for success state. (default: var(--dds-border-positive-base))\n * @cssproperty --dds-combobox-icon-color - The color of the icons. (default: var(--dds-text-icon-neutral-subtle))\n * @cssproperty --dds-combobox-loading-spinner-color - The color of the loading spinner. (default: var(--dds-icon-neutral-base))\n * @cssproperty --dds-combobox-clear-icon-color - The color of the clear icon. (default: var(--dds-button-subtle-icon-neutral-enabled))\n * @cssproperty --dds-combobox-popup-background - The background color of the popup. (default: var(--dds-background-neutral-subtle))\n * @cssproperty --dds-combobox-popup-shadow - The box shadow of the popup. (default: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.06))\n * @cssproperty --dds-combobox-icon-opened-transform - The transform of the icon when the combobox is opened (default: rotate(90deg)).\n * @cssproperty --dds-combobox-padding-xs - The padding for extra small size. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-padding-sm - The padding for small size. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-padding-lg - The padding for large size. (default: var(--dds-spacing-300))\n * @cssproperty --dds-combobox-padding-horizontal - The horizontal padding. (default: var(--dds-spacing-300))\n * @cssproperty --dds-combobox-padding-vertical - The vertical padding. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-gap - The gap between elements. (default: var(--dds-spacing-100))\n * @cssproperty --dds-combobox-icon-gap - The gap between icons. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-action-gap - The gap between action elements. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-action-padding - The padding for action elements. (default: var(--dds-spacing-300))\n * @cssproperty --dds-combobox-clear-icon-width - The width of the clear icon. (default: var(--dds-spacing-800))\n * @cssproperty --dds-combobox-dropdown-icon-right - The right position of the dropdown icon. (default: var(--dds-spacing-600))\n * @cssproperty --dds-combobox-min-width - The minimum width of the combobox. (default: 7.5rem)\n * @cssproperty --dds-combobox-chips-gap - The gap between chips. (default: var(--dds-spacing-100))\n * @cssproperty --dds-combobox-chips-padding - The padding for chips. (default: var(--dds-spacing-100))\n * @cssproperty --dds-combobox-chips-max-height - The maximum height of the chips. (default: 120px)\n *\n * @csspart base - The main search container.\n * @csspart trigger - The trigger button of the search.\n * @csspart search-button - The trailing search icon button.\n * @csspart label - The label of the search.\n * @csspart description - The description of the search.\n * @csspart feedback - The feedback of the search.\n * @csspart tooltip - The tooltip of the search.\n * @csspart option-list - The option list of the search.\n * @csspart input - The input of the search.\n *\n * @slot - The default slot for the options.\n *\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsChange: 'dds-change' as EventName<DdsChangeEvent>,\nonDdsBlur: 'dds-blur' as EventName<DdsBlurEvent>,\nonDdsFocus: 'dds-focus' as EventName<DdsFocusEvent>,\nonDdsClear: 'dds-clear' as EventName<DdsClearEvent>,\nonDdsSearch: 'dds-search' as EventName<DdsSearchEvent>,\nonDdsInput: 'dds-input' as EventName<DdsInputEvent>\n        },\n        displayName: \"DapDSSearch\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAmBM,MAAMA,IAAU,iBAuFVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,aAAa;AAAA,IACvB,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,YAAY;AAAA,EACJ;AAAA,EACA,aAAa;AACf,CAAC;"}

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

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

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

@@ -0,0 +1,21 @@
+import { createComponent as e } from "@lit/react";
+import * as s from "react";
+import "../../components/select/select.js";
+import d from "../../components/select/select.component.js";
+const o = "dap-ds-select", r = e({
+  tagName: o,
+  elementClass: d,
+  react: s,
+  events: {
+    onDdsChange: "dds-change",
+    onDdsBlur: "dds-blur",
+    onDdsFocus: "dds-focus",
+    onDdsOpened: "dds-opened",
+    onDdsClosed: "dds-closed"
+  },
+  displayName: "DapDSSelect"
+});
+export {
+  r as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-select/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/select/select.js'\n      import type { DdsChangeEvent } from '../../events/events'\nimport type { DdsBlurEvent } from '../../events/events'\nimport type { DdsFocusEvent } from '../../events/events'\nimport type { DdsOpenedEvent } from '../../events/events'\nimport type { DdsClosedEvent } from '../../events/events'\n      export type { DdsChangeEvent } from '../../events/events'\nexport type { DdsBlurEvent } from '../../events/events'\nexport type { DdsFocusEvent } from '../../events/events'\nexport type { DdsOpenedEvent } from '../../events/events'\nexport type { DdsClosedEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-select'\n\n      /**\n * `dap-ds-select`\n * @summary A select is a form element that allows the user to select one option from a set.\n * @element dap-ds-select\n * @title - Select\n *\n * @event {{ value: string }} dds-change - Fired when the select value changes.\n * @event {{ void }} dds-blur - Emitted when the select loses focus.\n * @event {{ void }} dds-focus - Emitted when the select gains focus.\n * @event {{ void }} dds-opened - Emitted when the select dropdown is opened.\n * @event {{ void }} dds-closed - Emitted when the select dropdown is closed.\n *\n * @property {string} value - The value of the select.\n * @property {string} label - The label of the select.\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 select.\n * @property {string} tooltip - The tooltip of the select.\n * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the select.\n * @property {'xs' | 'sm' | 'lg'} size - The size of the select. Default is `sm`.\n * @property {boolean} disabled - Whether the select is disabled.\n * @property {boolean} required - Whether the select is required.\n * @property {boolean} readonly - Whether the select is readonly.\n * @property {boolean} autofocus - Whether the select is autofocus.\n * @property {string} feedback - The feedback of the select.\n * @property {negative | positive | warning} feedbackType - The feedback type of the select. Can be `negative`, `positive`, or `warning`.\n * @property {string} status - The status of the select. Can be `success` or `error`.\n * @property {boolean} optional - The optional state of the select.\n * @property {string} optionalLabel - The optional label of the select.\n * @property {string} requiredLabel - The required indicator of the select. (default: '*')\n * @property {boolean} subtle - The weight of the label. Default is `false`\n *\n * @csspart base - The main select container.\n * @csspart trigger - The trigger button of the select.\n * @csspart label - The label of the select.\n * @csspart description - The description of the select.\n * @csspart feedback - The feedback of the select.\n * @csspart tooltip - The tooltip of the select.\n * @csspart popup-base - The base of the popup.\n * @csspart option-list - The option list of the select.\n * @csspart option-item - The option item of the select.\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 * @csspart indicator-icon - The indicator icon of the select.\n * @csspart mobile-tray - The mobile tray of the select.\n * @csspart mobile-content - The mobile content of the select.\n * @csspart mobile-body - The mobile body of the select.\n * @csspart mobile-header - The mobile header of the select.\n * @csspart mobile-footer - The mobile footer of the select.\n *\n * @cssproperty --dds-select-min-height - Minimum height of the select component (default: var(--dds-spacing-1000))\n * @cssproperty --dds-select-padding - Padding of the select component (default: var(--dds-spacing-300))\n * @cssproperty --dds-select-column-gap - Column gap of the select component (default: var(--dds-spacing-100))\n * @cssproperty --dds-select-border-color - Border color of the select component (default: var(--dds-border-neutral-base))\n * @cssproperty --dds-select-border-radius - Border radius of the select component (default: var(--dds-radius-base))\n * @cssproperty --dds-select-bg-color - Background color of the select component (default: var(--dds-background-neutral-subtle))\n * @cssproperty --dds-select-text-color - Text color of the select component (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-select-icon-right - Right position of the icon (default: var(--dds-spacing-200))\n * @cssproperty --dds-select-icon-color - Color of the icon (default: var(--dds-icon-neutral-subtle))\n * @cssproperty --dds-select-text-margin-right - Right margin of the text (default: var(--dds-spacing-600))\n * @cssproperty --dds-select-disabled-border-color - Border color when disabled (default: var(--dds-background-neutral-stronger))\n * @cssproperty --dds-select-disabled-bg-color - Background color when disabled (default: var(--dds-background-neutral-stronger))\n * @cssproperty --dds-select-disabled-text-color - Text color when disabled (default: var(--dds-text-neutral-disabled))\n * @cssproperty --dds-select-error-border-color - Border color in error state (default: var(--dds-border-negative-base))\n * @cssproperty --dds-select-success-border-color - Border color in success state (default: var(--dds-border-positive-base))\n * @cssproperty --dds-select-xs-min-height - Minimum height for extra small size (default: var(--dds-spacing-800))\n * @cssproperty --dds-select-xs-padding - Padding for extra small size (default: var(--dds-spacing-200))\n * @cssproperty --dds-select-xs-font-size - Font size for extra small size (default: var(--dds-font-sm))\n * @cssproperty --dds-select-lg-min-height - Minimum height for large size (default: var(--dds-spacing-1200))\n * @cssproperty --dds-select-lg-padding - Padding for large size (default: var(--dds-spacing-400))\n * @cssproperty --dds-select-lg-font-size - Font size for large size (default: var(--dds-font-lg))\n * @cssproperty --dds-select-lg-icon-right - Right position of the icon for large size (default: var(--dds-spacing-300))\n * @cssproperty --dds-select-lg-icon-color - Color of the icon for large size (default: var(--dds-text-icon-neutral-subtle))\n * @cssproperty --dds-select-popup-bg-color - Background color of the popup (default: var(--dds-background-neutral-subtle))\n * @cssproperty --dds-select-icon-opened-transform - Transform of the icon when the select is opened (default: rotate(90deg))\n *\n * @slot - The option list of the select.\n * @slot indicator-icon - The indicator icon of the select.\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsChange: 'dds-change' as EventName<DdsChangeEvent>,\nonDdsBlur: 'dds-blur' as EventName<DdsBlurEvent>,\nonDdsFocus: 'dds-focus' as EventName<DdsFocusEvent>,\nonDdsOpened: 'dds-opened' as EventName<DdsOpenedEvent>,\nonDdsClosed: 'dds-closed' as EventName<DdsClosedEvent>\n        },\n        displayName: \"DapDSSelect\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAiBM,MAAMA,IAAU,iBAkFVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,aAAa;AAAA,IACvB,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,EACL;AAAA,EACA,aAAa;AACf,CAAC;"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-sidenav/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/sidenav/sidenav.js'\n      import type { DdsItemClickEvent } from '../../events/events'\n      export type { DdsItemClickEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-sidenav'\n\n      /**\n * `dap-ds-sidenav`\n * @summary Side navigation is a list of links that are used to navigate to different sections of a page.\n * @element dap-ds-sidenav\n * @title - Side navigation\n *\n * @event {{ href: string, event: Event }} dds-item-click - Event fired when the side navigation item is clicked.\n *\n * @slot - The content of the side navigation.\n *\n * @csspart base - The main side navigation container.\n * @csspart menu - The menu of the side navigation.\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsItemClick: 'dds-item-click' as EventName<DdsItemClickEvent>\n        },\n        displayName: \"DapDSSideNav\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AASM,MAAMA,IAAU,kBAeVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,gBAAgB;AAAA,EAClB;AAAA,EACA,aAAa;AACf,CAAC;"}

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

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/sidenav/sidenav-group.component.js';
+import { default as Component } from '../../components/sidenav/sidenav-group.js';
 /**
  * `dap-ds-sidenav-group`
  * @summary Side navigation group

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-sidenav-group/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/sidenav/sidenav-group.js'\n\nconst tagName = 'dap-ds-sidenav-group'\n\n/**\n * `dap-ds-sidenav-group`\n * @summary Side navigation group\n * @element dap-ds-sidenav-group\n * @title - Side navigation group\n * @group side-navigation\n *\n * @slot - The content of the side navigation group.\n * @slot submenu - The submenu of the side navigation group.\n * @slot suffix - The suffix of the side navigation group.\n *\n * @csspart base - The main side navigation group container.\n * @csspart title - The title of the side navigation group.\n * @csspart link - The link of the side navigation group.\n * @csspart toggle - The toggle button of the side navigation group.\n * @csspart submenu - The submenu of the side navigation group.\n *\n * @cssproperty --dds-sidenav-group-margin-bottom - Default bottom margin of the sidenav group (default: var(--dds-spacing-100))\n * @cssproperty --dds-sidenav-group-border-radius - Border radius of the sidenav group (default: var(--dds-radius-base))\n * @cssproperty --dds-sidenav-group-spacing-margin - Margin used for spacing variants (default: var(--dds-spacing-400))\n * @cssproperty --dds-sidenav-group-item-min-height-xs - Minimum height of the sidenav group item (default: var(--dds-spacing-800))\n * @cssproperty --dds-sidenav-group-item-min-height-sm - Minimum height of the sidenav group item (default: var(--dds-spacing-1000))\n * @cssproperty --dds-sidenav-group-item-min-height-lg - Minimum height of the sidenav group item (default: var(--dds-spacing-1200))\n * @cssproperty --dds-sidenav-group-item-padding-xs - Padding of the sidenav group item (default: var(--dds-spacing-100) var(--dds-spacing-300))\n * @cssproperty --dds-sidenav-group-item-padding-sm - Padding of the sidenav group item (default: var(--dds-spacing-200) var(--dds-spacing-400))\n * @cssproperty --dds-sidenav-group-item-padding-lg - Padding of the sidenav group item (default: var(--dds-spacing-300) var(--dds-spacing-500))\n * @cssproperty --dds-sidenav-group-item-color - Text color of the sidenav group item (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-sidenav-group-item-font-size-xs - Font size of the sidenav group item (default: var(--dds-font-sm))\n * @cssproperty --dds-sidenav-group-item-font-size-sm - Font size of the sidenav group item (default: var(--dds-font-base))\n * @cssproperty --dds-sidenav-group-item-font-size-lg - Font size of the sidenav group item (default: var(--dds-font-lg))\n * @cssproperty --dds-sidenav-group-item-font-weight - Font weight of the sidenav group item (default: var(--dds-font-weight-medium))\n * @cssproperty --dds-sidenav-group-item-bg-active - Background color when the item is active (default: var(--dds-transparent-black-subtle))\n * @cssproperty --dds-sidenav-group-item-bg-hover - Background color on hover and active states (default: var(--dds-transparent-black-base))\n * @cssproperty --dds-sidenav-group-toggle-margin - Margin for the toggle button (default: var(--dds-spacing-300))\n * @cssproperty --dds-sidenav-group-submenu-padding - Padding for the submenu (default: var(--dds-spacing-300) 0)\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'DapDSSideNavGroup',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,wBAsCVC,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-sidenav-item/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/sidenav/sidenav-item.component.js';
+import { default as Component } from '../../components/sidenav/sidenav-item.js';
 /**
  * `dap-ds-sidenav-item`
  * @summary Side navigation item

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

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