pxengine 0.1.5 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.cjs +10 -10
  2. package/dist/index.js +10 -10
  3. package/dist/registry.json +1 -1
  4. package/package.json +1 -1
  5. package/src/atoms/CardAtom.tsx +2 -2
  6. package/src/atoms/TextAtom.tsx +7 -7
  7. package/src/molecules/generic/ActionButton/ActionButton.tsx +1 -1
package/dist/index.cjs CHANGED
@@ -7638,14 +7638,14 @@ var TextAtom = ({
7638
7638
  className
7639
7639
  }) => {
7640
7640
  const baseStyles = {
7641
- h1: "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl text-gray-900",
7642
- h2: "scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0 text-gray-900",
7643
- h3: "scroll-m-20 text-2xl font-semibold tracking-tight text-gray-900",
7644
- h4: "scroll-m-20 text-xl font-semibold tracking-tight text-gray-900",
7645
- p: "leading-7 [&:not(:first-child)]:mt-6 text-gray-700",
7646
- small: "text-sm font-medium leading-none text-gray-600",
7641
+ h1: "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl text-gray900",
7642
+ h2: "scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0 text-gray900",
7643
+ h3: "scroll-m-20 text-2xl font-semibold tracking-tight text-gray900",
7644
+ h4: "scroll-m-20 text-xl font-semibold tracking-tight text-gray900",
7645
+ p: "leading-7 [&:not(:first-child)]:mt-6 text-gray700",
7646
+ small: "text-sm font-medium leading-none text-gray600",
7647
7647
  muted: "text-sm text-muted-foreground",
7648
- label: "text-[10px] font-bold text-gray-400 uppercase tracking-widest pl-1"
7648
+ label: "text-[10px] font-bold text-gray400 uppercase tracking-widest pl-1"
7649
7649
  };
7650
7650
  const Component = variant === "small" || variant === "muted" || variant === "label" ? "p" : variant;
7651
7651
  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Component, { className: cn(baseStyles[variant], className), children: content });
@@ -7739,11 +7739,11 @@ var CardAtom = ({
7739
7739
  ),
7740
7740
  children: [
7741
7741
  (title || description) && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(CardHeader, { children: [
7742
- title && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CardTitle, { className: "text-xl font-bold text-gray-900", children: title }),
7742
+ title && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CardTitle, { className: "text-xl font-bold text-gray900", children: title }),
7743
7743
  description && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CardDescription, { children: description })
7744
7744
  ] }),
7745
7745
  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CardContent, { className: "space-y-4", children: children.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react36.default.Fragment, { children: renderComponent(child, index) }, child.id || `card-content-${index}`)) }),
7746
- footer && footer.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CardFooter, { className: "bg-gray-50/50 border-t border-gray-100 flex flex-wrap gap-2 pt-6", children: footer.map((footerChild, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react36.default.Fragment, { children: renderComponent(footerChild, index) }, footerChild.id || `card-footer-${index}`)) })
7746
+ footer && footer.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CardFooter, { className: "bg-gray50/50 border-t border-gray200 flex flex-wrap gap-2 pt-6", children: footer.map((footerChild, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react36.default.Fragment, { children: renderComponent(footerChild, index) }, footerChild.id || `card-footer-${index}`)) })
7747
7747
  ]
7748
7748
  }
7749
7749
  );
@@ -8782,7 +8782,7 @@ var ActionButton = import_react51.default.memo(
8782
8782
  variant: "ghost",
8783
8783
  size: "icon",
8784
8784
  onClick: onPause,
8785
- className: "h-10 w-10 rounded-full hover:bg-gray-100 text-gray-500",
8785
+ className: "h-10 w-10 rounded-full hover:bg-gray200 text-gray600",
8786
8786
  title: isPaused ? "Resume auto-proceed" : "Pause auto-proceed",
8787
8787
  children: isPaused ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Play, { className: "h-4 w-4 fill-current" }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Pause, { className: "h-4 w-4 fill-current" })
