@opexa/portal-components 0.0.27 → 0.0.28

package/dist/ui/Popover/Popover.jsx

@@ -0,0 +1,17 @@
+'use client';
+import { Popover } from '@ark-ui/react';
+import { createRecipeContext } from '../../client/utils';
+import { popoverRecipe } from './popover.recipe';
+const { withRootProvider, withContext } = createRecipeContext(popoverRecipe);
+export const Root = withRootProvider(Popover.Root);
+export const Anchor = withContext(Popover.Anchor, 'anchor');
+export const Arrow = withContext(Popover.Arrow, 'arrow');
+export const ArrowTip = withContext(Popover.ArrowTip, 'arrowTip');
+export const CloseTrigger = withContext(Popover.CloseTrigger, 'closeTrigger');
+export const Content = withContext(Popover.Content, 'content');
+export const Description = withContext(Popover.Description, 'description');
+export const Indicator = withContext(Popover.Indicator, 'indicator');
+export const Positioner = withContext(Popover.Positioner, 'positioner');
+export const Title = withContext(Popover.Title, 'title');
+export const Trigger = withContext(Popover.Trigger, 'trigger');
+export const Context = Popover.Context;

package/dist/ui/Popover/index.js

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

package/dist/ui/Popover/popover.recipe.d.ts

@@ -1,46 +1,46 @@
-export declare const popoverRecipe: import('tailwind-variants').TVReturnType<{
+export declare const popoverRecipe: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-variants').ClassValue | {
-            title?: import('tailwind-variants').ClassValue;
-            content?: import('tailwind-variants').ClassValue;
-            anchor?: import('tailwind-variants').ClassValue;
-            trigger?: import('tailwind-variants').ClassValue;
-            positioner?: import('tailwind-variants').ClassValue;
-            description?: import('tailwind-variants').ClassValue;
-            closeTrigger?: import('tailwind-variants').ClassValue;
-            indicator?: import('tailwind-variants').ClassValue;
-            arrow?: import('tailwind-variants').ClassValue;
-            arrowTip?: import('tailwind-variants').ClassValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            title?: import("tailwind-variants").ClassValue;
+            content?: import("tailwind-variants").ClassValue;
+            anchor?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
+            closeTrigger?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-variants').ClassValue | {
-            title?: import('tailwind-variants').ClassValue;
-            content?: import('tailwind-variants').ClassValue;
-            anchor?: import('tailwind-variants').ClassValue;
-            trigger?: import('tailwind-variants').ClassValue;
-            positioner?: import('tailwind-variants').ClassValue;
-            description?: import('tailwind-variants').ClassValue;
-            closeTrigger?: import('tailwind-variants').ClassValue;
-            indicator?: import('tailwind-variants').ClassValue;
-            arrow?: import('tailwind-variants').ClassValue;
-            arrowTip?: import('tailwind-variants').ClassValue;
+        [x: string]: import("tailwind-variants").ClassValue | {
+            title?: import("tailwind-variants").ClassValue;
+            content?: import("tailwind-variants").ClassValue;
+            anchor?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
+            closeTrigger?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, Record<"title" | "content" | "anchor" | "trigger" | "positioner" | "description" | "closeTrigger" | "indicator" | "arrow" | "arrowTip", string | string[]>, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-variants').ClassValue | {
-            title?: import('tailwind-variants').ClassValue;
-            content?: import('tailwind-variants').ClassValue;
-            anchor?: import('tailwind-variants').ClassValue;
-            trigger?: import('tailwind-variants').ClassValue;
-            positioner?: import('tailwind-variants').ClassValue;
-            description?: import('tailwind-variants').ClassValue;
-            closeTrigger?: import('tailwind-variants').ClassValue;
-            indicator?: import('tailwind-variants').ClassValue;
-            arrow?: import('tailwind-variants').ClassValue;
-            arrowTip?: import('tailwind-variants').ClassValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            title?: import("tailwind-variants").ClassValue;
+            content?: import("tailwind-variants").ClassValue;
+            anchor?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            positioner?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
+            closeTrigger?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            arrowTip?: import("tailwind-variants").ClassValue;
         };
     };
