@hachej/boring-ui-kit 0.1.13 → 0.1.16

package/dist/index.js

@@ -1706,29 +1706,47 @@ function Checkbox({
   );
 }
 
+// src/radio.tsx
+import * as React8 from "react";
+import { jsx as jsx38 } from "react/jsx-runtime";
+var Radio = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+  "input",
+  {
+    ref,
+    type: "radio",
+    "data-slot": "radio",
+    className: cn(
+      "size-4 shrink-0 rounded-full border border-input accent-primary shadow-xs transition-shadow outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
+      className
+    ),
+    ...props
+  }
+));
+Radio.displayName = "Radio";
+
 // src/alert-dialog.tsx
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { jsx as jsx38, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs13 } from "react/jsx-runtime";
 function AlertDialog({
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+  return /* @__PURE__ */ jsx39(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
 }
 function AlertDialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+  return /* @__PURE__ */ jsx39(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
 }
 function AlertDialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+  return /* @__PURE__ */ jsx39(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
 }
 function AlertDialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     AlertDialogPrimitive.Overlay,
     {
       "data-slot": "alert-dialog-overlay",
@@ -1746,8 +1764,8 @@ function AlertDialogContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxs13(AlertDialogPortal, { children: [
-    /* @__PURE__ */ jsx38(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx39(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx39(
       AlertDialogPrimitive.Content,
       {
         "data-slot": "alert-dialog-content",
@@ -1765,7 +1783,7 @@ function AlertDialogHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       "data-slot": "alert-dialog-header",
@@ -1781,7 +1799,7 @@ function AlertDialogFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       "data-slot": "alert-dialog-footer",
@@ -1797,7 +1815,7 @@ function AlertDialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     AlertDialogPrimitive.Title,
     {
       "data-slot": "alert-dialog-title",
@@ -1813,7 +1831,7 @@ function AlertDialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     AlertDialogPrimitive.Description,
     {
       "data-slot": "alert-dialog-description",
@@ -1826,7 +1844,7 @@ function AlertDialogMedia({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       "data-slot": "alert-dialog-media",
@@ -1844,7 +1862,7 @@ function AlertDialogAction({
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx39(
     AlertDialogPrimitive.Action,
     {
       "data-slot": "alert-dialog-action",
@@ -1859,7 +1877,7 @@ function AlertDialogCancel({
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx39(
     AlertDialogPrimitive.Cancel,
     {
       "data-slot": "alert-dialog-cancel",
@@ -1871,16 +1889,16 @@ function AlertDialogCancel({
 
 // src/popover.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ jsx39(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx40(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx39(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx40(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -1888,7 +1906,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx39(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx40(
     PopoverPrimitive.Content,
     {
       "data-slot": "popover-content",
@@ -1905,10 +1923,10 @@ function PopoverContent({
 function PopoverAnchor({
   ...props
 }) {
-  return /* @__PURE__ */ jsx39(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+  return /* @__PURE__ */ jsx40(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
 }
 function PopoverHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "popover-header",
@@ -1918,7 +1936,7 @@ function PopoverHeader({ className, ...props }) {
   );
 }
 function PopoverTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "popover-title",
@@ -1931,7 +1949,7 @@ function PopoverDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "p",
     {
       "data-slot": "popover-description",
@@ -1943,7 +1961,7 @@ function PopoverDescription({
 
 // src/scroll-area.tsx
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx40, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs14 } from "react/jsx-runtime";
 function ScrollArea({
   className,
   children,
@@ -1956,7 +1974,7 @@ function ScrollArea({
       className: cn("relative", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx40(
+        /* @__PURE__ */ jsx41(
           ScrollAreaPrimitive.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -1964,8 +1982,8 @@ function ScrollArea({
             children
           }
         ),
-        /* @__PURE__ */ jsx40(ScrollBar, {}),
-        /* @__PURE__ */ jsx40(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx41(ScrollBar, {}),
+        /* @__PURE__ */ jsx41(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -1975,7 +1993,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -1987,7 +2005,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx40(
+      children: /* @__PURE__ */ jsx41(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -2000,30 +2018,30 @@ function ScrollBar({
 
 // src/sheet.tsx
 import * as SheetPrimitive from "@radix-ui/react-dialog";
-import { jsx as jsx41, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs15 } from "react/jsx-runtime";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx41(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx42(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ jsx42(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ jsx42(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx42(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -2043,7 +2061,7 @@ function SheetContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxs15(SheetPortal, { children: [
-    /* @__PURE__ */ jsx41(SheetOverlay, {}),
+    /* @__PURE__ */ jsx42(SheetOverlay, {}),
     /* @__PURE__ */ jsxs15(
       SheetPrimitive.Content,
       {
@@ -2060,8 +2078,8 @@ function SheetContent({
         children: [
           children,
           showCloseButton && /* @__PURE__ */ jsxs15(SheetPrimitive.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-            /* @__PURE__ */ jsx41("span", { "aria-hidden": "true", className: "text-base leading-none", children: "\xD7" }),
-            /* @__PURE__ */ jsx41("span", { className: "sr-only", children: "Close" })
+            /* @__PURE__ */ jsx42("span", { "aria-hidden": "true", className: "text-base leading-none", children: "\xD7" }),
+            /* @__PURE__ */ jsx42("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -2069,7 +2087,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       "data-slot": "sheet-header",
@@ -2079,7 +2097,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -2092,7 +2110,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -2105,7 +2123,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     SheetPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -2126,12 +2144,12 @@ function useToast() {
 }
 
 // src/hover-card.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React8.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx42(
+var HoverCardContent = React9.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx43(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -2155,7 +2173,7 @@ var CollapsibleContent2 = CollapsiblePrimitive2.CollapsibleContent;
 // src/button-group.tsx
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var buttonGroupVariants = cva4(
   "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
   {
@@ -2173,7 +2191,7 @@ function ButtonGroup({
   orientation,
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       role: "group",
@@ -2190,7 +2208,7 @@ function ButtonGroupText({
   ...props
 }) {
   const Comp = asChild ? Slot3 : "div";
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     Comp,
     {
       className: cn(
@@ -2206,7 +2224,7 @@ function ButtonGroupSeparator({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     Separator,
     {
       "data-slot": "button-group-separator",
@@ -2219,9 +2237,9 @@ function ButtonGroupSeparator({
 
 // src/input-group.tsx
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "input-group",
@@ -2259,7 +2277,7 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       role: "group",
@@ -2292,10 +2310,10 @@ function InputGroupButton({
   size = "xs",
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(Button, { type, "data-size": size, variant, className: cn(inputGroupButtonVariants({ size }), className), ...props });
+  return /* @__PURE__ */ jsx45(Button, { type, "data-size": size, variant, className: cn(inputGroupButtonVariants({ size }), className), ...props });
 }
 function InputGroupText({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "span",
     {
       className: cn("flex items-center gap-2 text-sm text-muted-foreground [&_svg:not([class*=size-])]:size-4 [&_svg]:pointer-events-none", className),
@@ -2304,7 +2322,7 @@ function InputGroupText({ className, ...props }) {
   );
 }
 function InputGroupInput({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     Input,
     {
       "data-slot": "input-group-control",
@@ -2314,7 +2332,7 @@ function InputGroupInput({ className, ...props }) {
   );
 }
 function InputGroupTextarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     Textarea,
     {
       "data-slot": "input-group-control",
@@ -2323,6 +2341,39 @@ function InputGroupTextarea({ className, ...props }) {
     }
   );
 }
+
+// src/choice-group.tsx
+import { jsx as jsx46 } from "react/jsx-runtime";
+function ChoiceGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx46("fieldset", { "data-slot": "choice-group", className: cn("grid gap-2", className), ...props });
+}
+function ChoiceGroupLegend({ className, ...props }) {
+  return /* @__PURE__ */ jsx46("legend", { "data-slot": "choice-group-legend", className: cn("mb-2 text-sm font-medium leading-5 text-foreground", className), ...props });
+}
+function ChoiceItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx46(
+    "label",
+    {
+      "data-slot": "choice-item",
+      className: cn(
+        "flex items-start gap-3 rounded-md border border-border/70 bg-background px-3 py-2 text-sm text-foreground transition-colors hover:bg-muted/30",
+        "has-[:checked]:border-ring/60 has-[:checked]:bg-muted/40 has-[:focus-visible]:ring-[3px] has-[:focus-visible]:ring-ring/50",
+        "has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ChoiceItemBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx46("span", { "data-slot": "choice-item-body", className: cn("flex flex-col gap-1", className), ...props });
+}
+function ChoiceItemTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx46("span", { "data-slot": "choice-item-title", className: cn("leading-5", className), ...props });
+}
+function ChoiceItemDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx46("small", { "data-slot": "choice-item-description", className: cn("text-sm leading-5 text-muted-foreground", className), ...props });
+}
 export {
   AlertDialog,
   AlertDialogAction,
@@ -2354,6 +2405,12 @@ export {
   Chip,
   ChipButton,
   ChipRemove,
+  ChoiceGroup,
+  ChoiceGroupLegend,
+  ChoiceItem,
+  ChoiceItemBody,
+  ChoiceItemDescription,
+  ChoiceItemTitle,
   Collapsible,
   CollapsibleContent2 as CollapsibleContent,
   CollapsibleTrigger2 as CollapsibleTrigger,
@@ -2444,6 +2501,7 @@ export {
   PopoverHeader,
   PopoverTitle,
   PopoverTrigger,
+  Radio,
   ResizeHandle,
   ScrollArea,
   ScrollBar,