zaravand-ui 3.1.6 → 4.1.0

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps } from "./Accordion.interface";
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
+export { AccordionItem, AccordionTrigger, AccordionContent };
+export default Accordion;

package/dist/components/Accordion/Accordion.interface.d.ts

@@ -0,0 +1,87 @@
+import type * as React from "react";
+/**
+ * One row inside an item's `content` when `content` is an array — a flat,
+ * minimally-divided list (not a nested Accordion) rendered inside the open
+ * panel, with its own optional per-row edit/delete icons.
+ */
+export interface AccordionContentItem {
+    value: string;
+    label: React.ReactNode;
+    /** Shows an edit icon button for this row. Requires `Accordion`'s `onContentItemEdit`. */
+    isEdit?: boolean;
+    /** Shows a delete icon button for this row. Requires `Accordion`'s `onContentItemDelete`. */
+    isDelete?: boolean;
+}
+export interface AccordionItemSchema {
+    value: string;
+    title: React.ReactNode;
+    /**
+     * Either arbitrary content (the default), or an array of `AccordionContentItem`
+     * rows — rendered as a flat list separated by a minimal divider, not as a
+     * nested Accordion.
+     */
+    content: React.ReactNode | AccordionContentItem[];
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    /** Shows an edit icon button for this item (only in `items` data-driven mode). Requires `Accordion`'s `onEdit`. */
+    isEdit?: boolean;
+    /** Shows a delete icon button for this item (only in `items` data-driven mode). Requires `Accordion`'s `onDelete`. */
+    isDelete?: boolean;
+}
+export type AccordionItemActionInput = {
+    item: AccordionItemSchema;
+    index: number;
+};
+export type AccordionEditItemHandler = (input: AccordionItemActionInput) => void | Promise<void>;
+export type AccordionDeleteItemHandler = (input: AccordionItemActionInput) => void | Promise<void>;
+export type AccordionContentItemActionInput = {
+    item: AccordionItemSchema;
+    itemIndex: number;
+    contentItem: AccordionContentItem;
+    contentIndex: number;
+};
+export type AccordionContentItemEditHandler = (input: AccordionContentItemActionInput) => void | Promise<void>;
+export type AccordionContentItemDeleteHandler = (input: AccordionContentItemActionInput) => void | Promise<void>;
+export interface AccordionProps {
+    type?: "single" | "multiple";
+    value?: string | string[];
+    defaultValue?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+    collapsible?: boolean;
+    dir?: "rtl" | "ltr";
+    /**
+     * Data-driven usage (recommended) — same convention as Select's `options` or
+     * Table's `schema`: pass the items and Accordion renders them, no manual
+     * AccordionItem/AccordionTrigger/AccordionContent composition needed.
+     * When provided, `children` is ignored.
+     */
+    items?: AccordionItemSchema[];
+    /** Called when an item's edit icon (`item.isEdit`) is clicked. Same convention as `Table`'s `onEdit`. */
+    onEdit?: AccordionEditItemHandler;
+    /** Called when an item's delete icon (`item.isDelete`) is clicked. Same convention as `Table`'s `onDelete`. */
+    onDelete?: AccordionDeleteItemHandler;
+    /** Called when a content-list row's edit icon (`AccordionContentItem.isEdit`) is clicked. */
+    onContentItemEdit?: AccordionContentItemEditHandler;
+    /** Called when a content-list row's delete icon (`AccordionContentItem.isDelete`) is clicked. */
+    onContentItemDelete?: AccordionContentItemDeleteHandler;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface AccordionItemProps {
+    value: string;
+    disabled?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface AccordionTriggerProps {
+    icon?: React.ReactNode;
+    /** Extra controls (e.g. edit/delete icon buttons) rendered next to the trigger but outside its clickable button, so clicking them doesn't toggle the item. */
+    actions?: React.ReactNode;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface AccordionContentProps {
+    forceMount?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}

package/dist/components/Accordion/Accordion.variant.d.ts

@@ -0,0 +1,15 @@
+declare const accordionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const accordionItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const accordionTriggerRowVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const accordionTriggerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const accordionTriggerActionsVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const accordionActionButtonVariants: (props?: ({
+    tone?: "edit" | "delete" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const accordionContentActionButtonVariants: (props?: ({
+    tone?: "edit" | "delete" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const accordionContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const accordionContentListVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const accordionContentListRowVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export { accordionVariants, accordionItemVariants, accordionTriggerRowVariants, accordionTriggerVariants, accordionTriggerActionsVariants, accordionActionButtonVariants, accordionContentActionButtonVariants, accordionContentVariants, accordionContentListVariants, accordionContentListRowVariants, };

package/dist/components/Pagination/Pagination.variant.d.ts

@@ -2,7 +2,7 @@ declare const paginationVariants: (props?: import("class-variance-authority/type
 declare const paginationContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const paginationItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const paginationLinkVariants: (props?: ({
-    size?: "default" | "icon" | null | undefined;
+    size?: "icon" | "default" | null | undefined;
     active?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const paginationPreviousVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SwitchProps } from "./Switch.interface";
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+export default Switch;

package/dist/components/Switch/Switch.interface.d.ts

@@ -0,0 +1,18 @@
+import type * as React from "react";
+import type { VariantProps } from "class-variance-authority";
+import type { switchVariants } from "./Switch.variant";
+export interface SwitchProps extends VariantProps<typeof switchVariants> {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    required?: boolean;
+    name?: string;
+    value?: string;
+    form?: string;
+    id?: string;
+    className?: string;
+    "aria-label"?: string;
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onInvalid?: React.FormEventHandler<HTMLButtonElement>;
+}

package/dist/components/Switch/Switch.variant.d.ts

@@ -0,0 +1,7 @@
+declare const switchVariants: (props?: ({
+    size?: "sm" | "default" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const switchThumbVariants: (props?: ({
+    size?: "sm" | "default" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export { switchVariants, switchThumbVariants };

package/dist/components/Table/Table.constants.d.ts

@@ -35,7 +35,7 @@ export declare const infiniteCompletedStatusLabel = "\u0647\u0645\u0647 \u0631\u
 export declare const defaultLoadingRowsCount = 6;
 export declare const maxLoadingRowsCount = 12;
 export declare const sortIconClassName = "zui:size-4";
-export declare const sortToggleButtonClassName = "zui:inline-flex zui:cursor-pointer zui:items-center zui:justify-center zui:rounded zui:border-0 zui:bg-transparent zui:p-0 zui:text-[var(--zui-theme-text-primary)] zui:transition-transform zui:duration-200 zui:ease-out zui:hover:scale-125 zui:focus-visible:outline-none zui:focus-visible:ring-2 zui:focus-visible:ring-[var(--zui-theme-action-secondary)]";
+export declare const sortToggleButtonClassName = "zui:inline-flex zui:cursor-pointer zui:items-center zui:justify-center zui:rounded zui:border-0 zui:bg-transparent zui:p-0 zui:text-[var(--zui-color-surface)] zui:transition-transform zui:duration-200 zui:ease-out zui:hover:scale-125 zui:focus-visible:outline-none zui:focus-visible:ring-2 zui:focus-visible:ring-[var(--zui-theme-action-secondary)]";
 export declare const sortAscendingLabel = "\u0635\u0639\u0648\u062F\u06CC";
 export declare const sortDescendingLabel = "\u0646\u0632\u0648\u0644\u06CC";
 export declare const sortTooltipPrefixLabel = "\u0645\u0631\u062A\u0628\u200C\u0633\u0627\u0632\u06CC \u0628\u0631 \u0627\u0633\u0627\u0633";

package/dist/components/Textarea/Textarea.variant.d.ts

@@ -1,4 +1,4 @@
 declare const textareaVariants: (props?: ({
-    resize?: "none" | "both" | "y" | null | undefined;
+    resize?: "none" | "y" | "both" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export { textareaVariants };

package/dist/components/Toggle/Toggle.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { ToggleProps } from "./Toggle.interface";
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+export default Toggle;

package/dist/components/Toggle/Toggle.interface.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+import type { VariantProps } from "class-variance-authority";
+import type { toggleVariants } from "./Toggle.variant";
+export interface ToggleProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "disabled" | "onClick">, VariantProps<typeof toggleVariants> {
+    pressed?: boolean;
+    defaultPressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+    disabled?: boolean;
+    label?: React.ReactNode;
+    icon?: React.ReactNode;
+    ariaLabel?: string;
+    className?: string;
+}

package/dist/components/Toggle/Toggle.variant.d.ts

@@ -0,0 +1,5 @@
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export { toggleVariants };