8788
8788
  }
package/dist/index.js CHANGED
@@ -7392,14 +7392,14 @@ var TextAtom = ({
7392
7392
  className
7393
7393
  }) => {
7394
7394
  const baseStyles = {
7395
- h1: "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl text-gray-900",
7396
- h2: "scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0 text-gray-900",
7397
- h3: "scroll-m-20 text-2xl font-semibold tracking-tight text-gray-900",
7398
- h4: "scroll-m-20 text-xl font-semibold tracking-tight text-gray-900",
7399
- p: "leading-7 [&:not(:first-child)]:mt-6 text-gray-700",
7400
- small: "text-sm font-medium leading-none text-gray-600",
7395
+ h1: "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl text-gray900",
7396
+ h2: "scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0 text-gray900",
7397
+ h3: "scroll-m-20 text-2xl font-semibold tracking-tight text-gray900",
7398
+ h4: "scroll-m-20 text-xl font-semibold tracking-tight text-gray900",
7399
+ p: "leading-7 [&:not(:first-child)]:mt-6 text-gray700",
7400
+ small: "text-sm font-medium leading-none text-gray600",
7401
7401
  muted: "text-sm text-muted-foreground",
7402
- label: "text-[10px] font-bold text-gray-400 uppercase tracking-widest pl-1"
7402
+ label: "text-[10px] font-bold text-gray400 uppercase tracking-widest pl-1"
7403
7403
  };
7404
7404
  const Component = variant === "small" || variant === "muted" || variant === "label" ? "p" : variant;
7405
7405
  return /* @__PURE__ */ jsx41(Component, { className: cn(baseStyles[variant], className), children: content });
@@ -7493,11 +7493,11 @@ var CardAtom = ({
7493
7493
  ),
7494
7494
  children: [
7495
7495
  (title || description) && /* @__PURE__ */ jsxs19(CardHeader, { children: [
7496
- title && /* @__PURE__ */ jsx44(CardTitle, { className: "text-xl font-bold text-gray-900", children: title }),
7496
+ title && /* @__PURE__ */ jsx44(CardTitle, { className: "text-xl font-bold text-gray900", children: title }),
7497
7497
  description && /* @__PURE__ */ jsx44(CardDescription, { children: description })
7498
7498
  ] }),
7499
7499
  /* @__PURE__ */ jsx44(CardContent, { className: "space-y-4", children: children.map((child, index) => /* @__PURE__ */ jsx44(React65.Fragment, { children: renderComponent(child, index) }, child.id || `card-content-${index}`)) }),
7500
- footer && footer.length > 0 && /* @__PURE__ */ jsx44(CardFooter, { className: "bg-gray-50/50 border-t border-gray-100 flex flex-wrap gap-2 pt-6", children: footer.map((footerChild, index) => /* @__PURE__ */ jsx44(React65.Fragment, { children: renderComponent(footerChild, index) }, footerChild.id || `card-footer-${index}`)) })
7500
+ footer && footer.length > 0 && /* @__PURE__ */ jsx44(CardFooter, { className: "bg-gray50/50 border-t border-gray200 flex flex-wrap gap-2 pt-6", children: footer.map((footerChild, index) => /* @__PURE__ */ jsx44(React65.Fragment, { children: renderComponent(footerChild, index) }, footerChild.id || `card-footer-${index}`)) })
7501
7501
  ]
7502
7502
  }
7503
7503
  );
@@ -8536,7 +8536,7 @@ var ActionButton = React80.memo(
8536
8536
  variant: "ghost",
8537
8537
  size: "icon",
8538
8538
  onClick: onPause,
8539
- className: "h-10 w-10 rounded-full hover:bg-gray-100 text-gray-500",
8539
+ className: "h-10 w-10 rounded-full hover:bg-gray200 text-gray600",
8540
8540
  title: isPaused ? "Resume auto-proceed" : "Pause auto-proceed",
8541
8541
  children: isPaused ? /* @__PURE__ */ jsx73(Play, { className: "h-4 w-4 fill-current" }) : /* @__PURE__ */ jsx73(Pause, { className: "h-4 w-4 fill-current" })
8542
8542
  }
