@majapisoftwares/ui 4.3.16 → 5.0.0

package/imgur.js

@@ -1,13 +0,0 @@
-export default async function uploadToImgur(file) {
-    const formData = new FormData();
-    formData.append("image", file);
-    const response = await fetch("https://api.imgur.com/3/image", {
-        method: "post",
-        headers: {
-            Authorization: `Client-ID ${process.env.NEXT_PUBLIC_IMGUR_CLIENT_ID}`,
-        },
-        body: formData,
-    });
-    const data = (await response.json());
-    return data.data.link;
-}

package/styles/DayPicker.classNames.d.ts

@@ -1,29 +0,0 @@
-export declare const dayPickerButtonClassName = "justify-start pl-4 min-h-[38px]";
-export declare const dayPickerCaptionClassName = "text-center h-9 flex items-center justify-center mx-9 capitalize mt-1";
-export declare const dayPickerNavButtonPreviousClassName = "left-2 top-2";
-export declare const dayPickerNavButtonNextClassName = "right-2 top-2";
-export declare const dayPickerNavButtonClassName: string;
-export declare const dayPickerHeadClassName = "text-xs dark:text-zinc-500";
-export declare const dayPickerHeadCellClassName = "font-normal";
-export declare const dayPickerDayClassName: string;
-export declare const dayPickerDayRangeStartClassName: string;
-export declare const dayPickerDaySelectedClassName: string;
-export declare const dayPickerDayRangeEndClassName: string;
-export declare const dayPickerTableClassName = "border-spacing-y-1 border-separate";
-export declare const dayPickerCellClassName: string;
-export declare const dayPickerDayOutsideClassName = "ui-date-picker-day-outside";
-export declare const dayPickerDayRangeMiddleClassName = "ui-date-picker-day-range-middle";
-export declare const dayPickerClassNames: {
-    month_caption: string;
-    button_previous: string;
-    button_next: string;
-    weekday: string;
-    day_button: string;
-    day: string;
-    month_grid: string;
-    range_start: string;
-    selected: string;
-    range_end: string;
-    outside: string;
-    range_middle: string;
-};

package/styles/DayPicker.classNames.js

