@plus-experience/design-system-carbon 0.2.3 → 0.2.5

package/DESIGN_SYSTEM.md

@@ -6,7 +6,7 @@
 
 ### 필수 규칙
 
-1. **네이티브 HTML 금지**: `<button>`, `<input>`, `<select>`, `<textarea>` 대신 항상 `@/components/ui/` 컴포넌트 사용
+1. **네이티브 HTML 금지**: `<button>`, `<input>`, `<select>`, `<textarea>` 대신 항상 `@plus-experience/design-system-carbon/ui/` 컴포넌트 사용
 2. **하드코딩 색상 금지**: `bg-[#161616]` 대신 `bg-background`, `bg-card`, `text-interactive` 등 CSS 변수 토큰 사용
 3. **접근성 유지**: Carbon 컴포넌트의 aria 속성, labelText 등을 유지
 4. **Carbon 스페이싱**: 8px, 16px, 24px, 32px, 48px 단위 사용
@@ -15,34 +15,34 @@
 
 ```tsx
 // Button
-import { Button } from "@/components/ui/button"
+import { Button } from "@plus-experience/design-system-carbon/ui/button"
 
 // Input
-import { Input } from "@/components/ui/input"
+import { Input } from "@plus-experience/design-system-carbon/ui/input"
 
 // Card
-import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card"
+import { Card, CardHeader, CardTitle, CardContent } from "@plus-experience/design-system-carbon/ui/card"
 
 // Badge (Carbon Tag 래퍼)
-import { Badge } from "@/components/ui/badge"
+import { Badge } from "@plus-experience/design-system-carbon/ui/badge"
 
 // Dialog (Carbon ComposedModal 래퍼)
-import { Dialog, DialogHeader, DialogContent, DialogFooter } from "@/components/ui/dialog"
+import { Dialog, DialogHeader, DialogContent, DialogFooter } from "@plus-experience/design-system-carbon/ui/dialog"
 
 // Table
-import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from "@/components/ui/table"
+import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from "@plus-experience/design-system-carbon/ui/table"
 
 // Accordion
-import { Accordion, AccordionItem } from "@/components/ui/accordion"
+import { Accordion, AccordionItem } from "@plus-experience/design-system-carbon/ui/accordion"
 
 // Tabs
-import { Tabs, TabsList, TabsTrigger, TabsContent, TabsContentGroup } from "@/components/ui/tabs"
+import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@plus-experience/design-system-carbon/ui/tabs"
 
 // Alert (Carbon InlineNotification 래퍼)
-import { Alert } from "@/components/ui/alert"
+import { Alert } from "@plus-experience/design-system-carbon/ui/alert"
 
 // Loading
-import { Loading, Spinner } from "@/components/ui/loading"
+import { Loading, Spinner } from "@plus-experience/design-system-carbon/ui/loading"
 
 // Icons (Carbon Icons)
 import { Add, Edit, TrashCan, Search, ChevronRight } from "@carbon/icons-react"

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Plus Experience
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/bin/setup.js

@@ -17,6 +17,17 @@ function log(msg) {
 
 console.log("\ndesign-system v2 (Carbon) 세팅 시작...\n");
 
+// app 디렉토리 감지 (src/app/ vs app/)
+function getAppDir() {
+  const srcApp = path.join(cwd, "src", "app");
+  if (fs.existsSync(srcApp)) return srcApp;
+  return path.join(cwd, "app");
+}
+
+const appDir = getAppDir();
+if (!fs.existsSync(appDir)) fs.mkdirSync(appDir, { recursive: true });
+log(`앱 디렉토리: ${path.relative(cwd, appDir)}/`);
+
 // 1. design-system-carbon 설치
 run("npm install @plus-experience/design-system-carbon");
 log("@plus-experience/design-system-carbon 설치");
@@ -28,18 +39,14 @@ if (!pkg.dependencies?.next) {
   log("next, react, react-dom 설치");
 }
 
-// 4. UI 의존성 (Carbon + utilities)
-run("npm install @carbon/react @carbon/icons-react clsx tailwind-merge next-themes date-fns recharts");
+// 4. UI 의존성 (Carbon + utilities + fonts)
+run("npm install @carbon/react @carbon/icons-react @ibm/plex clsx tailwind-merge next-themes date-fns recharts");
 log("Carbon + UI 의존성 설치");
 
 // 5. dev 의존성 (sass)
 run("npm install -D sass");
 log("sass 설치");
 
-// 6. globals.css 복사
-const appDir = path.join(cwd, "app");
-if (!fs.existsSync(appDir)) fs.mkdirSync(appDir, { recursive: true });
-
 const srcCss = path.join(cwd, "node_modules/@plus-experience/design-system-carbon/app/globals.css");
 if (fs.existsSync(srcCss)) {
   let cssContent = fs.readFileSync(srcCss, "utf8");
@@ -187,7 +194,7 @@ function patchNextConfig() {
 }
 
 function patchLayoutFont() {
-  const layoutCandidates = ["app/layout.tsx", "app/layout.jsx", "app/layout.js"];
+  const layoutCandidates = ["src/app/layout.tsx", "src/app/layout.jsx", "src/app/layout.js", "app/layout.tsx", "app/layout.jsx", "app/layout.js"];
   let layoutPath = null;
   for (const name of layoutCandidates) {
     const p = path.join(cwd, name);
@@ -220,7 +227,7 @@ function patchLayoutFont() {
 }
 
 function patchLayout() {
-  const layoutCandidates = ["app/layout.tsx", "app/layout.jsx", "app/layout.js"];
+  const layoutCandidates = ["src/app/layout.tsx", "src/app/layout.jsx", "src/app/layout.js", "app/layout.tsx", "app/layout.jsx", "app/layout.js"];
   let layoutPath = null;
   for (const name of layoutCandidates) {
     const p = path.join(cwd, name);

package/dist/components/ui/accordion.d.mts

@@ -3,10 +3,8 @@ import { Accordion as Accordion$1, AccordionItem as AccordionItem$1 } from '@car
 
 type CarbonAccordionProps = React.ComponentProps<typeof Accordion$1>;
 type CarbonAccordionItemProps = React.ComponentProps<typeof AccordionItem$1>;
-interface AccordionProps extends CarbonAccordionProps {
-}
-interface AccordionItemProps extends CarbonAccordionItemProps {
-}
+type AccordionProps = CarbonAccordionProps;
+type AccordionItemProps = CarbonAccordionItemProps;
 declare function Accordion({ className, ...props }: AccordionProps): React.JSX.Element;
 declare function AccordionItem({ className, ...props }: AccordionItemProps): React.JSX.Element;
 

package/dist/components/ui/alert.d.mts

@@ -4,12 +4,9 @@ import { ActionableNotification, InlineNotification, ToastNotification } from '@
 type CarbonInlineNotificationProps = React.ComponentProps<typeof InlineNotification>;
 type CarbonToastNotificationProps = React.ComponentProps<typeof ToastNotification>;
 type CarbonActionableNotificationProps = React.ComponentProps<typeof ActionableNotification>;
-interface AlertProps extends CarbonInlineNotificationProps {
-}
-interface ToastProps extends CarbonToastNotificationProps {
-}
-interface ActionableAlertProps extends CarbonActionableNotificationProps {
-}
+type AlertProps = CarbonInlineNotificationProps;
+type ToastProps = CarbonToastNotificationProps;
+type ActionableAlertProps = CarbonActionableNotificationProps;
 declare function Alert({ className, ...props }: AlertProps): React.JSX.Element;
 declare function Toast({ className, ...props }: ToastProps): React.JSX.Element;
 declare function ActionableAlert({ className, ...props }: ActionableAlertProps): React.JSX.Element;

package/dist/components/ui/badge.d.mts

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import { TagBaseProps } from '@carbon/react/es/components/Tag/Tag';
 
-interface BadgeProps extends TagBaseProps {
-}
+type BadgeProps = TagBaseProps;
 declare function Badge({ className, ...props }: BadgeProps): React.JSX.Element;
 
 export { Badge, type BadgeProps };

package/dist/components/ui/breadcrumb.d.mts

@@ -3,10 +3,8 @@ import { Breadcrumb as Breadcrumb$1, BreadcrumbItem as BreadcrumbItem$1 } from '
 
 type CarbonBreadcrumbProps = React.ComponentProps<typeof Breadcrumb$1>;
 type CarbonBreadcrumbItemProps = React.ComponentProps<typeof BreadcrumbItem$1>;
-interface BreadcrumbProps extends CarbonBreadcrumbProps {
-}
-interface BreadcrumbItemProps extends CarbonBreadcrumbItemProps {
-}
+type BreadcrumbProps = CarbonBreadcrumbProps;
+type BreadcrumbItemProps = CarbonBreadcrumbItemProps;
 declare function Breadcrumb({ className, ...props }: BreadcrumbProps): React.JSX.Element;
 declare function BreadcrumbItem({ className, ...props }: BreadcrumbItemProps): React.JSX.Element;
 

package/dist/components/ui/button.d.mts

@@ -1,9 +1,15 @@
-import * as React from 'react';
+import * as _carbon_react from '@carbon/react';
 import { Button as Button$1 } from '@carbon/react';
+import * as React from 'react';
 
 type CarbonButtonProps = React.ComponentProps<typeof Button$1>;
-interface ButtonProps extends CarbonButtonProps {
-}
-declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type ButtonProps = CarbonButtonProps;
+declare const Button: React.ForwardRefExoticComponent<Omit<_carbon_react.ButtonBaseProps & {
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & {
+    children?: React.ReactNode | undefined;
+} & Omit<Omit<any, "ref">, "as" | keyof _carbon_react.ButtonBaseProps> & {
+    ref?: any;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
 export { Button, type ButtonProps };

package/dist/components/ui/card.d.mts

@@ -3,8 +3,7 @@ import { Tile } from '@carbon/react';
 export { ClickableTile, ExpandableTile, SelectableTile, TileAboveTheFoldContent, TileBelowTheFoldContent } from '@carbon/react';
 
 type CarbonTileProps = React.ComponentProps<typeof Tile>;
-interface CardProps extends CarbonTileProps {
-}
+type CardProps = CarbonTileProps;
 declare function Card({ className, ...props }: CardProps): React.JSX.Element;
 declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;

package/dist/components/ui/checkbox.d.mts

@@ -2,8 +2,7 @@ import * as React from 'react';
 import { Checkbox as Checkbox$1 } from '@carbon/react';
 
 type CarbonCheckboxProps = React.ComponentProps<typeof Checkbox$1>;
-interface CheckboxProps extends CarbonCheckboxProps {
-}
+type CheckboxProps = CarbonCheckboxProps;
 declare function Checkbox({ className, id, ...props }: CheckboxProps): React.JSX.Element;
 
 export { Checkbox, type CheckboxProps };

package/dist/components/ui/code-snippet.d.mts

@@ -2,8 +2,7 @@ import * as React from 'react';
 import { CodeSnippet as CodeSnippet$1 } from '@carbon/react';
 
 type CarbonCodeSnippetProps = React.ComponentProps<typeof CodeSnippet$1>;
-interface CodeSnippetProps extends CarbonCodeSnippetProps {
-}
+type CodeSnippetProps = CarbonCodeSnippetProps;
 declare function CodeSnippet({ className, ...props }: CodeSnippetProps): React.JSX.Element;
 
 export { CodeSnippet, type CodeSnippetProps };

package/dist/components/ui/date-picker.d.mts

@@ -3,10 +3,8 @@ import { DatePicker as DatePicker$1, DatePickerInput as DatePickerInput$1 } from
 
 type CarbonDatePickerProps = React.ComponentProps<typeof DatePicker$1>;
 type CarbonDatePickerInputProps = React.ComponentProps<typeof DatePickerInput$1>;
-interface DatePickerProps extends CarbonDatePickerProps {
-}
-interface DatePickerInputProps extends CarbonDatePickerInputProps {
-}
+type DatePickerProps = CarbonDatePickerProps;
+type DatePickerInputProps = CarbonDatePickerInputProps;
 declare function DatePicker({ className, ...props }: DatePickerProps): React.JSX.Element;
 declare function DatePickerInput({ className, id, ...props }: DatePickerInputProps): React.JSX.Element;
 

package/dist/components/ui/dialog.d.mts

@@ -6,14 +6,10 @@ type CarbonComposedModalProps = React.ComponentProps<typeof ComposedModal>;
 type CarbonModalHeaderProps = React.ComponentProps<typeof ModalHeader>;
 type CarbonModalBodyProps = React.ComponentProps<typeof ModalBody>;
 type CarbonModalFooterProps = React.ComponentProps<typeof ModalFooter>;
-interface DialogProps extends CarbonComposedModalProps {
-}
-interface DialogHeaderProps extends CarbonModalHeaderProps {
-}
-interface DialogContentProps extends CarbonModalBodyProps {
-}
-interface DialogFooterProps extends CarbonModalFooterProps {
-}
+type DialogProps = CarbonComposedModalProps;
+type DialogHeaderProps = CarbonModalHeaderProps;
+type DialogContentProps = CarbonModalBodyProps;
+type DialogFooterProps = CarbonModalFooterProps;
 declare function Dialog({ className, ...props }: DialogProps): React.JSX.Element;
 declare function DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element;
 declare function DialogContent({ className, ...props }: DialogContentProps): React.JSX.Element;

package/dist/components/ui/dropdown-menu.d.mts

@@ -3,10 +3,8 @@ import { OverflowMenu, OverflowMenuItem } from '@carbon/react';
 
 type CarbonOverflowMenuProps = React.ComponentProps<typeof OverflowMenu>;
 type CarbonOverflowMenuItemProps = React.ComponentProps<typeof OverflowMenuItem>;
-interface DropdownMenuProps extends CarbonOverflowMenuProps {
-}
-interface DropdownMenuItemProps extends CarbonOverflowMenuItemProps {
-}
+type DropdownMenuProps = CarbonOverflowMenuProps;
+type DropdownMenuItemProps = CarbonOverflowMenuItemProps;
 declare function DropdownMenu({ className, ...props }: DropdownMenuProps): React.JSX.Element;
 declare function DropdownMenuItem({ className, ...props }: DropdownMenuItemProps): React.JSX.Element;
 

package/dist/components/ui/input.d.mts

@@ -2,8 +2,7 @@ import * as React from 'react';
 import { TextInput } from '@carbon/react';
 
 type CarbonTextInputProps = React.ComponentProps<typeof TextInput>;
-interface InputProps extends CarbonTextInputProps {
-}
+type InputProps = CarbonTextInputProps;
 declare function Input({ className, id, ...props }: InputProps): React.JSX.Element;
 
 export { Input, type InputProps };

package/dist/components/ui/loading.d.mts

@@ -3,10 +3,8 @@ import { Loading as Loading$1, InlineLoading } from '@carbon/react';
 
 type CarbonLoadingProps = React.ComponentProps<typeof Loading$1>;
 type CarbonInlineLoadingProps = React.ComponentProps<typeof InlineLoading>;
-interface LoadingProps extends CarbonLoadingProps {
-}
-interface SpinnerProps extends CarbonInlineLoadingProps {
-}
+type LoadingProps = CarbonLoadingProps;
+type SpinnerProps = CarbonInlineLoadingProps;
 declare function Loading({ className, ...props }: LoadingProps): React.JSX.Element;
 declare function Spinner({ className, ...props }: SpinnerProps): React.JSX.Element;
 

package/dist/components/ui/number-input.d.mts

@@ -2,8 +2,7 @@ import * as React from 'react';
 import { NumberInput as NumberInput$1 } from '@carbon/react';
 
 type CarbonNumberInputProps = React.ComponentProps<typeof NumberInput$1>;
-interface NumberInputProps extends CarbonNumberInputProps {
-}
+type NumberInputProps = CarbonNumberInputProps;
 declare function NumberInput({ className, id, ...props }: NumberInputProps): React.JSX.Element;
 
 export { NumberInput, type NumberInputProps };

package/dist/components/ui/pagination.d.mts

@@ -3,10 +3,8 @@ import { Pagination as Pagination$1, PaginationNav as PaginationNav$1 } from '@c
 
 type CarbonPaginationProps = React.ComponentProps<typeof Pagination$1>;
 type CarbonPaginationNavProps = React.ComponentProps<typeof PaginationNav$1>;
-interface PaginationProps extends CarbonPaginationProps {
-}
-interface PaginationNavProps extends CarbonPaginationNavProps {
-}
+type PaginationProps = CarbonPaginationProps;
+type PaginationNavProps = CarbonPaginationNavProps;
 /**
  * Pagination (Table Bar)
  * - Advanced: Items per page selector + page info + nav

package/dist/components/ui/popover.d.mts

@@ -3,10 +3,8 @@ import { Popover as Popover$1, PopoverContent as PopoverContent$1 } from '@carbo
 
 type CarbonPopoverProps = React.ComponentProps<typeof Popover$1>;
 type CarbonPopoverContentProps = React.ComponentProps<typeof PopoverContent$1>;
-interface PopoverProps extends CarbonPopoverProps {
-}
-interface PopoverContentProps extends CarbonPopoverContentProps {
-}
+type PopoverProps = CarbonPopoverProps;
+type PopoverContentProps = CarbonPopoverContentProps;
 declare function Popover({ className, ...props }: PopoverProps): React.JSX.Element;
 declare function PopoverContent({ className, ...props }: PopoverContentProps): React.JSX.Element;
 

package/dist/components/ui/progress.d.mts

@@ -3,8 +3,7 @@ import { ProgressBar } from '@carbon/react';
 export { ProgressIndicator, ProgressStep } from '@carbon/react';
 
 type CarbonProgressBarProps = React.ComponentProps<typeof ProgressBar>;
-interface ProgressProps extends CarbonProgressBarProps {
-}
+type ProgressProps = CarbonProgressBarProps;
 declare function Progress({ className, ...props }: ProgressProps): React.JSX.Element;
 
 export { Progress, type ProgressProps };

package/dist/components/ui/radio-group.d.mts

@@ -3,10 +3,8 @@ import { RadioButtonGroup, RadioButton } from '@carbon/react';
 
 type CarbonRadioButtonGroupProps = React.ComponentProps<typeof RadioButtonGroup>;
 type CarbonRadioButtonProps = React.ComponentProps<typeof RadioButton>;
-interface RadioGroupProps extends CarbonRadioButtonGroupProps {
-}
-interface RadioGroupItemProps extends CarbonRadioButtonProps {
-}
+type RadioGroupProps = CarbonRadioButtonGroupProps;
+type RadioGroupItemProps = CarbonRadioButtonProps;
 declare function RadioGroup({ className, ...props }: RadioGroupProps): React.JSX.Element;
 declare function RadioGroupItem({ className, id, ...props }: RadioGroupItemProps): React.JSX.Element;
 

package/dist/components/ui/search.d.mts

@@ -2,8 +2,7 @@ import * as React from 'react';
 import { Search as Search$1 } from '@carbon/react';
 
 type CarbonSearchProps = React.ComponentProps<typeof Search$1>;
-interface SearchProps extends CarbonSearchProps {
-}
+type SearchProps = CarbonSearchProps;
 declare function Search({ className, id, ...props }: SearchProps): React.JSX.Element;
 
 export { Search, type SearchProps };

package/dist/components/ui/select.d.mts

@@ -3,10 +3,8 @@ import { Select as Select$1, SelectItem } from '@carbon/react';
 
 type CarbonSelectProps = React.ComponentProps<typeof Select$1>;
 type CarbonSelectItemProps = React.ComponentProps<typeof SelectItem>;
-interface SelectProps extends CarbonSelectProps {
-}
-interface SelectOptionProps extends CarbonSelectItemProps {
-}
+type SelectProps = CarbonSelectProps;
+type SelectOptionProps = CarbonSelectItemProps;
 declare function Select({ className, id, ...props }: SelectProps): React.JSX.Element;
 declare function SelectOption(props: SelectOptionProps): React.JSX.Element;
 

package/dist/components/ui/skeleton.d.mts

@@ -4,10 +4,8 @@ export { AccordionSkeleton, ButtonSkeleton, SearchSkeleton, SkeletonIcon, TagSke
 
 type CarbonSkeletonTextProps = React.ComponentProps<typeof SkeletonText>;
 type CarbonSkeletonPlaceholderProps = React.ComponentProps<typeof SkeletonPlaceholder>;
-interface SkeletonProps extends CarbonSkeletonTextProps {
-}
-interface SkeletonBoxProps extends CarbonSkeletonPlaceholderProps {
-}
+type SkeletonProps = CarbonSkeletonTextProps;
+type SkeletonBoxProps = CarbonSkeletonPlaceholderProps;
 declare function Skeleton({ className, ...props }: SkeletonProps): React.JSX.Element;
 declare function SkeletonBox({ className, ...props }: SkeletonBoxProps): React.JSX.Element;
 

package/dist/components/ui/slider.d.mts

@@ -2,8 +2,7 @@ import * as React from 'react';
 import { Slider as Slider$1 } from '@carbon/react';
 
 type CarbonSliderProps = React.ComponentProps<typeof Slider$1>;
-interface SliderProps extends CarbonSliderProps {
-}
+type SliderProps = CarbonSliderProps;
 declare function Slider({ className, id, ...props }: SliderProps): React.JSX.Element;
 
 export { Slider, type SliderProps };

package/dist/components/ui/switch.d.mts

@@ -2,8 +2,7 @@ import * as React from 'react';
 import { Toggle } from '@carbon/react';
 
 type CarbonToggleProps = React.ComponentProps<typeof Toggle>;
-interface SwitchProps extends CarbonToggleProps {
-}
+type SwitchProps = CarbonToggleProps;
 declare function Switch({ className, id, ...props }: SwitchProps): React.JSX.Element;
 
 export { Switch, type SwitchProps };

package/dist/components/ui/textarea.d.mts

@@ -2,8 +2,7 @@ import * as React from 'react';
 import { TextArea } from '@carbon/react';
 
 type CarbonTextAreaProps = React.ComponentProps<typeof TextArea>;
-interface TextareaProps extends CarbonTextAreaProps {
-}
+type TextareaProps = CarbonTextAreaProps;
 declare function Textarea({ className, id, ...props }: TextareaProps): React.JSX.Element;
 
 export { Textarea, type TextareaProps };

package/dist/components/ui/tooltip.d.mts

@@ -4,10 +4,8 @@ export { DefinitionTooltip, ToggletipActions, ToggletipButton, ToggletipContent
 
 type CarbonTooltipProps = React.ComponentProps<typeof Tooltip$1>;
 type CarbonToggletipProps = React.ComponentProps<typeof Toggletip>;
-interface TooltipProps extends CarbonTooltipProps {
-}
-interface TooltipInfoProps extends CarbonToggletipProps {
-}
+type TooltipProps = CarbonTooltipProps;
+type TooltipInfoProps = CarbonToggletipProps;
 declare function Tooltip({ className, ...props }: TooltipProps): React.JSX.Element;
 declare function TooltipInfo({ className, ...props }: TooltipInfoProps): React.JSX.Element;
 

package/dist/design-system-carbon.css

@@ -1,2 +1,2 @@
-/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
 @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}:root,:host{--font-sans:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.start{inset-inline-start:.25rem}.end{inset-inline-end:.25rem}.top-1\/2{top:50%}.left-1\/2{left:50%}.z-10{z-index:10}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.mx-auto{margin-inline:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-12{margin-top:3rem}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-7{width:1.75rem;height:1.75rem}.size-10{width:2.5rem;height:2.5rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-12{height:3rem}.h-16{height:4rem}.h-\[500px\]{height:500px}.h-full{height:100%}.h-px{height:1px}.min-h-\[calc\(100vh-3rem\)\]{min-height:calc(100vh - 3rem)}.min-h-full{min-height:100%}.w-1\/2{width:50%}.w-12{width:3rem}.w-\[100px\]{width:100px}.w-\[140px\]{width:140px}.w-\[220px\]{width:220px}.w-\[800px\]{width:800px}.w-full{width:100%}.w-px{width:1px}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(.25rem * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(.25rem * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(.25rem * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(.25rem * 3) * calc(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border{border-color:var(--border)}.bg-\[\#161616\]{background-color:#161616}.bg-\[rgba\(15\,98\,254\,0\.15\)\]{background-color:#0f62fe26}.bg-background{background-color:var(--background)}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-interactive{background-color:var(--interactive)}.bg-muted{background-color:var(--muted)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.p-0{padding:0}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.px-1\.5{padding-inline:.375rem}.px-4{padding-inline:1rem}.px-6{padding-inline:1.5rem}.py-0\.5{padding-block:.125rem}.py-3{padding-block:.75rem}.py-12{padding-block:3rem}.py-16{padding-block:4rem}.py-40{padding-block:10rem}.pt-4{padding-top:1rem}.pb-40{padding-bottom:10rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,monospace}.font-sans{font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.text-2xl{font-size:1.5rem;line-height:var(--tw-leading,calc(2 / 1.5))}.text-4xl{font-size:2.25rem;line-height:var(--tw-leading,calc(2.5 / 2.25))}.text-5xl{font-size:3rem;line-height:var(--tw-leading,1)}.text-base{font-size:1rem;line-height:var(--tw-leading,calc(1.5 / 1))}.text-lg{font-size:1.125rem;line-height:var(--tw-leading,calc(1.75 / 1.125))}.text-sm{font-size:.875rem;line-height:var(--tw-leading,calc(1.25 / .875))}.text-xs{font-size:.75rem;line-height:var(--tw-leading,calc(1 / .75))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:1.625;line-height:1.625}.leading-snug{--tw-leading:1.375;line-height:1.375}.font-bold{--tw-font-weight:700;font-weight:700}.font-medium{--tw-font-weight:500;font-weight:500}.font-semibold{--tw-font-weight:600;font-weight:600}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-tight{--tw-tracking:-.025em;letter-spacing:-.025em}.tracking-wider{--tw-tracking:.05em;letter-spacing:.05em}.tracking-widest{--tw-tracking:.1em;letter-spacing:.1em}.text-foreground{color:var(--foreground)}.text-interactive{color:var(--interactive)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.text-white{color:#fff}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-\[150px\]{--tw-blur:blur(150px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}@media (hover:hover){.group-hover\:text-interactive:is(:where(.group):hover *){color:var(--interactive)}.group-hover\:shadow-md:is(:where(.group):hover *){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:bg-interactive-hover:hover{background-color:var(--interactive-hover)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:48rem){.md\:py-56{padding-block:14rem}.md\:text-7xl{font-size:4.5rem;line-height:var(--tw-leading,1)}}@media (min-width:64rem){.lg\:ml-64{margin-left:16rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@plus-experience/design-system-carbon",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "private": false,
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"
   },
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/plus-experience/design-system-carbon.git"
@@ -27,7 +28,8 @@
     "app/carbon.scss",
     "bin",
     "VIBECODING.md",
-    "DESIGN_SYSTEM.md"
+    "DESIGN_SYSTEM.md",
+    "LICENSE"
   ],
   "scripts": {
     "dev": "next dev",
@@ -42,10 +44,11 @@
     "@carbon/icons-react": "^11.55.0",
     "@carbon/react": "^1.76.0",
     "@eslint/eslintrc": "^3.3.5",
+    "@ibm/plex": "^6.4.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
-    "next": "15.3.2",
+    "next": "^15.5.16",
     "next-themes": "^0.4.6",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
@@ -58,7 +61,7 @@
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "eslint": "^9",
-    "eslint-config-next": "15.3.2",
+    "eslint-config-next": "^15.5.16",
     "sass": "^1.87.0",
     "tailwindcss": "^4",
     "tsup": "^8.5.1",