package/dist/registry.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pxengine/ui",
3
3
  "version": "1.0.0",
4
- "lastUpdated": "2026-01-28T11:56:34.416Z",
4
+ "lastUpdated": "2026-01-29T11:11:35.549Z",
5
5
  "components": {
6
6
  "AccordionAtom": {
7
7
  "name": "AccordionAtom",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pxengine",
3
- "version": "0.1.5",
3
+ "version": "0.1.6",
4
4
  "type": "module",
5
5
  "description": "Shadcn-based UI component library for agent-driven interfaces",
6
6
  "main": "./dist/index.cjs",
package/src/atoms/CardAtom.tsx CHANGED
@@ -36,7 +36,7 @@ export const CardAtom: React.FC<Props> = ({
36
36
  {(title || description) && (
37
37
  <CardHeader>
38
38
  {title && (
39
- <CardTitle className="text-xl font-bold text-gray-900">
39
+ <CardTitle className="text-xl font-bold text-gray900">
40
40
  {title}
41
41
  </CardTitle>
42
42
  )}
@@ -51,7 +51,7 @@ export const CardAtom: React.FC<Props> = ({
51
51
  ))}
52
52
  </CardContent>
53
53
  {footer && footer.length > 0 && (
54
- <CardFooter className="bg-gray-50/50 border-t border-gray-100 flex flex-wrap gap-2 pt-6">
54
+ <CardFooter className="bg-gray50/50 border-t border-gray200 flex flex-wrap gap-2 pt-6">
55
55
  {footer.map((footerChild, index) => (
56
56
  <React.Fragment key={footerChild.id || `card-footer-${index}`}>
57
57
  {renderComponent(footerChild, index)}
package/src/atoms/TextAtom.tsx CHANGED
@@ -12,14 +12,14 @@ export const TextAtom: React.FC<TextAtomType> = ({
12
12
  className,
13
13
  }) => {
14
14
  const baseStyles: Record<string, string> = {
15
- h1: "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl text-gray-900",
16
- h2: "scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0 text-gray-900",
17
- h3: "scroll-m-20 text-2xl font-semibold tracking-tight text-gray-900",
18
- h4: "scroll-m-20 text-xl font-semibold tracking-tight text-gray-900",
19
- p: "leading-7 [&:not(:first-child)]:mt-6 text-gray-700",
20
- small: "text-sm font-medium leading-none text-gray-600",
15
+ h1: "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl text-gray900",
16
+ h2: "scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0 text-gray900",
17
+ h3: "scroll-m-20 text-2xl font-semibold tracking-tight text-gray900",
18
+ h4: "scroll-m-20 text-xl font-semibold tracking-tight text-gray900",
19
+ p: "leading-7 [&:not(:first-child)]:mt-6 text-gray700",
20
+ small: "text-sm font-medium leading-none text-gray600",
21
21
  muted: "text-sm text-muted-foreground",
22
- label: "text-[10px] font-bold text-gray-400 uppercase tracking-widest pl-1",
22
+ label: "text-[10px] font-bold text-gray400 uppercase tracking-widest pl-1",
23
23
  };
24
24
 
25
25
  const Component =
package/src/molecules/generic/ActionButton/ActionButton.tsx CHANGED
@@ -113,7 +113,7 @@ export const ActionButton = React.memo<ActionButtonProps>(
113
113
  variant="ghost"
114
114
  size="icon"
115
115
  onClick={onPause}
116
- className="h-10 w-10 rounded-full hover:bg-gray-100 text-gray-500"
116
+ className="h-10 w-10 rounded-full hover:bg-gray200 text-gray600"
117
117
  title={isPaused ? "Resume auto-proceed" : "Pause auto-proceed"}
118
118
  >
119
119
  {isPaused ? (