@@ -1,30 +0,0 @@
-import clsx from "../utils/clsx";
-export const dayPickerButtonClassName = "justify-start pl-4 min-h-[38px]";
-export const dayPickerCaptionClassName = "text-center h-9 flex items-center justify-center mx-9 capitalize mt-1";
-export const dayPickerNavButtonPreviousClassName = "left-2 top-2";
-export const dayPickerNavButtonNextClassName = "right-2 top-2";
-export const dayPickerNavButtonClassName = clsx("absolute border rounded-sm p-1.5 [&_svg]:w-3 [&_svg]:h-3 transition", "border-zinc-100 hover:bg-zinc-100 bg-white active:border-zinc-200", "dark:border-zinc-800 dark:hover:bg-zinc-800 dark:bg-zinc-900 dark:active:border-zinc-700 dark:fill-zinc-200", "disabled:opacity-50 disabled:cursor-not-allowed");
-export const dayPickerHeadClassName = "text-xs dark:text-zinc-500";
-export const dayPickerHeadCellClassName = "font-normal";
-export const dayPickerDayClassName = clsx("w-8 h-8 rounded-sm transition", "text-zinc-700 hover:bg-black/10", "dark:text-zinc-300 dark:hover:bg-white/10", "disabled:opacity-30 disabled:cursor-not-allowed", "dark:disabled:opacity-20");
-export const dayPickerDayRangeStartClassName = clsx("ui-date-picker-day-range-start", "text-on-primary! dark:text-on-primary!", "bg-primary-500 hover:bg-primary-500/50", "dark:bg-primary-600 dark:hover:bg-primary-600/50");
-export const dayPickerDaySelectedClassName = clsx("ui-date-picker-day-selected", "[&:not(.ui-date-picker-day-range-middle)_button]:text-on-primary! dark:[&:not(.ui-date-picker-day-range-middle)_button]:text-on-primary!", "[&:not(.ui-date-picker-day-range-middle)]:bg-primary-500 hover:[&:not(.ui-date-picker-day-range-middle)]:bg-primary-500/50", "dark:[&:not(.ui-date-picker-day-range-middle)]:bg-primary-600 dark:hover:[&:not(.ui-date-picker-day-range-middle)]:bg-primary-600/50");
-export const dayPickerDayRangeEndClassName = clsx("ui-date-picker-day-range-end", "text-on-primary! dark:text-on-primary!", "bg-primary-500 hover:bg-primary-500/50", "dark:bg-primary-600 dark:hover:bg-primary-600/50");
-export const dayPickerTableClassName = "border-spacing-y-1 border-separate";
-export const dayPickerCellClassName = clsx("p-0 rounded-sm", "[&.ui-date-picker-day-outside]:opacity-40", "dark:[&.ui-date-picker-day-outside]:opacity-30", "[&.ui-date-picker-day-range-start]:rounded-l first:rounded-l", "[&.ui-date-picker-day-range-start]:bg-black/5", "dark:[&.ui-date-picker-day-range-start]:bg-white/10", "[&.ui-date-picker-day-range-middle]:bg-black/5", "dark:[&.ui-date-picker-day-range-middle]:bg-white/10", "[&.ui-date-picker-day-range-end]:rounded-r last:rounded-r", "[&.ui-date-picker-day-range-end]:bg-black/5", "dark:[&.ui-date-picker-day-range-end]:bg-white/10");
-export const dayPickerDayOutsideClassName = "ui-date-picker-day-outside";
-export const dayPickerDayRangeMiddleClassName = "ui-date-picker-day-range-middle";
-export const dayPickerClassNames = {
-    month_caption: dayPickerCaptionClassName,
-    button_previous: clsx(dayPickerNavButtonClassName, dayPickerNavButtonPreviousClassName),
-    button_next: clsx(dayPickerNavButtonClassName, dayPickerNavButtonNextClassName),
-    weekday: clsx(dayPickerHeadClassName, dayPickerHeadCellClassName),
-    day_button: dayPickerDayClassName,
-    day: dayPickerCellClassName,
-    month_grid: dayPickerTableClassName,
-    range_start: dayPickerDayRangeStartClassName,
-    selected: dayPickerDaySelectedClassName,
-    range_end: dayPickerDayRangeEndClassName,
-    outside: dayPickerDayOutsideClassName,
-    range_middle: dayPickerDayRangeMiddleClassName,
-};

package/styles/DayPicker.classNames.ts

