@sytechui/theme 3.0.0 → 3.0.2

package/dist/components/dropdown.d.ts

@@ -1,247 +0,0 @@
-import * as tailwind_merge from 'tailwind-merge';
-import * as tailwind_variants from 'tailwind-variants';
-import { VariantProps } from 'tailwind-variants';
-
-/**
- * Dropdown wrapper **Tailwind Variants** component
- *
- * const { base, menu } = dropdown({...})
- *
- * @example
- * <div>
- *  <button className={trigger()} aria-expanded="true/false">your trigger</button>
- *  <div className={base()}>
- *    // dropdown content
- *    <span className={arrow()} data-placement="top/bottom/left/right..." /> // arrow
- *  </div>
- * </div>
- */
-declare const dropdown: tailwind_variants.TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
-/**
- * DropdownItem wrapper **Tailwind Variants** component
- *
- * const {base, heading, indicator, trigger, leftIndicator, title, subtitle, content } = dropdownItem({...})
- *
- * @example
- * <div className={base())} data-focus-visible={boolean} data-hover={boolean}>
- *   <div className={heading())}>
- *    <button className={trigger())}>
- *      <div className={leftIndicator()}>
- *         // content
- *      </div>
- *      <div className={titleWrapper()}>
- *        <h3 className={title())}>Title</h3>
- *        <span className={subtitle())}>Subtitle</span>
- *      </div>
- *      <span className={indicator())}>Indicator</span>
- *    </button>
- *  </div>
- *  <div className={content())}>Content</div>
- * </div>
- */
-declare const dropdownItem: tailwind_variants.TVReturnType<{
-    variant: {
-        solid: {
-            base: string;
-        };
-        bordered: {
-            base: string;
-        };
-        light: {
-            base: string;
-        };
-        faded: {
-            base: string;
-        };
-        flat: {
-            base: string;
-        };
-        shadow: {
-            base: string;
-        };
-    };
-    color: {
-        default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
-    };
-    isDisabled: {
-        true: {
-            base: string;
-        };
-    };
-    disableAnimation: {
-        true: {};
-        false: {};
-    };
-}, {
-    base: string[];
-    wrapper: string;
-    title: string;
-    description: string[];
-    selectedIcon: string[];
-    shortcut: string[];
-}, undefined, {
-    variant: {
-        solid: {
-            base: string;
-        };
-        bordered: {
-            base: string;
-        };
-        light: {
-            base: string;
-        };
-        faded: {
-            base: string;
-        };
-        flat: {
-            base: string;
-        };
-        shadow: {
-            base: string;
-        };
-    };
-    color: {
-        default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
-    };
-    isDisabled: {
-        true: {
-            base: string;
-        };
-    };
-    disableAnimation: {
-        true: {};
-        false: {};
-    };
-}, {
-    base: string[];
-    wrapper: string;
-    title: string;
-    description: string[];
-    selectedIcon: string[];
-    shortcut: string[];
-}, tailwind_variants.TVReturnType<{
-    variant: {
-        solid: {
-            base: string;
-        };
-        bordered: {
-            base: string;
-        };
-        light: {
-            base: string;
-        };
-        faded: {
-            base: string;
-        };
-        flat: {
-            base: string;
-        };
-        shadow: {
-            base: string;
-        };
-    };
-    color: {
-        default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
-    };
-    isDisabled: {
-        true: {
-            base: string;
-        };
-    };
-    disableAnimation: {
-        true: {};
-        false: {};
-    };
-}, {
-    base: string[];
-    wrapper: string;
-    title: string;
-    description: string[];
-    selectedIcon: string[];
-    shortcut: string[];
-}, undefined, unknown, unknown, undefined>>;
-/**
- * Dropdown wrapper **Tailwind Variants** component
- *
- * const { base, section, heading } = dropdownSection({...})
- *
- * @example
- * <div className={base()}>
- *  <button className={trigger()} aria-expanded="true/false">your trigger</button>
- *  <div className={section()}>
- *    // dropdown content
- *    <span className={arrow()} data-placement="top/bottom/left/right..." /> // arrow
- *  </div>
- * </div>
- */
-declare const dropdownSection: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            divider?: tailwind_merge.ClassNameValue;
-            base?: tailwind_merge.ClassNameValue;
-            group?: tailwind_merge.ClassNameValue;
-            heading?: tailwind_merge.ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_merge.ClassNameValue | {
-            divider?: tailwind_merge.ClassNameValue;
-            base?: tailwind_merge.ClassNameValue;
-            group?: tailwind_merge.ClassNameValue;
-            heading?: tailwind_merge.ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    heading: string;
-    group: string;
-    divider: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            divider?: tailwind_merge.ClassNameValue;
-            base?: tailwind_merge.ClassNameValue;
-            group?: tailwind_merge.ClassNameValue;
-            heading?: tailwind_merge.ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    heading: string;
-    group: string;
-    divider: string;
-}, tailwind_variants.TVReturnType<unknown, {
-    base: string;
-    heading: string;
-    group: string;
-    divider: string;
-}, undefined, unknown, unknown, undefined>>;
-/**
- * Dropdown Menu wrapper **Tailwind Variants** component
- *
- * const classNames = dropdownMenu({...})
-
- */
-declare const dropdownMenu: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "w-full flex flex-col gap-0.5 p-1", {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "w-full flex flex-col gap-0.5 p-1", unknown, unknown, undefined>>;
-type DropdownSectionVariantProps = VariantProps<typeof dropdownSection>;
-type DropdownSectionSlots = keyof ReturnType<typeof dropdownSection>;
-type DropdownItemVariantProps = VariantProps<typeof dropdownItem>;
-type DropdownItemSlots = keyof ReturnType<typeof dropdownItem>;
-
-export { type DropdownItemSlots, type DropdownItemVariantProps, type DropdownSectionSlots, type DropdownSectionVariantProps, dropdown, dropdownItem, dropdownMenu, dropdownSection };

package/dist/components/form.d.mts

@@ -1,19 +0,0 @@
-import * as tailwind_variants from 'tailwind-variants';
-import { VariantProps } from 'tailwind-variants';
-
-/**
- * Card **Tailwind Variants** component
- *
- * @example
- * ```js
- * const classNames = form({...})
- *
- * <form className={base()}>
- *    // form content
- * </form>
- * ```
- */
-declare const form: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "flex flex-col gap-2 items-start", {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "flex flex-col gap-2 items-start", unknown, unknown, undefined>>;
-type FormVariantProps = VariantProps<typeof form>;
-
-export { type FormVariantProps, form };

package/dist/components/form.d.ts

@@ -1,19 +0,0 @@
-import * as tailwind_variants from 'tailwind-variants';
-import { VariantProps } from 'tailwind-variants';
-
-/**
- * Card **Tailwind Variants** component
- *
- * @example
- * ```js
- * const classNames = form({...})
- *
- * <form className={base()}>
- *    // form content
- * </form>
- * ```
- */
-declare const form: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "flex flex-col gap-2 items-start", {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "flex flex-col gap-2 items-start", unknown, unknown, undefined>>;
-type FormVariantProps = VariantProps<typeof form>;
-
-export { type FormVariantProps, form };

package/dist/components/image.d.mts

@@ -1,174 +0,0 @@
-import * as tailwind_variants from 'tailwind-variants';
-import { VariantProps } from 'tailwind-variants';
-
-/**
- * Image wrapper **Tailwind Variants** component
- *
- * const {img, wrapper, blurredImg, zoomedWrapper} = image({...})
- *
- * @example
- * <div className={wrapper()}>
- *    <img alt="image" className={img())} src="https://..." />
- *      // wrap the image if you want to zoom it
- *      <div className={zoomedWrapper()}>
- *       <img alt="image" className={img())} src="https://..." />
- *     </div>
- *    // duplicate it for the blur effect
- *    <img alt="image" className={blurredImg())} src="https://..." />
- * </div>
- */
-declare const image: tailwind_variants.TVReturnType<{
-    radius: {
-        none: {};
-        sm: {};
-        md: {};
-        lg: {};
-        full: {};
-    };
-    shadow: {
-        none: {
-            wrapper: string;
-            img: string;
-        };
-        sm: {
-            wrapper: string;
-            img: string;
-        };
-        md: {
-            wrapper: string;
-            img: string;
-        };
-        lg: {
-            wrapper: string;
-            img: string;
-        };
-    };
-    isZoomed: {
-        true: {
-            img: string[];
-        };
-    };
-    showSkeleton: {
-        true: {
-            wrapper: string[];
-            img: string;
-        };
-    };
-    disableAnimation: {
-        true: {
-            img: string;
-        };
-        false: {
-            img: string;
-        };
-    };
-}, {
-    wrapper: string;
-    zoomedWrapper: string;
-    img: string;
-    blurredImg: string[];
-}, undefined, {
-    radius: {
-        none: {};
-        sm: {};
-        md: {};
-        lg: {};
-        full: {};
-    };
-    shadow: {
-        none: {
-            wrapper: string;
-            img: string;
-        };
-        sm: {
-            wrapper: string;
-            img: string;
-        };
-        md: {
-            wrapper: string;
-            img: string;
-        };
-        lg: {
-            wrapper: string;
-            img: string;
-        };
-    };
-    isZoomed: {
-        true: {
-            img: string[];
-        };
-    };
-    showSkeleton: {
-        true: {
-            wrapper: string[];
-            img: string;
-        };
-    };
-    disableAnimation: {
-        true: {
-            img: string;
-        };
-        false: {
-            img: string;
-        };
-    };
-}, {
-    wrapper: string;
-    zoomedWrapper: string;
-    img: string;
-    blurredImg: string[];
-}, tailwind_variants.TVReturnType<{
-    radius: {
-        none: {};
-        sm: {};
-        md: {};
-        lg: {};
-        full: {};
-    };
-    shadow: {
-        none: {
-            wrapper: string;
-            img: string;
-        };
-        sm: {
-            wrapper: string;
-            img: string;
-        };
-        md: {
-            wrapper: string;
-            img: string;
-        };
-        lg: {
-            wrapper: string;
-            img: string;
-        };
-    };
-    isZoomed: {
-        true: {
-            img: string[];
-        };
-    };
-    showSkeleton: {
-        true: {
-            wrapper: string[];
-            img: string;
-        };
-    };
-    disableAnimation: {
-        true: {
-            img: string;
-        };
-        false: {
-            img: string;
-        };
-    };
-}, {
-    wrapper: string;
-    zoomedWrapper: string;
-    img: string;
-    blurredImg: string[];
-}, undefined, unknown, unknown, undefined>>;
-type ImageVariantProps = VariantProps<typeof image>;
-type ImageSlots = keyof ReturnType<typeof image>;
-
-export { type ImageSlots, type ImageVariantProps, image };

package/dist/components/image.d.ts

@@ -1,174 +0,0 @@
-import * as tailwind_variants from 'tailwind-variants';
-import { VariantProps } from 'tailwind-variants';
-
-/**
- * Image wrapper **Tailwind Variants** component
- *
- * const {img, wrapper, blurredImg, zoomedWrapper} = image({...})
- *
- * @example
- * <div className={wrapper()}>
- *    <img alt="image" className={img())} src="https://..." />
- *      // wrap the image if you want to zoom it
- *      <div className={zoomedWrapper()}>
- *       <img alt="image" className={img())} src="https://..." />
- *     </div>
- *    // duplicate it for the blur effect
- *    <img alt="image" className={blurredImg())} src="https://..." />
- * </div>
- */
-declare const image: tailwind_variants.TVReturnType<{
-    radius: {
-        none: {};
-        sm: {};
-        md: {};
-        lg: {};
-        full: {};
-    };
-    shadow: {
-        none: {
-            wrapper: string;
-            img: string;
-        };
-        sm: {
-            wrapper: string;
-            img: string;
-        };
-        md: {
-            wrapper: string;
-            img: string;
-        };
-        lg: {
-            wrapper: string;
-            img: string;
-        };
-    };
-    isZoomed: {
-        true: {
-            img: string[];
-        };
-    };
-    showSkeleton: {
-        true: {
-            wrapper: string[];
-            img: string;
-        };
-    };
-    disableAnimation: {
-        true: {
-            img: string;
-        };
-        false: {
-            img: string;
-        };
-    };
-}, {
-    wrapper: string;
-    zoomedWrapper: string;
-    img: string;
-    blurredImg: string[];
-}, undefined, {
-    radius: {
-        none: {};
-        sm: {};
-        md: {};
-        lg: {};
-        full: {};
-    };
-    shadow: {
-        none: {
-            wrapper: string;
-            img: string;
-        };
-        sm: {
-            wrapper: string;
-            img: string;
-        };
-        md: {
-            wrapper: string;
-            img: string;
-        };
-        lg: {
-            wrapper: string;
-            img: string;
-        };
-    };
-    isZoomed: {
-        true: {
-            img: string[];
-        };
-    };
-    showSkeleton: {
-        true: {
-            wrapper: string[];
-            img: string;
-        };
-    };
-    disableAnimation: {
-        true: {
-            img: string;
-        };
-        false: {
-            img: string;
-        };
-    };
-}, {
-    wrapper: string;
-    zoomedWrapper: string;
-    img: string;
-    blurredImg: string[];
-}, tailwind_variants.TVReturnType<{
-    radius: {
-        none: {};
-        sm: {};
-        md: {};
-        lg: {};
-        full: {};
-    };
-    shadow: {
-        none: {
-            wrapper: string;
-            img: string;
-        };
-        sm: {
-            wrapper: string;
-            img: string;
-        };
-        md: {
-            wrapper: string;
-            img: string;
-        };
-        lg: {
-            wrapper: string;
-            img: string;
-        };
-    };
-    isZoomed: {
-        true: {
-            img: string[];
-        };
-    };
-    showSkeleton: {
-        true: {
-            wrapper: string[];
-            img: string;
-        };
-    };
-    disableAnimation: {
-        true: {
-            img: string;
-        };
-        false: {
-            img: string;
-        };
-    };
-}, {
-    wrapper: string;
-    zoomedWrapper: string;
-    img: string;
-    blurredImg: string[];
-}, undefined, unknown, unknown, undefined>>;
-type ImageVariantProps = VariantProps<typeof image>;
-type ImageSlots = keyof ReturnType<typeof image>;
-
-export { type ImageSlots, type ImageVariantProps, image };

package/dist/components/index.d.mts

@@ -1,51 +0,0 @@
-export { AvatarGroupSlots, AvatarGroupVariantProps, AvatarSlots, AvatarVariantProps, avatar, avatarGroup } from './avatar.mjs';
-export { CardReturnType, CardSlots, CardVariantProps, card } from './card.mjs';
-export { LinkVariantProps, link, linkAnchorClasses } from './link.mjs';
-export { UserSlots, user } from './user.mjs';
-export { ButtonGroupVariantProps, ButtonVariantProps, button, buttonGroup } from './button.mjs';
-export { drip } from './drip.mjs';
-export { SpinnerSlots, SpinnerVariantProps, spinner } from './spinner.mjs';
-export { StepperReturnType, StepperSlots, StepperVariantProps, stepper } from './stepper.mjs';
-export { CodeVariantProps, code } from './code.mjs';
-export { PopoverSlots, PopoverVariantProps, popover } from './popover.mjs';
-export { SnippetSlots, SnippetVariantProps, snippet } from './snippet.mjs';
-export { ChipSlots, ChipVariantProps, chip } from './chip.mjs';
-export { BadgeSlots, BadgeVariantProps, badge } from './badge.mjs';
-export { BottomBarReturnType, BottomBarSlots, BottomBarVariantProps, bottomBar } from './bottom-bar.mjs';
-export { CheckboxGroupSlots, CheckboxSlots, CheckboxVariantProps, checkbox, checkboxGroup } from './checkbox.mjs';
-export { RadioGroupSlots, RadioSlots, RadioVariantProps, radio, radioGroup } from './radio.mjs';
-export { PaginationSlots, PaginationVariantProps, pagination } from './pagination.mjs';
-export { ToggleSlots, ToggleVariantProps, toggle } from './toggle.mjs';
-export { AccordionGroupVariantProps, AccordionItemSlots, AccordionItemVariantProps, accordion, accordionItem } from './accordion.mjs';
-export { CircularProgressSlots, CircularProgressVariantProps, ProgressSlots, ProgressVariantProps, circularProgress, progress } from './progress.mjs';
-export { InputOtpReturnType, InputOtpSlots, InputOtpVariantProps, inputOtp } from './input-otp.mjs';
-export { InputSlots, InputVariantProps, input } from './input.mjs';
-export { DropdownItemSlots, DropdownItemVariantProps, DropdownSectionSlots, DropdownSectionVariantProps, dropdown, dropdownItem, dropdownMenu, dropdownSection } from './dropdown.mjs';
-export { DropZoneSlots, DropZoneVariantProps, dropZone } from './drop-zone.mjs';
-export { ImageSlots, ImageVariantProps, image } from './image.mjs';
-export { ModalSlots, ModalVariantProps, modal } from './modal.mjs';
-export { NavbarSlots, NavbarVariantProps, navbar } from './navbar.mjs';
-export { TableReturnType, TableSlots, TableVariantProps, table } from './table.mjs';
-export { SpacerVariantProps, spacer } from './spacer.mjs';
-export { DividerVariantProps, LabeledDividerSlots, divider, labeledDivider } from './divider.mjs';
-export { KbdSlots, KbdVariantProps, kbd } from './kbd.mjs';
-export { TabsReturnType, TabsSlots, TabsVariantProps, tabs } from './tabs.mjs';
-export { SkeletonSlots, SkeletonVariantProps, skeleton } from './skeleton.mjs';
-export { ShimmerTextVariantProps, shimmerText } from './shimmer-text.mjs';
-export { SelectSlots, SelectVariantProps, select } from './select.mjs';
-export { MenuItemSlots as ListboxItemSlots, MenuItemVariantProps as ListboxItemVariantProps, MenuSectionSlots as ListboxSectionSlots, MenuSectionVariantProps as ListboxSectionVariantProps, MenuSlots as ListboxSlots, MenuVariantProps as ListboxVariantProps, MenuItemSlots, MenuItemVariantProps, MenuSectionSlots, MenuSectionVariantProps, MenuSlots, MenuVariantProps, menu as listbox, menuItem as listboxItem, menuSection as listboxSection, menu, menuItem, menuSection } from './menu.mjs';
-export { ScrollShadowVariantProps, scrollShadow } from './scroll-shadow.mjs';
-export { ScrollAreaReturnType, ScrollAreaSlots, ScrollAreaVariantProps, scrollArea } from './scroll-area.mjs';
-export { SliderSlots, SliderVariantProps, slider } from './slider.mjs';
-export { BreadcrumbItemSlots, BreadcrumbItemVariantProps, BreadcrumbsSlots, BreadcrumbsVariantProps, breadcrumbItem, breadcrumbs } from './breadcrumbs.mjs';
-export { AutocompleteSlots, AutocompleteVariantProps, autocomplete } from './autocomplete.mjs';
-export { CalendarReturnType, CalendarSlots, CalendarVariantProps, calendar } from './calendar.mjs';
-export { DateInputReturnType, DateInputSlots, DateInputVariantProps, dateInput } from './date-input.mjs';
-export { DatePickerReturnType, DatePickerSlots, DatePickerVariantProps, DateRangePickerReturnType, DateRangePickerSlots, DateRangePickerVariantProps, datePicker, dateRangePicker } from './date-picker.mjs';
-export { AlertSlots, AlertVariantProps, AlertVariants, alert, alertVariants } from './alert.mjs';
-export { DrawerVariants, drawer } from './drawer.mjs';
-export { FormVariantProps, form } from './form.mjs';
-export { NumberInputSlots, NumberInputVariantProps, numberInput } from './number-input.mjs';
-export { ToastRegionSlots, ToastRegionVariantProps, ToastSlots, ToastVariantProps, toast, toastRegion } from './toast.mjs';
-import 'tailwind-variants';
-import 'tailwind-merge';