dap-design-system 0.60.2 → 0.61.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-checkbox/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/checkbox/checkbox.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-checkbox'\n\n      /**\n * `dap-ds-checkbox`\n * @summary A checkbox is a form element that allows the user to select one or more options from a set.\n * @element dap-ds-checkbox\n * @title - Checkbox\n *\n * @event {{ checked: boolean, indeterminate: boolean, value: string, disabled: boolean, readonly: boolean, type: 'checkbox' }} dds-change - Fired when the checkbox is checked or unchecked.\n * @event {{ void }} dds-blur - Emitted when the checkbox loses focus.\n * @event {{ void }} dds-focus - Emitted when the checkbox gains focus.\n * @event {{ checked: boolean, indeterminate: boolean, value: string, disabled: boolean, readonly: boolean }} dds-input - Emitted when the checkbox receives input.\n *\n * @property {string} name - The name of the checkbox.\n * @property {string} value - The value of the checkbox.\n * @property {boolean} checked - Whether the checkbox is checked.\n * @property {string} label - The label of the checkbox.\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 checkbox.\n * @property {boolean} disabled - Whether the checkbox is disabled.\n * @property {boolean} readonly - Whether the checkbox is readonly (cannot be changed but value is submitted with form).\n * @property {boolean} required - Whether the checkbox is required.\n * @property {'xs' | 'sm' | 'lg'} size - The size of the checkbox. Default is 'sm'.\n * @property {string} sizeMap - Responsive size map (e.g. \"md:lg\").\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 checkbox.\n * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the checkbox.\n * @property {boolean} invalid - The invalid state of the checkbox.\n * @property {boolean} optional - The optional state of the checkbox.\n * @property {string} optionalLabel - The optional label of the checkbox.\n * @property {string} requiredLabel - The required indicator of the checkbox. (default: '*')\n *\n * @csspart base - The main checkbox container.\n * @csspart label - The label of the checkbox.\n * @csspart input - The input of the checkbox.\n * @csspart control - The control of the checkbox.\n * @csspart icon - The icon of the checkbox.\n * @csspart icon-base - The base icon container.\n * @csspart label-container - The label container of the checkbox.\n * @csspart description - The description of the checkbox.\n * @csspart readonly - The readonly state of the checkbox.\n *\n * @cssproperty --dds-checkbox-size - The size of the checkbox. (default: var(--dds-spacing-500))\n * @cssproperty --dds-checkbox-border-width - The border width of the checkbox. (default: var(--dds-border-width-large))\n * @cssproperty --dds-checkbox-border-radius - The border radius of the checkbox. (default: var(--dds-radius-small))\n * @cssproperty --dds-checkbox-border-color - The border color of the checkbox. (default: var(--dds-border-neutral-base))\n * @cssproperty --dds-checkbox-background-color - The background color of the checkbox. (default: transparent)\n * @cssproperty --dds-checkbox-icon-color - The color of the checkbox icon. (default: var(--dds-button-primary-icon-enabled))\n * @cssproperty --dds-checkbox-hover-border-color - The border color when hovering over the checkbox. (default: var(--dds-border-neutral-medium))\n * @cssproperty --dds-checkbox-hover-background-color - The background color when hovering over the checkbox. (default: var(--dds-background-neutral-medium))\n * @cssproperty --dds-checkbox-active-border-color - The border color when the checkbox is active. (default: var(--dds-border-neutral-strong))\n * @cssproperty --dds-checkbox-active-background-color - The background color when the checkbox is active. (default: var(--dds-background-neutral-strong))\n * @cssproperty --dds-checkbox-checked-border-color - The border color when the checkbox is checked. (default: var(--dds-background-brand-base-inverted))\n * @cssproperty --dds-checkbox-checked-background-color - The background color when the checkbox is checked. (default: var(--dds-background-brand-base-inverted))\n * @cssproperty --dds-checkbox-checked-hover-border-color - The border color when hovering over a checked checkbox. (default: var(--dds-background-brand-medium-inverted))\n * @cssproperty --dds-checkbox-checked-hover-background-color - The background color when hovering over a checked checkbox. (default: var(--dds-background-brand-medium-inverted))\n * @cssproperty --dds-checkbox-checked-active-border-color - The border color when a checked checkbox is active. (default: var(--dds-background-brand-strong-inverted))\n * @cssproperty --dds-checkbox-checked-active-background-color - The background color when a checked checkbox is active. (default: var(--dds-background-brand-strong-inverted))\n * @cssproperty --dds-checkbox-invalid-border-color - The border color when the checkbox is invalid. (default: var(--dds-border-negative-base))\n * @cssproperty --dds-checkbox-invalid-background-color - The background color when the checkbox is invalid. (default: var(--dds-background-negative-base))\n * @cssproperty --dds-checkbox-invalid-hover-border-color - The border color when hovering over an invalid checkbox. (default: var(--dds-border-negative-medium))\n * @cssproperty --dds-checkbox-invalid-hover-background-color - The background color when hovering over an invalid checkbox. (default: var(--dds-background-negative-medium))\n * @cssproperty --dds-checkbox-invalid-active-border-color - The border color when an invalid checkbox is active. (default: var(--dds-border-negative-strong))\n * @cssproperty --dds-checkbox-invalid-active-background-color - The background color when an invalid checkbox is active. (default: var(--dds-background-negative-strong))\n * @cssproperty --dds-checkbox-disabled-border-color - The border color when the checkbox is disabled. (default: var(--dds-button-primary-background-disabled))\n * @cssproperty --dds-checkbox-disabled-background-color - The background color when the checkbox is disabled. (default: var(--dds-button-primary-background-disabled))\n * @cssproperty --dds-checkbox-disabled-icon-color - The color of the checkbox icon when disabled. (default: var(--dds-button-primary-icon-disabled))\n * @cssproperty --dds-checkbox-readonly-border-color - The border color when the checkbox is readonly. (default: var(--dds-border-neutral-subtle))\n * @cssproperty --dds-checkbox-readonly-background-color - The background color when the checkbox is readonly. (default: var(--dds-background-neutral-subtle))\n * @cssproperty --dds-checkbox-readonly-icon-color - The color of the checkbox 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: \"DapDSCheckbox\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAeM,MAAMA,IAAU,mBAyEVC,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-chip/index.d.ts

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

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

