shad-m 1.0.0 → 1.0.2

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

@@ -1 +0,0 @@
-{"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

@@ -1,25 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,84 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,59 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"]}