shad-m 1.0.2 → 1.0.3

package/dist/components/hover-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/hover-card.tsx"],"names":["HoverCardPrimitive","React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,YAAYA,6BAAA,CAAmB;AAErC,MAAM,mBAAmBA,6BAAA,CAAmB;AAE5C,MAAM,gBAAA,GAAmBC,gBAAA,CAAM,UAAA,CAG7B,CAAC,EAAE,SAAA,EAAW,KAAA,GAAQ,QAAA,EAAU,UAAA,GAAa,CAAA,EAAG,GAAG,KAAA,IAAS,GAAA,qBAC5DC,cAAA;AAAA,EAACF,6BAAA,CAAmB,OAAA;AAAA,EAAnB;AAAA,IACC,GAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,EAAWG,QAAA;AAAA,MACT,4aAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,gBAAA,CAAiB,WAAA,GAAcH,8BAAmB,OAAA,CAAQ,WAAA","file":"hover-card.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card';\n\nimport { cn } from '@/lib/utils';\n\nconst HoverCard = HoverCardPrimitive.Root;\n\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\n\nconst HoverCardContent = React.forwardRef<\n  React.ElementRef<typeof HoverCardPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n  <HoverCardPrimitive.Content\n    ref={ref}\n    align={align}\n    sideOffset={sideOffset}\n    className={cn(\n      'bg-popover text-popover-foreground 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 z-50 w-64 rounded-md border p-4 shadow-md outline-none',\n      className,\n    )}\n    {...props}\n  />\n));\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName;\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent };\n"]}

package/dist/components/hover-card.mjs

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import { cn } from '@/lib/utils';
+
+const HoverCard = HoverCardPrimitive.Root;
+const HoverCardTrigger = HoverCardPrimitive.Trigger;
+const HoverCardContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+  HoverCardPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "bg-popover text-popover-foreground 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 z-50 w-64 rounded-md border p-4 shadow-md outline-none",
+      className
+    ),
+    ...props
+  }
+));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+
+export { HoverCard, HoverCardContent, HoverCardTrigger };
+//# sourceMappingURL=hover-card.mjs.map
+//# sourceMappingURL=hover-card.mjs.map

package/dist/components/hover-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/hover-card.tsx"],"names":[],"mappings":";;;;;AAOA,MAAM,YAAY,kBAAA,CAAmB;AAErC,MAAM,mBAAmB,kBAAA,CAAmB;AAE5C,MAAM,gBAAA,GAAmB,KAAA,CAAM,UAAA,CAG7B,CAAC,EAAE,SAAA,EAAW,KAAA,GAAQ,QAAA,EAAU,UAAA,GAAa,CAAA,EAAG,GAAG,KAAA,IAAS,GAAA,qBAC5D,GAAA;AAAA,EAAC,kBAAA,CAAmB,OAAA;AAAA,EAAnB;AAAA,IACC,GAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,4aAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,gBAAA,CAAiB,WAAA,GAAc,mBAAmB,OAAA,CAAQ,WAAA","file":"hover-card.mjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card';\n\nimport { cn } from '@/lib/utils';\n\nconst HoverCard = HoverCardPrimitive.Root;\n\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\n\nconst HoverCardContent = React.forwardRef<\n  React.ElementRef<typeof HoverCardPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n  <HoverCardPrimitive.Content\n    ref={ref}\n    align={align}\n    sideOffset={sideOffset}\n    className={cn(\n      'bg-popover text-popover-foreground 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 z-50 w-64 rounded-md border p-4 shadow-md outline-none',\n      className,\n    )}\n    {...props}\n  />\n));\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName;\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent };\n"]}

package/dist/components/input-otp.js

