@seamapi/react 0.10.0 → 0.11.0

package/lib/icons/index.d.ts

@@ -1 +1,13 @@
+export { AccessCodeKeyIcon } from './AccessCodeKey.js';
+export { ArrowBackIcon } from './ArrowBack.js';
+export { BatteryLevelCriticalIcon } from './BatteryLevelCritical.js';
+export { BatteryLevelFullIcon } from './BatteryLevelFull.js';
+export { BatteryLevelHighIcon } from './BatteryLevelHigh.js';
+export { BatteryLevelLowIcon } from './BatteryLevelLow.js';
+export { BatteryLevelWiredIcon } from './BatteryLevelWired.js';
+export { ChevronRightIcon } from './ChevronRight.js';
+export { DotsEllipsisMoreIcon } from './DotsEllipsisMore.js';
+export { OnlineStatusAccountOfflineIcon } from './OnlineStatusAccountOffline.js';
+export { OnlineStatusDeviceOfflineIcon } from './OnlineStatusDeviceOffline.js';
+export { OnlineStatusOnlineIcon } from './OnlineStatusOnline.js';
 export { SeamIcon } from './Seam.js';

package/lib/icons/index.js

@@ -1,2 +1,14 @@
+export { AccessCodeKeyIcon } from './AccessCodeKey.js';
+export { ArrowBackIcon } from './ArrowBack.js';
+export { BatteryLevelCriticalIcon } from './BatteryLevelCritical.js';
+export { BatteryLevelFullIcon } from './BatteryLevelFull.js';
+export { BatteryLevelHighIcon } from './BatteryLevelHigh.js';
+export { BatteryLevelLowIcon } from './BatteryLevelLow.js';
+export { BatteryLevelWiredIcon } from './BatteryLevelWired.js';
+export { ChevronRightIcon } from './ChevronRight.js';
+export { DotsEllipsisMoreIcon } from './DotsEllipsisMore.js';
+export { OnlineStatusAccountOfflineIcon } from './OnlineStatusAccountOffline.js';
+export { OnlineStatusDeviceOfflineIcon } from './OnlineStatusDeviceOffline.js';
+export { OnlineStatusOnlineIcon } from './OnlineStatusOnline.js';
 export { SeamIcon } from './Seam.js';
 //# sourceMappingURL=index.js.map

package/lib/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAA;AAChF,OAAO,EAAE,6BAA6B,EAAE,MAAM,gCAAgC,CAAA;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA"}

package/lib/index.d.ts

@@ -1,3 +1,3 @@
-export * from './components/index.js';
-export * from './hooks/index.js';
-export * from './provider.js';
+export * from './seam/index.js';
+export * from './SeamProvider.js';
+export * from './ui/index.js';

package/lib/index.js

@@ -1,4 +1,4 @@
-export * from './components/index.js';
-export * from './hooks/index.js';
-export * from './provider.js';
+export * from './seam/index.js';
+export * from './SeamProvider.js';
+export * from './ui/index.js';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA"}

package/lib/seam/devices/index.d.ts

@@ -0,0 +1 @@
+export * from './use-devices.js';

package/lib/seam/devices/index.js

@@ -0,0 +1,2 @@
+export * from './use-devices.js';
+//# sourceMappingURL=index.js.map

package/lib/seam/devices/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/seam/devices/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/lib/{hooks → seam/devices}/use-devices.js

@@ -1,10 +1,10 @@
 import { useQuery } from '@tanstack/react-query';
