@dxos/react-ui-tabs 0.8.4-main.8360d9e660 → 0.8.4-main.8baae0fced

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 (15) hide show
  1. package/LICENSE +102 -5
  2. package/dist/lib/browser/index.mjs +24 -32
  3. package/dist/lib/browser/index.mjs.map +3 -3
  4. package/dist/lib/browser/meta.json +1 -1
  5. package/dist/lib/node-esm/index.mjs +24 -32
  6. package/dist/lib/node-esm/index.mjs.map +3 -3
  7. package/dist/lib/node-esm/meta.json +1 -1
  8. package/dist/types/src/Tabs.d.ts +5 -6
  9. package/dist/types/src/Tabs.d.ts.map +1 -1
  10. package/dist/types/src/Tabs.stories.d.ts +8 -5
  11. package/dist/types/src/Tabs.stories.d.ts.map +1 -1
  12. package/dist/types/tsconfig.tsbuildinfo +1 -1
  13. package/package.json +11 -14
  14. package/src/Tabs.stories.tsx +48 -41
  15. package/src/Tabs.tsx +26 -51
package/dist/types/src/Tabs.d.ts CHANGED
@@ -6,9 +6,8 @@ type TabsContextValue = {
6
6
  activePart: TabsActivePart;
7
7
  setActivePart: (nextActivePart: TabsActivePart) => void;
8
8
  attendableId?: string;
9
- verticalVariant?: 'stateful' | 'stateless';
10
9
  } & Pick<TabsPrimitive.TabsProps, 'orientation' | 'value'>;