@@ -1,81 +0,0 @@
-import clsx from "../utils/clsx";
-
-export const dayPickerButtonClassName = "justify-start pl-4 min-h-[38px]";
-export const dayPickerCaptionClassName =
-  "text-center h-9 flex items-center justify-center mx-9 capitalize mt-1";
-export const dayPickerNavButtonPreviousClassName = "left-2 top-2";
-export const dayPickerNavButtonNextClassName = "right-2 top-2";
-export const dayPickerNavButtonClassName = clsx(
-  "absolute border rounded-sm p-1.5 [&_svg]:w-3 [&_svg]:h-3 transition",
-  "border-zinc-100 hover:bg-zinc-100 bg-white active:border-zinc-200",
-  "dark:border-zinc-800 dark:hover:bg-zinc-800 dark:bg-zinc-900 dark:active:border-zinc-700 dark:fill-zinc-200",
-  "disabled:opacity-50 disabled:cursor-not-allowed",
-);
-export const dayPickerHeadClassName = "text-xs dark:text-zinc-500";
-export const dayPickerHeadCellClassName = "font-normal";
-export const dayPickerDayClassName = clsx(
-  "w-8 h-8 rounded-sm transition",
-  "text-zinc-700 hover:bg-black/10",
-  "dark:text-zinc-300 dark:hover:bg-white/10",
-  "disabled:opacity-30 disabled:cursor-not-allowed",
-  "dark:disabled:opacity-20",
-);
-export const dayPickerDayRangeStartClassName = clsx(
-  "ui-date-picker-day-range-start",
-  "text-on-primary! dark:text-on-primary!",
-  "bg-primary-500 hover:bg-primary-500/50",
-  "dark:bg-primary-600 dark:hover:bg-primary-600/50",
-);
-export const dayPickerDaySelectedClassName = clsx(
-  "ui-date-picker-day-selected",
-  "[&:not(.ui-date-picker-day-range-middle)_button]:text-on-primary! dark:[&:not(.ui-date-picker-day-range-middle)_button]:text-on-primary!",
-  "[&:not(.ui-date-picker-day-range-middle)]:bg-primary-500 hover:[&:not(.ui-date-picker-day-range-middle)]:bg-primary-500/50",
-  "dark:[&:not(.ui-date-picker-day-range-middle)]:bg-primary-600 dark:hover:[&:not(.ui-date-picker-day-range-middle)]:bg-primary-600/50",
-);
-export const dayPickerDayRangeEndClassName = clsx(
-  "ui-date-picker-day-range-end",
-  "text-on-primary! dark:text-on-primary!",
-  "bg-primary-500 hover:bg-primary-500/50",
-  "dark:bg-primary-600 dark:hover:bg-primary-600/50",
-);
-export const dayPickerTableClassName = "border-spacing-y-1 border-separate";
-export const dayPickerCellClassName = clsx(
-  "p-0 rounded-sm",
-  "[&.ui-date-picker-day-outside]:opacity-40",
-  "dark:[&.ui-date-picker-day-outside]:opacity-30",
-
-  "[&.ui-date-picker-day-range-start]:rounded-l first:rounded-l",
-  "[&.ui-date-picker-day-range-start]:bg-black/5",
-  "dark:[&.ui-date-picker-day-range-start]:bg-white/10",
-
-  "[&.ui-date-picker-day-range-middle]:bg-black/5",
-  "dark:[&.ui-date-picker-day-range-middle]:bg-white/10",
-
-  "[&.ui-date-picker-day-range-end]:rounded-r last:rounded-r",
-  "[&.ui-date-picker-day-range-end]:bg-black/5",
-  "dark:[&.ui-date-picker-day-range-end]:bg-white/10",
-);
-export const dayPickerDayOutsideClassName = "ui-date-picker-day-outside";
-export const dayPickerDayRangeMiddleClassName =
-  "ui-date-picker-day-range-middle";
-
-export const dayPickerClassNames = {
-  month_caption: dayPickerCaptionClassName,
-  button_previous: clsx(
-    dayPickerNavButtonClassName,
-    dayPickerNavButtonPreviousClassName,
-  ),
-  button_next: clsx(
-    dayPickerNavButtonClassName,
-    dayPickerNavButtonNextClassName,
-  ),
-  weekday: clsx(dayPickerHeadClassName, dayPickerHeadCellClassName),
-  day_button: dayPickerDayClassName,
-  day: dayPickerCellClassName,
-  month_grid: dayPickerTableClassName,
-  range_start: dayPickerDayRangeStartClassName,
-  selected: dayPickerDaySelectedClassName,
-  range_end: dayPickerDayRangeEndClassName,
-  outside: dayPickerDayOutsideClassName,
-  range_middle: dayPickerDayRangeMiddleClassName,
-};

package/styles/Dropdown.classNames.d.ts

@@ -1,6 +0,0 @@
-export declare const dropdownSeparatorClassName: string;
-export declare const dropdownItemClassName: string;
-export declare const dropdownSubTriggerClassName: string;
-export declare const dropdownLabelClassName: string;
-export declare const dropdownCheckboxItemClassName: string;
-export declare const dropdownItemIndicatorClassName: string;

package/styles/Dropdown.classNames.js

