@anker-in/headless-ui 1.0.26-alpha.1762756639604 → 1.0.26-temp-111002

package/dist/esm/components/alert.d.ts

@@ -6,11 +6,11 @@ declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDi
     /**
      * 状态
      */
-    status?: "error" | "success" | "warning" | "info" | undefined;
+    status?: "success" | "error" | "warning" | "info";
     /**
      * 是否可以关闭
      */
-    closable?: boolean | undefined;
+    closable?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;

package/dist/esm/components/avatar.d.ts

@@ -3,21 +3,21 @@ import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { type VariantProps } from 'class-variance-authority';
 declare const Avatar: React.ForwardRefExoticComponent<{
     /** 定义子组件作为父组件的类型,详细使用方式请参考radix-ui */
-    asChild?: boolean | undefined;
+    asChild?: boolean;
     /** 类名*/
-    className?: string | undefined;
+    className?: string;
     /** 样式*/
-    style?: React.CSSProperties | undefined;
+    style?: React.CSSProperties;
     /** 点击事件*/
-    onClick?: Function | undefined;
+    onClick?: Function;
     /** 文本自适应*/
-    isAdaptation?: boolean | undefined;
+    isAdaptation?: boolean;
     /** 文本自适应最小字体, 开启时生效*/
-    minSize?: number | undefined;
+    minSize?: number;
     /** 文本自适应最大字体, 开启时生效*/
-    maxSize?: number | undefined;
+    maxSize?: number;
     /** 文本自适应的类, 开启时生效*/
-    textClassName?: string | undefined;
+    textClassName?: string;
 } & VariantProps<(props?: ({
     size?: "small" | "medium" | "large" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/esm/components/breadcrumb.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type BreadcrumbItem = {
+    label: string;
+    href?: string;
+};
+type Props = {
+    items: BreadcrumbItem[];
+    maxItems?: number;
+    className?: string;
+};
+export declare const Breadcrumb: React.FC<Props>;
+export default Breadcrumb;

package/dist/esm/components/breadcrumb.js

@@ -0,0 +1,2 @@
+import{jsx as a,jsxs as i}from"react/jsx-runtime";import"react";import b from"./link";const t=({items:l,maxItems:n=5,className:c=""})=>{if(!l||l.length===0)return null;const o=l.length>n;let s=l;if(o){const e=l[0],r=l.slice(-2);s=[e,{ellipsis:!0},...r]}return a("nav",{className:c,"aria-label":"Breadcrumb",children:a("ol",{className:"flex items-center",children:s.map((e,r)=>{if("ellipsis"in e&&e.ellipsis)return a("li",{className:"select-none text-gray-400",children:a("span",{"aria-hidden":!0,children:"\u2026"})},`ellipsis-${r}`);const p=l?.[l?.length-1]?.label===e?.label&&l?.[l?.length-1]?.href===e?.href,m=`${e.label}-${r}`;return i("li",{className:"flex items-center font-bold desktop:text-lg tablet:text-base text-sm",children:[r!==0&&a("span",{className:"mx-1 text-[#6D6D6F]",children:"/"}),p?a("span",{className:"truncate","aria-current":"page",title:e.label,children:e.label}):a(b,{href:e.href,asChild:!e.href,title:e.label,className:"text-[#6D6D6F] truncate no-underline",children:e.label})]},m)})})})};t.displayName="Breadcrumb";var h=t;export{t as Breadcrumb,h as default};
+//# sourceMappingURL=breadcrumb.js.map

package/dist/esm/components/breadcrumb.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/breadcrumb.tsx"],
+  "sourcesContent": ["// Breadcrumb.tsx\nimport React from 'react'\nimport Link from './link'\n\nexport type BreadcrumbItem = {\n  label: string\n  href?: string // \u5982\u679C\u6CA1\u6709 href \u5219\u6E32\u67D3\u4E3A\u4E0D\u53EF\u70B9\u51FB\u7684\u6587\u672C\uFF08\u901A\u5E38\u7528\u4E8E\u6700\u540E\u4E00\u9879\uFF09\n}\n\ntype Props = {\n  items: BreadcrumbItem[]\n  maxItems?: number // \u8D85\u8FC7\u591A\u5C11\u4E2A\u65F6\u542F\u7528\u622A\u65AD\u903B\u8F91\uFF08\u9ED8\u8BA4 5\uFF09\n  className?: string\n}\n\nexport const Breadcrumb: React.FC<Props> = ({ items, maxItems = 5, className = '' }) => {\n  if (!items || items.length === 0) return null\n\n  // \u5982\u679C\u6570\u91CF\u8D85\u51FA maxItems\uFF0C\u5219\u663E\u793A first, '...', last 2\n  const shouldTruncate = items.length > maxItems\n  let visibleItems: (BreadcrumbItem | { ellipsis: true })[] = items\n\n  if (shouldTruncate) {\n    const first = items[0]\n    const lastTwo = items.slice(-2)\n    visibleItems = [first, { ellipsis: true }, ...lastTwo]\n  }\n\n  return (\n    <nav className={className} aria-label=\"Breadcrumb\">\n      <ol className=\"flex items-center\">\n        {visibleItems.map((it: any, idx) => {\n          // \u5904\u7406\u7701\u7565\u9879\n          if ('ellipsis' in it && it.ellipsis) {\n            return (\n              <li key={`ellipsis-${idx}`} className=\"select-none text-gray-400\">\n                <span aria-hidden>\u2026</span>\n              </li>\n            )\n          }\n          const isLast =\n            items?.[items?.length - 1]?.label === it?.label && items?.[items?.length - 1]?.href === it?.href\n          const key = `${it.label}-${idx}`\n\n          return (\n            <li key={key} className=\"flex items-center font-bold desktop:text-lg tablet:text-base text-sm\">\n              {/* \u5206\u9694\u7B26\uFF08\u7B2C\u4E00\u4E2A\u9879\u524D\u9762\u4E0D\u6E32\u67D3\uFF09 */}\n              {idx !== 0 && <span className=\"mx-1 text-[#6D6D6F]\">/</span>}\n\n              {isLast ? (\n                <span className=\"truncate\" aria-current=\"page\" title={it.label}>\n                  {it.label}\n                </span>\n              ) : (\n                <Link\n                  href={it.href}\n                  asChild={!it.href}\n                  title={it.label}\n                  className=\"text-[#6D6D6F] truncate no-underline\"\n                >\n                  {it.label}\n                </Link>\n              )}\n            </li>\n          )\n        })}\n      </ol>\n    </nav>\n  )\n}\n\nBreadcrumb.displayName = 'Breadcrumb'\n\nexport default Breadcrumb\n"],
+  "mappings": "AAoCgB,cAAAA,EASJ,QAAAC,MATI,oBAnChB,MAAkB,QAClB,OAAOC,MAAU,SAaV,MAAMC,EAA8B,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAW,EAAG,UAAAC,EAAY,EAAG,IAAM,CACtF,GAAI,CAACF,GAASA,EAAM,SAAW,EAAG,OAAO,KAGzC,MAAMG,EAAiBH,EAAM,OAASC,EACtC,IAAIG,EAAwDJ,EAE5D,GAAIG,EAAgB,CAClB,MAAME,EAAQL,EAAM,CAAC,EACfM,EAAUN,EAAM,MAAM,EAAE,EAC9BI,EAAe,CAACC,EAAO,CAAE,SAAU,EAAK,EAAG,GAAGC,CAAO,CACvD,CAEA,OACEV,EAAC,OAAI,UAAWM,EAAW,aAAW,aACpC,SAAAN,EAAC,MAAG,UAAU,oBACX,SAAAQ,EAAa,IAAI,CAACG,EAASC,IAAQ,CAElC,GAAI,aAAcD,GAAMA,EAAG,SACzB,OACEX,EAAC,MAA2B,UAAU,4BACpC,SAAAA,EAAC,QAAK,cAAW,GAAC,kBAAC,GADZ,YAAYY,CAAG,EAExB,EAGJ,MAAMC,EACJT,IAAQA,GAAO,OAAS,CAAC,GAAG,QAAUO,GAAI,OAASP,IAAQA,GAAO,OAAS,CAAC,GAAG,OAASO,GAAI,KACxFG,EAAM,GAAGH,EAAG,KAAK,IAAIC,CAAG,GAE9B,OACEX,EAAC,MAAa,UAAU,uEAErB,UAAAW,IAAQ,GAAKZ,EAAC,QAAK,UAAU,sBAAsB,aAAC,EAEpDa,EACCb,EAAC,QAAK,UAAU,WAAW,eAAa,OAAO,MAAOW,EAAG,MACtD,SAAAA,EAAG,MACN,EAEAX,EAACE,EAAA,CACC,KAAMS,EAAG,KACT,QAAS,CAACA,EAAG,KACb,MAAOA,EAAG,MACV,UAAU,uCAET,SAAAA,EAAG,MACN,IAhBKG,CAkBT,CAEJ,CAAC,EACH,EACF,CAEJ,EAEAX,EAAW,YAAc,aAEzB,IAAOY,EAAQZ",
+  "names": ["jsx", "jsxs", "Link", "Breadcrumb", "items", "maxItems", "className", "shouldTruncate", "visibleItems", "first", "lastTwo", "it", "idx", "isLast", "key", "breadcrumb_default"]
+}

package/dist/esm/components/col.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+interface mediaProps {
+    span?: number;
+    pull?: number;
+    push?: number;
+    offset?: number;
+    order?: number;
+}
+interface ColProps {
+    children?: ReactNode;
+    span?: number;
+    className?: string;
+    asChild?: boolean;
+    offset?: number;
+    order?: number;
+    push?: number;
+    pull?: number;
+    flex?: number;
+    allFlex?: number;
+    md?: number | mediaProps;
+    lxl?: number | mediaProps;
+    mdl?: number | mediaProps;
+    xlxxl?: number | mediaProps;
+    minxxl?: number | mediaProps;
+}
+declare const Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<HTMLDivElement>>;
+export { Col };
+export type { ColProps };

package/dist/esm/components/container.d.ts

@@ -11,14 +11,14 @@ type ContainerProps = {
     mode?: Mode;
 } & React.ComponentPropsWithoutRef<'div'>;
 declare const Container: React.ForwardRefExoticComponent<{
-    asChild?: boolean | undefined;
+    asChild?: boolean;
     children?: React.ReactNode;
-    className?: string | undefined;
-    childClassName?: string | undefined;
-    spaceY?: string | undefined;
-    spaceTop?: string | undefined;
-    spaceBottom?: string | undefined;
-    mode?: Mode | undefined;
+    className?: string;
+    childClassName?: string;
+    spaceY?: SpaceY;
+    spaceTop?: SpaceTop;
+    spaceBottom?: SpaceBottom;
+    mode?: Mode;
 } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Container };
 export type { ContainerProps };

package/dist/esm/components/dialog.d.ts

@@ -6,7 +6,7 @@ declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
 declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DialogOverlay: React.ForwardRefExoticComponent<DialogPrimitive.DialogOverlayProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    overlayClassName?: string | undefined;
+    overlayClassName?: string;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/drop-down.d.ts

@@ -7,17 +7,17 @@ declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPor
 declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
 declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean | undefined;
+    inset?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean | undefined;
+    inset?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean | undefined;
+    inset?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuShortcut: {

package/dist/esm/components/dropdown.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

package/dist/esm/components/input-number.d.ts

@@ -41,35 +41,35 @@ type InputNumberProps = {
 } & VariantProps<typeof InputNumberVariants> & ComponentPropsWithout<'div', RemovedProps>;
 declare const InputNumber: React.ForwardRefExoticComponent<{
     /** 定义子组件作为父组件的类型,详细使用方式请参考radix-ui */
-    asChild?: boolean | undefined;
+    asChild?: boolean;
     /** 类名*/
-    className?: string | undefined;
+    className?: string;
     /** 输入框下方提示文本，会根据不同的 status 呈现不同的样式*/
-    tips?: string | undefined;
+    tips?: string;
     /** 文本框状态*/
-    status?: ColorType | undefined;
+    status?: ColorType;
     /** 数字输入框的值 */
-    value?: number | undefined;
+    value?: number;
     /** 数字输入框的初始值 */
-    defaultValue?: number | undefined;
+    defaultValue?: number;
     /** 数值改变步数 */
-    step?: number | undefined;
+    step?: number;
     /** 最小值 */
-    min?: number | undefined;
+    min?: number;
     /** 最大值 */
-    max?: number | undefined;
+    max?: number;
     /** 是否禁用*/
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /** 是否只读*/
-    readonly?: boolean | undefined;
+    readonly?: boolean;
     /** 样式*/
-    style?: React.CSSProperties | undefined;
+    style?: React.CSSProperties;
     /** 值变化时触发*/
-    onChange?: ((value: number) => void) | undefined;
+    onChange?: (value: number) => void;
     /** 失去焦点时触发*/
-    onBlur?: ((value: number, e: FocusEvent) => void) | undefined;
+    onBlur?: (value: number, e: FocusEvent) => void;
     /** 按下回车键时触发*/
-    onEnter?: ((value: number, e: KeyboardEvent) => void) | undefined;
+    onEnter?: (value: number, e: KeyboardEvent) => void;
 } & VariantProps<(props?: ({
     status?: "default" | "error" | "success" | "warning" | null | undefined;
     disabled?: boolean | null | undefined;

package/dist/esm/components/link.d.ts

@@ -24,19 +24,19 @@ type LinkProps = {
 } & VariantProps<typeof linkVariants> & ComponentPropsWithout<'a', RemovedProps>;
 declare const Link: React.ForwardRefExoticComponent<{
     /** 定义子组件作为父组件的类型,详细使用方式请参考radix-ui */
-    asChild?: boolean | undefined;
+    asChild?: boolean;
     /** 类名*/
-    className?: string | undefined;
+    className?: string;
     /** 禁用链接 */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /** 后置图标*/
     suffixIcon?: ReactNode;
     /** 跳转链接*/
-    href?: string | undefined;
+    href?: string;
     /** 样式*/
-    style?: React.CSSProperties | undefined;
+    style?: React.CSSProperties;
     /** 点击事件，禁用状态无法触发*/
-    onClick?: Function | undefined;
+    onClick?: Function;
 } & VariantProps<(props?: ({
     size?: "base" | "lg" | null | undefined;
     variant?: "primary" | "secoundry" | null | undefined;

package/dist/esm/components/row.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+interface RowProps {
+    children?: ReactNode;
+    className?: string;
+    align?: 'start' | 'center' | 'end' | 'stretch' | {
+        [key in 'md' | 'mdl' | 'xlxxl' | 'minxxl']: 'start' | 'center' | 'end' | 'stretch';
+    };
+    asChild?: boolean;
+    gutter?: number | object | Array<object | number>;
+    wrap?: boolean;
+    justify?: 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly' | {
+        [key in 'md' | 'mdl' | 'xlxxl' | 'minxxl']: 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly';
+    };
+}
+declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
+export { Row };
+export type { RowProps };

package/dist/esm/components/tabs.d.ts

@@ -2,8 +2,8 @@ import * as React from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import type { Align, Shape } from '../types/props.js';
 declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    align?: Align | undefined;
-    shape?: Shape | undefined;
+    align?: Align;
+    shape?: Shape;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/cpn-components/CpnNavigation/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Cns = {
     container?: string;
     box?: string;

package/dist/esm/helpers/get-subtree.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+/**
+ * This is a helper function that is used when a component supports `asChild`
+ * using the `Slot` component but its implementation contains nested DOM elements.
+ *
+ * Using it ensures if a consumer uses the `asChild` prop, the elements are in
+ * correct order in the DOM, adopting the intended consumer `children`.
+ */
+export declare function getSubtree(options: {
+    asChild: boolean | undefined;
+    children: React.ReactNode;
+}, content: React.ReactNode | ((children: React.ReactNode) => React.ReactNode)): React.ReactNode;

package/dist/esm/hooks/useEXposure.d.ts

@@ -0,0 +1,12 @@
+import { type RefObject } from 'react';
+interface ExposureOptions {
+    componentType: string;
+    componentName: string;
+    componentTitle?: string;
+    componentDescription?: string;
+    navigation?: string;
+    pageGroup?: string;
+    position?: number;
+}
+export declare const useExposure: (ref: RefObject<HTMLDivElement>, { componentType, componentName, componentTitle, componentDescription, navigation, position }: ExposureOptions) => void;
+export {};

package/dist/esm/hooks/useMemberPrice.d.ts

@@ -0,0 +1,20 @@
+import { ProductVariant, VariantCoupon } from '@commerce/types/product';
+interface MemberPriceProps {
+    variant?: ProductVariant;
+    coupon?: VariantCoupon | undefined;
+    metafields: any;
+    locale?: string;
+}
+export declare function useMemberPriceV3({ variant, coupon, metafields, locale, }: MemberPriceProps): {
+    memberSaveTip: any;
+    plusMemberExtraDiscount: any;
+    plusMemberSaveTip: any;
+    plusMemberStatus: boolean;
+    memberStatus: boolean;
+    memberPriceText: any;
+    memberTotalDiscount: any;
+    memberTotalSaveText: any;
+    memberPriceCalc: any;
+    currentMemberPrice: string;
+};
+export {};

package/dist/esm/packages/ui/src/components/avatar.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { type VariantProps } from 'class-variance-authority';
+declare const Avatar: React.ForwardRefExoticComponent<{
+    /** 定义子组件作为父组件的类型,详细使用方式请参考radix-ui */
+    asChild?: boolean;
+    /** 类名*/
+    className?: string;
+    /** 样式*/
+    style?: React.CSSProperties;
+    /** 点击事件*/
+    onClick?: Function;
+    /** 文本自适应*/
+    isAdaptation?: boolean;
+    /** 文本自适应最小字体, 开启时生效*/
+    minSize?: number;
+    /** 文本自适应最大字体, 开启时生效*/
+    maxSize?: number;
+    /** 文本自适应类*/
+    textClassName?: string;
+} & VariantProps<(props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { Avatar, AvatarImage, AvatarFallback };

package/dist/esm/packages/ui/src/components/index.d.ts

@@ -0,0 +1,20 @@
+export { default as Button } from './button.js';
+export { default as Badge } from './badge.js';
+export * from './input.js';
+export { default as Checkbox } from './checkbox.js';
+export { default as Skeleton } from './skeleton.js';
+export * from './dialog.js';
+export * from './popover.js';
+export * from './radio.js';
+export * from './dialog.js';
+export * from './text.js';
+export * from './gird.js';
+export * from './col.js';
+export * from './row.js';
+export * from './heading.js';
+export * from './container.js';
+export * from './color.js';
+export * from './link.js';
+export * from './avatar.js';
+export { default as Picture } from './picture.js';
+export { default as Theme } from './theme.js';

package/dist/esm/packages/ui/src/index.d.ts

@@ -0,0 +1 @@
+export * from './components/index.js';

package/dist/esm/packages/ui/src/stories/avatar.stories.d.ts

@@ -0,0 +1,40 @@
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        asChild?: boolean;
+        className?: string;
+        style?: React.CSSProperties;
+        onClick?: Function;
+        isAdaptation?: boolean;
+        minSize?: number;
+        maxSize?: number;
+        textClassName?: string;
+    } & import("class-variance-authority").VariantProps<(props?: ({
+        size?: "small" | "medium" | "large" | null | undefined;
+    } & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & Omit<import("@radix-ui/react-avatar").AvatarProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    tags: string[];
+    subcomponents: any;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        size: {
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default meta;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarType: () => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarTextAdaptation: () => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarSize: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/packages/ui/src/stories/badge.stories.d.ts

@@ -0,0 +1,26 @@
+import type { StoryObj } from '@storybook/react';
+import { Badge } from '../components/index.js';
+declare const meta: {
+    title: string;
+    component: typeof Badge;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+    args: {
+        variant: "default";
+        children: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Examples: Story;

package/dist/esm/packages/ui/src/stories/button.stories.d.ts

@@ -0,0 +1,48 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/button.js").ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        hoverEffect: {
+            description: string;
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+    args: {
+        variant: "primary";
+        size: "base";
+        children: string;
+        asChild: false;
+        disabled: false;
+        loading: false;
+        hoverEffect: "none";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Link: Story;
+export declare const WithIcon: Story;
+export declare const Aschild: Story;
+export declare const Spinner: Story;

package/dist/esm/packages/ui/src/stories/checkbox.stories.d.ts

@@ -0,0 +1,46 @@
+import type { StoryObj } from '@storybook/react/*';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/checkbox.js").CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        size: "base";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sizes: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Disabled: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/packages/ui/src/stories/container.stories.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Container } from '../components/index.js';
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+        children?: React.ReactNode;
+        className?: string;
+        type?: "default" | "home" | "none";
+    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        type: {
+            description: string;
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+    args: {
+        type: "default";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Container>;
+export declare const Default: Story;

package/dist/esm/packages/ui/src/stories/dialog.stories.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Dialog } from '../components/index.js';
+import type { StoryObj } from '@storybook/react/*';
+declare const meta: {
+    title: string;
+    component: React.FC<import("@radix-ui/react-dialog").DialogProps>;
+    subcomponents: any;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof Dialog>;
+export declare const Default: Story;