@purpur/library 9.0.1 → 9.0.3

package/dist/components/text-field/src/text-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../../../components/text-field/src/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,KAAK,sBAAsB,EAE3B,KAAK,YAAY,EACjB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAYtD,KAAK,kBAAkB,GAAG;IACxB;;;;OAIG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;SAEK;IACL,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;SAEK;IACL,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;SAEK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;;OAIG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CACZ,sBAAsB,EACtB,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAC5D,CAAC;IACF;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,mBAAmB,GACpB;IACE;;SAEK;IACL,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;SAEK;IACL,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GACD;IACE;;SAEK;IACL,oBAAoB,CAAC,EAAE,KAAK,CAAC;IAC7B;;SAEK;IACL,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAEN,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,GAC3D,kBAAkB,GAClB,mBAAmB,CAAC;AAKtB,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA3BhB;;SAEK;0BACiB,MAAM;IAC5B;;SAEK;aACI,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGnB;;SAEK;2BACkB,KAAK;IAC5B;;SAEK;cACK,KAAK;mDAyLpB,CAAC;AAIF,eAAO,MAAM,WAAW,GAAI,QAAQ,SAAS,KAAG,KAAK,IAAI,YAAY,CAAC,cAAc,CAEzB,CAAC"}

package/dist/components/text-field/src/utils.d.ts

@@ -0,0 +1,3 @@
+import { MutableRefObject } from 'react';
+export declare const useMutableRefObject: <T>(value: T) => MutableRefObject<T>;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/text-field/src/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../components/text-field/src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAU,MAAM,OAAO,CAAC;AAEtD,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAE,OAAO,CAAC,KAAG,gBAAgB,CAAC,CAAC,CAEnE,CAAC"}

package/dist/components/text-spacing/src/text-spacing.d.ts

@@ -0,0 +1,13 @@
+import { default as React, ReactNode } from 'react';
+import { BaseProps } from '../../../libraries/common-types/src/common-types';
+export declare const Element: {
+    readonly DIV: "div";
+    readonly SPAN: "span";
+};
+export type TextSpacingElementType = (typeof Element)[keyof typeof Element];
+export type TextSpacingProps = Omit<BaseProps, "children"> & {
+    children: ReactNode;
+    element?: TextSpacingElementType;
+};
+export declare const TextSpacing: React.ForwardRefExoticComponent<Omit<TextSpacingProps, "ref"> & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=text-spacing.d.ts.map

package/dist/components/text-spacing/src/text-spacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-spacing.d.ts","sourceRoot":"","sources":["../../../../../../components/text-spacing/src/text-spacing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAKtD,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAE5E,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC3D,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC,CAAC;AAKF,eAAO,MAAM,WAAW,mGAQvB,CAAC"}

package/dist/components/toggle/src/DraggableX.d.ts

@@ -0,0 +1,25 @@
+import { CSSProperties, ReactElement } from 'react';
+import { SwitchThumbProps } from '@radix-ui/react-switch';
+export type DraggableXProps = {
+    children?: ReactElement<SwitchThumbProps>;
+    disabled?: boolean;
+    position: number;
+    bounds: {
+        left: number;
+        right: number;
+    };
+    onStart?: () => void;
+    onDrag?: (args: {
+        x: number;
+    }) => void;
+    onStop?: () => void;
+    style?: CSSProperties;
+};
+/**
+ * Bare minimum to make the toggle draggable.
+ * It is created for usage in the toggle only but could easily be extracted and used elsewhere.
+ *
+ * It is called `DraggableX` since it's only for dragging along the x-axis.
+ */
+export declare const DraggableX: ({ children, disabled, onStart, onDrag, onStop, bounds, position, style, }: DraggableXProps) => ReactElement<SwitchThumbProps, string | import('react').JSXElementConstructor<any>> | null;
+//# sourceMappingURL=DraggableX.d.ts.map

package/dist/components/toggle/src/DraggableX.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableX.d.ts","sourceRoot":"","sources":["../../../../../../components/toggle/src/DraggableX.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EAElB,KAAK,YAAY,EAIlB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,2EASxB,eAAe,+FAuFjB,CAAC"}

package/dist/components/toggle/src/hooks/useResizeObserver.d.ts

@@ -0,0 +1,14 @@
+import { RefObject } from 'react';
+type Size = {
+    width: number | undefined;
+    height: number | undefined;
+};
+type UseResizeObserverOptions<T extends HTMLElement = HTMLElement> = {
+    ref: RefObject<T | null>;
+    onResize?: (size: Size) => void;
+    box?: "border-box" | "content-box" | "device-pixel-content-box";
+    round?: boolean;
+};
+export declare function useResizeObserver<T extends HTMLElement = HTMLElement>(options: UseResizeObserverOptions<T>): Size;
+export {};
+//# sourceMappingURL=useResizeObserver.d.ts.map

package/dist/components/toggle/src/hooks/useResizeObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../../../../../../components/toggle/src/hooks/useResizeObserver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,KAAK,IAAI,GAAG;IACV,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CAAC;AAEF,KAAK,wBAAwB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI;IACnE,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,GAAG,CAAC,EAAE,YAAY,GAAG,aAAa,GAAG,0BAA0B,CAAC;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAOF,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EACnE,OAAO,EAAE,wBAAwB,CAAC,CAAC,CAAC,GACnC,IAAI,CA0DN"}

package/dist/components/toggle/src/hooks/useToggleDrag.d.ts

@@ -0,0 +1,22 @@
+import { RefObject } from 'react';
+type UseToggleDragProps = {
+    checked: boolean;
+    onChange: ((checked: boolean) => void) | undefined;
+};
+export declare const useToggleDrag: ({ checked, onChange }: UseToggleDragProps) => {
+    trackRef: RefObject<HTMLDivElement | null>;
+    thumbRef: RefObject<HTMLSpanElement | null>;
+    isDragging: boolean;
+    bounds: {
+        left: number;
+        right: number;
+    };
+    position: number;
+    onDrag: ({ x }: {
+        x: number;
+    }) => void;
+    onStop: () => void;
+    onChangeWithDrag: () => void;
+};
+export {};
+//# sourceMappingURL=useToggleDrag.d.ts.map

package/dist/components/toggle/src/hooks/useToggleDrag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggleDrag.d.ts","sourceRoot":"","sources":["../../../../../../../components/toggle/src/hooks/useToggleDrag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AAIzD,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACpD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,uBAAuB,kBAAkB;;;;;;;;;oBAiB9C;QAAE,CAAC,EAAE,MAAM,CAAA;KAAE;;;CAiCrC,CAAC"}

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