-import { useSeam } from './use-seam.js';
+import { useSeamClient } from '../../../lib/seam/use-seam-client.js';
 export function useDevices(params) {
-    const { client } = useSeam();
+    const { client } = useSeamClient();
     const { data, ...rest } = useQuery({
         enabled: client != null,
-        queryKey: ['list', 'devices', params],
+        queryKey: ['devices', 'list', params],
         queryFn: async () => {
             if (client == null)
                 return [];

package/lib/seam/devices/use-devices.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-devices.js","sourceRoot":"","sources":["../../../src/lib/seam/devices/use-devices.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAuB,MAAM,uBAAuB,CAAA;AAOrE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAS3D,MAAM,UAAU,UAAU,CAAC,MAA0B;IACnD,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,QAAQ,CAChC;QACE,OAAO,EAAE,MAAM,IAAI,IAAI;QACvB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC;QACrC,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,MAAM,IAAI,IAAI;gBAAE,OAAO,EAAE,CAAA;YAC7B,OAAO,MAAM,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAC3C,CAAC;KACF,CACF,CAAA;IAED,OAAO,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAA;AACnC,CAAC"}

package/lib/seam/index.d.ts

@@ -0,0 +1,2 @@
+export * from './devices/index.js';
+export * from './use-seam-client.js';

package/lib/seam/index.js

@@ -0,0 +1,3 @@
+export * from './devices/index.js';
+export * from './use-seam-client.js';
+//# sourceMappingURL=index.js.map

package/lib/seam/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/seam/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA"}

package/lib/{hooks/use-seam.d.ts → seam/use-seam-client.d.ts}

@@ -1,5 +1,5 @@
 import { Seam } from 'seamapi';
-export declare function useSeam(): {
+export declare function useSeamClient(): {
     client: Seam | null;
     isLoading: boolean;
     isError: boolean;

package/lib/{hooks/use-seam.js → seam/use-seam-client.js}

@@ -1,10 +1,9 @@
 import { useQuery } from '@tanstack/react-query';
-import { useContext } from 'react';
 import { Seam } from 'seamapi';
 import { v4 as uuidv4 } from 'uuid';
-import { seamContext } from '../../lib/provider.js';
-export function useSeam() {
-    const { client, clientOptions, publishableKey, ...context } = useContext(seamContext);
+import { useSeamContext } from '../../lib/SeamProvider.js';
+export function useSeamClient() {
+    const { client, clientOptions, publishableKey, ...context } = useSeamContext();
     const [clientSession, setClientSession] = useClientSession();
     const userIdentifierKey = useUserIdentifierKey(context.userIdentifierKey);
     const { isLoading, isError, error, data } = useQuery({
@@ -58,4 +57,4 @@ function useUserIdentifierKey(userIdentifierKey) {
     globalThis?.localStorage?.setItem(localStorageKey, key);
     return key;
 }
-//# sourceMappingURL=use-seam.js.map
+//# sourceMappingURL=use-seam-client.js.map

package/lib/seam/use-seam-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-seam-client.js","sourceRoot":"","sources":["../../src/lib/seam/use-seam-client.ts"],"names":[],"mappings":"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"}

package/lib/ui/AccessCodeTable/AccessCodeTable.d.ts

@@ -0,0 +1,5 @@
+import type { AccessCode } from 'seamapi';
+export declare function AccessCodeTable(props: {
+    accessCodes: AccessCode[];
+    onClickBack?: () => void;
+}): JSX.Element;

package/lib/ui/AccessCodeTable/AccessCodeTable.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TableBody, TableCell, TableHeader, TableRow, TableTitle, } from '../../../lib/ui/Table/index.js';
+import { AccessCodeKeyIcon } from '../../../lib/icons/AccessCodeKey.js';
+import { CodeDetails } from '../../../lib/ui/AccessCodeTable/CodeDetails.js';
+import { ContentHeader } from '../../../lib/ui/layout/ContentHeader.js';
+import { Caption } from '../../../lib/ui/typography/Caption.js';
+import { Title } from '../../../lib/ui/typography/Title.js';
+export function AccessCodeTable(props) {
+    const { accessCodes, onClickBack } = props;
+    return (_jsxs("div", { className: 'seam-access-code-table', children: [_jsx(ContentHeader, { onClickBack: onClickBack }), _jsx(TableHeader, { children: _jsxs(TableTitle, { children: [t.accessCodes, " ", _jsxs(Caption, { children: ["(", accessCodes.length, ")"] })] }) }), _jsx(TableBody, { children: accessCodes.map((code) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: 'seam-icon-cell', children: _jsx("div", { children: _jsx(AccessCodeKeyIcon, {}) }) }), _jsxs(TableCell, { className: 'seam-name-cell', children: [_jsx(Title, { children: code.name }), _jsx(CodeDetails, { accessCode: code })] }), _jsx(TableCell, { className: 'seam-action-cell' })] }, code.access_code_id))) })] }));
+}
+const t = {
+    accessCodes: 'Access Codes',
+};
+//# sourceMappingURL=AccessCodeTable.js.map

package/lib/ui/AccessCodeTable/AccessCodeTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessCodeTable.js","sourceRoot":"","sources":["../../../src/lib/ui/AccessCodeTable/AccessCodeTable.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,SAAS,EACT,SAAS,EACT,WAAW,EACX,QAAQ,EACR,UAAU,GACX,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAElD,MAAM,UAAU,eAAe,CAAC,KAG/B;IACC,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAE1C,OAAO,CACL,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,aAAa,IAAC,WAAW,EAAE,WAAW,GAAI,EAC3C,KAAC,WAAW,cACV,MAAC,UAAU,eACR,CAAC,CAAC,WAAW,OAAE,MAAC,OAAO,oBAAG,WAAW,CAAC,MAAM,SAAY,IAC9C,GACD,EACd,KAAC,SAAS,cACP,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACzB,MAAC,QAAQ,eACP,KAAC,SAAS,IAAC,SAAS,EAAC,gBAAgB,YACnC,wBACE,KAAC,iBAAiB,KAAG,GACjB,GACI,EACZ,MAAC,SAAS,IAAC,SAAS,EAAC,gBAAgB,aACnC,KAAC,KAAK,cAAE,IAAI,CAAC,IAAI,GAAS,EAC1B,KAAC,WAAW,IAAC,UAAU,EAAE,IAAI,GAAI,IACvB,EACZ,KAAC,SAAS,IAAC,SAAS,EAAC,kBAAkB,GAI3B,KAdC,IAAI,CAAC,cAAc,CAevB,CACZ,CAAC,GACQ,IACR,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,WAAW,EAAE,cAAc;CAC5B,CAAA"}

package/lib/ui/AccessCodeTable/CodeDetails.d.ts

@@ -0,0 +1,4 @@
+import type { AccessCode } from 'seamapi';
+export declare function CodeDetails(props: {
+    accessCode: AccessCode;
+}): JSX.Element;

package/lib/ui/AccessCodeTable/CodeDetails.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import dayjs from 'dayjs';
+import { DotDivider } from '../../../lib/ui/layout/DotDivider.js';
+export function CodeDetails(props) {
+    const { accessCode } = props;
+    return (_jsxs("div", { className: 'seam-access-code-details', children: ["Unit 110", _jsx(DotDivider, {}), _jsx(Duration, { accessCode: accessCode }), _jsx(DotDivider, {}), t.code, ": ", accessCode.code] }));
+}
+function Duration(props) {
+    const { accessCode } = props;
+    if (accessCode.type === 'ongoing') {
+        return _jsxs("span", { children: [t.ends, ": Never"] });
+    }
+    const hasStarted = new Date(accessCode.starts_at).valueOf() < Date.now();
+    if (hasStarted) {
+        return (_jsxs("span", { children: [t.ends, ": ", formatDate(accessCode.ends_at), ' '] }));
+    }
+    // is in future
+    return (_jsxs("span", { children: [t.starts, ": ", formatDate(accessCode.starts_at)] }));
+}
+function formatDate(date) {
+    return dayjs(date).format('MMM D');
+}
+const t = {
+    code: 'Code',
+    starts: 'Starts',
+    ends: 'Ends',
+};
+//# sourceMappingURL=CodeDetails.js.map

package/lib/ui/AccessCodeTable/CodeDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeDetails.js","sourceRoot":"","sources":["../../../src/lib/ui/AccessCodeTable/CodeDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAExD,MAAM,UAAU,WAAW,CAAC,KAAiC;IAC3D,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IAE5B,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,yBAEvC,KAAC,UAAU,KAAG,EACd,KAAC,QAAQ,IAAC,UAAU,EAAE,UAAU,GAAI,EACpC,KAAC,UAAU,KAAG,EACb,CAAC,CAAC,IAAI,QAAI,UAAU,CAAC,IAAI,IACtB,CACP,CAAA;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,KAAiC;IACjD,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IAC5B,IAAI,UAAU,CAAC,IAAI,KAAK,SAAS,EAAE;QACjC,OAAO,2BAAO,CAAC,CAAC,IAAI,eAAe,CAAA;KACpC;IAED,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;IACxE,IAAI,UAAU,EAAE;QACd,OAAO,CACL,2BACG,CAAC,CAAC,IAAI,QAAI,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,GAAG,IACzC,CACR,CAAA;KACF;IAED,eAAe;IACf,OAAO,CACL,2BACG,CAAC,CAAC,MAAM,QAAI,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,IACxC,CACR,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,IAAY;IAC9B,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;AACpC,CAAC;AAED,MAAM,CAAC,GAAG;IACR,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;CACb,CAAA"}

package/lib/ui/AccessCodeTable/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AccessCodeTable.js';
+export * from './CodeDetails.js';

package/lib/ui/AccessCodeTable/index.js

@@ -0,0 +1,3 @@
+export * from './AccessCodeTable.js';
+export * from './CodeDetails.js';
+//# sourceMappingURL=index.js.map

package/lib/ui/AccessCodeTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/ui/AccessCodeTable/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA"}

package/lib/ui/DeviceDetails/BatteryStatus.d.ts

@@ -0,0 +1,4 @@
+import type { LockDevice } from 'seamapi';
+export declare function BatteryStatus(props: {
+    device: LockDevice;
+}): JSX.Element | null;

package/lib/ui/DeviceDetails/BatteryStatus.js

@@ -0,0 +1,41 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { BatteryLevelCriticalIcon } from '../../../lib/icons/BatteryLevelCritical.js';
+import { BatteryLevelFullIcon } from '../../../lib/icons/BatteryLevelFull.js';
+import { BatteryLevelHighIcon } from '../../../lib/icons/BatteryLevelHigh.js';
+import { BatteryLevelLowIcon } from '../../../lib/icons/BatteryLevelLow.js';
+/**
+ * Thresholds to determine the battery status
+ */
+const BATTERY_LEVEL = {
+    FULL: 0.85,
+    HIGH: 0.6,
+    LOW: 0.3,
+};
+export function BatteryStatus(props) {
+    const { device: { properties: { battery_level: batteryLevel }, }, } = props;
+    if (batteryLevel === undefined) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs("span", { className: 'seam-label', children: [t.power, ":"] }), ' ', _jsx("div", { className: 'seam-battery-status', children: _jsx(Status, { batteryLevel: batteryLevel }) })] }));
+}
+function Status(props) {
+    const { batteryLevel } = props;
+    if (batteryLevel > BATTERY_LEVEL.FULL) {
+        return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelFullIcon, {}), _jsx("span", { className: 'seam-status-text', children: t.full })] }));
+    }
+    if (batteryLevel > BATTERY_LEVEL.HIGH) {
+        return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelHighIcon, {}), _jsx("span", { className: 'seam-status-text', children: t.high })] }));
+    }
+    if (batteryLevel > BATTERY_LEVEL.LOW) {
+        return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelLowIcon, {}), _jsx("span", { className: 'seam-status-text', children: t.low })] }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(BatteryLevelCriticalIcon, {}), _jsx("span", { className: 'seam-text-danger', children: t.critical })] }));
+}
+const t = {
+    power: 'Power',
+    full: 'Good',
+    high: 'Good',
+    low: 'Low',
+    critical: 'Low!',
+};
+//# sourceMappingURL=BatteryStatus.js.map