-} | {}, Record<"title" | "content" | "anchor" | "trigger" | "positioner" | "description" | "closeTrigger" | "indicator" | "arrow" | "arrowTip", string | string[]>, import('tailwind-variants').TVReturnType<unknown, Record<"title" | "content" | "anchor" | "trigger" | "positioner" | "description" | "closeTrigger" | "indicator" | "arrow" | "arrowTip", string | string[]>, undefined, unknown, unknown, undefined>>;
+} | {}, Record<"title" | "content" | "anchor" | "trigger" | "positioner" | "description" | "closeTrigger" | "indicator" | "arrow" | "arrowTip", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "anchor" | "trigger" | "positioner" | "description" | "closeTrigger" | "indicator" | "arrow" | "arrowTip", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/ui/Popover/popover.recipe.js

@@ -1 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),t=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 i=t.tv({slots:o.anatomyToRecipeSlots(e.popoverAnatomy,{content:"ui-placement-top:ui-open:animate-popover-in-top ui-placement-top-end:ui-open:animate-popover-in-top ui-placement-top-start:ui-open:animate-popover-in-top ui-placement-top:ui-closed:animate-popover-out-top ui-placement-top-end:ui-closed:animate-popover-out-top ui-placement-top-start:ui-closed:animate-popover-out-top ui-placement-bottom:ui-open:animate-popover-in-bottom ui-placement-bottom-start:ui-open:animate-popover-in-bottom ui-placement-bottom-end:ui-open:animate-popover-in-bottom ui-placement-bottom:ui-closed:animate-popover-out-bottom ui-placement-bottom-start:ui-closed:animate-popover-out-bottom ui-placement-bottom-end:ui-closed:animate-popover-out-bottom ui-placement-left:ui-open:animate-popover-in-left ui-placement-left-start:ui-open:animate-popover-in-left ui-placement-left-end:ui-open:animate-popover-in-left ui-placement-left:ui-closed:animate-popover-out-left ui-placement-left-start:ui-closed:animate-popover-out-left ui-placement-left-end:ui-closed:animate-popover-out-left ui-placement-right:ui-open:animate-popover-in-right ui-placement-right-start:ui-open:animate-popover-in-right ui-placement-right-end:ui-open:animate-popover-in-right ui-placement-right:ui-closed:animate-popover-out-right ui-placement-right-start:ui-closed:animate-popover-out-right ui-placement-right-end:ui-closed:animate-popover-out-right bg-bg-primary z-popover",positioner:"z-popover"})});exports.popoverRecipe=i;
+import { popoverAnatomy } from '@ark-ui/react';
+import { tv } from 'tailwind-variants';
+import { anatomyToRecipeSlots } from '../../utils';
+export const popoverRecipe = tv({
+    slots: anatomyToRecipeSlots(popoverAnatomy, {
+        content: 'ui-placement-top:ui-open:animate-popover-in-top ui-placement-top-end:ui-open:animate-popover-in-top ui-placement-top-start:ui-open:animate-popover-in-top ui-placement-top:ui-closed:animate-popover-out-top ui-placement-top-end:ui-closed:animate-popover-out-top ui-placement-top-start:ui-closed:animate-popover-out-top ui-placement-bottom:ui-open:animate-popover-in-bottom ui-placement-bottom-start:ui-open:animate-popover-in-bottom ui-placement-bottom-end:ui-open:animate-popover-in-bottom ui-placement-bottom:ui-closed:animate-popover-out-bottom ui-placement-bottom-start:ui-closed:animate-popover-out-bottom ui-placement-bottom-end:ui-closed:animate-popover-out-bottom ui-placement-left:ui-open:animate-popover-in-left ui-placement-left-start:ui-open:animate-popover-in-left ui-placement-left-end:ui-open:animate-popover-in-left ui-placement-left:ui-closed:animate-popover-out-left ui-placement-left-start:ui-closed:animate-popover-out-left ui-placement-left-end:ui-closed:animate-popover-out-left ui-placement-right:ui-open:animate-popover-in-right ui-placement-right-start:ui-open:animate-popover-in-right ui-placement-right-end:ui-open:animate-popover-in-right ui-placement-right:ui-closed:animate-popover-out-right ui-placement-right-start:ui-closed:animate-popover-out-right ui-placement-right-end:ui-closed:animate-popover-out-right bg-bg-primary z-popover',
+        positioner: 'z-popover',
+    }),
+});

package/dist/ui/Presence.d.ts

