@sbb-esta/lyne-react 0.0.0 → 0.52.0

package/development/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/react/button.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,gCAAgC,CAAC"}

package/development/button.js

@@ -0,0 +1,28 @@
+import { SbbButtonLink } from "./button/button-link.js";
+import { SbbButtonStatic } from "./button/button-static.js";
+import { SbbButton } from "./button/button.js";
+import { SbbMiniButton } from "./button/mini-button.js";
+import { SbbSecondaryButtonLink } from "./button/secondary-button-link.js";
+import { SbbSecondaryButtonStatic } from "./button/secondary-button-static.js";
+import { SbbSecondaryButton } from "./button/secondary-button.js";
+import { SbbTertiaryButtonLink } from "./button/tertiary-button-link.js";
+import { SbbTertiaryButtonStatic } from "./button/tertiary-button-static.js";
+import { SbbTertiaryButton } from "./button/tertiary-button.js";
+import { SbbTransparentButtonLink } from "./button/transparent-button-link.js";
+import { SbbTransparentButtonStatic } from "./button/transparent-button-static.js";
+import { SbbTransparentButton } from "./button/transparent-button.js";
+export {
+  SbbButton,
+  SbbButtonLink,
+  SbbButtonStatic,
+  SbbMiniButton,
+  SbbSecondaryButton,
+  SbbSecondaryButtonLink,
+  SbbSecondaryButtonStatic,
+  SbbTertiaryButton,
+  SbbTertiaryButtonLink,
+  SbbTertiaryButtonStatic,
+  SbbTransparentButton,
+  SbbTransparentButtonLink,
+  SbbTransparentButtonStatic
+};

package/development/calendar.d.ts

@@ -0,0 +1,7 @@
+import { EventName } from './core.js';
+import { SbbCalendarElement } from '../elements/calendar.js';
+
+export declare const SbbCalendar: import('./core.js').ReactWebComponent<SbbCalendarElement<Date>, {
+    onDateSelected: EventName<CustomEvent<any>>;
+}>;
+//# sourceMappingURL=calendar.d.ts.map

package/development/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/react/calendar.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAIzE,eAAO,MAAM,WAAW;;EAQtB,CAAC"}

package/development/calendar.js

@@ -0,0 +1,15 @@
+import { c as createComponent } from "./create-component-Cw0NKfNG.js";
+import "lit";
+import react from "react";
+import { SbbCalendarElement } from "@sbb-esta/lyne-elements/calendar.js";
+const SbbCalendar = createComponent({
+  tagName: "sbb-calendar",
+  elementClass: SbbCalendarElement,
+  react,
+  events: {
+    "onDateSelected": "dateSelected"
+  }
+});
+export {
+  SbbCalendar
+};

package/development/card/card-badge.d.ts

@@ -0,0 +1,4 @@
+import { SbbCardBadgeElement } from '../../elements/card/card-badge.js';
+
+export declare const SbbCardBadge: import('../core.js').ReactWebComponent<SbbCardBadgeElement, {}>;
+//# sourceMappingURL=card-badge.d.ts.map

package/development/card/card-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-badge.d.ts","sourceRoot":"","sources":["../../../../src/react/card/card-badge.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AAIjF,eAAO,MAAM,YAAY,iEAIvB,CAAC"}

package/development/card/card-badge.js

@@ -0,0 +1,12 @@
+import { c as createComponent } from "../create-component-Cw0NKfNG.js";
+import "lit";
+import react from "react";
+import { SbbCardBadgeElement } from "@sbb-esta/lyne-elements/card/card-badge.js";
+const SbbCardBadge = createComponent({
+  tagName: "sbb-card-badge",
+  elementClass: SbbCardBadgeElement,
+  react
+});
+export {
+  SbbCardBadge
+};

package/development/card/card-button.d.ts

@@ -0,0 +1,4 @@
+import { SbbCardButtonElement } from '../../elements/card/card-button.js';
+
+export declare const SbbCardButton: import('../core.js').ReactWebComponent<SbbCardButtonElement, {}>;
+//# sourceMappingURL=card-button.d.ts.map

