@jenesei-software/jenesei-kit-react 1.0.0

package/build/component-input-otp.d.ts

@@ -0,0 +1,150 @@
+import { AddDollarSign } from '../..';
+import { ClipboardEventHandler } from 'react';
+import { CSSObject } from 'styled-components';
+import { DefaultTheme } from 'styled-components';
+import { DetailedHTMLProps } from 'react';
+import { FocusEventHandler } from 'react';
+import { HTMLAttributes } from 'react';
+import { HTMLInputAutoCompleteAttribute } from 'react';
+import { HTMLInputTypeAttribute } from 'react';
+import { InputOTPProps as InputOTPProps_2 } from './component.types';
+import { IStyledComponentBase } from 'styled-components/dist/types';
+import { JSX } from 'react/jsx-runtime';
+import { KeyboardEventHandler } from 'react';
+import { PropsWithChildren } from 'react';
+import { Ref } from 'react';
+import { RuleSet } from 'styled-components';
+import { Substitute } from 'styled-components/dist/types';
+
+declare type AddDollarSign_2<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
+
+declare interface addErrorProps {
+    error?: ErrorMessageProps;
+}
+
+declare interface addSXProps {
+    sx?: SXProps;
+}
+
+declare type ErrorMessageProps = {
+    errorMessage?: string;
+    isError?: boolean;
+    isErrorAbsolute?: boolean;
+    size?: IThemeSize;
+    sx?: addSXProps['sx'];
+};
+
+declare interface InputChildrenProps extends PropsWithChildren {
+    left: string;
+    right: string;
+    width: string;
+}
+
+declare type InputDefaultProps = addErrorProps & addSXProps & {
+    ref?: Ref<HTMLInputElement | null>;
+    name?: string;
+    id?: string;
+    className?: string;
+    defaultValue?: string;
+    isNotShowHoverStyle?: boolean;
+    autocomplete?: HTMLInputAutoCompleteAttribute;
+    isAllowEmptyFormatting?: boolean;
+    genre: TInputGenre;
+    size: IThemeSize;
+    tabIndex?: number;
+    isWidthAsHeight?: boolean;
+    isNiceNumber?: boolean;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    isReadOnly?: boolean;
+    isInputEffect?: boolean;
+    isRequired?: boolean;
+    isCenter?: boolean;
+    isNoSpaces?: boolean;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onPaste?: ClipboardEventHandler<HTMLInputElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    placeholder?: string;
+    isBold?: boolean;
+    postfixChildren?: InputChildrenProps;
+    prefixChildren?: InputChildrenProps;
+    value?: string | null | number;
+    inputMode?: 'text' | 'none' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+    maxLength?: number;
+    minLength?: number;
+};
+
+export declare const InputOTP: (props: InputOTPProps) => JSX.Element;
+
+export declare type InputOTPProps = {
+    length: number;
+    onComplete?: (otp: string) => void;
+    onBlur?: FocusEventHandler<HTMLDivElement>;
+} & Pick<InputStandardProps, 'size' | 'genre' | 'id' | 'sx' | 'error' | 'onChange'>;
+
+/****************************************** Size *************************************************/
+export declare const InputOTPSize: RuleSet<AddDollarSign<Pick<InputOTPProps_2, "size" | "sx" | "error">>>;
+
+export declare const InputOTPSizeConstructor: (props: IThemeSizePropertyDefault & InputOTPWrapperProps) => RuleSet<object>;
+
+export declare const InputOTPWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<InputOTPProps_2, "size" | "sx" | "error">>>> & string;
+
+export declare type InputOTPWrapperProps = AddDollarSign_2<Pick<InputOTPProps, 'size' | 'sx' | 'error'>>;
+
+declare type InputStandardProps = InputDefaultProps & {
+    variety: 'standard';
+    onChange?: (value: string) => void;
+    type?: HTMLInputTypeAttribute;
+    min?: number;
+    max?: number;
+    step?: number;
+};
+
+declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
+
+declare type IThemeGenreInput = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeDefault>;
+
+declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white';
+
+declare interface IThemeGenreTypeDefault {
+    background: {
+        rest: string;
+        hover: string;
+    };
+    border: {
+        rest: string;
+        hover: string;
+    };
+    color: {
+        rest: string;
+        hover: string;
+        placeholder: string;
+    };
+}
+
+declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
+
+declare interface IThemeSizePropertyDefault {
+    font: number;
+    height: number;
+    heightIcon: number;
+    padding: number;
+    radius: number;
+}
+
+declare type SXProps = ({
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+}) | ((theme: DefaultTheme) => {
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+});
+
+declare type TInputGenre = keyof IThemeGenreInput;
+
+export { }