@@ -0,0 +1,18 @@
+import { createComponent as e } from "@lit/react";
+import * as t from "react";
+import "../../components/chip/chip.js";
+import a from "../../components/chip/chip.component.js";
+const o = "dap-ds-chip", m = e({
+  tagName: o,
+  elementClass: a,
+  react: t,
+  events: {
+    onDdsRemove: "dds-remove",
+    onDdsSelect: "dds-select"
+  },
+  displayName: "DapDSChip"
+});
+export {
+  m as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-chip/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/chip/chip.js'\n      import type { DdsRemoveEvent } from '../../events/events'\nimport type { DdsSelectEvent } from '../../events/events'\n      export type { DdsRemoveEvent } from '../../events/events'\nexport type { DdsSelectEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-chip'\n\n      /**\n * `dap-ds-chip`\n * @summary A chip is a small status descriptor for UI elements.\n * @element dap-ds-chip\n * @title - Chip\n *\n * @property { 'sm' | 'lg' } size - The size of the chip. Default is `sm`.\n * @property {string} sizeMap - Responsive size map (e.g. \"md:lg\").\n *\n * @event {{ value: string }} dds-remove - Fired when the chip is removed\n * @event {{ value?: string, selected: boolean }} dds-select - Fired when the chip is selected\n *\n * @csspart base - The base part\n * @csspart content-container - The container for the content\n * @csspart remove-button - The remove button\n * @csspart remove-icon - The icon of the remove icon\n * @csspart remove-icon-base - The base of the remove icon\n * @csspart remove-icon-base-base - The base of the remove icon base\n *\n * @cssproperty --dds-chip-border - Border of the chip (default: var(--dds-border-width-base) solid var(--dds-transparent-black-base))\n * @cssproperty --dds-chip-border-radius - Border radius of the chip (default: var(--dds-radius-small))\n * @cssproperty --dds-chip-font-weight - Font weight of the chip (default: var(--dds-font-weight-bold))\n * @cssproperty --dds-chip-line-height - Line height of the chip (default: 1.5)\n * @cssproperty --dds-chip-transition - Transition timing for chip interactions (default: all 0.2s ease-in-out)\n * @cssproperty --dds-chip-padding-sm - Padding for small chip size (default: var(--dds-spacing-100) var(--dds-spacing-200))\n * @cssproperty --dds-chip-padding-lg - Padding for large chip size (default: var(--dds-spacing-200) var(--dds-spacing-300))\n * @cssproperty --dds-chip-font-size-sm - Font size for small chip size (default: var(--dds-font-xs))\n * @cssproperty --dds-chip-font-size-lg - Font size for large chip size (default: var(--dds-font-xs))\n * @cssproperty --dds-chip-background-color - Background color of the chip (default: var(--dds-background-neutral-base))\n * @cssproperty --dds-chip-text-color - Text color of the chip (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-chip-hover-background-color - Background color of the chip on hover (default: var(--dds-background-neutral-medium))\n * @cssproperty --dds-chip-active-background-color - Background color of the chip when active (default: var(--dds-background-neutral-strong))\n * @cssproperty --dds-chip-selected-background-color - Background color of the selected chip (default: var(--dds-background-brand-medium))\n * @cssproperty --dds-chip-selected-text-color - Text color of the selected chip (default: var(--dds-text-brand-subtle))\n * @cssproperty --dds-chip-selected-border-color - Border color of the selected chip (default: var(--dds-border-brand-base))\n * @cssproperty --dds-chip-disabled-background-color - Background color of the disabled chip (default: var(--dds-background-neutral-medium))\n * @cssproperty --dds-chip-disabled-text-color - Text color of the disabled chip (default: var(--dds-text-neutral-subtle))\n *\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsRemove: 'dds-remove' as EventName<DdsRemoveEvent>,\nonDdsSelect: 'dds-select' as EventName<DdsSelectEvent>\n        },\n        displayName: \"DapDSChip\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAWM,MAAMA,IAAU,eAyCVC,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-code-puncher/index.d.ts

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

package/dist/react/dap-ds-code-puncher/index.js

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

package/dist/react/dap-ds-code-puncher/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-code-puncher/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/code-puncher/code-puncher.js'\n      import type { DdsInputEvent } from '../../events/events'\nimport type { DdsChangeEvent } from '../../events/events'\nimport type { DdsCompleteEvent } from '../../events/events'\nimport type { DdsFocusEvent } from '../../events/events'\nimport type { DdsBlurEvent } from '../../events/events'\n      export type { DdsInputEvent } from '../../events/events'\nexport type { DdsChangeEvent } from '../../events/events'\nexport type { DdsCompleteEvent } from '../../events/events'\nexport type { DdsFocusEvent } from '../../events/events'\nexport type { DdsBlurEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-code-puncher'\n\n      /**\n * `dap-ds-code-puncher`\n * @summary A composable PIN/OTP input component for entering verification codes.\n * @element dap-ds-code-puncher\n * @title - Code Puncher\n * @group code-puncher\n *\n * @property {string} value - The complete code value.\n * @property {boolean} mask - Mask input like password. Default is false.\n * @property {string} pattern - Regex pattern for allowed characters. Default is '[0-9]'.\n * @property {string} placeholder - Placeholder character for empty slots.\n * @property {'xs' | 'sm' | 'lg'} size - The size of the slots. Default is 'sm'.\n * @property {string} label - The label of the component.\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 component.\n * @property {string} tooltip - The tooltip of the component.\n * @property {string} feedback - The feedback message.\n * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type.\n * @property {'success' | 'error'} status - The status of the component.\n * @property {boolean} disabled - Disable all slots. Default is false.\n * @property {boolean} readonly - Read-only state. Default is false.\n * @property {boolean} required - Required for form validation. Default is false.\n * @property {string} requiredLabel - Indicator of required text. (default: '*')\n * @property {string} name - Form element name.\n * @property {string} autocomplete - Autocomplete hint. Default is 'one-time-code'.\n *\n * @event {{ value: string, index: number }} dds-input - Fires on each digit input.\n * @event {{ value: string }} dds-change - Fires when value changes.\n * @event {{ value: string }} dds-complete - Fires when all slots are filled.\n * @event dds-focus - Fires when component gains focus.\n * @event dds-blur - Fires when component loses focus.\n *\n * @slot default - Slot for code-puncher-group, code-puncher-slot, and code-puncher-separator elements.\n *\n * @csspart base - The main container.\n * @csspart slots - The slots container.\n * @csspart label - The label element.\n * @csspart description - The description element.\n * @csspart feedback - The feedback element.\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsInput: 'dds-input' as EventName<DdsInputEvent>,\nonDdsChange: 'dds-change' as EventName<DdsChangeEvent>,\nonDdsComplete: 'dds-complete' as EventName<DdsCompleteEvent>,\nonDdsFocus: 'dds-focus' as EventName<DdsFocusEvent>,\nonDdsBlur: 'dds-blur' as EventName<DdsBlurEvent>\n        },\n        displayName: \"DapDSCodePuncher\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAiBM,MAAMA,IAAU,uBA0CVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,YAAY;AAAA,IACtB,aAAa;AAAA,IACb,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,WAAW;AAAA,EACH;AAAA,EACA,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-code-puncher-slot/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/code-puncher/code-puncher-slot.component.js';
+import { default as Component } from '../../components/code-puncher/code-puncher-slot.js';
 /**
  * `dap-ds-code-puncher-slot`
  * @summary Individual digit input slot for code puncher.

package/dist/react/dap-ds-code-puncher-slot/index.js

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

package/dist/react/dap-ds-code-puncher-slot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-code-puncher-slot/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/code-puncher/code-puncher-slot.js'\n\nconst tagName = 'dap-ds-code-puncher-slot'\n\n/**\n * `dap-ds-code-puncher-slot`\n * @summary Individual digit input slot for code puncher.\n * @element dap-ds-code-puncher-slot\n * @title - Code puncher slot\n *\n * @csspart base - The slot container.\n * @csspart input - The input element.\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'DapDSCodePuncherSlot',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,4BAWVC,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-combobox/index.d.ts

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-combobox/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/combobox/combobox.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-combobox'\n\n      /**\n * `dap-ds-combobox`\n * @summary A select is a form element that allows the user to select one option from a set.\n * @element dap-ds-combobox\n * @title - Combobox\n *\n * @event {{ value }} 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-clear - Emitted when the select is cleared.\n * @event {{ search: string }} dds-search - Emitted when the manual input value changes.\n * @event {{ input: string, originalEvent: Event }} dds-input - Emitted when typing happens in the input.\n *\n * @property {string} value - The value of the select.\n * @property {string} placeholder - The placeholder of the select.\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 select dropdown is opened.\n * @property {boolean} sync - The sync mode of the select dropdown. How the dropdown item size is synced to the trigger element'.\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 input.\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 content of the select.\n * @property {'negative' | 'positive' | 'warning' | 'info'} feedbackType - The feedback type of the select.\n * @property {'none' | 'typehead' | 'autocomplete' | 'manual'} searchMode - The search mode of the select.\n * @property {boolean} openOnEmpty - Whether the combobox should open on empty results.\n * @property {boolean} allowManualInput - Whether the combobox allows manual input, or free text.\n * @property {boolean} searchForText - Whether the combobox should search for the selected item text.\n * @property {boolean} textComplete - Whether the combobox should complete the text.\n * @property {string} searchButtonAriaLabel - The aria label of the search button.\n * @property {string} selectable - Show the selected item check mark in the dropdown. 'true' or 'false'\n * @property {boolean} noAnimation - Whether the combobox open indicator should be animated.\n * @property {boolean} multiselect - Whether the combobox is multiselect.\n * @property {number} maxSelections - The maximum number of selections allowed.\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 option-list - The option list of the select.\n * @csspart input - The input of the select.\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 * @slot - The default slot for the options.\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: \"DapDSCombobox\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAmBM,MAAMA,IAAU,mBAsFVC,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-command/index.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-command/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/command/command.js'\n      import type { DdsChangeEvent } from '../../events/events'\nimport type { DdsOpenedEvent } from '../../events/events'\nimport type { DdsClosedEvent } from '../../events/events'\nimport type { DdsCloseEvent } from '../../events/events'\n      export type { DdsChangeEvent } from '../../events/events'\nexport type { DdsOpenedEvent } from '../../events/events'\nexport type { DdsClosedEvent } from '../../events/events'\nexport type { DdsCloseEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-command'\n\n      /**\n * `dap-ds-command`\n * @summary A command is a component that displays a list of commands.\n * @element dap-ds-command\n * @title - Command\n *\n * @event {{ value: string }} dds-change - Fired when the command value changes.\n *\n * @slot trigger - The trigger element for the command dropdown.\n * @slot - The command items.\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsChange: 'dds-change' as EventName<DdsChangeEvent>,\nonDdsOpened: 'dds-opened' as EventName<DdsOpenedEvent>,\nonDdsClosed: 'dds-closed' as EventName<DdsClosedEvent>,\nonDdsClose: 'dds-close' as EventName<DdsCloseEvent>\n        },\n        displayName: \"DapDSCommand\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAeM,MAAMA,IAAU,kBAaVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,aAAa;AAAA,IACvB,aAAa;AAAA,IACb,aAAa;AAAA,IACb,YAAY;AAAA,EACJ;AAAA,EACA,aAAa;AACf,CAAC;"}

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

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/command/command-group.component.js';
+import { default as Component } from '../../components/command/command-group.js';
 /**
  * `dap-ds-command-group`
  * @summary A command group is a group of command items.

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-command-group/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/command/command-group.js'\n\nconst tagName = 'dap-ds-command-group'\n\n/**\n * `dap-ds-command-group`\n * @summary A command group is a group of command items.\n * @element dap-ds-command-group\n * @title - Command group\n * @group command\n *\n * @slot - The default slot for the command group.\n *\n * @csspart base - The base part of the command group.\n * @csspart label - The label part of the command group.\n * @csspart items - The items part of the command group.\n *\n * @cssproperty --dds-command-group-gap - The gap between command group elements. (default: var(--dds-spacing-100))\n * @cssproperty --dds-command-group-margin-bottom - The bottom margin of the command group. (default: var(--dds-spacing-200))\n * @cssproperty --dds-command-group-border-radius - The border radius of the command group. (default: var(--dds-radius-small))\n * @cssproperty --dds-command-group-label-font-weight - The font weight of the command group label. (default: var(--dds-font-weight-bold))\n * @cssproperty --dds-command-group-items-gap - The gap between command items. (default: var(--dds-spacing-100))\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'DapDSCommandGroup',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,wBAqBVC,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-command-item/index.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-command-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/command/command-item.js'\n      import type { DdsCommandItemClickEvent } from '../../events/events'\n      export type { DdsCommandItemClickEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-command-item'\n\n      /**\n * `dap-ds-command-item`\n * @summary A command item is a command item that can be selected.\n * @element dap-ds-command-item\n * @title - Command item\n * @group command\n *\n * @event {{ value: string, closeOnSelect: boolean }} dds-command-item-click - Fired when the command item is clicked.\n *\n * @slot - The label of the command item.\n * @slot check - The check of the command item.\n *\n * @csspart base - The base part of the command item.\n * @csspart content - The content part of the command item.\n * @csspart label - The label part of the command item.\n *\n * @cssproperty --dds-command-item-padding - The padding of the command item (default: var(--dds-spacing-100) var(--dds-spacing-200))\n * @cssproperty --dds-command-item-background - The background color of the command item (default: none)\n * @cssproperty --dds-command-item-color - The text color of the command item (default: var(--dds-text-primary-base))\n * @cssproperty --dds-command-item-hover-background - The background color of the command item on hover (default: var(--dds-transparent-black-subtle))\n * @cssproperty --dds-command-item-selected-background - The background color of the selected command item (default: var(--dds-transparent-black-subtle))\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsCommandItemClick: 'dds-command-item-click' as EventName<DdsCommandItemClickEvent>\n        },\n        displayName: \"DapDSCommandItem\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AASM,MAAMA,IAAU,uBAwBVC,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-content-switcher/index.d.ts

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

package/dist/react/dap-ds-content-switcher/index.js

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

package/dist/react/dap-ds-content-switcher/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-content-switcher/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/content-switcher/content-switcher.js'\n      import type { DdsChangeEvent } from '../../events/events'\n      export type { DdsChangeEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-content-switcher'\n\n      /**\n * `dap-ds-content-switcher`\n * @summary A content switcher is a set of two or more segments, each of which functions as a mutually exclusive button.\n * @element dap-ds-content-switcher\n * @title - Content switcher\n *\n * @slot - The content switcher items.\n *\n * @event {{ value: string, selected: boolean }} dds-change - Fired when the content switcher is changed.\n *\n * @csspart base - The main content switcher container.\n *\n * @cssproperty --dds-content-switcher-min-width - The minimum width of the content switcher (default: var(--dds-spacing-4000, 160px))\n * @cssproperty --dds-content-switcher-padding - The padding of the content switcher (default: var(--dds-spacing-100, 4px))\n * @cssproperty --dds-content-switcher-border-width - The border width of the content switcher (default: var(--dds-border-width-base))\n * @cssproperty --dds-content-switcher-border-color - The border color of the content switcher (default: var(--dds-border-neutral-transparent))\n * @cssproperty --dds-content-switcher-border-radius - The border radius of the content switcher (default: var(--dds-radius-rounded, 1000px))\n * @cssproperty --dds-content-switcher-background - The background color of the content switcher (default: var(--dds-transparent-black-subtle, rgb(0 0 0 / 5%)))\n * @cssproperty --dds-content-switcher-gap - The gap between content switcher items (default: var(--dds-spacing-100, 4px))\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: \"DapDSContentSwitcher\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AASM,MAAMA,IAAU,2BAsBVC,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-content-switcher-item/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/content-switcher/content-switcher-item.component.js';
+import { default as Component } from '../../components/content-switcher/content-switcher-item.js';
 /**
  * `dap-ds-content-switcher-item`
  * @summary Segmented control item component for the segmented control.

package/dist/react/dap-ds-content-switcher-item/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-content-switcher-item/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/content-switcher/content-switcher-item.js'\n\nconst tagName = 'dap-ds-content-switcher-item'\n\n/**\n * `dap-ds-content-switcher-item`\n * @summary Segmented control item component for the segmented control.\n * @element dap-ds-content-switcher-item\n * @title - Content switcher item\n * @group content-switcher\n *\n * @slot iconcontent - The icon content of the segmented control item.\n *\n * @csspart input - The input of the segmented control item.\n *\n * @cssproperty --dds-content-switcher-item-height - The height of the content switcher item (default: var(--dds-spacing-800, 32px))\n * @cssproperty --dds-content-switcher-item-padding - The padding of the content switcher item (default: var(--dds-spacing-200, 8px) var(--dds-spacing-400, 16px))\n * @cssproperty --dds-content-switcher-item-font-size - The font size of the content switcher item (default: var(--dds-size-sm, 14px))\n * @cssproperty --dds-content-switcher-item-font-weight - The font weight of the content switcher item (default: var(--dds-weight-bold, 700))\n * @cssproperty --dds-content-switcher-item-border-radius - The border radius of the content switcher item (default: var(--dds-radius-large, 16px))\n * @cssproperty --dds-content-switcher-item-background - The background color of the content switcher item (default: transparent)\n * @cssproperty --dds-content-switcher-item-color - The text color of the content switcher item (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-content-switcher-item-border-color - The border color of the content switcher item (default: transparent)\n * @cssproperty --dds-content-switcher-item-checked-background - The background color of the checked content switcher item (default: var(--dds-button-primary-background-enabled))\n * @cssproperty --dds-content-switcher-item-checked-color - The text color of the checked content switcher item (default: var(--dds-text-neutral-on-inverted))\n * @cssproperty --dds-content-switcher-item-checked-border-color - The border color of the checked content switcher item (default: var(--dds-border-neutral-transparent-interactive))\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'DapDSContentSwitcherItem',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,gCAyBVC,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-copybox-input/index.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-copybox-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/copybox-input/copybox-input.js'\n      import type { DdsCopyEvent } from '../../events/events'\nimport 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'\nimport type { DdsNotAllowedEvent } from '../../events/events'\n      export type { DdsCopyEvent } from '../../events/events'\nexport 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'\nexport type { DdsNotAllowedEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-copybox-input'\n\n      /**\n * `dap-ds-copybox-input`\n * @summary A copybox input is a field for copying an input value.\n * @element dap-ds-copybox-input\n * @title - CopyBox input\n *\n * @property {string} label - The label of the input.\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 position of the tooltip. Can be `top`, `right`, `bottom`, or `left`.\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`.\n * @property {string} name - The name of the input.\n * @property {string} value - The value 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 {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 {string} copyButtonAriaLabel - The aria label of the copy button.\n *\n * @event {{ value: string }} dds-copy - Fired when the user clicks on the copy button.\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 * @event {{ void }} dds-not-allowed - Emitted when the value cannot be copied.\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 base container of the component.\n * @csspart postfix - The inner postfix icon part of the component.\n * @csspart button - The button of the component.\n * @csspart copy-button-base - The base of the copy button.\n * @csspart copy-button-content - The content of the copy button.\n * @csspart copy-icon - The copy icon of the component.\n * @csspart copy-icon-base - The base of the copy icon.\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsCopy: 'dds-copy' as EventName<DdsCopyEvent>,\nonDdsChange: '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>,\nonDdsNotAllowed: 'dds-not-allowed' as EventName<DdsNotAllowedEvent>\n        },\n        displayName: \"DapDSCopyBoxInput\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAqBM,MAAMA,IAAU,wBAoFVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,WAAW;AAAA,IACrB,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,iBAAiB;AAAA,EACT;AAAA,EACA,aAAa;AACf,CAAC;"}

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

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/dap-badge/dap-badge.component.js';
+import { default as Component } from '../../components/dap-badge/dap-badge.js';
 /**
  * `dap-ds-dap-badge`
  * @summary A DÁP badge is a brand element showing the use of this system design library.

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-dap-badge/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/dap-badge/dap-badge.js'\n\nconst tagName = 'dap-ds-dap-badge'\n\n/**\n * `dap-ds-dap-badge`\n * @summary A DÁP badge is a brand element showing the use of this system design library.\n * @element dap-ds-dap-badge\n * @title - Dap badge\n *\n * @slot - Description of badge\n * *\n * @csspart base - Main badge container\n * @csspart icon - Badge icon\n * @csspart text - Badge text\n *\n * @cssproperty --dds-badge-padding-sm - Custom padding for the small badge (default: var(--dds-spacing-200) var(--dds-spacing-300))\n * @cssproperty --dds-badge-padding-lg - Custom padding for the large badge (default: var(--dds-spacing-400))\n * @cssproperty --dds-badge-border-width - Custom border width for the badge (default: var(--dds-border-width-base))\n * @cssproperty --dds-badge-border-color - Custom border color for the badge (default: var(--dds-border-neutral-divider))\n * @cssproperty --dds-badge-border-radius - Custom border radius for the badge (default: var(--dds-radius-base))\n * @cssproperty --dds-badge-color - Custom text color for the badge (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-badge-gap - Custom gap between icon and text (default: var(--dds-spacing-200))\n * @cssproperty --dds-badge-font-size-sm - Custom font size for the small badge (default: var(--dds-font-xs))\n * @cssproperty --dds-badge-font-size-lg - Custom font size for the large badge (default: var(--dds-font-xs))\n * @cssproperty --dds-badge-font-weight - Custom font weight for the badge (default: var(--dds-font-weight-medium))\n * @cssproperty --dds-badge-line-height - Custom line height for the badge (default: var(--dds-font-line-height-large))\n * @cssproperty --dds-badge-border-color-normal - Custom border color for the normal variant (default: var(--dds-transparent-black-medium))\n * @cssproperty --dds-badge-background-color-normal - Custom background color for the normal variant (default: var(--dds-background-brand-subtle))\n * @cssproperty --dds-badge-color-normal - Custom text color for the normal variant (default: var(--dds-text-brand-subtle))\n * @cssproperty --dds-badge-border-color-inverted - Custom border color for the inverted variant (default: var(--dds-transparent-white-medium))\n * @cssproperty --dds-badge-background-color-inverted - Custom background color for the inverted variant (default: var(--dds-background-brand-base-inverted))\n * @cssproperty --dds-badge-color-inverted - Custom text color for the inverted variant (default: var(--dds-text-neutral-inverted))\n *\n * @property { 'sm' | 'lg' } size - The size of the DÁP badge. Default is `sm`.\n * @property {string} sizeMap - Responsive size map (e.g. \"md:lg\").\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'DapDSDAPBadge',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,oBAmCVC,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-datatable/index.d.ts

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

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

@@ -0,0 +1,20 @@
+import { createComponent as a } from "@lit/react";
+import * as e from "react";
+import "../../components/datatable/datatable.js";
+import t from "../../components/datatable/datatable.component.js";
+const n = "dap-ds-datatable", r = a({
+  tagName: n,
+  elementClass: t,
+  react: e,
+  events: {
+    onDdsSortingChange: "dds-sorting-change",
+    onDdsSelectionChange: "dds-selection-change",
+    onDdsPaginationChange: "dds-pagination-change",
+    onDdsRowClick: "dds-row-click"
+  },
+  displayName: "DapDSDataTable"
+});
+export {
+  r as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-datatable/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/datatable/datatable.js'\n      import type { DdsSortingChangeEvent } from '../../events/events'\nimport type { DdsSelectionChangeEvent } from '../../events/events'\nimport type { DdsPaginationChangeEvent } from '../../events/events'\nimport type { DdsRowClickEvent } from '../../events/events'\n      export type { DdsSortingChangeEvent } from '../../events/events'\nexport type { DdsSelectionChangeEvent } from '../../events/events'\nexport type { DdsPaginationChangeEvent } from '../../events/events'\nexport type { DdsRowClickEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-datatable'\n\n      /**\n * `dap-ds-datatable`\n * @summary A data table is a component that displays data in a tabular format.\n * @element dap-ds-datatable\n * @title - Data table\n * @generic T\n *\n * @event {{ sorting: SortingState }} dds-sorting-change - Fired when the sorting of the table changes.\n * @event {{ selection: RowSelectionState }} dds-selection-change - Fired when the selection of the table changes.\n * @event {{ pagination: PaginationState }} dds-pagination-change - Fired when the pagination of the table changes.\n * @event {{ row: Row<T> }} dds-row-click - Fired when a row is clicked.\n *\n * @slot loading - The loading content of the table.\n * @slot empty - The empty content of the table.\n *\n * @csspart base - The main table container.\n * @csspart header - The header of the table.\n * @csspart header-row - The header row of the table.\n * @csspart header-cell - All cells of the header.\n * @csspart body - The body of the table.\n * @csspart empty - The empty content of the table.\n * @csspart loading - The loading content of the table.\n * @csspart row - All rows of the table.\n * @csspart cell - All cells of the table.\n * @csspart pager - The pager of the table.\n * @csspart pager-base - The base of the pager.\n * @csspart pager-first - The first button of the pager.\n * @csspart pager-previous - The previous button of the pager.\n * @csspart pager-next - The next button of the pager.\n * @csspart pager-last - The last button of the pager.\n * @csspart pager-page-size-select - The page size select of the pager.\n *\n * @cssproperty --dds-datatable-bg-color - Background color of the table. (default: var(--dds-background-neutral-subtle)).\n * @cssproperty --dds-datatable-border-color - Border color of the table cells. (default: var(--dds-border-neutral-divider))\n * @cssproperty --dds-datatable-header-bg-color - Background color of the table header. (default: var(--dds-background-neutral-subtle))\n * @cssproperty --dds-datatable-header-text-color - Text color of the table header. (default: var(--dds-text-neutral-strong))\n * @cssproperty --dds-datatable-row-hover-bg-color - Background color of hovered rows. (default: var(--dds-background-brand-strong))\n * @cssproperty --dds-datatable-row-selected-bg-color - Background color of selected rows. (default: var(--dds-background-brand-strong))\n * @cssproperty --dds-datatable-cell-padding - Padding of table cells. (default: var(--dds-spacing-200))\n * @cssproperty --dds-datatable-header-padding - Padding of header cells. (default: var(--dds-spacing-200))\n * @cssproperty --dds-datatable-last-column-padding - Padding of the last column. (default: var(--dds-spacing-500))\n * @cssproperty --dds-datatable-first-column-padding - Padding of the first column. (default: var(--dds-spacing-500))\n * @cssproperty --dds-datatable-border-width - Width of table borders. (default: var(--dds-border-width-base))\n * @cssproperty --dds-datatable-outer-border-width - Width of the outer container border only. (default: var(--dds-datatable-border-width))\n * @cssproperty --dds-datatable-header-border-width - Width of the header row bottom border only. (default: var(--dds-datatable-border-width))\n * @cssproperty --dds-datatable-row-border-width - Width of the row (body cell) bottom borders only. (default: var(--dds-datatable-border-width))\n * @cssproperty --dds-datatable-stripe-color - Background color for striped rows. (default: var(--dds-background-neutral-base))\n * @cssproperty --dds-datatable-border-radius - Border radius of the table. (default: var(--dds-radius-base))\n * @cssproperty --dds-datatable-shadow - Box shadow of the table. (default: none)\n * @cssproperty --dds-datatable-transition-duration - Duration of hover/selection transitions. (default: 0.2s)\n * @cssproperty --dds-datatable-z-index - Z-index of the table. (default: 1)\n * @cssproperty --dds-datatable-min-height - Minimum height of the table. (default: auto)\n * @cssproperty --dds-datatable-max-height - Maximum height of the table. (default: none)\n * @cssproperty --dds-datatable-overflow-x - Horizontal overflow behavior. (default: auto)\n * @cssproperty --dds-datatable-overflow-y - Vertical overflow behavior. (default: auto)\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsSortingChange: 'dds-sorting-change' as EventName<DdsSortingChangeEvent>,\nonDdsSelectionChange: 'dds-selection-change' as EventName<DdsSelectionChangeEvent>,\nonDdsPaginationChange: 'dds-pagination-change' as EventName<DdsPaginationChangeEvent>,\nonDdsRowClick: 'dds-row-click' as EventName<DdsRowClickEvent>\n        },\n        displayName: \"DapDSDataTable\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAeM,MAAMA,IAAU,oBA0DVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,oBAAoB;AAAA,IAC9B,sBAAsB;AAAA,IACtB,uBAAuB;AAAA,IACvB,eAAe;AAAA,EACP;AAAA,EACA,aAAa;AACf,CAAC;"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-datepicker/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/datepicker/datepicker.js'\n      import type { DdsChangeEvent } from '../../events/events'\nimport type { DdsInputEvent } from '../../events/events'\nimport type { DdsValidDateEvent } from '../../events/events'\nimport type { DdsInvalidDateEvent } from '../../events/events'\nimport type { DdsClearEvent } from '../../events/events'\nimport type { DdsFocusEvent } from '../../events/events'\nimport type { DdsBlurEvent } from '../../events/events'\n      export type { DdsChangeEvent } from '../../events/events'\nexport type { DdsInputEvent } from '../../events/events'\nexport type { DdsValidDateEvent } from '../../events/events'\nexport type { DdsInvalidDateEvent } from '../../events/events'\nexport type { DdsClearEvent } from '../../events/events'\nexport type { DdsFocusEvent } from '../../events/events'\nexport type { DdsBlurEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-datepicker'\n\n      /**\n * `dap-ds-datepicker`\n * @summary A datepicker is a graphical user interface widget that allows the user to select a date from a calendar and/or time from a time range.\n * @element dap-ds-datepicker\n * @title - Datepicker\n *\n * @property {Dayjs} value - The value of the datepicker.\n * @property {string} label - The label of the datepicker.\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 datepicker.\n * @property {'xs' | 'sm' | 'sm'} size - The size of the datepicker.\n * @property {boolean} disabled - The disabled state of the datepicker.\n * @property {boolean} required - The required state of the datepicker.\n * @property {boolean} readonly - The readonly state of the datepicker.\n * @property {boolean} autofocus - The autofocus state of the datepicker.\n * @property {string} tooltip - The tooltip of the datepicker.\n * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the datepicker.\n * @property {string} feedback - The feedback of the datepicker.\n * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the datepicker.\n * @property {boolean} optional - The optional state of the datepicker.\n * @property {string} optionalLabel - The optional label of the datepicker.\n * @property {string} requiredLabel - The required indicator of the datepicker. (default: '*')\n * @property {boolean} subtle - The weight of the label. Default is `false`\n * @property {string} autocomplete - The autocomplete of the datepicker.\n * @property {boolean} autofocus - The autofocus of the datepicker.\n *\n * @event {{ value: string }} dds-change - Fired when the datepicker value changes.\n * @event {{ value: string }} dds-input - Fired when the datepicker input value changes.\n * @event {{ value: string }} dds-valid-date - Fired when the datepicker input value is valid. Happens on manual input typing.\n * @event {{ value: string, type: 'invalid' | 'out-of-range' }} dds-invalid-date - Fired when the datepicker input value is invalid. Happens on manual input typing.\n * @event {{ void }} dds-clear - Fired when the datepicker is cleared.\n * @event {{ void }} dds-focus - Emitted when the datepicker gains focus.\n * @event {{ void }} dds-blur - Emitted when the datepicker loses focus.\n *\n * @csspart base - The main datepicker container.\n * @csspart calendar - The calendar of the datepicker.\n * @csspart trigger - The trigger button of the datepicker.\n * @csspart label - The label of the datepicker.\n * @csspart description - The description of the datepicker.\n * @csspart feedback - The feedback of the datepicker.\n * @csspart tooltip - The tooltip of the datepicker.\n * @csspart input - The input of the datepicker.\n * @csspart clear-button - The clear button of the datepicker.\n * @csspart calendar-grid-cell-base - The base of the calendar grid cell.\n * @csspart calendar-grid-cell - The cell of the calendar grid.\n * @csspart calendar-grid-header-cell-base - The base of the calendar grid header cell.\n * @csspart calendar-grid-header-cell - The header cell of the calendar grid.\n * @csspart calendar-grid-cell-today-mark - The today mark of the calendar grid cell.\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-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 rgb(0 0 0 / 8%), 0 2px 4px -1px rgb(0 0 0 / 6%))\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 */\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>,\nonDdsValidDate: 'dds-valid-date' as EventName<DdsValidDateEvent>,\nonDdsInvalidDate: 'dds-invalid-date' as EventName<DdsInvalidDateEvent>,\nonDdsClear: 'dds-clear' as EventName<DdsClearEvent>,\nonDdsFocus: 'dds-focus' as EventName<DdsFocusEvent>,\nonDdsBlur: 'dds-blur' as EventName<DdsBlurEvent>\n        },\n        displayName: \"DapDSDatePicker\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAqBM,MAAMA,IAAU,qBA8EVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,aAAa;AAAA,IACvB,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,WAAW;AAAA,EACH;AAAA,EACA,aAAa;AACf,CAAC;"}

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

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/divider/divider.component.js';
+import { default as Component } from '../../components/divider/divider.js';
 /**
  * `dap-ds-divider`
  * @summary A divider is a visual separator between elements.