@@ -1,2 +1,2 @@
-import { PresenceProps } from '@ark-ui/react';
+import { type PresenceProps } from '@ark-ui/react';
 export declare function Presence(props: PresenceProps): import("react").JSX.Element;

package/dist/ui/Presence.jsx

@@ -0,0 +1,6 @@
+'use client';
+import { Presence as Primitive } from '@ark-ui/react';
+import { twMerge } from 'tailwind-merge';
+export function Presence(props) {
+    return (<Primitive lazyMount {...props} className={twMerge('ui-open:animate-fade-in ui-closed:animate-fade-out', props.className)}/>);
+}

package/dist/ui/Progress/Progress.d.ts

@@ -1,5 +1,5 @@
 import { Progress } from '@ark-ui/react';
-export declare const Root: import('react').ComponentType<import('@ark-ui/react').Assign<Progress.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<Progress.RootProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -23,7 +23,7 @@ export declare const Root: import('react').ComponentType<import('@ark-ui/react')
             range: string;
         };
     };
-}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -36,7 +36,7 @@ export declare const Root: import('react').ComponentType<import('@ark-ui/react')
         };
     };
 }, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Circle: import('react').ComponentType<import('@ark-ui/react').Assign<Progress.CircleProps & import('react').RefAttributes<SVGSVGElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+export declare const Circle: import("react").ComponentType<import("@ark-ui/react").Assign<Progress.CircleProps & import("react").RefAttributes<SVGSVGElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -60,7 +60,7 @@ export declare const Circle: import('react').ComponentType<import('@ark-ui/react
             range: string;
         };
     };
-}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -73,7 +73,7 @@ export declare const Circle: import('react').ComponentType<import('@ark-ui/react
         };
     };
 }, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const CircleRange: import('react').ComponentType<import('@ark-ui/react').Assign<Progress.CircleRangeProps & import('react').RefAttributes<SVGCircleElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+export declare const CircleRange: import("react").ComponentType<import("@ark-ui/react").Assign<Progress.CircleRangeProps & import("react").RefAttributes<SVGCircleElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -97,7 +97,7 @@ export declare const CircleRange: import('react').ComponentType<import('@ark-ui/
             range: string;
         };
     };
-}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -110,7 +110,7 @@ export declare const CircleRange: import('react').ComponentType<import('@ark-ui/
         };
     };
 }, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const CircleTrack: import('react').ComponentType<import('@ark-ui/react').Assign<Progress.CircleTrackProps & import('react').RefAttributes<SVGCircleElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+export declare const CircleTrack: import("react").ComponentType<import("@ark-ui/react").Assign<Progress.CircleTrackProps & import("react").RefAttributes<SVGCircleElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -134,7 +134,7 @@ export declare const CircleTrack: import('react').ComponentType<import('@ark-ui/
             range: string;
         };
     };
-}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -147,7 +147,7 @@ export declare const CircleTrack: import('react').ComponentType<import('@ark-ui/
         };
     };
 }, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Label: import('react').ComponentType<import('@ark-ui/react').Assign<Progress.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<Progress.LabelProps & import("react").RefAttributes<HTMLLabelElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -171,7 +171,7 @@ export declare const Label: import('react').ComponentType<import('@ark-ui/react'
             range: string;
         };
     };
-}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -184,7 +184,7 @@ export declare const Label: import('react').ComponentType<import('@ark-ui/react'
         };
     };
 }, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Track: import('react').ComponentType<import('@ark-ui/react').Assign<Progress.TrackProps & import('react').RefAttributes<HTMLDivElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+export declare const Track: import("react").ComponentType<import("@ark-ui/react").Assign<Progress.TrackProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -208,7 +208,7 @@ export declare const Track: import('react').ComponentType<import('@ark-ui/react'
             range: string;
         };
     };
-}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -221,7 +221,7 @@ export declare const Track: import('react').ComponentType<import('@ark-ui/react'
         };
     };
 }, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const ValueText: import('react').ComponentType<import('@ark-ui/react').Assign<Progress.ValueTextProps & import('react').RefAttributes<HTMLSpanElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+export declare const ValueText: import("react").ComponentType<import("@ark-ui/react").Assign<Progress.ValueTextProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -245,7 +245,7 @@ export declare const ValueText: import('react').ComponentType<import('@ark-ui/re
             range: string;
         };
     };
