@deepnoid/ui 1.0.21 → 1.0.23

package/dist/components/button/index.mjs

@@ -1,30 +1,34 @@
 "use client";
-import "../../chunk-MY5U63QO.mjs";
+import "../../chunk-WG2WVMAR.mjs";
 import {
   icon_button_default
-} from "../../chunk-IOJMTN6X.mjs";
+} from "../../chunk-APZCX3PY.mjs";
+import {
+  image_button_default
+} from "../../chunk-Q3SNUBIS.mjs";
 import {
   text_button_default
-} from "../../chunk-KIINY2GS.mjs";
+} from "../../chunk-MS65QLWR.mjs";
 import {
   button_group_default
-} from "../../chunk-LHWHM4LQ.mjs";
+} from "../../chunk-6J6AXUUE.mjs";
 import {
   button_default
-} from "../../chunk-O5VW7CHY.mjs";
+} from "../../chunk-4FUD3BZV.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-EAFNOTY3.mjs";
 import "../../chunk-SZL743JC.mjs";
-import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-A6UUVHC6.mjs";
+import "../../chunk-M5PMA3CT.mjs";
+import "../../chunk-C7OETP3D.mjs";
 import "../../chunk-2WAQRWST.mjs";
-import "../../chunk-AOU4QX7H.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-QOOYAQJ5.mjs";
+import "../../chunk-KJFYLLMP.mjs";
+import "../../chunk-UWT2WB6H.mjs";
 import "../../chunk-UP6RPQDX.mjs";
 export {
   button_default as Button,
   button_group_default as ButtonGroup,
   icon_button_default as IconButton,
+  image_button_default as ImageButton,
   text_button_default as TextButton
 };

package/dist/components/button/text-button.js

@@ -67,6 +67,64 @@ var tv = (0, import_tailwind_variants.createTV)({
   }
 });
 
+// src/utils/props.ts
+var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
+  if (!variantKeys) {
+    return [props, {}];
+  }
+  const picked = variantKeys.reduce((acc, key) => {
+    if (key in props) {
+      return { ...acc, [key]: props[key] };
+    }
+    return acc;
+  }, {});
+  if (removeVariantProps) {
+    const omitted = Object.keys(props).filter((key) => !variantKeys.includes(key)).reduce((acc, key) => ({ ...acc, [key]: props[key] }), {});
+    return [omitted, picked];
+  }
+  return [props, picked];
+};
+
+// src/utils/clsx.ts
+function clsx(...args) {
+  let i = 0, tmp, x, str = "";
+  while (i < args.length) {
+    if (tmp = args[i++]) {
+      if (x = toVal(tmp)) {
+        str && (str += " ");
+        str += x;
+      }
+    }
+  }
+  return str;
+}
+function toVal(mix) {
+  let k, y, str = "";
+  if (typeof mix === "string" || typeof mix === "number") {
+    str += mix;
+  } else if (typeof mix === "object") {
+    if (Array.isArray(mix)) {
+      const len = mix.length;
+      for (k = 0; k < len; k++) {
+        if (mix[k]) {
+          if (y = toVal(mix[k])) {
+            str && (str += " ");
+            str += y;
+          }
+        }
+      }
+    } else {
+      for (y in mix) {
+        if (mix[y]) {
+          str && (str += " ");
+          str += y;
+        }
+      }
+    }
+  }
+  return str;
+}
+
 // src/components/button/button.style.ts
 var buttonBaseStyle = tv({
   slots: {
@@ -458,66 +516,6 @@ var buttonBaseStyle = tv({
   ]
 });
 
-// src/utils/props.ts
-var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
-  if (!variantKeys) {
-    return [props, {}];
-  }
-  const picked = variantKeys.reduce((acc, key) => {
-    if (key in props) {
-      return { ...acc, [key]: props[key] };
-    } else {
-      return acc;
-    }
-  }, {});
-  if (removeVariantProps) {
-    const omitted = Object.keys(props).filter((key) => !variantKeys.includes(key)).reduce((acc, key) => ({ ...acc, [key]: props[key] }), {});
-    return [omitted, picked];
-  } else {
-    return [props, picked];
-  }
-};
-
-// src/utils/clsx.ts
-function clsx(...args) {
-  var i = 0, tmp, x, str = "";
-  while (i < args.length) {
-    if (tmp = args[i++]) {
-      if (x = toVal(tmp)) {
-        str && (str += " ");
-        str += x;
-      }
-    }
-  }
-  return str;
-}
-function toVal(mix) {
-  var k, y, str = "";
-  if (typeof mix === "string" || typeof mix === "number") {
-    str += mix;
-  } else if (typeof mix === "object") {
-    if (Array.isArray(mix)) {
-      var len = mix.length;
-      for (k = 0; k < len; k++) {
-        if (mix[k]) {
-          if (y = toVal(mix[k])) {
-            str && (str += " ");
-            str += y;
-          }
-        }
-      }
-    } else {
-      for (y in mix) {
-        if (mix[y]) {
-          str && (str += " ");
-          str += y;
-        }
-      }
-    }
-  }
-  return str;
-}
-
 // src/components/button/text-button.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var TextButton = (0, import_react.forwardRef)((originalProps, ref) => {
@@ -550,16 +548,16 @@ var TextButton = (0, import_react.forwardRef)((originalProps, ref) => {
     "button",
     {
       ...buttonProps,
-      ref,
-      disabled,
       className: clsx(
         slots.base({ class: classNames == null ? void 0 : classNames.base }),
         variant === "underline" && slots.underline({ class: classNames == null ? void 0 : classNames.underline })
       ),
+      disabled,
+      ref,
       children: [
-        startContent && renderContent(startContent),
+        startContent ? renderContent(startContent) : null,
         children,
-        endContent && renderContent(endContent)
+        endContent ? renderContent(endContent) : null
       ]
     }
   );

package/dist/components/button/text-button.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   text_button_default
-} from "../../chunk-KIINY2GS.mjs";
+} from "../../chunk-MS65QLWR.mjs";
 import "../../chunk-2WAQRWST.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-KJFYLLMP.mjs";
