@anker-in/headless-ui 1.3.38 → 1.3.39-alpha.1784616869310

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/tabs.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../helpers/index.js'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { cva } from 'class-variance-authority'\nimport type { Align, Shape } from '../types/props.js'\n\ntype tabShape = Shape | 'default'\n\n/**\n * Sanitize a tab value so it is safe to use as part of an HTML id attribute.\n *\n * HTML ids must not contain whitespace characters. Radix UI uses the value\n * directly in generated ids (e.g. `radix-:r0:-trigger-{value}`), so an\n * unsanitized value like \"best seller\" would produce an invalid id.\n *\n * This function replaces any sequence of whitespace with a single hyphen and\n * trims leading/trailing whitespace, leaving all other characters intact.\n */\nfunction sanitizeTabValue(value: string): string {\n  return value.trim().replace(/\\s+/g, '-')\n}\n\nconst TabListContext = React.createContext<{\n  align?: Align\n  shape: tabShape\n}>({\n  align: 'left',\n  shape: 'square',\n})\n\nconst Tabs = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {\n    align?: Align\n    shape?: tabShape\n  }\n>(({ children, align = 'left', shape = 'default', ...props }, ref) => (\n  <TabsPrimitive.Root ref={ref} {...props}>\n    <TabListContext.Provider value={{ align, shape }}>{children}</TabListContext.Provider>\n  </TabsPrimitive.Root>\n))\nTabs.displayName = 'Tabs'\n\nconst tabsListVariants = cva('rounded-tabs', {\n  variants: {\n    shape: {\n      default: '',\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    shape: 'default',\n  },\n})\n\nconst tabsTriggerVariants = cva('rounded-tabs', {\n  variants: {\n    shape: {\n      default: '',\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    shape: 'default',\n  },\n})\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => {\n  const { align: alignFromParent, shape: shapeFromParent } = React.useContext(TabListContext)\n\n  const wrapperClass =\n    alignFromParent === 'center'\n      ? 'flex w-full justify-center'\n      : alignFromParent === 'right'\n        ? 'flex w-full justify-end'\n        : null\n\n  const list = (\n    <TabsPrimitive.List\n      ref={ref}\n      className={cn(\n        'bg-tabs-list-bg flex w-fit max-w-full overflow-x-auto p-1',\n        tabsListVariants({ shape: shapeFromParent }),\n        className\n      )}\n      style={{\n        scrollbarWidth: 'none',\n        msOverflowStyle: 'none',\n      }}\n      {...props}\n    />\n  )\n\n  return wrapperClass ? <div className={wrapperClass}>{list}</div> : list\n})\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, onClick, value, ...props }, ref) => {\n  const { shape: shapeFromParent } = React.useContext(TabListContext)\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e)\n    const tabElement = e?.currentTarget\n    const container = e?.currentTarget?.parentElement\n    if (tabElement && container) {\n      const tabLeft = tabElement.offsetLeft\n      const tabWidth = tabElement.offsetWidth\n      const containerWidth = container.offsetWidth\n      const scrollTo = tabLeft - containerWidth / 2 + tabWidth / 2\n      container.scrollTo({\n        left: scrollTo,\n        behavior: 'smooth',\n      })\n    }\n  }\n  return (\n    <TabsPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'text-info-primary lg-desktop:text-base disabled:text-btn-secondary-disabled lg-desktop:px-[28px] lg-desktop:pt-[15px] lg-desktop:pb-[14px] shrink-0 px-5 pb-2.5 pt-[11px] text-sm font-bold data-[state=active]:bg-white data-[state=active]:text-[#080A0F]',\n        className,\n        tabsTriggerVariants({\n          shape: shapeFromParent,\n        })\n      )}\n      onClick={handleClick}\n      value={sanitizeTabValue(value)}\n      data-radix-collection-item={sanitizeTabValue(value)}\n      {...props}\n    />\n  )\n})\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, value, ...props }, ref) => (\n  <TabsPrimitive.Content ref={ref} className={cn(className)} value={sanitizeTabValue(value)} {...props} />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],
-  "mappings": "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",
-  "names": ["jsx", "React", "cn", "TabsPrimitive", "cva", "sanitizeTabValue", "value", "TabListContext", "Tabs", "children", "align", "shape", "props", "ref", "tabsListVariants", "tabsTriggerVariants", "TabsList", "className", "alignFromParent", "shapeFromParent", "wrapperClass", "list", "TabsTrigger", "onClick", "handleClick", "e", "tabElement", "container", "tabLeft", "tabWidth", "containerWidth", "scrollTo", "TabsContent"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../helpers/index.js'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { cva } from 'class-variance-authority'\nimport type { Align, Shape } from '../types/props.js'\n\ntype tabShape = Shape | 'default'\n\n/**\n * Sanitize a tab value so it is safe to use as part of an HTML id attribute.\n *\n * HTML ids must not contain whitespace characters. Radix UI uses the value\n * directly in generated ids (e.g. `radix-:r0:-trigger-{value}`), so an\n * unsanitized value like \"best seller\" would produce an invalid id.\n *\n * This function replaces any sequence of whitespace with a single hyphen and\n * trims leading/trailing whitespace, leaving all other characters intact.\n */\nfunction sanitizeTabValue(value: string): string {\n  return value.trim().replace(/\\s+/g, '-')\n}\n\nconst TabListContext = React.createContext<{\n  align?: Align\n  shape: tabShape\n}>({\n  align: 'left',\n  shape: 'square',\n})\n\nconst Tabs = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {\n    align?: Align\n    shape?: tabShape\n  }\n>(({ children, align = 'left', shape = 'default', value, defaultValue, ...props }, ref) => (\n  <TabsPrimitive.Root\n    ref={ref}\n    value={value != null ? sanitizeTabValue(String(value)) : undefined}\n    defaultValue={defaultValue != null ? sanitizeTabValue(String(defaultValue)) : undefined}\n    {...props}\n  >\n    <TabListContext.Provider value={{ align, shape }}>{children}</TabListContext.Provider>\n  </TabsPrimitive.Root>\n))\nTabs.displayName = 'Tabs'\n\nconst tabsListVariants = cva('rounded-tabs', {\n  variants: {\n    shape: {\n      default: '',\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    shape: 'default',\n  },\n})\n\nconst tabsTriggerVariants = cva('rounded-tabs', {\n  variants: {\n    shape: {\n      default: '',\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    shape: 'default',\n  },\n})\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => {\n  const { align: alignFromParent, shape: shapeFromParent } = React.useContext(TabListContext)\n\n  const wrapperClass =\n    alignFromParent === 'center'\n      ? 'flex w-full justify-center'\n      : alignFromParent === 'right'\n        ? 'flex w-full justify-end'\n        : null\n\n  const list = (\n    <TabsPrimitive.List\n      ref={ref}\n      className={cn(\n        'bg-tabs-list-bg flex w-fit max-w-full overflow-x-auto p-1',\n        tabsListVariants({ shape: shapeFromParent }),\n        className\n      )}\n      style={{\n        scrollbarWidth: 'none',\n        msOverflowStyle: 'none',\n      }}\n      {...props}\n    />\n  )\n\n  return wrapperClass ? <div className={wrapperClass}>{list}</div> : list\n})\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, onClick, value, ...props }, ref) => {\n  const { shape: shapeFromParent } = React.useContext(TabListContext)\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e)\n    const tabElement = e?.currentTarget\n    const container = e?.currentTarget?.parentElement\n    if (tabElement && container) {\n      const tabLeft = tabElement.offsetLeft\n      const tabWidth = tabElement.offsetWidth\n      const containerWidth = container.offsetWidth\n      const scrollTo = tabLeft - containerWidth / 2 + tabWidth / 2\n      container.scrollTo({\n        left: scrollTo,\n        behavior: 'smooth',\n      })\n    }\n  }\n  return (\n    <TabsPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'text-info-primary lg-desktop:text-base disabled:text-btn-secondary-disabled lg-desktop:px-[28px] lg-desktop:pt-[15px] lg-desktop:pb-[14px] shrink-0 px-5 pb-2.5 pt-[11px] text-sm font-bold data-[state=active]:bg-white data-[state=active]:text-[#080A0F]',\n        className,\n        tabsTriggerVariants({\n          shape: shapeFromParent,\n        })\n      )}\n      onClick={handleClick}\n      value={sanitizeTabValue(value)}\n      data-radix-collection-item={sanitizeTabValue(value)}\n      {...props}\n    />\n  )\n})\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, value, ...props }, ref) => (\n  <TabsPrimitive.Content ref={ref} className={cn(className)} value={sanitizeTabValue(value)} {...props} />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],
+  "mappings": "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",
+  "names": ["jsx", "React", "cn", "TabsPrimitive", "cva", "sanitizeTabValue", "value", "TabListContext", "Tabs", "children", "align", "shape", "defaultValue", "props", "ref", "tabsListVariants", "tabsTriggerVariants", "TabsList", "className", "alignFromParent", "shapeFromParent", "wrapperClass", "list", "TabsTrigger", "onClick", "handleClick", "e", "tabElement", "container", "tabLeft", "tabWidth", "containerWidth", "scrollTo", "TabsContent"]
 }

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const toastVariants: (props?: ({
+    variant?: "success" | "warning" | "countdown" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ToastProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof toastVariants> {
+    open?: boolean;
+    message: string;
+    duration?: number;
+    seconds?: number;
+    onClose?: () => void;
+}
+declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
+export interface UseToastOptions {
+    variant?: ToastProps['variant'];
+    message: string;
+    duration?: number;
+    seconds?: number;
+}
+declare function useToast(): {
+    toastProps: ToastProps;
+    showToast: (opts: UseToastOptions) => void;
+};
+export { Toast, toastVariants, useToast };
+export default Toast;

package/dist/esm/components/toast.js

@@ -0,0 +1,2 @@
+"use client";import{jsx as t,jsxs as c}from"react/jsx-runtime";import*as a from"react";import{cva as C}from"class-variance-authority";import{cn as b}from"../helpers/index.js";const h=C("bg-container-secondary-1 text-info-primary pointer-events-none fixed left-1/2 top-1/2 z-[9999] flex w-max -translate-x-1/2 select-none items-center gap-[4px] rounded-[8px] p-[16px] text-[18px] font-bold leading-[1.4] tracking-[-0.36px] drop-shadow-[0px_8px_12px_rgba(0,0,0,0.2)] transition-all duration-300 ease-in-out data-[state=closed]:-translate-y-2 data-[state=open]:translate-y-0 data-[state=closed]:opacity-0 data-[state=open]:opacity-100",{variants:{variant:{success:"",warning:"",countdown:""}},defaultVariants:{variant:"success"}}),L=()=>c("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:[t("circle",{cx:"12",cy:"12",r:"10.5",className:"fill-success-0"}),t("g",{transform:"translate(6, 8)",children:t("path",{d:"M1 3.5L5 7L11 1",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),M=()=>c("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:[t("circle",{cx:"12",cy:"12",r:"10.5",className:"fill-error-0"}),t("g",{transform:"translate(10.65, 6)",children:t("path",{d:"M1.35 9.28C2.1 9.28 2.7 9.88 2.7 10.63C2.7 11.37 2.1 11.98 1.35 11.98C0.6 11.98 0 11.37 0 10.63C0 9.88 0.6 9.28 1.35 9.28ZM1.35 0C1.97 0 2.47 0.5 2.47 1.13V7.13C2.47 7.75 1.97 8.25 1.35 8.25C0.73 8.25 0.22 7.75 0.22 7.13V1.13C0.22 0.5 0.73 0 1.35 0Z",fill:"white"})})]}),P=()=>c("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:[t("circle",{cx:"12",cy:"12",r:"10.5",className:"fill-warning-0"}),t("g",{transform:"translate(8, 7)",children:t("path",{d:"M4 0V5L7 8",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),m=a.forwardRef(({className:l,variant:e,open:s=!1,message:n,duration:r=2500,seconds:o,onClose:i,...d},x)=>{const[u,g]=a.useState(!1),[p,w]=a.useState(o??0);if(a.useEffect(()=>{if(s)g(!0),e==="countdown"&&o!=null&&w(o);else{const f=setTimeout(()=>g(!1),300);return()=>clearTimeout(f)}},[s,e,o]),a.useEffect(()=>{if(!s||!u)return;if(e==="countdown"){if(p<=0){i?.();return}const k=setTimeout(()=>w(y=>y-1),1e3);return()=>clearTimeout(k)}const f=setTimeout(()=>i?.(),r);return()=>clearTimeout(f)},[s,u,e,r,p,i]),!u)return null;const v=e==="warning"?t(M,{}):e==="countdown"?t(P,{}):t(L,{}),T=e==="countdown"?n.replace(/\{seconds\}/g,String(p)):n;return c("div",{ref:x,className:b(h({variant:e}),l),"data-state":s?"open":"closed",role:"alert","aria-live":"assertive","aria-atomic":"true",...d,children:[v,t("span",{children:T})]})});m.displayName="Toast";function V(){const[l,e]=a.useState(!1),[s,n]=a.useState({message:""}),r=a.useCallback(d=>{n(d),e(!0)},[]),o=a.useCallback(()=>{e(!1)},[]);return{toastProps:{open:l,variant:s.variant,message:s.message,duration:s.duration,seconds:s.seconds,onClose:o},showToast:r}}var S=m;export{m as Toast,S as default,h as toastVariants,V as useToast};
+//# sourceMappingURL=toast.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/toast.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../helpers/index.js'\n\nconst toastVariants = cva(\n  'bg-container-secondary-1 text-info-primary pointer-events-none fixed left-1/2 top-1/2 z-[9999] flex w-max -translate-x-1/2 select-none items-center gap-[4px] rounded-[8px] p-[16px] text-[18px] font-bold leading-[1.4] tracking-[-0.36px] drop-shadow-[0px_8px_12px_rgba(0,0,0,0.2)] transition-all duration-300 ease-in-out data-[state=closed]:-translate-y-2 data-[state=open]:translate-y-0 data-[state=closed]:opacity-0 data-[state=open]:opacity-100',\n  {\n    variants: {\n      variant: {\n        success: '',\n        warning: '',\n        countdown: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'success',\n    },\n  }\n)\n\nconst CheckIcon = () => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden>\n    <circle cx=\"12\" cy=\"12\" r=\"10.5\" className=\"fill-success-0\" />\n    <g transform=\"translate(6, 8)\">\n      <path d=\"M1 3.5L5 7L11 1\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </g>\n  </svg>\n)\n\nconst WarningIcon = () => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden>\n    <circle cx=\"12\" cy=\"12\" r=\"10.5\" className=\"fill-error-0\" />\n    <g transform=\"translate(10.65, 6)\">\n      <path\n        d=\"M1.35 9.28C2.1 9.28 2.7 9.88 2.7 10.63C2.7 11.37 2.1 11.98 1.35 11.98C0.6 11.98 0 11.37 0 10.63C0 9.88 0.6 9.28 1.35 9.28ZM1.35 0C1.97 0 2.47 0.5 2.47 1.13V7.13C2.47 7.75 1.97 8.25 1.35 8.25C0.73 8.25 0.22 7.75 0.22 7.13V1.13C0.22 0.5 0.73 0 1.35 0Z\"\n        fill=\"white\"\n      />\n    </g>\n  </svg>\n)\n\nconst ClockIcon = () => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden>\n    <circle cx=\"12\" cy=\"12\" r=\"10.5\" className=\"fill-warning-0\" />\n    <g transform=\"translate(8, 7)\">\n      <path d=\"M4 0V5L7 8\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </g>\n  </svg>\n)\n\nexport interface ToastProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof toastVariants> {\n  open?: boolean\n  message: string\n  duration?: number\n  seconds?: number\n  onClose?: () => void\n}\n\nconst Toast = React.forwardRef<HTMLDivElement, ToastProps>(\n  ({ className, variant, open = false, message, duration = 2500, seconds, onClose, ...props }, ref) => {\n    const [mounted, setMounted] = React.useState(false)\n    const [remaining, setRemaining] = React.useState(seconds ?? 0)\n\n    React.useEffect(() => {\n      if (open) {\n        setMounted(true)\n        if (variant === 'countdown' && seconds != null) {\n          setRemaining(seconds)\n        }\n      } else {\n        const timer = setTimeout(() => setMounted(false), 300)\n        return () => clearTimeout(timer)\n      }\n    }, [open, variant, seconds])\n\n    React.useEffect(() => {\n      if (!open || !mounted) return\n      if (variant === 'countdown') {\n        if (remaining <= 0) {\n          onClose?.()\n          return\n        }\n        const timer = setTimeout(() => setRemaining(r => r - 1), 1000)\n        return () => clearTimeout(timer)\n      }\n      const timer = setTimeout(() => onClose?.(), duration)\n      return () => clearTimeout(timer)\n    }, [open, mounted, variant, duration, remaining, onClose])\n\n    if (!mounted) return null\n\n    const icon = variant === 'warning' ? <WarningIcon /> : variant === 'countdown' ? <ClockIcon /> : <CheckIcon />\n\n    const displayMessage = variant === 'countdown' ? message.replace(/\\{seconds\\}/g, String(remaining)) : message\n\n    return (\n      <div\n        ref={ref}\n        className={cn(toastVariants({ variant }), className)}\n        data-state={open ? 'open' : 'closed'}\n        role=\"alert\"\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        {...props}\n      >\n        {icon}\n        <span>{displayMessage}</span>\n      </div>\n    )\n  }\n)\nToast.displayName = 'Toast'\n\nexport interface UseToastOptions {\n  variant?: ToastProps['variant']\n  message: string\n  duration?: number\n  seconds?: number\n}\n\nfunction useToast() {\n  const [open, setOpen] = React.useState(false)\n  const [options, setOptions] = React.useState<UseToastOptions>({ message: '' })\n\n  const showToast = React.useCallback((opts: UseToastOptions) => {\n    setOptions(opts)\n    setOpen(true)\n  }, [])\n\n  const handleClose = React.useCallback(() => {\n    setOpen(false)\n  }, [])\n\n  const toastProps: ToastProps = {\n    open,\n    variant: options.variant,\n    message: options.message,\n    duration: options.duration,\n    seconds: options.seconds,\n    onClose: handleClose,\n  }\n\n  return { toastProps, showToast }\n}\n\nexport { Toast, toastVariants, useToast }\nexport default Toast\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "React", "cva", "cn", "toastVariants", "CheckIcon", "WarningIcon", "ClockIcon", "Toast", "className", "variant", "open", "message", "duration", "seconds", "onClose", "props", "ref", "mounted", "setMounted", "remaining", "setRemaining", "timer", "r", "icon", "displayMessage", "useToast", "setOpen", "options", "setOptions", "showToast", "opts", "handleClose", "toast_default"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "1.3.38",
+  "version": "1.3.39-alpha.1784616869310",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",