@iamfiro/design 0.1.0 → 0.3.1
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.
- package/AGENTS.md +1 -0
- package/agents/INDEX.md +1 -0
- package/agents/brand-icon/AGENTS.md +2 -2
- package/agents/social-login-button/AGENTS.md +156 -0
- package/lib/components/Accordion/Accordion2.js +135 -0
- package/lib/components/ActionBar/ActionBar2.js +66 -0
- package/lib/components/Alert/Alert2.js +131 -0
- package/lib/components/AppShell/AppShell2.js +94 -0
- package/lib/components/AreaChart/AreaChart.js +59 -0
- package/lib/components/BarChart/BarChart2.js +243 -0
- package/lib/components/BarList/BarList2.js +172 -0
- package/lib/components/Breadcrumb/Breadcrumb2.js +90 -0
- package/lib/components/Calendar/Calendar2.js +309 -0
- package/lib/components/Calendar/DatePicker2.js +228 -0
- package/lib/components/Calendar/date.js +118 -0
- package/lib/components/Card/Card2.js +103 -0
- package/lib/components/CardFrame/CardFrame2.js +67 -0
- package/lib/components/Chart/ChartParts.js +150 -0
- package/lib/components/Chart/chart2.js +96 -0
- package/lib/components/Chart/useChartInteraction.js +94 -0
- package/lib/components/ChatBubble/ChatBubble2.js +174 -0
- package/lib/components/ChatBubble/formatChatTime.js +48 -0
- package/lib/components/ChatComposer/ChatComposer2.js +153 -0
- package/lib/components/CodeBlock/CodeBlock2.js +93 -0
- package/lib/components/CodeBlock/highlight.js +111 -0
- package/lib/components/ColorPicker/ColorPicker2.js +609 -0
- package/lib/components/ColorPicker/color.js +180 -0
- package/lib/components/ColorPicker/presets.js +70 -0
- package/lib/components/Combobox/Combobox2.js +228 -0
- package/lib/components/CommandMenu/CommandMenu.js +267 -0
- package/lib/components/Comment/Comment2.js +110 -0
- package/lib/components/ContextMenu/ContextMenu2.js +168 -0
- package/lib/components/DataGrid/DataGrid2.js +1998 -0
- package/lib/components/DataGrid/GridPopover.js +154 -0
- package/lib/components/DataGrid/anchor.js +50 -0
- package/lib/components/DataGrid/model.js +557 -0
- package/lib/components/DataGrid/panels.js +701 -0
- package/lib/components/DataGrid/typeMeta.js +75 -0
- package/lib/components/DataGrid/types.js +53 -0
- package/lib/components/DescriptionList/DescriptionList2.js +180 -0
- package/lib/components/Dialog/AlertDialog.js +119 -0
- package/lib/components/Dialog/Dialog2.js +110 -0
- package/lib/components/Dialog/modal.js +92 -0
- package/lib/components/Drawer/Drawer2.js +244 -0
- package/lib/components/DropdownMenu/DropdownMenu2.js +393 -0
- package/lib/components/DropdownMenu/menuCore.js +63 -0
- package/lib/components/Dropzone/Dropzone2.js +145 -0
- package/lib/components/EmptyState/EmptyState2.js +70 -0
- package/lib/components/FileChip/FileChip2.js +94 -0
- package/lib/components/FileUpload/FileUpload.js +259 -0
- package/lib/components/FilterChips/FilterChips2.js +101 -0
- package/lib/components/FunnelChart/FunnelChart2.js +283 -0
- package/lib/components/FunnelChart/funnel.js +72 -0
- package/lib/components/Highlight/Highlight2.js +100 -0
- package/lib/components/HoverCard/HoverCard.js +134 -0
- package/lib/components/InlineDiff/InlineDiff2.js +215 -0
- package/lib/components/InlineDiff/diff.js +126 -0
- package/lib/components/InlineDiff/useDiffReview.js +110 -0
- package/lib/components/Kanban/Kanban2.js +691 -0
- package/lib/components/Kanban/KanbanCard.js +159 -0
- package/lib/components/Kanban/move.js +69 -0
- package/lib/components/LineChart/LineChart2.js +342 -0
- package/lib/components/List/List2.js +132 -0
- package/lib/components/Listbox/Listbox2.js +163 -0
- package/lib/components/Marker/Marker2.js +82 -0
- package/lib/components/Menubar/Menubar2.js +222 -0
- package/lib/components/MultiSelect/MultiSelect2.js +204 -0
- package/lib/components/NavigationMenu/NavigationMenu2.js +481 -0
- package/lib/components/NoticeStack/NoticeStack2.js +178 -0
- package/lib/components/NumberStepper/NumberStepper2.js +128 -0
- package/lib/components/OtpInput/OtpInput2.js +122 -0
- package/lib/components/Pagination/Pagination2.js +210 -0
- package/lib/components/Pagination/paginationRange.js +52 -0
- package/lib/components/PhoneInput/PhoneInput.js +175 -0
- package/lib/components/PieChart/PieChart2.js +246 -0
- package/lib/components/PieChart/arc.js +90 -0
- package/lib/components/PieChart/useArcTween.js +92 -0
- package/lib/components/Popover/Popover2.js +111 -0
- package/lib/components/ProgressTracker/ProgressTracker2.js +226 -0
- package/lib/components/Rating/Rating2.js +186 -0
- package/lib/components/Resizable/Resizable2.js +238 -0
- package/lib/components/Resizable/layout.js +115 -0
- package/lib/components/ScaledPreview/ScaledPreview2.js +99 -0
- package/lib/components/ScatterChart/ScatterChart2.js +355 -0
- package/lib/components/ScatterChart/scatter.js +85 -0
- package/lib/components/ScrollArea/ScrollArea2.js +217 -0
- package/lib/components/Select/Select2.js +153 -0
- package/lib/components/Sidebar/Sidebar2.js +127 -0
- package/lib/components/Skeleton/Skeleton2.js +91 -0
- package/lib/components/Slider/Slider2.js +142 -0
- package/lib/components/SocialLoginButton/SocialLoginButton.js +84 -0
- package/lib/components/SparkChart/SparkChart2.js +217 -0
- package/lib/components/SparkChart/spark.js +71 -0
- package/lib/components/Sparkbar/Sparkbar2.js +111 -0
- package/lib/components/SplitView/SplitView2.js +95 -0
- package/lib/components/Stat/Stat2.js +164 -0
- package/lib/components/StepList/StepList2.js +131 -0
- package/lib/components/Table/Table2.js +104 -0
- package/lib/components/Tabs/Tabs2.js +131 -0
- package/lib/components/TagInput/TagInput2.js +357 -0
- package/lib/components/TimePicker/TimePicker2.js +388 -0
- package/lib/components/TimePicker/time.js +81 -0
- package/lib/components/Timeline/Timeline2.js +369 -0
- package/lib/components/Timeline/scale.js +81 -0
- package/lib/components/Toast/Toaster.js +213 -0
- package/lib/components/Toast/store.js +128 -0
- package/lib/components/ToggleGroup/ToggleGroup2.js +125 -0
- package/lib/components/Toolbar/Toolbar2.js +283 -0
- package/lib/components/Tracker/Tracker2.js +172 -0
- package/lib/components/TreeDiagram/TreeDiagram2.js +223 -0
- package/lib/components/TreeView/TreeView2.js +286 -0
- package/lib/hooks/timing.js +57 -0
- package/lib/hooks/useControllableState.js +49 -0
- package/lib/hooks/useCountdown.js +75 -0
- package/lib/hooks/useDigitInput.js +103 -0
- package/lib/hooks/useDismiss.js +69 -0
- package/lib/hooks/useElapsed.js +85 -0
- package/lib/hooks/useFloating.js +70 -0
- package/lib/hooks/useFocusTrap.js +85 -0
- package/lib/hooks/usePresence.js +58 -0
- package/lib/hooks/usePressToOpen.js +70 -0
- package/lib/hooks/useScrollLock.js +71 -0
- package/lib/hooks/useSelection.js +65 -0
- package/lib/index.js +176 -17911
- package/lib/primitives/AspectRatio2.js +76 -0
- package/lib/primitives/BrandIcon.js +245 -0
- package/lib/primitives/ColorDot2.js +71 -0
- package/lib/primitives/CopyButton2.js +86 -0
- package/lib/primitives/CountBadge2.js +80 -0
- package/lib/primitives/Countdown2.js +61 -0
- package/lib/primitives/Delta2.js +92 -0
- package/lib/primitives/Elapsed.js +62 -0
- package/lib/primitives/FileIcon2.js +125 -0
- package/lib/primitives/Flag2.js +263 -0
- package/lib/primitives/IconStack2.js +85 -0
- package/lib/primitives/IconTile2.js +69 -0
- package/lib/primitives/Kbd2.js +88 -0
- package/lib/primitives/Layout2.js +118 -0
- package/lib/primitives/Link2.js +55 -0
- package/lib/primitives/MaskedText2.js +121 -0
- package/lib/primitives/Progress2.js +137 -0
- package/lib/primitives/RelativeTime.js +82 -0
- package/lib/primitives/SearchInput2.js +85 -0
- package/lib/primitives/SelectorButton2.js +96 -0
- package/lib/primitives/Spinner2.js +94 -0
- package/lib/primitives/StatusIcon2.js +126 -0
- package/lib/primitives/Swatch2.js +79 -0
- package/lib/primitives/Tooltip2.js +132 -0
- package/lib/primitives/Typography2.js +97 -0
- package/lib/primitives/formatCountdown.js +54 -0
- package/lib/primitives/formatElapsed.js +63 -0
- package/lib/primitives/formatRelativeTime.js +64 -0
- package/lib/primitives/hotkey.js +94 -0
- package/lib/primitives/index.js +351 -0
- package/lib/primitives/maskValue.js +69 -0
- package/lib/style.css +1 -1
- package/lib/types/components/SocialLoginButton/SocialLoginButton.d.ts +10 -0
- package/lib/types/components/index.d.ts +2 -0
- package/lib/types/primitives/BrandIcon.d.ts +1 -1
- package/package.json +2 -1
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type ButtonProps } from '../../primitives';
|
|
2
|
+
export type SocialProvider = 'google' | 'apple';
|
|
3
|
+
export type SocialLoginAction = 'continue' | 'signin' | 'signup';
|
|
4
|
+
export interface SocialLoginButtonProps extends Omit<ButtonProps, 'variant' | 'icon' | 'iconRight'> {
|
|
5
|
+
provider: SocialProvider;
|
|
6
|
+
/** Which label to show: "Google로 계속하기" · "Google로 로그인" · "Google로 가입하기". `children` overrides it. */
|
|
7
|
+
action?: SocialLoginAction;
|
|
8
|
+
}
|
|
9
|
+
/** "Continue with Google / Apple" — a Button with the provider's mark, colours and a Korean label. */
|
|
10
|
+
export declare const SocialLoginButton: import("react").ForwardRefExoticComponent<SocialLoginButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -184,3 +184,5 @@ export type { TagInputProps, TagRejectReason } from './TagInput/TagInput';
|
|
|
184
184
|
export { TimePicker } from './TimePicker/TimePicker';
|
|
185
185
|
export type { TimePickerProps } from './TimePicker/TimePicker';
|
|
186
186
|
export { formatDuration, formatTime, minutesToTime, parseTimeInput, timeToMinutes } from './TimePicker/time';
|
|
187
|
+
export { SocialLoginButton } from './SocialLoginButton/SocialLoginButton';
|
|
188
|
+
export type { SocialLoginAction, SocialLoginButtonProps, SocialProvider } from './SocialLoginButton/SocialLoginButton';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const BRAND_NAMES: readonly ["gmail", "slack", "clickup", "figma", "github", "hubspot", "notion", "google-calendar"];
|
|
1
|
+
export declare const BRAND_NAMES: readonly ["gmail", "slack", "clickup", "figma", "github", "hubspot", "notion", "google-calendar", "google", "apple"];
|
|
2
2
|
export type BrandName = (typeof BRAND_NAMES)[number];
|
|
3
3
|
export interface BrandIconProps {
|
|
4
4
|
name: BrandName;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@iamfiro/design",
|
|
3
|
-
"version": "0.1
|
|
3
|
+
"version": "0.3.1",
|
|
4
4
|
"description": "Lumen 디자인 시스템 — React 컴포넌트 · 토큰 · 훅. 에이전트는 AGENTS.md부터 읽는다.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./lib/index.js",
|
|
@@ -47,6 +47,7 @@
|
|
|
47
47
|
"@types/react": "^19.3.0",
|
|
48
48
|
"@types/react-dom": "^19.3.0",
|
|
49
49
|
"@vitejs/plugin-react": "^6.1.2",
|
|
50
|
+
"javascript-obfuscator": "^5.9.0",
|
|
50
51
|
"oxlint": "^1.88.0",
|
|
51
52
|
"react": "^19.3.1",
|
|
52
53
|
"react-dom": "^19.3.1",
|