@@ -0,0 +1,58 @@
+import { default as React } from 'react';
+import { BaseProps } from '../../../libraries/common-types/src/common-types';
+export type ToggleProps = Omit<BaseProps<"button">, "onChange" | "children" | "id"> & {
+    /**
+     * To use when no label is given.
+     * */
+    ["aria-label"]?: string;
+    /**
+     * To use with custom label (not recommended).
+     * */
+    ["aria-labelledby"]?: string;
+    /**
+     * The controlled state of the toggle. Must be used in conjunction with `onChange`.
+     * */
+    checked?: boolean;
+    /**
+     * The state of the toggle when it is initially rendered. Use when you do not need to control its state.
+     * */
+    defaultChecked?: boolean;
+    /**
+     * When `true`, prevents the user from interacting with the toggle.
+     * */
+    disabled?: boolean;
+    /**
+     * When `true`, the toggle isn't draggable.
+     * */
+    disableDrag?: boolean;
+    /**
+     * ID of the toggle.
+     * */
+    id: string;
+    /**
+     * The label of the toggle.
+     * */
+    label?: string;
+    /**
+     * Set to decide which side of the toggle the label should be rendered.
+     * */
+    labelPosition?: "left" | "right";
+    /**
+     * The name of the toggle. Submitted with its owning form as part of a name/value pair, when wrapped in a form.
+     * */
+    name?: string;
+    /**
+     * Event handler called when the toggle is toggled.
+     * */
+    onChange?: (checked: boolean) => void;
+    /**
+     * When `true`, indicates that the user must check the toggle before the owning form can be submitted..
+     * */
+    required?: boolean;
+    /**
+     * The value given as data when wrapped with a form and submitted with a name.
+     * */
+    value?: string;
+};
+export declare const Toggle: React.ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../../../components/toggle/src/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAYtD,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,IAAI,CAAC,GAAG;IACpF;;SAEK;IACL,CAAC,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC;IACxB;;SAEK;IACL,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAC;IAC7B;;SAEK;IACL,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;SAEK;IACL,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;SAEK;IACL,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;SAEK;IACL,EAAE,EAAE,MAAM,CAAC;IACX;;SAEK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;SAEK;IACL,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC;;SAEK;IACL,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;SAEK;IACL,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;SAEK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAKF,eAAO,MAAM,MAAM,oGAuElB,CAAC"}

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

@@ -0,0 +1,59 @@
+import { default as React, ReactNode } from 'react';
+import { Size } from '../../../libraries/action/src/action';
+import { BaseProps } from '../../../libraries/common-types/src/common-types';
+export declare const TOOLTIP_POSITION: {
+    readonly TOP: "top";
+    readonly BOTTOM: "bottom";
+    readonly LEFT: "left";
+    readonly RIGHT: "right";
+};
+export type TooltipPosition = (typeof TOOLTIP_POSITION)[keyof typeof TOOLTIP_POSITION];
+export declare const TOOLTIP_ALIGN: {
+    readonly START: "start";
+    readonly CENTER: "center";
+    readonly END: "end";
+};
+export type TooltipAlign = (typeof TOOLTIP_ALIGN)[keyof typeof TOOLTIP_ALIGN];
+type WithTriggerElement = {
+    triggerElement: ReactNode;
+    triggerAriaLabel?: never;
+};
+type WithoutTriggeElement = {
+    triggerElement?: never;
+    triggerAriaLabel: string;
+};
+export type TooltipProps = Omit<BaseProps, "children"> & {
+    align?: TooltipAlign;
+    buttonSize?: Size;
+    children: ReactNode;
+    negative?: boolean;
+    position?: TooltipPosition;
+    triggerAriaLabel?: string;
+    triggerElement?: ReactNode;
+    contentClassName?: string;
+} & (WithTriggerElement | WithoutTriggeElement);
+export declare const Tooltip: React.ForwardRefExoticComponent<(Omit<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    [key: `data-${string}`]: string | undefined;
+}, "children"> & {
+    align?: TooltipAlign;
+    buttonSize?: Size;
+    children: ReactNode;
+    negative?: boolean;
+    position?: TooltipPosition;
+    triggerAriaLabel?: string;
+    triggerElement?: ReactNode;
+    contentClassName?: string;
+} & WithTriggerElement, "ref"> | Omit<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    [key: `data-${string}`]: string | undefined;
+}, "children"> & {
+    align?: TooltipAlign;
+    buttonSize?: Size;
+    children: ReactNode;
+    negative?: boolean;
+    position?: TooltipPosition;
+    triggerAriaLabel?: string;
+    triggerElement?: ReactNode;
+    contentClassName?: string;
+} & WithoutTriggeElement, "ref">) & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../../components/tooltip/src/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwB,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAWtD,eAAO,MAAM,gBAAgB;;;;;CAKnB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAEvF,eAAO,MAAM,aAAa;;;;CAIhB,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE9E,KAAK,kBAAkB,GAAG;IACxB,cAAc,EAAE,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,KAAK,CAAC;CAC1B,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IACvD,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,GAAG,CAAC,kBAAkB,GAAG,oBAAoB,CAAC,CAAC;AAIhD,eAAO,MAAM,OAAO;;;YAZV,YAAY;iBACP,IAAI;cACP,SAAS;eACR,OAAO;eACP,eAAe;uBACP,MAAM;qBACR,SAAS;uBACP,MAAM;;;;YAPjB,YAAY;iBACP,IAAI;cACP,SAAS;eACR,OAAO;eACP,eAAe;uBACP,MAAM;qBACR,SAAS;uBACP,MAAM;2EA4F1B,CAAC"}

package/dist/components/visually-hidden/src/visually-hidden.d.ts

@@ -0,0 +1,12 @@
+import { default as React, ReactNode } from 'react';
+import * as RadixVisuallyHidden from "@radix-ui/react-visually-hidden";
+export type VisuallyHiddenProps = React.ComponentPropsWithoutRef<typeof RadixVisuallyHidden.Root> & {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * */
+    asChild?: boolean;
+    children: ReactNode;
+    ["data-testid"]?: string;
+};
+export declare const VisuallyHidden: ({ asChild, children, ...props }: VisuallyHiddenProps) => React.JSX.Element;
+//# sourceMappingURL=visually-hidden.d.ts.map

package/dist/components/visually-hidden/src/visually-hidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.d.ts","sourceRoot":"","sources":["../../../../../../components/visually-hidden/src/visually-hidden.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,mBAAmB,MAAM,iCAAiC,CAAC;AAEvE,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAC9D,OAAO,mBAAmB,CAAC,IAAI,CAChC,GAAG;IACF;;SAEK;IACL,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,iCAAiC,mBAAmB,sBAIlF,CAAC"}

package/dist/footer-DcWsihxS.mjs

