npm - @mastra/playground-ui - Versions diffs - 68.0.0 → 69.0.0-alpha.0 - Mend

@mastra/playground-ui 68.0.0 → 69.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1784) hide show

package/dist/{filter-bar-time-range-qlV8p7hp.js.map → filter-bar-time-range-D9SnzR2J.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"filter-bar-time-range-~~qlV8p7hp~~.js","names":[],"sources":["../src/ds/components/FilterBar/filter-bar-time-range.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components /\nimport { CalendarIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport { FILTER_BAR_CONTROL_SIZE } from './filter-bar-chip';\nimport { useFilterBarContext } from './filter-bar-context';\nimport type { FilterBarField, FilterBarItem } from './types';\nimport { useFilterBarItemKeys } from './use-filter-bar-item-keys';\nimport { DateTimeRangePicker } from '@/ds/components/DateTimeRangePicker/date-time-range-picker';\nimport type { DateTimeRangePickerProps } from '@/ds/components/DateTimeRangePicker/date-time-range-picker';\n\nexport const FILTER_BAR_TIME_RANGE_FIELD_ID = 'timeRange';\n\n/\n Synthetic field backing the time range control. Hidden from the input's field step (the\n * range cannot be added twice) but registered so the bar resolves its label and takes it into\n * keyboard navigation. Add it to the bar's `fields` and `FILTER_BAR_TIME_RANGE_ITEM` to its\n * `items`, then render `FilterBar.TimeRange` for that item from `FilterBar.Chips`.\n /\nexport const FILTER_BAR_TIME_RANGE_FIELD: FilterBarField = {\n id: FILTER_BAR_TIME_RANGE_FIELD_ID,\n label: 'Time',\n icon: CalendarIcon,\n type: 'text',\n operators: ['is'],\n hidden: true,\n};\n\nexport const FILTER_BAR_TIME_RANGE_ITEM: FilterBarItem = {\n id: FILTER_BAR_TIME_RANGE_FIELD_ID,\n fieldId: FILTER_BAR_TIME_RANGE_FIELD_ID,\n operatorId: 'is',\n value: '',\n};\n\nexport type FilterBarTimeRangeProps = Omit<DateTimeRangePickerProps, 'size' \| 'ref'>;\n\n/\n A filter bar's time range: the `DateTimeRangePicker` itself at the bar's rung, so it looks and\n * behaves exactly as it does anywhere else, reset × included. It scopes the bar rather than\n * filtering it, so it is not a removable chip; the wrapper only joins it to the bar's arrow-key\n * order.\n */\nexport function FilterBarTimeRange(props: FilterBarTimeRangeProps) {\n const ctx = useFilterBarContext();\n const rootRef = useRef<HTMLDivElement>(null);\n const { onKeyDown } = useFilterBarItemKeys({\n item: FILTER_BAR_TIME_RANGE_ITEM,\n rootRef,\n pinned: true,\n removable: false,\n segmentSelector: 'button',\n });\n\n return (\n <div\n ref={rootRef}\n role=\"group\"\n aria-label=\"Time range\"\n data-slot=\"filter-bar-time-range\"\n className=\"flex\"\n onKeyDown={onKeyDown}\n >\n <DateTimeRangePicker\n {...props}\n size={FILTER_BAR_CONTROL_SIZE}\n ref={el => ctx.registerSegment(FILTER_BAR_TIME_RANGE_ITEM.id, 'value', el)}\n />\n </div>\n );\n}\n"],"mappings":";;;;;;AAUA,IAAa,iCAAiC;;;;;;;AAQ9C,IAAa,8BAA8C;CACzD,IAAI;CACJ,OAAO;CACP,MAAM;CACN,MAAM;CACN,WAAW,CAAC,IAAI;CAChB,QAAQ;AACV;AAEA,IAAa,6BAA4C;CACvD,IAAI;CACJ,SAAS;CACT,YAAY;CACZ,OAAO;AACT;;;;;;;AAUA,SAAgB,mBAAmB,OAAgC;CACjE,MAAM,MAAM,oBAAoB;CAChC,MAAM,UAAU,OAAuB,IAAI;CAC3C,MAAM,EAAE,cAAc,qBAAqB;EACzC,MAAM;EACN;EACA,QAAQ;EACR,WAAW;EACX,iBAAiB;CACnB,CAAC;CAED,OACE,oBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAU;EACC;EAEX,UAAA,oBAAC,qBAAD;GACE,GAAI;GACJ,MAAA;GACA,MAAK,OAAM,IAAI,gBAAgB,2BAA2B,IAAI,SAAS,EAAE;EAC1E,CAAA;CACE,CAAA;AAET"}
1	+ {"version":3,"file":"filter-bar-time-range-D9SnzR2J.js","names":[],"sources":["../src/ds/components/FilterBar/filter-bar-time-range.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components /\nimport { CalendarIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport { FILTER_BAR_CONTROL_SIZE } from './filter-bar-chip';\nimport { useFilterBarContext } from './filter-bar-context';\nimport type { FilterBarField, FilterBarItem } from './types';\nimport { useFilterBarItemKeys } from './use-filter-bar-item-keys';\nimport { DateTimeRangePicker } from '@/ds/components/DateTimeRangePicker/date-time-range-picker';\nimport type { DateTimeRangePickerProps } from '@/ds/components/DateTimeRangePicker/date-time-range-picker';\n\nexport const FILTER_BAR_TIME_RANGE_FIELD_ID = 'timeRange';\n\n/\n Synthetic field backing the time range control. Hidden from the input's field step (the\n * range cannot be added twice) but registered so the bar resolves its label and takes it into\n * keyboard navigation. Add it to the bar's `fields` and `FILTER_BAR_TIME_RANGE_ITEM` to its\n * `items`, then render `FilterBar.TimeRange` for that item from `FilterBar.Chips`.\n /\nexport const FILTER_BAR_TIME_RANGE_FIELD: FilterBarField = {\n id: FILTER_BAR_TIME_RANGE_FIELD_ID,\n label: 'Time',\n icon: CalendarIcon,\n type: 'text',\n operators: ['is'],\n hidden: true,\n};\n\nexport const FILTER_BAR_TIME_RANGE_ITEM: FilterBarItem = {\n id: FILTER_BAR_TIME_RANGE_FIELD_ID,\n fieldId: FILTER_BAR_TIME_RANGE_FIELD_ID,\n operatorId: 'is',\n value: '',\n};\n\nexport type FilterBarTimeRangeProps = Omit<DateTimeRangePickerProps, 'size' \| 'ref'>;\n\n/\n A filter bar's time range: the `DateTimeRangePicker` itself at the bar's rung, so it looks and\n * behaves exactly as it does anywhere else, reset × included. It scopes the bar rather than\n * filtering it, so it is not a removable chip; the wrapper only joins it to the bar's arrow-key\n * order.\n */\nexport function FilterBarTimeRange(props: FilterBarTimeRangeProps) {\n const ctx = useFilterBarContext();\n const rootRef = useRef<HTMLDivElement>(null);\n const { onKeyDown } = useFilterBarItemKeys({\n item: FILTER_BAR_TIME_RANGE_ITEM,\n rootRef,\n pinned: true,\n removable: false,\n segmentSelector: 'button',\n });\n\n return (\n <div\n ref={rootRef}\n role=\"group\"\n aria-label=\"Time range\"\n data-slot=\"filter-bar-time-range\"\n className=\"flex\"\n onKeyDown={onKeyDown}\n >\n <DateTimeRangePicker\n {...props}\n size={FILTER_BAR_CONTROL_SIZE}\n ref={el => ctx.registerSegment(FILTER_BAR_TIME_RANGE_ITEM.id, 'value', el)}\n />\n </div>\n );\n}\n"],"mappings":";;;;;;AAUA,IAAa,iCAAiC;;;;;;;AAQ9C,IAAa,8BAA8C;CACzD,IAAI;CACJ,OAAO;CACP,MAAM;CACN,MAAM;CACN,WAAW,CAAC,IAAI;CAChB,QAAQ;AACV;AAEA,IAAa,6BAA4C;CACvD,IAAI;CACJ,SAAS;CACT,YAAY;CACZ,OAAO;AACT;;;;;;;AAUA,SAAgB,mBAAmB,OAAgC;CACjE,MAAM,MAAM,oBAAoB;CAChC,MAAM,UAAU,OAAuB,IAAI;CAC3C,MAAM,EAAE,cAAc,qBAAqB;EACzC,MAAM;EACN;EACA,QAAQ;EACR,WAAW;EACX,iBAAiB;CACnB,CAAC;CAED,OACE,oBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAU;EACC;EAEX,UAAA,oBAAC,qBAAD;GACE,GAAI;GACJ,MAAA;GACA,MAAK,OAAM,IAAI,gBAAgB,2BAA2B,IAAI,SAAS,EAAE;EAC1E,CAAA;CACE,CAAA;AAET"}

package/dist/{filter-bar-time-range-zdM024JD.cjs → filter-bar-time-range-DlVNjw43.cjs} RENAMED Viewed

@@ -1,5 +1,5 @@
-const require_date_time_range_picker = require("./date-time-range-picker-CWGjoR3j.cjs");
-const require_filter_bar_chip = require("./filter-bar-chip-Cg-UbIwP.cjs");
+const require_filter_bar_chip = require("./filter-bar-chip-DFsbUZ-V.cjs");
+const require_date_time_range_picker = require("./date-time-range-picker-Bq-8IPtS.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -80,4 +80,4 @@ Object.defineProperty(exports, "FilterBarTimeRange", {
 	}
 });
-//# sourceMappingURL=filter-bar-time-range-zdM024JD.cjs.map
+//# sourceMappingURL=filter-bar-time-range-DlVNjw43.cjs.map

