@modul/mbui 0.0.13-beta-pv-53036-fcbcc069 → 0.0.13-beta-pv-53036-3e26be0c

package/dist/Button/Button.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: {
-    variant?: "outline" | "success" | "primary" | "secondary" | "primary-outline" | "ghost";
+    variant?: "primary" | "secondary" | "success" | "primary-outline" | "outline" | "ghost";
     size?: "lg" | "md" | "sm" | "xs" | "xxs";
 } & import("class-variance-authority/dist/types").ClassProp) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/Calendar/Calendar.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { DayPicker } from 'react-day-picker';
+export declare type CalendarProps = React.ComponentProps<typeof DayPicker>;
+declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): React.JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+export { Calendar };

package/dist/Calendar/Calendar.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Calendar = void 0;
+const tslib_1 = require("tslib");
+const React = (0, tslib_1.__importStar)(require("react"));
+const react_day_picker_1 = require("react-day-picker");
+const utils_1 = require("../@/lib/utils");
+const Button_1 = require("../Button");
+function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
+    return (React.createElement(react_day_picker_1.DayPicker, { showOutsideDays: showOutsideDays, className: (0, utils_1.cn)('p-3', className), classNames: {
+            months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',
+            month: 'space-y-4',
+            caption: 'flex justify-center pt-1 relative items-center',
+            caption_label: 'text-sm font-medium',
+            nav: 'space-x-1 flex items-center',
+            nav_button: (0, utils_1.cn)((0, Button_1.buttonVariants)({ variant: 'outline' }), 'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100'),
+            nav_button_previous: 'absolute left-1',
+            nav_button_next: 'absolute right-1',
+            table: 'w-full border-collapse space-y-1',
+            head_row: 'flex',
+            head_cell: 'text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]',
+            row: 'flex w-full mt-2',
+            cell: (0, utils_1.cn)('relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md', props.mode === 'range'
+                ? '[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'
+                : '[&:has([aria-selected])]:rounded-md'),
+            day: (0, utils_1.cn)((0, Button_1.buttonVariants)({ variant: 'ghost' }), 'h-8 w-8 p-0 font-normal aria-selected:opacity-100'),
+            day_range_start: 'day-range-start',
+            day_range_end: 'day-range-end',
+            day_selected: 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',
+            day_today: 'bg-accent text-accent-foreground',
+            day_outside: 'day-outside text-muted-foreground opacity-50  aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30',
+            day_disabled: 'text-muted-foreground opacity-50',
+            day_range_middle: 'aria-selected:bg-accent aria-selected:text-accent-foreground',
+            day_hidden: 'invisible',
+            ...classNames,
+        }, components: {
+        // IconLeft: ({ ...props }) => <Left className="w-4 h-4" />,
+        // IconRight: ({ ...props }) => <Right className="w-4 h-4" />,
+        }, ...props }));
+}
+exports.Calendar = Calendar;
+Calendar.displayName = 'Calendar';
+//# sourceMappingURL=Calendar.js.map

package/dist/Calendar/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,uDAA4C;AAC5C,0CAAmC;AACnC,sCAA0C;AAK1C,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,GAAG,IAAI,EAAE,GAAG,KAAK,EAAiB;IAC3F,OAAO,CACN,oBAAC,4BAAS,IACT,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,IAAA,UAAE,EAAC,KAAK,EAAE,SAAS,CAAC,EAC/B,UAAU,EAAE;YACX,MAAM,EAAE,+DAA+D;YACvE,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,gDAAgD;YACzD,aAAa,EAAE,qBAAqB;YACpC,GAAG,EAAE,6BAA6B;YAClC,UAAU,EAAE,IAAA,UAAE,EACb,IAAA,uBAAc,EAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EACtC,yDAAyD,CACzD;YACD,mBAAmB,EAAE,iBAAiB;YACtC,eAAe,EAAE,kBAAkB;YACnC,KAAK,EAAE,kCAAkC;YACzC,QAAQ,EAAE,MAAM;YAChB,SAAS,EAAE,gEAAgE;YAC3E,GAAG,EAAE,kBAAkB;YACvB,IAAI,EAAE,IAAA,UAAE,EACP,mNAAmN,EACnN,KAAK,CAAC,IAAI,KAAK,OAAO;gBACrB,CAAC,CAAC,sKAAsK;gBACxK,CAAC,CAAC,qCAAqC,CACxC;YACD,GAAG,EAAE,IAAA,UAAE,EAAC,IAAA,uBAAc,EAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,mDAAmD,CAAC;YAClG,eAAe,EAAE,iBAAiB;YAClC,aAAa,EAAE,eAAe;YAC9B,YAAY,EACX,kIAAkI;YACnI,SAAS,EAAE,kCAAkC;YAC7C,WAAW,EACV,uIAAuI;YACxI,YAAY,EAAE,kCAAkC;YAChD,gBAAgB,EAAE,8DAA8D;YAChF,UAAU,EAAE,WAAW;YACvB,GAAG,UAAU;SACb,EACD,UAAU,EAAE;QACX,4DAA4D;QAC5D,8DAA8D;SAC9D,KACG,KAAK,GACR,CACF,CAAA;AACF,CAAC;AAGQ,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}

