@brainfish-ai/components 0.11.0 → 0.12.0
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/badge.d.ts +14 -0
- package/dist/calendar.d.ts +12 -0
- package/dist/components/ui/badge.d.ts +9 -0
- package/dist/components/ui/calendar.d.ts +8 -0
- package/dist/components/ui/icon.d.ts +22 -0
- package/dist/components/ui/progress.d.ts +6 -0
- package/dist/components/ui/select.d.ts +13 -0
- package/dist/components/ui/table.d.ts +10 -0
- package/dist/esm/chunks/{ChatSearch.BAhBvhQb.js → ChatSearch.C-yI2ooj.js} +5 -16
- package/dist/esm/chunks/ChatSearch.C-yI2ooj.js.map +1 -0
- package/dist/esm/chunks/{date-picker.Ca8jXimG.js → date-picker.WGre3lsB.js} +3 -23
- package/dist/esm/chunks/date-picker.WGre3lsB.js.map +1 -0
- package/dist/esm/chunks/simpleSelect.Bzw8xrbM.js +23 -0
- package/dist/esm/chunks/simpleSelect.Bzw8xrbM.js.map +1 -0
- package/dist/esm/components/chat-search.js +1 -1
- package/dist/esm/components/date-picker.js +1 -1
- package/dist/esm/components/select.js +1 -1
- package/dist/esm/components/ui/badge.js +26 -0
- package/dist/esm/components/ui/badge.js.map +1 -0
- package/dist/esm/components/ui/calendar.js +26 -0
- package/dist/esm/components/ui/calendar.js.map +1 -0
- package/dist/esm/components/ui/icon.js +16 -0
- package/dist/esm/components/ui/icon.js.map +1 -0
- package/dist/esm/components/ui/progress.js +23 -0
- package/dist/esm/components/ui/progress.js.map +1 -0
- package/dist/esm/{chunks/simpleSelect.BiVUOs29.js → components/ui/select.js} +4 -20
- package/dist/esm/components/ui/select.js.map +1 -0
- package/dist/esm/components/ui/table.js +83 -0
- package/dist/esm/components/ui/table.js.map +1 -0
- package/dist/esm/index.js +9 -124
- package/dist/esm/index.js.map +1 -1
- package/dist/icon.d.ts +26 -0
- package/dist/progress.d.ts +8 -0
- package/dist/stats.html +1 -1
- package/dist/table.d.ts +19 -0
- package/package.json +1 -1
- package/dist/esm/chunks/ChatSearch.BAhBvhQb.js.map +0 -1
- package/dist/esm/chunks/date-picker.Ca8jXimG.js.map +0 -1
- package/dist/esm/chunks/simpleSelect.BiVUOs29.js.map +0 -1
|
@@ -3,30 +3,10 @@ import { format } from 'date-fns';
|
|
|
3
3
|
import { CalendarBlank } from '@phosphor-icons/react';
|
|
4
4
|
import { c as cn } from './utils.DmKr1Ojo.js';
|
|
5
5
|
import { Button } from '../components/ui/button.js';
|
|
6
|
-
import {
|
|
6
|
+
import { Calendar } from '../components/ui/calendar.js';
|
|
7
7
|
import { Popover, PopoverTrigger, PopoverContent } from '../components/ui/popover.js';
|
|
8
8
|
|
|
9
|
-
import '../date-picker.css';function
|
|
10
|
-
className,
|
|
11
|
-
classNames,
|
|
12
|
-
showOutsideDays = true,
|
|
13
|
-
...props
|
|
14
|
-
}) {
|
|
15
|
-
return /* @__PURE__ */ React.createElement(
|
|
16
|
-
DayPicker,
|
|
17
|
-
{
|
|
18
|
-
showOutsideDays,
|
|
19
|
-
className: cn("p-4", className),
|
|
20
|
-
classNames: {
|
|
21
|
-
...classNames
|
|
22
|
-
},
|
|
23
|
-
...props
|
|
24
|
-
}
|
|
25
|
-
);
|
|
26
|
-
}
|
|
27
|
-
Calendar.displayName = "Calendar";
|
|
28
|
-
|
|
29
|
-
function DatePicker({ date, setDate, className, placeholder = "Select date" }) {
|
|
9
|
+
import '../date-picker.css';function DatePicker({ date, setDate, className, placeholder = "Select date" }) {
|
|
30
10
|
return /* @__PURE__ */ React.createElement(Popover, null, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
|
|
31
11
|
Button,
|
|
32
12
|
{
|
|
@@ -43,4 +23,4 @@ function DatePicker({ date, setDate, className, placeholder = "Select date" }) {
|
|
|
43
23
|
}
|
|
44
24
|
|
|
45
25
|
export { DatePicker as D };
|
|
46
|
-
//# sourceMappingURL=date-picker.
|
|
26
|
+
//# sourceMappingURL=date-picker.WGre3lsB.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-picker.WGre3lsB.js","sources":["../../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { format } from 'date-fns';\nimport { CalendarBlank as CalendarIcon } from '@phosphor-icons/react';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\nimport { Calendar } from '@/components/ui/calendar';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\nimport '../ui/calendar.css';\n\ninterface DatePickerProps {\n date: Date | undefined;\n setDate: (date: Date | undefined) => void;\n className?: string;\n placeholder?: string;\n}\n\nexport function DatePicker({ date, setDate, className, placeholder = 'Select date' }: DatePickerProps) {\n return (\n <Popover>\n <PopoverTrigger asChild>\n <Button\n variant=\"outline\"\n className={cn(\n 'w-full justify-start text-left font-normal text-base',\n !date && 'text-muted-foreground',\n className,\n )}\n >\n <CalendarIcon className=\"mr-2 !w-5 !h-5\" />\n {date ? format(date, 'PPP') : placeholder}\n </Button>\n </PopoverTrigger>\n <PopoverContent className=\"w-auto p-0 z-[9999]\">\n <Calendar mode=\"single\" selected={date} onSelect={setDate} className=\"single-date-picker-calendar\" />\n </PopoverContent>\n </Popover>\n );\n}\n"],"names":["CalendarIcon"],"mappings":";;;;;;;;AAiBO,SAAS,WAAW,EAAE,IAAA,EAAM,SAAS,SAAW,EAAA,WAAA,GAAc,eAAkC,EAAA;AACrG,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,SAAO,IACrB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,SAAA;AAAA,MACR,SAAW,EAAA,EAAA;AAAA,QACT,sDAAA;AAAA,QACA,CAAC,IAAQ,IAAA,uBAAA;AAAA,QACT;AAAA;AACF,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA,CAACA,aAAa,EAAA,EAAA,SAAA,EAAU,gBAAiB,EAAA,CAAA;AAAA,IACxC,IAAO,GAAA,MAAA,CAAO,IAAM,EAAA,KAAK,CAAI,GAAA;AAAA,GAElC,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAe,EAAA,EAAA,SAAA,EAAU,yCACvB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,IAAK,EAAA,QAAA,EAAS,UAAU,IAAM,EAAA,QAAA,EAAU,SAAS,SAAU,EAAA,6BAAA,EAA8B,CACrG,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { c as cn } from './utils.DmKr1Ojo.js';
|
|
3
|
+
import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../components/ui/select.js';
|
|
4
|
+
|
|
5
|
+
function SimpleSelect({
|
|
6
|
+
options,
|
|
7
|
+
value,
|
|
8
|
+
onChange,
|
|
9
|
+
placeholder = "Select...",
|
|
10
|
+
disabled = false,
|
|
11
|
+
className,
|
|
12
|
+
appendToBody = false
|
|
13
|
+
}) {
|
|
14
|
+
const handleValueChange = (newValue) => {
|
|
15
|
+
if (onChange) {
|
|
16
|
+
onChange(newValue);
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
return /* @__PURE__ */ React.createElement(Select, { value, onValueChange: handleValueChange, disabled }, /* @__PURE__ */ React.createElement(SelectTrigger, { className: cn("w-full", className) }, /* @__PURE__ */ React.createElement(SelectValue, { placeholder })), /* @__PURE__ */ React.createElement(SelectContent, { appendToBody }, options.map((option) => /* @__PURE__ */ React.createElement(SelectItem, { key: option.value, value: option.value }, option.label))));
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export { SimpleSelect as S };
|
|
23
|
+
//# sourceMappingURL=simpleSelect.Bzw8xrbM.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"simpleSelect.Bzw8xrbM.js","sources":["../../../src/components/select/simpleSelect.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport {\n Select as SelectComponent,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from '@/components/ui/select';\n\nexport type SelectOption = {\n label: string;\n value: string;\n};\n\nexport interface SimpleSelectProps {\n options: SelectOption[];\n value?: string;\n onChange?: (value: string) => void;\n placeholder?: string;\n disabled?: boolean;\n className?: string;\n appendToBody?: boolean;\n}\n\nexport function SimpleSelect({\n options,\n value,\n onChange,\n placeholder = 'Select...',\n disabled = false,\n className,\n appendToBody = false,\n}: SimpleSelectProps) {\n const handleValueChange = (newValue: string) => {\n if (onChange) {\n onChange(newValue);\n }\n };\n\n return (\n <SelectComponent value={value} onValueChange={handleValueChange} disabled={disabled}>\n <SelectTrigger className={cn('w-full', className)}>\n <SelectValue placeholder={placeholder} />\n </SelectTrigger>\n <SelectContent appendToBody={appendToBody}>\n {options.map((option) => (\n <SelectItem key={option.value} value={option.value}>\n {option.label}\n </SelectItem>\n ))}\n </SelectContent>\n </SelectComponent>\n );\n}\n"],"names":["SelectComponent"],"mappings":";;;;AA0BO,SAAS,YAAa,CAAA;AAAA,EAC3B,OAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAc,GAAA,WAAA;AAAA,EACd,QAAW,GAAA,KAAA;AAAA,EACX,SAAA;AAAA,EACA,YAAe,GAAA;AACjB,CAAsB,EAAA;AACpB,EAAM,MAAA,iBAAA,GAAoB,CAAC,QAAqB,KAAA;AAC9C,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,QAAA,CAAS,QAAQ,CAAA;AAAA;AACnB,GACF;AAEA,EAAA,2CACGA,MAAgB,EAAA,EAAA,KAAA,EAAc,aAAe,EAAA,iBAAA,EAAmB,4BAC9D,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,SAAW,EAAA,EAAA,CAAG,UAAU,SAAS,CAAA,EAAA,kBAC7C,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,aAA0B,CACzC,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,gBACZ,OAAQ,CAAA,GAAA,CAAI,CAAC,MAAA,yCACX,UAAW,EAAA,EAAA,GAAA,EAAK,MAAO,CAAA,KAAA,EAAO,OAAO,MAAO,CAAA,KAAA,EAAA,EAC1C,OAAO,KACV,CACD,CACH,CACF,CAAA;AAEJ;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { C as ChatSearch, a as ChatSearchProvider, u as useChatSearch, b as useIsChatSearchDirty } from '../chunks/ChatSearch.
|
|
1
|
+
export { C as ChatSearch, a as ChatSearchProvider, u as useChatSearch, b as useIsChatSearchDirty } from '../chunks/ChatSearch.C-yI2ooj.js';
|
|
2
2
|
//# sourceMappingURL=chat-search.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { D as DatePicker } from '../chunks/date-picker.
|
|
1
|
+
export { D as DatePicker } from '../chunks/date-picker.WGre3lsB.js';
|
|
2
2
|
//# sourceMappingURL=date-picker.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { S as SimpleSelect } from '../chunks/simpleSelect.
|
|
1
|
+
export { S as SimpleSelect } from '../chunks/simpleSelect.Bzw8xrbM.js';
|
|
2
2
|
//# sourceMappingURL=select.js.map
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { cva } from 'class-variance-authority';
|
|
3
|
+
import { c as cn } from '../../chunks/utils.DmKr1Ojo.js';
|
|
4
|
+
|
|
5
|
+
const badgeVariants = cva(
|
|
6
|
+
"inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
|
|
7
|
+
{
|
|
8
|
+
variants: {
|
|
9
|
+
variant: {
|
|
10
|
+
default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
|
|
11
|
+
secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
12
|
+
destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
|
|
13
|
+
outline: "text-foreground"
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
defaultVariants: {
|
|
17
|
+
variant: "default"
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
function Badge({ className, variant, ...props }) {
|
|
22
|
+
return /* @__PURE__ */ React.createElement("div", { className: cn(badgeVariants({ variant }), className), ...props });
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
export { Badge, badgeVariants };
|
|
26
|
+
//# sourceMappingURL=badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.js","sources":["../../../../src/components/ui/badge.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst badgeVariants = cva(\n \"inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n {\n variants: {\n variant: {\n default:\n \"border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80\",\n secondary:\n \"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n destructive:\n \"border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80\",\n outline: \"text-foreground\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\nexport interface BadgeProps\n extends React.HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n return (\n <div className={cn(badgeVariants({ variant }), className)} {...props} />\n )\n}\n\nexport { Badge, badgeVariants }\n"],"names":[],"mappings":";;;;AAKA,MAAM,aAAgB,GAAA,GAAA;AAAA,EACpB,sKAAA;AAAA,EACA;AAAA,IACE,QAAU,EAAA;AAAA,MACR,OAAS,EAAA;AAAA,QACP,OACE,EAAA,kFAAA;AAAA,QACF,SACE,EAAA,iFAAA;AAAA,QACF,WACE,EAAA,8FAAA;AAAA,QACF,OAAS,EAAA;AAAA;AACX,KACF;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,OAAS,EAAA;AAAA;AACX;AAEJ;AAMA,SAAS,MAAM,EAAE,SAAA,EAAW,OAAS,EAAA,GAAG,OAAqB,EAAA;AAC3D,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,EAAA,CAAG,aAAc,CAAA,EAAE,OAAQ,EAAC,CAAG,EAAA,SAAS,CAAI,EAAA,GAAG,KAAO,EAAA,CAAA;AAE1E;;;;"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { DayPicker } from 'react-day-picker';
|
|
3
|
+
import { c as cn } from '../../chunks/utils.DmKr1Ojo.js';
|
|
4
|
+
|
|
5
|
+
function Calendar({
|
|
6
|
+
className,
|
|
7
|
+
classNames,
|
|
8
|
+
showOutsideDays = true,
|
|
9
|
+
...props
|
|
10
|
+
}) {
|
|
11
|
+
return /* @__PURE__ */ React.createElement(
|
|
12
|
+
DayPicker,
|
|
13
|
+
{
|
|
14
|
+
showOutsideDays,
|
|
15
|
+
className: cn("p-4", className),
|
|
16
|
+
classNames: {
|
|
17
|
+
...classNames
|
|
18
|
+
},
|
|
19
|
+
...props
|
|
20
|
+
}
|
|
21
|
+
);
|
|
22
|
+
}
|
|
23
|
+
Calendar.displayName = "Calendar";
|
|
24
|
+
|
|
25
|
+
export { Calendar };
|
|
26
|
+
//# sourceMappingURL=calendar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar.js","sources":["../../../../src/components/ui/calendar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { DayPicker } from \"react-day-picker\"\nimport { cn } from \"@/lib/utils\"\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n ...props\n}: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\"p-4\", className)}\n classNames={{\n ...classNames,\n }}\n {...props}\n />\n )\n}\nCalendar.displayName = \"Calendar\"\n\nexport { Calendar }"],"names":[],"mappings":";;;;AAMA,SAAS,QAAS,CAAA;AAAA,EAChB,SAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAkB,GAAA,IAAA;AAAA,EAClB,GAAG;AACL,CAAkB,EAAA;AAChB,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,eAAA;AAAA,MACA,SAAA,EAAW,EAAG,CAAA,KAAA,EAAO,SAAS,CAAA;AAAA,MAC9B,UAAY,EAAA;AAAA,QACV,GAAG;AAAA,OACL;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AACA,QAAA,CAAS,WAAc,GAAA,UAAA;;;;"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React__default, { forwardRef, lazy, Suspense, memo } from 'react';
|
|
2
|
+
|
|
3
|
+
const PhosphorIcon = forwardRef(({ iconName, ...props }, ref) => {
|
|
4
|
+
const IconComponent = lazy(
|
|
5
|
+
() => import('@phosphor-icons/react').then((module) => {
|
|
6
|
+
const icons = module;
|
|
7
|
+
return { default: icons[iconName] };
|
|
8
|
+
})
|
|
9
|
+
);
|
|
10
|
+
return /* @__PURE__ */ React__default.createElement(Suspense, { fallback: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null) }, /* @__PURE__ */ React__default.createElement(IconComponent, { ...props, ref }));
|
|
11
|
+
});
|
|
12
|
+
PhosphorIcon.displayName = "PhosphorIcon";
|
|
13
|
+
const MemoizedIcon = memo(PhosphorIcon);
|
|
14
|
+
|
|
15
|
+
export { PhosphorIcon as Icon, MemoizedIcon };
|
|
16
|
+
//# sourceMappingURL=icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon.js","sources":["../../../../src/components/ui/icon.tsx"],"sourcesContent":["import React, { Suspense, lazy, memo, forwardRef } from 'react';\nimport { type Icon, type IconProps } from '@phosphor-icons/react';\n\ninterface PhosphorIconProps extends IconProps {\n iconName: string;\n}\n\n/**\n * A flexible icon component that supports both Phosphor icons and image-based icons.\n *\n * The component uses dynamic imports to lazy load Phosphor icons, reducing the initial\n * bundle size by only loading icons when they're needed.\n *\n * @component\n * @example\n * // Using a Phosphor icon\n * <Icon iconName=\"House\" size={24} />\n *\n * // Using an image icon\n * <Icon iconPath=\"/path/to/icon.svg\" />\n */\n\nconst PhosphorIcon = forwardRef<SVGSVGElement, PhosphorIconProps>(({ iconName, ...props }, ref) => {\n const IconComponent = lazy(() =>\n import('@phosphor-icons/react').then((module) => {\n const icons = module as unknown as Record<string, Icon>;\n\n return { default: icons[iconName] };\n }),\n );\n\n return (\n <Suspense fallback={<></>}>\n <IconComponent {...props} ref={ref} />\n </Suspense>\n );\n});\n\nPhosphorIcon.displayName = 'PhosphorIcon';\n\nconst Icon = ({ iconPath }: { iconPath: string }) => {\n return <img src={iconPath} alt=\"icon\" />;\n};\n\n// Export a memoized version of the PhosphorIcon component\nexport const MemoizedIcon = memo(PhosphorIcon);\nexport { PhosphorIcon as Icon };\n"],"names":["React"],"mappings":";;AAsBM,MAAA,YAAA,GAAe,WAA6C,CAAC,EAAE,UAAU,GAAG,KAAA,IAAS,GAAQ,KAAA;AACjG,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IAAK,MACzB,OAAO,uBAAuB,CAAE,CAAA,IAAA,CAAK,CAAC,MAAW,KAAA;AAC/C,MAAA,MAAM,KAAQ,GAAA,MAAA;AAEd,MAAA,OAAO,EAAE,OAAA,EAAS,KAAM,CAAA,QAAQ,CAAE,EAAA;AAAA,KACnC;AAAA,GACH;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,QAAA,kBAAYA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CAAA,EAAA,+CACnB,aAAe,EAAA,EAAA,GAAG,KAAO,EAAA,GAAA,EAAU,CACtC,CAAA;AAEJ,CAAC;AAED,YAAA,CAAa,WAAc,GAAA,cAAA;AAOd,MAAA,YAAA,GAAe,KAAK,YAAY;;;;"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
3
|
+
import { c as cn } from '../../chunks/utils.DmKr1Ojo.js';
|
|
4
|
+
|
|
5
|
+
const Progress = React.forwardRef(({ className, value, indicatorClassName, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
6
|
+
ProgressPrimitive.Root,
|
|
7
|
+
{
|
|
8
|
+
ref,
|
|
9
|
+
className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className),
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement(
|
|
13
|
+
ProgressPrimitive.Indicator,
|
|
14
|
+
{
|
|
15
|
+
className: cn("h-full w-full flex-1 bg-primary transition-all", indicatorClassName),
|
|
16
|
+
style: { transform: `translateX(-${100 - (value || 0)}%)` }
|
|
17
|
+
}
|
|
18
|
+
)
|
|
19
|
+
));
|
|
20
|
+
Progress.displayName = ProgressPrimitive.Root.displayName;
|
|
21
|
+
|
|
22
|
+
export { Progress };
|
|
23
|
+
//# sourceMappingURL=progress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress.js","sources":["../../../../src/components/ui/progress.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as ProgressPrimitive from '@radix-ui/react-progress';\n\nimport { cn } from '@/lib/utils';\n\nconst Progress = React.forwardRef<\n React.ElementRef<typeof ProgressPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> & {\n indicatorClassName?: string;\n }\n>(({ className, value, indicatorClassName, ...props }, ref) => (\n <ProgressPrimitive.Root\n ref={ref}\n className={cn('relative h-2 w-full overflow-hidden rounded-full bg-primary/20', className)}\n {...props}\n >\n <ProgressPrimitive.Indicator\n className={cn('h-full w-full flex-1 bg-primary transition-all', indicatorClassName)}\n style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n />\n </ProgressPrimitive.Root>\n));\nProgress.displayName = ProgressPrimitive.Root.displayName;\n\nexport { Progress };\n"],"names":[],"mappings":";;;;AAKM,MAAA,QAAA,GAAW,KAAM,CAAA,UAAA,CAKrB,CAAC,EAAE,SAAW,EAAA,KAAA,EAAO,kBAAoB,EAAA,GAAG,KAAM,EAAA,EAAG,GACrD,qBAAA,KAAA,CAAA,aAAA;AAAA,EAAC,iBAAkB,CAAA,IAAA;AAAA,EAAlB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAG,CAAA,gEAAA,EAAkE,SAAS,CAAA;AAAA,IACxF,GAAG;AAAA,GAAA;AAAA,kBAEJ,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAkB,CAAA,SAAA;AAAA,IAAlB;AAAA,MACC,SAAA,EAAW,EAAG,CAAA,gDAAA,EAAkD,kBAAkB,CAAA;AAAA,MAClF,OAAO,EAAE,SAAA,EAAW,eAAe,GAAO,IAAA,KAAA,IAAS,EAAE,CAAK,EAAA,CAAA;AAAA;AAAA;AAE9D,CACD;AACD,QAAS,CAAA,WAAA,GAAc,kBAAkB,IAAK,CAAA,WAAA;;;;"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { c as cn } from './utils.DmKr1Ojo.js';
|
|
3
2
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
4
3
|
import { CaretDown, Check } from '@phosphor-icons/react';
|
|
4
|
+
import { c as cn } from '../../chunks/utils.DmKr1Ojo.js';
|
|
5
5
|
|
|
6
6
|
const Select = SelectPrimitive.Root;
|
|
7
|
+
const SelectGroup = SelectPrimitive.Group;
|
|
7
8
|
const SelectValue = SelectPrimitive.Value;
|
|
8
9
|
const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
9
10
|
SelectPrimitive.Trigger,
|
|
@@ -76,22 +77,5 @@ const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @_
|
|
|
76
77
|
));
|
|
77
78
|
SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
78
79
|
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
value,
|
|
82
|
-
onChange,
|
|
83
|
-
placeholder = "Select...",
|
|
84
|
-
disabled = false,
|
|
85
|
-
className,
|
|
86
|
-
appendToBody = false
|
|
87
|
-
}) {
|
|
88
|
-
const handleValueChange = (newValue) => {
|
|
89
|
-
if (onChange) {
|
|
90
|
-
onChange(newValue);
|
|
91
|
-
}
|
|
92
|
-
};
|
|
93
|
-
return /* @__PURE__ */ React.createElement(Select, { value, onValueChange: handleValueChange, disabled }, /* @__PURE__ */ React.createElement(SelectTrigger, { className: cn("w-full", className) }, /* @__PURE__ */ React.createElement(SelectValue, { placeholder })), /* @__PURE__ */ React.createElement(SelectContent, { appendToBody }, options.map((option) => /* @__PURE__ */ React.createElement(SelectItem, { key: option.value, value: option.value }, option.label))));
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
export { SimpleSelect as S };
|
|
97
|
-
//# sourceMappingURL=simpleSelect.BiVUOs29.js.map
|
|
80
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };
|
|
81
|
+
//# sourceMappingURL=select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.js","sources":["../../../../src/components/ui/select.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { Check, CaretDown } from \"@phosphor-icons/react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Select = SelectPrimitive.Root\n\nconst SelectGroup = SelectPrimitive.Group\n\nconst SelectValue = SelectPrimitive.Value\n\nconst SelectTrigger = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Trigger\n ref={ref}\n className={cn(\n \"flex h-9 w-full items-center justify-between rounded border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <CaretDown className=\"h-4 w-4 opacity-50\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n))\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectContent = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> & { appendToBody?: boolean }\n>(({ className, children, position = \"popper\", appendToBody, ...props }, ref) => (\n <SelectPrimitive.Portal container={appendToBody ? document.body : undefined}>\n <SelectPrimitive.Content\n ref={ref}\n className={cn(\n \"relative z-[9999] min-w-[8rem] overflow-hidden rounded border bg-popover text-popover-foreground shadow-md 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\",\n position === \"popper\" &&\n \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n className\n )}\n position={position}\n {...props}\n >\n <SelectPrimitive.Viewport\n className={cn(\n \"p-1\",\n position === \"popper\" &&\n \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\"\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n))\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectLabel = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Label\n ref={ref}\n className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)}\n {...props}\n />\n))\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\nconst SelectItem = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex w-full cursor-default select-none items-center rounded py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n className\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <Check className=\"h-4 w-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n))\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nconst SelectSeparator = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Separator\n ref={ref}\n className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n {...props}\n />\n))\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\n\nexport {\n Select,\n SelectGroup,\n SelectValue,\n SelectTrigger,\n SelectContent,\n SelectLabel,\n SelectItem,\n SelectSeparator,\n}"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { c as cn } from '../../chunks/utils.DmKr1Ojo.js';
|
|
3
|
+
|
|
4
|
+
const Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("div", { className: "relative w-full overflow-auto" }, /* @__PURE__ */ React.createElement(
|
|
5
|
+
"table",
|
|
6
|
+
{
|
|
7
|
+
ref,
|
|
8
|
+
className: cn("w-full caption-bottom text-sm", className),
|
|
9
|
+
...props
|
|
10
|
+
}
|
|
11
|
+
)));
|
|
12
|
+
Table.displayName = "Table";
|
|
13
|
+
const TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
|
|
14
|
+
TableHeader.displayName = "TableHeader";
|
|
15
|
+
const TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
16
|
+
"tbody",
|
|
17
|
+
{
|
|
18
|
+
ref,
|
|
19
|
+
className: cn("[&_tr:last-child]:border-0", className),
|
|
20
|
+
...props
|
|
21
|
+
}
|
|
22
|
+
));
|
|
23
|
+
TableBody.displayName = "TableBody";
|
|
24
|
+
const TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
25
|
+
"tfoot",
|
|
26
|
+
{
|
|
27
|
+
ref,
|
|
28
|
+
className: cn(
|
|
29
|
+
"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
|
|
30
|
+
className
|
|
31
|
+
),
|
|
32
|
+
...props
|
|
33
|
+
}
|
|
34
|
+
));
|
|
35
|
+
TableFooter.displayName = "TableFooter";
|
|
36
|
+
const TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
37
|
+
"tr",
|
|
38
|
+
{
|
|
39
|
+
ref,
|
|
40
|
+
className: cn(
|
|
41
|
+
"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
|
|
42
|
+
className
|
|
43
|
+
),
|
|
44
|
+
...props
|
|
45
|
+
}
|
|
46
|
+
));
|
|
47
|
+
TableRow.displayName = "TableRow";
|
|
48
|
+
const TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
49
|
+
"th",
|
|
50
|
+
{
|
|
51
|
+
ref,
|
|
52
|
+
className: cn(
|
|
53
|
+
"h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
54
|
+
className
|
|
55
|
+
),
|
|
56
|
+
...props
|
|
57
|
+
}
|
|
58
|
+
));
|
|
59
|
+
TableHead.displayName = "TableHead";
|
|
60
|
+
const TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
61
|
+
"td",
|
|
62
|
+
{
|
|
63
|
+
ref,
|
|
64
|
+
className: cn(
|
|
65
|
+
"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
66
|
+
className
|
|
67
|
+
),
|
|
68
|
+
...props
|
|
69
|
+
}
|
|
70
|
+
));
|
|
71
|
+
TableCell.displayName = "TableCell";
|
|
72
|
+
const TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
73
|
+
"caption",
|
|
74
|
+
{
|
|
75
|
+
ref,
|
|
76
|
+
className: cn("mt-4 text-sm text-muted-foreground", className),
|
|
77
|
+
...props
|
|
78
|
+
}
|
|
79
|
+
));
|
|
80
|
+
TableCaption.displayName = "TableCaption";
|
|
81
|
+
|
|
82
|
+
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
|
|
83
|
+
//# sourceMappingURL=table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.js","sources":["../../../../src/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Table = React.forwardRef<\n HTMLTableElement,\n React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n <div className=\"relative w-full overflow-auto\">\n <table\n ref={ref}\n className={cn(\"w-full caption-bottom text-sm\", className)}\n {...props}\n />\n </div>\n))\nTable.displayName = \"Table\"\n\nconst TableHeader = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\n))\nTableHeader.displayName = \"TableHeader\"\n\nconst TableBody = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <tbody\n ref={ref}\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n))\nTableBody.displayName = \"TableBody\"\n\nconst TableFooter = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <tfoot\n ref={ref}\n className={cn(\n \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n className\n )}\n {...props}\n />\n))\nTableFooter.displayName = \"TableFooter\"\n\nconst TableRow = React.forwardRef<\n HTMLTableRowElement,\n React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n <tr\n ref={ref}\n className={cn(\n \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n className\n )}\n {...props}\n />\n))\nTableRow.displayName = \"TableRow\"\n\nconst TableHead = React.forwardRef<\n HTMLTableCellElement,\n React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n <th\n ref={ref}\n className={cn(\n \"h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n className\n )}\n {...props}\n />\n))\nTableHead.displayName = \"TableHead\"\n\nconst TableCell = React.forwardRef<\n HTMLTableCellElement,\n React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n <td\n ref={ref}\n className={cn(\n \"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n className\n )}\n {...props}\n />\n))\nTableCell.displayName = \"TableCell\"\n\nconst TableCaption = React.forwardRef<\n HTMLTableCaptionElement,\n React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n <caption\n ref={ref}\n className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n {...props}\n />\n))\nTableCaption.displayName = \"TableCaption\"\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n}\n"],"names":[],"mappings":"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"}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './index.css';export { C as ChatSearch, a as ChatSearchProvider, u as useChatSearch, b as useIsChatSearchDirty } from './chunks/ChatSearch.
|
|
1
|
+
import './index.css';export { C as ChatSearch, a as ChatSearchProvider, u as useChatSearch, b as useIsChatSearchDirty } from './chunks/ChatSearch.C-yI2ooj.js';
|
|
2
2
|
export { C as CodeBlock, F as FormattedMessage, M as MemoizedReactMarkdown, a as MermaidDiagram, Z as ZoomableImage, c as addPopupWidgetUtm, b as addUtmParameters } from './chunks/FormattedMessage.gZ5DiZSo.js';
|
|
3
3
|
import { Button } from './components/ui/button.js';
|
|
4
4
|
export { buttonVariants } from './components/ui/button.js';
|
|
@@ -15,17 +15,17 @@ export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, Comma
|
|
|
15
15
|
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/ui/dialog.js';
|
|
16
16
|
import { Card, CardContent } from './components/ui/card.js';
|
|
17
17
|
export { CardAction, CardDescription, CardFooter, CardHeader, CardTitle } from './components/ui/card.js';
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
export { S as SimpleSelect } from './chunks/simpleSelect.BiVUOs29.js';
|
|
24
|
-
export { D as DatePicker } from './chunks/date-picker.Ca8jXimG.js';
|
|
18
|
+
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './components/ui/table.js';
|
|
19
|
+
export { Badge, badgeVariants } from './components/ui/badge.js';
|
|
20
|
+
export { Progress } from './components/ui/progress.js';
|
|
21
|
+
export { S as SimpleSelect } from './chunks/simpleSelect.Bzw8xrbM.js';
|
|
22
|
+
export { D as DatePicker } from './chunks/date-picker.WGre3lsB.js';
|
|
25
23
|
export { C as Combobox } from './chunks/combobox.D30-HM1I.js';
|
|
26
24
|
export { F as Filter, a as Filters, O as Operator } from './chunks/filters.Dx9TXuJ4.js';
|
|
25
|
+
import React__default, { useState, useEffect, useCallback } from 'react';
|
|
27
26
|
import { useDropzone } from 'react-dropzone';
|
|
28
27
|
import { CloudArrowUp, CaretDown, CaretUp, FileVideo, Circle, CheckCircle } from '@phosphor-icons/react';
|
|
28
|
+
import { c as cn } from './chunks/utils.DmKr1Ojo.js';
|
|
29
29
|
import { createPortal } from 'react-dom';
|
|
30
30
|
|
|
31
31
|
function customColor(cssVariable, fallbackColor) {
|
|
@@ -183,121 +183,6 @@ const BrainfishColors = {
|
|
|
183
183
|
red
|
|
184
184
|
};
|
|
185
185
|
|
|
186
|
-
const Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("div", { className: "relative w-full overflow-auto" }, /* @__PURE__ */ React.createElement(
|
|
187
|
-
"table",
|
|
188
|
-
{
|
|
189
|
-
ref,
|
|
190
|
-
className: cn("w-full caption-bottom text-sm", className),
|
|
191
|
-
...props
|
|
192
|
-
}
|
|
193
|
-
)));
|
|
194
|
-
Table.displayName = "Table";
|
|
195
|
-
const TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
|
|
196
|
-
TableHeader.displayName = "TableHeader";
|
|
197
|
-
const TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
198
|
-
"tbody",
|
|
199
|
-
{
|
|
200
|
-
ref,
|
|
201
|
-
className: cn("[&_tr:last-child]:border-0", className),
|
|
202
|
-
...props
|
|
203
|
-
}
|
|
204
|
-
));
|
|
205
|
-
TableBody.displayName = "TableBody";
|
|
206
|
-
const TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
207
|
-
"tfoot",
|
|
208
|
-
{
|
|
209
|
-
ref,
|
|
210
|
-
className: cn(
|
|
211
|
-
"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
|
|
212
|
-
className
|
|
213
|
-
),
|
|
214
|
-
...props
|
|
215
|
-
}
|
|
216
|
-
));
|
|
217
|
-
TableFooter.displayName = "TableFooter";
|
|
218
|
-
const TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
219
|
-
"tr",
|
|
220
|
-
{
|
|
221
|
-
ref,
|
|
222
|
-
className: cn(
|
|
223
|
-
"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
|
|
224
|
-
className
|
|
225
|
-
),
|
|
226
|
-
...props
|
|
227
|
-
}
|
|
228
|
-
));
|
|
229
|
-
TableRow.displayName = "TableRow";
|
|
230
|
-
const TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
231
|
-
"th",
|
|
232
|
-
{
|
|
233
|
-
ref,
|
|
234
|
-
className: cn(
|
|
235
|
-
"h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
236
|
-
className
|
|
237
|
-
),
|
|
238
|
-
...props
|
|
239
|
-
}
|
|
240
|
-
));
|
|
241
|
-
TableHead.displayName = "TableHead";
|
|
242
|
-
const TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
243
|
-
"td",
|
|
244
|
-
{
|
|
245
|
-
ref,
|
|
246
|
-
className: cn(
|
|
247
|
-
"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
248
|
-
className
|
|
249
|
-
),
|
|
250
|
-
...props
|
|
251
|
-
}
|
|
252
|
-
));
|
|
253
|
-
TableCell.displayName = "TableCell";
|
|
254
|
-
const TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
255
|
-
"caption",
|
|
256
|
-
{
|
|
257
|
-
ref,
|
|
258
|
-
className: cn("mt-4 text-sm text-muted-foreground", className),
|
|
259
|
-
...props
|
|
260
|
-
}
|
|
261
|
-
));
|
|
262
|
-
TableCaption.displayName = "TableCaption";
|
|
263
|
-
|
|
264
|
-
const badgeVariants = cva(
|
|
265
|
-
"inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
|
|
266
|
-
{
|
|
267
|
-
variants: {
|
|
268
|
-
variant: {
|
|
269
|
-
default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
|
|
270
|
-
secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
271
|
-
destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
|
|
272
|
-
outline: "text-foreground"
|
|
273
|
-
}
|
|
274
|
-
},
|
|
275
|
-
defaultVariants: {
|
|
276
|
-
variant: "default"
|
|
277
|
-
}
|
|
278
|
-
}
|
|
279
|
-
);
|
|
280
|
-
function Badge({ className, variant, ...props }) {
|
|
281
|
-
return /* @__PURE__ */ React.createElement("div", { className: cn(badgeVariants({ variant }), className), ...props });
|
|
282
|
-
}
|
|
283
|
-
|
|
284
|
-
const Progress = React.forwardRef(({ className, value, indicatorClassName, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
285
|
-
ProgressPrimitive.Root,
|
|
286
|
-
{
|
|
287
|
-
ref,
|
|
288
|
-
className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className),
|
|
289
|
-
...props
|
|
290
|
-
},
|
|
291
|
-
/* @__PURE__ */ React.createElement(
|
|
292
|
-
ProgressPrimitive.Indicator,
|
|
293
|
-
{
|
|
294
|
-
className: cn("h-full w-full flex-1 bg-primary transition-all", indicatorClassName),
|
|
295
|
-
style: { transform: `translateX(-${100 - (value || 0)}%)` }
|
|
296
|
-
}
|
|
297
|
-
)
|
|
298
|
-
));
|
|
299
|
-
Progress.displayName = ProgressPrimitive.Root.displayName;
|
|
300
|
-
|
|
301
186
|
const formatFileSize = (bytes) => {
|
|
302
187
|
if (bytes === 0) return "0 Bytes";
|
|
303
188
|
const k = 1024;
|
|
@@ -428,5 +313,5 @@ const FileUploadStatus = ({
|
|
|
428
313
|
return createPortal(statusCard, document.body);
|
|
429
314
|
};
|
|
430
315
|
|
|
431
|
-
export {
|
|
316
|
+
export { BrainfishColors, Button, Card, CardContent, Collapsible, CollapsibleContent, CollapsibleTrigger, FileUpload, FileUploadStatus, customColor, formatFileSize };
|
|
432
317
|
//# sourceMappingURL=index.js.map
|