@byline/ui 0.9.3 → 0.10.1

package/dist/admin/components/admin-account/change-password.js

@@ -3,10 +3,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { revalidateLogic, useForm } from "@tanstack/react-form-start";
 import { passwordSchema } from "@byline/core/validation";
-import { Alert, Button, InputPassword, LoaderEllipsis } from "@infonomic/uikit/react";
 import classnames from "classnames";
 import { z } from "zod";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Alert, Button, InputPassword, LoaderEllipsis } from "../../../uikit.js";
 import change_password_module from "./change-password.module.js";
 const changePasswordFormSchema = z.object({
     currentPassword: z.string().min(1, {

package/dist/admin/components/admin-account/container.js

@@ -1,9 +1,9 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Button, CloseIcon, Drawer, EditIcon, IconButton } from "@infonomic/uikit/react";
 import classnames from "classnames";
 import { LocalDateTime } from "../../../fields/local-date-time.js";
+import { Button, CloseIcon, Drawer, EditIcon, IconButton } from "../../../uikit.js";
 import { ChangeAccountPassword } from "./change-password.js";
 import container_module from "./container.module.js";
 import { UpdateAccount } from "./update.js";

package/dist/admin/components/admin-account/update.js

@@ -2,10 +2,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { revalidateLogic, useForm } from "@tanstack/react-form-start";
-import { Alert, Button, Input, LoaderEllipsis } from "@infonomic/uikit/react";
 import classnames from "classnames";
 import { z } from "zod";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Alert, Button, Input, LoaderEllipsis } from "../../../uikit.js";
 import update_module from "./update.module.js";
 const updateAccountSchema = z.object({
     given_name: z.string().max(100, 'Given name must not exceed 100 characters'),

package/dist/admin/components/admin-permissions/inspector.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Button, Container, LoaderRing, Section } from "@infonomic/uikit/react";
 import classnames from "classnames";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Button, Container, LoaderRing, Section } from "../../../uikit.js";
 import inspector_module from "./inspector.module.js";
 function sourceVariant(source) {
     switch(source){

package/dist/admin/components/admin-roles/create.js

@@ -2,10 +2,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { revalidateLogic, useForm } from "@tanstack/react-form-start";
-import { Alert, Button, Input, LoaderEllipsis, TextArea } from "@infonomic/uikit/react";
 import classnames from "classnames";
 import { z } from "zod";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Alert, Button, Input, LoaderEllipsis, TextArea } from "../../../uikit.js";
 import create_module from "./create.module.js";
 const createAdminRoleFormSchema = z.object({
     name: z.string().min(1, 'Name is required').max(128, 'Name must not exceed 128 characters'),

package/dist/admin/components/admin-roles/permissions.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
-import { Alert, Button, Checkbox, LoaderEllipsis } from "@infonomic/uikit/react";
 import classnames from "classnames";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Alert, Button, Checkbox, LoaderEllipsis } from "../../../uikit.js";
 import permissions_module from "./permissions.module.js";
 function setsEqual(a, b) {
     if (a.size !== b.size) return false;

package/dist/admin/components/admin-roles/update.js

@@ -2,10 +2,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { revalidateLogic, useForm } from "@tanstack/react-form-start";
-import { Alert, Button, Input, LoaderEllipsis, TextArea } from "@infonomic/uikit/react";
 import classnames from "classnames";
 import { z } from "zod";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Alert, Button, Input, LoaderEllipsis, TextArea } from "../../../uikit.js";
 import update_module from "./update.module.js";
 const updateRoleSchema = z.object({
     name: z.string().min(1, 'Name is required').max(128, 'Name must not exceed 128 characters'),

package/dist/admin/components/admin-users/create.js

@@ -3,10 +3,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { revalidateLogic, useForm } from "@tanstack/react-form-start";
 import { passwordSchema } from "@byline/core/validation";
-import { Alert, Button, Checkbox, Input, LoaderEllipsis } from "@infonomic/uikit/react";
 import classnames from "classnames";
 import { z } from "zod";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Alert, Button, Checkbox, Input, LoaderEllipsis } from "../../../uikit.js";
 import create_module from "./create.module.js";
 const createAdminUserFormSchema = z.object({
     email: z.email({

package/dist/admin/components/admin-users/roles.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Alert, Button, Checkbox, LoaderEllipsis } from "@infonomic/uikit/react";
 import classnames from "classnames";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Alert, Button, Checkbox, LoaderEllipsis } from "../../../uikit.js";
 import roles_module from "./roles.module.js";
 function setsEqual(a, b) {
     if (a.size !== b.size) return false;

package/dist/admin/components/admin-users/set-password.js

@@ -3,10 +3,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { revalidateLogic, useForm } from "@tanstack/react-form-start";
 import { passwordSchema } from "@byline/core/validation";
-import { Alert, Button, InputPassword, LoaderEllipsis } from "@infonomic/uikit/react";
 import classnames from "classnames";
 import { z } from "zod";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Alert, Button, InputPassword, LoaderEllipsis } from "../../../uikit.js";
 import set_password_module from "./set-password.module.js";
 const setPasswordFormSchema = z.object({
     password: passwordSchema,

package/dist/admin/components/admin-users/update.js

@@ -2,10 +2,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { revalidateLogic, useForm } from "@tanstack/react-form-start";
-import { Alert, Button, Checkbox, Input, LoaderEllipsis } from "@infonomic/uikit/react";
 import classnames from "classnames";
 import { z } from "zod";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Alert, Button, Checkbox, Input, LoaderEllipsis } from "../../../uikit.js";
 import update_module from "./update.module.js";
 const updateUserSchema = z.object({
     given_name: z.string().max(100, 'Given name must not exceed 100 characters'),

package/dist/admin/components/auth/sign-in-form.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Alert, Button, Card, Input, LoaderEllipsis } from "@infonomic/uikit/react";
 import classnames from "classnames";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Alert, Button, Card, Input, LoaderEllipsis } from "../../../uikit.js";
 import sign_in_form_module from "./sign-in-form.module.js";
 function SignInForm({ callbackUrl }) {
     const { adminSignIn } = useBylineAdminServices();

package/dist/admin/components/collections/diff-modal.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { CloseIcon, IconButton, LoaderRing, Modal } from "@infonomic/uikit/react";
 import classnames from "classnames";
 import react_diff_viewer_continued, { DiffMethod } from "react-diff-viewer-continued";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { CloseIcon, IconButton, LoaderRing, Modal } from "../../../uikit.js";
 import diff_modal_module from "./diff-modal.module.js";
 const STRIP_KEYS = new Set([
     'id',

package/dist/admin/components/collections/status-badge.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { WORKFLOW_STATUS_ARCHIVED, WORKFLOW_STATUS_DRAFT, WORKFLOW_STATUS_PUBLISHED } from "@byline/core";
-import { Badge } from "@infonomic/uikit/react";
 import classnames from "classnames";
+import { Badge } from "../../../uikit.js";
 import status_badge_module from "./status-badge.module.js";
 function statusIntent(status) {
     switch(status){

package/dist/admin/tabs.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Badge } from "@infonomic/uikit/react";
 import classnames from "classnames";
+import { Badge } from "../uikit.js";
 import tabs_module from "./tabs.module.js";
 const Tabs = ({ tabs, activeTab, onChange, errorCounts, className })=>/*#__PURE__*/ jsx("div", {
         role: "tablist",

package/dist/admin.d.ts

@@ -0,0 +1,24 @@
+/**
+ * NOTE: We put a .js ending on imports here to satisfy
+ * TS / dist output
+ */
+export * from './admin/components/admin-account/change-password.js';
+export * from './admin/components/admin-account/container.js';
+export * from './admin/components/admin-account/update.js';
+export * from './admin/components/admin-permissions/inspector.js';
+export * from './admin/components/admin-roles/create.js';
+export * from './admin/components/admin-roles/permissions.js';
+export * from './admin/components/admin-roles/update.js';
+export * from './admin/components/admin-users/create.js';
+export * from './admin/components/admin-users/roles.js';
+export * from './admin/components/admin-users/set-password.js';
+export * from './admin/components/admin-users/update.js';
+export * from './admin/components/auth/sign-in-form.js';
+export * from './admin/components/collections/diff-modal.js';
+export * from './admin/components/collections/status-badge.js';
+export * from './admin/group.js';
+export * from './admin/row.js';
+export * from './admin/tabs.js';
+export * from './services/admin-services-context.js';
+export type { AdminServiceCall, BylineAdminServices, ChangeAccountPasswordInput, CreateAdminRoleInput, CreateAdminUserInput, SetAdminUserPasswordInput, SetRoleAbilitiesInput, SetUserRolesInput, SignInInput, SignInResult, UpdateAccountInput, UpdateAdminRoleInput, UpdateAdminUserInput, WhoHasAbilityInput, } from './services/admin-services-types.js';
+//# sourceMappingURL=admin.d.ts.map

package/dist/admin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin.d.ts","sourceRoot":"","sources":["../src/admin.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,qDAAqD,CAAA;AACnE,cAAc,+CAA+C,CAAA;AAC7D,cAAc,4CAA4C,CAAA;AAC1D,cAAc,mDAAmD,CAAA;AACjE,cAAc,0CAA0C,CAAA;AACxD,cAAc,+CAA+C,CAAA;AAC7D,cAAc,0CAA0C,CAAA;AACxD,cAAc,0CAA0C,CAAA;AACxD,cAAc,yCAAyC,CAAA;AACvD,cAAc,gDAAgD,CAAA;AAC9D,cAAc,0CAA0C,CAAA;AACxD,cAAc,yCAAyC,CAAA;AACvD,cAAc,8CAA8C,CAAA;AAC5D,cAAc,gDAAgD,CAAA;AAC9D,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sCAAsC,CAAA;AACpD,YAAY,EACV,gBAAgB,EAChB,mBAAmB,EACnB,0BAA0B,EAC1B,oBAAoB,EACpB,oBAAoB,EACpB,yBAAyB,EACzB,qBAAqB,EACrB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,oCAAoC,CAAA"}

package/dist/admin.js

@@ -0,0 +1,18 @@
+export * from "./admin/components/admin-account/change-password.js";
+export * from "./admin/components/admin-account/container.js";
+export * from "./admin/components/admin-account/update.js";
+export * from "./admin/components/admin-permissions/inspector.js";
+export * from "./admin/components/admin-roles/create.js";
+export * from "./admin/components/admin-roles/permissions.js";
+export * from "./admin/components/admin-roles/update.js";
+export * from "./admin/components/admin-users/create.js";
+export * from "./admin/components/admin-users/roles.js";
+export * from "./admin/components/admin-users/set-password.js";
+export * from "./admin/components/admin-users/update.js";
+export * from "./admin/components/auth/sign-in-form.js";
+export * from "./admin/components/collections/diff-modal.js";
+export * from "./admin/components/collections/status-badge.js";
+export * from "./admin/group.js";
+export * from "./admin/row.js";
+export * from "./admin/tabs.js";
+export * from "./services/admin-services-context.js";

package/dist/components/@types/shared.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Available size tokens, ordered from smallest to largest.
+ * Most components default to `'md'`.
+ */
+export declare const size: readonly ["xs", "sm", "md", "lg", "xl"];
+/**
+ * Visual size of a component.
+ *
+ * - `xs` — extra-small, compact inline use
+ * - `sm` — small, tight layouts
+ * - `md` — standard size (default for most components)
+ * - `lg` — large, prominent elements
+ * - `xl` — extra-large, hero or display use
+ *
+ * @default 'md'
+ */
+export type Size = (typeof size)[number];
+/**
+ * Available semantic color intents.
+ * Controls the visual meaning (color, icon) of a component.
+ */
+export declare const intent: readonly ["primary", "secondary", "noeffect", "success", "info", "warning", "danger"];
+/**
+ * Semantic color intent applied to a component.
+ *
+ * - `primary`   — brand/main action (blue by default)
+ * - `secondary` — alternate/supporting action
+ * - `noeffect`  — neutral, no color emphasis (gray)
+ * - `success`   — positive outcome or confirmation (green)
+ * - `info`      — informational, non-critical (cyan/blue)
+ * - `warning`   — caution, needs attention (yellow/amber)
+ * - `danger`    — destructive action or error state (red)
+ *
+ * @default 'primary'
+ */
+export type Intent = (typeof intent)[number];
+/**
+ * Status icon variants used inside notification components.
+ */
+export declare const icons: readonly ["success", "info", "success", "warning", "danger"];
+/**
+ * Icon variant shown inside a notification (e.g. Toast, Alert).
+ * Maps to the corresponding status icon.
+ */
+export type Icons = (typeof icons)[number];
+/**
+ * Screen corner positions for floating elements.
+ */
+export declare const position: readonly ["top-left", "top-right", "bottom-left", "bottom-right"];
+/**
+ * Corner position for floating/overlay elements such as toasts and popovers.
+ *
+ * - `top-left`     — top-left corner of the viewport
+ * - `top-right`    — top-right corner of the viewport (default for toasts)
+ * - `bottom-left`  — bottom-left corner of the viewport
+ * - `bottom-right` — bottom-right corner of the viewport
+ *
+ * @default 'top-right'
+ */
+export type Position = (typeof position)[number];
+//# sourceMappingURL=shared.d.ts.map

package/dist/components/@types/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/components/@types/shared.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,eAAO,MAAM,IAAI,yCAA0C,CAAA;AAE3D;;;;;;;;;;GAUG;AACH,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAA;AAExC;;;GAGG;AACH,eAAO,MAAM,MAAM,uFAQT,CAAA;AAEV;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAE5C;;GAEG;AACH,eAAO,MAAM,KAAK,8DAA+D,CAAA;AAEjF;;;GAGG;AACH,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAA;AAE1C;;GAEG;AACH,eAAO,MAAM,QAAQ,mEAAoE,CAAA;AAEzF;;;;;;;;;GASG;AACH,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAA"}

package/dist/components/@types/shared.js

@@ -0,0 +1,30 @@
+const size = [
+    'xs',
+    'sm',
+    'md',
+    'lg',
+    'xl'
+];
+const intent = [
+    'primary',
+    'secondary',
+    'noeffect',
+    'success',
+    'info',
+    'warning',
+    'danger'
+];
+const icons = [
+    'success',
+    'info',
+    'success',
+    'warning',
+    'danger'
+];
+const position = [
+    'top-left',
+    'top-right',
+    'bottom-left',
+    'bottom-right'
+];
+export { icons, intent, position, size };

package/dist/components/accordion/accordion.d.ts

@@ -0,0 +1,32 @@
+/**
+ * NOTE: An accordion can be used in a variety of ways, including
+ * simple FAQs, complex navigation, and more. As such, we minimally
+ * style the accordion here in order to provide a base for customization.
+ */
+import type React from 'react';
+import { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';
+export type AccordionRootElement = React.ComponentRef<'div'>;
+export type AccordionItemElement = React.ComponentRef<'div'>;
+export type AccordionHeaderElement = React.ComponentRef<'h3'>;
+export type AccordionTriggerElement = React.ComponentRef<'button'>;
+export type AccordionPanelElement = React.ComponentRef<'div'>;
+export declare const Accordion: {
+    Root: ({ children, className, ref, ...props }: {
+        children: React.ReactNode;
+        className?: string;
+        ref?: React.RefObject<AccordionRootElement>;
+    } & React.ComponentProps<typeof AccordionPrimitive.Root>) => React.JSX.Element;
+    Item: ({ ref, children, className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item> & {
+        ref?: React.RefObject<AccordionItemElement>;
+    }) => React.JSX.Element;
+    Header: ({ ref, children, className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Header> & {
+        ref?: React.RefObject<AccordionHeaderElement>;
+    }) => React.JSX.Element;
+    Trigger: ({ ref, children, className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger> & {
+        ref?: React.RefObject<AccordionTriggerElement>;
+    }) => React.JSX.Element;
+    Panel: ({ ref, children, className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Panel> & {
+        ref?: React.RefObject<AccordionPanelElement>;
+    }) => React.JSX.Element;
+};
+//# sourceMappingURL=accordion.d.ts.map

package/dist/components/accordion/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAK1E,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;AAuB5D,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;AAoB5D,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;AAoB7D,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAA;AAoBlE,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;AAoB7D,eAAO,MAAM,SAAS;mDAhGnB;QACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;QACzB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAA;KAC5C,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC;mDAkBrD,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,GAAG;QACxD,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAA;KAC5C;qDAkBE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,MAAM,CAAC,GAAG;QAC1D,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAA;KAC9C;sDAkBE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,GAAG;QAC3D,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAA;KAC/C;oDAkBE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,GAAG;QACzD,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAA;KAC7C;CAkBA,CAAA"}

package/dist/components/accordion/accordion.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Accordion } from "@base-ui/react/accordion";
+import classnames from "classnames";
+import accordion_module from "./accordion.module.js";
+const Root = ({ children, className, ref, ...props })=>/*#__PURE__*/ jsx(Accordion.Root, {
+        ref: ref,
+        className: classnames('infonomic-accordion-root', className),
+        ...props,
+        children: children
+    });
+const Item = function({ ref, children, className, ...props }) {
+    return /*#__PURE__*/ jsx(Accordion.Item, {
+        className: classnames('infonomic-accordion-item', className),
+        ...props,
+        ref: ref,
+        children: children
+    });
+};
+const Header = function({ ref, children, className, ...props }) {
+    return /*#__PURE__*/ jsx(Accordion.Header, {
+        className: classnames('infonomic-accordion-header', className),
+        ...props,
+        ref: ref,
+        children: children
+    });
+};
+const Trigger = function({ ref, children, className, ...props }) {
+    return /*#__PURE__*/ jsx(Accordion.Trigger, {
+        ref: ref,
+        className: classnames('infonomic-accordion-trigger', accordion_module.trigger, className),
+        ...props,
+        children: children
+    });
+};
+const Panel = function({ ref, children, className, ...props }) {
+    return /*#__PURE__*/ jsx(Accordion.Panel, {
+        className: classnames('infonomic-accordion-content', accordion_module.content, className),
+        ...props,
+        ref: ref,
+        children: children
+    });
+};
+const accordion_Accordion = {
+    Root: Root,
+    Item: Item,
+    Header: Header,
+    Trigger: Trigger,
+    Panel: Panel
+};
+export { accordion_Accordion as Accordion };

package/dist/components/accordion/accordion.module.js

@@ -0,0 +1,10 @@
+import "./accordion_module.css";
+const accordion_module = {
+    item: "item-iZzmBc",
+    header: "header-MBm53y",
+    trigger: "trigger-CJlwli",
+    content: "content-KoW8ID",
+    accordionSlideDown: "accordionSlideDown-gllXUs",
+    accordionSlideUp: "accordionSlideUp-mpDLB0"
+};
+export default accordion_module;

package/dist/components/accordion/accordion_module.css

@@ -0,0 +1,53 @@
+@layer byline-base, byline-utilities, byline-theme;
+
+@layer byline-components {
+  :is(.item-iZzmBc, .infonomic-accordion-item) {
+    margin-top: 1px;
+    overflow: hidden;
+  }
+
+  :is(.header-MBm53y, .infonomic-accordion-header) {
+    margin: 0;
+    display: flex;
+  }
+
+  :is(.trigger-CJlwli, .infonomic-accordion-trigger) {
+    cursor: pointer;
+    align-items: center;
+    width: 100%;
+    display: flex;
+  }
+
+  :is(.content-KoW8ID, .infonomic-accordion-content) {
+    overflow: hidden;
+  }
+
+  :is(.content-KoW8ID, .infonomic-accordion-content)[data-open] {
+    animation: .3s cubic-bezier(.87, 0, .13, 1) accordionSlideDown-gllXUs;
+  }
+
+  :is(.content-KoW8ID, .infonomic-accordion-content)[data-ending-style] {
+    animation: .3s cubic-bezier(.87, 0, .13, 1) accordionSlideUp-mpDLB0;
+  }
+
+  @keyframes accordionSlideDown-gllXUs {
+    from {
+      height: 0;
+    }
+
+    to {
+      height: var(--accordion-panel-height);
+    }
+  }
+
+  @keyframes accordionSlideUp-mpDLB0 {
+    from {
+      height: var(--accordion-panel-height);
+    }
+
+    to {
+      height: 0;
+    }
+  }
+}
+

package/dist/components/animation/fade-in-lift.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+import type { ComponentPropsWithoutRef, ElementType } from 'react';
+interface FadeInLiftProps<T extends ElementType> {
+    as?: T;
+    children: React.ReactNode;
+    duration?: number;
+    delay?: number;
+    className?: string;
+}
+export declare const FadeInLift: <T extends ElementType = "div">({ as, children, className, duration, delay, ...rest }: FadeInLiftProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof FadeInLiftProps<T>>) => React.JSX.Element;
+export {};
+//# sourceMappingURL=fade-in-lift.d.ts.map

package/dist/components/animation/fade-in-lift.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fade-in-lift.d.ts","sourceRoot":"","sources":["../../../src/components/animation/fade-in-lift.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAKlE,UAAU,eAAe,CAAC,CAAC,SAAS,WAAW;IAC7C,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAGD,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,uDAOvD,eAAe,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,eAAe,CAAC,CAAC,CAAC,CAAC,sBAkBlF,CAAA"}

package/dist/components/animation/fade-in-lift.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { motion } from "motion/react";
+const FadeInLift = ({ as, children, className, duration = 0.5, delay = 0, ...rest })=>{
+    const Component = as ? motion.create(as) : motion.div;
+    return /*#__PURE__*/ jsx(Component, {
+        className: className,
+        initial: {
+            opacity: 0,
+            y: 30
+        },
+        whileInView: {
+            opacity: 1,
+            y: 0,
+            transition: {
+                duration,
+                delay
+            }
+        },
+        viewport: {
+            once: true
+        },
+        ...rest,
+        children: children
+    });
+};
+export { FadeInLift };

package/dist/components/avatar/avatar.d.ts

@@ -0,0 +1,5 @@
+import type React from 'react';
+export declare const Avatar: ({ initials }: {
+    initials: string;
+}) => React.JSX.Element;
+//# sourceMappingURL=avatar.d.ts.map

package/dist/components/avatar/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,eAAO,MAAM,MAAM,GAAI,cAAc;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,KAAG,KAAK,CAAC,GAAG,CAAC,OAgBrE,CAAA"}

package/dist/components/avatar/avatar.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Avatar } from "@base-ui/react/avatar";
+import classnames from "classnames";
+import avatar_module from "./avatar.module.js";
+const url = 'https://picsum.photos/150';
+const avatar_Avatar = ({ initials })=>/*#__PURE__*/ jsxs(Avatar.Root, {
+        className: classnames('infonomic-avatar-root', avatar_module["avatar-root"]),
+        children: [
+            /*#__PURE__*/ jsx(Avatar.Image, {
+                src: url,
+                alt: "Avatar",
+                className: classnames('infonomic-avatar-image', avatar_module["avatar-image"])
+            }),
+            /*#__PURE__*/ jsx(Avatar.Fallback, {
+                className: classnames('infonomic-avatar-fallback', avatar_module["avatar-fallback"]),
+                delay: 600,
+                children: /*#__PURE__*/ jsx("span", {
+                    className: classnames('infonomic-avatar-text', avatar_module["avatar-text"]),
+                    children: initials
+                })
+            })
+        ]
+    });
+export { avatar_Avatar as Avatar };

package/dist/components/avatar/avatar.module.js

@@ -0,0 +1,12 @@
+import "./avatar_module.css";
+const avatar_module = {
+    "avatar-root": "avatar-root-WYOuF_",
+    avatarRoot: "avatar-root-WYOuF_",
+    "avatar-image": "avatar-image-eGBbhF",
+    avatarImage: "avatar-image-eGBbhF",
+    "avatar-fallback": "avatar-fallback-LnFLNm",
+    avatarFallback: "avatar-fallback-LnFLNm",
+    "avatar-text": "avatar-text-Xf0G6q",
+    avatarText: "avatar-text-Xf0G6q"
+};
+export default avatar_module;

package/dist/components/avatar/avatar_module.css

@@ -0,0 +1,36 @@
+@layer byline-base, byline-functional, byline-utilities, byline-theme, byline-typography;
+
+@layer byline-components {
+  :is(.avatar-root-WYOuF_, .infonomic-avatar-root) {
+    border-radius: 50%;
+    width: 100%;
+    height: 100%;
+    display: inline-flex;
+    position: relative;
+  }
+
+  :is(.avatar-image-eGBbhF, .infonomic-avatar-image) {
+    object-fit: cover;
+    border-radius: 50%;
+    width: 100%;
+    height: 100%;
+  }
+
+  :is(.avatar-fallback-LnFLNm, .infonomic-avatar-fallback) {
+    background-color: var(--surface-panel-elevated);
+    border-radius: 50%;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    display: flex;
+  }
+
+  :is(.avatar-text-Xf0G6q, .infonomic-avatar-text) {
+    font-size: var(--font-size-sm);
+    font-weight: var(--font-weight-medium);
+    text-transform: uppercase;
+    color: var(--text-subtle);
+  }
+}
+

package/dist/components/badge/badge.d.ts

@@ -0,0 +1,13 @@
+import { useRender } from '@base-ui/react/use-render';
+import type { Intent } from '../@types/shared';
+export type BadgeProps = useRender.ComponentProps<'div'> & {
+    children: React.ReactNode;
+    intent?: Intent;
+    className?: string;
+    ref?: React.Ref<HTMLDivElement>;
+};
+export declare const Badge: {
+    ({ className, intent, children, render, ref, ...rest }: BadgeProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/badge/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAIrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAE9C,MAAM,MAAM,UAAU,GAAG,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACzD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,KAAK;4DAOf,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAmBhC,CAAA"}