package/lib/ui/DeviceDetails/BatteryStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BatteryStatus.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceDetails/BatteryStatus.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAA;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAElE;;GAEG;AACH,MAAM,aAAa,GAAG;IACpB,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,GAAG;IACT,GAAG,EAAE,GAAG;CACT,CAAA;AACD,MAAM,UAAU,aAAa,CAAC,KAA6B;IACzD,MAAM,EACJ,MAAM,EAAE,EACN,UAAU,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE,GAC5C,GACF,GAAG,KAAK,CAAA;IAET,IAAI,YAAY,KAAK,SAAS,EAAE;QAC9B,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,8BACE,gBAAM,SAAS,EAAC,YAAY,aAAE,CAAC,CAAC,KAAK,SAAS,EAAC,GAAG,EAClD,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,MAAM,IAAC,YAAY,EAAE,YAAY,GAAI,GAClC,IACL,CACJ,CAAA;AACH,CAAC;AAED,SAAS,MAAM,CAAC,KAA+B;IAC7C,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAA;IAE9B,IAAI,YAAY,GAAG,aAAa,CAAC,IAAI,EAAE;QACrC,OAAO,CACL,8BACE,KAAC,oBAAoB,KAAG,EACxB,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,IAAI,GAAQ,IACjD,CACJ,CAAA;KACF;IAED,IAAI,YAAY,GAAG,aAAa,CAAC,IAAI,EAAE;QACrC,OAAO,CACL,8BACE,KAAC,oBAAoB,KAAG,EACxB,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,IAAI,GAAQ,IACjD,CACJ,CAAA;KACF;IAED,IAAI,YAAY,GAAG,aAAa,CAAC,GAAG,EAAE;QACpC,OAAO,CACL,8BACE,KAAC,mBAAmB,KAAG,EACvB,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,GAAG,GAAQ,IAChD,CACJ,CAAA;KACF;IAED,OAAO,CACL,8BACE,KAAC,wBAAwB,KAAG,EAC5B,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,QAAQ,GAAQ,IACrD,CACJ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,QAAQ,EAAE,MAAM;CACjB,CAAA"}