package/dist/Calendar/index.d.ts

@@ -0,0 +1 @@
+export { Calendar } from './Calendar';

package/dist/Calendar/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Calendar = void 0;
+var Calendar_1 = require("./Calendar");
+Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return Calendar_1.Calendar; } });
+//# sourceMappingURL=index.js.map

package/dist/Calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Calendar/index.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA"}

package/dist/Chip/Chip.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const chipVariants: (props?: {
-    variant?: "outline" | "success" | "primary" | "secondary" | "primary-outline" | "ghost";
+    variant?: "primary" | "secondary" | "success" | "primary-outline" | "outline" | "ghost";
     size?: "lg" | "md" | "sm" | "xs" | "xxs";
 } & import("class-variance-authority/dist/types").ClassProp) => string;
 export interface IChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof chipVariants> {

package/dist/Form/Form.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { ControllerProps, FieldValues } from 'react-hook-form';
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues = undefined>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends import("react-hook-form").Path<TFieldValues> = import("react-hook-form").Path<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: import("react-hook-form").FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-slot").SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField };

package/dist/Form/Form.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormField = exports.FormMessage = exports.FormDescription = exports.FormControl = exports.FormLabel = exports.FormItem = exports.Form = exports.useFormField = void 0;
+const tslib_1 = require("tslib");
+const React = (0, tslib_1.__importStar)(require("react"));
+const react_slot_1 = require("@radix-ui/react-slot");
+const react_hook_form_1 = require("react-hook-form");
+const utils_1 = require("../@/lib/utils");
+const Label_1 = require("../Label");
+const Form = react_hook_form_1.FormProvider;
+exports.Form = Form;
+const FormFieldContext = React.createContext({});
+const FormField = ({ ...props }) => {
+    return (React.createElement(FormFieldContext.Provider, { value: { name: props.name } },
+        React.createElement(react_hook_form_1.Controller, { ...props })));
+};
+exports.FormField = FormField;
+const useFormField = () => {
+    const fieldContext = React.useContext(FormFieldContext);
+    const itemContext = React.useContext(FormItemContext);
+    const { getFieldState, formState } = (0, react_hook_form_1.useFormContext)();
+    const fieldState = getFieldState(fieldContext.name, formState);
+    if (!fieldContext) {
+        throw new Error('useFormField should be used within <FormField>');
+    }
+    const { id } = itemContext;
+    return {
+        id,
+        name: fieldContext.name,
+        formItemId: `${id}-form-item`,
+        formDescriptionId: `${id}-form-item-description`,
+        formMessageId: `${id}-form-item-message`,
+        ...fieldState,
+    };
+};
+exports.useFormField = useFormField;
+const FormItemContext = React.createContext({});
+const FormItem = React.forwardRef(({ className, ...props }, ref) => {
+    const id = React.useId();
+    return (React.createElement(FormItemContext.Provider, { value: { id } },
+        React.createElement("div", { ref: ref, className: (0, utils_1.cn)('space-y-2', className), ...props })));
+});
+exports.FormItem = FormItem;
+FormItem.displayName = 'FormItem';
+const FormLabel = React.forwardRef(({ className, ...props }, ref) => {
+    const { error, formItemId } = useFormField();
+    return (React.createElement(Label_1.Label, { ref: ref, className: (0, utils_1.cn)(error && 'text-destructive', className), htmlFor: formItemId, ...props }));
+});
+exports.FormLabel = FormLabel;
+FormLabel.displayName = 'FormLabel';
+const FormControl = React.forwardRef(({ ...props }, ref) => {
+    const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+    return (React.createElement(react_slot_1.Slot, { ref: ref, id: formItemId, "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`, "aria-invalid": !!error, ...props }));
+});
+exports.FormControl = FormControl;
+FormControl.displayName = 'FormControl';
+const FormDescription = React.forwardRef(({ className, ...props }, ref) => {
+    const { formDescriptionId } = useFormField();
+    return (React.createElement("p", { ref: ref, id: formDescriptionId, className: (0, utils_1.cn)('text-[0.8rem] text-light', className), ...props }));
+});
+exports.FormDescription = FormDescription;
+FormDescription.displayName = 'FormDescription';
+const FormMessage = React.forwardRef(({ className, children, ...props }, ref) => {
+    const { error, formMessageId } = useFormField();
+    const body = error ? String(error?.message) : children;
+    if (!body) {
+        return null;
+    }
+    return (React.createElement("p", { ref: ref, id: formMessageId, className: (0, utils_1.cn)('text-[0.8rem] font-medium text-destructive', className), ...props }, body));
+});
+exports.FormMessage = FormMessage;
+FormMessage.displayName = 'FormMessage';
+//# sourceMappingURL=Form.js.map

package/dist/Form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":"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"}

package/dist/Form/index.d.ts

@@ -0,0 +1 @@
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField } from './Form';

package/dist/Form/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormField = exports.FormMessage = exports.FormDescription = exports.FormControl = exports.FormLabel = exports.FormItem = exports.Form = exports.useFormField = void 0;
+var Form_1 = require("./Form");
+Object.defineProperty(exports, "useFormField", { enumerable: true, get: function () { return Form_1.useFormField; } });
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.Form; } });
+Object.defineProperty(exports, "FormItem", { enumerable: true, get: function () { return Form_1.FormItem; } });
+Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return Form_1.FormLabel; } });
+Object.defineProperty(exports, "FormControl", { enumerable: true, get: function () { return Form_1.FormControl; } });
+Object.defineProperty(exports, "FormDescription", { enumerable: true, get: function () { return Form_1.FormDescription; } });
+Object.defineProperty(exports, "FormMessage", { enumerable: true, get: function () { return Form_1.FormMessage; } });
+Object.defineProperty(exports, "FormField", { enumerable: true, get: function () { return Form_1.FormField; } });
+//# sourceMappingURL=index.js.map

