@anker-in/headless-ui 1.1.16 → 1.1.17-alpha.1765870943164

package/style.css

@@ -647,6 +647,10 @@ video {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
 }
+.mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
 .mx-1\.5 {
   margin-left: 0.375rem;
   margin-right: 0.375rem;
@@ -1128,6 +1132,10 @@ video {
 .stroke-primary {
   stroke: var(--brand-color-0);
 }
+.object-cover {
+  -o-object-fit: cover;
+     object-fit: cover;
+}
 .p-1 {
   padding: 0.25rem;
 }
@@ -1331,6 +1339,10 @@ video {
 .\!text-transparent {
   color: transparent !important;
 }
+.text-\[\#6D6D6F\] {
+  --tw-text-opacity: 1;
+  color: rgb(109 109 111 / var(--tw-text-opacity, 1));
+}
 .text-\[\#86868C\] {
   --tw-text-opacity: 1;
   color: rgb(134 134 140 / var(--tw-text-opacity, 1));
@@ -1347,6 +1359,10 @@ video {
 .text-current {
   color: currentColor;
 }
+.text-gray-400 {
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
+}
 .text-info-primary {
   color: var(--info-primary-color);
 }
@@ -1356,6 +1372,12 @@ video {
 .text-info-secondary {
   color: var(--info-secondary-color);
 }
+.text-info-tertiary {
+  color: var(--info-tertiary-color);
+}
+.text-info-white {
+  color: var(--info-white-color);
+}
 .text-lines-1 {
   color: var(--line-color-1);
 }
@@ -1374,6 +1396,9 @@ video {
 .underline {
   text-decoration-line: underline;
 }
+.no-underline {
+  text-decoration-line: none;
+}
 .opacity-60 {
   opacity: 0.6;
 }
@@ -1775,6 +1800,10 @@ video {
   .tablet\:text-left {
     text-align: left;
   }
+  .tablet\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
 }
 @media (min-width: 1025px) {
   .laptop\:-bottom-\[40px\] {
@@ -1828,6 +1857,10 @@ video {
   .desktop\:text-\[56px\] {
     font-size: 56px;
   }
+  .desktop\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
 }
 @media (min-width: 1920px) {
   .lg-desktop\:my-\[128px\] {
@@ -1930,6 +1963,12 @@ video {
 .\[\&\>svg\]\:shrink-0>svg {
   flex-shrink: 0;
 }
+.\[\&_img\]\:h-full img {
+  height: 100%;
+}
+.\[\&_img\]\:w-auto img {
+  width: auto;
+}
 .\[\&_p\]\:leading-relaxed p {
   line-height: 1.625;
 }

package/tailwind.config.js

@@ -28,10 +28,15 @@ module.exports = {
           '50.1%': { transform: 'translateY(calc(-100% + 3rem))' },
           '100%': { transform: 'translateY(0)' },
         },
+        'progress-bar': {
+          from: { transform: 'translate3d(-100%, 0, 0)' },
+          to: { transform: 'translate3d(0, 0, 0)' },
+        },
       },
       animation: {
         'marquee-scroll': 'marquee-scroll 20s linear infinite',
         'scroll-text': 'scroll-text 2s ease-in-out infinite',
+        'progress-bar': 'progress-bar var(--interval-time) ease-out',
       },
       maskImage: {
         'fade-vertical': 'linear-gradient(to bottom, transparent, black 20%, black 80%, transparent)',
@@ -67,9 +72,11 @@ module.exports = {
         container: {
           primary: 'var(--container-primary-color)',
           secondary: {
+            default: 'var(--container-secondary-color-0)',
             0: 'var(--container-secondary-color-0)',
             1: 'var(--container-secondary-color-1)',
           },
+          tertiary: 'var(--container-tertiary-color)',
         },
         tabs: {
           list: {
@@ -158,4 +165,21 @@ module.exports = {
       },
     },
   },
+  plugins: [
+    function (options) {
+      var addUtilities = options.addUtilities
+      var theme = options.theme
+      var maskUtilities = {
+        '.mask-fade-vertical': {
+          '-webkit-mask-image': theme('maskImage.fade-vertical'),
+          'mask-image': theme('maskImage.fade-vertical'),
+          '-webkit-mask-repeat': 'no-repeat',
+          'mask-repeat': 'no-repeat',
+          '-webkit-mask-size': '100% 100%',
+          'mask-size': '100% 100%',
+        },
+      }
+      addUtilities(maskUtilities)
+    },
+  ],
 }

package/dist/cjs/stories/HeroBanner.stories.d.ts

@@ -1,28 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import React from 'react';
-import HeroBanner from '../biz-components/HeroBanner/HeroBanner.js';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<Omit<Omit<import("../biz-components/HeroBanner/types.js").HeroBannerProps & React.RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
-        className?: string;
-        data?: Record<string, any>;
-    }, "ref"> & React.RefAttributes<any>>;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof HeroBanner>;
-export declare const LightTheme: Story;
-export declare const DarkTheme: Story;
-export declare const MultiBanner: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithoutSecondaryButton: Story;
-export declare const WithVideoModal: Story;
-export declare const WithYoutubeVideo: Story;
-export declare const ScrollableBackgroundVideo: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/stories/MemberEquity.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import MemberEquity from '../biz-components/MemberEquity/index.js';
-declare const meta: Meta<typeof MemberEquity>;
-export default meta;
-type Story = StoryObj<typeof MemberEquity>;
-export declare const Default: Story;
-export declare const Round: Story;
-export declare const CustomButtons: Story;
-export declare const CustomStyles: Story;

package/dist/cjs/stories/MultiLayoutGraphicBlock.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import MultiLayoutGraphicBlock from '../biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js';
-declare const meta: Meta<typeof MultiLayoutGraphicBlock>;
-export default meta;
-type Story = StoryObj<typeof MultiLayoutGraphicBlock>;
-export declare const Default: Story;
-export declare const ThirdWidth: Story;
-export declare const WithCarousel: Story;
-export declare const WithTabs: Story;

package/dist/cjs/stories/accordionCards.stories.d.ts

@@ -1,17 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/AccordionCards/index.js").AccordionCardsType & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
-        className?: string;
-        data?: Record<string, any>;
-    }, "ref"> & import("react").RefAttributes<any>>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Round: Story;
-export declare const CustomLayout: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/stories/alert.stories.d.ts

@@ -1,27 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import React from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("class-variance-authority").VariantProps<(props?: ({
-        variant?: "default" | "destructive" | null | undefined;
-    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-        status?: "success" | "error" | "warning" | "info";
-        closable?: boolean;
-    } & React.RefAttributes<HTMLDivElement>>;
-    subcomponents: {
-        AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
-        AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-    };
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/cjs/stories/avatar.stories.d.ts

@@ -1,39 +0,0 @@
-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/types").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 AvatarSize: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/stories/badge.stories.d.ts

@@ -1,31 +0,0 @@
-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: {
-        size: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            description: string;
-            table: {
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-    };
-    args: {
-        size: "lg";
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Examples: Story;

package/dist/cjs/stories/bizTabs.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import Tabs from '../biz-components/Tabs/index.js';
-declare const meta: Meta<typeof Tabs>;
-export default meta;
-type Story = StoryObj<typeof Tabs>;
-export declare const Default: Story;
-export declare const Dark: Story;

package/dist/cjs/stories/board.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import Board from '../components/board.js';
-declare const meta: Meta<typeof Board>;
-export default meta;
-type Story = StoryObj<typeof Board>;
-export declare const Default: Story;

package/dist/cjs/stories/brandEquity.stories.d.ts

@@ -1,16 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/BrandEquity/types.js").BrandEquityProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
-        className?: string;
-        data?: Record<string, any>;
-    }, "ref"> & import("react").RefAttributes<any>>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const CustomBackground: Story;

package/dist/cjs/stories/button.stories.d.ts

@@ -1,56 +0,0 @@
-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;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-    argTypes: {
-        variant: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            description: string;
-        };
-        size: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            description: string;
-        };
-        hoverEffect: {
-            description: string;
-            control: {
-                type: "select";
-            };
-            options: string[];
-        };
-    };
-    args: {
-        variant: "primary";
-        size: "base";
-        children: string;
-        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 Loading: Story;
-export declare const Aschild: Story;
-export declare const Spinner: Story;
-export declare const AsLinkTag: Story;

package/dist/cjs/stories/card.stories.d.ts

@@ -1,27 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import React from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    subcomponents: {
-        CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-        CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-        CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-        CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-        CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    };
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithHeader: Story;
-export declare const WithImage: Story;

package/dist/cjs/stories/carousel.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Carousel } from '../components/index.js';
-declare const meta: Meta<typeof Carousel>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Vertical: Story;
-export declare const OverrideClassName: Story;

package/dist/cjs/stories/category.stories.d.ts

@@ -1,17 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/Category/index.js").CategoryProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
-        className?: string;
-        data?: Record<string, any>;
-    }, "ref"> & import("react").RefAttributes<any>>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Round: Story;
-export declare const MoreThanFive: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/stories/checkbox.stories.d.ts

@@ -1,46 +0,0 @@
-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/cjs/stories/container.stories.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-        children?: React.ReactNode;
-        className?: string;
-        childClassName?: string;
-        spaceY?: import("../types/props.js").SpaceY;
-        spaceTop?: import("../types/props.js").SpaceTop;
-        spaceBottom?: import("../types/props.js").SpaceBottom;
-        mode?: import("../types/props.js").Mode;
-    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-};
-export default meta;
-export declare const Basic: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithPaddingAndBackground: () => import("react/jsx-runtime").JSX.Element;
-export declare const ResponsivePadding: () => import("react/jsx-runtime").JSX.Element;
-export declare const NestedContent: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/stories/cpnBanner.stories.d.ts

@@ -1,14 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: (props: import("../cpn-components/CpnBanner/types.js").BannerProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        viewport: {
-            defaultViewport: string;
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/cjs/stories/cpnCountdown.stories.d.ts

@@ -1,12 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: (props: import("../cpn-components/CpnCountDown/types.js").CountDownProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/cjs/stories/cpnNavigation.stories.d.ts

@@ -1,14 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: (props: import("../cpn-components/CpnNavigation/types.js").NavigationProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        viewport: {
-            defaultViewport: string;
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/cjs/stories/cpnProductcard.stories.d.ts

@@ -1,14 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: (props: import("../cpn-components/CpnProductCard/types.js").ProductCardProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        viewport: {
-            defaultViewport: string;
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/cjs/stories/cpnTitle.stories.d.ts

@@ -1,14 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: (props: import("../cpn-components/CpnTitle/types.js").TitleProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        viewport: {
-            defaultViewport: string;
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/cjs/stories/creativeModule.stories.d.ts

@@ -1,19 +0,0 @@
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<{
-        data: {
-            shape?: "rounded" | "square";
-            productsTab: import("../biz-components/CreativeModule/index.js").CreativeModuleDataType[];
-        };
-        className?: string;
-    }, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
-        className?: string;
-        data?: Record<string, any>;
-    } & import("react").RefAttributes<any>>;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/stories/dialog.stories.d.ts

@@ -1,20 +0,0 @@
-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;