@dgshahr/ui-kit 1.7.0 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/dist/DateAndTimePickerFooter-ClSJWVd3.js +74 -0
  2. package/dist/DateAndTimePickerFooter-Dikf0ZUx.cjs +1 -0
  3. package/dist/Form/Common/DateAndTimePickerFooter/DateAndTimePickerFooter.d.ts +10 -0
  4. package/dist/Form/Common/DateAndTimePickerFooter/DateAndTimePickerFooter.d.ts.map +1 -0
  5. package/dist/Form/Datepicker/Footer.d.ts.map +1 -1
  6. package/dist/Form/Datepicker/context.d.ts.map +1 -1
  7. package/dist/Form/Datepicker/index.cjs +1 -1
  8. package/dist/Form/Datepicker/index.d.ts.map +1 -1
  9. package/dist/Form/Datepicker/index.mjs +288 -315
  10. package/dist/Form/Datepicker/types.d.ts +3 -22
  11. package/dist/Form/Datepicker/types.d.ts.map +1 -1
  12. package/dist/Form/Select/index.cjs +1 -1
  13. package/dist/Form/Select/index.mjs +1 -1
  14. package/dist/Form/Timepicker/Body.d.ts +4 -0
  15. package/dist/Form/Timepicker/Body.d.ts.map +1 -0
  16. package/dist/Form/Timepicker/Footer.d.ts +4 -0
  17. package/dist/Form/Timepicker/Footer.d.ts.map +1 -0
  18. package/dist/Form/Timepicker/GradientOverlay.d.ts +7 -0
  19. package/dist/Form/Timepicker/GradientOverlay.d.ts.map +1 -0
  20. package/dist/Form/Timepicker/ScrollWheel.d.ts +5 -0
  21. package/dist/Form/Timepicker/ScrollWheel.d.ts.map +1 -0
  22. package/dist/Form/Timepicker/TimeInput.d.ts +10 -0
  23. package/dist/Form/Timepicker/TimeInput.d.ts.map +1 -0
  24. package/dist/Form/Timepicker/TimeInputs.d.ts +5 -0
  25. package/dist/Form/Timepicker/TimeInputs.d.ts.map +1 -0
  26. package/dist/Form/Timepicker/TimeScrollWheels.d.ts +5 -0
  27. package/dist/Form/Timepicker/TimeScrollWheels.d.ts.map +1 -0
  28. package/dist/Form/Timepicker/constants.d.ts +2 -0
  29. package/dist/Form/Timepicker/constants.d.ts.map +1 -0
  30. package/dist/Form/Timepicker/context.d.ts +12 -0
  31. package/dist/Form/Timepicker/context.d.ts.map +1 -0
  32. package/dist/Form/Timepicker/hooks/useCaret.d.ts +5 -0
  33. package/dist/Form/Timepicker/hooks/useCaret.d.ts.map +1 -0
  34. package/dist/Form/Timepicker/hooks/useScrollWheel.d.ts +5 -0
  35. package/dist/Form/Timepicker/hooks/useScrollWheel.d.ts.map +1 -0
  36. package/dist/Form/Timepicker/index.cjs +1 -0
  37. package/dist/Form/Timepicker/index.d.ts +5 -0
  38. package/dist/Form/Timepicker/index.d.ts.map +1 -0
  39. package/dist/Form/Timepicker/index.mjs +369 -0
  40. package/dist/Form/Timepicker/types.d.ts +44 -0
  41. package/dist/Form/Timepicker/types.d.ts.map +1 -0
  42. package/dist/Form/Timepicker/utils.d.ts +10 -0
  43. package/dist/Form/Timepicker/utils.d.ts.map +1 -0
  44. package/dist/Form/Wrappers/PickerWrapper/PickerWrapper.d.ts.map +1 -1
  45. package/dist/Form/Wrappers/PickerWrapper/type.d.ts +2 -1
  46. package/dist/Form/Wrappers/PickerWrapper/type.d.ts.map +1 -1
  47. package/dist/Menu/constants.d.ts +1 -1
  48. package/dist/Menu/constants.d.ts.map +1 -1
  49. package/dist/Menu/index.cjs +1 -1
  50. package/dist/Menu/index.d.ts.map +1 -1
  51. package/dist/Menu/index.mjs +8 -6
  52. package/dist/Menu/types.d.ts +1 -1
  53. package/dist/Menu/types.d.ts.map +1 -1
  54. package/dist/PickerWrapper-BcOkTb3G.cjs +1 -0
  55. package/dist/{PickerWrapper-CQAaW1cs.js → PickerWrapper-CZPsW03T.js} +52 -47
  56. package/dist/Progress/Doughnut/index.cjs +1 -1
  57. package/dist/Progress/Doughnut/index.d.ts.map +1 -1
  58. package/dist/Progress/Doughnut/index.mjs +18 -14
  59. package/dist/Progress/Doughnut/types.d.ts +1 -1
  60. package/dist/Progress/Doughnut/types.d.ts.map +1 -1
  61. package/dist/Tooltip/Content.d.ts.map +1 -1
  62. package/dist/Tooltip/index.cjs +1 -1
  63. package/dist/Tooltip/index.d.ts +1 -1
  64. package/dist/Tooltip/index.d.ts.map +1 -1
  65. package/dist/Tooltip/index.mjs +21 -17
  66. package/dist/assets/styles.css +1 -1
  67. package/dist/index.cjs +1 -1
  68. package/dist/index.d.ts +1 -0
  69. package/dist/index.d.ts.map +1 -1
  70. package/dist/index.mjs +46 -44
  71. package/package.json +7 -1
  72. package/dist/PickerWrapper-DpLS0Ogo.cjs +0 -1
