@ttt-productions/ui-core 0.2.21 → 0.2.22

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 (10) hide show
  1. package/dist/components/badge.d.ts +3 -2
  2. package/dist/components/badge.d.ts.map +1 -1
  3. package/dist/components/badge.jsx +12 -2
  4. package/dist/components/badge.jsx.map +1 -1
  5. package/dist/components/toaster.d.ts.map +1 -1
  6. package/dist/components/toaster.jsx +2 -0
  7. package/dist/components/toaster.jsx.map +1 -1
  8. package/package.json +1 -1
  9. package/src/components/badge.tsx +28 -12
  10. package/src/components/toaster.tsx +3 -12
package/dist/components/badge.d.ts CHANGED
@@ -1,10 +1,11 @@
1
1
  import * as React from "react";
2
2
  import { type VariantProps } from "class-variance-authority";
3
3
  declare const badgeVariants: (props?: ({
4
- variant?: "default" | "destructive" | "outline" | "secondary" | "professions" | null | undefined;
4
+ variant?: "default" | "destructive" | "outline" | "secondary" | "status" | "professions" | null | undefined;
5
+ status?: "completed" | "scheduled" | "in_progress" | "pending" | "cancelled" | null | undefined;
5
6
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
6
7
  export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
7
8
  }
8
- declare function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element;
9
+ declare function Badge({ className, variant, status, ...props }: BadgeProps): React.JSX.Element;
9
10
  export { Badge, badgeVariants };
10
11
  //# sourceMappingURL=badge.d.ts.map
package/dist/components/badge.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,aAAa;;8EAiBlB,CAAA;AAED,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAE1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
1
+ {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,aAAa;;;8EAiClB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAElE;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
package/dist/components/badge.jsx CHANGED
@@ -10,12 +10,22 @@ const badgeVariants = cva("inline-flex items-center rounded-full border px-2.5 p
10
10
  destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
11
11
  outline: "text-foreground",
12
12
  professions: "bg-[hsl(var(--card))] border-[hsl(var(--brand-primary))] text-[hsl(var(--brand-primary-deep))] border-2",
13
+ // NEW: semantic status pills (colors come from CSS vars)
14
+ status: "border-[hsl(var(--pill-border, var(--border)))] bg-[hsl(var(--pill-bg, var(--muted)))] text-[hsl(var(--pill-fg, var(--foreground)))]",
15
+ },
16
+ // NEW: specific status mappings -> theme-core vars (with fallbacks)
17
+ status: {
18
+ completed: "border-[hsl(var(--pill-completed-border, var(--brand-primary)))] bg-[hsl(var(--pill-completed-bg, var(--brand-primary)))] text-[hsl(var(--pill-completed-fg, var(--brand-primary-foreground, var(--primary-foreground))))]",
19
+ scheduled: "border-[hsl(var(--pill-scheduled-border, var(--brand-secondary, var(--border))))] bg-[hsl(var(--pill-scheduled-bg, var(--card)))] text-[hsl(var(--pill-scheduled-fg, var(--brand-primary-deep, var(--foreground))))]",
20
+ in_progress: "border-[hsl(var(--pill-inprogress-border, var(--brand-accent, var(--border))))] bg-[hsl(var(--pill-inprogress-bg, var(--brand-accent, var(--accent))))] text-[hsl(var(--pill-inprogress-fg, var(--brand-accent-foreground, var(--accent-foreground))))]",
21
+ pending: "border-[hsl(var(--pill-pending-border, var(--border)))] bg-[hsl(var(--pill-pending-bg, var(--muted)))] text-[hsl(var(--pill-pending-fg, var(--foreground)))]",
22
+ cancelled: "border-[hsl(var(--pill-cancelled-border, var(--destructive)))] bg-[hsl(var(--pill-cancelled-bg, var(--destructive)))] text-[hsl(var(--pill-cancelled-fg, var(--destructive-foreground)))]",
13
23
  },
14
24
  },
15
25
  defaultVariants: { variant: "default" },
16
26
  });