package/build/component-input-otp.es.js

@@ -0,0 +1,8 @@
+import { I, a, b, c } from "./component.styles-RkQwTlwG.js";
+export {
+  I as InputOTP,
+  a as InputOTPSize,
+  b as InputOTPSizeConstructor,
+  c as InputOTPWrapper
+};
+//# sourceMappingURL=component-input-otp.es.js.map

package/build/component-input-otp.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-input-otp.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/build/component-input.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-BnI7BIp-.cjs"),e=require("./component.styles-BsZIuwWJ.cjs");exports.Input=t.Input,exports.formatPhoneNumber=t.formatPhoneNumber,exports.InputIsInputEffect=e.InputIsInputEffect,exports.InputPlaceholder=e.InputPlaceholder,exports.InputPlaceholderNiceNumber=e.InputPlaceholderNiceNumber,exports.InputPostfixChildren=e.InputPostfixChildren,exports.InputPrefixChildren=e.InputPrefixChildren,exports.InputSize=e.InputSize,exports.InputSizeConstructor=e.InputSizeConstructor,exports.StyledInput=e.StyledInput,exports.StyledInputCSS=e.StyledInputCSS,exports.StyledInputNumeric=e.StyledInputNumeric,exports.StyledInputPattern=e.StyledInputPattern,exports.StyledInputWrapper=e.StyledInputWrapper,exports.StyledMotionInput=e.StyledMotionInput;
+//# sourceMappingURL=component-input.cjs.js.map

package/build/component-input.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-input.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/component-input.d.ts