package/lib/ui/DeviceDetails/DeviceDetails.d.ts

@@ -0,0 +1,4 @@
+import { type LockDevice } from 'seamapi';
+export declare function DeviceDetails(props: {
+    device: LockDevice;
+}): JSX.Element;

package/lib/ui/DeviceDetails/DeviceDetails.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from 'seamapi';
+import { ChevronRightIcon } from '../../../lib/icons/ChevronRight.js';
+import { AccessCodeTable } from '../../../lib/ui/AccessCodeTable/AccessCodeTable.js';
+import { BatteryStatus } from '../../../lib/ui/DeviceDetails/BatteryStatus.js';
+import { DeviceImage } from '../../../lib/ui/DeviceDetails/DeviceImage.js';
+import { ModelStatus } from '../../../lib/ui/DeviceDetails/ModelStatus.js';
+import { OnlineStatus } from '../../../lib/ui/DeviceDetails/OnlineStatus.js';
+import { ContentHeader } from '../../../lib/ui/layout/ContentHeader.js';
+import useToggle from '../../../lib/use-toggle.js';
+export function DeviceDetails(props) {
+    const { device } = props;
+    const lockStatus = device.properties.locked ? t.locked : t.unlocked;
+    const accessCodeLength = device.properties?.schlage_metadata?.access_code_length ?? null;
+    // TODO : Fetch access codes
+    const accessCodes = [];
+    const [showingAccessCodes, toggleAccessCodes] = useToggle();
+    if (showingAccessCodes) {
+        return (_jsx(AccessCodeTable, { accessCodes: accessCodes, onClickBack: toggleAccessCodes }));
+    }
+    return (_jsxs("div", { className: 'seam-device-details', children: [_jsx(ContentHeader, { title: 'Device' }), _jsxs("div", { className: 'seam-body', children: [_jsx("div", { className: 'seam-summary', children: _jsxs("div", { className: 'seam-content', children: [_jsx("div", { className: 'seam-image', children: _jsx(DeviceImage, { device: device }) }), _jsxs("div", { className: 'seam-info', children: [_jsx("h4", { className: 'seam-device-name', children: device.properties.name }), _jsxs("div", { className: 'seam-properties', children: [_jsx(OnlineStatus, { device: device }), _jsx(BatteryStatus, { device: device }), _jsx(ModelStatus, { device: device })] })] })] }) }), _jsx("div", { className: 'seam-box', children: _jsxs("div", { className: 'seam-content seam-access-codes', onClick: toggleAccessCodes, children: [_jsxs("span", { className: 'seam-value', children: ["49 ", t.accessCodes] }), _jsx(ChevronRightIcon, {})] }) }), _jsxs("div", { className: 'seam-box', children: [_jsxs("div", { className: 'seam-content', children: [_jsx("span", { className: 'seam-label', children: t.lockStatus }), _jsx("span", { className: 'seam-value', children: lockStatus })] }), _jsx(AccessCodeLength, { accessCodeLength: accessCodeLength })] })] })] }));
+}
+function AccessCodeLength(props) {
+    const { accessCodeLength } = props;
+    if (accessCodeLength === null) {
+        return null;
+    }
+    return (_jsxs("div", { className: 'seam-content seam-access-code-length', children: [_jsx("span", { className: 'seam-label', children: t.codeLength }), _jsxs("span", { className: 'seam-value', children: [accessCodeLength, " ", t.digits] })] }));
+}
+const t = {
+    locked: 'Locked',
+    unlocked: 'Unlocked',
+    accessCodes: 'access codes',
+    codeLength: 'Code length',
+    digits: 'digits',
+    lockStatus: 'lockStatus',
+};
+//# sourceMappingURL=DeviceDetails.js.map

