@kismet-ux/constellation 1.0.0

package/dist/ui.js

@@ -0,0 +1,25 @@
+export { Alert, AlertBanner, AlertDescription, AlertTitle } from './ui/Alert/alert.js';
+export { persistAlert } from './ui/Alert/alert-persist.js';
+export { AlertProvider } from './ui/Alert/alert-provider.js';
+export { Avatar, AvatarFallback, AvatarImage } from './ui/Avatar/avatar.js';
+export { Button } from './ui/Button/button.js';
+export { Chip } from './ui/Chip/chip.js';
+export { CodeBlock } from './ui/CodeBlock/code-block.js';
+export { DevIndicator } from './ui/DevIndicator/dev-indicator.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './ui/Dialog/dialog.js';
+export { EmptyState } from './ui/EmptyState/empty-state.js';
+export { Icon } from './ui/Icon/icon.js';
+export { List, ListItem } from './ui/List/list.js';
+export { Pagination } from './ui/Pagination/pagination.js';
+export { ProgressBar } from './ui/ProgressBar/progress-bar.js';
+export { Separator } from './ui/Separator/separator.js';
+export { StatCard } from './ui/StatCard/stat-card.js';
+export { StepProgress } from './ui/StepProgress/step-progress.js';
+export { Switch } from './ui/Switch/switch.js';
+export { Table, TableBody, TableCard, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSortableHeader } from './ui/Table/table.js';
+export { TableActionCell } from './ui/TableActionCell/table-action-cell.js';
+export { TableToolbar } from './ui/TableToolbar/table-toolbar.js';
+export { Toggle } from './ui/Toggle/toggle.js';
+export { ToggleGroup } from './ui/ToggleGroup/toggle-group.js';
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui/Tooltip/tooltip.js';
+//# sourceMappingURL=ui.js.map

package/dist/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/user/UserInfo/index.d.ts

@@ -0,0 +1,2 @@
+export * from './user-info';
+//# sourceMappingURL=index.d.ts.map

package/dist/user/UserInfo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/user/UserInfo/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/user/UserInfo/user-info.d.ts