package/dist/Form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Form/index.ts"],"names":[],"mappings":";;;AAAA,+BAAsH;AAA7G,oGAAA,YAAY,OAAA;AAAE,4FAAA,IAAI,OAAA;AAAE,gGAAA,QAAQ,OAAA;AAAE,iGAAA,SAAS,OAAA;AAAE,mGAAA,WAAW,OAAA;AAAE,uGAAA,eAAe,OAAA;AAAE,mGAAA,WAAW,OAAA;AAAE,iGAAA,SAAS,OAAA"}

package/dist/Input-OTP/Input.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "textAlign" | "value" | "maxLength" | "onChange" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
+declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
-    textAlign?: "center" | "left" | "right";
+    textAlign?: "center" | "right" | "left";
     onComplete?: (...args: any[]) => unknown;
     pushPasswordManagerStrategy?: "none" | "increase-width";
     containerClassName?: string;
@@ -11,11 +11,11 @@ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHT
 } & {
     render: (props: import("input-otp").RenderProps) => React.ReactNode;
     children?: never;
-} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "textAlign" | "value" | "maxLength" | "onChange" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
-    textAlign?: "center" | "left" | "right";
+    textAlign?: "center" | "right" | "left";
     onComplete?: (...args: any[]) => unknown;
     pushPasswordManagerStrategy?: "none" | "increase-width";
     containerClassName?: string;

package/dist/Select/SelectAccountCard.d.ts

@@ -1,7 +1,4 @@
 import * as React from 'react';
 import Select from 'react-select';
-declare const SelectAccountCard: React.ForwardRefExoticComponent<{
-    className?: string;
-    defaultValue: {};
-} & React.RefAttributes<Select>>;
+declare const SelectAccountCard: React.ForwardRefExoticComponent<React.RefAttributes<Select>>;
 export { SelectAccountCard };

package/dist/Select/SelectAccountCard.js