package/lib/ui/DeviceDetails/DeviceDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceDetails.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceDetails/DeviceDetails.tsx"],"names":[],"mappings":"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"}

package/lib/ui/DeviceDetails/DeviceImage.d.ts

@@ -0,0 +1,4 @@
+import type { LockDevice } from 'seamapi';
+export declare function DeviceImage(props: {
+    device: LockDevice;
+}): JSX.Element;

package/lib/ui/DeviceDetails/DeviceImage.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const FALLBACK_IMAGE_URL = 'https://connect.getseam.com/assets/images/devices/unknown-lock.png';
+export function DeviceImage(props) {
+    const { device } = props;
+    const url = device.properties.image_url ?? FALLBACK_IMAGE_URL;
+    return _jsx("img", { src: url, alt: device.properties.name });
+}
+//# sourceMappingURL=DeviceImage.js.map

package/lib/ui/DeviceDetails/DeviceImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceImage.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceDetails/DeviceImage.tsx"],"names":[],"mappings":";AAEA,MAAM,kBAAkB,GACtB,oEAAoE,CAAA;AAEtE,MAAM,UAAU,WAAW,CAAC,KAA6B;IACvD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAExB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,SAAS,IAAI,kBAAkB,CAAA;IAE7D,OAAO,cAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI,GAAI,CAAA;AACvD,CAAC"}

