@neowit/orbit-vue 0.1.0

package/dist/organisms/OAlertDialog/OAlertDialog.vue.d.ts

@@ -0,0 +1,64 @@
+export type AlertDialogVariant = 'confirmation' | 'info' | 'warning' | 'destructive';
+export interface OAlertDialogProps {
+    /** Controls visibility (v-model) */
+    open?: boolean;
+    /** Dialog title */
+    title: string;
+    /** Dialog description */
+    description?: string;
+    /** Visual variant — determines icon, layout and button style */
+    variant?: AlertDialogVariant;
+    /** Confirm button text */
+    confirmLabel?: string;
+    /** Cancel button text (hidden when variant is 'info') */
+    cancelLabel?: string;
+    /** Secondary action button text (optional third button) */
+    secondaryLabel?: string;
+    /** Loading state — disables buttons and shows spinner */
+    loading?: boolean;
+    /** Dialog width preset */
+    size?: 'sm' | 'md';
+    /** Allow closing with Escape key (default: false for alertdialog) */
+    closeOnEscape?: boolean;
+    /** Allow closing by clicking overlay (default: false for alertdialog) */
+    closeOnOverlayClick?: boolean;
+    /** Show icon circle */
+    showIcon?: boolean;
+    /** Requires user to type this text to enable confirm button (e.g. "EXCLUIR") */
+    confirmationText?: string;
+    /** Render action buttons inline in the body instead of in a separate footer */
+    inlineActions?: boolean;
+}
+declare var __VLS_12: {}, __VLS_17: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<OAlertDialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    secondary: () => any;
+    cancel: () => any;
+    "update:open": (value: boolean) => any;
+    confirm: () => any;
+}, string, import("vue").PublicProps, Readonly<OAlertDialogProps> & Readonly<{
+    onSecondary?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {
+    variant: AlertDialogVariant;
+    size: "sm" | "md";
+    open: boolean;
+    showIcon: boolean;
+    closeOnOverlayClick: boolean;
+    closeOnEscape: boolean;
+    inlineActions: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=OAlertDialog.vue.d.ts.map

package/dist/organisms/OAlertDialog/OAlertDialog.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OAlertDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/organisms/OAlertDialog/OAlertDialog.vue"],"names":[],"mappings":"AAmnBA,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,CAAA;AAEpF,MAAM,WAAW,iBAAiB;IAChC,oCAAoC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2DAA2D;IAC3D,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,qEAAqE;IACrE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,yEAAyE;IACzE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAsbD,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAyChD,QAAA,MAAM,eAAe;;;;;;;;;;;aAvfT,kBAAkB;UAUrB,IAAI,GAAG,IAAI;UAhBX,OAAO;cAsBH,OAAO;yBAFI,OAAO;mBAFb,OAAO;mBAQP,OAAO;6EA2evB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/organisms/OAlertDialog/index.d.ts

@@ -0,0 +1,3 @@
+export { default as OAlertDialog } from './OAlertDialog.vue';
+export type { AlertDialogVariant, OAlertDialogProps, } from './OAlertDialog.vue';
+//# sourceMappingURL=index.d.ts.map

package/dist/organisms/OAlertDialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organisms/OAlertDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,YAAY,EACV,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,oBAAoB,CAAA"}

package/dist/organisms/ODialog/ODialog.vue.d.ts

@@ -0,0 +1,96 @@
+import { type Ref } from 'vue';
+export type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export type DialogRole = 'dialog' | 'alertdialog';
+export type DialogBackdrop = 'opaque' | 'blur';
+export type DialogScrollBehavior = 'inside' | 'outside';
+export type DialogCloseReason = 'escape' | 'overlay' | 'close-button';
+export type DialogMotionPreset = 'scale' | 'slideUp' | 'slideDown' | 'slideRight' | 'none';
+export type DialogPosition = 'center' | 'top';
+export interface ODialogProps {
+    /** Controls dialog visibility (v-model) */
+    open?: boolean;
+    /** Dialog width preset */
+    size?: DialogSize;
+    /** Header title */
+    title?: string;
+    /** Header description */
+    description?: string;
+    /** ARIA role */
+    role?: DialogRole;
+    /** Backdrop style */
+    backdrop?: DialogBackdrop;
+    /** Allow closing by clicking the overlay */
+    closeOnOverlayClick?: boolean;
+    /** Allow closing with Escape key */
+    closeOnEscape?: boolean;
+    /** Prevent body scroll when open */
+    preventBodyScroll?: boolean;
+    /** Scroll behavior for long content */
+    scrollBehavior?: DialogScrollBehavior;
+    /** Show the close button in the header */
+    showCloseButton?: boolean;
+    /** Element to focus when dialog opens */
+    initialFocusRef?: Ref<HTMLElement | null>;
+    /** Element to focus when dialog closes */
+    returnFocusRef?: Ref<HTMLElement | null>;
+    /** Accessible label (alternative to title) */
+    ariaLabel?: string;
+    /** Animation preset */
+    motionPreset?: DialogMotionPreset;
+    /** Loading state — shows spinner in close button, can prevent closing */
+    loading?: boolean;
+    /** Prevent closing while loading is true */
+    preventCloseWhileLoading?: boolean;
+    /** Async hook called before closing — return false to cancel */
+    beforeClose?: (reason: DialogCloseReason) => boolean | Promise<boolean>;
+    /** Enable responsive bottom-sheet on mobile */
+    responsive?: boolean;
+    /** Show fullscreen toggle button in header */
+    allowFullscreen?: boolean;
+    /** Dialog position within viewport */
+    position?: DialogPosition;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ODialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (payload: {
+        reason: DialogCloseReason;
+    }) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ODialogProps> & Readonly<{
+    onClose?: ((payload: {
+        reason: DialogCloseReason;
+    }) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    role: DialogRole;
+    size: DialogSize;
+    loading: boolean;
+    position: DialogPosition;
+    open: boolean;
+    backdrop: DialogBackdrop;
+    closeOnOverlayClick: boolean;
+    closeOnEscape: boolean;
+    preventBodyScroll: boolean;
+    scrollBehavior: DialogScrollBehavior;
+    showCloseButton: boolean;
+    motionPreset: DialogMotionPreset;
+    preventCloseWhileLoading: boolean;
+    responsive: boolean;
+    allowFullscreen: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    hero?: (props: {}) => any;
+} & {
+    header?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+} & {
+    footer?: (props: {
+        loading: boolean;
+    }) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ODialog.vue.d.ts.map

package/dist/organisms/ODialog/ODialog.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ODialog.vue.d.ts","sourceRoot":"","sources":["../../../src/organisms/ODialog/ODialog.vue"],"names":[],"mappings":"AAm2BA,OAAO,EAAmD,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAG/E,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;AAC3D,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,aAAa,CAAA;AACjD,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,MAAM,CAAA;AAC9C,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,SAAS,CAAA;AACvD,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,SAAS,GAAG,cAAc,CAAA;AACrE,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,CAAA;AAC1F,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,KAAK,CAAA;AAE7C,MAAM,WAAW,YAAY;IAC3B,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,0BAA0B;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB;IAChB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,oCAAoC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,uCAAuC;IACvC,cAAc,CAAC,EAAE,oBAAoB,CAAA;IACrC,0CAA0C;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,yCAAyC;IACzC,eAAe,CAAC,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACzC,0CAA0C;IAC1C,cAAc,CAAC,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACxC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uBAAuB;IACvB,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,yEAAyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4CAA4C;IAC5C,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,gEAAgE;IAChE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;IACvE,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,cAAc,CAAA;CAC1B;;;gBA+B8B,iBAAiB;;;;;gBAAjB,iBAAiB;;;;UAhEvC,UAAU;UANV,UAAU;aA4BP,OAAO;cAUN,cAAc;UAxClB,OAAO;cAUH,cAAc;yBAEH,OAAO;mBAEb,OAAO;uBAEH,OAAO;oBAEV,oBAAoB;qBAEnB,OAAO;kBAQV,kBAAkB;8BAIN,OAAO;gBAIrB,OAAO;qBAEF,OAAO;;WA+qBhB,CAAC,KAAK,IAAgB,KAAK,GAAG;;aAC5B,CAAC,KAAK,IAAiB,KAAK,GAAG;;cAC9B,CAAC,KAAK,IAAiB,KAAK,GAAG;;aAChC,CAAC,KAAK;;KAAiB,KAAK,GAAG;;AAtqB5C,wBAstBK;AAYL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/organisms/ODialog/ODialogProvider.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=ODialogProvider.vue.d.ts.map

package/dist/organisms/ODialog/ODialogProvider.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ODialogProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/organisms/ODialog/ODialogProvider.vue"],"names":[],"mappings":";AA2IA,wBAKG"}

package/dist/organisms/ODialog/index.d.ts

@@ -0,0 +1,4 @@
+export { default as ODialog } from './ODialog.vue';
+export { default as ODialogProvider } from './ODialogProvider.vue';
+export type { DialogSize, DialogRole, DialogBackdrop, DialogScrollBehavior, DialogCloseReason, DialogMotionPreset, DialogPosition, ODialogProps, } from './ODialog.vue';
+//# sourceMappingURL=index.d.ts.map

package/dist/organisms/ODialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organisms/ODialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAClE,YAAY,EACV,UAAU,EACV,UAAU,EACV,cAAc,EACd,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,YAAY,GACb,MAAM,eAAe,CAAA"}

package/dist/style.css

@@ -0,0 +1 @@
+.orb-text{margin:0;padding:0;font-family:var(--orb-ff-display);letter-spacing:0px}.orb-text--h1{font-weight:var(--orb-h1-font-weight);font-size:var(--orb-h1-font-size);line-height:var(--orb-h1-line-height)}.orb-text--h2{font-weight:var(--orb-h2-font-weight);font-size:var(--orb-h2-font-size);line-height:var(--orb-h2-line-height)}.orb-text--h3{font-weight:var(--orb-h3-font-weight);font-size:var(--orb-h3-font-size);line-height:var(--orb-h3-line-height)}.orb-text--h4{font-weight:var(--orb-h4-font-weight);font-size:var(--orb-h4-font-size);line-height:var(--orb-h4-line-height)}.orb-text--h5{font-weight:var(--orb-h5-font-weight);font-size:var(--orb-h5-font-size);line-height:var(--orb-h5-line-height)}.orb-text--h6{font-weight:var(--orb-h6-font-weight);font-size:var(--orb-h6-font-size);line-height:var(--orb-h6-line-height)}.orb-text--body-large{font-weight:var(--orb-body-large-font-weight);font-size:var(--orb-body-large-font-size);line-height:var(--orb-body-large-line-height)}.orb-text--body-medium{font-weight:var(--orb-body-medium-font-weight);font-size:var(--orb-body-medium-font-size);line-height:var(--orb-body-medium-line-height)}.orb-text--body-small{font-weight:var(--orb-body-small-font-weight);font-size:var(--orb-body-small-font-size);line-height:var(--orb-body-small-line-height)}.orb-text--body-extra-small{font-weight:var(--orb-body-extra-small-font-weight);font-size:var(--orb-body-extra-small-font-size);line-height:var(--orb-body-extra-small-line-height)}.orb-text--caption-large{font-weight:var(--orb-caption-large-font-weight);font-size:var(--orb-caption-large-font-size);line-height:var(--orb-caption-large-line-height)}.orb-text--caption-small{font-weight:var(--orb-caption-small-font-weight);font-size:var(--orb-caption-small-font-size);line-height:var(--orb-caption-small-line-height)}.orb-text--button-large{font-weight:var(--orb-button-large-font-weight);font-size:var(--orb-button-large-font-size);line-height:var(--orb-button-large-line-height)}.orb-text--button-medium{font-weight:var(--orb-button-medium-font-weight);font-size:var(--orb-button-medium-font-size);line-height:var(--orb-button-medium-line-height)}.orb-text--button-small{font-weight:var(--orb-button-small-font-weight);font-size:var(--orb-button-small-font-size);line-height:var(--orb-button-small-line-height)}.orb-text--w-regular{font-weight:var(--orb-fw-regular)}.orb-text--w-medium{font-weight:var(--orb-fw-medium)}.orb-text--w-semi-bold{font-weight:var(--orb-fw-semi-bold)}.orb-text--w-bold{font-weight:var(--orb-fw-bold)}.orb-badge{--badge-padding-y: var(--orb-sp-200);--badge-padding-x: var(--orb-sp-300);--badge-radius: var(--orb-br-200);--badge-gap: var(--orb-sp-200);--badge-dot-size: 8px;display:inline-flex;align-items:center;gap:var(--badge-gap);padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--badge-radius);font-family:var(--orb-ff-display);font-weight:var(--orb-fw-semi-bold);font-size:var(--orb-fs-100);line-height:var(--orb-lh-100);white-space:nowrap;-webkit-user-select:none;user-select:none}.orb-badge__dot{width:var(--badge-dot-size);height:var(--badge-dot-size);border-radius:var(--orb-br-pill);flex-shrink:0}.orb-badge__label{display:inline-block;align-items:center}.orb-badge--dot{padding:0;width:var(--badge-dot-size);height:var(--badge-dot-size);border-radius:var(--orb-br-pill);flex-shrink:0}.orb-badge--dot.orb-badge--pink{background:var(--orb-bg-medium-pink)}.orb-badge--dot.orb-badge--gray{background:var(--orb-bg-medium-gray)}.orb-badge--dot.orb-badge--green{background:var(--orb-bg-medium-green)}.orb-badge--dot.orb-badge--red{background:var(--orb-bg-medium-red)}.orb-badge--dot.orb-badge--yellow{background:var(--orb-bg-medium-yellow)}.orb-badge--dot.orb-badge--blue{background:var(--orb-bg-medium-blue)}.orb-badge--dot.orb-badge--purple{background:var(--orb-bg-medium-purple)}.orb-badge--dot.orb-badge--indigo{background:var(--orb-bg-medium-indigo)}.orb-badge--dot.orb-badge--orange{background:var(--orb-bg-medium-orange)}.orb-badge--dot.orb-badge--teal{background:var(--orb-bg-medium-teal)}.orb-badge--dot.orb-badge--cyan{background:var(--orb-bg-medium-cyan)}.orb-badge--icon-only{padding:var(--orb-sp-100)}.orb-badge--solid{color:var(--orb-fg-on-emphasis)}.orb-badge--solid.orb-badge--pink{background:var(--orb-bg-medium-pink)}.orb-badge--solid.orb-badge--gray{background:var(--orb-bg-medium-gray)}.orb-badge--solid.orb-badge--green{background:var(--orb-bg-medium-green)}.orb-badge--solid.orb-badge--red{background:var(--orb-bg-medium-red)}.orb-badge--solid.orb-badge--yellow{background:var(--orb-bg-medium-yellow)}.orb-badge--solid.orb-badge--blue{background:var(--orb-bg-medium-blue)}.orb-badge--solid.orb-badge--purple{background:var(--orb-bg-medium-purple)}.orb-badge--solid.orb-badge--indigo{background:var(--orb-bg-medium-indigo)}.orb-badge--solid.orb-badge--orange{background:var(--orb-bg-medium-orange)}.orb-badge--solid.orb-badge--teal{background:var(--orb-bg-medium-teal)}.orb-badge--solid.orb-badge--cyan{background:var(--orb-bg-medium-cyan)}.orb-badge--soft.orb-badge--pink{background:var(--orb-bg-light-pink);color:var(--orb-text-medium-pink)}.orb-badge--soft.orb-badge--gray{background:var(--orb-bg-light-gray);color:var(--orb-text-medium-gray)}.orb-badge--soft.orb-badge--green{background:var(--orb-bg-light-green);color:var(--orb-text-medium-green)}.orb-badge--soft.orb-badge--red{background:var(--orb-bg-light-red);color:var(--orb-text-medium-red)}.orb-badge--soft.orb-badge--yellow{background:var(--orb-bg-light-yellow);color:var(--orb-text-medium-yellow)}.orb-badge--soft.orb-badge--blue{background:var(--orb-bg-light-blue);color:var(--orb-text-medium-blue)}.orb-badge--soft.orb-badge--purple{background:var(--orb-bg-light-purple);color:var(--orb-text-medium-purple)}.orb-badge--soft.orb-badge--indigo{background:var(--orb-bg-light-indigo);color:var(--orb-text-medium-indigo)}.orb-badge--soft.orb-badge--orange{background:var(--orb-bg-light-orange);color:var(--orb-text-medium-orange)}.orb-badge--soft.orb-badge--teal{background:var(--orb-bg-light-teal);color:var(--orb-text-medium-teal)}.orb-badge--soft.orb-badge--cyan{background:var(--orb-bg-light-cyan);color:var(--orb-text-medium-cyan)}.orb-badge--status{background:var(--orb-frame-bg-layer3);color:var(--orb-text-support)}.orb-badge--status.orb-badge--pink .orb-badge__dot{background:var(--orb-bg-medium-pink)}.orb-badge--status.orb-badge--gray .orb-badge__dot{background:var(--orb-bg-medium-gray)}.orb-badge--status.orb-badge--green .orb-badge__dot{background:var(--orb-bg-medium-green)}.orb-badge--status.orb-badge--red .orb-badge__dot{background:var(--orb-bg-medium-red)}.orb-badge--status.orb-badge--yellow .orb-badge__dot{background:var(--orb-bg-medium-yellow)}.orb-badge--status.orb-badge--blue .orb-badge__dot{background:var(--orb-bg-medium-blue)}.orb-badge--status.orb-badge--purple .orb-badge__dot{background:var(--orb-bg-medium-purple)}.orb-badge--status.orb-badge--indigo .orb-badge__dot{background:var(--orb-bg-medium-indigo)}.orb-badge--status.orb-badge--orange .orb-badge__dot{background:var(--orb-bg-medium-orange)}.orb-badge--status.orb-badge--teal .orb-badge__dot{background:var(--orb-bg-medium-teal)}.orb-badge--status.orb-badge--cyan .orb-badge__dot{background:var(--orb-bg-medium-cyan)}.orb-badge--icon{background:var(--orb-frame-bg-layer3);color:var(--orb-text-support)}.orb-badge--icon :deep(svg),.orb-badge--icon .orb-badge__icon{width:14px;height:14px;flex-shrink:0}.orb-tooltip-trigger{position:relative;display:inline-flex}.orb-tooltip{--tooltip-padding-y: var(--orb-sp-200);--tooltip-padding-x: var(--orb-sp-300);--tooltip-radius: var(--orb-br-200);--tooltip-bg: var(--orb-tooltip-bg);--tooltip-fg: var(--orb-tooltip-fg);--tooltip-arrow-size: 5px;--tooltip-offset: 8px;position:absolute;z-index:1000;padding:var(--tooltip-padding-y) var(--tooltip-padding-x);border-radius:var(--tooltip-radius);background:var(--tooltip-bg);color:var(--tooltip-fg);font-family:var(--orb-ff-display);font-weight:var(--orb-fw-regular);font-size:var(--orb-fs-100);line-height:var(--orb-lh-100);white-space:nowrap;pointer-events:none}.orb-tooltip__arrow{position:absolute;width:0;height:0;border:var(--tooltip-arrow-size) solid transparent}.orb-tooltip--top{bottom:calc(100% + var(--tooltip-offset));left:50%;transform:translate(-50%)}.orb-tooltip--top .orb-tooltip__arrow{top:100%;left:50%;transform:translate(-50%);border-bottom:none;border-top-color:var(--tooltip-bg)}.orb-tooltip--bottom{top:calc(100% + var(--tooltip-offset));left:50%;transform:translate(-50%)}.orb-tooltip--bottom .orb-tooltip__arrow{bottom:100%;left:50%;transform:translate(-50%);border-top:none;border-bottom-color:var(--tooltip-bg)}.orb-tooltip--left{right:calc(100% + var(--tooltip-offset));top:50%;transform:translateY(-50%)}.orb-tooltip--left .orb-tooltip__arrow{left:100%;top:50%;transform:translateY(-50%);border-right:none;border-left-color:var(--tooltip-bg)}.orb-tooltip--right{left:calc(100% + var(--tooltip-offset));top:50%;transform:translateY(-50%)}.orb-tooltip--right .orb-tooltip__arrow{right:100%;top:50%;transform:translateY(-50%);border-left:none;border-right-color:var(--tooltip-bg)}.orb-tooltip-enter-active,.orb-tooltip-leave-active{transition:opacity .15s ease,transform .15s ease}.orb-tooltip-enter-from,.orb-tooltip-leave-to{opacity:0}.orb-tooltip--top.orb-tooltip-enter-from,.orb-tooltip--top.orb-tooltip-leave-to{transform:translate(-50%) translateY(4px)}.orb-tooltip--bottom.orb-tooltip-enter-from,.orb-tooltip--bottom.orb-tooltip-leave-to{transform:translate(-50%) translateY(-4px)}.orb-tooltip--left.orb-tooltip-enter-from,.orb-tooltip--left.orb-tooltip-leave-to{transform:translateY(-50%) translate(4px)}.orb-tooltip--right.orb-tooltip-enter-from,.orb-tooltip--right.orb-tooltip-leave-to{transform:translateY(-50%) translate(-4px)}.orb-help-text{--help-text-color: var(--orb-text-support);display:block;font-family:var(--orb-ff-display);font-size:var(--orb-fs-100);line-height:var(--orb-lh-100);font-weight:var(--orb-fw-regular);color:var(--help-text-color)}.orb-help-text--neutral{--help-text-color: var(--orb-text-support)}.orb-help-text--negative{--help-text-color: var(--orb-text-invalid)}.orb-help-text--disabled{--help-text-color: var(--orb-text-disabled)}.orb-field-label{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--orb-ff-display)}.orb-field-label__text{font-size:var(--orb-fs-200);font-weight:var(--orb-fw-semi-bold);line-height:var(--orb-lh-200);color:var(--orb-fg)}.orb-field-label__text--disabled{color:var(--orb-text-disabled)}.orb-field-label__suffix{font-weight:var(--orb-fw-regular);color:var(--orb-fg-muted)}.orb-field-label__counter{font-size:var(--orb-fs-100);font-weight:var(--orb-fw-medium);color:var(--orb-fg-muted)}.orb-field-label__counter--disabled{color:var(--orb-text-disabled)}.orb-checkbox{display:inline-flex;align-items:center;gap:var(--orb-sp-400);cursor:pointer;font-family:var(--orb-ff-display)}.orb-checkbox--disabled{cursor:not-allowed}.orb-checkbox__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.orb-checkbox__box{--cb-size: 16px;--cb-bg: var(--orb-bg-layer2);--cb-border: var(--orb-border-field);--cb-border-width: var(--orb-bw-100);--cb-radius: var(--orb-br-100);--cb-icon-color: var(--orb-border-neutral);position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--cb-size);height:var(--cb-size);min-width:var(--cb-size);max-width:var(--cb-size);min-height:var(--cb-size);max-height:var(--cb-size);flex-shrink:0;background:var(--cb-bg);border:var(--cb-border-width) solid var(--cb-border);border-radius:var(--cb-radius);transition:background .15s,border-color .15s}.orb-checkbox__box:hover:not(.orb-checkbox__box--disabled){border-color:var(--orb-border-field-action)}.orb-checkbox__box--checked,.orb-checkbox__box--indeterminate{background:var(--orb-primary);border-color:transparent}.orb-checkbox__box--checked:hover:not(.orb-checkbox__box--disabled),.orb-checkbox__box--indeterminate:hover:not(.orb-checkbox__box--disabled){background:var(--orb-primary-hover);border-color:transparent}.orb-checkbox__box--checked:active:not(.orb-checkbox__box--disabled),.orb-checkbox__box--indeterminate:active:not(.orb-checkbox__box--disabled){background:var(--orb-primary-active);border-color:transparent}.orb-checkbox__box:focus-within:not(.orb-checkbox__box--disabled){outline:2px solid var(--orb-ring);outline-offset:2px}.orb-checkbox__box--disabled,.orb-checkbox__box--checked.orb-checkbox__box--disabled,.orb-checkbox__box--indeterminate.orb-checkbox__box--disabled{background:var(--orb-bg-disabled);border-color:var(--orb-border-disabled)}.orb-checkbox__icon{position:absolute;width:12px;height:12px;color:var(--cb-icon-color);visibility:hidden}.orb-checkbox__icon--visible{visibility:visible}.orb-checkbox__box--disabled .orb-checkbox__icon{color:var(--orb-fg-disabled)}.orb-checkbox__content{display:flex;flex-direction:column;gap:2px}.orb-checkbox__label{font-size:var(--orb-fs-200);font-weight:var(--orb-fw-medium);line-height:var(--orb-lh-200);color:var(--orb-fg)}.orb-checkbox--disabled .orb-checkbox__label{color:var(--orb-text-disabled)}.orb-checkbox__description{font-size:var(--orb-fs-100);line-height:var(--orb-lh-100);color:var(--orb-text-support)}.orb-checkbox--disabled .orb-checkbox__description{color:var(--orb-text-disabled)}.orb-radio{display:inline-flex;align-items:center;gap:var(--orb-sp-400);cursor:pointer;font-family:var(--orb-ff-display)}.orb-radio--disabled{cursor:not-allowed}.orb-radio__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.orb-radio__circle{--rb-size: 16px;position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--rb-size);height:var(--rb-size);min-width:var(--rb-size);max-width:var(--rb-size);min-height:var(--rb-size);max-height:var(--rb-size);flex-shrink:0;background:var(--orb-bg-layer2);border:var(--orb-bw-100) solid var(--orb-border-field);border-radius:var(--orb-br-pill);transition:background .15s,border-color .15s}.orb-radio__circle:hover:not(.orb-radio__circle--disabled){border-color:var(--orb-border-field-action)}.orb-radio__circle--checked{background:var(--orb-primary);border-color:transparent}.orb-radio__circle--checked:hover:not(.orb-radio__circle--disabled){background:var(--orb-primary-hover);border-color:transparent}.orb-radio__circle--checked:active:not(.orb-radio__circle--disabled){background:var(--orb-primary-active);border-color:transparent}.orb-radio__circle:focus-within:not(.orb-radio__circle--disabled){outline:2px solid var(--orb-ring);outline-offset:2px}.orb-radio__circle--disabled,.orb-radio__circle--checked.orb-radio__circle--disabled{background:var(--orb-bg-disabled);border-color:var(--orb-border-disabled)}.orb-radio__dot{position:absolute;width:8px;height:8px;border-radius:var(--orb-br-pill);background:var(--orb-border-neutral);visibility:hidden}.orb-radio__dot--visible{visibility:visible}.orb-radio__circle--disabled .orb-radio__dot{background:var(--orb-fg-disabled)}.orb-radio__content{display:flex;flex-direction:column;gap:2px}.orb-radio__label{font-size:var(--orb-fs-200);font-weight:var(--orb-fw-medium);line-height:var(--orb-lh-200);color:var(--orb-fg)}.orb-radio--disabled .orb-radio__label{color:var(--orb-text-disabled)}.orb-radio__description{font-size:var(--orb-fs-100);line-height:var(--orb-lh-100);color:var(--orb-text-support)}.orb-radio--disabled .orb-radio__description{color:var(--orb-text-disabled)}.orb-switch{display:inline-flex;align-items:flex-start;gap:var(--orb-sp-300);cursor:pointer;font-family:var(--orb-ff-display)}.orb-switch--disabled{cursor:not-allowed}.orb-switch__track{--sw-width: 36px;--sw-height: 20px;--sw-thumb: 16px;--sw-offset: 2px;position:relative;display:flex;align-items:center;width:var(--sw-width);height:var(--sw-height);min-width:var(--sw-width);background:var(--orb-border-emphasis);border:none;border-radius:var(--orb-br-pill);padding:0;cursor:pointer;transition:background .2s;margin-top:2px}.orb-switch__track:hover:not(:disabled){background:var(--orb-fg-muted)}.orb-switch__track--on{background:var(--orb-primary)}.orb-switch__track--on:hover:not(:disabled){background:var(--orb-primary-hover)}.orb-switch__track--on:active:not(:disabled){background:var(--orb-primary-active)}.orb-switch__track:focus-visible{outline:2px solid var(--orb-ring);outline-offset:2px}.orb-switch__track--disabled{background:var(--orb-bg-disabled);cursor:not-allowed}.orb-switch__thumb{position:absolute;left:var(--sw-offset);width:var(--sw-thumb);height:var(--sw-thumb);background:var(--orb-bg);border-radius:var(--orb-br-pill);box-shadow:var(--orb-shadow-sm);transition:left .2s}.orb-switch__track--on .orb-switch__thumb{left:calc(var(--sw-width) - var(--sw-thumb) - var(--sw-offset))}.orb-switch__track--disabled .orb-switch__thumb{background:var(--orb-fg-disabled);box-shadow:none}.orb-switch__content{display:flex;flex-direction:column;gap:2px}.orb-switch__label{font-size:var(--orb-fs-200);font-weight:var(--orb-fw-medium);line-height:var(--orb-lh-200);color:var(--orb-fg)}.orb-switch--disabled .orb-switch__label{color:var(--orb-text-disabled)}.orb-switch__description{font-size:var(--orb-fs-100);line-height:var(--orb-lh-100);color:var(--orb-text-support)}.orb-switch--disabled .orb-switch__description{color:var(--orb-text-disabled)}.orb-field-wrap{--fw-border-color: var(--orb-border-field);--fw-bg: var(--orb-bg-field);--fw-radius: var(--orb-br-100);--fw-focus-radius: var(--orb-br-100);--fw-stroke: var(--orb-bw-100);--fw-gap: var(--orb-sp-300);display:flex;align-items:center;gap:var(--fw-gap);border:var(--fw-stroke) solid var(--fw-border-color);border-radius:var(--fw-radius);background:var(--fw-bg);transition:border-color .15s,box-shadow .15s}.orb-field-wrap--medium{min-height:36px;padding:var(--orb-sp-200) var(--orb-sp-400);gap:var(--orb-sp-300)}.orb-field-wrap--small{min-height:28px;padding:var(--orb-sp-100) var(--orb-sp-400);gap:var(--orb-sp-200)}.orb-field-wrap--focus{border-color:var(--orb-input-border-focus);box-shadow:0 0 0 2px var(--orb-ring);border-radius:var(--fw-focus-radius)}.orb-field-wrap--invalid{border-color:var(--orb-border-invalid)}.orb-field-wrap--invalid.orb-field-wrap--focus{border-color:var(--orb-border-invalid);box-shadow:0 0 0 2px var(--orb-error-subtle)}.orb-field-wrap--disabled{background:var(--orb-bg-field-disabled);border-color:var(--orb-border-disabled);cursor:not-allowed}.orb-btn{--btn-bg: var(--orb-primary);--btn-bg-hover: var(--orb-primary-hover);--btn-bg-active: var(--orb-primary-active);--btn-fg: var(--orb-primary-fg);--btn-border: transparent;--btn-radius: var(--orb-br-200);--btn-gap: var(--orb-sp-300);display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);border:var(--orb-bw-100) solid var(--btn-border);border-radius:var(--btn-radius);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--orb-ff-display);font-weight:var(--orb-fw-medium);line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;box-sizing:border-box;flex-shrink:0;position:relative;-webkit-user-select:none;user-select:none}.orb-btn--large{height:44px;padding:0 var(--orb-sp-400);font-size:var(--orb-fs-200)}.orb-btn--medium{height:36px;padding:0 var(--orb-sp-400);font-size:var(--orb-fs-200)}.orb-btn--small{height:28px;padding:0 var(--orb-sp-300);font-size:var(--orb-fs-100);--btn-gap: var(--orb-sp-200)}.orb-btn--icon-only.orb-btn--large{width:44px;padding:0}.orb-btn--icon-only.orb-btn--medium{width:36px;padding:0}.orb-btn--icon-only.orb-btn--small{width:28px;padding:0}.orb-btn--primary{--btn-bg: var(--orb-primary);--btn-bg-hover: var(--orb-primary-hover);--btn-bg-active: var(--orb-primary-active);--btn-fg: var(--orb-primary-fg);--btn-border: transparent}.orb-btn--secondary{--btn-bg: var(--orb-secondary);--btn-bg-hover: var(--orb-secondary-hover);--btn-bg-active: var(--orb-secondary-active);--btn-fg: var(--orb-secondary-fg);--btn-border: var(--orb-secondary-border)}.orb-btn--ghost{--btn-bg: transparent;--btn-bg-hover: var(--orb-bg-muted);--btn-bg-active: var(--orb-bg-emphasis);--btn-fg: var(--orb-fg);--btn-border: transparent}.orb-btn--outline{--btn-bg: transparent;--btn-bg-hover: var(--orb-primary-subtle);--btn-bg-active: var(--orb-primary-subtle);--btn-fg: var(--orb-primary);--btn-border: var(--orb-primary-border)}.orb-btn--link{--btn-bg: transparent;--btn-bg-hover: transparent;--btn-bg-active: transparent;--btn-fg: var(--orb-primary);--btn-border: transparent}.orb-btn--link:hover:not(.orb-btn--disabled):not(.orb-btn--loading){color:var(--orb-primary-hover)}.orb-btn--destructive{--btn-bg: var(--orb-error);--btn-bg-hover: var(--orb-error-hover);--btn-bg-active: var(--orb-error-hover);--btn-fg: var(--orb-error-fg);--btn-border: transparent}.orb-btn:hover:not(.orb-btn--disabled):not(.orb-btn--loading){background:var(--btn-bg-hover)}.orb-btn:active:not(.orb-btn--disabled):not(.orb-btn--loading){background:var(--btn-bg-active)}.orb-btn:focus-visible{outline:2px solid var(--orb-ring);outline-offset:2px}.orb-btn--disabled{background:var(--orb-bg-disabled);color:var(--orb-fg-disabled);border-color:var(--orb-border-disabled);cursor:not-allowed}.orb-btn--loading{cursor:wait}.orb-btn--loading:not(:has(.orb-btn__spinner--inline)) .orb-btn__label,.orb-btn--loading:not(:has(.orb-btn__spinner--inline)) .orb-btn__icon,.orb-btn--loading:not(:has(.orb-btn__spinner--inline)) .orb-btn__content,.orb-btn--loading:not(:has(.orb-btn__spinner--inline)) .orb-btn__count,.orb-btn--loading:not(:has(.orb-btn__spinner--inline)) .orb-btn__disclosure{opacity:0}.orb-btn__spinner{position:absolute;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0}.orb-btn__spinner--visible{visibility:visible;opacity:1;animation:orb-btn-spin .8s linear infinite}.orb-btn--large .orb-btn__spinner{width:20px;height:20px}.orb-btn--medium .orb-btn__spinner{width:18px;height:18px}.orb-btn--small .orb-btn__spinner{width:14px;height:14px}.orb-btn__spinner svg{width:100%;height:100%}@keyframes orb-btn-spin{to{transform:rotate(360deg)}}.orb-btn__spinner--inline{position:static}.orb-btn__content{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.orb-btn--compound{text-align:left;height:auto;padding-top:var(--orb-sp-300);padding-bottom:var(--orb-sp-300)}.orb-btn__description{font-size:var(--orb-fs-100);font-weight:var(--orb-fw-regular);opacity:.7;line-height:1.3;white-space:nowrap}.orb-btn--compound.orb-btn--small .orb-btn__description{font-size:10px}.orb-btn__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--orb-sp-200);border-radius:9999px;background:currentColor;font-size:var(--orb-fs-100);font-weight:var(--orb-fw-semi-bold);line-height:1;box-sizing:border-box}.orb-btn--primary .orb-btn__count,.orb-btn--destructive .orb-btn__count{background:var(--orb-overlay-bg);color:inherit}.orb-btn--secondary .orb-btn__count,.orb-btn--ghost .orb-btn__count,.orb-btn--outline .orb-btn__count,.orb-btn--link .orb-btn__count{background:var(--orb-primary);color:var(--orb-primary-fg)}.orb-btn--small .orb-btn__count{min-width:16px;height:16px;font-size:10px;padding:0 4px}.orb-btn--medium .orb-btn__count{min-width:18px;height:18px}.orb-btn__disclosure{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s}.orb-btn--large .orb-btn__disclosure{width:16px;height:16px;margin-left:calc(-1 * var(--orb-sp-100))}.orb-btn--medium .orb-btn__disclosure{width:14px;height:14px;margin-left:calc(-1 * var(--orb-sp-100))}.orb-btn--small .orb-btn__disclosure{width:12px;height:12px}.orb-btn__disclosure svg{width:100%;height:100%}.orb-btn__disclosure--up{transform:rotate(180deg)}.orb-btn--pressed.orb-btn--primary{--btn-bg: var(--orb-primary-active);--btn-bg-hover: var(--orb-primary-active)}.orb-btn--pressed.orb-btn--secondary{--btn-bg: var(--orb-secondary);--btn-border: var(--orb-fg)}.orb-btn--pressed.orb-btn--ghost{--btn-bg: var(--orb-bg-emphasis)}.orb-btn--pressed.orb-btn--outline{--btn-bg: var(--orb-primary-subtle)}.orb-btn--full-width{width:100%}.orb-btn__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.orb-btn--large .orb-btn__icon{width:18px;height:18px}.orb-btn--medium .orb-btn__icon{width:16px;height:16px}.orb-btn--small .orb-btn__icon{width:14px;height:14px}.orb-btn__icon svg{width:100%;height:100%}.orb-btn__label{display:inline-flex;align-items:center}.orb-status-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.orb-status-icon svg{display:block}.orb-status-icon--sm svg{width:16px;height:16px}.orb-status-icon--md svg{width:24px;height:24px}.orb-status-icon--lg svg{width:32px;height:32px}.orb-status-icon--success{color:var(--orb-success)}.orb-status-icon--warning{color:var(--orb-warning)}.orb-status-icon--error{color:var(--orb-error)}.orb-status-icon--info{color:var(--orb-info)}[data-theme=dark] .orb-status-icon--success{color:var(--orb-success-text)}[data-theme=dark] .orb-status-icon--warning{color:var(--orb-warning-text)}[data-theme=dark] .orb-status-icon--error{color:var(--orb-error-text)}[data-theme=dark] .orb-status-icon--info{color:var(--orb-info-text)}.orb-status-icon--filled{border-radius:50%}.orb-status-icon--filled.orb-status-icon--sm{width:28px;height:28px}.orb-status-icon--filled.orb-status-icon--md{width:40px;height:40px}.orb-status-icon--filled.orb-status-icon--lg{width:52px;height:52px}.orb-status-icon--filled.orb-status-icon--success{background:color-mix(in oklch,var(--orb-success) 14%,transparent)}.orb-status-icon--filled.orb-status-icon--warning{background:color-mix(in oklch,var(--orb-warning) 14%,transparent)}.orb-status-icon--filled.orb-status-icon--error{background:color-mix(in oklch,var(--orb-error) 14%,transparent)}.orb-status-icon--filled.orb-status-icon--info{background:color-mix(in oklch,var(--orb-info) 14%,transparent)}[data-theme=dark] .orb-status-icon--filled.orb-status-icon--success{background:color-mix(in oklch,var(--orb-success) 10%,transparent)}[data-theme=dark] .orb-status-icon--filled.orb-status-icon--warning{background:color-mix(in oklch,var(--orb-warning) 10%,transparent)}[data-theme=dark] .orb-status-icon--filled.orb-status-icon--error{background:color-mix(in oklch,var(--orb-error) 10%,transparent)}[data-theme=dark] .orb-status-icon--filled.orb-status-icon--info{background:color-mix(in oklch,var(--orb-info) 10%,transparent)}.orb-status-icon--inverted,[data-theme=dark] .orb-status-icon--inverted{color:var(--orb-fg-on-emphasis)}.orb-text-field{--tf-text-color: var(--orb-fg);--tf-placeholder-color: var(--orb-input-placeholder);--tf-icon-color: var(--orb-icon-default);--tf-label-gap: var(--orb-sp-200);display:flex;flex-direction:column;gap:var(--tf-label-gap);font-family:var(--orb-ff-display);width:100%}.orb-text-field__input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--orb-ff-display);font-size:var(--orb-fs-200);font-weight:var(--orb-fw-regular);line-height:var(--orb-lh-200);color:var(--tf-text-color)}.orb-text-field--small .orb-text-field__input{font-size:var(--orb-fs-100);line-height:var(--orb-lh-100)}.orb-text-field__input::placeholder{color:var(--tf-placeholder-color)}.orb-text-field__input:disabled{color:var(--orb-text-disabled);cursor:not-allowed}.orb-text-field__input:disabled::placeholder{color:var(--orb-text-disabled)}.orb-text-field__icon{display:flex;align-items:center;justify-content:center;color:var(--tf-icon-color);flex-shrink:0}.orb-text-field--medium .orb-text-field__icon{width:20px;height:20px}.orb-text-field--small .orb-text-field__icon{width:16px;height:16px}.orb-text-field__icon>svg{width:100%;height:100%}.orb-text-field__icon--validation{color:var(--orb-icon-success)}.orb-field-wrap--disabled .orb-text-field__icon{color:var(--orb-icon-disabled)}.orb-text-field__affix{font-size:var(--orb-fs-200);font-weight:var(--orb-fw-regular);color:var(--orb-fg-muted);white-space:nowrap;flex-shrink:0}.orb-field-wrap--disabled .orb-text-field__affix{color:var(--orb-text-disabled)}.orb-text-field__hyperlink{display:inline-flex;align-items:center;gap:var(--orb-sp-200);font-size:var(--orb-fs-100);font-weight:var(--orb-fw-medium);line-height:var(--orb-lh-100);color:var(--orb-text-hyperlink);text-decoration:none;cursor:pointer}.orb-text-field__hyperlink:hover{text-decoration:underline}.orb-text-field__hyperlink--disabled{color:var(--orb-text-disabled);pointer-events:none}.orb-text-field__hyperlink-icon{display:flex;align-items:center;width:14px;height:14px;color:var(--orb-icon-hyperlink)}.orb-text-field__hyperlink--disabled .orb-text-field__hyperlink-icon{color:var(--orb-icon-disabled)}.orb-text-field__hyperlink-icon svg{width:100%;height:100%}.orb-text-field__clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:none;color:var(--orb-fg-muted);cursor:pointer;flex-shrink:0;border-radius:var(--orb-br-pill);transition:color .15s}.orb-text-field__clear:hover{color:var(--orb-fg)}.orb-text-field__clear svg{width:100%;height:100%}.orb-text-field__toggle{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;color:var(--tf-icon-color);cursor:pointer;flex-shrink:0;transition:color .15s}.orb-text-field--medium .orb-text-field__toggle{width:20px;height:20px}.orb-text-field--small .orb-text-field__toggle{width:16px;height:16px}.orb-text-field__toggle:hover{color:var(--orb-fg)}.orb-text-field__toggle svg{width:100%;height:100%}.orb-text-field__stepper{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;color:var(--tf-icon-color);cursor:pointer;flex-shrink:0;transition:color .15s}.orb-text-field--medium .orb-text-field__stepper{width:20px;height:20px}.orb-text-field--small .orb-text-field__stepper{width:16px;height:16px}.orb-text-field__stepper:hover:not(:disabled){color:var(--orb-fg)}.orb-text-field__stepper:disabled{color:var(--orb-icon-disabled);cursor:not-allowed}.orb-text-field__stepper svg{width:100%;height:100%}.orb-text-field__input[type=search]::-webkit-search-cancel-button,.orb-text-field__input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.orb-text-field__input[type=number]::-webkit-inner-spin-button,.orb-text-field__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.orb-text-field__input[type=number]{-moz-appearance:textfield}.orb-text-area{--ta-text-color: var(--orb-fg);--ta-placeholder-color: var(--orb-input-placeholder);--ta-label-gap: var(--orb-sp-200);display:flex;flex-direction:column;gap:var(--ta-label-gap);font-family:var(--orb-ff-display);width:100%}.orb-text-area .orb-field-wrap{align-items:stretch}.orb-text-area__input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--orb-ff-display);font-size:var(--orb-fs-200);font-weight:var(--orb-fw-regular);line-height:var(--orb-lh-200);color:var(--ta-text-color)}.orb-text-area--small .orb-text-area__input{font-size:var(--orb-fs-100);line-height:var(--orb-lh-100)}.orb-text-area__input::placeholder{color:var(--ta-placeholder-color)}.orb-text-area__input:disabled{color:var(--orb-text-disabled);cursor:not-allowed}.orb-text-area__input:disabled::placeholder{color:var(--orb-text-disabled)}.orb-text-area__input--resize-none{resize:none}.orb-text-area__input--resize-vertical{resize:vertical}.orb-text-area__input--resize-auto{resize:none;overflow:hidden}.orb-text-area__hyperlink{display:inline-flex;align-items:center;gap:var(--orb-sp-200);font-size:var(--orb-fs-100);font-weight:var(--orb-fw-medium);line-height:var(--orb-lh-100);color:var(--orb-text-hyperlink);text-decoration:none;cursor:pointer}.orb-text-area__hyperlink:hover{text-decoration:underline}.orb-text-area__hyperlink--disabled{color:var(--orb-text-disabled);pointer-events:none}.orb-radio-group{display:flex;flex-direction:column;gap:var(--orb-sp-300);border:none;margin:0;padding:0;font-family:var(--orb-ff-display)}.orb-radio-group__legend{margin-bottom:var(--orb-sp-300)}.orb-radio-group__options{display:flex;gap:var(--orb-sp-300)}.orb-radio-group__options--vertical{flex-direction:column}.orb-radio-group__options--horizontal{flex-direction:row;flex-wrap:wrap}.orb-radio__circle--invalid{border-color:var(--orb-border-invalid)}.orb-radio__circle--invalid:hover:not(.orb-radio__circle--disabled){border-color:var(--orb-border-invalid)}.orb-checkbox-group{display:flex;flex-direction:column;gap:var(--orb-sp-300);border:none;margin:0;padding:0;font-family:var(--orb-ff-display)}.orb-checkbox-group__legend{margin-bottom:var(--orb-sp-300)}.orb-checkbox-group__select-all{padding-bottom:var(--orb-sp-300);border-bottom:var(--orb-bw-100) solid var(--orb-border-subtle)}.orb-checkbox-group__options{display:flex;gap:var(--orb-sp-300)}.orb-checkbox-group__options--vertical{flex-direction:column}.orb-checkbox-group__options--horizontal{flex-direction:row;flex-wrap:wrap}.orb-checkbox__box--invalid{border-color:var(--orb-border-invalid)}.orb-checkbox__box--invalid:hover:not(.orb-checkbox__box--disabled){border-color:var(--orb-border-invalid)}.orb-btn-group{display:inline-flex}.orb-btn-group--horizontal{flex-direction:row}.orb-btn-group--vertical{flex-direction:column}.orb-btn-group--horizontal>.orb-btn:not(:first-child):not(:last-child){border-radius:0}.orb-btn-group--horizontal>.orb-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.orb-btn-group--horizontal>.orb-btn:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.orb-btn-group--vertical>.orb-btn:not(:first-child):not(:last-child){border-radius:0}.orb-btn-group--vertical>.orb-btn:first-child:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.orb-btn-group--vertical>.orb-btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.orb-btn-group--horizontal>.orb-btn+.orb-btn{margin-left:calc(-1 * var(--orb-bw-100))}.orb-btn-group--vertical>.orb-btn+.orb-btn{margin-top:calc(-1 * var(--orb-bw-100))}.orb-btn-group>.orb-btn:hover,.orb-btn-group>.orb-btn:focus-visible,.orb-btn-group>.orb-btn:active{z-index:1}.orb-select{--sl-text-color: var(--orb-fg);--sl-placeholder-color: var(--orb-input-placeholder);--sl-icon-color: var(--orb-icon-default);--sl-label-gap: var(--orb-sp-200);display:flex;flex-direction:column;gap:var(--sl-label-gap);font-family:var(--orb-ff-display);width:100%;position:relative}.orb-select__trigger{display:flex;align-items:center;gap:var(--orb-sp-300);width:100%;border:none;outline:none;background:transparent;font-family:var(--orb-ff-display);font-size:var(--orb-fs-200);font-weight:var(--orb-fw-regular);line-height:var(--orb-lh-200);color:var(--sl-text-color);cursor:pointer;text-align:left;padding:0}.orb-select__trigger--multi{flex-wrap:wrap}.orb-select--small .orb-select__trigger{font-size:var(--orb-fs-100);line-height:var(--orb-lh-100)}.orb-select__trigger:disabled{color:var(--orb-text-disabled);cursor:not-allowed}.orb-select__trigger-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sl-icon-color)}.orb-select--medium .orb-select__trigger-icon{width:20px;height:20px}.orb-select--small .orb-select__trigger-icon{width:16px;height:16px}.orb-select__trigger-icon svg{width:100%;height:100%}.orb-select__trigger-icon img{width:100%;height:100%;border-radius:var(--orb-br-100);object-fit:cover}.orb-field-wrap--disabled .orb-select__trigger-icon{color:var(--orb-icon-disabled)}.orb-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orb-select__value--placeholder{color:var(--sl-placeholder-color)}.orb-select__trigger:disabled .orb-select__value--placeholder{color:var(--orb-text-disabled)}.orb-select__tags{display:flex;flex-wrap:wrap;gap:var(--orb-sp-100);flex:1;min-width:0}.orb-select__tag{display:inline-flex;align-items:center;gap:var(--orb-sp-100);padding:var(--orb-sp-100) var(--orb-sp-300);background:var(--orb-bg-subtle);border-radius:var(--orb-br-pill);font-size:var(--orb-fs-100);line-height:var(--orb-lh-100);color:var(--orb-fg);max-width:100%}.orb-select__tag--count{background:var(--orb-bg-muted);font-weight:var(--orb-fw-medium)}.orb-select__tag-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:var(--orb-fg-muted)}.orb-select__tag-icon svg{width:100%;height:100%}.orb-select__tag-icon img{width:100%;height:100%;border-radius:var(--orb-br-100);object-fit:cover}.orb-select__tag-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orb-select__tag-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;background:none;color:var(--orb-fg-muted);cursor:pointer;flex-shrink:0;border-radius:var(--orb-br-pill);transition:color .15s}.orb-select__tag-remove:hover{color:var(--orb-fg)}.orb-select__tag-remove svg{width:100%;height:100%}.orb-select__chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sl-icon-color);transition:transform .15s;margin-left:auto}.orb-select--medium .orb-select__chevron{width:20px;height:20px}.orb-select--small .orb-select__chevron{width:16px;height:16px}.orb-select__chevron svg{width:100%;height:100%}.orb-select__chevron--open{transform:rotate(180deg)}.orb-field-wrap--disabled .orb-select__chevron{color:var(--orb-icon-disabled)}.orb-select__clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:none;color:var(--orb-fg-muted);cursor:pointer;flex-shrink:0;border-radius:var(--orb-br-pill);transition:color .15s}.orb-select__clear:hover{color:var(--orb-fg)}.orb-select__clear svg{width:100%;height:100%}.orb-select__spinner{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sl-icon-color);animation:orb-select-spin .8s linear infinite}.orb-select--medium .orb-select__spinner{width:20px;height:20px}.orb-select--small .orb-select__spinner{width:16px;height:16px}.orb-select__spinner svg{width:100%;height:100%}@keyframes orb-select-spin{to{transform:rotate(360deg)}}.orb-select__listbox{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--orb-sp-100);background:var(--orb-surface-overlay);border:var(--orb-bw-100) solid var(--orb-border);border-radius:var(--orb-br-100);box-shadow:var(--orb-shadow-overlay);overflow:hidden}.orb-select__listbox--up{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--orb-sp-100);box-shadow:var(--orb-shadow-overlay)}.orb-select__search{display:flex;align-items:center;gap:var(--orb-sp-300);padding:var(--orb-sp-200) var(--orb-sp-400);border-bottom:1px solid var(--orb-border-subtle)}.orb-select--small .orb-select__search{padding:var(--orb-sp-100) var(--orb-sp-300)}.orb-select__search-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--orb-fg-muted)}.orb-select__search-icon svg{width:100%;height:100%}.orb-select__search-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--orb-ff-display);font-size:var(--orb-fs-200);font-weight:var(--orb-fw-regular);line-height:var(--orb-lh-200);color:var(--orb-fg);padding:0}.orb-select--small .orb-select__search-input{font-size:var(--orb-fs-100);line-height:var(--orb-lh-100)}.orb-select__search-input::placeholder{color:var(--orb-input-placeholder)}.orb-select__options{padding:var(--orb-sp-100) 0;max-height:240px;overflow-y:auto;overscroll-behavior:contain}.orb-select__option{display:flex;align-items:center;gap:var(--orb-sp-300);padding:var(--orb-sp-300) var(--orb-sp-400);font-size:var(--orb-fs-200);font-weight:var(--orb-fw-regular);line-height:var(--orb-lh-200);color:var(--orb-fg);cursor:pointer;transition:background-color .1s}.orb-select--small .orb-select__option{font-size:var(--orb-fs-100);line-height:var(--orb-lh-100);padding:var(--orb-sp-200) var(--orb-sp-300)}.orb-select__option--active{background:var(--orb-bg-subtle)}.orb-select__option--selected{font-weight:var(--orb-fw-medium);color:var(--orb-primary)}.orb-select__option--disabled{color:var(--orb-fg-disabled);cursor:not-allowed}.orb-select__option-content{flex:1;min-width:0;display:flex;flex-direction:column}.orb-select__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orb-select__option-desc{font-size:var(--orb-fs-100);line-height:var(--orb-lh-100);color:var(--orb-fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orb-select__option--selected .orb-select__option-desc{color:var(--orb-primary-hover)}.orb-select__option-checkbox{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border:var(--orb-bw-200) solid var(--orb-border-field);border-radius:var(--orb-br-100);background:var(--orb-bg-field);transition:all .15s}.orb-select__option-checkbox--checked{background:var(--orb-primary);border-color:transparent;color:var(--orb-primary-fg)}.orb-select__option-checkbox svg{width:12px;height:12px}.orb-select__option-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--orb-fg-muted)}.orb-select--small .orb-select__option-icon{width:16px;height:16px}.orb-select__option-icon svg{width:100%;height:100%}.orb-select__option-icon img{width:100%;height:100%;border-radius:var(--orb-br-100);object-fit:cover}.orb-select__option--selected .orb-select__option-icon{color:var(--orb-primary)}.orb-select__option-check{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--orb-primary)}.orb-select__option-check svg{width:100%;height:100%}.orb-select__create-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--orb-primary)}.orb-select__create-icon svg{width:100%;height:100%}.orb-select__option--create{color:var(--orb-primary);font-weight:var(--orb-fw-medium)}.orb-select__group-label{padding:var(--orb-sp-200) var(--orb-sp-400);font-size:var(--orb-fs-100);font-weight:var(--orb-fw-semi-bold);line-height:var(--orb-lh-100);color:var(--orb-fg-muted);text-transform:uppercase;letter-spacing:.04em}.orb-select__group-label:not(:first-child){margin-top:var(--orb-sp-100);border-top:1px solid var(--orb-border-subtle);padding-top:var(--orb-sp-300)}.orb-select__empty{padding:var(--orb-sp-400);font-size:var(--orb-fs-200);color:var(--orb-fg-muted);text-align:center}.orb-select__limit-msg{padding:var(--orb-sp-200) var(--orb-sp-400);font-size:var(--orb-fs-100);color:var(--orb-fg-muted);text-align:center;border-top:1px solid var(--orb-border-subtle)}.orb-select__toolbar{padding:var(--orb-sp-200) var(--orb-sp-400)}.orb-select__toolbar--top{border-bottom:1px solid var(--orb-border-subtle)}.orb-select__toolbar--bottom{border-top:1px solid var(--orb-border-subtle)}.orb-alert{--alert-bg: var(--orb-bg-subtle);--alert-border: var(--orb-border);--alert-fg: var(--orb-fg);--alert-title-fg: var(--orb-fg);--alert-icon-fg: var(--orb-fg-muted);display:flex;align-items:flex-start;gap:var(--orb-sp-300);padding:var(--orb-sp-400);border-radius:var(--orb-br-200);border-width:var(--orb-bw-100);border-style:solid;font-family:var(--orb-ff-display);font-size:var(--orb-fs-200);line-height:var(--orb-lh-200);color:var(--alert-fg);background:var(--alert-bg);border-color:var(--alert-border);transition:opacity .2s ease,transform .2s ease;opacity:1;transform:translateY(0)}.orb-alert--closing{opacity:0;transform:translateY(-4px)}@media (prefers-reduced-motion: reduce){.orb-alert{transition:none}}.orb-alert__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.orb-alert__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--orb-sp-100);padding-top:var(--orb-sp-50)}.orb-alert__title{margin:0;font-size:var(--orb-fs-200);font-weight:var(--orb-fw-semibold);line-height:var(--orb-lh-200);color:var(--alert-title-fg)}.orb-alert__description{margin:0;font-size:var(--orb-fs-200);font-weight:var(--orb-fw-regular);line-height:var(--orb-lh-200);color:var(--alert-fg)}.orb-alert__actions{display:flex;align-items:center;gap:var(--orb-sp-200);margin-top:var(--orb-sp-100)}.orb-alert__close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;margin-top:var(--orb-sp-50);border:none;background:none;color:var(--alert-fg);cursor:pointer;flex-shrink:0;border-radius:var(--orb-br-100);opacity:.5;transition:opacity .15s}.orb-alert__close:hover{opacity:1}.orb-alert__close svg{width:16px;height:16px}.orb-alert--info{--alert-icon-fg: var(--orb-info)}.orb-alert--success{--alert-icon-fg: var(--orb-success)}.orb-alert--warning{--alert-icon-fg: var(--orb-warning)}.orb-alert--error{--alert-icon-fg: var(--orb-error)}.orb-alert--neutral{--alert-icon-fg: var(--orb-fg-muted)}.orb-alert--soft.orb-alert--info{--alert-bg: var(--orb-info-subtle);--alert-border: var(--orb-info-border);--alert-title-fg: var(--orb-info-text)}.orb-alert--soft.orb-alert--success{--alert-bg: var(--orb-success-subtle);--alert-border: var(--orb-success-border);--alert-title-fg: var(--orb-success-text)}.orb-alert--soft.orb-alert--warning{--alert-bg: var(--orb-warning-subtle);--alert-border: var(--orb-warning-border);--alert-title-fg: var(--orb-warning-text)}.orb-alert--soft.orb-alert--error{--alert-bg: var(--orb-error-subtle);--alert-border: var(--orb-error-border);--alert-title-fg: var(--orb-error-text)}.orb-alert--soft.orb-alert--neutral{--alert-bg: var(--orb-bg-subtle);--alert-border: var(--orb-border);--alert-title-fg: var(--orb-fg)}.orb-alert--outline{--alert-bg: transparent}.orb-alert--outline.orb-alert--info{--alert-border: var(--orb-info-border);--alert-title-fg: var(--orb-info-text)}.orb-alert--outline.orb-alert--success{--alert-border: var(--orb-success-border);--alert-title-fg: var(--orb-success-text)}.orb-alert--outline.orb-alert--warning{--alert-border: var(--orb-warning-border);--alert-title-fg: var(--orb-warning-text)}.orb-alert--outline.orb-alert--error{--alert-border: var(--orb-error-border);--alert-title-fg: var(--orb-error-text)}.orb-alert--outline.orb-alert--neutral{--alert-border: var(--orb-border-emphasis);--alert-title-fg: var(--orb-fg)}.orb-alert--filled.orb-alert--info{--alert-bg: var(--orb-info);--alert-border: var(--orb-info);--alert-fg: var(--orb-info-fg);--alert-title-fg: var(--orb-info-fg);--alert-icon-fg: var(--orb-info-fg)}.orb-alert--filled.orb-alert--success{--alert-bg: var(--orb-success);--alert-border: var(--orb-success);--alert-fg: var(--orb-success-fg);--alert-title-fg: var(--orb-success-fg);--alert-icon-fg: var(--orb-success-fg)}.orb-alert--filled.orb-alert--warning{--alert-bg: var(--orb-warning);--alert-border: var(--orb-warning);--alert-fg: var(--orb-warning-fg);--alert-title-fg: var(--orb-warning-fg);--alert-icon-fg: var(--orb-warning-fg)}.orb-alert--filled.orb-alert--error{--alert-bg: var(--orb-error);--alert-border: var(--orb-error);--alert-fg: var(--orb-error-fg);--alert-title-fg: var(--orb-error-fg);--alert-icon-fg: var(--orb-error-fg)}.orb-alert--filled.orb-alert--neutral{--alert-bg: var(--orb-bg-emphasis);--alert-border: var(--orb-bg-emphasis);--alert-fg: var(--orb-fg);--alert-title-fg: var(--orb-fg);--alert-icon-fg: var(--orb-fg)}.orb-alert--filled .orb-alert__close{color:var(--alert-fg);opacity:.7}.orb-alert--filled .orb-alert__close:hover{opacity:1}.orb-alert--filled .orb-status-icon{color:var(--alert-icon-fg)}.orb-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--orb-sp-600);background:var(--orb-dialog-scrim)}.orb-dialog-backdrop--blur{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.orb-dialog-backdrop--scroll-outside{overflow-y:auto;align-items:flex-start;padding-top:var(--orb-sp-900);padding-bottom:var(--orb-sp-900)}.orb-dialog-backdrop--scroll-outside .orb-dialog{max-height:none}.orb-dialog-backdrop--top{align-items:flex-start;padding-top:10vh}.orb-dialog-backdrop--top .orb-dialog{max-height:70vh}.orb-dialog{--dlg-bg: var(--orb-dialog-bg);--dlg-border: var(--orb-dialog-border);--dlg-shadow: var(--orb-dialog-shadow);--dlg-radius: var(--orb-br-300);--dlg-padding: var(--orb-sp-600);position:relative;display:flex;flex-direction:column;width:100%;background:var(--dlg-bg);border:1px solid var(--orb-dialog-outline);border-radius:var(--dlg-radius);box-shadow:var(--dlg-shadow);overflow:hidden;outline:none;max-height:calc(100vh - var(--orb-sp-600) * 2);transition:max-width .25s ease,max-height .25s ease,height .25s ease,border-radius .25s ease}.orb-dialog--sm{max-width:400px}.orb-dialog--md{max-width:560px}.orb-dialog--lg{max-width:720px}.orb-dialog--xl{max-width:960px}.orb-dialog--full{max-width:100%;max-height:100%;height:100%}.orb-dialog--scroll-inside{overflow:hidden}.orb-dialog--scroll-inside .orb-dialog__body{overflow-y:auto;flex:1 1 auto}.orb-dialog__header{display:flex;align-items:flex-start;gap:var(--orb-sp-400);padding:var(--dlg-padding);padding-bottom:var(--orb-sp-400);border-bottom:1px solid var(--orb-dialog-header-border);flex-shrink:0;transition:box-shadow .15s ease}.orb-dialog__header--shadow{box-shadow:0 2px 8px #00000014}.orb-dialog__header-text{flex:1;min-width:0}.orb-dialog__title{margin:0;font-family:var(--orb-ff-display);font-size:var(--orb-fs-400);font-weight:var(--orb-fw-semi-bold);line-height:var(--orb-lh-300);color:var(--orb-fg)}.orb-dialog__description{margin:var(--orb-sp-100) 0 0;font-family:var(--orb-ff-body);font-size:var(--orb-fs-200);line-height:var(--orb-lh-300);color:var(--orb-fg-muted)}.orb-dialog__fullscreen{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin:calc(var(--orb-sp-100) * -1) 0 0 0;background:none;border:none;border-radius:var(--orb-br-100);color:var(--orb-fg-muted);cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.orb-dialog__fullscreen:hover{background:var(--orb-bg-muted);color:var(--orb-fg)}.orb-dialog__fullscreen:focus-visible{outline:2px solid var(--orb-ring);outline-offset:-2px}.orb-dialog__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin:calc(var(--orb-sp-100) * -1) calc(var(--orb-sp-100) * -1) 0 0;background:none;border:none;border-radius:var(--orb-br-100);color:var(--orb-fg-muted);cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.orb-dialog__close:hover:not(:disabled){background:var(--orb-bg-muted);color:var(--orb-fg)}.orb-dialog__close:disabled{cursor:not-allowed;opacity:.5}.orb-dialog__close:focus-visible{outline:2px solid var(--orb-ring);outline-offset:-2px}.orb-dialog__hero{position:relative;flex-shrink:0;line-height:0}.orb-dialog__hero img,.orb-dialog__hero picture,.orb-dialog__hero video{width:100%;height:auto;display:block;object-fit:cover}.orb-dialog__hero-actions{position:absolute;top:var(--orb-sp-300);right:var(--orb-sp-300);display:flex;align-items:center;gap:var(--orb-sp-200)}.orb-dialog__close--over-hero,.orb-dialog__fullscreen--over-hero{background:var(--orb-static-overlay-bg);color:var(--orb-static-overlay-fg);border:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.orb-dialog__close--over-hero:hover:not(:disabled),.orb-dialog__fullscreen--over-hero:hover{background:var(--orb-static-overlay-bg-hover);color:var(--orb-static-overlay-fg)}.orb-dialog__spinner{animation:orb-dialog-spin .8s linear infinite}@keyframes orb-dialog-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orb-dialog--loading .orb-dialog__footer{pointer-events:none;opacity:.6}.orb-dialog__body{padding:var(--dlg-padding);font-family:var(--orb-ff-body);font-size:var(--orb-fs-200);line-height:var(--orb-lh-400);color:var(--orb-fg-subtle)}.orb-dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--orb-sp-300);padding:var(--orb-sp-400) var(--dlg-padding);border-top:1px solid var(--orb-dialog-footer-border);background:var(--orb-dialog-footer-bg);border-radius:0 0 var(--dlg-radius) var(--dlg-radius);flex-shrink:0;transition:box-shadow .15s ease}.orb-dialog__footer--shadow{box-shadow:0 -2px 8px #00000014}.orb-dialog--scale-enter-active,.orb-dialog--scale-leave-active{transition:opacity .2s ease}.orb-dialog--scale-enter-active .orb-dialog,.orb-dialog--scale-leave-active .orb-dialog{transition:opacity .2s ease,transform .2s ease}.orb-dialog--scale-enter-from,.orb-dialog--scale-leave-to{opacity:0}.orb-dialog--scale-enter-from .orb-dialog,.orb-dialog--scale-leave-to .orb-dialog{opacity:0;transform:scale(.95) translateY(8px)}.orb-dialog--slideUp-enter-active,.orb-dialog--slideUp-leave-active{transition:opacity .2s ease}.orb-dialog--slideUp-enter-active .orb-dialog,.orb-dialog--slideUp-leave-active .orb-dialog{transition:opacity .2s ease,transform .25s ease}.orb-dialog--slideUp-enter-from,.orb-dialog--slideUp-leave-to{opacity:0}.orb-dialog--slideUp-enter-from .orb-dialog,.orb-dialog--slideUp-leave-to .orb-dialog{opacity:0;transform:translateY(40px)}.orb-dialog--slideDown-enter-active,.orb-dialog--slideDown-leave-active{transition:opacity .2s ease}.orb-dialog--slideDown-enter-active .orb-dialog,.orb-dialog--slideDown-leave-active .orb-dialog{transition:opacity .2s ease,transform .25s ease}.orb-dialog--slideDown-enter-from,.orb-dialog--slideDown-leave-to{opacity:0}.orb-dialog--slideDown-enter-from .orb-dialog,.orb-dialog--slideDown-leave-to .orb-dialog{opacity:0;transform:translateY(-40px)}.orb-dialog--slideRight-enter-active,.orb-dialog--slideRight-leave-active{transition:opacity .2s ease}.orb-dialog--slideRight-enter-active .orb-dialog,.orb-dialog--slideRight-leave-active .orb-dialog{transition:opacity .2s ease,transform .25s ease}.orb-dialog--slideRight-enter-from,.orb-dialog--slideRight-leave-to{opacity:0}.orb-dialog--slideRight-enter-from .orb-dialog,.orb-dialog--slideRight-leave-to .orb-dialog{opacity:0;transform:translate(-40px)}@media (max-width: 480px){.orb-dialog-backdrop:not(.orb-dialog-backdrop--no-responsive){padding:0;align-items:flex-end}.orb-dialog-backdrop:not(.orb-dialog-backdrop--no-responsive) .orb-dialog:not(.orb-dialog--full):not(.orb-dialog--no-responsive){max-width:100%;max-height:90vh;border-radius:var(--dlg-radius) var(--dlg-radius) 0 0}.orb-dialog--scale-enter-from .orb-dialog-backdrop:not(.orb-dialog-backdrop--no-responsive) .orb-dialog,.orb-dialog--scale-leave-to .orb-dialog-backdrop:not(.orb-dialog-backdrop--no-responsive) .orb-dialog{transform:translateY(100%)}}.orb-alert-dialog--centered{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:var(--orb-sp-300)}.orb-alert-dialog--centered .orb-alert-dialog__icon{margin-bottom:var(--orb-sp-400)}.orb-alert-dialog--centered .orb-alert-dialog__title{font-size:var(--orb-fs-300)}.orb-alert-dialog--centered .orb-alert-dialog__actions--centered{margin-top:var(--orb-sp-600);width:100%}.orb-alert-dialog--horizontal{display:flex;align-items:flex-start}.orb-alert-dialog__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex-shrink:0}.orb-alert-dialog--centered .orb-alert-dialog__icon{width:48px;height:48px}.orb-alert-dialog__icon--confirmation,.orb-alert-dialog__icon--destructive{background:color-mix(in oklch,var(--orb-error) 14%,transparent)}.orb-alert-dialog__icon--info{background:color-mix(in oklch,var(--orb-info) 14%,transparent)}.orb-alert-dialog__icon--warning{background:color-mix(in oklch,var(--orb-warning) 14%,transparent)}[data-theme=dark] .orb-alert-dialog__icon--confirmation,[data-theme=dark] .orb-alert-dialog__icon--destructive{background:color-mix(in oklch,var(--orb-error) 10%,transparent)}[data-theme=dark] .orb-alert-dialog__icon--info{background:color-mix(in oklch,var(--orb-info) 10%,transparent)}[data-theme=dark] .orb-alert-dialog__icon--warning{background:color-mix(in oklch,var(--orb-warning) 10%,transparent)}.orb-alert-dialog__text{margin-left:var(--orb-sp-600);min-width:0}.orb-alert-dialog__title{margin:0;font-family:var(--orb-ff-display);font-size:var(--orb-fs-300);font-weight:var(--orb-fw-semi-bold);line-height:var(--orb-lh-300);color:var(--orb-fg)}.orb-alert-dialog__desc-wrap{margin-top:var(--orb-sp-300)}.orb-alert-dialog__description{margin:0;font-family:var(--orb-ff-body);font-size:var(--orb-fs-200);line-height:var(--orb-lh-200);color:var(--orb-fg-muted)}.orb-alert-dialog--centered .orb-alert-dialog__description{margin-top:var(--orb-sp-200)}.orb-alert-dialog__body{margin-top:var(--orb-sp-200);font-family:var(--orb-ff-body);font-size:var(--orb-fs-200);line-height:var(--orb-lh-200);color:var(--orb-fg-subtle)}.orb-alert-dialog__confirmation{margin-top:var(--orb-sp-500)}.orb-alert-dialog__confirmation-label{margin:0 0 var(--orb-sp-300) 0;font-family:var(--orb-ff-body);font-size:var(--orb-fs-200);line-height:var(--orb-lh-200);color:var(--orb-fg-muted)}.orb-alert-dialog__confirmation-label strong{color:var(--orb-fg);font-weight:var(--orb-fw-semi-bold)}.orb-alert-dialog__confirmation-input{display:block;width:100%;height:36px;padding:0 var(--orb-sp-400);font-family:var(--orb-ff-body);font-size:var(--orb-fs-200);line-height:var(--orb-lh-200);color:var(--orb-fg);background:var(--orb-bg);border:1px solid var(--orb-border);border-radius:var(--orb-br-200);outline:none;box-sizing:border-box;transition:border-color .15s ease}.orb-alert-dialog__confirmation-input::placeholder{color:var(--orb-fg-muted)}.orb-alert-dialog__confirmation-input:focus{border-color:var(--orb-primary);box-shadow:0 0 0 1px var(--orb-primary)}.orb-alert-dialog__actions--footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--orb-sp-300);width:100%}@media (max-width: 479px){.orb-alert-dialog__actions--footer{flex-direction:column-reverse}.orb-alert-dialog__actions--footer .orb-alert-dialog__btn{width:100%}}.orb-alert-dialog__actions--inline{display:flex;align-items:center;justify-content:flex-end;gap:var(--orb-sp-300);margin-top:var(--orb-sp-900)}@media (max-width: 479px){.orb-alert-dialog__actions--inline{flex-direction:column-reverse}.orb-alert-dialog__actions--inline .orb-alert-dialog__btn{width:100%}}.orb-alert-dialog__actions--centered{display:flex;flex-direction:column;gap:var(--orb-sp-300)}.orb-alert-dialog__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--orb-sp-200);height:38px;padding:0 var(--orb-sp-400);font-family:var(--orb-ff-body);font-size:var(--orb-fs-200);font-weight:var(--orb-fw-semi-bold);line-height:1;border:none;border-radius:var(--orb-br-200);cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,opacity .15s ease,box-shadow .15s ease}.orb-alert-dialog__btn:disabled{opacity:.6;cursor:not-allowed}.orb-alert-dialog__btn--wide{width:100%}.orb-alert-dialog__btn--cancel{background:var(--orb-secondary);color:var(--orb-secondary-fg);box-shadow:inset 0 0 0 1px var(--orb-secondary-border)}.orb-alert-dialog__btn--cancel:hover:not(:disabled){background:var(--orb-secondary-hover)}.orb-alert-dialog__btn--secondary{background:none;color:var(--orb-fg-muted)}.orb-alert-dialog__btn--secondary:hover:not(:disabled){color:var(--orb-fg)}.orb-alert-dialog__btn--primary{background:var(--orb-primary);color:var(--orb-primary-fg);box-shadow:0 1px 2px #0000000d}.orb-alert-dialog__btn--primary:hover:not(:disabled){background:var(--orb-primary-hover)}.orb-alert-dialog__btn--destructive{background:var(--orb-error);color:var(--orb-error-fg);box-shadow:0 1px 2px #0000000d}.orb-alert-dialog__btn--destructive:hover:not(:disabled){background:var(--orb-error-hover)}.orb-alert-dialog__btn:focus-visible{outline:2px solid var(--orb-ring);outline-offset:2px}.orb-alert-dialog__spinner{animation:orb-alert-dialog-spin .8s linear infinite}@keyframes orb-alert-dialog-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@neowit/orbit-vue",
+  "version": "0.1.0",
+  "description": "Orbit Design System - Vue 3 Components",
+  "type": "module",
+  "main": "./dist/orbit.cjs",
+  "module": "./dist/orbit.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/orbit.js",
+      "require": "./dist/orbit.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./styles": "./dist/style.css",
+    "./nuxt": "./dist/nuxt.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --outDir dist",
+    "dev": "vite build --watch"
+  },
+  "dependencies": {
+    "@neowit/orbit-tokens": "workspace:*",
+    "@phosphor-icons/vue": "^2.2.1"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.0",
+    "typescript": "^5.4.0",
+    "vite": "^5.4.0",
+    "vue": "^3.4.0",
+    "vue-tsc": "^2.0.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.0"
+  }
+}