@inspirecn/react 1.0.0 → 1.0.1

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.
Files changed (73) hide show
  1. package/dist/components/accordion/Accordion.js +1 -1
  2. package/dist/components/alert/Alert.js +1 -1
  3. package/dist/components/alert-dialog/AlertDialog.js +1 -1
  4. package/dist/components/avatar/Avatar.js +2 -2
  5. package/dist/components/badge/Badge.js +1 -1
  6. package/dist/components/breadcrumb/Breadcrumb.js +2 -2
  7. package/dist/components/button/Button.js +1 -1
  8. package/dist/components/button-group/ButtonGroup.js +1 -1
  9. package/dist/components/calendar/Calendar.js +1 -1
  10. package/dist/components/card/Card.js +1 -1
  11. package/dist/components/carousel/Carousel.js +1 -1
  12. package/dist/components/chart/Chart.js +1 -1
  13. package/dist/components/checkbox/Checkbox.js +1 -1
  14. package/dist/components/code-box/Codebox.js +1 -1
  15. package/dist/components/combobox/Combobox.js +2 -2
  16. package/dist/components/command/Command.js +1 -1
  17. package/dist/components/context-menu/ContextMenu.js +1 -1
  18. package/dist/components/count-animation/CountAnimation.js +1 -1
  19. package/dist/components/date-time-picker/DateTimePicker.js +2 -2
  20. package/dist/components/dialog/Dialog.js +1 -1
  21. package/dist/components/display-error/DisplayError.js +1 -1
  22. package/dist/components/drawer/Drawer.js +1 -1
  23. package/dist/components/dropdown-menu/DropdownMenu.js +1 -1
  24. package/dist/components/empty/Empty.js +1 -1
  25. package/dist/components/field/Field.js +3 -3
  26. package/dist/components/form/Form.js +1 -1
  27. package/dist/components/form/fields/ColorPickerField.js +1 -1
  28. package/dist/components/form/fields/FieldDescription.js +1 -1
  29. package/dist/components/form/fields/FileField.js +1 -1
  30. package/dist/components/form/fields/TextField.js +1 -1
  31. package/dist/components/hover-card/HoverCard.js +1 -1
  32. package/dist/components/icon/Icon.js +1 -1
  33. package/dist/components/index.js +417 -416
  34. package/dist/components/input/Input.js +1 -1
  35. package/dist/components/input-group/InputGroup.js +1 -1
  36. package/dist/components/input-otp/input-otp.js +1 -1
  37. package/dist/components/input-phone/InputPhone.js +1 -1
  38. package/dist/components/input-tags/InputTags.js +1 -1
  39. package/dist/components/item/Item.js +1 -1
  40. package/dist/components/kbd/Kbd.js +1 -1
  41. package/dist/components/label/Label.js +1 -1
  42. package/dist/components/menubar/Menubar.js +1 -1
  43. package/dist/components/native-select/NativeSelect.js +1 -1
  44. package/dist/components/navigation-menu/NavigationMenu.js +1 -1
  45. package/dist/components/open-dialog/OpenDialog.js +1 -1
  46. package/dist/components/pagination/Pagination.js +1 -1
  47. package/dist/components/popover/Popover.js +1 -1
  48. package/dist/components/profile-pic-uploader/ProfilePicUploader.js +2 -2
  49. package/dist/components/progress/Progress.js +1 -1
  50. package/dist/components/radio-group/RadioGroup.js +1 -1
  51. package/dist/components/resizable-panel/ResizablePanel.js +1 -1
  52. package/dist/components/scroll-area/ScrollArea.js +1 -1
  53. package/dist/components/section/Section.js +1 -1
  54. package/dist/components/select/Select.js +1 -1
  55. package/dist/components/separator/Separator.js +1 -1
  56. package/dist/components/sheet/Sheet.js +1 -1
  57. package/dist/components/sidebar/Sidebar.js +3 -3
  58. package/dist/components/sidebar/SidebarHeaderLogo.js +1 -1
  59. package/dist/components/skeleton/Skeleton.js +1 -1
  60. package/dist/components/slider/Slider.js +1 -1
  61. package/dist/components/spinner/Spinner.js +1 -1
  62. package/dist/components/subText/SubText.js +1 -1
  63. package/dist/components/switch/Switch.js +1 -1
  64. package/dist/components/table/Table.js +1 -1
  65. package/dist/components/table-empty-state/TableEmptyState.js +1 -1
  66. package/dist/components/tabs/Tabs.js +1 -1
  67. package/dist/components/text-link/LinkText.js +1 -1
  68. package/dist/components/textarea/Textarea.js +1 -1
  69. package/dist/components/toggle/Toggle.js +1 -1
  70. package/dist/components/toggle-group/ToggleGroup.js +1 -1
  71. package/dist/components/tooltip/Tooltip.js +1 -1
  72. package/dist/index.js +449 -450
  73. package/package.json +1 -1
