@delightui/components 0.1.91 → 0.1.93

package/dist/cjs/components/atoms/CheckboxItem/CheckboxItem.presenter.d.ts

@@ -28,7 +28,6 @@ declare const usePresenter: (props: CheckboxItemProps) => {
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         hidden?: boolean | undefined;
-        id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
         slot?: string | undefined;
@@ -307,5 +306,6 @@ declare const usePresenter: (props: CheckboxItemProps) => {
     showRightButton: boolean;
     onRightButtonClick: (() => void) | undefined;
     rightButtonIcon: import("react").ReactNode;
+    id: string | undefined;
 };
 export default usePresenter;

package/dist/cjs/components/atoms/Slider/SliderExample.d.ts

@@ -0,0 +1,2 @@
+declare const SliderExample: () => import("react/jsx-runtime").JSX.Element;
+export default SliderExample;

package/dist/cjs/components/atoms/TextArea/TextAreaExample.d.ts

@@ -0,0 +1,2 @@
+declare const TextAreaExample: () => import("react/jsx-runtime").JSX.Element;
+export default TextAreaExample;

package/dist/cjs/components/molecules/ChipInput/ChipInputExample.d.ts

@@ -0,0 +1,2 @@
+declare const ChipInputExample: () => import("react/jsx-runtime").JSX.Element;
+export default ChipInputExample;

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

@@ -23,6 +23,9 @@ declare const usePresenter: (props: DatePickerProps) => {
         position?: "auto" | "above" | "below" | "auto left" | "auto center" | "auto right" | "above left" | "above center" | "above right" | "below left" | "below center" | "below right";
         parseDate?: (date: string, format?: string) => Date;
         allowInput?: boolean;
+        placeholder?: string;
+        leadingIcon?: React.ReactNode;
+        trailingIcon?: React.ReactNode;
     };
     onInputBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
     inputLeadingIcon: false | import("react/jsx-runtime").JSX.Element | undefined;
@@ -36,5 +39,6 @@ declare const usePresenter: (props: DatePickerProps) => {
     dayVariantProps: {
         'component-variant': string;
     };
+    value: string | Date | (string | Date)[] | undefined;
 };
 export default usePresenter;

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

@@ -91,6 +91,18 @@ export type DatePickerProps = ControlledFormComponentProps<string | Date | (stri
      * For example using this inside a Popover as content
      */
     useCustomTimeInputForTimePicker?: boolean;
+    /**
+     * Placeholder text for the date picker input
+     */
+    placeholder?: string;
+    /**
+     * Icon to be displayed before the input.
+     */
+    leadingIcon?: React.ReactNode;
+    /**
+     * Icon to be displayed after the input.
+     */
+    trailingIcon?: React.ReactNode;
 };
 export type CustomTimePickerConfig = {
     minuteStep: number;

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

@@ -0,0 +1,2 @@
+declare const DatePickerExample: () => import("react/jsx-runtime").JSX.Element;
+export default DatePickerExample;

package/dist/cjs/components/molecules/FormField/FormField.utils.d.ts

@@ -8,4 +8,4 @@ export declare const injectPropsToMatchingFields: (node: React.ReactNode, propsT
     disabled?: boolean;
     invalid?: boolean;
     required?: boolean;
-}) => React.ReactNode;
+}, shouldInjectValueProps: boolean) => React.ReactNode;

package/dist/cjs/components/molecules/FormField/useControlledValue.d.ts

@@ -0,0 +1,10 @@
+interface UseControlledValueProps<T> {
+    value?: T;
+    onValueChange?: (value: T) => void;
+    defaultValue?: T;
+}
+export declare const useControlledValue: <T>({ value, onValueChange, defaultValue }: UseControlledValueProps<T>) => {
+    value: T | undefined;
+    onValueChange: (newValue: T) => void;
+};
+export {};

package/dist/cjs/components/molecules/RadioGroup/RadioGroupExample.d.ts

@@ -0,0 +1,2 @@
+declare const RadioGroupExample: () => import("react/jsx-runtime").JSX.Element;
+export default RadioGroupExample;

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

@@ -0,0 +1,2 @@
+declare const SelectExample: () => import("react/jsx-runtime").JSX.Element;
+export default SelectExample;

package/dist/cjs/components/organisms/Dropzone/Dropzone.presenter.d.ts

@@ -3,7 +3,7 @@ declare const usePresenter: (props: DropzoneProps) => {
     variantProps: {
         'component-variant': string;
     };
-    files: File[];
+    files: File[] | undefined;
     getRootProps: <T extends import("react-dropzone").DropzoneRootProps>(props?: T) => T;
     getInputProps: <T extends import("react-dropzone").DropzoneInputProps>(props?: T) => T;
     open: () => void;

package/dist/cjs/components/organisms/Dropzone/DropzoneExample.d.ts

@@ -0,0 +1,2 @@
+declare const DropzoneExample: () => import("react/jsx-runtime").JSX.Element;
+export default DropzoneExample;

package/dist/cjs/library.css

@@ -415,6 +415,7 @@
 .TextArea-module_textArea__JVHCu {
   display: flex;
   height: var(--text-area-height);
+  min-height: var(--text-area-min-height);
   -moz-column-gap: var(--text-area-column-gap);
        column-gap: var(--text-area-column-gap);
   border-bottom-width: var(--text-area-border-bottom-width);
@@ -3204,6 +3205,7 @@ span.flatpickr-weekday {
   --modal-position-top: 50%;
   --modal-position-left: 50%;
   --modal-content-height: fit-content;
+  --modal-content-width: auto;
   display: flex;
   flex-direction: column;
   position: fixed;
@@ -3256,7 +3258,7 @@ span.flatpickr-weekday {
   height: fit-content;
 }
 .Modal-module_modal__b2VqT .Modal-module_content__JquMo {
-  width: auto;
+  width: var(--modal-content-width);
   height: var(--modal-content-height);
 }
 .Modal-module_backdrop__62XUz {
@@ -4383,6 +4385,7 @@ span.flatpickr-weekday {
   --modal-background-color: var(--slide-out-panel-background-color);
   --modal-color: var(--slide-out-panel-color);
   --modal-content-height: 100%;
+  --modal-content-width: 100%;
 }
 .SlideOutPanel-module_slideOutPanel__eBr9a .SlideOutPanel-module_form__lv6bn {
   height: 100%;
@@ -13319,6 +13322,7 @@ span.flatpickr-weekday {
     }
 [data-theme='dark'] [component-variant="text-area-default"], [data-theme='light'] [component-variant="text-area-default"] {
         --text-area-height: 64px;
+        --text-area-min-height: 64px;
         --text-area-width: 284px;
         --text-area-background-color: var(--interactive-surface-secondary-default);
         --text-area-color: var(--text-secondary);