@okam/stack-ui 1.6.1 → 1.6.2

package/theme/Calendar/index.d.ts

@@ -0,0 +1,237 @@
+export declare const calendarContainer: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "inline-block text-gray-800"> | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "inline-block text-gray-800">;
+    } | undefined;
+} | {}, undefined, "inline-block text-gray-800", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "inline-block text-gray-800"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "inline-block text-gray-800"> | {}, undefined>;
+export declare const calendarHeaderContainer: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "flex items-center justify-between pb-4"> | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "flex items-center justify-between pb-4">;
+    } | undefined;
+} | {}, undefined, "flex items-center justify-between pb-4", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "flex items-center justify-between pb-4"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "flex items-center justify-between pb-4"> | {}, undefined>;
+export declare const calendarNavigationButtonsContainer: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "flex items-center gap-1"> | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "flex items-center gap-1">;
+    } | undefined;
+} | {}, undefined, "flex items-center gap-1", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "flex items-center gap-1"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "flex items-center gap-1"> | {}, undefined>;
+export declare const calendarNavigationButtons: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "active:bg-color-1-500 p-2 rounded-full active:text-color-1-100 hover:bg-color-1-200"> | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "active:bg-color-1-500 p-2 rounded-full active:text-color-1-100 hover:bg-color-1-200">;
+    } | undefined;
+} | {}, undefined, "active:bg-color-1-500 p-2 rounded-full active:text-color-1-100 hover:bg-color-1-200", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "active:bg-color-1-500 p-2 rounded-full active:text-color-1-100 hover:bg-color-1-200"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "active:bg-color-1-500 p-2 rounded-full active:text-color-1-100 hover:bg-color-1-200"> | {}, undefined>;
+export declare const calendarTable: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "flex-1"> | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "flex-1">;
+    } | undefined;
+} | {}, undefined, "flex-1", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "flex-1"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "flex-1"> | {}, undefined>;
+export declare const calendarDayLabel: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "text-center"> | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "text-center">;
+    } | undefined;
+} | {}, undefined, "text-center", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "text-center"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "text-center"> | {}, undefined>;
+export declare const calendarCellContainer: import("tailwind-variants").TVReturnType<{
+    isFocusVisible: {
+        true: "z-10";
+        false: "";
+    };
+}, undefined, "py-0.5 relative", import("tailwind-variants/dist/config").TVConfig<{
+    isFocusVisible: {
+        true: "z-10";
+        false: "";
+    };
+}, {
+    isFocusVisible: {
+        true: "z-10";
+        false: "";
+    };
+}>, {
+    isFocusVisible: {
+        true: "z-10";
+        false: "";
+    };
+}, undefined>;
+export declare const calendarCell: import("tailwind-variants").TVReturnType<{
+    isSelected: {
+        true: "";
+        false: "";
+    };
+    isInvalid: {
+        true: "";
+        fasle: "";
+    };
+    isDisabled: {
+        true: "disabled";
+        false: "";
+    };
+    isRoundedLeft: {
+        true: "rounded-l-full";
+        false: "";
+    };
+    isRoundedRight: {
+        true: "rounded-r-full";
+        false: "";
+    };
+}, undefined, "w-10 h-10 outline-none group", import("tailwind-variants/dist/config").TVConfig<{
+    isSelected: {
+        true: "";
+        false: "";
+    };
+    isInvalid: {
+        true: "";
+        fasle: "";
+    };
+    isDisabled: {
+        true: "disabled";
+        false: "";
+    };
+    isRoundedLeft: {
+        true: "rounded-l-full";
+        false: "";
+    };
+    isRoundedRight: {
+        true: "rounded-r-full";
+        false: "";
+    };
+}, {
+    isSelected: {
+        true: "";
+        false: "";
+    };
+    isInvalid: {
+        true: "";
+        fasle: "";
+    };
+    isDisabled: {
+        true: "disabled";
+        false: "";
+    };
+    isRoundedLeft: {
+        true: "rounded-l-full";
+        false: "";
+    };
+    isRoundedRight: {
+        true: "rounded-r-full";
+        false: "";
+    };
+}>, {
+    isSelected: {
+        true: "";
+        false: "";
+    };
+    isInvalid: {
+        true: "";
+        fasle: "";
+    };
+    isDisabled: {
+        true: "disabled";
+        false: "";
+    };
+    isRoundedLeft: {
+        true: "rounded-l-full";
+        false: "";
+    };
+    isRoundedRight: {
+        true: "rounded-r-full";
+        false: "";
+    };
+}, undefined>;
+export declare const calendarCellFormattedDate: import("tailwind-variants").TVReturnType<{
+    isSelected: {
+        true: "";
+        false: "";
+    };
+    isInvalid: {
+        true: "";
+        fasle: "";
+    };
+    isDisabled: {
+        true: "";
+        false: "";
+    };
+    isFocusVisible: {
+        true: "ring-2 group-focus:z-2 ring-violet-600 ring-offset-2";
+        false: "";
+    };
+    isSelectionStart: {
+        true: "";
+        false: "";
+    };
+    isSelectionEnd: {
+        true: "";
+        false: "";
+    };
+}, undefined, "w-full h-full rounded-full flex items-center justify-center cursor-pointer", import("tailwind-variants/dist/config").TVConfig<{
+    isSelected: {
+        true: "";
+        false: "";
+    };
+    isInvalid: {
+        true: "";
+        fasle: "";
+    };
+    isDisabled: {
+        true: "";
+        false: "";
+    };
+    isFocusVisible: {
+        true: "ring-2 group-focus:z-2 ring-violet-600 ring-offset-2";
+        false: "";
+    };
+    isSelectionStart: {
+        true: "";
+        false: "";
+    };
+    isSelectionEnd: {
+        true: "";
+        false: "";
+    };
+}, {
+    isSelected: {
+        true: "";
+        false: "";
+    };
+    isInvalid: {
+        true: "";
+        fasle: "";
+    };
+    isDisabled: {
+        true: "";
+        false: "";
+    };
+    isFocusVisible: {
+        true: "ring-2 group-focus:z-2 ring-violet-600 ring-offset-2";
+        false: "";
+    };
+    isSelectionStart: {
+        true: "";
+        false: "";
+    };
+    isSelectionEnd: {
+        true: "";
+        false: "";
+    };
+}>, {
+    isSelected: {
+        true: "";
+        false: "";
+    };
+    isInvalid: {
+        true: "";
+        fasle: "";
+    };
+    isDisabled: {
+        true: "";
+        false: "";
+    };
+    isFocusVisible: {
+        true: "ring-2 group-focus:z-2 ring-violet-600 ring-offset-2";
+        false: "";
+    };
+    isSelectionStart: {
+        true: "";
+        false: "";
+    };
+    isSelectionEnd: {
+        true: "";
+        false: "";
+    };
+}, undefined>;

