@cleen/ui 0.1.0 → 0.1.2

package/src/components/cleenIcon/icons/index.ts

@@ -1,215 +0,0 @@
-export { IconAlertCircle } from './IconAlertCircle';
-export { IconAlertFeatured } from './IconAlertFeatured';
-export { IconAlertOctagon } from './IconAlertOctagon';
-export { IconAlertTriangle } from './IconAlertTriangle';
-export { IconAlignRight } from './IconAlignRight';
-export { IconArrowDown } from './IconArrowDown';
-export { IconArrowLeft } from './IconArrowLeft';
-export { IconArrowLeft2 } from './IconArrowLeft2';
-export { IconArrowRight } from './IconArrowRight';
-export { IconArrowToTop } from './IconArrowToTop';
-export { IconArrowUp } from './IconArrowUp';
-export { IconArrowUpRight } from './IconArrowUpRight';
-export { IconArrowUpRightNarrow } from './IconArrowUpRightNarrow';
-export { IconArrowUpRightSquare } from './IconArrowUpRightSquare';
-export { IconAttachment } from './IconAttachment';
-export { IconBarChartSquare } from './IconBarChartSquare';
-export { IconBold } from './IconBold';
-export { IconBookmarkCheck } from './IconBookmarkCheck';
-export { IconBookmarkCheckFill } from './IconBookmarkCheckFill';
-export { IconBookmarkX } from './IconBookmarkX';
-export { IconBoxLines } from './IconBoxLines';
-export { IconBoxText } from './IconBoxText';
-export { IconBracketsCheck } from './IconBracketsCheck';
-export { IconBracketsEllipses } from './IconBracketsEllipses';
-export { IconCalendar } from './IconCalendar';
-export { IconCertificateHeart } from './IconCertificateHeart';
-export { IconCheck } from './IconCheck';
-export { IconCheckCircle } from './IconCheckCircle';
-export { IconCheckCircleBroken } from './IconCheckCircleBroken';
-export { IconCheckFill } from './IconCheckFill';
-export { IconCheckVerified } from './IconCheckVerified';
-export { IconChevronDown } from './IconChevronDown';
-export { IconChevronLeft } from './IconChevronLeft';
-export { IconChevronLeftDouble } from './IconChevronLeftDouble';
-export { IconChevronRight } from './IconChevronRight';
-export { IconChevronRightDouble } from './IconChevronRightDouble';
-export { IconChevronSelectorVertical } from './IconChevronSelectorVertical';
-export { IconChevronUp } from './IconChevronUp';
-export { IconCircleSwap } from './IconCircleSwap';
-export { IconClockFastForward } from './IconClockFastForward';
-export { IconClockRewind } from './IconClockRewind';
-export { IconClockRewind2 } from './IconClockRewind2';
-export { IconCodeBrowser } from './IconCodeBrowser';
-export { IconCodeCircle } from './IconCodeCircle';
-export { IconColors } from './IconColors';
-export { IconColumnEdit } from './IconColumnEdit';
-export { IconCopy } from './IconCopy';
-export { IconCopy2 } from './IconCopy2';
-export { IconCopy3 } from './IconCopy3';
-export { IconCopy4 } from './IconCopy4';
-export { IconCopy5 } from './IconCopy5';
-export { IconCopyCheck } from './IconCopyCheck';
-export { IconCube } from './IconCube';
-export { IconCubeOutline } from './IconCubeOutline';
-export { IconCursorBox } from './IconCursorBox';
-export { IconDataflow } from './IconDataflow';
-export { IconDataflow2 } from './IconDataflow2';
-export { IconDataflow3 } from './IconDataflow3';
-export { IconDelete } from './IconDelete';
-export { IconDollarCircle } from './IconDollarCircle';
-export { IconDotsGrid } from './IconDotsGrid';
-export { IconDotsHorizontal } from './IconDotsHorizontal';
-export { IconDotsVertical } from './IconDotsVertical';
-export { IconEdit } from './IconEdit';
-export { IconEditable } from './IconEditable';
-export { IconExpand } from './IconExpand';
-export { IconEye } from './IconEye';
-export { IconEyeHidden } from './IconEyeHidden';
-export { IconEyeHidden2 } from './IconEyeHidden2';
-export { IconFaceSmile } from './IconFaceSmile';
-export { IconFilter } from './IconFilter';
-export { IconFilter2 } from './IconFilter2';
-export { IconFlag } from './IconFlag';
-export { IconFlag2 } from './IconFlag2';
-export { IconFlag3 } from './IconFlag3';
-export { IconHandShield } from './IconHandShield';
-export { IconHash } from './IconHash';
-export { IconHeadsetMic } from './IconHeadsetMic';
-export { IconHeart } from './IconHeart';
-export { IconHouseLine } from './IconHouseLine';
-export { IconImage } from './IconImage';
-export { IconImage2 } from './IconImage2';
-export { IconImage3 } from './IconImage3';
-export { IconImage4 } from './IconImage4';
-export { IconImageCheck } from './IconImageCheck';
-export { IconInfoCircle } from './IconInfoCircle';
-export { IconInfoHexagon } from './IconInfoHexagon';
-export { IconItalic } from './IconItalic';
-export { IconLayersMultiple } from './IconLayersMultiple';
-export { IconLayersSingle } from './IconLayersSingle';
-export { IconLayout } from './IconLayout';
-export { IconLayout2 } from './IconLayout2';
-export { IconLayoutColumns } from './IconLayoutColumns';
-export { IconLayoutCustom } from './IconLayoutCustom';
-export { IconLayoutSequential } from './IconLayoutSequential';
-export { IconLayoutStuffed } from './IconLayoutStuffed';
-export { IconLayoutTile } from './IconLayoutTile';
-export { IconLifeBuoy } from './IconLifeBuoy';
-export { IconLightbulb } from './IconLightbulb';
-export { IconLightning } from './IconLightning';
-export { IconLightning2 } from './IconLightning2';
-export { IconLightningFast } from './IconLightningFast';
-export { IconLineChartBar } from './IconLineChartBar';
-export { IconLineChartBreakoutSquare } from './IconLineChartBreakoutSquare';
-export { IconLineChartUp } from './IconLineChartUp';
-export { IconLineChartUp2 } from './IconLineChartUp2';
-export { IconLines } from './IconLines';
-export { IconLinesCheck } from './IconLinesCheck';
-export { IconLinesPlay } from './IconLinesPlay';
-export { IconLink } from './IconLink';
-export { IconLink2 } from './IconLink2';
-export { IconLink3 } from './IconLink3';
-export { IconLink4 } from './IconLink4';
-export { IconLink5 } from './IconLink5';
-export { IconListBullet } from './IconListBullet';
-export { IconListOrder } from './IconListOrder';
-export { IconListOrder2 } from './IconListOrder2';
-export { IconLock } from './IconLock';
-export { IconLock2 } from './IconLock2';
-export { IconLogIn } from './IconLogIn';
-export { IconLogOut } from './IconLogOut';
-export { IconLogOut2 } from './IconLogOut2';
-export { IconMagicWand } from './IconMagicWand';
-export { IconMagicWand2 } from './IconMagicWand2';
-export { IconMail } from './IconMail';
-export { IconMessageSquare } from './IconMessageSquare';
-export { IconMessageSquare2 } from './IconMessageSquare2';
-export { IconMessageXSquare } from './IconMessageXSquare';
-export { IconMinusCircle } from './IconMinusCircle';
-export { IconMobile } from './IconMobile';
-export { IconMonitor } from './IconMonitor';
-export { IconMonitor2 } from './IconMonitor2';
-export { IconMonitor3 } from './IconMonitor3';
-export { IconMoonCircle } from './IconMoonCircle';
-export { IconNavigationPointer } from './IconNavigationPointer';
-export { IconNotificationBox } from './IconNotificationBox';
-export { IconPalette } from './IconPalette';
-export { IconPasscodeLock } from './IconPasscodeLock';
-export { IconPCSetup } from './IconPCSetup';
-export { IconPencil } from './IconPencil';
-export { IconPercentageCircle } from './IconPercentageCircle';
-export { IconPerspective } from './IconPerspective';
-export { IconPhoneCall } from './IconPhoneCall';
-export { IconPin } from './IconPin';
-export { IconPlayCircle } from './IconPlayCircle';
-export { IconPlus } from './IconPlus';
-export { IconPlusCircle } from './IconPlusCircle';
-export { IconPulse } from './IconPulse';
-export { IconQuestionCircle } from './IconQuestionCircle';
-export { IconRadioButton } from './IconRadioButton';
-export { IconRadioButtonActive } from './IconRadioButtonActive';
-export { IconReceiptCheck } from './IconReceiptCheck';
-export { IconRedo } from './IconRedo';
-export { IconRefresh } from './IconRefresh';
-export { IconRefresh2 } from './IconRefresh2';
-export { IconRefresh3 } from './IconRefresh3';
-export { IconRepeat } from './IconRepeat';
-export { IconRepeat2 } from './IconRepeat2';
-export { IconRetweet } from './IconRetweet';
-export { IconRoundChart } from './IconRoundChart';
-export { IconRoundChart2 } from './IconRoundChart2';
-export { IconRoute } from './IconRoute';
-export { IconSave } from './IconSave';
-export { IconSave2 } from './IconSave2';
-export { IconScanDots } from './IconScanDots';
-export { IconSearch } from './IconSearch';
-export { IconSend } from './IconSend';
-export { IconSettings } from './IconSettings';
-export { IconSettings2 } from './IconSettings2';
-export { IconSettings3 } from './IconSettings3';
-export { IconShieldLightning } from './IconShieldLightning';
-export { IconShieldPlus } from './IconShieldPlus';
-export { IconShieldRemove } from './IconShieldRemove';
-export { IconShuffle } from './IconShuffle';
-export { IconSlashCircle } from './IconSlashCircle';
-export { IconSlashOctagon } from './IconSlashOctagon';
-export { IconSocialGlobe } from './IconSocialGlobe';
-export { IconSocialLinkedin } from './IconSocialLinkedin';
-export { IconSocialX } from './IconSocialX';
-export { IconSpeedometer } from './IconSpeedometer';
-export { IconStairsRound } from './IconStairsRound';
-export { IconStar } from './IconStar';
-export { IconStarHalf } from './IconStarHalf';
-export { IconStars } from './IconStars';
-export { IconStars2 } from './IconStars2';
-export { IconStrikethrough } from './IconStrikethrough';
-export { IconSuccessFeatured } from './IconSuccessFeatured';
-export { IconSun } from './IconSun';
-export { IconSwitchHorizontal } from './IconSwitchHorizontal';
-export { IconTag } from './IconTag';
-export { IconTarget } from './IconTarget';
-export { IconTarget2 } from './IconTarget2';
-export { IconTextFormat } from './IconTextFormat';
-export { IconTextFormat2 } from './IconTextFormat2';
-export { IconTextHighlight } from './IconTextHighlight';
-export { IconTranslate } from './IconTranslate';
-export { IconTrash } from './IconTrash';
-export { IconTrending } from './IconTrending';
-export { IconUnderline } from './IconUnderline';
-export { IconUndo } from './IconUndo';
-export { IconUndo2 } from './IconUndo2';
-export { IconUploadCloud } from './IconUploadCloud';
-export { IconUser } from './IconUser';
-export { IconUserEdit } from './IconUserEdit';
-export { IconUserRight } from './IconUserRight';
-export { IconUsers } from './IconUsers';
-export { IconUserSquare } from './IconUserSquare';
-export { IconUsersUp } from './IconUsersUp';
-export { IconVolume } from './IconVolume';
-export { IconWrench } from './IconWrench';
-export { IconX } from './IconX';
-export { IconXCircle } from './IconXCircle';
-export { IconXCircle2 } from './IconXCircle2';
-export { IconXClose } from './IconXClose';
-export { IconXSquare } from './IconXSquare';