package/development/card/card-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-button.d.ts","sourceRoot":"","sources":["../../../../src/react/card/card-button.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAInF,eAAO,MAAM,aAAa,kEAIxB,CAAC"}

package/development/card/card-button.js

@@ -0,0 +1,12 @@
+import { c as createComponent } from "../create-component-Cw0NKfNG.js";
+import "lit";
+import react from "react";
+import { SbbCardButtonElement } from "@sbb-esta/lyne-elements/card/card-button.js";
+const SbbCardButton = createComponent({
+  tagName: "sbb-card-button",
+  elementClass: SbbCardButtonElement,
+  react
+});
+export {
+  SbbCardButton
+};

package/development/card/card-link.d.ts

@@ -0,0 +1,4 @@
+import { SbbCardLinkElement } from '../../elements/card/card-link.js';
+
+export declare const SbbCardLink: import('../core.js').ReactWebComponent<SbbCardLinkElement, {}>;
+//# sourceMappingURL=card-link.d.ts.map

package/development/card/card-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-link.d.ts","sourceRoot":"","sources":["../../../../src/react/card/card-link.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAI/E,eAAO,MAAM,WAAW,gEAItB,CAAC"}

package/development/card/card-link.js

@@ -0,0 +1,12 @@
+import { c as createComponent } from "../create-component-Cw0NKfNG.js";
+import "lit";
+import react from "react";
+import { SbbCardLinkElement } from "@sbb-esta/lyne-elements/card/card-link.js";
+const SbbCardLink = createComponent({
+  tagName: "sbb-card-link",
+  elementClass: SbbCardLinkElement,
+  react
+});
+export {
+  SbbCardLink
+};

package/development/card/card.d.ts

@@ -0,0 +1,4 @@
+import { SbbCardElement } from '../../elements/card/card.js';
+
+export declare const SbbCard: import('../core.js').ReactWebComponent<SbbCardElement, {}>;
+//# sourceMappingURL=card.d.ts.map

package/development/card/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/react/card/card.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAItE,eAAO,MAAM,OAAO,4DAIlB,CAAC"}

package/development/card/card.js

@@ -0,0 +1,12 @@
+import { c as createComponent } from "../create-component-Cw0NKfNG.js";
+import "lit";
+import react from "react";
+import { SbbCardElement } from "@sbb-esta/lyne-elements/card/card.js";
+const SbbCard = createComponent({
+  tagName: "sbb-card",
+  elementClass: SbbCardElement,
+  react
+});
+export {
+  SbbCard
+};

package/development/card.d.ts

@@ -0,0 +1,5 @@
+export * from './card/card-badge.js';
+export * from './card/card-button.js';
+export * from './card/card-link.js';
+export * from './card/card.js';
+//# sourceMappingURL=card.d.ts.map

package/development/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/react/card.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}

package/development/card.js

@@ -0,0 +1,10 @@
+import { SbbCardBadge } from "./card/card-badge.js";
+import { SbbCardButton } from "./card/card-button.js";
+import { SbbCardLink } from "./card/card-link.js";
+import { SbbCard } from "./card/card.js";
+export {
+  SbbCard,
+  SbbCardBadge,
+  SbbCardButton,
+  SbbCardLink
+};

package/development/checkbox/checkbox-group.d.ts

@@ -0,0 +1,4 @@
+import { SbbCheckboxGroupElement } from '../../elements/checkbox/checkbox-group.js';
+
+export declare const SbbCheckboxGroup: import('../core.js').ReactWebComponent<SbbCheckboxGroupElement, {}>;
+//# sourceMappingURL=checkbox-group.d.ts.map

package/development/checkbox/checkbox-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../../src/react/checkbox/checkbox-group.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAI7F,eAAO,MAAM,gBAAgB,qEAI3B,CAAC"}

package/development/checkbox/checkbox-group.js