package/theme/Checkbox/index.d.ts

@@ -0,0 +1,75 @@
+export declare const checkboxLabel: import("tailwind-variants").TVReturnType<{
+    isDisabled: {
+        true: "text-gray-6";
+    };
+}, undefined, "text-gray-2 flex flex-row items-start hover:cursor-pointer", import("tailwind-variants/dist/config").TVConfig<{
+    isDisabled: {
+        true: "text-gray-6";
+    };
+}, {
+    isDisabled: {
+        true: "text-gray-6";
+    };
+}>, {
+    isDisabled: {
+        true: "text-gray-6";
+    };
+}, undefined>;
+export declare const checkBox: import("tailwind-variants").TVReturnType<{
+    isDisabled: {
+        true: "border-gray-6";
+    };
+    isFocused: {
+        true: "outline-black [outline-offset: 2px]";
+    };
+    isError: {
+        true: "border-red-500";
+    };
+}, undefined, "w-5 h-5 mt-0.5 mr-2.5 rounded-full border-2 border-gray-2 shrink-0 hover:cursor-pointer flex items-center justify-center", import("tailwind-variants/dist/config").TVConfig<{
+    isDisabled: {
+        true: "border-gray-6";
+    };
+    isFocused: {
+        true: "outline-black [outline-offset: 2px]";
+    };
+    isError: {
+        true: "border-red-500";
+    };
+}, {
+    isDisabled: {
+        true: "border-gray-6";
+    };
+    isFocused: {
+        true: "outline-black [outline-offset: 2px]";
+    };
+    isError: {
+        true: "border-red-500";
+    };
+}>, {
+    isDisabled: {
+        true: "border-gray-6";
+    };
+    isFocused: {
+        true: "outline-black [outline-offset: 2px]";
+    };
+    isError: {
+        true: "border-red-500";
+    };
+}, undefined>;
+export declare const checkMark: import("tailwind-variants").TVReturnType<{
+    selected: {
+        true: "block";
+    };
+}, undefined, "hidden w-3 h-3 bg-gray-2 rounded-full", import("tailwind-variants/dist/config").TVConfig<{
+    selected: {
+        true: "block";
+    };
+}, {
+    selected: {
+        true: "block";
+    };
+}>, {
+    selected: {
+        true: "block";
+    };
+}, undefined>;

