@opexa/portal-components 0.0.27 → 0.0.28

package/dist/ui/Table/Table.d.ts

@@ -1,4 +1,4 @@
-export declare const Root: import('react').ComponentType<import('@ark-ui/react').Assign<import('react').ClassAttributes<HTMLTableElement> & import('react').TableHTMLAttributes<HTMLTableElement> & import('@ark-ui/react').PolymorphicProps, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+export declare const Root: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableElement> & import("react").TableHTMLAttributes<HTMLTableElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -12,7 +12,7 @@ export declare const Root: import('react').ComponentType<import('@ark-ui/react')
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -26,7 +26,7 @@ export declare const Root: import('react').ComponentType<import('@ark-ui/react')
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -40,8 +40,8 @@ export declare const Root: import('react').ComponentType<import('@ark-ui/react')
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Header: import('react').ComponentType<import('@ark-ui/react').Assign<import('react').ClassAttributes<HTMLTableSectionElement> & import('react').HTMLAttributes<HTMLTableSectionElement> & import('@ark-ui/react').PolymorphicProps, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Header: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableSectionElement> & import("react").HTMLAttributes<HTMLTableSectionElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -55,7 +55,7 @@ export declare const Header: import('react').ComponentType<import('@ark-ui/react
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -69,7 +69,7 @@ export declare const Header: import('react').ComponentType<import('@ark-ui/react
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -83,8 +83,8 @@ export declare const Header: import('react').ComponentType<import('@ark-ui/react
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Body: import('react').ComponentType<import('@ark-ui/react').Assign<import('react').ClassAttributes<HTMLTableSectionElement> & import('react').HTMLAttributes<HTMLTableSectionElement> & import('@ark-ui/react').PolymorphicProps, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Body: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableSectionElement> & import("react").HTMLAttributes<HTMLTableSectionElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -98,7 +98,7 @@ export declare const Body: import('react').ComponentType<import('@ark-ui/react')
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -112,7 +112,7 @@ export declare const Body: import('react').ComponentType<import('@ark-ui/react')
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -126,8 +126,8 @@ export declare const Body: import('react').ComponentType<import('@ark-ui/react')
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Footer: import('react').ComponentType<import('@ark-ui/react').Assign<import('react').ClassAttributes<HTMLTableSectionElement> & import('react').HTMLAttributes<HTMLTableSectionElement> & import('@ark-ui/react').PolymorphicProps, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Footer: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableSectionElement> & import("react").HTMLAttributes<HTMLTableSectionElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -141,7 +141,7 @@ export declare const Footer: import('react').ComponentType<import('@ark-ui/react
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -155,7 +155,7 @@ export declare const Footer: import('react').ComponentType<import('@ark-ui/react
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -169,8 +169,8 @@ export declare const Footer: import('react').ComponentType<import('@ark-ui/react
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Row: import('react').ComponentType<import('@ark-ui/react').Assign<import('react').ClassAttributes<HTMLTableRowElement> & import('react').HTMLAttributes<HTMLTableRowElement> & import('@ark-ui/react').PolymorphicProps, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Row: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableRowElement> & import("react").HTMLAttributes<HTMLTableRowElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -184,7 +184,7 @@ export declare const Row: import('react').ComponentType<import('@ark-ui/react').
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -198,7 +198,7 @@ export declare const Row: import('react').ComponentType<import('@ark-ui/react').
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -212,8 +212,8 @@ export declare const Row: import('react').ComponentType<import('@ark-ui/react').
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Heading: import('react').ComponentType<import('@ark-ui/react').Assign<import('react').ClassAttributes<HTMLTableHeaderCellElement> & import('react').ThHTMLAttributes<HTMLTableHeaderCellElement> & import('@ark-ui/react').PolymorphicProps, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Heading: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableHeaderCellElement> & import("react").ThHTMLAttributes<HTMLTableHeaderCellElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -227,7 +227,7 @@ export declare const Heading: import('react').ComponentType<import('@ark-ui/reac
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -241,7 +241,7 @@ export declare const Heading: import('react').ComponentType<import('@ark-ui/reac
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -255,8 +255,8 @@ export declare const Heading: import('react').ComponentType<import('@ark-ui/reac
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Cell: import('react').ComponentType<import('@ark-ui/react').Assign<import('react').ClassAttributes<HTMLTableDataCellElement> & import('react').TdHTMLAttributes<HTMLTableDataCellElement> & import('@ark-ui/react').PolymorphicProps, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Cell: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableDataCellElement> & import("react").TdHTMLAttributes<HTMLTableDataCellElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -270,7 +270,7 @@ export declare const Cell: import('react').ComponentType<import('@ark-ui/react')
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -284,7 +284,7 @@ export declare const Cell: import('react').ComponentType<import('@ark-ui/react')
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -298,4 +298,4 @@ export declare const Cell: import('react').ComponentType<import('@ark-ui/react')
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;

package/dist/ui/Table/Table.jsx

@@ -0,0 +1,12 @@
+'use client';
+import { ark } from '@ark-ui/react';
+import { createRecipeContext } from '../../client/utils';
+import { tableRecipe } from './table.recipe';
+const { withProvider, withContext } = createRecipeContext(tableRecipe);
+export const Root = withProvider(ark.table, 'root');
+export const Header = withContext(ark.thead, 'header');
+export const Body = withContext(ark.tbody, 'body');
+export const Footer = withContext(ark.tfoot, 'footer');
+export const Row = withContext(ark.tr, 'row');
+export const Heading = withContext(ark.th, 'heading');
+export const Cell = withContext(ark.td, 'cell');

package/dist/ui/Table/index.js

@@ -0,0 +1 @@
+export * as Table from './Table';

package/dist/ui/Table/table.anatomy.d.ts

@@ -1 +1 @@
-export declare const tableAnatomy: import('@ark-ui/anatomy').AnatomyInstance<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row">;
+export declare const tableAnatomy: import("@ark-ui/anatomy").AnatomyInstance<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root">;

package/dist/ui/Table/table.anatomy.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/anatomy"),t=e.createAnatomy("table").parts("root","header","body","footer","row","cell","heading");exports.tableAnatomy=t;
+import { createAnatomy } from '@ark-ui/anatomy';
+export const tableAnatomy = createAnatomy('table').parts('root', 'header', 'body', 'footer', 'row', 'cell', 'heading');

package/dist/ui/Table/table.recipe.d.ts

@@ -1,4 +1,4 @@
-export declare const tableRecipe: import('tailwind-variants').TVReturnType<{
+export declare const tableRecipe: import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -12,7 +12,7 @@ export declare const tableRecipe: import('tailwind-variants').TVReturnType<{
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -26,7 +26,7 @@ export declare const tableRecipe: import('tailwind-variants').TVReturnType<{
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -40,4 +40,4 @@ export declare const tableRecipe: import('tailwind-variants').TVReturnType<{
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/ui/Table/table.recipe.js

@@ -1 +1,27 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),r=require("../../utils/anatomyToRecipeSlots.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const t=require("./table.anatomy.js"),o=e.tv({slots:r.anatomyToRecipeSlots(t.tableAnatomy,{root:"w-full whitespace-nowrap"}),variants:{size:{md:{root:"border-border-secondary border",heading:"text-text-tertiary-600 px-3xl py-lg text-left text-2xs font-medium",cell:"px-3xl py-xl text-sm"}},variant:{outline:{header:"tr:bg-bg-secondary tr:border-b tr:border-border-secondary",body:"tr:border-border-secondary tr:border-b tr:last:border-b-0"}}},defaultVariants:{size:"md",variant:"outline"}});exports.tableRecipe=o;
+import { tv } from 'tailwind-variants';
+import { anatomyToRecipeSlots } from '../../utils';
+import { tableAnatomy } from './table.anatomy';
+export const tableRecipe = tv({
+    slots: anatomyToRecipeSlots(tableAnatomy, {
+        root: 'w-full whitespace-nowrap',
+    }),
+    variants: {
+        size: {
+            md: {
+                root: 'border-border-secondary border',
+                heading: 'text-text-tertiary-600 px-3xl py-lg text-left text-2xs font-medium',
+                cell: 'px-3xl py-xl text-sm',
+            },
+        },
+        variant: {
+            outline: {
+                header: 'tr:bg-bg-secondary tr:border-b tr:border-border-secondary',
+                body: 'tr:border-border-secondary tr:border-b tr:last:border-b-0',
+            },
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+        variant: 'outline',
+    },
+});

package/dist/ui/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import { Tabs } from '@ark-ui/react';
-export declare const Root: import('react').ComponentType<import('@ark-ui/react').Assign<Tabs.RootProps & import('react').RefAttributes<HTMLDivElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+export declare const Root: import("react").ComponentType<import("@ark-ui/react").Assign<Tabs.RootProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -11,7 +11,7 @@ export declare const Root: import('react').ComponentType<import('@ark-ui/react')
             trigger: string;
         };
     };
-}, Record<"content" | "trigger" | "root" | "indicator" | "list", string | string[]>, undefined, {
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, {
     size: {
         md: {};
     };
@@ -23,7 +23,7 @@ export declare const Root: import('react').ComponentType<import('@ark-ui/react')
             trigger: string;
         };
     };
-}, Record<"content" | "trigger" | "root" | "indicator" | "list", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -35,8 +35,8 @@ export declare const Root: import('react').ComponentType<import('@ark-ui/react')
             trigger: string;
         };
     };
-}, Record<"content" | "trigger" | "root" | "indicator" | "list", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Content: import('react').ComponentType<import('@ark-ui/react').Assign<Tabs.ContentProps & import('react').RefAttributes<HTMLDivElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Content: import("react").ComponentType<import("@ark-ui/react").Assign<Tabs.ContentProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -48,7 +48,7 @@ export declare const Content: import('react').ComponentType<import('@ark-ui/reac
             trigger: string;
         };
     };
-}, Record<"content" | "trigger" | "root" | "indicator" | "list", string | string[]>, undefined, {
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, {
     size: {
         md: {};
     };
@@ -60,7 +60,7 @@ export declare const Content: import('react').ComponentType<import('@ark-ui/reac
             trigger: string;
         };
     };
-}, Record<"content" | "trigger" | "root" | "indicator" | "list", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -72,8 +72,8 @@ export declare const Content: import('react').ComponentType<import('@ark-ui/reac
             trigger: string;
         };
     };
-}, Record<"content" | "trigger" | "root" | "indicator" | "list", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Indicator: import('react').ComponentType<import('@ark-ui/react').Assign<Tabs.IndicatorProps & import('react').RefAttributes<HTMLDivElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Indicator: import("react").ComponentType<import("@ark-ui/react").Assign<Tabs.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -85,7 +85,7 @@ export declare const Indicator: import('react').ComponentType<import('@ark-ui/re
             trigger: string;
         };
     };
-}, Record<"content" | "trigger" | "root" | "indicator" | "list", string | string[]>, undefined, {
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, {
     size: {
         md: {};
     };
@@ -97,7 +97,7 @@ export declare const Indicator: import('react').ComponentType<import('@ark-ui/re
             trigger: string;
         };
     };
-}, Record<"content" | "trigger" | "root" | "indicator" | "list", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -109,8 +109,8 @@ export declare const Indicator: import('react').ComponentType<import('@ark-ui/re
             trigger: string;
         };
     };
