@fairmint/ui 0.1.6 → 0.2.0

package/dist/fairmint-ui.js

@@ -17358,6 +17358,105 @@ const Title = factory((_props, ref) => {
 });
 Title.classes = classes$1;
 Title.displayName = "@mantine/core/Title";
+const colors = {
+  /** Primary UI color — buttons, links, active states. */
+  primary: "indigo",
+  /** Fairmint brand blue — gradients, brand elements. */
+  brandBlue: "fairmintBlue",
+  /** Fairmint brand purple — gradients, brand elements. */
+  brandPurple: "fairmintPurple",
+  /** Positive outcome — completed, approved, active. */
+  success: "success",
+  /** Caution — pending, processing, review. */
+  warning: "warning",
+  /** Negative outcome — failed, rejected, cancelled. */
+  error: "error",
+  /** Informational — neutral status messages. */
+  info: "info",
+  /** Neutral gray scale — borders, backgrounds, disabled. */
+  neutral: "gray",
+  /** Accent color 1 for avatar palette. */
+  accent1: "teal",
+  /** Accent color 2 for avatar palette. */
+  accent2: "cyan",
+  /** Accent color 3 for avatar palette. */
+  accent3: "green"
+};
+const AVATAR_PALETTE = [
+  colors.primary,
+  colors.brandBlue,
+  colors.brandPurple,
+  colors.success,
+  colors.info,
+  colors.accent1,
+  colors.accent2,
+  colors.accent3
+];
+const ActionIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(ActionIcon$1, { color: colors.primary, variant: "subtle", ...props, ref }));
+ActionIcon.displayName = "ActionIcon";
+function Alert(props) {
+  return /* @__PURE__ */ jsx(Alert$1, { ...props });
+}
+const Avatar = forwardRef((props, ref) => /* @__PURE__ */ jsx(Avatar$1, { radius: "md", color: colors.primary, ...props, ref }));
+Avatar.displayName = "Avatar";
+const Badge = forwardRef((props, ref) => /* @__PURE__ */ jsx(Badge$1, { variant: "light", ...props, ref }));
+Badge.displayName = "Badge";
+const Button = forwardRef((props, ref) => /* @__PURE__ */ jsx(Button$1, { color: colors.primary, ...props, ref }));
+Button.displayName = "Button";
+const Card = forwardRef((props, ref) => /* @__PURE__ */ jsx(Card$1, { padding: "lg", radius: "xl", withBorder: true, ...props, ref }));
+Card.displayName = "Card";
+const Checkbox = forwardRef((props, ref) => /* @__PURE__ */ jsx(Checkbox$1, { color: colors.primary, ...props, ref }));
+Checkbox.displayName = "Checkbox";
+function Drawer(props) {
+  return /* @__PURE__ */ jsx(Drawer$1, { position: "right", size: "lg", p: "lg", ...props });
+}
+function MenuBase(props) {
+  return /* @__PURE__ */ jsx(Menu$1, { shadow: "md", ...props });
+}
+const Menu = Object.assign(MenuBase, {
+  Target: Menu$1.Target,
+  Dropdown: Menu$1.Dropdown,
+  Item: Menu$1.Item,
+  Label: Menu$1.Label,
+  Divider: Menu$1.Divider
+});
+function Modal(props) {
+  return /* @__PURE__ */ jsx(Modal$1, { centered: true, radius: "lg", ...props });
+}
+const PasswordInput = forwardRef((props, ref) => /* @__PURE__ */ jsx(PasswordInput$1, { size: "md", ...props, ref }));
+PasswordInput.displayName = "PasswordInput";
+const Select = forwardRef((props, ref) => /* @__PURE__ */ jsx(Select$1, { size: "md", ...props, ref }));
+Select.displayName = "Select";
+function Skeleton(props) {
+  return /* @__PURE__ */ jsx(Skeleton$1, { ...props });
+}
+const Switch = forwardRef((props, ref) => /* @__PURE__ */ jsx(Switch$1, { color: colors.primary, ...props, ref }));
+Switch.displayName = "Switch";
+function TableBase(props) {
+  return /* @__PURE__ */ jsx(Table$1, { ...props });
+}
+const Table = Object.assign(TableBase, {
+  Thead: Table$1.Thead,
+  Tbody: Table$1.Tbody,
+  Tr: Table$1.Tr,
+  Th: Table$1.Th,
+  Td: Table$1.Td,
+  Tfoot: Table$1.Tfoot,
+  Caption: Table$1.Caption
+});
+function TabsBase(props) {
+  return /* @__PURE__ */ jsx(Tabs$1, { color: colors.primary, ...props });
+}
+const Tabs = Object.assign(TabsBase, {
+  List: Tabs$1.List,
+  Tab: Tabs$1.Tab,
+  Panel: Tabs$1.Panel
+});
+const TextInput = forwardRef((props, ref) => /* @__PURE__ */ jsx(TextInput$1, { size: "md", ...props, ref }));
+TextInput.displayName = "TextInput";
+function Tooltip(props) {
+  return /* @__PURE__ */ jsx(Tooltip$1, { ...props });
+}
 function ErrorFallback({
   title = "Something went wrong",
   description = "We've been notified and are working on a fix.",
@@ -17372,7 +17471,7 @@ function ErrorFallback({
   return /* @__PURE__ */ jsx(Container, { size: "sm", py: "xl", children: /* @__PURE__ */ jsxs(Stack, { align: "center", gap: "md", children: [
     /* @__PURE__ */ jsx(Title, { order: 2, children: title }),
     /* @__PURE__ */ jsx(Text, { c: "dimmed", children: description }),
-    /* @__PURE__ */ jsx(Button$1, { onClick: handleAction, children: actionLabel })
+    /* @__PURE__ */ jsx(Button, { onClick: handleAction, children: actionLabel })
   ] }) });
 }
 function FairmintLogo({
@@ -19382,40 +19481,6 @@ Notifications.update = notifications.update;
 Notifications.clean = notifications.clean;
 Notifications.cleanQueue = notifications.cleanQueue;
 Notifications.updateState = notifications.updateState;
-const colors = {
-  /** Primary UI color — buttons, links, active states. */
-  primary: "indigo",
-  /** Fairmint brand blue — gradients, brand elements. */
-  brandBlue: "fairmintBlue",
-  /** Fairmint brand purple — gradients, brand elements. */
-  brandPurple: "fairmintPurple",
-  /** Positive outcome — completed, approved, active. */
-  success: "success",
-  /** Caution — pending, processing, review. */
-  warning: "warning",
-  /** Negative outcome — failed, rejected, cancelled. */
-  error: "error",
-  /** Informational — neutral status messages. */
-  info: "info",
-  /** Neutral gray scale — borders, backgrounds, disabled. */
-  neutral: "gray",
-  /** Accent color 1 for avatar palette. */
-  accent1: "teal",
-  /** Accent color 2 for avatar palette. */
-  accent2: "cyan",
-  /** Accent color 3 for avatar palette. */
-  accent3: "green"
-};
-const AVATAR_PALETTE = [
-  colors.primary,
-  colors.brandBlue,
-  colors.brandPurple,
-  colors.success,
-  colors.info,
-  colors.accent1,
-  colors.accent2,
-  colors.accent3
-];
 const indigo = [
   "#EEF2FF",
   "#E0E7FF",
@@ -23193,8 +23258,6 @@ ZodEnum.create;
 ZodPromise.create;
 ZodOptional.create;
 ZodNullable.create;
-const TextInput = forwardRef((props, ref) => /* @__PURE__ */ jsx(TextInput$1, { size: "md", ...props, ref }));
-TextInput.displayName = "TextInput";
 const emailSchema = stringType().email("Please enter a valid email address");
 function EmailField({ error: error2, ...rest }) {
   return /* @__PURE__ */ jsx(
@@ -24271,8 +24334,6 @@ function FormField({
     children && description && !inputProps.error && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: description })
   ] });
 }
-const PasswordInput = forwardRef((props, ref) => /* @__PURE__ */ jsx(PasswordInput$1, { size: "md", ...props, ref }));
-PasswordInput.displayName = "PasswordInput";
 const passwordSchema = stringType().min(8, "Password must be at least 8 characters");
 function PasswordField({ error: error2, ...rest }) {
   return /* @__PURE__ */ jsx(
@@ -24322,11 +24383,6 @@ function AnimateIn({
   };
   return /* @__PURE__ */ jsx("div", { style, className, children });
 }
-const Button = forwardRef((props, ref) => /* @__PURE__ */ jsx(Button$1, { color: colors.primary, ...props, ref }));
-Button.displayName = "Button";
-function Modal(props) {
-  return /* @__PURE__ */ jsx(Modal$1, { centered: true, radius: "lg", ...props });
-}
 function ConfirmDialog({
   title,
   message,
@@ -24407,21 +24463,6 @@ function Currency({ value, precise = false, currency, ...rest }) {
   }
   return /* @__PURE__ */ jsx(Text, { component: "span", ...rest, children: formatted });
 }
-function Skeleton(props) {
-  return /* @__PURE__ */ jsx(Skeleton$1, { ...props });
-}
-function TableBase(props) {
-  return /* @__PURE__ */ jsx(Table$1, { ...props });
-}
-const Table = Object.assign(TableBase, {
-  Thead: Table$1.Thead,
-  Tbody: Table$1.Tbody,
-  Tr: Table$1.Tr,
-  Th: Table$1.Th,
-  Td: Table$1.Td,
-  Tfoot: Table$1.Tfoot,
-  Caption: Table$1.Caption
-});
 function EmptyState({
   icon,
   title,
@@ -24530,9 +24571,6 @@ function DataTable({
 function DateDisplay({ value, ...rest }) {
   return /* @__PURE__ */ jsx(Text, { component: "span", ...rest, children: formatDate(value) });
 }
-function Drawer(props) {
-  return /* @__PURE__ */ jsx(Drawer$1, { position: "right", size: "lg", p: "lg", ...props });
-}
 function DetailDrawer({
   title,
   opened,
@@ -24555,8 +24593,6 @@ function DetailDrawer({
     }
   );
 }
-const Avatar = forwardRef((props, ref) => /* @__PURE__ */ jsx(Avatar$1, { radius: "md", color: colors.primary, ...props, ref }));
-Avatar.displayName = "Avatar";
 const DefaultChevronIcon = () => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -24651,8 +24687,6 @@ function ListRow({
 function Percent({ value, decimals = 2, ...rest }) {
   return /* @__PURE__ */ jsx(Text, { component: "span", ...rest, children: formatPercent(value, decimals) });
 }
-const ActionIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(ActionIcon$1, { color: colors.primary, variant: "subtle", ...props, ref }));
-ActionIcon.displayName = "ActionIcon";
 function SearchInput({
   value,
   onChange,
@@ -24725,8 +24759,6 @@ function SearchInput({
     }
   );
 }
-const Card = forwardRef((props, ref) => /* @__PURE__ */ jsx(Card$1, { padding: "lg", radius: "xl", withBorder: true, ...props, ref }));
-Card.displayName = "Card";
 function StatCard({
   label,
   value,
@@ -24762,8 +24794,6 @@ function StatCard({
     }
   );
 }
-const Badge = forwardRef((props, ref) => /* @__PURE__ */ jsx(Badge$1, { variant: "light", ...props, ref }));
-Badge.displayName = "Badge";
 const DEFAULT_COLOR_MAP = {
   active: colors.success,
   approved: colors.success,
@@ -24912,36 +24942,6 @@ function UserMenu({
     ] }, item.id)) })
   ] });
 }
-function Alert(props) {
-  return /* @__PURE__ */ jsx(Alert$1, { ...props });
-}
-const Checkbox = forwardRef((props, ref) => /* @__PURE__ */ jsx(Checkbox$1, { color: colors.primary, ...props, ref }));
-Checkbox.displayName = "Checkbox";
-function MenuBase(props) {
-  return /* @__PURE__ */ jsx(Menu$1, { shadow: "md", ...props });
-}
-const Menu = Object.assign(MenuBase, {
-  Target: Menu$1.Target,
-  Dropdown: Menu$1.Dropdown,
-  Item: Menu$1.Item,
-  Label: Menu$1.Label,
-  Divider: Menu$1.Divider
-});
-const Select = forwardRef((props, ref) => /* @__PURE__ */ jsx(Select$1, { size: "md", ...props, ref }));
-Select.displayName = "Select";
-const Switch = forwardRef((props, ref) => /* @__PURE__ */ jsx(Switch$1, { color: colors.primary, ...props, ref }));
-Switch.displayName = "Switch";
-function TabsBase(props) {
-  return /* @__PURE__ */ jsx(Tabs$1, { color: colors.primary, ...props });
-}
-const Tabs = Object.assign(TabsBase, {
-  List: Tabs$1.List,
-  Tab: Tabs$1.Tab,
-  Panel: Tabs$1.Panel
-});
-function Tooltip(props) {
-  return /* @__PURE__ */ jsx(Tooltip$1, { ...props });
-}
 function DocumentRow({
   name,
   type,