-}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -258,7 +258,7 @@ export declare const ValueText: import('react').ComponentType<import('@ark-ui/re
         };
     };
 }, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const View: import('react').ComponentType<import('@ark-ui/react').Assign<Progress.ViewProps & import('react').RefAttributes<HTMLSpanElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+export declare const View: import("react").ComponentType<import("@ark-ui/react").Assign<Progress.ViewProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -282,7 +282,7 @@ export declare const View: import('react').ComponentType<import('@ark-ui/react')
             range: string;
         };
     };
-}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -295,7 +295,7 @@ export declare const View: import('react').ComponentType<import('@ark-ui/react')
         };
     };
 }, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Range: import('react').ComponentType<import('@ark-ui/react').Assign<Progress.RangeProps & import('react').RefAttributes<HTMLDivElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+export declare const Range: import("react").ComponentType<import("@ark-ui/react").Assign<Progress.RangeProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -319,7 +319,7 @@ export declare const Range: import('react').ComponentType<import('@ark-ui/react'
             range: string;
         };
     };
-}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -332,4 +332,4 @@ export declare const Range: import('react').ComponentType<import('@ark-ui/react'
         };
     };
 }, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Context: (props: Progress.ContextProps) => import('react').ReactNode;
+export declare const Context: (props: Progress.ContextProps) => import("react").ReactNode;

package/dist/ui/Progress/Progress.jsx

@@ -0,0 +1,15 @@
+'use client';
+import { Progress } from '@ark-ui/react';
+import { createRecipeContext } from '../../client/utils';
+import { progressRecipe } from './progress.recipe';
+const { withContext, withProvider } = createRecipeContext(progressRecipe);
+export const Root = withProvider(Progress.Root, 'root');
+export const Circle = withContext(Progress.Circle, 'circle');
+export const CircleRange = withContext(Progress.CircleRange, 'circleRange');
+export const CircleTrack = withContext(Progress.CircleTrack, 'circleTrack');
+export const Label = withContext(Progress.Label, 'label');
+export const Track = withContext(Progress.Track, 'track');
+export const ValueText = withContext(Progress.ValueText, 'valueText');
+export const View = withContext(Progress.View, 'view');
+export const Range = withContext(Progress.Range, 'range');
+export const Context = Progress.Context;

package/dist/ui/Progress/index.js

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

package/dist/ui/Progress/progress.recipe.d.ts

@@ -1,4 +1,4 @@
-export declare const progressRecipe: import('tailwind-variants').TVReturnType<{
+export declare const progressRecipe: import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -22,7 +22,7 @@ export declare const progressRecipe: import('tailwind-variants').TVReturnType<{
             range: string;
         };
     };
-}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };

package/dist/ui/Progress/progress.recipe.js

@@ -1 +1,32 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),r=require("tailwind-variants"),i=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:i.anatomyToRecipeSlots(e.progressAnatomy),variants:{size:{md:{}},variant:{unstyled:{},solid:{root:"block w-full",track:"bg-bg-primary w-full overflow-hidden rounded-full",range:"bg-brand-400 h-full rounded-full transition-all duration-200 ease-in-out"}}},compoundVariants:[{size:"md",variant:"solid",className:{track:"h-2"}}],defaultVariants:{size:"md",variant:"solid"}});exports.progressRecipe=a;
+import { progressAnatomy } from '@ark-ui/react';
+import { tv } from 'tailwind-variants';
+import { anatomyToRecipeSlots } from '../../utils';
+export const progressRecipe = tv({
+    slots: anatomyToRecipeSlots(progressAnatomy),
+    variants: {
+        size: {
+            md: {},
+        },
+        variant: {
+            unstyled: {},
+            solid: {
+                root: 'block w-full',
+                track: 'bg-bg-primary w-full overflow-hidden rounded-full',
+                range: 'bg-brand-400 h-full rounded-full transition-all duration-200 ease-in-out',
+            },
+        },
+    },
+    compoundVariants: [
+        {
+            size: 'md',
+            variant: 'solid',
+            className: {
+                track: 'h-2',
+            },
+        },
+    ],
+    defaultVariants: {
+        size: 'md',
+        variant: 'solid',
+    },
+});

package/dist/ui/Prose.d.ts

@@ -1,2 +1,2 @@
-import { ComponentPropsWithRef } from 'react';
+import type { ComponentPropsWithRef } from 'react';
 export declare function Prose(props: ComponentPropsWithRef<'div'>): import("react").JSX.Element;