package/lib/ui/DeviceDetails/ModelStatus.d.ts

@@ -0,0 +1,4 @@
+import type { LockDevice } from 'seamapi';
+export declare function ModelStatus(props: {
+    device: LockDevice;
+}): JSX.Element | null;

package/lib/ui/DeviceDetails/ModelStatus.js

@@ -0,0 +1,15 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+export function ModelStatus(props) {
+    const { device: { properties }, } = props;
+    const model = properties?.august_metadata?.model ??
+        properties?.schlage_metadata?.model ??
+        null;
+    if (model === null) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs("span", { className: 'seam-label', children: [t.model, ":"] }), ' ', _jsx("div", { className: 'seam-device-model', children: model })] }));
+}
+const t = {
+    model: 'Model',
+};
+//# sourceMappingURL=ModelStatus.js.map

package/lib/ui/DeviceDetails/ModelStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelStatus.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceDetails/ModelStatus.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,WAAW,CAAC,KAA6B;IACvD,MAAM,EACJ,MAAM,EAAE,EAAE,UAAU,EAAE,GACvB,GAAG,KAAK,CAAA;IAET,MAAM,KAAK,GACT,UAAU,EAAE,eAAe,EAAE,KAAK;QAClC,UAAU,EAAE,gBAAgB,EAAE,KAAK;QACnC,IAAI,CAAA;IAEN,IAAI,KAAK,KAAK,IAAI,EAAE;QAClB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,8BACE,gBAAM,SAAS,EAAC,YAAY,aAAE,CAAC,CAAC,KAAK,SAAS,EAAC,GAAG,EAClD,cAAK,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAO,IAC/C,CACJ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,KAAK,EAAE,OAAO;CACf,CAAA"}

package/lib/ui/DeviceDetails/OnlineStatus.d.ts

@@ -0,0 +1,4 @@
+import type { LockDevice } from 'seamapi';
+export declare function OnlineStatus(props: {
+    device: LockDevice;
+}): JSX.Element;

package/lib/ui/DeviceDetails/OnlineStatus.js

@@ -0,0 +1,21 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { OnlineStatusDeviceOfflineIcon } from '../../../lib/icons/OnlineStatusDeviceOffline.js';
+import { OnlineStatusOnlineIcon } from '../../../lib/icons/OnlineStatusOnline.js';
+export function OnlineStatus(props) {
+    const { device } = props;
+    return (_jsxs(_Fragment, { children: [_jsxs("span", { className: 'seam-label', children: [t.status, ":"] }), ' ', _jsx("div", { className: 'seam-online-status', children: _jsx(Status, { isOnline: device.properties.online }) })] }));
+}
+function Status(props) {
+    const { isOnline } = props;
+    if (isOnline) {
+        return (_jsxs(_Fragment, { children: [_jsx(OnlineStatusOnlineIcon, {}), _jsx("span", { className: 'seam-status-text', children: t.online })] }));
+    }
+    // TODO: Check for Account Offline status
+    return (_jsxs(_Fragment, { children: [_jsx(OnlineStatusDeviceOfflineIcon, {}), _jsx("span", { className: 'seam-text-danger', children: t.deviceOffline })] }));
+}
+const t = {
+    status: 'Status',
+    online: 'Online',
+    deviceOffline: 'Device Offline',
+};
+//# sourceMappingURL=OnlineStatus.js.map

package/lib/ui/DeviceDetails/OnlineStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnlineStatus.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceDetails/OnlineStatus.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,6BAA6B,EAAE,MAAM,wCAAwC,CAAA;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAA;AAExE,MAAM,UAAU,YAAY,CAAC,KAA6B;IACxD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACxB,OAAO,CACL,8BACE,gBAAM,SAAS,EAAC,YAAY,aAAE,CAAC,CAAC,MAAM,SAAS,EAAC,GAAG,EACnD,cAAK,SAAS,EAAC,oBAAoB,YACjC,KAAC,MAAM,IAAC,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,MAAM,GAAI,GAC1C,IACL,CACJ,CAAA;AACH,CAAC;AAED,SAAS,MAAM,CAAC,KAA4B;IAC1C,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAE1B,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,8BACE,KAAC,sBAAsB,KAAG,EAC1B,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,MAAM,GAAQ,IACnD,CACJ,CAAA;KACF;IAED,yCAAyC;IAEzC,OAAO,CACL,8BACE,KAAC,6BAA6B,KAAG,EACjC,eAAM,SAAS,EAAC,kBAAkB,YAAE,CAAC,CAAC,aAAa,GAAQ,IAC1D,CACJ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,aAAa,EAAE,gBAAgB;CAChC,CAAA"}

