@ceed/ads 1.13.4 → 1.15.0-next.2

package/dist/components/navigation/MenuButton.md

@@ -0,0 +1,39 @@
+# MenuButton
+
+## Introduction
+
+```tsx
+<MenuButton
+  buttonText="Dashboard..."
+  items={[{
+  text: 'Profile'
+}, {
+  text: 'My account'
+}, {
+  text: 'Logout'
+}]}
+  showIcon
+  variant="solid"
+  color="primary"
+/>
+```
+
+| Field                | Description | Default                                                               |
+| -------------------- | ----------- | --------------------------------------------------------------------- |
+| buttonText           | —           | "Dashboard..."                                                        |
+| buttonComponent      | —           | —                                                                     |
+| buttonComponentProps | —           | —                                                                     |
+| items                | —           | \[\{ text: 'Profile' }, \{ text: 'My account' }, \{ text: 'Logout' }] |
+| showIcon             | —           | true                                                                  |
+| startDecorator       | —           | —                                                                     |
+| endDecorator         | —           | —                                                                     |
+| placement            | —           | —                                                                     |
+| variant              | —           | "solid"                                                               |
+| color                | —           | "primary"                                                             |
+| size                 | —           | —                                                                     |
+
+## Usage
+
+```tsx
+import { MenuButton } from '@ceed/ads';
+```

package/dist/components/navigation/NavigationGroup.md

@@ -0,0 +1,17 @@
+# NavigationGroup
+
+## Introduction
+
+```text
+// Unable to derive source for Default
+```
+
+| Field                        | Description | Default |
+| ---------------------------- | ----------- | ------- |
+| Controls resolved at runtime | —           | —       |
+
+## Usage
+
+```tsx
+import { NavigationGroup } from '@ceed/ads';
+```

package/dist/components/navigation/NavigationItem.md

@@ -0,0 +1,17 @@
+# NavigationItem
+
+## Introduction
+
+```text
+// Unable to derive source for Default
+```
+
+| Field                        | Description | Default |
+| ---------------------------- | ----------- | ------- |
+| Controls resolved at runtime | —           | —       |
+
+## Usage
+
+```tsx
+import { NavigationItem } from '@ceed/ads';
+```

package/dist/components/navigation/Navigator.md

@@ -0,0 +1,17 @@
+# Navigator
+
+## Introduction
+
+```text
+// Unable to derive source for Playground
+```
+
+| Field                        | Description | Default |
+| ---------------------------- | ----------- | ------- |
+| Controls resolved at runtime | —           | —       |
+
+## Usage
+
+```tsx
+import { Navigator } from '@ceed/ads';
+```

package/dist/components/navigation/Pagination.md

@@ -0,0 +1,17 @@
+# Pagination
+
+## Introduction
+
+```text
+// Unable to derive source for Playground
+```
+
+| Field                        | Description | Default |
+| ---------------------------- | ----------- | ------- |
+| Controls resolved at runtime | —           | —       |
+
+## Usage
+
+```tsx
+import { Pagination } from '@ceed/ads';
+```

package/dist/components/navigation/ProfileMenu.md

@@ -0,0 +1,34 @@
+# ProfileMenu
+
+## Introduction
+
+```tsx
+<ProfileMenu
+  open
+  profile={{
+  name: 'John Gordon',
+  chip: 'PDT',
+  caption: 'j.gordon@haulla.com'
+}}
+  menuItems={[{
+  label: 'Menu Item1',
+  onClick: fn()
+}, {
+  label: 'Menu Item2',
+  onClick: fn()
+}, {
+  label: 'Menu Item3',
+  onClick: fn()
+}]}
+/>
+```
+
+| Field                        | Description | Default |
+| ---------------------------- | ----------- | ------- |
+| Controls resolved at runtime | —           | —       |
+
+## Usage
+
+```tsx
+import { ProfileMenu } from '@ceed/ads';
+```

package/dist/components/navigation/Stepper.md

