@opexa/portal-components 0.0.27 → 0.0.28

package/dist/ui/Checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import { Checkbox } from '@ark-ui/react';
 export declare const withContext: <Props extends {
     [x: string]: any;
-}>(Component: import('react').ComponentType<Props>, slot: "label" | "root" | "indicator" | "group" | "control") => import('react').ComponentType<import('@ark-ui/react').Assign<Props, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+}>(Component: import("react").ComponentType<Props>, slot: "label" | "group" | "root" | "indicator" | "control") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -14,7 +14,7 @@ export declare const withContext: <Props extends {
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -27,7 +27,7 @@ export declare const withContext: <Props extends {
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -40,9 +40,9 @@ export declare const withContext: <Props extends {
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>, withProvider: <Props extends {
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>, withProvider: <Props extends {
     [x: string]: any;
-}>(Component: import('react').ComponentType<Props>, slot: "label" | "root" | "indicator" | "group" | "control") => import('react').ComponentType<import('@ark-ui/react').Assign<Props, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+}>(Component: import("react").ComponentType<Props>, slot: "label" | "group" | "root" | "indicator" | "control") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -55,7 +55,7 @@ export declare const withContext: <Props extends {
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -68,7 +68,7 @@ export declare const withContext: <Props extends {
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -81,8 +81,8 @@ export declare const withContext: <Props extends {
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Root: import('react').ComponentType<import('@ark-ui/react').Assign<Checkbox.RootProps & import('react').RefAttributes<HTMLLabelElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Root: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.RootProps & import("react").RefAttributes<HTMLLabelElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -95,7 +95,7 @@ export declare const Root: import('react').ComponentType<import('@ark-ui/react')
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -108,7 +108,7 @@ export declare const Root: import('react').ComponentType<import('@ark-ui/react')
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -121,8 +121,8 @@ export declare const Root: import('react').ComponentType<import('@ark-ui/react')
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Control: import('react').ComponentType<import('@ark-ui/react').Assign<Checkbox.ControlProps & import('react').RefAttributes<HTMLDivElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Control: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.ControlProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -135,7 +135,7 @@ export declare const Control: import('react').ComponentType<import('@ark-ui/reac
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -148,7 +148,7 @@ export declare const Control: import('react').ComponentType<import('@ark-ui/reac
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -161,8 +161,8 @@ export declare const Control: import('react').ComponentType<import('@ark-ui/reac
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Group: import('react').ComponentType<import('@ark-ui/react').Assign<Checkbox.GroupProps & import('react').RefAttributes<HTMLDivElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Group: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.GroupProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -175,7 +175,7 @@ export declare const Group: import('react').ComponentType<import('@ark-ui/react'
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -188,7 +188,7 @@ export declare const Group: import('react').ComponentType<import('@ark-ui/react'
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -201,8 +201,8 @@ export declare const Group: import('react').ComponentType<import('@ark-ui/react'
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Indicator: import('react').ComponentType<import('@ark-ui/react').Assign<Checkbox.IndicatorProps & import('react').RefAttributes<HTMLDivElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Indicator: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -215,7 +215,7 @@ export declare const Indicator: import('react').ComponentType<import('@ark-ui/re
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -228,7 +228,7 @@ export declare const Indicator: import('react').ComponentType<import('@ark-ui/re
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -241,8 +241,8 @@ export declare const Indicator: import('react').ComponentType<import('@ark-ui/re
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Label: import('react').ComponentType<import('@ark-ui/react').Assign<Checkbox.LabelProps & import('react').RefAttributes<HTMLSpanElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const Label: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.LabelProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -255,7 +255,7 @@ export declare const Label: import('react').ComponentType<import('@ark-ui/react'
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -268,7 +268,7 @@ export declare const Label: import('react').ComponentType<import('@ark-ui/react'
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -281,6 +281,6 @@ export declare const Label: import('react').ComponentType<import('@ark-ui/react'
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const HiddenInput: import('react').ForwardRefExoticComponent<Checkbox.HiddenInputProps & import('react').RefAttributes<HTMLInputElement>>;
-export declare const Context: (props: Checkbox.ContextProps) => import('react').ReactNode;
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+export declare const HiddenInput: import("react").ForwardRefExoticComponent<Checkbox.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Context: (props: Checkbox.ContextProps) => import("react").ReactNode;

package/dist/ui/Checkbox/Checkbox.jsx

@@ -0,0 +1,12 @@
+'use client';
+import { Checkbox } from '@ark-ui/react';
+import { createRecipeContext } from '../../client/utils';
+import { checkboxRecipe } from './checkbox.recipe';
+export const { withContext, withProvider } = createRecipeContext(checkboxRecipe);
+export const Root = withProvider(Checkbox.Root, 'root');
+export const Control = withContext(Checkbox.Control, 'control');
+export const Group = withContext(Checkbox.Group, 'group');
+export const Indicator = withContext(Checkbox.Indicator, 'indicator');
+export const Label = withContext(Checkbox.Label, 'label');
+export const HiddenInput = Checkbox.HiddenInput;
+export const Context = Checkbox.Context;

package/dist/ui/Checkbox/checkbox.recipe.d.ts

@@ -1,4 +1,4 @@
-export declare const checkboxRecipe: import('tailwind-variants').TVReturnType<{
+export declare const checkboxRecipe: import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -11,7 +11,7 @@ export declare const checkboxRecipe: import('tailwind-variants').TVReturnType<{
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -24,7 +24,7 @@ export declare const checkboxRecipe: import('tailwind-variants').TVReturnType<{
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -37,4 +37,4 @@ export declare const checkboxRecipe: import('tailwind-variants').TVReturnType<{
     colorScheme: {
         gray: {};
     };
-}, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/ui/Checkbox/checkbox.recipe.js

@@ -1 +1,40 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),r=require("tailwind-variants"),o=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=r.tv({slots:o.anatomyToRecipeSlots(e.checkboxAnatomy,{root:"flex items-start gap-2",control:"flex shrink-0 items-center justify-center rounded-md",label:"text-text-secondary-700"}),variants:{size:{md:{control:"size-4 rounded-[0.25rem]",indicator:"size-3"}},variant:{outline:{}},colorScheme:{gray:{}}},compoundVariants:[{variant:"outline",colorScheme:"gray",className:{control:"shadow-xs border-border-primary bg-bg-primary ui-checked:bg-button-primary-bg ui-checked:border-button-primary-bg ui-focus:border-border-brand ui-focus:shadow-brand-xs border ui-disabled:opacity-60 ui-disabled:shadow-none ui-readonly:opacity-50 ui-readonly:shadow-none",indicator:"text-button-primary-fg",label:"text-gray-600 text-xs leading-tight"}}],defaultVariants:{size:"md",variant:"outline",colorScheme:"gray"}});exports.checkboxRecipe=t;
+import { checkboxAnatomy } from '@ark-ui/react';
+import { tv } from 'tailwind-variants';
+import { anatomyToRecipeSlots } from '../../utils';
+export const checkboxRecipe = tv({
+    slots: anatomyToRecipeSlots(checkboxAnatomy, {
+        root: 'flex items-start gap-2',
+        control: 'flex shrink-0 items-center justify-center rounded-md',
+        label: 'text-text-secondary-700',
+    }),
+    variants: {
+        size: {
+            md: {
+                control: 'size-4 rounded-[0.25rem]',
+                indicator: 'size-3',
+            },
+        },
+        variant: {
+            outline: {},
+        },
+        colorScheme: {
+            gray: {},
+        },
+    },
+    compoundVariants: [
+        {
+            variant: 'outline',
+            colorScheme: 'gray',
+            className: {
+                control: 'shadow-xs border-border-primary bg-bg-primary ui-checked:bg-button-primary-bg ui-checked:border-button-primary-bg ui-focus:border-border-brand ui-focus:shadow-brand-xs border ui-disabled:opacity-60 ui-disabled:shadow-none ui-readonly:opacity-50 ui-readonly:shadow-none',
+                indicator: 'text-button-primary-fg',
+                label: 'text-gray-600 text-xs leading-tight',
+            },
+        },
+    ],
+    defaultVariants: {
+        size: 'md',
+        variant: 'outline',
+        colorScheme: 'gray',
+    },
+});

package/dist/ui/Checkbox/index.js

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

package/dist/ui/Clipboard/Clipboard.d.ts

@@ -1,5 +1,5 @@
 import { Clipboard } from '@ark-ui/react';
-export declare const Root: import('react').ComponentType<import('@ark-ui/react').Assign<Clipboard.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<Clipboard.RootProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             input: string;
@@ -23,7 +23,7 @@ export declare const Root: import('react').ComponentType<import('@ark-ui/react')
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "label" | "trigger" | "root" | "indicator" | "control", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"input" | "label" | "trigger" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             input: string;
@@ -36,7 +36,7 @@ export declare const Root: import('react').ComponentType<import('@ark-ui/react')
         gray: {};
     };
 }, Record<"input" | "label" | "trigger" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Control: import('react').ComponentType<import('@ark-ui/react').Assign<Clipboard.ControlProps & import('react').RefAttributes<HTMLDivElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+export declare const Control: import("react").ComponentType<import("@ark-ui/react").Assign<Clipboard.ControlProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             input: string;
@@ -60,7 +60,7 @@ export declare const Control: import('react').ComponentType<import('@ark-ui/reac
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "label" | "trigger" | "root" | "indicator" | "control", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"input" | "label" | "trigger" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             input: string;
@@ -73,7 +73,7 @@ export declare const Control: import('react').ComponentType<import('@ark-ui/reac
         gray: {};
     };
 }, Record<"input" | "label" | "trigger" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Indicator: import('react').ComponentType<import('@ark-ui/react').Assign<Clipboard.IndicatorProps & import('react').RefAttributes<HTMLDivElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+export declare const Indicator: import("react").ComponentType<import("@ark-ui/react").Assign<Clipboard.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             input: string;
@@ -97,7 +97,7 @@ export declare const Indicator: import('react').ComponentType<import('@ark-ui/re
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "label" | "trigger" | "root" | "indicator" | "control", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"input" | "label" | "trigger" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             input: string;
@@ -110,7 +110,7 @@ export declare const Indicator: import('react').ComponentType<import('@ark-ui/re
         gray: {};
     };
 }, Record<"input" | "label" | "trigger" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Input: import('react').ComponentType<import('@ark-ui/react').Assign<Clipboard.InputProps & import('react').RefAttributes<HTMLInputElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+export declare const Input: import("react").ComponentType<import("@ark-ui/react").Assign<Clipboard.InputProps & import("react").RefAttributes<HTMLInputElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             input: string;
@@ -134,7 +134,7 @@ export declare const Input: import('react').ComponentType<import('@ark-ui/react'
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "label" | "trigger" | "root" | "indicator" | "control", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"input" | "label" | "trigger" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             input: string;
@@ -147,7 +147,7 @@ export declare const Input: import('react').ComponentType<import('@ark-ui/react'
         gray: {};
     };
 }, Record<"input" | "label" | "trigger" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Label: import('react').ComponentType<import('@ark-ui/react').Assign<Clipboard.LabelProps & import('react').RefAttributes<HTMLLabelElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+export declare const Label: import("react").ComponentType<import("@ark-ui/react").Assign<Clipboard.LabelProps & import("react").RefAttributes<HTMLLabelElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             input: string;
@@ -171,7 +171,7 @@ export declare const Label: import('react').ComponentType<import('@ark-ui/react'
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "label" | "trigger" | "root" | "indicator" | "control", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"input" | "label" | "trigger" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             input: string;
@@ -184,7 +184,7 @@ export declare const Label: import('react').ComponentType<import('@ark-ui/react'
         gray: {};
     };
 }, Record<"input" | "label" | "trigger" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Trigger: import('react').ComponentType<import('@ark-ui/react').Assign<Clipboard.TriggerProps & import('react').RefAttributes<HTMLButtonElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+export declare const Trigger: import("react").ComponentType<import("@ark-ui/react").Assign<Clipboard.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             input: string;
@@ -208,7 +208,7 @@ export declare const Trigger: import('react').ComponentType<import('@ark-ui/reac
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "label" | "trigger" | "root" | "indicator" | "control", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"input" | "label" | "trigger" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             input: string;
@@ -221,4 +221,4 @@ export declare const Trigger: import('react').ComponentType<import('@ark-ui/reac
         gray: {};
     };
 }, Record<"input" | "label" | "trigger" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Context: (props: Clipboard.ContextProps) => import('react').ReactNode;
+export declare const Context: (props: Clipboard.ContextProps) => import("react").ReactNode;

package/dist/ui/Clipboard/Clipboard.jsx

@@ -0,0 +1,12 @@
+'use client';
+import { Clipboard } from '@ark-ui/react';
+import { createRecipeContext } from '../../client/utils';
+import { clipboardRecipe } from './clipboard.recipe';
+const { withProvider, withContext } = createRecipeContext(clipboardRecipe);
+export const Root = withProvider(Clipboard.Root, 'root');
+export const Control = withContext(Clipboard.Control, 'control');
+export const Indicator = withContext(Clipboard.Indicator, 'indicator');
+export const Input = withContext(Clipboard.Input, 'input');
+export const Label = withContext(Clipboard.Label, 'label');
+export const Trigger = withContext(Clipboard.Trigger, 'trigger');
+export const Context = Clipboard.Context;

package/dist/ui/Clipboard/clipboard.recipe.d.ts

@@ -1,4 +1,4 @@
-export declare const clipboardRecipe: import('tailwind-variants').TVReturnType<{
+export declare const clipboardRecipe: import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             input: string;
@@ -22,7 +22,7 @@ export declare const clipboardRecipe: import('tailwind-variants').TVReturnType<{
     colorScheme: {
         gray: {};
     };
-}, Record<"input" | "label" | "trigger" | "root" | "indicator" | "control", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"input" | "label" | "trigger" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             input: string;

package/dist/ui/Clipboard/clipboard.recipe.js

@@ -1 +1,38 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),r=require("tailwind-variants"),o=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:o.anatomyToRecipeSlots(e.clipboardAnatomy,{label:"text-input-label-fg mb-sm inline-block text-sm font-medium",input:"rounded-md"}),variants:{size:{md:{input:"h-11 px-3.5"}},variant:{outline:{}},colorScheme:{gray:{}}},compoundVariants:[{variant:"outline",colorScheme:"gray",className:{input:["shadow-xs border-border-primary placeholder:text-text-placeholder-subtle bg-bg-primary focus:border-border-brand focus:shadow-brand-xs border read-only:opacity-60 read-only:shadow-none disabled:opacity-50 disabled:shadow-none"]}}],defaultVariants:{size:"md",variant:"outline",colorScheme:"gray"}});exports.clipboardRecipe=a;
+import { clipboardAnatomy } from '@ark-ui/react';
+import { tv } from 'tailwind-variants';
+import { anatomyToRecipeSlots } from '../../utils';
+export const clipboardRecipe = tv({
+    slots: anatomyToRecipeSlots(clipboardAnatomy, {
+        label: 'text-input-label-fg mb-sm inline-block text-sm font-medium',
+        input: 'rounded-md',
+    }),
+    variants: {
+        size: {
+            md: {
+                input: 'h-11 px-3.5',
+            },
+        },
+        variant: {
+            outline: {},
+        },
+        colorScheme: {
+            gray: {},
+        },
+    },
+    compoundVariants: [
+        {
+            variant: 'outline',
+            colorScheme: 'gray',
+            className: {
+                input: [
+                    'shadow-xs border-border-primary placeholder:text-text-placeholder-subtle bg-bg-primary focus:border-border-brand focus:shadow-brand-xs border read-only:opacity-60 read-only:shadow-none disabled:opacity-50 disabled:shadow-none',
+                ],
+            },
+        },
+    ],
+    defaultVariants: {
+        size: 'md',
+        variant: 'outline',
+        colorScheme: 'gray',
+    },
+});

package/dist/ui/Clipboard/index.js

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