@zenkigen-inc/component-ui 1.10.0 → 1.10.2

package/dist/avatar/avatar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const isAsciiString: (str: string) => boolean;
 type Props = {
     size?: 'x-small' | 'small' | 'medium' | 'large' | 'x-large';

package/dist/breadcrumb/breadcrumb.d.ts

@@ -1,7 +1,5 @@
 import type { PropsWithChildren } from 'react';
 export declare function Breadcrumb({ children }: PropsWithChildren): import("react").JSX.Element;
 export declare namespace Breadcrumb {
-    var Item: ({ children }: {
-        children?: import("react").ReactNode;
-    }) => import("react").JSX.Element;
+    var Item: ({ children }: PropsWithChildren) => import("react").JSX.Element;
 }

package/dist/checkbox/checked-icon.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CheckedIcon: () => import("react").JSX.Element;

package/dist/checkbox/minus-icon.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const MinusIcon: () => import("react").JSX.Element;

package/dist/evaluation-star/evaluation-star.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     value: number;
     isEditable?: boolean;

package/dist/icon/icon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { IconName } from '@zenkigen-inc/component-icons';
 import { iconColors } from '@zenkigen-inc/component-theme';
 type Size = 'x-small' | 'small' | 'medium' | 'large' | 'x-large';

package/dist/icon-button/icon-button.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { IconName } from '@zenkigen-inc/component-icons';
 type Size = 'small' | 'medium' | 'large';
 type Variant = 'outline' | 'text';

package/dist/index.esm.js

@@ -17,7 +17,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.indexOf(n) >= 0) continue;
+    if (e.includes(n)) continue;
     t[n] = r[n];
   }
   return t;
@@ -154,7 +154,7 @@ function Checkbox(_ref) {
     setIsMouseOver(false);
   }, []);
   var handleChange = useCallback(function (e) {
-    !isDisabled && (onChange == null ? void 0 : onChange(e));
+    return !isDisabled && (onChange == null ? void 0 : onChange(e));
   }, [isDisabled, onChange]);
   var baseInputClasses = clsx$1('peer absolute z-[1] size-5 opacity-0', {
     'cursor-not-allowed': isDisabled,
@@ -31198,7 +31198,7 @@ function DropdownItem(_ref) {
     setIsVisible = _useContext.setIsVisible;
   var handleClickItem = function handleClickItem(event) {
     setIsVisible(false);
-    onClick && onClick(event);
+    onClick == null || onClick(event);
   };
   var itemClasses = clsx$1('typography-label14regular flex h-8 w-full items-center px-3 hover:bg-hover02 active:bg-active02', focusVisible.inset, {
     'bg-uiBackground01 fill-icon01 text-interactive02': color === 'gray',
@@ -32148,7 +32148,7 @@ var Search = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'medium' : _ref$size,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-  var classes = clsx('flex items-center rounded-full border border-uiBorder02 focus-within:border-activeInput', {
+  var classes = clsx('flex items-center rounded-full border border-uiBorder02 bg-uiBackground01 focus-within:border-activeInput', {
     'h-8 px-3': size === 'medium'
   }, {
     'h-10 px-4': size === 'large'
@@ -32369,9 +32369,14 @@ Tab.Item = TabItem;
 
 function TableCell(_ref) {
   var children = _ref.children,
-    className = _ref.className;
+    className = _ref.className,
+    _ref$isHeader = _ref.isHeader,
+    isHeader = _ref$isHeader === void 0 ? false : _ref$isHeader;
+  var classes = clsx$1('border-b border-uiBorder01', {
+    'sticky top-0 z-10 bg-white': isHeader
+  }, className);
   return /*#__PURE__*/jsx("div", {
-    className: clsx$1('border-b border-uiBorder01', className),
+    className: classes,
     children: children
   });
 }
@@ -32558,7 +32563,7 @@ function Toast(_ref) {
     }
   }, [isAnimation, onClickClose]);
   var handleAnimationEnd = function handleAnimationEnd(e) {
-    window.getComputedStyle(e.currentTarget).opacity === '0' && onClickClose();
+    return window.getComputedStyle(e.currentTarget).opacity === '0' && onClickClose();
   };
   var wrapperClasses = clsx$1('pointer-events-auto flex items-start gap-1 bg-white p-4 shadow-floatingShadow', (_clsx = {}, _clsx['animate-toast-in'] = isAnimation && !isRemoving, _clsx['animate-toast-out opacity-0'] = isAnimation && isRemoving, _clsx));
   var iconClasses = clsx$1('flex items-center', {