@@ -0,0 +1,84 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var inputOtp = require('input-otp');
+var lucideReact = require('lucide-react');
+var React = require('react');
+var utils = require('@/lib/utils');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const InputOTPErrorContext = React__namespace.createContext(false);
+const InputOTPDisabledContext = React__namespace.createContext(false);
+const InputOTP = React__namespace.forwardRef(({ className, containerClassName, error, disabled, children, ...otpProps }, ref) => /* @__PURE__ */ jsxRuntime.jsx(InputOTPErrorContext.Provider, { value: !!error, children: /* @__PURE__ */ jsxRuntime.jsx(InputOTPDisabledContext.Provider, { value: !!disabled, children: /* @__PURE__ */ jsxRuntime.jsx(
+  inputOtp.OTPInput,
+  {
+    ref,
+    disabled,
+    containerClassName: utils.cn("flex items-center gap-2", containerClassName),
+    className: utils.cn("disabled:cursor-not-allowed", className),
+    ...otpProps,
+    children
+  }
+) }) }));
+InputOTP.displayName = "InputOTP";
+const InputOTPGroup = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn("flex items-center gap-3", className), ...props }));
+InputOTPGroup.displayName = "InputOTPGroup";
+const InputOTPSlot = React__namespace.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React__namespace.useContext(inputOtp.OTPInputContext);
+  const slot = inputOTPContext.slots[index];
+  const char = slot?.char;
+  const hasFakeCaret = slot?.hasFakeCaret;
+  const isActive = slot?.isActive;
+  const hasError = React__namespace.useContext(InputOTPErrorContext);
+  const isDisabled = React__namespace.useContext(InputOTPDisabledContext);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: utils.cn(
+        "relative flex h-10 w-10 items-center justify-center rounded-lg border text-lg font-normal transition-all",
+        "border-border bg-white",
+        isActive && !isDisabled && "border-blue-500",
+        char && "border-ink-300s",
+        hasError && "!border-red-500",
+        !isDisabled && "focus-within:border-blue-500",
+        isDisabled && "text-ink-300s cursor-not-allowed",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && !isDisabled && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-caret-blink bg-ink-400s h-5 w-px duration-1000" }) })
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+const InputOTPSeparator = React__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Dot, {}) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+exports.InputOTP = InputOTP;
+exports.InputOTPGroup = InputOTPGroup;
+exports.InputOTPSeparator = InputOTPSeparator;
+exports.InputOTPSlot = InputOTPSlot;
+//# sourceMappingURL=input-otp.js.map
+//# sourceMappingURL=input-otp.js.map

package/dist/components/input-otp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/input-otp.tsx"],"names":["React","jsx","OTPInput","cn","OTPInputContext","jsxs","Dot"],"mappings":"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","file":"input-otp.js","sourcesContent":["'use client';\n\nimport { OTPInput, OTPInputContext } from 'input-otp';\nimport { Dot } from 'lucide-react';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n// Create a context to pass error and disabled states to slots\nconst InputOTPErrorContext = React.createContext<boolean>(false);\nconst InputOTPDisabledContext = React.createContext<boolean>(false);\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  Omit<React.ComponentPropsWithoutRef<typeof OTPInput>, 'render'> & {\n    error?: boolean;\n    disabled?: boolean;\n    children: React.ReactNode;\n  }\n>(({ className, containerClassName, error, disabled, children, ...otpProps }, ref) => (\n  <InputOTPErrorContext.Provider value={!!error}>\n    <InputOTPDisabledContext.Provider value={!!disabled}>\n      <OTPInput\n        ref={ref}\n        disabled={disabled}\n        containerClassName={cn('flex items-center gap-2', containerClassName)}\n        className={cn('disabled:cursor-not-allowed', className)}\n        {...otpProps}\n      >\n        {children}\n      </OTPInput>\n    </InputOTPDisabledContext.Provider>\n  </InputOTPErrorContext.Provider>\n));\nInputOTP.displayName = 'InputOTP';\n\nconst InputOTPGroup = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center gap-3', className)} {...props} />\n));\nInputOTPGroup.displayName = 'InputOTPGroup';\n\nconst InputOTPSlot = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'> & { index: number }\n>(({ index, className, ...props }, ref) => {\n  const inputOTPContext = React.useContext(OTPInputContext);\n  const slot = inputOTPContext.slots[index];\n  const char = slot?.char;\n  const hasFakeCaret = slot?.hasFakeCaret;\n  const isActive = slot?.isActive;\n\n  // Get error and disabled states from our custom contexts\n  const hasError = React.useContext(InputOTPErrorContext);\n  const isDisabled = React.useContext(InputOTPDisabledContext);\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'relative flex h-10 w-10 items-center justify-center rounded-lg border text-lg font-normal transition-all',\n        'border-border bg-white',\n        isActive && !isDisabled && 'border-blue-500',\n        char && 'border-ink-300s',\n        hasError && '!border-red-500',\n        !isDisabled && 'focus-within:border-blue-500',\n        isDisabled && 'text-ink-300s cursor-not-allowed',\n        className,\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && !isDisabled && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink bg-ink-400s h-5 w-px duration-1000\" />\n        </div>\n      )}\n    </div>\n  );\n});\nInputOTPSlot.displayName = 'InputOTPSlot';\n\nconst InputOTPSeparator = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'>\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <Dot />\n  </div>\n));\nInputOTPSeparator.displayName = 'InputOTPSeparator';\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };\n"]}

