@delightui/components 0.1.94 → 0.1.95

package/dist/cjs/components/molecules/DatePicker/DatePicker.presenter.d.ts

@@ -12,7 +12,7 @@ declare const usePresenter: (props: DatePickerProps) => {
     customPlugin: import("flatpickr/dist/types/options").Plugin[];
     handleKeyDown: (_selectedDates: Date[], _dateStr: string, instance: Instance, event: KeyboardEvent) => void;
     otherProps: {
-        initialValue?: string | Date | (string | Date)[] | undefined;
+        initialValue?: import("./DatePicker.types").DatePickerValue | undefined;
         checked?: boolean;
         id?: string;
         minDate?: string | Date;
@@ -39,6 +39,6 @@ declare const usePresenter: (props: DatePickerProps) => {
     dayVariantProps: {
         'component-variant': string;
     };
-    value: string | Date | (string | Date)[] | undefined;
+    value: import("./DatePicker.types").DatePickerValue | undefined;
 };
 export default usePresenter;

package/dist/cjs/components/molecules/DatePicker/DatePicker.types.d.ts

@@ -2,7 +2,8 @@ import { Plugin } from 'flatpickr/dist/types/options';
 import FlatPickr from 'react-flatpickr';
 import { ControlledFormComponentProps } from '../FormField/FormField.types';
 type DatePickerPosition = 'auto' | 'above' | 'below' | 'auto left' | 'auto center' | 'auto right' | 'above left' | 'above center' | 'above right' | 'below left' | 'below center' | 'below right';
-export type DatePickerProps = ControlledFormComponentProps<string | Date | (string | Date)[]> & {
+export type DatePickerValue = string | Date | (string | Date)[];
+export type DatePickerProps = ControlledFormComponentProps<DatePickerValue> & {
     /**
      * Additional class for styling.
      */

package/dist/cjs/components/molecules/Select/Select.presenter.d.ts

@@ -8,7 +8,6 @@ declare const usePresenter: (props: SelectProps) => {
     placeholder: string | undefined;
     SelectedView: import("react").FC<any> | undefined;
     expandIcon: import("react").ReactNode;
-    togglePopover: () => void;
     variantProps: {
         'component-variant': string;
     };
@@ -211,7 +210,6 @@ declare const usePresenter: (props: SelectProps) => {
         onWaitingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
         onAuxClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
         onAuxClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
         onClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
         onContextMenu?: import("react").MouseEventHandler<HTMLElement> | undefined;
         onContextMenuCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
@@ -287,5 +285,7 @@ declare const usePresenter: (props: SelectProps) => {
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
         open?: boolean;
     };
+    onOptionsOpen: () => void;
+    onOptionsClose: () => void;
 };
 export default usePresenter;

package/dist/cjs/components/molecules/Select/Select.types.d.ts

@@ -55,7 +55,7 @@ export type SelectStateEnum = 'Default' | 'Error';
 /**
  * Props for the SelectView component, defining its visual appearance and behavior.
  */
-export type SelectViewProps = Omit<HTMLAttributes<HTMLElement>, 'style' | 'children'> & {
+export type SelectViewProps = Omit<HTMLAttributes<HTMLElement>, 'style' | 'children' | 'onClick'> & {
     /**
      * Options to be rendered within the Select component.
      */

package/dist/cjs/library.css

@@ -86,6 +86,7 @@
   height: auto;
   flex-grow: 1;
   flex-shrink: 0;
+  position: relative;
 }
 .image-module_image__FOVdK .image-module_imageContainer__W7aeo {
   display: flex;
@@ -97,7 +98,6 @@
   height: 100%;
 }
 .image-module_image__FOVdK .image-module_aspect__4e2hu {
-  position: relative;
   width: 100%;
   overflow: hidden;
 }
@@ -2871,8 +2871,8 @@ span.flatpickr-weekday {
   display: flex;
   flex-direction: column;
   width: 100%;
-  margin-top: var(--spacing-large);
-  gap: var(--spacing-large);
+  margin-top: var(--spacing-space-6);
+  gap: var(--spacing-space-6);
 }
 .custom-time-wrapper .custom-time-label {
   width: 100%;