-}, Record<"content" | "trigger" | "root" | "indicator" | "list", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const List: import('react').ComponentType<import('@ark-ui/react').Assign<Tabs.ListProps & import('react').RefAttributes<HTMLDivElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const List: import("react").ComponentType<import("@ark-ui/react").Assign<Tabs.ListProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -122,7 +122,7 @@ export declare const List: import('react').ComponentType<import('@ark-ui/react')
             trigger: string;
         };
     };
-}, Record<"content" | "trigger" | "root" | "indicator" | "list", string | string[]>, undefined, {
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, {
     size: {
         md: {};
     };
@@ -134,7 +134,7 @@ export declare const List: import('react').ComponentType<import('@ark-ui/react')
             trigger: string;
         };
     };
-}, Record<"content" | "trigger" | "root" | "indicator" | "list", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -146,8 +146,8 @@ export declare const List: import('react').ComponentType<import('@ark-ui/react')
             trigger: string;
         };
     };
-}, Record<"content" | "trigger" | "root" | "indicator" | "list", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Trigger: import('react').ComponentType<import('@ark-ui/react').Assign<Tabs.TriggerProps & import('react').RefAttributes<HTMLButtonElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Trigger: import("react").ComponentType<import("@ark-ui/react").Assign<Tabs.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -159,7 +159,7 @@ export declare const Trigger: import('react').ComponentType<import('@ark-ui/reac
             trigger: string;
         };
     };
