@deepnoid/ui 0.1.197 → 0.1.199

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.
@@ -57,6 +57,7 @@ var DatePicker = forwardRef((originalProps, ref) => {
57
57
  placeholder = "",
58
58
  format = "YYYY-MM-DD",
59
59
  locale = "default",
60
+ position = "left-start",
60
61
  daysOfWeek = ["\uC77C", "\uC6D4", "\uD654", "\uC218", "\uBAA9", "\uAE08", "\uD1A0"],
61
62
  monthYearFormat = (year, month) => locale === "default" ? `${year}. ${(month + 1).toString().padStart(2, "0")}` : new Date(year, month).toLocaleString(locale, { year: "numeric", month: "2-digit" }),
62
63
  resetTitle,
@@ -84,7 +85,11 @@ var DatePicker = forwardRef((originalProps, ref) => {
84
85
  );
85
86
  const inputWrapperRef = useRef(null);
86
87
  const calendarWrapperRef = useRef(null);
87
- const [panelPos, setPanelPos] = useState({ top: -9999, left: -9999 });
88
+ const [panelPos, setPanelPos] = useState({
89
+ top: -9999,
90
+ left: -9999,
91
+ right: -9999
92
+ });
88
93
  const blurTimeoutRef = useRef(null);
89
94
  const isConfirmDisabled = useMemo(() => {
90
95
  if (range) {
@@ -119,9 +124,17 @@ var DatePicker = forwardRef((originalProps, ref) => {
119
124
  const calculatePosition = useCallback(() => {
120
125
  if (inputWrapperRef.current) {
121
126
  const rect = inputWrapperRef.current.getBoundingClientRect();
122
- setPanelPos({ top: rect.bottom + window.scrollY + 6, left: rect.left + window.scrollX });
127
+ if (position === "left-start") {
128
+ setPanelPos({ top: rect.bottom + window.scrollY + 6, left: rect.left + window.scrollX });
129
+ }
130
+ if (position === "right-end") {
131
+ setPanelPos({
132
+ top: rect.bottom + window.scrollY + 6,
133
+ right: window.innerWidth - rect.right - window.scrollX
134
+ });
135
+ }
123
136
  }
124
- }, []);
137
+ }, [position]);
125
138
  const handleFocusInput = () => {
126
139
  if (disabled) return;
127
140
  if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
@@ -367,7 +380,13 @@ var DatePicker = forwardRef((originalProps, ref) => {
367
380
  {
368
381
  ref: calendarWrapperRef,
369
382
  className: slots.calendarWrapper({ class: classNames == null ? void 0 : classNames.calendarWrapper }),
370
- style: { position: "absolute", top: panelPos.top, left: panelPos.left, zIndex: 1e3 },
383
+ style: {
384
+ position: "absolute",
385
+ top: panelPos.top,
386
+ left: panelPos.left,
387
+ right: panelPos.right,
388
+ zIndex: 1e3
389
+ },
371
390
  onMouseDown: handleCalendarMouseDown,
372
391
  children: [
373
392
  /* @__PURE__ */ jsxs("div", { className: dualCalendar ? "flex gap-[10px]" : "flex", children: [
@@ -423,7 +442,7 @@ DatePicker.displayName = "DatePicker";
423
442
  var datePicker_default = DatePicker;
424
443
  var datePickerStyle = tv({
425
444
  slots: {
426
- base: ["group/datepicker", "flex", "flex-col", "cursor-pointer"],
445
+ base: ["group/datepicker", "flex", "flex-col", "cursor-pointer", "w-fit"],
427
446
  calendarWrapper: [
428
447
  "flex",
429
448
  "flex-col",
@@ -122,6 +122,7 @@ var TableBody = ({
122
122
  "tr",
123
123
  {
124
124
  className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }),
125
+ "data-checked": checkedRows.has(row.id),
125
126
  onClick: typeof onRowClick === "function" ? (event) => onRowClick(row, rowIndex, event) : void 0,
126
127
  children: [
127
128
  columns.map((column, colIdx) => /* @__PURE__ */ jsx(
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import "../../chunk-7MVEAQ7Z.mjs";
3
- import {
4
- listItem_default
5
- } from "../../chunk-K3M3QEEV.mjs";
6
3
  import {
7
4
  list_default
8
5
  } from "../../chunk-NGRGAY42.mjs";
6
+ import {
7
+ listItem_default
8
+ } from "../../chunk-K3M3QEEV.mjs";
9
9
  import "../../chunk-ZYIIXWVY.mjs";
10
10
  import "../../chunk-YEYUS6DW.mjs";
11
11
  import "../../chunk-E3G5QXSH.mjs";
@@ -22,6 +22,7 @@ interface DatePickerProps extends Omit<ComponentProps<"input">, "size" | "color"
22
22
  monthYearFormat?: (year: number, month: number) => string;
23
23
  variant?: "solid" | "outline" | "underline";
24
24
  color?: "primary" | "secondary";
25
+ position?: "left-start" | "right-end";
25
26
  disabled?: boolean;
26
27
  helperMessage?: string;
27
28
  resetTitle: string;
@@ -22,6 +22,7 @@ interface DatePickerProps extends Omit<ComponentProps<"input">, "size" | "color"
22
22
  monthYearFormat?: (year: number, month: number) => string;
23
23
  variant?: "solid" | "outline" | "underline";
24
24
  color?: "primary" | "secondary";
25
+ position?: "left-start" | "right-end";
25
26
  disabled?: boolean;
26
27
  helperMessage?: string;
27
28
  resetTitle: string;
@@ -6702,6 +6702,7 @@ var DatePicker = (0, import_react7.forwardRef)((originalProps, ref) => {
6702
6702
  placeholder = "",
6703
6703
  format = "YYYY-MM-DD",
6704
6704
  locale = "default",
6705
+ position = "left-start",
6705
6706
  daysOfWeek = ["\uC77C", "\uC6D4", "\uD654", "\uC218", "\uBAA9", "\uAE08", "\uD1A0"],
6706
6707
  monthYearFormat = (year, month) => locale === "default" ? `${year}. ${(month + 1).toString().padStart(2, "0")}` : new Date(year, month).toLocaleString(locale, { year: "numeric", month: "2-digit" }),
6707
6708
  resetTitle,
@@ -6729,7 +6730,11 @@ var DatePicker = (0, import_react7.forwardRef)((originalProps, ref) => {
6729
6730
  );
6730
6731
  const inputWrapperRef = (0, import_react7.useRef)(null);
6731
6732
  const calendarWrapperRef = (0, import_react7.useRef)(null);
6732
- const [panelPos, setPanelPos] = (0, import_react7.useState)({ top: -9999, left: -9999 });
6733
+ const [panelPos, setPanelPos] = (0, import_react7.useState)({
6734
+ top: -9999,
6735
+ left: -9999,
6736
+ right: -9999
6737
+ });
6733
6738
  const blurTimeoutRef = (0, import_react7.useRef)(null);
6734
6739
  const isConfirmDisabled = (0, import_react7.useMemo)(() => {
6735
6740
  if (range) {
@@ -6764,9 +6769,17 @@ var DatePicker = (0, import_react7.forwardRef)((originalProps, ref) => {
6764
6769
  const calculatePosition = (0, import_react7.useCallback)(() => {
6765
6770
  if (inputWrapperRef.current) {
6766
6771
  const rect = inputWrapperRef.current.getBoundingClientRect();
6767
- setPanelPos({ top: rect.bottom + window.scrollY + 6, left: rect.left + window.scrollX });
6772
+ if (position === "left-start") {
6773
+ setPanelPos({ top: rect.bottom + window.scrollY + 6, left: rect.left + window.scrollX });
6774
+ }
6775
+ if (position === "right-end") {
6776
+ setPanelPos({
6777
+ top: rect.bottom + window.scrollY + 6,
6778
+ right: window.innerWidth - rect.right - window.scrollX
6779
+ });
6780
+ }
6768
6781
  }
6769
- }, []);
6782
+ }, [position]);
6770
6783
  const handleFocusInput = () => {
6771
6784
  if (disabled) return;
6772
6785
  if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
@@ -7012,7 +7025,13 @@ var DatePicker = (0, import_react7.forwardRef)((originalProps, ref) => {
7012
7025
  {
7013
7026
  ref: calendarWrapperRef,
7014
7027
  className: slots.calendarWrapper({ class: classNames == null ? void 0 : classNames.calendarWrapper }),
7015
- style: { position: "absolute", top: panelPos.top, left: panelPos.left, zIndex: 1e3 },
7028
+ style: {
7029
+ position: "absolute",
7030
+ top: panelPos.top,
7031
+ left: panelPos.left,
7032
+ right: panelPos.right,
7033
+ zIndex: 1e3
7034
+ },
7016
7035
  onMouseDown: handleCalendarMouseDown,
7017
7036
  children: [
7018
7037
  /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: dualCalendar ? "flex gap-[10px]" : "flex", children: [
@@ -7068,7 +7087,7 @@ DatePicker.displayName = "DatePicker";
7068
7087
  var datePicker_default = DatePicker;
7069
7088
  var datePickerStyle = tv({
7070
7089
  slots: {
7071
- base: ["group/datepicker", "flex", "flex-col", "cursor-pointer"],
7090
+ base: ["group/datepicker", "flex", "flex-col", "cursor-pointer", "w-fit"],
7072
7091
  calendarWrapper: [
7073
7092
  "flex",
7074
7093
  "flex-col",
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  datePickerStyle,
4
4
  datePicker_default
5
- } from "../../chunk-SI2WCAF4.mjs";
5
+ } from "../../chunk-2EUKWA4W.mjs";
6
6
  import "../../chunk-FWFEKWWD.mjs";
7
7
  import "../../chunk-XZYQFBCT.mjs";
8
8
  import "../../chunk-2GCSFWHD.mjs";
@@ -6707,6 +6707,7 @@ var DatePicker = (0, import_react7.forwardRef)((originalProps, ref) => {
6707
6707
  placeholder = "",
6708
6708
  format = "YYYY-MM-DD",
6709
6709
  locale = "default",
6710
+ position = "left-start",
6710
6711
  daysOfWeek = ["\uC77C", "\uC6D4", "\uD654", "\uC218", "\uBAA9", "\uAE08", "\uD1A0"],
6711
6712
  monthYearFormat = (year, month) => locale === "default" ? `${year}. ${(month + 1).toString().padStart(2, "0")}` : new Date(year, month).toLocaleString(locale, { year: "numeric", month: "2-digit" }),
6712
6713
  resetTitle,
@@ -6734,7 +6735,11 @@ var DatePicker = (0, import_react7.forwardRef)((originalProps, ref) => {
6734
6735
  );
6735
6736
  const inputWrapperRef = (0, import_react7.useRef)(null);
6736
6737
  const calendarWrapperRef = (0, import_react7.useRef)(null);
6737
- const [panelPos, setPanelPos] = (0, import_react7.useState)({ top: -9999, left: -9999 });
6738
+ const [panelPos, setPanelPos] = (0, import_react7.useState)({
6739
+ top: -9999,
6740
+ left: -9999,
6741
+ right: -9999
6742
+ });
6738
6743
  const blurTimeoutRef = (0, import_react7.useRef)(null);
6739
6744
  const isConfirmDisabled = (0, import_react7.useMemo)(() => {
6740
6745
  if (range) {
@@ -6769,9 +6774,17 @@ var DatePicker = (0, import_react7.forwardRef)((originalProps, ref) => {
6769
6774
  const calculatePosition = (0, import_react7.useCallback)(() => {
6770
6775
  if (inputWrapperRef.current) {
6771
6776
  const rect = inputWrapperRef.current.getBoundingClientRect();
6772
- setPanelPos({ top: rect.bottom + window.scrollY + 6, left: rect.left + window.scrollX });
6777
+ if (position === "left-start") {
6778
+ setPanelPos({ top: rect.bottom + window.scrollY + 6, left: rect.left + window.scrollX });
6779
+ }
6780
+ if (position === "right-end") {
6781
+ setPanelPos({
6782
+ top: rect.bottom + window.scrollY + 6,
6783
+ right: window.innerWidth - rect.right - window.scrollX
6784
+ });
6785
+ }
6773
6786
  }
6774
- }, []);
6787
+ }, [position]);
6775
6788
  const handleFocusInput = () => {
6776
6789
  if (disabled) return;
6777
6790
  if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
@@ -7017,7 +7030,13 @@ var DatePicker = (0, import_react7.forwardRef)((originalProps, ref) => {
7017
7030
  {
7018
7031
  ref: calendarWrapperRef,
7019
7032
  className: slots.calendarWrapper({ class: classNames == null ? void 0 : classNames.calendarWrapper }),
7020
- style: { position: "absolute", top: panelPos.top, left: panelPos.left, zIndex: 1e3 },
7033
+ style: {
7034
+ position: "absolute",
7035
+ top: panelPos.top,
7036
+ left: panelPos.left,
7037
+ right: panelPos.right,
7038
+ zIndex: 1e3
7039
+ },
7021
7040
  onMouseDown: handleCalendarMouseDown,
7022
7041
  children: [
7023
7042
  /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: dualCalendar ? "flex gap-[10px]" : "flex", children: [
@@ -7073,7 +7092,7 @@ DatePicker.displayName = "DatePicker";
7073
7092
  var datePicker_default = DatePicker;
7074
7093
  var datePickerStyle = tv({
7075
7094
  slots: {
7076
- base: ["group/datepicker", "flex", "flex-col", "cursor-pointer"],
7095
+ base: ["group/datepicker", "flex", "flex-col", "cursor-pointer", "w-fit"],
7077
7096
  calendarWrapper: [
7078
7097
  "flex",
7079
7098
  "flex-col",
@@ -3,15 +3,15 @@ import "../../chunk-4VWG4726.mjs";
3
3
  import {
4
4
  timePicker_default
5
5
  } from "../../chunk-ZP2EQULZ.mjs";
6
- import "../../chunk-QCEKPS7U.mjs";
7
- import "../../chunk-4E5OF43U.mjs";
8
6
  import {
9
7
  datePicker_default
10
- } from "../../chunk-SI2WCAF4.mjs";
8
+ } from "../../chunk-2EUKWA4W.mjs";
11
9
  import "../../chunk-FWFEKWWD.mjs";
12
10
  import {
13
11
  day_default
14
12
  } from "../../chunk-XZYQFBCT.mjs";
13
+ import "../../chunk-QCEKPS7U.mjs";
14
+ import "../../chunk-4E5OF43U.mjs";
15
15
  import "../../chunk-2GCSFWHD.mjs";
16
16
  import "../../chunk-3RTVVQA3.mjs";
17
17
  import "../../chunk-MY5U63QO.mjs";
@@ -826,6 +826,7 @@ var TableBody = ({
826
826
  "tr",
827
827
  {
828
828
  className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }),
829
+ "data-checked": checkedRows.has(row.id),
829
830
  onClick: typeof onRowClick === "function" ? (event) => onRowClick(row, rowIndex, event) : void 0,
830
831
  children: [
831
832
  columns.map((column, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -2,16 +2,16 @@
2
2
  import "../../chunk-DX3KXNP6.mjs";
3
3
  import {
4
4
  table_default
5
- } from "../../chunk-K7FQTARY.mjs";
5
+ } from "../../chunk-KYWCJIXI.mjs";
6
6
  import {
7
7
  definition_table_default
8
8
  } from "../../chunk-DS5CGU2X.mjs";
9
9
  import "../../chunk-7B7LRG5J.mjs";
10
10
  import "../../chunk-VVCSY7DG.mjs";
11
11
  import "../../chunk-F3HENRVM.mjs";
12
+ import "../../chunk-QZ3LVYJW.mjs";
12
13
  import "../../chunk-2GCSFWHD.mjs";
13
14
  import "../../chunk-3RTVVQA3.mjs";
14
- import "../../chunk-QZ3LVYJW.mjs";
15
15
  import "../../chunk-DQRAFUDA.mjs";
16
16
  import "../../chunk-EWS3FESG.mjs";
17
17
  import "../../chunk-OEIEALIP.mjs";
@@ -6800,6 +6800,7 @@ var TableBody = ({
6800
6800
  "tr",
6801
6801
  {
6802
6802
  className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }),
6803
+ "data-checked": checkedRows.has(row.id),
6803
6804
  onClick: typeof onRowClick === "function" ? (event) => onRowClick(row, rowIndex, event) : void 0,
6804
6805
  children: [
6805
6806
  columns.map((column, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -1,13 +1,13 @@
1
1
  "use client";
2
2
  import {
3
3
  table_body_default
4
- } from "../../chunk-K7FQTARY.mjs";
4
+ } from "../../chunk-KYWCJIXI.mjs";
5
5
  import "../../chunk-7B7LRG5J.mjs";
6
6
  import "../../chunk-VVCSY7DG.mjs";
7
7
  import "../../chunk-F3HENRVM.mjs";
8
+ import "../../chunk-QZ3LVYJW.mjs";
8
9
  import "../../chunk-2GCSFWHD.mjs";
9
10
  import "../../chunk-3RTVVQA3.mjs";
10
- import "../../chunk-QZ3LVYJW.mjs";
11
11
  import "../../chunk-DQRAFUDA.mjs";
12
12
  import "../../chunk-EWS3FESG.mjs";
13
13
  import "../../chunk-OEIEALIP.mjs";
@@ -723,6 +723,7 @@ var TableBody = ({
723
723
  "tr",
724
724
  {
725
725
  className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }),
726
+ "data-checked": checkedRows.has(row.id),
726
727
  onClick: typeof onRowClick === "function" ? (event) => onRowClick(row, rowIndex, event) : void 0,
727
728
  children: [
728
729
  columns.map((column, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -1,13 +1,13 @@
1
1
  "use client";
2
2
  import {
3
3
  table_head_default
4
- } from "../../chunk-K7FQTARY.mjs";
4
+ } from "../../chunk-KYWCJIXI.mjs";
5
5
  import "../../chunk-7B7LRG5J.mjs";
6
6
  import "../../chunk-VVCSY7DG.mjs";
7
7
  import "../../chunk-F3HENRVM.mjs";
8
+ import "../../chunk-QZ3LVYJW.mjs";
8
9
  import "../../chunk-2GCSFWHD.mjs";
9
10
  import "../../chunk-3RTVVQA3.mjs";
10
- import "../../chunk-QZ3LVYJW.mjs";
11
11
  import "../../chunk-DQRAFUDA.mjs";
12
12
  import "../../chunk-EWS3FESG.mjs";
13
13
  import "../../chunk-OEIEALIP.mjs";
@@ -824,6 +824,7 @@ var TableBody = ({
824
824
  "tr",
825
825
  {
826
826
  className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }),
827
+ "data-checked": checkedRows.has(row.id),
827
828
  onClick: typeof onRowClick === "function" ? (event) => onRowClick(row, rowIndex, event) : void 0,
828
829
  children: [
829
830
  columns.map((column, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -2,13 +2,13 @@
2
2
  import {
3
3
  getCellStyle,
4
4
  table_default
5
- } from "../../chunk-K7FQTARY.mjs";
5
+ } from "../../chunk-KYWCJIXI.mjs";
6
6
  import "../../chunk-7B7LRG5J.mjs";
7
7
  import "../../chunk-VVCSY7DG.mjs";
8
8
  import "../../chunk-F3HENRVM.mjs";
9
+ import "../../chunk-QZ3LVYJW.mjs";
9
10
  import "../../chunk-2GCSFWHD.mjs";
10
11
  import "../../chunk-3RTVVQA3.mjs";
11
- import "../../chunk-QZ3LVYJW.mjs";
12
12
  import "../../chunk-DQRAFUDA.mjs";
13
13
  import "../../chunk-EWS3FESG.mjs";
14
14
  import "../../chunk-OEIEALIP.mjs";
@@ -3,11 +3,11 @@ import "../../chunk-LUWGOKLG.mjs";
3
3
  import {
4
4
  ToastProvider,
5
5
  useToast
6
- } from "../../chunk-L3A3IEKZ.mjs";
6
+ } from "../../chunk-SSGCTWWW.mjs";
7
+ import "../../chunk-ZOTHPHXA.mjs";
7
8
  import {
8
9
  toast_default
9
10
  } from "../../chunk-4F7SIDZB.mjs";
10
- import "../../chunk-ZOTHPHXA.mjs";
11
11
  import "../../chunk-ZYIIXWVY.mjs";
12
12
  import "../../chunk-YEYUS6DW.mjs";
13
13
  import "../../chunk-E3G5QXSH.mjs";
@@ -2,9 +2,9 @@
2
2
  import {
3
3
  ToastProvider,
4
4
  useToast
5
- } from "../../chunk-L3A3IEKZ.mjs";
6
- import "../../chunk-4F7SIDZB.mjs";
5
+ } from "../../chunk-SSGCTWWW.mjs";
7
6
  import "../../chunk-ZOTHPHXA.mjs";
7
+ import "../../chunk-4F7SIDZB.mjs";
8
8
  import "../../chunk-ZYIIXWVY.mjs";
9
9
  import "../../chunk-YEYUS6DW.mjs";
10
10
  import "../../chunk-E3G5QXSH.mjs";
package/dist/index.js CHANGED
@@ -8382,6 +8382,7 @@ var TableBody = ({
8382
8382
  "tr",
8383
8383
  {
8384
8384
  className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }),
8385
+ "data-checked": checkedRows.has(row.id),
8385
8386
  onClick: typeof onRowClick === "function" ? (event) => onRowClick(row, rowIndex, event) : void 0,
8386
8387
  children: [
8387
8388
  columns.map((column, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
@@ -11422,6 +11423,7 @@ var DatePicker = (0, import_react34.forwardRef)((originalProps, ref) => {
11422
11423
  placeholder = "",
11423
11424
  format = "YYYY-MM-DD",
11424
11425
  locale = "default",
11426
+ position = "left-start",
11425
11427
  daysOfWeek = ["\uC77C", "\uC6D4", "\uD654", "\uC218", "\uBAA9", "\uAE08", "\uD1A0"],
11426
11428
  monthYearFormat = (year, month) => locale === "default" ? `${year}. ${(month + 1).toString().padStart(2, "0")}` : new Date(year, month).toLocaleString(locale, { year: "numeric", month: "2-digit" }),
11427
11429
  resetTitle,
@@ -11449,7 +11451,11 @@ var DatePicker = (0, import_react34.forwardRef)((originalProps, ref) => {
11449
11451
  );
11450
11452
  const inputWrapperRef = (0, import_react34.useRef)(null);
11451
11453
  const calendarWrapperRef = (0, import_react34.useRef)(null);
11452
- const [panelPos, setPanelPos] = (0, import_react34.useState)({ top: -9999, left: -9999 });
11454
+ const [panelPos, setPanelPos] = (0, import_react34.useState)({
11455
+ top: -9999,
11456
+ left: -9999,
11457
+ right: -9999
11458
+ });
11453
11459
  const blurTimeoutRef = (0, import_react34.useRef)(null);
11454
11460
  const isConfirmDisabled = (0, import_react34.useMemo)(() => {
11455
11461
  if (range) {
@@ -11484,9 +11490,17 @@ var DatePicker = (0, import_react34.forwardRef)((originalProps, ref) => {
11484
11490
  const calculatePosition = (0, import_react34.useCallback)(() => {
11485
11491
  if (inputWrapperRef.current) {
11486
11492
  const rect = inputWrapperRef.current.getBoundingClientRect();
11487
- setPanelPos({ top: rect.bottom + window.scrollY + 6, left: rect.left + window.scrollX });
11493
+ if (position === "left-start") {
11494
+ setPanelPos({ top: rect.bottom + window.scrollY + 6, left: rect.left + window.scrollX });
11495
+ }
11496
+ if (position === "right-end") {
11497
+ setPanelPos({
11498
+ top: rect.bottom + window.scrollY + 6,
11499
+ right: window.innerWidth - rect.right - window.scrollX
11500
+ });
11501
+ }
11488
11502
  }
11489
- }, []);
11503
+ }, [position]);
11490
11504
  const handleFocusInput = () => {
11491
11505
  if (disabled) return;
11492
11506
  if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
@@ -11732,7 +11746,13 @@ var DatePicker = (0, import_react34.forwardRef)((originalProps, ref) => {
11732
11746
  {
11733
11747
  ref: calendarWrapperRef,
11734
11748
  className: slots.calendarWrapper({ class: classNames == null ? void 0 : classNames.calendarWrapper }),
11735
- style: { position: "absolute", top: panelPos.top, left: panelPos.left, zIndex: 1e3 },
11749
+ style: {
11750
+ position: "absolute",
11751
+ top: panelPos.top,
11752
+ left: panelPos.left,
11753
+ right: panelPos.right,
11754
+ zIndex: 1e3
11755
+ },
11736
11756
  onMouseDown: handleCalendarMouseDown,
11737
11757
  children: [
11738
11758
  /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: dualCalendar ? "flex gap-[10px]" : "flex", children: [
@@ -11788,7 +11808,7 @@ DatePicker.displayName = "DatePicker";
11788
11808
  var datePicker_default = DatePicker;
11789
11809
  var datePickerStyle = tv({
11790
11810
  slots: {
11791
- base: ["group/datepicker", "flex", "flex-col", "cursor-pointer"],
11811
+ base: ["group/datepicker", "flex", "flex-col", "cursor-pointer", "w-fit"],
11792
11812
  calendarWrapper: [
11793
11813
  "flex",
11794
11814
  "flex-col",
package/dist/index.mjs CHANGED
@@ -1,27 +1,27 @@
1
1
  "use client";
2
+ import "./chunk-MBLZYQCN.mjs";
3
+ import {
4
+ tree_default
5
+ } from "./chunk-STV6EZHD.mjs";
2
6
  import "./chunk-HIE2YRGA.mjs";
3
7
  import {
4
8
  tooltip_default
5
9
  } from "./chunk-5KC3IFNR.mjs";
6
10
  import "./chunk-ZMOAFSYE.mjs";
7
11
  import "./chunk-WSIADHVC.mjs";
8
- import "./chunk-MBLZYQCN.mjs";
9
- import {
10
- tree_default
11
- } from "./chunk-STV6EZHD.mjs";
12
- import "./chunk-TPFN22HR.mjs";
12
+ import "./chunk-DX3KXNP6.mjs";
13
13
  import {
14
- radio_default
15
- } from "./chunk-PRNE3U26.mjs";
14
+ table_default
15
+ } from "./chunk-KYWCJIXI.mjs";
16
16
  import "./chunk-LUWGOKLG.mjs";
17
17
  import {
18
18
  ToastProvider,
19
19
  useToast
20
- } from "./chunk-L3A3IEKZ.mjs";
20
+ } from "./chunk-SSGCTWWW.mjs";
21
+ import "./chunk-ZOTHPHXA.mjs";
21
22
  import {
22
23
  toast_default
23
24
  } from "./chunk-4F7SIDZB.mjs";
24
- import "./chunk-ZOTHPHXA.mjs";
25
25
  import "./chunk-3MY6LO7N.mjs";
26
26
  import {
27
27
  tabs_default
@@ -30,45 +30,65 @@ import "./chunk-RRAZM5D3.mjs";
30
30
  import {
31
31
  textarea_default
32
32
  } from "./chunk-Q22PRT24.mjs";
33
- import "./chunk-OLQOLLKG.mjs";
34
33
  import {
35
- starRating_default
36
- } from "./chunk-OX4T7OBC.mjs";
34
+ definition_table_default
35
+ } from "./chunk-DS5CGU2X.mjs";
36
+ import "./chunk-MZ76AA76.mjs";
37
+ import {
38
+ skeleton_default
39
+ } from "./chunk-6PN3DGOE.mjs";
37
40
  import "./chunk-LVFI2NOH.mjs";
38
41
  import {
39
42
  switch_default
40
43
  } from "./chunk-AGE57VDD.mjs";
41
- import "./chunk-DX3KXNP6.mjs";
42
- import {
43
- table_default
44
- } from "./chunk-K7FQTARY.mjs";
45
- import {
46
- definition_table_default
47
- } from "./chunk-DS5CGU2X.mjs";
48
44
  import "./chunk-4VWG4726.mjs";
49
45
  import {
50
46
  timePicker_default
51
47
  } from "./chunk-ZP2EQULZ.mjs";
48
+ import {
49
+ datePicker_default
50
+ } from "./chunk-2EUKWA4W.mjs";
51
+ import "./chunk-FWFEKWWD.mjs";
52
+ import {
53
+ day_default
54
+ } from "./chunk-XZYQFBCT.mjs";
52
55
  import "./chunk-QCEKPS7U.mjs";
53
56
  import {
54
57
  select_default
55
58
  } from "./chunk-4E5OF43U.mjs";
56
- import "./chunk-MZ76AA76.mjs";
59
+ import "./chunk-OLQOLLKG.mjs";
57
60
  import {
58
- skeleton_default
59
- } from "./chunk-6PN3DGOE.mjs";
61
+ starRating_default
62
+ } from "./chunk-OX4T7OBC.mjs";
63
+ import "./chunk-7MVEAQ7Z.mjs";
64
+ import {
65
+ list_default
66
+ } from "./chunk-NGRGAY42.mjs";
67
+ import {
68
+ listItem_default
69
+ } from "./chunk-K3M3QEEV.mjs";
70
+ import "./chunk-TPFN22HR.mjs";
71
+ import {
72
+ radio_default
73
+ } from "./chunk-PRNE3U26.mjs";
60
74
  import "./chunk-7B7LRG5J.mjs";
61
75
  import {
62
76
  pagination_default
63
77
  } from "./chunk-VVCSY7DG.mjs";
64
78
  import "./chunk-F3HENRVM.mjs";
79
+ import "./chunk-DJOG6Z35.mjs";
65
80
  import {
66
- datePicker_default
67
- } from "./chunk-SI2WCAF4.mjs";
68
- import "./chunk-FWFEKWWD.mjs";
81
+ modal_default
82
+ } from "./chunk-D72ILS4A.mjs";
83
+ import "./chunk-QZ3LVYJW.mjs";
84
+ import "./chunk-MGEWSREV.mjs";
69
85
  import {
70
- day_default
71
- } from "./chunk-XZYQFBCT.mjs";
86
+ chip_default
87
+ } from "./chunk-XPFBM2RK.mjs";
88
+ import "./chunk-32GA3YW4.mjs";
89
+ import {
90
+ drawer_default
91
+ } from "./chunk-45Y7ANPK.mjs";
72
92
  import "./chunk-RLXOHILK.mjs";
73
93
  import {
74
94
  fileUpload_default
@@ -81,26 +101,6 @@ import "./chunk-2GCSFWHD.mjs";
81
101
  import {
82
102
  input_default
83
103
  } from "./chunk-3RTVVQA3.mjs";
84
- import "./chunk-DJOG6Z35.mjs";
85
- import {
86
- modal_default
87
- } from "./chunk-D72ILS4A.mjs";
88
- import "./chunk-7MVEAQ7Z.mjs";
89
- import {
90
- listItem_default
91
- } from "./chunk-K3M3QEEV.mjs";
92
- import {
93
- list_default
94
- } from "./chunk-NGRGAY42.mjs";
95
- import "./chunk-QZ3LVYJW.mjs";
96
- import "./chunk-MGEWSREV.mjs";
97
- import {
98
- chip_default
99
- } from "./chunk-XPFBM2RK.mjs";
100
- import "./chunk-32GA3YW4.mjs";
101
- import {
102
- drawer_default
103
- } from "./chunk-45Y7ANPK.mjs";
104
104
  import "./chunk-3OCNT22V.mjs";
105
105
  import {
106
106
  areaChart_default
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deepnoid/ui",
3
- "version": "0.1.197",
3
+ "version": "0.1.199",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "exports": {
@@ -1,10 +1,10 @@
1
1
  "use client";
2
- import {
3
- toast_default
4
- } from "./chunk-4F7SIDZB.mjs";
5
2
  import {
6
3
  getToastPosition
7
4
  } from "./chunk-ZOTHPHXA.mjs";
5
+ import {
6
+ toast_default
7
+ } from "./chunk-4F7SIDZB.mjs";
8
8
 
9
9
  // src/components/toast/use-toast.tsx
10
10
  import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";