npm - @raystack/apsara - Versions diffs - 0.55.0-rc.1 → 0.55.0 - Mend

@raystack/apsara 0.55.0-rc.1 → 0.55.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.

Files changed (1771) hide show

package/dist/components/calendar/date-picker.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-picker.cjs","sources":["../../../components/calendar/date-picker.tsx"],"sourcesContent":["'use client';\n\nimport { CalendarIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { PropsBase, PropsSingleRequired } from 'react-day-picker';\nimport { InputField } from '../input-field';\nimport { InputFieldProps } from '../input-field/input-field';\nimport { Popover } from '../popover';\nimport { PopoverContentProps } from '../popover/popover';\nimport { Calendar } from './calendar';\nimport styles from './calendar.module.css';\n\ndayjs.extend(customParseFormat);\n\ninterface DatePickerProps {\n dateFormat?: string;\n inputFieldProps?: InputFieldProps;\n calendarProps?: PropsSingleRequired & PropsBase;\n onSelect?: (date: Date) => void;\n value?: Date;\n children?:\n \| React.ReactNode\n \| ((props: { selectedDate: string }) => React.ReactNode);\n showCalendarIcon?: boolean;\n timeZone?: string;\n popoverProps?: PopoverContentProps;\n}\n\nexport function DatePicker({\n dateFormat = 'DD/MM/YYYY',\n inputFieldProps,\n calendarProps,\n value = new Date(),\n onSelect = () => {},\n children,\n showCalendarIcon = true,\n timeZone,\n popoverProps\n}: DatePickerProps) {\n const [showCalendar, setShowCalendar] = useState(false);\n const [selectedDate, setSelectedDate] = useState(value);\n const [error, setError] = useState<string>();\n\n const formattedDate = dayjs(selectedDate).format(dateFormat);\n\n const isDropdownOpenRef = useRef(false);\n const inputFieldRef = useRef<HTMLInputElement \| null>(null);\n const contentRef = useRef<HTMLDivElement \| null>(null);\n const isInputFieldFocused = useRef(false);\n const selectedDateRef = useRef(selectedDate);\n\n useEffect(() => {\n selectedDateRef.current = selectedDate;\n }, [selectedDate]);\n\n const isElementOutside = useCallback((el: HTMLElement) => {\n return (\n !isDropdownOpenRef.current && // Month and Year dropdown from Date picker\n !inputFieldRef.current?.contains(el) && // InputField\n !contentRef.current?.contains(el)\n );\n }, []);\n\n const handleMouseDown = useCallback(\n (event: MouseEvent) => {\n const el = event.target as HTMLElement \| null;\n if (el && isElementOutside(el)) removeEventListeners();\n },\n [isElementOutside]\n );\n\n function registerEventListeners() {\n isInputFieldFocused.current = true;\n document.addEventListener('mouseup', handleMouseDown);\n }\n\n function removeEventListeners(skipUpdate = false) {\n isInputFieldFocused.current = false;\n setShowCalendar(false);\n\n const updatedVal = dayjs(selectedDateRef.current).format(dateFormat);\n\n if (inputFieldRef.current) inputFieldRef.current.value = updatedVal;\n if (!error && !skipUpdate) onSelect(dayjs(updatedVal).toDate());\n\n document.removeEventListener('mouseup', handleMouseDown);\n }\n\n const handleSelect = (day: Date) => {\n setSelectedDate(day);\n onSelect(day);\n setError(undefined);\n removeEventListeners(true);\n };\n\n function onDropdownOpen() {\n isDropdownOpenRef.current = true;\n }\n\n function onOpenChange(open?: boolean) {\n if (\n !isDropdownOpenRef.current &&\n !(isInputFieldFocused.current && showCalendar)\n ) {\n setShowCalendar(Boolean(open));\n }\n\n isDropdownOpenRef.current = false;\n }\n\n function handleInputFocus() {\n if (isInputFieldFocused.current) return;\n if (!showCalendar) setShowCalendar(true);\n }\n\n function handleInputBlur(event: React.FocusEvent) {\n if (isInputFieldFocused.current) {\n const el = event.relatedTarget as HTMLElement \| null;\n if (el && isElementOutside(el)) removeEventListeners();\n } else {\n registerEventListeners();\n setTimeout(() => inputFieldRef.current?.select());\n }\n }\n\n function handleKeyUp(event: React.KeyboardEvent) {\n if (event.code === 'Enter' && inputFieldRef.current) {\n inputFieldRef.current.blur();\n removeEventListeners();\n }\n }\n\n function handleInputChange(event: React.ChangeEvent<HTMLInputElement>) {\n const { value } = event.target;\n\n const format = value.includes('/')\n ? 'DD/MM/YYYY'\n : value.includes('-')\n ? 'DD-MM-YYYY'\n : undefined;\n const date = dayjs(value, format);\n\n const isValidDate = date.isValid();\n\n const isAfter =\n calendarProps?.startMonth !== undefined\n ? dayjs(date).isSameOrAfter(calendarProps.startMonth)\n : true;\n const isBefore =\n calendarProps?.endMonth !== undefined\n ? dayjs(date).isSameOrBefore(calendarProps.endMonth)\n : true;\n\n const isValid =\n isValidDate && isAfter && isBefore && dayjs(date).isSameOrBefore(dayjs());\n\n if (isValid) {\n setSelectedDate(date.toDate());\n setError(undefined);\n } else {\n setError('Invalid date');\n }\n }\n\n const defaultTrigger = (\n <InputField\n size='small'\n placeholder='Select date'\n error={error}\n className={styles.datePickerInput}\n trailingIcon={showCalendarIcon ? <CalendarIcon /> : undefined}\n {...inputFieldProps}\n ref={inputFieldRef}\n value={formattedDate}\n onChange={handleInputChange}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onKeyUp={handleKeyUp}\n />\n );\n\n const trigger =\n typeof children === 'function' ? (\n children({ selectedDate: formattedDate })\n ) : children ? (\n <div>{children}</div>\n ) : (\n <div>{defaultTrigger}</div>\n );\n\n return (\n <Popover open={showCalendar} onOpenChange={onOpenChange}>\n <Popover.Trigger asChild>{trigger}</Popover.Trigger>\n <Popover.Content\n ref={contentRef}\n {...popoverProps}\n className={cx(styles.calendarPopover, popoverProps?.className)}\n side={popoverProps?.side ?? 'top'}\n >\n <Calendar\n required={true}\n {...calendarProps}\n timeZone={timeZone}\n onDropdownOpen={onDropdownOpen}\n mode='single'\n selected={selectedDate}\n month={selectedDate}\n onSelect={handleSelect}\n onMonthChange={setSelectedDate}\n />\n </Popover.Content>\n </Popover>\n );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;~~AAeA~~;AAgBgB;;;;;AAiBd;AACA;AACA;AACA;AACA;;AAGE;AACF;AAEA;AACE;;;;AAOF;AAEI;AACA;AAAgC;AAClC;AAIF;AACE;AACA;;AAGF;AACE;;AAGA;;AAE2B;AAC3B;;AAEA;;AAGF;;;;;AAKA;AAEA;AACE;;;;;AAQE;;AAGF;;AAGF;;;AAEE;;;;AAIA;AACE;AACA;AAAgC;;;AAEhC;;;;;;AAOA;AACA;;;;AAKF;AAEA;AACE;AACA;AACE;;;AAIJ;AAEA;;;AAIA;;;AAKA;;AAIE;;;;;;;AAOJ;AAiBA;;AAgCF;;"}
1	+ {"version":3,"file":"date-picker.cjs","sources":["../../../components/calendar/date-picker.tsx"],"sourcesContent":["'use client';\n\nimport { CalendarIcon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { PropsBase, PropsSingleRequired } from 'react-day-picker';\nimport { InputField } from '../input-field';\nimport { InputFieldProps } from '../input-field/input-field';\nimport { Popover } from '../popover';\nimport { PopoverContentProps } from '../popover/popover';\nimport { Calendar } from './calendar';\nimport styles from './calendar.module.css';\n\ndayjs.extend(customParseFormat);\n\ninterface DatePickerProps {\n dateFormat?: string;\n inputFieldProps?: InputFieldProps;\n calendarProps?: PropsSingleRequired & PropsBase;\n onSelect?: (date: Date) => void;\n value?: Date;\n children?:\n \| React.ReactNode\n \| ((props: { selectedDate: string }) => React.ReactNode);\n showCalendarIcon?: boolean;\n timeZone?: string;\n popoverProps?: PopoverContentProps;\n}\n\nexport function DatePicker({\n dateFormat = 'DD/MM/YYYY',\n inputFieldProps,\n calendarProps,\n value = new Date(),\n onSelect = () => {},\n children,\n showCalendarIcon = true,\n timeZone,\n popoverProps\n}: DatePickerProps) {\n const [showCalendar, setShowCalendar] = useState(false);\n const [selectedDate, setSelectedDate] = useState(value);\n const [error, setError] = useState<string>();\n\n const formattedDate = dayjs(selectedDate).format(dateFormat);\n\n const isDropdownOpenRef = useRef(false);\n const inputFieldRef = useRef<HTMLInputElement \| null>(null);\n const contentRef = useRef<HTMLDivElement \| null>(null);\n const isInputFieldFocused = useRef(false);\n const selectedDateRef = useRef(selectedDate);\n\n useEffect(() => {\n selectedDateRef.current = selectedDate;\n }, [selectedDate]);\n\n const isElementOutside = useCallback((el: HTMLElement) => {\n return (\n !isDropdownOpenRef.current && // Month and Year dropdown from Date picker\n !inputFieldRef.current?.contains(el) && // InputField\n !contentRef.current?.contains(el)\n );\n }, []);\n\n const handleMouseDown = useCallback(\n (event: MouseEvent) => {\n const el = event.target as HTMLElement \| null;\n if (el && isElementOutside(el)) removeEventListeners();\n },\n [isElementOutside]\n );\n\n function registerEventListeners() {\n isInputFieldFocused.current = true;\n document.addEventListener('mouseup', handleMouseDown);\n }\n\n function removeEventListeners(skipUpdate = false) {\n isInputFieldFocused.current = false;\n setShowCalendar(false);\n\n const updatedVal = dayjs(selectedDateRef.current).format(dateFormat);\n\n if (inputFieldRef.current) inputFieldRef.current.value = updatedVal;\n if (!error && !skipUpdate) onSelect(dayjs(updatedVal).toDate());\n\n document.removeEventListener('mouseup', handleMouseDown);\n }\n\n const handleSelect = (day: Date) => {\n setSelectedDate(day);\n onSelect(day);\n setError(undefined);\n removeEventListeners(true);\n };\n\n function onDropdownOpen() {\n isDropdownOpenRef.current = true;\n }\n\n function onOpenChange(open?: boolean) {\n if (\n !isDropdownOpenRef.current &&\n !(isInputFieldFocused.current && showCalendar)\n ) {\n setShowCalendar(Boolean(open));\n }\n\n isDropdownOpenRef.current = false;\n }\n\n function handleInputFocus() {\n if (isInputFieldFocused.current) return;\n if (!showCalendar) setShowCalendar(true);\n }\n\n function handleInputBlur(event: React.FocusEvent) {\n if (isInputFieldFocused.current) {\n const el = event.relatedTarget as HTMLElement \| null;\n if (el && isElementOutside(el)) removeEventListeners();\n } else {\n registerEventListeners();\n setTimeout(() => inputFieldRef.current?.select());\n }\n }\n\n function handleKeyUp(event: React.KeyboardEvent) {\n if (event.code === 'Enter' && inputFieldRef.current) {\n inputFieldRef.current.blur();\n removeEventListeners();\n }\n }\n\n function handleInputChange(event: React.ChangeEvent<HTMLInputElement>) {\n const { value } = event.target;\n\n const format = value.includes('/')\n ? 'DD/MM/YYYY'\n : value.includes('-')\n ? 'DD-MM-YYYY'\n : undefined;\n const date = dayjs(value, format);\n\n const isValidDate = date.isValid();\n\n const isAfter =\n calendarProps?.startMonth !== undefined\n ? dayjs(date).isSameOrAfter(calendarProps.startMonth)\n : true;\n const isBefore =\n calendarProps?.endMonth !== undefined\n ? dayjs(date).isSameOrBefore(calendarProps.endMonth)\n : true;\n\n const isValid =\n isValidDate && isAfter && isBefore && dayjs(date).isSameOrBefore(dayjs());\n\n if (isValid) {\n setSelectedDate(date.toDate());\n setError(undefined);\n } else {\n setError('Invalid date');\n }\n }\n\n const defaultTrigger = (\n <InputField\n size='small'\n placeholder='Select date'\n error={error}\n className={styles.datePickerInput}\n trailingIcon={showCalendarIcon ? <CalendarIcon /> : undefined}\n {...inputFieldProps}\n ref={inputFieldRef}\n value={formattedDate}\n onChange={handleInputChange}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onKeyUp={handleKeyUp}\n />\n );\n\n const trigger =\n typeof children === 'function' ? (\n children({ selectedDate: formattedDate })\n ) : children ? (\n <div>{children}</div>\n ) : (\n <div>{defaultTrigger}</div>\n );\n\n return (\n <Popover open={showCalendar} onOpenChange={onOpenChange}>\n <Popover.Trigger asChild>{trigger}</Popover.Trigger>\n <Popover.Content\n ref={contentRef}\n {...popoverProps}\n className={cx(styles.calendarPopover, popoverProps?.className)}\n side={popoverProps?.side ?? 'top'}\n >\n <Calendar\n required={true}\n {...calendarProps}\n timeZone={timeZone}\n onDropdownOpen={onDropdownOpen}\n mode='single'\n selected={selectedDate}\n month={selectedDate}\n onSelect={handleSelect}\n onMonthChange={setSelectedDate}\n />\n </Popover.Content>\n </Popover>\n );\n}\n"],"names":["dayjs"],"mappings":";;;;;;;;;;;;;;AAeAA;AAgBgB;;;;;AAiBd;AACA;AACA;AACA;AACA;;AAGE;AACF;AAEA;AACE;;;;AAOF;AAEI;AACA;AAAgC;AAClC;AAIF;AACE;AACA;;AAGF;AACE;;AAGA;;AAE2B;AAC3B;;AAEA;;AAGF;;;;;AAKA;AAEA;AACE;;;;;AAQE;;AAGF;;AAGF;;;AAEE;;;;AAIA;AACE;AACA;AAAgC;;;AAEhC;;;;;;AAOA;AACA;;;;AAKF;AAEA;AACE;AACA;AACE;;;AAIJ;AAEA;;;AAIA;;;AAKA;;AAIE;;;;;;;AAOJ;AAiBA;;AAgCF;;"}

package/dist/components/calendar/date-picker.js CHANGED Viewed

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { CalendarIcon } from '@radix-ui/react-icons';
-import { cx } from 'class-variance-authority';
-import dayjs from 'dayjs';
-import customParseFormat from 'dayjs/plugin/customParseFormat';
+import { CalendarIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.2.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import dayjs from '../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.js';
+import customParseFormat from '../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/customParseFormat.js';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { InputField } from '../input-field/input-field.js';
 import { Popover } from '../popover/popover.js';

package/dist/components/calendar/range-picker.cjs CHANGED Viewed

@@ -2,9 +2,9 @@
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');
-var reactIcons = require('@radix-ui/react-icons');
-var classVarianceAuthority = require('class-variance-authority');
-var dayjs = require('dayjs');
+var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.2.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var dayjs_min = require('../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.cjs');
 var React = require('react');
 var flex = require('../flex/flex.cjs');
 var inputField = require('../input-field/input-field.cjs');
@@ -22,18 +22,18 @@ function RangePicker({ dateFormat = 'DD/MM/YYYY', inputFieldsProps = {}, calenda
     const [currentMonth, setCurrentMonth] = React.useState(internalValue?.from);
     const selectedRange = value ?? internalValue;
     const startDate = selectedRange.from
-        ? dayjs(selectedRange.from).format(dateFormat)
+        ? dayjs_min.default(selectedRange.from).format(dateFormat)
         : '';
     const endDate = selectedRange.to
-        ? dayjs(selectedRange.to).format(dateFormat)
+        ? dayjs_min.default(selectedRange.to).format(dateFormat)
         : '';
     // Ensures two months are visible even when
     // current month is the last allowed month (endMonth).
     const computedDefaultMonth = React.useMemo(() => {
         let month = currentMonth;
         if (calendarProps?.endMonth) {
-            const endMonth = dayjs(calendarProps.endMonth);
-            const fromMonth = dayjs(currentMonth);
+            const endMonth = dayjs_min.default(calendarProps.endMonth);
+            const fromMonth = dayjs_min.default(currentMonth);
             if (fromMonth.isSame(endMonth, 'month')) {
                 month = endMonth.subtract(1, 'month').toDate();
             }
@@ -60,7 +60,7 @@ function RangePicker({ dateFormat = 'DD/MM/YYYY', inputFieldsProps = {}, calenda
         if (currentRangeField === 'from') {
             // If selecting start date and it's after the current end date
             if (selectedRange?.to &&
-                dayjs(selectedDay).isAfter(dayjs(selectedRange.to))) {
+                dayjs_min.default(selectedDay).isAfter(dayjs_min.default(selectedRange.to))) {
                 newRange = { from: selectedDay };
                 newCurrentRangeField = 'to';
             }
@@ -73,7 +73,7 @@ function RangePicker({ dateFormat = 'DD/MM/YYYY', inputFieldsProps = {}, calenda
         else {
             // If selecting end date and it's before the current start date
             if (selectedRange?.from &&
-                dayjs(selectedDay).isBefore(dayjs(selectedRange.from))) {
+                dayjs_min.default(selectedDay).isBefore(dayjs_min.default(selectedRange.from))) {
                 newRange = { from: selectedDay };
                 newCurrentRangeField = 'to';
             }
@@ -85,11 +85,11 @@ function RangePicker({ dateFormat = 'DD/MM/YYYY', inputFieldsProps = {}, calenda
         setInternalValue(newRange);
         onSelect(newRange);
     };
-    const defaultTrigger = (jsxRuntime.jsxs(flex.Flex, { gap: 'medium', className: pickerGroupClassName, children: [jsxRuntime.jsx(inputField.InputField, { size: 'small', placeholder: 'Select start date', trailingIcon: showCalendarIcon ? jsxRuntime.jsx(reactIcons.CalendarIcon, {}) : undefined, className: calendar_module.default.datePickerInput, ...(inputFieldsProps.startDate ?? {}), value: startDate, readOnly: true, "data-range-field": 'start', "data-active": showCalendar && currentRangeField === 'from', onClick: onTriggerClick }), jsxRuntime.jsx(inputField.InputField, { size: 'small', placeholder: 'Select end date', trailingIcon: showCalendarIcon ? jsxRuntime.jsx(reactIcons.CalendarIcon, {}) : undefined, className: calendar_module.default.datePickerInput, ...(inputFieldsProps.endDate ?? {}), value: endDate, readOnly: true, "data-range-field": 'end', "data-active": showCalendar && currentRangeField === 'to', onClick: onTriggerClick })] }));
+    const defaultTrigger = (jsxRuntime.jsxs(flex.Flex, { gap: 'medium', className: pickerGroupClassName, children: [jsxRuntime.jsx(inputField.InputField, { size: 'small', placeholder: 'Select start date', trailingIcon: showCalendarIcon ? jsxRuntime.jsx(reactIcons_esm.CalendarIcon, {}) : undefined, className: calendar_module.default.datePickerInput, ...(inputFieldsProps.startDate ?? {}), value: startDate, readOnly: true, "data-range-field": 'start', "data-active": showCalendar && currentRangeField === 'from', onClick: onTriggerClick }), jsxRuntime.jsx(inputField.InputField, { size: 'small', placeholder: 'Select end date', trailingIcon: showCalendarIcon ? jsxRuntime.jsx(reactIcons_esm.CalendarIcon, {}) : undefined, className: calendar_module.default.datePickerInput, ...(inputFieldsProps.endDate ?? {}), value: endDate, readOnly: true, "data-range-field": 'end', "data-active": showCalendar && currentRangeField === 'to', onClick: onTriggerClick })] }));
     const trigger = typeof children === 'function'
         ? children({ startDate, endDate })
         : children || defaultTrigger;
-    return (jsxRuntime.jsxs(popover.Popover, { open: showCalendar, onOpenChange: setShowCalendar, children: [jsxRuntime.jsx(popover.Popover.Trigger, { asChild: true, children: trigger }), jsxRuntime.jsxs(popover.Popover.Content, { ...popoverProps, className: classVarianceAuthority.cx(calendar_module.default.calendarPopover, popoverProps?.className), side: popoverProps?.side ?? 'top', children: [jsxRuntime.jsx(calendar.Calendar, { showOutsideDays: false, numberOfMonths: 2, defaultMonth: selectedRange.from, required: true, ...calendarProps, timeZone: timeZone, mode: 'range', month: computedDefaultMonth, selected: selectedRange, onSelect: handleSelect, onMonthChange: setCurrentMonth }), footer && (jsxRuntime.jsx(flex.Flex, { align: 'center', justify: 'center', className: calendar_module.default.calendarFooter, children: footer }))] })] }));
+    return (jsxRuntime.jsxs(popover.Popover, { open: showCalendar, onOpenChange: setShowCalendar, children: [jsxRuntime.jsx(popover.Popover.Trigger, { asChild: true, children: trigger }), jsxRuntime.jsxs(popover.Popover.Content, { ...popoverProps, className: index.cx(calendar_module.default.calendarPopover, popoverProps?.className), side: popoverProps?.side ?? 'top', children: [jsxRuntime.jsx(calendar.Calendar, { showOutsideDays: false, numberOfMonths: 2, defaultMonth: selectedRange.from, required: true, ...calendarProps, timeZone: timeZone, mode: 'range', month: computedDefaultMonth, selected: selectedRange, onSelect: handleSelect, onMonthChange: setCurrentMonth }), footer && (jsxRuntime.jsx(flex.Flex, { align: 'center', justify: 'center', className: calendar_module.default.calendarFooter, children: footer }))] })] }));
 }
 exports.RangePicker = RangePicker;

package/dist/components/calendar/range-picker.js CHANGED Viewed

@@ -1,8 +1,8 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { CalendarIcon } from '@radix-ui/react-icons';
-import { cx } from 'class-variance-authority';
-import dayjs from 'dayjs';
+import { CalendarIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.2.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import dayjs from '../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.js';
 import { useState, useMemo, useCallback } from 'react';
 import { Flex } from '../flex/flex.js';
 import { InputField } from '../input-field/input-field.js';

package/dist/components/callout/callout.cjs CHANGED Viewed

@@ -2,12 +2,12 @@
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');
-var reactIcons = require('@radix-ui/react-icons');
-var classVarianceAuthority = require('class-variance-authority');
+var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.2.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
 var callout_module = require('./callout.module.css.cjs');
-const callout = classVarianceAuthority.cva(callout_module.default.callout, {
+const callout = index.cva(callout_module.default.callout, {
     variants: {
         type: {
             grey: callout_module.default['callout-grey'],
@@ -29,7 +29,7 @@ const callout = classVarianceAuthority.cva(callout_module.default.callout, {
         type: 'grey'
     }
 });
-const Callout = React.forwardRef(({ className, type = 'grey', outline, highContrast, children, action, dismissible, onDismiss, width, style, icon = jsxRuntime.jsx(reactIcons.InfoCircledIcon, {}), ...props }, ref) => {
+const Callout = React.forwardRef(({ className, type = 'grey', outline, highContrast, children, action, dismissible, onDismiss, width, style, icon = jsxRuntime.jsx(reactIcons_esm.InfoCircledIcon, {}), ...props }, ref) => {
     const combinedStyle = {
         ...style,
         ...(width && { width: typeof width === 'number' ? `${width}px` : width })

package/dist/components/callout/callout.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { InfoCircledIcon } from '@radix-ui/react-icons';
-import { cva } from 'class-variance-authority';
+import { InfoCircledIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.2.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
+import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { forwardRef } from 'react';
 import styles from './callout.module.css.js';

package/dist/components/checkbox/checkbox.cjs CHANGED Viewed

@@ -2,18 +2,18 @@
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');
-var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
+var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
 var checkbox_module = require('./checkbox.module.css.cjs');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-checkbox@1.3.2_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1_toqgrhq4arnzjxdeqor52zyyja/node_modules/@radix-ui/react-checkbox/dist/index.cjs');
 const CheckMarkIcon = () => (jsxRuntime.jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none', className: checkbox_module.default.icon, children: jsxRuntime.jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M11.9005 4.9671C12.0894 4.6782 12.0083 4.29086 11.7194 4.10197C11.4305 3.91307 11.0432 3.99414 10.8543 4.28304L7.15577 9.93961L5.04542 8.02112C4.79001 7.78893 4.39473 7.80775 4.16254 8.06316C3.93035 8.31857 3.94917 8.71385 4.20458 8.94605L6.85731 11.3576C6.99274 11.4807 7.17532 11.5383 7.35686 11.5151C7.53841 11.492 7.70068 11.3904 7.80084 11.2372L11.9005 4.9671Z', fill: 'currentColor' }) }));
 const IndeterminateIcon = () => (jsxRuntime.jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none', className: checkbox_module.default.icon, children: jsxRuntime.jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8C12 8.27614 11.7761 8.5 11.5 8.5Z', fill: 'currentColor' }) }));
-const checkbox = classVarianceAuthority.cva(checkbox_module.default.checkbox);
+const checkbox = index$1.cva(checkbox_module.default.checkbox);
 const Checkbox = React.forwardRef(({ className, disabled, checked, defaultChecked, onCheckedChange, ...props }, forwardedRef) => {
     const isIndeterminate = checked === 'indeterminate' || defaultChecked === 'indeterminate';
-    return (jsxRuntime.jsx(radixUi.Checkbox.Root, { className: checkbox({
-            className: classVarianceAuthority.cx(className, {
+    return (jsxRuntime.jsx(index.Checkbox, { className: checkbox({
+            className: index$1.cx(className, {
                 [checkbox_module.default['checkbox-disabled']]: disabled,
                 [checkbox_module.default['checkbox-indeterminate']]: isIndeterminate
             })
@@ -27,7 +27,7 @@ const Checkbox = React.forwardRef(({ className, disabled, checked, defaultChecke
                     onCheckedChange(value);
                 }
             }
-        }, disabled: disabled, ref: forwardedRef, ...props, children: jsxRuntime.jsx(radixUi.Checkbox.Indicator, { className: checkbox_module.default.indicator, children: isIndeterminate ? jsxRuntime.jsx(IndeterminateIcon, {}) : jsxRuntime.jsx(CheckMarkIcon, {}) }) }));
+        }, disabled: disabled, ref: forwardedRef, ...props, children: jsxRuntime.jsx(index.CheckboxIndicator, { className: checkbox_module.default.indicator, children: isIndeterminate ? jsxRuntime.jsx(IndeterminateIcon, {}) : jsxRuntime.jsx(CheckMarkIcon, {}) }) }));
 });
 Checkbox.displayName = 'Checkbox';

package/dist/components/checkbox/checkbox.js CHANGED Viewed

@@ -1,16 +1,16 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { cva, cx } from 'class-variance-authority';
-import { Checkbox as Checkbox$1 } from 'radix-ui';
+import { cx, cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { forwardRef } from 'react';
 import styles from './checkbox.module.css.js';
+import { Checkbox as Checkbox$1, CheckboxIndicator } from '../../node_modules/.pnpm/@radix-ui_react-checkbox@1.3.2_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1_toqgrhq4arnzjxdeqor52zyyja/node_modules/@radix-ui/react-checkbox/dist/index.js';
 const CheckMarkIcon = () => (jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none', className: styles.icon, children: jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M11.9005 4.9671C12.0894 4.6782 12.0083 4.29086 11.7194 4.10197C11.4305 3.91307 11.0432 3.99414 10.8543 4.28304L7.15577 9.93961L5.04542 8.02112C4.79001 7.78893 4.39473 7.80775 4.16254 8.06316C3.93035 8.31857 3.94917 8.71385 4.20458 8.94605L6.85731 11.3576C6.99274 11.4807 7.17532 11.5383 7.35686 11.5151C7.53841 11.492 7.70068 11.3904 7.80084 11.2372L11.9005 4.9671Z', fill: 'currentColor' }) }));
 const IndeterminateIcon = () => (jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none', className: styles.icon, children: jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8C12 8.27614 11.7761 8.5 11.5 8.5Z', fill: 'currentColor' }) }));
 const checkbox = cva(styles.checkbox);
 const Checkbox = forwardRef(({ className, disabled, checked, defaultChecked, onCheckedChange, ...props }, forwardedRef) => {
     const isIndeterminate = checked === 'indeterminate' || defaultChecked === 'indeterminate';
-    return (jsx(Checkbox$1.Root, { className: checkbox({
+    return (jsx(Checkbox$1, { className: checkbox({
             className: cx(className, {
                 [styles['checkbox-disabled']]: disabled,
                 [styles['checkbox-indeterminate']]: isIndeterminate
@@ -25,7 +25,7 @@ const Checkbox = forwardRef(({ className, disabled, checked, defaultChecked, onC
                     onCheckedChange(value);
                 }
             }
-        }, disabled: disabled, ref: forwardedRef, ...props, children: jsx(Checkbox$1.Indicator, { className: styles.indicator, children: isIndeterminate ? jsx(IndeterminateIcon, {}) : jsx(CheckMarkIcon, {}) }) }));
+        }, disabled: disabled, ref: forwardedRef, ...props, children: jsx(CheckboxIndicator, { className: styles.indicator, children: isIndeterminate ? jsx(IndeterminateIcon, {}) : jsx(CheckMarkIcon, {}) }) }));
 });
 Checkbox.displayName = 'Checkbox';

package/dist/components/chip/chip.cjs CHANGED Viewed

@@ -2,10 +2,10 @@
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');
-var classVarianceAuthority = require('class-variance-authority');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var chip_module = require('./chip.module.css.cjs');
-const chip = classVarianceAuthority.cva(chip_module.default.chip, {
+const chip = index.cva(chip_module.default.chip, {
     variants: {
         variant: {
             outline: chip_module.default['chip-variant-outline'],

package/dist/components/chip/chip.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chip.cjs","sources":["../../../components/chip/chip.tsx"],"sourcesContent":["'use client';\n\nimport { type VariantProps, ~~cva~~ } from 'class-variance-authority';\nimport { ReactNode } from 'react';\n\nimport styles from './chip.module.css';\n\nconst chip = cva(styles.chip, {\n variants: {\n variant: {\n outline: styles['chip-variant-outline'],\n filled: styles['chip-variant-filled']\n },\n size: {\n large: styles['chip-size-large'],\n small: styles['chip-size-small']\n },\n color: {\n neutral: styles['chip-color-neutral'],\n accent: styles['chip-color-accent']\n }\n },\n defaultVariants: {\n variant: 'outline',\n size: 'small',\n color: 'neutral'\n }\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n trailingIcon?: ReactNode;\n leadingIcon?: ReactNode;\n isDismissible?: boolean;\n children: ReactNode;\n className?: string;\n onDismiss?: () => void;\n onClick?: () => void;\n role?: string;\n ariaLabel?: string;\n 'data-state'?: string;\n};\n\nexport const Chip = ({\n variant,\n size,\n color,\n trailingIcon,\n leadingIcon,\n isDismissible,\n children,\n className,\n onDismiss,\n onClick,\n role = 'status',\n ariaLabel,\n 'data-state': dataState\n}: ChipProps) => {\n const handleDismiss = (e: React.MouseEvent) => {\n e.stopPropagation();\n onDismiss?.();\n };\n\n return (\n <span\n className={chip({ variant, size, color, className })}\n role={role}\n aria-label={\n ariaLabel \|\| (typeof children === 'string' ? children : undefined)\n }\n onClick={onClick}\n data-state={dataState}\n >\n {leadingIcon && (\n <span\n className={styles['leading-icon']}\n aria-hidden='true'\n role='presentation'\n >\n {leadingIcon}\n </span>\n )}\n {children}\n {isDismissible ? (\n <button\n onClick={handleDismiss}\n className={styles['dismiss-button']}\n aria-label={`Remove ${\n typeof children === 'string' ? children : 'item'\n }`}\n type='button'\n >\n <svg\n width='12'\n height='12'\n viewBox='0 0 12 12'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n aria-hidden='true'\n role='presentation'\n >\n <path\n fillRule='evenodd'\n clipRule='evenodd'\n d='M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z'\n fill='currentColor'\n />\n </svg>\n </button>\n ) : trailingIcon ? (\n <span\n className={styles['trailing-icon']}\n aria-hidden='true'\n role='presentation'\n >\n {trailingIcon}\n </span>\n ) : null}\n </span>\n );\n};\n\nChip.displayName = 'Chip';\n"],"names":[],"mappings":";;;;;;;AAOA;AACE;AACE;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACF;AACD;AACE;AACA;AACA;AACD;AACF;AAeY;AAeX;;;AAGA;AAEA;AAyDF;AAEA;;"}
1	+ {"version":3,"file":"chip.cjs","sources":["../../../components/chip/chip.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ReactNode } from 'react';\n\nimport styles from './chip.module.css';\n\nconst chip = cva(styles.chip, {\n variants: {\n variant: {\n outline: styles['chip-variant-outline'],\n filled: styles['chip-variant-filled']\n },\n size: {\n large: styles['chip-size-large'],\n small: styles['chip-size-small']\n },\n color: {\n neutral: styles['chip-color-neutral'],\n accent: styles['chip-color-accent']\n }\n },\n defaultVariants: {\n variant: 'outline',\n size: 'small',\n color: 'neutral'\n }\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n trailingIcon?: ReactNode;\n leadingIcon?: ReactNode;\n isDismissible?: boolean;\n children: ReactNode;\n className?: string;\n onDismiss?: () => void;\n onClick?: () => void;\n role?: string;\n ariaLabel?: string;\n 'data-state'?: string;\n};\n\nexport const Chip = ({\n variant,\n size,\n color,\n trailingIcon,\n leadingIcon,\n isDismissible,\n children,\n className,\n onDismiss,\n onClick,\n role = 'status',\n ariaLabel,\n 'data-state': dataState\n}: ChipProps) => {\n const handleDismiss = (e: React.MouseEvent) => {\n e.stopPropagation();\n onDismiss?.();\n };\n\n return (\n <span\n className={chip({ variant, size, color, className })}\n role={role}\n aria-label={\n ariaLabel \|\| (typeof children === 'string' ? children : undefined)\n }\n onClick={onClick}\n data-state={dataState}\n >\n {leadingIcon && (\n <span\n className={styles['leading-icon']}\n aria-hidden='true'\n role='presentation'\n >\n {leadingIcon}\n </span>\n )}\n {children}\n {isDismissible ? (\n <button\n onClick={handleDismiss}\n className={styles['dismiss-button']}\n aria-label={`Remove ${\n typeof children === 'string' ? children : 'item'\n }`}\n type='button'\n >\n <svg\n width='12'\n height='12'\n viewBox='0 0 12 12'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n aria-hidden='true'\n role='presentation'\n >\n <path\n fillRule='evenodd'\n clipRule='evenodd'\n d='M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z'\n fill='currentColor'\n />\n </svg>\n </button>\n ) : trailingIcon ? (\n <span\n className={styles['trailing-icon']}\n aria-hidden='true'\n role='presentation'\n >\n {trailingIcon}\n </span>\n ) : null}\n </span>\n );\n};\n\nChip.displayName = 'Chip';\n"],"names":[],"mappings":";;;;;;;AAOA;AACE;AACE;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACF;AACD;AACE;AACA;AACA;AACD;AACF;AAeY;AAeX;;;AAGA;AAEA;AAyDF;AAEA;;"}

package/dist/components/chip/chip.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../components/chip/chip.tsx"],"names":[],"mappings":"AAEA,OAAO,~~EAAE~~,KAAK,YAAY,~~EAAO~~,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,QAAA,MAAM,IAAI;;;;8EAoBR,CAAC;AAEH,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG;IAC3C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,IAAI;4JAcd,SAAS;;CA+DX,CAAC"}
1	+ {"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../components/chip/chip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,QAAA,MAAM,IAAI;;;;8EAoBR,CAAC;AAEH,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG;IAC3C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,IAAI;4JAcd,SAAS;;CA+DX,CAAC"}

package/dist/components/chip/chip.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { cva } from 'class-variance-authority';
+import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import styles from './chip.module.css.js';
 const chip = cva(styles.chip, {

package/dist/components/chip/chip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chip.js","sources":["../../../components/chip/chip.tsx"],"sourcesContent":["'use client';\n\nimport { type VariantProps, ~~cva~~ } from 'class-variance-authority';\nimport { ReactNode } from 'react';\n\nimport styles from './chip.module.css';\n\nconst chip = cva(styles.chip, {\n variants: {\n variant: {\n outline: styles['chip-variant-outline'],\n filled: styles['chip-variant-filled']\n },\n size: {\n large: styles['chip-size-large'],\n small: styles['chip-size-small']\n },\n color: {\n neutral: styles['chip-color-neutral'],\n accent: styles['chip-color-accent']\n }\n },\n defaultVariants: {\n variant: 'outline',\n size: 'small',\n color: 'neutral'\n }\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n trailingIcon?: ReactNode;\n leadingIcon?: ReactNode;\n isDismissible?: boolean;\n children: ReactNode;\n className?: string;\n onDismiss?: () => void;\n onClick?: () => void;\n role?: string;\n ariaLabel?: string;\n 'data-state'?: string;\n};\n\nexport const Chip = ({\n variant,\n size,\n color,\n trailingIcon,\n leadingIcon,\n isDismissible,\n children,\n className,\n onDismiss,\n onClick,\n role = 'status',\n ariaLabel,\n 'data-state': dataState\n}: ChipProps) => {\n const handleDismiss = (e: React.MouseEvent) => {\n e.stopPropagation();\n onDismiss?.();\n };\n\n return (\n <span\n className={chip({ variant, size, color, className })}\n role={role}\n aria-label={\n ariaLabel \|\| (typeof children === 'string' ? children : undefined)\n }\n onClick={onClick}\n data-state={dataState}\n >\n {leadingIcon && (\n <span\n className={styles['leading-icon']}\n aria-hidden='true'\n role='presentation'\n >\n {leadingIcon}\n </span>\n )}\n {children}\n {isDismissible ? (\n <button\n onClick={handleDismiss}\n className={styles['dismiss-button']}\n aria-label={`Remove ${\n typeof children === 'string' ? children : 'item'\n }`}\n type='button'\n >\n <svg\n width='12'\n height='12'\n viewBox='0 0 12 12'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n aria-hidden='true'\n role='presentation'\n >\n <path\n fillRule='evenodd'\n clipRule='evenodd'\n d='M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z'\n fill='currentColor'\n />\n </svg>\n </button>\n ) : trailingIcon ? (\n <span\n className={styles['trailing-icon']}\n aria-hidden='true'\n role='presentation'\n >\n {trailingIcon}\n </span>\n ) : null}\n </span>\n );\n};\n\nChip.displayName = 'Chip';\n"],"names":[],"mappings":";;;;;AAOA;AACE;AACE;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACF;AACD;AACE;AACA;AACA;AACD;AACF;AAeY;AAeX;;;AAGA;AAEA;AAyDF;AAEA;;"}
1	+ {"version":3,"file":"chip.js","sources":["../../../components/chip/chip.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ReactNode } from 'react';\n\nimport styles from './chip.module.css';\n\nconst chip = cva(styles.chip, {\n variants: {\n variant: {\n outline: styles['chip-variant-outline'],\n filled: styles['chip-variant-filled']\n },\n size: {\n large: styles['chip-size-large'],\n small: styles['chip-size-small']\n },\n color: {\n neutral: styles['chip-color-neutral'],\n accent: styles['chip-color-accent']\n }\n },\n defaultVariants: {\n variant: 'outline',\n size: 'small',\n color: 'neutral'\n }\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n trailingIcon?: ReactNode;\n leadingIcon?: ReactNode;\n isDismissible?: boolean;\n children: ReactNode;\n className?: string;\n onDismiss?: () => void;\n onClick?: () => void;\n role?: string;\n ariaLabel?: string;\n 'data-state'?: string;\n};\n\nexport const Chip = ({\n variant,\n size,\n color,\n trailingIcon,\n leadingIcon,\n isDismissible,\n children,\n className,\n onDismiss,\n onClick,\n role = 'status',\n ariaLabel,\n 'data-state': dataState\n}: ChipProps) => {\n const handleDismiss = (e: React.MouseEvent) => {\n e.stopPropagation();\n onDismiss?.();\n };\n\n return (\n <span\n className={chip({ variant, size, color, className })}\n role={role}\n aria-label={\n ariaLabel \|\| (typeof children === 'string' ? children : undefined)\n }\n onClick={onClick}\n data-state={dataState}\n >\n {leadingIcon && (\n <span\n className={styles['leading-icon']}\n aria-hidden='true'\n role='presentation'\n >\n {leadingIcon}\n </span>\n )}\n {children}\n {isDismissible ? (\n <button\n onClick={handleDismiss}\n className={styles['dismiss-button']}\n aria-label={`Remove ${\n typeof children === 'string' ? children : 'item'\n }`}\n type='button'\n >\n <svg\n width='12'\n height='12'\n viewBox='0 0 12 12'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n aria-hidden='true'\n role='presentation'\n >\n <path\n fillRule='evenodd'\n clipRule='evenodd'\n d='M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z'\n fill='currentColor'\n />\n </svg>\n </button>\n ) : trailingIcon ? (\n <span\n className={styles['trailing-icon']}\n aria-hidden='true'\n role='presentation'\n >\n {trailingIcon}\n </span>\n ) : null}\n </span>\n );\n};\n\nChip.displayName = 'Chip';\n"],"names":[],"mappings":";;;;;AAOA;AACE;AACE;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACF;AACD;AACE;AACA;AACA;AACD;AACF;AAeY;AAeX;;;AAGA;AAEA;AAyDF;AAEA;;"}

package/dist/components/code-block/code-block-code.cjs CHANGED Viewed

@@ -2,13 +2,13 @@
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');
-var classVarianceAuthority = require('class-variance-authority');
-var prismReactRenderer = require('prism-react-renderer');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var index$1 = require('../../node_modules/.pnpm/prism-react-renderer@2.4.1_react@19.2.1/node_modules/prism-react-renderer/dist/index.cjs');
 var React = require('react');
 var useIsomorphicLayoutEffect = require('../../hooks/useIsomorphicLayoutEffect.cjs');
-var codeBlockRoot = require('./code-block-root.cjs');
-var codeBlock_module = require('./code-block.module.css.cjs');
 var code_module = require('./code.module.css.cjs');
+var codeBlock_module = require('./code-block.module.css.cjs');
+var codeBlockRoot = require('./code-block-root.cjs');
 const emptyTheme = { plain: {}, styles: [] };
 const CodeBlockCode = React.forwardRef(({ children, language, className, value, ...props }, ref) => {
@@ -34,15 +34,15 @@ const CodeBlockCode = React.forwardRef(({ children, language, className, value,
     ]);
     if (!shouldRender)
         return null;
-    return (jsxRuntime.jsx("div", { ref: ref, className: classVarianceAuthority.cx(codeBlock_module.default.codeContent, className), ...props, children: jsxRuntime.jsx(CodeHighlight, { content: content, language: language }) }));
+    return (jsxRuntime.jsx("div", { ref: ref, className: index.cx(codeBlock_module.default.codeContent, className), ...props, children: jsxRuntime.jsx(CodeHighlight, { content: content, language: language }) }));
 });
 CodeBlockCode.displayName = 'CodeBlockCode';
 const CodeHighlight = React.memo(({ content, language }) => {
     const { hideLineNumbers, maxLines, collapsed } = codeBlockRoot.useCodeBlockContext();
     const canCollapse = maxLines && maxLines > 0;
-    return (jsxRuntime.jsx(prismReactRenderer.Highlight, { theme: emptyTheme, code: content, language: language, children: ({ className: highlightClassName, style, tokens, getLineProps, getTokenProps }) => {
+    return (jsxRuntime.jsx(index$1.Highlight, { theme: emptyTheme, code: content, language: language, children: ({ className: highlightClassName, style, tokens, getLineProps, getTokenProps }) => {
             const renderedTokens = canCollapse && collapsed ? tokens.slice(0, maxLines) : tokens;
-            return (jsxRuntime.jsx("pre", { className: classVarianceAuthority.cx(code_module.default.theme, codeBlock_module.default.pre, highlightClassName), style: style, children: renderedTokens.map((line, i) => (jsxRuntime.jsxs("div", { ...getLineProps({ line }), children: [!hideLineNumbers && (jsxRuntime.jsx("span", { className: codeBlock_module.default.lineNumber, children: i + 1 })), jsxRuntime.jsx("span", { className: codeBlock_module.default.lineContent, children: line.map((token, key) => (jsxRuntime.jsx("span", { ...getTokenProps({ token }) }, key))) })] }, i))) }));
+            return (jsxRuntime.jsx("pre", { className: index.cx(code_module.default.theme, codeBlock_module.default.pre, highlightClassName), style: style, children: renderedTokens.map((line, i) => (jsxRuntime.jsxs("div", { ...getLineProps({ line }), children: [!hideLineNumbers && (jsxRuntime.jsx("span", { className: codeBlock_module.default.lineNumber, children: i + 1 })), jsxRuntime.jsx("span", { className: codeBlock_module.default.lineContent, children: line.map((token, key) => (jsxRuntime.jsx("span", { ...getTokenProps({ token }) }, key))) })] }, i))) }));
         } }));
 });

package/dist/components/code-block/code-block-code.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"code-block-code.cjs","sources":["../../../components/code-block/code-block-code.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Highlight ~~} from 'prism-react-renderer';\nimport {~~ Language } from 'prism-react-renderer';\nimport { ~~HTMLAttributes~~, ~~forwardRef~~, memo } from 'react';\nimport { useIsomorphicLayoutEffect } from '~/hooks';\nimport { ~~useCodeBlockContext }~~ from './code~~-block-root~~';\nimport styles from './code-block.module.css';\nimport ~~code~~ from './code~~.module.css~~';\n\nexport interface CodeBlockCodeProps extends HTMLAttributes<HTMLDivElement> {\n children: string;\n language: Language;\n value?: string;\n className?: string;\n}\n\nconst emptyTheme = { plain: {}, styles: [] };\n\nexport const CodeBlockCode = forwardRef<HTMLDivElement, CodeBlockCodeProps>(\n ({ children, language, className, value, ...props }, ref) => {\n const { value: contextValue, setCode, setValue } = useCodeBlockContext();\n const computedValue = value ?? language;\n const isContextValueDefined = !!contextValue;\n const shouldRender =\n !isContextValueDefined \|\| contextValue === computedValue;\n const content = children.trim();\n\n useIsomorphicLayoutEffect(() => {\n // if value is not defined, set the value\n if (!isContextValueDefined) setValue(language);\n // if should render, store the code\n if (shouldRender) setCode(content);\n }, [\n content,\n setCode,\n shouldRender,\n setValue,\n language,\n isContextValueDefined\n ]);\n\n if (!shouldRender) return null;\n\n return (\n <div ref={ref} className={cx(styles.codeContent, className)} {...props}>\n <CodeHighlight content={content} language={language} />\n </div>\n );\n }\n);\n\nCodeBlockCode.displayName = 'CodeBlockCode';\n\nconst CodeHighlight = memo(\n ({ content, language }: { content: string; language: Language }) => {\n const { hideLineNumbers, maxLines, collapsed } = useCodeBlockContext();\n const canCollapse = maxLines && maxLines > 0;\n return (\n <Highlight theme={emptyTheme} code={content} language={language}>\n {({\n className: highlightClassName,\n style,\n tokens,\n getLineProps,\n getTokenProps\n }) => {\n const renderedTokens =\n canCollapse && collapsed ? tokens.slice(0, maxLines) : tokens;\n return (\n <pre\n className={cx(code.theme, styles.pre, highlightClassName)}\n style={style}\n >\n {renderedTokens.map((line, i) => (\n <div key={i} {...getLineProps({ line })}>\n {!hideLineNumbers && (\n <span className={styles.lineNumber}>{i + 1}</span>\n )}\n <span className={styles.lineContent}>\n {line.map((token, key) => (\n <span key={key} {...getTokenProps({ token })} />\n ))}\n </span>\n </div>\n ))}\n </pre>\n );\n }}\n </Highlight>\n );\n }\n);\n"],"names":[],"mappings":";;;;;;;;;;;;~~AAkBA~~;;AAII;AACA;AACA;;AAGA;;;AAIE;;;AAEA;;AACF;;;;;;;AAOC;AAED;AAAmB;AAEnB;AAKF;AAGF;AAEA;;AAGI;AACA;;;;AAiCF;;"}
1	+ {"version":3,"file":"code-block-code.cjs","sources":["../../../components/code-block/code-block-code.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Highlight, Language } from 'prism-react-renderer';\nimport { forwardRef, HTMLAttributes, memo } from 'react';\nimport { useIsomorphicLayoutEffect } from '~/hooks';\nimport code from './code.module.css';\nimport styles from './code-block.module.css';\nimport { useCodeBlockContext } from './code-block-root';\n\nexport interface CodeBlockCodeProps extends HTMLAttributes<HTMLDivElement> {\n children: string;\n language: Language;\n value?: string;\n className?: string;\n}\n\nconst emptyTheme = { plain: {}, styles: [] };\n\nexport const CodeBlockCode = forwardRef<HTMLDivElement, CodeBlockCodeProps>(\n ({ children, language, className, value, ...props }, ref) => {\n const { value: contextValue, setCode, setValue } = useCodeBlockContext();\n const computedValue = value ?? language;\n const isContextValueDefined = !!contextValue;\n const shouldRender =\n !isContextValueDefined \|\| contextValue === computedValue;\n const content = children.trim();\n\n useIsomorphicLayoutEffect(() => {\n // if value is not defined, set the value\n if (!isContextValueDefined) setValue(language);\n // if should render, store the code\n if (shouldRender) setCode(content);\n }, [\n content,\n setCode,\n shouldRender,\n setValue,\n language,\n isContextValueDefined\n ]);\n\n if (!shouldRender) return null;\n\n return (\n <div ref={ref} className={cx(styles.codeContent, className)} {...props}>\n <CodeHighlight content={content} language={language} />\n </div>\n );\n }\n);\n\nCodeBlockCode.displayName = 'CodeBlockCode';\n\nconst CodeHighlight = memo(\n ({ content, language }: { content: string; language: Language }) => {\n const { hideLineNumbers, maxLines, collapsed } = useCodeBlockContext();\n const canCollapse = maxLines && maxLines > 0;\n return (\n <Highlight theme={emptyTheme} code={content} language={language}>\n {({\n className: highlightClassName,\n style,\n tokens,\n getLineProps,\n getTokenProps\n }) => {\n const renderedTokens =\n canCollapse && collapsed ? tokens.slice(0, maxLines) : tokens;\n return (\n <pre\n className={cx(code.theme, styles.pre, highlightClassName)}\n style={style}\n >\n {renderedTokens.map((line, i) => (\n <div key={i} {...getLineProps({ line })}>\n {!hideLineNumbers && (\n <span className={styles.lineNumber}>{i + 1}</span>\n )}\n <span className={styles.lineContent}>\n {line.map((token, key) => (\n <span key={key} {...getTokenProps({ token })} />\n ))}\n </span>\n </div>\n ))}\n </pre>\n );\n }}\n </Highlight>\n );\n }\n);\n"],"names":[],"mappings":";;;;;;;;;;;;AAiBA;;AAII;AACA;AACA;;AAGA;;;AAIE;;;AAEA;;AACF;;;;;;;AAOC;AAED;AAAmB;AAEnB;AAKF;AAGF;AAEA;;AAGI;AACA;;;;AAiCF;;"}

package/dist/components/code-block/code-block-code.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"code-block-code.d.ts","sourceRoot":"","sources":["../../../components/code-block/code-block-code.tsx"],"names":[],"mappings":"~~AAIA~~,OAAO,~~EAAE~~,QAAQ,EAAE,MAAM,sBAAsB,CAAC;~~AAChD~~,OAAO,~~EAAE~~,cAAc,~~EAAoB~~,MAAM,OAAO,CAAC;AAMzD,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,eAAO,MAAM,aAAa,+GA+BzB,CAAC"}
1	+ {"version":3,"file":"code-block-code.d.ts","sourceRoot":"","sources":["../../../components/code-block/code-block-code.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAc,cAAc,EAAQ,MAAM,OAAO,CAAC;AAMzD,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,eAAO,MAAM,aAAa,+GA+BzB,CAAC"}

package/dist/components/code-block/code-block-code.js CHANGED Viewed

@@ -1,12 +1,12 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { cx } from 'class-variance-authority';
-import { Highlight } from 'prism-react-renderer';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { Highlight as Highlight2 } from '../../node_modules/.pnpm/prism-react-renderer@2.4.1_react@19.2.1/node_modules/prism-react-renderer/dist/index.js';
 import { forwardRef, memo } from 'react';
 import { useIsomorphicLayoutEffect } from '../../hooks/useIsomorphicLayoutEffect.js';
-import { useCodeBlockContext } from './code-block-root.js';
-import styles from './code-block.module.css.js';
 import code from './code.module.css.js';
+import styles from './code-block.module.css.js';
+import { useCodeBlockContext } from './code-block-root.js';
 const emptyTheme = { plain: {}, styles: [] };
 const CodeBlockCode = forwardRef(({ children, language, className, value, ...props }, ref) => {
@@ -38,7 +38,7 @@ CodeBlockCode.displayName = 'CodeBlockCode';
 const CodeHighlight = memo(({ content, language }) => {
     const { hideLineNumbers, maxLines, collapsed } = useCodeBlockContext();
     const canCollapse = maxLines && maxLines > 0;
-    return (jsx(Highlight, { theme: emptyTheme, code: content, language: language, children: ({ className: highlightClassName, style, tokens, getLineProps, getTokenProps }) => {
+    return (jsx(Highlight2, { theme: emptyTheme, code: content, language: language, children: ({ className: highlightClassName, style, tokens, getLineProps, getTokenProps }) => {
             const renderedTokens = canCollapse && collapsed ? tokens.slice(0, maxLines) : tokens;
             return (jsx("pre", { className: cx(code.theme, styles.pre, highlightClassName), style: style, children: renderedTokens.map((line, i) => (jsxs("div", { ...getLineProps({ line }), children: [!hideLineNumbers && (jsx("span", { className: styles.lineNumber, children: i + 1 })), jsx("span", { className: styles.lineContent, children: line.map((token, key) => (jsx("span", { ...getTokenProps({ token }) }, key))) })] }, i))) }));
         } }));

package/dist/components/code-block/code-block-code.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"code-block-code.js","sources":["../../../components/code-block/code-block-code.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Highlight ~~} from 'prism-react-renderer';\nimport {~~ Language } from 'prism-react-renderer';\nimport { ~~HTMLAttributes~~, ~~forwardRef~~, memo } from 'react';\nimport { useIsomorphicLayoutEffect } from '~/hooks';\nimport { ~~useCodeBlockContext }~~ from './code~~-block-root~~';\nimport styles from './code-block.module.css';\nimport ~~code~~ from './code~~.module.css~~';\n\nexport interface CodeBlockCodeProps extends HTMLAttributes<HTMLDivElement> {\n children: string;\n language: Language;\n value?: string;\n className?: string;\n}\n\nconst emptyTheme = { plain: {}, styles: [] };\n\nexport const CodeBlockCode = forwardRef<HTMLDivElement, CodeBlockCodeProps>(\n ({ children, language, className, value, ...props }, ref) => {\n const { value: contextValue, setCode, setValue } = useCodeBlockContext();\n const computedValue = value ?? language;\n const isContextValueDefined = !!contextValue;\n const shouldRender =\n !isContextValueDefined \|\| contextValue === computedValue;\n const content = children.trim();\n\n useIsomorphicLayoutEffect(() => {\n // if value is not defined, set the value\n if (!isContextValueDefined) setValue(language);\n // if should render, store the code\n if (shouldRender) setCode(content);\n }, [\n content,\n setCode,\n shouldRender,\n setValue,\n language,\n isContextValueDefined\n ]);\n\n if (!shouldRender) return null;\n\n return (\n <div ref={ref} className={cx(styles.codeContent, className)} {...props}>\n <CodeHighlight content={content} language={language} />\n </div>\n );\n }\n);\n\nCodeBlockCode.displayName = 'CodeBlockCode';\n\nconst CodeHighlight = memo(\n ({ content, language }: { content: string; language: Language }) => {\n const { hideLineNumbers, maxLines, collapsed } = useCodeBlockContext();\n const canCollapse = maxLines && maxLines > 0;\n return (\n <Highlight theme={emptyTheme} code={content} language={language}>\n {({\n className: highlightClassName,\n style,\n tokens,\n getLineProps,\n getTokenProps\n }) => {\n const renderedTokens =\n canCollapse && collapsed ? tokens.slice(0, maxLines) : tokens;\n return (\n <pre\n className={cx(code.theme, styles.pre, highlightClassName)}\n style={style}\n >\n {renderedTokens.map((line, i) => (\n <div key={i} {...getLineProps({ line })}>\n {!hideLineNumbers && (\n <span className={styles.lineNumber}>{i + 1}</span>\n )}\n <span className={styles.lineContent}>\n {line.map((token, key) => (\n <span key={key} {...getTokenProps({ token })} />\n ))}\n </span>\n </div>\n ))}\n </pre>\n );\n }}\n </Highlight>\n );\n }\n);\n"],"names":[],"mappings":";;;;;;;;;;~~AAkBA~~;;AAII;AACA;AACA;;AAGA;;;AAIE;;;AAEA;;AACF;;;;;;;AAOC;AAED;AAAmB;AAEnB;AAKF;AAGF;AAEA;;AAGI;AACA;;;;AAiCF;;"}
1	+ {"version":3,"file":"code-block-code.js","sources":["../../../components/code-block/code-block-code.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Highlight, Language } from 'prism-react-renderer';\nimport { forwardRef, HTMLAttributes, memo } from 'react';\nimport { useIsomorphicLayoutEffect } from '~/hooks';\nimport code from './code.module.css';\nimport styles from './code-block.module.css';\nimport { useCodeBlockContext } from './code-block-root';\n\nexport interface CodeBlockCodeProps extends HTMLAttributes<HTMLDivElement> {\n children: string;\n language: Language;\n value?: string;\n className?: string;\n}\n\nconst emptyTheme = { plain: {}, styles: [] };\n\nexport const CodeBlockCode = forwardRef<HTMLDivElement, CodeBlockCodeProps>(\n ({ children, language, className, value, ...props }, ref) => {\n const { value: contextValue, setCode, setValue } = useCodeBlockContext();\n const computedValue = value ?? language;\n const isContextValueDefined = !!contextValue;\n const shouldRender =\n !isContextValueDefined \|\| contextValue === computedValue;\n const content = children.trim();\n\n useIsomorphicLayoutEffect(() => {\n // if value is not defined, set the value\n if (!isContextValueDefined) setValue(language);\n // if should render, store the code\n if (shouldRender) setCode(content);\n }, [\n content,\n setCode,\n shouldRender,\n setValue,\n language,\n isContextValueDefined\n ]);\n\n if (!shouldRender) return null;\n\n return (\n <div ref={ref} className={cx(styles.codeContent, className)} {...props}>\n <CodeHighlight content={content} language={language} />\n </div>\n );\n }\n);\n\nCodeBlockCode.displayName = 'CodeBlockCode';\n\nconst CodeHighlight = memo(\n ({ content, language }: { content: string; language: Language }) => {\n const { hideLineNumbers, maxLines, collapsed } = useCodeBlockContext();\n const canCollapse = maxLines && maxLines > 0;\n return (\n <Highlight theme={emptyTheme} code={content} language={language}>\n {({\n className: highlightClassName,\n style,\n tokens,\n getLineProps,\n getTokenProps\n }) => {\n const renderedTokens =\n canCollapse && collapsed ? tokens.slice(0, maxLines) : tokens;\n return (\n <pre\n className={cx(code.theme, styles.pre, highlightClassName)}\n style={style}\n >\n {renderedTokens.map((line, i) => (\n <div key={i} {...getLineProps({ line })}>\n {!hideLineNumbers && (\n <span className={styles.lineNumber}>{i + 1}</span>\n )}\n <span className={styles.lineContent}>\n {line.map((token, key) => (\n <span key={key} {...getTokenProps({ token })} />\n ))}\n </span>\n </div>\n ))}\n </pre>\n );\n }}\n </Highlight>\n );\n }\n);\n"],"names":[],"mappings":";;;;;;;;;;AAiBA;;AAII;AACA;AACA;;AAGA;;;AAIE;;;AAEA;;AACF;;;;;;;AAOC;AAED;AAAmB;AAEnB;AAKF;AAGF;AAEA;;AAGI;AACA;;;;AAiCF;;"}

package/dist/components/code-block/code-block-language-select.cjs CHANGED Viewed

@@ -2,11 +2,11 @@
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');
-var classVarianceAuthority = require('class-variance-authority');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
 var select = require('../select/select.cjs');
-var codeBlockRoot = require('./code-block-root.cjs');
 var codeBlock_module = require('./code-block.module.css.cjs');
+var codeBlockRoot = require('./code-block-root.cjs');
 const CodeBlockLanguageSelect = (props) => {
     const { value, setValue } = codeBlockRoot.useCodeBlockContext();
@@ -17,7 +17,7 @@ const CodeBlockLanguageSelect = (props) => {
 };
 CodeBlockLanguageSelect.displayName = 'CodeBlockLanguageSelect';
 const CodeBlockLanguageSelectTrigger = React.forwardRef(({ className, ...props }, ref) => {
-    return (jsxRuntime.jsx(select.Select.Trigger, { ref: ref, className: classVarianceAuthority.cx(codeBlock_module.default.languageSelectTrigger, className), size: 'small', variant: 'text', ...props, children: jsxRuntime.jsx(select.Select.Value, {}) }));
+    return (jsxRuntime.jsx(select.Select.Trigger, { ref: ref, className: index.cx(codeBlock_module.default.languageSelectTrigger, className), size: 'small', variant: 'text', ...props, children: jsxRuntime.jsx(select.Select.Value, {}) }));
 });
 CodeBlockLanguageSelectTrigger.displayName = 'CodeBlockLanguageSelectTrigger';

package/dist/components/code-block/code-block-language-select.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"code-block-language-select.cjs","sources":["../../../components/code-block/code-block-language-select.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Language } from 'prism-react-renderer';\nimport { ComponentProps, ElementRef, forwardRef } from 'react';\nimport { Select } from '../select';\nimport { SingleSelectProps } from '../select/select-root';\nimport { ~~useCodeBlockContext }~~ from './code-block~~-root~~';\nimport ~~styles~~ from './code-block~~.module.css~~';\n\nexport const CodeBlockLanguageSelect = (props: SingleSelectProps) => {\n const { value, setValue } = useCodeBlockContext();\n\n const handleValueChange = (value: string) => {\n setValue(value as Language);\n };\n return <Select onValueChange={handleValueChange} value={value} {...props} />;\n};\n\nCodeBlockLanguageSelect.displayName = 'CodeBlockLanguageSelect';\n\nexport const CodeBlockLanguageSelectTrigger = forwardRef<\n ElementRef<typeof Select.Trigger>,\n ComponentProps<typeof Select.Trigger>\n>(({ className, ...props }, ref) => {\n return (\n <Select.Trigger\n ref={ref}\n className={cx(styles.languageSelectTrigger, className)}\n size='small'\n variant='text'\n {...props}\n >\n <Select.Value />\n </Select.Trigger>\n );\n});\n\nCodeBlockLanguageSelectTrigger.displayName = 'CodeBlockLanguageSelectTrigger';\n"],"names":[],"mappings":";;;;;;;;;;AAUa;;AAGX;;AAEA;AACA;AACF;AAEA;AAEa;AAIX;AAWF;AAEA;;;"}
1	+ {"version":3,"file":"code-block-language-select.cjs","sources":["../../../components/code-block/code-block-language-select.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Language } from 'prism-react-renderer';\nimport { ComponentProps, ElementRef, forwardRef } from 'react';\nimport { Select } from '../select';\nimport { SingleSelectProps } from '../select/select-root';\nimport styles from './code-block.module.css';\nimport { useCodeBlockContext } from './code-block-root';\n\nexport const CodeBlockLanguageSelect = (props: SingleSelectProps) => {\n const { value, setValue } = useCodeBlockContext();\n\n const handleValueChange = (value: string) => {\n setValue(value as Language);\n };\n return <Select onValueChange={handleValueChange} value={value} {...props} />;\n};\n\nCodeBlockLanguageSelect.displayName = 'CodeBlockLanguageSelect';\n\nexport const CodeBlockLanguageSelectTrigger = forwardRef<\n ElementRef<typeof Select.Trigger>,\n ComponentProps<typeof Select.Trigger>\n>(({ className, ...props }, ref) => {\n return (\n <Select.Trigger\n ref={ref}\n className={cx(styles.languageSelectTrigger, className)}\n size='small'\n variant='text'\n {...props}\n >\n <Select.Value />\n </Select.Trigger>\n );\n});\n\nCodeBlockLanguageSelectTrigger.displayName = 'CodeBlockLanguageSelectTrigger';\n"],"names":[],"mappings":";;;;;;;;;;AAUa;;AAGX;;AAEA;AACA;AACF;AAEA;AAEa;AAIX;AAWF;AAEA;;;"}

package/dist/components/code-block/code-block-language-select.js CHANGED Viewed

@@ -1,10 +1,10 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { cx } from 'class-variance-authority';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { forwardRef } from 'react';
 import { Select } from '../select/select.js';
-import { useCodeBlockContext } from './code-block-root.js';
 import styles from './code-block.module.css.js';
+import { useCodeBlockContext } from './code-block-root.js';
 const CodeBlockLanguageSelect = (props) => {
     const { value, setValue } = useCodeBlockContext();

package/dist/components/code-block/code-block-language-select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"code-block-language-select.js","sources":["../../../components/code-block/code-block-language-select.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Language } from 'prism-react-renderer';\nimport { ComponentProps, ElementRef, forwardRef } from 'react';\nimport { Select } from '../select';\nimport { SingleSelectProps } from '../select/select-root';\nimport { ~~useCodeBlockContext }~~ from './code-block~~-root~~';\nimport ~~styles~~ from './code-block~~.module.css~~';\n\nexport const CodeBlockLanguageSelect = (props: SingleSelectProps) => {\n const { value, setValue } = useCodeBlockContext();\n\n const handleValueChange = (value: string) => {\n setValue(value as Language);\n };\n return <Select onValueChange={handleValueChange} value={value} {...props} />;\n};\n\nCodeBlockLanguageSelect.displayName = 'CodeBlockLanguageSelect';\n\nexport const CodeBlockLanguageSelectTrigger = forwardRef<\n ElementRef<typeof Select.Trigger>,\n ComponentProps<typeof Select.Trigger>\n>(({ className, ...props }, ref) => {\n return (\n <Select.Trigger\n ref={ref}\n className={cx(styles.languageSelectTrigger, className)}\n size='small'\n variant='text'\n {...props}\n >\n <Select.Value />\n </Select.Trigger>\n );\n});\n\nCodeBlockLanguageSelectTrigger.displayName = 'CodeBlockLanguageSelectTrigger';\n"],"names":[],"mappings":";;;;;;;;AAUa;;AAGX;;AAEA;AACA;AACF;AAEA;AAEa;AAIX;AAWF;AAEA;;"}
1	+ {"version":3,"file":"code-block-language-select.js","sources":["../../../components/code-block/code-block-language-select.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { Language } from 'prism-react-renderer';\nimport { ComponentProps, ElementRef, forwardRef } from 'react';\nimport { Select } from '../select';\nimport { SingleSelectProps } from '../select/select-root';\nimport styles from './code-block.module.css';\nimport { useCodeBlockContext } from './code-block-root';\n\nexport const CodeBlockLanguageSelect = (props: SingleSelectProps) => {\n const { value, setValue } = useCodeBlockContext();\n\n const handleValueChange = (value: string) => {\n setValue(value as Language);\n };\n return <Select onValueChange={handleValueChange} value={value} {...props} />;\n};\n\nCodeBlockLanguageSelect.displayName = 'CodeBlockLanguageSelect';\n\nexport const CodeBlockLanguageSelectTrigger = forwardRef<\n ElementRef<typeof Select.Trigger>,\n ComponentProps<typeof Select.Trigger>\n>(({ className, ...props }, ref) => {\n return (\n <Select.Trigger\n ref={ref}\n className={cx(styles.languageSelectTrigger, className)}\n size='small'\n variant='text'\n {...props}\n >\n <Select.Value />\n </Select.Trigger>\n );\n});\n\nCodeBlockLanguageSelectTrigger.displayName = 'CodeBlockLanguageSelectTrigger';\n"],"names":[],"mappings":";;;;;;;;AAUa;;AAGX;;AAEA;AACA;AACF;AAEA;AAEa;AAIX;AAWF;AAEA;;"}

package/dist/components/code-block/code-block-misc.cjs CHANGED Viewed

@@ -2,42 +2,42 @@
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');
-var classVarianceAuthority = require('class-variance-authority');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
 var button = require('../button/button.cjs');
 var copyButton = require('../copy-button/copy-button.cjs');
 var flex = require('../flex/flex.cjs');
 var text = require('../text/text.cjs');
-var codeBlockRoot = require('./code-block-root.cjs');
 var codeBlock_module = require('./code-block.module.css.cjs');
+var codeBlockRoot = require('./code-block-root.cjs');
 const CodeBlockContent = React.forwardRef(({ children, className, ...props }, ref) => {
-    return (jsxRuntime.jsx("div", { ref: ref, className: classVarianceAuthority.cx(codeBlock_module.default.content, className), ...props, children: children }));
+    return (jsxRuntime.jsx("div", { ref: ref, className: index.cx(codeBlock_module.default.content, className), ...props, children: children }));
 });
 CodeBlockContent.displayName = 'CodeBlockContent';
 const CodeBlockHeader = React.forwardRef(({ children, className, ...props }, ref) => {
-    return (jsxRuntime.jsx(flex.Flex, { ref: ref, align: 'center', gap: 4, className: classVarianceAuthority.cx(codeBlock_module.default.header, className), ...props, children: children }));
+    return (jsxRuntime.jsx(flex.Flex, { ref: ref, align: 'center', gap: 4, className: index.cx(codeBlock_module.default.header, className), ...props, children: children }));
 });
 CodeBlockHeader.displayName = 'CodeBlockHeader';
 const CodeBlockLabel = React.forwardRef(({ children, className, ...props }, ref) => {
-    return (jsxRuntime.jsx(text.Text, { ref: ref, className: classVarianceAuthority.cx(codeBlock_module.default.label, className), ...props, children: children }));
+    return (jsxRuntime.jsx(text.Text, { ref: ref, className: index.cx(codeBlock_module.default.label, className), ...props, children: children }));
 });
 CodeBlockLabel.displayName = 'CodeBlockLabel';
-const CodeBlockCollapseTrigger = React.forwardRef(({ className, children = 'Show Code', onClick, ...props }, ref) => {
+const CodeBlockCollapseTrigger = React.forwardRef(({ className, children = collapsed => (collapsed ? 'Show Code' : 'Hide Code'), onClick, ...props }, ref) => {
     const { maxLines, collapsed, toggleCollapsed, code } = codeBlockRoot.useCodeBlockContext();
     const canCollapse = maxLines && maxLines > 0;
     const lineCount = code?.split('\n').length ?? 0;
-    if (!canCollapse || !collapsed || lineCount < maxLines)
+    if (!canCollapse || lineCount < maxLines)
         return null;
     return (jsxRuntime.jsx(button.Button, { ref: ref, onClick: e => {
             toggleCollapsed();
             onClick?.(e);
-        }, variant: 'text', color: 'neutral', className: classVarianceAuthority.cx(codeBlock_module.default.collapseTrigger, className), ...props, children: children }));
+        }, variant: 'text', color: 'neutral', className: index.cx(codeBlock_module.default.collapseTrigger, collapsed && codeBlock_module.default.collapsed, className), ...props, children: typeof children === 'function' ? children(!!collapsed) : children }));
 });
 CodeBlockCollapseTrigger.displayName = 'CodeBlockCollapseTrigger';
 const CodeBlockCopyButton = React.forwardRef(({ className, variant = 'default', ...props }, ref) => {
     const { code = '' } = codeBlockRoot.useCodeBlockContext();
-    return (jsxRuntime.jsx(copyButton.CopyButton, { ref: ref, text: code, size: variant === 'floating' ? 2 : 3, className: classVarianceAuthority.cx(codeBlock_module.default.copyButton, variant === 'floating' && codeBlock_module.default.floatingCopyButton, className), ...props }));
+    return (jsxRuntime.jsx(copyButton.CopyButton, { ref: ref, text: code, size: variant === 'floating' ? 2 : 3, className: index.cx(codeBlock_module.default.copyButton, variant === 'floating' && codeBlock_module.default.floatingCopyButton, className), ...props }));
 });
 CodeBlockCopyButton.displayName = 'CodeBlockCopyButton';

package/dist/components/code-block/code-block-misc.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"code-block-misc.cjs","sources":["../../../components/code-block/code-block-misc.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { ComponentProps, ElementRef, HTMLAttributes~~, forwardRef~~ } from 'react';\nimport { Button } from '../button';\nimport { CopyButton } from '../copy-button';\nimport { Flex } from '../flex';\nimport { Text } from '../text';\nimport { ~~useCodeBlockContext }~~ from './code-block~~-root~~';\nimport ~~styles~~ from './code-block~~.module.css~~';\n\nexport const CodeBlockContent = forwardRef<\n HTMLDivElement,\n HTMLAttributes<HTMLDivElement>\n>(({ children, className, ...props }, ref) => {\n return (\n <div ref={ref} className={cx(styles.content, className)} {...props}>\n {children}\n </div>\n );\n});\n\nCodeBlockContent.displayName = 'CodeBlockContent';\n\nexport const CodeBlockHeader = forwardRef<\n ElementRef<typeof Flex>,\n ComponentProps<typeof Flex>\n>(({ children, className, ...props }, ref) => {\n return (\n <Flex\n ref={ref}\n align='center'\n gap={4}\n className={cx(styles.header, className)}\n {...props}\n >\n {children}\n </Flex>\n );\n});\n\nCodeBlockHeader.displayName = 'CodeBlockHeader';\n\nexport const CodeBlockLabel = forwardRef<\n ElementRef<typeof Text>,\n ComponentProps<typeof Text>\n>(({ children, className, ...props }, ref) => {\n return (\n <Text ref={ref} className={cx(styles.label, className)} {...props}>\n {children}\n </Text>\n );\n});\n\nCodeBlockLabel.displayName = 'CodeBlockLabel';\n\nexport const CodeBlockCollapseTrigger = forwardRef<\n HTMLButtonElement,\n ~~ComponentProps<typeof Button>\~~n>(({ className, children = 'Show Code', onClick, ...props }, ref) => {\n const { maxLines, collapsed, toggleCollapsed, code } = useCodeBlockContext();\n const canCollapse = maxLines && maxLines > 0;\n const lineCount = code?.split('\\n').length ?? 0;\n\n if (!canCollapse \|\| ~~!collapsed \|\|~~ lineCount < maxLines) return null;\n\n return (\n <Button\n ref={ref}\n onClick={e => {\n toggleCollapsed();\n onClick?.(e);\n }}\n variant='text'\n color='neutral'\n className={cx(styles.collapseTrigger, className)}\n {...props}\n >\n {children}\n </Button>\n );\n});\n\nCodeBlockCollapseTrigger.displayName = 'CodeBlockCollapseTrigger';\n\nexport interface CodeBlockCopyButtonProps\n extends Omit<ComponentProps<typeof CopyButton>, 'text'> {\n variant?: 'floating' \| 'default';\n}\n\nexport const CodeBlockCopyButton = forwardRef<\n ElementRef<typeof CopyButton>,\n CodeBlockCopyButtonProps\n>(({ className, variant = 'default', ...props }, ref) => {\n const { code = '' } = useCodeBlockContext();\n\n return (\n <CopyButton\n ref={ref}\n text={code}\n size={variant === 'floating' ? 2 : 3}\n className={cx(\n styles.copyButton,\n variant === 'floating' && styles.floatingCopyButton,\n className\n )}\n {...props}\n />\n );\n});\n\nCodeBlockCopyButton.displayName = 'CodeBlockCopyButton';\n"],"names":[],"mappings":";;;;;;;;;;;;;~~AAWa~~;;AASb;AAEA;AAEa;AAIX;AAWF;AAEA;AAEa;;AASb;AAEA~~;;AAME~~;~~AACA~~;AACA~~;;AAEwD~~;~~AAExD~~;AAIM;AACA;;~~AAUR~~;~~AAEA~~;;;;AA0BA;AAEA;;;;;;"}
1	+ {"version":3,"file":"code-block-misc.cjs","sources":["../../../components/code-block/code-block-misc.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport {\n ComponentProps,\n ElementRef,\n forwardRef,\n HTMLAttributes,\n ReactNode\n} from 'react';\nimport { Button } from '../button';\nimport { CopyButton } from '../copy-button';\nimport { Flex } from '../flex';\nimport { Text } from '../text';\nimport styles from './code-block.module.css';\nimport { useCodeBlockContext } from './code-block-root';\n\nexport const CodeBlockContent = forwardRef<\n HTMLDivElement,\n HTMLAttributes<HTMLDivElement>\n>(({ children, className, ...props }, ref) => {\n return (\n <div ref={ref} className={cx(styles.content, className)} {...props}>\n {children}\n </div>\n );\n});\n\nCodeBlockContent.displayName = 'CodeBlockContent';\n\nexport const CodeBlockHeader = forwardRef<\n ElementRef<typeof Flex>,\n ComponentProps<typeof Flex>\n>(({ children, className, ...props }, ref) => {\n return (\n <Flex\n ref={ref}\n align='center'\n gap={4}\n className={cx(styles.header, className)}\n {...props}\n >\n {children}\n </Flex>\n );\n});\n\nCodeBlockHeader.displayName = 'CodeBlockHeader';\n\nexport const CodeBlockLabel = forwardRef<\n ElementRef<typeof Text>,\n ComponentProps<typeof Text>\n>(({ children, className, ...props }, ref) => {\n return (\n <Text ref={ref} className={cx(styles.label, className)} {...props}>\n {children}\n </Text>\n );\n});\n\nCodeBlockLabel.displayName = 'CodeBlockLabel';\n\nexport interface CodeBlockCollapseTriggerProps\n extends Omit<ComponentProps<typeof Button>, 'children'> {\n children?: ReactNode \| ((collapsed: boolean) => ReactNode);\n}\nexport const CodeBlockCollapseTrigger = forwardRef<\n HTMLButtonElement,\n CodeBlockCollapseTriggerProps\n>(\n (\n {\n className,\n children = collapsed => (collapsed ? 'Show Code' : 'Hide Code'),\n onClick,\n ...props\n },\n ref\n ) => {\n const { maxLines, collapsed, toggleCollapsed, code } =\n useCodeBlockContext();\n const canCollapse = maxLines && maxLines > 0;\n const lineCount = code?.split('\\n').length ?? 0;\n\n if (!canCollapse \|\| lineCount < maxLines) return null;\n\n return (\n <Button\n ref={ref}\n onClick={e => {\n toggleCollapsed();\n onClick?.(e);\n }}\n variant='text'\n color='neutral'\n className={cx(\n styles.collapseTrigger,\n collapsed && styles.collapsed,\n className\n )}\n {...props}\n >\n {typeof children === 'function' ? children(!!collapsed) : children}\n </Button>\n );\n }\n);\n\nCodeBlockCollapseTrigger.displayName = 'CodeBlockCollapseTrigger';\n\nexport interface CodeBlockCopyButtonProps\n extends Omit<ComponentProps<typeof CopyButton>, 'text'> {\n variant?: 'floating' \| 'default';\n}\n\nexport const CodeBlockCopyButton = forwardRef<\n ElementRef<typeof CopyButton>,\n CodeBlockCopyButtonProps\n>(({ className, variant = 'default', ...props }, ref) => {\n const { code = '' } = useCodeBlockContext();\n\n return (\n <CopyButton\n ref={ref}\n text={code}\n size={variant === 'floating' ? 2 : 3}\n className={cx(\n styles.copyButton,\n variant === 'floating' && styles.floatingCopyButton,\n className\n )}\n {...props}\n />\n );\n});\n\nCodeBlockCopyButton.displayName = 'CodeBlockCopyButton';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAiBa;;AASb;AAEA;AAEa;AAIX;AAWF;AAEA;AAEa;;AASb;AAEA;AAMa;AAaT;AAEA;AACA;AAEA;AAA0C;AAE1C;AAIM;AACA;;AAcR;AAGF;;;;AA0BA;AAEA;;;;;;"}