@atlas-art/ui-react 0.1.0

package/README.md

@@ -0,0 +1,7 @@
+# @atlas-art/ui-react
+
+React adapter package for `@atlas-art/ui-core`.
+
+Includes:
+- React UI components (`Button`, `Input`, `Card`, ...)
+- optional `react-router` adapter (`@atlas-art/ui-react/adapters/react-router`)

package/dist/adapters/react-router/index.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var classVarianceAuthority = require('class-variance-authority');
+var react = require('react');
+var reactRouter = require('react-router');
+var uiCore = require('@atlas-art/ui-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/adapters/react-router/app-link.tsx
+var appLinkVariants = classVarianceAuthority.cva("transition", {
+  variants: {
+    variant: {
+      primary: "font-medium text-(--app-active-text) hover:underline",
+      muted: "text-sm text-(--app-muted-text) hover:text-(--app-text)"
+    }
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+});
+var AppLink = react.forwardRef(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    reactRouter.Link,
+    {
+      ref,
+      className: uiCore.cn(appLinkVariants({ variant }), className),
+      ...props
+    }
+  )
+);
+AppLink.displayName = "AppLink";
+
+exports.AppLink = AppLink;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/adapters/react-router/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/adapters/react-router/app-link.tsx"],"names":["cva","forwardRef","jsx","Link","cn"],"mappings":";;;;;;;;;AAKA,IAAM,eAAA,GAAkBA,2BAAI,YAAA,EAAc;AAAA,EACxC,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,sDAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAQM,IAAM,OAAA,GAAUC,gBAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,SAAS,GAAG,KAAA,IAAS,GAAA,qBACjCC,cAAA;AAAA,IAACC,gBAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAWC,SAAA,CAAG,eAAA,CAAgB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MACpD,GAAG;AAAA;AAAA;AAGV;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"index.cjs","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef } from \"react\";\nimport { Link, type LinkProps } from \"react-router\";\nimport { cn } from \"@atlas-art/ui-core\";\n\nconst appLinkVariants = cva(\"transition\", {\n  variants: {\n    variant: {\n      primary: \"font-medium text-(--app-active-text) hover:underline\",\n      muted: \"text-sm text-(--app-muted-text) hover:text-(--app-text)\",\n    },\n  },\n  defaultVariants: {\n    variant: \"primary\",\n  },\n});\n\nexport interface AppLinkProps\n  extends LinkProps,\n    VariantProps<typeof appLinkVariants> {\n  className?: string;\n}\n\nexport const AppLink = forwardRef<HTMLAnchorElement, AppLinkProps>(\n  ({ className, variant, ...props }, ref) => (\n    <Link\n      ref={ref}\n      className={cn(appLinkVariants({ variant }), className)}\n      {...props}\n    />\n  ),\n);\n\nAppLink.displayName = \"AppLink\";\n"]}