+import "../../chunk-UWT2WB6H.mjs";
 import "../../chunk-UP6RPQDX.mjs";
 export {
   text_button_default as default

package/dist/components/charts/areaChart.d.mts

@@ -4,11 +4,11 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
-type AreaData = {
+interface AreaData {
     name: string;
     value: number;
-};
-type Props = {
+}
+interface Props {
     data?: AreaData[];
     label?: string;
     headerContent?: ReactNode;
@@ -16,7 +16,7 @@ type Props = {
     itemWidth?: number;
     chartHeight?: number;
     classNames?: SlotsToClasses<AreaChartSlots>;
-};
+}
 type AreaChartProps = Props & AreaChartVariantProps;
 declare const AreaChartComponent: react.ForwardRefExoticComponent<Props & AreaChartVariantProps & react.RefAttributes<HTMLDivElement>>;
 

package/dist/components/charts/areaChart.d.ts

@@ -4,11 +4,11 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
-type AreaData = {
+interface AreaData {
     name: string;
     value: number;
-};
-type Props = {
+}
+interface Props {
     data?: AreaData[];
     label?: string;
     headerContent?: ReactNode;
@@ -16,7 +16,7 @@ type Props = {
     itemWidth?: number;
     chartHeight?: number;
     classNames?: SlotsToClasses<AreaChartSlots>;
-};
+}
 type AreaChartProps = Props & AreaChartVariantProps;
 declare const AreaChartComponent: react.ForwardRefExoticComponent<Props & AreaChartVariantProps & react.RefAttributes<HTMLDivElement>>;
 

package/dist/components/charts/areaChart.js

@@ -25,6 +25,7 @@ __export(areaChart_exports, {
 });
 module.exports = __toCommonJS(areaChart_exports);
 var import_react = require("react");
+var import_recharts = require("recharts");
 
 // src/utils/tailwind-variants.ts
 var import_tailwind_variants = require("tailwind-variants");
@@ -67,9 +68,6 @@ var tv = (0, import_tailwind_variants.createTV)({
   }
 });
 
-// src/components/charts/areaChart.tsx
-var import_recharts = require("recharts");
-
 // src/utils/props.ts
 var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
   if (!variantKeys) {
@@ -78,16 +76,14 @@ var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
   const picked = variantKeys.reduce((acc, key) => {
     if (key in props) {
       return { ...acc, [key]: props[key] };
-    } else {
-      return acc;
     }
+    return acc;
   }, {});
   if (removeVariantProps) {
     const omitted = Object.keys(props).filter((key) => !variantKeys.includes(key)).reduce((acc, key) => ({ ...acc, [key]: props[key] }), {});
     return [omitted, picked];
-  } else {
-    return [props, picked];
   }
+  return [props, picked];
 };
 
 // src/components/scroll/scrollArea.tsx
@@ -95,7 +91,7 @@ var import_tailwind_variants2 = require("tailwind-variants");
 
 // src/utils/clsx.ts
 function clsx(...args) {
-  var i = 0, tmp, x, str = "";
+  let i = 0, tmp, x, str = "";
   while (i < args.length) {
     if (tmp = args[i++]) {
       if (x = toVal(tmp)) {
@@ -107,12 +103,12 @@ function clsx(...args) {
   return str;
 }
 function toVal(mix) {
-  var k, y, str = "";
+  let k, y, str = "";
   if (typeof mix === "string" || typeof mix === "number") {
     str += mix;
   } else if (typeof mix === "object") {
     if (Array.isArray(mix)) {
-      var len = mix.length;
+      const len = mix.length;
       for (k = 0; k < len; k++) {
         if (mix[k]) {
           if (y = toVal(mix[k])) {
@@ -135,9 +131,9 @@ function toVal(mix) {
 
 // src/components/scroll/scrollArea.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var ScrollArea = ({ children, className, direction, size, variant }) => {
+function ScrollArea({ children, className, direction, size, variant }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: clsx(scrollAreaStyle({ direction, size, variant }), className), children });
-};
+}
 ScrollArea.displayName = "ScrollArea";
 var scrollArea_default = ScrollArea;
 var scrollAreaStyle = (0, import_tailwind_variants2.tv)({
@@ -200,7 +196,7 @@ var AreaChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
   }, [data, startFromZero]);
   const [tickPositions, setTickPositions] = (0, import_react.useState)([]);
   const tickRef = (0, import_react.useRef)([]);
-  const CustomTick = ({ x, y, payload }) => {
+  function CustomTick({ x, y, payload }) {
     if (x !== void 0) {
       tickRef.current.push(x);
     }
@@ -210,17 +206,17 @@ var AreaChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "text",
       {
-        x,
-        y: y + 11,
-        textAnchor: "middle",
+        className: "text-body-foreground",
+        fill: "currentColor",
         fontSize: 12,
         fontWeight: 700,
-        fill: "currentColor",
-        className: "text-body-foreground",
+        textAnchor: "middle",
+        x,
+        y: y + 11,
         children: payload.value
       }
     );
-  };
+  }
   (0, import_react.useEffect)(() => {
     const raf = requestAnimationFrame(() => {
       const unique = [...new Set(tickRef.current)].sort((a, b) => a - b);
@@ -231,19 +227,21 @@ var AreaChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
       setTickPositions(mids);
       tickRef.current = [];
     });
-    return () => cancelAnimationFrame(raf);
+    return () => {
+      cancelAnimationFrame(raf);
+    };
   }, [processedData]);
-  const CustomDotWithShadow = (props2) => {
+  function CustomDotWithShadow(props2) {
     const { cx, cy, fill, stroke, payload } = props2;
     if (cx === void 0 || cy === void 0) return null;
     if (startFromZero && (payload == null ? void 0 : payload.name) === "") {
       return null;
     }
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx, cy, r: 8, fill, opacity: 0.2 }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx, cy, r: 3.5, fill, stroke, strokeWidth: 2 })
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx, cy, fill, opacity: 0.2, r: 8 }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx, cy, fill, r: 3.5, stroke, strokeWidth: 2 })
     ] });
-  };
+  }
   const chartContent = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "div",
     {
@@ -254,33 +252,33 @@ var AreaChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
       children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
         import_recharts.AreaChart,
         {
-          width: totalChartWidth || 400,
-          height: chartHeight + 30,
+          className: "bg-body-background [&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
           data: processedData,
+          height: chartHeight + 30,
           margin: { left: -30 },
-          className: "bg-body-background [&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
+          width: totalChartWidth || 400,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("linearGradient", { id: `colorGradient-${uniqueId}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("linearGradient", { id: `colorGradient-${uniqueId}`, x1: "0", x2: "0", y1: "0", y2: "1", children: [
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("stop", { offset: "5%", stopColor: colorHex, stopOpacity: 0.3 }),
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("stop", { offset: "95%", stopColor: colorHex, stopOpacity: 0 })
             ] }) }),
             /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               import_recharts.CartesianGrid,
               {
-                vertical: true,
+                className: "stroke-neutral-light",
                 horizontal: false,
                 strokeDasharray: "4 4",
-                className: "stroke-neutral-light",
+                vertical: true,
                 verticalPoints: tickPositions
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               import_recharts.XAxis,
               {
-                dataKey: "name",
                 axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
-                tickLine: false,
+                dataKey: "name",
                 tick: CustomTick,
+                tickLine: false,
                 padding: { left: 35.5, right: 35.5 }
               }
             ),
@@ -288,7 +286,7 @@ var AreaChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
               import_recharts.YAxis,
               {
                 axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
-                tickLine: false,
+                domain: [-6, 110],
                 tick: {
                   fontSize: 12,
                   fontWeight: 700,
@@ -296,20 +294,20 @@ var AreaChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
                   textAnchor: "middle",
                   dx: -10
                 },
-                ticks: [0, 20, 40, 60, 80, 100],
-                domain: [-6, 110]
+                tickLine: false,
+                ticks: [0, 20, 40, 60, 80, 100]
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               import_recharts.Area,
               {
-                type: "monotone",
+                activeDot: false,
                 dataKey: "value",
+                dot: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CustomDotWithShadow, { fill: colorHex, stroke: colorHex }),
+                fill: `url(#colorGradient-${uniqueId})`,
                 stroke: colorHex,
                 strokeWidth: 2,
-                fill: `url(#colorGradient-${uniqueId})`,
-                dot: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CustomDotWithShadow, { stroke: colorHex, fill: colorHex }),
-                activeDot: false
+                type: "monotone"
               }
             )
           ]
@@ -317,8 +315,8 @@ var AreaChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
       )
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), ref, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }) : null,
     headerContent,
     needsScroll ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(scrollArea_default, { direction: "x", size: "sm", children: chartContent }) : chartContent
   ] });