package/dist/ui/Prose.jsx

@@ -0,0 +1,4 @@
+import { twMerge } from 'tailwind-merge';
+export function Prose(props) {
+    return (<div {...props} className={twMerge('prose', 'prose-invert', 'max-w-none', 'prose-h1:text-text-primary-900', 'prose-h2:text-text-primary-900', 'prose-h3:text-text-primary-900', 'prose-h4:text-text-primary-900', 'prose-h5:text-text-primary-900', 'prose-h6:text-text-primary-900', 'prose-h1:text-4xl', 'prose-h2:text-3xl', 'prose-h3:text-2xl', 'prose-h4:text-xl', 'prose-h5:text-lg', 'prose-h6:text-base', 'prose-headings:font-semibold', 'prose-p:text-text-secondary-700', 'prose-ul:text-text-secondary-700', 'prose-ol:text-text-secondary-700', 'prose-li:text-text-secondary-700', 'prose-li:marker:text-text-secondary-700', 'prose-strong:text-text-secondary-700', 'prose-ul:text-text-secondary-700', 'prose-em:text-text-secondary-700', 'prose-b:text-text-secondary-700', 'prose-u:text-text-secondary-700', 'prose-img:block', 'prose-img:w-full', 'prose-img:h-auto', 'prose-strong:font-medium', 'prose-b:font-medium', props.className)}/>);
+}

package/dist/ui/SegmentGroup/SegmentGroup.d.ts

@@ -1,5 +1,5 @@
 import { SegmentGroup } from '@ark-ui/react';
-export declare const Root: import('react').ComponentType<import('@ark-ui/react').Assign<SegmentGroup.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<SegmentGroup.RootProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -23,7 +23,7 @@ export declare const Root: import('react').ComponentType<import('@ark-ui/react')
             indicator: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -36,7 +36,7 @@ export declare const Root: import('react').ComponentType<import('@ark-ui/react')
         };
     };
 }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Indicator: import('react').ComponentType<import('@ark-ui/react').Assign<SegmentGroup.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<SegmentGroup.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -60,7 +60,7 @@ export declare const Indicator: import('react').ComponentType<import('@ark-ui/re
             indicator: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -73,7 +73,7 @@ export declare const Indicator: import('react').ComponentType<import('@ark-ui/re
         };
     };
 }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Item: import('react').ComponentType<import('@ark-ui/react').Assign<SegmentGroup.ItemProps & import('react').RefAttributes<HTMLLabelElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+export declare const Item: import("react").ComponentType<import("@ark-ui/react").Assign<SegmentGroup.ItemProps & import("react").RefAttributes<HTMLLabelElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -97,7 +97,7 @@ export declare const Item: import('react').ComponentType<import('@ark-ui/react')
             indicator: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -110,7 +110,7 @@ export declare const Item: import('react').ComponentType<import('@ark-ui/react')
         };
     };
 }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const ItemControl: import('react').ComponentType<import('@ark-ui/react').Assign<SegmentGroup.ItemControlProps & import('react').RefAttributes<HTMLDivElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+export declare const ItemControl: import("react").ComponentType<import("@ark-ui/react").Assign<SegmentGroup.ItemControlProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -134,7 +134,7 @@ export declare const ItemControl: import('react').ComponentType<import('@ark-ui/
             indicator: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -147,7 +147,7 @@ export declare const ItemControl: import('react').ComponentType<import('@ark-ui/
         };
     };
 }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const ItemText: import('react').ComponentType<import('@ark-ui/react').Assign<SegmentGroup.ItemTextProps & import('react').RefAttributes<HTMLSpanElement>, import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+export declare const ItemText: import("react").ComponentType<import("@ark-ui/react").Assign<SegmentGroup.ItemTextProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -171,7 +171,7 @@ export declare const ItemText: import('react').ComponentType<import('@ark-ui/rea
             indicator: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -184,7 +184,7 @@ export declare const ItemText: import('react').ComponentType<import('@ark-ui/rea
         };
     };
 }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Label: import('react').ComponentType<import('@ark-ui/react').Assign<SegmentGroup.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<SegmentGroup.LabelProps & import("react").RefAttributes<HTMLLabelElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -208,7 +208,7 @@ export declare const Label: import('react').ComponentType<import('@ark-ui/react'
             indicator: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -221,6 +221,6 @@ export declare const Label: import('react').ComponentType<import('@ark-ui/react'
         };
     };
 }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