@@ -0,0 +1,6 @@
+import { type User } from '@constellation/types';
+export declare function UserInfo({ user, showEmail }: {
+    user: User;
+    showEmail?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=user-info.d.ts.map

package/dist/user/UserInfo/user-info.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-info.d.ts","sourceRoot":"","sources":["../../../src/user/UserInfo/user-info.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAIjD,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAiB,EAAE,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,+BAyBxF"}

package/dist/user/UserInfo/user-info.js

@@ -0,0 +1,17 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '../../layout/Sidebar/sidebar-context.js';
+import 'react';
+import '../../ui/Alert/alert-context.js';
+import '../../ui/Table/table-sort-context.js';
+import { useInitials } from '../../hooks/use-initials.js';
+import { Row } from '../../layout/Row/row.js';
+import { Avatar, AvatarImage, AvatarFallback } from '../../ui/Avatar/avatar.js';
+import s from './user-info.module.scss.js';
+
+function UserInfo({ user, showEmail = false }) {
+    const getInitials = useInitials();
+    return (jsxs(Row, { "data-slot": 'user-info', gap: 2, children: [jsxs(Avatar, { className: s['user-avatar'], children: [jsx(AvatarImage, { src: user.avatar ?? undefined, alt: user.name }, user.avatar ?? 'no-avatar-user'), jsx(AvatarFallback, { children: getInitials(user.name) })] }, user.avatar ?? `user-info-${user.id}`), jsxs("div", { "data-slot": 'user-info-details', className: s['info-text'], children: [jsx("span", { "data-slot": 'user-info-name', className: s.name, children: user.name }), showEmail && (jsx("span", { "data-slot": 'user-info-email', className: s.email, children: user.email }))] })] }));
+}
+
+export { UserInfo };
+//# sourceMappingURL=user-info.js.map

package/dist/user/UserInfo/user-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-info.js","sources":["../../../src/user/UserInfo/user-info.tsx"],"sourcesContent":["import { useInitials } from '@constellation/hooks';\nimport { Row } from '@constellation/layout/Row';\nimport { type User } from '@constellation/types';\nimport { Avatar, AvatarFallback, AvatarImage } from '@constellation/ui/Avatar';\nimport s from './user-info.module.scss';\n\nexport function UserInfo({ user, showEmail = false }: { user: User; showEmail?: boolean }) {\n  const getInitials = useInitials();\n\n  return (\n    <Row data-slot={'user-info'} gap={2}>\n      <Avatar key={user.avatar ?? `user-info-${user.id}`} className={s['user-avatar']}>\n        <AvatarImage\n          key={user.avatar ?? 'no-avatar-user'}\n          src={user.avatar ?? undefined}\n          alt={user.name}\n        />\n        <AvatarFallback>{getInitials(user.name)}</AvatarFallback>\n      </Avatar>\n      <div data-slot={'user-info-details'} className={s['info-text']}>\n        <span data-slot={'user-info-name'} className={s.name}>\n          {user.name}\n        </span>\n        {showEmail && (\n          <span data-slot={'user-info-email'} className={s.email}>\n            {user.email}\n          </span>\n        )}\n      </div>\n    </Row>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;AAMM,SAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,GAAG,KAAK,EAAuC,EAAA;AACvF,IAAA,MAAM,WAAW,GAAG,WAAW,EAAE;IAEjC,QACEA,IAAA,CAAC,GAAG,EAAA,EAAA,WAAA,EAAY,WAAW,EAAE,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CACjCA,IAAA,CAAC,MAAM,IAA6C,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,aAC7EC,GAAA,CAAC,WAAW,EAAA,EAEV,GAAG,EAAE,IAAI,CAAC,MAAM,IAAI,SAAS,EAC7B,GAAG,EAAE,IAAI,CAAC,IAAI,EAAA,EAFT,IAAI,CAAC,MAAM,IAAI,gBAAgB,CAGpC,EACFA,GAAA,CAAC,cAAc,EAAA,EAAA,QAAA,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,CAAkB,CAAA,EAAA,EAN9C,IAAI,CAAC,MAAM,IAAI,CAAA,UAAA,EAAa,IAAI,CAAC,EAAE,CAAA,CAAE,CAOzC,EACTD,IAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EAAgB,mBAAmB,EAAE,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EAAA,QAAA,EAAA,CAC5DC,2BAAiB,gBAAgB,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAA,QAAA,EACjD,IAAI,CAAC,IAAI,EAAA,CACL,EACN,SAAS,KACRA,GAAA,CAAA,MAAA,EAAA,EAAA,WAAA,EAAiB,iBAAiB,EAAE,SAAS,EAAE,CAAC,CAAC,KAAK,EAAA,QAAA,EACnD,IAAI,CAAC,KAAK,EAAA,CACN,CACR,CAAA,EAAA,CACG,CAAA,EAAA,CACF;AAEV;;"}

package/dist/user/UserInfo/user-info.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"user-avatar":"user-info-module_user-avatar__hGn2F","info-text":"user-info-module_info-text__-d4wT","name":"user-info-module_name__yEBje","email":"user-info-module_email__ophcI"};
+
+export { s as default };
+//# sourceMappingURL=user-info.module.scss.js.map

package/dist/user/UserInfo/user-info.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-info.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/user/UserMenuContent/index.d.ts

@@ -0,0 +1,2 @@
+export * from './user-menu-content';
+//# sourceMappingURL=index.d.ts.map

package/dist/user/UserMenuContent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/user/UserMenuContent/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/user/UserMenuContent/user-menu-content.d.ts

@@ -0,0 +1,25 @@
+import { type User } from '@constellation/types';
+import * as React from 'react';
+export interface UserMenuItem {
+    label: string;
+    icon?: React.ReactNode;
+    onSelect: () => void;
+    /** Renders the item in the destructive theme (e.g. sign out). */
+    destructive?: boolean;
+}
+export interface UserMenuContentProps {
+    user: User;
+    /**
+     * Menu entries above the separator. Defaults to a single "Settings" item
+     * when `onSettings` is given; pass `items` to replace the set entirely.
+     */
+    items?: UserMenuItem[];
+    onSettings?: () => void;
+    onLogout?: () => void;
+}
+/**
+ * Account dropdown body. Actions are supplied by the host app as callbacks —
+ * the library has no opinion about routes, auth, or how sign-out is performed.
+ */
+export declare function UserMenuContent({ user, items, onSettings, onLogout }: UserMenuContentProps): React.JSX.Element;
+//# sourceMappingURL=user-menu-content.d.ts.map

package/dist/user/UserMenuContent/user-menu-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-menu-content.d.ts","sourceRoot":"","sources":["../../../src/user/UserMenuContent/user-menu-content.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,IAAI,CAAC;IACX;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,oBAAoB,qBA6C1F"}

package/dist/user/UserMenuContent/user-menu-content.js

@@ -0,0 +1,23 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useMobileNavigation } from '../../hooks/use-mobile-navigation.js';
+import { DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuGroup, DropdownMenuItem } from '../../navigation/DropdownMenu/dropdown-menu.js';
+import { SettingsIcon, LogOutIcon } from 'lucide-react';
+import { UserInfo } from '../UserInfo/user-info.js';
+
+/**
+ * Account dropdown body. Actions are supplied by the host app as callbacks —
+ * the library has no opinion about routes, auth, or how sign-out is performed.
+ */
+function UserMenuContent({ user, items, onSettings, onLogout }) {
+    const cleanup = useMobileNavigation();
+    const entries = items ??
+        (onSettings ? [{ label: 'Settings', icon: jsx(SettingsIcon, {}), onSelect: onSettings }] : []);
+    const run = (fn) => () => {
+        cleanup();
+        fn();
+    };
+    return (jsxs(Fragment, { children: [jsx(DropdownMenuLabel, { children: jsx(UserInfo, { user: user, showEmail: true }) }), entries.length > 0 && (jsxs(Fragment, { children: [jsx(DropdownMenuSeparator, {}), jsx(DropdownMenuGroup, { children: entries.map(item => (jsxs(DropdownMenuItem, { variant: item.destructive ? 'destructive' : undefined, onSelect: run(item.onSelect), children: [item.icon, item.label] }, item.label))) })] })), onLogout && (jsxs(Fragment, { children: [jsx(DropdownMenuSeparator, {}), jsxs(DropdownMenuItem, { variant: 'destructive', onSelect: run(onLogout), children: [jsx(LogOutIcon, {}), "Log out"] })] }))] }));
+}
+
+export { UserMenuContent };
+//# sourceMappingURL=user-menu-content.js.map

package/dist/user/UserMenuContent/user-menu-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-menu-content.js","sources":["../../../src/user/UserMenuContent/user-menu-content.tsx"],"sourcesContent":["import { useMobileNavigation } from '@constellation/hooks/use-mobile-navigation';\nimport {\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n} from '@constellation/navigation/DropdownMenu';\nimport { type User } from '@constellation/types';\nimport { LogOutIcon, SettingsIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { UserInfo } from '../UserInfo';\n\nexport interface UserMenuItem {\n  label: string;\n  icon?: React.ReactNode;\n  onSelect: () => void;\n  /** Renders the item in the destructive theme (e.g. sign out). */\n  destructive?: boolean;\n}\n\nexport interface UserMenuContentProps {\n  user: User;\n  /**\n   * Menu entries above the separator. Defaults to a single \"Settings\" item\n   * when `onSettings` is given; pass `items` to replace the set entirely.\n   */\n  items?: UserMenuItem[];\n  onSettings?: () => void;\n  onLogout?: () => void;\n}\n\n/**\n * Account dropdown body. Actions are supplied by the host app as callbacks —\n * the library has no opinion about routes, auth, or how sign-out is performed.\n */\nexport function UserMenuContent({ user, items, onSettings, onLogout }: UserMenuContentProps) {\n  const cleanup = useMobileNavigation();\n\n  const entries: UserMenuItem[] =\n    items ??\n    (onSettings ? [{ label: 'Settings', icon: <SettingsIcon />, onSelect: onSettings }] : []);\n\n  const run = (fn: () => void) => () => {\n    cleanup();\n    fn();\n  };\n\n  return (\n    <>\n      <DropdownMenuLabel>\n        <UserInfo user={user} showEmail={true} />\n      </DropdownMenuLabel>\n      {entries.length > 0 && (\n        <>\n          <DropdownMenuSeparator />\n          <DropdownMenuGroup>\n            {entries.map(item => (\n              <DropdownMenuItem\n                key={item.label}\n                variant={item.destructive ? 'destructive' : undefined}\n                onSelect={run(item.onSelect)}\n              >\n                {item.icon}\n                {item.label}\n              </DropdownMenuItem>\n            ))}\n          </DropdownMenuGroup>\n        </>\n      )}\n      {onLogout && (\n        <>\n          <DropdownMenuSeparator />\n          <DropdownMenuItem variant={'destructive'} onSelect={run(onLogout)}>\n            <LogOutIcon />\n            Log out\n          </DropdownMenuItem>\n        </>\n      )}\n    </>\n  );\n}\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;AA+BA;;;AAGG;AACG,SAAU,eAAe,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAwB,EAAA;AACzF,IAAA,MAAM,OAAO,GAAG,mBAAmB,EAAE;IAErC,MAAM,OAAO,GACX,KAAK;SACJ,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAEA,GAAA,CAAC,YAAY,EAAA,EAAA,CAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,EAAE,CAAC;IAE3F,MAAM,GAAG,GAAG,CAAC,EAAc,KAAK,MAAK;AACnC,QAAA,OAAO,EAAE;AACT,QAAA,EAAE,EAAE;AACN,IAAA,CAAC;IAED,QACEC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEF,GAAA,CAAC,iBAAiB,EAAA,EAAA,QAAA,EAChBA,GAAA,CAAC,QAAQ,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAA,CAAI,EAAA,CACvB,EACnB,OAAO,CAAC,MAAM,GAAG,CAAC,KACjBC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEF,GAAA,CAAC,qBAAqB,KAAG,EACzBA,GAAA,CAAC,iBAAiB,EAAA,EAAA,QAAA,EACf,OAAO,CAAC,GAAG,CAAC,IAAI,KACfC,IAAA,CAAC,gBAAgB,EAAA,EAEf,OAAO,EAAE,IAAI,CAAC,WAAW,GAAG,aAAa,GAAG,SAAS,EACrD,QAAQ,EAAE,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAA,QAAA,EAAA,CAE3B,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,KAAK,CAAA,EAAA,EALN,IAAI,CAAC,KAAK,CAME,CACpB,CAAC,EAAA,CACgB,CAAA,EAAA,CACnB,CACJ,EACA,QAAQ,KACPA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEF,GAAA,CAAC,qBAAqB,EAAA,EAAA,CAAG,EACzBC,IAAA,CAAC,gBAAgB,EAAA,EAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,CAAC,QAAQ,CAAC,EAAA,QAAA,EAAA,CAC/DD,GAAA,CAAC,UAAU,EAAA,EAAA,CAAG,EAAA,SAAA,CAAA,EAAA,CAEG,CAAA,EAAA,CAClB,CACJ,CAAA,EAAA,CACA;AAEP;;"}

package/dist/user/index.d.ts

@@ -0,0 +1,3 @@
+export * from './UserInfo';
+export * from './UserMenuContent';
+//# sourceMappingURL=index.d.ts.map

package/dist/user/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/user/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC"}

package/dist/user-menu-content-D0Ldzigm.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+
+interface User {
+    name: string;
+    email?: string;
+    avatar?: string;
+    [key: string]: unknown;
+}
+
+interface UserMenuItem {
+    label: string;
+    icon?: React.ReactNode;
+    onSelect: () => void;
+    /** Renders the item in the destructive theme (e.g. sign out). */
+    destructive?: boolean;
+}
+interface UserMenuContentProps {
+    user: User;
+    /**
+     * Menu entries above the separator. Defaults to a single "Settings" item
+     * when `onSettings` is given; pass `items` to replace the set entirely.
+     */
+    items?: UserMenuItem[];
+    onSettings?: () => void;
+    onLogout?: () => void;
+}
+/**
+ * Account dropdown body. Actions are supplied by the host app as callbacks —
+ * the library has no opinion about routes, auth, or how sign-out is performed.
+ */
+declare function UserMenuContent({ user, items, onSettings, onLogout }: UserMenuContentProps): React.JSX.Element;
+
+export { UserMenuContent as b };
+export type { UserMenuContentProps as U, User as a, UserMenuItem as c };

package/dist/user.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { User } from './index.js';
+export { b as UserMenuContent, U as UserMenuContentProps, c as UserMenuItem } from './user-menu-content-D0Ldzigm.js';
+
+declare function UserInfo({ user, showEmail }: {
+    user: User;
+    showEmail?: boolean;
+}): React.JSX.Element;
+
+export { UserInfo };

package/dist/user.js

@@ -0,0 +1,3 @@
+export { UserInfo } from './user/UserInfo/user-info.js';
+export { UserMenuContent } from './user/UserMenuContent/user-menu-content.js';
+//# sourceMappingURL=user.js.map

package/dist/user.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/utils/csrf.d.ts

@@ -0,0 +1,2 @@
+export declare const getCsrfToken: () => string;
+//# sourceMappingURL=csrf.d.ts.map

package/dist/utils/csrf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"csrf.d.ts","sourceRoot":"","sources":["../../src/utils/csrf.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,QAAO,MAQ/B,CAAC"}

package/dist/utils/csrf.js

@@ -0,0 +1,13 @@
+const getCsrfToken = () => {
+    if (typeof document === 'undefined')
+        return '';
+    const meta = document.querySelector('meta[name="csrf-token"]');
+    if (meta?.content) {
+        return meta.content;
+    }
+    const token = document.cookie.split('; ').find(row => row.startsWith('XSRF-TOKEN='));
+    return token ? decodeURIComponent(token.split('=')[1] ?? '') : '';
+};
+
+export { getCsrfToken };
+//# sourceMappingURL=csrf.js.map

package/dist/utils/csrf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"csrf.js","sources":["../../src/utils/csrf.ts"],"sourcesContent":["export const getCsrfToken = (): string => {\n  if (typeof document === 'undefined') return '';\n  const meta = document.querySelector<HTMLMetaElement>('meta[name=\"csrf-token\"]');\n  if (meta?.content) {\n    return meta.content;\n  }\n  const token = document.cookie.split('; ').find(row => row.startsWith('XSRF-TOKEN='));\n  return token ? decodeURIComponent(token.split('=')[1] ?? '') : '';\n};\n"],"names":[],"mappings":"AAAO,MAAM,YAAY,GAAG,MAAa;IACvC,IAAI,OAAO,QAAQ,KAAK,WAAW;AAAE,QAAA,OAAO,EAAE;IAC9C,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAkB,yBAAyB,CAAC;AAC/E,IAAA,IAAI,IAAI,EAAE,OAAO,EAAE;QACjB,OAAO,IAAI,CAAC,OAAO;IACrB;IACA,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IACpF,OAAO,KAAK,GAAG,kBAAkB,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE;AACnE;;"}

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './csrf';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/utils.d.ts

@@ -0,0 +1,3 @@
+declare const getCsrfToken: () => string;
+
+export { getCsrfToken };

package/dist/utils.js

@@ -0,0 +1,2 @@
+export { getCsrfToken } from './utils/csrf.js';
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,208 @@
+{
+  "name": "@kismet-ux/constellation",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "src/styles/mixins.scss",
+    "src/styles/_mixins.scss",
+    "src/styles/_theme-context.scss",
+    "vite-plugin.mjs",
+    "vite-plugin.d.ts",
+    "LICENSE",
+    "README.md"
+  ],
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./ui": {
+      "types": "./dist/ui.d.ts",
+      "import": "./dist/ui.js",
+      "default": "./dist/ui.js"
+    },
+    "./ui/*": {
+      "import": "./dist/ui/*",
+      "default": "./dist/ui/*"
+    },
+    "./form": {
+      "types": "./dist/form.d.ts",
+      "import": "./dist/form.js",
+      "default": "./dist/form.js"
+    },
+    "./form/*": {
+      "import": "./dist/form/*",
+      "default": "./dist/form/*"
+    },
+    "./layout": {
+      "types": "./dist/layout.d.ts",
+      "import": "./dist/layout.js",
+      "default": "./dist/layout.js"
+    },
+    "./settings": {
+      "types": "./dist/settings.d.ts",
+      "import": "./dist/settings.js",
+      "default": "./dist/settings.js"
+    },
+    "./settings/*": {
+      "import": "./dist/settings/*",
+      "default": "./dist/settings/*"
+    },
+    "./navigation": {
+      "types": "./dist/navigation.d.ts",
+      "import": "./dist/navigation.js",
+      "default": "./dist/navigation.js"
+    },
+    "./navigation/*": {
+      "import": "./dist/navigation/*",
+      "default": "./dist/navigation/*"
+    },
+    "./layout/*": {
+      "import": "./dist/layout/*",
+      "default": "./dist/layout/*"
+    },
+    "./typography": {
+      "types": "./dist/typography.d.ts",
+      "import": "./dist/typography.js",
+      "default": "./dist/typography.js"
+    },
+    "./typography/*": {
+      "import": "./dist/typography/*",
+      "default": "./dist/typography/*"
+    },
+    "./styles": {
+      "types": "./dist/styles.d.ts",
+      "import": "./dist/index.css",
+      "default": "./dist/index.css"
+    },
+    "./styles/mixins": {
+      "import": "./src/styles/mixins.scss",
+      "default": "./src/styles/mixins.scss"
+    },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./user": {
+      "types": "./dist/user.d.ts",
+      "import": "./dist/user.js",
+      "default": "./dist/user.js"
+    },
+    "./user/*": {
+      "import": "./dist/user/*",
+      "default": "./dist/user/*"
+    },
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "import": "./dist/utils.js",
+      "default": "./dist/utils.js"
+    },
+    "./utils/*": {
+      "import": "./dist/utils/*",
+      "default": "./dist/utils/*"
+    },
+    "./types": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/types/index.d.ts"
+    },
+    "./brand": {
+      "types": "./dist/brand.d.ts",
+      "import": "./dist/brand.js",
+      "default": "./dist/brand.js"
+    },
+    "./brand/*": {
+      "import": "./dist/brand/*",
+      "default": "./dist/brand/*"
+    },
+    "./vite": {
+      "types": "./vite-plugin.d.ts",
+      "import": "./vite-plugin.mjs",
+      "default": "./vite-plugin.mjs"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "rollup -c && npm run build:types",
+    "build:types": "rollup -c rollup.config.dts.mjs",
+    "preview": "vite build && vite preview",
+    "format": "prettier --write src/ dev/",
+    "format:check": "prettier --check src/ dev/",
+    "lint": "eslint . --fix",
+    "stylelint": "stylelint \"src/**/*.scss\"",
+    "stylelint:fix": "stylelint \"src/**/*.scss\" --fix",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "lucide-react": ">=0.4.0",
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.19.0",
+    "@rollup/plugin-alias": "^5.1.1",
+    "@rollup/plugin-commonjs": "^28.0.0",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-typescript": "^12.0.0",
+    "@types/react": "^19.0.3",
+    "@types/react-dom": "^19.0.2",
+    "@vitejs/plugin-react": "^5.0.2",
+    "eslint": "^9.17.0",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-formatter-compact": "^9.0.1",
+    "eslint-plugin-react": "^7.37.3",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^15.14.0",
+    "lucide-react": "^1.17.0",
+    "postcss-scss": "^4.0.9",
+    "prettier": "^3.4.2",
+    "prettier-plugin-organize-imports": "^4.1.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "rollup": "^4.34.0",
+    "rollup-plugin-dts": "^6.1.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "sass": "^1.92.0",
+    "sass-embedded": "^1.92.0",
+    "stylelint": "^17.9.0",
+    "stylelint-order": "^8.1.1",
+    "typescript": "^5.7.2",
+    "typescript-eslint": "^8.23.0",
+    "vite": "^7.3.1"
+  },
+  "resolutions": {
+    "axios": "^1.16.0",
+    "brace-expansion@^5.0.5": "^5.0.6",
+    "qs": "^6.15.2",
+    "ws": "^8.20.1"
+  },
+  "description": "Kismet Constellation \u2014 a themeable React component library: design tokens, light/dark, and 60+ router-agnostic components.",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "react",
+    "component-library",
+    "design-system",
+    "design-tokens",
+    "scss",
+    "dark-mode",
+    "typescript",
+    "ui"
+  ]
+}

