organify-ui 0.2.16 → 0.3.2
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/dist/{chunk-I47BBGVI.js → chunk-A2H2TBSV.js} +16 -34
- package/dist/chunk-A2H2TBSV.js.map +1 -0
- package/dist/{chunk-INKNHHKT.js → chunk-GQZMW7XN.js} +212 -217
- package/dist/chunk-GQZMW7XN.js.map +1 -0
- package/dist/{chunk-HY7M3VZM.js → chunk-MZKEDV5W.js} +9 -9
- package/dist/{chunk-HY7M3VZM.js.map → chunk-MZKEDV5W.js.map} +1 -1
- package/dist/{chunk-5L6BWKVA.js → chunk-RFOKENE3.js} +7 -6
- package/dist/chunk-RFOKENE3.js.map +1 -0
- package/dist/chunk-UGX6D3AO.js +327 -0
- package/dist/chunk-UGX6D3AO.js.map +1 -0
- package/dist/{chunk-ERFN2H75.js → chunk-VHQZS77G.js} +9 -9
- package/dist/chunk-VHQZS77G.js.map +1 -0
- package/dist/components/chat/index.js +3 -3
- package/dist/components/notifications/index.js +3 -3
- package/dist/icons/index.js +1 -1
- package/dist/index.d.ts +23 -33
- package/dist/index.js +176 -187
- package/dist/index.js.map +1 -1
- package/dist/providers/theme-provider.d.ts +2 -2
- package/dist/providers/theme-provider.js +1 -1
- package/dist/tailwind-preset.js +77 -28
- package/dist/tailwind-preset.js.map +1 -1
- package/dist/tokens/index.d.ts +181 -99
- package/dist/tokens/index.js +1 -1
- package/package.json +2 -2
- package/src/globals.css +1007 -366
- package/dist/chunk-5L6BWKVA.js.map +0 -1
- package/dist/chunk-ERFN2H75.js.map +0 -1
- package/dist/chunk-HZXKUGFH.js +0 -271
- package/dist/chunk-HZXKUGFH.js.map +0 -1
- package/dist/chunk-I47BBGVI.js.map +0 -1
- package/dist/chunk-INKNHHKT.js.map +0 -1
package/dist/icons/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { OrgAI, OrgActivity, OrgArrowLeft, OrgArrowRight, OrgAttachment, OrgBell, OrgBoard, OrgCalendar, OrgCelebrate, OrgChart, OrgChat, OrgCheck, OrgCheckCircle, OrgChevronDown, OrgChevronLeft, OrgChevronRight, OrgChevronUp, OrgClock, OrgClose, OrgComment, OrgCopy, OrgCreditCard, OrgDeveloper, OrgDiamond, OrgDoor, OrgDownload, OrgEdit, OrgError, OrgExecutive, OrgEye, OrgEyeOff, OrgFile, OrgFilter, OrgFlag, OrgFolder, OrgGauge, OrgGlobe, OrgGrid, OrgHeart, OrgHome, OrgInfo, OrgIntegration, OrgLink, OrgList, OrgLock, OrgLogo, OrgLogout, OrgMail, OrgMention, OrgMenu, OrgMoon, OrgPMO, OrgPause, OrgPlay, OrgPlus, OrgProjectManager, OrgReport, OrgRocket, OrgSearch, OrgSettings, OrgShield, OrgSort, OrgSprint, OrgStakeholder, OrgStar, OrgSun, OrgTag, OrgTarget, OrgTeam, OrgTrash, OrgTutorial, OrgUnlock, OrgUpload, OrgUser, OrgWarning, OrgWave, OrgWordmark, OrgWorkflow, OrgWorkspace, OrgZap } from '../chunk-
|
|
1
|
+
export { OrgAI, OrgActivity, OrgArrowLeft, OrgArrowRight, OrgAttachment, OrgBell, OrgBoard, OrgCalendar, OrgCelebrate, OrgChart, OrgChat, OrgCheck, OrgCheckCircle, OrgChevronDown, OrgChevronLeft, OrgChevronRight, OrgChevronUp, OrgClock, OrgClose, OrgComment, OrgCopy, OrgCreditCard, OrgDeveloper, OrgDiamond, OrgDoor, OrgDownload, OrgEdit, OrgError, OrgExecutive, OrgEye, OrgEyeOff, OrgFile, OrgFilter, OrgFlag, OrgFolder, OrgGauge, OrgGlobe, OrgGrid, OrgHeart, OrgHome, OrgInfo, OrgIntegration, OrgLink, OrgList, OrgLock, OrgLogo, OrgLogout, OrgMail, OrgMention, OrgMenu, OrgMoon, OrgPMO, OrgPause, OrgPlay, OrgPlus, OrgProjectManager, OrgReport, OrgRocket, OrgSearch, OrgSettings, OrgShield, OrgSort, OrgSprint, OrgStakeholder, OrgStar, OrgSun, OrgTag, OrgTarget, OrgTeam, OrgTrash, OrgTutorial, OrgUnlock, OrgUpload, OrgUser, OrgWarning, OrgWave, OrgWordmark, OrgWorkflow, OrgWorkspace, OrgZap } from '../chunk-MZKEDV5W.js';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { ClassValue } from 'clsx';
|
|
2
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
3
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
4
|
import * as React from 'react';
|
|
4
5
|
import { VariantProps } from 'class-variance-authority';
|
|
5
6
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
6
7
|
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
7
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
8
8
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
9
9
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
10
10
|
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
@@ -32,21 +32,15 @@ export { Notification, NotificationBell, NotificationBellProps, NotificationItem
|
|
|
32
32
|
*/
|
|
33
33
|
declare function cn(...inputs: ClassValue[]): string;
|
|
34
34
|
|
|
35
|
-
/**
|
|
36
|
-
* Button — Organic Squircle Actions
|
|
37
|
-
*
|
|
38
|
-
* Organic Design System — smooth squircle shapes, organic easing.
|
|
39
|
-
* Theme-aware: uses CSS variables for theme switching.
|
|
40
|
-
*/
|
|
41
35
|
declare const buttonVariants: (props?: ({
|
|
42
|
-
variant?: "default" | "link" | "
|
|
36
|
+
variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
43
37
|
size?: "sm" | "default" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
|
|
44
38
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
45
39
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
46
40
|
asChild?: boolean;
|
|
47
41
|
loading?: boolean;
|
|
48
42
|
}
|
|
49
|
-
declare
|
|
43
|
+
declare function Button({ className, variant, size, asChild, loading, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
50
44
|
|
|
51
45
|
/**
|
|
52
46
|
* Input — Organic Glass input field
|
|
@@ -55,7 +49,7 @@ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAtt
|
|
|
55
49
|
* Squircle radius, organic easing, focus glow.
|
|
56
50
|
*/
|
|
57
51
|
declare const inputVariants: (props?: ({
|
|
58
|
-
variant?: "default" | "flat" | "
|
|
52
|
+
variant?: "default" | "flat" | "rounded" | "error" | "cream" | null | undefined;
|
|
59
53
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
60
54
|
interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
|
|
61
55
|
label?: string;
|
|
@@ -226,14 +220,13 @@ declare function OrgLoader({ size, caption, overlay, className, ...props }: OrgL
|
|
|
226
220
|
declare function OrgLoaderInline({ className, ...props }: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
|
|
227
221
|
|
|
228
222
|
/**
|
|
229
|
-
* Alert —
|
|
223
|
+
* Alert — Unified design with Toast
|
|
230
224
|
*
|
|
231
|
-
*
|
|
232
|
-
* -
|
|
233
|
-
* -
|
|
234
|
-
* -
|
|
235
|
-
* -
|
|
236
|
-
* - Theme-aware borders using CSS variables
|
|
225
|
+
* Same layout as Toast component:
|
|
226
|
+
* - Inline circular icon on the left
|
|
227
|
+
* - rounded-2xl card
|
|
228
|
+
* - Theme-adaptive (light/dark)
|
|
229
|
+
* - Semantic border colors per variant
|
|
237
230
|
*/
|
|
238
231
|
declare const alertVariants: (props?: ({
|
|
239
232
|
variant?: "error" | "success" | "warning" | "info" | null | undefined;
|
|
@@ -256,14 +249,13 @@ interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<
|
|
|
256
249
|
declare function Alert({ className, variant, title, description, icon, onClose, action, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
|
|
257
250
|
|
|
258
251
|
/**
|
|
259
|
-
* Toast —
|
|
252
|
+
* Toast — Dark Glass Toast with circular icon
|
|
260
253
|
*
|
|
261
|
-
* Design language matching
|
|
262
|
-
* -
|
|
263
|
-
* -
|
|
264
|
-
* -
|
|
265
|
-
* -
|
|
266
|
-
* - Auto-dismiss with optional progress bar
|
|
254
|
+
* Design language matching modern dark toast style:
|
|
255
|
+
* - Dark background with rounded corners
|
|
256
|
+
* - Circular icon on left with color-coded background
|
|
257
|
+
* - Clean typography with title and description
|
|
258
|
+
* - Close button on top right
|
|
267
259
|
*/
|
|
268
260
|
declare const toastVariants: (props?: ({
|
|
269
261
|
variant?: "default" | "error" | "success" | "warning" | "info" | null | undefined;
|
|
@@ -513,7 +505,7 @@ declare function Logo({ size, variant, animated, className, ...props }: LogoProp
|
|
|
513
505
|
* From Brand Assets & Icons HTML.
|
|
514
506
|
*/
|
|
515
507
|
declare const geometricIconVariants: (props?: ({
|
|
516
|
-
variant?: "default" | "outline" | "
|
|
508
|
+
variant?: "default" | "outline" | "error" | "cream" | "success" | "warning" | "filled" | null | undefined;
|
|
517
509
|
size?: "sm" | "default" | "lg" | "xl" | null | undefined;
|
|
518
510
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
519
511
|
interface GeometricIconProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof geometricIconVariants> {
|
|
@@ -604,9 +596,8 @@ declare function StepConnector({ status, variant, }: {
|
|
|
604
596
|
* From Brand Assets & Icons HTML.
|
|
605
597
|
*/
|
|
606
598
|
declare const statusPillVariants: (props?: ({
|
|
607
|
-
variant?: "default" | "
|
|
599
|
+
variant?: "default" | "error" | "cream" | "primary" | "success" | "warning" | "info" | "in-flow" | "deep-work" | "high-energy" | "resting" | "disconnected" | null | undefined;
|
|
608
600
|
size?: "sm" | "default" | "lg" | null | undefined;
|
|
609
|
-
glow?: boolean | null | undefined;
|
|
610
601
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
611
602
|
interface StatusPillProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof statusPillVariants> {
|
|
612
603
|
/** Show the animated dot indicator */
|
|
@@ -616,7 +607,7 @@ interface StatusPillProps extends React.HTMLAttributes<HTMLSpanElement>, Variant
|
|
|
616
607
|
/** Icon before text */
|
|
617
608
|
icon?: React.ReactNode;
|
|
618
609
|
}
|
|
619
|
-
declare function StatusPill({ variant, size,
|
|
610
|
+
declare function StatusPill({ variant, size, dot, pulse, icon, children, className, ...props }: StatusPillProps): react_jsx_runtime.JSX.Element;
|
|
620
611
|
|
|
621
612
|
interface CommentAuthor {
|
|
622
613
|
id: string;
|
|
@@ -1079,7 +1070,7 @@ declare function Label({ className, ...props }: React.ComponentProps<'label'>):
|
|
|
1079
1070
|
* Squircle radius, organic easing, focus glow.
|
|
1080
1071
|
*/
|
|
1081
1072
|
declare const textareaVariants: (props?: ({
|
|
1082
|
-
variant?: "default" | "flat" | "
|
|
1073
|
+
variant?: "default" | "flat" | "rounded" | "error" | "cream" | null | undefined;
|
|
1083
1074
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1084
1075
|
interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>, VariantProps<typeof textareaVariants> {
|
|
1085
1076
|
label?: string;
|
|
@@ -1176,11 +1167,10 @@ declare function EmptyContent({ className, ...props }: React.ComponentProps<'div
|
|
|
1176
1167
|
|
|
1177
1168
|
type ToasterProps = React.ComponentProps<typeof Toaster$1>;
|
|
1178
1169
|
/**
|
|
1179
|
-
* Toaster — Sonner integration with
|
|
1170
|
+
* Toaster — Sonner integration with dark glass design
|
|
1180
1171
|
*
|
|
1181
|
-
*
|
|
1182
|
-
*
|
|
1183
|
-
* the Toast/Alert design language.
|
|
1172
|
+
* Dark theme toast notifications with circular icon on the left
|
|
1173
|
+
* matching the design from the reference images
|
|
1184
1174
|
*/
|
|
1185
1175
|
declare function Toaster({ ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
|
|
1186
1176
|
|