@brainfish-ai/components 0.35.20 → 0.36.1

package/dist/esm/components/ui/button-group.js

@@ -1,5 +1,88 @@
-import t from"react";import{S as e}from"../../chunks/index.C9B3bui8.js";import{cva as o}from"class-variance-authority";import{c as r}from"../../chunks/utils.DtKoarLP.js";import{Separator as a}from"./separator.js";const n=o("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",{variants:{orientation:{horizontal:"",vertical:"flex-col"},rounded:{true:"",false:""}},compoundVariants:[{orientation:"horizontal",rounded:!0,className:"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none"},{orientation:"vertical",rounded:!0,className:"[&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"}],defaultVariants:{orientation:"horizontal",rounded:!0}});function i({className:e,orientation:o,rounded:a,...i}){/* @__PURE__ */
-return t.createElement("div",{role:"group","data-slot":"button-group","data-orientation":o,className:r(n({orientation:o,rounded:a}),e),...i})}function s({className:o,asChild:a=!1,...n}){const i=a?e:"div";/* @__PURE__ */
-return t.createElement(i,{className:r("bg-muted shadow-xs flex items-center gap-2 rounded-md border px-4 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",o),...n})}function l({className:e,orientation:o="vertical",...n}){/* @__PURE__ */
-return t.createElement(a,{"data-slot":"button-group-separator",orientation:o,className:r("bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",e),...n})}export{i as ButtonGroup,l as ButtonGroupSeparator,s as ButtonGroupText,n as buttonGroupVariants};
-//# sourceMappingURL=button-group.js.map
+import React__default from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils.js';
+import { Separator } from './separator.js';
+
+const buttonGroupVariants = cva(
+  "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",
+  {
+    variants: {
+      orientation: {
+        horizontal: "",
+        vertical: "flex-col"
+      },
+      rounded: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        orientation: "horizontal",
+        rounded: true,
+        className: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none"
+      },
+      {
+        orientation: "vertical",
+        rounded: true,
+        className: "[&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+      }
+    ],
+    defaultVariants: {
+      orientation: "horizontal",
+      rounded: true
+    }
+  }
+);
+function ButtonGroup({
+  className,
+  orientation,
+  rounded,
+  ...props
+}) {
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      role: "group",
+      "data-slot": "button-group",
+      "data-orientation": orientation,
+      className: cn(buttonGroupVariants({ orientation, rounded }), className),
+      ...props
+    }
+  );
+}
+function ButtonGroupText({
+  className,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ React__default.createElement(
+    Comp,
+    {
+      className: cn(
+        "bg-muted shadow-xs flex items-center gap-2 rounded-md border px-4 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ButtonGroupSeparator({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ React__default.createElement(
+    Separator,
+    {
+      "data-slot": "button-group-separator",
+      orientation,
+      className: cn("bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto", className),
+      ...props
+    }
+  );
+}
+
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/esm/components/ui/button.js

@@ -1,2 +1,63 @@
-import"react";import"../../chunks/index.C9B3bui8.js";import"class-variance-authority";import"../../chunks/utils.DtKoarLP.js";export{B as Button,b as buttonVariants}from"../../chunks/button.DXe2tRBO.js";
-//# sourceMappingURL=button.js.map
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils.js';
+import { brandShadowEffect } from '../../lib/styles.js';
+
+const buttonVariants = cva(
+  "inline-flex items-center text-dark-900 justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-5 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary border border-primary shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive border border-destructive hover:bg-destructive/90",
+        success: "bg-success text-success border border-success hover:bg-success/90",
+        outline: "border border-input border-border hover:bg-dark-200 active:bg-dark-400 disabled:text-subtlest",
+        surface: "bg-surface text-dark-900 rounded border border-border hover:bg-dark-200 active:bg-dark-400",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        suggestion: "bg-blue-600 text-white rounded-full",
+        ghost: "hover:bg-dark-200 active:bg-dark-400",
+        link: "text-foreground underline-offset-4 hover:underline",
+        dark: "bg-dark-700 text-white dark:text-primary shadow hover:bg-dark-800 dark:bg-primary dark:hover:bg-primary/80 focus-visible:bg-dark-800 dark:focus-visible:bg-primary/80"
+      },
+      size: {
+        default: "h-9 p-2",
+        xs: "h-8 rounded-md px-2 text-sm gap-1.5",
+        sm: "h-8 rounded-md px-3 text-sm",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9 [&_svg]:size-5"
+      },
+      elevation: {
+        flat: "",
+        shadow: `${brandShadowEffect}`
+      },
+      disabled: {
+        true: "text-subtlest pointer-events-none bg-dark-400 border-dark-600 opacity-90",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      elevation: "flat",
+      disabled: false
+    }
+  }
+);
+const Button = React.forwardRef(
+  ({ className, variant, size, elevation, disabled, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ React.createElement(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, elevation, disabled, className })),
+        ref,
+        ...props,
+        disabled: disabled ?? void 0
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+export { Button, buttonVariants };

package/dist/esm/components/ui/calendar.css

@@ -0,0 +1,255 @@
+.single-date-picker-calendar {
+  /* Variables declaration */
+  --button-background: #fff;
+  --button-dark-background: #171717;
+  --button-text: #fff;
+  --button-dark-text: #171717;
+  --muted-foreground: #171717;
+  --rdp-accent-color:  #A3E635 !important;
+  --rdp-selected-color: #fff !important;
+  --rdp-day-height: 44px;
+  --rdp-day-width: 44px;
+  --rdp-day_button-border-radius: 100%;
+  --rdp-day_button-border: 2px solid transparent;
+  --rdp-day_button-height: 42px;
+  --rdp-day_button-width: 42px;
+  --rdp-selected-border: 2px solid  #A3E635 !important;
+  --rdp-disabled-opacity: 0.5;
+  --rdp-outside-opacity: 0.75;
+  --rdp-dropdown-gap: 0.5rem;
+  --rdp-months-gap: 2rem;
+  --rdp-nav_button-disabled-opacity: 0.5;
+  --rdp-nav_button-height: 2.25rem;
+  --rdp-nav_button-width: 2.25rem;
+  --rdp-nav-height: 2.75rem;
+  --rdp-weekday-text-align:center;
+  
+  /* Root of the component. */
+  .rdp-root {
+    position: relative;
+    box-sizing: border-box;
+  }
+
+  .rdp-root * {
+    box-sizing: border-box;
+  }
+
+  .rdp-root[dir="rtl"] {
+    --rdp-gradient-direction: -90deg;
+  }
+
+  .rdp-root[data-broadcast-calendar="true"] {
+    --rdp-outside-opacity: unset;
+  }
+
+  .rdp-day {
+    width: var(--rdp-day-width);
+    height: var(--rdp-day-height);
+    text-align: center;
+    font-size: 0.875rem;
+    border-radius: 50%;
+    display: table-cell !important;
+  }
+
+  .rdp-day:hover{
+    background-color: var(--rdp-accent-color);
+  }
+
+  .rdp-day_button {
+    background: none;
+    padding: 0;
+    margin: 0;
+    cursor: pointer;
+    font: inherit;
+    color: inherit;
+    justify-content: center;
+    align-items: center;
+    display: flex;
+
+    width: var(--rdp-day_button-width);
+    height: var(--rdp-day_button-height);
+    border: var(--rdp-day_button-border);
+    border-radius: var(--rdp-day_button-border-radius);
+  }
+
+  .rdp-day_button:disabled {
+    cursor: revert;
+  }
+
+  .rdp-caption_label {
+    z-index: 1;
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    white-space: nowrap;
+    border: 0;
+  }
+
+  .rdp-dropdown:focus-visible ~ .rdp-caption_label {
+    outline: 5px auto Highlight;
+    outline: 5px auto -webkit-focus-ring-color;
+  }
+
+  .rdp-button_next,
+  .rdp-button_previous {
+    border: none;
+    background: none;
+    padding: 0;
+    margin: 0;
+    cursor: pointer;
+    font: inherit;
+    color: inherit;
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    appearance: none;
+
+    width: var(--rdp-nav_button-width);
+    height: var(--rdp-nav_button-height);
+  }
+
+  .rdp-button_next:disabled,
+  .rdp-button_next[aria-disabled="true"],
+  .rdp-button_previous:disabled,
+  .rdp-button_previous[aria-disabled="true"] {
+    cursor: revert;
+    opacity: var(--rdp-nav_button-disabled-opacity);
+  }
+
+  .rdp-nav button .rdp-chevron{
+    display: inline-block;
+    fill: currentColor;
+  }
+  .rdp-nav button:hover .rdp-chevron{
+    fill: var(--rdp-accent-color) !important;
+  }
+
+  .rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
+    transform: rotate(180deg);
+    transform-origin: 50%;
+  }
+
+  .rdp-dropdowns {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    gap: var(--rdp-dropdown-gap);
+  }
+  
+  .rdp-dropdown {
+    z-index: 2;
+    opacity: 0;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    position: absolute;
+    inset-block-start: 0;
+    inset-block-end: 0;
+    inset-inline-start: 0;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    cursor: inherit;
+    border: none;
+    line-height: inherit;
+  }
+
+  .rdp-dropdown_root {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+  }
+
+  .rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
+    opacity: var(--rdp-disabled-opacity);
+  }
+
+  .rdp-month_caption {
+    display: flex;
+    align-content: center;
+    height: var(--rdp-nav-height);
+    font-weight: bold;
+    font-size: large;
+  }
+
+  .rdp-months {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--rdp-months-gap);
+    max-width: -moz-fit-content;
+    max-width: fit-content;
+    justify-content: center;
+  }
+
+  .rdp-month_grid {
+    border-collapse: collapse;
+  }
+
+  .rdp-month {
+    background-color: transparent;
+  }
+
+  .rdp-nav {
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-end: 0;
+    display: flex;
+    align-items: center;
+    height: var(--rdp-nav-height);
+  }
+
+  .rdp-weekday {
+    opacity: var(--rdp-weekday-opacity);
+    padding: var(--rdp-weekday-padding);
+    font-weight: 600;
+    font-size: 0.875rem;
+    text-align: var(--rdp-weekday-text-align);
+    text-transform: var(--rdp-weekday-text-transform);
+  }
+
+  /* DAY MODIFIERS */
+  .rdp-selected .rdp-day_button {
+    color:var(--rdp-accent-color) ;
+  }
+
+  .rdp-selected:hover .rdp-day_button  {
+    color:  var(--button-dark-text);
+  }
+
+  .rdp-range_start.rdp-range_end {
+    background: revert;
+  }
+
+  .rdp-focusable {
+    cursor: pointer;
+  }
+
+  .rdp-day_selected {
+    background-color: var(--rdp-accent-color);
+    color: var(--rdp-selected-color);
+  }
+
+  /* Custom styles from original calendar.css */
+  .rdp {
+    margin: 0;
+  }
+
+  .rdp-caption {
+    padding: 0;
+    margin-bottom: 0.5em;
+  }
+
+  .rdp-head_cell {
+    font-weight: 600;
+    font-size: 0.875rem;
+  }
+
+  .bg-background {
+    background-color: unset;
+  }
+
+}

