@okam/stack-ui 1.37.1 → 1.38.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 1.38.0 (2025-07-01)
+
+### 🚀 Features
+
+- **stack-ui:** shared option list component ([bbf5c5b](https://github.com/OKAMca/stack/commit/bbf5c5b))
+
+### 🩹 Fixes
+
+- update vite-plugin-dts to version 3 ([5d33c77](https://github.com/OKAMca/stack/commit/5d33c77))
+- **stack-ui:** listbox section items correrct theme name ([8acb1b5](https://github.com/OKAMca/stack/commit/8acb1b5))
+- **stack-ui:** safer option render ([5b26401](https://github.com/OKAMca/stack/commit/5b26401))
+- **stack-ui:** option component isSelectable token correct value ([6883551](https://github.com/OKAMca/stack/commit/6883551))
+- **stack-ui:** listbox interface ([eef614d](https://github.com/OKAMca/stack/commit/eef614d))
+- **stack-ui:** listbox fully accessible, supports link options ([4a43bde](https://github.com/OKAMca/stack/commit/4a43bde))
+
+### ❤️ Thank You
+
+- Pierre-Olivier Clerson @poclerson
+- poclerson
+
 ## 1.37.0 (2025-05-22)
 
 ### 🚀 Features

package/components/Accordion/components/AccordionItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TAccordionItemProps } from '../interface';
 declare const _AccordionItem: (props: TAccordionItemProps) => JSX.Element;
 export default _AccordionItem;

package/components/Alerts/components/AlertsCloseButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TButtonProps } from '../../Button/interface';
 declare const AlertsCloseButton: import("react").ForwardRefExoticComponent<TButtonProps<import("../../..").TToken> & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
 export default AlertsCloseButton;

package/components/Button/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { TToken } from '../../providers/Theme/interface';
 import type { TAnchorProps, TButtonProps } from './interface';
-export declare const Anchor: React.ForwardRefExoticComponent<TAnchorProps<TToken> & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+export declare const Anchor: React.ForwardRefExoticComponent<TAnchorProps<TToken> & React.RefAttributes<import("./interface").TButtonAnchorElement>>;
 export declare const ButtonWithForwardRef: React.ForwardRefExoticComponent<TButtonProps<TToken> & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
 declare const ButtonComponent: {
     <T extends TToken>(props: TButtonProps<T>): import("react/jsx-runtime").JSX.Element;

package/components/Button/interface.d.ts

@@ -1,8 +1,10 @@
 import type { PressEvent } from '@react-types/shared';
 import type React from 'react';
+import type { Ref, RefAttributes } from 'react';
 import type { TToken } from '../../providers/Theme/interface';
 import type { TDefaultComponent } from '../../types/components';
 import type { NextLinkProps } from '../../types/next-link';
+export type TButtonAnchorElement = HTMLAnchorElement & HTMLButtonElement;
 export interface TButtonProps<T = TToken> extends TDefaultComponent<T> {
     children?: React.ReactNode;
     id?: string;
@@ -16,9 +18,13 @@ export interface TButtonProps<T = TToken> extends TDefaultComponent<T> {
     role?: string;
     isDisabled?: boolean;
 }
+export type TButtonRef = Ref<TButtonAnchorElement>;
+export type TButtonRefAttributes = RefAttributes<TButtonAnchorElement>;
 export interface TAnchorProps<T = TToken> extends TButtonProps<T> {
     /**
      * @deprecated To render a themeable `next/link` component, use the `Link` component from `@okam/next-component`.
      */
     nextLinkProps?: NextLinkProps;
 }
+export type TAnchorRef = Ref<TButtonAnchorElement>;
+export type TAnchorRefAttributes = RefAttributes<TButtonAnchorElement>;

package/components/Carousel/components/CarouselNavigationButton.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import type { TButtonProps } from '../../Button/interface';
 export declare const CarouselNavigationButton: import("react").ForwardRefExoticComponent<TButtonProps<import("../../..").TToken> & {
-    onSubmit?: (() => void) | undefined;
+    onSubmit?: () => void;
 } & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
 export declare const CarouselNextNavigationButton: import("react").ForwardRefExoticComponent<TButtonProps<import("../../..").TToken> & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
 export declare const CarouselPrevNavigationButton: import("react").ForwardRefExoticComponent<TButtonProps<import("../../..").TToken> & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;

package/components/TabList/components/Tab.d.ts

@@ -1,4 +1,4 @@
 import type { TDefaultItemComponent } from '../../../types/react-stately';
 import type { TTabProps } from '../interface';
-declare const Tab: <I extends TDefaultItemComponent<object, import("../../..").TToken>>({ item, state, ...props }: TTabProps<I>) => import("react/jsx-runtime").JSX.Element;
+declare const Tab: <I extends TDefaultItemComponent>({ item, state, ...props }: TTabProps<I>) => import("react/jsx-runtime").JSX.Element;
 export default Tab;

package/components/TabList/tab-list.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import TabList from '.';
+declare const meta: Meta<typeof TabList>;
+export default meta;
+type Story = StoryObj<typeof TabList>;
+export declare const Default: Story;
+export declare const FocusableContent: Story;
+export declare const VerticalOrientation: Story;
+export declare const DisabledKeys: Story;
+export declare const ChildrenRenderFunction: Story;
+export declare const Controlled: Story;

package/components/fields/CheckboxGroup/components/CheckboxGroupItem/index.d.ts

@@ -1,9 +1,9 @@
 import type { RegisterOptions } from 'react-hook-form';
 import type { TCheckboxGroupItemProps } from '../../interface';
 declare const CheckboxGroupItem: (props: TCheckboxGroupItemProps) => import("react/jsx-runtime").JSX.Element | null;
-export declare const ReactHookFormCheckboxItem: ({ name, label, rules, tokens, ariaLabel, defaultValue, themeName, isReadOnly, isRequired, onChange, onBlur, value, icon, ...rest }: import("../../../../..").TDefaultComponent<import("../../../../..").TToken> & Omit<import("react-aria").AriaCheckboxGroupItemProps, "children"> & Omit<import("../../../Checkbox/Checkbox.interface").TCheckboxProps<import("../../../../..").TToken>, "children"> & {
-    rules?: RegisterOptions | undefined;
+export declare const ReactHookFormCheckboxItem: ({ name, label, rules, tokens, ariaLabel, defaultValue, themeName, isReadOnly, isRequired, onChange, onBlur, value, icon, ...rest }: TCheckboxGroupItemProps & {
+    rules?: RegisterOptions;
     name: string;
-    defaultValue?: boolean | undefined;
+    defaultValue?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export default CheckboxGroupItem;

package/components/fields/DatePicker/components/Wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TWrapperProps } from '../interface';
 declare const Wrapper: import("react").ForwardRefExoticComponent<TWrapperProps & import("react").RefAttributes<HTMLDivElement>>;
 export default Wrapper;

package/components/fields/ListBox/components/ListBoxSection.d.ts

@@ -0,0 +1,4 @@
+import type { TToken } from '../../../../providers/Theme/interface';
+import type { TListBoxSectionProps } from '../interface';
+declare const ListBoxSection: <I extends object = object, T extends TToken = TToken>({ section, state, ...props }: TListBoxSectionProps<I, T>) => import("react/jsx-runtime").JSX.Element;
+export default ListBoxSection;

package/components/fields/ListBox/index.d.ts

@@ -0,0 +1,4 @@
+import type { TToken } from '../../../providers/Theme/interface';
+import type { TListBoxProps } from './interface';
+declare const ListBox: <I extends object = object, T extends TToken = TToken>(props: TListBoxProps<I, T>) => import("react/jsx-runtime").JSX.Element;
+export default ListBox;

package/components/fields/ListBox/interface.d.ts

@@ -0,0 +1,17 @@
+import type { ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { AriaListBoxProps, AriaListBoxSectionProps } from 'react-aria';
+import type { ListState } from 'react-stately';
+import type { TToken } from '../../../providers/Theme/interface';
+import type { TDefaultComponent } from '../../../types/components';
+import type { TDefaultItemComponent, TDefaultNode } from '../../../types/react-stately';
+import type { TAnchorProps } from '../../Button/interface';
+export interface TListBoxProps<I extends object = object, T extends TToken = TToken> extends Omit<TDefaultComponent<T>, 'children'>, AriaListBoxProps<I & TDefaultItemComponent<I, T>> {
+    /**
+     * @default Anchor
+     */
+    linkElementType?: ForwardRefExoticComponent<TAnchorProps & RefAttributes<HTMLAnchorElement & HTMLButtonElement>>;
+}
+export interface TListBoxSectionProps<I extends object = object, T extends TToken = TToken> extends Omit<TDefaultComponent<T>, 'children'>, AriaListBoxSectionProps {
+    section: TDefaultNode<I>;
+    state: ListState<I>;
+}

package/components/fields/ListBox/list-box.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import ListBox from '.';
+declare const meta: Meta<typeof ListBox>;
+export default meta;
+type Story = StoryObj<typeof ListBox>;
+export declare const Default: Story;
+export declare const Sections: Story;
+export declare const ComplexOptions: Story;
+export declare const Disabled: Story;
+export declare const ChildrenRenderingFunction: Story;
+export declare const Selectable: Story;
+export declare const Controlled: Story;
+export declare const LinkOptions: Story;

package/components/fields/Option/index.d.ts

@@ -0,0 +1,4 @@
+import type { TToken } from '../../../providers/Theme/interface';
+import type { TOptionProps } from './interface';
+declare const Option: <I extends object = object, T extends TToken = TToken>({ item, state, ...props }: TOptionProps<I, T>) => import("react/jsx-runtime").JSX.Element;
+export default Option;

package/components/fields/Option/interface.d.ts

@@ -0,0 +1,15 @@
+import type { ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { AriaOptionProps } from 'react-aria';
+import type { ListState } from 'react-stately';
+import type { TToken } from '../../../providers/Theme/interface';
+import type { TDefaultComponent } from '../../../types/components';
+import type { TDefaultNode } from '../../../types/react-stately';
+import type { TAnchorProps } from '../../Button/interface';
+export interface TOptionProps<I extends object = object, T extends TToken = TToken> extends TDefaultComponent<T>, AriaOptionProps {
+    state: ListState<I>;
+    item: TDefaultNode<I>;
+    /**
+     * @default Anchor
+     */
+    linkElementType?: ForwardRefExoticComponent<TAnchorProps & RefAttributes<HTMLAnchorElement & HTMLButtonElement>>;
+}

package/components/fields/Select/Select.d.ts

@@ -2,7 +2,7 @@ import type { RegisterOptions } from 'react-hook-form';
 import type { TToken } from '../../../providers/Theme/interface';
 import type { TSelectProps } from './Select.interface';
 declare const Select: <T extends TToken>(props: TSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
-export declare const ReactHookFormSelect: ({ id, name, label, rules, tokens, defaultValue, themeName, required, onChange, options, placeholderLabel, icon, popoverMatchesWidth, value, ...rest }: TSelectProps<TToken> & {
-    rules?: RegisterOptions | undefined;
+export declare const ReactHookFormSelect: ({ id, name, label, rules, tokens, defaultValue, themeName, required, onChange, options, placeholderLabel, icon, popoverMatchesWidth, value, ...rest }: TSelectProps & {
+    rules?: RegisterOptions;
 }) => import("react/jsx-runtime").JSX.Element;
 export default Select;

package/components/fields/TextArea/index.d.ts

@@ -2,7 +2,7 @@ import type { RegisterOptions } from 'react-hook-form';
 import type { TToken } from '../../../providers/Theme/interface';
 import type { TTextInputProps } from '../TextInputField/interface';
 declare const TextArea: <T extends TToken>(props: TTextInputProps<T>) => import("react/jsx-runtime").JSX.Element;
-export declare const ReactHookFormTextArea: ({ name, label, rules, tokens, ariaLabel, defaultValue, placeholder, themeName, isReadOnly, minLength, maxLength, required, isRequired, onChange, onBlur, children, ...rest }: TTextInputProps<TToken> & {
+export declare const ReactHookFormTextArea: ({ name, label, rules, tokens, ariaLabel, defaultValue, placeholder, themeName, isReadOnly, minLength, maxLength, required, isRequired, onChange, onBlur, children, ...rest }: TTextInputProps & {
     rules: RegisterOptions;
 }) => import("react/jsx-runtime").JSX.Element;
 export default TextArea;

package/components/fields/TextInputField/index.d.ts

@@ -1,7 +1,7 @@
 import type { RegisterOptions } from 'react-hook-form';
 import type { TTextInputProps } from './interface';
 declare const TextInputField: (props: TTextInputProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ReactHookFormInput: ({ name, label, rules, tokens, ariaLabel, defaultValue, placeholder, themeName, isReadOnly, minLength, maxLength, required, isRequired, onChange, onBlur, children, ...rest }: TTextInputProps<import("../../..").TToken> & {
+export declare const ReactHookFormInput: ({ name, label, rules, tokens, ariaLabel, defaultValue, placeholder, themeName, isReadOnly, minLength, maxLength, required, isRequired, onChange, onBlur, children, ...rest }: TTextInputProps & {
     rules: RegisterOptions;
 }) => import("react/jsx-runtime").JSX.Element;
 export default TextInputField;

package/examples/PageLayout/index.d.ts

@@ -0,0 +1,2 @@
+declare const PageLayoutExample: () => import("react/jsx-runtime").JSX.Element;
+export default PageLayoutExample;

package/helpers/mergeDefaultComponentProps.d.ts

@@ -9,4 +9,4 @@ import type { Nullable, TDefaultComponent } from '../types/components';
  * @param args - An array of props belonging to `TDefaultComponent`
  * @returns A merged props object
  */
-export declare function mergeDefaultComponentProps<T extends TDefaultComponent>(...args: Nullable<Partial<T>>[]): T;
+export declare function mergeDefaultComponentProps<T extends TDefaultComponent, S>(firstArg: Nullable<Partial<T>>, ...args: Nullable<Partial<S>>[]): T & S;

package/index102.js

@@ -1,4 +1,4 @@
-"use strict";const e=require("tailwind-variants"),t=require("./index111.js"),o=e.tv({base:"focus-ring-black"}),l=e.tv({base:"rounded-3xl overflow-hidden"}),s=e.tv({base:`
+"use strict";const e=require("tailwind-variants"),t=require("./index112.js"),o=e.tv({base:"focus-ring-black"}),l=e.tv({base:"rounded-3xl overflow-hidden"}),s=e.tv({base:`
     absolute
     xl:top-10
     xl:right-20

package/index102.mjs

@@ -1,5 +1,5 @@
 import { tv as e } from "tailwind-variants";
-import o from "./index111.mjs";
+import o from "./index112.mjs";
 const t = e({
   base: "focus-ring-black"
 }), l = e({

package/index103.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),r=e.tv({base:"text-black flex flex-row items-center hover:cursor-pointer focus-ring-black",variants:{isDisabled:{true:"text-gray-6"}}}),t=e.tv({base:"w-6 h-6 mt-0.5 mr-2.5 rounded-full border-2 border-gray-2 shrink-0 hover:cursor-pointer flex items-center justify-center",variants:{isDisabled:{true:"border-gray-6"},isFocused:{true:"outline-black [outline-offset: 2px]"}}}),a=e.tv({base:"hidden w-4 h-4 bg-gray-300 rounded-full",variants:{selected:{true:"block text-white"}}});exports.radio=t;exports.radioLabel=r;exports.selectedMark=a;
+"use strict";const e=require("tailwind-variants"),t=require("./index112.js"),i=e.tv({base:"flex flex-col gap-2"}),s=e.tv({extend:t,defaultVariants:{size:"h3"}}),l=e.tv({base:"flex flex-col gap-2"}),r=e.tv({base:"flex flex-col gap-2 pt-2 mb-2 border-t border-border first:border-t-0 first:pt-0 last:mb-0"}),n=e.tv({extend:t,defaultVariants:{size:"h4"}}),a=e.tv({base:"flex flex-col gap-2"}),c=e.tv({extend:t,base:"p-1 rounded-md",variants:{isSelectable:{true:"cursor-pointer"},isLink:{true:"cursor-pointer underline underline-offset-4 decoration-color-1-400 text-color-1-400 hover:text-color-1-500 active:text-color-1-600",false:""},isFocused:{true:"outline outline-2 outline-offset-1 outline-gray-400"},isFocusVisible:{true:"outline outline-4 outline-offset-2 outline-black"},isSelected:{true:"bg-color-1-400 text-white hover:bg-color-1-500 active:bg-color-1-600"},isDisabled:{true:"opacity-50 pointer-events-none"},allowsSelection:{true:""}},defaultVariants:{size:"paragraph"},compoundVariants:[{isFocused:!0,isFocusVisible:!0,className:"outline outline-4 outline-offset-2 outline-black"},{isSelectable:!0,isLink:!1,className:"hover:bg-color-1-100 active:bg-color-1-200"}]}),u=e.tv({extend:t,defaultVariants:{size:"h5"}}),p=e.tv({extend:t,defaultVariants:{size:"footnotes"}}),o={option:c,label:u,description:p},d={wrapper:i,label:s,list:l,section:{wrapper:r,heading:n,group:a,item:o},item:o};module.exports=d;

package/index103.mjs

@@ -1,31 +1,91 @@
 import { tv as e } from "tailwind-variants";
-const t = e({
-  base: "text-black flex flex-row items-center hover:cursor-pointer focus-ring-black",
-  variants: {
-    isDisabled: {
-      true: "text-gray-6"
-    }
+import t from "./index112.mjs";
+const i = e({
+  base: "flex flex-col gap-2"
+}), s = e({
+  extend: t,
+  defaultVariants: {
+    size: "h3"
+  }
+}), l = e({
+  base: "flex flex-col gap-2"
+}), r = e({
+  base: "flex flex-col gap-2 pt-2 mb-2 border-t border-border first:border-t-0 first:pt-0 last:mb-0"
+}), n = e({
+  extend: t,
+  defaultVariants: {
+    size: "h4"
   }
-}), o = e({
-  base: "w-6 h-6 mt-0.5 mr-2.5 rounded-full border-2 border-gray-2 shrink-0 hover:cursor-pointer flex items-center justify-center",
+}), a = e({
+  base: "flex flex-col gap-2"
+}), c = e({
+  extend: t,
+  base: "p-1 rounded-md",
   variants: {
-    isDisabled: {
-      true: "border-gray-6"
+    isSelectable: {
+      true: "cursor-pointer"
+    },
+    isLink: {
+      true: "cursor-pointer underline underline-offset-4 decoration-color-1-400 text-color-1-400 hover:text-color-1-500 active:text-color-1-600",
+      false: ""
     },
     isFocused: {
-      true: "outline-black [outline-offset: 2px]"
+      true: "outline outline-2 outline-offset-1 outline-gray-400"
+    },
+    isFocusVisible: {
+      true: "outline outline-4 outline-offset-2 outline-black"
+    },
+    isSelected: {
+      true: "bg-color-1-400 text-white hover:bg-color-1-500 active:bg-color-1-600"
+    },
+    isDisabled: {
+      true: "opacity-50 pointer-events-none"
+    },
+    allowsSelection: {
+      true: ""
     }
-  }
-}), s = e({
-  base: "hidden w-4 h-4 bg-gray-300 rounded-full",
-  variants: {
-    selected: {
-      true: "block text-white"
+  },
+  defaultVariants: {
+    size: "paragraph"
+  },
+  compoundVariants: [
+    {
+      isFocused: !0,
+      isFocusVisible: !0,
+      className: "outline outline-4 outline-offset-2 outline-black"
+    },
+    {
+      isSelectable: !0,
+      isLink: !1,
+      className: "hover:bg-color-1-100 active:bg-color-1-200"
     }
+  ]
+}), u = e({
+  extend: t,
+  defaultVariants: {
+    size: "h5"
   }
-});
+}), p = e({
+  extend: t,
+  defaultVariants: {
+    size: "footnotes"
+  }
+}), o = {
+  option: c,
+  label: u,
+  description: p
+}, x = {
+  wrapper: i,
+  label: s,
+  list: l,
+  section: {
+    wrapper: r,
+    heading: n,
+    group: a,
+    item: o
+  },
+  item: o
+};
 export {
-  o as radio,
-  t as radioLabel,
-  s as selectedMark
+  x as default
 };

package/index104.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("tailwind-variants"),e=o.tv({base:"block",variants:{isDisabled:{true:"opacity-60 pointer-events-none"}}}),r=o.tv({base:"flex flex-col gap-4 py-8"});exports.radioGroup=e;exports.radioGroupItemsGroup=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),r=e.tv({base:"text-black flex flex-row items-center hover:cursor-pointer focus-ring-black",variants:{isDisabled:{true:"text-gray-6"}}}),t=e.tv({base:"w-6 h-6 mt-0.5 mr-2.5 rounded-full border-2 border-gray-2 shrink-0 hover:cursor-pointer flex items-center justify-center",variants:{isDisabled:{true:"border-gray-6"},isFocused:{true:"outline-black [outline-offset: 2px]"}}}),a=e.tv({base:"hidden w-4 h-4 bg-gray-300 rounded-full",variants:{selected:{true:"block text-white"}}});exports.radio=t;exports.radioLabel=r;exports.selectedMark=a;

package/index104.mjs

@@ -1,15 +1,31 @@
-import { tv as o } from "tailwind-variants";
-const r = o({
-  base: "block",
+import { tv as e } from "tailwind-variants";
+const t = e({
+  base: "text-black flex flex-row items-center hover:cursor-pointer focus-ring-black",
   variants: {
     isDisabled: {
-      true: "opacity-60 pointer-events-none"
+      true: "text-gray-6"
+    }
+  }
+}), o = e({
+  base: "w-6 h-6 mt-0.5 mr-2.5 rounded-full border-2 border-gray-2 shrink-0 hover:cursor-pointer flex items-center justify-center",
+  variants: {
+    isDisabled: {
+      true: "border-gray-6"
+    },
+    isFocused: {
+      true: "outline-black [outline-offset: 2px]"
+    }
+  }
+}), s = e({
+  base: "hidden w-4 h-4 bg-gray-300 rounded-full",
+  variants: {
+    selected: {
+      true: "block text-white"
     }
   }
-}), t = o({
-  base: "flex flex-col gap-4 py-8"
 });
 export {
-  r as radioGroup,
-  t as radioGroupItemsGroup
+  o as radio,
+  t as radioLabel,
+  s as selectedMark
 };

package/index105.js

@@ -1,7 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=e.tv({base:"p-4 w-full outline-0 search-cancel:appearance-none",variants:{isDisabled:{true:"opacity-60 pointer-events-none"}}}),n=e.tv({base:`
-    box-border 
-    absolute 
-    right-4 
-    focus-ring-black
-    outline-0
-  `});exports.searchIcon=n;exports.searchInput=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("tailwind-variants"),e=o.tv({base:"block",variants:{isDisabled:{true:"opacity-60 pointer-events-none"}}}),r=o.tv({base:"flex flex-col gap-4 py-8"});exports.radioGroup=e;exports.radioGroupItemsGroup=r;

package/index105.mjs

@@ -1,21 +1,15 @@
-import { tv as e } from "tailwind-variants";
-const o = e({
-  base: "p-4 w-full outline-0 search-cancel:appearance-none",
+import { tv as o } from "tailwind-variants";
+const r = o({
+  base: "block",
   variants: {
     isDisabled: {
       true: "opacity-60 pointer-events-none"
     }
   }
-}), a = e({
-  base: `
-    box-border 
-    absolute 
-    right-4 
-    focus-ring-black
-    outline-0
-  `
+}), t = o({
+  base: "flex flex-col gap-4 py-8"
 });
 export {
-  a as searchIcon,
-  o as searchInput
+  r as radioGroup,
+  t as radioGroupItemsGroup
 };

package/index106.js

@@ -1,15 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("tailwind-variants"),e=t.tv({base:"flex print:hidden relative",defaultVariants:{listDirection:"row"},variants:{listDirection:{row:"flex-row",column:"flex-col"}}}),o=t.tv({base:"relative z-20 !bg-color-1-500 hover:!bg-color-1-400 w-16 h-16 flex justify-center items-center active:!bg-color-1-400 rounded-full text-white focus-ring-black",variants:{isOpen:{true:"",false:""}}}),r=t.tv({base:"!bg-color-1-200 absolute opacity-0 invisible flex transition duration-300 items-center p-0 bg-primary-1 z-0 rounded-b-full rounded-t-full",defaultVariants:{listDirection:"row"},variants:{listDirection:{row:"flex-row pl-14 h-16 left-0",column:"flex-col [width:calc(100% + .5rem)] pt-14 w-16 top-0"},isOpen:{true:"opacity-100 visible",false:""}}}),n=t.tv({base:`
-    flex
-    items-center
-    justify-center
-    cursor-pointer
-    bg-color-1-200
-    hover:bg-color-1-300
-    w-full
-    text-color-1-500
-    rounded-none
-    p-2
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=e.tv({base:"p-4 w-full outline-0 search-cancel:appearance-none",variants:{isDisabled:{true:"opacity-60 pointer-events-none"}}}),n=e.tv({base:`
+    box-border 
+    absolute 
+    right-4 
     focus-ring-black
-    z-10
-    has-focus-ring:z-20
-  `,defaultVariants:{listDirection:"row"},variants:{listDirection:{row:"last:rounded-r-full h-full",column:"last:rounded-b-full"}}}),i=t.tv({base:"text-white"}),s=t.tv({base:""});exports.shareButton=o;exports.shareButtonContainer=e;exports.shareButtonIcon=i;exports.shareButtonLink=n;exports.shareButtonLinkIcons=s;exports.shareButtonLinksList=r;
+    outline-0
+  `});exports.searchIcon=n;exports.searchInput=t;

package/index106.mjs

@@ -1,73 +1,21 @@
-import { tv as t } from "tailwind-variants";
-const o = t({
-  base: "flex print:hidden relative",
-  defaultVariants: {
-    listDirection: "row"
-  },
+import { tv as e } from "tailwind-variants";
+const o = e({
+  base: "p-4 w-full outline-0 search-cancel:appearance-none",
   variants: {
-    listDirection: {
-      row: "flex-row",
-      column: "flex-col"
+    isDisabled: {
+      true: "opacity-60 pointer-events-none"
     }
   }
-}), r = t({
-  base: "relative z-20 !bg-color-1-500 hover:!bg-color-1-400 w-16 h-16 flex justify-center items-center active:!bg-color-1-400 rounded-full text-white focus-ring-black",
-  variants: {
-    isOpen: {
-      true: "",
-      false: ""
-    }
-  }
-}), i = t({
-  base: "!bg-color-1-200 absolute opacity-0 invisible flex transition duration-300 items-center p-0 bg-primary-1 z-0 rounded-b-full rounded-t-full",
-  defaultVariants: {
-    listDirection: "row"
-  },
-  variants: {
-    listDirection: {
-      row: "flex-row pl-14 h-16 left-0",
-      column: "flex-col [width:calc(100% + .5rem)] pt-14 w-16 top-0"
-    },
-    isOpen: {
-      true: "opacity-100 visible",
-      false: ""
-    }
-  }
-}), n = t({
+}), a = e({
   base: `
-    flex
-    items-center
-    justify-center
-    cursor-pointer
-    bg-color-1-200
-    hover:bg-color-1-300
-    w-full
-    text-color-1-500
-    rounded-none
-    p-2
+    box-border 
+    absolute 
+    right-4 
     focus-ring-black
-    z-10
-    has-focus-ring:z-20
-  `,
-  defaultVariants: {
-    listDirection: "row"
-  },
-  variants: {
-    listDirection: {
-      row: "last:rounded-r-full h-full",
-      column: "last:rounded-b-full"
-    }
-  }
-}), l = t({
-  base: "text-white"
-}), s = t({
-  base: ""
+    outline-0
+  `
 });
 export {
-  r as shareButton,
-  o as shareButtonContainer,
-  l as shareButtonIcon,
-  n as shareButtonLink,
-  s as shareButtonLinkIcons,
-  i as shareButtonLinksList
+  a as searchIcon,
+  o as searchInput
 };

package/index107.js

@@ -1 +1,15 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),n=e.tv({base:"m-auto fixed right-0 top-0 bottom-0 w-full max-w-[512px] [&>div]:h-full"}),t=e.tv({base:"h-full w-full flex justify-end"}),a=e.tv({base:"bg-gray-300 h-full w-full overflow-y-auto"});exports.sidePanelContainer=t;exports.sidePanelInnerContainer=a;exports.sidePanelWrapper=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("tailwind-variants"),e=t.tv({base:"flex print:hidden relative",defaultVariants:{listDirection:"row"},variants:{listDirection:{row:"flex-row",column:"flex-col"}}}),o=t.tv({base:"relative z-20 !bg-color-1-500 hover:!bg-color-1-400 w-16 h-16 flex justify-center items-center active:!bg-color-1-400 rounded-full text-white focus-ring-black",variants:{isOpen:{true:"",false:""}}}),r=t.tv({base:"!bg-color-1-200 absolute opacity-0 invisible flex transition duration-300 items-center p-0 bg-primary-1 z-0 rounded-b-full rounded-t-full",defaultVariants:{listDirection:"row"},variants:{listDirection:{row:"flex-row pl-14 h-16 left-0",column:"flex-col [width:calc(100% + .5rem)] pt-14 w-16 top-0"},isOpen:{true:"opacity-100 visible",false:""}}}),n=t.tv({base:`
+    flex
+    items-center
+    justify-center
+    cursor-pointer
+    bg-color-1-200
+    hover:bg-color-1-300
+    w-full
+    text-color-1-500
+    rounded-none
+    p-2
+    focus-ring-black
+    z-10
+    has-focus-ring:z-20
+  `,defaultVariants:{listDirection:"row"},variants:{listDirection:{row:"last:rounded-r-full h-full",column:"last:rounded-b-full"}}}),i=t.tv({base:"text-white"}),s=t.tv({base:""});exports.shareButton=o;exports.shareButtonContainer=e;exports.shareButtonIcon=i;exports.shareButtonLink=n;exports.shareButtonLinkIcons=s;exports.shareButtonLinksList=r;