@@ -0,0 +1,44 @@
1
+ import { HasOrNotRange, HasOrNotSubmitButton } from '../../../utils/types/DateAndTimePicker';
2
+ import { PickerWrapperProps } from '../Wrappers/PickerWrapper/type';
3
+ export type TimeValue = {
4
+ hour: number | null;
5
+ minute: number | null;
6
+ };
7
+ type TimepickerPropsBase = PickerWrapperProps & {
8
+ showSubmitButton?: boolean;
9
+ showNowButton?: boolean;
10
+ mode?: 'input' | 'time';
11
+ acceptRange?: boolean;
12
+ minuteStep?: number;
13
+ };
14
+ export type TimepickerProps = TimepickerPropsBase & HasOrNotSubmitButton & HasOrNotRange;
15
+ export interface ScrollWheelProps {
16
+ items: number[];
17
+ defaultValue: number;
18
+ onValueChange: (value: number) => void;
19
+ className?: string;
20
+ formatValue?: (value: number) => string;
21
+ }
22
+ export interface TimeInputProps {
23
+ value: Date | null;
24
+ onChange: (time: Date | null) => void;
25
+ placeholder?: string;
26
+ disabled?: boolean;
27
+ className?: string;
28
+ isRange?: boolean;
29
+ isStartTime?: boolean;
30
+ }
31
+ type RangePart = 'start' | 'end';
32
+ interface WithTimeHandlers {
33
+ timePickerProps: TimepickerProps;
34
+ handleSingleTimeChange: (hour: number, minute: number) => void;
35
+ handleRangeTimeChange: (part: RangePart, hour: number, minute: number) => void;
36
+ }
37
+ export interface TimeScrollWheelsProps extends WithTimeHandlers {
38
+ activePart: RangePart;
39
+ }
40
+ export interface TimeInputsProps extends WithTimeHandlers {
41
+ setActivePart: (part: RangePart) => void;
42
+ }
43
+ export {};
44
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,10 @@
1
+ import { TimeValue } from './types';
2
+ export declare const getItemHeight: (itemRefs: (HTMLDivElement | null)[]) => number;
3
+ export declare const scrollToValue: (container: HTMLDivElement | null, items: number[], value: number, getItemHeightFn: () => number, behavior?: ScrollBehavior) => void;
4
+ export declare const isValidHour: (h: string) => boolean;
5
+ export declare const isValidMinute: (m: string) => boolean;
6
+ export declare const formatToMask: (value?: TimeValue) => string[];
7
+ export declare const maskToValue: (maskChars: string[]) => TimeValue;
8
+ export declare const nextEditableIndex: (index: number, forward?: boolean) => number;
9
+ export declare const isValidDigit: (key: string, pos: number, newMask: string[]) => boolean;
10
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -1 +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"}
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,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"}
@@ -1,6 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { DrawerProps } from '../../../Drawer';
3
3
  import { InputProps } from '../../Input';