@@ -0,0 +1,226 @@
+import { AddDollarSign } from '../..';
+import { ClipboardEventHandler } from 'react';
+import { Component } from 'react';
+import { ComponentType } from 'react';
+import { CSSObject } from 'styled-components';
+import { DefaultTheme } from 'styled-components';
+import { DetailedHTMLProps } from 'react';
+import { FocusEventHandler } from 'react';
+import { ForwardRefComponent } from 'framer-motion';
+import { HTMLAttributes } from 'react';
+import { HTMLInputAutoCompleteAttribute } from 'react';
+import { HTMLInputTypeAttribute } from 'react';
+import { HTMLMotionProps } from 'framer-motion';
+import { InputAttributes } from 'react-number-format';
+import { InputChildrenProps as InputChildrenProps_2 } from './component.types';
+import { InputHTMLAttributes } from 'react';
+import { InputProps as InputProps_2 } from './component.types';
+import { InternalNumberFormatBase } from 'react-number-format/types/types';
+import { IStyledComponentBase } from 'styled-components/dist/types';
+import { JSX } from 'react/jsx-runtime';
+import { KeyboardEventHandler } from 'react';
+import { NumberFormatValues } from 'react-number-format';
+import { NumericFormat } from 'react-number-format';
+import { NumericFormatProps } from 'react-number-format';
+import { PatternFormat } from 'react-number-format';
+import { PatternFormatProps } from 'react-number-format';
+import { PropsWithChildren } from 'react';
+import { Ref } from 'react';
+import { RefAttributes } from 'react';
+import { RuleSet } from 'styled-components';
+import { Substitute } from 'styled-components/dist/types';
+
+declare type AddDollarSign_2<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
+
+declare interface addErrorProps {
+    error?: ErrorMessageProps;
+}
+
+declare interface addSXProps {
+    sx?: SXProps;
+}
+
+declare type ErrorMessageProps = {
+    errorMessage?: string;
+    isError?: boolean;
+    isErrorAbsolute?: boolean;
+    size?: IThemeSize;
+    sx?: addSXProps['sx'];
+};
+
+export declare function formatPhoneNumber(dialCode: string, international: string): {
+    format: string;
+    placeholder: string;
+};
+
+export declare const Input: (props: InputProps) => JSX.Element;
+
+export declare interface InputChildrenProps extends PropsWithChildren {
+    left: string;
+    right: string;
+    width: string;
+}
+
+declare type InputDefaultProps = addErrorProps & addSXProps & {
+    ref?: Ref<HTMLInputElement | null>;
+    name?: string;
+    id?: string;
+    className?: string;
+    defaultValue?: string;
+    isNotShowHoverStyle?: boolean;
+    autocomplete?: HTMLInputAutoCompleteAttribute;
+    isAllowEmptyFormatting?: boolean;
+    genre: TInputGenre;
+    size: IThemeSize;
+    tabIndex?: number;
+    isWidthAsHeight?: boolean;
+    isNiceNumber?: boolean;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    isReadOnly?: boolean;
+    isInputEffect?: boolean;
+    isRequired?: boolean;
+    isCenter?: boolean;
+    isNoSpaces?: boolean;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onPaste?: ClipboardEventHandler<HTMLInputElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    placeholder?: string;
+    isBold?: boolean;
+    postfixChildren?: InputChildrenProps;
+    prefixChildren?: InputChildrenProps;
+    value?: string | null | number;
+    inputMode?: 'text' | 'none' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+    maxLength?: number;
+    minLength?: number;
+};
+
+/****************************************** is isInputEffect *************************************************/
+export declare const InputIsInputEffect: RuleSet<Pick<AddDollarSign<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>, "$isInputEffect">>;
+
+export declare type InputNumericProps = InputDefaultProps & {
+    variety: 'numeric';
+    onChange?: (value: NumberFormatValues) => void;
+    propsNumeric: Pick<NumericFormatProps, 'allowLeadingZeros' | 'thousandSeparator' | 'allowNegative' | 'allowedDecimalSeparators' | 'decimalScale' | 'decimalSeparator' | 'fixedDecimalScale' | 'prefix' | 'thousandsGroupStyle' | 'isAllowed' | 'suffix'>;
+};
+
+export declare type InputPatternProps = InputDefaultProps & {
+    variety: 'pattern';
+    onChange?: (value: NumberFormatValues) => void;
+    propsPattern: Pick<PatternFormatProps, 'format' | 'mask' | 'allowEmptyFormatting' | 'patternChar' | 'valueIsNumericString' | 'type'>;
+};
+
+/****************************************** Placeholder *************************************************/
+export declare const InputPlaceholder: RuleSet<AddDollarSign<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>>;
+
+export declare const InputPlaceholderNiceNumber: RuleSet<AddDollarSign<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>>;
+
+export declare const InputPostfixChildren: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<InputProps_2, "isDisabled"> & Pick<InputChildrenProps_2, "left" | "right" | "width">>>> & string;
+
+/****************************************** Children *************************************************/
+export declare const InputPrefixChildren: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<InputProps_2, "isDisabled"> & Pick<InputChildrenProps_2, "left" | "right" | "width">>>> & string;
+
+export declare type InputProps = InputStandardProps | InputPatternProps | InputNumericProps;
+
+/****************************************** Size *************************************************/
+export declare const InputSize: RuleSet<AddDollarSign<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>>;
+
+export declare const InputSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
+
+export declare type InputStandardProps = InputDefaultProps & {
+    variety: 'standard';
+    onChange?: (value: string) => void;
+    type?: HTMLInputTypeAttribute;
+    min?: number;
+    max?: number;
+    step?: number;
+};
+
+declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
+
+declare type IThemeGenreInput = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeDefault>;
+
+declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white';
+
+declare interface IThemeGenreTypeDefault {
+    background: {
+        rest: string;
+        hover: string;
+    };
+    border: {
+        rest: string;
+        hover: string;
+    };
+    color: {
+        rest: string;
+        hover: string;
+        placeholder: string;
+    };
+}
+
+declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
+
+declare interface IThemeSizePropertyDefault {
+    font: number;
+    height: number;
+    heightIcon: number;
+    padding: number;
+    radius: number;
+}
+
+export declare const StyledInput: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, AddDollarSign<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>>> & string;
+
+export declare type StyledInputChildrenProps = AddDollarSign_2<Pick<InputProps, 'isDisabled'> & Pick<InputChildrenProps, 'left' | 'right' | 'width'>>;
+
+/****************************************** Default *************************************************/
+export declare const StyledInputCSS: RuleSet<AddDollarSign<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>>;
+
+export declare const StyledInputNumeric: IStyledComponentBase<"web", Substitute<InternalNumberFormatBase & {
+thousandSeparator?: boolean | string;
+decimalSeparator?: string;
+allowedDecimalSeparators?: Array<string>;
+thousandsGroupStyle?: "thousand" | "lakh" | "wan" | "none";
+decimalScale?: number;
+fixedDecimalScale?: boolean;
+allowNegative?: boolean;
+allowLeadingZeros?: boolean;
+suffix?: string;
+prefix?: string;
+} & Omit<InputAttributes, never> & Omit<unknown, "value" | "ref" | "defaultValue" | "prefix" | "inputMode" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onMouseUp" | "type" | "displayType" | "renderText" | "getInputRef" | "valueIsNumericString" | "onValueChange" | "isAllowed" | "thousandSeparator" | "decimalSeparator" | "allowedDecimalSeparators" | "thousandsGroupStyle" | "decimalScale" | "fixedDecimalScale" | "allowNegative" | "allowLeadingZeros" | "suffix"> & {
+customInput?: ComponentType<unknown> | undefined;
+}, AddDollarSign<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>>> & string & Omit<typeof NumericFormat, keyof Component<any, {}, any>>;
+
+export declare const StyledInputPattern: IStyledComponentBase<"web", Substitute<InternalNumberFormatBase & {
+format: string;
+mask?: string | string[];
+allowEmptyFormatting?: boolean;
+patternChar?: string;
+} & Omit<InputAttributes, never> & Omit<unknown, "value" | "mask" | "ref" | "defaultValue" | "inputMode" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onMouseUp" | "type" | "format" | "displayType" | "renderText" | "getInputRef" | "valueIsNumericString" | "onValueChange" | "isAllowed" | "allowEmptyFormatting" | "patternChar"> & {
+customInput?: ComponentType<unknown> | undefined;
+}, AddDollarSign<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>>> & string & Omit<typeof PatternFormat, keyof Component<any, {}, any>>;
+
+export declare type StyledInputProps = AddDollarSign_2<Pick<InputProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isInputEffect' | 'isDisabled' | 'postfixChildren' | 'prefixChildren' | 'isBold' | 'isNiceNumber' | 'isNotShowHoverStyle' | 'sx' | 'isCenter'>>;
+
+/****************************************** Wrapper *************************************************/
+export declare const StyledInputWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "isWidthAsHeight" | "isInputEffect">>>> & string;
+
+export declare type StyledInputWrapperProps = AddDollarSign_2<Pick<InputProps, 'isDisabled' | 'isInputEffect' | 'sx' | 'size' | 'isWidthAsHeight'>>;
+
+export declare const StyledMotionInput: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"input">, "ref"> & RefAttributes<HTMLInputElement>, AddDollarSign<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>>> & string & Omit<ForwardRefComponent<HTMLInputElement, HTMLMotionProps<"input">>, keyof Component<any, {}, any>>;
+
+declare type SXProps = ({
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+}) | ((theme: DefaultTheme) => {
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+});
+
+export declare type TInputGenre = keyof IThemeGenreInput;
+
+export { }

