@hirely/ui 0.1.6 → 0.1.8

package/dist/components/ui/toggle.d.ts

@@ -1,8 +1,8 @@
-import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
-import { type VariantProps } from "class-variance-authority";
+import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
+import { VariantProps } from 'class-variance-authority';
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Toggle({ className, variant, size, ...props }: TogglePrimitive.Props & VariantProps<typeof toggleVariants>): import("react").JSX.Element;
 export { Toggle, toggleVariants };

package/dist/components/ui/toggle.es.js

@@ -0,0 +1,38 @@
+"use client";
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { cva as t } from "../../node_modules/.bun/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.es.js";
+import { jsx as n } from "react/jsx-runtime";
+import { Toggle as r } from "@base-ui/react/toggle";
+//#region src/components/ui/toggle.tsx
+var i = t("group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent hover:bg-muted"
+		},
+		size: {
+			default: "h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			sm: "h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+			lg: "h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function a({ className: t, variant: a = "default", size: o = "default", ...s }) {
+	return /* @__PURE__ */ n(r, {
+		"data-slot": "toggle",
+		className: e(i({
+			variant: a,
+			size: o,
+			className: t
+		})),
+		...s
+	});
+}
+//#endregion
+export { a as Toggle, i as toggleVariants };
+
+//# sourceMappingURL=toggle.es.js.map

package/dist/components/ui/toggle.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.es.js","names":[],"sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":["\"use client\"\n\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst toggleVariants = cva(\n  \"group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline: \"border border-input bg-transparent hover:bg-muted\",\n      },\n      size: {\n        default:\n          \"h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n        sm: \"h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        lg: \"h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Toggle({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: TogglePrimitive.Props & VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Toggle, toggleVariants }\n"],"mappings":";;;;;;AAOA,IAAM,IAAiB,EACrB,uhBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;EACX;EACA,MAAM;GACJ,SACE;GACF,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,SAAS,EAAO,EACd,cACA,aAAU,WACV,UAAO,WACP,GAAG,KAC2D;CAC9D,OACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EAAG,EAAe;GAAE;GAAS;GAAM;EAAU,CAAC,CAAC;EAC1D,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/tooltip.cjs.js