4
+ export type PopperPosition = 'top' | 'bottom' | 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
4
5
  interface PickerWrapperPropsBase {
5
6
  isLoading?: boolean;
6
7
  disabled?: boolean;
@@ -24,7 +25,7 @@ interface PickerWrapperWithPopoverContainer {
24
25
  dropdownType?: 'popover';
25
26
  popoverClassName?: string;
26
27
  drawerProps?: never;
27
- popoverPosition?: 'top' | 'bottom';
28
+ popoverPosition?: PopperPosition;
28
29
  }
29
30
  export type PickerWrapperProps = PickerWrapperPropsBase & (PickerWrapperWithCustomInput | PickerWrapperWithoutCustomInput) & (PickerWrapperWithDrawerContainer | PickerWrapperWithPopoverContainer);
30
31
  export {};
@@ -1 +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"}
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,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"}
@@ -1,4 +1,4 @@
1
- import { PopperPosition } from '../../hooks/useFlipPosition';
1
+ import { PopperPosition } from '../Form/Wrappers/PickerWrapper/type';
2
2
  export declare const DURATION_CLASS = "dgsuikit:duration-300";
3
3
  export declare const REMOVE_CONTAINER_TIMEOUT = 400;
4
4
  export declare const POSITION_CLASS_NAMES: Record<PopperPosition, string>;
@@ -1 +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"}
1
+ {"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"}
@@ -1 +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:l="",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",l),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:l,className:u="",popoverClassName:r="",position:o="bottom-left"}=s,[d,n]=g.useState(!1),[f,c]=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(()=>{c(!1)},x))});function m(){const a=!f;t&&clearTimeout(t),a?(c(!0),t=setTimeout(()=>{n(!0)},0)):(n(!1),t=setTimeout(()=>{c(!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:l})]})})},h=R;h.Item=P;module.exports=h;
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:"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;
@@ -1 +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"}
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;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"}
@@ -1,18 +1,20 @@
1
- import { jsxs as x, jsx as n } from "react/jsx-runtime";
1
+ import { jsxs as h, jsx as n } from "react/jsx-runtime";
2
2
  import { c } from "../clsx-OuTLNxxd.js";
3
3
  import { createContext as C, useContext as T, useState as k } from "react";
4
4
  import { u as v } from "../useFlipPosition-BWxiBDQ_.js";
5
5
  import { u as S } from "../useOutsideClick-DDIvXCYN.js";
6
6
  import { I as O } from "../IconArrowLeft2-cxcPyDqS.js";
7
7
  const P = "dgsuikit:duration-300", p = 400, A = {
8
+ bottom: "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0",
8
9
  "bottom-right": "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-0",
9
10
  "bottom-center": "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2",
10
11
  "bottom-left": "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0",
12
+ top: "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0",
11
13
  "top-right": "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-0",
12
14
  "top-center": "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2",
13
15
  "top-left": "dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0"
14
- }, h = C(null), R = () => {
15
- const i = T(h);
16
+ }, x = C(null), R = () => {
17
+ const i = T(x);
16
18
  if (!i)
17
19
  throw new Error("Menu components must be used within a Menu");
18
20
  return i;
@@ -27,7 +29,7 @@ const P = "dgsuikit:duration-300", p = 400, A = {
27
29
  const { close: d } = R(), o = () => {
28
30
  !e && s && typeof s == "function" && (s(), d());
29
31
  };
30
- return /* @__PURE__ */ x(
32
+ return /* @__PURE__ */ h(
31
33
  "button",
32
34
  {
33
35
  className: c(
@@ -50,7 +52,7 @@ const P = "dgsuikit:duration-300", p = 400, A = {
50
52
  children: r,
51
53
  className: e = "",
52
54
  popoverClassName: g = "",
53
- position: u = "bottom-left"
55
+ position: u = "bottom-right"
54
56
  } = i, [d, o] = k(!1), [m, a] = k(!1), [y, b] = k(u);
55
57
  let t;
56
58
  const { anchorRef: w, popperRef: M } = v({
@@ -74,7 +76,7 @@ const P = "dgsuikit:duration-300", p = 400, A = {
74
76
  }, p));
75
77
  }
76
78
  const N = { close: f };
77
- return /* @__PURE__ */ n(h.Provider, { value: N, children: /* @__PURE__ */ x(
79
+ return /* @__PURE__ */ n(x.Provider, { value: N, children: /* @__PURE__ */ h(
78
80
  "div",
79
81
  {
80
82
  ref: I,
@@ -1,4 +1,4 @@
1
- import { PopperPosition } from '../../hooks/useFlipPosition';
1
+ import { PopperPosition } from '../Form/Wrappers/PickerWrapper/type';
2
2
  export interface MenuContextType {
3
3
  close: () => void;
4
4
  }
@@ -1 +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"}
1
+ {"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"}
@@ -0,0 +1 @@
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;
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsxs as O, jsx as i, Fragment as A } from "react/jsx-runtime";
3
3
  import { c as t } from "./clsx-OuTLNxxd.js";
4
- import { createContext as E, useContext as V, useState as d } from "react";
4
+ import { createContext as E, useContext as V, useState as p } from "react";
5
5
  import _ from "./Drawer/index.mjs";
6
6
  import { u as j } from "./useFlipPosition-BWxiBDQ_.js";
7
7
  import { u as F } from "./useOutsideClick-DDIvXCYN.js";
@@ -13,42 +13,42 @@ const v = E({
13
13
  }
14
14
  }), X = () => V(v), x = "dgsuikit:duration-300", C = 400, Y = (I) => {
15
15
  const {
16
- dropdownType: l = "popover",
17
- disabled: r,
18
- isLoading: o,
16
+ dropdownType: c = "popover",
17
+ disabled: a,
18
+ isLoading: e,
19
19
  wrapperClassName: N,
20
- customInput: c,
21
- children: g,
22
- drawerProps: m,
23
- inputProps: y,
24
- popoverClassName: P,
25
- popoverPosition: T
26
- } = I, k = T === "top" ? "top-left" : "bottom-left", [e, a] = d(!1), [f, u] = d(!1), [h, W] = d(k);
20
+ customInput: g,
21
+ children: m,
22
+ drawerProps: k,
23
+ inputProps: W,
24
+ popoverClassName: y,
25
+ popoverPosition: P
26
+ } = I, f = P ?? "bottom-left", [o, n] = p(!1), [h, d] = p(!1), [r, T] = p(f);
27
27
  let s;
28
28
  const { anchorRef: R, popperRef: S } = j({
29
- initialPosition: k,
29
+ initialPosition: f,
30
30
  minVisible: 180,
31
- onPositionChange(n) {
32
- W((b) => b === n ? b : n);
31
+ onPositionChange(u) {
32
+ T((b) => b === u ? b : u);
33
33
  }
34
34
  }), D = F(() => {
35
- l === "popover" && e && (a(!1), s && clearTimeout(s), s = setTimeout(() => {
36
- u(!1);
35
+ c === "popover" && o && (n(!1), s && clearTimeout(s), s = setTimeout(() => {
36
+ d(!1);
37
37
  }, C));
38
38
  });
39
39
  function w() {
40
- if (r || o) return;
41
- const n = !f;
42
- s && clearTimeout(s), n ? (u(!0), s = setTimeout(() => {
43
- a(!0);
44
- }, 0)) : (a(!1), s = setTimeout(() => {
45
- u(!1);
40
+ if (a || e) return;
41
+ const u = !h;
42
+ s && clearTimeout(s), u ? (d(!0), s = setTimeout(() => {
43
+ n(!0);
44
+ }, 0)) : (n(!1), s = setTimeout(() => {
45
+ d(!1);
46
46
  }, C));
47
47
  }
48
- const p = t({
49
- "dgsuikit:!cursor-not-allowed": r,
50
- "dgsuikit:!cursor-wait": o,
51
- "dgsuikit:!cursor-pointer": !o && !r
48
+ const l = t({
49
+ "dgsuikit:!cursor-not-allowed": a,
50
+ "dgsuikit:!cursor-wait": e,
51
+ "dgsuikit:!cursor-pointer": !e && !a
52
52
  });
53
53
  return /* @__PURE__ */ O(
54
54
  "div",
@@ -61,27 +61,27 @@ const v = E({
61
61
  {
62
62
  ref: R,
63
63
  type: "button",
64
- className: t("dgsuikit:w-full", p),
64
+ className: t("dgsuikit:w-full", l),
65
65
  onClick: w,
66
- children: c ? c(e) : /* @__PURE__ */ i(
66
+ children: g ? g(o) : /* @__PURE__ */ i(
67
67
  M,
68
68
  {
69
- leftIcon: o ? /* @__PURE__ */ i("div", { className: "dot-flashing dgsuikit:mr-2" }) : /* @__PURE__ */ i(
69
+ leftIcon: e ? /* @__PURE__ */ i("div", { className: "dot-flashing dgsuikit:mr-2" }) : /* @__PURE__ */ i(
70
70
  L,
71
71
  {
72
72
  width: 20,
73
73
  height: 20,
74
74
  className: t("dgsuikit:transition", x, {
75
- "dgsuikit:rotate-180": e
75
+ "dgsuikit:rotate-180": o
76
76
  })
77
77
  }
78
78
  ),
79
- containerClassName: t(p, {
80
- "dgsuikit:items-baseline": o
79
+ containerClassName: t(l, {
80
+ "dgsuikit:items-baseline": e
81
81
  }),
82
- className: t("dgsuikit:caret-transparent", p),
83
- disabled: r,
84
- ...y
82
+ className: t("dgsuikit:caret-transparent", l),
83
+ disabled: a,
84
+ ...W
85
85
  }
86
86
  )
87
87
  }
@@ -92,33 +92,38 @@ const v = E({
92
92
  value: {
93
93
  toggleWrapperVisibility: w
94
94
  },
95
- children: f && /* @__PURE__ */ i(A, { children: l === "popover" ? /* @__PURE__ */ i(
95
+ children: h && /* @__PURE__ */ i(A, { children: c === "popover" ? /* @__PURE__ */ i(
96
96
  "div",
97
97
  {
98
98
  ref: S,
99
99
  className: t(
100
- "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",
100
+ "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",
101
101
  x,
102
- e ? "dgsuikit:opacity-100" : "dgsuikit:opacity-0 dgsuikit:max-h-0 dgsuikit:overflow-y-hidden",
102
+ o ? "dgsuikit:opacity-100" : "dgsuikit:opacity-0 dgsuikit:max-h-0 dgsuikit:overflow-y-hidden",
103
103
  {
104
- "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)]": h.includes("bottom"),
105
- "dgsuikit:top-0 dgsuikit:translate-y-[calc(-100%-8px)]": h.includes("top")
104
+ "dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)]": r.includes("bottom"),
105
+ "dgsuikit:top-0 dgsuikit:translate-y-[calc(-100%-8px)]": r.includes("top")
106
106
  },
107
- P
107
+ {
108
+ "dgsuikit:right-0": r.endsWith("left"),
109
+ "dgsuikit:left-0": r.endsWith("right"),
110
+ "dgsuikit:left-1/2 dgsuikit:-translate-x-1/2": r.endsWith("center")
111
+ },
112
+ y
108
113
  ),
109
- children: g
114
+ children: m
110
115
  }
111
116
  ) : /* @__PURE__ */ i(
112
117
  _,
113
118
  {
114
- ...m,
115
- open: e,
116
- onClose: () => a(!1),
119
+ ...k,
120
+ open: o,
121
+ onClose: () => n(!1),
117
122
  containerClassName: t(
118
123
  "dgsuikit:!pb-3 dgsuikit:!px-0",
119
- m?.containerClassName
124
+ k?.containerClassName
120
125
  ),
121
- children: g
126
+ children: m
122
127
  }
123
128
  ) })
124
129
  }
@@ -1 +1 @@
1
- "use strict";const s=require("react/jsx-runtime"),n=require("../../clsx-C11secjj.cjs"),l={primary:{empty:"dgsuikit:stroke-primary-100",filled:"dgsuikit:stroke-primary-500"},secondary:{empty:"dgsuikit:stroke-secondary-100",filled:"dgsuikit:stroke-secondary-600"},gray:{empty:"dgsuikit:stroke-gray-400",filled:"dgsuikit:stroke-gray-50"}},h=d=>{const{color:o="primary",current:u,total:e,size:t=48,showText:k,strokeSize:r=6,svgProps:g,textClassName:m}=d,c=Math.min(Math.max(u,0),e),x=c/e*100,i=(t-r)/2,a=2*Math.PI*i,y=a*(1-x/100);return s.jsxs("svg",{width:t,height:t,viewBox:`0 0 ${t} ${t}`,...g,children:[s.jsx("circle",{cx:t/2,cy:t/2,r:i,className:l[o].empty,strokeWidth:r,fill:"none"}),s.jsx("circle",{cx:t/2,cy:t/2,r:i,className:n.clsx(l[o].filled,"dgsuikit:transition-all"),strokeWidth:r,fill:"none",strokeDasharray:a,strokeDashoffset:y,strokeLinecap:"round",transform:`rotate(-90 ${t/2} ${t/2})`}),k&&s.jsxs("text",{x:"50%",y:"50%",dominantBaseline:"middle",textAnchor:"middle",className:n.clsx("dgsuikit:font-caption-regular dgsuikit:text-gray-600 dgsuikit:ss02",m),children:[c," از ",e]})]})};module.exports=h;
1
+ "use strict";const s=require("react/jsx-runtime"),c=require("../../clsx-C11secjj.cjs"),d={primary:{empty:"dgsuikit:stroke-primary-100",filled:"dgsuikit:stroke-primary-500"},secondary:{empty:"dgsuikit:stroke-secondary-100",filled:"dgsuikit:stroke-secondary-600"},gray:{empty:"dgsuikit:stroke-gray-400",filled:"dgsuikit:stroke-gray-50"},warning:{empty:"dgsuikit:stroke-warning-100",filled:"dgsuikit:stroke-warning-500"}},h=l=>{const{color:o="primary",current:g,total:e,size:t=48,showText:k,strokeSize:r=6,svgProps:u,textClassName:m}=l,n=Math.min(Math.max(g,0),e),y=n/e*100,i=(t-r)/2,a=2*Math.PI*i,x=a*(1-y/100);return s.jsxs("svg",{width:t,height:t,viewBox:`0 0 ${t} ${t}`,...u,children:[s.jsx("circle",{cx:t/2,cy:t/2,r:i,className:d[o].empty,strokeWidth:r,fill:"none"}),s.jsx("circle",{cx:t/2,cy:t/2,r:i,className:c.clsx(d[o].filled,"dgsuikit:transition-all"),strokeWidth:r,fill:"none",strokeDasharray:a,strokeDashoffset:x,strokeLinecap:"round",transform:`rotate(-90 ${t/2} ${t/2})`}),k&&s.jsxs("text",{x:"50%",y:"50%",dominantBaseline:"middle",textAnchor:"middle",className:c.clsx("dgsuikit:font-caption-regular dgsuikit:text-gray-600 dgsuikit:ss02",m),children:[n," از ",e]})]})};module.exports=h;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Doughnut/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAoBrD,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA4D/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Doughnut/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAwBrD,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA4D/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
@@ -1,4 +1,4 @@
1
- import { jsxs as c, jsx as n } from "react/jsx-runtime";
1
+ import { jsxs as n, jsx as c } from "react/jsx-runtime";
2
2
  import { c as d } from "../../clsx-OuTLNxxd.js";
3
3
  const l = {
4
4
  primary: {
@@ -12,19 +12,23 @@ const l = {
12
12
  gray: {
13
13
  empty: "dgsuikit:stroke-gray-400",
14
14
  filled: "dgsuikit:stroke-gray-50"
15
+ },
16
+ warning: {
17
+ empty: "dgsuikit:stroke-warning-100",
18
+ filled: "dgsuikit:stroke-warning-500"
15
19
  }
16
- }, S = (m) => {
20
+ }, w = (g) => {
17
21
  const {
18
22
  color: i = "primary",
19
23
  current: k,
20
24
  total: e,
21
25
  size: t = 48,
22
- showText: g,
23
- strokeSize: s = 6,
26
+ showText: m,
27
+ strokeSize: r = 6,
24
28
  svgProps: u,
25
29
  textClassName: y
26
- } = m, o = Math.min(Math.max(k, 0), e), f = o / e * 100, r = (t - s) / 2, a = 2 * Math.PI * r, p = a * (1 - f / 100);
27
- return /* @__PURE__ */ c(
30
+ } = g, o = Math.min(Math.max(k, 0), e), f = o / e * 100, s = (t - r) / 2, a = 2 * Math.PI * s, p = a * (1 - f / 100);
31
+ return /* @__PURE__ */ n(
28
32
  "svg",
29
33
  {
30
34
  width: t,
@@ -32,25 +36,25 @@ const l = {
32
36
  viewBox: `0 0 ${t} ${t}`,
33
37
  ...u,
34
38
  children: [
35
- /* @__PURE__ */ n(
39
+ /* @__PURE__ */ c(
36
40
  "circle",
37
41
  {
38
42
  cx: t / 2,
39
43
  cy: t / 2,
40
- r,
44
+ r: s,
41
45
  className: l[i].empty,
42
- strokeWidth: s,
46
+ strokeWidth: r,
43
47
  fill: "none"
44
48
  }
45
49
  ),
46
- /* @__PURE__ */ n(
50
+ /* @__PURE__ */ c(
47
51
  "circle",
48
52
  {
49
53
  cx: t / 2,
50
54
  cy: t / 2,
51
- r,
55
+ r: s,
52
56
  className: d(l[i].filled, "dgsuikit:transition-all"),
53
- strokeWidth: s,
57
+ strokeWidth: r,
54
58
  fill: "none",
55
59
  strokeDasharray: a,
56
60
  strokeDashoffset: p,
@@ -58,7 +62,7 @@ const l = {
58
62
  transform: `rotate(-90 ${t / 2} ${t / 2})`
59
63
  }
60
64
  ),
61
- g && /* @__PURE__ */ c(
65
+ m && /* @__PURE__ */ n(
62
66
  "text",
63
67
  {
64
68
  x: "50%",
@@ -81,5 +85,5 @@ const l = {
81
85
  );
82
86
  };
83
87
  export {
84
- S as default
88
+ w as default
85
89
  };
@@ -1,6 +1,6 @@
1
1
  import { SVGProps } from 'react';
2
2
  interface ProgressDoughnutPropsBase {
3
- color?: 'primary' | 'secondary' | 'gray';
3
+ color?: 'primary' | 'secondary' | 'gray' | 'warning';
4
4
  current: number;
5
5
  total: number;
6
6
  size?: number;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Doughnut/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,yBAAyB;IACjC,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;IACzC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;CACpC;AAED,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB;AAED,UAAU,gBAAgB;IACxB,QAAQ,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,GAC3D,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Doughnut/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,yBAAyB;IACjC,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,CAAC;IACrD,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;CACpC;AAED,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB;AAED,UAAU,gBAAgB;IACxB,QAAQ,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,GAC3D,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC"}
@@ -1 +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"}
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;AAiCD,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA8B3C,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -1 +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;
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:"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;
@@ -1,5 +1,5 @@
1
1
  import { FC, ReactNode } from 'react';
2
- import { PopperPosition } from '../../hooks/useFlipPosition';
2
+ import { PopperPosition } from '../Form/Wrappers/PickerWrapper/type';
3
3
  export interface TooltipProps {
4
4
  position?: PopperPosition;
5
5
  title?: string;
@@ -1 +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"}
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;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"}