package/src/components/cleenIcon/index.ts

@@ -1,4 +0,0 @@
-export { CleenIcon } from './CleenIcon';
-export { IconName } from './types/icon';
-
-export * from './icons';

package/src/components/cleenIcon/types/icon.ts

@@ -1,226 +0,0 @@
-import type { SVGProps } from 'react';
-
-export type IconProps = SVGProps<SVGSVGElement> & {
-  color1?: string;
-  color2?: string;
-};
-
-export enum IconName {
-  AlertCircle = 'AlertCircle',
-  AlertFeatured = 'AlertFeatured',
-  AlertOctagon = 'AlertOctagon',
-  AlertTriangle = 'AlertTriangle',
-  AlignRight = 'AlignRight',
-  ArrowDown = 'ArrowDown',
-  ArrowLeft = 'ArrowLeft',
-  ArrowLeft2 = 'ArrowLeft2',
-  ArrowRight = 'ArrowRight',
-  ArrowToTop = 'ArrowToTop',
-  ArrowUp = 'ArrowUp',
-  ArrowUpRight = 'ArrowUpRight',
-  ArrowUpRightNarrow = 'ArrowUpRightNarrow',
-  ArrowUpRightSquare = 'ArrowUpRightSquare',
-  Attachment = 'Attachment',
-  BarChartSquare = 'BarChartSquare',
-  Bold = 'Bold',
-  BookmarkCheck = 'BookmarkCheck',
-  BookmarkCheckFill = 'BookmarkCheckFill',
-  BookmarkPlus = 'BookmarkPlus',
-  BookmarkX = 'BookmarkX',
-  BoxLines = 'BoxLines',
-  BoxText = 'BoxText',
-  BracketsCheck = 'BracketsCheck',
-  BracketsEllipses = 'BracketsEllipses',
-  Building = 'Building',
-  Calendar = 'Calendar',
-  CertificateHeart = 'CertificateHeart',
-  Check = 'Check',
-  CheckCircle = 'CheckCircle',
-  CheckCircleBroken = 'CheckCircleBroken',
-  CheckFill = 'CheckFill',
-  CheckVerified = 'CheckVerified',
-  ChevronDown = 'ChevronDown',
-  ChevronLeft = 'ChevronLeft',
-  ChevronLeftDouble = 'ChevronLeftDouble',
-  ChevronRight = 'ChevronRight',
-  ChevronRightDouble = 'ChevronRightDouble',
-  ChevronSelectorVertical = 'ChevronSelectorVertical',
-  ChevronUp = 'ChevronUp',
-  CircleSwap = 'CircleSwap',
-  ClockFastForward = 'ClockFastForward',
-  ClockRewind = 'ClockRewind',
-  ClockRewind2 = 'ClockRewind2',
-  CodeBrowser = 'CodeBrowser',
-  CodeCircle = 'CodeCircle',
-  Colors = 'Colors',
-  ColumnEdit = 'ColumnEdit',
-  Copy = 'Copy',
-  Copy2 = 'Copy2',
-  Copy3 = 'Copy3',
-  Copy4 = 'Copy4',
-  Copy5 = 'Copy5',
-  CopyCheck = 'CopyCheck',
-  Cube = 'Cube',
-  CubeOutline = 'CubeOutline',
-  CursorBox = 'CursorBox',
-  Dataflow = 'Dataflow',
-  Dataflow2 = 'Dataflow2',
-  Dataflow3 = 'Dataflow3',
-  Delete = 'Delete',
-  DollarCircle = 'DollarCircle',
-  DotsGrid = 'DotsGrid',
-  DotsHorizontal = 'DotsHorizontal',
-  DotsVertical = 'DotsVertical',
-  Edit = 'Edit',
-  Editable = 'Editable',
-  Expand = 'Expand',
-  Eye = 'Eye',
-  EyeHidden = 'EyeHidden',
-  EyeHidden2 = 'EyeHidden2',
-  FaceSmile = 'FaceSmile',
-  Filter = 'Filter',
-  Filter2 = 'Filter2',
-  Flag = 'Flag',
-  Flag2 = 'Flag2',
-  Flag3 = 'Flag3',
-  HandShield = 'HandShield',
-  Hash = 'Hash',
-  HeadsetMic = 'HeadsetMic',
-  Heart = 'Heart',
-  HouseLine = 'HouseLine',
-  Image = 'Image',
-  Image2 = 'Image2',
-  Image3 = 'Image3',
-  Image4 = 'Image4',
-  ImageCheck = 'ImageCheck',
-  InfoCircle = 'InfoCircle',
-  InfoHexagon = 'InfoHexagon',
-  Italic = 'Italic',
-  LayersMultiple = 'LayersMultiple',
-  LayersSingle = 'LayersSingle',
-  Layout = 'Layout',
-  Layout2 = 'Layout2',
-  LayoutColumns = 'LayoutColumns',
-  LayoutCustom = 'LayoutCustom',
-  LayoutSequential = 'LayoutSequential',
-  LayoutStuffed = 'LayoutStuffed',
-  LayoutTile = 'LayoutTile',
-  LifeBuoy = 'LifeBuoy',
-  Lightbulb = 'Lightbulb',
-  Lightning = 'Lightning',
-  Lightning2 = 'Lightning2',
-  LightningFast = 'LightningFast',
-  LineChartBar = 'LineChartBar',
-  LineChartBreakoutSquare = 'LineChartBreakoutSquare',
-  LineChartUp = 'LineChartUp',
-  LineChartUp2 = 'LineChartUp2',
-  Lines = 'Lines',
-  LinesCheck = 'LinesCheck',
-  LinesPlay = 'LinesPlay',
-  Link = 'Link',
-  Link2 = 'Link2',
-  Link3 = 'Link3',
-  Link4 = 'Link4',
-  Link5 = 'Link5',
-  ListBullet = 'ListBullet',
-  ListOrder = 'ListOrder',
-  ListOrder2 = 'ListOrder2',
-  Lock = 'Lock',
-  Lock2 = 'Lock2',
-  LogIn = 'LogIn',
-  LogOut = 'LogOut',
-  LogOut2 = 'LogOut2',
-  MagicWand = 'MagicWand',
-  MagicWand2 = 'MagicWand2',
-  Mail = 'Mail',
-  MessageSquare = 'MessageSquare',
-  MessageSquare2 = 'MessageSquare2',
-  MessageXSquare = 'MessageXSquare',
-  MinusCircle = 'MinusCircle',
-  Mobile = 'Mobile',
-  Monitor = 'Monitor',
-  Monitor2 = 'Monitor2',
-  Monitor3 = 'Monitor3',
-  MoonCircle = 'MoonCircle',
-  NavigationPointer = 'NavigationPointer',
-  NotificationBox = 'NotificationBox',
-  Palette = 'Palette',
-  PasscodeLock = 'PasscodeLock',
-  PCSetup = 'PCSetup',
-  Pencil = 'Pencil',
-  PercentageCircle = 'PercentageCircle',
-  Perspective = 'Perspective',
-  PhoneCall = 'PhoneCall',
-  Pin = 'Pin',
-  PlayCircle = 'PlayCircle',
-  Plus = 'Plus',
-  PlusCircle = 'PlusCircle',
-  Pulse = 'Pulse',
-  QuestionCircle = 'QuestionCircle',
-  RadioButton = 'RadioButton',
-  RadioButtonActive = 'RadioButtonActive',
-  ReceiptCheck = 'ReceiptCheck',
-  Redo = 'Redo',
-  Refresh = 'Refresh',
-  Refresh2 = 'Refresh2',
-  Refresh3 = 'Refresh3',
-  Repeat = 'Repeat',
-  Repeat2 = 'Repeat2',
-  Retweet = 'Retweet',
-  RoundChart = 'RoundChart',
-  RoundChart2 = 'RoundChart2',
-  Route = 'Route',
-  Save = 'Save',
-  Save2 = 'Save2',
-  ScanDots = 'ScanDots',
-  Search = 'Search',
-  Send = 'Send',
-  Settings = 'Settings',
-  Settings2 = 'Settings2',
-  Settings3 = 'Settings3',
-  ShieldLightning = 'ShieldLightning',
-  ShieldPlus = 'ShieldPlus',
-  ShieldRemove = 'ShieldRemove',
-  Shuffle = 'Shuffle',
-  SlashCircle = 'SlashCircle',
-  SlashOctagon = 'SlashOctagon',
-  SocialGlobe = 'SocialGlobe',
-  SocialLinkedin = 'SocialLinkedin',
-  SocialX = 'SocialX',
-  Speedometer = 'Speedometer',
-  StairsRound = 'StairsRound',
-  Star = 'Star',
-  StarHalf = 'StarHalf',
-  Stars = 'Stars',
-  Stars2 = 'Stars2',
-  Strikethrough = 'Strikethrough',
-  SuccessFeatured = 'SuccessFeatured',
-  Sun = 'Sun',
-  SwitchHorizontal = 'SwitchHorizontal',
-  Tag = 'Tag',
-  Target = 'Target',
-  Target2 = 'Target2',
-  TextFormat = 'TextFormat',
-  TextFormat2 = 'TextFormat2',
-  TextHighlight = 'TextHighlight',
-  Translate = 'Translate',
-  Trash = 'Trash',
-  Trending = 'Trending',
-  Underline = 'Underline',
-  Undo = 'Undo',
-  Undo2 = 'Undo2',
-  UploadCloud = 'UploadCloud',
-  User = 'User',
-  UserEdit = 'UserEdit',
-  UserRight = 'UserRight',
-  UserSquare = 'UserSquare',
-  Users = 'Users',
-  UsersUp = 'UsersUp',
-  Volume = 'Volume',
-  Wrench = 'Wrench',
-  X = 'X',
-  XCircle = 'XCircle',
-  XCircle2 = 'XCircle2',
-  XClose = 'XClose',
-  XSquare = 'XSquare',
-}