@@ -63,7 +63,7 @@ const SingleValue = ({ children, ...props }) => {
 const Menu = ({ children, ...props }) => {
     return (React.createElement(react_select_1.components.Menu, { className: "absolute inset-x-0 bg-page drop-shadow-1 mt-[8px] rounded-md", ...props }, children));
 };
-const SelectAccountCard = React.forwardRef(({ className, defaultValue, ...props }, ref) => (React.createElement(react_select_1.default, { className: className, isSearchable: false, components: {
+const SelectAccountCard = React.forwardRef(({ ...props }, ref) => (React.createElement(react_select_1.default, { isSearchable: false, components: {
         Control,
         Option,
         SingleValue,
@@ -71,6 +71,6 @@ const SelectAccountCard = React.forwardRef(({ className, defaultValue, ...props
         IndicatorSeparator: () => null,
         Menu,
         ValueContainer,
-    }, styles: colourStyles, unstyled: true, ...props, defaultValue: defaultValue })));
+    }, styles: colourStyles, unstyled: true, ...props })));
 exports.SelectAccountCard = SelectAccountCard;
 //# sourceMappingURL=SelectAccountCard.js.map

package/dist/Select/SelectAccountCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAccountCard.js","sourceRoot":"","sources":["../../src/Select/SelectAccountCard.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAE9B,kCAAsD;AAEtD,0EASqB;AAErB,0CAAmC;AAEnC,MAAM,oBAAoB,GACzB,6MAA6M,CAAA;AAE9M,MAAM,YAAY,GAAiB;IAClC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAClB,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IACjB,iBAAiB,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAC7B,mBAAmB,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAC/B,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAChB,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IACpB,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IACvB,cAAc,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;CAC1B,CAAA;AAED,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IACxD,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAE3B,OAAO,CACN,oBAAC,yBAAU,CAAC,OAAO,IAClB,SAAS,EAAE,IAAA,UAAE,EACZ,oBAAoB,EACpB,EAAE,oDAAoD,EAAE,SAAS,EAAE,CACnE,KACG,KAAK,IAER,QAAQ,CACW,CACrB,CAAA;AACF,CAAC,CAAA;AAED,MAAM,aAAa,GAClB,2HAA2H,CAAA;AAE5H,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE;IACtD,MAAM,EACL,UAAU,EACV,SAAS,EACT,UAAU;IACV,aAAa;IACb,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GACtC,GAAG,KAAK,CAAA;IACT,MAAM,KAAK,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,CAAA;IACnC,OAAO,CACN,oBAAC,yBAAU,CAAC,MAAM,IACjB,SAAS,EAAE,IAAA,UAAE,EAAC,aAAa,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,gCAAgC,EAAE,UAAU,EAAE,CAAC,KACrG,KAAK;QAET,8BAAM,SAAS,EAAC,mBAAmB;YAClC;gBACC,kCAAO,KAAK,CAAQ;gBACpB,+BAAM;gBACN,8BAAM,SAAS,EAAC,wBAAwB,IAAE,OAAO,CAAQ,CACnD;YACP,8BAAM,SAAS,EAAC,kBAAkB;gBAChC,OAAO;;gBAAQ,GAAG,CACb,CACD;QAEP,8BAAM,SAAS,EAAC,sCAAsC,IACpD,UAAU,IAAI,CACd,oBAAC,iBAAU,IACV,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,SAAS,EAAC,cAAc,GACvB,CACF,CACK,CACY,CACpB,CAAA;AACF,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA0B,EAAE,EAAE;IAC5E,OAAO,CACN,oBAAC,yBAAU,CAAC,iBAAiB,IAC5B,SAAS,EAAC,UAAU,KAChB,KAAK;QAET,oBAAC,uBAAgB,IAChB,SAAS,EAAC,YAAY,EACtB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACV,CAC4B,CAC/B,CAAA;AACF,CAAC,CAAA;AAED,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB,EAAE,EAAE;IACtE,OAAO,CACN,oBAAC,yBAAU,CAAC,cAAc,IACzB,SAAS,EAAC,aAAa,KACnB,KAAK,IAER,QAAQ,CACkB,CAC5B,CAAA;AACF,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE;IAChE,aAAa;IACb,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,IAAI,CAAA;IACnD,OAAO,CACN,oBAAC,yBAAU,CAAC,WAAW,IACtB,SAAS,EAAC,6CAA6C,KACnD,KAAK;QAET,8BAAM,SAAS,EAAC,qDAAqD;YACnE,KAAK;;YAAE,8BAAM,SAAS,EAAC,uCAAuC,IAAE,OAAO,CAAQ,CAC1E;QACP,8BAAM,SAAS,EAAC,wDAAwD;YACtE,OAAO;;YAAG,GAAG,CACR,CACiB,CACzB,CAAA;AACF,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAa,EAAE,EAAE;IAClD,OAAO,CACN,oBAAC,yBAAU,CAAC,IAAI,IACf,SAAS,EAAC,8DAA8D,KACpE,KAAK,IAER,QAAQ,CACQ,CAClB,CAAA;AACF,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/C,oBAAC,sBAAM,IACN,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,KAAK,EACnB,UAAU,EAAE;QACX,OAAO;QACP,MAAM;QACN,WAAW;QACX,iBAAiB;QACjB,kBAAkB,EAAE,GAAG,EAAE,CAAC,IAAI;QAC9B,IAAI;QACJ,cAAc;KACd,EACD,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,IAAI,KACV,KAAK,EACT,YAAY,EAAE,YAAY,GACzB,CACF,CACD,CAAA;AAEQ,8CAAiB"}
+{"version":3,"file":"SelectAccountCard.js","sourceRoot":"","sources":["../../src/Select/SelectAccountCard.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -20,4 +20,6 @@ import { Switch } from './Switch';
 import { Label } from './Label';
 import { Textarea } from './Textarea';
 import { SelectAccountCard } from './Select';
-export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, InputField, InputLabel, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page, Chip, Alert, Switch, Label, Textarea, SelectAccountCard, };
+import { Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage } from './Form';
+import { Calendar } from './Calendar';
+export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, InputField, InputLabel, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page, Chip, Alert, Switch, Label, Textarea, SelectAccountCard, Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage, Calendar, };

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectAccountCard = exports.Textarea = exports.Label = exports.Switch = exports.Alert = exports.Chip = exports.Page = exports.BottomNavigationLink = exports.BottomNavigationListItem = exports.BottomNavigationList = exports.BottomNavigation = exports.DrawerContent = exports.DrawerClose = exports.DrawerTitle = exports.DrawerTrigger = exports.Drawer = exports.Icon = exports.cn = exports.Audio = exports.InputLabel = exports.InputField = exports.Button = exports.AccountCollapsibleContentItem = exports.AccountCollapsibleContent = exports.AccountCollapsibleTrigger = exports.AccountCollapsibleHeader = exports.AccountCollapsible = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = exports.InputOTP = exports.Logo = exports.Popover = exports.Slider = exports.Tabs = exports.Tooltip = void 0;
+exports.Calendar = exports.FormMessage = exports.FormDescription = exports.FormControl = exports.FormItem = exports.FormField = exports.FormLabel = exports.Form = exports.SelectAccountCard = exports.Textarea = exports.Label = exports.Switch = exports.Alert = exports.Chip = exports.Page = exports.BottomNavigationLink = exports.BottomNavigationListItem = exports.BottomNavigationList = exports.BottomNavigation = exports.DrawerContent = exports.DrawerClose = exports.DrawerTitle = exports.DrawerTrigger = exports.Drawer = exports.Icon = exports.cn = exports.Audio = exports.InputLabel = exports.InputField = exports.Button = exports.AccountCollapsibleContentItem = exports.AccountCollapsibleContent = exports.AccountCollapsibleTrigger = exports.AccountCollapsibleHeader = exports.AccountCollapsible = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = exports.InputOTP = exports.Logo = exports.Popover = exports.Slider = exports.Tabs = exports.Tooltip = void 0;
 const tslib_1 = require("tslib");
 const Tooltip_1 = require("./Tooltip");
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
@@ -63,4 +63,14 @@ const Textarea_1 = require("./Textarea");
 Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return Textarea_1.Textarea; } });
 const Select_1 = require("./Select");
 Object.defineProperty(exports, "SelectAccountCard", { enumerable: true, get: function () { return Select_1.SelectAccountCard; } });
+const Form_1 = require("./Form");
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.Form; } });
+Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return Form_1.FormLabel; } });
+Object.defineProperty(exports, "FormField", { enumerable: true, get: function () { return Form_1.FormField; } });
+Object.defineProperty(exports, "FormItem", { enumerable: true, get: function () { return Form_1.FormItem; } });
+Object.defineProperty(exports, "FormControl", { enumerable: true, get: function () { return Form_1.FormControl; } });
+Object.defineProperty(exports, "FormDescription", { enumerable: true, get: function () { return Form_1.FormDescription; } });
+Object.defineProperty(exports, "FormMessage", { enumerable: true, get: function () { return Form_1.FormMessage; } });
+const Calendar_1 = require("./Calendar");
+Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return Calendar_1.Calendar; } });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAmC;AAmClC,wFAnCQ,iBAAO,OAmCR;AAlCR,iCAA6B;AAmC5B,qFAnCQ,WAAI,OAmCR;AAlCL,qCAAiC;AAmChC,uFAnCQ,eAAM,OAmCR;AAlCP,uCAAmC;AAmClC,wFAnCQ,iBAAO,OAmCR;AAlCR,+DAAyB;AAmCxB,eAnCM,cAAI,CAmCN;AAlCL,2CAAsF;AAmCrF,yFAnCQ,oBAAQ,OAmCR;AACR,8FApCkB,yBAAa,OAoClB;AACb,6FArCiC,wBAAY,OAqCjC;AACZ,kGAtC+C,6BAAiB,OAsC/C;AArClB,yDAK2B;AAoD1B,iGAxDA,mCAAgB,OAwDA;AAChB,qGAxDA,uCAAoB,OAwDA;AACpB,yGAxDA,2CAAwB,OAwDA;AACxB,qGAxDA,uCAAoB,OAwDA;AAtDrB,0DAA8B;AA6C7B,oBAAI;AA5CL,+CAAmF;AA+BlF,4FA/BQ,yBAAW,OA+BR;AACX,mGAhCqB,gCAAkB,OAgCrB;AAClB,mGAjCyC,gCAAkB,OAiCzC;AAhCnB,+CAMsB;AA2BrB,mGAhCA,gCAAkB,OAgCA;AAClB,yGAhCA,sCAAwB,OAgCA;AACxB,0GAhCA,uCAAyB,OAgCA;AACzB,0GAhCA,uCAAyB,OAgCA;AACzB,8GAhCA,2CAA6B,OAgCA;AA9B9B,qCAAiC;AA+BhC,uFA/BQ,eAAM,OA+BR;AA9BP,mCAA+B;AAiC9B,sFAjCQ,aAAK,OAiCR;AAhCN,yCAAkC;AAiCjC,mFAjCQ,UAAE,OAiCR;AAhCH,qCAAyF;AAkCxF,uFAlCQ,eAAM,OAkCR;AACN,8FAnCgB,sBAAa,OAmChB;AACb,4FApC+B,oBAAW,OAoC/B;AACX,4FArC4C,oBAAW,OAqC5C;AACX,8FAtCyD,sBAAa,OAsCzD;AArCd,iCAA6B;AA0C5B,qFA1CQ,WAAI,OA0CR;AAzCL,iCAA6B;AA0C5B,qFA1CQ,WAAI,OA0CR;AAzCL,mCAAgD;AA0B/C,2FA1BQ,kBAAU,OA0BR;AACV,2FA3BoB,kBAAU,OA2BpB;AA1BX,mCAA+B;AAyC9B,sFAzCQ,aAAK,OAyCR;AAxCN,qCAAiC;AAyChC,uFAzCQ,eAAM,OAyCR;AAxCP,mCAA+B;AAyC9B,sFAzCQ,aAAK,OAyCR;AAxCN,yCAAqC;AAyCpC,yFAzCQ,mBAAQ,OAyCR;AAxCT,qCAA4C;AAyC3C,kGAzCQ,0BAAiB,OAyCR"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAmC;AAsClC,wFAtCQ,iBAAO,OAsCR;AArCR,iCAA6B;AAsC5B,qFAtCQ,WAAI,OAsCR;AArCL,qCAAiC;AAsChC,uFAtCQ,eAAM,OAsCR;AArCP,uCAAmC;AAsClC,wFAtCQ,iBAAO,OAsCR;AArCR,+DAAyB;AAsCxB,eAtCM,cAAI,CAsCN;AArCL,2CAAsF;AAsCrF,yFAtCQ,oBAAQ,OAsCR;AACR,8FAvCkB,yBAAa,OAuClB;AACb,6FAxCiC,wBAAY,OAwCjC;AACZ,kGAzC+C,6BAAiB,OAyC/C;AAxClB,yDAK2B;AAuD1B,iGA3DA,mCAAgB,OA2DA;AAChB,qGA3DA,uCAAoB,OA2DA;AACpB,yGA3DA,2CAAwB,OA2DA;AACxB,qGA3DA,uCAAoB,OA2DA;AAzDrB,0DAA8B;AAgD7B,oBAAI;AA/CL,+CAAmF;AAkClF,4FAlCQ,yBAAW,OAkCR;AACX,mGAnCqB,gCAAkB,OAmCrB;AAClB,mGApCyC,gCAAkB,OAoCzC;AAnCnB,+CAMsB;AA8BrB,mGAnCA,gCAAkB,OAmCA;AAClB,yGAnCA,sCAAwB,OAmCA;AACxB,0GAnCA,uCAAyB,OAmCA;AACzB,0GAnCA,uCAAyB,OAmCA;AACzB,8GAnCA,2CAA6B,OAmCA;AAjC9B,qCAAiC;AAkChC,uFAlCQ,eAAM,OAkCR;AAjCP,mCAA+B;AAoC9B,sFApCQ,aAAK,OAoCR;AAnCN,yCAAkC;AAoCjC,mFApCQ,UAAE,OAoCR;AAnCH,qCAAyF;AAqCxF,uFArCQ,eAAM,OAqCR;AACN,8FAtCgB,sBAAa,OAsChB;AACb,4FAvC+B,oBAAW,OAuC/B;AACX,4FAxC4C,oBAAW,OAwC5C;AACX,8FAzCyD,sBAAa,OAyCzD;AAxCd,iCAA6B;AA6C5B,qFA7CQ,WAAI,OA6CR;AA5CL,iCAA6B;AA6C5B,qFA7CQ,WAAI,OA6CR;AA5CL,mCAAgD;AA6B/C,2FA7BQ,kBAAU,OA6BR;AACV,2FA9BoB,kBAAU,OA8BpB;AA7BX,mCAA+B;AA4C9B,sFA5CQ,aAAK,OA4CR;AA3CN,qCAAiC;AA4ChC,uFA5CQ,eAAM,OA4CR;AA3CP,mCAA+B;AA4C9B,sFA5CQ,aAAK,OA4CR;AA3CN,yCAAqC;AA4CpC,yFA5CQ,mBAAQ,OA4CR;AA3CT,qCAA4C;AA4C3C,kGA5CQ,0BAAiB,OA4CR;AA3ClB,iCAAwG;AA4CvG,qFA5CQ,WAAI,OA4CR;AACJ,0FA7Cc,gBAAS,OA6Cd;AACT,0FA9CyB,gBAAS,OA8CzB;AACT,yFA/CoC,eAAQ,OA+CpC;AACR,4FAhD8C,kBAAW,OAgD9C;AACX,gGAjD2D,sBAAe,OAiD3D;AACf,4FAlD4E,kBAAW,OAkD5E;AAjDZ,yCAAqC;AAkDpC,yFAlDQ,mBAAQ,OAkDR"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modul/mbui",
-  "version": "0.0.13-beta-pv-53036-fcbcc069",
+  "version": "0.0.13-beta-pv-53036-3e26be0c",
   "packageManager": "yarn@3.5.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -40,6 +40,7 @@
     "input-otp": "1.2.4",
     "lodash": "4.17.5",
     "react-datepicker": "4.16.0",
