@aortl/admin-react 0.15.0 → 0.15.1

package/dist/Tabs.d.ts

@@ -14,13 +14,10 @@ export type TabsTabProps = ComponentProps<typeof BaseTabs.Tab>;
 declare function TabsTab({ className, ...rest }: TabsTabProps): import("react/jsx-runtime").JSX.Element;
 export type TabsPanelProps = ComponentProps<typeof BaseTabs.Panel>;
 declare function TabsPanel({ className, ...rest }: TabsPanelProps): import("react/jsx-runtime").JSX.Element;
-export type TabsIndicatorProps = ComponentProps<typeof BaseTabs.Indicator>;
-declare function TabsIndicator({ className, ...rest }: TabsIndicatorProps): import("react/jsx-runtime").JSX.Element;
 export declare const Tabs: typeof TabsRoot & {
     List: typeof TabsList;
     Tab: typeof TabsTab;
     Panel: typeof TabsPanel;
-    Indicator: typeof TabsIndicator;
 };
 export {};
 //# sourceMappingURL=Tabs.d.ts.map

package/dist/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAC/C,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC;IACrE,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,iBAAS,QAAQ,CAAC,EAChB,OAAoB,EACpB,IAAW,EACX,SAAiB,EACjB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,SAAS,2CAeX;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;AAEjE,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,2CAEtD;AAED,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC;AAE/D,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,2CAEpD;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;AAEnE,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAExD;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,SAAS,CAAC,CAAC;AAE3E,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,2CAEhE;AAED,eAAO,MAAM,IAAI;;;;;CAKf,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAC/C,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC;IACrE,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,iBAAS,QAAQ,CAAC,EAChB,OAAoB,EACpB,IAAW,EACX,SAAiB,EACjB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,SAAS,2CAeX;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;AAEjE,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,2CAEtD;AAED,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC;AAE/D,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,2CAEpD;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;AAEnE,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAExD;AAED,eAAO,MAAM,IAAI;;;;CAIf,CAAC"}

package/dist/admin.scoped.css

@@ -3748,6 +3748,8 @@
     padding: calc(var(--spacing) * 0.5);
   }
 :scope._ao-tabs-boxed ._ao-tab, :scope ._ao-tabs-boxed ._ao-tab {
+    position: relative;
+    z-index: 1;
     border-radius: 0.25rem;
   }
 :scope._ao-tabs-boxed ._ao-tab[data-selected], :scope ._ao-tabs-boxed ._ao-tab[data-selected], :scope._ao-tabs-boxed ._ao-tab[aria-selected="true"], :scope ._ao-tabs-boxed ._ao-tab[aria-selected="true"], :scope._ao-tabs-boxed ._ao-tab-input:checked + ._ao-tab, :scope ._ao-tabs-boxed ._ao-tab-input:checked + ._ao-tab {
@@ -3756,6 +3758,56 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+@supports (anchor-scope: --x) {
+    :scope._ao-tabs ._ao-tab-list, :scope ._ao-tabs ._ao-tab-list {
+      anchor-scope: --tab-thumb;
+    }
+    :scope._ao-tabs ._ao-tab[data-selected], :scope ._ao-tabs ._ao-tab[data-selected], :scope._ao-tabs ._ao-tab[aria-selected="true"], :scope ._ao-tabs ._ao-tab[aria-selected="true"], :scope._ao-tabs ._ao-tab-input:checked + ._ao-tab, :scope ._ao-tabs ._ao-tab-input:checked + ._ao-tab {
+      anchor-name: --tab-thumb;
+    }
+    :scope._ao-tabs ._ao-tab-list::before, :scope ._ao-tabs ._ao-tab-list::before {
+      content: "";
+      position: absolute;
+      position-anchor: --tab-thumb;
+    }
+    :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab::after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab::after {
+      display: none;
+    }
+    :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab-list::before, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab-list::before {
+      background-color: var(--color-primary);
+      left: anchor(left);
+      right: anchor(right);
+      inset-block-end: -1px;
+      block-size: 2px;
+      transition: left 180ms ease, right 180ms ease;
+    }
+    :scope._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab-list::before, :scope ._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab-list::before {
+      inset-inline: auto;
+      inset-inline-end: -1px;
+      inline-size: 2px;
+      top: anchor(top);
+      bottom: anchor(bottom);
+      block-size: auto;
+      transition: top 180ms ease, bottom 180ms ease;
+    }
+    :scope._ao-tabs-boxed ._ao-tab[data-selected], :scope ._ao-tabs-boxed ._ao-tab[data-selected], :scope._ao-tabs-boxed ._ao-tab[aria-selected="true"], :scope ._ao-tabs-boxed ._ao-tab[aria-selected="true"], :scope._ao-tabs-boxed ._ao-tab-input:checked + ._ao-tab, :scope ._ao-tabs-boxed ._ao-tab-input:checked + ._ao-tab {
+      background-color: transparent;
+      --tw-shadow: 0 0 #0000;
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+    :scope._ao-tabs-boxed ._ao-tab-list::before, :scope ._ao-tabs-boxed ._ao-tab-list::before {
+      top: anchor(top);
+      right: anchor(right);
+      bottom: anchor(bottom);
+      left: anchor(left);
+      z-index: 0;
+      border-radius: 0.25rem;
+      background-color: var(--color-surface);
+      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      transition: top 180ms ease, right 180ms ease, bottom 180ms ease, left 180ms ease;
+    }
+  }
 :scope._ao-tabs-full-width:not([data-orientation="vertical"]) ._ao-tab-list, :scope ._ao-tabs-full-width:not([data-orientation="vertical"]) ._ao-tab-list {
     display: flex;
     width: 100%;
@@ -3818,6 +3870,11 @@
 :scope._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab[data-selected]::after, :scope ._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab[data-selected]::after, :scope._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab[aria-selected="true"]::after, :scope ._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab[aria-selected="true"]::after {
     transform: scaleY(1);
   }
+@media (prefers-reduced-motion: reduce) {
+    :scope._ao-tabs ._ao-tab-list::before, :scope ._ao-tabs ._ao-tab-list::before, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab::after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab::after {
+      transition: none;
+    }
+  }
 :scope._ao-table, :scope ._ao-table {
     width: 100%;
     border-collapse: collapse;

package/dist/index.cjs

@@ -1870,17 +1870,10 @@ function TabsPanel({ className, ...rest }) {
 		...rest
 	});
 }
-function TabsIndicator({ className, ...rest }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tabs.Tabs.Indicator, {
-		className: cn("tab-indicator", className),
-		...rest
-	});
-}
 var Tabs = Object.assign(TabsRoot, {
 	List: TabsList,
 	Tab: TabsTab,
-	Panel: TabsPanel,
-	Indicator: TabsIndicator
+	Panel: TabsPanel
 });
 //#endregion
 //#region src/CodeBlock.tsx