package/src/styles/_mixins.scss

@@ -0,0 +1,105 @@
+@use 'sass:map';
+@forward 'theme-context';
+
+$themes: primary, secondary, destructive, warning, success, info, slate;
+
+// ── Shared component mixins ──────────────────────────────
+
+@mixin focus-ring($token) {
+  box-shadow:
+    0 0 0 2px var(--background-default),
+    0 0 0 4px var(--#{$token}-focus-visible);
+}
+
+@mixin disabled-state($opacity: 0.5) {
+  cursor: not-allowed;
+  opacity: $opacity;
+  pointer-events: none;
+}
+
+@mixin text-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+// ── Layout ───────────────────────────────────────────────
+
+$gap-scale: (
+  0: 0,
+  1: var(--size-1),
+  2: var(--size-2),
+  3: var(--size-3),
+  4: var(--size-4),
+  5: var(--size-5),
+  6: var(--size-6),
+  7: var(--size-7),
+  8: var(--size-8),
+  9: var(--size-9),
+  10: var(--size-10),
+  11: var(--size-11),
+  12: var(--size-12),
+);
+
+@mixin gap-classes {
+  @each $name, $value in $gap-scale {
+    &.gap-#{$name} {
+      gap: $value;
+    }
+  }
+}
+
+@mixin gap-classes-root {
+  @each $name, $value in $gap-scale {
+    .gap-#{$name} {
+      gap: $value;
+    }
+  }
+}
+
+// ── Breakpoints ──────────────────────────────────────────
+
+$breakpoints: (
+  xs: 319px,
+  sm: 505px,
+  md: 769px,
+  lg: 1025px,
+  xl: 1281px,
+);
+
+@mixin breakpoint($breakpoint, $direction) {
+  @if map.has-key($breakpoints, $breakpoint) {
+    // Get the breakpoint value.
+    $breakpoint-value: map.get($breakpoints, $breakpoint);
+
+    @if $direction == max {
+      @media (max-width: ($breakpoint-value - 1)) {
+        @content;
+      }
+    } @else if $direction == min {
+      @media (min-width: $breakpoint-value) {
+        @content;
+      }
+    } @else {
+      @media ($direction: $breakpoint-value) {
+        @content;
+      }
+    }
+
+    // If the breakpoint doesn't exist in the map.
+  } @else {
+    @if $direction == max {
+      @media (max-width: $breakpoint) {
+        @content;
+      }
+    } @else if $direction == min {
+      @media (min-width: $breakpoint) {
+        @content;
+      }
+    } @else {
+      @media ($direction: $breakpoint) {
+        @content;
+      }
+    }
+  }
+}