@@ -0,0 +1,311 @@
+import { jsxs as c, Fragment as L, jsx as o } from "react/jsx-runtime";
+import { createElement as f } from "react";
+import { a as w } from "./container-Bw12NgHN.mjs";
+import { a as $ } from "./link-DY5WLpyc.mjs";
+import { S as x } from "./select-BEmu_fh9.mjs";
+import { u as F } from "./ThemeProvider-CrjMv3M8.mjs";
+import { u as S } from "./useColorScheme-DRQcbSog.mjs";
+import { c as g } from "./bind-CU-R61T-.mjs";
+import { A as y } from "./accordion-DWflnyWa.mjs";
+import { b as T } from "./icon.es-CZcKxTaM.mjs";
+const r = "purpur-footer", C = {
+  "purpur-footer": "_purpur-footer_yqb4h_1",
+  "purpur-footer__container": "_purpur-footer__container_yqb4h_8",
+  "purpur-footer__logo": "_purpur-footer__logo_yqb4h_30",
+  "purpur-footer__logo--telia": "_purpur-footer__logo--telia_yqb4h_34",
+  "purpur-footer__social": "_purpur-footer__social_yqb4h_54",
+  "purpur-footer__social--md": "_purpur-footer__social--md_yqb4h_70",
+  "purpur-footer__social--sm": "_purpur-footer__social--sm_yqb4h_78",
+  "purpur-footer__social-link": "_purpur-footer__social-link_yqb4h_87",
+  "purpur-footer__navigation": "_purpur-footer__navigation_yqb4h_107",
+  "purpur-footer__navigation-section": "_purpur-footer__navigation-section_yqb4h_116",
+  "purpur-footer__navigation-section-heading": "_purpur-footer__navigation-section-heading_yqb4h_119",
+  "purpur-footer__navigation--lg": "_purpur-footer__navigation--lg_yqb4h_142",
+  "purpur-footer__navigation--sm": "_purpur-footer__navigation--sm_yqb4h_156",
+  "purpur-footer__custom-link-navigation": "_purpur-footer__custom-link-navigation_yqb4h_180",
+  "purpur-footer__payments": "_purpur-footer__payments_yqb4h_202",
+  "purpur-footer__payments-image": "_purpur-footer__payments-image_yqb4h_219",
+  "purpur-footer__contacts": "_purpur-footer__contacts_yqb4h_223",
+  "purpur-footer__contacts-copyright": "_purpur-footer__contacts-copyright_yqb4h_238",
+  "purpur-footer__contacts-address": "_purpur-footer__contacts-address_yqb4h_243",
+  "purpur-footer__theme-select": "_purpur-footer__theme-select_yqb4h_247",
+  "purpur-footer__additional": "_purpur-footer__additional_yqb4h_263",
+  "purpur-footer__additional-links": "_purpur-footer__additional-links_yqb4h_280",
+  "purpur-footer__custom-content": "_purpur-footer__custom-content_yqb4h_292"
+}, u = g.bind(C), N = ({ links: l, customLink: _ }) => /* @__PURE__ */ o("ul", { children: l.map(({ href: t, text: e, ...a }, p) => /* @__PURE__ */ o("li", { children: _ ? /* @__PURE__ */ o(
+  _,
+  {
+    ...a,
+    href: t,
+    className: u(`${r}__custom-link-navigation`),
+    children: e
+  }
+) : /* @__PURE__ */ o($, { ...a, variant: "navigation", negative: !0, href: t, disableVisited: !0, children: e }) }, p)) }), j = ({
+  navigationLinks: l,
+  sectionProps: _,
+  customLink: t
+}) => /* @__PURE__ */ c(L, { children: [
+  /* @__PURE__ */ o(
+    "section",
+    {
+      ..._,
+      className: u(
+        `${r}__navigation`,
+        `${r}__navigation--lg`,
+        _?.className
+      ),
+      children: l.map((e, a) => /* @__PURE__ */ c("div", { className: u(`${r}__navigation-section`), children: [
+        /* @__PURE__ */ o("h3", { className: u(`${r}__navigation-section-heading`), children: e.heading }),
+        /* @__PURE__ */ o(N, { links: e.links, customLink: t })
+      ] }, a))
+    }
+  ),
+  /* @__PURE__ */ o(
+    "section",
+    {
+      ..._,
+      className: u(
+        `${r}__navigation`,
+        `${r}__navigation--sm`,
+        _?.className
+      ),
+      children: /* @__PURE__ */ o(y, { negative: !0, children: l.map((e, a) => /* @__PURE__ */ o(
+        y.Item,
+        {
+          title: e.heading,
+          titleTag: "h2",
+          className: u(`${r}__navigation-section`),
+          children: /* @__PURE__ */ o(N, { links: e.links, customLink: t })
+        },
+        a
+      )) })
+    }
+  )
+] }), A = g.bind(C), b = ({ icon: l, href: _, ...t }) => /* @__PURE__ */ o(
+  "a",
+  {
+    ...t,
+    href: _,
+    className: A(`${r}__social-link`),
+    rel: "noreferrer",
+    target: "_blank",
+    children: /* @__PURE__ */ o(T, { svg: l })
+  }
+), B = () => /* @__PURE__ */ c(
+  "svg",
+  {
+    width: "81",
+    height: "32",
+    viewBox: "0 0 81 32",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ c("g", { clipPath: "url(#clip0_5309_7721)", children: [
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M81.28 16.8043V25.2064H78.5458V23.8293C77.6183 25.04 76.1438 25.4912 74.9076 25.4912C72.3401 25.4912 70.8186 23.8773 70.8186 21.8592C70.8186 19.5573 73.4107 17.6821 76.5723 17.6821C77.1909 17.6821 77.8566 17.7301 78.4507 17.92V17.1371C78.4507 15.9499 77.7615 15.3333 76.3586 15.3333C75.0989 15.3333 73.9812 15.9744 73.2921 16.8053L71.2235 15.2864C72.3882 13.9339 74.3862 12.9845 76.4067 12.9845C79.5683 12.9824 81.28 14.3595 81.28 16.8043ZM78.4507 20.6251V20.1024C77.9752 19.936 77.4762 19.8891 76.8576 19.8891C74.7174 19.8891 73.6244 20.7435 73.6244 21.7877C73.6244 22.6421 74.3616 23.1883 75.4792 23.1883C76.9527 23.1883 78.4507 22.3104 78.4507 20.6251Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M65.8021 9.968C65.8021 9.04214 66.6109 8.28267 67.5373 8.28267C68.4412 8.28267 69.249 9.04214 69.249 9.968C69.249 10.8939 68.4401 11.6533 67.5373 11.6533C66.6109 11.6533 65.8021 10.8939 65.8021 9.968ZM66.0638 25.2064V13.3387H68.9883V25.2064H66.0638Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M64.2806 25.2533C63.8286 25.3483 63.3531 25.3717 62.9257 25.3717C60.8337 25.3717 59.9062 24.3744 59.9062 22.3573V8.59093H62.8306V21.9541C62.8306 22.9749 63.4493 23.1168 64.2806 23.0219V25.2533Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M58.0513 20.1035H49.2781C49.5869 21.8603 50.8477 23.0229 52.4643 23.0229C53.677 23.0229 54.6514 22.4768 55.2466 21.5755L57.5769 22.976C56.3877 24.5664 54.4388 25.5157 52.4653 25.5157C49.2086 25.5157 46.3793 22.9291 46.3793 19.2256C46.3793 15.5221 49.1851 12.96 52.3232 12.96C56.4347 12.9589 58.4552 16.2347 58.0513 20.1035ZM49.3732 17.8955H55.222C54.8651 16.3531 53.8672 15.3792 52.3211 15.3792C50.8712 15.3803 49.7771 16.3765 49.3732 17.8955Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M48.6359 11.2971H43.69V25.2064H40.5518V11.2971H35.5589V8.59093H48.6359V11.2971Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M16.9321 27.4656C11.5983 29.6245 8.54567 28.9365 6.85855 27.5904L6.83397 27.5712C9.44532 30.1717 12.4221 32.0011 15.0324 32.0011C19.6033 32.0011 25.8614 26.4651 28.8232 17.8805C27.1542 20.9792 23.5727 24.7861 16.9321 27.4656Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M20.9806 22.4843C25.137 20.0779 28.8809 15.9968 30.0616 13.0869C30.3971 10.6784 30.4654 10.3744 30.506 7.7248C30.5114 7.35787 30.4889 7.00587 30.4548 6.6688C30.2122 10.56 25.1743 15.4528 18.5092 18.6496C10.4689 22.5056 4.43738 23.5435 1.74589 20.6027C2.6808 22.4459 3.29411 23.3408 4.34549 24.7083C7.45048 27.4539 13.9853 26.5355 20.9806 22.4843Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M17.5721 15.8923C25.1562 12.24 30.4387 7.04427 29.5177 3.6C28.0058 0.993067 24.9457 0 21.6644 0C11.9381 0 0 6.4 0 14.5653C0 15.6149 0.231859 16.7883 0.647496 18.0181C2.86565 20.9568 9.64833 19.7077 17.5721 15.8923Z",
+            fill: "currentColor"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("clipPath", { id: "clip0_5309_7721", children: /* @__PURE__ */ o("rect", { width: "81", height: "32", fill: "currentColor" }) }) })
+    ]
+  }
+), i = g.bind(C), E = ({
+  className: l,
+  navigation: _,
+  social: t,
+  contacts: e,
+  additional: a,
+  custom: p,
+  payments: d,
+  logo: v,
+  themeSelect: h,
+  forceColorScheme: k,
+  ...q
+}) => {
+  const V = i(l, r), { options: P } = F(), [M, Z] = S(), H = k ?? P?.footerColorScheme;
+  return /* @__PURE__ */ o("footer", { "data-color-scheme": H, className: V, ...q, children: /* @__PURE__ */ o(w, { children: /* @__PURE__ */ c("div", { className: i(`${r}__container`), children: [
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: i(`${r}__logo`, {
+          [`${r}__logo--telia`]: !v
+        }),
+        children: v ?? /* @__PURE__ */ o(B, {})
+      }
+    ),
+    t && /* @__PURE__ */ o(
+      "section",
+      {
+        ...t.sectionProps,
+        className: i(
+          `${r}__social`,
+          `${r}__social--md`,
+          t.sectionProps?.className
+        ),
+        children: t.links.map(({ icon: s, href: n, ...m }) => /* @__PURE__ */ f(b, { ...m, icon: s, href: n, key: n }))
+      }
+    ),
+    _ && /* @__PURE__ */ o(
+      j,
+      {
+        customLink: _.customLink,
+        navigationLinks: _.links,
+        sectionProps: _.sectionProps
+      }
+    ),
+    d && /* @__PURE__ */ c(
+      "section",
+      {
+        ...d.sectionProps,
+        className: i(`${r}__payments`, d.sectionProps?.className),
+        children: [
+          d.content,
+          d.images?.map(({ alt: s, src: n }) => /* @__PURE__ */ o(
+            "img",
+            {
+              className: i(`${r}__payments-image`),
+              src: n,
+              alt: s
+            },
+            n
+          ))
+        ]
+      }
+    ),
+    h && /* @__PURE__ */ o("section", { className: i(`${r}__theme-select`), children: /* @__PURE__ */ o(
+      x,
+      {
+        value: M,
+        label: h.label,
+        options: h.options,
+        negative: !0,
+        onChange: (s) => {
+          Z(s.target.value);
+        }
+      }
+    ) }),
+    e && /* @__PURE__ */ c(
+      "section",
+      {
+        ...e.sectionProps,
+        className: i(`${r}__contacts`, e.sectionProps?.className),
+        children: [
+          e.copyright && /* @__PURE__ */ o("div", { className: i(`${r}__contacts-copyright`), children: e.copyright }),
+          e.address && /* @__PURE__ */ o(
+            "address",
+            {
+              ...e.address.addressProps,
+              className: i(
+                `${r}__contacts-address`,
+                e.address.addressProps?.className
+              ),
+              children: e.address.content
+            }
+          )
+        ]
+      }
+    ),
+    (p || a) && /* @__PURE__ */ c("div", { className: i(`${r}__additional`), children: [
+      p && /* @__PURE__ */ o(
+        "section",
+        {
+          ...p.sectionProps,
+          className: i(`${r}__custom-content`, p.sectionProps?.className),
+          children: p.content
+        }
+      ),
+      a && /* @__PURE__ */ o(
+        "section",
+        {
+          ...a.sectionProps,
+          className: i(
+            `${r}__additional-links`,
+            a.sectionProps?.className
+          ),
+          children: a?.links?.map(({ href: s, text: n, ...m }) => /* @__PURE__ */ f(
+            $,
+            {
+              ...m,
+              variant: "standalone",
+              negative: !0,
+              href: s,
+              key: s,
+              disableVisited: !0
+            },
+            n
+          ))
+        }
+      )
+    ] }),
+    t && /* @__PURE__ */ o(
+      "section",
+      {
+        ...t.sectionProps,
+        className: i(
+          `${r}__social`,
+          `${r}__social--sm`,
+          t.sectionProps?.className
+        ),
+        children: t.links.map(({ icon: s, href: n, ...m }) => /* @__PURE__ */ f(b, { ...m, icon: s, href: n, key: n }))
+      }
+    )
+  ] }) }) });
+};
+E.displayName = "Footer";
+export {
+  E as F
+};
+//# sourceMappingURL=footer-DcWsihxS.mjs.map