package/dist/adapters/react-router/index.d.cts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { LinkProps } from 'react-router';
+
+declare const appLinkVariants: (props?: ({
+    variant?: "primary" | "muted" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AppLinkProps extends LinkProps, VariantProps<typeof appLinkVariants> {
+    className?: string;
+}
+declare const AppLink: react.ForwardRefExoticComponent<Omit<AppLinkProps, "ref"> & react.RefAttributes<HTMLAnchorElement>>;
+
+export { AppLink, type AppLinkProps };

package/dist/adapters/react-router/index.d.ts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { LinkProps } from 'react-router';
+
+declare const appLinkVariants: (props?: ({
+    variant?: "primary" | "muted" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AppLinkProps extends LinkProps, VariantProps<typeof appLinkVariants> {
+    className?: string;
+}
+declare const AppLink: react.ForwardRefExoticComponent<Omit<AppLinkProps, "ref"> & react.RefAttributes<HTMLAnchorElement>>;
+
+export { AppLink, type AppLinkProps };

package/dist/adapters/react-router/index.js

@@ -0,0 +1,33 @@
+import { cva } from 'class-variance-authority';
+import { forwardRef } from 'react';
+import { Link } from 'react-router';
+import { cn } from '@atlas-art/ui-core';
+import { jsx } from 'react/jsx-runtime';
+
+// src/adapters/react-router/app-link.tsx
+var appLinkVariants = cva("transition", {
+  variants: {
+    variant: {
+      primary: "font-medium text-(--app-active-text) hover:underline",
+      muted: "text-sm text-(--app-muted-text) hover:text-(--app-text)"
+    }
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+});
+var AppLink = forwardRef(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+    Link,
+    {
+      ref,
+      className: cn(appLinkVariants({ variant }), className),
+      ...props
+    }
+  )
+);
+AppLink.displayName = "AppLink";
+
+export { AppLink };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/adapters/react-router/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/adapters/react-router/app-link.tsx"],"names":[],"mappings":";;;;;;;AAKA,IAAM,eAAA,GAAkB,IAAI,YAAA,EAAc;AAAA,EACxC,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,sDAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAQM,IAAM,OAAA,GAAU,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,SAAS,GAAG,KAAA,IAAS,GAAA,qBACjC,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAW,EAAA,CAAG,eAAA,CAAgB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MACpD,GAAG;AAAA;AAAA;AAGV;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"index.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef } from \"react\";\nimport { Link, type LinkProps } from \"react-router\";\nimport { cn } from \"@atlas-art/ui-core\";\n\nconst appLinkVariants = cva(\"transition\", {\n  variants: {\n    variant: {\n      primary: \"font-medium text-(--app-active-text) hover:underline\",\n      muted: \"text-sm text-(--app-muted-text) hover:text-(--app-text)\",\n    },\n  },\n  defaultVariants: {\n    variant: \"primary\",\n  },\n});\n\nexport interface AppLinkProps\n  extends LinkProps,\n    VariantProps<typeof appLinkVariants> {\n  className?: string;\n}\n\nexport const AppLink = forwardRef<HTMLAnchorElement, AppLinkProps>(\n  ({ className, variant, ...props }, ref) => (\n    <Link\n      ref={ref}\n      className={cn(appLinkVariants({ variant }), className)}\n      {...props}\n    />\n  ),\n);\n\nAppLink.displayName = \"AppLink\";\n"]}

package/dist/index.cjs

@@ -0,0 +1,133 @@
+'use strict';
+
+var react = require('react');
+var uiCore = require('@atlas-art/ui-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/ui/button.tsx
+var Button = react.forwardRef(
+  ({ className, variant, size, fullWidth, type = "button", ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        ref,
+        type,
+        className: uiCore.cn(uiCore.buttonVariants({ variant, size, fullWidth }), className),
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var Input = react.forwardRef(
+  ({ className, size, state, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ref,
+        className: uiCore.cn(uiCore.inputVariants({ size, state }), className),
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+var Card = react.forwardRef(
+  ({ className, padding, shadow, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: uiCore.cn(uiCore.cardVariants({ padding, shadow }), className),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+var CardHeader = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: uiCore.cn("mb-3 flex flex-col gap-1.5", className), ...props })
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("h3", { ref, className: uiCore.cn("text-base font-semibold", className), ...props })
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: uiCore.cn("text-sm text-(--app-muted-text)", className), ...props }));
+CardDescription.displayName = "CardDescription";
+var CardContent = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: uiCore.cn("space-y-3", className), ...props })
+);
+CardContent.displayName = "CardContent";
+var CardFooter = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: uiCore.cn("mt-4 flex items-center gap-2", className), ...props })
+);
+CardFooter.displayName = "CardFooter";
+var FormFieldContext = react.createContext({ hasError: false });
+function FormField({ className, error, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { hasError: Boolean(error) }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: uiCore.cn(uiCore.fieldVariants(), className), ...props, children: [
+    children,
+    error ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: uiCore.errorVariants(), children: error }) : null
+  ] }) });
+}
+function FormFieldLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("label", { className: uiCore.cn(uiCore.labelVariants(), className), ...props });
+}
+function Text({ as, className, variant, ...props }) {
+  const Component = as ?? "p";
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { className: uiCore.cn(uiCore.textVariants({ variant }), className), ...props });
+}
+var SplitCard = react.forwardRef(
+  ({ className, columns, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: uiCore.cn(uiCore.splitCardVariants({ columns }), className), ...props })
+);
+SplitCard.displayName = "SplitCard";
+var SplitCardAside = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("section", { ref, className: uiCore.cn(uiCore.splitCardAsideVariants(), className), ...props })
+);
+SplitCardAside.displayName = "SplitCardAside";
+var SplitCardMain = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("section", { ref, className: uiCore.cn(uiCore.splitCardMainVariants(), className), ...props })
+);
+SplitCardMain.displayName = "SplitCardMain";
+var SplitCardDecoration = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: uiCore.cn(
+        "pointer-events-none absolute -bottom-14 -right-14 h-44 w-44 rounded-full border border-(--app-border)",
+        className
+      ),
+      ...props
+    }
+  )
+);
+SplitCardDecoration.displayName = "SplitCardDecoration";
+var Stack = react.forwardRef(
+  ({ className, gap, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: uiCore.cn(uiCore.stackVariants({ gap }), className),
+      ...props
+    }
+  )
+);
+Stack.displayName = "Stack";
+
+exports.Button = Button;
+exports.Card = Card;
+exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardTitle = CardTitle;
+exports.FormField = FormField;
+exports.FormFieldLabel = FormFieldLabel;
+exports.Input = Input;
+exports.SplitCard = SplitCard;
+exports.SplitCardAside = SplitCardAside;
+exports.SplitCardDecoration = SplitCardDecoration;
+exports.SplitCardMain = SplitCardMain;
+exports.Stack = Stack;
+exports.Text = Text;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/button.tsx","../src/components/ui/input.tsx","../src/components/ui/card.tsx","../src/components/ui/form-field.tsx","../src/components/ui/typography.tsx","../src/components/ui/split-card.tsx","../src/components/ui/stack.tsx"],"names":["forwardRef","jsx","cn","buttonVariants","inputVariants","cardVariants","createContext","jsxs","fieldVariants","errorVariants","labelVariants","textVariants","splitCardVariants","splitCardAsideVariants","splitCardMainVariants","stackVariants"],"mappings":"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","file":"index.cjs","sourcesContent":["import { forwardRef, type ButtonHTMLAttributes } from \"react\";\nimport { buttonVariants, type ButtonVariantProps } from \"@atlas-art/ui-core\";\nimport { cn } from \"@atlas-art/ui-core\";\n\nexport interface ButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n    ButtonVariantProps {}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, fullWidth, type = \"button\", ...props }, ref) => {\n    return (\n      <button\n        ref={ref}\n        type={type}\n        className={cn(buttonVariants({ variant, size, fullWidth }), className)}\n        {...props}\n      />\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n","import { forwardRef, type InputHTMLAttributes } from \"react\";\nimport { inputVariants, type InputVariantProps } from \"@atlas-art/ui-core\";\nimport { cn } from \"@atlas-art/ui-core\";\n\nexport interface InputProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\">,\n    InputVariantProps {}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, size, state, ...props }, ref) => {\n    return (\n      <input\n        ref={ref}\n        className={cn(inputVariants({ size, state }), className)}\n        {...props}\n      />\n    );\n  },\n);\n\nInput.displayName = \"Input\";\n","import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cardVariants, type CardVariantProps } from \"@atlas-art/ui-core\";\nimport { cn } from \"@atlas-art/ui-core\";\n\nexport interface CardProps\n  extends HTMLAttributes<HTMLDivElement>,\n    CardVariantProps {}\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n  ({ className, padding, shadow, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(cardVariants({ padding, shadow }), className)}\n      {...props}\n    />\n  ),\n);\nCard.displayName = \"Card\";\n\nexport const CardHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"mb-3 flex flex-col gap-1.5\", className)} {...props} />\n  ),\n);\nCardHeader.displayName = \"CardHeader\";\n\nexport const CardTitle = forwardRef<HTMLHeadingElement, HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, ...props }, ref) => (\n    <h3 ref={ref} className={cn(\"text-base font-semibold\", className)} {...props} />\n  ),\n);\nCardTitle.displayName = \"CardTitle\";\n\nexport const CardDescription = forwardRef<\n  HTMLParagraphElement,\n  HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p ref={ref} className={cn(\"text-sm text-(--app-muted-text)\", className)} {...props} />\n));\nCardDescription.displayName = \"CardDescription\";\n\nexport const CardContent = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"space-y-3\", className)} {...props} />\n  ),\n);\nCardContent.displayName = \"CardContent\";\n\nexport const CardFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"mt-4 flex items-center gap-2\", className)} {...props} />\n  ),\n);\nCardFooter.displayName = \"CardFooter\";\n","import {\n  createContext,\n  type HTMLAttributes,\n  type LabelHTMLAttributes,\n} from \"react\";\nimport {\n  errorVariants,\n  fieldVariants,\n  labelVariants,\n} from \"@atlas-art/ui-core\";\nimport { cn } from \"@atlas-art/ui-core\";\n\ninterface FormFieldContextValue {\n  hasError: boolean;\n}\n\nconst FormFieldContext = createContext<FormFieldContextValue>({ hasError: false });\n\nexport interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {\n  error?: string;\n}\n\nexport function FormField({ className, error, children, ...props }: FormFieldProps) {\n  return (\n    <FormFieldContext.Provider value={{ hasError: Boolean(error) }}>\n      <div className={cn(fieldVariants(), className)} {...props}>\n        {children}\n        {error ? <p className={errorVariants()}>{error}</p> : null}\n      </div>\n    </FormFieldContext.Provider>\n  );\n}\n\nexport function FormFieldLabel({ className, ...props }: LabelHTMLAttributes<HTMLLabelElement>) {\n  return <label className={cn(labelVariants(), className)} {...props} />;\n}\n","import { type ElementType, type HTMLAttributes } from \"react\";\nimport { textVariants, type TextVariantProps } from \"@atlas-art/ui-core\";\nimport { cn } from \"@atlas-art/ui-core\";\n\ntype TypographyElement = ElementType;\n\nexport interface TextProps\n  extends HTMLAttributes<HTMLElement>,\n    TextVariantProps {\n  as?: TypographyElement;\n}\n\nexport function Text({ as, className, variant, ...props }: TextProps) {\n  const Component = as ?? \"p\";\n  return <Component className={cn(textVariants({ variant }), className)} {...props} />;\n}\n","import { forwardRef, type HTMLAttributes } from \"react\";\nimport {\n  splitCardAsideVariants,\n  splitCardMainVariants,\n  splitCardVariants,\n  type SplitCardVariantProps,\n} from \"@atlas-art/ui-core\";\nimport { cn } from \"@atlas-art/ui-core\";\n\nexport interface SplitCardProps\n  extends HTMLAttributes<HTMLDivElement>,\n    SplitCardVariantProps {}\n\nexport const SplitCard = forwardRef<HTMLDivElement, SplitCardProps>(\n  ({ className, columns, ...props }, ref) => (\n    <div ref={ref} className={cn(splitCardVariants({ columns }), className)} {...props} />\n  ),\n);\nSplitCard.displayName = \"SplitCard\";\n\nexport const SplitCardAside = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <section ref={ref} className={cn(splitCardAsideVariants(), className)} {...props} />\n  ),\n);\nSplitCardAside.displayName = \"SplitCardAside\";\n\nexport const SplitCardMain = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <section ref={ref} className={cn(splitCardMainVariants(), className)} {...props} />\n  ),\n);\nSplitCardMain.displayName = \"SplitCardMain\";\n\nexport const SplitCardDecoration = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"pointer-events-none absolute -bottom-14 -right-14 h-44 w-44 rounded-full border border-(--app-border)\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nSplitCardDecoration.displayName = \"SplitCardDecoration\";\n","import { forwardRef, type HTMLAttributes } from \"react\";\nimport { stackVariants, type StackVariantProps } from \"@atlas-art/ui-core\";\nimport { cn } from \"@atlas-art/ui-core\";\n\nexport interface StackProps\n  extends HTMLAttributes<HTMLDivElement>, StackVariantProps {}\n\nexport const Stack = forwardRef<HTMLDivElement, StackProps>(\n  ({ className, gap, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(stackVariants({ gap }), className)}\n      {...props}\n    />\n  ),\n);\n\nStack.displayName = \"Stack\";\n"]}