package/src/styles/_theme-context.scss

@@ -0,0 +1,12 @@
+@mixin theme-context($theme) {
+  --themed-main: var(--#{$theme}-main);
+  --themed-dark: var(--#{$theme}-dark);
+  --themed-emphasis: var(--#{$theme}-emphasis);
+  --themed-light: var(--#{$theme}-light);
+  --themed-contrast: var(--#{$theme}-contrast);
+  --themed-hover: var(--#{$theme}-hover);
+  --themed-focus: var(--#{$theme}-focus);
+  --themed-focus-visible: var(--#{$theme}-focus-visible);
+  --themed-outlined-border: var(--#{$theme}-outlined-border);
+  --themed-selected: var(--#{$theme}-selected);
+}

package/src/styles/mixins.scss

@@ -0,0 +1 @@
+@forward '_mixins';

package/vite-plugin.d.ts

@@ -0,0 +1,26 @@
+import type { Plugin } from 'vite';
+
+export interface ConstellationLocalOptions {
+  /**
+   * Force enable or disable the plugin.
+   * When omitted, reads the `CONSTELLATION_LOCAL` env var (`"true"` to enable).
+   */
+  enabled?: boolean;
+
+  /**
+   * Explicit path to the local Constellation checkout.
+   * When omitted, the plugin auto-discovers `../constellation` or `./constellation`
+   * relative to the consuming project's root.
+   */
+  root?: string;
+}
+
+/**
+ * Vite plugin for local Constellation development.
+ *
+ * Reads Constellation's own `package.json` exports and generates resolve aliases
+ * so consuming apps don't need to maintain a manual alias list.
+ *
+ * No-op when disabled or when no local checkout is found.
+ */
+export default function constellationLocal(options?: ConstellationLocalOptions): Plugin;