@@ -1,7 +0,0 @@
-import clsx from "../utils/clsx";
-export const dropdownSeparatorClassName = clsx("ui-dropdown-separator", "h-px my-1 mx-[6px]", "bg-zinc-100", "dark:bg-zinc-700/30");
-export const dropdownItemClassName = clsx("ui-dropdown-item", "relative rounded-sm py-1 px-7 cursor-pointer outline-hidden select-none flex items-center gap-2", "data-highlighted:bg-black/5", "dark:data-highlighted:bg-white/5", "data-disabled:cursor-default data-disabled:opacity-50");
-export const dropdownSubTriggerClassName = clsx(dropdownItemClassName, "data-[state=open]:bg-black/[0.025] data-[state=open]:data-highlighted:bg-black/5 dark:data-[state=open]:data-highlighted:bg-white/5", "dark:data-[state=open]:bg-white/[0.025]");
-export const dropdownLabelClassName = clsx("ui-dropdown-label", "py-1 px-7 text-xs font-medium cursor-default text-zinc-500 outline-hidden");
-export const dropdownCheckboxItemClassName = clsx("ui-dropdown-checkbox-item", dropdownItemClassName);
-export const dropdownItemIndicatorClassName = clsx("ui-dropdown-item-indicator", "absolute left-1.5 top-1.5 inline-flex items-center justify-center", "[&>svg]:w-4 [&>svg]:h-4");

package/styles/Dropdown.classNames.ts

@@ -1,38 +0,0 @@
-import clsx from "../utils/clsx";
-
-export const dropdownSeparatorClassName = clsx(
-  "ui-dropdown-separator",
-  "h-px my-1 mx-[6px]",
-  "bg-zinc-100",
-  "dark:bg-zinc-700/30",
-);
-
-export const dropdownItemClassName = clsx(
-  "ui-dropdown-item",
-  "relative rounded-sm py-1 px-7 cursor-pointer outline-hidden select-none flex items-center gap-2",
-  "data-highlighted:bg-black/5",
-  "dark:data-highlighted:bg-white/5",
-  "data-disabled:cursor-default data-disabled:opacity-50",
-);
-
-export const dropdownSubTriggerClassName = clsx(
-  dropdownItemClassName,
-  "data-[state=open]:bg-black/[0.025] data-[state=open]:data-highlighted:bg-black/5 dark:data-[state=open]:data-highlighted:bg-white/5",
-  "dark:data-[state=open]:bg-white/[0.025]",
-);
-
-export const dropdownLabelClassName = clsx(
-  "ui-dropdown-label",
-  "py-1 px-7 text-xs font-medium cursor-default text-zinc-500 outline-hidden",
-);
-
-export const dropdownCheckboxItemClassName = clsx(
-  "ui-dropdown-checkbox-item",
-  dropdownItemClassName,
-);
-
-export const dropdownItemIndicatorClassName = clsx(
-  "ui-dropdown-item-indicator",
-  "absolute left-1.5 top-1.5 inline-flex items-center justify-center",
-  "[&>svg]:w-4 [&>svg]:h-4",
-);

package/styles/Input.css

@@ -1,23 +0,0 @@
-.ui-theme-default .ui-input-wrapper {
-    @apply flex flex-col gap-1
-}
-
-.ui-theme-default .ui-input-wrapper-label {
-    @apply font-medium
-    text-zinc-800
-    dark:text-zinc-100
-}
-
-.ui-theme-default .ui-input-wrapper-help-text {
-    @apply text-sm
-    text-zinc-500
-    dark:text-zinc-400
-}
-
-.ui-theme-default .ui-input-wrapper[data-error] .ui-input-wrapper-label {
-    @apply text-error-500
-}
-
-.ui-theme-default .ui-input-wrapper[data-error] .ui-input-wrapper-help-text {
-    @apply text-error-500
-}

package/styles/Modal.classNames.d.ts

@@ -1,2 +0,0 @@
-export declare const modalContentClassName: string;
-export declare const modalArrowClassName: string;

package/styles/Modal.classNames.js

@@ -1,3 +0,0 @@
-import clsx from "../utils/clsx";
-export const modalContentClassName = clsx("ui-modal-content", "z-20 rounded-sm p-1 shadow-md text-sm ring-1", "bg-white shadow-black/5 ring-black/5", "dark:bg-zinc-900 dark:ring-white/10", "will-change-[transform,opacity] data-[state=open]:animate-elastic-slide-up-and-fade data-[state=closed]:animate-fade-out");
-export const modalArrowClassName = clsx("ui-modal-arrow", "fill-zinc-100", "dark:fill-zinc-800");