package/theme/DatePicker/index.d.ts

@@ -0,0 +1,51 @@
+export declare const datePickerContainer: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "relative inline-flex flex-col text-left"> | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "relative inline-flex flex-col text-left">;
+    } | undefined;
+} | {}, undefined, "relative inline-flex flex-col text-left", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "relative inline-flex flex-col text-left"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "relative inline-flex flex-col text-left"> | {}, undefined>;
+export declare const datePickerButton: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "flex items-center border-2 border-color-1-500 rounded"> | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "flex items-center border-2 border-color-1-500 rounded">;
+    } | undefined;
+} | {}, undefined, "flex items-center border-2 border-color-1-500 rounded", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "flex items-center border-2 border-color-1-500 rounded"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "flex items-center border-2 border-color-1-500 rounded"> | {}, undefined>;
+export declare const datePickerCalendarPopoverUnderlay: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "fixed inset-0"> | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "fixed inset-0">;
+    } | undefined;
+} | {}, undefined, "fixed inset-0", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "fixed inset-0"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "fixed inset-0"> | {}, undefined>;
+export declare const datePickerCalendarPopoverContainer: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10"> | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10">;
+    } | undefined;
+} | {}, undefined, "absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10"> | {}, undefined>;
+export declare const datePickerDateField: import("tailwind-variants").TVReturnType<{
+    dateFieldShown: {
+        true: "";
+        false: "hidden";
+    };
+}, undefined, "pr-1 flex gap-2", import("tailwind-variants/dist/config").TVConfig<{
+    dateFieldShown: {
+        true: "";
+        false: "hidden";
+    };
+}, {
+    dateFieldShown: {
+        true: "";
+        false: "hidden";
+    };
+}>, {
+    dateFieldShown: {
+        true: "";
+        false: "hidden";
+    };
+}, undefined>;
+export declare const datePickerIcon: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "text-color-1-500 bg-color-1-100 border-l-2 border-color-1-500 h-full py-2 px-2"> | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "text-color-1-500 bg-color-1-100 border-l-2 border-color-1-500 h-full py-2 px-2">;
+    } | undefined;
+} | {}, undefined, "text-color-1-500 bg-color-1-100 border-l-2 border-color-1-500 h-full py-2 px-2", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "text-color-1-500 bg-color-1-100 border-l-2 border-color-1-500 h-full py-2 px-2"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "text-color-1-500 bg-color-1-100 border-l-2 border-color-1-500 h-full py-2 px-2"> | {}, undefined>;
+export declare const datePickerLabel: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "text-color-1-500 font-bold px-2"> | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "text-color-1-500 font-bold px-2">;
+    } | undefined;
+} | {}, undefined, "text-color-1-500 font-bold px-2", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "text-color-1-500 font-bold px-2"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "text-color-1-500 font-bold px-2"> | {}, undefined>;

package/theme/LightBox/index.d.ts