package/src/components/collapsible/Collapsible.tsx

@@ -1,148 +0,0 @@
-import { IconChevronDown, IconChevronUp } from '@/components/cleenIcon';
-import { cn } from '@cleen/ui-core';
-import type {
-  CSSProperties,
-  ComponentProps,
-  ForwardedRef,
-  ReactNode,
-} from 'react';
-import { forwardRef, useState } from 'react';
-
-export interface CollapsibleItem {
-  content: ReactNode;
-  onClick?: () => void;
-  key?: string | number;
-}
-
-export interface CollapsibleSection {
-  title: ReactNode;
-  items?: CollapsibleItem[];
-  onClick?: () => void;
-  key?: string | number;
-}
-
-export interface CollapsibleProps extends ComponentProps<'div'> {
-  sections: CollapsibleSection[];
-  defaultOpenIndex?: number | null;
-  classNames?: {
-    container?: string;
-    section?: string;
-    sectionHeader?: string;
-    sectionBody?: string;
-    item?: string;
-  };
-  styles?: {
-    container?: CSSProperties;
-    section?: CSSProperties;
-    sectionHeader?: CSSProperties;
-    sectionBody?: CSSProperties;
-    item?: CSSProperties;
-  };
-}
-
-/**
- * The `Collapsible` component renders an accordion-style list of sections, each of which can be
- * expanded or collapsed to reveal its items.
- *
- * - Pass an array of `sections`, each with a `title` and optional `items` array.
- * - Each `CollapsibleItem` accepts a `content` node and an optional `onClick` callback.
- * - Use `defaultOpenIndex` to pre-open a specific section on mount; pass `null` (default) to start
- *   fully collapsed.
- * - Only one section can be open at a time; clicking an open section closes it.
- * - Sections without `items` act as plain clickable rows and do not show a chevron.
- * - Accepts `classNames` and `styles` to customize: `container`, `section`, `sectionHeader`,
- *   `sectionBody`, `item`.
- */
-export const Collapsible = forwardRef<HTMLDivElement, CollapsibleProps>(
-  (
-    {
-      sections,
-      defaultOpenIndex,
-      className,
-      classNames,
-      style,
-      styles,
-      ...props
-    },
-    ref: ForwardedRef<HTMLDivElement>
-  ) => {
-    const [openIndex, setOpenIndex] = useState<number | null>(
-      defaultOpenIndex ?? null
-    );
-
-    const handleSectionClick = (index: number, section: CollapsibleSection) => {
-      section.onClick?.();
-
-      if (section.items?.length) {
-        setOpenIndex(openIndex === index ? null : index);
-      }
-    };
-
-    return (
-      <div
-        ref={ref}
-        className={cn('cleen', className)}
-        style={{ ...style, width: '100%' }}
-        {...props}
-      >
-        <div
-          className={cn('cleen-w-full', classNames?.container)}
-          style={styles?.container}
-        >
-          {sections.map((section, i) => (
-            <div
-              key={section?.key ?? i}
-              className={cn('cleen-mb-3', classNames?.section)}
-              style={styles?.section}
-            >
-              <div
-                onClick={() => handleSectionClick(i, section)}
-                className={cn(
-                  'cleen-flex cleen-w-full cleen-items-center cleen-justify-between cleen-font-medium cleen-text-md cleen-text-gray/90 cleen-p-2 cleen-rounded-lg cleen-cursor-pointer hover:cleen-bg-gray/5',
-                  classNames?.sectionHeader
-                )}
-                style={styles?.sectionHeader}
-              >
-                <div className="cleen-flex-1 cleen-overflow-hidden cleen-whitespace-nowrap cleen-text-ellipsis">
-                  {section?.title}
-                </div>
-                {section?.items?.length ? (
-                  openIndex === i ? (
-                    <IconChevronUp className="cleen-shrink-0 cleen-text-gray/50" />
-                  ) : (
-                    <IconChevronDown className="cleen-shrink-0 cleen-text-gray/50" />
-                  )
-                ) : null}
-              </div>
-              {openIndex === i && section?.items && (
-                <div
-                  className={cn(
-                    'cleen-mt-1 cleen-flex cleen-flex-col cleen-w-full',
-                    classNames?.sectionBody
-                  )}
-                  style={styles?.sectionBody}
-                >
-                  {section?.items?.map((item, idx) => (
-                    <div
-                      key={item?.key ?? idx}
-                      className={cn(
-                        'cleen-overflow-hidden cleen-whitespace-nowrap cleen-text-ellipsis cleen-p-2 cleen-w-full cleen-rounded-lg cleen-font-normal cleen-text-md cleen-text-gray/90 cleen-cursor-pointer hover:cleen-bg-gray/5',
-                        classNames?.item
-                      )}
-                      style={styles?.item}
-                      onClick={item?.onClick}
-                    >
-                      {item?.content}
-                    </div>
-                  ))}
-                </div>
-              )}
-            </div>
-          ))}
-        </div>
-      </div>
-    );
-  }
-);
-
-Collapsible.displayName = 'Collapsible';

package/src/components/collapsible/index.ts

@@ -1,5 +0,0 @@
-export {
-  Collapsible,
-  type CollapsibleProps,
-  type CollapsibleSection,
-} from './Collapsible';