@reapit/elements 5.0.0-beta.3 → 5.0.0-beta.30

package/dist/js/components/textarea/textarea.atoms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.atoms.d.ts","sourceRoot":"/","sources":["../../../../components/textarea/components/textarea/textarea.atoms.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAIlB,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,eAAe,EACrB,MAAM,UAAU,CAAA;AAQjB,UAAU,iBAAkB,SAAQ,IAAI,CAAC,eAAe,EAAE,mBAAmB,CAAC;CAAG;AAEjF,MAAM,WAAW,+BAAgC,SAAQ,iBAAiB;IACxE;;;OAGG;IACH,WAAW,EAAE,kBAAkB,CAAA;IAC/B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;GAEG;AACH,eAAO,MAAM,0BAA0B,iIAsEtC,CAAA;AAED,MAAM,WAAW,6BAA8B,SAAQ,iBAAiB;IACtE;;OAEG;IACH,WAAW,EAAE,gBAAgB,CAAA;IAC7B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED;;GAEG;AACH,eAAO,MAAM,wBAAwB,+HAepC,CAAA;AAED,MAAM,WAAW,8BAA+B,SAAQ,iBAAiB;IACvE;;;OAGG;IACH,WAAW,EAAE,iBAAiB,CAAA;IAC9B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,yBAAyB,gIAerC,CAAA"}

package/dist/js/components/textarea/textarea.d.ts

@@ -0,0 +1,12 @@
+import { ContentFieldSizingTextAreaProps, FixedFieldSizingTextAreaProps, ManualFieldSizingTextAreaProps } from './textarea.atoms';
+export type TextAreaProps = ContentFieldSizingTextAreaProps | FixedFieldSizingTextAreaProps | ManualFieldSizingTextAreaProps;
+/**
+ * An (almost) standard HTML/JSX `<textarea>` for use in forms.
+ *
+ * Can automatically resize itself between a minimum and/or maximum number of lines of text (rows). This
+ * resizing behaviour is available for CSS-only consumers on Chrome and Edge. For browsers that do not yet
+ * support the [field-sizing](https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing) property, we
+ * fallback to a JS-based resizing solution that is only available to React-based consumers.
+ */
+export declare const TextArea: import('react').ForwardRefExoticComponent<TextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=textarea.d.ts.map

package/dist/js/components/textarea/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"/","sources":["../../../../components/textarea/components/textarea/textarea.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,+BAA+B,EAC/B,6BAA6B,EAC7B,8BAA8B,EAC/B,MAAM,kBAAkB,CAAA;AAEzB,MAAM,MAAM,aAAa,GACrB,+BAA+B,GAC/B,6BAA6B,GAC7B,8BAA8B,CAAA;AAElC;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,+GAQnB,CAAA"}

package/dist/js/components/textarea/textarea.stories.d.ts