@@ -0,0 +1,143 @@
+export declare const lightBoxContainer: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, " w-screen h-screen relative flex items-center m-auto justify-center"> | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, " w-screen h-screen relative flex items-center m-auto justify-center">;
+    } | undefined;
+} | {}, undefined, " w-screen h-screen relative flex items-center m-auto justify-center", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, " w-screen h-screen relative flex items-center m-auto justify-center"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, " w-screen h-screen relative flex items-center m-auto justify-center"> | {}, undefined>;
+export declare const lightBoxCloseBtn: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "absolute xl:top-10 xl:right-20 lg:top-8 lg:right-8 z-10 top-4 right-4 w-[2.5rem]\n    h-[2.5rem]"> | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "absolute xl:top-10 xl:right-20 lg:top-8 lg:right-8 z-10 top-4 right-4 w-[2.5rem]\n    h-[2.5rem]">;
+    } | undefined;
+} | {}, undefined, "absolute xl:top-10 xl:right-20 lg:top-8 lg:right-8 z-10 top-4 right-4 w-[2.5rem]\n    h-[2.5rem]", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "absolute xl:top-10 xl:right-20 lg:top-8 lg:right-8 z-10 top-4 right-4 w-[2.5rem]\n    h-[2.5rem]"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "absolute xl:top-10 xl:right-20 lg:top-8 lg:right-8 z-10 top-4 right-4 w-[2.5rem]\n    h-[2.5rem]"> | {}, undefined>;
+export declare const lightBoxLabel: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "sr-only"> | {
+    size?: {
+        h1?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        h2?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        h3?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        h4?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        h5?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        h6?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        leading?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        paragraph?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        footnotes?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        xs?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+    } | undefined;
+    font?: {
+        body?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+    } | undefined;
+    weight?: {
+        normal?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        light?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        bold?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+    } | undefined;
+    color?: {
+        gray?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        white?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+    } | undefined;
+    isError?: {
+        true?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+    } | undefined;
+    align?: {
+        center?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        left?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        right?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+    } | undefined;
+}, undefined, "sr-only", import("tailwind-variants/dist/config").TVConfig<import("tailwind-variants").TVVariantsDefault<undefined, "sr-only"> | {
+    size?: {
+        h1?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        h2?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        h3?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        h4?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        h5?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        h6?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        leading?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        paragraph?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        footnotes?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        xs?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+    } | undefined;
+    font?: {
+        body?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+    } | undefined;
+    weight?: {
+        normal?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        light?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        bold?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+    } | undefined;
+    color?: {
+        gray?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        white?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+    } | undefined;
+    isError?: {
+        true?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+    } | undefined;
+    align?: {
+        center?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        left?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+        right?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "sr-only">;
+    } | undefined;
+}, {
+    size: {
+        h1: "text-5xl";
+        h2: "text-4xl";
+        h3: "text-3xl";
+        h4: "text-2xl";
+        h5: "text-xl";
+        h6: "text-lg";
+        leading: "text-md font-bold leading-normal";
+        paragraph: "text-md inline";
+        footnotes: "text-sm";
+        xs: "text-xs";
+    };
+    font: {
+        body: "font-body";
+    };
+    weight: {
+        normal: "font-normal";
+        light: "font-light";
+        bold: "font-bold";
+    };
+    color: {
+        gray: "text-gray-500";
+        white: "text-white";
+    };
+    isError: {
+        true: "text-sm text-error ml-8 py-3";
+    };
+    align: {
+        center: "text-center";
+        left: "text-left";
+        right: "text-right";
+    };
+}>, {
+    size: {
+        h1: "text-5xl";
+        h2: "text-4xl";
+        h3: "text-3xl";
+        h4: "text-2xl";
+        h5: "text-xl";
+        h6: "text-lg";
+        leading: "text-md font-bold leading-normal";
+        paragraph: "text-md inline";
+        footnotes: "text-sm";
+        xs: "text-xs";
+    };
+    font: {
+        body: "font-body";
+    };
+    weight: {
+        normal: "font-normal";
+        light: "font-light";
+        bold: "font-bold";
+    };
+    color: {
+        gray: "text-gray-500";
+        white: "text-white";
+    };
+    isError: {
+        true: "text-sm text-error ml-8 py-3";
+    };
+    align: {
+        center: "text-center";
+        left: "text-left";
+        right: "text-right";
+    };
+}, undefined>;

package/theme/ShareButton/index.d.ts