package/dist/index.d.cts

@@ -0,0 +1,46 @@
+import * as react from 'react';
+import { ButtonHTMLAttributes, InputHTMLAttributes, HTMLAttributes, LabelHTMLAttributes, ElementType } from 'react';
+import { ButtonVariantProps, InputVariantProps, CardVariantProps, TextVariantProps, SplitCardVariantProps, StackVariantProps } from '@atlas-art/ui-core';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariantProps {
+}
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size">, InputVariantProps {
+}
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface CardProps extends HTMLAttributes<HTMLDivElement>, CardVariantProps {
+}
+declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: react.ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & react.RefAttributes<HTMLHeadingElement>>;
+declare const CardDescription: react.ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & react.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+
+interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
+    error?: string;
+}
+declare function FormField({ className, error, children, ...props }: FormFieldProps): react_jsx_runtime.JSX.Element;
+declare function FormFieldLabel({ className, ...props }: LabelHTMLAttributes<HTMLLabelElement>): react_jsx_runtime.JSX.Element;
+
+type TypographyElement = ElementType;
+interface TextProps extends HTMLAttributes<HTMLElement>, TextVariantProps {
+    as?: TypographyElement;
+}
+declare function Text({ as, className, variant, ...props }: TextProps): react_jsx_runtime.JSX.Element;
+
+interface SplitCardProps extends HTMLAttributes<HTMLDivElement>, SplitCardVariantProps {
+}
+declare const SplitCard: react.ForwardRefExoticComponent<SplitCardProps & react.RefAttributes<HTMLDivElement>>;
+declare const SplitCardAside: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+declare const SplitCardMain: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+declare const SplitCardDecoration: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+
+interface StackProps extends HTMLAttributes<HTMLDivElement>, StackVariantProps {
+}
+declare const Stack: react.ForwardRefExoticComponent<StackProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, FormField, FormFieldLabel, type FormFieldProps, Input, type InputProps, SplitCard, SplitCardAside, SplitCardDecoration, SplitCardMain, type SplitCardProps, Stack, type StackProps, Text, type TextProps };