@@ -0,0 +1,2 @@
+require("../../_virtual/_rolldown/runtime.cjs.js");const e=require("../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.cjs.js");let t=require("react/jsx-runtime"),n=require("@base-ui/react/tooltip");function r({delay:e=0,...r}){return(0,t.jsx)(n.Tooltip.Provider,{"data-slot":`tooltip-provider`,delay:e,...r})}function i({...e}){return(0,t.jsx)(n.Tooltip.Root,{"data-slot":`tooltip`,...e})}function a({...e}){return(0,t.jsx)(n.Tooltip.Trigger,{"data-slot":`tooltip-trigger`,...e})}function o({className:r,side:i=`top`,sideOffset:a=4,align:o=`center`,alignOffset:s=0,children:c,...l}){return(0,t.jsx)(n.Tooltip.Portal,{children:(0,t.jsx)(n.Tooltip.Positioner,{align:o,alignOffset:s,side:i,sideOffset:a,className:`isolate z-50`,children:(0,t.jsxs)(n.Tooltip.Popup,{"data-slot":`tooltip-content`,className:e.cn(`z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,r),...l,children:[c,(0,t.jsx)(n.Tooltip.Arrow,{className:`z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5`})]})})})}exports.Tooltip=i,exports.TooltipContent=o,exports.TooltipProvider=r,exports.TooltipTrigger=a;
+//# sourceMappingURL=tooltip.cjs.js.map

package/dist/components/ui/tooltip.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.cjs.js","names":[],"sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction TooltipProvider({\n  delay = 0,\n  ...props\n}: TooltipPrimitive.Provider.Props) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delay={delay}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({ ...props }: TooltipPrimitive.Root.Props) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n}\n\nfunction TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n  className,\n  side = \"top\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  children,\n  ...props\n}: TooltipPrimitive.Popup.Props &\n  Pick<\n    TooltipPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <TooltipPrimitive.Popup\n          data-slot=\"tooltip-content\"\n          className={cn(\n            \"z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n            className\n          )}\n          {...props}\n        >\n          {children}\n          <TooltipPrimitive.Arrow className=\"z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\" />\n        </TooltipPrimitive.Popup>\n      </TooltipPrimitive.Positioner>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"mappings":"wNAIA,SAAS,EAAgB,CACvB,QAAQ,EACR,GAAG,GAC+B,CAClC,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,QAAiB,SAAlB,CACE,YAAU,mBACH,QACP,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAQ,CAAE,GAAG,GAAsC,CAC1D,OAAO,EAAA,EAAA,IAAA,CAAC,EAAA,QAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAI,CAAQ,CAAA,CAChE,CAEA,SAAS,EAAe,CAAE,GAAG,GAAyC,CACpE,OAAO,EAAA,EAAA,IAAA,CAAC,EAAA,QAAiB,QAAlB,CAA0B,YAAU,kBAAkB,GAAI,CAAQ,CAAA,CAC3E,CAEA,SAAS,EAAe,CACtB,YACA,OAAO,MACP,aAAa,EACb,QAAQ,SACR,cAAc,EACd,WACA,GAAG,GAKA,CACH,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,QAAiB,OAAlB,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,EAAA,QAAiB,WAAlB,CACS,QACM,cACP,OACM,aACZ,UAAU,yBAEV,EAAA,EAAA,KAAA,CAAC,EAAA,QAAiB,MAAlB,CACE,YAAU,kBACV,UAAW,EAAA,GACT,kwBACA,CACF,EACA,GAAI,WANN,CAQG,GACD,EAAA,EAAA,IAAA,CAAC,EAAA,QAAiB,MAAlB,CAAwB,UAAU,0hBAA4hB,CAAA,CACxiB,GACG,CAAA,CACN,CAAA,CAE7B"}

package/dist/components/ui/tooltip.d.ts

@@ -1,4 +1,4 @@
-import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
 declare function TooltipProvider({ delay, ...props }: TooltipPrimitive.Provider.Props): import("react").JSX.Element;
 declare function Tooltip({ ...props }: TooltipPrimitive.Root.Props): import("react").JSX.Element;
 declare function TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props): import("react").JSX.Element;

package/dist/components/ui/tooltip.es.js

@@ -0,0 +1,42 @@
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Tooltip as r } from "@base-ui/react/tooltip";
+//#region src/components/ui/tooltip.tsx
+function i({ delay: e = 0, ...n }) {
+	return /* @__PURE__ */ t(r.Provider, {
+		"data-slot": "tooltip-provider",
+		delay: e,
+		...n
+	});
+}
+function a({ ...e }) {
+	return /* @__PURE__ */ t(r.Root, {
+		"data-slot": "tooltip",
+		...e
+	});
+}
+function o({ ...e }) {
+	return /* @__PURE__ */ t(r.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...e
+	});
+}
+function s({ className: i, side: a = "top", sideOffset: o = 4, align: s = "center", alignOffset: c = 0, children: l, ...u }) {
+	return /* @__PURE__ */ t(r.Portal, { children: /* @__PURE__ */ t(r.Positioner, {
+		align: s,
+		alignOffset: c,
+		side: a,
+		sideOffset: o,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ n(r.Popup, {
+			"data-slot": "tooltip-content",
+			className: e("z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", i),
+			...u,
+			children: [l, /* @__PURE__ */ t(r.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })]
+		})
+	}) });
+}
+//#endregion
+export { a as Tooltip, s as TooltipContent, i as TooltipProvider, o as TooltipTrigger };
+
+//# sourceMappingURL=tooltip.es.js.map

package/dist/components/ui/tooltip.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.es.js","names":[],"sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction TooltipProvider({\n  delay = 0,\n  ...props\n}: TooltipPrimitive.Provider.Props) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delay={delay}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({ ...props }: TooltipPrimitive.Root.Props) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n}\n\nfunction TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n  className,\n  side = \"top\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  children,\n  ...props\n}: TooltipPrimitive.Popup.Props &\n  Pick<\n    TooltipPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <TooltipPrimitive.Popup\n          data-slot=\"tooltip-content\"\n          className={cn(\n            \"z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n            className\n          )}\n          {...props}\n        >\n          {children}\n          <TooltipPrimitive.Arrow className=\"z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\" />\n        </TooltipPrimitive.Popup>\n      </TooltipPrimitive.Positioner>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"mappings":";;;;AAIA,SAAS,EAAgB,EACvB,WAAQ,GACR,GAAG,KAC+B;CAClC,OACE,kBAAC,EAAiB,UAAlB;EACE,aAAU;EACH;EACP,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAQ,EAAE,GAAG,KAAsC;CAC1D,OAAO,kBAAC,EAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA;AAChE;AAEA,SAAS,EAAe,EAAE,GAAG,KAAyC;CACpE,OAAO,kBAAC,EAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,SAAS,EAAe,EACtB,cACA,UAAO,OACP,gBAAa,GACb,WAAQ,UACR,iBAAc,GACd,aACA,GAAG,KAKA;CACH,OACE,kBAAC,EAAiB,QAAlB,EAAA,UACE,kBAAC,EAAiB,YAAlB;EACS;EACM;EACP;EACM;EACZ,WAAU;YAEV,kBAAC,EAAiB,OAAlB;GACE,aAAU;GACV,WAAW,EACT,mwBACA,CACF;GACA,GAAI;aANN,CAQG,GACD,kBAAC,EAAiB,OAAlB,EAAwB,WAAU,2hBAA4hB,CAAA,CACxiB;;CACG,CAAA,EACN,CAAA;AAE7B"}

package/dist/functions/cropImage.cjs.js

@@ -0,0 +1,2 @@
+require("../_virtual/_rolldown/runtime.cjs.js");var e=e=>new Promise((t,n)=>{let r=new Image;r.addEventListener(`load`,()=>t(r)),r.addEventListener(`error`,e=>n(e)),r.setAttribute(`crossOrigin`,`anonymous`),r.src=e});function t(e){return e*Math.PI/180}function n(e,n,r){let i=t(r);return{width:Math.abs(Math.cos(i)*e)+Math.abs(Math.sin(i)*n),height:Math.abs(Math.sin(i)*e)+Math.abs(Math.cos(i)*n)}}async function r(r,i,a=0,o={horizontal:!1,vertical:!1}){let s=await e(r),c=document.createElement(`canvas`),l=c.getContext(`2d`);if(!l)return null;let u=t(a),{width:d,height:f}=n(s.width,s.height,a);c.width=d,c.height=f,l.translate(d/2,f/2),l.rotate(u),l.scale(o.horizontal?-1:1,o.vertical?-1:1),l.translate(-s.width/2,-s.height/2),l.drawImage(s,0,0);let p=l.getImageData(i.x,i.y,i.width,i.height);return c.width=i.width,c.height=i.height,l.putImageData(p,0,0),new Promise((e,t)=>{c.toBlob(n=>{if(!n){t(Error(`Canvas is empty`));return}e(new File([n],`cropped-image.jpeg`,{type:`image/jpeg`}))},`image/jpeg`)})}exports.createImage=e,exports.default=r,exports.getRadianAngle=t,exports.rotateSize=n;
+//# sourceMappingURL=cropImage.cjs.js.map

package/dist/functions/cropImage.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cropImage.cjs.js","names":[],"sources":["../../src/functions/cropImage.ts"],"sourcesContent":["export const createImage = (url: string): Promise<HTMLImageElement> =>\n  new Promise((resolve, reject) => {\n    const image = new Image();\n    image.addEventListener(\"load\", () => resolve(image));\n    image.addEventListener(\"error\", (error) => reject(error));\n    image.setAttribute(\"crossOrigin\", \"anonymous\");\n    image.src = url;\n  });\n\nexport function getRadianAngle(degreeValue: number) {\n  return (degreeValue * Math.PI) / 180;\n}\n\nexport function rotateSize(width: number, height: number, rotation: number) {\n  const rotRad = getRadianAngle(rotation);\n\n  return {\n    width:\n      Math.abs(Math.cos(rotRad) * width) + Math.abs(Math.sin(rotRad) * height),\n    height:\n      Math.abs(Math.sin(rotRad) * width) + Math.abs(Math.cos(rotRad) * height),\n  };\n}\n\nexport default async function getCroppedImg(\n  imageSrc: string,\n  pixelCrop: {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n  },\n  rotation = 0,\n  flip = { horizontal: false, vertical: false },\n): Promise<File | null> {\n  const image = await createImage(imageSrc);\n  const canvas = document.createElement(\"canvas\");\n  const ctx = canvas.getContext(\"2d\");\n\n  if (!ctx) {\n    return null;\n  }\n\n  const rotRad = getRadianAngle(rotation);\n\n  const { width: bBoxWidth, height: bBoxHeight } = rotateSize(\n    image.width,\n    image.height,\n    rotation,\n  );\n\n  canvas.width = bBoxWidth;\n  canvas.height = bBoxHeight;\n\n  ctx.translate(bBoxWidth / 2, bBoxHeight / 2);\n  ctx.rotate(rotRad);\n  ctx.scale(flip.horizontal ? -1 : 1, flip.vertical ? -1 : 1);\n  ctx.translate(-image.width / 2, -image.height / 2);\n\n  ctx.drawImage(image, 0, 0);\n\n  const data = ctx.getImageData(\n    pixelCrop.x,\n    pixelCrop.y,\n    pixelCrop.width,\n    pixelCrop.height,\n  );\n\n  canvas.width = pixelCrop.width;\n  canvas.height = pixelCrop.height;\n\n  ctx.putImageData(data, 0, 0);\n\n  return new Promise((resolve, reject) => {\n    canvas.toBlob((blob) => {\n      if (!blob) {\n        reject(new Error(\"Canvas is empty\"));\n        return;\n      }\n      const file = new File([blob], \"cropped-image.jpeg\", {\n        type: \"image/jpeg\",\n      });\n      resolve(file);\n    }, \"image/jpeg\");\n  });\n}\n"],"mappings":"gDAAA,IAAa,EAAe,GAC1B,IAAI,SAAS,EAAS,IAAW,CAC/B,IAAM,EAAQ,IAAI,MAClB,EAAM,iBAAiB,WAAc,EAAQ,CAAK,CAAC,EACnD,EAAM,iBAAiB,QAAU,GAAU,EAAO,CAAK,CAAC,EACxD,EAAM,aAAa,cAAe,WAAW,EAC7C,EAAM,IAAM,CACd,CAAC,EAEH,SAAgB,EAAe,EAAqB,CAClD,OAAQ,EAAc,KAAK,GAAM,GACnC,CAEA,SAAgB,EAAW,EAAe,EAAgB,EAAkB,CAC1E,IAAM,EAAS,EAAe,CAAQ,EAEtC,MAAO,CACL,MACE,KAAK,IAAI,KAAK,IAAI,CAAM,EAAI,CAAK,EAAI,KAAK,IAAI,KAAK,IAAI,CAAM,EAAI,CAAM,EACzE,OACE,KAAK,IAAI,KAAK,IAAI,CAAM,EAAI,CAAK,EAAI,KAAK,IAAI,KAAK,IAAI,CAAM,EAAI,CAAM,CAC3E,CACF,CAEA,eAA8B,EAC5B,EACA,EAMA,EAAW,EACX,EAAO,CAAE,WAAY,GAAO,SAAU,EAAM,EACtB,CACtB,IAAM,EAAQ,MAAM,EAAY,CAAQ,EAClC,EAAS,SAAS,cAAc,QAAQ,EACxC,EAAM,EAAO,WAAW,IAAI,EAElC,GAAI,CAAC,EACH,OAAO,KAGT,IAAM,EAAS,EAAe,CAAQ,EAEhC,CAAE,MAAO,EAAW,OAAQ,GAAe,EAC/C,EAAM,MACN,EAAM,OACN,CACF,EAEA,EAAO,MAAQ,EACf,EAAO,OAAS,EAEhB,EAAI,UAAU,EAAY,EAAG,EAAa,CAAC,EAC3C,EAAI,OAAO,CAAM,EACjB,EAAI,MAAM,EAAK,WAAa,GAAK,EAAG,EAAK,SAAW,GAAK,CAAC,EAC1D,EAAI,UAAU,CAAC,EAAM,MAAQ,EAAG,CAAC,EAAM,OAAS,CAAC,EAEjD,EAAI,UAAU,EAAO,EAAG,CAAC,EAEzB,IAAM,EAAO,EAAI,aACf,EAAU,EACV,EAAU,EACV,EAAU,MACV,EAAU,MACZ,EAOA,MALA,GAAO,MAAQ,EAAU,MACzB,EAAO,OAAS,EAAU,OAE1B,EAAI,aAAa,EAAM,EAAG,CAAC,EAEpB,IAAI,SAAS,EAAS,IAAW,CACtC,EAAO,OAAQ,GAAS,CACtB,GAAI,CAAC,EAAM,CACT,EAAW,MAAM,iBAAiB,CAAC,EACnC,MACF,CAIA,EAAQ,IAHS,KAAK,CAAC,CAAI,EAAG,qBAAsB,CAClD,KAAM,YACR,CACQ,CAAI,CACd,EAAG,YAAY,CACjB,CAAC,CACH"}

package/dist/functions/cropImage.d.ts

@@ -0,0 +1,15 @@
+export declare const createImage: (url: string) => Promise<HTMLImageElement>;
+export declare function getRadianAngle(degreeValue: number): number;
+export declare function rotateSize(width: number, height: number, rotation: number): {
+    width: number;
+    height: number;
+};
+export default function getCroppedImg(imageSrc: string, pixelCrop: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}, rotation?: number, flip?: {
+    horizontal: boolean;
+    vertical: boolean;
+}): Promise<File | null>;

package/dist/functions/cropImage.es.js

@@ -0,0 +1,38 @@
+//#region src/functions/cropImage.ts
+var e = (e) => new Promise((t, n) => {
+	let r = new Image();
+	r.addEventListener("load", () => t(r)), r.addEventListener("error", (e) => n(e)), r.setAttribute("crossOrigin", "anonymous"), r.src = e;
+});
+function t(e) {
+	return e * Math.PI / 180;
+}
+function n(e, n, r) {
+	let i = t(r);
+	return {
+		width: Math.abs(Math.cos(i) * e) + Math.abs(Math.sin(i) * n),
+		height: Math.abs(Math.sin(i) * e) + Math.abs(Math.cos(i) * n)
+	};
+}
+async function r(r, i, a = 0, o = {
+	horizontal: !1,
+	vertical: !1
+}) {
+	let s = await e(r), c = document.createElement("canvas"), l = c.getContext("2d");
+	if (!l) return null;
+	let u = t(a), { width: d, height: f } = n(s.width, s.height, a);
+	c.width = d, c.height = f, l.translate(d / 2, f / 2), l.rotate(u), l.scale(o.horizontal ? -1 : 1, o.vertical ? -1 : 1), l.translate(-s.width / 2, -s.height / 2), l.drawImage(s, 0, 0);
+	let p = l.getImageData(i.x, i.y, i.width, i.height);
+	return c.width = i.width, c.height = i.height, l.putImageData(p, 0, 0), new Promise((e, t) => {
+		c.toBlob((n) => {
+			if (!n) {
+				t(/* @__PURE__ */ Error("Canvas is empty"));
+				return;
+			}
+			e(new File([n], "cropped-image.jpeg", { type: "image/jpeg" }));
+		}, "image/jpeg");
+	});
+}
+//#endregion
+export { e as createImage, r as default, t as getRadianAngle, n as rotateSize };
+
+//# sourceMappingURL=cropImage.es.js.map

package/dist/functions/cropImage.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cropImage.es.js","names":[],"sources":["../../src/functions/cropImage.ts"],"sourcesContent":["export const createImage = (url: string): Promise<HTMLImageElement> =>\n  new Promise((resolve, reject) => {\n    const image = new Image();\n    image.addEventListener(\"load\", () => resolve(image));\n    image.addEventListener(\"error\", (error) => reject(error));\n    image.setAttribute(\"crossOrigin\", \"anonymous\");\n    image.src = url;\n  });\n\nexport function getRadianAngle(degreeValue: number) {\n  return (degreeValue * Math.PI) / 180;\n}\n\nexport function rotateSize(width: number, height: number, rotation: number) {\n  const rotRad = getRadianAngle(rotation);\n\n  return {\n    width:\n      Math.abs(Math.cos(rotRad) * width) + Math.abs(Math.sin(rotRad) * height),\n    height:\n      Math.abs(Math.sin(rotRad) * width) + Math.abs(Math.cos(rotRad) * height),\n  };\n}\n\nexport default async function getCroppedImg(\n  imageSrc: string,\n  pixelCrop: {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n  },\n  rotation = 0,\n  flip = { horizontal: false, vertical: false },\n): Promise<File | null> {\n  const image = await createImage(imageSrc);\n  const canvas = document.createElement(\"canvas\");\n  const ctx = canvas.getContext(\"2d\");\n\n  if (!ctx) {\n    return null;\n  }\n\n  const rotRad = getRadianAngle(rotation);\n\n  const { width: bBoxWidth, height: bBoxHeight } = rotateSize(\n    image.width,\n    image.height,\n    rotation,\n  );\n\n  canvas.width = bBoxWidth;\n  canvas.height = bBoxHeight;\n\n  ctx.translate(bBoxWidth / 2, bBoxHeight / 2);\n  ctx.rotate(rotRad);\n  ctx.scale(flip.horizontal ? -1 : 1, flip.vertical ? -1 : 1);\n  ctx.translate(-image.width / 2, -image.height / 2);\n\n  ctx.drawImage(image, 0, 0);\n\n  const data = ctx.getImageData(\n    pixelCrop.x,\n    pixelCrop.y,\n    pixelCrop.width,\n    pixelCrop.height,\n  );\n\n  canvas.width = pixelCrop.width;\n  canvas.height = pixelCrop.height;\n\n  ctx.putImageData(data, 0, 0);\n\n  return new Promise((resolve, reject) => {\n    canvas.toBlob((blob) => {\n      if (!blob) {\n        reject(new Error(\"Canvas is empty\"));\n        return;\n      }\n      const file = new File([blob], \"cropped-image.jpeg\", {\n        type: \"image/jpeg\",\n      });\n      resolve(file);\n    }, \"image/jpeg\");\n  });\n}\n"],"mappings":";AAAA,IAAa,KAAe,MAC1B,IAAI,SAAS,GAAS,MAAW;CAC/B,IAAM,IAAQ,IAAI,MAAM;CAIxB,AAHA,EAAM,iBAAiB,cAAc,EAAQ,CAAK,CAAC,GACnD,EAAM,iBAAiB,UAAU,MAAU,EAAO,CAAK,CAAC,GACxD,EAAM,aAAa,eAAe,WAAW,GAC7C,EAAM,MAAM;AACd,CAAC;AAEH,SAAgB,EAAe,GAAqB;CAClD,OAAQ,IAAc,KAAK,KAAM;AACnC;AAEA,SAAgB,EAAW,GAAe,GAAgB,GAAkB;CAC1E,IAAM,IAAS,EAAe,CAAQ;CAEtC,OAAO;EACL,OACE,KAAK,IAAI,KAAK,IAAI,CAAM,IAAI,CAAK,IAAI,KAAK,IAAI,KAAK,IAAI,CAAM,IAAI,CAAM;EACzE,QACE,KAAK,IAAI,KAAK,IAAI,CAAM,IAAI,CAAK,IAAI,KAAK,IAAI,KAAK,IAAI,CAAM,IAAI,CAAM;CAC3E;AACF;AAEA,eAA8B,EAC5B,GACA,GAMA,IAAW,GACX,IAAO;CAAE,YAAY;CAAO,UAAU;AAAM,GACtB;CACtB,IAAM,IAAQ,MAAM,EAAY,CAAQ,GAClC,IAAS,SAAS,cAAc,QAAQ,GACxC,IAAM,EAAO,WAAW,IAAI;CAElC,IAAI,CAAC,GACH,OAAO;CAGT,IAAM,IAAS,EAAe,CAAQ,GAEhC,EAAE,OAAO,GAAW,QAAQ,MAAe,EAC/C,EAAM,OACN,EAAM,QACN,CACF;CAUA,AARA,EAAO,QAAQ,GACf,EAAO,SAAS,GAEhB,EAAI,UAAU,IAAY,GAAG,IAAa,CAAC,GAC3C,EAAI,OAAO,CAAM,GACjB,EAAI,MAAM,EAAK,aAAa,KAAK,GAAG,EAAK,WAAW,KAAK,CAAC,GAC1D,EAAI,UAAU,CAAC,EAAM,QAAQ,GAAG,CAAC,EAAM,SAAS,CAAC,GAEjD,EAAI,UAAU,GAAO,GAAG,CAAC;CAEzB,IAAM,IAAO,EAAI,aACf,EAAU,GACV,EAAU,GACV,EAAU,OACV,EAAU,MACZ;CAOA,OALA,EAAO,QAAQ,EAAU,OACzB,EAAO,SAAS,EAAU,QAE1B,EAAI,aAAa,GAAM,GAAG,CAAC,GAEpB,IAAI,SAAS,GAAS,MAAW;EACtC,EAAO,QAAQ,MAAS;GACtB,IAAI,CAAC,GAAM;IACT,EAAO,gBAAI,MAAM,iBAAiB,CAAC;IACnC;GACF;GAIA,EAAQ,IAHS,KAAK,CAAC,CAAI,GAAG,sBAAsB,EAClD,MAAM,aACR,CACQ,CAAI;EACd,GAAG,YAAY;CACjB,CAAC;AACH"}

package/dist/hooks/index.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../_virtual/_rolldown/runtime.cjs.js");const e=require("./use-mobile.cjs.js");exports.useIsMobile=e.useIsMobile;

package/dist/hooks/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @hirely/ui/hooks
+ *
+ * Re-usable React hooks that ship with the @hirely/ui component library.
+ * These are general-purpose hooks with no component-specific coupling.
+ *
+ * Importable as:
+ *   import { useIsMobile } from "@hirely/ui/hooks"
+ */
+export { useIsMobile } from './use-mobile';

package/dist/hooks/index.es.js

@@ -0,0 +1,2 @@
+import { useIsMobile as e } from "./use-mobile.es.js";
+export { e as useIsMobile };

package/dist/hooks/use-mobile.cjs.js

@@ -0,0 +1,2 @@
+const e=require("../_virtual/_rolldown/runtime.cjs.js");let t=require("react");t=e.__toESM(t,1);var n=768;function r(){let[e,r]=t.useState(void 0);return t.useEffect(()=>{let e=window.matchMedia(`(max-width: ${n-1}px)`),t=()=>{r(window.innerWidth<n)};return e.addEventListener(`change`,t),r(window.innerWidth<n),()=>e.removeEventListener(`change`,t)},[]),!!e}exports.useIsMobile=r;
+//# sourceMappingURL=use-mobile.cjs.js.map

package/dist/hooks/use-mobile.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.cjs.js","names":[],"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["import * as React from \"react\"\n\nconst MOBILE_BREAKPOINT = 768\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    }\n    mql.addEventListener(\"change\", onChange)\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    return () => mql.removeEventListener(\"change\", onChange)\n  }, [])\n\n  return !!isMobile\n}\n"],"mappings":"gGAEA,IAAM,EAAoB,IAE1B,SAAgB,GAAc,CAC5B,GAAM,CAAC,EAAU,GAAe,EAAM,SAA8B,IAAA,EAAS,EAY7E,OAVA,EAAM,cAAgB,CACpB,IAAM,EAAM,OAAO,WAAW,eAAe,EAAoB,EAAE,IAAI,EACjE,MAAiB,CACrB,EAAY,OAAO,WAAa,CAAiB,CACnD,EAGA,OAFA,EAAI,iBAAiB,SAAU,CAAQ,EACvC,EAAY,OAAO,WAAa,CAAiB,MACpC,EAAI,oBAAoB,SAAU,CAAQ,CACzD,EAAG,CAAC,CAAC,EAEE,CAAC,CAAC,CACX"}

package/dist/hooks/use-mobile.es.js

@@ -0,0 +1,16 @@
+import * as e from "react";
+//#region src/hooks/use-mobile.ts
+var t = 768;
+function n() {
+	let [n, r] = e.useState(void 0);
+	return e.useEffect(() => {
+		let e = window.matchMedia(`(max-width: ${t - 1}px)`), n = () => {
+			r(window.innerWidth < t);
+		};
+		return e.addEventListener("change", n), r(window.innerWidth < t), () => e.removeEventListener("change", n);
+	}, []), !!n;
+}
+//#endregion
+export { n as useIsMobile };
+
+//# sourceMappingURL=use-mobile.es.js.map

package/dist/hooks/use-mobile.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.es.js","names":[],"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["import * as React from \"react\"\n\nconst MOBILE_BREAKPOINT = 768\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    }\n    mql.addEventListener(\"change\", onChange)\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    return () => mql.removeEventListener(\"change\", onChange)\n  }, [])\n\n  return !!isMobile\n}\n"],"mappings":";;AAEA,IAAM,IAAoB;AAE1B,SAAgB,IAAc;CAC5B,IAAM,CAAC,GAAU,KAAe,EAAM,SAA8B,KAAA,CAAS;CAY7E,OAVA,EAAM,gBAAgB;EACpB,IAAM,IAAM,OAAO,WAAW,eAAe,IAAoB,EAAE,IAAI,GACjE,UAAiB;GACrB,EAAY,OAAO,aAAa,CAAiB;EACnD;EAGA,OAFA,EAAI,iBAAiB,UAAU,CAAQ,GACvC,EAAY,OAAO,aAAa,CAAiB,SACpC,EAAI,oBAAoB,UAAU,CAAQ;CACzD,GAAG,CAAC,CAAC,GAEE,CAAC,CAAC;AACX"}