+    "react-day-picker": "^9.0.8",
     "react-hook-form": "7.53.0",
     "react-imask": "7.1.3",
     "react-select": "5.8.0",

package/src/Calendar/Calendar.tsx

@@ -0,0 +1,59 @@
+import * as React from 'react'
+import { DayPicker } from 'react-day-picker'
+import { cn } from '../@/lib/utils'
+import { buttonVariants } from '../Button'
+import { Left, Right } from '../Icon'
+
+export type CalendarProps = React.ComponentProps<typeof DayPicker>
+
+function Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {
+	return (
+		<DayPicker
+			showOutsideDays={showOutsideDays}
+			className={cn('p-3', className)}
+			classNames={{
+				months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',
+				month: 'space-y-4',
+				caption: 'flex justify-center pt-1 relative items-center',
+				caption_label: 'text-sm font-medium',
+				nav: 'space-x-1 flex items-center',
+				nav_button: cn(
+					buttonVariants({ variant: 'outline' }),
+					'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100'
+				),
+				nav_button_previous: 'absolute left-1',
+				nav_button_next: 'absolute right-1',
+				table: 'w-full border-collapse space-y-1',
+				head_row: 'flex',
+				head_cell: 'text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]',
+				row: 'flex w-full mt-2',
+				cell: cn(
+					'relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md',
+					props.mode === 'range'
+						? '[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'
+						: '[&:has([aria-selected])]:rounded-md'
+				),
+				day: cn(buttonVariants({ variant: 'ghost' }), 'h-8 w-8 p-0 font-normal aria-selected:opacity-100'),
+				day_range_start: 'day-range-start',
+				day_range_end: 'day-range-end',
+				day_selected:
+					'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',
+				day_today: 'bg-accent text-accent-foreground',
+				day_outside:
+					'day-outside text-muted-foreground opacity-50  aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30',
+				day_disabled: 'text-muted-foreground opacity-50',
+				day_range_middle: 'aria-selected:bg-accent aria-selected:text-accent-foreground',
+				day_hidden: 'invisible',
+				...classNames,
+			}}
+			components={{
+				// IconLeft: ({ ...props }) => <Left className="w-4 h-4" />,
+				// IconRight: ({ ...props }) => <Right className="w-4 h-4" />,
+			}}
+			{...props}
+		/>
+	)
+}
+Calendar.displayName = 'Calendar'
+
+export { Calendar }