package/lib/ui/DeviceDetails/index.d.ts

@@ -0,0 +1,5 @@
+export * from './BatteryStatus.js';
+export * from './DeviceDetails.js';
+export * from './DeviceImage.js';
+export * from './ModelStatus.js';
+export * from './OnlineStatus.js';

package/lib/ui/DeviceDetails/index.js

@@ -0,0 +1,6 @@
+export * from './BatteryStatus.js';
+export * from './DeviceDetails.js';
+export * from './DeviceImage.js';
+export * from './ModelStatus.js';
+export * from './OnlineStatus.js';
+//# sourceMappingURL=index.js.map

package/lib/ui/DeviceDetails/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceDetails/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA"}

package/lib/{components → ui}/DeviceManager/DeviceManager.d.ts

@@ -1,4 +1,4 @@
-import { type UseDevicesParams } from '../../../lib/hooks/use-devices.js';
+import { type UseDevicesParams } from '../../../lib/seam/devices/use-devices.js';
 export type DeviceManagerProps = UseDevicesParams;
 /**
  * Fetch, list, and manage devices.

package/lib/{components → ui}/DeviceManager/DeviceManager.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useDevices } from '../../../lib/hooks/use-devices.js';
+import { useDevices, } from '../../../lib/seam/devices/use-devices.js';
 /**
  * Fetch, list, and manage devices.
  */

package/lib/ui/DeviceManager/DeviceManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceManager.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceManager/DeviceManager.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,UAAU,GAEX,MAAM,iCAAiC,CAAA;AAIxC;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAe,EAAE;IACtE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAEhE,IAAI,SAAS;QAAE,OAAO,YAAG,IAAI,EAAC,SAAS,YAAE,CAAC,CAAC,OAAO,GAAK,CAAA;IACvD,IAAI,OAAO;QAAE,OAAO,sBAAI,KAAK,EAAE,OAAO,GAAK,CAAA;IAE3C,OAAO,CACL,uBACG,OAAO;YACN,EAAE,IAAI,CACJ,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACP,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,CACtE;YACD,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAChB,KAAC,iBAAiB,OAA4B,MAAM,IAA5B,MAAM,CAAC,SAAS,CAAgB,CACzD,CAAC,GACD,CACN,CAAA;AACH,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CACxB,KAAqC,EACxB,EAAE;IACf,OAAO,CACL,yBACE,wBACG,CAAC,CAAC,SAAS,QAAI,KAAK,CAAC,SAAS,IAC7B,EACJ,wBACG,CAAC,CAAC,IAAI,QAAI,KAAK,CAAC,UAAU,CAAC,IAAI,IAC9B,IACD,CACN,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,GAAG;IACR,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,aAAa;CACpB,CAAA"}

package/lib/ui/DeviceManager/index.d.ts

@@ -0,0 +1 @@
+export * from './DeviceManager.js';

package/lib/ui/DeviceManager/index.js

@@ -0,0 +1,2 @@
+export * from './DeviceManager.js';
+//# sourceMappingURL=index.js.map

package/lib/ui/DeviceManager/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/ui/DeviceManager/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}

package/lib/ui/IconButton.d.ts

@@ -0,0 +1,2 @@
+import type { ButtonProps } from '../../lib/ui/types.js';
+export declare function IconButton(props: ButtonProps): JSX.Element;

package/lib/ui/IconButton.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function IconButton(props) {
+    return _jsx("button", { ...props, className: 'seam-button seam-icon-button' });
+}
+//# sourceMappingURL=IconButton.js.map

package/lib/ui/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../src/lib/ui/IconButton.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,UAAU,CAAC,KAAkB;IAC3C,OAAO,oBAAY,KAAK,EAAE,SAAS,EAAC,8BAA8B,GAAG,CAAA;AACvE,CAAC"}

package/lib/ui/Table/TableBody.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+export declare function TableBody(props: {
+    children: ReactNode;
+}): JSX.Element;