package/dist/components/input-otp.mjs

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { OTPInput, OTPInputContext } from 'input-otp';
+import { Dot } from 'lucide-react';
+import * as React from 'react';
+import { cn } from '@/lib/utils';
+
+const InputOTPErrorContext = React.createContext(false);
+const InputOTPDisabledContext = React.createContext(false);
+const InputOTP = React.forwardRef(({ className, containerClassName, error, disabled, children, ...otpProps }, ref) => /* @__PURE__ */ jsx(InputOTPErrorContext.Provider, { value: !!error, children: /* @__PURE__ */ jsx(InputOTPDisabledContext.Provider, { value: !!disabled, children: /* @__PURE__ */ jsx(
+  OTPInput,
+  {
+    ref,
+    disabled,
+    containerClassName: cn("flex items-center gap-2", containerClassName),
+    className: cn("disabled:cursor-not-allowed", className),
+    ...otpProps,
+    children
+  }
+) }) }));
+InputOTP.displayName = "InputOTP";
+const InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center gap-3", className), ...props }));
+InputOTPGroup.displayName = "InputOTPGroup";
+const InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React.useContext(OTPInputContext);
+  const slot = inputOTPContext.slots[index];
+  const char = slot?.char;
+  const hasFakeCaret = slot?.hasFakeCaret;
+  const isActive = slot?.isActive;
+  const hasError = React.useContext(InputOTPErrorContext);
+  const isDisabled = React.useContext(InputOTPDisabledContext);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "relative flex h-10 w-10 items-center justify-center rounded-lg border text-lg font-normal transition-all",
+        "border-border bg-white",
+        isActive && !isDisabled && "border-blue-500",
+        char && "border-ink-300s",
+        hasError && "!border-red-500",
+        !isDisabled && "focus-within:border-blue-500",
+        isDisabled && "text-ink-300s cursor-not-allowed",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && !isDisabled && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "animate-caret-blink bg-ink-400s h-5 w-px duration-1000" }) })
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+const InputOTPSeparator = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx(Dot, {}) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+//# sourceMappingURL=input-otp.mjs.map
+//# sourceMappingURL=input-otp.mjs.map

package/dist/components/input-otp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/input-otp.tsx"],"names":[],"mappings":"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","file":"input-otp.mjs","sourcesContent":["'use client';\n\nimport { OTPInput, OTPInputContext } from 'input-otp';\nimport { Dot } from 'lucide-react';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n// Create a context to pass error and disabled states to slots\nconst InputOTPErrorContext = React.createContext<boolean>(false);\nconst InputOTPDisabledContext = React.createContext<boolean>(false);\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  Omit<React.ComponentPropsWithoutRef<typeof OTPInput>, 'render'> & {\n    error?: boolean;\n    disabled?: boolean;\n    children: React.ReactNode;\n  }\n>(({ className, containerClassName, error, disabled, children, ...otpProps }, ref) => (\n  <InputOTPErrorContext.Provider value={!!error}>\n    <InputOTPDisabledContext.Provider value={!!disabled}>\n      <OTPInput\n        ref={ref}\n        disabled={disabled}\n        containerClassName={cn('flex items-center gap-2', containerClassName)}\n        className={cn('disabled:cursor-not-allowed', className)}\n        {...otpProps}\n      >\n        {children}\n      </OTPInput>\n    </InputOTPDisabledContext.Provider>\n  </InputOTPErrorContext.Provider>\n));\nInputOTP.displayName = 'InputOTP';\n\nconst InputOTPGroup = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center gap-3', className)} {...props} />\n));\nInputOTPGroup.displayName = 'InputOTPGroup';\n\nconst InputOTPSlot = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'> & { index: number }\n>(({ index, className, ...props }, ref) => {\n  const inputOTPContext = React.useContext(OTPInputContext);\n  const slot = inputOTPContext.slots[index];\n  const char = slot?.char;\n  const hasFakeCaret = slot?.hasFakeCaret;\n  const isActive = slot?.isActive;\n\n  // Get error and disabled states from our custom contexts\n  const hasError = React.useContext(InputOTPErrorContext);\n  const isDisabled = React.useContext(InputOTPDisabledContext);\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'relative flex h-10 w-10 items-center justify-center rounded-lg border text-lg font-normal transition-all',\n        'border-border bg-white',\n        isActive && !isDisabled && 'border-blue-500',\n        char && 'border-ink-300s',\n        hasError && '!border-red-500',\n        !isDisabled && 'focus-within:border-blue-500',\n        isDisabled && 'text-ink-300s cursor-not-allowed',\n        className,\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && !isDisabled && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink bg-ink-400s h-5 w-px duration-1000\" />\n        </div>\n      )}\n    </div>\n  );\n});\nInputOTPSlot.displayName = 'InputOTPSlot';\n\nconst InputOTPSeparator = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'>\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <Dot />\n  </div>\n));\nInputOTPSeparator.displayName = 'InputOTPSeparator';\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };\n"]}