-export declare const Context: (props: SegmentGroup.ContextProps) => import('react').ReactNode;
-export declare const ItemContext: (props: SegmentGroup.ItemContextProps) => import('react').ReactNode;
-export declare const ItemHiddenInput: import('react').ForwardRefExoticComponent<SegmentGroup.ItemHiddenInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export declare const Context: (props: SegmentGroup.ContextProps) => import("react").ReactNode;
+export declare const ItemContext: (props: SegmentGroup.ItemContextProps) => import("react").ReactNode;
+export declare const ItemHiddenInput: import("react").ForwardRefExoticComponent<SegmentGroup.ItemHiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/ui/SegmentGroup/SegmentGroup.jsx

@@ -0,0 +1,14 @@
+'use client';
+import { SegmentGroup } from '@ark-ui/react';
+import { createRecipeContext } from '../../client/utils';
+import { segmentGroupRecipe } from './segmentGroup.recipe';
+const { withProvider, withContext } = createRecipeContext(segmentGroupRecipe);
+export const Root = withProvider(SegmentGroup.Root, 'root');
+export const Indicator = withContext(SegmentGroup.Indicator, 'indicator');
+export const Item = withContext(SegmentGroup.Item, 'item');
+export const ItemControl = withContext(SegmentGroup.ItemControl, 'itemControl');
+export const ItemText = withContext(SegmentGroup.ItemText, 'itemText');
+export const Label = withContext(SegmentGroup.Label, 'label');
+export const Context = SegmentGroup.Context;
+export const ItemContext = SegmentGroup.ItemContext;
+export const ItemHiddenInput = SegmentGroup.ItemHiddenInput;

package/dist/ui/SegmentGroup/index.js

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

package/dist/ui/SegmentGroup/segmentGroup.recipe.d.ts

@@ -1,4 +1,4 @@
-export declare const segmentGroupRecipe: import('tailwind-variants').TVReturnType<{
+export declare const segmentGroupRecipe: import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -22,7 +22,7 @@ export declare const segmentGroupRecipe: import('tailwind-variants').TVReturnTyp
             indicator: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, import('tailwind-variants').TVReturnType<{
+}, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };

package/dist/ui/SegmentGroup/segmentGroup.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.segmentGroupAnatomy),variants:{size:{md:{}},variant:{unstyled:{},default:{root:"bg-bg-primary-alt border-border-secondary relative flex w-fit gap-md rounded-md border p-1",item:"z-1 text-text-quarterary-500 ui-checked:text-text-primary-brand relative flex cursor-pointer items-center justify-center gap-md transition-all duration-200",indicator:"bg-bg-primary-hover left-[var(--left)] top-[var(--top)] h-[var(--height)] w-[var(--width)]"}}},compoundVariants:[{size:"md",variant:"default",className:{item:"px-lg py-md text-sm font-semibold",indicator:"rounded-sm shadow-sm"}}],defaultVariants:{size:"md",variant:"default"}});exports.segmentGroupRecipe=a;
+import { segmentGroupAnatomy } from '@ark-ui/react';
+import { tv } from 'tailwind-variants';
+import { anatomyToRecipeSlots } from '../../utils';
+export const segmentGroupRecipe = tv({
+    slots: anatomyToRecipeSlots(segmentGroupAnatomy),
+    variants: {
+        size: {
+            md: {},
+        },
+        variant: {
+            unstyled: {},
+            default: {
+                root: 'bg-bg-primary-alt border-border-secondary relative flex w-fit gap-md rounded-md border p-1',
+                item: 'z-1 text-text-quarterary-500 ui-checked:text-text-primary-brand relative flex cursor-pointer items-center justify-center gap-md transition-all duration-200',
+                indicator: 'bg-bg-primary-hover left-[var(--left)] top-[var(--top)] h-[var(--height)] w-[var(--width)]',
+            },
+        },
+    },
+    compoundVariants: [
+        {
+            size: 'md',
+            variant: 'default',
+            className: {
+                item: 'px-lg py-md text-sm font-semibold',
+                indicator: 'rounded-sm shadow-sm',
+            },
+        },
+    ],
+    defaultVariants: {
+        size: 'md',
+        variant: 'default',
+    },
+});