@liner-fe/prism 1.13.2 → 1.13.3

package/lib/components/List/index.d.ts

@@ -1,17 +1,18 @@
 import { IconProps } from '../Icon';
-import { ReactNode } from 'react';
-interface ListRootProps {
+import { LiHTMLAttributes, ReactNode } from 'react';
+interface ListRootProps extends LiHTMLAttributes<HTMLUListElement> {
     children?: ReactNode;
     value?: string;
     onChangeValue?: (value: string) => void;
 }
 export interface ItemProps {
     value: string;
+    text: string;
     disabled?: boolean;
     icon?: IconProps;
     onClick?: () => void;
 }
-export declare const List: (({ children, ...props }: ListRootProps) => import("react/jsx-runtime").JSX.Element) & {
-    Item: ({ value, disabled, icon, onClick }: ItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const List: (({ children, className, ...props }: ListRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Item: ({ value, text, disabled, icon, onClick }: ItemProps) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

package/lib/index.mjs

@@ -8086,14 +8086,15 @@ var useCollectionContext = /* @__PURE__ */ __name(() => {
 }, "useCollectionContext");
 
 // src/components/List/index.tsx
+import clsx16 from "clsx";
 import { jsx as jsx159, jsxs as jsxs109 } from "react/jsx-runtime";
-var ListRoot = /* @__PURE__ */ __name(({ children, ...props }) => {
-  return /* @__PURE__ */ jsx159(CollectionProvider, { ...props, children: /* @__PURE__ */ jsx159("ul", { className: style_module_default14.list, children }) });
+var ListRoot = /* @__PURE__ */ __name(({ children, className, ...props }) => {
+  return /* @__PURE__ */ jsx159(CollectionProvider, { ...props, children: /* @__PURE__ */ jsx159("ul", { className: clsx16(style_module_default14.list, className), children }) });
 }, "ListRoot");
-var Item3 = /* @__PURE__ */ __name(({ value, disabled, icon, onClick }) => {
+var Item3 = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => {
   const [isFocused, setIsFocused] = useState5(false);
-  const context = useCollectionContext();
-  const isSelected = context.value === value;
+  const { value: contextValue, onChangeValue } = useCollectionContext();
+  const isSelected = contextValue === value;
   const iconProps = isSelected ? { name: "check-mark", type: "brand-label-primary", thick: true } : icon ? icon : {};
   return /* @__PURE__ */ jsxs109(
     "li",
@@ -8110,10 +8111,10 @@ var Item3 = /* @__PURE__ */ __name(({ value, disabled, icon, onClick }) => {
       onClick: (e) => {
         e.stopPropagation();
         onClick?.();
-        context.onChangeValue?.(value);
+        onChangeValue?.(value);
       },
       children: [
-        /* @__PURE__ */ jsx159(Paragraph, { size: 3, type: "normal", weight: "medium", children: value }),
+        /* @__PURE__ */ jsx159(Paragraph, { size: 3, type: "normal", weight: "medium", children: text }),
         (icon || isSelected) && /* @__PURE__ */ jsx159(Icon, { className: style_module_default14.icon, size: "xs", ...iconProps })
       ]
     }