@@ -0,0 +1,60 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TextArea } from './index';
+declare const _default: Meta<typeof TextArea>;
+export default _default;
+export declare const BasicUsage: StoryObj<typeof TextArea>;
+/**
+ * A TextArea can be invalid in three ways:
+ *
+ *  - Applying any of the standard [HTML form validation attributes](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation#using_built-in_form_validation) and providing a value that does not meet these constraints;
+ *  - Using custom [constraint validation](https://developer.mozilla.org/en-US/docs/Web/HTML/Constraint_validation); or,
+ *  - By explicitly setting `hasError` component prop to true (or the `el-text-area-has-error` class if using CSS only).
+ *
+ * The following example demonstrates a required text area that has no value, which is excersing option (1) above.
+ */
+export declare const Invalid: StoryObj<typeof TextArea>;
+/**
+ * A Text area can be disabled in forms to prevent their use. When disabled, the text area cannot be focused and its
+ * value will not be submitted with the form.
+ */
+export declare const Disabled: StoryObj<typeof TextArea>;
+/**
+ * A Text area can also be marked as read-only in forms to prevent their current value being changed. Unlike a disabled
+ * text area, a read-only text area can still be focused, and its value will still be submitted with the form.
+ */
+export declare const ReadOnly: StoryObj<typeof TextArea>;
+/**
+ * Text area's can automatically grow or shrink between a min and/or max row count. The min and max rows define the
+ * number of lines of text that should be visible within the text area. If the number of lines exceeds the specified
+ * maximum, the text area's content will overflow with a scrollbar.
+ *
+ * **Note:** This resizing behaviour is available for CSS-only consumers on Chrome and Edge. For browsers that do not
+ * yet support the [field-sizing](https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing) property, we fallback
+ * to a JS-based resizing solution that is only available to React-based consumers.
+ *
+ * This example demonstrates resizing behaviour for an *uncontrolled* text area.
+ */
+export declare const UncontrolledResizing: StoryObj<typeof TextArea>;
+/**
+ * This next example demonstrates auto-sizing behaviour for a *controlled* text area.
+ *
+ * **Note:** to change the value of the text area, you will need to use the `value` control when viewing the
+ * story individually.
+ */
+export declare const ControlledResizing: StoryObj<typeof TextArea>;
+/**
+ * Importantly, when an explicit row count is specified, no resizing will occur, whether the text area's
+ * value is controlled or not. This allows text areas to have a fixed size when necessary.
+ */
+export declare const FixedSize: StoryObj<typeof TextArea>;
+/**
+ * To continue using the Elements v4 `TextArea` behaviour where manual resizing was permitted, consumers can
+ * use `fieldSizing="manual"`.
+ *
+ * **This option is deprecated and will be removed in a future version.** Prefer either `content` or `fixed`
+ * field sizing.
+ *
+ * @deprecated
+ */
+export declare const ManualSizing: StoryObj<typeof TextArea>;
+//# sourceMappingURL=textarea.stories.d.ts.map

package/dist/js/components/textarea/textarea.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.stories.d.ts","sourceRoot":"/","sources":["../../../../components/textarea/components/textarea/textarea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;wBAK7B,IAAI,CAAC,OAAO,QAAQ,CAAC;AAH1B,wBAG0B;AAE1B,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAMhD,CAAA;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAK7C,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAK9C,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAK9C,CAAA;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAO1D,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAOxD,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAM/C,CAAA;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAKlD,CAAA"}

package/dist/js/components/textarea/use-resize-textarea-effect.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+type UseResizeTextAreaEffectConfig = {
+    isEnabled: boolean;
+    shadowTextAreaRef: RefObject<HTMLTextAreaElement>;
+    textAreaRef: RefObject<HTMLTextAreaElement>;
+    value?: unknown;
+};
+export default function useResizeTextAreaEffect({ isEnabled, shadowTextAreaRef, textAreaRef, value, }: UseResizeTextAreaEffectConfig): void;
+export {};
+//# sourceMappingURL=use-resize-textarea-effect.d.ts.map

package/dist/js/components/textarea/use-resize-textarea-effect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resize-textarea-effect.d.ts","sourceRoot":"/","sources":["../../../../components/textarea/components/textarea/use-resize-textarea-effect.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,KAAK,6BAA6B,GAAG;IACnC,SAAS,EAAE,OAAO,CAAA;IAClB,iBAAiB,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAA;IACjD,WAAW,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAA;IAC3C,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,KAAK,GACN,EAAE,6BAA6B,GAAG,IAAI,CAWtC"}

package/dist/js/components/textarea/use-resize-textarea-onchange.d.ts