package/dist/index.d.ts

@@ -0,0 +1,46 @@
+import * as react from 'react';
+import { ButtonHTMLAttributes, InputHTMLAttributes, HTMLAttributes, LabelHTMLAttributes, ElementType } from 'react';
+import { ButtonVariantProps, InputVariantProps, CardVariantProps, TextVariantProps, SplitCardVariantProps, StackVariantProps } from '@atlas-art/ui-core';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariantProps {
+}
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size">, InputVariantProps {
+}
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface CardProps extends HTMLAttributes<HTMLDivElement>, CardVariantProps {
+}
+declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: react.ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & react.RefAttributes<HTMLHeadingElement>>;
+declare const CardDescription: react.ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & react.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+
+interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
+    error?: string;
+}
+declare function FormField({ className, error, children, ...props }: FormFieldProps): react_jsx_runtime.JSX.Element;
+declare function FormFieldLabel({ className, ...props }: LabelHTMLAttributes<HTMLLabelElement>): react_jsx_runtime.JSX.Element;
+
+type TypographyElement = ElementType;
+interface TextProps extends HTMLAttributes<HTMLElement>, TextVariantProps {
+    as?: TypographyElement;
+}
+declare function Text({ as, className, variant, ...props }: TextProps): react_jsx_runtime.JSX.Element;
+
+interface SplitCardProps extends HTMLAttributes<HTMLDivElement>, SplitCardVariantProps {
+}
+declare const SplitCard: react.ForwardRefExoticComponent<SplitCardProps & react.RefAttributes<HTMLDivElement>>;
+declare const SplitCardAside: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+declare const SplitCardMain: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+declare const SplitCardDecoration: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+
+interface StackProps extends HTMLAttributes<HTMLDivElement>, StackVariantProps {
+}
+declare const Stack: react.ForwardRefExoticComponent<StackProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, FormField, FormFieldLabel, type FormFieldProps, Input, type InputProps, SplitCard, SplitCardAside, SplitCardDecoration, SplitCardMain, type SplitCardProps, Stack, type StackProps, Text, type TextProps };