@@ -0,0 +1,108 @@
+# Stepper
+
+Stepper 컴포넌트는 여러 단계로 구성된 프로세스를 시각적으로 보여주는 컴포넌트입니다. 사용자가 현재 어느 단계에 있는지 표시하고, 완료된 단계와 남은 단계를 쉽게 확인할 수 있습니다.
+
+```text
+// Unable to derive source for Default
+```
+
+| Field                        | Description | Default |
+| ---------------------------- | ----------- | ------- |
+| Controls resolved at runtime | —           | —       |
+
+## 사용법
+
+```tsx
+import { Stepper } from '@ceed/ads';
+```
+
+## 기본형
+
+Stepper의 기본 형태입니다. 필수 속성 값으로 `steps`와 `activeStep`을 받으며, 각 단계는 `indicatorContent`, `label`, `extraContent`를 포함할 수 있습니다.
+
+```text
+// Unable to derive source for Default
+```
+
+## 인디케이터만 사용
+
+`label`과 `extraContent` 없이 인디케이터만 표시할 수도 있습니다.
+
+```text
+// Unable to derive source for OnlyIndicator
+```
+
+## 방향 설정
+
+### 수평 방향 (Horizontal)
+
+`orientation` 속성을 'horizontal'로 설정하면 Stepper가 수평 방향으로 표시됩니다.
+
+```text
+// Unable to derive source for HorizontalOrientation
+```
+
+### 수직 방향 (Vertical)
+
+`orientation` 속성을 'vertical'로 설정하면 Stepper가 수직 방향으로 표시됩니다. 이것이 기본 설정입니다.
+
+```text
+// Unable to derive source for VerticalOrientation
+```
+
+## 단계 방향 설정
+
+### 수평 단계 방향 (Horizontal Step Orientation)
+
+`stepOrientation` 속성을 'horizontal'로 설정하면 각 단계의 내용이 인디케이터 옆에 수평으로 배치됩니다. 이것이 기본 설정입니다.
+
+```text
+// Unable to derive source for HorizontalStepOrientation
+```
+
+### 수직 단계 방향 (Vertical Step Orientation)
+
+`stepOrientation` 속성을 'vertical'로 설정하면 각 단계의 내용이 인디케이터 아래에 수직으로 배치됩니다.
+**주의**: `orientation`이 'vertical'로 설정된 경우, `stepOrientation`은 항상 'horizontal'로 강제 설정됩니다.
+
+`orientation`이 'horizontal'이고 `stepOrientation`이 'vertical'인 경우, 단계 내용이 자동으로 중앙 정렬됩니다.
+
+```text
+// Unable to derive source for VerticalStepOrientation
+```
+
+## 색상 커스터마이징
+
+### 활성 색상 설정
+
+`activeColor`와 `activeLineColor` 속성을 사용하여 활성 상태와 완료된 상태의 색상을 변경할 수 있습니다.
+
+```text
+// Unable to derive source for WithActiveColor
+```
+
+### 비활성 색상 설정
+
+`inactiveColor`와 `inactiveLineColor` 속성을 사용하여 비활성 상태의 색상을 변경할 수 있습니다.
+
+```text
+// Unable to derive source for WithInactiveColor
+```
+
+## 단계 상태
+
+### 모든 단계 완료
+
+`activeStep` 값이 단계 수보다 크면 모든 단계가 완료된 것으로 표시됩니다.
+
+```text
+// Unable to derive source for WithAllComplete
+```
+
+### 모든 단계 비활성
+
+`activeStep` 값이 0이면 모든 단계가 비활성 상태로 표시됩니다.
+
+```text
+// Unable to derive source for WithAllInactive
+```

package/dist/components/navigation/Tabs.md