package/src/Calendar/index.ts

@@ -0,0 +1 @@
+export { Calendar } from './Calendar'

package/src/Datepicker/Datepicker.tsx

@@ -0,0 +1,41 @@
+"use client"
+
+import * as React from "react"
+
+import { format } from "date-fns"
+
+import { cn } from "../@/lib/utils"
+import { Button } from "../Button"
+import { Calendar } from "../Calendar"
+import {
+  Popover,
+} from "../Popover"
+
+export function DatePickerDemo() {
+  const [date, setDate] = React.useState<Date>()
+
+  return (
+    <Popover>
+      <Popover.Trigger asChild>
+        <Button
+          variant={"outline"}
+          className={cn(
+            "w-[240px] justify-start text-left font-normal",
+            !date && "text-muted-foreground"
+          )}
+        >
+          {/* <CalendarIcon className="mr-2 w-4 h-4" /> */}
+          {date ? format(date, "PPP") : <span>Pick a date</span>}
+        </Button>
+      </Popover.Trigger>
+      <Popover.Content className="p-0 w-auto" align="start">
+        <Calendar
+          mode="single"
+        //   selected={date}
+        //   onSelect={setDate}
+        //   initialFocus
+        />
+      </Popover.Content>
+    </Popover>
+  )
+}

package/src/Datepicker/index.ts