package/build/component-input.es.js

@@ -0,0 +1,20 @@
+import { I, f } from "./component-CuiUpH8H.js";
+import { d, I as I2, a, k, j, b, c, f as f2, e, i, h, S, g } from "./component.styles-Du2y0R4W.js";
+export {
+  I as Input,
+  d as InputIsInputEffect,
+  I2 as InputPlaceholder,
+  a as InputPlaceholderNiceNumber,
+  k as InputPostfixChildren,
+  j as InputPrefixChildren,
+  b as InputSize,
+  c as InputSizeConstructor,
+  f2 as StyledInput,
+  e as StyledInputCSS,
+  i as StyledInputNumeric,
+  h as StyledInputPattern,
+  S as StyledInputWrapper,
+  g as StyledMotionInput,
+  f as formatPhoneNumber
+};
+//# sourceMappingURL=component-input.es.js.map

package/build/component-input.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-input.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/build/component-jPZYT5iL.js

@@ -0,0 +1,76 @@
+import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
+import { motion } from "framer-motion";
+import styled, { css } from "styled-components";
+import { a as addSX } from "./style-plT9Ah7t.js";
+import { c as addRipple } from "./component.styles-B0L4jbOO.js";
+import "react";
+const StyledStack = styled.div`
+  display: flex;
+  ${addSX}
+
+  ${(props) => props.$isHover && css`
+      transition:
+        background-color ${(props2) => props2.theme.transition.default},
+        outline 0s;
+      &:hover {
+        background-color: ${(props2) => props2.theme.palette.black05};
+      }
+    `};
+  ${addRipple};
+`;
+const StyledStackMotion = styled(motion.div)`
+  display: flex;
+  ${addSX}
+
+  ${(props) => props.$isHover && css`
+      transition:
+        background-color ${(props2) => props2.theme.transition.default},
+        outline 0s;
+      &:hover {
+        background-color: ${(props2) => props2.theme.palette.black05};
+      }
+    `};
+  ${addRipple};
+`;
+const Stack = (props) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    StyledStack,
+    {
+      ref: props.ref,
+      onClick: props.onClick,
+      onDrop: props.onDrop,
+      onDragOver: props.onDragOver,
+      className: props.className,
+      $sx: props.sx,
+      $isHover: props.isHover,
+      $isRipple: props.isRipple,
+      children: props.children
+    }
+  );
+};
+const StackMotion = (props) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    StyledStackMotion,
+    {
+      ref: props.ref,
+      layout: props.layout,
+      initial: props.initial,
+      animate: props.animate,
+      exit: props.exit,
+      transition: props.transition,
+      onClick: props.onClick,
+      className: props.className,
+      $sx: props.sx,
+      $isHover: props.isHover,
+      $isRipple: props.isRipple,
+      children: props.children
+    }
+  );
+};
+export {
+  StyledStack as S,
+  StyledStackMotion as a,
+  Stack as b,
+  StackMotion as c
+};
+//# sourceMappingURL=component-jPZYT5iL.js.map