package/dist/components/charts/areaChart.mjs

@@ -1,11 +1,11 @@
 "use client";
 import {
   areaChart_default
-} from "../../chunk-O2KC4CDE.mjs";
+} from "../../chunk-MLMG22I4.mjs";
 import "../../chunk-DQRAFUDA.mjs";
-import "../../chunk-XS32UZI3.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-YYWOSKGH.mjs";
+import "../../chunk-KJFYLLMP.mjs";
+import "../../chunk-UWT2WB6H.mjs";
 import "../../chunk-UP6RPQDX.mjs";
 export {
   areaChart_default as default

package/dist/components/charts/barChart.d.mts

@@ -5,18 +5,18 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
-type BarData = {
+interface BarData {
     title: string;
     blue: number;
     green: number;
     pink: number;
-};
-type TooltipFormatterParams = {
+}
+interface TooltipFormatterParams {
     dataKey: string;
     value: number;
     label: string;
-};
-type Props = {
+}
+interface Props {
     data?: BarData[];
     label?: string;
     classNames?: SlotsToClasses<barChartSlots>;
@@ -25,7 +25,7 @@ type Props = {
     yAxisDomain?: [number, number];
     barGap?: number;
     tooltipFormatter?: (params: TooltipFormatterParams) => ReactNode;
-};
+}
 type barChartProps = Props & barChartVariantProps;
 declare const BarChartComponent: react.ForwardRefExoticComponent<Props & barChartVariantProps & react.RefAttributes<HTMLDivElement>>;
 
@@ -41,10 +41,10 @@ declare const barChartStyle: tailwind_variants.TVReturnType<{}, {
 }, undefined, unknown, unknown, undefined>>;
 type barChartVariantProps = VariantProps<typeof barChartStyle>;
 type barChartSlots = keyof ReturnType<typeof barChartStyle>;
-type BarChartTooltipProps = {
+interface BarChartTooltipProps {
     className?: string;
     children: ReactNode;
-};
+}
 declare function BarChartTooltip({ className, children }: BarChartTooltipProps): react_jsx_runtime.JSX.Element;
 
 export { BarChartTooltip, type barChartProps, BarChartComponent as default };

package/dist/components/charts/barChart.d.ts

@@ -5,18 +5,18 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
-type BarData = {
+interface BarData {
     title: string;
     blue: number;
     green: number;
     pink: number;
-};
-type TooltipFormatterParams = {
+}
+interface TooltipFormatterParams {
     dataKey: string;
     value: number;
     label: string;
-};
-type Props = {
+}
+interface Props {
     data?: BarData[];
     label?: string;
     classNames?: SlotsToClasses<barChartSlots>;
@@ -25,7 +25,7 @@ type Props = {
     yAxisDomain?: [number, number];
     barGap?: number;
     tooltipFormatter?: (params: TooltipFormatterParams) => ReactNode;
-};
+}
 type barChartProps = Props & barChartVariantProps;
 declare const BarChartComponent: react.ForwardRefExoticComponent<Props & barChartVariantProps & react.RefAttributes<HTMLDivElement>>;
 
@@ -41,10 +41,10 @@ declare const barChartStyle: tailwind_variants.TVReturnType<{}, {
 }, undefined, unknown, unknown, undefined>>;
 type barChartVariantProps = VariantProps<typeof barChartStyle>;
 type barChartSlots = keyof ReturnType<typeof barChartStyle>;
-type BarChartTooltipProps = {
+interface BarChartTooltipProps {
     className?: string;
     children: ReactNode;
-};
+}
 declare function BarChartTooltip({ className, children }: BarChartTooltipProps): react_jsx_runtime.JSX.Element;
 
 export { BarChartTooltip, type barChartProps, BarChartComponent as default };