@dilipod/ui 0.4.25 → 0.4.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -542,7 +542,7 @@ function cn(...inputs) {
542
542
  return tailwindMerge.twMerge(clsx.clsx(inputs));
543
543
  }
544
544
  var buttonVariants = classVarianceAuthority.cva(
545
- "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-semibold ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer",
545
+ "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-semibold transition-all duration-200 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer",
546
546
  {
547
547
  variants: {
548
548
  variant: {
@@ -680,7 +680,7 @@ var SheetContent = React51__namespace.forwardRef(({ side = "right", className, c
680
680
  ...props,
681
681
  children: [
682
682
  children,
683
- /* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--cyan)] focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-gray-100", children: [
683
+ /* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-gray-100", children: [
684
684
  /* @__PURE__ */ jsxRuntime.jsx(react_star.X, { className: "h-4 w-4" }),
685
685
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
686
686
  ] })
@@ -1535,8 +1535,8 @@ var Input = React51__namespace.forwardRef(
1535
1535
  {
1536
1536
  type,
1537
1537
  className: cn(
1538
- "flex h-10 w-full rounded-sm border bg-white px-3 py-2 text-base text-[var(--black)] ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-[var(--black)] placeholder:text-gray-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm transition-colors",
1539
- error ? "border-red-500 focus-visible:ring-red-500" : "border-gray-300 focus-visible:ring-[var(--cyan)]",
1538
+ "flex h-10 w-full rounded-sm border bg-white px-3 py-2 text-base text-[var(--black)] file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-[var(--black)] placeholder:text-gray-500 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm transition-colors",
1539
+ error ? "border-red-500" : "border-gray-300",
1540
1540
  className
1541
1541
  ),
1542
1542
  ref,
@@ -1615,8 +1615,8 @@ var Textarea = React51__namespace.forwardRef(
1615
1615
  "textarea",
1616
1616
  {
1617
1617
  className: cn(
1618
- "flex min-h-[80px] w-full rounded-sm border bg-white px-3 py-2 text-base text-[var(--black)] ring-offset-background placeholder:text-gray-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm transition-colors resize-none",
1619
- error ? "border-red-500 focus-visible:ring-red-500" : "border-gray-300 focus-visible:ring-[var(--cyan)]",
1618
+ "flex min-h-[80px] w-full rounded-sm border bg-white px-3 py-2 text-base text-[var(--black)] placeholder:text-gray-500 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm transition-colors resize-none",
1619
+ error ? "border-red-500" : "border-gray-300",
1620
1620
  className
1621
1621
  ),
1622
1622
  ref,
@@ -1635,12 +1635,12 @@ var Select = React51__namespace.forwardRef(
1635
1635
  {
1636
1636
  ref,
1637
1637
  className: cn(
1638
- "h-10 w-full rounded-sm border bg-white px-3 py-2 text-base text-[var(--black)] ring-offset-background",
1638
+ "h-10 w-full rounded-sm border bg-white px-3 py-2 text-base text-[var(--black)]",
1639
1639
  "placeholder:text-gray-500",
1640
- "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
1640
+ "focus-visible:outline-none",
1641
1641
  "disabled:cursor-not-allowed disabled:opacity-50 md:text-sm transition-colors",
1642
1642
  "appearance-none pr-10",
1643
- error ? "border-red-500 focus-visible:ring-red-500" : "border-gray-300 focus-visible:ring-[var(--cyan)]",
1643
+ error ? "border-red-500" : "border-gray-300",
1644
1644
  className
1645
1645
  ),
1646
1646
  "aria-invalid": error ? "true" : void 0,
@@ -1713,7 +1713,7 @@ var Switch = React51__namespace.forwardRef(({ className, size = "default", ...pr
1713
1713
  SwitchPrimitive__namespace.Root,
1714
1714
  {
1715
1715
  className: cn(
1716
- "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-[var(--cyan)] data-[state=unchecked]:bg-input",
1716
+ "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-[var(--cyan)] data-[state=unchecked]:bg-input",
1717
1717
  sizeStyles[size].root,
1718
1718
  className
1719
1719
  ),
@@ -1803,8 +1803,8 @@ var Slider = React51__namespace.forwardRef(({ className, showValue, formatValue,
1803
1803
  SliderPrimitive__namespace.Thumb,
1804
1804
  {
1805
1805
  className: cn(
1806
- "block rounded-full border-2 border-[var(--cyan)] bg-white shadow-md ring-offset-background transition-colors",
1807
- "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--cyan)] focus-visible:ring-offset-2",
1806
+ "block rounded-full border-2 border-[var(--cyan)] bg-white shadow-md transition-colors",
1807
+ "focus-visible:outline-none",
1808
1808
  "disabled:pointer-events-none disabled:opacity-50",
1809
1809
  "hover:border-[var(--cyan-dark,#00bfaa)] cursor-pointer",
1810
1810
  sizeStyles[size].thumb
@@ -1843,7 +1843,7 @@ var RadioGroupItem = React51__namespace.forwardRef(({ className, ...props }, ref
1843
1843
  {
1844
1844
  ref,
1845
1845
  className: cn(
1846
- "aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
1846
+ "aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
1847
1847
  className
1848
1848
  ),
1849
1849
  ...props,
@@ -1878,7 +1878,7 @@ var RadioGroupCard = React51__namespace.forwardRef(({ label, description, childr
1878
1878
  ref,
1879
1879
  id: cardId,
1880
1880
  className: cn(
1881
- "relative flex cursor-pointer rounded-lg border bg-background p-4 transition-all hover:border-[var(--cyan)]/50 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 data-[state=checked]:border-[var(--cyan)] data-[state=checked]:ring-1 data-[state=checked]:ring-[var(--cyan)] disabled:cursor-not-allowed disabled:opacity-50",
1881
+ "relative flex cursor-pointer rounded-lg border bg-background p-4 transition-all hover:border-[var(--cyan)]/50 focus:outline-none focus-visible:outline-none data-[state=checked]:border-[var(--cyan)] data-[state=checked]:ring-1 data-[state=checked]:ring-[var(--cyan)] disabled:cursor-not-allowed disabled:opacity-50",
1882
1882
  className
1883
1883
  ),
1884
1884
  ...props,
@@ -2557,7 +2557,7 @@ var FormField = React51__namespace.forwardRef(
2557
2557
  "aria-describedby": error ? errorId : helperText ? helperId : void 0,
2558
2558
  className: cn(
2559
2559
  childProps.className,
2560
- error && "border-red-500 focus-visible:ring-red-500"
2560
+ error && "border-red-500"
2561
2561
  )
2562
2562
  });
2563
2563
  }
@@ -2692,7 +2692,7 @@ var TabsTrigger = React51__namespace.forwardRef(({ className, ...props }, ref) =
2692
2692
  {
2693
2693
  ref,
2694
2694
  className: cn(
2695
- "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all 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=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
2695
+ "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
2696
2696
  className
2697
2697
  ),
2698
2698
  ...props
@@ -2704,7 +2704,7 @@ var TabsContent = React51__namespace.forwardRef(({ className, ...props }, ref) =
2704
2704
  {
2705
2705
  ref,
2706
2706
  className: cn(
2707
- "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
2707
+ "mt-2 focus-visible:outline-none",
2708
2708
  className
2709
2709
  ),
2710
2710
  ...props
@@ -2766,7 +2766,7 @@ var DialogContent = React51__namespace.forwardRef(({ className, children, ...pro
2766
2766
  ...props,
2767
2767
  children: [
2768
2768
  children,
2769
- /* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--cyan)] focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-gray-100", children: [
2769
+ /* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-gray-100", children: [
2770
2770
  /* @__PURE__ */ jsxRuntime.jsx(react_star.X, { className: "h-4 w-4" }),
2771
2771
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
2772
2772
  ] })
@@ -3076,7 +3076,7 @@ var ToastAction = React51__namespace.forwardRef(({ className, ...props }, ref) =
3076
3076
  {
3077
3077
  ref,
3078
3078
  className: cn(
3079
- "inline-flex h-8 shrink-0 items-center justify-center rounded-sm border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
3079
+ "inline-flex h-8 shrink-0 items-center justify-center rounded-sm border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-gray-100 focus:outline-none disabled:pointer-events-none disabled:opacity-50",
3080
3080
  className
3081
3081
  ),
3082
3082
  ...props
@@ -3835,7 +3835,7 @@ var DateRangeSelect = React51__namespace.forwardRef(
3835
3835
  value,
3836
3836
  onChange: (e) => onChange(e.target.value),
3837
3837
  className: cn(
3838
- "h-9 rounded-sm border border-input bg-background px-3 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
3838
+ "h-9 rounded-sm border border-input bg-background px-3 text-sm focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
3839
3839
  className
3840
3840
  ),
3841
3841
  children: presets.map((preset) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: preset, children: presetLabels[preset] }, preset))
@@ -4691,7 +4691,7 @@ function ImpactMetricsForm({
4691
4691
  ...prev,
4692
4692
  time_saved_minutes_per_run: parseInt(e.target.value) || 0
4693
4693
  })),
4694
- className: "w-16 px-2 py-1 text-2xl font-bold border border-border rounded-sm focus:outline-none focus:ring-2 focus:ring-[var(--cyan)] bg-background",
4694
+ className: "w-16 px-2 py-1 text-2xl font-bold border border-border rounded-sm focus:outline-none bg-background",
4695
4695
  min: "0"
4696
4696
  }
4697
4697
  ),
@@ -4714,7 +4714,7 @@ function ImpactMetricsForm({
4714
4714
  ...prev,
4715
4715
  hourly_rate_euros: parseFloat(e.target.value) || 0
4716
4716
  })),
4717
- className: "w-16 px-2 py-1 text-2xl font-bold border border-border rounded-sm focus:outline-none focus:ring-2 focus:ring-[var(--cyan)] bg-background",
4717
+ className: "w-16 px-2 py-1 text-2xl font-bold border border-border rounded-sm focus:outline-none bg-background",
4718
4718
  min: "0",
4719
4719
  step: "0.5"
4720
4720
  }
@@ -4738,7 +4738,7 @@ function ImpactMetricsForm({
4738
4738
  ...prev,
4739
4739
  fte_equivalent: (parseFloat(e.target.value) || 0) / 100
4740
4740
  })),
4741
- className: "w-16 px-2 py-1 text-2xl font-bold border border-border rounded-sm focus:outline-none focus:ring-2 focus:ring-[var(--cyan)] bg-background",
4741
+ className: "w-16 px-2 py-1 text-2xl font-bold border border-border rounded-sm focus:outline-none bg-background",
4742
4742
  min: "0",
4743
4743
  max: "1000",
4744
4744
  step: "5"