@coston/ui 0.1.1 → 0.2.1

package/dist/lib/utils.d.ts

@@ -2,8 +2,9 @@ import { ClassValue } from "clsx";
 
 //#region src/lib/utils.d.ts
 declare function cn(...inputs: ClassValue[]): string;
+declare const overlayBorder = "border border-border";
 //# sourceMappingURL=utils.d.ts.map
 
 //#endregion
-export { cn };
+export { cn, overlayBorder };
 //# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","names":[],"sources":["../../src/lib/utils.ts"],"sourcesContent":[],"mappings":";;;iBAGgB,EAAA,YAAc"}
+{"version":3,"file":"utils.d.ts","names":[],"sources":["../../src/lib/utils.ts"],"sourcesContent":[],"mappings":";;;iBAGgB,EAAA,YAAc;cAKjB,aAAA;AALb"}

package/dist/lib/utils.js

@@ -1,3 +1,3 @@
-import { cn } from "../utils-C0f9Ma6r.js";
+import { cn, overlayBorder } from "../utils-CyPJ3VV3.js";
 
-export { cn };
+export { cn, overlayBorder };

package/dist/{separator-9lzFsfCC.js → separator-C3mBJ8ik.js}

@@ -1,4 +1,4 @@
-import { cn } from "./utils-C0f9Ma6r.js";
+import { cn } from "./utils-CyPJ3VV3.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
@@ -15,4 +15,4 @@ Separator.displayName = SeparatorPrimitive.Root.displayName;
 
 //#endregion
 export { Separator };
-//# sourceMappingURL=separator-9lzFsfCC.js.map
+//# sourceMappingURL=separator-C3mBJ8ik.js.map

package/dist/{separator-9lzFsfCC.js.map → separator-C3mBJ8ik.js.map}

@@ -1 +1 @@
-{"version":3,"file":"separator-9lzFsfCC.js","names":[],"sources":["../src/components/separator.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport { cn } from '../lib/utils';\n\nconst Separator = React.forwardRef<\n  React.ComponentRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (\n  <SeparatorPrimitive.Root\n    ref={ref}\n    decorative={decorative}\n    orientation={orientation}\n    className={cn(\n      'shrink-0 bg-border',\n      orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\n      className\n    )}\n    {...props}\n  />\n));\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\nexport { Separator };\n"],"mappings":";;;;;;AAIA,MAAM,YAAY,MAAM,WAGtB,CAAC,EAAE,WAAW,cAAc,cAAc,aAAa,KAAM,GAAG,OAAO,EAAE,wBACzE,IAAC,mBAAmB;CACb;CACO;CACC;CACb,WAAW,GACT,sBACA,gBAAgB,eAAe,mBAAmB,kBAClD,UACD;CACD,GAAI;EACJ,CACF;AACF,UAAU,cAAc,mBAAmB,KAAK"}
+{"version":3,"file":"separator-C3mBJ8ik.js","names":[],"sources":["../src/components/separator.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport { cn } from '../lib/utils';\n\nconst Separator = React.forwardRef<\n  React.ComponentRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (\n  <SeparatorPrimitive.Root\n    ref={ref}\n    decorative={decorative}\n    orientation={orientation}\n    className={cn(\n      'shrink-0 bg-border',\n      orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\n      className\n    )}\n    {...props}\n  />\n));\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\nexport { Separator };\n"],"mappings":";;;;;;AAIA,MAAM,YAAY,MAAM,WAGtB,CAAC,EAAE,WAAW,cAAc,cAAc,aAAa,KAAM,GAAG,OAAO,EAAE,wBACzE,IAAC,mBAAmB;CACb;CACO;CACC;CACb,WAAW,GACT,sBACA,gBAAgB,eAAe,mBAAmB,kBAClD,UACD;CACD,GAAI;EACJ,CACF;AACF,UAAU,cAAc,mBAAmB,KAAK"}

package/dist/{toggle-BpKiTVe4.js → toggle-CD9xIRlr.js}

@@ -1,11 +1,11 @@
-import { cn } from "./utils-C0f9Ma6r.js";
+import { cn } from "./utils-CyPJ3VV3.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 
 //#region src/components/toggle.tsx