package/dist/{filter-bar-time-range-zdM024JD.cjs.map → filter-bar-time-range-DlVNjw43.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"filter-bar-time-range-~~zdM024JD~~.cjs","names":["CalendarIcon","useFilterBarContext","useRef","useFilterBarItemKeys","DateTimeRangePicker"],"sources":["../src/ds/components/FilterBar/filter-bar-time-range.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components /\nimport { CalendarIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport { FILTER_BAR_CONTROL_SIZE } from './filter-bar-chip';\nimport { useFilterBarContext } from './filter-bar-context';\nimport type { FilterBarField, FilterBarItem } from './types';\nimport { useFilterBarItemKeys } from './use-filter-bar-item-keys';\nimport { DateTimeRangePicker } from '@/ds/components/DateTimeRangePicker/date-time-range-picker';\nimport type { DateTimeRangePickerProps } from '@/ds/components/DateTimeRangePicker/date-time-range-picker';\n\nexport const FILTER_BAR_TIME_RANGE_FIELD_ID = 'timeRange';\n\n/\n Synthetic field backing the time range control. Hidden from the input's field step (the\n * range cannot be added twice) but registered so the bar resolves its label and takes it into\n * keyboard navigation. Add it to the bar's `fields` and `FILTER_BAR_TIME_RANGE_ITEM` to its\n * `items`, then render `FilterBar.TimeRange` for that item from `FilterBar.Chips`.\n /\nexport const FILTER_BAR_TIME_RANGE_FIELD: FilterBarField = {\n id: FILTER_BAR_TIME_RANGE_FIELD_ID,\n label: 'Time',\n icon: CalendarIcon,\n type: 'text',\n operators: ['is'],\n hidden: true,\n};\n\nexport const FILTER_BAR_TIME_RANGE_ITEM: FilterBarItem = {\n id: FILTER_BAR_TIME_RANGE_FIELD_ID,\n fieldId: FILTER_BAR_TIME_RANGE_FIELD_ID,\n operatorId: 'is',\n value: '',\n};\n\nexport type FilterBarTimeRangeProps = Omit<DateTimeRangePickerProps, 'size' \| 'ref'>;\n\n/\n A filter bar's time range: the `DateTimeRangePicker` itself at the bar's rung, so it looks and\n * behaves exactly as it does anywhere else, reset × included. It scopes the bar rather than\n * filtering it, so it is not a removable chip; the wrapper only joins it to the bar's arrow-key\n * order.\n */\nexport function FilterBarTimeRange(props: FilterBarTimeRangeProps) {\n const ctx = useFilterBarContext();\n const rootRef = useRef<HTMLDivElement>(null);\n const { onKeyDown } = useFilterBarItemKeys({\n item: FILTER_BAR_TIME_RANGE_ITEM,\n rootRef,\n pinned: true,\n removable: false,\n segmentSelector: 'button',\n });\n\n return (\n <div\n ref={rootRef}\n role=\"group\"\n aria-label=\"Time range\"\n data-slot=\"filter-bar-time-range\"\n className=\"flex\"\n onKeyDown={onKeyDown}\n >\n <DateTimeRangePicker\n {...props}\n size={FILTER_BAR_CONTROL_SIZE}\n ref={el => ctx.registerSegment(FILTER_BAR_TIME_RANGE_ITEM.id, 'value', el)}\n />\n </div>\n );\n}\n"],"mappings":";;;;;;AAUA,IAAa,iCAAiC;;;;;;;AAQ9C,IAAa,8BAA8C;CACzD,IAAI;CACJ,OAAO;CACP,MAAMA,aAAAA;CACN,MAAM;CACN,WAAW,CAAC,IAAI;CAChB,QAAQ;AACV;AAEA,IAAa,6BAA4C;CACvD,IAAI;CACJ,SAAS;CACT,YAAY;CACZ,OAAO;AACT;;;;;;;AAUA,SAAgB,mBAAmB,OAAgC;CACjE,MAAM,MAAMC,wBAAAA,oBAAoB;CAChC,MAAM,WAAA,GAAUC,MAAAA,OAAAA,CAAuB,IAAI;CAC3C,MAAM,EAAE,cAAcC,wBAAAA,qBAAqB;EACzC,MAAM;EACN;EACA,QAAQ;EACR,WAAW;EACX,iBAAiB;CACnB,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAU;EACC;EAEX,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,+BAAAA,qBAAD;GACE,GAAI;GACJ,MAAA;GACA,MAAK,OAAM,IAAI,gBAAgB,2BAA2B,IAAI,SAAS,EAAE;EAC1E,CAAA;CACE,CAAA;AAET"}
1	+ {"version":3,"file":"filter-bar-time-range-DlVNjw43.cjs","names":["CalendarIcon","useFilterBarContext","useRef","useFilterBarItemKeys","DateTimeRangePicker"],"sources":["../src/ds/components/FilterBar/filter-bar-time-range.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components /\nimport { CalendarIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport { FILTER_BAR_CONTROL_SIZE } from './filter-bar-chip';\nimport { useFilterBarContext } from './filter-bar-context';\nimport type { FilterBarField, FilterBarItem } from './types';\nimport { useFilterBarItemKeys } from './use-filter-bar-item-keys';\nimport { DateTimeRangePicker } from '@/ds/components/DateTimeRangePicker/date-time-range-picker';\nimport type { DateTimeRangePickerProps } from '@/ds/components/DateTimeRangePicker/date-time-range-picker';\n\nexport const FILTER_BAR_TIME_RANGE_FIELD_ID = 'timeRange';\n\n/\n Synthetic field backing the time range control. Hidden from the input's field step (the\n * range cannot be added twice) but registered so the bar resolves its label and takes it into\n * keyboard navigation. Add it to the bar's `fields` and `FILTER_BAR_TIME_RANGE_ITEM` to its\n * `items`, then render `FilterBar.TimeRange` for that item from `FilterBar.Chips`.\n /\nexport const FILTER_BAR_TIME_RANGE_FIELD: FilterBarField = {\n id: FILTER_BAR_TIME_RANGE_FIELD_ID,\n label: 'Time',\n icon: CalendarIcon,\n type: 'text',\n operators: ['is'],\n hidden: true,\n};\n\nexport const FILTER_BAR_TIME_RANGE_ITEM: FilterBarItem = {\n id: FILTER_BAR_TIME_RANGE_FIELD_ID,\n fieldId: FILTER_BAR_TIME_RANGE_FIELD_ID,\n operatorId: 'is',\n value: '',\n};\n\nexport type FilterBarTimeRangeProps = Omit<DateTimeRangePickerProps, 'size' \| 'ref'>;\n\n/\n A filter bar's time range: the `DateTimeRangePicker` itself at the bar's rung, so it looks and\n * behaves exactly as it does anywhere else, reset × included. It scopes the bar rather than\n * filtering it, so it is not a removable chip; the wrapper only joins it to the bar's arrow-key\n * order.\n */\nexport function FilterBarTimeRange(props: FilterBarTimeRangeProps) {\n const ctx = useFilterBarContext();\n const rootRef = useRef<HTMLDivElement>(null);\n const { onKeyDown } = useFilterBarItemKeys({\n item: FILTER_BAR_TIME_RANGE_ITEM,\n rootRef,\n pinned: true,\n removable: false,\n segmentSelector: 'button',\n });\n\n return (\n <div\n ref={rootRef}\n role=\"group\"\n aria-label=\"Time range\"\n data-slot=\"filter-bar-time-range\"\n className=\"flex\"\n onKeyDown={onKeyDown}\n >\n <DateTimeRangePicker\n {...props}\n size={FILTER_BAR_CONTROL_SIZE}\n ref={el => ctx.registerSegment(FILTER_BAR_TIME_RANGE_ITEM.id, 'value', el)}\n />\n </div>\n );\n}\n"],"mappings":";;;;;;AAUA,IAAa,iCAAiC;;;;;;;AAQ9C,IAAa,8BAA8C;CACzD,IAAI;CACJ,OAAO;CACP,MAAMA,aAAAA;CACN,MAAM;CACN,WAAW,CAAC,IAAI;CAChB,QAAQ;AACV;AAEA,IAAa,6BAA4C;CACvD,IAAI;CACJ,SAAS;CACT,YAAY;CACZ,OAAO;AACT;;;;;;;AAUA,SAAgB,mBAAmB,OAAgC;CACjE,MAAM,MAAMC,wBAAAA,oBAAoB;CAChC,MAAM,WAAA,GAAUC,MAAAA,OAAAA,CAAuB,IAAI;CAC3C,MAAM,EAAE,cAAcC,wBAAAA,qBAAqB;EACzC,MAAM;EACN;EACA,QAAQ;EACR,WAAW;EACX,iBAAiB;CACnB,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAU;EACC;EAEX,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,+BAAAA,qBAAD;GACE,GAAI;GACJ,MAAA;GACA,MAAK,OAAM,IAAI,gBAAgB,2BAA2B,IAAI,SAAS,EAAE;EAC1E,CAAA;CACE,CAAA;AAET"}

package/dist/hooks/use-clock.cjs.js ADDED Viewed

@@ -0,0 +1,34 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let react = require("react");
+// src/hooks/use-clock.ts
+var listeners = /* @__PURE__ */ new Set();
+var ticker;
+var now = Date.now();
+function subscribe(listener) {
+	listeners.add(listener);
+	if (!ticker) {
+		now = Date.now();
+		ticker = setInterval(() => {
+			now = Date.now();
+			listeners.forEach((notify) => notify());
+		}, 1e3);
+	}
+	return () => {
+		listeners.delete(listener);
+		if (listeners.size === 0) {
+			clearInterval(ticker);
+			ticker = void 0;
+		}
+	};
+}
+/**
+* Reads the time through `read` on one clock that ticks every second for every caller, and draws
+* again only when what `read` returns changes: a label that moves once a minute draws once a minute.
+*/
+function useClock(read) {
+	const snapshot = () => read(ticker ? now : Date.now());
+	return (0, react.useSyncExternalStore)(subscribe, snapshot, snapshot);
+}
+exports.useClock = useClock;
+//# sourceMappingURL=use-clock.cjs.js.map

package/dist/hooks/use-clock.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-clock.cjs.js","names":["useSyncExternalStore"],"sources":["../../src/hooks/use-clock.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nconst listeners = new Set<() => void>();\nlet ticker: ReturnType<typeof setInterval> | undefined;\nlet now = Date.now();\n\nfunction subscribe(listener: () => void) {\n listeners.add(listener);\n if (!ticker) {\n now = Date.now();\n ticker = setInterval(() => {\n now = Date.now();\n listeners.forEach(notify => notify());\n }, 1000);\n }\n return () => {\n listeners.delete(listener);\n if (listeners.size === 0) {\n clearInterval(ticker);\n ticker = undefined;\n }\n };\n}\n\n/**\n * Reads the time through `read` on one clock that ticks every second for every caller, and draws\n * again only when what `read` returns changes: a label that moves once a minute draws once a minute.\n */\nexport function useClock<T>(read: (now: number) => T): T {\n const snapshot = () => read(ticker ? now : Date.now());\n return useSyncExternalStore(subscribe, snapshot, snapshot);\n}\n"],"mappings":";;;AAEA,IAAM,4BAAY,IAAI,IAAgB;AACtC,IAAI;AACJ,IAAI,MAAM,KAAK,IAAI;AAEnB,SAAS,UAAU,UAAsB;CACvC,UAAU,IAAI,QAAQ;CACtB,IAAI,CAAC,QAAQ;EACX,MAAM,KAAK,IAAI;EACf,SAAS,kBAAkB;GACzB,MAAM,KAAK,IAAI;GACf,UAAU,SAAQ,WAAU,OAAO,CAAC;EACtC,GAAG,GAAI;CACT;CACA,aAAa;EACX,UAAU,OAAO,QAAQ;EACzB,IAAI,UAAU,SAAS,GAAG;GACxB,cAAc,MAAM;GACpB,SAAS,KAAA;EACX;CACF;AACF;;;;;AAMA,SAAgB,SAAY,MAA6B;CACvD,MAAM,iBAAiB,KAAK,SAAS,MAAM,KAAK,IAAI,CAAC;CACrD,QAAA,GAAOA,MAAAA,qBAAAA,CAAqB,WAAW,UAAU,QAAQ;AAC3D"}

package/dist/hooks/use-clock.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from '../src/hooks/use-clock';

package/dist/hooks/use-clock.es.js ADDED Viewed