package/dist/index.js

@@ -0,0 +1,116 @@
+import { forwardRef, createContext } from 'react';
+import { cn, buttonVariants, inputVariants, cardVariants, splitCardVariants, splitCardAsideVariants, splitCardMainVariants, stackVariants, errorVariants, fieldVariants, labelVariants, textVariants } from '@atlas-art/ui-core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/components/ui/button.tsx
+var Button = forwardRef(
+  ({ className, variant, size, fullWidth, type = "button", ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type,
+        className: cn(buttonVariants({ variant, size, fullWidth }), className),
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var Input = forwardRef(
+  ({ className, size, state, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref,
+        className: cn(inputVariants({ size, state }), className),
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+var Card = forwardRef(
+  ({ className, padding, shadow, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(cardVariants({ padding, shadow }), className),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+var CardHeader = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-3 flex flex-col gap-1.5", className), ...props })
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("h3", { ref, className: cn("text-base font-semibold", className), ...props })
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-sm text-(--app-muted-text)", className), ...props }));
+CardDescription.displayName = "CardDescription";
+var CardContent = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-3", className), ...props })
+);
+CardContent.displayName = "CardContent";
+var CardFooter = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mt-4 flex items-center gap-2", className), ...props })
+);
+CardFooter.displayName = "CardFooter";
+var FormFieldContext = createContext({ hasError: false });
+function FormField({ className, error, children, ...props }) {
+  return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { hasError: Boolean(error) }, children: /* @__PURE__ */ jsxs("div", { className: cn(fieldVariants(), className), ...props, children: [
+    children,
+    error ? /* @__PURE__ */ jsx("p", { className: errorVariants(), children: error }) : null
+  ] }) });
+}
+function FormFieldLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx("label", { className: cn(labelVariants(), className), ...props });
+}
+function Text({ as, className, variant, ...props }) {
+  const Component = as ?? "p";
+  return /* @__PURE__ */ jsx(Component, { className: cn(textVariants({ variant }), className), ...props });
+}
+var SplitCard = forwardRef(
+  ({ className, columns, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn(splitCardVariants({ columns }), className), ...props })
+);
+SplitCard.displayName = "SplitCard";
+var SplitCardAside = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("section", { ref, className: cn(splitCardAsideVariants(), className), ...props })
+);
+SplitCardAside.displayName = "SplitCardAside";
+var SplitCardMain = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("section", { ref, className: cn(splitCardMainVariants(), className), ...props })
+);
+SplitCardMain.displayName = "SplitCardMain";
+var SplitCardDecoration = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "pointer-events-none absolute -bottom-14 -right-14 h-44 w-44 rounded-full border border-(--app-border)",
+        className
+      ),
+      ...props
+    }
+  )
+);
+SplitCardDecoration.displayName = "SplitCardDecoration";
+var Stack = forwardRef(
+  ({ className, gap, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(stackVariants({ gap }), className),
+      ...props
+    }
+  )
+);
+Stack.displayName = "Stack";
+
+export { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, FormField, FormFieldLabel, Input, SplitCard, SplitCardAside, SplitCardDecoration, SplitCardMain, Stack, Text };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/button.tsx","../src/components/ui/input.tsx","../src/components/ui/card.tsx","../src/components/ui/form-field.tsx","../src/components/ui/typography.tsx","../src/components/ui/split-card.tsx","../src/components/ui/stack.tsx"],"names":["forwardRef","jsx","cn"],"mappings":"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","file":"index.js","sourcesContent":["import { forwardRef, type ButtonHTMLAttributes } from \"react\";\nimport { buttonVariants, type ButtonVariantProps } from \"@atlas-art/ui-core\";\nimport { cn } from \"@atlas-art/ui-core\";\n\nexport interface ButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n    ButtonVariantProps {}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, fullWidth, type = \"button\", ...props }, ref) => {\n    return (\n      <button\n        ref={ref}\n        type={type}\n        className={cn(buttonVariants({ variant, size, fullWidth }), className)}\n        {...props}\n      />\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n","import { forwardRef, type InputHTMLAttributes } from \"react\";\nimport { inputVariants, type InputVariantProps } from \"@atlas-art/ui-core\";\nimport { cn } from \"@atlas-art/ui-core\";\n\nexport interface InputProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\">,\n    InputVariantProps {}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, size, state, ...props }, ref) => {\n    return (\n      <input\n        ref={ref}\n        className={cn(inputVariants({ size, state }), className)}\n        {...props}\n      />\n    );\n  },\n);\n\nInput.displayName = \"Input\";\n","import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cardVariants, type CardVariantProps } from \"@atlas-art/ui-core\";\nimport { cn } from \"@atlas-art/ui-core\";\n\nexport interface CardProps\n  extends HTMLAttributes<HTMLDivElement>,\n    CardVariantProps {}\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n  ({ className, padding, shadow, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(cardVariants({ padding, shadow }), className)}\n      {...props}\n    />\n  ),\n);\nCard.displayName = \"Card\";\n\nexport const CardHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"mb-3 flex flex-col gap-1.5\", className)} {...props} />\n  ),\n);\nCardHeader.displayName = \"CardHeader\";\n\nexport const CardTitle = forwardRef<HTMLHeadingElement, HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, ...props }, ref) => (\n    <h3 ref={ref} className={cn(\"text-base font-semibold\", className)} {...props} />\n  ),\n);\nCardTitle.displayName = \"CardTitle\";\n\nexport const CardDescription = forwardRef<\n  HTMLParagraphElement,\n  HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p ref={ref} className={cn(\"text-sm text-(--app-muted-text)\", className)} {...props} />\n));\nCardDescription.displayName = \"CardDescription\";\n\nexport const CardContent = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"space-y-3\", className)} {...props} />\n  ),\n);\nCardContent.displayName = \"CardContent\";\n\nexport const CardFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"mt-4 flex items-center gap-2\", className)} {...props} />\n  ),\n);\nCardFooter.displayName = \"CardFooter\";\n","import {\n  createContext,\n  type HTMLAttributes,\n  type LabelHTMLAttributes,\n} from \"react\";\nimport {\n  errorVariants,\n  fieldVariants,\n  labelVariants,\n} from \"@atlas-art/ui-core\";\nimport { cn } from \"@atlas-art/ui-core\";\n\ninterface FormFieldContextValue {\n  hasError: boolean;\n}\n\nconst FormFieldContext = createContext<FormFieldContextValue>({ hasError: false });\n\nexport interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {\n  error?: string;\n}\n\nexport function FormField({ className, error, children, ...props }: FormFieldProps) {\n  return (\n    <FormFieldContext.Provider value={{ hasError: Boolean(error) }}>\n      <div className={cn(fieldVariants(), className)} {...props}>\n        {children}\n        {error ? <p className={errorVariants()}>{error}</p> : null}\n      </div>\n    </FormFieldContext.Provider>\n  );\n}\n\nexport function FormFieldLabel({ className, ...props }: LabelHTMLAttributes<HTMLLabelElement>) {\n  return <label className={cn(labelVariants(), className)} {...props} />;\n}\n","import { type ElementType, type HTMLAttributes } from \"react\";\nimport { textVariants, type TextVariantProps } from \"@atlas-art/ui-core\";\nimport { cn } from \"@atlas-art/ui-core\";\n\ntype TypographyElement = ElementType;\n\nexport interface TextProps\n  extends HTMLAttributes<HTMLElement>,\n    TextVariantProps {\n  as?: TypographyElement;\n}\n\nexport function Text({ as, className, variant, ...props }: TextProps) {\n  const Component = as ?? \"p\";\n  return <Component className={cn(textVariants({ variant }), className)} {...props} />;\n}\n","import { forwardRef, type HTMLAttributes } from \"react\";\nimport {\n  splitCardAsideVariants,\n  splitCardMainVariants,\n  splitCardVariants,\n  type SplitCardVariantProps,\n} from \"@atlas-art/ui-core\";\nimport { cn } from \"@atlas-art/ui-core\";\n\nexport interface SplitCardProps\n  extends HTMLAttributes<HTMLDivElement>,\n    SplitCardVariantProps {}\n\nexport const SplitCard = forwardRef<HTMLDivElement, SplitCardProps>(\n  ({ className, columns, ...props }, ref) => (\n    <div ref={ref} className={cn(splitCardVariants({ columns }), className)} {...props} />\n  ),\n);\nSplitCard.displayName = \"SplitCard\";\n\nexport const SplitCardAside = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <section ref={ref} className={cn(splitCardAsideVariants(), className)} {...props} />\n  ),\n);\nSplitCardAside.displayName = \"SplitCardAside\";\n\nexport const SplitCardMain = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <section ref={ref} className={cn(splitCardMainVariants(), className)} {...props} />\n  ),\n);\nSplitCardMain.displayName = \"SplitCardMain\";\n\nexport const SplitCardDecoration = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"pointer-events-none absolute -bottom-14 -right-14 h-44 w-44 rounded-full border border-(--app-border)\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nSplitCardDecoration.displayName = \"SplitCardDecoration\";\n","import { forwardRef, type HTMLAttributes } from \"react\";\nimport { stackVariants, type StackVariantProps } from \"@atlas-art/ui-core\";\nimport { cn } from \"@atlas-art/ui-core\";\n\nexport interface StackProps\n  extends HTMLAttributes<HTMLDivElement>, StackVariantProps {}\n\nexport const Stack = forwardRef<HTMLDivElement, StackProps>(\n  ({ className, gap, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(stackVariants({ gap }), className)}\n      {...props}\n    />\n  ),\n);\n\nStack.displayName = \"Stack\";\n"]}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@atlas-art/ui-react",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./adapters/react-router": {
+      "types": "./dist/adapters/react-router/index.d.ts",
+      "import": "./dist/adapters/react-router/index.js",
+      "require": "./dist/adapters/react-router/index.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",
+    "react-router": ">=7"
+  },
+  "peerDependenciesMeta": {
+    "react-router": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "class-variance-authority": "^0.7.1",
+    "@atlas-art/ui-core": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.3"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit"
+  }
+}