@dgshahr/ui-kit 1.7.1 → 1.8.0

package/dist/Form/Timepicker/types.d.ts

@@ -0,0 +1,44 @@
+import { HasOrNotRange, HasOrNotSubmitButton } from '../../../utils/types/DateAndTimePicker';
+import { PickerWrapperProps } from '../Wrappers/PickerWrapper/type';
+export type TimeValue = {
+    hour: number | null;
+    minute: number | null;
+};
+type TimepickerPropsBase = PickerWrapperProps & {
+    showSubmitButton?: boolean;
+    showNowButton?: boolean;
+    mode?: 'input' | 'time';
+    acceptRange?: boolean;
+    minuteStep?: number;
+};
+export type TimepickerProps = TimepickerPropsBase & HasOrNotSubmitButton & HasOrNotRange;
+export interface ScrollWheelProps {
+    items: number[];
+    defaultValue: number;
+    onValueChange: (value: number) => void;
+    className?: string;
+    formatValue?: (value: number) => string;
+}
+export interface TimeInputProps {
+    value: Date | null;
+    onChange: (time: Date | null) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    isRange?: boolean;
+    isStartTime?: boolean;
+}
+type RangePart = 'start' | 'end';
+interface WithTimeHandlers {
+    timePickerProps: TimepickerProps;
+    handleSingleTimeChange: (hour: number, minute: number) => void;
+    handleRangeTimeChange: (part: RangePart, hour: number, minute: number) => void;
+}
+export interface TimeScrollWheelsProps extends WithTimeHandlers {
+    activePart: RangePart;
+}
+export interface TimeInputsProps extends WithTimeHandlers {
+    setActivePart: (part: RangePart) => void;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/Form/Timepicker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC/F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC;AAEvE,KAAK,mBAAmB,GAAG,kBAAkB,GAAG;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,oBAAoB,GAAG,aAAa,CAAC;AAEzF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACzC;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,KAAK,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;AAEjC,UAAU,gBAAgB;IACxB,eAAe,EAAE,eAAe,CAAC;IACjC,sBAAsB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,qBAAqB,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAChF;AAED,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,UAAU,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,aAAa,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1C"}

package/dist/Form/Timepicker/utils.d.ts

@@ -0,0 +1,10 @@
+import { TimeValue } from './types';
+export declare const getItemHeight: (itemRefs: (HTMLDivElement | null)[]) => number;
+export declare const scrollToValue: (container: HTMLDivElement | null, items: number[], value: number, getItemHeightFn: () => number, behavior?: ScrollBehavior) => void;
+export declare const isValidHour: (h: string) => boolean;
+export declare const isValidMinute: (m: string) => boolean;
+export declare const formatToMask: (value?: TimeValue) => string[];
+export declare const maskToValue: (maskChars: string[]) => TimeValue;
+export declare const nextEditableIndex: (index: number, forward?: boolean) => number;
+export declare const isValidDigit: (key: string, pos: number, newMask: string[]) => boolean;
+//# sourceMappingURL=utils.d.ts.map

package/dist/Form/Timepicker/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,aAAa,GAAI,UAAU,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,KAAG,MAEnE,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,WAAW,cAAc,GAAG,IAAI,EAChC,OAAO,MAAM,EAAE,EACf,OAAO,MAAM,EACb,iBAAiB,MAAM,MAAM,EAC7B,WAAU,cAA0B,SAWrC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,GAAG,MAAM,KAAG,OAIvC,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,GAAG,MAAM,KAAG,OAIzC,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,QAAQ,SAAS,KAAG,MAAM,EAKtD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,WAAW,MAAM,EAAE,KAAG,SAOjD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,EAAE,iBAAc,KAAG,MASjE,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,KAAK,MAAM,EAAE,KAAK,MAAM,EAAE,SAAS,MAAM,EAAE,KAAG,OAQ1E,CAAC"}

package/dist/Form/Wrappers/PickerWrapper/PickerWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PickerWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/PickerWrapper/PickerWrapper.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMlE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAGjD,OAAO,kBAAkB,CAAC;AAM1B,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAgJ5D,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"PickerWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/PickerWrapper/PickerWrapper.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMlE,OAAO,KAAK,EAAE,kBAAkB,EAAkB,MAAM,QAAQ,CAAC;AAGjE,OAAO,kBAAkB,CAAC;AAM1B,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAqJ5D,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/Form/Wrappers/PickerWrapper/type.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { DrawerProps } from '../../../Drawer';
 import { InputProps } from '../../Input';
+export type PopperPosition = 'top' | 'bottom' | 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
 interface PickerWrapperPropsBase {
     isLoading?: boolean;
     disabled?: boolean;
@@ -24,7 +25,7 @@ interface PickerWrapperWithPopoverContainer {
     dropdownType?: 'popover';
     popoverClassName?: string;
     drawerProps?: never;
-    popoverPosition?: 'top' | 'bottom';
+    popoverPosition?: PopperPosition;
 }
 export type PickerWrapperProps = PickerWrapperPropsBase & (PickerWrapperWithCustomInput | PickerWrapperWithoutCustomInput) & (PickerWrapperWithDrawerContainer | PickerWrapperWithPopoverContainer);
 export {};

package/dist/Form/Wrappers/PickerWrapper/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/PickerWrapper/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,4BAA4B;IACpC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;IAC7C,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB;AAED,UAAU,+BAA+B;IACvC,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,gCAAgC;IACxC,YAAY,EAAE,QAAQ,CAAC;IACvB,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;IACjE,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB;AAED,UAAU,iCAAiC;IACzC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACpC;AAED,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GACrD,CAAC,4BAA4B,GAAG,+BAA+B,CAAC,GAChE,CAAC,gCAAgC,GAAG,iCAAiC,CAAC,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/PickerWrapper/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,MAAM,cAAc,GACtB,KAAK,GACL,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,4BAA4B;IACpC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;IAC7C,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB;AAED,UAAU,+BAA+B;IACvC,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,gCAAgC;IACxC,YAAY,EAAE,QAAQ,CAAC;IACvB,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;IACjE,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB;AAED,UAAU,iCAAiC;IACzC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,eAAe,CAAC,EAAE,cAAc,CAAC;CAClC;AAED,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GACrD,CAAC,4BAA4B,GAAG,+BAA+B,CAAC,GAChE,CAAC,gCAAgC,GAAG,iCAAiC,CAAC,CAAC"}

package/dist/Menu/constants.d.ts

@@ -1,4 +1,4 @@
-import { PopperPosition } from '../../hooks/useFlipPosition';
+import { PopperPosition } from '../Form/Wrappers/PickerWrapper/type';
 export declare const DURATION_CLASS = "dgsuikit:duration-300";
 export declare const REMOVE_CONTAINER_TIMEOUT = 400;
 export declare const POSITION_CLASS_NAMES: Record<PopperPosition, string>;

package/dist/Menu/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/components/Menu/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAElE,eAAO,MAAM,cAAc,0BAA0B,CAAC;AACtD,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAE5C,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAS/D,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/components/Menu/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAE1E,eAAO,MAAM,cAAc,0BAA0B,CAAC;AACtD,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAE5C,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAW/D,CAAC"}

package/dist/Menu/index.cjs

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),k=require("../clsx-C11secjj.cjs"),g=require("react"),C=require("../useFlipPosition-CWhLgzoz.cjs"),S=require("../useOutsideClick-CSnzjiLr.cjs"),T=require("../IconArrowLeft2-CNA3H0xY.cjs"),v="dgsuikit:duration-300",x=400,j={"bottom-right":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-0","bottom-center":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","bottom-left":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0","top-right":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-0","top-center":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","top-left":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0"},p=g.createContext(null),O=()=>{const s=g.useContext(p);if(!s)throw new Error("Menu components must be used within a Menu");return s},P=({children:s,onClick:e,className:c="",disabled:u=!1,icon:r,endElement:o})=>{const{close:d}=O(),n=()=>{!u&&e&&typeof e=="function"&&(e(),d())};return i.jsxs("button",{className:k.clsx("dgsuikit:flex dgsuikit:w-full dgsuikit:items-center dgsuikit:p-3 dgsuikit:my-0.5 dgsuikit:text-right dgsuikit:text-sm dgsuikit:rounded-lg dgsuikit:transition-colors dgsuikit:duration-150 dgsuikit:min-h-12",u?"dgsuikit:opacity-50 dgsuikit:cursor-not-allowed dgsuikit:text-gray-400":"dgsuikit:text-gray-600 dgsuikit:hover:bg-gray-50 dgsuikit:hover:text-gray-900 dgsuikit:cursor-pointer dgsuikit:focus:bg-gray-100 dgsuikit:focus:outline-none",c),onClick:n,disabled:u,children:[r&&i.jsx("span",{className:"dgsuikit:ml-3 dgsuikit:flex dgsuikit:justify-center dgsuikit:items-center dgsuikit:flex-shrink-0 dgsuikit:w-6 dgsuikit:h-6",children:r}),i.jsx("div",{className:"dgsuikit:font-medium dgsuikit:text-ellipsis dgsuikit:w-full dgsuikit:h-full",children:s}),o===void 0?i.jsx(T.IconArrowLeft2,{className:"dgsuikit:h-4 dgsuikit:w-4 dgsuikit:shrink-0"}):o]})},R=s=>{const{trigger:e,children:c,className:u="",popoverClassName:r="",position:o="bottom-right"}=s,[d,n]=g.useState(!1),[f,l]=g.useState(!1),[y,w]=g.useState(o);let t;const{anchorRef:b,popperRef:M}=C.useFlipPosition({initialPosition:o,minVisible:180,padding:8,onPositionChange(a){w(a)}}),I=S.useOutsideClick(()=>{d&&(n(!1),t&&clearTimeout(t),t=setTimeout(()=>{l(!1)},x))});function m(){const a=!f;t&&clearTimeout(t),a?(l(!0),t=setTimeout(()=>{n(!0)},0)):(n(!1),t=setTimeout(()=>{l(!1)},x))}const N={close:m};return i.jsx(p.Provider,{value:N,children:i.jsxs("div",{ref:I,className:k.clsx("dgsuikit:relative dgsuikit:inline-block dgsuikit:text-right",u),children:[e(m,b),f&&i.jsx("div",{ref:M,className:k.clsx("dgsuikit:absolute dgsuikit:z-50 dgsuikit:min-w-[256px] dgsuikit:px-4 dgsuikit:pb-4 dgsuikit:rounded-2xl dgsuikit:bg-white dgsuikit:shadow-lg dgsuikit:ring-1 dgsuikit:ring-gray-200 dgsuikit:focus:outline-none","dgsuikit:transition-all",v,d?"dgsuikit:opacity-100 dgsuikit:scale-100":"dgsuikit:opacity-0 dgsuikit:scale-95",j[y],r),children:c})]})})},h=R;h.Item=P;module.exports=h;
+"use strict";const i=require("react/jsx-runtime"),k=require("../clsx-C11secjj.cjs"),g=require("react"),C=require("../useFlipPosition-CWhLgzoz.cjs"),S=require("../useOutsideClick-CSnzjiLr.cjs"),T=require("../IconArrowLeft2-CNA3H0xY.cjs"),v="dgsuikit:duration-300",x=400,j={bottom:"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0","bottom-right":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-0","bottom-center":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","bottom-left":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0",top:"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0","top-right":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-0","top-center":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","top-left":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0"},p=g.createContext(null),O=()=>{const s=g.useContext(p);if(!s)throw new Error("Menu components must be used within a Menu");return s},P=({children:s,onClick:e,className:c="",disabled:u=!1,icon:r,endElement:o})=>{const{close:d}=O(),n=()=>{!u&&e&&typeof e=="function"&&(e(),d())};return i.jsxs("button",{className:k.clsx("dgsuikit:flex dgsuikit:w-full dgsuikit:items-center dgsuikit:p-3 dgsuikit:my-0.5 dgsuikit:text-right dgsuikit:text-sm dgsuikit:rounded-lg dgsuikit:transition-colors dgsuikit:duration-150 dgsuikit:min-h-12",u?"dgsuikit:opacity-50 dgsuikit:cursor-not-allowed dgsuikit:text-gray-400":"dgsuikit:text-gray-600 dgsuikit:hover:bg-gray-50 dgsuikit:hover:text-gray-900 dgsuikit:cursor-pointer dgsuikit:focus:bg-gray-100 dgsuikit:focus:outline-none",c),onClick:n,disabled:u,children:[r&&i.jsx("span",{className:"dgsuikit:ml-3 dgsuikit:flex dgsuikit:justify-center dgsuikit:items-center dgsuikit:flex-shrink-0 dgsuikit:w-6 dgsuikit:h-6",children:r}),i.jsx("div",{className:"dgsuikit:font-medium dgsuikit:text-ellipsis dgsuikit:w-full dgsuikit:h-full",children:s}),o===void 0?i.jsx(T.IconArrowLeft2,{className:"dgsuikit:h-4 dgsuikit:w-4 dgsuikit:shrink-0"}):o]})},R=s=>{const{trigger:e,children:c,className:u="",popoverClassName:r="",position:o="bottom-right"}=s,[d,n]=g.useState(!1),[f,l]=g.useState(!1),[y,b]=g.useState(o);let t;const{anchorRef:w,popperRef:M}=C.useFlipPosition({initialPosition:o,minVisible:180,padding:8,onPositionChange(a){b(a)}}),I=S.useOutsideClick(()=>{d&&(n(!1),t&&clearTimeout(t),t=setTimeout(()=>{l(!1)},x))});function m(){const a=!f;t&&clearTimeout(t),a?(l(!0),t=setTimeout(()=>{n(!0)},0)):(n(!1),t=setTimeout(()=>{l(!1)},x))}const N={close:m};return i.jsx(p.Provider,{value:N,children:i.jsxs("div",{ref:I,className:k.clsx("dgsuikit:relative dgsuikit:inline-block dgsuikit:text-right",u),children:[e(m,w),f&&i.jsx("div",{ref:M,className:k.clsx("dgsuikit:absolute dgsuikit:z-50 dgsuikit:min-w-[256px] dgsuikit:px-4 dgsuikit:pb-4 dgsuikit:rounded-2xl dgsuikit:bg-white dgsuikit:shadow-lg dgsuikit:ring-1 dgsuikit:ring-gray-200 dgsuikit:focus:outline-none","dgsuikit:transition-all",v,d?"dgsuikit:opacity-100 dgsuikit:scale-100":"dgsuikit:opacity-0 dgsuikit:scale-95",j[y],r),children:c})]})})},h=R;h.Item=P;module.exports=h;

package/dist/Menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Menu/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,SAAS,CAAC;AAmF1D,UAAU,cAAe,SAAQ,EAAE,CAAC,SAAS,CAAC;IAC5C,IAAI,EAAE,OAAO,QAAQ,CAAC;CACvB;AAED,QAAA,MAAM,IAAI,EAAoB,cAAc,CAAC;AAG7C,eAAe,IAAI,CAAC;AACpB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Menu/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,SAAS,CAAC;AAoF1D,UAAU,cAAe,SAAQ,EAAE,CAAC,SAAS,CAAC;IAC5C,IAAI,EAAE,OAAO,QAAQ,CAAC;CACvB;AAED,QAAA,MAAM,IAAI,EAAoB,cAAc,CAAC;AAG7C,eAAe,IAAI,CAAC;AACpB,cAAc,SAAS,CAAC"}

package/dist/Menu/index.mjs

@@ -5,9 +5,11 @@ import { u as v } from "../useFlipPosition-BWxiBDQ_.js";
 import { u as S } from "../useOutsideClick-DDIvXCYN.js";
 import { I as O } from "../IconArrowLeft2-cxcPyDqS.js";
 const P = "dgsuikit:duration-300", p = 400, A = {
+  bottom: "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0",
   "bottom-right": "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-0",
   "bottom-center": "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2",
   "bottom-left": "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0",
+  top: "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0",
   "top-right": "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-0",
   "top-center": "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2",
   "top-left": "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0"
@@ -19,13 +21,13 @@ const P = "dgsuikit:duration-300", p = 400, A = {
 }, E = ({
   children: i,
   onClick: s,
-  className: d = "",
+  className: r = "",
   disabled: e = !1,
   icon: g,
   endElement: u
 }) => {
-  const { close: r } = R(), o = () => {
-    !e && s && typeof s == "function" && (s(), r());
+  const { close: d } = R(), o = () => {
+    !e && s && typeof s == "function" && (s(), d());
   };
   return /* @__PURE__ */ h(
     "button",
@@ -33,7 +35,7 @@ const P = "dgsuikit:duration-300", p = 400, A = {
       className: c(
         "dgsuikit:flex dgsuikit:w-full dgsuikit:items-center dgsuikit:p-3 dgsuikit:my-0.5 dgsuikit:text-right dgsuikit:text-sm dgsuikit:rounded-lg dgsuikit:transition-colors dgsuikit:duration-150 dgsuikit:min-h-12",
         e ? "dgsuikit:opacity-50 dgsuikit:cursor-not-allowed dgsuikit:text-gray-400" : "dgsuikit:text-gray-600 dgsuikit:hover:bg-gray-50 dgsuikit:hover:text-gray-900 dgsuikit:cursor-pointer dgsuikit:focus:bg-gray-100 dgsuikit:focus:outline-none",
-        d
+        r
       ),
       onClick: o,
       disabled: e,
@@ -47,11 +49,11 @@ const P = "dgsuikit:duration-300", p = 400, A = {
 }, _ = (i) => {
   const {
     trigger: s,
-    children: d,
+    children: r,
     className: e = "",
     popoverClassName: g = "",
     position: u = "bottom-right"
-  } = i, [r, o] = k(!1), [m, a] = k(!1), [y, b] = k(u);
+  } = i, [d, o] = k(!1), [m, a] = k(!1), [y, b] = k(u);
   let t;
   const { anchorRef: w, popperRef: M } = v({
     initialPosition: u,
@@ -61,7 +63,7 @@ const P = "dgsuikit:duration-300", p = 400, A = {
       b(l);
     }
   }), I = S(() => {
-    r && (o(!1), t && clearTimeout(t), t = setTimeout(() => {
+    d && (o(!1), t && clearTimeout(t), t = setTimeout(() => {
       a(!1);
     }, p));
   });
@@ -89,11 +91,11 @@ const P = "dgsuikit:duration-300", p = 400, A = {
               "dgsuikit:absolute dgsuikit:z-50 dgsuikit:min-w-[256px] dgsuikit:px-4 dgsuikit:pb-4 dgsuikit:rounded-2xl dgsuikit:bg-white dgsuikit:shadow-lg dgsuikit:ring-1 dgsuikit:ring-gray-200 dgsuikit:focus:outline-none",
               "dgsuikit:transition-all",
               P,
-              r ? "dgsuikit:opacity-100 dgsuikit:scale-100" : "dgsuikit:opacity-0 dgsuikit:scale-95",
+              d ? "dgsuikit:opacity-100 dgsuikit:scale-100" : "dgsuikit:opacity-0 dgsuikit:scale-95",
               A[y],
               g
             ),
-            children: d
+            children: r
           }
         )
       ]

package/dist/Menu/types.d.ts

@@ -1,4 +1,4 @@
-import { PopperPosition } from '../../hooks/useFlipPosition';
+import { PopperPosition } from '../Form/Wrappers/PickerWrapper/type';
 export interface MenuContextType {
     close: () => void;
 }

package/dist/Menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAElE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAE1E,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B"}

package/dist/PickerWrapper-BcOkTb3G.cjs

@@ -0,0 +1 @@
+"use client";"use strict";require('./assets/styles.css');const i=require("react/jsx-runtime"),t=require("./clsx-C11secjj.cjs"),n=require("react"),S=require("./Drawer/index.cjs"),D=require("./useFlipPosition-CWhLgzoz.cjs"),O=require("./useOutsideClick-CSnzjiLr.cjs"),A=require("./IconArrowDown2-C1dLVveG.cjs"),E=require("./index-DmSuyV3m.cjs");;/* empty css                  */const v=n.createContext({toggleWrapperVisibility:()=>{}}),F=()=>n.useContext(v),C="dgsuikit:duration-300",b=400,V=I=>{const{dropdownType:p="popover",disabled:u,isLoading:e,wrapperClassName:N,customInput:g,children:k,drawerProps:x,inputProps:W,popoverClassName:P,popoverPosition:y}=I,m=y??"bottom-left",[o,a]=n.useState(!1),[f,c]=n.useState(!1),[r,T]=n.useState(m);let s;const{anchorRef:j,popperRef:q}=D.useFlipPosition({initialPosition:m,minVisible:180,onPositionChange(l){T(w=>w===l?w:l)}}),R=O.useOutsideClick(()=>{p==="popover"&&o&&(a(!1),s&&clearTimeout(s),s=setTimeout(()=>{c(!1)},b))});function h(){if(u||e)return;const l=!f;s&&clearTimeout(s),l?(c(!0),s=setTimeout(()=>{a(!0)},0)):(a(!1),s=setTimeout(()=>{c(!1)},b))}const d=t.clsx({"dgsuikit:!cursor-not-allowed":u,"dgsuikit:!cursor-wait":e,"dgsuikit:!cursor-pointer":!e&&!u});return i.jsxs("div",{ref:R,className:t.clsx("dgsuikit:relative",N),children:[i.jsx("button",{ref:j,type:"button",className:t.clsx("dgsuikit:w-full",d),onClick:h,children:g?g(o):i.jsx(E.Input,{leftIcon:e?i.jsx("div",{className:"dot-flashing dgsuikit:mr-2"}):i.jsx(A.IconArrowDown2,{width:20,height:20,className:t.clsx("dgsuikit:transition",C,{"dgsuikit:rotate-180":o})}),containerClassName:t.clsx(d,{"dgsuikit:items-baseline":e}),className:t.clsx("dgsuikit:caret-transparent",d),disabled:u,...W})}),i.jsx(v.Provider,{value:{toggleWrapperVisibility:h},children:f&&i.jsx(i.Fragment,{children:p==="popover"?i.jsx("div",{ref:q,className:t.clsx("dgsuikit:absolute dgsuikit:min-w-[300px] dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:shadow-lg dgsuikit:w-full dgsuikit:max-h-[360px] dgsuikit:transition-all dgsuikit:bg-white dgsuikit:z-50 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-solid dgsuikit:border-gray-200 dgsuikit:pb-3",C,o?"dgsuikit:opacity-100":"dgsuikit:opacity-0 dgsuikit:max-h-0 dgsuikit:overflow-y-hidden",{"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)]":r.includes("bottom"),"dgsuikit:top-0 dgsuikit:translate-y-[calc(-100%-8px)]":r.includes("top")},{"dgsuikit:right-0":r.endsWith("left"),"dgsuikit:left-0":r.endsWith("right"),"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2":r.endsWith("center")},P),children:k}):i.jsx(S,{...x,open:o,onClose:()=>a(!1),containerClassName:t.clsx("dgsuikit:!pb-3 dgsuikit:!px-0",x?.containerClassName),children:k})})})]})};exports.PickerWrapper=V;exports.usePickerWrapperContext=F;

package/dist/{PickerWrapper-CQAaW1cs.js → PickerWrapper-CZPsW03T.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as O, jsx as i, Fragment as A } from "react/jsx-runtime";
 import { c as t } from "./clsx-OuTLNxxd.js";
-import { createContext as E, useContext as V, useState as d } from "react";
+import { createContext as E, useContext as V, useState as p } from "react";
 import _ from "./Drawer/index.mjs";
 import { u as j } from "./useFlipPosition-BWxiBDQ_.js";
 import { u as F } from "./useOutsideClick-DDIvXCYN.js";
@@ -13,42 +13,42 @@ const v = E({
   }
 }), X = () => V(v), x = "dgsuikit:duration-300", C = 400, Y = (I) => {
   const {
-    dropdownType: l = "popover",
-    disabled: r,
-    isLoading: o,
+    dropdownType: c = "popover",
+    disabled: a,
+    isLoading: e,
     wrapperClassName: N,
-    customInput: c,
-    children: g,
-    drawerProps: m,
-    inputProps: y,
-    popoverClassName: P,
-    popoverPosition: T
-  } = I, k = T === "top" ? "top-left" : "bottom-left", [e, a] = d(!1), [f, u] = d(!1), [h, W] = d(k);
+    customInput: g,
+    children: m,
+    drawerProps: k,
+    inputProps: W,
+    popoverClassName: y,
+    popoverPosition: P
+  } = I, f = P ?? "bottom-left", [o, n] = p(!1), [h, d] = p(!1), [r, T] = p(f);
   let s;
   const { anchorRef: R, popperRef: S } = j({
-    initialPosition: k,
+    initialPosition: f,
     minVisible: 180,
-    onPositionChange(n) {
-      W((b) => b === n ? b : n);
+    onPositionChange(u) {
+      T((b) => b === u ? b : u);
     }
   }), D = F(() => {
-    l === "popover" && e && (a(!1), s && clearTimeout(s), s = setTimeout(() => {
-      u(!1);
+    c === "popover" && o && (n(!1), s && clearTimeout(s), s = setTimeout(() => {
+      d(!1);
     }, C));
   });
   function w() {
-    if (r || o) return;
-    const n = !f;
-    s && clearTimeout(s), n ? (u(!0), s = setTimeout(() => {
-      a(!0);
-    }, 0)) : (a(!1), s = setTimeout(() => {
-      u(!1);
+    if (a || e) return;
+    const u = !h;
+    s && clearTimeout(s), u ? (d(!0), s = setTimeout(() => {
+      n(!0);
+    }, 0)) : (n(!1), s = setTimeout(() => {
+      d(!1);
     }, C));
   }
-  const p = t({
-    "dgsuikit:!cursor-not-allowed": r,
-    "dgsuikit:!cursor-wait": o,
-    "dgsuikit:!cursor-pointer": !o && !r
+  const l = t({
+    "dgsuikit:!cursor-not-allowed": a,
+    "dgsuikit:!cursor-wait": e,
+    "dgsuikit:!cursor-pointer": !e && !a
   });
   return /* @__PURE__ */ O(
     "div",
@@ -61,27 +61,27 @@ const v = E({
           {
             ref: R,
             type: "button",
-            className: t("dgsuikit:w-full", p),
+            className: t("dgsuikit:w-full", l),
             onClick: w,
-            children: c ? c(e) : /* @__PURE__ */ i(
+            children: g ? g(o) : /* @__PURE__ */ i(
               M,
               {
-                leftIcon: o ? /* @__PURE__ */ i("div", { className: "dot-flashing dgsuikit:mr-2" }) : /* @__PURE__ */ i(
+                leftIcon: e ? /* @__PURE__ */ i("div", { className: "dot-flashing dgsuikit:mr-2" }) : /* @__PURE__ */ i(
                   L,
                   {
                     width: 20,
                     height: 20,
                     className: t("dgsuikit:transition", x, {
-                      "dgsuikit:rotate-180": e
+                      "dgsuikit:rotate-180": o
                     })
                   }
                 ),
-                containerClassName: t(p, {
-                  "dgsuikit:items-baseline": o
+                containerClassName: t(l, {
+                  "dgsuikit:items-baseline": e
                 }),
-                className: t("dgsuikit:caret-transparent", p),
-                disabled: r,
-                ...y
+                className: t("dgsuikit:caret-transparent", l),
+                disabled: a,
+                ...W
               }
             )
           }
@@ -92,33 +92,38 @@ const v = E({
             value: {
               toggleWrapperVisibility: w
             },
-            children: f && /* @__PURE__ */ i(A, { children: l === "popover" ? /* @__PURE__ */ i(
+            children: h && /* @__PURE__ */ i(A, { children: c === "popover" ? /* @__PURE__ */ i(
               "div",
               {
                 ref: S,
                 className: t(
-                  "dgsuikit:absolute dgsuikit:min-w-[300px] dgsuikit:right-0 dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:shadow-lg dgsuikit:w-full dgsuikit:max-h-[360px] dgsuikit:transition-all dgsuikit:bg-white dgsuikit:z-50 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-solid dgsuikit:border-gray-200 dgsuikit:pb-3",
+                  "dgsuikit:absolute dgsuikit:min-w-[300px] dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:shadow-lg dgsuikit:w-full dgsuikit:max-h-[360px] dgsuikit:transition-all dgsuikit:bg-white dgsuikit:z-50 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-solid dgsuikit:border-gray-200 dgsuikit:pb-3",
                   x,
-                  e ? "dgsuikit:opacity-100" : "dgsuikit:opacity-0 dgsuikit:max-h-0 dgsuikit:overflow-y-hidden",
+                  o ? "dgsuikit:opacity-100" : "dgsuikit:opacity-0 dgsuikit:max-h-0 dgsuikit:overflow-y-hidden",
                   {
-                    "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)]": h.includes("bottom"),
-                    "dgsuikit:top-0 dgsuikit:translate-y-[calc(-100%-8px)]": h.includes("top")
+                    "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)]": r.includes("bottom"),
+                    "dgsuikit:top-0 dgsuikit:translate-y-[calc(-100%-8px)]": r.includes("top")
                   },
-                  P
+                  {
+                    "dgsuikit:right-0": r.endsWith("left"),
+                    "dgsuikit:left-0": r.endsWith("right"),
+                    "dgsuikit:left-1/2 dgsuikit:-translate-x-1/2": r.endsWith("center")
+                  },
+                  y
                 ),
-                children: g
+                children: m
               }
             ) : /* @__PURE__ */ i(
               _,
               {
-                ...m,
-                open: e,
-                onClose: () => a(!1),
+                ...k,
+                open: o,
+                onClose: () => n(!1),
                 containerClassName: t(
                   "dgsuikit:!pb-3 dgsuikit:!px-0",
-                  m?.containerClassName
+                  k?.containerClassName
                 ),
-                children: g
+                children: m
               }
             ) })
           }

package/dist/Tooltip/Content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip/Content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAEtC,UAAU,mBACR,SAAQ,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,CAAC;IAC9F,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACvC;AA4BD,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA8B3C,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip/Content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAEtC,UAAU,mBACR,SAAQ,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,CAAC;IAC9F,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACvC;AAiCD,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA8B3C,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/Tooltip/index.cjs

@@ -1 +1 @@
-"use client";"use strict";require('../assets/styles.css');const t=require("react/jsx-runtime"),p=require("../clsx-C11secjj.cjs"),c=require("react"),C=require("react-dom"),q=require("../useFlipPosition-CWhLgzoz.cjs");;/* empty css                   */const I={"bottom-right":"dgsuikit:left-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","bottom-center":"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","bottom-left":"dgsuikit:right-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","top-right":"dgsuikit:left-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br","top-center":"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br","top-left":"dgsuikit:right-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br"},_={"bottom-right":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-0","bottom-center":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","bottom-left":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0","top-right":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-0","top-center":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","top-left":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0"},A=u=>{const{content:g,footer:n,title:i,icon:s,className:a,position:e="top-center",open:o,ref:l}=u;return t.jsxs("div",{ref:l,className:p.clsx(a,"dgsuikit:absolute dgsuikit:p-4 dgsuikit:flex dgsuikit:gap-2 dgsuikit:max-w-[400px] dgsuikit:bg-gray-700 dgsuikit:text-white dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-300 dgsuikit:shadow-md dgsuikit:transition dgsuikit:duration-300 dgsuikit:w-max dgsuikit:z-50",o?"dgsuikit:opacity-100 dgsuikit:scale-100":"dgsuikit:opacity-0 dgsuikit:scale-0",_[e]),children:[s&&t.jsx("span",{className:"dgsuikit:shrink-0 dgsuikit:[&_svg]:size-5 dgsuikit:pt-1",children:s}),t.jsxs("div",{className:"dgsuikit:flex dgsuikit:flex-col dgsuikit:gap-1 dgsuikit:font-p2-regular",children:[i&&t.jsx("div",{className:"dgsuikit:font-h5-bold",children:i}),g,n]}),t.jsx("div",{className:p.clsx("dgsuikit:w-4 dgsuikit:h-4 dgsuikit:bg-gray-700 dgsuikit:border-gray-300 dgsuikit:absolute dgsuikit:rotate-45",I[e])})]})},M=u=>{const{children:g,content:n,className:i,wrapperClassName:s,footer:a,icon:e,position:o="top-center",title:l,disabled:N,attachToBody:b}=u,[x,h]=c.useState(!1),[w,S]=c.useState(o),{anchorRef:k,popperRef:T}=q.useFlipPosition({initialPosition:o,onPositionChange(d){S(r=>r===d?r:d)}});function f(){N||h(!0)}function m(){h(!1)}const y=t.jsx(A,{ref:T,open:x,title:l,icon:e,footer:a,className:i,position:w,content:n}),j=c.useMemo(()=>{if(!k.current||!b)return{};const{top:d,left:r,width:P,height:v}=k.current.getBoundingClientRect();return{top:`${d+window.scrollY}px`,left:`${r+window.scrollX}px`,width:`${P}px`,height:`${v}px`}},[x]);return t.jsxs("div",{ref:k,className:p.clsx("dgsuikit:relative",s),onMouseEnter:f,onTouchStart:f,onMouseLeave:m,onTouchEnd:m,children:[g,b?C.createPortal(t.jsx("div",{className:"dgsuikit:absolute",style:{...j},children:y}),document.body):y]})};module.exports=M;
+"use client";"use strict";require('../assets/styles.css');const t=require("react/jsx-runtime"),p=require("../clsx-C11secjj.cjs"),c=require("react"),C=require("react-dom"),q=require("../useFlipPosition-CWhLgzoz.cjs");;/* empty css                   */const I={bottom:"dgsuikit:right-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","bottom-right":"dgsuikit:left-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","bottom-center":"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","bottom-left":"dgsuikit:right-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl",top:"dgsuikit:right-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br","top-right":"dgsuikit:left-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br","top-center":"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br","top-left":"dgsuikit:right-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br"},_={bottom:"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0","bottom-right":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-0","bottom-center":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","bottom-left":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0",top:"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0","top-right":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-0","top-center":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","top-left":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0"},A=u=>{const{content:g,footer:n,title:i,icon:s,className:k,position:e="top-center",open:o,ref:a}=u;return t.jsxs("div",{ref:a,className:p.clsx(k,"dgsuikit:absolute dgsuikit:p-4 dgsuikit:flex dgsuikit:gap-2 dgsuikit:max-w-[400px] dgsuikit:bg-gray-700 dgsuikit:text-white dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-300 dgsuikit:shadow-md dgsuikit:transition dgsuikit:duration-300 dgsuikit:w-max dgsuikit:z-50",o?"dgsuikit:opacity-100 dgsuikit:scale-100":"dgsuikit:opacity-0 dgsuikit:scale-0",_[e]),children:[s&&t.jsx("span",{className:"dgsuikit:shrink-0 dgsuikit:[&_svg]:size-5 dgsuikit:pt-1",children:s}),t.jsxs("div",{className:"dgsuikit:flex dgsuikit:flex-col dgsuikit:gap-1 dgsuikit:font-p2-regular",children:[i&&t.jsx("div",{className:"dgsuikit:font-h5-bold",children:i}),g,n]}),t.jsx("div",{className:p.clsx("dgsuikit:w-4 dgsuikit:h-4 dgsuikit:bg-gray-700 dgsuikit:border-gray-300 dgsuikit:absolute dgsuikit:rotate-45",I[e])})]})},M=u=>{const{children:g,content:n,className:i,wrapperClassName:s,footer:k,icon:e,position:o="top-center",title:a,disabled:N,attachToBody:b}=u,[h,x]=c.useState(!1),[w,S]=c.useState(o),{anchorRef:l,popperRef:T}=q.useFlipPosition({initialPosition:o,onPositionChange(d){S(r=>r===d?r:d)}});function m(){N||x(!0)}function f(){x(!1)}const y=t.jsx(A,{ref:T,open:h,title:a,icon:e,footer:k,className:i,position:w,content:n}),j=c.useMemo(()=>{if(!l.current||!b)return{};const{top:d,left:r,width:P,height:v}=l.current.getBoundingClientRect();return{top:`${d+window.scrollY}px`,left:`${r+window.scrollX}px`,width:`${P}px`,height:`${v}px`}},[h]);return t.jsxs("div",{ref:l,className:p.clsx("dgsuikit:relative",s),onMouseEnter:m,onTouchStart:m,onMouseLeave:f,onTouchEnd:f,children:[g,b?C.createPortal(t.jsx("div",{className:"dgsuikit:absolute",style:{...j},children:y}),document.body):y]})};module.exports=M;

package/dist/Tooltip/index.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-import { PopperPosition } from '../../hooks/useFlipPosition';
+import { PopperPosition } from '../Form/Wrappers/PickerWrapper/type';
 export interface TooltipProps {
     position?: PopperPosition;
     title?: string;

package/dist/Tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAGnF,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAiF7B,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKnE,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAE1E,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAiF7B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/Tooltip/index.mjs

@@ -6,29 +6,33 @@ import { createPortal as A } from "react-dom";
 import { u as M } from "../useFlipPosition-BWxiBDQ_.js";
 import '../assets/styles.css';/* empty css                 */
 const O = {
+  bottom: "dgsuikit:right-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl",
   "bottom-right": "dgsuikit:left-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl",
   "bottom-center": "dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl",
   "bottom-left": "dgsuikit:right-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl",
+  top: "dgsuikit:right-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br",
   "top-right": "dgsuikit:left-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br",
   "top-center": "dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br",
   "top-left": "dgsuikit:right-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br"
 }, E = {
+  bottom: "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0",
   "bottom-right": "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-0",
   "bottom-center": "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2",
   "bottom-left": "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0",
+  top: "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0",
   "top-right": "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-0",
   "top-center": "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2",
   "top-left": "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0"
 }, L = (u) => {
-  const { content: g, footer: n, title: i, icon: s, className: a, position: o = "top-center", open: e, ref: l } = u;
+  const { content: g, footer: n, title: i, icon: s, className: k, position: o = "top-center", open: d, ref: a } = u;
   return /* @__PURE__ */ c(
     "div",
     {
-      ref: l,
+      ref: a,
       className: p(
-        a,
+        k,
         "dgsuikit:absolute dgsuikit:p-4 dgsuikit:flex dgsuikit:gap-2 dgsuikit:max-w-[400px] dgsuikit:bg-gray-700 dgsuikit:text-white dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-300 dgsuikit:shadow-md dgsuikit:transition dgsuikit:duration-300 dgsuikit:w-max dgsuikit:z-50",
-        e ? "dgsuikit:opacity-100 dgsuikit:scale-100" : "dgsuikit:opacity-0 dgsuikit:scale-0",
+        d ? "dgsuikit:opacity-100 dgsuikit:scale-100" : "dgsuikit:opacity-0 dgsuikit:scale-0",
         E[o]
       ),
       children: [
@@ -56,16 +60,16 @@ const O = {
     content: n,
     className: i,
     wrapperClassName: s,
-    footer: a,
+    footer: k,
     icon: o,
-    position: e = "top-center",
-    title: l,
+    position: d = "top-center",
+    title: a,
     disabled: w,
     attachToBody: b
-  } = u, [m, f] = N(!1), [S, T] = N(e), { anchorRef: k, popperRef: v } = M({
-    initialPosition: e,
-    onPositionChange(d) {
-      T((r) => r === d ? r : d);
+  } = u, [m, f] = N(!1), [S, T] = N(d), { anchorRef: l, popperRef: v } = M({
+    initialPosition: d,
+    onPositionChange(e) {
+      T((r) => r === e ? r : e);
     }
   });
   function h() {
@@ -79,18 +83,18 @@ const O = {
     {
       ref: v,
       open: m,
-      title: l,
+      title: a,
       icon: o,
-      footer: a,
+      footer: k,
       className: i,
       position: S,
       content: n
     }
   ), P = _(() => {
-    if (!k.current || !b) return {};
-    const { top: d, left: r, width: C, height: I } = k.current.getBoundingClientRect();
+    if (!l.current || !b) return {};
+    const { top: e, left: r, width: C, height: I } = l.current.getBoundingClientRect();
     return {
-      top: `${d + window.scrollY}px`,
+      top: `${e + window.scrollY}px`,
       left: `${r + window.scrollX}px`,
       width: `${C}px`,
       height: `${I}px`
@@ -99,7 +103,7 @@ const O = {
   return /* @__PURE__ */ c(
     "div",
     {
-      ref: k,
+      ref: l,
       className: p("dgsuikit:relative", s),
       onMouseEnter: h,
       onTouchStart: h,