@lctafrica/ui 1.0.3 → 1.0.5

package/dist/components/ui/input-group.d.ts

@@ -3,7 +3,7 @@ import { Button } from './button/Button';
 import * as React from "react";
 declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
-    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({

package/dist/components/ui/member-card/MemberCard.d.ts

@@ -6,13 +6,13 @@ type MemberCardProps = {
     actionButton: {
         label: string;
         onClick(): void;
-        leftIcon?: ReactNode;
-        className?: string;
-        disabled?: boolean;
+        leftIcon?: ReactNode | undefined;
+        className?: string | undefined;
+        disabled?: boolean | undefined;
     };
-    privilege: "NORMAL" | "VIP" | "VVIP";
-    containerClassName?: string;
-    errorMessage?: string;
+    privilege?: "NORMAL" | "VIP" | "VVIP" | null;
+    containerClassName?: string | undefined;
+    errorMessage?: string | undefined;
 };
 export declare function MemberCard({ memberNumber, memberName, scheme, actionButton, privilege, containerClassName, errorMessage, }: MemberCardProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ui/member-privilege-badge/MemberPrivilegeBadge.d.ts

@@ -1,9 +1,11 @@
 import { VariantProps } from 'class-variance-authority';
+import { CSSProperties } from 'react';
 declare const memberPrivilegeBadgeVariants: (props?: ({
     privilege?: "NORMAL" | "VIP" | "VVIP" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type MemberPrivilegeBadgeProps = {
     className?: string;
+    containerStyle?: CSSProperties;
 } & VariantProps<typeof memberPrivilegeBadgeVariants>;
-export declare function MemberPrivilegeBadge({ privilege, className, }: MemberPrivilegeBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function MemberPrivilegeBadge({ privilege, className, containerStyle, }: MemberPrivilegeBadgeProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.js

@@ -11526,7 +11526,18 @@ const tx = At("rounded-lg  px-15 py-7", {
   }
 });
 function nx({ className: e, variant: t = "primary", ...r }) {
-  return /* @__PURE__ */ v("article", { className: P(tx({ variant: t, className: e })), ...r });
+  return /* @__PURE__ */ v(
+    "article",
+    {
+      style: {
+        ...t === "primary" && {
+          boxShadow: "0px 8px 29px 0px #0000001A"
+        }
+      },
+      className: P(tx({ variant: t, className: e })),
+      ...r
+    }
+  );
 }
 const rx = "peer shrink-0 border border-gray-300 ring-offset-background transition-colors", ox = "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-blue-200 focus-visible:ring-offset-0 focus-visible:border-blue-400", ix = "disabled:cursor-not-allowed disabled:border-gray-200 disabled:bg-gray-100 disabled:data-[state=checked]:border-gray-200 disabled:data-[state=checked]:bg-gray-200 disabled:data-[state=checked]:text-white", ax = At(
   P(rx, ox, ix),
@@ -15247,13 +15258,21 @@ const OI = At(
 );
 function EI({
   privilege: e = "NORMAL",
-  className: t
+  className: t,
+  containerStyle: r
 }) {
-  return /* @__PURE__ */ fe("div", { className: P(OI({ privilege: e, className: t })), children: [
-    e === "VVIP" ? /* @__PURE__ */ v(vw, { size: 16, strokeWidth: 2 }) : e === "VIP" ? /* @__PURE__ */ v($w, { size: 16, strokeWidth: 2 }) : /* @__PURE__ */ v(Uf, { size: 16, strokeWidth: 2 }),
-    e !== "NORMAL" && /* @__PURE__ */ v("p", { children: e }),
-    e === "VVIP" && /* @__PURE__ */ v(Cw, { size: 16, strokeWidth: 2 })
-  ] });
+  return /* @__PURE__ */ fe(
+    "div",
+    {
+      style: r,
+      className: P(OI({ privilege: e, className: t })),
+      children: [
+        e === "VVIP" ? /* @__PURE__ */ v(vw, { size: 16, strokeWidth: 2 }) : e === "VIP" ? /* @__PURE__ */ v($w, { size: 16, strokeWidth: 2 }) : /* @__PURE__ */ v(Uf, { size: 16, strokeWidth: 2 }),
+        e !== "NORMAL" && /* @__PURE__ */ v("p", { children: e }),
+        e === "VVIP" && /* @__PURE__ */ v(Cw, { size: 16, strokeWidth: 2 })
+      ]
+    }
+  );
 }
 function kM({
   memberNumber: e,
@@ -15277,7 +15296,8 @@ function kM({
           EI,
           {
             privilege: n,
-            className: "absolute left-12.5 -translate-y-1/2 top-0"
+            className: "absolute left-12.5 top-0",
+            containerStyle: { translate: "0 -50%" }
           }
         ),
         /* @__PURE__ */ fe($I, { className: "space-y-0 gap-y-2 gap-x-30 grid grid-cols-[auto_1fr] col-span-2", children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lctafrica/ui",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",