@ptlm-azulejo/segmented-control 0.1.1 → 0.1.2-alpha.83
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.
- package/CHANGELOG.md +78 -0
- package/dist/index.js +5365 -2327
- package/dist/index.umd.cjs +1 -1
- package/dist/{index.d.ts → packages/SegmentedControl/index.d.ts} +1 -1
- package/dist/packages/SegmentedControl/index.d.ts.map +1 -0
- package/dist/{src → packages/SegmentedControl/src}/index.vue.d.ts +16 -2
- package/dist/packages/SegmentedControl/src/index.vue.d.ts.map +1 -0
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/src/index.vue.d.ts.map +0 -1
- package/dist/src/types.d.ts +0 -15
- package/dist/src/types.d.ts.map +0 -1
- package/dist/src/useSegmentedControl.d.ts +0 -17
- package/dist/src/useSegmentedControl.d.ts.map +0 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { default as AzSegmentedControl } from './src/index.vue';
|
|
2
|
-
export type { SegmentedControlItem, SegmentedControlSize, SegmentedControlUi, } from './src/
|
|
2
|
+
export type { SegmentedControlItem, SegmentedControlSize, SegmentedControlUi, } from './src/index.vue';
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAC/D,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,iBAAiB,CAAA"}
|
|
@@ -1,5 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export interface SegmentedControlItem {
|
|
2
|
+
label: string;
|
|
3
|
+
value: string;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export type SegmentedControlSize = 's' | 'm';
|
|
7
|
+
export interface SegmentedControlUi {
|
|
8
|
+
root?: string;
|
|
9
|
+
segment?: string;
|
|
10
|
+
segmentSelected?: string;
|
|
11
|
+
label?: string;
|
|
12
|
+
labelSelected?: string;
|
|
13
|
+
indicator?: string;
|
|
14
|
+
}
|
|
3
15
|
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
4
16
|
/**
|
|
5
17
|
* Segments to display. Each item needs a unique `value` and visible `label`.
|
|
@@ -23,6 +35,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
23
35
|
disabled?: boolean;
|
|
24
36
|
/**
|
|
25
37
|
* Tailwind class overrides per structural part (`root`, `segment`, `label`, etc.).
|
|
38
|
+
* Merged with `defaultSegmentedControlUi` via `cn()` — conflicting utilities win.
|
|
26
39
|
*/
|
|
27
40
|
ui?: SegmentedControlUi;
|
|
28
41
|
/**
|
|
@@ -59,6 +72,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
59
72
|
disabled?: boolean;
|
|
60
73
|
/**
|
|
61
74
|
* Tailwind class overrides per structural part (`root`, `segment`, `label`, etc.).
|
|
75
|
+
* Merged with `defaultSegmentedControlUi` via `cn()` — conflicting utilities win.
|
|
62
76
|
*/
|
|
63
77
|
ui?: SegmentedControlUi;
|
|
64
78
|
/**
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../src/index.vue"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,MAAM,oBAAoB,GAAG,GAAG,GAAG,GAAG,CAAA;AAE5C,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;;IA2WG;;OAEG;WACI,oBAAoB,EAAE;IAC7B;;OAEG;iBACU,MAAM;IACnB;;OAEG;WACI,oBAAoB;IAC3B;;OAEG;gBACS,OAAO;IACnB;;OAEG;eACQ,OAAO;IAClB;;;OAGG;SACE,kBAAkB;IACvB;;OAEG;gBACS,MAAM;;;;;;;;;IA5BlB;;OAEG;WACI,oBAAoB,EAAE;IAC7B;;OAEG;iBACU,MAAM;IACnB;;OAEG;WACI,oBAAoB;IAC3B;;OAEG;gBACS,OAAO;IACnB;;OAEG;eACQ,OAAO;IAClB;;;OAGG;SACE,kBAAkB;IACvB;;OAEG;gBACS,MAAM;;;;;;;;;UAjBX,oBAAoB;eAIf,OAAO;cAIR,OAAO;QAKb,kBAAkB;;AA9B3B,wBAqCG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial}}}.
|
|
1
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}.visible{visibility:visible}.relative{position:relative}.isolate{isolation:isolate}.z-0{z-index:0}.z-\[1\]{z-index:1}.row-start-1{grid-row-start:1}.flex{display:flex}.grid{display:grid}.inline-grid{display:inline-grid}.table{display:table}.h-8{height:calc(var(--spacing,.25rem) * 8)}.h-12{height:calc(var(--spacing,.25rem) * 12)}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing,.25rem) * 0)}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing,.25rem) * 1)}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-none{border-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-edge{border-color:var(--color-border-primary)}.bg-\[color\:var\(--color-blue-grey-600\)\]{background-color:var(--color-blue-grey-600)}.bg-red-500{background-color:var(--color-red-500,oklch(63.7% .237 25.331))}.bg-surface{background-color:var(--color-background-primary)}.p-1{padding:calc(var(--spacing,.25rem) * 1)}.p-2{padding:calc(var(--spacing,.25rem) * 2)}.px-4{padding-inline:calc(var(--spacing,.25rem) * 4)}.font-sans{font-family:var(--font-family,ui-sans-serif, system-ui, sans-serif)}.text-sm{font-size:var(--font-size-04);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.font-normal{--tw-font-weight:var(--font-weight-regular);font-weight:var(--font-weight-regular)}.tracking-widest{--tw-tracking:var(--tracking-widest,.1em);letter-spacing:var(--tracking-widest,.1em)}.whitespace-nowrap{white-space:nowrap}.text-\[color\:var\(--color-text-tertiary\)\]{color:var(--color-text-tertiary)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-80{opacity:.8}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-aria-\[checked\=true\]\:font-semibold:is(:where(.group)[aria-checked=true] *){--tw-font-weight:var(--font-weight-semi-bold);font-weight:var(--font-weight-semi-bold)}.group-aria-\[checked\=true\]\:text-\[color\:var\(--color-text-primary-inverse\)\]:is(:where(.group)[aria-checked=true] *){color:var(--color-text-primary-inverse)}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-\[length\:var\(--border-m\)\]:focus-visible{outline-style:var(--tw-outline-style);outline-width:var(--border-m)}.focus-visible\:outline-offset-\[length\:var\(--border-m\)\]:focus-visible{outline-offset:var(--border-m)}.focus-visible\:outline-\[color\:var\(--color-text-accent\)\]:focus-visible{outline-color:var(--color-text-accent)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (hover:hover){.hover\:aria-\[checked\=false\]\:not-disabled\:bg-\[color-mix\(in_srgb\,var\(--color-text-primary\)_5\%\,transparent\)\]:hover[aria-checked=false]:not(:disabled){background-color:var(--color-text-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:aria-\[checked\=false\]\:not-disabled\:bg-\[color-mix\(in_srgb\,var\(--color-text-primary\)_5\%\,transparent\)\]:hover[aria-checked=false]:not(:disabled){background-color:color-mix(in srgb,var(--color-text-primary) 5%,transparent)}}}@media (prefers-reduced-motion:reduce){.motion-reduce\:\!transition-none{transition-property:none!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
|
package/package.json
CHANGED
package/dist/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAC/D,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,aAAa,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../src/index.vue"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAC7F,OAAO,yBAAyB,CAAA;;IA+P5B;;OAEG;WACI,oBAAoB,EAAE;IAC7B;;OAEG;iBACU,MAAM;IACnB;;OAEG;WACI,oBAAoB;IAC3B;;OAEG;gBACS,OAAO;IACnB;;OAEG;eACQ,OAAO;IAClB;;OAEG;SACE,kBAAkB;IACvB;;OAEG;gBACS,MAAM;;;;;;;;;IA3BlB;;OAEG;WACI,oBAAoB,EAAE;IAC7B;;OAEG;iBACU,MAAM;IACnB;;OAEG;WACI,oBAAoB;IAC3B;;OAEG;gBACS,OAAO;IACnB;;OAEG;eACQ,OAAO;IAClB;;OAEG;SACE,kBAAkB;IACvB;;OAEG;gBACS,MAAM;;;;;;;;;UAhBX,oBAAoB;eAIf,OAAO;cAIR,OAAO;QAIb,kBAAkB;;AA7B3B,wBAoCG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
package/dist/src/types.d.ts
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export interface SegmentedControlItem {
|
|
2
|
-
label: string;
|
|
3
|
-
value: string;
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
}
|
|
6
|
-
export type SegmentedControlSize = 's' | 'm';
|
|
7
|
-
export interface SegmentedControlUi {
|
|
8
|
-
root?: string;
|
|
9
|
-
segment?: string;
|
|
10
|
-
segmentSelected?: string;
|
|
11
|
-
label?: string;
|
|
12
|
-
labelSelected?: string;
|
|
13
|
-
indicator?: string;
|
|
14
|
-
}
|
|
15
|
-
//# sourceMappingURL=types.d.ts.map
|
package/dist/src/types.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,MAAM,oBAAoB,GAAG,GAAG,GAAG,GAAG,CAAA;AAE5C,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { Ref } from 'vue';
|
|
2
|
-
import { SegmentedControlItem } from './types';
|
|
3
|
-
|
|
4
|
-
export declare function useSegmentedControl(options: {
|
|
5
|
-
items: Ref<SegmentedControlItem[]>;
|
|
6
|
-
modelValue: Ref<string | undefined>;
|
|
7
|
-
disabled: Ref<boolean>;
|
|
8
|
-
onSelect: (value: string) => void;
|
|
9
|
-
focusIndex?: (index: number) => void;
|
|
10
|
-
}): {
|
|
11
|
-
isSelected: (item: SegmentedControlItem) => boolean;
|
|
12
|
-
isSegmentDisabled: (item: SegmentedControlItem) => boolean;
|
|
13
|
-
select: (item: SegmentedControlItem) => void;
|
|
14
|
-
getTabIndex: (index: number) => number;
|
|
15
|
-
onKeydown: (event: KeyboardEvent, index: number) => void;
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=useSegmentedControl.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useSegmentedControl.d.ts","sourceRoot":"","sources":["../../src/useSegmentedControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAC9B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD,wBAAgB,mBAAmB,CAAC,OAAO,EAAE;IAC3C,KAAK,EAAE,GAAG,CAAC,oBAAoB,EAAE,CAAC,CAAA;IAClC,UAAU,EAAE,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACnC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC;uBAC2B,oBAAoB,KAAG,OAAO;8BAIvB,oBAAoB,KAAG,OAAO;mBAIzC,oBAAoB,KAAG,IAAI;yBAcrB,MAAM,KAAG,MAAM;uBAgBjB,aAAa,SAAS,MAAM,KAAG,IAAI;EA4C9D"}
|