package/lib/ui/Table/TableBody.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TableBody(props) {
+    return _jsx("div", { className: 'seam-table-body', children: props.children });
+}
+//# sourceMappingURL=TableBody.js.map

package/lib/ui/Table/TableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.js","sourceRoot":"","sources":["../../../src/lib/ui/Table/TableBody.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,SAAS,CAAC,KAA8B;IACtD,OAAO,cAAK,SAAS,EAAC,iBAAiB,YAAE,KAAK,CAAC,QAAQ,GAAO,CAAA;AAChE,CAAC"}

package/lib/ui/Table/TableCell.d.ts

@@ -0,0 +1,2 @@
+import type { DivProps } from '../../../lib/ui/types.js';
+export declare function TableCell({ className, ...otherProps }: DivProps): JSX.Element;

package/lib/ui/Table/TableCell.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+export function TableCell({ className, ...otherProps }) {
+    return (_jsx("div", { className: classNames('seam-table-cell', className), ...otherProps }));
+}
+//# sourceMappingURL=TableCell.js.map

package/lib/ui/Table/TableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../src/lib/ui/Table/TableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAInC,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,UAAU,EAAY;IAC9D,OAAO,CACL,cAAK,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,KAAM,UAAU,GAAI,CAC7E,CAAA;AACH,CAAC"}

package/lib/ui/Table/TableHeader.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+export declare function TableHeader(props: {
+    children: ReactNode;
+}): JSX.Element;

package/lib/ui/Table/TableHeader.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TableHeader(props) {
+    return _jsx("div", { className: 'seam-table-header', children: props.children });
+}
+//# sourceMappingURL=TableHeader.js.map

package/lib/ui/Table/TableHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../src/lib/ui/Table/TableHeader.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,WAAW,CAAC,KAA8B;IACxD,OAAO,cAAK,SAAS,EAAC,mBAAmB,YAAE,KAAK,CAAC,QAAQ,GAAO,CAAA;AAClE,CAAC"}

package/lib/ui/Table/TableRow.d.ts

@@ -0,0 +1,2 @@
+import type { DivProps } from '../../../lib/ui/types.js';
+export declare function TableRow(props: DivProps): JSX.Element;

package/lib/ui/Table/TableRow.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TableRow(props) {
+    return _jsx("div", { className: 'seam-table-row', children: props.children });
+}
+//# sourceMappingURL=TableRow.js.map

package/lib/ui/Table/TableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/lib/ui/Table/TableRow.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,QAAQ,CAAC,KAAe;IACtC,OAAO,cAAK,SAAS,EAAC,gBAAgB,YAAE,KAAK,CAAC,QAAQ,GAAO,CAAA;AAC/D,CAAC"}

package/lib/ui/Table/TableTitle.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+export declare function TableTitle(props: {
+    children: ReactNode;
+}): JSX.Element;

package/lib/ui/Table/TableTitle.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TableTitle(props) {
+    return _jsx("h5", { className: 'seam-table-title', children: props.children });
+}
+//# sourceMappingURL=TableTitle.js.map

package/lib/ui/Table/TableTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTitle.js","sourceRoot":"","sources":["../../../src/lib/ui/Table/TableTitle.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,UAAU,CAAC,KAA8B;IACvD,OAAO,aAAI,SAAS,EAAC,kBAAkB,YAAE,KAAK,CAAC,QAAQ,GAAM,CAAA;AAC/D,CAAC"}

package/lib/ui/Table/index.d.ts

@@ -0,0 +1,5 @@
+export * from './TableBody.js';
+export * from './TableCell.js';
+export * from './TableHeader.js';
+export * from './TableRow.js';
+export * from './TableTitle.js';

package/lib/ui/Table/index.js

@@ -0,0 +1,6 @@
+export * from './TableBody.js';
+export * from './TableCell.js';
+export * from './TableHeader.js';
+export * from './TableRow.js';
+export * from './TableTitle.js';
+//# sourceMappingURL=index.js.map

package/lib/ui/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/ui/Table/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA"}

package/lib/ui/TextField/SearchTextField.d.ts

@@ -0,0 +1,2 @@
+import { type TextFieldProps } from '../../../lib/ui/TextField/index.js';
+export declare function SearchTextField({ className, ...otherProps }: TextFieldProps): JSX.Element;

package/lib/ui/TextField/SearchTextField.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { TextField } from '../../../lib/ui/TextField/index.js';
+export function SearchTextField({ className, ...otherProps }) {
+    return (_jsx(TextField, { ...otherProps, className: classNames(className, 'seam-search-text-field') }));
+}
+//# sourceMappingURL=SearchTextField.js.map