@deepnoid/ui 1.0.22 → 1.0.23

package/dist/chunk-Q3SNUBIS.mjs

@@ -0,0 +1,114 @@
+"use client";
+import {
+  ripple_default
+} from "./chunk-EAFNOTY3.mjs";
+import {
+  useRipple
+} from "./chunk-SZL743JC.mjs";
+import {
+  Icon_default
+} from "./chunk-C7OETP3D.mjs";
+import {
+  buttonBaseStyle
+} from "./chunk-2WAQRWST.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-UWT2WB6H.mjs";
+import {
+  tv
+} from "./chunk-UP6RPQDX.mjs";
+
+// src/components/button/image-button.tsx
+import { forwardRef, useMemo, useCallback } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ImageButton = forwardRef((props, ref) => {
+  const [localProps, variantProps] = mapPropsVariants(props, imageButtonStyle.variantKeys);
+  const { classNames, src, alt, disableRipple, disabled, isLoading, size, isInGroup, onMouseDown, ...buttonProps } = {
+    ...localProps,
+    ...variantProps
+  };
+  const slots = useMemo(() => imageButtonStyle({ ...variantProps }), [variantProps]);
+  const { onPress, onClear, ripples } = useRipple();
+  const handleRipple = useCallback(
+    (e) => {
+      if (!disableRipple && !disabled) {
+        onPress(e);
+      }
+    },
+    [disableRipple, disabled, onPress]
+  );
+  const handleMouseDown = useCallback(
+    (e) => {
+      onMouseDown == null ? void 0 : onMouseDown(e);
+      handleRipple(e);
+    },
+    [onMouseDown, handleRipple]
+  );
+  const rippleProps = useMemo(() => ({ ripples, onClear }), [ripples, onClear]);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ...buttonProps,
+      className: slots.base({ class: classNames == null ? void 0 : classNames.base }),
+      "data-loading": isLoading,
+      disabled: disabled || isLoading,
+      onMouseDown: handleMouseDown,
+      ref,
+      style: { padding: 0, ...buttonProps.style },
+      children: isLoading ? /* @__PURE__ */ jsx(Icon_default, { className: "animate-spin", name: "loading", size }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("img", { src, alt, className: slots.image({ class: classNames == null ? void 0 : classNames.image }) }),
+        !disableRipple && /* @__PURE__ */ jsx(ripple_default, { ...rippleProps })
+      ] })
+    }
+  );
+});
+ImageButton.displayName = "ImageButton";
+var image_button_default = ImageButton;
+var imageButtonStyle = tv({
+  extend: buttonBaseStyle,
+  slots: {
+    base: [],
+    image: ["object-cover", "object-center"]
+  },
+  variants: {
+    size: {
+      sm: {
+        base: ["w-[24px]", "h-[24px]", "rounded-sm"],
+        image: ["w-[12px]", "h-[12px]"]
+      },
+      md: {
+        base: ["w-[32px]", "h-[32px]", "rounded-md"],
+        image: ["w-[14px]", "h-[14px]"]
+      },
+      lg: {
+        base: ["w-[40px]", "h-[40px]", "rounded-lg"],
+        image: ["w-[16px]", "h-[16px]"]
+      },
+      xl: {
+        base: ["w-[50px]", "h-[50px]", "rounded-xl"],
+        image: ["w-[18px]", "h-[18px]"]
+      }
+    },
+    full: {
+      true: {
+        base: ["w-full", "h-full"]
+      }
+    },
+    isLoading: {
+      true: {}
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "solid",
+    color: "primary",
+    full: false,
+    disabled: false,
+    isLoading: false,
+    isInGroup: false
+  }
+});
+
+export {
+  image_button_default
+};

package/dist/components/breadcrumb/breadcrumb.mjs

@@ -2,11 +2,12 @@
 import {
   breadcrumb_default
 } from "../../chunk-3Z2WSTCH.mjs";
-import "../../chunk-MY5U63QO.mjs";
+import "../../chunk-WG2WVMAR.mjs";
+import "../../chunk-APZCX3PY.mjs";
+import "../../chunk-Q3SNUBIS.mjs";
 import "../../chunk-MS65QLWR.mjs";
 import "../../chunk-6J6AXUUE.mjs";
 import "../../chunk-4FUD3BZV.mjs";
-import "../../chunk-APZCX3PY.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-EAFNOTY3.mjs";
 import "../../chunk-SZL743JC.mjs";

package/dist/components/breadcrumb/index.mjs

@@ -3,11 +3,12 @@ import "../../chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default
 } from "../../chunk-3Z2WSTCH.mjs";