package/styles/Modal.classNames.ts

@@ -1,15 +0,0 @@
-import clsx from "../utils/clsx";
-
-export const modalContentClassName = clsx(
-  "ui-modal-content",
-  "z-20 rounded-sm p-1 shadow-md text-sm ring-1",
-  "bg-white shadow-black/5 ring-black/5",
-  "dark:bg-zinc-900 dark:ring-white/10",
-  "will-change-[transform,opacity] data-[state=open]:animate-elastic-slide-up-and-fade data-[state=closed]:animate-fade-out",
-);
-
-export const modalArrowClassName = clsx(
-  "ui-modal-arrow",
-  "fill-zinc-100",
-  "dark:fill-zinc-800",
-);

package/styles/MultiText.css

@@ -1,40 +0,0 @@
-.ui-theme-default .ui-multi-text {
-  @apply border rounded-md flex flex-wrap gap-1 items-center px-2.5 py-0.5 shadow-xs transition-all
-    border-zinc-300 bg-white
-    dark:border-zinc-700 dark:bg-zinc-800
-    data-readonly:border-dashed
-    data-loading:animate-pulse;
-}
-
-.ui-theme-default .ui-multi-text[data-error],
-.ui-theme-default .ui-multi-text[data-error][data-focused] {
-  @apply border-error-500 ring-error-500;
-}
-
-.ui-theme-default .ui-multi-text[data-focused] {
-  @apply border-primary-500 ring-primary-500 ring-1;
-}
-
-.ui-theme-default .ui-multi-text-input {
-  @apply border-none bg-transparent p-0 grow focus:ring-0 py-1;
-}
-
-.ui-theme-default .ui-multi-text-item {
-  @apply rounded-sm flex items-center px-2 py-1 gap-2 max-w-full
-    bg-zinc-200
-    dark:bg-zinc-700;
-}
-
-.ui-theme-default .ui-multi-text-item-content {
-  @apply truncate;
-}
-
-.ui-theme-default .ui-multi-text-delete-icon {
-  @apply w-4 h-4;
-}
-
-.ui-theme-default .ui-multi-text-delete-button {
-  @apply rounded-sm
-    hover:bg-black/10
-    dark:hover:bg-white/10;
-}

package/styles/Pagination.css

@@ -1,19 +0,0 @@
-.ui-theme-default .ui-pagination {
-    @apply flex
-}
-
-.ui-theme-default .ui-pagination > * {
-    @apply min-w-[32px] h-8 rounded-sm items-center justify-center flex px-2 text-sm font-medium
-    hover:bg-black/5
-    dark:hover:bg-white/5
-
-    disabled:pointer-events-none disabled:opacity-50
-
-    data-active:bg-primary-500 data-active:text-white
-    data-active:hover:bg-primary-600
-    dark:data-active:hover:bg-primary-400
-}
-
-.ui-theme-default .ui-pagination > * > svg {
-    @apply -mx-2
-}

package/styles/Tabs.css

@@ -1,23 +0,0 @@
-.ui-theme-default .ui-tabs {
-    @apply flex gap-0.5 p-1 rounded-sm
-    bg-zinc-200/50
-    dark:bg-zinc-800/50
-}
-
-.ui-theme-default .ui-tabs-tab {
-    @apply text-sm px-2.5 py-1.5 transition rounded-sm font-medium
-    text-zinc-900/70 hover:bg-zinc-900/10 active:bg-zinc-900/20 border-transparent
-    dark:text-zinc-100/70 dark:hover:bg-zinc-100/10 dark:active:bg-zinc-100/20
-}
-
-.ui-theme-default .ui-tabs-tab[data-selected] {
-    @apply relative
-    text-black
-    dark:text-white
-}
-
-.ui-tabs-indicator {
-    @apply block h-0.5 -bottom-1 left-0 right-0 absolute transition
-    bg-zinc-900/80
-    dark:bg-zinc-100/80
-}