@@ -0,0 +1,12 @@
+import { c as createComponent } from "../create-component-Cw0NKfNG.js";
+import "lit";
+import react from "react";
+import { SbbCheckboxGroupElement } from "@sbb-esta/lyne-elements/checkbox/checkbox-group.js";
+const SbbCheckboxGroup = createComponent({
+  tagName: "sbb-checkbox-group",
+  elementClass: SbbCheckboxGroupElement,
+  react
+});
+export {
+  SbbCheckboxGroup
+};

package/development/checkbox/checkbox.d.ts

@@ -0,0 +1,9 @@
+import { EventName } from '../core.js';
+import { SbbCheckboxElement } from '../../elements/checkbox/checkbox.js';
+
+export declare const SbbCheckbox: import('../core.js').ReactWebComponent<SbbCheckboxElement, {
+    onDidChange: EventName<CustomEvent<void>>;
+    onChange: EventName<Event>;
+    onInput: EventName<InputEvent>;
+}>;
+//# sourceMappingURL=checkbox.d.ts.map

package/development/checkbox/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/react/checkbox/checkbox.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAIlF,eAAO,MAAM,WAAW;;;;EAUtB,CAAC"}

package/development/checkbox/checkbox.js

@@ -0,0 +1,17 @@
+import { c as createComponent } from "../create-component-Cw0NKfNG.js";
+import "lit";
+import react from "react";
+import { SbbCheckboxElement } from "@sbb-esta/lyne-elements/checkbox/checkbox.js";
+const SbbCheckbox = createComponent({
+  tagName: "sbb-checkbox",
+  elementClass: SbbCheckboxElement,
+  react,
+  events: {
+    "onDidChange": "didChange",
+    "onChange": "change",
+    "onInput": "input"
+  }
+});
+export {
+  SbbCheckbox
+};

package/development/checkbox.d.ts

@@ -0,0 +1,3 @@
+export * from './checkbox/checkbox-group.js';
+export * from './checkbox/checkbox.js';
+//# sourceMappingURL=checkbox.d.ts.map

package/development/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/react/checkbox.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC"}

package/development/checkbox.js

@@ -0,0 +1,6 @@
+import { SbbCheckboxGroup } from "./checkbox/checkbox-group.js";
+import { SbbCheckbox } from "./checkbox/checkbox.js";
+export {
+  SbbCheckbox,
+  SbbCheckboxGroup
+};

package/development/chip.d.ts

@@ -0,0 +1,4 @@
+import { SbbChipElement } from '../elements/chip.js';
+
+export declare const SbbChip: import('./core.js').ReactWebComponent<SbbChipElement, {}>;
+//# sourceMappingURL=chip.d.ts.map

package/development/chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/react/chip.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAIjE,eAAO,MAAM,OAAO,2DAIlB,CAAC"}

package/development/chip.js

@@ -0,0 +1,12 @@
+import { c as createComponent } from "./create-component-Cw0NKfNG.js";
+import "lit";
+import react from "react";
+import { SbbChipElement } from "@sbb-esta/lyne-elements/chip.js";
+const SbbChip = createComponent({
+  tagName: "sbb-chip",
+  elementClass: SbbChipElement,
+  react
+});
+export {
+  SbbChip
+};

package/development/clock.d.ts

@@ -0,0 +1,4 @@
+import { SbbClockElement } from '../elements/clock.js';
+
+export declare const SbbClock: import('./core.js').ReactWebComponent<SbbClockElement, {}>;
+//# sourceMappingURL=clock.d.ts.map

package/development/clock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clock.d.ts","sourceRoot":"","sources":["../../../src/react/clock.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAInE,eAAO,MAAM,QAAQ,4DAInB,CAAC"}

package/development/clock.js

@@ -0,0 +1,12 @@
+import { c as createComponent } from "./create-component-Cw0NKfNG.js";
+import "lit";
+import react from "react";
+import { SbbClockElement } from "@sbb-esta/lyne-elements/clock.js";
+const SbbClock = createComponent({
+  tagName: "sbb-clock",
+  elementClass: SbbClockElement,
+  react
+});
+export {
+  SbbClock
+};

package/development/container/container.d.ts