@@ -0,0 +1,33 @@
+import { useSyncExternalStore } from "react";
+// src/hooks/use-clock.ts
+var listeners = /* @__PURE__ */ new Set();
+var ticker;
+var now = Date.now();
+function subscribe(listener) {
+	listeners.add(listener);
+	if (!ticker) {
+		now = Date.now();
+		ticker = setInterval(() => {
+			now = Date.now();
+			listeners.forEach((notify) => notify());
+		}, 1e3);
+	}
+	return () => {
+		listeners.delete(listener);
+		if (listeners.size === 0) {
+			clearInterval(ticker);
+			ticker = void 0;
+		}
+	};
+}
+/**
+* Reads the time through `read` on one clock that ticks every second for every caller, and draws
+* again only when what `read` returns changes: a label that moves once a minute draws once a minute.
+*/
+function useClock(read) {
+	const snapshot = () => read(ticker ? now : Date.now());
+	return useSyncExternalStore(subscribe, snapshot, snapshot);
+}
+export { useClock };
+//# sourceMappingURL=use-clock.es.js.map

package/dist/hooks/use-clock.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-clock.es.js","names":[],"sources":["../../src/hooks/use-clock.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nconst listeners = new Set<() => void>();\nlet ticker: ReturnType<typeof setInterval> | undefined;\nlet now = Date.now();\n\nfunction subscribe(listener: () => void) {\n listeners.add(listener);\n if (!ticker) {\n now = Date.now();\n ticker = setInterval(() => {\n now = Date.now();\n listeners.forEach(notify => notify());\n }, 1000);\n }\n return () => {\n listeners.delete(listener);\n if (listeners.size === 0) {\n clearInterval(ticker);\n ticker = undefined;\n }\n };\n}\n\n/**\n * Reads the time through `read` on one clock that ticks every second for every caller, and draws\n * again only when what `read` returns changes: a label that moves once a minute draws once a minute.\n */\nexport function useClock<T>(read: (now: number) => T): T {\n const snapshot = () => read(ticker ? now : Date.now());\n return useSyncExternalStore(subscribe, snapshot, snapshot);\n}\n"],"mappings":";;AAEA,IAAM,4BAAY,IAAI,IAAgB;AACtC,IAAI;AACJ,IAAI,MAAM,KAAK,IAAI;AAEnB,SAAS,UAAU,UAAsB;CACvC,UAAU,IAAI,QAAQ;CACtB,IAAI,CAAC,QAAQ;EACX,MAAM,KAAK,IAAI;EACf,SAAS,kBAAkB;GACzB,MAAM,KAAK,IAAI;GACf,UAAU,SAAQ,WAAU,OAAO,CAAC;EACtC,GAAG,GAAI;CACT;CACA,aAAa;EACX,UAAU,OAAO,QAAQ;EACzB,IAAI,UAAU,SAAS,GAAG;GACxB,cAAc,MAAM;GACpB,SAAS,KAAA;EACX;CACF;AACF;;;;;AAMA,SAAgB,SAAY,MAA6B;CACvD,MAAM,iBAAiB,KAAK,SAAS,MAAM,KAAK,IAAI,CAAC;CACrD,OAAO,qBAAqB,WAAW,UAAU,QAAQ;AAC3D"}