package/dist/footer-DcWsihxS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-DcWsihxS.mjs","sources":["../../../components/footer/src/constants.ts","../../../components/footer/src/footer-navigation.tsx","../../../components/footer/src/footer-social-link.tsx","../../../components/footer/src/telia-logo.tsx","../../../components/footer/src/footer.tsx"],"sourcesContent":["export const rootClassName = \"purpur-footer\";\n","import React, { type AnchorHTMLAttributes, type ForwardRefExoticComponent } from \"react\";\nimport { Accordion } from \"@purpur/accordion\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Link } from \"@purpur/link\";\nimport c from \"classnames/bind\";\n\nimport { rootClassName } from \"./constants\";\nimport styles from \"./footer.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type FooterNavigationItemLink = Omit<BaseProps<\"a\">, \"href\"> & {\n  text: string;\n  href: string;\n};\n\nexport type FooterNavigationItem = {\n  heading: string;\n  links: FooterNavigationItemLink[];\n};\n\nexport type CustomLinkType =\n  | ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement>>\n  | \"a\";\n\ntype NavigationLinksProps = {\n  links: FooterNavigationItemLink[];\n  customLink?: CustomLinkType;\n};\n\nconst NavigationLinks = ({ links, customLink: CustomLink }: NavigationLinksProps) => (\n  <ul>\n    {links.map(({ href, text, ...linkProps }, j) => (\n      <li key={j}>\n        {CustomLink ? (\n          <CustomLink\n            {...linkProps}\n            href={href}\n            className={cx(`${rootClassName}__custom-link-navigation`)}\n          >\n            {text}\n          </CustomLink>\n        ) : (\n          <Link {...linkProps} variant=\"navigation\" negative href={href} disableVisited={true}>\n            {text}\n          </Link>\n        )}\n      </li>\n    ))}\n  </ul>\n);\n\ntype FooterNavigationProps = {\n  customLink?: CustomLinkType;\n  sectionProps?: Omit<BaseProps<\"section\">, \"children\">;\n  navigationLinks: FooterNavigationItem[];\n};\n\nexport const FooterNavigation = ({\n  navigationLinks,\n  sectionProps,\n  customLink,\n}: FooterNavigationProps) => (\n  <>\n    <section\n      {...sectionProps}\n      className={cx(\n        `${rootClassName}__navigation`,\n        `${rootClassName}__navigation--lg`,\n        sectionProps?.className\n      )}\n    >\n      {navigationLinks.map((section, i) => (\n        <div key={i} className={cx(`${rootClassName}__navigation-section`)}>\n          <h3 className={cx(`${rootClassName}__navigation-section-heading`)}>{section.heading}</h3>\n          <NavigationLinks links={section.links} customLink={customLink} />\n        </div>\n      ))}\n    </section>\n    <section\n      {...sectionProps}\n      className={cx(\n        `${rootClassName}__navigation`,\n        `${rootClassName}__navigation--sm`,\n        sectionProps?.className\n      )}\n    >\n      <Accordion negative>\n        {navigationLinks.map((section, i) => (\n          <Accordion.Item\n            key={i}\n            title={section.heading}\n            titleTag=\"h2\"\n            className={cx(`${rootClassName}__navigation-section`)}\n          >\n            <NavigationLinks links={section.links} customLink={customLink} />\n          </Accordion.Item>\n        ))}\n      </Accordion>\n    </section>\n  </>\n);\n","import React from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Icon, type IconProps } from \"@purpur/icon\";\nimport c from \"classnames/bind\";\n\nimport { rootClassName } from \"./constants\";\nimport styles from \"./footer.module.scss\";\n\nexport type FooterSocialLinkProps = Omit<BaseProps<\"a\">, \"aria-label\" | \"href\" | \"children\"> & {\n  \"aria-label\": string;\n  icon: IconProps[\"svg\"];\n  href: string;\n};\n\nconst cx = c.bind(styles);\n\nexport const FooterSocialLink = ({ icon, href, ...props }: FooterSocialLinkProps) => (\n  <a\n    {...props}\n    href={href}\n    className={cx(`${rootClassName}__social-link`)}\n    rel=\"noreferrer\"\n    target=\"_blank\"\n  >\n    <Icon svg={icon} />\n  </a>\n);\n","import React from \"react\";\n\nexport const TeliaLogo = () => (\n  <svg\n    width=\"81\"\n    height=\"32\"\n    viewBox=\"0 0 81 32\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    role=\"img\"\n    aria-hidden=\"true\"\n  >\n    <g clipPath=\"url(#clip0_5309_7721)\">\n      <path\n        d=\"M81.28 16.8043V25.2064H78.5458V23.8293C77.6183 25.04 76.1438 25.4912 74.9076 25.4912C72.3401 25.4912 70.8186 23.8773 70.8186 21.8592C70.8186 19.5573 73.4107 17.6821 76.5723 17.6821C77.1909 17.6821 77.8566 17.7301 78.4507 17.92V17.1371C78.4507 15.9499 77.7615 15.3333 76.3586 15.3333C75.0989 15.3333 73.9812 15.9744 73.2921 16.8053L71.2235 15.2864C72.3882 13.9339 74.3862 12.9845 76.4067 12.9845C79.5683 12.9824 81.28 14.3595 81.28 16.8043ZM78.4507 20.6251V20.1024C77.9752 19.936 77.4762 19.8891 76.8576 19.8891C74.7174 19.8891 73.6244 20.7435 73.6244 21.7877C73.6244 22.6421 74.3616 23.1883 75.4792 23.1883C76.9527 23.1883 78.4507 22.3104 78.4507 20.6251Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M65.8021 9.968C65.8021 9.04214 66.6109 8.28267 67.5373 8.28267C68.4412 8.28267 69.249 9.04214 69.249 9.968C69.249 10.8939 68.4401 11.6533 67.5373 11.6533C66.6109 11.6533 65.8021 10.8939 65.8021 9.968ZM66.0638 25.2064V13.3387H68.9883V25.2064H66.0638Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M64.2806 25.2533C63.8286 25.3483 63.3531 25.3717 62.9257 25.3717C60.8337 25.3717 59.9062 24.3744 59.9062 22.3573V8.59093H62.8306V21.9541C62.8306 22.9749 63.4493 23.1168 64.2806 23.0219V25.2533Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M58.0513 20.1035H49.2781C49.5869 21.8603 50.8477 23.0229 52.4643 23.0229C53.677 23.0229 54.6514 22.4768 55.2466 21.5755L57.5769 22.976C56.3877 24.5664 54.4388 25.5157 52.4653 25.5157C49.2086 25.5157 46.3793 22.9291 46.3793 19.2256C46.3793 15.5221 49.1851 12.96 52.3232 12.96C56.4347 12.9589 58.4552 16.2347 58.0513 20.1035ZM49.3732 17.8955H55.222C54.8651 16.3531 53.8672 15.3792 52.3211 15.3792C50.8712 15.3803 49.7771 16.3765 49.3732 17.8955Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M48.6359 11.2971H43.69V25.2064H40.5518V11.2971H35.5589V8.59093H48.6359V11.2971Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M16.9321 27.4656C11.5983 29.6245 8.54567 28.9365 6.85855 27.5904L6.83397 27.5712C9.44532 30.1717 12.4221 32.0011 15.0324 32.0011C19.6033 32.0011 25.8614 26.4651 28.8232 17.8805C27.1542 20.9792 23.5727 24.7861 16.9321 27.4656Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M20.9806 22.4843C25.137 20.0779 28.8809 15.9968 30.0616 13.0869C30.3971 10.6784 30.4654 10.3744 30.506 7.7248C30.5114 7.35787 30.4889 7.00587 30.4548 6.6688C30.2122 10.56 25.1743 15.4528 18.5092 18.6496C10.4689 22.5056 4.43738 23.5435 1.74589 20.6027C2.6808 22.4459 3.29411 23.3408 4.34549 24.7083C7.45048 27.4539 13.9853 26.5355 20.9806 22.4843Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M17.5721 15.8923C25.1562 12.24 30.4387 7.04427 29.5177 3.6C28.0058 0.993067 24.9457 0 21.6644 0C11.9381 0 0 6.4 0 14.5653C0 15.6149 0.231859 16.7883 0.647496 18.0181C2.86565 20.9568 9.64833 19.7077 17.5721 15.8923Z\"\n        fill=\"currentColor\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_5309_7721\">\n        <rect width=\"81\" height=\"32\" fill=\"currentColor\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\n","import React, { type ReactElement, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Container } from \"@purpur/container\";\nimport { Link, type LinkProps } from \"@purpur/link\";\nimport { Select } from \"@purpur/select\";\nimport { type ColorOptions, type ColorScheme, useColorScheme, useTheme } from \"@purpur/theme\";\nimport c from \"classnames/bind\";\n\nimport { rootClassName } from \"./constants\";\nimport styles from \"./footer.module.scss\";\nimport {\n  type CustomLinkType,\n  FooterNavigation,\n  type FooterNavigationItem,\n  type FooterNavigationItemLink,\n} from \"./footer-navigation\";\nimport { FooterSocialLink, type FooterSocialLinkProps } from \"./footer-social-link\";\nimport { TeliaLogo } from \"./telia-logo\";\n\nconst cx = c.bind(styles);\n\ntype AdditionalLink = FooterNavigationItemLink &\n  Omit<LinkProps, \"href\" | \"variant\" | \"negative\" | \"children\" | \"disableVisited\">;\n\ntype SectionProps = Omit<BaseProps<\"section\">, \"children\">;\n\nexport type FooterProps = BaseProps<\"footer\"> & {\n  /**\n   * Navigation section of the footer.\n   */\n  navigation?: {\n    customLink?: CustomLinkType;\n    links: FooterNavigationItem[];\n    sectionProps?: SectionProps;\n  };\n  /**\n   * Social links section of the footer.\n   */\n  social?: {\n    links: FooterSocialLinkProps[];\n    sectionProps?: SectionProps;\n  };\n  /**\n   * Contacts section of the footer.\n   */\n  contacts?: {\n    copyright?: string;\n    address?: {\n      content: ReactElement;\n      addressProps?: Omit<BaseProps<\"address\">, \"children\">;\n    };\n    sectionProps?: SectionProps;\n  };\n  /**\n   * Additional links section of the footer.\n   */\n  additional?: {\n    links: AdditionalLink[];\n    sectionProps?: SectionProps;\n  };\n  /**\n   * Custom content section of the footer.\n   */\n  custom?: {\n    content: ReactElement;\n    sectionProps?: SectionProps;\n  };\n  /**\n   * Payment images section of the footer.\n   */\n  payments?: {\n    /**\n     * @deprecated use content instead\n     */\n    images?: { src: string; alt: string }[];\n    content?: ReactElement | ReactElement[];\n    sectionProps?: SectionProps;\n  };\n  /**\n   * Custom logo that replaces the default Telia logo.\n   */\n  logo?: ReactNode;\n  themeSelect?: {\n    label: string;\n    options: { value: ColorOptions; label: string }[];\n  };\n  forceColorScheme?: ColorScheme;\n};\n\nexport const Footer = ({\n  className,\n  navigation,\n  social,\n  contacts,\n  additional,\n  custom,\n  payments,\n  logo,\n  themeSelect,\n  forceColorScheme,\n  ...props\n}: FooterProps) => {\n  const classes = cx(className, rootClassName);\n\n  const { options } = useTheme();\n  const [colorScheme, setColorScheme] = useColorScheme();\n\n  const resolvedColorScheme = forceColorScheme ?? options?.footerColorScheme;\n\n  return (\n    <footer data-color-scheme={resolvedColorScheme} className={classes} {...props}>\n      <Container>\n        <div className={cx(`${rootClassName}__container`)}>\n          <div\n            className={cx(`${rootClassName}__logo`, {\n              [`${rootClassName}__logo--telia`]: !logo,\n            })}\n          >\n            {logo ?? <TeliaLogo />}\n          </div>\n          {social && (\n            <section\n              {...social.sectionProps}\n              className={cx(\n                `${rootClassName}__social`,\n                `${rootClassName}__social--md`,\n                social.sectionProps?.className\n              )}\n            >\n              {social.links.map(({ icon, href, ...socialLinkProps }) => (\n                <FooterSocialLink {...socialLinkProps} icon={icon} href={href} key={href} />\n              ))}\n            </section>\n          )}\n          {navigation && (\n            <FooterNavigation\n              customLink={navigation.customLink}\n              navigationLinks={navigation.links}\n              sectionProps={navigation.sectionProps}\n            />\n          )}\n          {payments && (\n            <section\n              {...payments.sectionProps}\n              className={cx(`${rootClassName}__payments`, payments.sectionProps?.className)}\n            >\n              {payments.content}\n              {payments.images?.map(({ alt, src }) => (\n                <img\n                  className={cx(`${rootClassName}__payments-image`)}\n                  src={src}\n                  alt={alt}\n                  key={src}\n                />\n              ))}\n            </section>\n          )}\n          {themeSelect && (\n            <section className={cx(`${rootClassName}__theme-select`)}>\n              <Select\n                value={colorScheme}\n                label={themeSelect.label}\n                options={themeSelect.options}\n                negative\n                onChange={(event) => {\n                  setColorScheme(event.target.value as ColorOptions);\n                }}\n              />\n            </section>\n          )}\n          {contacts && (\n            <section\n              {...contacts.sectionProps}\n              className={cx(`${rootClassName}__contacts`, contacts.sectionProps?.className)}\n            >\n              {contacts.copyright && (\n                <div className={cx(`${rootClassName}__contacts-copyright`)}>\n                  {contacts.copyright}\n                </div>\n              )}\n              {contacts.address && (\n                <address\n                  {...contacts.address.addressProps}\n                  className={cx(\n                    `${rootClassName}__contacts-address`,\n                    contacts.address.addressProps?.className\n                  )}\n                >\n                  {contacts.address.content}\n                </address>\n              )}\n            </section>\n          )}\n          {(custom || additional) && (\n            <div className={cx(`${rootClassName}__additional`)}>\n              {custom && (\n                <section\n                  {...custom.sectionProps}\n                  className={cx(`${rootClassName}__custom-content`, custom.sectionProps?.className)}\n                >\n                  {custom.content}\n                </section>\n              )}\n              {additional && (\n                <section\n                  {...additional.sectionProps}\n                  className={cx(\n                    `${rootClassName}__additional-links`,\n                    additional.sectionProps?.className\n                  )}\n                >\n                  {additional?.links?.map(({ href, text, ...additionalLinkProps }) => (\n                    <Link\n                      {...additionalLinkProps}\n                      variant=\"standalone\"\n                      negative\n                      href={href}\n                      key={href}\n                      disableVisited={true}\n                    >\n                      {text}\n                    </Link>\n                  ))}\n                </section>\n              )}\n            </div>\n          )}\n          {social && (\n            <section\n              {...social.sectionProps}\n              className={cx(\n                `${rootClassName}__social`,\n                `${rootClassName}__social--sm`,\n                social.sectionProps?.className\n              )}\n            >\n              {social.links.map(({ icon, href, ...socialLinkProps }) => (\n                <FooterSocialLink {...socialLinkProps} icon={icon} href={href} key={href} />\n              ))}\n            </section>\n          )}\n        </div>\n      </Container>\n    </footer>\n  );\n};\n\nFooter.displayName = \"Footer\";\n"],"names":["rootClassName","cx","c","styles","NavigationLinks","links","CustomLink","href","text","linkProps","j","jsx","Link","FooterNavigation","navigationLinks","sectionProps","customLink","jsxs","Fragment","section","i","Accordion","FooterSocialLink","icon","props","Icon","TeliaLogo","Footer","className","navigation","social","contacts","additional","custom","payments","logo","themeSelect","forceColorScheme","classes","options","useTheme","colorScheme","setColorScheme","useColorScheme","resolvedColorScheme","Container","socialLinkProps","createElement","alt","src","Select","event","additionalLinkProps"],"mappings":"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"}