@@ -0,0 +1,110 @@
+export declare const shareButtonContainer: import("tailwind-variants").TVReturnType<{
+    listDirection: {
+        row: "flex-row";
+        column: "flex-col";
+    };
+}, undefined, "flex print:hidden", import("tailwind-variants/dist/config").TVConfig<{
+    listDirection: {
+        row: "flex-row";
+        column: "flex-col";
+    };
+}, {
+    listDirection: {
+        row: "flex-row";
+        column: "flex-col";
+    };
+}>, {
+    listDirection: {
+        row: "flex-row";
+        column: "flex-col";
+    };
+}, undefined>;
+export declare const shareButton: import("tailwind-variants").TVReturnType<{
+    isOpen: {
+        true: "";
+        false: "";
+    };
+}, undefined, "relative z-20 !bg-color-1-500 hover:!bg-color-1-400 p-4 active:!bg-color-1-400 rounded-full text-white", import("tailwind-variants/dist/config").TVConfig<{
+    isOpen: {
+        true: "";
+        false: "";
+    };
+}, {
+    isOpen: {
+        true: "";
+        false: "";
+    };
+}>, {
+    isOpen: {
+        true: "";
+        false: "";
+    };
+}, undefined>;
+export declare const shareButtonLinksList: import("tailwind-variants").TVReturnType<{
+    listDirection: {
+        row: "flex-row pl-14 [margin-left:-3.25rem]";
+        column: "flex-col [margin-top:-3.25rem] [width:calc(100% + .5rem)] pt-14";
+    };
+    isOpen: {
+        true: "opacity-100 visible";
+        false: "";
+    };
+}, undefined, "!bg-color-1-200 relative opacity-0 invisible transition duration-300 flex items-center p-0 bg-primary-1 pb-0 z-0 rounded-b-full rounded-t-full", import("tailwind-variants/dist/config").TVConfig<{
+    listDirection: {
+        row: "flex-row pl-14 [margin-left:-3.25rem]";
+        column: "flex-col [margin-top:-3.25rem] [width:calc(100% + .5rem)] pt-14";
+    };
+    isOpen: {
+        true: "opacity-100 visible";
+        false: "";
+    };
+}, {
+    listDirection: {
+        row: "flex-row pl-14 [margin-left:-3.25rem]";
+        column: "flex-col [margin-top:-3.25rem] [width:calc(100% + .5rem)] pt-14";
+    };
+    isOpen: {
+        true: "opacity-100 visible";
+        false: "";
+    };
+}>, {
+    listDirection: {
+        row: "flex-row pl-14 [margin-left:-3.25rem]";
+        column: "flex-col [margin-top:-3.25rem] [width:calc(100% + .5rem)] pt-14";
+    };
+    isOpen: {
+        true: "opacity-100 visible";
+        false: "";
+    };
+}, undefined>;
+export declare const shareButtonLink: import("tailwind-variants").TVReturnType<{
+    listDirection: {
+        row: "last:rounded-r-full h-full";
+        column: "last:rounded-b-full";
+    };
+}, undefined, "flex items-center justify-center cursor-pointer bg-color-1-200 hover:bg-color-1-300 w-full text-color-1-500 rounded-none p-2", import("tailwind-variants/dist/config").TVConfig<{
+    listDirection: {
+        row: "last:rounded-r-full h-full";
+        column: "last:rounded-b-full";
+    };
+}, {
+    listDirection: {
+        row: "last:rounded-r-full h-full";
+        column: "last:rounded-b-full";
+    };
+}>, {
+    listDirection: {
+        row: "last:rounded-r-full h-full";
+        column: "last:rounded-b-full";
+    };
+}, undefined>;
+export declare const shareButtonIcon: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "text-white"> | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "text-white">;
+    } | undefined;
+} | {}, undefined, "text-white", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "text-white"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "text-white"> | {}, undefined>;
+export declare const shareButtonLinkIcons: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, ""> | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "">;
+    } | undefined;
+} | {}, undefined, "", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, ""> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, ""> | {}, undefined>;

package/theme/SidePanel/index.d.ts

@@ -0,0 +1,15 @@
+export declare const sidePanelWrapper: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "m-auto fixed right-0 top-0 bottom-0 w-full max-w-[512px] [&>div]:h-full"> | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "m-auto fixed right-0 top-0 bottom-0 w-full max-w-[512px] [&>div]:h-full">;
+    } | undefined;
+} | {}, undefined, "m-auto fixed right-0 top-0 bottom-0 w-full max-w-[512px] [&>div]:h-full", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "m-auto fixed right-0 top-0 bottom-0 w-full max-w-[512px] [&>div]:h-full"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "m-auto fixed right-0 top-0 bottom-0 w-full max-w-[512px] [&>div]:h-full"> | {}, undefined>;
+export declare const sidePanelContainer: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "h-full w-full flex justify-end"> | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "h-full w-full flex justify-end">;
+    } | undefined;
+} | {}, undefined, "h-full w-full flex justify-end", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "h-full w-full flex justify-end"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "h-full w-full flex justify-end"> | {}, undefined>;
+export declare const sidePanelInnerContainer: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "bg-black h-full w-full overflow-y-auto"> | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "bg-black h-full w-full overflow-y-auto">;
+    } | undefined;
+} | {}, undefined, "bg-black h-full w-full overflow-y-auto", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "bg-black h-full w-full overflow-y-auto"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "bg-black h-full w-full overflow-y-auto"> | {}, undefined>;

package/theme/TextArea/index.d.ts

@@ -0,0 +1,17 @@
+export declare const textArea: import("tailwind-variants").TVReturnType<{
+    isError: {
+        true: "border-red-500";
+    };
+}, undefined, "w-full min-h-32 rounded-2xl px-6 h-12 border-2 border-solid transition duration-300 ease-in-out text-gray-2 placeholder:text-gray-2 focus-visible:text-black focus-visible:placeholder:text-black focus-visible:border-black", import("tailwind-variants/dist/config").TVConfig<{
+    isError: {
+        true: "border-red-500";
+    };
+}, {
+    isError: {
+        true: "border-red-500";
+    };
+}>, {
+    isError: {
+        true: "border-red-500";
+    };
+}, undefined>;