package/dist/hooks/use-copy-to-clipboard.cjs.js CHANGED Viewed

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_toast_api = require("../toast-api-qtkOucy2.cjs");
+const require_toast_api = require("../toast-api-DDcGCbIw.cjs");
 let react = require("react");
 // src/hooks/use-copy-to-clipboard.ts
 var copyViaClipboardApi = async (value) => {

package/dist/hooks/use-copy-to-clipboard.es.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { t as toast } from "../toast-api-D_rrRhNG.js";
+import { t as toast } from "../toast-api-Cak5N8pT.js";
 import { useCallback, useRef, useState } from "react";
 // src/hooks/use-copy-to-clipboard.ts
 var copyViaClipboardApi = async (value) => {

package/dist/hooks/use-text-highlight.cjs.js CHANGED Viewed

@@ -1,5 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require('../use-text-highlight.css');const require_hooks_use_isomorphic_layout_effect = require("./use-isomorphic-layout-effect.cjs.js");
+const require_string = require("../string-EyTazW-F.cjs");
 let react = require("react");
 // src/hooks/use-text-highlight.ts
 /** Single registry entry, so only one search surface can be highlighted at a time. */
@@ -27,9 +28,6 @@ var INCLUDED_SELECTOR = "[data-highlight]";
 * — it knows why the row survived the filter, this hook only knows the term.
 */
 var INDIRECT_SELECTOR = "[data-highlight-indirect]";
-function escapeRegExp(value) {
-	return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-}
 /**
 * The first text node the highlighter would paint under `root` for `search`, or `null`.
 * Mirrors the walker below exactly: only `data-highlight` / `data-highlight-indirect`
@@ -38,7 +36,7 @@ function escapeRegExp(value) {
 * here so the scroll target (`useScrollToFirstHighlight`) can't drift from the paint.
 */
 function findFirstMatchTextNode(root, search) {
-	const regex = new RegExp(escapeRegExp(search), "iu");
+	const regex = new RegExp(require_string.escapeRegExp(search), "iu");
 	const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, { acceptNode(node) {
 		return node.parentElement.closest(`${INCLUDED_SELECTOR}, ${INDIRECT_SELECTOR}`) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
 	} });
@@ -82,7 +80,7 @@ function useTextHighlight(search) {
 		const updateHighlight = () => {
 			const ranges = [];
 			const indirectRanges = [];
-			const regex = new RegExp(escapeRegExp(search), "giu");
+			const regex = new RegExp(require_string.escapeRegExp(search), "giu");
 			const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, { acceptNode(node) {
 				return node.parentElement.closest(`${INCLUDED_SELECTOR}, ${INDIRECT_SELECTOR}`) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
 			} });

package/dist/hooks/use-text-highlight.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-text-highlight.cjs.js","names":["useState"],"sources":["../../src/hooks/use-text-highlight.ts"],"sourcesContent":["import { useState } from 'react';\nimport type { RefCallback } from 'react';\n\nimport { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';\nimport './use-text-highlight.css';\n\n/** Single registry entry, so only one search surface can be highlighted at a time. /\nconst HIGHLIGHT_NAME = 'search-result';\n\n/\n Second registry entry for text that carries no occurrence of the term itself, but stands\n * for something elsewhere that does — a span name whose match hides in its metadata. Painted\n * in its own color so the two claims stay distinguishable.\n /\nconst INDIRECT_HIGHLIGHT_NAME = 'search-result-indirect';\n\n/\n A single character matches almost everywhere, which paints noise instead of results.\n * Highlighting only starts once the term is discriminating enough.\n /\nexport const MIN_SEARCH_LENGTH = 2;\n\n/\n Opt-in marker: only text inside a `data-highlight` subtree can be painted. Highlighting\n * is a claim about which text is searchable, so surfaces state it explicitly rather than\n * having every piece of surrounding chrome remember to opt out.\n /\nconst INCLUDED_SELECTOR = '[data-highlight]';\n\n/\n Opt-in marker for the indirect highlight: the whole text of such a subtree is painted\n * while a query is active, regardless of what the term is. Marking is the caller's decision\n * — it knows why the row survived the filter, this hook only knows the term.\n /\nconst INDIRECT_SELECTOR = '[data-highlight-indirect]';\n\nfunction escapeRegExp(value: string) {\n return value.replace(/[.+?^${}()\|[\\]\\\\]/g, '\\\\$&');\n}\n\n/*\n The first text node the highlighter would paint under `root` for `search`, or `null`.\n * Mirrors the walker below exactly: only `data-highlight` / `data-highlight-indirect`\n * subtrees count; indirect text is painted whole, so any non-empty text node in one is a\n * hit; direct text needs a literal, case-insensitive occurrence of the term. Colocated\n * here so the scroll target (`useScrollToFirstHighlight`) can't drift from the paint.\n /\nexport function findFirstMatchTextNode(root: HTMLElement, search: string): Text \| null {\n const regex = new RegExp(escapeRegExp(search), 'iu');\n\n const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {\n acceptNode(node) {\n const parent = node.parentElement as HTMLElement;\n return parent.closest(`${INCLUDED_SELECTOR}, ${INDIRECT_SELECTOR}`)\n ? NodeFilter.FILTER_ACCEPT\n : NodeFilter.FILTER_REJECT;\n },\n });\n\n while (walker.nextNode()) {\n const textNode = walker.currentNode as Text;\n const parent = textNode.parentElement as HTMLElement;\n\n if (parent.closest(INDIRECT_SELECTOR)) {\n if (textNode.data.length > 0) return textNode;\n continue;\n }\n\n if (regex.test(textNode.data)) return textNode;\n }\n\n return null;\n}\n\nexport interface UseTextHighlightResult<TElement extends HTMLElement> {\n ref: RefCallback<TElement>;\n}\n\n/\n Paints every occurrence of `search` inside the referenced subtree using the CSS Custom\n * Highlight API. Only text under an element carrying `data-highlight` is painted, so a\n * surface names its searchable regions and everything else — headers, labels, metadata —\n * is left alone by default. The DOM is never mutated — no wrapper elements are injected — so text\n * selection, copy/paste and virtualised renderers are unaffected. Styling lives in\n * `use-text-highlight.css` (`::highlight(search-result)`).\n \n Text under `data-highlight-indirect` is painted in full, in a second color\n * (`::highlight(search-result-indirect)`), whatever the term is. That is for labels standing\n * in for a match that lives somewhere not on screen — a span name whose hit is in its\n * metadata. It wins over `data-highlight` when both apply, so a text is never painted twice.\n \n Terms shorter than two characters are ignored — they match too much to be useful.\n * Matching is case-insensitive and literal (the term is escaped, not a pattern). The\n * subtree is re-scanned on content changes, coalesced to one scan per frame. Browsers\n * without the API simply render nothing highlighted.\n */\nexport function useTextHighlight<TElement extends HTMLElement = HTMLElement>(\n search: string,\n): UseTextHighlightResult<TElement> {\n const [root, setRoot] = useState<TElement \| null>(null);\n\n useIsomorphicLayoutEffect(() => {\n if (\n !root \|\|\n search.trim().length < MIN_SEARCH_LENGTH \|\|\n typeof CSS === 'undefined' \|\|\n !('highlights' in CSS) \|\|\n typeof StaticRange === 'undefined'\n ) {\n CSS?.highlights?.delete(HIGHLIGHT_NAME);\n CSS?.highlights?.delete(INDIRECT_HIGHLIGHT_NAME);\n return;\n }\n\n let animationFrame: number \| null = null;\n\n const updateHighlight = () => {\n const ranges: StaticRange[] = [];\n const indirectRanges: StaticRange[] = [];\n const regex = new RegExp(escapeRegExp(search), 'giu');\n\n const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {\n acceptNode(node) {\n // Inside a rooted walker every text node has a parent element.\n const parent = node.parentElement as HTMLElement;\n return parent.closest(`${INCLUDED_SELECTOR}, ${INDIRECT_SELECTOR}`)\n ? NodeFilter.FILTER_ACCEPT\n : NodeFilter.FILTER_REJECT;\n },\n });\n\n while (walker.nextNode()) {\n const textNode = walker.currentNode as Text;\n const parent = textNode.parentElement as HTMLElement;\n\n // The indirect claim is about the whole text, so there is nothing to search for\n // inside it: the term lives in the payload this text stands for, not in the text.\n if (parent.closest(INDIRECT_SELECTOR)) {\n if (textNode.data.length > 0) {\n indirectRanges.push(\n new StaticRange({\n startContainer: textNode,\n startOffset: 0,\n endContainer: textNode,\n endOffset: textNode.data.length,\n }),\n );\n }\n continue;\n }\n\n regex.lastIndex = 0;\n\n let match: RegExpExecArray \| null;\n while ((match = regex.exec(textNode.data)) !== null) {\n ranges.push(\n new StaticRange({\n startContainer: textNode,\n startOffset: match.index,\n endContainer: textNode,\n endOffset: match.index + match[0].length,\n }),\n );\n }\n }\n\n CSS.highlights.set(HIGHLIGHT_NAME, new Highlight(...ranges));\n CSS.highlights.set(INDIRECT_HIGHLIGHT_NAME, new Highlight(...indirectRanges));\n };\n\n const scheduleUpdate = () => {\n if (animationFrame !== null) cancelAnimationFrame(animationFrame);\n\n animationFrame = requestAnimationFrame(() => {\n animationFrame = null;\n updateHighlight();\n });\n };\n\n updateHighlight();\n\n // The opt-in attributes are watched too: a region can change which highlight it claims\n // while its text stays put, and that alone must repaint it.\n const observer = new MutationObserver(scheduleUpdate);\n observer.observe(root, {\n subtree: true,\n childList: true,\n characterData: true,\n attributes: true,\n attributeFilter: ['data-highlight', 'data-highlight-indirect'],\n });\n\n return () => {\n observer.disconnect();\n if (animationFrame !== null) cancelAnimationFrame(animationFrame);\n CSS.highlights.delete(HIGHLIGHT_NAME);\n CSS.highlights.delete(INDIRECT_HIGHLIGHT_NAME);\n };\n }, [root, search]);\n\n return { ref: setRoot };\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"use-text-highlight.cjs.js","names":["escapeRegExp","useState"],"sources":["../../src/hooks/use-text-highlight.ts"],"sourcesContent":["import { useState } from 'react';\nimport type { RefCallback } from 'react';\n\nimport { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';\nimport { escapeRegExp } from '@/lib/string';\nimport './use-text-highlight.css';\n\n/** Single registry entry, so only one search surface can be highlighted at a time. /\nconst HIGHLIGHT_NAME = 'search-result';\n\n/\n Second registry entry for text that carries no occurrence of the term itself, but stands\n * for something elsewhere that does — a span name whose match hides in its metadata. Painted\n * in its own color so the two claims stay distinguishable.\n /\nconst INDIRECT_HIGHLIGHT_NAME = 'search-result-indirect';\n\n/\n A single character matches almost everywhere, which paints noise instead of results.\n * Highlighting only starts once the term is discriminating enough.\n /\nexport const MIN_SEARCH_LENGTH = 2;\n\n/\n Opt-in marker: only text inside a `data-highlight` subtree can be painted. Highlighting\n * is a claim about which text is searchable, so surfaces state it explicitly rather than\n * having every piece of surrounding chrome remember to opt out.\n /\nconst INCLUDED_SELECTOR = '[data-highlight]';\n\n/\n Opt-in marker for the indirect highlight: the whole text of such a subtree is painted\n * while a query is active, regardless of what the term is. Marking is the caller's decision\n * — it knows why the row survived the filter, this hook only knows the term.\n /\nconst INDIRECT_SELECTOR = '[data-highlight-indirect]';\n\n/\n The first text node the highlighter would paint under `root` for `search`, or `null`.\n * Mirrors the walker below exactly: only `data-highlight` / `data-highlight-indirect`\n * subtrees count; indirect text is painted whole, so any non-empty text node in one is a\n * hit; direct text needs a literal, case-insensitive occurrence of the term. Colocated\n * here so the scroll target (`useScrollToFirstHighlight`) can't drift from the paint.\n /\nexport function findFirstMatchTextNode(root: HTMLElement, search: string): Text \| null {\n const regex = new RegExp(escapeRegExp(search), 'iu');\n\n const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {\n acceptNode(node) {\n const parent = node.parentElement as HTMLElement;\n return parent.closest(`${INCLUDED_SELECTOR}, ${INDIRECT_SELECTOR}`)\n ? NodeFilter.FILTER_ACCEPT\n : NodeFilter.FILTER_REJECT;\n },\n });\n\n while (walker.nextNode()) {\n const textNode = walker.currentNode as Text;\n const parent = textNode.parentElement as HTMLElement;\n\n if (parent.closest(INDIRECT_SELECTOR)) {\n if (textNode.data.length > 0) return textNode;\n continue;\n }\n\n if (regex.test(textNode.data)) return textNode;\n }\n\n return null;\n}\n\nexport interface UseTextHighlightResult<TElement extends HTMLElement> {\n ref: RefCallback<TElement>;\n}\n\n/\n Paints every occurrence of `search` inside the referenced subtree using the CSS Custom\n * Highlight API. Only text under an element carrying `data-highlight` is painted, so a\n * surface names its searchable regions and everything else — headers, labels, metadata —\n * is left alone by default. The DOM is never mutated — no wrapper elements are injected — so text\n * selection, copy/paste and virtualised renderers are unaffected. Styling lives in\n * `use-text-highlight.css` (`::highlight(search-result)`).\n \n Text under `data-highlight-indirect` is painted in full, in a second color\n * (`::highlight(search-result-indirect)`), whatever the term is. That is for labels standing\n * in for a match that lives somewhere not on screen — a span name whose hit is in its\n * metadata. It wins over `data-highlight` when both apply, so a text is never painted twice.\n \n Terms shorter than two characters are ignored — they match too much to be useful.\n * Matching is case-insensitive and literal (the term is escaped, not a pattern). The\n * subtree is re-scanned on content changes, coalesced to one scan per frame. Browsers\n * without the API simply render nothing highlighted.\n */\nexport function useTextHighlight<TElement extends HTMLElement = HTMLElement>(\n search: string,\n): UseTextHighlightResult<TElement> {\n const [root, setRoot] = useState<TElement \| null>(null);\n\n useIsomorphicLayoutEffect(() => {\n if (\n !root \|\|\n search.trim().length < MIN_SEARCH_LENGTH \|\|\n typeof CSS === 'undefined' \|\|\n !('highlights' in CSS) \|\|\n typeof StaticRange === 'undefined'\n ) {\n CSS?.highlights?.delete(HIGHLIGHT_NAME);\n CSS?.highlights?.delete(INDIRECT_HIGHLIGHT_NAME);\n return;\n }\n\n let animationFrame: number \| null = null;\n\n const updateHighlight = () => {\n const ranges: StaticRange[] = [];\n const indirectRanges: StaticRange[] = [];\n const regex = new RegExp(escapeRegExp(search), 'giu');\n\n const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {\n acceptNode(node) {\n // Inside a rooted walker every text node has a parent element.\n const parent = node.parentElement as HTMLElement;\n return parent.closest(`${INCLUDED_SELECTOR}, ${INDIRECT_SELECTOR}`)\n ? NodeFilter.FILTER_ACCEPT\n : NodeFilter.FILTER_REJECT;\n },\n });\n\n while (walker.nextNode()) {\n const textNode = walker.currentNode as Text;\n const parent = textNode.parentElement as HTMLElement;\n\n // The indirect claim is about the whole text, so there is nothing to search for\n // inside it: the term lives in the payload this text stands for, not in the text.\n if (parent.closest(INDIRECT_SELECTOR)) {\n if (textNode.data.length > 0) {\n indirectRanges.push(\n new StaticRange({\n startContainer: textNode,\n startOffset: 0,\n endContainer: textNode,\n endOffset: textNode.data.length,\n }),\n );\n }\n continue;\n }\n\n regex.lastIndex = 0;\n\n let match: RegExpExecArray \| null;\n while ((match = regex.exec(textNode.data)) !== null) {\n ranges.push(\n new StaticRange({\n startContainer: textNode,\n startOffset: match.index,\n endContainer: textNode,\n endOffset: match.index + match[0].length,\n }),\n );\n }\n }\n\n CSS.highlights.set(HIGHLIGHT_NAME, new Highlight(...ranges));\n CSS.highlights.set(INDIRECT_HIGHLIGHT_NAME, new Highlight(...indirectRanges));\n };\n\n const scheduleUpdate = () => {\n if (animationFrame !== null) cancelAnimationFrame(animationFrame);\n\n animationFrame = requestAnimationFrame(() => {\n animationFrame = null;\n updateHighlight();\n });\n };\n\n updateHighlight();\n\n // The opt-in attributes are watched too: a region can change which highlight it claims\n // while its text stays put, and that alone must repaint it.\n const observer = new MutationObserver(scheduleUpdate);\n observer.observe(root, {\n subtree: true,\n childList: true,\n characterData: true,\n attributes: true,\n attributeFilter: ['data-highlight', 'data-highlight-indirect'],\n });\n\n return () => {\n observer.disconnect();\n if (animationFrame !== null) cancelAnimationFrame(animationFrame);\n CSS.highlights.delete(HIGHLIGHT_NAME);\n CSS.highlights.delete(INDIRECT_HIGHLIGHT_NAME);\n };\n }, [root, search]);\n\n return { ref: setRoot };\n}\n"],"mappings":"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"}

package/dist/hooks/use-text-highlight.es.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { useIsomorphicLayoutEffect } from "./use-isomorphic-layout-effect.es.js";
+import { t as escapeRegExp } from "../string-CA5M0mj_.js";
 import { useState } from "react";
 import '../use-text-highlight.css';// src/hooks/use-text-highlight.ts
 /** Single registry entry, so only one search surface can be highlighted at a time. */
@@ -26,9 +27,6 @@ var INCLUDED_SELECTOR = "[data-highlight]";
 * — it knows why the row survived the filter, this hook only knows the term.
 */
 var INDIRECT_SELECTOR = "[data-highlight-indirect]";
-function escapeRegExp(value) {
-	return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-}
 /**
 * The first text node the highlighter would paint under `root` for `search`, or `null`.
 * Mirrors the walker below exactly: only `data-highlight` / `data-highlight-indirect`

package/dist/hooks/use-text-highlight.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-text-highlight.es.js","names":[],"sources":["../../src/hooks/use-text-highlight.ts"],"sourcesContent":["import { useState } from 'react';\nimport type { RefCallback } from 'react';\n\nimport { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';\nimport './use-text-highlight.css';\n\n/** Single registry entry, so only one search surface can be highlighted at a time. /\nconst HIGHLIGHT_NAME = 'search-result';\n\n/\n Second registry entry for text that carries no occurrence of the term itself, but stands\n * for something elsewhere that does — a span name whose match hides in its metadata. Painted\n * in its own color so the two claims stay distinguishable.\n /\nconst INDIRECT_HIGHLIGHT_NAME = 'search-result-indirect';\n\n/\n A single character matches almost everywhere, which paints noise instead of results.\n * Highlighting only starts once the term is discriminating enough.\n /\nexport const MIN_SEARCH_LENGTH = 2;\n\n/\n Opt-in marker: only text inside a `data-highlight` subtree can be painted. Highlighting\n * is a claim about which text is searchable, so surfaces state it explicitly rather than\n * having every piece of surrounding chrome remember to opt out.\n /\nconst INCLUDED_SELECTOR = '[data-highlight]';\n\n/\n Opt-in marker for the indirect highlight: the whole text of such a subtree is painted\n * while a query is active, regardless of what the term is. Marking is the caller's decision\n * — it knows why the row survived the filter, this hook only knows the term.\n /\nconst INDIRECT_SELECTOR = '[data-highlight-indirect]';\n\~~nfunction escapeRegExp(value: string) {\~~n ~~return value.replace(/[.+?^${}()\|[\\]\\\\]/g, '\\\\$&');\n}\n\n~~/*\n The first text node the highlighter would paint under `root` for `search`, or `null`.\n * Mirrors the walker below exactly: only `data-highlight` / `data-highlight-indirect`\n * subtrees count; indirect text is painted whole, so any non-empty text node in one is a\n * hit; direct text needs a literal, case-insensitive occurrence of the term. Colocated\n * here so the scroll target (`useScrollToFirstHighlight`) can't drift from the paint.\n /\nexport function findFirstMatchTextNode(root: HTMLElement, search: string): Text \| null {\n const regex = new RegExp(escapeRegExp(search), 'iu');\n\n const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {\n acceptNode(node) {\n const parent = node.parentElement as HTMLElement;\n return parent.closest(`${INCLUDED_SELECTOR}, ${INDIRECT_SELECTOR}`)\n ? NodeFilter.FILTER_ACCEPT\n : NodeFilter.FILTER_REJECT;\n },\n });\n\n while (walker.nextNode()) {\n const textNode = walker.currentNode as Text;\n const parent = textNode.parentElement as HTMLElement;\n\n if (parent.closest(INDIRECT_SELECTOR)) {\n if (textNode.data.length > 0) return textNode;\n continue;\n }\n\n if (regex.test(textNode.data)) return textNode;\n }\n\n return null;\n}\n\nexport interface UseTextHighlightResult<TElement extends HTMLElement> {\n ref: RefCallback<TElement>;\n}\n\n/\n Paints every occurrence of `search` inside the referenced subtree using the CSS Custom\n * Highlight API. Only text under an element carrying `data-highlight` is painted, so a\n * surface names its searchable regions and everything else — headers, labels, metadata —\n * is left alone by default. The DOM is never mutated — no wrapper elements are injected — so text\n * selection, copy/paste and virtualised renderers are unaffected. Styling lives in\n * `use-text-highlight.css` (`::highlight(search-result)`).\n \n Text under `data-highlight-indirect` is painted in full, in a second color\n * (`::highlight(search-result-indirect)`), whatever the term is. That is for labels standing\n * in for a match that lives somewhere not on screen — a span name whose hit is in its\n * metadata. It wins over `data-highlight` when both apply, so a text is never painted twice.\n \n Terms shorter than two characters are ignored — they match too much to be useful.\n * Matching is case-insensitive and literal (the term is escaped, not a pattern). The\n * subtree is re-scanned on content changes, coalesced to one scan per frame. Browsers\n * without the API simply render nothing highlighted.\n */\nexport function useTextHighlight<TElement extends HTMLElement = HTMLElement>(\n search: string,\n): UseTextHighlightResult<TElement> {\n const [root, setRoot] = useState<TElement \| null>(null);\n\n useIsomorphicLayoutEffect(() => {\n if (\n !root \|\|\n search.trim().length < MIN_SEARCH_LENGTH \|\|\n typeof CSS === 'undefined' \|\|\n !('highlights' in CSS) \|\|\n typeof StaticRange === 'undefined'\n ) {\n CSS?.highlights?.delete(HIGHLIGHT_NAME);\n CSS?.highlights?.delete(INDIRECT_HIGHLIGHT_NAME);\n return;\n }\n\n let animationFrame: number \| null = null;\n\n const updateHighlight = () => {\n const ranges: StaticRange[] = [];\n const indirectRanges: StaticRange[] = [];\n const regex = new RegExp(escapeRegExp(search), 'giu');\n\n const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {\n acceptNode(node) {\n // Inside a rooted walker every text node has a parent element.\n const parent = node.parentElement as HTMLElement;\n return parent.closest(`${INCLUDED_SELECTOR}, ${INDIRECT_SELECTOR}`)\n ? NodeFilter.FILTER_ACCEPT\n : NodeFilter.FILTER_REJECT;\n },\n });\n\n while (walker.nextNode()) {\n const textNode = walker.currentNode as Text;\n const parent = textNode.parentElement as HTMLElement;\n\n // The indirect claim is about the whole text, so there is nothing to search for\n // inside it: the term lives in the payload this text stands for, not in the text.\n if (parent.closest(INDIRECT_SELECTOR)) {\n if (textNode.data.length > 0) {\n indirectRanges.push(\n new StaticRange({\n startContainer: textNode,\n startOffset: 0,\n endContainer: textNode,\n endOffset: textNode.data.length,\n }),\n );\n }\n continue;\n }\n\n regex.lastIndex = 0;\n\n let match: RegExpExecArray \| null;\n while ((match = regex.exec(textNode.data)) !== null) {\n ranges.push(\n new StaticRange({\n startContainer: textNode,\n startOffset: match.index,\n endContainer: textNode,\n endOffset: match.index + match[0].length,\n }),\n );\n }\n }\n\n CSS.highlights.set(HIGHLIGHT_NAME, new Highlight(...ranges));\n CSS.highlights.set(INDIRECT_HIGHLIGHT_NAME, new Highlight(...indirectRanges));\n };\n\n const scheduleUpdate = () => {\n if (animationFrame !== null) cancelAnimationFrame(animationFrame);\n\n animationFrame = requestAnimationFrame(() => {\n animationFrame = null;\n updateHighlight();\n });\n };\n\n updateHighlight();\n\n // The opt-in attributes are watched too: a region can change which highlight it claims\n // while its text stays put, and that alone must repaint it.\n const observer = new MutationObserver(scheduleUpdate);\n observer.observe(root, {\n subtree: true,\n childList: true,\n characterData: true,\n attributes: true,\n attributeFilter: ['data-highlight', 'data-highlight-indirect'],\n });\n\n return () => {\n observer.disconnect();\n if (animationFrame !== null) cancelAnimationFrame(animationFrame);\n CSS.highlights.delete(HIGHLIGHT_NAME);\n CSS.highlights.delete(INDIRECT_HIGHLIGHT_NAME);\n };\n }, [root, search]);\n\n return { ref: setRoot };\n}\n"],"mappings":"~~;;;;AAOA~~,IAAM,iBAAiB;;;;;;AAOvB,IAAM,0BAA0B;;;;;AAMhC,IAAa,oBAAoB;;;;;;AAOjC,IAAM,oBAAoB;;;;;;AAO1B,IAAM,oBAAoB~~;AAE1B,SAAS,aAAa,OAAe;CACnC,OAAO,MAAM,QAAQ,uBAAuB,MAAM;AACpD~~;;;;;;;;~~AASA~~,SAAgB,uBAAuB,MAAmB,QAA6B;CACrF,MAAM,QAAQ,IAAI,OAAO,aAAa,MAAM,GAAG,IAAI;CAEnD,MAAM,SAAS,SAAS,iBAAiB,MAAM,WAAW,WAAW,EACnE,WAAW,MAAM;EAEf,OADe,KAAK,cACN,QAAQ,GAAG,kBAAkB,IAAI,mBAAmB,IAC9D,WAAW,gBACX,WAAW;CACjB,EACF,CAAC;CAED,OAAO,OAAO,SAAS,GAAG;EACxB,MAAM,WAAW,OAAO;EAGxB,IAFe,SAAS,cAEb,QAAQ,iBAAiB,GAAG;GACrC,IAAI,SAAS,KAAK,SAAS,GAAG,OAAO;GACrC;EACF;EAEA,IAAI,MAAM,KAAK,SAAS,IAAI,GAAG,OAAO;CACxC;CAEA,OAAO;AACT;;;;;;;;;;;;;;;;;;;AAwBA,SAAgB,iBACd,QACkC;CAClC,MAAM,CAAC,MAAM,WAAW,SAA0B,IAAI;CAEtD,gCAAgC;EAC9B,IACE,CAAC,QACD,OAAO,KAAK,CAAC,CAAC,SAAA,KACd,OAAO,QAAQ,eACf,EAAE,gBAAgB,QAClB,OAAO,gBAAgB,aACvB;GACA,KAAK,YAAY,OAAO,cAAc;GACtC,KAAK,YAAY,OAAO,uBAAuB;GAC/C;EACF;EAEA,IAAI,iBAAgC;EAEpC,MAAM,wBAAwB;GAC5B,MAAM,SAAwB,CAAC;GAC/B,MAAM,iBAAgC,CAAC;GACvC,MAAM,QAAQ,IAAI,OAAO,aAAa,MAAM,GAAG,KAAK;GAEpD,MAAM,SAAS,SAAS,iBAAiB,MAAM,WAAW,WAAW,EACnE,WAAW,MAAM;IAGf,OADe,KAAK,cACN,QAAQ,GAAG,kBAAkB,IAAI,mBAAmB,IAC9D,WAAW,gBACX,WAAW;GACjB,EACF,CAAC;GAED,OAAO,OAAO,SAAS,GAAG;IACxB,MAAM,WAAW,OAAO;IAKxB,IAJe,SAAS,cAIb,QAAQ,iBAAiB,GAAG;KACrC,IAAI,SAAS,KAAK,SAAS,GACzB,eAAe,KACb,IAAI,YAAY;MACd,gBAAgB;MAChB,aAAa;MACb,cAAc;MACd,WAAW,SAAS,KAAK;KAC3B,CAAC,CACH;KAEF;IACF;IAEA,MAAM,YAAY;IAElB,IAAI;IACJ,QAAQ,QAAQ,MAAM,KAAK,SAAS,IAAI,OAAO,MAC7C,OAAO,KACL,IAAI,YAAY;KACd,gBAAgB;KAChB,aAAa,MAAM;KACnB,cAAc;KACd,WAAW,MAAM,QAAQ,MAAM,EAAE,CAAC;IACpC,CAAC,CACH;GAEJ;GAEA,IAAI,WAAW,IAAI,gBAAgB,IAAI,UAAU,GAAG,MAAM,CAAC;GAC3D,IAAI,WAAW,IAAI,yBAAyB,IAAI,UAAU,GAAG,cAAc,CAAC;EAC9E;EAEA,MAAM,uBAAuB;GAC3B,IAAI,mBAAmB,MAAM,qBAAqB,cAAc;GAEhE,iBAAiB,4BAA4B;IAC3C,iBAAiB;IACjB,gBAAgB;GAClB,CAAC;EACH;EAEA,gBAAgB;EAIhB,MAAM,WAAW,IAAI,iBAAiB,cAAc;EACpD,SAAS,QAAQ,MAAM;GACrB,SAAS;GACT,WAAW;GACX,eAAe;GACf,YAAY;GACZ,iBAAiB,CAAC,kBAAkB,yBAAyB;EAC/D,CAAC;EAED,aAAa;GACX,SAAS,WAAW;GACpB,IAAI,mBAAmB,MAAM,qBAAqB,cAAc;GAChE,IAAI,WAAW,OAAO,cAAc;GACpC,IAAI,WAAW,OAAO,uBAAuB;EAC/C;CACF,GAAG,CAAC,MAAM,MAAM,CAAC;CAEjB,OAAO,EAAE,KAAK,QAAQ;AACxB"}
1	+ {"version":3,"file":"use-text-highlight.es.js","names":[],"sources":["../../src/hooks/use-text-highlight.ts"],"sourcesContent":["import { useState } from 'react';\nimport type { RefCallback } from 'react';\n\nimport { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';\nimport { escapeRegExp } from '@/lib/string';\nimport './use-text-highlight.css';\n\n/** Single registry entry, so only one search surface can be highlighted at a time. /\nconst HIGHLIGHT_NAME = 'search-result';\n\n/\n Second registry entry for text that carries no occurrence of the term itself, but stands\n * for something elsewhere that does — a span name whose match hides in its metadata. Painted\n * in its own color so the two claims stay distinguishable.\n /\nconst INDIRECT_HIGHLIGHT_NAME = 'search-result-indirect';\n\n/\n A single character matches almost everywhere, which paints noise instead of results.\n * Highlighting only starts once the term is discriminating enough.\n /\nexport const MIN_SEARCH_LENGTH = 2;\n\n/\n Opt-in marker: only text inside a `data-highlight` subtree can be painted. Highlighting\n * is a claim about which text is searchable, so surfaces state it explicitly rather than\n * having every piece of surrounding chrome remember to opt out.\n /\nconst INCLUDED_SELECTOR = '[data-highlight]';\n\n/\n Opt-in marker for the indirect highlight: the whole text of such a subtree is painted\n * while a query is active, regardless of what the term is. Marking is the caller's decision\n * — it knows why the row survived the filter, this hook only knows the term.\n /\nconst INDIRECT_SELECTOR = '[data-highlight-indirect]';\n\n/\n The first text node the highlighter would paint under `root` for `search`, or `null`.\n * Mirrors the walker below exactly: only `data-highlight` / `data-highlight-indirect`\n * subtrees count; indirect text is painted whole, so any non-empty text node in one is a\n * hit; direct text needs a literal, case-insensitive occurrence of the term. Colocated\n * here so the scroll target (`useScrollToFirstHighlight`) can't drift from the paint.\n /\nexport function findFirstMatchTextNode(root: HTMLElement, search: string): Text \| null {\n const regex = new RegExp(escapeRegExp(search), 'iu');\n\n const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {\n acceptNode(node) {\n const parent = node.parentElement as HTMLElement;\n return parent.closest(`${INCLUDED_SELECTOR}, ${INDIRECT_SELECTOR}`)\n ? NodeFilter.FILTER_ACCEPT\n : NodeFilter.FILTER_REJECT;\n },\n });\n\n while (walker.nextNode()) {\n const textNode = walker.currentNode as Text;\n const parent = textNode.parentElement as HTMLElement;\n\n if (parent.closest(INDIRECT_SELECTOR)) {\n if (textNode.data.length > 0) return textNode;\n continue;\n }\n\n if (regex.test(textNode.data)) return textNode;\n }\n\n return null;\n}\n\nexport interface UseTextHighlightResult<TElement extends HTMLElement> {\n ref: RefCallback<TElement>;\n}\n\n/\n Paints every occurrence of `search` inside the referenced subtree using the CSS Custom\n * Highlight API. Only text under an element carrying `data-highlight` is painted, so a\n * surface names its searchable regions and everything else — headers, labels, metadata —\n * is left alone by default. The DOM is never mutated — no wrapper elements are injected — so text\n * selection, copy/paste and virtualised renderers are unaffected. Styling lives in\n * `use-text-highlight.css` (`::highlight(search-result)`).\n \n Text under `data-highlight-indirect` is painted in full, in a second color\n * (`::highlight(search-result-indirect)`), whatever the term is. That is for labels standing\n * in for a match that lives somewhere not on screen — a span name whose hit is in its\n * metadata. It wins over `data-highlight` when both apply, so a text is never painted twice.\n \n Terms shorter than two characters are ignored — they match too much to be useful.\n * Matching is case-insensitive and literal (the term is escaped, not a pattern). The\n * subtree is re-scanned on content changes, coalesced to one scan per frame. Browsers\n * without the API simply render nothing highlighted.\n */\nexport function useTextHighlight<TElement extends HTMLElement = HTMLElement>(\n search: string,\n): UseTextHighlightResult<TElement> {\n const [root, setRoot] = useState<TElement \| null>(null);\n\n useIsomorphicLayoutEffect(() => {\n if (\n !root \|\|\n search.trim().length < MIN_SEARCH_LENGTH \|\|\n typeof CSS === 'undefined' \|\|\n !('highlights' in CSS) \|\|\n typeof StaticRange === 'undefined'\n ) {\n CSS?.highlights?.delete(HIGHLIGHT_NAME);\n CSS?.highlights?.delete(INDIRECT_HIGHLIGHT_NAME);\n return;\n }\n\n let animationFrame: number \| null = null;\n\n const updateHighlight = () => {\n const ranges: StaticRange[] = [];\n const indirectRanges: StaticRange[] = [];\n const regex = new RegExp(escapeRegExp(search), 'giu');\n\n const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {\n acceptNode(node) {\n // Inside a rooted walker every text node has a parent element.\n const parent = node.parentElement as HTMLElement;\n return parent.closest(`${INCLUDED_SELECTOR}, ${INDIRECT_SELECTOR}`)\n ? NodeFilter.FILTER_ACCEPT\n : NodeFilter.FILTER_REJECT;\n },\n });\n\n while (walker.nextNode()) {\n const textNode = walker.currentNode as Text;\n const parent = textNode.parentElement as HTMLElement;\n\n // The indirect claim is about the whole text, so there is nothing to search for\n // inside it: the term lives in the payload this text stands for, not in the text.\n if (parent.closest(INDIRECT_SELECTOR)) {\n if (textNode.data.length > 0) {\n indirectRanges.push(\n new StaticRange({\n startContainer: textNode,\n startOffset: 0,\n endContainer: textNode,\n endOffset: textNode.data.length,\n }),\n );\n }\n continue;\n }\n\n regex.lastIndex = 0;\n\n let match: RegExpExecArray \| null;\n while ((match = regex.exec(textNode.data)) !== null) {\n ranges.push(\n new StaticRange({\n startContainer: textNode,\n startOffset: match.index,\n endContainer: textNode,\n endOffset: match.index + match[0].length,\n }),\n );\n }\n }\n\n CSS.highlights.set(HIGHLIGHT_NAME, new Highlight(...ranges));\n CSS.highlights.set(INDIRECT_HIGHLIGHT_NAME, new Highlight(...indirectRanges));\n };\n\n const scheduleUpdate = () => {\n if (animationFrame !== null) cancelAnimationFrame(animationFrame);\n\n animationFrame = requestAnimationFrame(() => {\n animationFrame = null;\n updateHighlight();\n });\n };\n\n updateHighlight();\n\n // The opt-in attributes are watched too: a region can change which highlight it claims\n // while its text stays put, and that alone must repaint it.\n const observer = new MutationObserver(scheduleUpdate);\n observer.observe(root, {\n subtree: true,\n childList: true,\n characterData: true,\n attributes: true,\n attributeFilter: ['data-highlight', 'data-highlight-indirect'],\n });\n\n return () => {\n observer.disconnect();\n if (animationFrame !== null) cancelAnimationFrame(animationFrame);\n CSS.highlights.delete(HIGHLIGHT_NAME);\n CSS.highlights.delete(INDIRECT_HIGHLIGHT_NAME);\n };\n }, [root, search]);\n\n return { ref: setRoot };\n}\n"],"mappings":"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"}

package/dist/icons/ByteDanceIcon.cjs.js ADDED Viewed

@@ -0,0 +1,37 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../rolldown-runtime-CmQyd0Gu.cjs");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/ds/icons/ByteDanceIcon.tsx
+var ByteDanceIcon = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M14.944 18.587l-1.704-.445V10.01l1.824-.462c1-.254 1.84-.461 1.88-.453.032 0 .056 2.235.056 4.972v4.973l-.176-.008c-.104 0-.952-.207-1.88-.446z",
+			fill: "#00C8D2",
+			fillRule: "nonzero"
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M7 16.542c0-2.736.024-4.98.064-4.98.032-.008.872.2 1.88.454l1.816.461-.016 4.05-.024 4.049-1.632.422c-.896.23-1.736.445-1.856.469L7 21.523v-4.98z",
+			fill: "#3C8CFF",
+			fillRule: "nonzero"
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M19.24 12.477c0-9.03.008-9.515.144-9.475.072.024.784.207 1.576.406.792.207 1.576.405 1.744.445l.296.08-.016 8.56-.024 8.568-1.624.414c-.888.23-1.728.437-1.856.47l-.24.055v-9.523z",
+			fill: "#78E6DC",
+			fillRule: "nonzero"
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M1 12.509c0-4.678.024-8.505.064-8.505.032 0 .872.207 1.872.454l1.824.461v7.582c0 4.16-.016 7.574-.032 7.574-.024 0-.872.215-1.88.47L1 21.013v-8.505z",
+			fill: "#325AB4"
+		})
+	]
+});
+exports.ByteDanceIcon = ByteDanceIcon;
+//# sourceMappingURL=ByteDanceIcon.cjs.js.map

package/dist/icons/ByteDanceIcon.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ByteDanceIcon.cjs.js","names":[],"sources":["../../src/ds/icons/ByteDanceIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ByteDanceIcon = (props: React.SVGProps<SVGSVGElement>) => (\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n <path\n d=\"M14.944 18.587l-1.704-.445V10.01l1.824-.462c1-.254 1.84-.461 1.88-.453.032 0 .056 2.235.056 4.972v4.973l-.176-.008c-.104 0-.952-.207-1.88-.446z\"\n fill=\"#00C8D2\"\n fillRule=\"nonzero\"\n />\n <path\n d=\"M7 16.542c0-2.736.024-4.98.064-4.98.032-.008.872.2 1.88.454l1.816.461-.016 4.05-.024 4.049-1.632.422c-.896.23-1.736.445-1.856.469L7 21.523v-4.98z\"\n fill=\"#3C8CFF\"\n fillRule=\"nonzero\"\n />\n <path\n d=\"M19.24 12.477c0-9.03.008-9.515.144-9.475.072.024.784.207 1.576.406.792.207 1.576.405 1.744.445l.296.08-.016 8.56-.024 8.568-1.624.414c-.888.23-1.728.437-1.856.47l-.24.055v-9.523z\"\n fill=\"#78E6DC\"\n fillRule=\"nonzero\"\n />\n <path\n d=\"M1 12.509c0-4.678.024-8.505.064-8.505.032 0 .872.207 1.872.454l1.824.461v7.582c0 4.16-.016 7.574-.032 7.574-.024 0-.872.215-1.88.47L1 21.013v-8.505z\"\n fill=\"#325AB4\"\n />\n </svg>\n);\n"],"mappings":";;;;;;AAEA,IAAa,iBAAiB,UAC5B,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,OAAM;CAA6B,GAAI;CAAvF,UAAA;EACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,GAAE;GACF,MAAK;GACL,UAAS;EACV,CAAA;EACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,GAAE;GACF,MAAK;GACL,UAAS;EACV,CAAA;EACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,GAAE;GACF,MAAK;GACL,UAAS;EACV,CAAA;EACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,GAAE;GACF,MAAK;EACN,CAAA;CACE"}

package/dist/icons/ByteDanceIcon.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from '../src/ds/icons/ByteDanceIcon';

package/dist/icons/ByteDanceIcon.es.js ADDED Viewed

@@ -0,0 +1,34 @@
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/ds/icons/ByteDanceIcon.tsx
+var ByteDanceIcon = (props) => /* @__PURE__ */ jsxs("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [
+		/* @__PURE__ */ jsx("path", {
+			d: "M14.944 18.587l-1.704-.445V10.01l1.824-.462c1-.254 1.84-.461 1.88-.453.032 0 .056 2.235.056 4.972v4.973l-.176-.008c-.104 0-.952-.207-1.88-.446z",
+			fill: "#00C8D2",
+			fillRule: "nonzero"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M7 16.542c0-2.736.024-4.98.064-4.98.032-.008.872.2 1.88.454l1.816.461-.016 4.05-.024 4.049-1.632.422c-.896.23-1.736.445-1.856.469L7 21.523v-4.98z",
+			fill: "#3C8CFF",
+			fillRule: "nonzero"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M19.24 12.477c0-9.03.008-9.515.144-9.475.072.024.784.207 1.576.406.792.207 1.576.405 1.744.445l.296.08-.016 8.56-.024 8.568-1.624.414c-.888.23-1.728.437-1.856.47l-.24.055v-9.523z",
+			fill: "#78E6DC",
+			fillRule: "nonzero"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M1 12.509c0-4.678.024-8.505.064-8.505.032 0 .872.207 1.872.454l1.824.461v7.582c0 4.16-.016 7.574-.032 7.574-.024 0-.872.215-1.88.47L1 21.013v-8.505z",
+			fill: "#325AB4"
+		})
+	]
+});
+export { ByteDanceIcon };
+//# sourceMappingURL=ByteDanceIcon.es.js.map

package/dist/icons/ByteDanceIcon.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ByteDanceIcon.es.js","names":[],"sources":["../../src/ds/icons/ByteDanceIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ByteDanceIcon = (props: React.SVGProps<SVGSVGElement>) => (\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n <path\n d=\"M14.944 18.587l-1.704-.445V10.01l1.824-.462c1-.254 1.84-.461 1.88-.453.032 0 .056 2.235.056 4.972v4.973l-.176-.008c-.104 0-.952-.207-1.88-.446z\"\n fill=\"#00C8D2\"\n fillRule=\"nonzero\"\n />\n <path\n d=\"M7 16.542c0-2.736.024-4.98.064-4.98.032-.008.872.2 1.88.454l1.816.461-.016 4.05-.024 4.049-1.632.422c-.896.23-1.736.445-1.856.469L7 21.523v-4.98z\"\n fill=\"#3C8CFF\"\n fillRule=\"nonzero\"\n />\n <path\n d=\"M19.24 12.477c0-9.03.008-9.515.144-9.475.072.024.784.207 1.576.406.792.207 1.576.405 1.744.445l.296.08-.016 8.56-.024 8.568-1.624.414c-.888.23-1.728.437-1.856.47l-.24.055v-9.523z\"\n fill=\"#78E6DC\"\n fillRule=\"nonzero\"\n />\n <path\n d=\"M1 12.509c0-4.678.024-8.505.064-8.505.032 0 .872.207 1.872.454l1.824.461v7.582c0 4.16-.016 7.574-.032 7.574-.024 0-.872.215-1.88.47L1 21.013v-8.505z\"\n fill=\"#325AB4\"\n />\n </svg>\n);\n"],"mappings":";;;AAEA,IAAa,iBAAiB,UAC5B,qBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,OAAM;CAA6B,GAAI;CAAvF,UAAA;EACE,oBAAC,QAAD;GACE,GAAE;GACF,MAAK;GACL,UAAS;EACV,CAAA;EACD,oBAAC,QAAD;GACE,GAAE;GACF,MAAK;GACL,UAAS;EACV,CAAA;EACD,oBAAC,QAAD;GACE,GAAE;GACF,MAAK;GACL,UAAS;EACV,CAAA;EACD,oBAAC,QAAD;GACE,GAAE;GACF,MAAK;EACN,CAAA;CACE"}

package/dist/icons/CohereBrandIcon.cjs.js ADDED Viewed

@@ -0,0 +1,34 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../rolldown-runtime-CmQyd0Gu.cjs");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/ds/icons/CohereBrandIcon.tsx
+var CohereBrandIcon = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			clipRule: "evenodd",
+			d: "M8.128 14.099c.592 0 1.77-.033 3.398-.703 1.897-.781 5.672-2.2 8.395-3.656 1.905-1.018 2.74-2.366 2.74-4.18A4.56 4.56 0 0018.1 1H7.549A6.55 6.55 0 001 7.55c0 3.617 2.745 6.549 7.128 6.549z",
+			fill: "#39594D",
+			fillRule: "evenodd"
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			clipRule: "evenodd",
+			d: "M9.912 18.61a4.387 4.387 0 012.705-4.052l3.323-1.38c3.361-1.394 7.06 1.076 7.06 4.715a5.104 5.104 0 01-5.105 5.104l-3.597-.001a4.386 4.386 0 01-4.386-4.387z",
+			fill: "#D18EE2",
+			fillRule: "evenodd"
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M4.776 14.962A3.775 3.775 0 001 18.738v.489a3.776 3.776 0 007.551 0v-.49a3.775 3.775 0 00-3.775-3.775z",
+			fill: "#FF7759"
+		})
+	]
+});
+exports.CohereBrandIcon = CohereBrandIcon;
+//# sourceMappingURL=CohereBrandIcon.cjs.js.map

package/dist/icons/CohereBrandIcon.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CohereBrandIcon.cjs.js","names":[],"sources":["../../src/ds/icons/CohereBrandIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const CohereBrandIcon = (props: React.SVGProps<SVGSVGElement>) => (\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n <path\n clipRule=\"evenodd\"\n d=\"M8.128 14.099c.592 0 1.77-.033 3.398-.703 1.897-.781 5.672-2.2 8.395-3.656 1.905-1.018 2.74-2.366 2.74-4.18A4.56 4.56 0 0018.1 1H7.549A6.55 6.55 0 001 7.55c0 3.617 2.745 6.549 7.128 6.549z\"\n fill=\"#39594D\"\n fillRule=\"evenodd\"\n />\n <path\n clipRule=\"evenodd\"\n d=\"M9.912 18.61a4.387 4.387 0 012.705-4.052l3.323-1.38c3.361-1.394 7.06 1.076 7.06 4.715a5.104 5.104 0 01-5.105 5.104l-3.597-.001a4.386 4.386 0 01-4.386-4.387z\"\n fill=\"#D18EE2\"\n fillRule=\"evenodd\"\n />\n <path\n d=\"M4.776 14.962A3.775 3.775 0 001 18.738v.489a3.776 3.776 0 007.551 0v-.49a3.775 3.775 0 00-3.775-3.775z\"\n fill=\"#FF7759\"\n />\n </svg>\n);\n"],"mappings":";;;;;;AAEA,IAAa,mBAAmB,UAC9B,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,OAAM;CAA6B,GAAI;CAAvF,UAAA;EACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,UAAS;GACT,GAAE;GACF,MAAK;GACL,UAAS;EACV,CAAA;EACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,UAAS;GACT,GAAE;GACF,MAAK;GACL,UAAS;EACV,CAAA;EACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,GAAE;GACF,MAAK;EACN,CAAA;CACE"}

package/dist/icons/CohereBrandIcon.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from '../src/ds/icons/CohereBrandIcon';

package/dist/icons/CohereBrandIcon.es.js ADDED Viewed

@@ -0,0 +1,31 @@
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/ds/icons/CohereBrandIcon.tsx
+var CohereBrandIcon = (props) => /* @__PURE__ */ jsxs("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [
+		/* @__PURE__ */ jsx("path", {
+			clipRule: "evenodd",
+			d: "M8.128 14.099c.592 0 1.77-.033 3.398-.703 1.897-.781 5.672-2.2 8.395-3.656 1.905-1.018 2.74-2.366 2.74-4.18A4.56 4.56 0 0018.1 1H7.549A6.55 6.55 0 001 7.55c0 3.617 2.745 6.549 7.128 6.549z",
+			fill: "#39594D",
+			fillRule: "evenodd"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			clipRule: "evenodd",
+			d: "M9.912 18.61a4.387 4.387 0 012.705-4.052l3.323-1.38c3.361-1.394 7.06 1.076 7.06 4.715a5.104 5.104 0 01-5.105 5.104l-3.597-.001a4.386 4.386 0 01-4.386-4.387z",
+			fill: "#D18EE2",
+			fillRule: "evenodd"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M4.776 14.962A3.775 3.775 0 001 18.738v.489a3.776 3.776 0 007.551 0v-.49a3.775 3.775 0 00-3.775-3.775z",
+			fill: "#FF7759"
+		})
+	]
+});
+export { CohereBrandIcon };
+//# sourceMappingURL=CohereBrandIcon.es.js.map

