@okam/stack-ui 1.19.1 → 1.20.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@okam/stack-ui",
   "main": "./index.js",
-  "version": "1.19.1",
+  "version": "1.20.0",
   "types": "./index.d.ts",
   "exports": {
     ".": {

package/providers/Accordion/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { TAccordionContext, TAccordionProviderProps } from './interface';
+export declare const useAccordionCtx: () => TAccordionContext, AccordionProvider: import("react").Provider<TAccordionContext | undefined>;
+export declare function AccordionContextProvider(props: TAccordionProviderProps): import("react/jsx-runtime").JSX.Element;

package/providers/Accordion/interface.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import type { TreeState } from 'react-stately';
+import type { TAccordionItemProps, TAccordionProps } from '../../components/Accordion/interface';
+type TAccordion = NonNullable<Pick<TAccordionProps, 'TransitionAnimation'>>;
+export interface TAccordionProviderProps extends TAccordion {
+    children: ReactNode;
+    state: TreeState<TAccordionItemProps>;
+}
+export type TAccordionContext = TAccordion & {
+    state: TreeState<TAccordionItemProps>;
+};
+export {};

package/providers/CheckboxGroup/interface.d.ts

@@ -1,5 +1,6 @@
 import type React from 'react';
-import type { CheckboxGroupProps } from 'react-stately';
+import type { CheckboxGroupProps, CheckboxGroupState } from 'react-stately';
 export interface TCheckboxGroupContext extends CheckboxGroupProps {
     children: React.ReactNode;
+    state: CheckboxGroupState;
 }

package/theme/Accordion/index.d.ts

@@ -1,3 +1,4 @@
+import type { TToken } from '../../providers/Theme/interface';
 export declare const accordionContainer: import("tailwind-variants").TVReturnType<{
     textAlign: {
         center: "text-center";
@@ -164,64 +165,36 @@ export declare const accordionIcon: import("tailwind-variants").TVReturnType<{
     };
 }>, unknown, unknown, undefined>>;
 export declare const accordionRegion: import("tailwind-variants").TVReturnType<{
-    isOpen: {
-        true: "pb-8 pt-3 grid-rows-[1fr]";
-        false: "";
-    };
     textAlign: {
         center: "grid-cols-[3rem_1fr_3rem] px-6 text-center";
         left: "grid-cols-[1fr_3rem] text-left";
     };
-}, undefined, "font-body text-inherit h-auto grid grid-rows-[0fr] transition-all duration-500", import("tailwind-variants/dist/config").TVConfig<{
-    isOpen: {
-        true: "pb-8 pt-3 grid-rows-[1fr]";
-        false: "";
-    };
+}, undefined, "\n    font-body \n    text-inherit\n    h-auto\n    grid\n  ", import("tailwind-variants/dist/config").TVConfig<{
     textAlign: {
         center: "grid-cols-[3rem_1fr_3rem] px-6 text-center";
         left: "grid-cols-[1fr_3rem] text-left";
     };
 }, {
-    isOpen: {
-        true: "pb-8 pt-3 grid-rows-[1fr]";
-        false: "";
-    };
     textAlign: {
         center: "grid-cols-[3rem_1fr_3rem] px-6 text-center";
         left: "grid-cols-[1fr_3rem] text-left";
     };
 }>, {
-    isOpen: {
-        true: "pb-8 pt-3 grid-rows-[1fr]";
-        false: "";
-    };
     textAlign: {
         center: "grid-cols-[3rem_1fr_3rem] px-6 text-center";
         left: "grid-cols-[1fr_3rem] text-left";
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
-    isOpen: {
-        true: "pb-8 pt-3 grid-rows-[1fr]";
-        false: "";
-    };
     textAlign: {
         center: "grid-cols-[3rem_1fr_3rem] px-6 text-center";
         left: "grid-cols-[1fr_3rem] text-left";
     };
-}, undefined, "font-body text-inherit h-auto grid grid-rows-[0fr] transition-all duration-500", import("tailwind-variants/dist/config").TVConfig<{
-    isOpen: {
-        true: "pb-8 pt-3 grid-rows-[1fr]";
-        false: "";
-    };
+}, undefined, "\n    font-body \n    text-inherit\n    h-auto\n    grid\n  ", import("tailwind-variants/dist/config").TVConfig<{
     textAlign: {
         center: "grid-cols-[3rem_1fr_3rem] px-6 text-center";
         left: "grid-cols-[1fr_3rem] text-left";
     };
 }, {
-    isOpen: {
-        true: "pb-8 pt-3 grid-rows-[1fr]";
-        false: "";
-    };
     textAlign: {
         center: "grid-cols-[3rem_1fr_3rem] px-6 text-center";
         left: "grid-cols-[1fr_3rem] text-left";
@@ -232,7 +205,7 @@ export declare const accordionContent: import("tailwind-variants").TVReturnType<
         center: "col-start-2";
         left: "";
     };
-}, undefined, "overflow-hidden", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "overflow-hidden flex flex-col gap-2 items-start", import("tailwind-variants/dist/config").TVConfig<{
     textAlign: {
         center: "col-start-2";
         left: "";
@@ -252,7 +225,7 @@ export declare const accordionContent: import("tailwind-variants").TVReturnType<
         center: "col-start-2";
         left: "";
     };
-}, undefined, "overflow-hidden", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "overflow-hidden flex flex-col gap-2 items-start", import("tailwind-variants/dist/config").TVConfig<{
     textAlign: {
         center: "col-start-2";
         left: "";
@@ -263,3 +236,11 @@ export declare const accordionContent: import("tailwind-variants").TVReturnType<
         left: "";
     };
 }>, unknown, unknown, undefined>>;
+export declare const accordionTheme: {
+    container: (props: TToken) => string;
+    button: (props: TToken) => string;
+    title: (props: TToken) => string;
+    icon: (props: TToken) => string;
+    region: (props: TToken) => string;
+    content: (props: TToken) => string;
+};

package/transitions/AccordionTransition.d.ts

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

package/transitions/RenderWithOpacity.d.ts

@@ -1,7 +1,4 @@
-import React from 'react';
-interface TProps {
-    isVisible: boolean;
-    children: React.ReactNode;
-}
-declare const RenderWithOpacity: ({ isVisible, children }: TProps) => JSX.Element;
+/// <reference types="react" />
+import type { TTransition } from '../types/components';
+declare const RenderWithOpacity: ({ isVisible, children, themeName, tokens, customTheme }: TTransition) => JSX.Element;
 export default RenderWithOpacity;

package/types/components.d.ts

@@ -19,5 +19,9 @@ export type TReactHookForm = {
     pattern?: string | undefined;
     validation?: object;
 };
+export interface TTransition extends TDefaultComponent {
+    isVisible: boolean;
+    children: React.ReactNode;
+}
 export type Nullable<T> = T | undefined | null;
 export type Maybe<T> = T | null;