@@ -0,0 +1 @@
+export { Datepicker } from './Datepicker'

package/src/Form/Form.tsx

@@ -118,7 +118,7 @@ const FormDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttribu
 			<p
 				ref={ref}
 				id={formDescriptionId}
-				className={cn('text-[0.8rem] text-muted-foreground', className)}
+				className={cn('text-[0.8rem] text-light', className)}
 				{...props}
 			/>
 		)

package/src/Select/SelectAccountCard.tsx

@@ -32,7 +32,6 @@ const colourStyles: StylesConfig = {
 
 const Control = ({ children, ...props }: ControlProps) => {
 	const { isFocused } = props
-
 	return (
 		<components.Control
 			className={cn(
@@ -142,26 +141,23 @@ const Menu = ({ children, ...props }: MenuProps) => {
 	)
 }
 
-const SelectAccountCard = React.forwardRef<Select, { className?: string; defaultValue: {} }>(
-	({ className, defaultValue, ...props }, ref) => (
-		<Select
-			className={className}
-			isSearchable={false}
-			components={{
-				Control,
-				Option,
-				SingleValue,
-				DropdownIndicator,
-				IndicatorSeparator: () => null,
-				Menu,
-				ValueContainer,
-			}}
-			styles={colourStyles}
-			unstyled={true}
-			{...props}
-			defaultValue={defaultValue}
-		/>
-	)
-)
+const SelectAccountCard = React.forwardRef<Select>(({ ...props }, ref) => (
+	<Select
+		isSearchable={false}
+		components={{
+			Control,
+			Option,
+			SingleValue,
+			DropdownIndicator,
+			IndicatorSeparator: () => null,
+			Menu,
+			ValueContainer,
+		}}
+		styles={colourStyles}
+		unstyled={true}
+		{...props}
+	/>
+))
+
 
 export { SelectAccountCard }

package/src/index.ts

@@ -31,6 +31,9 @@ import { Switch } from './Switch'
 import { Label } from './Label'
 import { Textarea } from './Textarea'
 import { SelectAccountCard } from './Select'
+import { Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage } from './Form'
+import { Calendar } from './Calendar'
+// import { Datepicker } from './Datepicker'
 
 export {
 	Tooltip,
@@ -72,4 +75,13 @@ export {
 	Label,
 	Textarea,
 	SelectAccountCard,
+	Form,
+	FormLabel,
+	FormField,
+	FormItem,
+	FormControl,
+	FormDescription,
+	FormMessage,
+	Calendar,
+	// Datepicker,
 }