@techsio/ui-kit 0.42.0 → 0.44.0

package/dist/molecules/file-upload.js

@@ -0,0 +1,369 @@
+import { jsx } from "react/jsx-runtime";
+import { connect, machine } from "@zag-js/file-upload";
+import { mergeProps, normalizeProps, useMachine } from "@zag-js/react";
+import { createContext, useContext, useEffect, useId, useRef, useState } from "react";
+import { ActionIcon } from "../atoms/action-icon.js";
+import { Button } from "../atoms/button.js";
+import { Icon } from "../atoms/icon.js";
+import { Image } from "../atoms/image.js";
+import { Label } from "../atoms/label.js";
+import { tv } from "../utils.js";
+const fileUploadStyles = tv({
+    slots: {
+        root: "flex w-full flex-col items-start gap-file-upload-root",
+        label: [
+            "font-file-upload-label text-file-upload-label text-file-upload-label-fg",
+            "data-disabled:text-file-upload-label-disabled-fg"
+        ],
+        dropzone: [
+            "flex min-h-file-upload-dropzone-min-height w-full cursor-pointer flex-col items-center justify-center gap-file-upload-dropzone",
+            "file-upload-dropzone-border-dashed file-upload-dropzone-border-width rounded-file-upload-dropzone border-file-upload-dropzone-border bg-file-upload-dropzone-bg p-file-upload-dropzone",
+            "transition-colors hover:bg-file-upload-dropzone-hover-bg motion-reduce:transition-none",
+            "focus-visible:file-upload-focus",
+            "data-dragging:file-upload-dropzone-border-solid data-dragging:border-file-upload-dropzone-dragging-border data-dragging:bg-file-upload-dropzone-dragging-bg",
+            "data-invalid:border-file-upload-dropzone-invalid-border",
+            "data-disabled:cursor-not-allowed data-disabled:border-file-upload-dropzone-disabled-border data-disabled:bg-file-upload-dropzone-disabled-bg",
+            "data-readonly:cursor-default"
+        ],
+        trigger: "",
+        itemGroup: "flex w-full flex-col gap-file-upload-item-group empty:hidden",
+        item: [
+            "flex w-full items-center gap-file-upload-item",
+            "file-upload-item-border-width rounded-file-upload-item border-file-upload-item-border bg-file-upload-item-bg p-file-upload-item text-file-upload-item",
+            "data-[type=rejected]:border-file-upload-item-rejected-border data-[type=rejected]:bg-file-upload-item-rejected-bg",
+            "data-disabled:text-file-upload-item-disabled-fg"
+        ],
+        itemPreview: [
+            "flex size-file-upload-item-preview shrink-0 items-center justify-center overflow-hidden rounded-file-upload-item-preview text-file-upload-item-preview-fg",
+            "data-disabled:text-file-upload-item-disabled-fg"
+        ],
+        itemPreviewImage: "size-full object-cover",
+        itemName: [
+            "min-w-0 flex-1 truncate font-file-upload-item-name text-file-upload-item-name-fg",
+            "data-disabled:text-file-upload-item-disabled-fg"
+        ],
+        itemSizeText: [
+            "text-file-upload-item-size text-file-upload-item-size-fg",
+            "data-disabled:text-file-upload-item-disabled-fg"
+        ],
+        itemDeleteTrigger: "",
+        clearTrigger: ""
+    }
+});
+const FileUploadContext = /*#__PURE__*/ createContext(null);
+function useFileUploadContext() {
+    const context = useContext(FileUploadContext);
+    if (!context) throw new Error("FileUpload components must be used within FileUpload.Root");
+    return context;
+}
+const FileUploadItemGroupContext = /*#__PURE__*/ createContext(null);
+function useFileUploadItemGroupContext() {
+    const context = useContext(FileUploadItemGroupContext);
+    if (!context) throw new Error("FileUpload.Item must be used within FileUpload.ItemGroup");
+    return context;
+}
+const FileUploadItemContext = /*#__PURE__*/ createContext(null);
+function useFileUploadItemContext() {
+    const context = useContext(FileUploadItemContext);
+    if (!context) throw new Error("FileUpload item components must be used within FileUpload.Item");
+    return context;
+}
+function FileUpload({ accept, acceptedFiles, allowDrop, capture, children, className, defaultAcceptedFiles, dir = "ltr", directory, disabled, getRootNode, id, ids, invalid, locale, maxFileSize, maxFiles, minFileSize, name, onFileAccept, onFileChange, onFileReject, preventDocumentDrop, readOnly, ref, required, transformFiles, translations, validate, ...props }) {
+    const generatedId = useId();
+    const service = useMachine(machine, {
+        accept,
+        acceptedFiles,
+        allowDrop,
+        capture,
+        defaultAcceptedFiles,
+        dir,
+        directory,
+        disabled,
+        getRootNode,
+        id: id ?? generatedId,
+        ids,
+        invalid,
+        locale,
+        maxFileSize,
+        maxFiles,
+        minFileSize,
+        name,
+        onFileAccept,
+        onFileChange,
+        onFileReject,
+        preventDocumentDrop,
+        readOnly,
+        required,
+        transformFiles,
+        translations,
+        validate
+    });
+    const api = connect(service, normalizeProps);
+    const styles = fileUploadStyles();
+    const rootProps = mergeProps(props, api.getRootProps());
+    return /*#__PURE__*/ jsx(FileUploadContext.Provider, {
+        value: {
+            api,
+            required,
+            styles
+        },
+        children: /*#__PURE__*/ jsx("div", {
+            className: styles.root({
+                className
+            }),
+            ref: ref,
+            ...rootProps,
+            children: children
+        })
+    });
+}
+FileUpload.Context = function({ children }) {
+    const { api } = useFileUploadContext();
+    return children(api);
+};
+FileUpload.Label = function({ children, className, ref, ...props }) {
+    const { api, required, styles } = useFileUploadContext();
+    const labelProps = mergeProps({
+        ref
+    }, props, api.getLabelProps());
+    return /*#__PURE__*/ jsx(Label, {
+        className: styles.label({
+            className
+        }),
+        required: required,
+        size: "current",
+        ...labelProps,
+        children: children
+    });
+};
+FileUpload.Dropzone = function({ children, className, disableClick, onClick, onKeyDown, ref, ...props }) {
+    const { api, styles } = useFileUploadContext();
+    const { onClick: onMachineClick, onKeyDown: onMachineKeyDown, ...machineDropzoneProps } = api.getDropzoneProps({
+        disableClick
+    });
+    const dropzoneProps = mergeProps(props, machineDropzoneProps, {
+        onClick (event) {
+            onClick?.(event);
+            if (!event.defaultPrevented) onMachineClick?.(event);
+        },
+        onKeyDown (event) {
+            onKeyDown?.(event);
+            if (!event.defaultPrevented) onMachineKeyDown?.(event);
+        }
+    });
+    return /*#__PURE__*/ jsx("div", {
+        className: styles.dropzone({
+            className
+        }),
+        ref: ref,
+        ...dropzoneProps,
+        children: children
+    });
+};
+FileUpload.HiddenInput = function({ ref, ...props }) {
+    const { api } = useFileUploadContext();
+    const inputProps = mergeProps(props, api.getHiddenInputProps());
+    return /*#__PURE__*/ jsx("input", {
+        ref: ref,
+        ...inputProps
+    });
+};
+FileUpload.Trigger = function({ children, className, disabled, icon = "token-icon-file-upload-trigger", onClick, ref, ...props }) {
+    const { api, styles } = useFileUploadContext();
+    const { disabled: machineDisabled, onClick: onMachineClick, ...machineTriggerProps } = api.getTriggerProps();
+    const triggerProps = mergeProps(props, machineTriggerProps);
+    const isDisabled = Boolean(disabled || machineDisabled);
+    return /*#__PURE__*/ jsx(Button, {
+        className: styles.trigger({
+            className
+        }),
+        disabled: isDisabled,
+        icon: icon,
+        onClick: (event)=>{
+            onClick?.(event);
+            if (!event.defaultPrevented) onMachineClick?.(event);
+        },
+        ref: ref,
+        size: "md",
+        theme: "outlined",
+        type: "button",
+        variant: "primary",
+        ...triggerProps,
+        children: children
+    });
+};
+FileUpload.ItemGroup = function({ children, className, ref, type = "accepted", ...props }) {
+    const { api, styles } = useFileUploadContext();
+    const itemGroupProps = mergeProps(props, api.getItemGroupProps({
+        type
+    }));
+    return /*#__PURE__*/ jsx(FileUploadItemGroupContext.Provider, {
+        value: {
+            type
+        },
+        children: /*#__PURE__*/ jsx("ul", {
+            className: styles.itemGroup({
+                className
+            }),
+            ref: ref,
+            ...itemGroupProps,
+            children: children
+        })
+    });
+};
+FileUpload.Item = function({ children, className, file, ref, ...props }) {
+    const { api, styles } = useFileUploadContext();
+    const { type } = useFileUploadItemGroupContext();
+    const itemProps = mergeProps(props, api.getItemProps({
+        file,
+        type
+    }));
+    return /*#__PURE__*/ jsx(FileUploadItemContext.Provider, {
+        value: {
+            file,
+            type
+        },
+        children: /*#__PURE__*/ jsx("li", {
+            className: styles.item({
+                className
+            }),
+            ref: ref,
+            ...itemProps,
+            children: children
+        })
+    });
+};
+FileUpload.ItemPreview = function({ children, className, ref, ...props }) {
+    const { api, styles } = useFileUploadContext();
+    const { file, type } = useFileUploadItemContext();
+    const previewProps = mergeProps(props, api.getItemPreviewProps({
+        file,
+        type
+    }));
+    return /*#__PURE__*/ jsx("div", {
+        className: styles.itemPreview({
+            className
+        }),
+        ref: ref,
+        ...previewProps,
+        children: children ?? /*#__PURE__*/ jsx(Icon, {
+            icon: "token-icon-file-upload-preview",
+            size: "lg"
+        })
+    });
+};
+FileUpload.ItemPreviewImage = function({ className, ref, ...props }) {
+    const { api, styles } = useFileUploadContext();
+    const { file, type } = useFileUploadItemContext();
+    const apiRef = useRef(api);
+    const [url, setUrl] = useState();
+    apiRef.current = api;
+    useEffect(()=>{
+        setUrl(void 0);
+        return apiRef.current.createFileUrl(file, setUrl);
+    }, [
+        file
+    ]);
+    if (!url) return null;
+    const imageProps = mergeProps({
+        ref
+    }, props, api.getItemPreviewImageProps({
+        file,
+        type,
+        url
+    }));
+    const { alt, src, ...imageElementProps } = imageProps;
+    return /*#__PURE__*/ jsx(Image, {
+        alt: alt ?? file.name,
+        className: styles.itemPreviewImage({
+            className
+        }),
+        size: "custom",
+        src: src ?? url,
+        ...imageElementProps
+    });
+};
+FileUpload.ItemName = function({ children, className, ref, ...props }) {
+    const { api, styles } = useFileUploadContext();
+    const { file, type } = useFileUploadItemContext();
+    const nameProps = mergeProps(props, api.getItemNameProps({
+        file,
+        type
+    }));
+    return /*#__PURE__*/ jsx("span", {
+        className: styles.itemName({
+            className
+        }),
+        ref: ref,
+        ...nameProps,
+        children: children ?? file.name
+    });
+};
+FileUpload.ItemSizeText = function({ children, className, ref, ...props }) {
+    const { api, styles } = useFileUploadContext();
+    const { file, type } = useFileUploadItemContext();
+    const sizeTextProps = mergeProps(props, api.getItemSizeTextProps({
+        file,
+        type
+    }));
+    return /*#__PURE__*/ jsx("span", {
+        className: styles.itemSizeText({
+            className
+        }),
+        ref: ref,
+        ...sizeTextProps,
+        children: children ?? api.getFileSize(file)
+    });
+};
+FileUpload.ItemDeleteTrigger = function({ className, disabled, icon = "token-icon-file-upload-delete", onClick, ref, ...props }) {
+    const { api, styles } = useFileUploadContext();
+    const { file, type } = useFileUploadItemContext();
+    const { disabled: machineDisabled, onClick: onMachineClick, ...machineDeleteProps } = api.getItemDeleteTriggerProps({
+        file,
+        type
+    });
+    const deleteProps = mergeProps(props, machineDeleteProps);
+    const isDisabled = Boolean(disabled || machineDisabled);
+    return /*#__PURE__*/ jsx(ActionIcon, {
+        className: styles.itemDeleteTrigger({
+            className
+        }),
+        disabled: isDisabled,
+        icon: icon,
+        onClick: (event)=>{
+            onClick?.(event);
+            if (!event.defaultPrevented) onMachineClick?.(event);
+        },
+        ref: ref,
+        size: "md",
+        tone: "neutral",
+        type: "button",
+        ...deleteProps
+    });
+};
+FileUpload.ClearTrigger = function({ "aria-label": ariaLabel = "Clear files", className, disabled, icon = "token-icon-file-upload-clear", onClick, ref, ...props }) {
+    const { api, styles } = useFileUploadContext();
+    const { disabled: machineDisabled, onClick: onMachineClick, ...machineClearProps } = api.getClearTriggerProps();
+    const clearProps = mergeProps(props, machineClearProps);
+    const isDisabled = Boolean(disabled || machineDisabled);
+    return /*#__PURE__*/ jsx(ActionIcon, {
+        "aria-label": ariaLabel,
+        className: styles.clearTrigger({
+            className
+        }),
+        disabled: isDisabled,
+        icon: icon,
+        onClick: (event)=>{
+            onClick?.(event);
+            if (!event.defaultPrevented) onMachineClick?.(event);
+        },
+        ref: ref,
+        size: "md",
+        tone: "neutral",
+        type: "button",
+        ...clearProps
+    });
+};
+FileUpload.Root = FileUpload;
+FileUpload.displayName = "FileUpload";
+export { FileUpload };

