npm - untitledui - Versions diffs - 0.1.2 → 0.1.3 - Mend

untitledui 0.1.2 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (56) hide show

package/dist/res/components.json DELETED Viewed

@@ -1,520 +0,0 @@
-{
-    "shared": [
-        {
-            "name": "avatar-label-group",
-            "dependencies": [
-                "react",
-                "@a-peak-works/untitledui-icons",
-                "tailwind-merge",
-                "react-aria",
-                "react-aria-components"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/utils/index.ts",
-                "components/shared/avatar/avatar.tsx",
-                "components/shared/avatar/base-components/index.ts",
-                "components/shared/avatar/base-components/avatar-add-button.tsx",
-                "components/shared/avatar/base-components/avatar-company-icon.tsx",
-                "components/shared/avatar/base-components/avatar-online-indicator.tsx",
-                "components/shared/avatar/base-components/verified-tick.tsx",
-                "components/shared/tooltips/tooltips.tsx",
-                "components/shared/avatar/avatar-label-group.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "avatar-profile-photo",
-            "dependencies": [
-                "react",
-                "@a-peak-works/untitledui-icons",
-                "tailwind-merge",
-                "react-aria",
-                "react-aria-components"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/utils/index.ts",
-                "components/shared/avatar/avatar.tsx",
-                "components/shared/avatar/base-components/index.ts",
-                "components/shared/avatar/base-components/avatar-add-button.tsx",
-                "components/shared/avatar/base-components/avatar-company-icon.tsx",
-                "components/shared/avatar/base-components/avatar-online-indicator.tsx",
-                "components/shared/avatar/base-components/verified-tick.tsx",
-                "components/shared/tooltips/tooltips.tsx",
-                "components/shared/avatar/avatar-profile-photo.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "avatar",
-            "dependencies": [
-                "tailwind-merge",
-                "@a-peak-works/untitledui-icons",
-                "react",
-                "react-aria",
-                "react-aria-components"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/utils/index.ts",
-                "components/shared/avatar/base-components/index.ts",
-                "components/shared/avatar/base-components/avatar-add-button.tsx",
-                "components/shared/avatar/base-components/avatar-company-icon.tsx",
-                "components/shared/avatar/base-components/avatar-online-indicator.tsx",
-                "components/shared/avatar/base-components/verified-tick.tsx",
-                "components/shared/tooltips/tooltips.tsx",
-                "components/shared/avatar/avatar.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "badge-groups",
-            "dependencies": [
-                "react",
-                "tailwind-merge",
-                "@a-peak-works/untitledui-icons"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/utils/index.ts",
-                "components/utils/isReactComponent.ts",
-                "components/shared/badges/badge-groups.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "badges",
-            "dependencies": [
-                "react",
-                "tailwind-merge",
-                "@a-peak-works/untitledui-icons"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/foundations/dot-icon.tsx",
-                "components/utils/index.ts",
-                "components/shared/badges/badge-types.ts",
-                "components/shared/badges/badges.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "button-group",
-            "dependencies": [
-                "react",
-                "tailwind-merge",
-                "react-aria-components"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/utils/index.ts",
-                "components/utils/isReactComponent.ts",
-                "components/shared/button-group/button-group.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "button-utility",
-            "dependencies": [
-                "react",
-                "react-aria",
-                "react-aria-components",
-                "tailwind-merge"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/utils/index.ts",
-                "components/utils/isReactComponent.ts",
-                "components/shared/tooltips/tooltips.tsx",
-                "components/shared/buttons/button-utility.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "social-button",
-            "dependencies": [
-                "react",
-                "tailwind-merge",
-                "react-aria-components"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/utils/index.ts",
-                "components/shared/buttons/social-logos.tsx",
-                "components/shared/buttons/social-button.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "close-button",
-            "dependencies": [
-                "tailwind-merge",
-                "react",
-                "@a-peak-works/untitledui-icons"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/utils/index.ts",
-                "components/shared/buttons/close-button.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "social-logos",
-            "dependencies": [
-                "react"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/shared/buttons/social-logos.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "app-store-buttons",
-            "dependencies": [
-                "tailwind-merge",
-                "react"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/utils/index.ts",
-                "components/shared/buttons/app-store-buttons.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "button",
-            "dependencies": [
-                "react",
-                "tailwind-merge",
-                "next",
-                "react-aria-components"
-            ],
-            "files": [
-                "components/utils/index.ts",
-                "components/utils/isReactComponent.ts",
-                "components/shared/buttons/button.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "app-store-buttons-outline",
-            "dependencies": [
-                "tailwind-merge",
-                "react"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/utils/index.ts",
-                "components/shared/buttons/app-store-buttons-outline.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "checkbox",
-            "dependencies": [
-                "tailwind-merge",
-                "react",
-                "react-aria-components"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/utils/index.ts",
-                "components/shared/checkbox/checkbox.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "dropdown",
-            "dependencies": [
-                "tailwind-merge",
-                "react",
-                "@a-peak-works/untitledui-icons",
-                "react-aria-components"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/utils/index.ts",
-                "components/shared/dropdown/dropdown.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "select",
-            "dependencies": [
-                "react",
-                "react-aria-components",
-                "@a-peak-works/untitledui-icons",
-                "react-aria",
-                "tailwind-merge"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/shared/inputs/hint-text.tsx",
-                "components/shared/inputs/label.tsx",
-                "components/utils/index.ts",
-                "components/shared/tooltips/tooltips.tsx",
-                "components/shared/input-dropdown/select.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "input-dropdown",
-            "dependencies": [
-                "react",
-                "@a-peak-works/untitledui-icons",
-                "react-aria-components",
-                "react-hotkeys-hook",
-                "tailwind-merge",
-                "react-aria"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/foundations/dot-icon.tsx",
-                "components/utils/index.ts",
-                "components/shared/avatar/avatar.tsx",
-                "components/shared/badges/badge-types.ts",
-                "components/shared/inputs/hint-text.tsx",
-                "components/shared/inputs/label.tsx",
-                "components/shared/input-dropdown/combobox.tsx",
-                "components/shared/input-dropdown/dropdown-item.tsx",
-                "components/shared/input-dropdown/popover.tsx",
-                "components/shared/avatar/base-components/index.ts",
-                "components/shared/tooltips/tooltips.tsx",
-                "hooks/use-resize-observer.tsx",
-                "components/shared/input-dropdown/input-dropdown.tsx",
-                "components/shared/input-dropdown/multi-select.tsx",
-                "components/shared/avatar/base-components/avatar-add-button.tsx",
-                "components/shared/avatar/base-components/avatar-company-icon.tsx",
-                "components/shared/avatar/base-components/avatar-online-indicator.tsx",
-                "components/shared/avatar/base-components/verified-tick.tsx",
-                "components/shared/tags/base-components/tag-close-x.tsx",
-                "components/shared/input-dropdown/input-dropdown.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "multi-select",
-            "dependencies": [
-                "react",
-                "@a-peak-works/untitledui-icons",
-                "react-aria-components",
-                "tailwind-merge",
-                "react-aria",
-                "react-hotkeys-hook"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/utils/index.ts",
-                "hooks/use-resize-observer.tsx",
-                "components/shared/avatar/avatar.tsx",
-                "components/shared/badges/badge-types.ts",
-                "components/shared/inputs/hint-text.tsx",
-                "components/shared/inputs/label.tsx",
-                "components/shared/tags/base-components/tag-close-x.tsx",
-                "components/shared/input-dropdown/dropdown-item.tsx",
-                "components/shared/input-dropdown/input-dropdown.tsx",
-                "components/shared/input-dropdown/popover.tsx",
-                "components/shared/avatar/base-components/index.ts",
-                "components/shared/tooltips/tooltips.tsx",
-                "components/foundations/dot-icon.tsx",
-                "components/shared/input-dropdown/combobox.tsx",
-                "components/shared/avatar/base-components/avatar-add-button.tsx",
-                "components/shared/avatar/base-components/avatar-company-icon.tsx",
-                "components/shared/avatar/base-components/avatar-online-indicator.tsx",
-                "components/shared/avatar/base-components/verified-tick.tsx",
-                "components/shared/input-dropdown/multi-select.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "form",
-            "dependencies": [
-                "react",
-                "react-aria-components",
-                "@a-peak-works/untitledui-icons",
-                "react-aria",
-                "tailwind-merge"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/shared/inputs/hint-text.tsx",
-                "components/shared/inputs/label.tsx",
-                "components/shared/tooltips/tooltips.tsx",
-                "components/shared/inputs/input/index.tsx",
-                "components/utils/index.ts",
-                "components/shared/inputs/form/form.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "react-hook-form",
-            "dependencies": [
-                "react",
-                "react-aria-components",
-                "react-hook-form",
-                "@a-peak-works/untitledui-icons",
-                "react-aria",
-                "tailwind-merge"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/shared/inputs/hint-text.tsx",
-                "components/shared/inputs/label.tsx",
-                "components/shared/tooltips/tooltips.tsx",
-                "components/shared/inputs/input/index.tsx",
-                "components/utils/index.ts",
-                "components/shared/inputs/form/hook-form.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "progress-circles",
-            "dependencies": [
-                "tailwind-merge"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/utils/index.ts",
-                "components/shared/progress-indicators/progress-circles.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "progress-indicators",
-            "dependencies": [
-                "tailwind-merge"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/utils/index.ts",
-                "components/shared/progress-indicators/progress-indicators.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "radio-buttons",
-            "dependencies": [
-                "tailwind-merge",
-                "react",
-                "react-aria-components"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/utils/index.ts",
-                "components/shared/radio-buttons/radio-buttons.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "radio-groups",
-            "dependencies": [
-                "react",
-                "react-aria-components",
-                "@a-peak-works/untitledui-icons",
-                "next",
-                "tailwind-merge",
-                "react-aria"
-            ],
-            "devDependencies": [
-                "@next/mdx"
-            ],
-            "files": [
-                "components/shared/radio-groups/radio-group-icon-simple.tsx",
-                "components/shared/radio-groups/radio-groups.tsx",
-                "components/shared/radio-groups/radio-group-icon-card.tsx",
-                "components/shared/radio-groups/radio-group-avatar.tsx",
-                "components/shared/radio-groups/radio-group-payment-icon.tsx",
-                "components/shared/radio-groups/radio-group-radio-button.tsx",
-                "components/shared/radio-groups/radio-group-checkbox.tsx",
-                "components/foundations/featured-icon/featured-icons.tsx",
-                "components/shared/checkbox/checkbox.tsx",
-                "components/utils/index.ts",
-                "components/shared/badges/badges.tsx",
-                "components/shared/avatar/avatar.tsx",
-                "components/shared/buttons/button.tsx",
-                "components/utils/isReactComponent.ts",
-                "components/foundations/dot-icon.tsx",
-                "components/shared/badges/badge-types.ts",
-                "components/shared/avatar/base-components/index.ts",
-                "components/shared/avatar/base-components/avatar-add-button.tsx",
-                "components/shared/avatar/base-components/avatar-company-icon.tsx",
-                "components/shared/avatar/base-components/avatar-online-indicator.tsx",
-                "components/shared/avatar/base-components/verified-tick.tsx",
-                "components/shared/tooltips/tooltips.tsx",
-                "components/shared/radio-groups/radio-groups.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "slider",
-            "dependencies": [
-                "tailwind-merge",
-                "react-aria-components"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/utils/index.ts",
-                "components/shared/slider/slider.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "tags",
-            "dependencies": [
-                "react",
-                "@a-peak-works/untitledui-icons",
-                "react-aria-components",
-                "tailwind-merge",
-                "react-aria"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/foundations/dot-icon.tsx",
-                "components/utils/index.ts",
-                "components/shared/avatar/avatar.tsx",
-                "components/shared/tags/base-components/tag-checkbox.tsx",
-                "components/shared/tags/base-components/tag-close-x.tsx",
-                "components/shared/avatar/base-components/index.ts",
-                "components/shared/avatar/base-components/avatar-add-button.tsx",
-                "components/shared/avatar/base-components/avatar-company-icon.tsx",
-                "components/shared/avatar/base-components/avatar-online-indicator.tsx",
-                "components/shared/avatar/base-components/verified-tick.tsx",
-                "components/shared/tooltips/tooltips.tsx",
-                "components/shared/tags/tags.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "toggle",
-            "dependencies": [
-                "tailwind-merge",
-                "react",
-                "react-aria-components"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/utils/index.ts",
-                "components/shared/toggle/toggle.tsx"
-            ],
-            "type": "components:shared"
-        },
-        {
-            "name": "tooltips",
-            "dependencies": [
-                "tailwind-merge",
-                "react",
-                "react-aria",
-                "react-aria-components"
-            ],
-            "devDependencies": [],
-            "files": [
-                "components/utils/index.ts",
-                "components/shared/tooltips/tooltips.tsx"
-            ],
-            "type": "components:shared"
-        }
-    ]
-}

package/dist/res/config.json DELETED Viewed

@@ -1,3 +0,0 @@
-{
-    "api_url": "http://localhost:3000/api"
-}

package/templates/default/src/components/shared/input-dropdown/dropdown-item.tsx DELETED Viewed

@@ -1,98 +0,0 @@
-"use client";
-import { useContext } from "react";
-import { Check, User01 } from "@untitledui/icons";
-import type { ListBoxItemProps as AriaListBoxItemProps } from "react-aria-components";
-import { ListBoxItem as AriaListBoxItem, Text } from "react-aria-components";
-import Dot from "@/components/foundations/dot-icon";
-import { cx } from "@/components/utils";
-import Avatar from "../avatar/avatar";
-import type { IconComponentType } from "../badges/badge-types";
-import type { SelectValueType } from "./input-dropdown";
-import { SelectContext } from "./input-dropdown";
-export interface ListBoxItemIconProps {
-    size?: "sm" | "md";
-    isDisabled?: boolean;
-    icon?: IconComponentType;
-}
-const icons = {
-    default: () => <></>,
-    search: () => <></>,
-    tags: ({ isDisabled }: ListBoxItemIconProps) => (
-        <User01 aria-hidden="true" className={cx("size-5 shrink-0 text-fg-quaternary", isDisabled && "text-fg-disabled")} />
-    ),
-    avatarLeading: ({ isDisabled }: ListBoxItemIconProps) => (
-        <User01 aria-hidden="true" className={cx("size-5 shrink-0 text-fg-quaternary", isDisabled && "text-fg-disabled")} />
-    ),
-    iconLeading: ({ icon: Icon = User01, isDisabled }: ListBoxItemIconProps) => (
-        <Icon aria-hidden="true" className={cx("size-5 shrink-0 text-fg-quaternary", isDisabled && "text-fg-disabled")} />
-    ),
-    dotLeading: ({ icon: Icon, isDisabled }: ListBoxItemIconProps) =>
-        Icon ? (
-            <Icon aria-hidden="true" className={cx("shrink-0 text-fg-success-secondary", isDisabled && "text-fg-disabled_subtle")} />
-        ) : (
-            <Dot size="md" className={cx("shrink-0 text-fg-success-secondary", isDisabled && "text-fg-disabled_subtle")} />
-        ),
-};
-interface DropdownItemProps extends AriaListBoxItemProps<SelectValueType> {
-    item: SelectValueType;
-}
-export const DropdownItem = ({ item, className, ...props }: DropdownItemProps) => {
-    const { type, size } = useContext(SelectContext);
-    const listItem = { ...item, icon: item?.icon };
-    const sizes = {
-        sm: "p-2 pr-2.5",
-        md: "p-2.5 pl-2",
-    };
-    const Icon = icons[type];
-    const textValue = listItem?.supportingText ? listItem.label + " " + listItem.supportingText : listItem.label;
-    return (
-        <AriaListBoxItem
-            value={listItem}
-            id={listItem.value}
-            key={listItem.value}
-            textValue={textValue}
-            isDisabled={listItem.isDisabled}
-            {...props}
-            className={(states) => cx("w-full px-1.5 py-px outline-hidden", typeof className === "function" ? className(states) : className)}
-        >
-            {({ isSelected, isFocused, isFocusVisible, isHovered, isDisabled }) => (
-                <div
-                    className={cx(
-                        "flex cursor-pointer items-center gap-2 rounded-md outline-hidden select-none",
-                        (isSelected || isHovered) && "bg-active",
-                        isDisabled && "cursor-not-allowed",
-                        isFocused && "bg-primary_hover",
-                        isFocusVisible && "ring-2 ring-focus-ring ring-inset",
-                        sizes[size],
-                    )}
-                >
-                    {"avatarUrl" in listItem ? <Avatar aria-hidden="true" size="xs" src={listItem.avatarUrl} alt={listItem.label} /> : <Icon {...listItem} />}
-                    <section className="flex w-full min-w-0 flex-1 flex-wrap gap-x-2">
-                        <Text slot="label" className={cx("truncate tt-md-md whitespace-nowrap text-primary", isDisabled && "text-disabled")}>
-                            {listItem.label}
-                        </Text>
-                        {listItem?.supportingText && (
-                            <Text slot="description" className={cx("tt-md whitespace-nowrap text-tertiary", isDisabled && "text-disabled")}>
-                                {listItem.supportingText}
-                            </Text>
-                        )}
-                    </section>
-                    {isSelected && <Check className={cx("ml-auto size-5 text-fg-brand-primary", isDisabled && "text-fg-disabled")} aria-hidden="true" />}
-                </div>
-            )}
-        </AriaListBoxItem>
-    );
-};
-export default DropdownItem;