package/build/component-jPZYT5iL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-jPZYT5iL.js","sources":["../src/components/stack/component.styles.tsx","../src/components/stack/component.tsx"],"sourcesContent":["import { motion } from 'framer-motion'\nimport styled, { css } from 'styled-components'\n\nimport { addSX } from '@local/styles/sx'\n\nimport { StyledStackProps } from '.'\nimport { addRipple } from '../ripple'\n\nexport const StyledStack = styled.div<StyledStackProps>`\n  display: flex;\n  ${addSX}\n\n  ${props =>\n    props.$isHover &&\n    css`\n      transition:\n        background-color ${props => props.theme.transition.default},\n        outline 0s;\n      &:hover {\n        background-color: ${props => props.theme.palette.black05};\n      }\n    `};\n  ${addRipple};\n`\n\nexport const StyledStackMotion = styled(motion.div)<StyledStackProps>`\n  display: flex;\n  ${addSX}\n\n  ${props =>\n    props.$isHover &&\n    css`\n      transition:\n        background-color ${props => props.theme.transition.default},\n        outline 0s;\n      &:hover {\n        background-color: ${props => props.theme.palette.black05};\n      }\n    `};\n  ${addRipple};\n`\n","import { FC } from 'react'\n\nimport { StackMotionProps, StackProps, StyledStack, StyledStackMotion } from '.'\n\nexport const Stack: FC<StackProps> = props => {\n  return (\n    <StyledStack\n      ref={props.ref}\n      onClick={props.onClick}\n      onDrop={props.onDrop}\n      onDragOver={props.onDragOver}\n      className={props.className}\n      $sx={props.sx}\n      $isHover={props.isHover}\n      $isRipple={props.isRipple}\n    >\n      {props.children}\n    </StyledStack>\n  )\n}\n\nexport const StackMotion: FC<StackMotionProps> = props => {\n  return (\n    <StyledStackMotion\n      ref={props.ref}\n      layout={props.layout}\n      initial={props.initial}\n      animate={props.animate}\n      exit={props.exit}\n      transition={props.transition}\n      onClick={props.onClick}\n      className={props.className}\n      $sx={props.sx}\n      $isHover={props.isHover}\n      $isRipple={props.isRipple}\n    >\n      {props.children}\n    </StyledStackMotion>\n  )\n}\n"],"names":["props","jsx"],"mappings":";;;;;;AAQO,MAAM,cAAc,OAAO;AAAA;AAAA,IAE9B,KAAK;AAAA;AAAA,IAEL,CAAA,UACA,MAAM,YACN;AAAA;AAAA,2BAEuB,CAAAA,WAASA,OAAM,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA,4BAGtC,CAAAA,WAASA,OAAM,MAAM,QAAQ,OAAO;AAAA;AAAA,KAE3D;AAAA,IACD,SAAS;AAAA;AAGN,MAAM,oBAAoB,OAAO,OAAO,GAAG;AAAA;AAAA,IAE9C,KAAK;AAAA;AAAA,IAEL,CAAA,UACA,MAAM,YACN;AAAA;AAAA,2BAEuB,CAAAA,WAASA,OAAM,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA,4BAGtC,CAAAA,WAASA,OAAM,MAAM,QAAQ,OAAO;AAAA;AAAA,KAE3D;AAAA,IACD,SAAS;AAAA;ACnCN,MAAM,QAAwB,CAAA,UAAS;AAC5C,SACEC,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,MAAM;AAAA,MACX,SAAS,MAAM;AAAA,MACf,QAAQ,MAAM;AAAA,MACd,YAAY,MAAM;AAAA,MAClB,WAAW,MAAM;AAAA,MACjB,KAAK,MAAM;AAAA,MACX,UAAU,MAAM;AAAA,MAChB,WAAW,MAAM;AAAA,MAEhB,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;AAEO,MAAM,cAAoC,CAAA,UAAS;AACxD,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,MAAM;AAAA,MACX,QAAQ,MAAM;AAAA,MACd,SAAS,MAAM;AAAA,MACf,SAAS,MAAM;AAAA,MACf,MAAM,MAAM;AAAA,MACZ,YAAY,MAAM;AAAA,MAClB,SAAS,MAAM;AAAA,MACf,WAAW,MAAM;AAAA,MACjB,KAAK,MAAM;AAAA,MACX,UAAU,MAAM;AAAA,MAChB,WAAW,MAAM;AAAA,MAEhB,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/build/component-map.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.components-CaR5gfQW.cjs");exports.CustomZoomControl=t.CustomZoomControl,exports.DEFAULT_MAP_CENTER=t.DEFAULT_MAP_CENTER,exports.DEFAULT_MAP_MAX_ZOOM=t.DEFAULT_MAP_MAX_ZOOM,exports.DEFAULT_MAP_MIN_ZOOM=t.DEFAULT_MAP_MIN_ZOOM,exports.DEFAULT_MAP_THEME=t.DEFAULT_MAP_THEME,exports.DEFAULT_MAP_ZOOM=t.DEFAULT_MAP_ZOOM,exports.Map=t.Map,exports.MapDot=t.MapDot,exports.MapWrapper=t.MapWrapper,exports.MarkerCluster=t.MarkerCluster,exports.UpdateMapSettings=t.UpdateMapSettings,exports.createClusterIcon=t.createClusterIcon,exports.customDefaultIcon=t.customDefaultIcon,exports.customTextIcon=t.customTextIcon;
+//# sourceMappingURL=component-map.cjs.js.map