@@ -0,0 +1,4 @@
+import { SbbContainerElement } from '../../elements/container/container.js';
+
+export declare const SbbContainer: import('../core.js').ReactWebComponent<SbbContainerElement, {}>;
+//# sourceMappingURL=container.d.ts.map

package/development/container/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../src/react/container/container.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AAIrF,eAAO,MAAM,YAAY,iEAIvB,CAAC"}

package/development/container/container.js

@@ -0,0 +1,12 @@
+import { c as createComponent } from "../create-component-Cw0NKfNG.js";
+import "lit";
+import react from "react";
+import { SbbContainerElement } from "@sbb-esta/lyne-elements/container/container.js";
+const SbbContainer = createComponent({
+  tagName: "sbb-container",
+  elementClass: SbbContainerElement,
+  react
+});
+export {
+  SbbContainer
+};

package/development/container/sticky-bar.d.ts

@@ -0,0 +1,4 @@
+import { SbbStickyBarElement } from '../../elements/container/sticky-bar.js';
+
+export declare const SbbStickyBar: import('../core.js').ReactWebComponent<SbbStickyBarElement, {}>;
+//# sourceMappingURL=sticky-bar.d.ts.map

package/development/container/sticky-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sticky-bar.d.ts","sourceRoot":"","sources":["../../../../src/react/container/sticky-bar.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAItF,eAAO,MAAM,YAAY,iEAIvB,CAAC"}

package/development/container/sticky-bar.js

@@ -0,0 +1,12 @@
+import { c as createComponent } from "../create-component-Cw0NKfNG.js";
+import "lit";
+import react from "react";
+import { SbbStickyBarElement } from "@sbb-esta/lyne-elements/container/sticky-bar.js";
+const SbbStickyBar = createComponent({
+  tagName: "sbb-sticky-bar",
+  elementClass: SbbStickyBarElement,
+  react
+});
+export {
+  SbbStickyBar
+};

package/development/container.d.ts

@@ -0,0 +1,3 @@
+export * from './container/container.js';
+export * from './container/sticky-bar.js';
+//# sourceMappingURL=container.d.ts.map

package/development/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/react/container.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC"}

package/development/container.js

@@ -0,0 +1,6 @@
+import { SbbContainer } from "./container/container.js";
+import { SbbStickyBar } from "./container/sticky-bar.js";
+export {
+  SbbContainer,
+  SbbStickyBar
+};

package/development/core/create-component.d.ts