-}, Record<"content" | "trigger" | "root" | "indicator" | "list", string | string[]>, undefined, {
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, {
     size: {
         md: {};
     };
@@ -171,7 +171,7 @@ export declare const Trigger: import('react').ComponentType<import('@ark-ui/reac
             trigger: string;
         };
     };
-}, Record<"content" | "trigger" | "root" | "indicator" | "list", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -183,5 +183,5 @@ export declare const Trigger: import('react').ComponentType<import('@ark-ui/reac
             trigger: string;
         };
     };
-}, Record<"content" | "trigger" | "root" | "indicator" | "list", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Context: (props: Tabs.ContextProps) => import('react').ReactNode;
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Context: (props: Tabs.ContextProps) => import("react").ReactNode;

package/dist/ui/Tabs/Tabs.jsx

@@ -0,0 +1,11 @@
+'use client';
+import { Tabs } from '@ark-ui/react';
+import { createRecipeContext } from '../../client/utils';
+import { tabsRecipe } from './tabs.recipe';
+const { withContext, withProvider } = createRecipeContext(tabsRecipe);
+export const Root = withProvider(Tabs.Root, 'root');
+export const Content = withContext(Tabs.Content, 'content');
+export const Indicator = withContext(Tabs.Indicator, 'indicator');
+export const List = withContext(Tabs.List, 'list');
+export const Trigger = withContext(Tabs.Trigger, 'trigger');
+export const Context = Tabs.Context;