package/dist/icons/CohereBrandIcon.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CohereBrandIcon.es.js","names":[],"sources":["../../src/ds/icons/CohereBrandIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const CohereBrandIcon = (props: React.SVGProps<SVGSVGElement>) => (\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n <path\n clipRule=\"evenodd\"\n d=\"M8.128 14.099c.592 0 1.77-.033 3.398-.703 1.897-.781 5.672-2.2 8.395-3.656 1.905-1.018 2.74-2.366 2.74-4.18A4.56 4.56 0 0018.1 1H7.549A6.55 6.55 0 001 7.55c0 3.617 2.745 6.549 7.128 6.549z\"\n fill=\"#39594D\"\n fillRule=\"evenodd\"\n />\n <path\n clipRule=\"evenodd\"\n d=\"M9.912 18.61a4.387 4.387 0 012.705-4.052l3.323-1.38c3.361-1.394 7.06 1.076 7.06 4.715a5.104 5.104 0 01-5.105 5.104l-3.597-.001a4.386 4.386 0 01-4.386-4.387z\"\n fill=\"#D18EE2\"\n fillRule=\"evenodd\"\n />\n <path\n d=\"M4.776 14.962A3.775 3.775 0 001 18.738v.489a3.776 3.776 0 007.551 0v-.49a3.775 3.775 0 00-3.775-3.775z\"\n fill=\"#FF7759\"\n />\n </svg>\n);\n"],"mappings":";;;AAEA,IAAa,mBAAmB,UAC9B,qBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,OAAM;CAA6B,GAAI;CAAvF,UAAA;EACE,oBAAC,QAAD;GACE,UAAS;GACT,GAAE;GACF,MAAK;GACL,UAAS;EACV,CAAA;EACD,oBAAC,QAAD;GACE,UAAS;GACT,GAAE;GACF,MAAK;GACL,UAAS;EACV,CAAA;EACD,oBAAC,QAAD;GACE,GAAE;GACF,MAAK;EACN,CAAA;CACE"}