package/dist/src/molecules/cascade-select.d.ts

@@ -0,0 +1,231 @@
+/**
+ * CascadeSelect — @techsio/ui-kit molecule.
+ *
+ * @component CascadeSelect
+ * @componentVersion v1.0.1
+ * @skill cascade-select-usage
+ * @changelog libs/ui/stories/changelog/changelog.stories.tsx
+ *
+ * Versioning is enforced at commit by scripts/check-skill-sync.mjs: @componentVersion must match
+ * the cascade-select-usage skill's component_version and a changelog entry. Bump all three together.
+ */
+import { type Api as ZagCascadeSelectApi, type ItemProps as ZagCascadeSelectItemProps, type Props as ZagCascadeSelectProps } from "@zag-js/cascade-select";
+import { type PropTypes } from "@zag-js/react";
+import { type ComponentPropsWithoutRef, type Dispatch, type ReactNode, type Ref, type SetStateAction } from "react";
+import type { VariantProps } from "tailwind-variants";
+import { type ActionIconProps } from "../atoms/action-icon.js";
+import { type IconProps } from "../atoms/icon.js";
+import { Label } from "../atoms/label.js";
+import { type StatusTextProps } from "../atoms/status-text.js";
+export type CascadeSelectSize = "xs" | "sm" | "md" | "lg";
+export type CascadeSelectValidateStatus = "default" | "error" | "success" | "warning";
+export type CascadeSelectItem = {
+    label: string;
+    value: string;
+    children?: CascadeSelectItem[];
+    disabled?: boolean;
+};
+export declare const cascadeSelectVariants: import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            trigger: string;
+            content: string;
+            valueText: string;
+        };
+        sm: {
+            trigger: string;
+            content: string;
+            valueText: string;
+        };
+        md: {
+            trigger: string;
+            content: string;
+            valueText: string;
+        };
+        lg: {
+            trigger: string;
+            content: string;
+            valueText: string;
+        };
+    };
+}, {
+    root: string;
+    control: string;
+    positioner: string;
+    trigger: string[];
+    clearTrigger: string;
+    content: string[];
+    list: string;
+    item: string[];
+    itemText: string;
+    branchIndicator: string[];
+    itemIndicator: string[];
+    valueText: string[];
+    indicator: string[];
+}, undefined, {
+    size: {
+        xs: {
+            trigger: string;
+            content: string;
+            valueText: string;
+        };
+        sm: {
+            trigger: string;
+            content: string;
+            valueText: string;
+        };
+        md: {
+            trigger: string;
+            content: string;
+            valueText: string;
+        };
+        lg: {
+            trigger: string;
+            content: string;
+            valueText: string;
+        };
+    };
+}, {
+    root: string;
+    control: string;
+    positioner: string;
+    trigger: string[];
+    clearTrigger: string;
+    content: string[];
+    list: string;
+    item: string[];
+    itemText: string;
+    branchIndicator: string[];
+    itemIndicator: string[];
+    valueText: string[];
+    indicator: string[];
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            trigger: string;
+            content: string;
+            valueText: string;
+        };
+        sm: {
+            trigger: string;
+            content: string;
+            valueText: string;
+        };
+        md: {
+            trigger: string;
+            content: string;
+            valueText: string;
+        };
+        lg: {
+            trigger: string;
+            content: string;
+            valueText: string;
+        };
+    };
+}, {
+    root: string;
+    control: string;
+    positioner: string;
+    trigger: string[];
+    clearTrigger: string;
+    content: string[];
+    list: string;
+    item: string[];
+    itemText: string;
+    branchIndicator: string[];
+    itemIndicator: string[];
+    valueText: string[];
+    indicator: string[];
+}, undefined, unknown, unknown, undefined>>;
+type CascadeSelectApi = ZagCascadeSelectApi<PropTypes, CascadeSelectItem>;
+type CascadeSelectContextValue = {
+    api: CascadeSelectApi;
+    formatValue?: (selectedItems: CascadeSelectItem[][]) => string;
+    required: boolean;
+    size: CascadeSelectSize;
+    statusTextIds: string[];
+    setStatusTextIds: Dispatch<SetStateAction<string[]>>;
+    validateStatus: CascadeSelectValidateStatus;
+};
+export declare function useCascadeSelectContext(): CascadeSelectContextValue;
+export type CascadeSelectProps = VariantProps<typeof cascadeSelectVariants> & Omit<ZagCascadeSelectProps<CascadeSelectItem>, "collection" | "id" | "invalid"> & {
+    children: ReactNode;
+    className?: string;
+    id?: string;
+    items: CascadeSelectItem[];
+    ref?: Ref<HTMLDivElement>;
+    validateStatus?: CascadeSelectValidateStatus;
+};
+export declare function CascadeSelect({ children, className, id: providedId, items, ref, required, size, validateStatus, ...machineProps }: CascadeSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CascadeSelect {
+    var Label: ({ children, ...props }: CascadeSelectLabelProps) => import("react/jsx-runtime").JSX.Element;
+    var Control: ({ className, ref, ...props }: CascadeSelectControlProps) => import("react/jsx-runtime").JSX.Element;
+    var Trigger: ({ className, ref, ...props }: CascadeSelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    var ValueText: ({ children, className, placeholder, ref, ...props }: CascadeSelectValueTextProps) => import("react/jsx-runtime").JSX.Element;
+    var Indicator: ({ children, className, iconSize, ref, ...props }: CascadeSelectIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+    var ClearTrigger: ({ "aria-label": ariaLabel, className, ref, ...props }: CascadeSelectClearTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    var Positioner: ({ className, ref, ...props }: CascadeSelectPositionerProps) => import("react/jsx-runtime").JSX.Element;
+    var Content: ({ className, ref, ...props }: CascadeSelectContentProps) => import("react/jsx-runtime").JSX.Element;
+    var List: ({ className, indexPath, item, ref, value, ...props }: CascadeSelectListProps) => import("react/jsx-runtime").JSX.Element;
+    var Item: ({ children, className, indexPath, item, ref, value, ...props }: CascadeSelectItemProps) => import("react/jsx-runtime").JSX.Element;
+    var ItemText: ({ children, className, ref, ...props }: CascadeSelectItemTextProps) => import("react/jsx-runtime").JSX.Element;
+    var BranchIndicator: ({ children, className, iconSize, ref, ...props }: CascadeSelectBranchIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
+    var ItemIndicator: ({ children, className, iconSize, ref, ...props }: CascadeSelectItemIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+    var Node: ({ indexPath, node, value, }: CascadeSelectNodeProps) => import("react/jsx-runtime").JSX.Element;
+    var StatusText: ({ id: providedId, size: sizeProp, status: statusProp, ...props }: CascadeSelectStatusTextProps) => import("react/jsx-runtime").JSX.Element;
+    var displayName: string;
+}
+type CascadeSelectLabelProps = Omit<ComponentPropsWithoutRef<typeof Label>, "disabled" | "required">;
+type CascadeSelectControlProps = ComponentPropsWithoutRef<"div"> & {
+    ref?: Ref<HTMLDivElement>;
+};
+type CascadeSelectTriggerProps = ComponentPropsWithoutRef<"button"> & {
+    ref?: Ref<HTMLButtonElement>;
+};
+type CascadeSelectValueTextProps = Omit<ComponentPropsWithoutRef<"span">, "children"> & {
+    children?: ReactNode | ((selectedItems: CascadeSelectItem[][]) => ReactNode);
+    placeholder?: ReactNode;
+    ref?: Ref<HTMLSpanElement>;
+};
+type CascadeSelectIndicatorProps = ComponentPropsWithoutRef<"span"> & {
+    iconSize?: IconProps["size"];
+    ref?: Ref<HTMLSpanElement>;
+};
+type CascadeSelectClearTriggerProps = Omit<ActionIconProps, "icon" | "size" | "tone"> & {
+    ref?: Ref<HTMLButtonElement>;
+};
+type CascadeSelectPositionerProps = ComponentPropsWithoutRef<"div"> & {
+    ref?: Ref<HTMLDivElement>;
+};
+type CascadeSelectContentProps = ComponentPropsWithoutRef<"div"> & {
+    ref?: Ref<HTMLDivElement>;
+};
+type CascadeSelectNodePartProps = ZagCascadeSelectItemProps<CascadeSelectItem>;
+type CascadeSelectListProps = Omit<ComponentPropsWithoutRef<"ul">, keyof CascadeSelectNodePartProps> & CascadeSelectNodePartProps & {
+    ref?: Ref<HTMLUListElement>;
+};
+type CascadeSelectItemProps = Omit<ComponentPropsWithoutRef<"li">, keyof CascadeSelectNodePartProps> & CascadeSelectNodePartProps & {
+    ref?: Ref<HTMLLIElement>;
+};
+type CascadeSelectItemTextProps = ComponentPropsWithoutRef<"span"> & {
+    ref?: Ref<HTMLSpanElement>;
+};
+type CascadeSelectBranchIndicatorProps = ComponentPropsWithoutRef<"span"> & {
+    iconSize?: IconProps["size"];
+    ref?: Ref<HTMLSpanElement>;
+};
+type CascadeSelectItemIndicatorProps = ComponentPropsWithoutRef<"span"> & {
+    iconSize?: IconProps["size"];
+    ref?: Ref<HTMLSpanElement>;
+};
+type CascadeSelectNodeProps = {
+    indexPath?: number[];
+    node?: CascadeSelectItem;
+    value?: string[];
+};
+type CascadeSelectStatusTextProps = Omit<StatusTextProps, "size" | "status"> & {
+    size?: CascadeSelectSize;
+    status?: CascadeSelectValidateStatus;
+};
+export {};
+//# sourceMappingURL=cascade-select.d.ts.map

package/dist/src/molecules/cascade-select.d.ts.map

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