@@ -1,7 +1,7 @@
1
1
  import * as r from "@radix-ui/react-accordion";
2
2
  import { ChevronDownIcon as d } from "lucide-react";
3
3
  import { cva as s } from "class-variance-authority";
4
- import { cn as i } from "@inspirecn/ui/lib/utils";
4
+ import { cn as i } from "../../lib/utils.js";
5
5
  import { jsx as e, jsxs as c } from "react/jsx-runtime";
6
6
  const l = s("flex flex-1 items-start justify-between gap-4 rounded-md text-left font-semibold transition-all outline-none cursor-pointer focus-visible:ring-2 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", {
7
7
  variants: {
@@ -1,6 +1,6 @@
1
1
  import { cva as i } from "class-variance-authority";
2
2
  import { X as c, AlertCircle as g, CheckCircle2 as x, AlertTriangle as u, Info as f } from "lucide-react";
3
- import { cn as s } from "@inspirecn/ui/lib/utils";
3
+ import { cn as s } from "../../lib/utils.js";
4
4
  import { Button as k } from "../button/Button.js";
5
5
  import { Heading as v } from "../heading/Heading.js";
6
6
  import { BodyText as h } from "../body-text/BodyText.js";
@@ -1,5 +1,5 @@
1
1
  import * as l from "@radix-ui/react-alert-dialog";
2
- import { cn as r } from "@inspirecn/ui/lib/utils";
2
+ import { cn as r } from "../../lib/utils.js";
3
3
  import { buttonVariants as n } from "../button/Button.js";
4
4
  import { jsxs as d, jsx as e } from "react/jsx-runtime";
5
5
  function D({
@@ -1,8 +1,8 @@
1
1
  import * as s from "@radix-ui/react-avatar";
2
2
  import { Crown as u } from "lucide-react";
3
3
  import { cva as v } from "class-variance-authority";
4
- import { cn as r } from "@inspirecn/ui/lib/utils";
5
- import { getInitials as b } from "@inspirecn/ui/lib/string";
4
+ import { cn as r } from "../../lib/utils.js";
5
+ import { getInitials as b } from "../../lib/string.js";
6
6
  import { jsxs as i, jsx as t } from "react/jsx-runtime";
7
7
  function g({
8
8
  className: a,
@@ -1,6 +1,6 @@
1
1
  import { Slot as n } from "@radix-ui/react-slot";
2
2
  import { cva as o } from "class-variance-authority";
3
- import { cn as d } from "@inspirecn/ui/lib/utils";
3
+ import { cn as d } from "../../lib/utils.js";
4
4
  import { jsx as s } from "react/jsx-runtime";
5
5
  const m = o("inline-flex items-center justify-center rounded-md px-2 py-0.5 text-xs leading-[14px] font-normal w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden h-[18px]", {
6
6
  variants: {
@@ -2,8 +2,8 @@ import * as T from "react";
2
2
  import { Slot as C } from "@radix-ui/react-slot";
3
3
  import { Home as D, ChevronRight as j, MoreHorizontal as E } from "lucide-react";
4
4
  import { Tooltip as F } from "../tooltip/Tooltip.js";
5
- import { cn as d } from "@inspirecn/ui/lib/utils";
6
- import { truncateTextUtil as M } from "@inspirecn/ui/lib/string";
5
+ import { cn as d } from "../../lib/utils.js";
6
+ import { truncateTextUtil as M } from "../../lib/string.js";
7
7
  import { jsx as e, jsxs as s, Fragment as w } from "react/jsx-runtime";
8
8
  function O({
9
9
  ...r
@@ -1,6 +1,6 @@
1
1
  import { Slot as x } from "@radix-ui/react-slot";
2
2
  import { cva as p } from "class-variance-authority";
3
- import { cn as v } from "@inspirecn/ui/lib/utils";
3
+ import { cn as v } from "../../lib/utils.js";
4
4
  import { Loader2 as m } from "lucide-react";
5
5
  import { jsx as e, jsxs as h, Fragment as r } from "react/jsx-runtime";
6
6
  const b = p("inline-flex items-center gap-2 whitespace-nowrap rounded-md text-heading-xs! font-normal transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50! [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-1 outline-transparent -outline-offset-1 aria-invalid:outline-danger transition-all", {
@@ -1,7 +1,7 @@
1
1
  import { Slot as a } from "@radix-ui/react-slot";
2
2
  import { cva as i } from "class-variance-authority";
3
3
  import { Separator as s } from "@radix-ui/react-separator";
4
- import { cn as e } from "@inspirecn/ui/lib/utils";
4
+ import { cn as e } from "../../lib/utils.js";
5
5
  import { jsx as n } from "react/jsx-runtime";
6
6
  const l = i("flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2", {
7
7
  variants: {
@@ -1,7 +1,7 @@
1
1
  import * as f from "react";
2
2
  import { ChevronLeftIcon as _, ChevronRightIcon as v, ChevronDownIcon as z } from "lucide-react";
3
3
  import { getDefaultClassNames as b, DayPicker as k } from "react-day-picker";
4
- import { cn as e } from "@inspirecn/ui/lib/utils";
4
+ import { cn as e } from "../../lib/utils.js";
5
5
  import { buttonVariants as h, Button as N } from "../button/Button.js";
6
6
  import { jsx as n } from "react/jsx-runtime";
7
7
  function M({
@@ -1,4 +1,4 @@
1
- import { cn as r } from "@inspirecn/ui/lib/utils";
1
+ import { cn as r } from "../../lib/utils.js";
2
2
  import { jsx as e } from "react/jsx-runtime";
3
3
  function s({
4
4
  className: t,
@@ -1,7 +1,7 @@
1
1
  import * as l from "react";
2
2
  import z from "embla-carousel-react";
3
3
  import { ArrowRight as g, ArrowLeft as p } from "lucide-react";
4
- import { cn as d } from "@inspirecn/ui/lib/utils";
4
+ import { cn as d } from "../../lib/utils.js";
5
5
  import { Button as h } from "../button/Button.js";
6
6
  import { jsx as n, jsxs as v } from "react/jsx-runtime";
7
7
  const N = l.createContext(null);
@@ -1,6 +1,6 @@
1
1
  import * as m from "react";
2
2
  import * as w from "recharts";
3
- import { cn as u } from "@inspirecn/ui/lib/utils";
3
+ import { cn as u } from "../../lib/utils.js";
4
4
  import { jsx as s, jsxs as f, Fragment as T } from "react/jsx-runtime";
5
5
  const I = {
6
6
  light: "",
@@ -1,7 +1,7 @@
1
1
  import * as l from "react";
2
2
  import * as a from "@radix-ui/react-checkbox";
3
3
  import { CheckIcon as b } from "lucide-react";
4
- import { cn as h } from "@inspirecn/ui/lib/utils";
4
+ import { cn as h } from "../../lib/utils.js";
5
5
  import { Label as p } from "../label/Label.js";
6
6
  import { jsxs as f, jsx as e } from "react/jsx-runtime";
7
7
  function g({
@@ -1,4 +1,4 @@
1
- import { cn as t } from "@inspirecn/ui/lib/utils";
1
+ import { cn as t } from "../../lib/utils.js";
2
2
  import d from "highlight.js";
3
3
  import { FileIcon as w, TerminalIcon as N, CheckIcon as j, CopyIcon as u } from "lucide-react";
4
4
  import * as n from "react";
@@ -1,5 +1,5 @@
1
- import { useDebounce as _ } from "@inspirecn/ui/hooks/use-debounce";
2
- import { cn as U } from "@inspirecn/ui/lib/utils";
1
+ import { useDebounce as _ } from "../../hooks/use-debounce.js";
2
+ import { cn as U } from "../../lib/utils.js";
3
3
  import { ChevronsUpDown as O, Loader2 as M, Check as Y, PlusCircle as ee } from "lucide-react";
4
4
  import { createContext as re, useState as T, useEffect as le, useMemo as J, useCallback as z, useContext as te } from "react";
5
5
  import se from "swr";
@@ -1,6 +1,6 @@
1
1
  import { Command as n } from "cmdk";
2
2
  import { SearchIcon as i } from "lucide-react";
3
- import { cn as a } from "@inspirecn/ui/lib/utils";
3
+ import { cn as a } from "../../lib/utils.js";
4
4
  import { Dialog as l, DialogHeader as u, DialogTitle as p, DialogDescription as g, DialogContent as f } from "../dialog/Dialog.js";
5
5
  import { jsx as o, jsxs as d } from "react/jsx-runtime";
6
6
  function h({
@@ -1,6 +1,6 @@
1
1
  import * as o from "@radix-ui/react-context-menu";
2
2
  import { CheckIcon as d, CircleIcon as u, ChevronRightIcon as c } from "lucide-react";
3
- import { cn as s } from "@inspirecn/ui/lib/utils";
3
+ import { cn as s } from "../../lib/utils.js";
4
4
  import { jsx as e, jsxs as i } from "react/jsx-runtime";
5
5
  function x({
6
6
  ...t
@@ -1,4 +1,4 @@
1
- import { cn as a } from "@inspirecn/ui/lib/utils";
1
+ import { cn as a } from "../../lib/utils.js";
2
2
  import { useMotionValue as i, useTransform as m, animate as s, motion as e } from "motion/react";
3
3
  import { useEffect as u } from "react";
4
4
  import { jsx as c } from "react/jsx-runtime";
@@ -5,8 +5,8 @@ import { Button as R } from "../button/Button.js";
5
5
  import { Calendar as I } from "../calendar/Calendar.js";
6
6
  import { Input as V } from "../input/Input.js";
7
7
  import { Popover as $, PopoverTrigger as z, PopoverContent as A } from "../popover/Popover.js";
8
- import { cn as y } from "@inspirecn/ui/lib/utils";
9
- import { getDefaultTime as U, formatDate as P, formatRange as q, formatTimeForInput as O, generateTimeOptions as G, isValidDate as J } from "@inspirecn/ui/lib/datetime";
8
+ import { cn as y } from "../../lib/utils.js";
9
+ import { getDefaultTime as U, formatDate as P, formatRange as q, formatTimeForInput as O, generateTimeOptions as G, isValidDate as J } from "../../lib/datetime.js";
10
10
  import { jsxs as N, jsx as r } from "react/jsx-runtime";
11
11
  const K = (e) => {
12
12
  const {
@@ -1,6 +1,6 @@
1
1
  import * as o from "@radix-ui/react-dialog";
2
2
  import { XIcon as c } from "lucide-react";
3
- import { cn as n } from "@inspirecn/ui/lib/utils";
3
+ import { cn as n } from "../../lib/utils.js";
4
4
  import { Button as s } from "../button/Button.js";
5
5
  import { jsx as e, jsxs as i } from "react/jsx-runtime";
6
6
  function h({
@@ -1,5 +1,5 @@
1
1
  import { RefreshCw as s } from "lucide-react";
2
- import { cn as l } from "@inspirecn/ui/lib/utils";
2
+ import { cn as l } from "../../lib/utils.js";
3
3
  import { Alert as m } from "../alert/Alert.js";
4
4
  import { Button as c } from "../button/Button.js";
5
5
  import { jsx as r, jsxs as f } from "react/jsx-runtime";
@@ -1,5 +1,5 @@
1
1
  import { Drawer as e } from "vaul";
2
- import { cn as d } from "@inspirecn/ui/lib/utils";
2
+ import { cn as d } from "../../lib/utils.js";
3
3
  import { jsx as a, jsxs as o } from "react/jsx-runtime";
4
4
  function s({
5
5
  ...t
@@ -1,6 +1,6 @@
1
1
  import * as r from "@radix-ui/react-dropdown-menu";
2
2
  import { ChevronDown as m, CheckIcon as f, X as x, CircleIcon as g, ChevronRightIcon as h } from "lucide-react";
3
- import { cn as a } from "@inspirecn/ui/lib/utils";
3
+ import { cn as a } from "../../lib/utils.js";
4
4
  import { jsxs as i, jsx as e, Fragment as b } from "react/jsx-runtime";
5
5
  function D({
6
6
  ...t
@@ -1,5 +1,5 @@
1
1
  import { cva as i } from "class-variance-authority";
2
- import { cn as n } from "@inspirecn/ui/lib/utils";
2
+ import { cn as n } from "../../lib/utils.js";
3
3
  import { jsx as a } from "react/jsx-runtime";
4
4
  function d({
5
5
  className: e,
@@ -1,8 +1,8 @@
1
1
  import { cva as u } from "class-variance-authority";
2
2
  import { useMemo as c } from "react";
3
- import { Label as m } from "@inspirecn/ui/components/label/Label";
4
- import { Separator as p } from "@inspirecn/ui/components/separator/Separator";
5
- import { cn as d } from "@inspirecn/ui/lib/utils";
3
+ import { Label as m } from "../label/Label.js";
4
+ import { Separator as p } from "../separator/Separator.js";
5
+ import { cn as d } from "../../lib/utils.js";
6
6
  import { jsx as a, jsxs as g } from "react/jsx-runtime";
7
7
  function F({
8
8
  className: e,
@@ -1,7 +1,7 @@
1
1
  import * as s from "react";
2
2
  import { Slot as f } from "@radix-ui/react-slot";
3
3
  import { FormProvider as u, Controller as F, useFormContext as x, useFormState as I } from "react-hook-form";
4
- import { cn as a } from "@inspirecn/ui/lib/utils";
4
+ import { cn as a } from "../../lib/utils.js";
5
5
  import { Label as g } from "../label/Label.js";
6
6
  import { jsx as m } from "react/jsx-runtime";
7
7
  const S = u, c = s.createContext({}), $ = ({
@@ -1,7 +1,7 @@
1
1
  import { useState as C } from "react";
2
2
  import { useFormContext as x } from "react-hook-form";
3
3
  import { FormField as N, FormItem as y, FormControl as F, FormMessage as P } from "../Form.js";
4
- import { cn as t } from "@inspirecn/ui/lib/utils";
4
+ import { cn as t } from "../../../lib/utils.js";
5
5
  import { Label as d } from "../../label/Label.js";
6
6
  import { Button as O } from "../../button/Button.js";
7
7
  import { Popover as k, PopoverTrigger as w, PopoverContent as E } from "../../popover/Popover.js";
@@ -1,4 +1,4 @@
1
- import { cn as n } from "@inspirecn/ui/lib/utils";
1
+ import { cn as n } from "../../../lib/utils.js";
2
2
  import { AlertCircle as m } from "lucide-react";
3
3
  import { jsxs as i, jsx as e } from "react/jsx-runtime";
4
4
  const f = ({
@@ -1,6 +1,6 @@
1
1
  import { useFormContext as N } from "react-hook-form";
2
2
  import { FormField as j, FormItem as w, FormControl as b } from "../Form.js";
3
- import { cn as t } from "@inspirecn/ui/lib/utils";
3
+ import { cn as t } from "../../../lib/utils.js";
4
4
  import { Label as E } from "../../label/Label.js";
5
5
  import { Input as D } from "../../input/Input.js";
6
6
  import { FieldDescription as f } from "./FieldDescription.js";
@@ -1,4 +1,4 @@
1
- import { cn as p } from "@inspirecn/ui/lib/utils";
1
+ import { cn as p } from "../../../lib/utils.js";
2
2
  import { X as D } from "lucide-react";
3
3
  import { useFormContext as L } from "react-hook-form";
4
4
  import { Button as f } from "../../button/Button.js";
@@ -1,5 +1,5 @@
1
1
  import * as o from "@radix-ui/react-hover-card";
2
- import { cn as i } from "@inspirecn/ui/lib/utils";
2
+ import { cn as i } from "../../lib/utils.js";
3
3
  import { jsx as r } from "react/jsx-runtime";
4
4
  function m({
5
5
  ...t
@@ -1,6 +1,6 @@
1
1
  import * as c from "react";
2
2
  import { cva as t } from "class-variance-authority";
3
- import { cn as n } from "@inspirecn/ui/lib/utils";
3
+ import { cn as n } from "../../lib/utils.js";
4
4
  import { jsx as l } from "react/jsx-runtime";
5
5
  const p = t("flex items-center justify-center", {
6
6
  variants: {