@@ -0,0 +1,34 @@
+# Tabs
+
+## Introduction
+
+```tsx
+<Tabs {...args}>
+  <TabList>
+    <Tab color={color} variant={variant}>
+      Tab1
+    </Tab>
+    <Tab color={color} variant={variant}>
+      Tab2
+    </Tab>
+    <Tab color={color} variant={variant}>
+      Tab3
+    </Tab>
+  </TabList>
+  <TabPanel value={0}>Tab list1</TabPanel>
+  <TabPanel value={1}>Tab list2</TabPanel>
+  <TabPanel value={2}>Tab list3</TabPanel>
+</Tabs>
+```
+
+| Field   | Description | Default   |
+| ------- | ----------- | --------- |
+| color   | —           | "primary" |
+| size    | —           | "md"      |
+| variant | —           | "plain"   |
+
+## Usage
+
+```tsx
+import { Tabs } from '@ceed/ads';
+```

package/dist/components/navigation/llms.txt

@@ -0,0 +1,22 @@
+# navigation
+
+## Documentation
+
+- [Breadcrumbs](./Breadcrumbs.md)
+- [Dropdown](./Dropdown.md)
+- [IconMenuButton](./IconMenuButton.md)
+- [InsetDrawer](./InsetDrawer.md)
+- [Link](./Link.md)
+- [Menu](./Menu.md)
+- [MenuButton](./MenuButton.md)
+- [NavigationGroup](./NavigationGroup.md)
+- [NavigationItem](./NavigationItem.md)
+- [Navigator](./Navigator.md)
+- [Pagination](./Pagination.md)
+- [ProfileMenu](./ProfileMenu.md)
+- [Stepper](./Stepper.md)
+- [Tabs](./Tabs.md)
+
+## Parent
+
+- [Parent](../llms.txt)

package/dist/components/surfaces/Accordions.md

@@ -0,0 +1,96 @@
+# Accordions
+
+## Introduction
+
+```tsx
+<Accordions {...args} />
+```
+
+| Field | Description                              | Default                                                                                                                                                                                                                                                      |
+| ----- | ---------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| items | Array of accordion summaries and details | \[\{ summary: 'First header', details: \<h3>Content of the first accordion.\</h3> }, \{ summary: 'Second header', details: \<h3>Content of the second accordion.\</h3> }, \{ summary: 'Third header', details: \<h3>Content of the third accordion.\</h3> }] |
+
+## Basics
+
+```tsx
+<Accordions
+  items={[{
+  summary: 'First header',
+  details: <h3>Content of the first accordion.</h3>
+}, {
+  summary: 'Second header',
+  details: <h3>Content of the second accordion.</h3>
+}, {
+  summary: 'Third header',
+  details: <h3>Content of the third accordion.</h3>
+}]}
+/>
+```
+
+## Customization
+
+### Sizes
+
+```tsx
+<>
+  <Accordions {...args} size="sm" />
+  <Accordions {...args} size="md" />
+  <Accordions {...args} size="lg" />
+</>
+```
+
+### Variants
+
+```tsx
+<>
+  <div>
+    <h3>Plain</h3>
+    <Accordions {...args} variant="plain" />
+  </div>
+  <div>
+    <h3>Outlined</h3>
+    <Accordions {...args} variant="outlined" />
+  </div>
+  <div>
+    <h3>Soft</h3>
+    <Accordions {...args} variant="soft" />
+  </div>
+  <div>
+    <h3>Solid</h3>
+    <Accordions {...args} variant="solid" />
+  </div>
+</>
+```
+
+### Colors
+
+```tsx
+<>
+  <div>
+    <h3>Primary</h3>
+    <Accordions {...args} color="primary" />
+  </div>
+  <div>
+    <h3>Neutral</h3>
+    <Accordions {...args} color="neutral" />
+  </div>
+  <div>
+    <h3>Danger</h3>
+    <Accordions {...args} color="danger" />
+  </div>
+  <div>
+    <h3>Success</h3>
+    <Accordions {...args} color="success" />
+  </div>
+  <div>
+    <h3>Warning</h3>
+    <Accordions {...args} color="warning" />
+  </div>
+</>
+```
+
+### Removing Divider
+
+```tsx
+<Accordions {...args} disableDivider />
+```