@catalystsoftware/ui 1.0.4 → 1.0.5

package/dist/data/date-and-time-data.tsx

@@ -0,0 +1,554 @@
+// 
+// 
+// 
+// @dev app/components/catalyst-ui/date-and-time/calendar-rac.tsx:6
+// @dev app/components/catalyst-ui/date-and-time/DatePicker.tsx:6
+// @dev app/components/catalyst-ui/date-and-time/event-calendar.tsx:6
+export const componentsTimeData = [
+    {
+        name: "Date Picker Input",
+        value: "date-picker-input",
+        importPath: "~/components/catalyst-ui",
+        multiImport: "DatePickerInput",
+        path: "/components/catalyst-ui/date-and-time/date-picker-input.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/date-and-time/date-picker-input.tsx",
+        basicusage: `
+<DatePickerInput />`,
+        usage: `
+<DatePickerInput />`,
+        premium: true,
+        category: "Date and Time",
+        tags: ["ui", "components", "date", "picker", "input", "react-aria", "accessible"],
+        features: ["Accessible", "Keyboard Navigation", "Single Date Selection", "React Aria", "Calendar Popover"],
+        dependencies: ["react", "react-aria-components", "lucide-react", "~/components/catalyst-ui"],
+        props: {
+            "DatePickerInput": [
+                { name: "className", type: "string", default: "null" }
+            ]
+        },
+        desc: "An accessible single date picker with input field built using React Aria components.",
+        status: "Listed",
+        lastUpdated: "2024-12-15T11:30:00Z"
+    },
+    {
+        name: "Date Range Picker Input",
+        value: "date-range-picker-input",
+        importPath: "~/components/catalyst-ui",
+        multiImport: "DateRangePickerInput",
+        path: "/components/catalyst-ui/date-and-time/date-range-picker-input.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/date-and-time/date-range-picker-input.tsx",
+        basicusage: `
+<DateRangePickerInput />`,
+        usage: `
+<DateRangePickerInput />`,
+        premium: true,
+        category: "Date and Time",
+        tags: ["ui", "components", "date", "range", "picker", "input", "react-aria", "accessible"],
+        features: ["Accessible", "Keyboard Navigation", "Date Input Fields", "React Aria", "Range Calendar"],
+        dependencies: ["react", "react-aria-components", "lucide-react", "~/components/catalyst-ui"],
+        props: {
+            "DateRangePickerInput": [
+                { name: "className", type: "string", default: "null" }
+            ]
+        },
+        desc: "An accessible date range picker with input fields built using React Aria components.",
+        status: "Listed",
+        lastUpdated: "2024-12-15T11:15:00Z"
+    },
+    {
+        name: "Date Range Picker",
+        value: "date-range-picker",
+        importPath: "~/components/catalyst-ui",
+        multiImport: "DateRangePicker",
+        path: "/components/catalyst-ui/date-and-time/date-range-picker.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/date-and-time/date-range-picker.tsx",
+        basicusage: `
+<DateRangePicker />`,
+        usage: `
+<DateRangePicker />`,
+        premium: true,
+        category: "Date and Time",
+        tags: ["ui", "components", "date", "range", "picker", "calendar", "form"],
+        features: ["Date Range Selection", "Calendar Integration", "Accessible", "Custom Formatting", "React DayPicker"],
+        dependencies: ["react", "date-fns", "react-day-picker", "lucide-react", "~/components/catalyst-ui"],
+        props: {
+            "DateRangePicker": [
+                { name: "className", type: "string", default: "null" }
+            ]
+        },
+        desc: "A date range picker component with calendar integration and accessible design.",
+        status: "Listed",
+        lastUpdated: "2024-12-15T11:00:00Z"
+    },
+    {
+        name: "calendar-for-sidebar",
+        value: "calendar-for-sidebar",
+        importPath: "~/components/catalyst-ui/date-and-time/calendar-for-sidebar",
+        multiImport: null,
+        basicusage: null,
+        path: "/components/catalyst-ui/date-and-time/calendar-for-sidebar.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/date-and-time/calendar-for-sidebar.tsx",
+        usage: null,
+        premium: true,
+        category: "Date and Time",
+        tags: ["date-and-time", "calendar", "schedule", "events", "dates", "planner"],
+        features: ["Responsive", "TypeScript", "Accessible", "Multi-locale", "Month Navigation", "Year Selection", "Event Display", "Custom Start Day"],
+        dependencies: ["react", "date-fns", "jotai", "lucide-react"],
+        props: {},
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Drawer Date Picker",
+        value: "drawerDatePicker",
+        importPath: "~/components/catalyst-ui/date-and-time/drawerDatePicker",
+        multiImport: null,
+        basicusage: null,
+        path: "/components/catalyst-ui/date-and-time/drawerDatePicker.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/date-and-time/drawerDatePicker.tsx",
+        usage: null,
+        premium: true,
+        category: "Date and Time",
+        tags: ["date-and-time", "calendar", "schedule", "events", "dates", "planner"],
+        features: ["Responsive", "TypeScript", "Accessible", "Multi-locale", "Month Navigation", "Year Selection", "Event Display", "Custom Start Day"],
+        dependencies: ["react", "date-fns", "jotai", "lucide-react"],
+        props: {},
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Calendar2",
+        value: "calendar2",
+        importPath: "~/components/catalyst-ui/date-and-time/calendar-2",
+        multiImport: "CalendarProvider, CalendarDate, CalendarDatePicker, CalendarMonthPicker, CalendarYearPicker, CalendarDatePagination, CalendarHeader, CalendarBody, CalendarItem, useCalendarMonth, useCalendarYear, monthsForLocale, daysForLocale",
+        basicusage: null,
+        path: "/components/catalyst-ui/date-and-time/calendar-2.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/date-and-time/calendar-2.tsx",
+        usage: null,
+        premium: true,
+        category: "Date and Time",
+        tags: ["date-and-time", "calendar", "schedule", "events", "dates", "planner"],
+        features: ["Responsive", "TypeScript", "Accessible", "Multi-locale", "Month Navigation", "Year Selection", "Event Display", "Custom Start Day"],
+        dependencies: ["react", "date-fns", "jotai", "lucide-react"],
+        props: {
+            "CalendarProvider": [
+                { name: "locale", type: "Intl.LocalesArgument", default: "en-US" },
+                { name: "startDay", type: "number", default: "0" },
+                { name: "className", type: "string", default: "null" },
+                { name: "children", type: "ReactNode", default: "null" },
+            ],
+            "CalendarDate": [
+                { name: "children", type: "ReactNode", default: "null" },
+            ],
+            "CalendarDatePicker": [
+                { name: "className", type: "string", default: "null" },
+                { name: "children", type: "ReactNode", default: "null" },
+            ],
+            "CalendarMonthPicker": [
+                { name: "className", type: "string", default: "null" },
+            ],
+            "CalendarYearPicker": [
+                { name: "className", type: "string", default: "null" },
+                { name: "start", type: "number", default: "null" },
+                { name: "end", type: "number", default: "null" },
+            ],
+            "CalendarDatePagination": [
+                { name: "className", type: "string", default: "null" },
+            ],
+            "CalendarHeader": [
+                { name: "className", type: "string", default: "null" },
+            ],
+            "CalendarBody": [
+                { name: "features", type: "Feature[]", default: "null" },
+                { name: "children", type: "(props: { feature: Feature }) => ReactNode", default: "null" },
+            ],
+            "CalendarItem": [
+                { name: "feature", type: "Feature", default: "null" },
+                { name: "className", type: "string", default: "null" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Relative Time",
+        value: "relative-time",
+        importPath: "~/components/catalyst-ui/date-and-time/relative-time",
+        multiImport: "RelativeTime, RelativeTimeZone, RelativeTimeZoneDisplay, RelativeTimeZoneDate, RelativeTimeZoneLabel",
+        basicusage: null,
+        path: "/components/catalyst-ui/date-and-time/relative-time.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/date-and-time/relative-time.tsx",
+        usage: null,
+        premium: true,
+        category: "Date and Time",
+        tags: ["time", "timezone", "clock", "relative", "international"],
+        features: ["Auto-updating", "Timezone Support", "Custom Formatting", "Internationalization"],
+        dependencies: ["@radix-ui/react-use-controllable-state", "react"],
+        props: {
+            "RelativeTime": [
+                { name: "time", type: "Date", default: "null" },
+                { name: "defaultTime", type: "Date", default: "new Date()" },
+                { name: "onTimeChange", type: "(time: Date) => void", default: "null" },
+                { name: "dateFormatOptions", type: "Intl.DateTimeFormatOptions", default: "null" },
+                { name: "timeFormatOptions", type: "Intl.DateTimeFormatOptions", default: "null" },
+                { name: "className", type: "string", default: "null" }
+            ],
+            "RelativeTimeZone": [
+                { name: "zone", type: "string", default: "null" },
+                { name: "className", type: "string", default: "null" }
+            ],
+            "RelativeTimeZoneDisplay": [
+                { name: "className", type: "string", default: "null" }
+            ],
+            "RelativeTimeZoneDate": [
+                { name: "className", type: "string", default: "null" }
+            ],
+            "RelativeTimeZoneLabel": [
+                { name: "className", type: "string", default: "null" }
+            ]
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Mini Calendar",
+        value: "mini-calendar",
+        importPath: "~/components/catalyst-ui/date-and-time/mini-calendar",
+        multiImport: "MiniCalendar, MiniCalendarNavigation, MiniCalendarDays, MiniCalendarDay",
+        basicusage: null,
+        path: "/components/catalyst-ui/date-and-time/mini-calendar.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/date-and-time/mini-calendar.tsx",
+        usage: null,
+        premium: true,
+        category: "Date and Time",
+        tags: ["calendar", "date-picker", "navigation", "compact", "interactive"],
+        features: ["Date Selection", "Keyboard Navigation", "Today Highlight", "Controllable State"],
+        dependencies: ["@radix-ui/react-use-controllable-state", "date-fns", "lucide-react", "@radix-ui/react-slot", "react"],
+        props: {
+            "MiniCalendar": [
+                { name: "value", type: "Date", default: "null" },
+                { name: "defaultValue", type: "Date", default: "null" },
+                { name: "onValueChange", type: "(date: Date | undefined) => void", default: "null" },
+                { name: "startDate", type: "Date", default: "null" },
+                { name: "defaultStartDate", type: "Date", default: "new Date()" },
+                { name: "onStartDateChange", type: "(date: Date | undefined) => void", default: "null" },
+                { name: "days", type: "number", default: "5" },
+                { name: "className", type: "string", default: "null" },
+                { name: "children", type: "ReactNode", default: "null" }
+            ],
+            "MiniCalendarNavigation": [
+                { name: "direction", type: "prev | next", default: "null" },
+                { name: "asChild", type: "boolean", default: "false" },
+                { name: "children", type: "ReactNode", default: "null" },
+                { name: "onClick", type: "MouseEventHandler<HTMLButtonElement>", default: "null" }
+            ],
+            "MiniCalendarDays": [
+                { name: "className", type: "string", default: "null" },
+                { name: "children", type: "(date: Date) => ReactNode", default: "null" }
+            ],
+            "MiniCalendarDay": [
+                { name: "date", type: "Date", default: "null" },
+                { name: "className", type: "string", default: "null" }
+            ]
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Time Picker Input",
+        value: "time-picker-input",
+        importPath: "~/components/catalyst-ui/date-and-time/time-picker-input",
+        multiImport: null,
+        basicusage: `
+<TimePickerInput />
+
+<TimePickerInput 
+  value={{ hour: 12, minute: 30, period: 'PM' }}
+  onChange={(value) => console.log(value)}
+  format="12"
+  size="md"
+  className=""
+/>`,
+        path: "/components/catalyst-ui/date-and-time/time-picker-input.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/date-and-time/time-picker-input.tsx",
+        usage: null,
+        premium: true,
+        category: "Calendars",
+        tags: ["ui", "components", "interactive", "time", "picker", "material-design", "input"],
+        features: ["Responsive", "TypeScript", "Accessible", "12/24 Hour Format", "Keyboard Navigation", "Increment/Decrement Controls"],
+        dependencies: ["lucide-react", "react", "class-variance-authority"],
+        props: {
+            "TimePickerInput": [
+                { name: "className", type: "string", default: "null" },
+                { name: "size", type: "sm | md | lg", default: "md" },
+                { name: "value", type: "{ hour: number; minute: number; period: 'AM' | 'PM' }", default: "{ hour: 12, minute: 0, period: 'AM' }" },
+                { name: "onChange", type: "(value: { hour: number; minute: number; period: 'AM' | 'PM' }) => void", default: "undefined" },
+                { name: "format", type: "12 | 24", default: "12" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Time Picker Dial",
+        value: "time-picker-dial",
+        importPath: "~/components/catalyst-ui/date-and-time/time-picker-dial",
+        multiImport: null,
+        basicusage: `
+<TimePickerDial />
+
+<TimePickerDial 
+  value={{ hour: 12, minute: 30, period: 'PM' }}
+  onChange={(value) => console.log(value)}
+  format="12"
+  size="md"
+  className=""
+/>`,
+        path: "/components/catalyst-ui/date-and-time/time-picker-dial.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/date-and-time/time-picker-dial.tsx",
+        usage: null,
+        premium: true,
+        category: "Calendars",
+        tags: ["ui", "components", "interactive", "time", "picker", "material-design"],
+        features: ["Responsive", "TypeScript", "Accessible", "12/24 Hour Format", "Interactive Dial"],
+        dependencies: ["lucide-react", "react", "class-variance-authority"],
+        props: {
+            "TimePickerDial": [
+                { name: "className", type: "string", default: "null" },
+                { name: "size", type: "sm | md | lg", default: "md" },
+                { name: "value", type: "{ hour: number; minute: number; period: 'AM' | 'PM' }", default: "{ hour: 12, minute: 0, period: 'AM' }" },
+                { name: "onChange", type: "(value: { hour: number; minute: number; period: 'AM' | 'PM' }) => void", default: "undefined" },
+                { name: "format", type: "12 | 24", default: "12" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Time Picker",
+        value: "time-picker",
+        importPath: "~/components/catalyst-ui/date-and-time/time-picker",
+        multiImport: null,
+        basicusage: null,
+        path: "/components/catalyst-ui/date-and-time/time-picker.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/date-and-time/time-picker.tsx",
+        usage: null,
+        premium: true,
+        category: "Date and Time",
+        tags: ["ui", "components", "interactive", "time", "picker"],
+        features: ["Responsive", "TypeScript", "Accessible", "12/24 Hour Format"],
+        dependencies: ["lucide-react"],
+        props: {
+            "TimePicker": [
+                { name: "value", type: "TimeValue | null", default: "null", required: false },
+                { name: "defaultValue", type: "TimeValue | null", default: "null", required: false },
+                { name: "onChange", type: "(value: TimeValue | null, timeString: string) => void", default: "null", required: false },
+                { name: "format", type: "string", default: "HH:mm:ss", required: false },
+                { name: "size", type: "sm | md | lg", default: "md", required: false },
+                { name: "disabled", type: "boolean", default: "false", required: false },
+                { name: "placeholder", type: "string", default: "Select time", required: false },
+                { name: "use12Hours", type: "boolean", default: "false", required: false },
+                { name: "showSecond", type: "boolean", default: "true", required: false },
+                { name: "hourStep", type: "number", default: "1", required: false },
+                { name: "minuteStep", type: "number", default: "1", required: false },
+                { name: "secondStep", type: "number", default: "1", required: false },
+                { name: "className", type: "string", default: "null", required: false },
+                { name: "popupClassName", type: "string", default: "null", required: false },
+            ],
+            "RangePicker": [
+                { name: "value", type: "[TimeValue | null, TimeValue | null]", default: "[null, null]", required: false },
+                { name: "defaultValue", type: "[TimeValue | null, TimeValue | null]", default: "[null, null]", required: false },
+                { name: "onChange", type: "(value: [TimeValue | null, TimeValue | null], timeStrings: [string, string]) => void", default: "null", required: false },
+                { name: "format", type: "string", default: "HH:mm:ss", required: false },
+                { name: "size", type: "sm | md | lg", default: "md", required: false },
+                { name: "placeholder", type: "string | [string, string]", default: "[\"Start time\", \"End time\"]", required: false },
+                { name: "use12Hours", type: "boolean", default: "false", required: false },
+                { name: "showSecond", type: "boolean", default: "true", required: false },
+                { name: "hourStep", type: "number", default: "1", required: false },
+                { name: "minuteStep", type: "number", default: "1", required: false },
+                { name: "secondStep", type: "number", default: "1", required: false },
+                { name: "className", type: "string", default: "null", required: false },
+                { name: "popupClassName", type: "string", default: "null", required: false },
+                { name: "disabled", type: "boolean", default: "false", required: false },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Popover Date Input",
+        value: "popover-date-input",
+        importPath: "~/components/catalyst-ui/date-and-time/popover-date-input",
+        multiImport: null,
+        basicusage: `
+<PopoverDateInput
+  selected={date}
+  onSelect={setDate}
+/>
+
+<PopoverDateInput
+  label="Select Date"
+  selected={date}
+  onSelect={setDate}
+  placeholder="MM/DD/YYYY"
+  size="default"
+  variant="default"
+  error=""
+  disabled={false}
+  className=""
+/>`,
+        path: "/components/catalyst-ui/date-and-time/popover-date-input.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/date-and-time/popover-date-input.tsx",
+        usage: null,
+        premium: true,
+        category: "Date and Time",
+        tags: ["ui", "components", "date", "input", "popover", "calendar", "form"],
+        features: ["Responsive", "TypeScript", "Accessible", "Validation"],
+        dependencies: ["lucide-react", "react", "class-variance-authority"],
+        props: {
+            "PopoverDateInput": [
+                { name: "className", type: "string", default: "null" },
+                { name: "size", type: "default | sm | lg", default: "default" },
+                { name: "variant", type: "default | error", default: "default" },
+                { name: "selected", type: "Date", default: "null" },
+                { name: "onSelect", type: "(date: Date | undefined) => void", default: "null" },
+                { name: "placeholder", type: "string", default: "MM/DD/YYYY" },
+                { name: "label", type: "string", default: "null" },
+                { name: "error", type: "string", default: "null" },
+                { name: "disabled", type: "boolean", default: "false" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Modal Date Input",
+        value: "modal-date-input",
+        importPath: "~/components/catalyst-ui/date-and-time/modal-date-input",
+        multiImport: null,
+        basicusage: `
+<ModalDateInput
+  selected={date}
+  onSelect={setDate}
+/>
+
+<ModalDateInput
+  label="Select Date"
+  selected={date}
+  onSelect={setDate}
+  placeholder="MM/DD/YYYY"
+  size="default"
+  variant="default"
+  error=""
+  disabled={false}
+  className=""
+/>`,
+        path: "/components/catalyst-ui/date-and-time/modal-date-input.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/date-and-time/modal-date-input.tsx",
+        usage: null,
+        premium: true,
+        category: "Date and Time",
+        tags: ["ui", "components", "date", "input", "modal", "calendar", "form"],
+        features: ["Responsive", "TypeScript", "Accessible", "Validation"],
+        dependencies: ["lucide-react", "react", "class-variance-authority"],
+        props: {
+            "ModalDateInput": [
+                { name: "className", type: "string", default: "null" },
+                { name: "size", type: "default | sm | lg", default: "default" },
+                { name: "variant", type: "default | error", default: "default" },
+                { name: "selected", type: "Date", default: "null" },
+                { name: "onSelect", type: "(date: Date | undefined) => void", default: "null" },
+                { name: "placeholder", type: "string", default: "MM/DD/YYYY" },
+                { name: "label", type: "string", default: "null" },
+                { name: "error", type: "string", default: "null" },
+                { name: "disabled", type: "boolean", default: "false" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Docked Date Picker",
+        value: "docked-date-picker",
+        importPath: "~/components/catalyst-ui/date-and-time/docked-date-picker",
+        multiImport: "DockedDatePicker, DockedDatePickerTrigger",
+        basicusage: `
+<DockedDatePickerTrigger onClick={() => setOpen(true)}>
+  Select Date
+</DockedDatePickerTrigger>
+
+<DockedDatePicker
+  open={open}
+  onClose={() => setOpen(false)}
+  selected={selectedDate}
+  onSelect={(date) => setSelectedDate(date)}
+/>
+
+<DockedDatePickerTrigger onClick={() => setOpen(true)}>
+  {selectedDate ? selectedDate.toLocaleDateString() : "Select Date"}
+</DockedDatePickerTrigger>
+
+<DockedDatePicker
+  open={open}
+  onClose={() => setOpen(false)}
+  selected={selectedDate}
+  onSelect={(date) => {
+    setSelectedDate(date)
+    setOpen(false)
+  }}
+  size="lg"
+  title="Pick Your Appointment Date"
+  className=""
+/>`,
+        path: "/components/catalyst-ui/date-and-time/docked-date-picker.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/date-and-time/docked-date-picker.tsx",
+        usage: null,
+        premium: true,
+        category: "Date and Time",
+        tags: ["ui", "components", "date", "picker", "calendar", "docked", "mobile"],
+        features: ["Responsive", "TypeScript", "Accessible", "Mobile-Optimized"],
+        dependencies: ["lucide-react", "react", "class-variance-authority"],
+        props: {
+            "DockedDatePicker": [
+                { name: "className", type: "string", default: "null" },
+                { name: "size", type: "default | sm | lg", default: "default" },
+                { name: "open", type: "boolean", default: "false" },
+                { name: "onClose", type: "() => void", default: "null" },
+                { name: "onSelect", type: "(date: Date | undefined) => void", default: "null" },
+                { name: "selected", type: "Date", default: "null" },
+                { name: "title", type: "string", default: "Select Date" },
+            ],
+            "DockedDatePickerTrigger": [
+                { name: "className", type: "string", default: "null" },
+                { name: "onClick", type: "() => void", default: "null" },
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+];

package/dist/data/dependencies.tsx

@@ -0,0 +1,7 @@
+export const AllLibs = ["@lexical/clipboard", "@lexical/code", "@lexical/code-shiki", "@lexical/file", "@lexical/hashtag", "@lexical/link", "@lexical/list", "@lexical/mark", "@lexical/markdown", "@lexical/overflow", "@lexical/plain-text", "@lexical/react", "@lexical/rich-text", "@lexical/selection", "@lexical/table", "@lexical/utils", "@catalystsoftware/icons", "@codemirror/autocomplete", "@codemirror/commands", "@codemirror/history", "@codemirror/lang-javascript", "@codemirror/lang-markdown", "@codemirror/language", "@codemirror/state", "@codemirror/view", "@codesandbox/sandpack-react", "@dnd-kit/core", "@dnd-kit/modifiers", "@dnd-kit/sortable", "@dnd-kit/utilities", "@lezer/highlight", "@monaco-editor/react", "@number-flow/react", "@prisma/client", "@radix-ui/react-accordion", "@radix-ui/react-alert-dialog", "@radix-ui/react-aspect-ratio", "@radix-ui/react-avatar", "@radix-ui/react-checkbox", "@radix-ui/react-collapsible", "@radix-ui/react-context-menu", "@radix-ui/react-dialog", "@radix-ui/react-dropdown-menu", "@radix-ui/react-hover-card", "@radix-ui/react-icons", "@radix-ui/react-label", "@radix-ui/react-menubar", "@radix-ui/react-navigation-menu", "@radix-ui/react-popover", "@radix-ui/react-progress", "@radix-ui/react-radio-group", "@radix-ui/react-scroll-area", "@radix-ui/react-select", "@radix-ui/react-separator", "@radix-ui/react-slider", "@radix-ui/react-slot", "@radix-ui/react-switch", "@radix-ui/react-tabs", "@radix-ui/react-toggle", "@radix-ui/react-toggle-group", "@radix-ui/react-tooltip", "@radix-ui/react-use-controllable-state", "@scena/react-guides", "@shikijs/transformers", "@tanstack/match-sorter-utils", "@tanstack/react-table", "@tsparticles/engine", "@tsparticles/react", "@tsparticles/slim", "@types/d3", "@zxing/library", "embla-carousel-react", "fuse.js", "bluetooth-serial-port", "date-fns", "isbot", "little-date", "react-day-picker", "recharts", "vaul", "unified", "input-otp", "react-resizable-panels", "cmdk", "class-variance-authority", "clsx", "tailwind-merge", "lucide-react", "react-aria", "is-ip", "@oslojs/crypto", "qrcode", "codemirror", "color", "colorthief", "culori", "d3", "dotted-map", "embla-carousel", "escpos", "escpos-serialport", "escpos-usb", "framer-motion", "katex", "lexical", "lodash.groupby", "lodash.throttle", "marked", "media-chrome", "motion", "node-hid", "pdf-lib", "qrcode.react", "react-aria", "react-colorful", "react-day-picker", "react-dropzone", "react-fast-marquee", "react-icon-cloud", "react-image-crop", "react-markdown", "react-medium-image-zoom", "react-resizable-panels", "react-signature-canvas", "react-smoke", "react-svg-credit-card-payment-icons", "react-syntax-highlighter", "react-tweet", "react-use-measure", "react-webcam", "recharts", "rehype", "rehype-highlight", "rehype-slug", "rehype-stringify", "remix-auth", "remix-auth-form", "remix-auth-totp", "rough-notation", "serialport", "shiki", "simplex-noise", "sonner", "svg-dotted-map", "swr", "tunnel-rat", "use-stick-to-bottom", "y-codemirror.next", "y-webrtc", "yjs",];
+export const DevLibs = ["@types/color", "@types/culori", "@types/lodash.throttle", "@types/qrcode", "@types/react", "@types/react-dom", "@typescript-eslint/eslint-plugin", "@typescript-eslint/parser", "autoprefixer", "eslint", "eslint-import-resolver-typescript", "eslint-plugin-import", "eslint-plugin-jsx-", "eslint-plugin-react", "eslint-plugin-react-hooks", "postcss", "prisma", "ts-node", "tsx", "typescript", "@remix-run/dev", "tailwindcss"];
+export const RemixLibs = ["@remix-run/css-bundle", "@remix-run/node", "@remix-run/react", "@remix-run/serve", "@remix-run/v1-route-convention",];
+export const ScanLibs = ["@zxing/library"];
+export const PDFLibs = ["pdf-lib", "@zxing/library", "react-signature-canvas", "@scena/react-guides"];
+export const CashLibs = ["escpos", "escpos-usb", "escpos-serialport", "bluetooth-serial-port", "node-hid", "serialport"];
+export const BaseLibs = ["class-variance-authority", "clsx", "tailwind-merge", "lucide-react", "tw-animate-css"];