17
- function Badge({ className, variant, ...props }) {
18
- return <div className={cn(badgeVariants({ variant }), className)} {...props}/>;
27
+ function Badge({ className, variant, status, ...props }) {
28
+ return <div className={cn(badgeVariants({ variant, status }), className)} {...props}/>;
19
29
  }
20
30
  export { Badge, badgeVariants };
21
31
  //# sourceMappingURL=badge.jsx.map
package/dist/components/badge.jsx.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"badge.jsx","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,MAAM,aAAa,GAAG,GAAG,CACvB,wKAAwK,EACxK;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,2EAA2E;YACpF,SAAS,EACP,iFAAiF;YACnF,WAAW,EACT,uFAAuF;YACzF,OAAO,EAAE,iBAAiB;YAC1B,WAAW,EACT,yGAAyG;SAC5G;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;CACxC,CACF,CAAA;AAMD,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAc;IACzD,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAA;AACjF,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
1
+ {"version":3,"file":"badge.jsx","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,aAAa,GAAG,GAAG,CACvB,wKAAwK,EACxK;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,2EAA2E;YACpF,SAAS,EAAE,iFAAiF;YAC5F,WAAW,EAAE,uFAAuF;YACpG,OAAO,EAAE,iBAAiB;YAC1B,WAAW,EACT,yGAAyG;YAE3G,yDAAyD;YACzD,MAAM,EACJ,sIAAsI;SACzI;QAED,oEAAoE;QACpE,MAAM,EAAE;YACN,SAAS,EACP,4NAA4N;YAC9N,SAAS,EACP,sNAAsN;YACxN,WAAW,EACT,yPAAyP;YAC3P,OAAO,EACL,8JAA8J;YAChK,SAAS,EACP,2LAA2L;SAC9L;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;CACxC,CACF,CAAC;AAMF,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAc;IACjE,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC1F,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
package/dist/components/toaster.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../src/components/toaster.tsx"],"names":[],"mappings":"AAMA,wBAAgB,OAAO,gCA4CtB"}
1
+ {"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../src/components/toaster.tsx"],"names":[],"mappings":"AAMA,wBAAgB,OAAO,gCAmCtB"}
package/dist/components/toaster.jsx CHANGED
@@ -16,6 +16,8 @@ export function Toaster() {
16
16
  <ToastClose />
17
17
  </Toast>);
18
18
  })}
19
+
20
+ {/* debug: proves viewport is visible/on-screen */}
19
21
  <ToastViewport />
20
22
  </ToastProvider>);
21
23
  }