-const toggleVariants = cva("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary data-[state=on]:text-primary-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
+const toggleVariants = cva("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition active:scale-[0.96] hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary data-[state=on]:text-primary-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
 	variants: {
 		variant: {
 			default: "bg-transparent",
@@ -35,4 +35,4 @@ Toggle.displayName = TogglePrimitive.Root.displayName;
 
 //#endregion
 export { Toggle, toggleVariants };
-//# sourceMappingURL=toggle-BpKiTVe4.js.map
+//# sourceMappingURL=toggle-CD9xIRlr.js.map

package/dist/toggle-CD9xIRlr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-CD9xIRlr.js","names":[],"sources":["../src/components/toggle.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as TogglePrimitive from '@radix-ui/react-toggle';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../lib/utils';\n\nconst toggleVariants = cva(\n  'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition active:scale-[0.96] hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary data-[state=on]:text-primary-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline: 'border border-input bg-transparent hover:bg-accent hover:text-accent-foreground',\n      },\n      size: {\n        default: 'h-10 px-3 min-w-10',\n        sm: 'h-9 px-2.5 min-w-9',\n        lg: 'h-11 px-5 min-w-11',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\nconst Toggle = React.forwardRef<\n  React.ComponentRef<typeof TogglePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TogglePrimitive.Root\n    ref={ref}\n    className={cn(toggleVariants({ variant, size, className }))}\n    {...props}\n  />\n));\n\nToggle.displayName = TogglePrimitive.Root.displayName;\n\nexport { Toggle, toggleVariants };\n"],"mappings":";;;;;;;AAKA,MAAM,iBAAiB,IACrB,icACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;EACV;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;EACL;CACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;CACP;AACF,EACF;AAED,MAAM,SAAS,MAAM,WAGnB,CAAC,EAAE,WAAW,SAAS,KAAM,GAAG,OAAO,EAAE,wBACzC,IAAC,gBAAgB;CACV;CACL,WAAW,GAAG,eAAe;EAAE;EAAS;EAAM;CAAW,EAAC,CAAC;CAC3D,GAAI;EACJ,CACF;AAEF,OAAO,cAAc,gBAAgB,KAAK"}

package/dist/{tooltip-CXS6wR7g.js → tooltip-PxI7r4yP.js}

@@ -1,4 +1,4 @@
-import { cn } from "./utils-C0f9Ma6r.js";
+import { cn, overlayBorder } from "./utils-CyPJ3VV3.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
@@ -10,11 +10,11 @@ const TooltipTrigger = TooltipPrimitive.Trigger;
 const TooltipContent = React.forwardRef(({ className, sideOffset = 4,...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Content, {
 	ref,
 	sideOffset,
-	className: cn("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95", className),
+	className: cn(`z-50 overflow-hidden rounded-md ${overlayBorder} bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md duration-150 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`, className),
 	...props
 }) }));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
-//# sourceMappingURL=tooltip-CXS6wR7g.js.map
+//# sourceMappingURL=tooltip-PxI7r4yP.js.map

package/dist/tooltip-PxI7r4yP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-PxI7r4yP.js","names":[],"sources":["../src/components/tooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport { cn, overlayBorder } from '../lib/utils';\n\nconst TooltipProvider = TooltipPrimitive.Provider;\nconst Tooltip = TooltipPrimitive.Root;\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\nconst TooltipContent = React.forwardRef<\n  React.ComponentRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Portal>\n    <TooltipPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        `z-50 overflow-hidden rounded-md ${overlayBorder} bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md duration-150 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,\n        className\n      )}\n      {...props}\n    />\n  </TooltipPrimitive.Portal>\n));\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"mappings":";;;;;;AAIA,MAAM,kBAAkB,iBAAiB;AACzC,MAAM,UAAU,iBAAiB;AACjC,MAAM,iBAAiB,iBAAiB;AAExC,MAAM,iBAAiB,MAAM,WAG3B,CAAC,EAAE,WAAW,aAAa,EAAG,GAAG,OAAO,EAAE,wBAC1C,IAAC,iBAAiB,oCAChB,IAAC,iBAAiB;CACX;CACO;CACZ,WAAW,IACR,kCAAkC,cAAc,gNACjD,UACD;CACD,GAAI;EACJ,GACsB,CAC1B;AACF,eAAe,cAAc,iBAAiB,QAAQ"}

package/dist/{utils-C0f9Ma6r.js → utils-CyPJ3VV3.js}

@@ -5,7 +5,8 @@ import { twMerge } from "tailwind-merge";
 function cn(...inputs) {
 	return twMerge(clsx(inputs));
 }
+const overlayBorder = "border border-border";
 
 //#endregion
-export { cn };
-//# sourceMappingURL=utils-C0f9Ma6r.js.map
+export { cn, overlayBorder };
+//# sourceMappingURL=utils-CyPJ3VV3.js.map

package/dist/utils-CyPJ3VV3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-CyPJ3VV3.js","names":[],"sources":["../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\n// Shared border token for all floating overlay surfaces (dropdowns, popovers, dialogs, etc.)\nexport const overlayBorder = 'border border-border';\n"],"mappings":";;;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,QAAO,QAAQ,KAAK,OAAO,CAAC;AAC7B;AAGD,MAAa,gBAAgB"}