package/build/component-map.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-map.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/component-map.d.ts

@@ -0,0 +1,97 @@
+import { default as default_2 } from 'leaflet';
+import { DetailedHTMLProps } from 'react';
+import { HTMLAttributes } from 'react';
+import { IStyledComponentBase } from 'styled-components/dist/types';
+import { JSX } from 'react/jsx-runtime';
+import { PopupProps } from 'react-leaflet';
+import { ReactNode } from 'react';
+import { Styles } from 'styled-components/dist/types';
+import { Substitute } from 'styled-components/dist/types';
+
+export declare const createClusterIcon: <T extends object>(cluster: default_2.MarkerCluster, getCustomClusterLabel?: (markers: T[]) => string) => default_2.DivIcon;
+
+export declare const customDefaultIcon: () => default_2.DivIcon;
+
+export declare const customTextIcon: (text: string) => default_2.DivIcon;
+
+export declare function CustomZoomControl(): JSX.Element;
+
+export declare const DEFAULT_MAP_CENTER: [number, number];
+
+export declare const DEFAULT_MAP_MAX_ZOOM = 18;
+
+export declare const DEFAULT_MAP_MIN_ZOOM = 2;
+
+export declare const DEFAULT_MAP_THEME: MapTheme;
+
+export declare const DEFAULT_MAP_ZOOM = 13;
+
+declare const Map_2: <T extends object>(props: MapProps<T>) => JSX.Element | undefined;
+export { Map_2 as Map }
+
+export declare const MapDot: (props: MapDotProps) => JSX.Element | undefined;
+
+export declare interface MapDotProps {
+    center?: [number, number];
+    onSelect: (coords: [number, number]) => void;
+    coords?: [number, number] | null;
+    theme: MapTheme;
+    zoom?: number;
+    maxBounds?: [[number, number], [number, number]];
+    maxBoundsViscosity?: number;
+    maxZoom?: number;
+    minZoom?: number;
+}
+
+export declare interface MapProps<T extends object> {
+    center?: [number, number];
+    zoom?: number;
+    theme: MapTheme;
+    markers: MarkerProps<T>[];
+    getCustomClusterLabel?: (markers: T[]) => string;
+    maxBounds?: [[number, number], [number, number]];
+    maxBoundsViscosity?: number;
+    maxZoom?: number;
+    minZoom?: number;
+    style?: {
+        popupWrapper?: Styles<object>;
+        popupContent?: Styles<object>;
+    };
+}
+
+export declare interface MapTheme {
+    name: string;
+    url: string;
+    attribution: string;
+}
+
+export declare const MapWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+style?: MapProps<object>["style"];
+}>> & string;
+
+export declare const MarkerCluster: <T extends object>(props: MarkerClusterProps<T>) => JSX.Element;
+
+export declare type MarkerClusterProps<T extends object> = {
+    markers: MarkerProps<T>[];
+} & Pick<MapProps<T>, 'getCustomClusterLabel'>;
+
+export declare interface MarkerProps<T extends object> {
+    position: {
+        lat: number;
+        lng: number;
+    };
+    options?: T;
+    id: string;
+    popupProps?: PopupProps;
+    popupContent: ReactNode;
+}
+
+export declare function UpdateMapSettings(props: UpdateMapSettingsProps): null;
+
+export declare interface UpdateMapSettingsProps {
+    maxBounds?: [[number, number], [number, number]];
+    center?: [number, number];
+    zoom?: number;
+}
+
+export { }