package/dist/icons/FireworksIcon.cjs.js ADDED Viewed

@@ -0,0 +1,22 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../rolldown-runtime-CmQyd0Gu.cjs");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/ds/icons/FireworksIcon.tsx
+var FireworksIcon = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+		clipRule: "evenodd",
+		d: "M14.8 5l-2.801 6.795L9.195 5H7.397l3.072 7.428a1.64 1.64 0 003.038.002L16.598 5H14.8zm1.196 10.352l5.124-5.244-.699-1.669-5.596 5.739a1.664 1.664 0 00-.343 1.807 1.642 1.642 0 001.516 1.012L16 17l8-.02-.699-1.669-7.303.041h-.002zM2.88 10.104l.699-1.669 5.596 5.739c.468.479.603 1.189.343 1.807a1.643 1.643 0 01-1.516 1.012l-8-.018-.002.002.699-1.669 7.303.042-5.122-5.246z",
+		fill: "#5019C5",
+		fillRule: "evenodd"
+	})
+});
+exports.FireworksIcon = FireworksIcon;
+//# sourceMappingURL=FireworksIcon.cjs.js.map

package/dist/icons/FireworksIcon.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FireworksIcon.cjs.js","names":[],"sources":["../../src/ds/icons/FireworksIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const FireworksIcon = (props: React.SVGProps<SVGSVGElement>) => (\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n <path\n clipRule=\"evenodd\"\n d=\"M14.8 5l-2.801 6.795L9.195 5H7.397l3.072 7.428a1.64 1.64 0 003.038.002L16.598 5H14.8zm1.196 10.352l5.124-5.244-.699-1.669-5.596 5.739a1.664 1.664 0 00-.343 1.807 1.642 1.642 0 001.516 1.012L16 17l8-.02-.699-1.669-7.303.041h-.002zM2.88 10.104l.699-1.669 5.596 5.739c.468.479.603 1.189.343 1.807a1.643 1.643 0 01-1.516 1.012l-8-.018-.002.002.699-1.669 7.303.042-5.122-5.246z\"\n fill=\"#5019C5\"\n fillRule=\"evenodd\"\n />\n </svg>\n);\n"],"mappings":";;;;;;AAEA,IAAa,iBAAiB,UAC5B,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,OAAM;CAA6B,GAAI;CACrF,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,UAAS;EACT,GAAE;EACF,MAAK;EACL,UAAS;CACV,CAAA;AACE,CAAA"}