-import "../../chunk-MY5U63QO.mjs";
+import "../../chunk-WG2WVMAR.mjs";
+import "../../chunk-APZCX3PY.mjs";
+import "../../chunk-Q3SNUBIS.mjs";
 import "../../chunk-MS65QLWR.mjs";
 import "../../chunk-6J6AXUUE.mjs";
 import "../../chunk-4FUD3BZV.mjs";
-import "../../chunk-APZCX3PY.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-EAFNOTY3.mjs";
 import "../../chunk-SZL743JC.mjs";

package/dist/components/button/image-button.d.mts

@@ -0,0 +1,194 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as react from 'react';
+import { ButtonHTMLAttributes } from 'react';
+import { SlotsToClasses } from '../../utils/types.mjs';
+
+interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
+    src: string;
+    alt: string;
+    disableRipple?: boolean;
+    classNames?: SlotsToClasses<ImageButtonSlots>;
+}
+type ImageButtonProps = Props & ImageButtonVariantProps;
+declare const ImageButton: react.ForwardRefExoticComponent<Props & ImageButtonVariantProps & react.RefAttributes<HTMLButtonElement>>;
+
+declare const imageButtonStyle: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            base: string[];
+            image: string[];
+        };
+        md: {
+            base: string[];
+            image: string[];
+        };
+        lg: {
+            base: string[];
+            image: string[];
+        };
+        xl: {
+            base: string[];
+            image: string[];
+        };
+    };
+    full: {
+        true: {
+            base: string[];
+        };
+    };
+    isLoading: {
+        true: {};
+    };
+}, {
+    base: never[];
+    image: string[];
+}, undefined, {
+    variant: {
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+}, undefined, {
+    variant: {
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+}, undefined, unknown, unknown, undefined>>>;
+type ImageButtonVariantProps = VariantProps<typeof imageButtonStyle>;
+type ImageButtonSlots = keyof ReturnType<typeof imageButtonStyle>;
+
+export { type ImageButtonProps, type Props, ImageButton as default };

package/dist/components/button/image-button.d.ts

@@ -0,0 +1,194 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as react from 'react';
+import { ButtonHTMLAttributes } from 'react';
+import { SlotsToClasses } from '../../utils/types.js';
+
+interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
+    src: string;
+    alt: string;
+    disableRipple?: boolean;
+    classNames?: SlotsToClasses<ImageButtonSlots>;
+}
+type ImageButtonProps = Props & ImageButtonVariantProps;
+declare const ImageButton: react.ForwardRefExoticComponent<Props & ImageButtonVariantProps & react.RefAttributes<HTMLButtonElement>>;
+
+declare const imageButtonStyle: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            base: string[];
+            image: string[];
+        };
+        md: {
+            base: string[];
+            image: string[];
+        };
+        lg: {
+            base: string[];
+            image: string[];
+        };
+        xl: {
+            base: string[];
+            image: string[];
+        };
+    };
+    full: {
+        true: {
+            base: string[];
+        };
+    };
+    isLoading: {
+        true: {};
+    };
+}, {
+    base: never[];
+    image: string[];
+}, undefined, {
+    variant: {
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+}, undefined, {
+    variant: {
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+}, undefined, unknown, unknown, undefined>>>;
+type ImageButtonVariantProps = VariantProps<typeof imageButtonStyle>;
+type ImageButtonSlots = keyof ReturnType<typeof imageButtonStyle>;
+
+export { type ImageButtonProps, type Props, ImageButton as default };