@@ -0,0 +1,90 @@
+import { default as React } from 'react';
+
+type DistributiveOmit<T, K extends string | number | symbol> = T extends any ? K extends keyof T ? Omit<T, K> : T : T;
+type PropsWithoutRef<T> = DistributiveOmit<T, 'ref'>;
+/**
+ * Creates a type to be used for the props of a web component used directly in
+ * React JSX.
+ *
+ * Example:
+ *
+ * ```ts
+ * declare module "react" {
+ *   namespace JSX {
+ *     interface IntrinsicElements {
+ *       'x-foo': WebComponentProps<XFoo>;
+ *     }
+ *   }
+ * }
+ * ```
+ */
+export type WebComponentProps<I extends HTMLElement> = React.DetailedHTMLProps<React.HTMLAttributes<I>, I> & ElementProps<I>;
+/**
+ * Type of the React component wrapping the web component. This is the return
+ * type of `createComponent`.
+ */
+export type ReactWebComponent<I extends HTMLElement, E extends EventNames = {}> = React.ForwardRefExoticComponent<PropsWithoutRef<ComponentProps<I, E>> & React.RefAttributes<I>>;
+type ElementProps<I> = Partial<Omit<I, keyof HTMLElement>>;
+type ComponentProps<I, E extends EventNames = {}> = Omit<React.HTMLAttributes<I>, keyof E | keyof ElementProps<I>> & EventListeners<E> & ElementProps<I>;
+/**
+ * Type used to cast an event name with an event type when providing the
+ * `events` option to `createComponent` for better typing of the event handler
+ * prop.
+ *
+ * Example:
+ *
+ * ```ts
+ * const FooComponent = createComponent({
+ *   ...
+ *   events: {
+ *     onfoo: 'foo' as EventName<FooEvent>,
+ *   }
+ * });
+ * ```
+ *
+ * `onfoo` prop will have the type `(e: FooEvent) => void`.
+ */
+export type EventName<T extends Event = Event> = string & {
+    __eventType: T;
+};
+type EventNames = Record<string, EventName | string>;
+type EventListeners<R extends EventNames> = {
+    [K in keyof R]?: R[K] extends EventName ? (e: R[K]['__eventType']) => void : (e: Event) => void;
+};
+export interface Options<I extends HTMLElement, E extends EventNames = {}> {
+    react: typeof React;
+    tagName: string;
+    elementClass: Constructor<I>;
+    events?: E;
+    displayName?: string;
+}
+type Constructor<T> = {
+    new (): T;
+};
+/**
+ * Creates a React component for a custom element. Properties are distinguished
+ * from attributes automatically, and events can be configured so they are added
+ * to the custom element as event listeners.
+ *
+ * @param options An options bag containing the parameters needed to generate a
+ * wrapped web component.
+ *
+ * @param options.react The React module, typically imported from the `react`
+ * npm package.
+ * @param options.tagName The custom element tag name registered via
+ * `customElements.define`.
+ * @param options.elementClass The custom element class registered via
+ * `customElements.define`.
+ * @param options.events An object listing events to which the component can
+ * listen. The object keys are the event property names passed in via React
+ * props and the object values are the names of the corresponding events
+ * generated by the custom element. For example, given `{onactivate:
+ * 'activate'}` an event function may be passed via the component's `onactivate`
+ * prop and will be called when the custom element fires its `activate` event.
+ * @param options.displayName A React component display name, used in debugging
+ * messages. Default value is inferred from the name of custom element class
+ * registered via `customElements.define`.
+ */
+export declare const createComponent: <I extends HTMLElement, E extends EventNames = {}>({ react: React, tagName, elementClass, events, displayName, }: Options<I, E>) => ReactWebComponent<I, E>;
+export {};
+//# sourceMappingURL=create-component.d.ts.map

package/development/core/create-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-component.d.ts","sourceRoot":"","sources":["../../../../src/react/core/create-component.ts"],"names":[],"mappings":"AAQA;;;;;;;GAOG;AAQH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,GAAG,GACxE,CAAC,SAAS,MAAM,CAAC,GACf,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACV,CAAC,GACH,CAAC,CAAC;AACN,KAAK,eAAe,CAAC,CAAC,IAAI,gBAAgB,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AAErD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,WAAW,IAAI,KAAK,CAAC,iBAAiB,CAC5E,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EACvB,CAAC,CACF,GACC,YAAY,CAAC,CAAC,CAAC,CAAC;AAElB;;;GAGG;AACH,MAAM,MAAM,iBAAiB,CAC3B,CAAC,SAAS,WAAW,EACrB,CAAC,SAAS,UAAU,GAAG,EAAE,IACvB,KAAK,CAAC,yBAAyB,CAGjC,eAAe,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAC/D,CAAC;AAMF,KAAK,YAAY,CAAC,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,WAAW,CAAC,CAAC,CAAC;AAG3D,KAAK,cAAc,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU,GAAG,EAAE,IAAI,IAAI,CACtD,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAGvB,MAAM,CAAC,GAAG,MAAM,YAAY,CAAC,CAAC,CAAC,CAChC,GACC,cAAc,CAAC,CAAC,CAAC,GACjB,YAAY,CAAC,CAAC,CAAC,CAAC;AAElB;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG;IACxD,WAAW,EAAE,CAAC,CAAC;CAChB,CAAC;AAGF,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,CAAC,CAAC;AAGrD,KAAK,cAAc,CAAC,CAAC,SAAS,UAAU,IAAI;KACzC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI;CAChG,CAAC;AAEF,MAAM,WAAW,OAAO,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,UAAU,GAAG,EAAE;IACvE,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,KAAK,WAAW,CAAC,CAAC,IAAI;IAAE,QAAQ,CAAC,CAAA;CAAE,CAAC;AAgFpC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,eAAe,oHAMzB,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAG,kBAAkB,CAAC,EAAE,CAAC,CA+IxC,CAAC"}