11
- type TabsRootProps = ThemedClassName<TabsPrimitive.TabsProps> & Partial<Pick<TabsContextValue, 'activePart' | 'verticalVariant' | 'attendableId'>> & Partial<{
10
+ type TabsRootProps = ThemedClassName<TabsPrimitive.TabsProps> & Partial<Pick<TabsContextValue, 'activePart' | 'attendableId'> & {
12
11
  onActivePartChange: (nextActivePart: TabsActivePart) => void;
13
12
  defaultActivePart: TabsActivePart;
14
13
  }>;
@@ -17,12 +16,12 @@ type TabsTablistProps = ThemedClassName<TabsPrimitive.TabsListProps>;
17
16
  type TabsTabGroupHeadingProps = ThemedClassName<ComponentPropsWithoutRef<'h2'>>;
18
17
  type TabsTabProps = ButtonProps & Pick<TabsPrimitive.TabsTriggerProps, 'value'>;
19
18
  type TabsIconTabProps = IconButtonProps & Pick<TabsPrimitive.TabsTriggerProps, 'value'>;
20
- type TabsTabpanelProps = ThemedClassName<TabsPrimitive.TabsContentProps>;
19
+ type TabsPanelProps = ThemedClassName<TabsPrimitive.TabsContentProps>;
21
20
  type TabsTabPrimitiveProps = TabsPrimitive.TabsTriggerProps;
22
21
  export declare const Tabs: {
23
22
  Root: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps, "className"> & {
24
23
  classNames?: import("@dxos/ui-types").ClassNameValue;
25
- } & Partial<Pick<TabsContextValue, "activePart" | "verticalVariant" | "attendableId">> & Partial<{
24
+ } & Partial<Pick<TabsContextValue, "activePart" | "attendableId"> & {
26
25
  onActivePartChange: (nextActivePart: TabsActivePart) => void;
27
26
  defaultActivePart: TabsActivePart;
28
27
  }> & React.RefAttributes<HTMLDivElement>>;
@@ -31,9 +30,9 @@ export declare const Tabs: {
31
30
  IconTab: ({ value, classNames, onClick, ...props }: TabsIconTabProps) => React.JSX.Element;
32
31
  TabPrimitive: React.ForwardRefExoticComponent<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
33
32
  TabGroupHeading: ({ children, classNames, ...props }: ThemedClassName<TabsTabGroupHeadingProps>) => React.JSX.Element;
34
- Tabpanel: ({ classNames, children, ...props }: TabsTabpanelProps) => React.JSX.Element;
33
+ Panel: ({ classNames, children, ...props }: TabsPanelProps) => React.JSX.Element;
35
34
  BackButton: ({ onClick, classNames, ...props }: ButtonProps) => React.JSX.Element;
36
35
  Viewport: ({ classNames, children, ...props }: TabsViewportProps) => React.JSX.Element;
37
36
  };
38
- export type { TabsActivePart, TabsRootProps, TabsTablistProps, TabsTabProps, TabsTabPrimitiveProps, TabsTabGroupHeadingProps, TabsTabpanelProps, TabsViewportProps, };
37
+ export type { TabsActivePart, TabsRootProps, TabsTablistProps, TabsTabProps, TabsTabPrimitiveProps, TabsTabGroupHeadingProps, TabsPanelProps, TabsViewportProps, };
39
38
  //# sourceMappingURL=Tabs.d.ts.map
package/dist/types/src/Tabs.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/Tabs.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAEtD,OAAO,KAAK,EAAE,EAEZ,KAAK,wBAAwB,EAK9B,MAAM,OAAO,CAAC;AAEf,OAAO,EAEL,KAAK,WAAW,EAEhB,KAAK,eAAe,EACpB,KAAK,eAAe,EAErB,MAAM,gBAAgB,CAAC;AAIxB,KAAK,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAIvC,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,cAAc,CAAC;IAC3B,aAAa,EAAE,CAAC,cAAc,EAAE,cAAc,KAAK,IAAI,CAAC;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;CAC5C,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,aAAa,GAAG,OAAO,CAAC,CAAC;AAQ3D,KAAK,aAAa,GAAG,eAAe,CAAC,aAAa,CAAC,SAAS,CAAC,GAC3D,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,iBAAiB,GAAG,cAAc,CAAC,CAAC,GAClF,OAAO,CAAC;IACN,kBAAkB,EAAE,CAAC,cAAc,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7D,iBAAiB,EAAE,cAAc,CAAC;CACnC,CAAC,CAAC;AAwFL,KAAK,iBAAiB,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC;AAuB1E,KAAK,gBAAgB,GAAG,eAAe,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;AAmCrE,KAAK,wBAAwB,GAAG,eAAe,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC,CAAC;AAUhF,KAAK,YAAY,GAAG,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC;AAoChF,KAAK,gBAAgB,GAAG,eAAe,GAAG,IAAI,CAAC,aAAa,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC;AAkCxF,KAAK,iBAAiB,GAAG,eAAe,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;AAazE,KAAK,qBAAqB,GAAG,aAAa,CAAC,gBAAgB,CAAC;AAE5D,eAAO,MAAM,IAAI;;;;4BAnPO,CAAC,cAAc,EAAE,cAAc,KAAK,IAAI;2BACzC,cAAc;;kDAmHoB,gBAAgB;8DA4CJ,YAAY;wDAoClB,gBAAgB;;0DA9Cd,eAAe,CAAC,wBAAwB,CAAC;mDAgFhD,iBAAiB;oDA/FhB,WAAW;mDA3CZ,iBAAiB;CAiK1E,CAAC;AAEF,YAAY,EACV,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,qBAAqB,EACrB,wBAAwB,EACxB,iBAAiB,EACjB,iBAAiB,GAClB,CAAC"}
1
+ {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/Tabs.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAEtD,OAAO,KAAK,EAAE,EAEZ,KAAK,wBAAwB,EAK9B,MAAM,OAAO,CAAC;AAEf,OAAO,EAEL,KAAK,WAAW,EAEhB,KAAK,eAAe,EACpB,KAAK,eAAe,EAErB,MAAM,gBAAgB,CAAC;AAIxB,KAAK,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAIvC,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,cAAc,CAAC;IAC3B,aAAa,EAAE,CAAC,cAAc,EAAE,cAAc,KAAK,IAAI,CAAC;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,aAAa,GAAG,OAAO,CAAC,CAAC;AAQ3D,KAAK,aAAa,GAAG,eAAe,CAAC,aAAa,CAAC,SAAS,CAAC,GAC3D,OAAO,CACL,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,cAAc,CAAC,GAAG;IACtD,kBAAkB,EAAE,CAAC,cAAc,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7D,iBAAiB,EAAE,cAAc,CAAC;CACnC,CACF,CAAC;AA+EJ,KAAK,iBAAiB,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC;AAW1E,KAAK,gBAAgB,GAAG,eAAe,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;AAiCrE,KAAK,wBAAwB,GAAG,eAAe,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC,CAAC;AAUhF,KAAK,YAAY,GAAG,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC;AAmChF,KAAK,gBAAgB,GAAG,eAAe,GAAG,IAAI,CAAC,aAAa,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC;AAiCxF,KAAK,cAAc,GAAG,eAAe,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;AAatE,KAAK,qBAAqB,GAAG,aAAa,CAAC,gBAAgB,CAAC;AAE5D,eAAO,MAAM,IAAI;IACf,IAAI;;;4BA5NoB,CAAC,cAAc,EAAE,cAAc,KAAK,IAAI;2BACzC,cAAc;;IA4NrC,OAAO,uCA9HgD,gBAAgB;IA+HvE,GAAG,uDApFgE,YAAY;IAqF/E,OAAO,6CAlDsD,gBAAgB;IAmD7E,YAAY;IACZ,eAAe,uCAjGgD,eAAe,CAAC,wBAAwB,CAAC;IAkGxG,KAAK,uCApBgD,cAAc;IAqBnE,UAAU,sCAlH+C,WAAW;IAmHpE,QAAQ,uCAhJgD,iBAAiB;CAiJ1E,CAAC;AAEF,YAAY,EACV,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,qBAAqB,EACrB,wBAAwB,EACxB,cAAc,EACd,iBAAiB,GAClB,CAAC"}
package/dist/types/src/Tabs.stories.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { type StoryObj } from '@storybook/react-vite';
2
2
  import React from 'react';
3
- export declare const DefaultStory: () => React.JSX.Element;
3
+ import { TabsRootProps } from './Tabs';
4
4
  declare const meta: {
5
5
  title: string;
6
6
  component: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsProps, "className"> & {
@@ -9,15 +9,18 @@ declare const meta: {
9
9
  activePart: import("./Tabs").TabsActivePart;
10
10
  setActivePart: (nextActivePart: import("./Tabs").TabsActivePart) => void;
11
11
  attendableId?: string;
12
- verticalVariant?: "stateful" | "stateless";
13
- } & Pick<import("@radix-ui/react-tabs").TabsProps, "orientation" | "value">, "activePart" | "verticalVariant" | "attendableId">> & Partial<{
12
+ } & Pick<import("@radix-ui/react-tabs").TabsProps, "orientation" | "value">, "activePart" | "attendableId"> & {
14
13
  onActivePartChange: (nextActivePart: import("./Tabs").TabsActivePart) => void;
15
14
  defaultActivePart: import("./Tabs").TabsActivePart;
16
15
  }> & React.RefAttributes<HTMLDivElement>>;
17
- render: () => React.JSX.Element;
16
+ render: ({ orientation }: TabsRootProps) => React.JSX.Element;
18
17
  decorators: import("@storybook/react").Decorator[];
18
+ parameters: {
19
+ layout: string;
20
+ };
19
21
  };
20
22
  export default meta;
21
23
  type Story = StoryObj<typeof meta>;
22
- export declare const Default: Story;
24
+ export declare const Horizontal: Story;
25
+ export declare const Vertical: Story;
23
26
  //# sourceMappingURL=Tabs.stories.d.ts.map
package/dist/types/src/Tabs.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/Tabs.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,YAAY,yBAiCxB,CAAC;AAUF,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAK2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
1
+ {"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/Tabs.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAQ,aAAa,EAAE,MAAM,QAAQ,CAAC;AAwC7C,QAAA,MAAM,IAAI;;;;;;;;;;;;8BApC6B,aAAa;;;QA0ChD,MAAM;;CAE2B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC"}