package/dist/icons/FireworksIcon.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from '../src/ds/icons/FireworksIcon';

package/dist/icons/FireworksIcon.es.js ADDED Viewed

@@ -0,0 +1,19 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+// src/ds/icons/FireworksIcon.tsx
+var FireworksIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		clipRule: "evenodd",
+		d: "M14.8 5l-2.801 6.795L9.195 5H7.397l3.072 7.428a1.64 1.64 0 003.038.002L16.598 5H14.8zm1.196 10.352l5.124-5.244-.699-1.669-5.596 5.739a1.664 1.664 0 00-.343 1.807 1.642 1.642 0 001.516 1.012L16 17l8-.02-.699-1.669-7.303.041h-.002zM2.88 10.104l.699-1.669 5.596 5.739c.468.479.603 1.189.343 1.807a1.643 1.643 0 01-1.516 1.012l-8-.018-.002.002.699-1.669 7.303.042-5.122-5.246z",
+		fill: "#5019C5",
+		fillRule: "evenodd"
+	})
+});
+export { FireworksIcon };
+//# sourceMappingURL=FireworksIcon.es.js.map

package/dist/icons/FireworksIcon.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FireworksIcon.es.js","names":[],"sources":["../../src/ds/icons/FireworksIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const FireworksIcon = (props: React.SVGProps<SVGSVGElement>) => (\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n <path\n clipRule=\"evenodd\"\n d=\"M14.8 5l-2.801 6.795L9.195 5H7.397l3.072 7.428a1.64 1.64 0 003.038.002L16.598 5H14.8zm1.196 10.352l5.124-5.244-.699-1.669-5.596 5.739a1.664 1.664 0 00-.343 1.807 1.642 1.642 0 001.516 1.012L16 17l8-.02-.699-1.669-7.303.041h-.002zM2.88 10.104l.699-1.669 5.596 5.739c.468.479.603 1.189.343 1.807a1.643 1.643 0 01-1.516 1.012l-8-.018-.002.002.699-1.669 7.303.042-5.122-5.246z\"\n fill=\"#5019C5\"\n fillRule=\"evenodd\"\n />\n </svg>\n);\n"],"mappings":";;;AAEA,IAAa,iBAAiB,UAC5B,oBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,OAAM;CAA6B,GAAI;CACrF,UAAA,oBAAC,QAAD;EACE,UAAS;EACT,GAAE;EACF,MAAK;EACL,UAAS;CACV,CAAA;AACE,CAAA"}