@@ -0,0 +1,10 @@
+import { ChangeEventHandler, RefObject } from 'react';
+type UseResizeTextAreaOnChangeConfig = {
+    isEnabled: boolean;
+    shadowTextAreaRef: RefObject<HTMLTextAreaElement>;
+    textAreaRef: RefObject<HTMLTextAreaElement>;
+};
+type UseResizeTextAreaOnChangeDecorator = (onChange?: ChangeEventHandler) => ChangeEventHandler;
+export default function useResizeTextAreaOnChange({ isEnabled, shadowTextAreaRef, textAreaRef, }: UseResizeTextAreaOnChangeConfig): UseResizeTextAreaOnChangeDecorator;
+export {};
+//# sourceMappingURL=use-resize-textarea-onchange.d.ts.map

package/dist/js/components/textarea/use-resize-textarea-onchange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resize-textarea-onchange.d.ts","sourceRoot":"/","sources":["../../../../components/textarea/components/textarea/use-resize-textarea-onchange.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAe,kBAAkB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEvE,KAAK,+BAA+B,GAAG;IACrC,SAAS,EAAE,OAAO,CAAA;IAClB,iBAAiB,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAA;IACjD,WAAW,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAA;CAC5C,CAAA;AAED,KAAK,kCAAkC,GAAG,CAAC,QAAQ,CAAC,EAAE,kBAAkB,KAAK,kBAAkB,CAAA;AAE/F,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,SAAS,EACT,iBAAiB,EACjB,WAAW,GACZ,EAAE,+BAA+B,GAAG,kCAAkC,CActE"}

package/dist/js/components/theme-provider/__tests__/theme-provider.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=theme-provider.test.d.ts.map

package/dist/js/components/theme-provider/__tests__/theme-provider.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.test.d.ts","sourceRoot":"/","sources":["../../../../../components/theme-provider/__tests__/components/theme-provider/__tests__/theme-provider.test.tsx"],"names":[],"mappings":""}

package/dist/js/components/theme-provider/__tests__/use-theme.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-theme.test.d.ts.map

package/dist/js/components/theme-provider/__tests__/use-theme.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme.test.d.ts","sourceRoot":"/","sources":["../../../../../components/theme-provider/__tests__/components/theme-provider/__tests__/use-theme.test.ts"],"names":[],"mappings":""}

package/dist/js/components/theme-provider/index.d.ts

@@ -0,0 +1,4 @@
+export { ThemeProvider } from './theme-provider';
+export { useTheme } from './use-theme';
+export type * from './theme-provider';
+//# sourceMappingURL=index.d.ts.map

package/dist/js/components/theme-provider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../components/theme-provider/components/theme-provider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,mBAAmB,kBAAkB,CAAA"}

package/dist/js/components/theme-provider/theme-provider.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { Theme } from '#src/tokens';
+interface ThemeProviderProps {
+    children: ReactNode;
+    theme: Theme;
+}
+/**
+ * Used to apply a specific theme to the current document.
+ *
+ * Theming is facilitated via a `data-theme` attribute on the document's root element (the `<html>` element for
+ * HTML documents). This attribute influences the values applied to the CSS variables used by components within
+ * Elements.
+ *
+ * This component should be used once at the root of the application and will only have an effect if a theme is not
+ * already configured via a `data-theme` attribute on the document's root element.
+ *
+ * It is also possible to use the `useTheme` hook directly if you'd prefer to interact with a hook-based API, or to
+ * manually set the `data-theme` attribute on the document's root element in HTML document.
+ */
+export declare function ThemeProvider({ children, theme }: ThemeProviderProps): ReactNode;
+export {};
+//# sourceMappingURL=theme-provider.d.ts.map

package/dist/js/components/theme-provider/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"/","sources":["../../../../components/theme-provider/components/theme-provider/theme-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAExC,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,KAAK,CAAA;CACb;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,kBAAkB,aAGpE"}

package/dist/js/components/theme-provider/theme-provider.stories.d.ts

