@opexa/portal-components 0.0.17 → 0.0.18

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

@@ -1 +1,335 @@
-export declare const Root: () => null;
+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<{
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, undefined, {
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, 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<{
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, undefined, {
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, 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<{
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, undefined, {
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, 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<{
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, undefined, {
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, 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<{
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, undefined, {
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, 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<{
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, undefined, {
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, 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<{
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, undefined, {
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, 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<{
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, undefined, {
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, 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<{
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, undefined, {
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, Record<"label" | "track" | "circle" | "view" | "root" | "valueText" | "range" | "circleTrack" | "circleRange", string | string[]>, import('tailwind-variants').TVReturnType<{
+    size: {
+        md: {};
+    };
+    variant: {
+        unstyled: {};
+        solid: {
+            root: string;
+            track: string;
+            range: string;
+        };
+    };
+}, 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;

package/dist/ui/Progress/Progress.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=()=>null;exports.Root=t;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),c=require("../../client/utils/createRecipeContext.js");require("../../client/utils/toaster.js");const t=require("./progress.recipe.js"),{withContext:r,withProvider:o}=c.createRecipeContext(t.progressRecipe),s=o(e.Progress.Root,"root"),i=r(e.Progress.Circle,"circle"),n=r(e.Progress.CircleRange,"circleRange"),a=r(e.Progress.CircleTrack,"circleTrack"),l=r(e.Progress.Label,"label"),g=r(e.Progress.Track,"track"),C=r(e.Progress.ValueText,"valueText"),R=r(e.Progress.View,"view"),u=r(e.Progress.Range,"range"),P=e.Progress.Context;exports.Circle=i;exports.CircleRange=n;exports.CircleTrack=a;exports.Context=P;exports.Label=l;exports.Range=u;exports.Root=s;exports.Track=g;exports.ValueText=C;exports.View=R;

package/dist/ui/Progress/Progress.mjs

@@ -1,5 +1,18 @@
 "use client";
-const o = () => null;
+import { Progress as e } from "@ark-ui/react";
+import { createRecipeContext as c } from "../../client/utils/createRecipeContext.mjs";
+import "../../client/utils/toaster.mjs";
+import { progressRecipe as o } from "./progress.recipe.mjs";
+const { withContext: t, withProvider: r } = c(o), s = r(e.Root, "root"), C = t(e.Circle, "circle"), R = t(e.CircleRange, "circleRange"), g = t(e.CircleTrack, "circleTrack"), p = t(e.Label, "label"), x = t(e.Track, "track"), T = t(e.ValueText, "valueText"), m = t(e.View, "view"), k = t(e.Range, "range"), w = e.Context;
 export {
-  o as Root
+  C as Circle,
+  R as CircleRange,
+  g as CircleTrack,
+  w as Context,
+  p as Label,
+  k as Range,
+  s as Root,
+  x as Track,
+  T as ValueText,
+  m as View
 };

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

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

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

@@ -0,0 +1 @@
+"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;

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

@@ -0,0 +1,41 @@
+import { progressAnatomy as o } from "@ark-ui/react";
+import { tv as r } from "tailwind-variants";
+import { anatomyToRecipeSlots as t } from "../../utils/anatomyToRecipeSlots.mjs";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../constants/index.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+const u = r({
+  slots: t(o),
+  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"
+  }
+});
+export {
+  u as progressRecipe
+};

package/dist/ui/Prose.d.ts

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

package/dist/ui/Prose.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("tailwind-merge");function o(e){return t.jsx("div",{...e,className:r.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",e.className)})}exports.Prose=o;

package/dist/ui/Prose.mjs

@@ -0,0 +1,47 @@
+import { jsx as t } from "react/jsx-runtime";
+import { twMerge as r } from "tailwind-merge";
+function x(e) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ...e,
+      className: r(
+        "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",
+        e.className
+      )
+    }
+  );
+}
+export {
+  x as Prose
+};

package/dist/ui/SegmentGroup/segmentGroup.recipe.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),t=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 a=t.tv({slots:r.anatomyToRecipeSlots(e.segmentGroupAnatomy),variants:{size:{md:{}},variant:{unstyled:{},default:{root:"bg-gray-50 border-gray-200 relative flex w-fit gap-md rounded-md border p-1",item:"z-1 text-gray-600 ui-checked:text-gray-800 relative cursor-pointer transition-all duration-200",indicator:"left-[var(--left)] top-[var(--top)] h-[var(--height)] w-[var(--width)] bg-white"}}},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;
+"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;

package/dist/ui/SegmentGroup/segmentGroup.recipe.mjs

@@ -16,9 +16,9 @@ const u = r({
     variant: {
       unstyled: {},
       default: {
-        root: "bg-gray-50 border-gray-200 relative flex w-fit gap-md rounded-md border p-1",
-        item: "z-1 text-gray-600 ui-checked:text-gray-800 relative cursor-pointer transition-all duration-200",
-        indicator: "left-[var(--left)] top-[var(--top)] h-[var(--height)] w-[var(--width)] bg-white"
+        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)]"
       }
     }
   },

package/dist/ui/Select/select.recipe.js

@@ -1 +1 @@
-"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.selectAnatomy,{label:"text-gray-600 mb-sm inline-block text-sm font-medium",trigger:"flex w-full items-center text-left",valueText:"grow",indicator:"text-gray-500 transition-transform duration-200 ui-open:rotate-180 ui-closed:rotate-0",positioner:"z-dropdown",content:"border-gray-200 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 z-dropdown rounded-md border bg-white p-1",item:"ui-highlighted:bg-gray-50 flex cursor-pointer items-center gap-2 rounded-sm px-2.5 py-1",itemText:"grow",itemIndicator:"text-green-500 size-4"}),variants:{size:{sm:{trigger:"h-10 gap-md px-3",indicator:"size-5"},md:{trigger:"h-11 gap-lg px-3.5",indicator:"size-5"}},variant:{outline:{trigger:"shadow-xs border-gray-200 ui-placeholder-shown:text-gray-500 flex items-center rounded-md border text-left"}}},defaultVariants:{size:"md",variant:"outline"}});exports.selectRecipe=i;
+"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.selectAnatomy,{label:"text-gray-600 mb-sm inline-block text-sm font-medium",trigger:"flex w-full items-center text-left",valueText:"grow",indicator:"text-text-placeholder transition-transform duration-200 ui-open:rotate-180 ui-closed:rotate-0",positioner:"z-dropdown",content:"border-border-secondary bg-bg-primary 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 scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent scrollbar:w-2 scrollbar-thumb:rounded-full z-dropdown max-h-[20rem] overflow-y-auto rounded-md border p-1",item:"ui-highlighted:bg-bg-active flex cursor-pointer items-center gap-md rounded-sm px-2 py-2.5",itemText:"grow font-medium",itemIndicator:"text-green-500 text-text-brand-primary-600 size-4"}),variants:{size:{sm:{trigger:"h-10 gap-md px-3",indicator:"size-5"},md:{trigger:"h-11 gap-lg px-3.5",indicator:"size-5"}},variant:{outline:{trigger:"shadow-xs bg-bg-primary border-border-primary ui-placeholder-shown:text-text-placeholder flex items-center rounded-md border text-left"}}},defaultVariants:{size:"md",variant:"outline"}});exports.selectRecipe=i;

package/dist/ui/Select/select.recipe.mjs

@@ -12,12 +12,12 @@ const d = t({
     label: "text-gray-600 mb-sm inline-block text-sm font-medium",
     trigger: "flex w-full items-center text-left",
     valueText: "grow",
-    indicator: "text-gray-500 transition-transform duration-200 ui-open:rotate-180 ui-closed:rotate-0",
+    indicator: "text-text-placeholder transition-transform duration-200 ui-open:rotate-180 ui-closed:rotate-0",
     positioner: "z-dropdown",
-    content: "border-gray-200 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 z-dropdown rounded-md border bg-white p-1",
-    item: "ui-highlighted:bg-gray-50 flex cursor-pointer items-center gap-2 rounded-sm px-2.5 py-1",
-    itemText: "grow",
-    itemIndicator: "text-green-500 size-4"
+    content: "border-border-secondary bg-bg-primary 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 scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent scrollbar:w-2 scrollbar-thumb:rounded-full z-dropdown max-h-[20rem] overflow-y-auto rounded-md border p-1",
+    item: "ui-highlighted:bg-bg-active flex cursor-pointer items-center gap-md rounded-sm px-2 py-2.5",
+    itemText: "grow font-medium",
+    itemIndicator: "text-green-500 text-text-brand-primary-600 size-4"
   }),
   variants: {
     size: {
@@ -32,7 +32,7 @@ const d = t({
     },
     variant: {
       outline: {
-        trigger: "shadow-xs border-gray-200 ui-placeholder-shown:text-gray-500 flex items-center rounded-md border text-left"
+        trigger: "shadow-xs bg-bg-primary border-border-primary ui-placeholder-shown:text-text-placeholder flex items-center rounded-md border text-left"
       }
     }
   },

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

@@ -1 +1 @@
-"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"),a=e.tv({slots:r.anatomyToRecipeSlots(t.tableAnatomy,{root:"w-full whitespace-nowrap"}),variants:{size:{md:{root:"border-gray-200 border",heading:"px-3xl py-lg text-left text-xs font-medium",cell:"px-3xl py-xl text-sm"}},variant:{outline:{header:"tr:bg-white tr:border-b tr:border-gray-200",body:"tr:odd:bg-gray-50 tr:border-gray-200 tr:border-b tr:last:border-b-0 tr:even:bg-white"}}},defaultVariants:{size:"md",variant:"outline"}});exports.tableRecipe=a;
+"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;

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

@@ -14,15 +14,15 @@ const s = r({
   variants: {
     size: {
       md: {
-        root: "border-gray-200 border",
-        heading: "px-3xl py-lg text-left text-xs font-medium",
+        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-white tr:border-b tr:border-gray-200",
-        body: "tr:odd:bg-gray-50 tr:border-gray-200 tr:border-b tr:last:border-b-0 tr:even:bg-white"
+        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"
       }
     }
   },

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),t=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 a=t.tv({slots:r.anatomyToRecipeSlots(e.tabsAnatomy),variants:{size:{md:{}},variant:{unstyled:{},default:{list:"border-gray-200 bg-gray-50 relative flex w-fit gap-md rounded-md border p-1",indicator:"h-[var(--height)] w-[var(--width)] bg-white",trigger:"z-1 text-gray-600 ui-selected:text-gray-800 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;
+"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;

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

@@ -16,9 +16,9 @@ const g = r({
     variant: {
       unstyled: {},
       default: {
-        list: "border-gray-200 bg-gray-50 relative flex w-fit gap-md rounded-md border p-1",
-        indicator: "h-[var(--height)] w-[var(--width)] bg-white",
-        trigger: "z-1 text-gray-600 ui-selected:text-gray-800 relative transition-all duration-200"
+        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"
       }
     }
   },

package/dist/ui/index.d.ts

@@ -4,6 +4,7 @@ export * from './Badge';
 export * from './Button';
 export * from './Checkbox';
 export * from './Clipboard';
+export * from './Collapsible';
 export * from './Combobox';
 export * from './DatePicker';
 export * from './Dialog';
@@ -12,10 +13,12 @@ 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';