package/development/core/ssr-extensions.d.ts

@@ -0,0 +1,24 @@
+import { ComponentType } from 'react';
+
+/**
+ * Wraps a React wrapped Lit component with additional logic, to detect
+ * whether a component has children when rendered via SSR.
+ * If children are available, the attribute `data-named-slots` will be
+ * set with the detected slot names.
+ *
+ * @param component The React wrapped Lit component.
+ * @returns The React wrapped Lit component with SSR logic if rendered on server.
+ */
+export declare const withSsrDataSlotNames: <P extends object>(component: ComponentType<P>) => ComponentType<P>;
+/**
+ * Wraps a React wrapped Lit component with additional logic, to detect
+ * whether a component has children when rendered via SSR.
+ * If children are available, the attribute `data-ssr-child-count` will be
+ * set with the detected amount of named children.
+ *
+ * @param component The React wrapped Lit component.
+ * @param childNames The child names to check against.
+ * @returns The React wrapped Lit component with SSR logic if rendered on server.
+ */
+export declare const withSsrDataChildCount: <P extends object>(childNames: string[], component: ComponentType<P>) => ComponentType<P>;
+//# sourceMappingURL=ssr-extensions.d.ts.map

package/development/core/ssr-extensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr-extensions.d.ts","sourceRoot":"","sources":["../../../../src/react/core/ssr-extensions.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAoC,MAAM,OAAO,CAAC;AAK7E;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,gCACpB,cAAc,CAAC,CAAC,KAC1B,cAAc,CAAC,CA8BjB,CAAC;AASF;;;;;;;;;GASG;AACH,eAAO,MAAM,qBAAqB,iCACpB,MAAM,EAAE,aACT,cAAc,CAAC,CAAC,KAC1B,cAAc,CAAC,CA6BjB,CAAC"}

package/development/core.d.ts

@@ -0,0 +1,3 @@
+export * from './core/create-component.js';
+export * from './core/ssr-extensions.js';
+//# sourceMappingURL=core.d.ts.map

package/development/core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../../src/react/core.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC"}

package/development/core.js

@@ -0,0 +1,56 @@
+import { c } from "./create-component-Cw0NKfNG.js";
+import { isServer } from "lit";
+import react, { Children, isValidElement } from "react";
+const withSsrDataSlotNames = (component) => {
+  return !isServer ? component : (originalProps) => {
+    const props = originalProps;
+    if (!props.children) {
+      return react.createElement(component, props);
+    }
+    const slots = /* @__PURE__ */ new Set();
+    Children.forEach(
+      props.children,
+      (child) => slots.add(
+        typeof child === "object" && !!child && "props" in child && "slot" in child.props && child.props.slot || "unnamed"
+      )
+    );
+    if (!slots.size) {
+      return react.createElement(component, props);
+    }
+    const innerProps = {
+      ...props,
+      "data-named-slots": [...slots].sort().join(" ")
+    };
+    return react.createElement(component, innerProps);
+  };
+};
+function hasDisplayName(type) {
+  return typeof type.displayName === "string";
+}
+const withSsrDataChildCount = (childNames, component) => {
+  return !isServer ? component : (originalProps) => {
+    const props = originalProps;
+    if (!props.children) {
+      return react.createElement(component, props);
+    }
+    let counter = 0;
+    Children.forEach(props.children, (child) => {
+      if (isValidElement(child) && hasDisplayName(child.type) && childNames.includes(child.type.displayName)) {
+        counter += 1;
+      }
+    });
+    if (!counter) {
+      return react.createElement(component, props);
+    }
+    const innerProps = {
+      ...props,
+      "data-ssr-child-count": counter
+    };
+    return react.createElement(component, innerProps);
+  };
+};
+export {
+  c as createComponent,
+  withSsrDataChildCount,
+  withSsrDataSlotNames
+};