package/dist/footer-DrjAwjuL.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),m=require("react"),Z=require("./container-DRwKIAjh.js"),y=require("./link-DhWVrkTz.js"),H=require("./select-DOqTJgTj.js"),L=require("./ThemeProvider-ipAIFRUi.js"),w=require("./useColorScheme-DNNu9bz0.js"),g=require("./bind-DeUYJ6m9.js"),x=require("./accordion-CF2fj2uq.js"),F=require("./icon.es-j3eRib6d.js"),r="purpur-footer",C={"purpur-footer":"_purpur-footer_yqb4h_1","purpur-footer__container":"_purpur-footer__container_yqb4h_8","purpur-footer__logo":"_purpur-footer__logo_yqb4h_30","purpur-footer__logo--telia":"_purpur-footer__logo--telia_yqb4h_34","purpur-footer__social":"_purpur-footer__social_yqb4h_54","purpur-footer__social--md":"_purpur-footer__social--md_yqb4h_70","purpur-footer__social--sm":"_purpur-footer__social--sm_yqb4h_78","purpur-footer__social-link":"_purpur-footer__social-link_yqb4h_87","purpur-footer__navigation":"_purpur-footer__navigation_yqb4h_107","purpur-footer__navigation-section":"_purpur-footer__navigation-section_yqb4h_116","purpur-footer__navigation-section-heading":"_purpur-footer__navigation-section-heading_yqb4h_119","purpur-footer__navigation--lg":"_purpur-footer__navigation--lg_yqb4h_142","purpur-footer__navigation--sm":"_purpur-footer__navigation--sm_yqb4h_156","purpur-footer__custom-link-navigation":"_purpur-footer__custom-link-navigation_yqb4h_180","purpur-footer__payments":"_purpur-footer__payments_yqb4h_202","purpur-footer__payments-image":"_purpur-footer__payments-image_yqb4h_219","purpur-footer__contacts":"_purpur-footer__contacts_yqb4h_223","purpur-footer__contacts-copyright":"_purpur-footer__contacts-copyright_yqb4h_238","purpur-footer__contacts-address":"_purpur-footer__contacts-address_yqb4h_243","purpur-footer__theme-select":"_purpur-footer__theme-select_yqb4h_247","purpur-footer__additional":"_purpur-footer__additional_yqb4h_263","purpur-footer__additional-links":"_purpur-footer__additional-links_yqb4h_280","purpur-footer__custom-content":"_purpur-footer__custom-content_yqb4h_292"},p=g.c.bind(C),j=({links:c,customLink:t})=>e.jsx("ul",{children:c.map(({href:s,text:o,..._},l)=>e.jsx("li",{children:t?e.jsx(t,{..._,href:s,className:p(`${r}__custom-link-navigation`),children:o}):e.jsx(y.Link,{..._,variant:"navigation",negative:!0,href:s,disableVisited:!0,children:o})},l))}),S=({navigationLinks:c,sectionProps:t,customLink:s})=>e.jsxs(e.Fragment,{children:[e.jsx("section",{...t,className:p(`${r}__navigation`,`${r}__navigation--lg`,t?.className),children:c.map((o,_)=>e.jsxs("div",{className:p(`${r}__navigation-section`),children:[e.jsx("h3",{className:p(`${r}__navigation-section-heading`),children:o.heading}),e.jsx(j,{links:o.links,customLink:s})]},_))}),e.jsx("section",{...t,className:p(`${r}__navigation`,`${r}__navigation--sm`,t?.className),children:e.jsx(x.Accordion,{negative:!0,children:c.map((o,_)=>e.jsx(x.Accordion.Item,{title:o.heading,titleTag:"h2",className:p(`${r}__navigation-section`),children:e.jsx(j,{links:o.links,customLink:s})},_))})})]}),T=g.c.bind(C),v=({icon:c,href:t,...s})=>e.jsx("a",{...s,href:t,className:T(`${r}__social-link`),rel:"noreferrer",target:"_blank",children:e.jsx(F.b,{svg:c})}),E=()=>e.jsxs("svg",{width:"81",height:"32",viewBox:"0 0 81 32",xmlns:"http://www.w3.org/2000/svg",role:"img","aria-hidden":"true",children:[e.jsxs("g",{clipPath:"url(#clip0_5309_7721)",children:[e.jsx("path",{d:"M81.28 16.8043V25.2064H78.5458V23.8293C77.6183 25.04 76.1438 25.4912 74.9076 25.4912C72.3401 25.4912 70.8186 23.8773 70.8186 21.8592C70.8186 19.5573 73.4107 17.6821 76.5723 17.6821C77.1909 17.6821 77.8566 17.7301 78.4507 17.92V17.1371C78.4507 15.9499 77.7615 15.3333 76.3586 15.3333C75.0989 15.3333 73.9812 15.9744 73.2921 16.8053L71.2235 15.2864C72.3882 13.9339 74.3862 12.9845 76.4067 12.9845C79.5683 12.9824 81.28 14.3595 81.28 16.8043ZM78.4507 20.6251V20.1024C77.9752 19.936 77.4762 19.8891 76.8576 19.8891C74.7174 19.8891 73.6244 20.7435 73.6244 21.7877C73.6244 22.6421 74.3616 23.1883 75.4792 23.1883C76.9527 23.1883 78.4507 22.3104 78.4507 20.6251Z",fill:"currentColor"}),e.jsx("path",{d:"M65.8021 9.968C65.8021 9.04214 66.6109 8.28267 67.5373 8.28267C68.4412 8.28267 69.249 9.04214 69.249 9.968C69.249 10.8939 68.4401 11.6533 67.5373 11.6533C66.6109 11.6533 65.8021 10.8939 65.8021 9.968ZM66.0638 25.2064V13.3387H68.9883V25.2064H66.0638Z",fill:"currentColor"}),e.jsx("path",{d:"M64.2806 25.2533C63.8286 25.3483 63.3531 25.3717 62.9257 25.3717C60.8337 25.3717 59.9062 24.3744 59.9062 22.3573V8.59093H62.8306V21.9541C62.8306 22.9749 63.4493 23.1168 64.2806 23.0219V25.2533Z",fill:"currentColor"}),e.jsx("path",{d:"M58.0513 20.1035H49.2781C49.5869 21.8603 50.8477 23.0229 52.4643 23.0229C53.677 23.0229 54.6514 22.4768 55.2466 21.5755L57.5769 22.976C56.3877 24.5664 54.4388 25.5157 52.4653 25.5157C49.2086 25.5157 46.3793 22.9291 46.3793 19.2256C46.3793 15.5221 49.1851 12.96 52.3232 12.96C56.4347 12.9589 58.4552 16.2347 58.0513 20.1035ZM49.3732 17.8955H55.222C54.8651 16.3531 53.8672 15.3792 52.3211 15.3792C50.8712 15.3803 49.7771 16.3765 49.3732 17.8955Z",fill:"currentColor"}),e.jsx("path",{d:"M48.6359 11.2971H43.69V25.2064H40.5518V11.2971H35.5589V8.59093H48.6359V11.2971Z",fill:"currentColor"}),e.jsx("path",{d:"M16.9321 27.4656C11.5983 29.6245 8.54567 28.9365 6.85855 27.5904L6.83397 27.5712C9.44532 30.1717 12.4221 32.0011 15.0324 32.0011C19.6033 32.0011 25.8614 26.4651 28.8232 17.8805C27.1542 20.9792 23.5727 24.7861 16.9321 27.4656Z",fill:"currentColor"}),e.jsx("path",{d:"M20.9806 22.4843C25.137 20.0779 28.8809 15.9968 30.0616 13.0869C30.3971 10.6784 30.4654 10.3744 30.506 7.7248C30.5114 7.35787 30.4889 7.00587 30.4548 6.6688C30.2122 10.56 25.1743 15.4528 18.5092 18.6496C10.4689 22.5056 4.43738 23.5435 1.74589 20.6027C2.6808 22.4459 3.29411 23.3408 4.34549 24.7083C7.45048 27.4539 13.9853 26.5355 20.9806 22.4843Z",fill:"currentColor"}),e.jsx("path",{d:"M17.5721 15.8923C25.1562 12.24 30.4387 7.04427 29.5177 3.6C28.0058 0.993067 24.9457 0 21.6644 0C11.9381 0 0 6.4 0 14.5653C0 15.6149 0.231859 16.7883 0.647496 18.0181C2.86565 20.9568 9.64833 19.7077 17.5721 15.8923Z",fill:"currentColor"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_5309_7721",children:e.jsx("rect",{width:"81",height:"32",fill:"currentColor"})})})]}),i=g.c.bind(C),N=({className:c,navigation:t,social:s,contacts:o,additional:_,custom:l,payments:u,logo:f,themeSelect:h,forceColorScheme:b,...q})=>{const $=i(c,r),{options:k}=L.useTheme(),[P,V]=w.useColorScheme(),M=b??k?.footerColorScheme;return e.jsx("footer",{"data-color-scheme":M,className:$,...q,children:e.jsx(Z.Container,{children:e.jsxs("div",{className:i(`${r}__container`),children:[e.jsx("div",{className:i(`${r}__logo`,{[`${r}__logo--telia`]:!f}),children:f??e.jsx(E,{})}),s&&e.jsx("section",{...s.sectionProps,className:i(`${r}__social`,`${r}__social--md`,s.sectionProps?.className),children:s.links.map(({icon:n,href:a,...d})=>m.createElement(v,{...d,icon:n,href:a,key:a}))}),t&&e.jsx(S,{customLink:t.customLink,navigationLinks:t.links,sectionProps:t.sectionProps}),u&&e.jsxs("section",{...u.sectionProps,className:i(`${r}__payments`,u.sectionProps?.className),children:[u.content,u.images?.map(({alt:n,src:a})=>e.jsx("img",{className:i(`${r}__payments-image`),src:a,alt:n},a))]}),h&&e.jsx("section",{className:i(`${r}__theme-select`),children:e.jsx(H.Select,{value:P,label:h.label,options:h.options,negative:!0,onChange:n=>{V(n.target.value)}})}),o&&e.jsxs("section",{...o.sectionProps,className:i(`${r}__contacts`,o.sectionProps?.className),children:[o.copyright&&e.jsx("div",{className:i(`${r}__contacts-copyright`),children:o.copyright}),o.address&&e.jsx("address",{...o.address.addressProps,className:i(`${r}__contacts-address`,o.address.addressProps?.className),children:o.address.content})]}),(l||_)&&e.jsxs("div",{className:i(`${r}__additional`),children:[l&&e.jsx("section",{...l.sectionProps,className:i(`${r}__custom-content`,l.sectionProps?.className),children:l.content}),_&&e.jsx("section",{..._.sectionProps,className:i(`${r}__additional-links`,_.sectionProps?.className),children:_?.links?.map(({href:n,text:a,...d})=>m.createElement(y.Link,{...d,variant:"standalone",negative:!0,href:n,key:n,disableVisited:!0},a))})]}),s&&e.jsx("section",{...s.sectionProps,className:i(`${r}__social`,`${r}__social--sm`,s.sectionProps?.className),children:s.links.map(({icon:n,href:a,...d})=>m.createElement(v,{...d,icon:n,href:a,key:a}))})]})})})};N.displayName="Footer";exports.Footer=N;
+//# sourceMappingURL=footer-DrjAwjuL.js.map