@fragments-sdk/ui 0.8.8 → 0.8.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fragments-sdk/ui",
-  "version": "0.8.8",
+  "version": "0.8.9",
   "license": "MIT",
   "description": "Customizable UI components built on Base UI headless primitives",
   "author": "Conan McNicholl",

package/src/components/Badge/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { Button as BaseButton } from '@base-ui/react/button';
 import styles from './Badge.module.scss';

package/src/components/Button/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { Button as BaseButton } from '@base-ui/react/button';
 import styles from './Button.module.scss';

package/src/components/Card/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import styles from './Card.module.scss';
 // Import globals to ensure CSS variables are defined

package/src/components/Checkbox/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox';
 import styles from './Checkbox.module.scss';

package/src/components/Dialog/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { Dialog as BaseDialog } from '@base-ui/react/dialog';
 import styles from './Dialog.module.scss';

package/src/components/Drawer/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { Dialog as BaseDialog } from '@base-ui/react/dialog';
 import styles from './Drawer.module.scss';

package/src/components/EmptyState/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import styles from './EmptyState.module.scss';
 // Import globals to ensure CSS variables are defined

package/src/components/Field/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { Field as BaseField, type FieldValidityState } from '@base-ui/react/field';
 import styles from './Field.module.scss';

package/src/components/Fieldset/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { Fieldset as BaseFieldset } from '@base-ui/react/fieldset';
 import styles from './Fieldset.module.scss';

package/src/components/Form/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { Form as BaseForm } from '@base-ui/react/form';
 import styles from './Form.module.scss';

package/src/components/Icon/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import type { IconProps as PhosphorIconProps } from '@phosphor-icons/react';
 import styles from './Icon.module.scss';

package/src/components/List/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import styles from './List.module.scss';
 import '../../styles/globals.scss';

package/src/components/Menu/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { Menu as BaseMenu } from '@base-ui/react/menu';
 import styles from './Menu.module.scss';

package/src/components/Pagination/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import styles from './Pagination.module.scss';
 import '../../styles/globals.scss';

package/src/components/Popover/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { Popover as BasePopover } from '@base-ui/react/popover';
 import styles from './Popover.module.scss';

package/src/components/Progress/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { Progress as BaseProgress } from '@base-ui/react/progress';
 import styles from './Progress.module.scss';

package/src/components/RadioGroup/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group';
 import { Radio as BaseRadio } from '@base-ui/react/radio';

package/src/components/Separator/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { Separator as BaseSeparator } from '@base-ui/react/separator';
 import styles from './Separator.module.scss';

package/src/components/Switch/index.ts

@@ -1 +1,3 @@
+'use client';
+
 export { Switch, type SwitchProps, Toggle, type ToggleProps } from '../Toggle';

package/src/components/Toggle/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { Switch as BaseSwitch } from '@base-ui/react/switch';
 import styles from './Toggle.module.scss';

package/src/components/ToggleGroup/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import styles from './ToggleGroup.module.scss';
 import '../../styles/globals.scss';

package/src/components/Tooltip/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';
 import styles from './Tooltip.module.scss';

package/src/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 // Import CSS variables and base styles
 // This ensures --fui-* variables are available when using any component
 import './styles/globals.scss';