package/build/component-map.es.js

@@ -0,0 +1,18 @@
+import { C, c, D, a, d, b, M, e, g, f, U, h, j, i } from "./component.components-BAAT5GTH.js";
+export {
+  C as CustomZoomControl,
+  c as DEFAULT_MAP_CENTER,
+  D as DEFAULT_MAP_MAX_ZOOM,
+  a as DEFAULT_MAP_MIN_ZOOM,
+  d as DEFAULT_MAP_THEME,
+  b as DEFAULT_MAP_ZOOM,
+  M as Map,
+  e as MapDot,
+  g as MapWrapper,
+  f as MarkerCluster,
+  U as UpdateMapSettings,
+  h as createClusterIcon,
+  j as customDefaultIcon,
+  i as customTextIcon
+};
+//# sourceMappingURL=component-map.es.js.map

package/build/component-map.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-map.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/build/component-nFn_uOy_.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("react"),n=require("./consts.cjs.js"),s=require("./use-BhofoOgk.cjs"),r=require("./component-D1NPhRuV.cjs");exports.ImageButton=l=>{const o=t.useRef(null),u=t.useCallback(()=>{var e;null==(e=o.current)||e.click()},[]),{handleAddFiles:i}=s.useImageCrop({onSave:l.onSave,locale:l.locale,dialog:l.dialog,imageSettings:l.imageSettings,refInput:o});return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(r.Button,{...l.button,onClick:e=>{var t,n;null==(n=(t=l.button).onClick)||n.call(t,e),u()},children:l.button.children||l.locale.buttonAdd}),e.jsxRuntimeExports.jsx("input",{ref:o,type:"file",accept:n.ImageSupportedFormatsForInput,multiple:!0,style:{display:"none"},onChange:e=>{e.target.files&&i(e.target.files)}})]})};
+//# sourceMappingURL=component-nFn_uOy_.cjs.map