package/dist/ui/Tabs/index.js

@@ -0,0 +1 @@
+export * as Tabs from './Tabs';

package/dist/ui/Tabs/tabs.recipe.d.ts

@@ -1,4 +1,4 @@
-export declare const tabsRecipe: import('tailwind-variants').TVReturnType<{
+export declare const tabsRecipe: import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -10,7 +10,7 @@ export declare const tabsRecipe: import('tailwind-variants').TVReturnType<{
             trigger: string;
         };
     };
-}, Record<"content" | "trigger" | "root" | "indicator" | "list", string | string[]>, undefined, {
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, {
     size: {
         md: {};
     };
@@ -22,7 +22,7 @@ export declare const tabsRecipe: import('tailwind-variants').TVReturnType<{
             trigger: string;
         };
     };
-}, Record<"content" | "trigger" | "root" | "indicator" | "list", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -34,4 +34,4 @@ export declare const tabsRecipe: import('tailwind-variants').TVReturnType<{
             trigger: string;
         };
     };
-}, Record<"content" | "trigger" | "root" | "indicator" | "list", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/ui/Tabs/tabs.recipe.js

@@ -1 +1,33 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),r=require("tailwind-variants"),t=require("../../utils/anatomyToRecipeSlots.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const a=r.tv({slots:t.anatomyToRecipeSlots(e.tabsAnatomy),variants:{size:{md:{}},variant:{unstyled:{},default:{list:"border-border-secondary bg-bg-primary-alt bg-gray-50 relative flex w-fit gap-md rounded-md border p-1",indicator:"bg-bg-primary-hover h-[var(--height)] w-[var(--width)]",trigger:"z-1 text-text-quarterary-500 ui-selected:text-text-primary-brand relative transition-all duration-200"}}},compoundVariants:[{size:"md",variant:"default",className:{indicator:"rounded-sm shadow-sm",trigger:"px-lg py-md text-sm font-semibold"}}],defaultVariants:{size:"md",variant:"default"}});exports.tabsRecipe=a;
+import { tabsAnatomy } from '@ark-ui/react';
+import { tv } from 'tailwind-variants';
+import { anatomyToRecipeSlots } from '../../utils';
+export const tabsRecipe = tv({
+    slots: anatomyToRecipeSlots(tabsAnatomy),
+    variants: {
+        size: {
+            md: {},
+        },
+        variant: {
+            unstyled: {},
+            default: {
+                list: 'border-border-secondary bg-bg-primary-alt bg-gray-50 relative flex w-fit gap-md rounded-md border p-1',
+                indicator: 'bg-bg-primary-hover h-[var(--height)] w-[var(--width)]',
+                trigger: 'z-1 text-text-quarterary-500 ui-selected:text-text-primary-brand relative transition-all duration-200',
+            },
+        },
+    },
+    compoundVariants: [
+        {
+            size: 'md',
+            variant: 'default',
+            className: {
+                indicator: 'rounded-sm shadow-sm',
+                trigger: 'px-lg py-md text-sm font-semibold',
+            },
+        },
+    ],
+    defaultVariants: {
+        size: 'md',
+        variant: 'default',
+    },
+});

package/dist/ui/Tooltip/Tooltip.jsx

@@ -0,0 +1,2 @@
+'use client';
+export const Root = () => null;

package/dist/ui/Tooltip/index.js

@@ -0,0 +1 @@
+export * as Tooltip from './Tooltip';

package/dist/ui/Tooltip/tooltip.recipe.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/ui/Tooltip/tooltip.recipe.js

@@ -0,0 +1 @@
+"use strict";

package/dist/ui/index.js

@@ -0,0 +1,26 @@
+export * from './AlertDialog';
+export * from './Avatar';
+export * from './Badge';
+export * from './Button';
+export * from './Checkbox';
+export * from './Clipboard';
+export * from './Collapsible';
+export * from './Combobox';
+export * from './DatePicker';
+export * from './Dialog';
+export * from './Drawer';
+export * from './Field';
+export * from './IconButton';
+export * from './Menu';
+export * from './NumberInput';
+export * from './PasswordInput';
+export * from './PinInput';
+export * from './Popover';
+export * from './Presence';
+export * from './Progress';
+export * from './Prose';
+export * from './SegmentGroup';
+export * from './Select';
+export * from './Table';
+export * from './Tabs';
+export * from './Tooltip';

package/dist/utils/anatomyToRecipeSlots.d.ts

@@ -1,4 +1,4 @@
-import { AnatomyInstance } from '@ark-ui/anatomy';
+import type { AnatomyInstance } from '@ark-ui/anatomy';
 /**
  * Converts a component anatomy into a valid tailwind variant slot recipe
  * and optionally, accepts initial base styles.

package/dist/utils/anatomyToRecipeSlots.js

@@ -1 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(o,s={}){return o.keys().reduce((e,t)=>(e[t]=s[t]??"",e),{})}exports.anatomyToRecipeSlots=n;
+/**
+ * Converts a component anatomy into a valid tailwind variant slot recipe
+ * and optionally, accepts initial base styles.
+ */
+export function anatomyToRecipeSlots(anatomy, baseStyles = {}) {
+    const styles = anatomy.keys().reduce((acc, key) => {
+        acc[key] = baseStyles[key] ?? '';
+        return acc;
+    }, {});
+    return styles;
+}