@via-profit/ui-kit 0.1.0-rc.76 → 0.1.0-rc.77

package/Accordion/AccordionActions.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type AccordionActionsProps = React.HTMLAttributes<HTMLDivElement> & {
+    readonly noPadding?: boolean;
+};
+declare const _default: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    readonly noPadding?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/Accordion/AccordionActions.js

@@ -0,0 +1,31 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const styled_1 = __importDefault(require("@emotion/styled"));
+const StyledActions = styled_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: ${({ $noPadding }) => ($noPadding ? '0' : '1rem 0')};
+  border-bottom-left-radius: inherit;
+  border-bottom-right-radius: inherit;
+`;
+const AccordionActions = (props, ref) => {
+    const { children, noPadding } = props, nativeProps = __rest(props, ["children", "noPadding"]);
+    return (react_1.default.createElement(StyledActions, Object.assign({}, nativeProps, { "$noPadding": Boolean(noPadding), ref: ref }), children));
+};
+exports.default = react_1.default.forwardRef(AccordionActions);

package/Accordion/AccordionContainer.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type AccordionContainerProps = React.HTMLAttributes<HTMLDivElement> & {
+    readonly inline?: boolean;
+};
+declare const _default: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    readonly inline?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/Accordion/AccordionContainer.js

@@ -0,0 +1,61 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const styled_1 = __importDefault(require("@emotion/styled"));
+const StyledAccordionContainer = styled_1.default.div `
+  display: ${({ $inline }) => ($inline ? 'inline-flex' : 'flex')};
+  box-sizing: border-box;
+  flex-direction: column;
+  background: ${({ theme }) => theme.color.surface.toString()};
+  color: ${({ theme }) => theme.color.textPrimary.toString()};
+  border-radius: ${({ theme }) => theme.shape.radiusFactor}em;
+  font-size: 1em;
+  position: relative;
+  margin-top: 1px;
+  box-shadow:
+    ${({ theme }) => theme.isDark
+    ? theme.color.backgroundSecondary.lighten(80).alpha(0.2).toString()
+    : theme.color.backgroundSecondary.lighten(50).alpha(0.2).toString()}
+      0px 2px 1px -1px,
+    ${({ theme }) => theme.isDark
+    ? theme.color.backgroundSecondary.lighten(80).alpha(0.14).toString()
+    : theme.color.backgroundSecondary.lighten(50).alpha(0.14).toString()}
+      0px 1px 1px 0px,
+    ${({ theme }) => theme.isDark
+    ? theme.color.backgroundSecondary.lighten(80).alpha(0.12).toString()
+    : theme.color.backgroundSecondary.lighten(50).alpha(0.12).toString()}
+      0px 1px 3px 0px;
+  margin-top: 1px;
+
+  &:has(+ div[class*='StyledAccordionContainer']) {
+    border-radius: ${({ theme }) => theme.shape.radiusFactor}em
+      ${({ theme }) => theme.shape.radiusFactor}em 0 0;
+  }
+
+  & + div[class*='StyledAccordionContainer'] {
+    border-radius: 0 0 0 0;
+  }
+  &:not(:has(+ div[class*='StyledAccordionContainer'])) {
+    border-radius: 0 0 ${({ theme }) => theme.shape.radiusFactor}em
+      ${({ theme }) => theme.shape.radiusFactor}em;
+  }
+`;
+const AccordionContainer = (props, ref) => {
+    const { inline, children } = props, nativeProps = __rest(props, ["inline", "children"]);
+    return (react_1.default.createElement(StyledAccordionContainer, Object.assign({ "$inline": inline }, nativeProps, { ref: ref }), children));
+};
+exports.default = react_1.default.forwardRef(AccordionContainer);

package/Accordion/AccordionContent.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type AccordionContentProps = React.HTMLAttributes<HTMLDivElement> & {
+    readonly noPadding?: boolean;
+    readonly isOpen: boolean;
+};
+declare const _default: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    readonly noPadding?: boolean | undefined;
+    readonly isOpen: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/Accordion/AccordionContent.js

@@ -0,0 +1,35 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const styled_1 = __importDefault(require("@emotion/styled"));
+const StyledAccordionContent = styled_1.default.div `
+  flex: 1;
+  overflow: auto;
+  transition: all 0.3s ease-out;
+  max-height: ${({ $isOpen }) => (!$isOpen ? '0px' : '90vh')};
+  box-sizing: content-box;
+  overflow: hidden;
+`;
+const Wrapper = styled_1.default.div `
+  padding: ${({ $noPadding }) => ($noPadding ? '0' : '1rem 1rem 0 1rem')};
+`;
+const AccordionContent = (props, ref) => {
+    const { children, noPadding, isOpen } = props, nativeProps = __rest(props, ["children", "noPadding", "isOpen"]);
+    return (react_1.default.createElement(StyledAccordionContent, Object.assign({ "$isOpen": isOpen }, nativeProps, { ref: ref }),
+        react_1.default.createElement(Wrapper, { "$noPadding": Boolean(noPadding) }, children)));
+};
+exports.default = react_1.default.forwardRef(AccordionContent);

package/Accordion/AccordionHeader.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type AccordionHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
+    readonly isOpen: boolean;
+    readonly onOpen: () => void;
+};
+declare const _default: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    readonly isOpen: boolean;
+    readonly onOpen: () => void;
+} & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/Accordion/AccordionHeader.js

@@ -0,0 +1,53 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const styled_1 = __importDefault(require("@emotion/styled"));
+const Button_1 = __importDefault(require("../Button"));
+const Chevron_1 = __importDefault(require("./Chevron"));
+const StyledHeader = styled_1.default.div `
+  padding: 1rem 1rem 1rem 1rem;
+  font-size: 1.3rem;
+  font-weight: 600;
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+  display: flex;
+  cursor: pointer;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+`;
+const StyledChevron = (0, styled_1.default)(Chevron_1.default, { shouldForwardProp: p => p[0] !== '$' }) `
+  transform: ${({ $isOpen }) => (!$isOpen ? 'rotate(180deg)' : 'rotate(0)')};
+  transition: all 0.3s ease-out;
+`;
+const StyledButton = (0, styled_1.default)(Button_1.default) `
+  width: 1rem;
+  height: 1rem;
+`;
+const HeaderCell = styled_1.default.div `
+  flex: 1;
+`;
+const Actions = styled_1.default.div ``;
+const AccordionHeader = (props, ref) => {
+    const { children, isOpen, onOpen } = props, nativeProps = __rest(props, ["children", "isOpen", "onOpen"]);
+    return (react_1.default.createElement(StyledHeader, Object.assign({}, nativeProps, { ref: ref, onClick: () => onOpen() }),
+        react_1.default.createElement(HeaderCell, null, children),
+        react_1.default.createElement(Actions, null,
+            react_1.default.createElement(StyledButton, { iconOnly: true, onClick: () => onOpen() },
+                react_1.default.createElement(StyledChevron, { "$isOpen": isOpen })))));
+};
+exports.default = react_1.default.forwardRef(AccordionHeader);

package/Accordion/Chevron.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export type ChevronProps = React.SVGAttributes<SVGSVGElement>;
+declare const _default: React.ForwardRefExoticComponent<ChevronProps & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/Accordion/Chevron.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const styled_1 = __importDefault(require("@emotion/styled"));
+const Path = styled_1.default.path `
+  fill: ${({ theme }) => theme.color.accentSecondary.toString()};
+`;
+const Spinner = (props, ref) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24" }, props, { ref: ref }),
+    react_1.default.createElement(Path, { d: "M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z" })));
+exports.default = react_1.default.forwardRef(Spinner);

package/Accordion/index.d.ts

@@ -0,0 +1,86 @@
+import * as React from 'react';
+import { AccordionContainerProps } from './AccordionContainer';
+import { AccordionHeaderProps } from './AccordionHeader';
+import { AccordionContentProps } from './AccordionContent';
+import { AccordionActionsProps } from './AccordionActions';
+export type AccordionProps = React.HTMLAttributes<HTMLDivElement> & {
+    readonly children: React.ReactNode | React.ReactNode[];
+    /**
+     * Header content
+     */
+    readonly header?: JSX.Element | string;
+    /**
+     * Actions content
+     */
+    readonly actions?: JSX.Element | string;
+    /**
+     * Overridable components map
+     */
+    readonly overrides?: AccordionOverrides;
+    /**
+     * This props ovveride default component open state
+     */
+    readonly isOpen?: boolean;
+    /**
+     * If `true` accordion will be opened by default
+     */
+    readonly defaultOpened?: boolean;
+    /**
+     * Callback function witch should open the accordion. You can forward your own function to make accordion controlled
+     */
+    readonly onOpen?: () => void;
+    /**
+     * If `true` initial padding of accorion content would be disabled
+     */
+    readonly noPadding?: boolean;
+};
+export interface AccordionOverrides {
+    /**
+     * Accordion container component
+     */
+    readonly Container?: React.ForwardRefExoticComponent<AccordionContainerProps & React.RefAttributes<HTMLDivElement>>;
+    /**
+     * Accordion header component
+     */
+    readonly Header?: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    /**
+     * Accordion content component
+     */
+    readonly Content?: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
+    /**
+     * Accordion footer component
+     */
+    readonly Actions?: React.ForwardRefExoticComponent<AccordionActionsProps & React.RefAttributes<HTMLDivElement>>;
+}
+declare const _default: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    readonly children: React.ReactNode | React.ReactNode[];
+    /**
+     * Header content
+     */
+    readonly header?: string | JSX.Element | undefined;
+    /**
+     * Actions content
+     */
+    readonly actions?: string | JSX.Element | undefined;
+    /**
+     * Overridable components map
+     */
+    readonly overrides?: AccordionOverrides | undefined;
+    /**
+     * This props ovveride default component open state
+     */
+    readonly isOpen?: boolean | undefined;
+    /**
+     * If `true` accordion will be opened by default
+     */
+    readonly defaultOpened?: boolean | undefined;
+    /**
+     * Callback function witch should open the accordion. You can forward your own function to make accordion controlled
+     */
+    readonly onOpen?: (() => void) | undefined;
+    /**
+     * If `true` initial padding of accorion content would be disabled
+     */
+    readonly noPadding?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/Accordion/index.js

@@ -0,0 +1,65 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const AccordionContainer_1 = __importDefault(require("./AccordionContainer"));
+const AccordionHeader_1 = __importDefault(require("./AccordionHeader"));
+const AccordionContent_1 = __importDefault(require("./AccordionContent"));
+const AccordionActions_1 = __importDefault(require("./AccordionActions"));
+const Accordion = (props, ref) => {
+    const { children, header, actions, isOpen, onOpen, overrides, noPadding, defaultOpened } = props, nativeProps = __rest(props, ["children", "header", "actions", "isOpen", "onOpen", "overrides", "noPadding", "defaultOpened"]);
+    const hasActions = typeof actions !== 'undefined' && actions !== null;
+    const hasHeader = typeof header !== 'undefined' && header !== null;
+    const [opened, setOpened] = React.useState(typeof defaultOpened !== 'undefined' ? defaultOpened : false);
+    const overridesMap = React.useMemo(() => ({
+        Container: (overrides === null || overrides === void 0 ? void 0 : overrides.Container) || AccordionContainer_1.default,
+        Header: (overrides === null || overrides === void 0 ? void 0 : overrides.Header) || AccordionHeader_1.default,
+        Content: (overrides === null || overrides === void 0 ? void 0 : overrides.Content) || AccordionContent_1.default,
+        Actions: (overrides === null || overrides === void 0 ? void 0 : overrides.Actions) || AccordionActions_1.default,
+    }), [overrides]);
+    if (!hasHeader) {
+        console.warn(`[@via-profit/ui-kit] Accordion component. If you use a subheader, then you should add a header`);
+    }
+    return (React.createElement(overridesMap.Container, Object.assign({}, nativeProps, { ref: ref }),
+        hasHeader && (React.createElement(overridesMap.Header, { isOpen: typeof isOpen !== 'undefined' ? isOpen : opened, onOpen: onOpen ? onOpen : () => setOpened(typeof isOpen !== 'undefined' ? !isOpen : !opened) }, header)),
+        React.createElement(overridesMap.Content, { noPadding: noPadding, isOpen: typeof isOpen !== 'undefined' ? isOpen : opened },
+            children,
+            hasActions && React.createElement(overridesMap.Actions, { noPadding: noPadding }, actions))));
+};
+exports.default = React.forwardRef(Accordion);

package/Button/ButtonIconWrapper.d.ts

@@ -9,6 +9,6 @@ declare const _default: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
     /**
      * Icon position
      */
-    readonly position: "end" | "start";
+    readonly position: "start" | "end";
 } & React.RefAttributes<HTMLSpanElement>>;
 export default _default;

package/Calendar/CalendarBottomBar.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export type CalendarBottomBarProps = React.HTMLAttributes<HTMLDivElement>;
+declare const _default: React.ForwardRefExoticComponent<CalendarBottomBarProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/Calendar/CalendarBottomBar.js

@@ -0,0 +1,28 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const styled_1 = __importDefault(require("@emotion/styled"));
+const Container = styled_1.default.div `
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`;
+const CalendarBottomBar = (props, ref) => {
+    const { children } = props, restProps = __rest(props, ["children"]);
+    return (react_1.default.createElement(Container, Object.assign({}, restProps, { ref: ref }), children));
+};
+exports.default = react_1.default.forwardRef(CalendarBottomBar);

package/Calendar/CalendarMonthControl.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface CalendarMonthControlProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    readonly displayIcon: 'prev' | 'next';
+}
+declare const _default: React.ForwardRefExoticComponent<CalendarMonthControlProps & React.RefAttributes<HTMLButtonElement>>;
+export default _default;

package/Calendar/CalendarMonthControl.js

@@ -0,0 +1,41 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_2 = require("@emotion/react");
+const Button_1 = __importDefault(require("../Button"));
+const IconChevronLeft_1 = __importDefault(require("./IconChevronLeft"));
+const IconChevronRight_1 = __importDefault(require("./IconChevronRight"));
+const StyledButton = (0, styled_1.default)(Button_1.default) `
+  color: ${({ theme }) => theme.color.accentSecondaryContrast.toString()};
+  &:hover {
+    color: ${({ theme }) => theme.color.accentSecondaryContrast.alpha(0.5).toString()};
+    background-color: ${({ theme }) => theme.color.accentSecondary.lighten(10).toString()};
+  }
+  &:active {
+    color: ${({ theme }) => theme.color.accentSecondaryContrast.alpha(0.9).toString()};
+  }
+  ${({ disabled }) => disabled &&
+    (0, react_2.css) `
+      opacity: 0.5;
+    `};
+`;
+const CalendarMonthControl = (props, ref) => {
+    const { displayIcon } = props, restProps = __rest(props, ["displayIcon"]);
+    return (react_1.default.createElement(StyledButton, Object.assign({ variant: "plain", iconOnly: true, type: "button" }, restProps, { ref: ref }), displayIcon === 'next' ? react_1.default.createElement(IconChevronRight_1.default, null) : react_1.default.createElement(IconChevronLeft_1.default, null)));
+};
+exports.default = react_1.default.forwardRef(CalendarMonthControl);

package/Calendar/IconChevronLeft.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/Calendar/IconChevronLeft.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const IconChevronLeft = (props, ref) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: "1em", height: "1em", ref: ref }, props),
+    react_1.default.createElement("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 48, d: "M328 112 184 256l144 144" })));
+exports.default = react_1.default.forwardRef(IconChevronLeft);

package/CountryFlags/Uknown.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const _default: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/CountryFlags/Uknown.js

@@ -0,0 +1,34 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_1 = require("@emotion/react");
+const Uknown = (props, ref) => {
+    const { color } = (0, react_1.useTheme)();
+    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 512 512", ref: ref }, props),
+        React.createElement("path", { transform: "translate(78.682 31.951)", d: "m-78.682-31.951h512v512h-512z", fill: color.surface.toString(), strokeLinejoin: "round", strokeWidth: "2.176" }),
+        React.createElement("path", { transform: "translate(78.682 31.951)", d: "m177.32 288.09q-4.915 0-8.0953-3.1803-3.1803-3.4694-3.1803-8.3844 0-11.854 5.7824-25.153 5.7823-13.299 15.612-22.551l7.2279-6.6497q9.83-9.2518 15.323-15.323 5.4932-6.3606 8.9626-15.034 3.7585-8.9626 3.7585-20.527 0-11.276-5.4932-20.527-5.4932-9.5409-15.612-15.034-10.119-5.4932-23.129-5.4932-21.395 0-34.116 13.01-12.432 12.721-12.432 33.248 0 4.915-3.1803 8.0953-2.8912 2.8912-7.8062 2.8912t-8.0953-2.8912q-3.1803-3.1803-3.1803-8.0953 0-19.66 8.6735-34.983 8.6735-15.323 24.286-23.997 15.612-8.6735 35.851-8.6735 19.082 0 34.116 8.3844 15.323 8.0953 23.708 22.551 8.6735 14.456 8.6735 32.67 0 14.167-4.6259 24.864-4.6259 10.408-11.854 18.503-6.9388 8.0953-19.949 19.949l-5.2041 4.6259q-8.0953 7.2279-11.565 17.058-3.1803 9.5409-3.1803 19.082 0 4.915-3.1803 8.3844-3.1803 3.1803-8.0953 3.1803zm0 51.174q-7.2279 0-12.143-4.915-4.6259-4.915-4.6259-11.854 0-7.2279 4.915-12.143 4.915-4.915 11.854-4.915t11.854 4.915q5.2041 4.915 5.2041 12.143 0 6.9388-5.2041 11.854-4.915 4.915-11.854 4.915z", fill: color.textPrimary.toString(), strokeWidth: ".72279" })));
+};
+exports.default = React.forwardRef(Uknown);

package/Selectbox/IconShow.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/Selectbox/IconShow.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const IconShow = (props, ref) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "1em", height: "1em", viewBox: "0 0 512 512" }, props, { ref: ref }),
+    react_1.default.createElement("path", { d: "m105.79 160.82a24 24 0 0 0-10.76 6.2109 24 24 0 0 0 0 33.941l144 144a24.002 24.002 0 0 0 33.941 0l144-144a24 24 0 0 0 0-33.941 24 24 0 0 0-33.941 0l-127.03 127.03-127.03-127.03a24 24 0 0 0-23.182-6.2109z", fill: "currentColor" })));
+exports.default = react_1.default.forwardRef(IconShow);

package/TextArea/TextAreaIconWrapper.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { TextFieldIconWrapperProps } from '../TextField/TextFieldIconWrapper';
 export type TextAreaIconWrapperProps = TextFieldIconWrapperProps;
 declare const _default: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLDivElement> & {
-    readonly position: "end" | "start";
+    readonly position: "start" | "end";
     readonly error?: boolean | undefined;
     readonly focused?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/TextField/TextFieldIconWrapper.d.ts

@@ -11,7 +11,7 @@ declare const _default: React.ForwardRefExoticComponent<React.InputHTMLAttribute
     /**
      * Icon position
      */
-    readonly position: "end" | "start";
+    readonly position: "start" | "end";
     readonly error?: boolean | undefined;
     readonly focused?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@via-profit/ui-kit",
-  "version": "0.1.0-rc.76",
+  "version": "0.1.0-rc.77",
   "description": "UI Kit",
   "repository": {
     "type": "git",