package/build/component-nFn_uOy_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-nFn_uOy_.cjs","sources":["../src/components/image-button/component.tsx"],"sourcesContent":["import { FC, useCallback, useRef } from 'react'\n\nimport { ImageSupportedFormatsForInput } from '@local/consts'\nimport { useImageCrop } from '@local/hooks/use-image-crop'\n\nimport { ImageButtonProps } from '.'\nimport { Button } from '../button'\n\nexport const ImageButton: FC<ImageButtonProps> = props => {\n  const refInput = useRef<HTMLInputElement | null>(null)\n\n  const handleOpenFileDialog = useCallback(() => {\n    refInput.current?.click()\n  }, [])\n\n  const { handleAddFiles } = useImageCrop({\n    onSave: props.onSave,\n    locale: props.locale,\n    dialog: props.dialog,\n    imageSettings: props.imageSettings,\n    refInput: refInput\n  })\n\n  return (\n    <>\n      <Button\n        {...props.button}\n        onClick={e => {\n          props.button.onClick?.(e)\n          handleOpenFileDialog()\n        }}\n      >\n        {props.button.children || props.locale.buttonAdd}\n      </Button>\n      <input\n        ref={refInput}\n        type=\"file\"\n        accept={ImageSupportedFormatsForInput}\n        multiple\n        style={{ display: 'none' }}\n        onChange={e => {\n          if (e.target.files) handleAddFiles(e.target.files)\n        }}\n      />\n    </>\n  )\n}\n"],"names":["props","refInput","useRef","handleOpenFileDialog","useCallback","_a","current","click","handleAddFiles","useImageCrop","onSave","locale","dialog","imageSettings","jsxs","Fragment","children","jsx","Button","button","onClick","e","_b","call","buttonAdd","ref","type","accept","ImageSupportedFormatsForInput","multiple","style","display","onChange","target","files"],"mappings":"qMAQiDA,IAC/C,MAAMC,EAAWC,EAAAA,OAAgC,MAE3CC,EAAuBC,EAAAA,YAAY,WACvC,OAAAC,EAAAJ,EAASK,UAATD,EAAkBE,SACjB,KAEGC,eAAEA,GAAmBC,eAAa,CACtCC,OAAQV,EAAMU,OACdC,OAAQX,EAAMW,OACdC,OAAQZ,EAAMY,OACdC,cAAeb,EAAMa,cACrBZ,aAGF,SACEa,kBAAAA,KAAAC,6BAAA,CACEC,SAAA,GAAAC,kBAAAA,IAACC,EAAAA,OAAA,IACKlB,EAAMmB,OACVC,QAASC,YACP,OAAAC,GAAAjB,EAAAL,EAAMmB,QAAOC,UAAbE,EAAAC,KAAAlB,EAAuBgB,GACvBlB,KAGDa,SAAAhB,EAAMmB,OAAOH,UAAYhB,EAAMW,OAAOa,cAEzCP,kBAAAA,IAAC,QAAA,CACCQ,IAAKxB,EACLyB,KAAK,OACLC,OAAQC,EAAAA,8BACRC,UAAQ,EACRC,MAAO,CAAEC,QAAS,QAClBC,SAAUX,IACJA,EAAEY,OAAOC,OAAO1B,EAAea,EAAEY,OAAOC"}

package/build/component-pagination.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.constants-BeWW8Ijx.cjs");exports.DEFAULT_COMPONENT_PAGINATION_GAP=t.DEFAULT_COMPONENT_PAGINATION_GAP,exports.Pagination=t.Pagination;
+//# sourceMappingURL=component-pagination.cjs.js.map

package/build/component-pagination.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-pagination.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}