@emporix/component-library 1.4.2 → 1.5.0

package/README.md

@@ -228,6 +228,88 @@ const tabs: TabItem[] = [
 | label   | string    | Display label for the tab      |
 | content | ReactNode | Content to display when active |
 
+### Accordion
+
+Collapsible content panels grouped in tabs.
+
+```tsx
+import { Accordion, AccordionTab } from '@emporix/cockpit-component-library'
+
+<Accordion activeIndex={0}>
+  <AccordionTab header="Header I">
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua.
+    </p>
+  </AccordionTab>
+  <AccordionTab header="Header II">
+    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p>
+  </AccordionTab>
+  <AccordionTab header="Header III" disabled />
+</Accordion>
+```
+
+#### Multiple (multiple tabs open)
+
+```tsx
+<Accordion multiple activeIndex={[0, 2]}>
+  <AccordionTab header="Header I">Content 1</AccordionTab>
+  <AccordionTab header="Header II">Content 2</AccordionTab>
+  <AccordionTab header="Header III">Content 3</AccordionTab>
+</Accordion>
+```
+
+#### Controlled
+
+```tsx
+import { useState } from 'react'
+
+const [activeIndex, setActiveIndex] = useState<number[]>([0])
+
+<Accordion
+  multiple
+  activeIndex={activeIndex}
+  onTabChange={e => setActiveIndex(e.index)}
+>
+  <AccordionTab header="Header I">Content 1</AccordionTab>
+  <AccordionTab header="Header II">Content 2</AccordionTab>
+</Accordion>
+```
+
+#### Props
+
+| Prop              | Type                                      | Default | Description |
+| ----------------- | ----------------------------------------- | ------- | ----------- |
+| activeIndex      | number | number[] | null                 | null    | Index (or indexes) of expanded tab(s) |
+| multiple         | boolean                                   | false   | Allows multiple tabs to be expanded |
+| expandIcon       | ReactNode                                 | -       | Icon shown when a tab is collapsed |
+| collapseIcon     | ReactNode                                 | -       | Icon shown when a tab is expanded |
+| onTabChange      | (e: { index: number[]; originalEvent: any }) => void | - | Fired when the expanded tab(s) change |
+| onTabOpen        | (e: { index: number; originalEvent: any }) => void | - | Fired when a tab is opened |
+| onTabClose       | (e: { index: number; originalEvent: any }) => void | - | Fired when a tab is closed |
+| transitionOptions | object                                    | -       | Configures the panel open/close transition |
+| unstyled         | boolean                                   | false   | When true, removes component styling (if supported) |
+
+### AccordionTab
+
+Defines a single accordion tab.
+
+```tsx
+<Accordion activeIndex={0}>
+  <AccordionTab header="Header I">
+    <div>Tab content</div>
+  </AccordionTab>
+</Accordion>
+```
+
+#### Props
+
+| Prop     | Type      | Default | Description |
+| -------- | --------- | ------- | ----------- |
+| header   | ReactNode | -       | Header content (can be any React node) |
+| disabled | boolean   | false   | Disables clicking/toggling this tab |
+| children | ReactNode | -       | Content to render when the tab is expanded |
+
 ## Theming with CSS Variables
 
 The component library uses CSS variables for easy theming. You can customize the appearance by overriding these variables:

package/dist/components/accordion/Accordion.d.ts

@@ -0,0 +1,71 @@
+import { default as React } from 'react';
+export interface AccordionTabOpenEvent {
+    index: number;
+    originalEvent: React.SyntheticEvent;
+}
+export interface AccordionTabCloseEvent {
+    index: number;
+    originalEvent: React.SyntheticEvent;
+}
+export interface AccordionTabChangeEvent {
+    index: number[];
+    originalEvent: React.SyntheticEvent;
+}
+export interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /**
+     * Active index (single mode: number | null, multiple mode: number[]).
+     * When provided, Accordion becomes controlled.
+     */
+    activeIndex?: number | number[] | null;
+    /**
+     * Whether multiple tabs can be expanded simultaneously.
+     */
+    multiple?: boolean;
+    /**
+     * Icon shown when a tab is collapsed.
+     */
+    expandIcon?: React.ReactNode;
+    /**
+     * Icon shown when a tab is expanded.
+     */
+    collapseIcon?: React.ReactNode;
+    /**
+     * Callback invoked when expanded tab indexes change.
+     */
+    onTabChange?: (e: AccordionTabChangeEvent) => void;
+    /**
+     * Callback invoked when a tab is opened.
+     */
+    onTabOpen?: (e: AccordionTabOpenEvent) => void;
+    /**
+     * Callback invoked when a tab is closed.
+     */
+    onTabClose?: (e: AccordionTabCloseEvent) => void;
+    /**
+     * Accordion transition configuration.
+     * Accepted for API compatibility; the implementation uses a basic CSS transition.
+     */
+    transitionOptions?: unknown;
+    /**
+     * PrimeReact pass-through props. Accepted for type compatibility (ignored in runtime).
+     */
+    pt?: unknown;
+    /**
+     * PrimeReact pass-through options. Accepted for type compatibility (ignored in runtime).
+     */
+    ptOptions?: unknown;
+    /**
+     * When enabled, removes component related styles (if supported).
+     * Accepted for type compatibility (ignored in runtime).
+     */
+    unstyled?: boolean;
+    /**
+     * Accordion tabs.
+     */
+    children?: React.ReactNode;
+}
+export declare const Accordion: {
+    ({ activeIndex, multiple, expandIcon, collapseIcon, onTabChange, onTabOpen, onTabClose, className, transitionOptions: transitionOptionsProp, pt: _pt, ptOptions: _ptOptions, unstyled: _unstyled, children, ...props }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/components/accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAA;AASvD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,KAAK,CAAC,cAAc,CAAA;CACpC;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,KAAK,CAAC,cAAc,CAAA;CACpC;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,aAAa,EAAE,KAAK,CAAC,cAAc,CAAA;CACpC;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX;IACC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAA;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE5B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE9B;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,uBAAuB,KAAK,IAAI,CAAA;IAElD;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAA;IAE9C;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,sBAAsB,KAAK,IAAI,CAAA;IAEhD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAE3B;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,CAAA;IAEZ;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAaD,eAAO,MAAM,SAAS;4NAenB,cAAc;;CAuLhB,CAAA"}

package/dist/components/accordion/AccordionTab.d.ts

@@ -0,0 +1,100 @@
+import { default as React } from 'react';
+export interface AccordionTabHeaderTemplateParams {
+    /**
+     * Index of this tab in the Accordion
+     */
+    index: number;
+    /**
+     * Whether this tab is currently expanded
+     */
+    selected: boolean;
+    /**
+     * Whether this tab is disabled
+     */
+    disabled: boolean;
+    /**
+     * Total number of tabs in the Accordion
+     */
+    count: number;
+    /**
+     * Is this the first tab in the Accordion
+     */
+    first: boolean;
+    /**
+     * Is this the last tab in the Accordion
+     */
+    last: boolean;
+}
+export type AccordionTabHeaderTemplate = (params: AccordionTabHeaderTemplateParams) => React.ReactNode;
+export interface AccordionTabProps {
+    /**
+     * Header content for the tab.
+     */
+    header?: React.ReactNode;
+    /**
+     * Header template renderer.
+     */
+    headerTemplate?: AccordionTabHeaderTemplate;
+    /**
+     * Whether this tab is disabled (cannot be toggled).
+     */
+    disabled?: boolean;
+    /**
+     * Content rendered when the tab is expanded.
+     */
+    children?: React.ReactNode;
+    /**
+     * Style class of the tab header and content.
+     */
+    className?: string;
+    /**
+     * Style class of the tab header.
+     */
+    headerClassName?: string;
+    /**
+     * Inline styles of the tab header.
+     */
+    headerStyle?: React.CSSProperties;
+    /**
+     * Style class of the tab content.
+     */
+    contentClassName?: string;
+    /**
+     * Inline styles of the tab content.
+     */
+    contentStyle?: React.CSSProperties;
+    /**
+     * Inline style of the tab header and content.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Allows customizing the tab header tab index.
+     */
+    tabIndex?: number;
+    /**
+     * Extra header props (for accessibility attributes etc).
+     */
+    headerProps?: React.ButtonHTMLAttributes<HTMLButtonElement> & React.AriaAttributes;
+    /**
+     * PrimeReact pass-through props. Accepted for API compatibility (ignored in runtime).
+     */
+    pt?: unknown;
+    /**
+     * PrimeReact pass-through options. Accepted for API compatibility (ignored in runtime).
+     */
+    ptOptions?: unknown;
+    /**
+     * When enabled, removes component related styles. Accepted for API compatibility (ignored in runtime).
+     */
+    unstyled?: boolean;
+}
+/**
+ * Helper component used inside `Accordion`.
+ *
+ * Rendering is handled by `Accordion` (this component returns `null`).
+ */
+export declare const AccordionTab: {
+    (_props: AccordionTabProps): null;
+    displayName: string;
+};
+//# sourceMappingURL=AccordionTab.d.ts.map

package/dist/components/accordion/AccordionTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTab.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/AccordionTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,gCAAgC;IAC/C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,KAAK,EAAE,OAAO,CAAA;IACd;;OAEG;IACH,IAAI,EAAE,OAAO,CAAA;CACd;AAED,MAAM,MAAM,0BAA0B,GAAG,CACvC,MAAM,EAAE,gCAAgC,KACrC,KAAK,CAAC,SAAS,CAAA;AAEpB,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,0BAA0B,CAAA;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACjC;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAE3B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GACzD,KAAK,CAAC,cAAc,CAAA;IAEtB;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,CAAA;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY;aAAY,iBAAiB;;CAAS,CAAA"}

package/dist/components/buttons/PrimaryButton.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+export interface PrimaryButtonProps {
+    /**
+     * The content of the button
+     */
+    children: React.ReactNode;
+    /**
+     * Whether the button is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the button is loading
+     */
+    loading?: boolean;
+    /**
+     * Click handler
+     */
+    onClick?: () => void;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Test ID for testing
+     */
+    'data-testid'?: string;
+}
+export declare const PrimaryButton: ({ children, disabled, loading, onClick, className, "data-testid": testId, ...props }: PrimaryButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PrimaryButton.d.ts.map

package/dist/components/buttons/PrimaryButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimaryButton.d.ts","sourceRoot":"","sources":["../../../src/components/buttons/PrimaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,aAAa,GAAI,sFAQ3B,kBAAkB,4CAsBpB,CAAA"}

package/dist/components/buttons/SecondaryButton.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+export interface SecondaryButtonProps {
+    /**
+     * The content of the button
+     */
+    children: React.ReactNode;
+    /**
+     * Whether the button is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Click handler
+     */
+    onClick?: () => void;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Test ID for testing
+     */
+    'data-testid'?: string;
+}
+export declare const SecondaryButton: ({ children, disabled, onClick, className, "data-testid": testId, ...props }: SecondaryButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SecondaryButton.d.ts.map

package/dist/components/buttons/SecondaryButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecondaryButton.d.ts","sourceRoot":"","sources":["../../../src/components/buttons/SecondaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,eAAe,GAAI,6EAO7B,oBAAoB,4CAqBtB,CAAA"}

package/dist/components/dropdown/Dropdown.d.ts

@@ -0,0 +1,107 @@
+import { default as React } from 'react';
+export interface DropdownOption {
+    label?: string;
+    value?: string;
+    [key: string]: unknown;
+}
+export interface DropdownChangeEvent {
+    value: DropdownOption['value'] | null;
+    originalEvent: React.SyntheticEvent;
+}
+export interface DropdownEditEndEvent {
+    /** Trimmed value that was in the input when Enter was pressed */
+    value: string;
+    /** Selected option value if a matching option was found and selected; null otherwise */
+    selectedValue: DropdownOption['value'] | null;
+    originalEvent: React.KeyboardEvent;
+}
+export interface DropdownProps<T = DropdownOption> {
+    /**
+     * Selected value (controlled). Must match optionValue of the selected option.
+     */
+    value?: unknown;
+    /**
+     * Callback when selection changes
+     */
+    onChange?: (e: DropdownChangeEvent) => void;
+    /**
+     * Array of options
+     */
+    options: T[];
+    /**
+     * Property name for the option label (default: "label")
+     */
+    optionLabel?: keyof T | string;
+    /**
+     * Property name for the option value (default: "value")
+     */
+    optionValue?: keyof T | string;
+    /**
+     * Name of the property in the option object that indicates whether the option is disabled.
+     * When set (e.g. optionDisabled="disabled"), options with a truthy value for that key
+     * are disabled and cannot be selected. Matches PrimeReact Dropdown optionDisabled API.
+     * @see https://primereact.org/dropdown/#api.Dropdown.props.optionDisabled
+     */
+    optionDisabled?: keyof T | string;
+    /**
+     * Placeholder when no value selected
+     */
+    placeholder?: string;
+    /**
+     * Enable filter (search) in the overlay
+     */
+    filter?: boolean;
+    /**
+     * When true, the trigger is an editable input: user can type to filter options
+     * and select from the list. Matches PrimeReact Dropdown editable behavior.
+     * @see https://primereact.org/dropdown/#editable
+     */
+    editable?: boolean;
+    /**
+     * Called when the user ends editing by pressing Enter in the editable input.
+     * Fires with the trimmed input value and the selected option value (if a match was found).
+     */
+    onEditEnd?: (e: DropdownEditEndEvent) => void;
+    /**
+     * Whether the dropdown is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the field is required (shows asterisk on label)
+     */
+    required?: boolean;
+    /**
+     * Label text displayed above the input
+     */
+    label?: React.ReactNode;
+    /**
+     * Input element id for label association
+     */
+    inputId?: string;
+    /**
+     * Additional CSS class name for the root
+     */
+    className?: string;
+    /**
+     * Additional CSS class name for the overlay panel
+     */
+    panelClassName?: string;
+    /**
+     * Template for the selected value displayed in the trigger.
+     * Receives the selected option object or null when no value is selected.
+     * @see https://primereact.org/dropdown/#template
+     */
+    valueTemplate?: (option: T | null) => React.ReactNode;
+    /**
+     * Template for each option in the dropdown list.
+     * Receives the option object.
+     * @see https://primereact.org/dropdown/#template
+     */
+    itemTemplate?: (option: T) => React.ReactNode;
+    /**
+     * Test ID for testing
+     */
+    'data-testid'?: string;
+}
+export declare const Dropdown: <T extends Record<string, unknown>>({ value, onChange, onEditEnd, options, optionLabel, optionValue, optionDisabled, placeholder, filter, editable, disabled, required, label, inputId, className, panelClassName, valueTemplate, itemTemplate, "data-testid": testId, }: DropdownProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Dropdown.d.ts.map

package/dist/components/dropdown/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAA;AAI1E,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;IACrC,aAAa,EAAE,KAAK,CAAC,cAAc,CAAA;CACpC;AAED,MAAM,WAAW,oBAAoB;IACnC,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,wFAAwF;IACxF,aAAa,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;IAC7C,aAAa,EAAE,KAAK,CAAC,aAAa,CAAA;CACnC;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,cAAc;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,OAAO,EAAE,CAAC,EAAE,CAAA;IACZ;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IAC9B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAC7C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAA;IACrD;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC7C;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AA4BD,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,sOAoBzD,aAAa,CAAC,CAAC,CAAC,4CAkYlB,CAAA"}

package/dist/components/input/InputText.d.ts

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+export interface InputTextProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'className'> {
+    /**
+     * Label text displayed above the input
+     */
+    label?: React.ReactNode;
+    /**
+     * When set, an info icon is shown next to the label with this string as tooltip
+     */
+    tooltip?: string;
+    /**
+     * Whether the field is required (shows asterisk on label)
+     */
+    required?: boolean;
+    /**
+     * Input element id for label association
+     */
+    inputId?: string;
+    /**
+     * When true, renders a &lt;textarea&gt; instead of &lt;input&gt;
+     */
+    textarea?: boolean;
+    /**
+     * Number of visible rows (textarea only). Defaults to 3 when textarea is true.
+     */
+    rows?: number;
+    /**
+     * Additional CSS class name for the root
+     */
+    className?: string;
+    /**
+     * Test ID for testing
+     */
+    'data-testid'?: string;
+}
+export declare const InputText: ({ label, tooltip, required, inputId: inputIdProp, textarea, rows: rowsProp, className, "data-testid": testId, disabled, ...rest }: InputTextProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InputText.d.ts.map

package/dist/components/input/InputText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputText.d.ts","sourceRoot":"","sources":["../../../src/components/input/InputText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAIpC,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,WAAW,CACrB;IACC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,SAAS,GAAI,mIAWvB,cAAc,4CA0EhB,CAAA"}

package/dist/components/selectbutton/SelectButton.d.ts

@@ -0,0 +1,63 @@
+import { default as React } from 'react';
+export interface SelectButtonOption {
+    label?: string;
+    value?: string;
+    [key: string]: unknown;
+}
+export interface SelectButtonChangeEvent {
+    value: SelectButtonOption['value'] | SelectButtonOption['value'][] | null;
+    originalEvent: React.SyntheticEvent;
+}
+export interface SelectButtonProps<T = SelectButtonOption> {
+    /**
+     * Selected value (controlled). Single value or array when multiple.
+     */
+    value?: unknown;
+    /**
+     * Callback when selection changes
+     */
+    onChange?: (e: SelectButtonChangeEvent) => void;
+    /**
+     * Array of options
+     */
+    options: T[];
+    /**
+     * Property name for the option label (default: "label")
+     */
+    optionLabel?: keyof T | string;
+    /**
+     * Property name for the option value (default: "value")
+     */
+    optionValue?: keyof T | string;
+    /**
+     * Name of the property that indicates whether an option is disabled.
+     * @see https://primereact.org/selectbutton/
+     */
+    optionDisabled?: keyof T | string;
+    /**
+     * When true, allows multiple selection (value is an array).
+     */
+    multiple?: boolean;
+    /**
+     * Template for each option. Receives the option object.
+     */
+    itemTemplate?: (option: T) => React.ReactNode;
+    /**
+     * Whether the component is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Invalid state for validation styling
+     */
+    invalid?: boolean;
+    /**
+     * Additional CSS class name for the root
+     */
+    className?: string;
+    /**
+     * Test ID for testing
+     */
+    'data-testid'?: string;
+}
+export declare const SelectButton: <T extends Record<string, unknown>>({ value, onChange, options, optionLabel, optionValue, optionDisabled, multiple, itemTemplate, disabled, invalid, className, "data-testid": testId, }: SelectButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectButton.d.ts.map

package/dist/components/selectbutton/SelectButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectButton.d.ts","sourceRoot":"","sources":["../../../src/components/selectbutton/SelectButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,GAAG,kBAAkB,CAAC,OAAO,CAAC,EAAE,GAAG,IAAI,CAAA;IACzE,aAAa,EAAE,KAAK,CAAC,cAAc,CAAA;CACpC;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,kBAAkB;IACvD;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,uBAAuB,KAAK,IAAI,CAAA;IAC/C;;OAEG;IACH,OAAO,EAAE,CAAC,EAAE,CAAA;IACZ;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC7C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AA4BD,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,sJAa7D,iBAAiB,CAAC,CAAC,CAAC,4CAyFtB,CAAA"}

package/dist/components/tabs/Tabs.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode } from 'react';
+export interface TabItem {
+    /**
+     * Unique identifier for the tab
+     */
+    id: string;
+    /**
+     * Display label for the tab
+     */
+    label: string;
+    /**
+     * Content to display when tab is active
+     */
+    content: ReactNode;
+}
+export interface TabsProps {
+    /**
+     * Array of tab items to display
+     */
+    tabs: TabItem[];
+    /**
+     * ID of the currently active tab
+     */
+    activeTabId: string;
+    /**
+     * Callback function when tab is changed
+     */
+    onTabChange: (tabId: string) => void;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Test ID for testing
+     */
+    'data-testid'?: string;
+}
+export declare const Tabs: ({ tabs, activeTabId, onTabChange, className, "data-testid": testId, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/components/tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,MAAM,WAAW,OAAO;IACtB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,EAAE,SAAS,CAAA;CACnB;AAED,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,IAAI,EAAE,OAAO,EAAE,CAAA;IACf;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,IAAI,GAAI,gFAOlB,SAAS,4CAsCX,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Emporix Component Library
+ *
+ * For components to render with correct layout and styles in your app,
+ * import the library styles once (e.g. in your root entry or App):
+ *
+ *   import '@emporix/component-library/styles'
+ *
+ * Or in CSS: @import '@emporix/component-library/styles';
+ */
+export { PrimaryButton } from './components/buttons/PrimaryButton';
+export type { PrimaryButtonProps } from './components/buttons/PrimaryButton';
+export { SecondaryButton } from './components/buttons/SecondaryButton';
+export type { SecondaryButtonProps } from './components/buttons/SecondaryButton';
+export { Tabs } from './components/tabs/Tabs';
+export type { TabsProps, TabItem } from './components/tabs/Tabs';
+export { Dropdown } from './components/dropdown/Dropdown';
+export type { DropdownProps, DropdownOption, DropdownChangeEvent, DropdownEditEndEvent, } from './components/dropdown/Dropdown';
+export { InputText } from './components/input/InputText';
+export type { InputTextProps } from './components/input/InputText';
+export { Accordion } from './components/accordion/Accordion';
+export type { AccordionProps, AccordionTabCloseEvent, AccordionTabOpenEvent, AccordionTabChangeEvent, } from './components/accordion/Accordion';
+export { AccordionTab } from './components/accordion/AccordionTab';
+export type { AccordionTabProps } from './components/accordion/AccordionTab';
+export { SelectButton } from './components/selectbutton/SelectButton';
+export type { SelectButtonProps, SelectButtonOption, SelectButtonChangeEvent, } from './components/selectbutton/SelectButton';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAA;AAClE,YAAY,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AACtE,YAAY,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAA;AAEhF,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAC7C,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACzD,YAAY,EACV,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,gCAAgC,CAAA;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,YAAY,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAElE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAA;AAC5D,YAAY,EACV,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAA;AAClE,YAAY,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AAE5E,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAA;AACrE,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,wCAAwC,CAAA;AAG/C,OAAO,qBAAqB,CAAA"}