@geegeez/ui 0.0.43 → 0.0.44

package/dist/index.d.ts

@@ -603,7 +603,7 @@ compact: string;
 default: string;
 relaxed: string;
 };
-}, undefined, "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] border border-border bg-background shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", {
+}, undefined, "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] border border-border/45 bg-background shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", {
 density: {
 compact: string;
 default: string;
@@ -615,7 +615,7 @@ compact: string;
 default: string;
 relaxed: string;
 };
-}, undefined, "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] border border-border bg-background shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", unknown, unknown, undefined>>;
+}, undefined, "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] border border-border/45 bg-background shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", unknown, unknown, undefined>>;
 
 export declare const DialogDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
 
@@ -771,7 +771,7 @@ vertical: string[];
 horizontal: string[];
 responsive: string[];
 };
-}, undefined, "group/field data-[invalid=true]:text-error flex w-full gap-3", {
+}, undefined, "group/field data-[invalid=true]:text-error flex w-full gap-3 bg-surface-1/75 border border-border/45 p-4 rounded-[--radius]", {
 orientation: {
 vertical: string[];
 horizontal: string[];
@@ -783,7 +783,7 @@ vertical: string[];
 horizontal: string[];
 responsive: string[];
 };
-}, undefined, "group/field data-[invalid=true]:text-error flex w-full gap-3", unknown, unknown, undefined>>;
+}, undefined, "group/field data-[invalid=true]:text-error flex w-full gap-3 bg-surface-1/75 border border-border/45 p-4 rounded-[--radius]", unknown, unknown, undefined>>;
 
 export declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React_2.JSX.Element;
 

package/dist/index.js

@@ -4535,8 +4535,7 @@ const yr = {
   sm: "text-sm",
   md: "text-base",
   lg: "text-lg",
-  xl: "text-xl",
-  "2xl": "text-2xl"
+  xl: "text-xl"
 }, xo = Ze({
   base: "font-medium inline-flex items-center transition-colors duration-300 justify-center rounded-md disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 outline-none",
   variants: {
@@ -4550,11 +4549,11 @@ const yr = {
     },
     size: {
       xs: `h-7 ${yr.xs} gap-1`,
-      sm: `h-9 ${yr.sm} gap-1.5`,
-      md: `h-10 ${yr.md} gap-2`,
-      lg: `h-11 ${yr.lg} gap-2`,
-      xl: `h-12 ${yr.xl} gap-2.5`,
-      "2xl": `h-14 ${yr["2xl"]} gap-2.5`
+      sm: `h-9 ${yr.xs} gap-1.5`,
+      md: `h-10 ${yr.sm} gap-2`,
+      lg: `h-11 ${yr.md} gap-2`,
+      xl: `h-12 ${yr.lg} gap-2.5`,
+      "2xl": `h-14 ${yr.xl} gap-2.5`
     },
     shape: {
       rectangle: "",
@@ -14822,7 +14821,7 @@ var FB = { position: "absolute", width: "1px", height: "1px", padding: "0", marg
 const E0 = d.createContext({
   density: "default"
 }), Kf = () => d.useContext(E0), BB = Ze({
-  base: "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] border border-border bg-background shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+  base: "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] border border-border/45 bg-background shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
   variants: {
     density: {
       compact: "p-4 pb-0",
@@ -19185,7 +19184,7 @@ function mK({
       "data-slot": "field-legend",
       "data-variant": t,
       className: N(
-        "mb-3 font-medium",
+        "mb-2 font-medium",
         "data-[variant=legend]:text-base",
         "data-[variant=label]:text-sm",
         e
@@ -19200,7 +19199,7 @@ function hK({ className: e, ...t }) {
     {
       "data-slot": "field-group",
       className: N(
-        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
+        "group/field-group @container/field-group flex w-full flex-col gap-6 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
         e
       ),
       ...t
@@ -19208,7 +19207,7 @@ function hK({ className: e, ...t }) {
   );
 }
 const G5 = Ze({
-  base: "group/field data-[invalid=true]:text-error flex w-full gap-3",
+  base: "group/field data-[invalid=true]:text-error flex w-full gap-3 bg-surface-1/75 border border-border/45 p-4 rounded-[--radius]",
   variants: {
     orientation: {
       vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
@@ -19679,7 +19678,7 @@ const Ap = d.forwardRef(
     {
       type: t,
       className: N(
-        "flex w-full min-h-10 rounded-md border border-border bg-transparent px-4 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-foreground/60 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        "flex w-full min-h-10 rounded-md border border-border bg-surface-3/60 px-4 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-foreground/60 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
         e
       ),
       ref: r,
@@ -19692,7 +19691,7 @@ const KC = d.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
   "textarea",
   {
     className: N(
-      "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+      "flex min-h-[60px] w-full rounded-md border border-input bg-surface-3/60 px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
       e
     ),
     ref: n,
@@ -24693,7 +24692,7 @@ const nY = pG, rY = bG, oY = mG, xG = d.forwardRef(({ className: e, children: t,
   {
     ref: r,
     className: N(
-      "flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border-2 border-border bg-transparent p-4 text-base shadow-sm ring-offset-background data-[placeholder]:text-foreground/60 focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      "flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border border-border bg-surface-3/60 p-4 text-sm shadow-sm ring-offset-background data-[placeholder]:text-foreground/60 focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
       e
     ),
     ...n,
@@ -24735,7 +24734,7 @@ const SG = d.forwardRef(({ className: e, children: t, position: n = "popper", ..
   {
     ref: o,
     className: N(
-      "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border border-border bg-popover text-popover-foreground/80 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
+      "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border border-border/30 bg-popover text-popover-foreground/80 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
       n === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       e
     ),