package/dist/components/toaster.jsx.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"toaster.jsx","sourceRoot":"","sources":["../../src/components/toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxG,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAG9C,MAAM,UAAU,OAAO;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAgC,CAAC;IAE5D,OAAO,CACL,CAAC,aAAa,CAAC,cAAc,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CACvD;MAAA,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAe,EAAE,EAAE;YAC9B,MAAM,EACJ,EAAE,EACF,KAAK,EACL,WAAW,EACX,MAAM,EACN,OAAO,EACP,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,YAAY,EACZ,GAAG,KAAK,EACT,GAAG,CAAC,CAAC;YAEN,MAAM,CAAC,GACL,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC;YAE/D,OAAO,CACL,CAAC,KAAK,CACJ,GAAG,CAAC,CAAC,EAAE,CAAC,CACR,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,OAAO,CAAC,CAAC,CAAQ,CAAC,CAClB,QAAQ,CAAC,CAAC,QAAQ,IAAI,IAAI,CAAC,CAC3B,WAAW,CAAC,CAAC,WAAW,IAAI,IAAI,CAAC,CACjC,IAAK,KAAa,CAAC,CAEnB;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,kBAAkB,CAC/B;cAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CACtE;cAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,CAChG;YAAA,EAAE,GAAG,CACL;YAAA,CAAC,MAAM,CACP;YAAA,CAAC,UAAU,CAAC,AAAD,EACb;UAAA,EAAE,KAAK,CAAC,CACT,CAAC;QACJ,CAAC,CAAC,CACF;MAAA,CAAC,aAAa,CAAC,AAAD,EAChB;IAAA,EAAE,aAAa,CAAC,CACjB,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"toaster.jsx","sourceRoot":"","sources":["../../src/components/toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxG,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAG9C,MAAM,UAAU,OAAO;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAgC,CAAC;IAE5D,OAAO,CACL,CAAC,aAAa,CAAC,cAAc,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CACvD;MAAA,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAe,EAAE,EAAE;YAC9B,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC;YAE3G,MAAM,CAAC,GACL,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC;YAE/D,OAAO,CACL,CAAC,KAAK,CACJ,GAAG,CAAC,CAAC,EAAE,CAAC,CACR,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,OAAO,CAAC,CAAC,CAAQ,CAAC,CAClB,QAAQ,CAAC,CAAC,QAAQ,IAAI,IAAI,CAAC,CAC3B,WAAW,CAAC,CAAC,WAAW,IAAI,IAAI,CAAC,CACjC,IAAK,KAAa,CAAC,CAEnB;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,kBAAkB,CAC/B;cAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CACtE;cAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,CAChG;YAAA,EAAE,GAAG,CACL;YAAA,CAAC,MAAM,CACP;YAAA,CAAC,UAAU,CAAC,AAAD,EACb;UAAA,EAAE,KAAK,CAAC,CACT,CAAC;QACJ,CAAC,CAAC,CAEF;;MAAA,CAAC,iDAAiD,CAClD;MAAA,CAAC,aAAa,CAAC,AAAD,EAChB;IAAA,EAAE,aAAa,CAAC,CACjB,CAAC;AACJ,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ttt-productions/ui-core",
3
- "version": "0.2.21",
3
+ "version": "0.2.22",
4
4
  "description": "Shared UI components for TTT Productions projects",
5
5
  "repository": {
6
6
  "type": "git",
package/src/components/badge.tsx CHANGED
@@ -1,9 +1,9 @@
1
- "use client"
1
+ "use client";
2
2
 
3
- import * as React from "react"
4
- import { cva, type VariantProps } from "class-variance-authority"
3
+ import * as React from "react";
4
+ import { cva, type VariantProps } from "class-variance-authority";
5
5
 
6
- import { cn } from "../lib/utils"
6
+ import { cn } from "../lib/utils";
7
7
 
8
8
  const badgeVariants = cva(
9
9
  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
@@ -11,25 +11,41 @@ const badgeVariants = cva(
11
11
  variants: {
12
12
  variant: {
13
13
  default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
14
- secondary:
15
- "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
16
- destructive:
17
- "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
14
+ secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
15
+ destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
18
16
  outline: "text-foreground",
19
17
  professions:
20
18
  "bg-[hsl(var(--card))] border-[hsl(var(--brand-primary))] text-[hsl(var(--brand-primary-deep))] border-2",
19
+
20
+ // NEW: semantic status pills (colors come from CSS vars)
21
+ status:
22
+ "border-[hsl(var(--pill-border, var(--border)))] bg-[hsl(var(--pill-bg, var(--muted)))] text-[hsl(var(--pill-fg, var(--foreground)))]",
23
+ },
24
+
25
+ // NEW: specific status mappings -> theme-core vars (with fallbacks)
26
+ status: {
27
+ completed:
28
+ "border-[hsl(var(--pill-completed-border, var(--brand-primary)))] bg-[hsl(var(--pill-completed-bg, var(--brand-primary)))] text-[hsl(var(--pill-completed-fg, var(--brand-primary-foreground, var(--primary-foreground))))]",
29
+ scheduled:
30
+ "border-[hsl(var(--pill-scheduled-border, var(--brand-secondary, var(--border))))] bg-[hsl(var(--pill-scheduled-bg, var(--card)))] text-[hsl(var(--pill-scheduled-fg, var(--brand-primary-deep, var(--foreground))))]",
31
+ in_progress:
32
+ "border-[hsl(var(--pill-inprogress-border, var(--brand-accent, var(--border))))] bg-[hsl(var(--pill-inprogress-bg, var(--brand-accent, var(--accent))))] text-[hsl(var(--pill-inprogress-fg, var(--brand-accent-foreground, var(--accent-foreground))))]",
33
+ pending:
34
+ "border-[hsl(var(--pill-pending-border, var(--border)))] bg-[hsl(var(--pill-pending-bg, var(--muted)))] text-[hsl(var(--pill-pending-fg, var(--foreground)))]",
35
+ cancelled:
36
+ "border-[hsl(var(--pill-cancelled-border, var(--destructive)))] bg-[hsl(var(--pill-cancelled-bg, var(--destructive)))] text-[hsl(var(--pill-cancelled-fg, var(--destructive-foreground)))]",
21
37
  },
22
38
  },
23
39
  defaultVariants: { variant: "default" },
24
40
  }
25
- )
41
+ );
26
42
 
27
43
  export interface BadgeProps
28
44
  extends React.HTMLAttributes<HTMLDivElement>,
29
45
  VariantProps<typeof badgeVariants> {}
30
46
 
31
- function Badge({ className, variant, ...props }: BadgeProps) {
32
- return <div className={cn(badgeVariants({ variant }), className)} {...props} />
47
+ function Badge({ className, variant, status, ...props }: BadgeProps) {
48
+ return <div className={cn(badgeVariants({ variant, status }), className)} {...props} />;
33
49
  }
34
50
 
35
- export { Badge, badgeVariants }
51
+ export { Badge, badgeVariants };
package/src/components/toaster.tsx CHANGED
@@ -10,18 +10,7 @@ export function Toaster() {
10
10
  return (
11
11
  <ToastProvider swipeDirection="right" swipeThreshold={32}>
12
12
  {toasts.map((t: ToasterToast) => {
13
- const {
14
- id,
15
- title,
16
- description,
17
- action,
18
- variant,
19
- duration,
20
- dismissible,
21
- open,
22
- onOpenChange,
23
- ...props
24
- } = t;
13
+ const { id, title, description, action, variant, duration, dismissible, open, onOpenChange, ...props } = t;
25
14
 
26
15
  const v: ToastVariant | "destructive" =
27
16
  variant === "error" ? "destructive" : (variant ?? "default");
@@ -45,6 +34,8 @@ export function Toaster() {
45
34
  </Toast>
46
35
  );
47
36
  })}
37
+
38
+ {/* debug: proves viewport is visible/on-screen */}
48
39
  <ToastViewport />
49
40
  </ToastProvider>
50
41
  );