package/dist/icons/Icon.cjs.js CHANGED Viewed

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../utils-uDc1ofX1.cjs");
 const require_icons_icon_size_classes = require("./icon-size-classes.cjs.js");
+const require_utils = require("../utils-uDc1ofX1.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/ds/icons/Icon.tsx
 var Icon = ({ children, className, size = "md", ...props }) => {

package/dist/icons/Icon.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { t as cn } from "../utils-DQx8TpNT.js";
 import { iconSizeClasses } from "./icon-size-classes.es.js";
+import { t as cn } from "../utils-DQx8TpNT.js";
 import { jsx } from "react/jsx-runtime";
 // src/ds/icons/Icon.tsx
 var Icon = ({ children, className, size = "md", ...props }) => {

package/dist/icons/LongCatIcon.cjs.js ADDED Viewed

@@ -0,0 +1,22 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../rolldown-runtime-CmQyd0Gu.cjs");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/ds/icons/LongCatIcon.tsx
+var LongCatIcon = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+		clipRule: "evenodd",
+		d: "M.507 19.883a.507.507 0 01-.489-.642L4.29 3.745a1.013 1.013 0 011.533-.578l5.622 3.687a1.013 1.013 0 001.11 0L18.2 3.165a1.013 1.013 0 011.532.58l4.25 15.497a.506.506 0 01-.49.64H18.07a6.297 6.297 0 001.53-4.115v-.177a6.09 6.09 0 00-1.513-4.017l-.697-3.495a.438.438 0 00-.694-.266L14.07 9.781a.748.748 0 01-.654.121 5.156 5.156 0 00-2.833 0 .746.746 0 01-.653-.121L7.302 7.81a.435.435 0 00-.688.269l-.675 3.652a5.36 5.36 0 00-1.539 3.76v.333c0 1.474.527 2.9 1.488 4.02l.032.038H.507z",
+		fill: "#29E154",
+		fillRule: "evenodd"
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M9.213 16.843h1.52v-3.546h-1.29l-.23 3.546zm5.573 0h-1.52v-3.546h1.29l.23 3.546z" })]
+});
+exports.LongCatIcon = LongCatIcon;
+//# sourceMappingURL=LongCatIcon.cjs.js.map

package/dist/icons/LongCatIcon.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LongCatIcon.cjs.js","names":[],"sources":["../../src/ds/icons/LongCatIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const LongCatIcon = (props: React.SVGProps<SVGSVGElement>) => (\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n <path\n clipRule=\"evenodd\"\n d=\"M.507 19.883a.507.507 0 01-.489-.642L4.29 3.745a1.013 1.013 0 011.533-.578l5.622 3.687a1.013 1.013 0 001.11 0L18.2 3.165a1.013 1.013 0 011.532.58l4.25 15.497a.506.506 0 01-.49.64H18.07a6.297 6.297 0 001.53-4.115v-.177a6.09 6.09 0 00-1.513-4.017l-.697-3.495a.438.438 0 00-.694-.266L14.07 9.781a.748.748 0 01-.654.121 5.156 5.156 0 00-2.833 0 .746.746 0 01-.653-.121L7.302 7.81a.435.435 0 00-.688.269l-.675 3.652a5.36 5.36 0 00-1.539 3.76v.333c0 1.474.527 2.9 1.488 4.02l.032.038H.507z\"\n fill=\"#29E154\"\n fillRule=\"evenodd\"\n />\n <path d=\"M9.213 16.843h1.52v-3.546h-1.29l-.23 3.546zm5.573 0h-1.52v-3.546h1.29l.23 3.546z\" />\n </svg>\n);\n"],"mappings":";;;;;;AAEA,IAAa,eAAe,UAC1B,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,OAAM;CAA6B,GAAI;CAAvF,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,UAAS;EACT,GAAE;EACF,MAAK;EACL,UAAS;CACV,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,GAAE,mFAAoF,CAAA,CACzF"}

package/dist/icons/LongCatIcon.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from '../src/ds/icons/LongCatIcon';

package/dist/icons/LongCatIcon.es.js ADDED Viewed

@@ -0,0 +1,19 @@
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/ds/icons/LongCatIcon.tsx
+var LongCatIcon = (props) => /* @__PURE__ */ jsxs("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [/* @__PURE__ */ jsx("path", {
+		clipRule: "evenodd",
+		d: "M.507 19.883a.507.507 0 01-.489-.642L4.29 3.745a1.013 1.013 0 011.533-.578l5.622 3.687a1.013 1.013 0 001.11 0L18.2 3.165a1.013 1.013 0 011.532.58l4.25 15.497a.506.506 0 01-.49.64H18.07a6.297 6.297 0 001.53-4.115v-.177a6.09 6.09 0 00-1.513-4.017l-.697-3.495a.438.438 0 00-.694-.266L14.07 9.781a.748.748 0 01-.654.121 5.156 5.156 0 00-2.833 0 .746.746 0 01-.653-.121L7.302 7.81a.435.435 0 00-.688.269l-.675 3.652a5.36 5.36 0 00-1.539 3.76v.333c0 1.474.527 2.9 1.488 4.02l.032.038H.507z",
+		fill: "#29E154",
+		fillRule: "evenodd"
+	}), /* @__PURE__ */ jsx("path", { d: "M9.213 16.843h1.52v-3.546h-1.29l-.23 3.546zm5.573 0h-1.52v-3.546h1.29l.23 3.546z" })]
+});
+export { LongCatIcon };
+//# sourceMappingURL=LongCatIcon.es.js.map