@@ -0,0 +1,28 @@
+import { ThemeProvider } from './theme-provider';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: typeof ThemeProvider;
+    argTypes: {
+        children: {
+            control: boolean;
+        };
+        theme: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+type Story = StoryObj<typeof meta>;
+export default meta;
+/** The default theme applied to the document is the Reapit theme. It is applied when either the document's
+ * root element has a `data-theme="reapit"` attribute, or no `data-theme` attribute at all. */
+export declare const Reapit: Story;
+/**
+ * The only other supported theme is the PayProp theme.
+ *
+ * **note:** This theme is not fully setup via our CSS variables yet, so this story is will not demonstrate any
+ * practical difference in the rendered button at this stage.
+ */
+export declare const PayProp: Story;
+//# sourceMappingURL=theme-provider.stories.d.ts.map

package/dist/js/components/theme-provider/theme-provider.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.stories.d.ts","sourceRoot":"/","sources":["../../../../components/theme-provider/components/theme-provider/theme-provider.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,QAAA,MAAM,IAAI;;;;;;;;;;;;CAY4B,CAAA;AAEtC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAe,IAAI,CAAA;AAEnB;8FAC8F;AAC9F,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA"}

package/dist/js/components/theme-provider/use-theme.d.ts

@@ -0,0 +1,9 @@
+import { Theme } from '#src/tokens';
+/**
+ * Sets the theme for the current document. Note, this will override any `data-theme` value
+ * that may already exist on the document's root element.
+ *
+ * @param theme The theme the current document should use.
+ */
+export declare function useTheme(theme: Theme): void;
+//# sourceMappingURL=use-theme.d.ts.map

package/dist/js/components/theme-provider/use-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme.d.ts","sourceRoot":"/","sources":["../../../../components/theme-provider/components/theme-provider/use-theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAExC;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,QAQpC"}

package/dist/js/components/tile/__styles__/index.d.ts

@@ -0,0 +1,4 @@
+export declare const elTilePaddingSmall: import('@linaria/core').LinariaClassName;
+export declare const elTilePaddingNone: import('@linaria/core').LinariaClassName;
+export declare const ElTile: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/js/components/tile/__styles__/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../../components/tile/__styles__/components/tile/__styles__/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,0CAAQ,CAAA;AACvC,eAAO,MAAM,iBAAiB,0CAAQ,CAAA;AAEtC,eAAO,MAAM,MAAM,qKAalB,CAAA"}

package/dist/js/components/tile/__tests__/tile.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tile.test.d.ts.map

package/dist/js/components/tile/__tests__/tile.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tile.test.d.ts","sourceRoot":"/","sources":["../../../../../components/tile/__tests__/components/tile/__tests__/tile.test.tsx"],"names":[],"mappings":""}

package/dist/js/components/tile/index.d.ts

@@ -0,0 +1,3 @@
+export * from './__styles__';
+export * from './tile';
+//# sourceMappingURL=index.d.ts.map

package/dist/js/components/tile/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../components/tile/components/tile/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA"}

package/dist/js/components/tile/tile.d.ts

@@ -0,0 +1,6 @@
+import { FC, HTMLAttributes } from 'react';
+export interface TileProps extends HTMLAttributes<HTMLSpanElement> {
+    paddingSize?: 'none' | 'small' | 'regular';
+}
+export declare const Tile: FC<TileProps>;
+//# sourceMappingURL=tile.d.ts.map

package/dist/js/components/tile/tile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tile.d.ts","sourceRoot":"/","sources":["../../../../components/tile/components/tile/tile.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAIjD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,eAAe,CAAC;IAChE,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;CAC3C;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAW9B,CAAA"}

package/dist/js/components/tile/tile.stories.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+    title: string;
+    component: import('react').FC<import('./tile').TileProps>;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const PaddingVariants: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const TileLayouts: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=tile.stories.d.ts.map

package/dist/js/components/tile/tile.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tile.stories.d.ts","sourceRoot":"/","sources":["../../../../components/tile/components/tile/tile.stories.tsx"],"names":[],"mappings":";;;;AAKA,wBAGC;AAED,eAAO,MAAM,UAAU;;CAEtB,CAAA;AAED,eAAO,MAAM,eAAe;;CAE3B,CAAA;AAED,eAAO,MAAM,WAAW;;CAiCvB,CAAA"}

package/dist/js/components/toggle/__styles__/index.d.ts

@@ -0,0 +1,10 @@
+export declare const elHasGreyBg: import('@linaria/core').LinariaClassName;
+export declare const ElToggleItem: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const ElToggleRadioItem: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const elToggleFullWidth: import('@linaria/core').LinariaClassName;
+export declare const ElToggleCheckbox: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLInputElement> & import('react').InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
+export declare const ElToggleLabel: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLLabelElement> & import('react').LabelHTMLAttributes<HTMLLabelElement> & Record<never, unknown>>;
+export declare const ElToggleRadio: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLInputElement> & import('react').InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
+export declare const ElToggleRadioLabel: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLLabelElement> & import('react').LabelHTMLAttributes<HTMLLabelElement> & Record<never, unknown>>;
+export declare const ElToggleRadioWrap: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/js/components/toggle/__styles__/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../../components/toggle/__styles__/components/toggle/__styles__/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,0CAAQ,CAAA;AAEhC,eAAO,MAAM,YAAY,uKAWxB,CAAA;AAED,eAAO,MAAM,iBAAiB,uKAU7B,CAAA;AAED,eAAO,MAAM,iBAAiB,0CAG7B,CAAA;AAED,eAAO,MAAM,gBAAgB,8KA4B5B,CAAA;AAED,eAAO,MAAM,aAAa,8KAoBzB,CAAA;AAED,eAAO,MAAM,aAAa,8KAmBzB,CAAA;AAED,eAAO,MAAM,kBAAkB,8KAa9B,CAAA;AAED,eAAO,MAAM,iBAAiB,qKAoB7B,CAAA"}

package/dist/js/components/toggle/__tests__/toggle.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=toggle.test.d.ts.map

package/dist/js/components/toggle/__tests__/toggle.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.test.d.ts","sourceRoot":"/","sources":["../../../../../components/toggle/__tests__/components/toggle/__tests__/toggle.test.tsx"],"names":[],"mappings":""}

package/dist/js/components/toggle/index.d.ts

@@ -0,0 +1,3 @@
+export * from './__styles__';
+export * from './toggle';
+//# sourceMappingURL=index.d.ts.map

package/dist/js/components/toggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../components/toggle/components/toggle/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA"}

package/dist/js/components/toggle/toggle.d.ts

@@ -0,0 +1,24 @@
+import { default as React, HTMLAttributes, InputHTMLAttributes, RefAttributes } from 'react';
+export interface ToggleProps extends HTMLAttributes<HTMLInputElement> {
+    isFullWidth?: boolean;
+    hasGreyBg?: boolean;
+}
+export interface ToggleRadioOption {
+    id: string;
+    value: string;
+    text: string;
+    isChecked: boolean;
+}
+export interface ToggleRadioProps extends HTMLAttributes<HTMLInputElement> {
+    options: ToggleRadioOption[];
+    name: string;
+    disabled?: boolean;
+    isFullWidth?: boolean;
+    hasGreyBg?: boolean;
+}
+export type ToggleWrapped = React.ForwardRefExoticComponent<ToggleProps & RefAttributes<InputHTMLAttributes<HTMLInputElement>>>;
+export type ToggleRadioWrapped = React.ForwardRefExoticComponent<ToggleRadioProps & RefAttributes<InputHTMLAttributes<HTMLInputElement>>>;
+export declare const handleKeyboardToggleChange: (id: string) => () => void;
+export declare const Toggle: ToggleWrapped;
+export declare const ToggleRadio: ToggleRadioWrapped;
+//# sourceMappingURL=toggle.d.ts.map

package/dist/js/components/toggle/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"/","sources":["../../../../components/toggle/components/toggle/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,cAAc,EACd,mBAAmB,EAEnB,aAAa,EACd,MAAM,OAAO,CAAA;AAed,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACnE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACxE,OAAO,EAAE,iBAAiB,EAAE,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,yBAAyB,CACzD,WAAW,GAAG,aAAa,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CACnE,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,yBAAyB,CAC9D,gBAAgB,GAAG,aAAa,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CACxE,CAAA;AAED,eAAO,MAAM,0BAA0B,OAAQ,MAAM,eAKpD,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,aA0BpB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,kBAoCzB,CAAA"}

package/dist/js/components/toggle/toggle.stories.d.ts

@@ -0,0 +1,29 @@
+declare const _default: {
+    title: string;
+    component: import('./toggle').ToggleWrapped;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ToggleSwitch: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ToggleGreyBg: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ToggleRadioDefault: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ToggleRadioSelectPropsGreyBg: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ToggleRadioDisabled: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=toggle.stories.d.ts.map

package/dist/js/components/toggle/toggle.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.stories.d.ts","sourceRoot":"/","sources":["../../../../components/toggle/components/toggle/toggle.stories.tsx"],"names":[],"mappings":";;;;AAGA,wBAGC;AAED,eAAO,MAAM,UAAU;;CAOtB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAQxB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAQxB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;CA2B9B,CAAA;AAED,eAAO,MAAM,4BAA4B;;;CA4BxC,CAAA;AAED,eAAO,MAAM,mBAAmB;;;CA4B/B,CAAA"}

package/dist/js/components/tooltip/__tests__/tooltip.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tooltip.test.d.ts.map

package/dist/js/components/tooltip/__tests__/tooltip.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.test.d.ts","sourceRoot":"/","sources":["../../../../../components/tooltip/__tests__/components/tooltip/__tests__/tooltip.test.tsx"],"names":[],"mappings":""}

package/dist/js/components/tooltip/__tests__/use-tooltip.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-tooltip.test.d.ts.map

package/dist/js/components/tooltip/__tests__/use-tooltip.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tooltip.test.d.ts","sourceRoot":"/","sources":["../../../../../components/tooltip/__tests__/components/tooltip/__tests__/use-tooltip.test.tsx"],"names":[],"mappings":""}

package/dist/js/components/tooltip/index.d.ts

@@ -0,0 +1,4 @@
+export * from './styles';
+export * from './tooltip';
+export * from './use-tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/js/components/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../components/tooltip/components/tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA"}

package/dist/js/components/tooltip/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const ElTooltip: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ElTooltipLabel: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/js/components/tooltip/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../components/tooltip/components/tooltip/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,qKAuDrB,CAAA;AAED,eAAO,MAAM,cAAc,uKAO1B,CAAA"}

package/dist/js/components/tooltip/tooltip.d.ts

@@ -0,0 +1,11 @@
+import { FC, HTMLAttributes } from 'react';
+import { PopoverPosition } from '../../helpers/calculatePopoverPosition';
+export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
+    label?: string;
+    description: string;
+    isVisible?: boolean;
+    maxWidth?: string;
+    position?: PopoverPosition;
+}
+export declare const Tooltip: FC<TooltipProps>;
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/js/components/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"/","sources":["../../../../components/tooltip/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG1C,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AAExE,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,eAAe,CAAA;CAC3B;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAkBpC,CAAA"}

package/dist/js/components/tooltip/tooltip.stories.d.ts

@@ -0,0 +1,135 @@
+import { Meta } from '@storybook/react';
+import { Tooltip } from './tooltip';
+declare const meta: Meta<typeof Tooltip>;
+export default meta;
+/**
+ * The Tooltip component is a lightweight UI element used to display contextual
+ * information when a user hovers over or focuses on a target element.
+ * In the default configuration, the tooltip provides a brief label and/or description,
+ * positioned to the top relative to the target,
+ * with customizable properties such as label, description, position, and maxWidth.
+ *
+ * The component utilizes the `useTooltip` hook, which simplifies the integration of tooltip behavior
+ * by providing properties and methods required to manage the tooltip and its trigger seamlessly.
+ *
+ * The `useTooltip` hook provides two keys props:
+ *
+ * `getTriggerProps()`: Applied to the trigger element (e.g., a Button or an Icon, etc)
+ * to bind the necessary event handlers for displaying the tooltip.
+ *
+ * `getTooltipProps()`: Applied to the Tooltip component to manage its visibility, positioning, and accessibility.
+ *
+ *
+ * **Note**: The tooltip component ensures that the tooltip remains visible regardless of its
+ * initially declared position.
+ * If the tooltip overflows the viewport in any direction,
+ * it automatically adjusts to stay visible inside the viewport.
+ * This guarantees an optimal viewing experience without content being clipped or hidden.
+ */
+export declare const BasicUsage: {
+    args: {
+        description: string;
+        label: string;
+    };
+    decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
+};
+/**
+ * The useTooltip hook provides an optional parameter.
+ *
+ * `truncationTargetId` **(Optional)**
+ *
+ * This optional parameter allows you to specify an ID for a target element that may have truncated text.
+ * If provided, the tooltip will only appear when the text within the target element is truncated
+ * (i.e., the content overflows the element's width).
+ * When the text in the element specified by truncationTargetId is truncated,
+ * the tooltip will be shown when the user interacts with the element (e.g., mouse hover, focus).
+ * If the element's text is not truncated, the tooltip will not be displayed.
+ *
+ * Usage example:
+ *
+ * ```
+ * const truncatedId = 'test-id' // can use useId() from react to get unique Id
+ * const tooltip = useTooltip({ truncationTargetId: truncatedId })
+ * ```
+ *
+ * To ensure the tooltip triggers correctly, you need to pass the `truncationTargetId` to the element
+ * that will be responsible for showing the tooltip (trigger element).
+ * This allows the hook to correctly detect when the text is truncated and display the tooltip.
+ *
+ *
+
+ *
+ * ```
+ *
+ * <div id={truncatedId}>Text will get truncated</div>
+ * ```
+ */
+export declare const ConditionalDisplay: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
+};
+/**
+ * Below is the UI representation for the tooltip component without the trigger.
+ */
+export declare const DisplayTooltipWithoutTrigger: {
+    args: {
+        description: string;
+        label: string;
+        position: string;
+        maxWidth: string;
+        isVisible: boolean;
+    };
+    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            canvas: {
+                sourceState: string;
+            };
+            story: {
+                inline: boolean;
+                iframeHeight: number;
+            };
+        };
+    };
+};
+/**
+ * This tooltip component ensures that the tooltip remains visible regardless of its initially declared position.
+ * If the tooltip overflows the viewport in any direction,
+ * it automatically adjusts to stay visible inside the viewport.
+ * This guarantees an optimal viewing experience without content being clipped or hidden.
+ */
+export declare const DynamicDisplayTooltipExample: {
+    args: {
+        description: string;
+        label: string;
+        position: string;
+        maxWidth: string;
+    };
+    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            canvas: {
+                sourceState: string;
+            };
+            story: {
+                inline: boolean;
+                iframeHeight: number;
+            };
+        };
+    };
+};
+//# sourceMappingURL=tooltip.stories.d.ts.map

package/dist/js/components/tooltip/tooltip.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.stories.d.ts","sourceRoot":"/","sources":["../../../../components/tooltip/components/tooltip/tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAGvC,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AAKjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA2C9B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,UAAU;;;;;;mBAoBN,GAAG;;;;;;;;CAyBnB,CAAA;AAmBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;CAwF9B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;CAuBxC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;CAoDxC,CAAA"}