package/dist/esm/components/ui/calendar.js

@@ -1,3 +1,20 @@
-import*as s from"react";import{DayPicker as a}from"react-day-picker";import{c as e}from"../../chunks/utils.DtKoarLP.js";function r({className:r,classNames:t,showOutsideDays:m=!0,...c}){/* @__PURE__ */
-return s.createElement(a,{showOutsideDays:m,className:e("p-4",r),classNames:{...t},...c})}r.displayName="Calendar";export{r as Calendar};
-//# sourceMappingURL=calendar.js.map
+import * as React from 'react';
+import { DayPicker } from 'react-day-picker';
+import { cn } from '../../lib/utils.js';
+
+function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn("p-4", className),
+      classNames: {
+        ...classNames
+      },
+      ...props
+    }
+  );
+}
+Calendar.displayName = "Calendar";
+
+export { Calendar };

package/dist/esm/components/ui/card.js

@@ -1,2 +1,55 @@
-import*as e from"react";import{c as a}from"../../chunks/utils.DtKoarLP.js";const r=e.forwardRef(({className:r,...s},t)=>/* @__PURE__ */e.createElement("div",{ref:t,className:a("rounded-xl border border-dark-300 bg-card text-card-foreground shadow",r),...s}));r.displayName="Card";const s=e.forwardRef(({className:r,...s},t)=>/* @__PURE__ */e.createElement("div",{ref:t,className:a("flex flex-col space-y-1.5 p-6",r),...s}));s.displayName="CardHeader";const t=e.forwardRef(({className:r,...s},t)=>/* @__PURE__ */e.createElement("div",{ref:t,className:a("font-semibold leading-none tracking-tight",r),...s}));t.displayName="CardTitle";const d=e.forwardRef(({className:r,...s},t)=>/* @__PURE__ */e.createElement("div",{ref:t,className:a("text-sm text-muted-foreground",r),...s}));d.displayName="CardDescription";const c=e.forwardRef(({className:r,...s},t)=>/* @__PURE__ */e.createElement("div",{ref:t,className:a("p-6 pt-0",r),...s}));c.displayName="CardContent";const l=e.forwardRef(({className:r,...s},t)=>/* @__PURE__ */e.createElement("div",{ref:t,className:a("flex items-center p-6 pt-0",r),...s}));l.displayName="CardFooter";export{r as Card,c as CardContent,d as CardDescription,l as CardFooter,s as CardHeader,t as CardTitle};
-//# sourceMappingURL=card.js.map
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+
+const Card = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "div",
+  {
+    ref,
+    className: cn(
+      "rounded-xl border border-dark-300 bg-card text-card-foreground shadow",
+      className
+    ),
+    ...props
+  }
+));
+Card.displayName = "Card";
+const CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col space-y-1.5 p-6", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+const CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "div",
+  {
+    ref,
+    className: cn("font-semibold leading-none tracking-tight", className),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+const CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "div",
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+const CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+CardContent.displayName = "CardContent";
+const CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center p-6 pt-0", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };