@serendie/ui 0.2.2 → 0.3.0

package/dist/components/{Search.js → Search/Search.js}

@@ -1,22 +1,22 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import "../styled-system/css/css.js";
-import { cx as c } from "../styled-system/css/cx.js";
-import "../styled-system/helpers.js";
-import { sva as p } from "../styled-system/css/sva.js";
+import { SerendieSymbol as m } from "../../node_modules/@serendie/symbols/dist/symbols2.js";
+import "../../styled-system/css/css.js";
+import { cx as c } from "../../styled-system/css/cx.js";
+import "../../styled-system/helpers.js";
+import { sva as p } from "../../styled-system/css/sva.js";
 import "react";
-import "../styled-system/jsx/is-valid-prop.js";
-import { Box as g } from "../styled-system/jsx/box.js";
-import { SerendieSymbol as m } from "../node_modules/@serendie/symbols/dist/symbols2.js";
-import { Portal as y } from "../node_modules/@ark-ui/react/dist/components/portal/portal.js";
-import { ComboboxRoot as x } from "../node_modules/@ark-ui/react/dist/components/combobox/combobox-root.js";
-import { ComboboxControl as b } from "../node_modules/@ark-ui/react/dist/components/combobox/combobox-control.js";
-import { ComboboxInput as u } from "../node_modules/@ark-ui/react/dist/components/combobox/combobox-input.js";
-import { ComboboxTrigger as h } from "../node_modules/@ark-ui/react/dist/components/combobox/combobox-trigger.js";
-import { ComboboxPositioner as f } from "../node_modules/@ark-ui/react/dist/components/combobox/combobox-positioner.js";
-import { ComboboxContent as S } from "../node_modules/@ark-ui/react/dist/components/combobox/combobox-content.js";
-import { ComboboxItemGroup as w } from "../node_modules/@ark-ui/react/dist/components/combobox/combobox-item-group.js";
-import { ComboboxItem as C } from "../node_modules/@ark-ui/react/dist/components/combobox/combobox-item.js";
-import { ComboboxItemText as I } from "../node_modules/@ark-ui/react/dist/components/combobox/combobox-item-text.js";
+import "../../styled-system/jsx/is-valid-prop.js";
+import { Box as g } from "../../styled-system/jsx/box.js";
+import { Portal as y } from "../../node_modules/@ark-ui/react/dist/components/portal/portal.js";
+import { ComboboxRoot as x } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-root.js";
+import { ComboboxControl as b } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-control.js";
+import { ComboboxInput as u } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-input.js";
+import { ComboboxTrigger as h } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-trigger.js";
+import { ComboboxPositioner as f } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-positioner.js";
+import { ComboboxContent as S } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-content.js";
+import { ComboboxItemGroup as w } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-item-group.js";
+import { ComboboxItem as C } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-item.js";
+import { ComboboxItemText as I } from "../../node_modules/@ark-ui/react/dist/components/combobox/combobox-item-text.js";
 const a = p({
   slots: [
     "input",

package/dist/components/Search/index.d.ts

@@ -0,0 +1 @@
+export * from './Search.tsx';

package/dist/components/Search/index.js

@@ -0,0 +1,5 @@
+import { Search as S, SearchStyle as a } from "./Search.js";
+export {
+  S as Search,
+  a as SearchStyle
+};

package/dist/components/{Select.d.ts → Select/Select.d.ts}

@@ -1,6 +1,6 @@
 import { SelectRootProps } from '@ark-ui/react';
-import { RecipeVariantProps } from '../../styled-system/css';
-export declare const SelectStyle: import('../../styled-system/types').SlotRecipeRuntimeFn<"content" | "item" | "root" | "iconBox" | "valueText" | "trigger", {
+import { RecipeVariantProps } from '../../../styled-system/css';
+export declare const SelectStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"content" | "item" | "root" | "iconBox" | "valueText" | "trigger", {
     size: {
         medium: {
             root: {

package/dist/components/{Select.js → Select/Select.js}

@@ -1,22 +1,22 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { css as d } from "../styled-system/css/css.js";
-import { cx as h } from "../styled-system/css/cx.js";
-import "../styled-system/helpers.js";
-import { sva as b } from "../styled-system/css/sva.js";
-import { useId as f } from "react";
-import { ListItem as S } from "./ListItem.js";
-import { List as v } from "./List.js";
-import { SerendieSymbol as w } from "../node_modules/@serendie/symbols/dist/symbols2.js";
-import { Portal as _ } from "../node_modules/@ark-ui/react/dist/components/portal/portal.js";
-import { SelectRoot as C } from "../node_modules/@ark-ui/react/dist/components/select/select-root.js";
-import { SelectLabel as T } from "../node_modules/@ark-ui/react/dist/components/select/select-label.js";
-import { SelectControl as N } from "../node_modules/@ark-ui/react/dist/components/select/select-control.js";
-import { SelectTrigger as z } from "../node_modules/@ark-ui/react/dist/components/select/select-trigger.js";
-import { SelectValueText as R } from "../node_modules/@ark-ui/react/dist/components/select/select-value-text.js";
-import { SelectPositioner as I } from "../node_modules/@ark-ui/react/dist/components/select/select-positioner.js";
-import { SelectContent as V } from "../node_modules/@ark-ui/react/dist/components/select/select-content.js";
-import { SelectItem as B } from "../node_modules/@ark-ui/react/dist/components/select/select-item.js";
-const l = b({
+import { SerendieSymbol as h } from "../../node_modules/@serendie/symbols/dist/symbols2.js";
+import { useId as b } from "react";
+import { css as d } from "../../styled-system/css/css.js";
+import { cx as f } from "../../styled-system/css/cx.js";
+import "../../styled-system/helpers.js";
+import { sva as S } from "../../styled-system/css/sva.js";
+import { List as v } from "../List/List.js";
+import { ListItem as w } from "../List/ListItem.js";
+import { Portal as _ } from "../../node_modules/@ark-ui/react/dist/components/portal/portal.js";
+import { SelectRoot as C } from "../../node_modules/@ark-ui/react/dist/components/select/select-root.js";
+import { SelectLabel as T } from "../../node_modules/@ark-ui/react/dist/components/select/select-label.js";
+import { SelectControl as N } from "../../node_modules/@ark-ui/react/dist/components/select/select-control.js";
+import { SelectTrigger as z } from "../../node_modules/@ark-ui/react/dist/components/select/select-trigger.js";
+import { SelectValueText as R } from "../../node_modules/@ark-ui/react/dist/components/select/select-value-text.js";
+import { SelectPositioner as I } from "../../node_modules/@ark-ui/react/dist/components/select/select-positioner.js";
+import { SelectContent as V } from "../../node_modules/@ark-ui/react/dist/components/select/select-content.js";
+import { SelectItem as B } from "../../node_modules/@ark-ui/react/dist/components/select/select-item.js";
+const l = S({
   slots: ["root", "valueText", "trigger", "content", "item", "iconBox"],
   base: {
     root: {
@@ -162,13 +162,13 @@ const l = b({
   className: y,
   ...n
 }) => {
-  const [o, g] = l.splitVariantProps(n), s = l(o), u = f();
+  const [o, g] = l.splitVariantProps(n), s = l(o), u = b();
   return /* @__PURE__ */ i(
     C,
     {
       ...g,
       invalid: m,
-      className: h(s.root, y),
+      className: f(s.root, y),
       positioning: {
         sameWidth: !0,
         offset: {
@@ -212,7 +212,7 @@ const l = b({
             }
           ),
           /* @__PURE__ */ e(
-            w,
+            h,
             {
               name: "chevron-down",
               className: s.iconBox,
@@ -234,7 +234,7 @@ const l = b({
           }
         ),
         /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(V, { className: s.content, children: /* @__PURE__ */ e(v, { id: u, children: n.items.map((t, x) => /* @__PURE__ */ e(B, { item: t, children: /* @__PURE__ */ e(
-          S,
+          w,
           {
             title: t.label,
             value: t.value,

package/dist/components/Select/index.d.ts

@@ -0,0 +1 @@
+export * from './Select.tsx';

package/dist/components/Select/index.js

@@ -0,0 +1,5 @@
+import { Select as l, SelectStyle as S } from "./Select.js";
+export {
+  l as Select,
+  S as SelectStyle
+};

package/dist/components/{Switch.d.ts → Switch/Switch.d.ts}

@@ -1,6 +1,6 @@
 import { Switch as ArkSwitch, SwitchRootProps } from '@ark-ui/react';
-import { RecipeVariantProps } from '../../styled-system/css';
-export declare const SwitchStyle: import('../../styled-system/types').SlotRecipeRuntimeFn<"label" | "root" | "helperText" | "textGroup" | "control" | "thumb", import('../../styled-system/types').SlotRecipeVariantRecord<"label" | "root" | "helperText" | "textGroup" | "control" | "thumb">>;
+import { RecipeVariantProps } from '../../../styled-system/css';
+export declare const SwitchStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"label" | "root" | "helperText" | "textGroup" | "control" | "thumb", import('../../../styled-system/types').SlotRecipeVariantRecord<"label" | "root" | "helperText" | "textGroup" | "control" | "thumb">>;
 type SwitchItemProps = {
     label: string;
     helperText?: string;

package/dist/components/{Switch.js → Switch/Switch.js}

@@ -1,14 +1,14 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
-import { css as u } from "../styled-system/css/css.js";
-import { cx as t } from "../styled-system/css/cx.js";
-import "../styled-system/helpers.js";
-import { sva as b } from "../styled-system/css/sva.js";
-import { SwitchRoot as h } from "../node_modules/@ark-ui/react/dist/components/switch/switch-root.js";
-import { SwitchLabel as i } from "../node_modules/@ark-ui/react/dist/components/switch/switch-label.js";
-import { SwitchControl as g } from "../node_modules/@ark-ui/react/dist/components/switch/switch-control.js";
-import { SwitchThumb as f } from "../node_modules/@ark-ui/react/dist/components/switch/switch-thumb.js";
-import { SwitchHiddenInput as x } from "../node_modules/@ark-ui/react/dist/components/switch/switch-hidden-input.js";
+import { css as u } from "../../styled-system/css/css.js";
+import { cx as t } from "../../styled-system/css/cx.js";
+import "../../styled-system/helpers.js";
+import { sva as b } from "../../styled-system/css/sva.js";
+import { SwitchRoot as h } from "../../node_modules/@ark-ui/react/dist/components/switch/switch-root.js";
+import { SwitchLabel as i } from "../../node_modules/@ark-ui/react/dist/components/switch/switch-label.js";
+import { SwitchControl as g } from "../../node_modules/@ark-ui/react/dist/components/switch/switch-control.js";
+import { SwitchThumb as f } from "../../node_modules/@ark-ui/react/dist/components/switch/switch-thumb.js";
+import { SwitchHiddenInput as x } from "../../node_modules/@ark-ui/react/dist/components/switch/switch-hidden-input.js";
 const n = b({
   slots: ["root", "control", "thumb", "label", "textGroup", "helperText"],
   base: {

package/dist/components/Switch/index.d.ts

@@ -0,0 +1 @@
+export * from './Switch.tsx';

package/dist/components/Switch/index.js

@@ -0,0 +1,5 @@
+import { Switch as c, SwitchStyle as e } from "./Switch.js";
+export {
+  c as Switch,
+  e as SwitchStyle
+};

package/dist/components/{TabItem.d.ts → Tabs/TabItem.d.ts}

@@ -1,6 +1,6 @@
 import { Tabs as ArkTabs } from '@ark-ui/react';
-import { RecipeVariantProps } from '../../styled-system/css';
-export declare const TabItemStyle: import('../../styled-system/types').SlotRecipeRuntimeFn<"badge" | "dot" | "trigger" | "badgeBox", import('../../styled-system/types').SlotRecipeVariantRecord<"badge" | "dot" | "trigger" | "badgeBox">>;
+import { RecipeVariantProps } from '../../../styled-system/css';
+export declare const TabItemStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"badge" | "dot" | "trigger" | "badgeBox", import('../../../styled-system/types').SlotRecipeVariantRecord<"badge" | "dot" | "trigger" | "badgeBox">>;
 type TabItemBaseProps = {
     title: string;
     value: string;

package/dist/components/{TabItem.js → Tabs/TabItem.js}

@@ -1,10 +1,10 @@
 import { jsxs as y, jsx as o } from "react/jsx-runtime";
-import "../styled-system/css/css.js";
-import { cx as b } from "../styled-system/css/cx.js";
-import "../styled-system/helpers.js";
-import { sva as u } from "../styled-system/css/sva.js";
-import { NotificationBadge as i } from "./NotificationBadge.js";
-import { TabTrigger as h } from "../node_modules/@ark-ui/react/dist/components/tabs/tab-trigger.js";
+import "../../styled-system/css/css.js";
+import { cx as b } from "../../styled-system/css/cx.js";
+import "../../styled-system/helpers.js";
+import { sva as u } from "../../styled-system/css/sva.js";
+import { NotificationBadge as i } from "../NotificationBadge/NotificationBadge.js";
+import { TabTrigger as h } from "../../node_modules/@ark-ui/react/dist/components/tabs/tab-trigger.js";
 const l = u({
   slots: ["trigger", "dot", "badgeBox", "badge"],
   base: {

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,3 @@
+import { Tabs as ArkTabs } from '@ark-ui/react';
+export declare const TabsStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"list" | "root", import('../../../styled-system/types').SlotRecipeVariantRecord<"list" | "root">>;
+export declare const Tabs: ({ children, className, ...props }: ArkTabs.RootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/{Tabs.js → Tabs/Tabs.js}

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
-import "../styled-system/css/css.js";
-import { cx as n } from "../styled-system/css/cx.js";
-import "../styled-system/helpers.js";
-import { sva as l } from "../styled-system/css/sva.js";
-import { TabsRoot as p } from "../node_modules/@ark-ui/react/dist/components/tabs/tabs-root.js";
-import { TabList as c } from "../node_modules/@ark-ui/react/dist/components/tabs/tab-list.js";
+import "../../styled-system/css/css.js";
+import { cx as n } from "../../styled-system/css/cx.js";
+import "../../styled-system/helpers.js";
+import { sva as l } from "../../styled-system/css/sva.js";
+import { TabsRoot as p } from "../../node_modules/@ark-ui/react/dist/components/tabs/tabs-root.js";
+import { TabList as c } from "../../node_modules/@ark-ui/react/dist/components/tabs/tab-list.js";
 const o = l({
   slots: ["root", "list"],
   base: {

package/dist/components/Tabs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Tabs.tsx';
+export * from './TabItem.tsx';

package/dist/components/Tabs/index.js

@@ -0,0 +1,8 @@
+import { Tabs as a, TabsStyle as b } from "./Tabs.js";
+import { TabItem as o, TabItemStyle as r } from "./TabItem.js";
+export {
+  o as TabItem,
+  r as TabItemStyle,
+  a as Tabs,
+  b as TabsStyle
+};

package/dist/components/{TextArea.js → TextArea/TextArea.js}

@@ -1,10 +1,10 @@
 import { jsxs as a, jsx as s } from "react/jsx-runtime";
-import p, { forwardRef as v } from "react";
-import _ from "../node_modules/merge-refs/dist/esm/index.js";
-import "../styled-system/css/css.js";
-import { cx as w } from "../styled-system/css/cx.js";
-import "../styled-system/helpers.js";
-import { sva as C } from "../styled-system/css/sva.js";
+import v from "../../node_modules/merge-refs/dist/esm/index.js";
+import p, { forwardRef as _ } from "react";
+import "../../styled-system/css/css.js";
+import { cx as w } from "../../styled-system/css/cx.js";
+import "../../styled-system/helpers.js";
+import { sva as C } from "../../styled-system/css/sva.js";
 const c = C({
   slots: [
     "root",
@@ -97,7 +97,7 @@ const c = C({
       }
     }
   }
-}), j = v(
+}), j = _(
   ({
     placeholder: y,
     label: r,
@@ -109,7 +109,7 @@ const c = C({
     className: u,
     ...l
   }, g) => {
-    const x = p.useRef(null), h = _(x, g), [b, f] = c.splitVariantProps(l), e = c(b), S = t || i && o, m = l.id || p.useId();
+    const x = p.useRef(null), h = v(x, g), [b, f] = c.splitVariantProps(l), e = c(b), S = t || i && o, m = l.id || p.useId();
     return /* @__PURE__ */ a("div", { className: w(e.root, u), children: [
       r ? /* @__PURE__ */ a("label", { className: e.label, htmlFor: m, children: [
         r,

package/dist/components/TextArea/index.d.ts

@@ -0,0 +1 @@
+export * from './TextArea.tsx';

package/dist/components/TextArea/index.js

@@ -0,0 +1,4 @@
+import { TextArea as o } from "./TextArea.js";
+export {
+  o as TextArea
+};

package/dist/components/{TextField.js → TextField/TextField.js}

@@ -1,11 +1,11 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import m, { forwardRef as j } from "react";
-import q from "../node_modules/merge-refs/dist/esm/index.js";
-import { css as v } from "../styled-system/css/css.js";
-import { cx as z } from "../styled-system/css/cx.js";
-import "../styled-system/helpers.js";
-import { sva as L } from "../styled-system/css/sva.js";
-import { SerendieSymbol as S } from "../node_modules/@serendie/symbols/dist/symbols2.js";
+import { SerendieSymbol as v } from "../../node_modules/@serendie/symbols/dist/symbols2.js";
+import j from "../../node_modules/merge-refs/dist/esm/index.js";
+import m, { forwardRef as q } from "react";
+import { css as S } from "../../styled-system/css/css.js";
+import { cx as z } from "../../styled-system/css/cx.js";
+import "../../styled-system/helpers.js";
+import { sva as L } from "../../styled-system/css/sva.js";
 const C = L({
   slots: [
     "root",
@@ -103,7 +103,7 @@ const C = L({
       color: "sd.system.color.impression.negative"
     }
   }
-}), K = j(
+}), K = q(
   ({
     placeholder: N,
     label: c,
@@ -120,7 +120,7 @@ const C = L({
     rightContent: h,
     ...t
   }, R) => {
-    const r = m.useRef(null), W = q(r, R), [F, k] = C.splitVariantProps(t), s = C(F), T = a || o && d, [V, I] = m.useState(t.defaultValue || y), x = t.id || m.useId(), P = () => {
+    const r = m.useRef(null), W = j(r, R), [F, k] = C.splitVariantProps(t), s = C(F), T = a || o && d, [V, I] = m.useState(t.defaultValue || y), x = t.id || m.useId(), P = () => {
       var b;
       const i = {
         target: { value: "" }
@@ -161,18 +161,18 @@ const C = L({
             (o ? /* @__PURE__ */ e(
               "span",
               {
-                className: v({
+                className: S({
                   color: "sd.system.color.impression.negative"
                 }),
-                children: /* @__PURE__ */ e(S, { name: "alert-circle", size: 20 })
+                children: /* @__PURE__ */ e(v, { name: "alert-circle", size: 20 })
               }
             ) : V ? /* @__PURE__ */ e(
               "button",
               {
-                className: v({ cursor: "pointer" }),
+                className: S({ cursor: "pointer" }),
                 onClick: P,
                 "aria-label": "値をクリア",
-                children: /* @__PURE__ */ e(S, { name: "close", size: 20 })
+                children: /* @__PURE__ */ e(v, { name: "close", size: 20 })
               }
             ) : null) })
           ]

package/dist/components/TextField/index.d.ts

@@ -0,0 +1 @@
+export * from './TextField.tsx';

package/dist/components/TextField/index.js

@@ -0,0 +1,4 @@
+import { TextField as r } from "./TextField.js";
+export {
+  r as TextField
+};

package/dist/components/{Toast.d.ts → Toast/Toast.d.ts}

@@ -1,5 +1,5 @@
 import { createToaster } from '@ark-ui/react';
-export declare const ToastStyle: import('../../styled-system/types').SlotRecipeRuntimeFn<"icon" | "text" | "root" | "textGroup", {
+export declare const ToastStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"icon" | "text" | "root" | "textGroup", {
     variant: {
         default: {
             root: {

package/dist/components/{Toast.js → Toast/Toast.js}

@@ -1,13 +1,13 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import "../styled-system/css/css.js";
-import "../styled-system/helpers.js";
-import { sva as c } from "../styled-system/css/sva.js";
-import { SerendieSymbol as m } from "../node_modules/@serendie/symbols/dist/symbols2.js";
-import { createToaster as l } from "../node_modules/@ark-ui/react/dist/components/toast/create-toaster.js";
-import { Toaster as d } from "../node_modules/@ark-ui/react/dist/components/toast/toaster.js";
-import { ToastRoot as p } from "../node_modules/@ark-ui/react/dist/components/toast/toast-root.js";
-import { ToastTitle as y } from "../node_modules/@ark-ui/react/dist/components/toast/toast-title.js";
-const x = c({
+import { SerendieSymbol as c } from "../../node_modules/@serendie/symbols/dist/symbols2.js";
+import "../../styled-system/css/css.js";
+import "../../styled-system/helpers.js";
+import { sva as m } from "../../styled-system/css/sva.js";
+import { createToaster as l } from "../../node_modules/@ark-ui/react/dist/components/toast/create-toaster.js";
+import { Toaster as d } from "../../node_modules/@ark-ui/react/dist/components/toast/toaster.js";
+import { ToastRoot as p } from "../../node_modules/@ark-ui/react/dist/components/toast/toast-root.js";
+import { ToastTitle as y } from "../../node_modules/@ark-ui/react/dist/components/toast/toast-title.js";
+const x = m({
   slots: ["root", "textGroup", "text", "icon"],
   base: {
     root: {
@@ -75,7 +75,7 @@ const x = c({
     const a = e.type === "error" ? "error" : "default", o = x({ variant: a }), s = i[e.type];
     return /* @__PURE__ */ t(p, { className: o.root, children: /* @__PURE__ */ n("div", { className: o.textGroup, children: [
       s && /* @__PURE__ */ t(
-        m,
+        c,
         {
           name: s,
           size: 24,

package/dist/components/Toast/index.d.ts

@@ -0,0 +1 @@
+export * from './Toast.tsx';

package/dist/components/Toast/index.js

@@ -0,0 +1,6 @@
+import { Toast as a, ToastStyle as e, toaster as r } from "./Toast.js";
+export {
+  a as Toast,
+  e as ToastStyle,
+  r as toaster
+};

package/dist/components/{TopAppBar.d.ts → TopAppBar/TopAppBar.d.ts}

@@ -1,7 +1,7 @@
 import { ComponentProps } from 'react';
-import { RecipeVariantProps } from '../../styled-system/css';
-import { NotificationBadgeProps } from './NotificationBadge';
-declare const topAppBarStyle: import('../../styled-system/types').SlotRecipeRuntimeFn<"container" | "left" | "title" | "root" | "buttonContainer", {
+import { RecipeVariantProps } from '../../../styled-system/css';
+import { NotificationBadgeProps } from '../NotificationBadge';
+declare const topAppBarStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"container" | "left" | "title" | "root" | "buttonContainer", {
     type: {
         navbar: {};
         titleBar: {};

package/dist/components/{TopAppBar.js → TopAppBar/TopAppBar.js}

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import "../styled-system/css/css.js";
-import { cx as d } from "../styled-system/css/cx.js";
-import "../styled-system/helpers.js";
-import { sva as y } from "../styled-system/css/sva.js";
-import { NotificationBadge as x } from "./NotificationBadge.js";
+import "../../styled-system/css/css.js";
+import { cx as d } from "../../styled-system/css/cx.js";
+import "../../styled-system/helpers.js";
+import { sva as y } from "../../styled-system/css/sva.js";
+import { NotificationBadge as x } from "../NotificationBadge/NotificationBadge.js";
 const i = y({
   slots: ["root", "container", "left", "buttonContainer", "title"],
   base: {

package/dist/components/TopAppBar/index.d.ts

@@ -0,0 +1 @@
+export * from './TopAppBar.tsx';

package/dist/components/TopAppBar/index.js

@@ -0,0 +1,4 @@
+import { TopAppBar as r } from "./TopAppBar.js";
+export {
+  r as TopAppBar
+};

package/dist/index.d.ts

@@ -1,33 +1,28 @@
 export { SerendiePreset } from './preset';
-export * from './components/Accordion';
-export * from './components/AccordionGroup.tsx';
-export * from './components/Avatar.tsx';
-export * from './components/Badge.tsx';
-export * from './components/Banner.tsx';
-export * from './components/BottomNavigation.tsx';
-export * from './components/BottomNavigationItem.tsx';
-export * from './components/Button.tsx';
-export * from './components/CheckBox.tsx';
-export * from './components/ChoiceBox.tsx';
-export * from './components/DashboardWidget.tsx';
-export * from './components/Divider.tsx';
-export * from './components/Drawer.tsx';
-export * from './components/DropdownMenu.tsx';
-export * from './components/IconButton.tsx';
-export * from './components/List.tsx';
-export * from './components/ListItem.tsx';
-export * from './components/ModalDialog.tsx';
-export * from './components/NotificationBadge.tsx';
-export * from './components/PasswordField.tsx';
-export * from './components/ProgressIndicator.tsx';
-export * from './components/RadioButton.tsx';
-export * from './components/RadioGroup.tsx';
-export * from './components/Search.tsx';
-export * from './components/Select.tsx';
-export * from './components/Switch.tsx';
-export * from './components/TabItem.tsx';
-export * from './components/Tabs.tsx';
-export * from './components/TextArea.tsx';
-export * from './components/TextField.tsx';
-export * from './components/Toast.tsx';
-export * from './components/TopAppBar.tsx';
+export * from './components/Accordion/index.ts';
+export * from './components/Avatar/index.ts';
+export * from './components/Badge/index.ts';
+export * from './components/Banner/index.ts';
+export * from './components/BottomNavigation/index.ts';
+export * from './components/Button/index.ts';
+export * from './components/CheckBox/index.ts';
+export * from './components/ChoiceBox/index.ts';
+export * from './components/DashboardWidget/index.ts';
+export * from './components/Divider/index.ts';
+export * from './components/Drawer/index.ts';
+export * from './components/DropdownMenu/index.ts';
+export * from './components/IconButton/index.ts';
+export * from './components/List/index.ts';
+export * from './components/ModalDialog/index.ts';
+export * from './components/NotificationBadge/index.ts';
+export * from './components/PasswordField/index.ts';
+export * from './components/ProgressIndicator/index.ts';
+export * from './components/RadioButton/index.ts';
+export * from './components/Search/index.ts';
+export * from './components/Select/index.ts';
+export * from './components/Switch/index.ts';
+export * from './components/Tabs/index.ts';
+export * from './components/TextArea/index.ts';
+export * from './components/TextField/index.ts';
+export * from './components/Toast/index.ts';
+export * from './components/TopAppBar/index.ts';